* { 
	border: none; 
	outline: none; 
	font-size: 12px; 
}
body {
	margin:0; 
	padding:0; 
	width:100%; 
	height:100%; 
	background-color:#f2f2f2; 
	position:relative; 
	}
.index-pc{
	width:100%;
	position:relative;
}
.index-pc-image{
	width:100%;
}
.service-scroll-image{
	width:100%;
}
.service-bottom-image{
	width:100%;
	position:relative;
	top:0;
}
.index-pc-click-area{
	position:absolute;
	left:55%;
	top:5%;
	width:41%;
	height:3%;
	display: flex;
	flex-direction: row;
}
.pc-click-area{
	position:absolute;
	left:55%;
	top:1.5%;
	width:41%;
	height:0.7%;
	display: flex;
	flex-direction: row;
}
.brand-pc-click-area{
	position:absolute;
	left:55%;
	top:0.9%;
	width:41%;
	height:0.4%;
	display: flex;
	flex-direction: row;
}
.about-pc-click-area{
	position:absolute;
	left:55%;
	top:0.8%;
	width:41%;
	height:0.4%;
	display: flex;
	flex-direction: row;
}
.index-mobile-click-area{
	position:absolute;
	top:13%;
	width:100%;
	height:4.5%;
	display: flex;
	flex-direction: row;
}
.mobile-click-area{
	position:absolute;
	top:3.8%;
	width:100%;
	height:1%;
	display: flex;
	flex-direction: row;
}
.brand-mobile-click-area{
	position:absolute;
	top:2.3%;
	width:100%;
	height:0.6%;
	display: flex;
	flex-direction: row;
}
.about-mobile-click-area{
	position:absolute;
	top:3.5%;
	width:100%;
	height:0.9%;
	display: flex;
	flex-direction: row;
}
.index-pc-brand{
	width:23%;
	height:100%;
	cursor: pointer;
}
.index-pc-service{
	margin-left:15%;
	width:23%;
	height:100%;
	cursor: pointer;
}
.index-pc-about{
	margin-left:11%;
	width:26%;
	height:100%;
	cursor: pointer;
}
.pc-brand{
	width:23%;
	height:100%;
	cursor: pointer;
}
.pc-service{
	margin-left:15%;
	width:23%;
	height:100%;
	cursor: pointer;
}
.pc-about{
	margin-left:11%;
	width:26%;
	height:100%;
	cursor: pointer;
}
.brand-pc-brand{
	width:23%;
	height:100%;
	cursor: pointer;
}
.brand-pc-service{
	margin-left:15%;
	width:23%;
	height:100%;
	cursor: pointer;
}
.brand-pc-about{
	margin-left:11%;
	width:26%;
	height:100%;
	cursor: pointer;
}
.brand-pc-index{
	position: absolute;
	left:7%;
	top:0.3%;
	width:14%;
	height:1.5%;
	cursor: pointer;
}
.about-pc-index{
	position: absolute;
	left:7%;
	top:0.3%;
	width:14%;
	height:1.3%;
	cursor: pointer;
}
.service-pc-index{
	position: absolute;
	left: 7%;
    top: 0.6%;
    width: 14%;
    height: 2.2%;
	cursor: pointer;
}
.brand-mobile-index{
	position: absolute;
	left:24%;
	top:0.3%;
	width:53%;
	height:1.4%;
	cursor: pointer;
}
.about-mobile-index{
	position: absolute;
	left:24%;
	top:0.5%;
	width:53%;
	height:2.1%;
	cursor: pointer;
}
.service-mobile-index{
	position: absolute;
	left:24%;
	top:0.8%;
	width:53%;
	height:3%;
	cursor: pointer;
}
.index-mobile-brand{
	margin-left: 11%;
	margin-top:1%;
    width: 12%;
    height: 83%;
    cursor: pointer;
}
.index-mobile-service{
	margin-left:21%;
	margin-top:1%;
	width: 13%;
    height: 85%;
    cursor: pointer;
}
.index-mobile-about{
	margin-left:19%;
	margin-top:1%;
	width: 14%;
    height: 85%;
    cursor: pointer;
}
.mobile-brand{
	margin-left: 11%;
	margin-top:0%;
    width: 12%;
    height: 95%;
    cursor: pointer;
}
.mobile-service{
	margin-left:21%;
	margin-top:0%;
	width: 13%;
    height: 96%;
    cursor: pointer;
}
.mobile-about{
	margin-left:19%;
	margin-top:0%;
	width: 14%;
    height: 96%;
    cursor: pointer;
}
.brand-mobile-brand{
	margin-left: 11%;
	margin-top:0%;
    width: 12%;
    height: 95%;
    cursor: pointer;
}
.brand-mobile-service{
	margin-left:21%;
	margin-top:0%;
	width: 13%;
    height: 96%;
    cursor: pointer;
}
.brand-mobile-about{
	margin-left:19%;
	margin-top:0%;
	width: 14%;
    height: 96%;
    cursor: pointer;
}
.pc-brand-haoshi{
	position: absolute;
	left: 1%;
    top: 26%;
    width: 48%;
    height: 11.4%;
	cursor: pointer;
}
.pc-brand-yapei{
	position: absolute;
	left: 50%;
    top: 26%;
    width: 48%;
    height: 11.4%;
	cursor: pointer;
}
.pc-brand-yiyun{
	position: absolute;
	left: 1%;
    top: 37.8%;
    width: 48%;
    height: 11.4%;
	cursor: pointer;
}
.pc-brand-sifulan{
	position: absolute;
	left: 50%;
    top: 37.8%;
    width: 48%;
    height: 11.4%;
	cursor: pointer;
}
.pc-brand-fumenglin{
	position: absolute;
	left: 1%;
    top: 49.6%;
    width: 48%;
    height: 11.7%;
	cursor: pointer;
}
.pc-brand-haichang{
	position: absolute;
	left: 50%;
    top: 49.6%;
    width: 48%;
    height: 11.7%;
	cursor: pointer;
}
.pc-brand-category{
	position: absolute;
	left: 39%;
    top: 63.6%;
    width: 21%;
    height: 3%;
	cursor: pointer;
}
.mobile-brand-yapei{
	position: absolute;
	left: 1%;
    top: 23.3%;
    width: 98%;
    height: 6.9%;
	cursor: pointer;
}
.mobile-brand-sifulan{
	position: absolute;
	left: 1%;
    top: 30.3%;
    width: 98%;
    height: 6.7%;
	cursor: pointer;
}
.mobile-brand-haoshi{
	position: absolute;
	left: 1%;
    top: 37.2%;
    width: 98%;
    height: 6.7%;
	cursor: pointer;
}
.mobile-brand-yiyun{
	position: absolute;
	left: 1%;
    top: 44.1%;
    width: 98%;
    height: 7%;
	cursor: pointer;
}
.mobile-brand-fumenglin{
	position: absolute;
	left: 1%;
    top: 51.3%;
    width: 98%;
    height: 6.8%;
	cursor: pointer;
}
.mobile-brand-haichang{
	position: absolute;
	left: 1%;
    top: 58.3%;
    width: 98%;
    height: 6.7%;
	cursor: pointer;
}
.mobile-brand-category{
	position: absolute;
	left: 25%;
    top: 66%;
    width: 51%;
    height: 2%;
	cursor: pointer;
}
.mobile-brand-lifestyle{
	position: absolute;
	left: 3%;
    top: 69%;
    width: 43%;
    height: 6%;
	cursor: pointer;
}
.mobile-brand-accessory{
	position: absolute;
	left: 55%;
    top: 69%;
    width: 43%;
    height: 6%;
	cursor: pointer;
}
.mobile-brand-food{
	position: absolute;
	left: 3%;
    top: 75.7%;
    width: 43%;
    height: 6%;
	cursor: pointer;
}
.mobile-brand-child{
	position: absolute;
	left: 55%;
    top: 75.7%;
    width: 43%;
    height: 6%;
	cursor: pointer;
}
.mobile-brand-marketing{
	position: absolute;
	left: 3%;
    top: 82.4%;
    width: 43%;
    height: 6%;
	cursor: pointer;
}
.mobile-brand-car{
	position: absolute;
	left: 55%;
    top: 82.4%;
    width: 43%;
    height: 6%;
	cursor: pointer;
}
.mobile-brand-wash{
	position: absolute;
	left: 3%;
    top: 89.2%;
    width: 43%;
    height: 6%;
	cursor: pointer;
}
.mobile-brand-cosmetics{
	position: absolute;
	left: 55%;
    top: 89.2%;
    width: 43%;
    height: 6%;
	cursor: pointer;
}
.brand-hover-area1{
	position: absolute;
    left: 2.9%;
    top: 67.63%;
    width: 94.56%;
    height: 9.58%;
	display: flex;
    flex-direction: row;
}
.brand-hover-area1 div,.brand-hover-area2 div{
	cursor: pointer;
}
.brand-hover-area1 div img{
	width:100%;
	height:100%;
}
.hover1{
	width: 21.8%;
    height: 100%;
}
.hover2{
	margin-left:3.62%;
	width: 21.8%;
    height: 100%;
}
.hover3{
	margin-left:4.99%;
	width: 21.8%;
    height: 100%;
}
.hover4{
	margin-left:4.2%;
	width: 21.8%;
    height: 100%;
}
.brand-hover-area2{
	position: absolute;
	left: 2.9%;
    top: 79.49%;
    width: 94.56%;
    height: 9.58%;
	display: flex;
    flex-direction: row;
}
.brand-hover-area2 div img{
	width:100%;
	height:100%;
}
.hover5{
	width: 21.8%;
    height: 100%;
}
.hover6{
	margin-left:3.62%;
	width: 21.8%;
    height: 100%;
}
.hover7{
	margin-left:4.99%;
	width: 21.8%;
    height: 100%;
}
.hover8{
	margin-left:4.2%;
	width: 21.8%;
    height: 100%;
}
.pc-product-area{
	position:absolute;
	top:50%;
	width:100%;
	height:6%;
	text-align:center;
}
.pc-product-scroll-image{
	height:100%;
/*	width:100%;*/
}

