.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: #efefed;
	border-radius: 5px;
	padding-top: 0.5vw;
}
.gg_box .laba{
	width: auto;
	height:5.5vw;
	margin-top: 1.7vw;
	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: #efefed;
	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 0;
	width: 100%;
}
.swiper-container .swiper-slide img {
	display: block;
	width: 100%;
	height: 54vw;
}
.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;
}
.hybox{
	width: 94%;
	margin: 3vw 3%;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}
.hybox .djbj{
	width: 100%;
	height: auto;
	display: block;
}
.hybox .hyinfor{
	width: 60%;
	position: absolute;
	left: 5%;
	bottom: 8vw;
	color: #565555;
	font-size: 3.5vw;
}
.hybox .hyinfor .mylevel{
	display: block;
	font-size: 5vw;
	font-weight: bold;
	color: #565555;
	padding-bottom: 5vw;
}
.hybox .hyinfor .mynames{
	padding-bottom: 1vw;
}
.hybox .hyinfor .mynames span{
	margin-right: 5vw;
}
.hybox .sjbtns{
	border-radius: 4vw;
	height: 7vw;
	line-height: 7vw;
	padding: 0 6vw;
	background: linear-gradient(to right, #bebebd, #ffffff);
	position: absolute;
	right: 7%;
	bottom: 5vw;
	color: #272727;
	font-size: 3.5vw;
}
.myuls{
	width: 91%;
	margin: 5vw 4.5%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.myuls li{
	width: 47%;
	padding: 7vw 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #454545;
	margin-bottom: 5vw;
	border-radius: 3vw;
	color: #f1d06f;
	font-size: 3.2vw;
}
.myuls li img{
	width: auto;
	height: 9vw;
}

.theqq{
	width: 90%;
	margin: 5vw 5%;
	text-align: center;
	font-size: 3.5vw;
}

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