.wf-price-area{
	position: relative;
	background-image: url(../../img/qvkool/winprice_bg.jpg);	
	height: 450px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-content: center;	
	z-index: 0;
	
}
.wf-price-area-params{
	width:320px;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.wf-price-area-params ul{
	list-style: none;
	padding-left: 20px;
}

.wf-price-area-params ul li{
	background-color: #2d2d2d;
	padding: 10px 10px;
	margin: 15px 0px;
	border-radius: 10px;
}
.wf-price-area-params ul li p:first-child {
	font-size:16px;
	font-weight:700;
}
.wf-price-area-params ul li p{
	font-size:12px;
	color:#999999;
	margin-bottom: 0px;
}
.wf-price-area-car {
	margin-top: 20px;
	/* margin-left: 40px; */
}
.wf-price-area-car img{
	width: 550px;
}
.total-price-img-area{
	margin-left: 30px;
}

.total-price-img-area img{
	position: relative;
	left: 30px;
	width: 120px;
	height: 185px;
}
.total-price-text{
	position: relative;
	top: -90px;
	left: 80px;
}
.total-price-text p{
	color: #cccccc !important;
	margin-bottom: 5px;
}
.total-price-text p:last-child{
	position: relative;
	left: -20px;
	margin-right: 80px;
}
.total-price-text p .total-price-value{
	font-size:20px;
	color:#c8b88c;
}

.wf-price-filter-btn{
	margin-top: 20px;
}
.wf-price-filter-btn .part{
	margin-top: 20px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	
}
.wf-price-filter-btn .part .part-one-title,.part-two-title,.part-two-title{
	font-size: 18px;
	font-weight: 700;
	width: 90px;
}
.part ul {
	list-style: none;
	display: flex;
	flex-direction: row;
	
	
}
.swiper-container{
	width: 1100px;
}
.part .swiper-wrapper .swiper-slide{
	margin-left: 20px;
	height:50px;
	width: 80px !important;

}

.part-five-items, .part-four-items,.part-three-items, .part-two-items ,.part-one-items{
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: flex-start;
	width: 1100px;
	overflow: auto;
	margin-left: 20px;
	
}

.part-two-items .product-filter, .part-three-items .product-filter, .part-four-items .product-filter, .part-five-items .product-filter {
	flex-shrink: 0;
	margin-bottom: 10px;
	width: 80px;
}


.part-three-items .product-filter{
	flex-shrink: 0;
	width: 80px;
	margin-bottom: 10px !important;
}


.product-filter{
	background-color: #FFF;
    border: 1px solid #ECECEC;
	color: #888;
    cursor: pointer;
	margin: 0px 10px;

	height:50px;
	width: 80px;
	display: flex;
	border-radius: 5px;
	flex-direction: column;	
	justify-content:center;
	align-items: center;
	
}
.product-filter.active{
	background-color: #c8b88c !important;
    border-color: #c8b88c;
    cursor: pointer;
}
.product-filter p{
	margin-bottom: 0px;
	font-weight: 700;
}
.part  p{
	margin-bottom: 0px;
	font-weight: 700;
}

.product-filter.active p{
	color: #ffffff !important;
}


.sky-window-modal{
	display: none;
}
.sky-window-modal-ul{
	list-style-type: none;
	padding-left:5px;
	padding-top:10px
}
.sky-window-modal-ul li{
	padding: 5px 0px;
	cursor: pointer;

}
.sky-window-modal-ul li:hover{
	/* background-color: #c8b88c !important; */
	color: #c8b88c;	
}


.part-two-items::-webkit-scrollbar ,.part-three-items::-webkit-scrollbar,.part-four-items::-webkit-scrollbar,.part-five-items::-webkit-scrollbar {	
	width: 10px;/*竖向滚动条的宽度*/
	height: 10px;/*横向滚动条的高度*/
}
.part-two-items::-webkit-scrollbar-thumb ,.part-three-items::-webkit-scrollbar-thumb,.part-four-items::-webkit-scrollbar-thumb,.part-five-items::-webkit-scrollbar-thumb{/*滚动条里面的小方块*/
	background: #666666;
	border-radius: 5px;
}
.part-two-items::-webkit-scrollbar-track ,.part-three-items::-webkit-scrollbar-track,.part-four-items::-webkit-scrollbar-track,.part-five-items::-webkit-scrollbar-track{/*滚动条轨道的样式*/
	background: #ccc;
	border-radius: 5px;
}
.hidden-p {
	display: flex;
	flex-direction: row;
}
.hidden-p span{
	font-size: 12px !important;
}


@media screen and (min-width: 576px) and (max-width: 1000px) {

	.total-price-img-area{
		margin-left: 0px;
	}
	.wf-price-area-car img{
		width: 400px;
	}
	.wf-price-area{
		height: 300px;
	}
	.total-price-img-area img{
		width: 80px;
		height: 120px;
	}
	.total-price-text{
		top:-60px;
	}
	.total-price-text p {
		font-size: 12px;
	}	
	.total-price-text p:first-child{
		display: none;
	} 
	.total-price-text p .total-price-value{
		top: 50px;
		margin-top: 20px;
		font-size: 12px;
	}

}
.mobile-price-btn-area{
	margin-top: 40px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.mobile-price-btn-area .left-btn a{
	padding: 5px 80px;
	color: #ffffff;
}
.mobile-price-btn-area .right-btn a{
	padding: 5px 80px;
	color: #ffffff;
}

@media screen and (max-width:570px){
	.show-product-params li p:nth-child(1){
		font-size: 12px !important;
	}
	.show-product-params li p:nth-child(2){
		display: none;
	}	
	.part-five-items,.part-four-items,.part-three-items, .part-two-items ,.part-one-items{
		width: 100% !important;
		margin-left: 0px !important;
	}
	.total-price-img-area img{
		width: 30px;
		height: 60px;
	}
	.wf-price-area{
		height: 250px;
	}
	.wf-price-area-car img{
		width: 300px;
	}
	.wf-price-area-total{
		display:none;
	}
	.wf-price-filter-btn{
		margin: 0px 10px;
	}
	.wf-price-filter-btn .part{
		display: block;
		margin: 5px 0px;
		/* flex-direction: column;
		flex-wrap: wrap; */
	}
	.wf-price-filter-btn h3{
		margin-top: 10px;
		font-size:14px !important;
	}
	.part p{

		font-size: 12px;
		font-weight: 500;
	}
	.vkool-price-title{
		margin: 5px 0px !important;
		font-size: 16px !important;
		margin-bottom: 20px !important;
	}
	.wf-price-area-params ul{
		padding-left: 5px;
	}
	.wf-price-area-params ul li {
		background-color: #2d2d2d;
		padding: 10px 5px;
		margin: 5px 0px;
		border-radius: 5px;
	}
	.part-one-items .product-filter{
		margin: 0px 5px;
		width: 100px;
	}
	.part-two-items .product-filter{
		margin: 0px 5px;
		width: 80px;
	}
	.part-three-items .product-filter{
		margin: 0px 5px;
		width: 80px;
	}
	.part-four-items .product-filter{
		margin: 0px 5px;
		width: 80px;
	}
	.part-five-items .product-filter{
		margin: 0px 5px;
		width: 80px;
	}

	.part-one-title p{
		font-size: 13px;
		font-weight: 700px;
		color: #cccccc !important;
		margin-bottom: 5px;
	}
	.price-btn-area{
		display: none;
	}
	.mobile-price-btn-area{
		flex-direction: column;
		margin-top: 20px;
	}
	.mobile-price-btn-area .left-btn{
		margin-right: 0px;
	}
	.mobile-price-btn-area .right-btn{
		margin-top: 10px;
		margin-left: 0px;
	}
	.mobile-price-btn-area .left-btn a{
		padding: 4px 62px;
}
	.mobile-price-btn-area .right-btn a{
		padding: 4px 60px;
	}
}

.price-btn-area{
	position: relative;
	top:-50px;
}