.el-carousel {
    overflow-x: hidden;
    position: relative;
    height: 100%;
}
.pc-member-area{
	position:absolute;
	top:73%;
	width:100%;
	height:9%;
}
.mobile-member-area{
	position:absolute;
	top:77.5%;
	width:100%;
	height:8%;
}
.pc-member-area img,.mobile-member-area img{
	width:100%;
	height:100%;
}
.pc-member-click-area1{
	position: absolute;
	left: 16%;
    top: 82.9%;
    width: 67%;
    height: 2.5%;
	display: flex;
    flex-direction: row;
}
.mobile-member-click-area1{
	position: absolute;
    top: 85.7%;
    width: 100%;
    height: 2.7%;
	display: flex;
    flex-direction: row;
}
.pc-member-click-area1 div,.mobile-member-click-area1 div{
	height:100%;
	cursor: pointer;
}
.left,.right{
	width:4%;
}
.pc-member1,.pc-member2,.pc-member3,.pc-member4,.pc-member5{
	width:11%;
}
.mobile-member1,.mobile-member2,.mobile-member3,.mobile-member4,.mobile-member5{
	width:17%;
}
.pc-member1{
	margin-left:5.7%;
}
.pc-member2{
	margin-left:6.6%;
}
.pc-member3{
	margin-left:6.7%;
}
.pc-member4{
	margin-left:6.6%;
}
.pc-member5{
	margin-left:7%;
}
.right{
	margin-left:4%;
}
.mobile-member1{
	margin-left:2.4%
}
.mobile-member2{
	margin-left:2.2%
}
.mobile-member3{
	margin-left:2.7%
}
.mobile-member4{
	margin-left:3.2%
}
.mobile-member5{
	margin-left:2.3%
}
.pc-member-click-area2{
	position: absolute;
	left: 28%;
    top: 85.5%;
    width: 44%;
    height: 2.4%;
	display: flex;
    flex-direction: row;
}
.mobile-member-click-area2{
	position: absolute;
	left: 11%;
    top: 88.7%;
    width: 79%;
    height: 2.4%;
	display: flex;
    flex-direction: row;
}
.pc-member-click-area2 div{
	width:20%;
	height:100%;
	cursor: pointer;
}
.mobile-member-click-area2 div{
	width:22%;
	height:100%;
	cursor: pointer;
}
.pc-member7,.pc-member8,.pc-member9{
	margin-left:8%;
}
.mobile-member6{
	margin-left:1%
}
.mobile-member7,.mobile-member8,.mobile-member9{
	margin-left:4.6%;
}
.beian{
	position: absolute;
	bottom: 10px;
	right: 50px;
}
.beian span a{
    height: 20px;
    line-height: 20px;
    margin: 0px 0px 0px 5px;
    color: #939393;
    text-decoration: none;
}
.fixPosition{
	position: fixed;
}