/**
 * ========================================================================================================================
 * 产品列表
 * ========================================================================================================================
 */
.product-container {padding-bottom: .8rem;}
.product-container .filter-container{height: .6rem;background: #F9C01A;line-height: .6rem;}
.product-container .filter-container .title{font-size: .20rem}
.product-container .filter-container .checkbox-container label{width: .16rem;height: .16rem;background-color: #fff;display: block;cursor: pointer;margin: .22rem .1rem .22rem .3rem;}
.product-container .filter-container .checkbox-container p{font-size: .16rem;}
.product-container .filter-container .checkbox-container label.active{background-image:url(../images/selected.png) ;}
.product-container .filter-container select {    width: 1.4rem;
    height: .4rem;
    margin: .1rem 0;
    padding: 0 1em;
    color: #666;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../images/select.png);
    background-repeat: no-repeat;
    background-position: 122px center;
    font-size: .16rem;
    float: left;}
.product-container .filter-container select.active {color: #333;}
.product-container .product-list-container .common-button {margin: .2rem auto;}
.product-container .product-list {margin: .4rem -.15rem 0 -.15rem;}
.product-container .product-list li{margin-bottom: .3rem;width: 33.33%;padding: 0 .15rem;}
.product-container .product-list li.mb{width: 50%;padding: 0 .1rem;}
.product-container .product-list li a{background: #ebebeb;display: block;width: 100%;height: 100%;overflow: hidden;border-radius: .08rem;}
.product-container .product-list li a:hover{background: #ea242f;-webkit-box-shadow: 0 .1rem .1rem 0 rgba(0,0,0,.2);box-shadow: 0 .1rem .1rem 0 rgba(0,0,0,.2);}
.product-container .product-list li a .text-container{padding: .2rem .3rem;}
.product-container .product-list li a .text-container h5{font-size: .2rem;font-weight: normal;color: #333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.product-container .product-list li a:hover .text-container h5{color: #fff;}
.product-container .product-list li a .text-container p{font-size: .15rem;color: #333;margin-top: .05rem;}
.product-container .product-list li a:hover .text-container p{color: #fff;}
.product-container .product-list li a .pic-container {width: 100%;}
.product-container .product-list li a .pic-container img{display: block;width: 100%;}
.cpsearch{  width: 0.7rem; height: .4rem;margin: .1rem 0;  padding: 0 1em;   float: left;}
@media screen and (max-width: 1366px) {
	.product-container .filter-container .checkbox-container label{width: .12rem;height: .12rem;background-color: #fff;display: block;cursor: pointer;margin: .23rem .05rem .23rem .2rem;}
	.product-container .filter-container .checkbox-container p{font-size: .14rem;}
	
}
@media screen and (max-width: 1024px) {
	.product-container .filter-container{height: auto;padding: .4rem 0;}
	.product-container .filter-container .title{float: none;font-size: .28rem;}
	.product-container .filter-container .checkbox-container {float: none;}
	.product-container .filter-container .checkbox-container label{width: .4rem;height: .4rem;margin: .2rem .1rem .2rem 0;}
	.product-container .filter-container .checkbox-container p{font-size: .28rem;line-height: .8rem;}
	.product-container .filter-container .function-container{width: 5rem;/*float: none;*/}
	.product-container .filter-container select {width: 3rem;height: .8rem;font-size: .28rem;float: none;}
	.product-container .product-list li a .text-container h5{font-size: .28rem;font-weight: normal;color: #333;}
	.product-container .product-list li a .text-container p{font-size: .28rem;font-weight: normal;color: #333;height: .6rem;overflow: hidden;}
	.cpsearch{  width: 1.3rem; height: 0.8rem;margin: .1rem 0;  padding: 0 1em;   float: none;}
}