.mainbj{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
}
.search_area{
	width: 100%;
	height: 15vw;
	position: relative;
}
.search_area .search_box{
	width: 94%;
	float: left;
	height: 8vw;
	margin: 4vw 3% 2vw 3%;
	background: #fff;
	border-radius: 4vw;
}
.search_area .search_box .searchtb{
	float: left;
	height: 4vw;
	width: auto;
	margin: 2vw 2vw 2vw 5vw;
}
.search_area .search_box input{
	float: left;
	padding: 0.8vw 0.8vw;
	margin: 0.3vw 0;
	border: none;
	height: 6vw;
	outline: none;
	font-size: 3.5vw;
	width: 77vw;
}
/*滚动公告*/
.gg_box{
	width: 94%;
	margin: 3.5vw 3% 0 3%;
	height: 9vw;
	line-height: 9vw;
	background: #fff;
	border-radius: 5px;
	padding-top: 0.5vw;
}
.gg_box .laba{
	width: auto;
	height:4vw;
	margin-top: 2.5vw;
	float: left;
	margin-left: 1vw;
	padding: 0 3% 0 2%;
}

.gg_box .gg{
	width: 14%;
	height: 9vw;
	line-height: 9vw;
	display: block;
	float: left;
	font-size: 13px;
}
#gongao{
	width:80%;
	background: #fff;
	padding-right: 3%;
	height:9vw;
	overflow:hidden;
	line-height:9vw;
	font-size:13px;
	float: left;
	color: #5a5a59;
}
#gongao #scroll_begin, #gongao #scroll_end{display:inline} 
#scroll_div{
	width:100%;
	height:9vw;
	line-height: 9vw;
	margin:0 auto;
	white-space: nowrap;
	overflow:hidden;
}
.btnzu{
	width: auto;
	position: absolute;
	right: 3%;
	top: 3.8vw;
}
.msg{
	width: auto;
	padding: 0 1vw;
	float: left;
	text-align: center;
}
.msg img{
	height: 4vw;
	width: auto;
	display: block;
	margin: 0 auto;
}
.msg span{
	font-size: 12px;
	color: #fff;
	display: block;
	width: 100%;
	height: 5vw;
	line-height: 5vw;
	margin-top: 1px;
	-webkit-transform-origin: center;
	-webkit-transform: scale(0.80);
}
.sys{
	width: auto;
	padding: 0 1vw;
	float: left;
	text-align: center;
}
.sys img{
	height: 3.5vw;
	width: auto;
	display: block;
	margin: 0.5vw auto 0 auto;
}
.sys span{
	font-size: 12px;
	color: #fff;
	display: block;
	width: 100%;
	height: 5vw;
	line-height: 5vw;
	margin-top: 1px;
	-webkit-transform-origin: center;
	-webkit-transform: scale(0.80);
}

/*轮播图*/
.mybanner{
	padding: 0 3%;
	width: 94%;
	margin-top: 1vw;
}
.swiper-container .swiper-slide img {
	display: block;
	width: 100%;
	height: 47.5vw;
	border-radius: 8px;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 3px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 5px;
    left: 0;
    width: 100%;
}
.swiper-pagination-bullet {
	width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 100%;
    background: #bfc7c5 !important;
	opacity: 1 !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 100%;
	background: #fff !important;
	opacity: 1 !important;
}
/*限时秒杀*/
.limitbox{
	width: 97%;
	margin: 0 1.5%;
	height: auto;
	background: #fff;
	border-radius: 8px 8px 0 0;
}
.headv{
	width: 94%;
	height: 5vw;
	padding: 2.5vw 3% 2.3vw 3%;
	border-bottom: 1px solid #f6f6f6;
}
.headv .theico{
	height: 5vw;
	width: auto;
	margin-right: 2%;
	float: left;
}
.headv .thetittle{
	display: block;
	height: 5vw;
	line-height: 5vw;
	font-size: 3.8vw;
	color: #5a5a59;
	float: left;
	font-family: "arial black";
}
.headv .gdarrow{
	height: 1.5vw;
	width: auto;
	margin-top: 1.75vw;
	float: right;
}

