@charset 'utf-8';

.product{padding: 40px 0;}

.product_category{width: 240px; float: left;}
.product_category .category_title{height: 46px; line-height: 32px; border-bottom: solid #d1d1d1 1px;}
.product_category .category_title h3{display: inline-block; font-size: 16px; color: #000;}
.product_category .category_title a{float: right; text-decoration: underline; color: #000;}
.product_category .screening{border-bottom: solid #d1d1d1 1px;}
.product_category .screening ul{padding: 10px 0;}
.product_category .screening li{display: inline-block; font-size: 12px; line-height: 22px; padding: 0 8px; background: #f6f6f6; border-radius: 3px; margin-right: 8px;}
.product_category .screening li .delete i{font-size: 12px; vertical-align: middle; margin-left: 3px;}
.product_category .category_filter{padding: 10px 0; border-bottom: solid #d1d1d1 1px;}
.product_category .category_filter .filter_title{line-height: 32px; position: relative; cursor: pointer;}
.product_category .category_filter .filter_title i{position: absolute; right: 0; top: 0;}
.product_category .category_filter .price_input{display: flex; justify-content: space-between;}
.product_category .category_filter .price_input .price_list{width: 46%; box-sizing: border-box; padding: 5px 10px; border: solid #d1d1d1 1px;}
.product_category .category_filter .price_input .price_list p{color: #9b9b9b;}
.product_category .category_filter .price_input .price_list input{width: 100%; box-sizing: border-box; border: none;}
.product_category .category_filter .price_slide{margin-top: 13px; display: flex; justify-content: space-between; align-items: center;}
.product_category .category_filter .price_slide .prices_num{line-height: 22px; font-size: 12px;}
.product_category .category_filter .price_slide .prices_box{width: calc(100% - 80px); margin: 0 5px;}
.product_category .category_filter .filter_item{display: none;}
.product_category .category_filter .filter_item .item_list{padding: 5px 0;}
.product_category .category_filter .filter_item .item_list label{margin-left: 5px; cursor: pointer;}
.product_category .category_filter .sales_slide{margin-top: 13px; display: flex; justify-content: space-between; align-items: center;}
.product_category .category_filter .sales_slide .sales_num{line-height: 22px; font-size: 12px;}
.product_category .category_filter .sales_slide .sales_box{width: calc(100% - 80px); margin: 0 5px;}

.product_list{width: calc(100% - 280px); float: right;}
.product_list .list_title{height: 46px; line-height: 32px; border-bottom: solid #d1d1d1 1px;}
.product_list .list_title .current{float: left; font-size: 16px; color: #000;}
.product_list .list_title .quantity{float: left; margin-left: 20px; color: #000;}
.product_list .list_title .sort{float: right; font-size: 16px; color: #000;}
.product_list .list_title .sort select{color: #858585; cursor: pointer;}
.product_list .list_item{padding: 15px 0;}
.product_list .list{width: 23.5%; float: left; margin: 0 2% 30px 0; position: relative;}
.product_list .list:nth-child(4n){margin-right: 0;}
.product_list .list:nth-child(4n+1){clear: both;}
.product_list .list .picture{overflow: hidden;}
.product_list .list .picture img{width: 100%;}
.product_list .list .plist{display: none;}
.product_list .list .plist.show{display: block;}
.product_list .list .picture .original{display: block;}
.product_list .list .picture:hover .original{display: none;}
.product_list .list .picture .dynamic{display: none;}
.product_list .list .picture:hover .dynamic{display: block;}
.product_list .list .picture .dynamic img{transition: all 1s;}
.product_list .list .picture .dynamic:hover img{transform: scale(1.1);}
.product_list .list .collect{position: absolute; top: 18px; right: 15px;}
.product_list .list .collect a{width: 20px; height: 19px; display: block; background: url("../images/collect_white.png") no-repeat;}
.product_list .list .ptab{height: 30px; margin-top: 15px;}
.product_list .list .ptab ul{text-align: center;}
.product_list .list .ptab ul li{display: inline-block; border: solid #fff 1px; border-radius: 50%; overflow: hidden; margin: 0 5px; cursor: pointer;}
.product_list .list .ptab ul li img{height: 28px; border-radius: 50%;}
.product_list .list .ptab ul li.current{border-color: #be0101;}
.product_list .list .title{margin-top: 5px;}
.product_list .list .title a{display: block; font-size: 16px; line-height: 22px; color: #000;}
.product_list .list .price{float: left; font-size: 18px; color: #000; margin-top: 10px;}
.product_list .list .price span{font-size: 14px; color: #959595; text-decoration: line-through; margin-left: 10px;}
.product_list .list .scoring{width: calc(100% - 60px); float: left;}
.product_list .list .scoring i{color: #ffc600;}
.product_list .list .scoring span{font-size: 12px; display: inline-block; margin-left: 6px;}
.product_list .list .cart{float: right; margin-top: 10px;}
.product_list .list .cart a{display: block; width: 42px; height: 42px; background: url("../images/cart2.png") center no-repeat #e8e8e8; border-radius: 50%;}

@media (max-width:960px) {
	.product{padding: 30px 10px;}
	.product_category{width: 240px; display: none;}
	.product_category .category_title{height: 46px; line-height: 32px; border-bottom: solid #d1d1d1 1px;}
	.product_category .category_title h3{display: inline-block; font-size: 16px; color: #000;}
	.product_category .category_title a{float: right; text-decoration: underline; color: #000;}
	.product_category .screening{border-bottom: solid #d1d1d1 1px;}
	.product_category .screening ul{padding: 10px 0;}
	.product_category .screening li{display: inline-block; font-size: 12px; line-height: 22px; padding: 0 8px; background: #f6f6f6; border-radius: 3px; margin-right: 8px;}
	.product_category .screening li .delete i{font-size: 12px; vertical-align: middle; margin-left: 3px;}
	.product_category .category_filter{padding: 10px 0; border-bottom: solid #d1d1d1 1px;}
	.product_category .category_filter .filter_title{line-height: 32px; position: relative; cursor: pointer;}
	.product_category .category_filter .filter_title i{position: absolute; right: 0; top: 0;}
	.product_category .category_filter .price_input{display: flex; justify-content: space-between;}
	.product_category .category_filter .price_input .price_list{width: 46%; box-sizing: border-box; padding: 5px 10px; border: solid #d1d1d1 1px;}
	.product_category .category_filter .price_input .price_list p{color: #9b9b9b;}
	.product_category .category_filter .price_input .price_list input{width: 100%; box-sizing: border-box; border: none;}
	.product_category .category_filter .price_slide{margin-top: 13px; display: flex; justify-content: space-between; align-items: center;}
	.product_category .category_filter .price_slide .prices_num{line-height: 22px; font-size: 12px;}
	.product_category .category_filter .price_slide .prices_box{width: calc(100% - 80px); margin: 0 5px;}
	.product_category .category_filter .filter_item{display: none;}
	.product_category .category_filter .filter_item .item_list{padding: 5px 0;}
	.product_category .category_filter .filter_item .item_list label{margin-left: 5px; cursor: pointer;}
	.product_category .category_filter .sales_slide{margin-top: 13px; display: flex; justify-content: space-between; align-items: center;}
	.product_category .category_filter .sales_slide .sales_num{line-height: 22px; font-size: 12px;}
	.product_category .category_filter .sales_slide .sales_box{width: calc(100% - 80px); margin: 0 5px;}
	
	.product_list{width: 100%; float: right;}
	.product_list .list_title{height: 46px; line-height: 32px; border-bottom: solid #d1d1d1 1px;}
	.product_list .list_title .current{float: left; font-size: 16px; color: #000;}
	.product_list .list_title .quantity{float: left; margin-left: 20px; color: #000;}
	.product_list .list_title .sort{float: right; font-size: 16px; color: #000;}
	.product_list .list_title .sort select{color: #858585; cursor: pointer;}
	.product_list .list_item{padding: 15px 0;}
	.product_list .list{width: 49%; float: left; margin: 0 2% 30px 0; position: relative;}
	.product_list .list:nth-child(2n){margin-right: 0;}
	.product_list .list:nth-child(4n+1){clear: both;}
	.product_list .list .picture{overflow: hidden;}
	.product_list .list .picture img{width: 100%;}
	.product_list .list .plist{display: none;}
	.product_list .list .plist.show{display: block;}
	.product_list .list .picture .original{display: block;}
	.product_list .list .picture:hover .original{display: none;}
	.product_list .list .picture .dynamic{display: none;}
	.product_list .list .picture:hover .dynamic{display: block;}
	.product_list .list .picture .dynamic img{transition: all 1s;}
	.product_list .list .picture .dynamic:hover img{transform: scale(1.1);}
	.product_list .list .collect{position: absolute; top: 18px; right: 15px;}
	.product_list .list .collect a{width: 20px; height: 19px; display: block; background: url("../images/collect_white.png") no-repeat;}
	.product_list .list .ptab{height: 30px; margin-top: 15px;}
	.product_list .list .ptab ul{text-align: center;}
	.product_list .list .ptab ul li{display: inline-block; border: solid #fff 1px; border-radius: 50%; overflow: hidden; margin: 0 5px; cursor: pointer;}
	.product_list .list .ptab ul li img{height: 28px; border-radius: 50%;}
	.product_list .list .ptab ul li.current{border-color: #be0101;}
	.product_list .list .title{margin-top: 5px;}
	.product_list .list .title a{display: block; font-size: 16px; line-height: 22px; color: #000;}
	.product_list .list .price{float: left; font-size: 18px; color: #000; margin-top: 10px;}
	.product_list .list .price span{font-size: 14px; color: #959595; text-decoration: line-through; margin-left: 10px;}
	.product_list .list .scoring{width: calc(100% - 60px); float: left;}
	.product_list .list .scoring i{color: #ffc600;}
	.product_list .list .scoring span{font-size: 12px; display: inline-block; margin-left: 6px;}
	.product_list .list .cart{float: right; margin-top: 10px;}
	.product_list .list .cart a{display: block; width: 42px; height: 42px; background: url("../images/cart2.png") center no-repeat #e8e8e8; border-radius: 50%;}
	
}