/*瓷片区*/
.cpqbox{
	width: 94%;
	margin: 3vw 3%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.cpqbox .cpleft{
	width:47%;
	height: auto;
	display: block;
}
.cpqbox .cpright{
	width: 50.5%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
.cpqbox .cpright img{
	width: 98%;
	height: auto;
	
}

/*线下盟店*/
.mengdianbox{
	width: 94%;
	margin: 0 3%;
	height: auto;
	border-radius: 6px;
	margin-top: 2vw;
}
.headv {
	background: #fff;
	border-radius: 8px;
}
.headv .dwword{
	display: block;
	height: 5vw;
	line-height: 5vw;
	font-size: 3vw;
	color: #5a5a59;
	float: right;
	-webkit-transform-origin: right;
	-webkit-transform: scale(0.9);
}
.headv .dwico{
	height: 4vw;
	width: auto;
	margin-top:0.5vw;
	float: right;
	margin-right: 0vw;
}
.shoplist{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 17vw;
	border-radius: 0 0 8px 8px;
	margin-top: 2vw;
}
.shoplist li{
	margin-bottom: 2vw;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
}
.shoplist li:nth-child(even){
  width: 48.5%;
  float: left;
  margin-left: 1%;
  margin-right: 0.5%;
}
.shoplist li:nth-child(odd){
  width: 48%;
  float: left;
  margin-left: 0.5%;
  margin-right: 1%;
}
.shoplist li .myproimg{
	width: 100%;
	height: 45.1vw;
	position: relative;
	
}
.shoplist li .myproimg img{
	width: 100%;
	height: 100%;
}
.shoplist li .myproimg a{
	padding: 1px 3px;
	border: 1px solid #ffddd6;
	background: #fff5e9;
	color: #ff6343;
	position: absolute;
	left: 4px;
	top: 4px;
	font-size: 12px;
	border-radius: 8px 0 8px 0;
}
.shoplist li .dpname{
	display: block;
	float: left;
	width:94%;
	padding: 0 3%;
	height: 10vw;
	line-height: 4.5vw;
	font-size: 13px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.shoplist li .price_box{
	width:92%;
	padding: 3vw 4%;
	height: 6vw;
	line-height: 6vw;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.shoplist li .price_box .jg{
	width: auto;
	height: 6vw;
}
.shoplist li .price_box .a_jg{
	color: #ee1919;
	display: block;
	width: 50%;
	float: left;
	font-size: 4w;
}
.shoplist li .price_box .a_jg .a1{
	font-size: 3vw;
}
.shoplist li .price_box .a_jg .a2{
	font-size: 12px;
	color: #a09f9f;
	margin-left: 5px;
	text-decoration: line-through;
}
.shoplist li .price_box .yishou{
	color: #575555;
	width: 45%;
	padding-right: 5%;
	display: block;
	float: right;
	font-size: 12px;
	-webkit-transform-origin: right;
	-webkit-transform: scale(0.8);
	text-align: right;
}
.shoplist li .dpinfor .youzhi{
	display: block;
	width:30%;
	font-size: 12px;
	float: right;
	-webkit-transform-origin: right;
	-webkit-transform: scale(0.8);
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.shoplist li .youhui{
	display: block;
	float: left;
	width:100%;
	line-height: 4vw;
	font-size: 12px;
	color: #db1313;
	margin-top: -0.8vw;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	-webkit-transform-origin: left;
	-webkit-transform: scale(0.8);
}


/*菜单栏*/
.btn_box{
	width: 98%;
	padding: 0 1%;
	height: auto;
	margin-bottom: 2vw;
	padding-top: 4vw;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	
}
.btn_box li{
	width: 20%;
	flex-shrink: 0;
	margin-bottom: 1.5vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.btn_box li img{
	width: auto;
	display: block;
	height: 11vw;
}
.btn_box li p{
	line-height: 7vw;
	color: #0d0d0d;
	font-size: 13px;
}

/*iPhone X 适配*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
	.shoplist{
		margin-bottom: 26vw;
	}
}
/*iPhone XS max 适配*/
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:3) {
	.shoplist{
		margin-bottom: 26vw;
	}
}
/*iPhone XR max 适配*/
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:2) {
	.shoplist{
		margin-bottom: 26vw;
	}
}
/*