/*用户口碑*/


.reviews-banner{
	margin-bottom: .17rem;
}
.reviews-banner .banner-txt{
	text-align: left;
	color: #282828;
	width: 55%;
	left: 17%;
	top: 30%;
}
.reviews-banner .banner-txt h2{
	font-size: 1.40rem;
	font-family: "arial";
	font-weight: bold;
	color: #282828;
}
.reviews-banner .banner-txt h2:after{
	left: 0;
	margin-left: 0;
	background-color: #898989;
	height: 4px;
}
.reviews-banner .banner-txt p{
	font-size: .4rem;
	line-height: .8rem;
	
}



.reviews-container{
	position: relative;
	width: 1038px;
	margin-left: auto;
	margin-right: auto;
}

#tiles li {
    width: 250px;
    background-color: #ffffff;
    border: 1px solid #dedede;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: none;
    cursor: pointer;
    overflow: hidden;
}
#tiles li img {
    display: block;
    width: 100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
#tiles li .img-wrap{
	overflow: hidden;
}
#tiles li .img-wrap img:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}



.reviews-container ul li .wookmark-txt{
	text-align: left;
	font-size: .26rem;
	padding: .3rem .2rem;
	position: relative;
}
.reviews-container ul li .wookmark-txt h4{
	text-transform: uppercase;
	color: #ffbc3c;
	margin-bottom: .15rem;
}

.reviews-container ul li .wookmark-txt p{
	text-transform: uppercase;
}

.wookmark-tx{
	position: absolute;
	right: .25rem;
	top: -28px;
	/*width: 1.24rem;
	height: 1.24rem;*/

	width: 56px;
	height: 56px;
	border-radius: 100%;
	overflow: hidden;
	background-color: #f8f8f8;
}



@media (max-width: 1440px){
	.reviews-banner .banner-txt{
		top: 22%;
	}
	
}
@media (max-width: 1080px){
	.reviews-container{
		width: 90%;

	}
}


@media(max-width: 1280px){
	.reviews-banner .banner-txt h2{
		font-size: 1.48rem;
	}

	


}

@media (max-width: 1024px){
	.reviews-banner .banner-txt h2 {
	    font-size: 1rem;
	}
	.reviews-banner .banner-txt p{
		font-size: .36rem;
		line-height: .6rem;
	}
}


@media (max-width: 768px){
	.reviews-banner .banner-txt{
		width: 75%;
		display: none;
	}
	.reviews-banner .banner-txt h2 {
	    font-size: 0.8rem;
	}

	.reviews-banner .banner-txt p {
	    font-size: .34rem;
	    line-height: .5rem;
	}

	
}

@media (max-width: 767px){
	.reviews-container{
		width: 100%;

	}
	.reviews-banner .pc-show{
		display: none;
	}
	/*.reviews-banner{
		background: url("../images/banner-reviews-phone.jpg") no-repeat center center;
		height: 240px;
	}*/

	.reviews-banner .banner-txt{
		width: 88%;
		left: 0;
		top: 15%;
		padding: 0 6%;
		display: none;
	}
	.reviews-banner .banner-txt h2{
		font-size: 0.7rem;
	}
	.reviews-banner .banner-txt p{
		font-size: .42rem;
		line-height: 0.6rem;
	}



	
}


@media (max-width: 414px){
	.wookmark-tx{
		width: 40px;
		height: 40px;
		top: -20px
	}
	.reviews-container ul li .wookmark-txt{
		font-size: .42rem;
	}
	/*#tiles li{
		width: 94%!important;
		left: 3%!important;
	}*/
	.reviews-container ul li .wookmark-txt{
		padding: .3rem;
	}
}




/*品牌活动*/

.brand-banner .banner-txt{
	top: 20%;
}
.brand_container{
	width: 1220px;
	padding-bottom: 1rem;
	margin-top: .7rem;
}

.brand_container_left{
	/*width: 10%;*/
	width: 122px;
	float: left;
	background: #fff;
}

.brand_container_left a{
	 font-size: 0.35rem;
	 color: #a1a1a1;
	 display: block;
	 color: #282828;
	 line-height: .7rem;
	 cursor: pointer;
	 color: #333;
}
.brand_container_left a.cur,
.brand_container_left a:hover{
	color: #9d82af
}


.brand_container_left .btn-all{
	border-bottom: 2px solid #282828;
	margin-bottom: .3rem;
	padding-bottom: .2rem;
	position: relative;
}
.brand_container_left .btn-all:after{
	content: "";
	display: block;
	width: 50%;
	height: 4px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #282828;
}

.brand_container_right{
	width: 86%;
	float: right;
	text-align: left;
	
}
.brand_container_right .right-con{
	margin-left: -1.062%;
}
.brand_container_right .brand_item{
	display: none;
}
.brand_container_right .brand_item:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.brand_container_right a{
	float: left;
	display: inline-block;
	font-size: 0.31rem;
	/*width: 31.7%;*/
	width: 32.271%;
	line-height: .5rem;
	margin-left: 1.062%;
	/*border: 1px solid #f3f2f3;*/
	margin-bottom: 15px;
	box-sizing: border-box;
}
.brand_container_right a h2{
	color: #3b3b3b;
	font-weight: bold;
	height: 0.4rem;
	line-height: 0.4rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.brand_container_right a p{
	color: #5a5a5a
}

.brand_container_right a p.date{
	color: #9d82af;
	text-align: right;
	margin-top: .2rem;
	height: auto!important;

}

.brand_container_right a img{
	max-width: 100%;
	min-height: 175px;
	width: 100%;
	display: block;
	-webkit-transition: all 1s ;
	-moz-transition: all 1s ;
	-o-transition: all 1s ;
	transition: all 1s ;
}

.brand_container_right a .txt-con{
	padding: 0.5rem 0.35rem 0.5rem 0.4rem;
	text-align: center;
}
.brand_container_right a .txt-con p{
	height: 1rem;
	overflow: hidden;
}

.brand_container_right a .img_wrap,
.brand_container_right a .img-wrap{
	overflow: hidden;
	height: 228px;
}
.brand_container_right a:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.brand_container_right a:hover h2{
	color: #9d82af;
}
@media (max-width: 1220px){
	.brand_container{
		width: 90%;
	}
	.brand_container_right a{
		width: 31.5%;
	}
}


@media (max-width: 1024px){
	.brand_container_right a .img_wrap,
	.brand_container_right a .img-wrap{
		height: 168px;
	}
}

@media (max-width: 768px){
	.buy_container_right a{
		margin-bottom: 0 !important;
	}
	.brand_container_right a .txt-con{
		padding-top: 0;
		padding-bottom: 0;
	}
	.brand_container{
		width: 100%;
	}
	.brand_container_left a{
		font-size: .448rem;
		padding: .3rem 0!important;
		position: relative;
		border-bottom: 1px solid #d6d6d6!important;
		border-top: 1px solid #d6d6d6!important;
	}
	.brand_container_left a:before{
		content: "";
		display: block;
		width: 1px;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: #d6d6d6;
	}
	.brand_container_left a:nth-child(1):before{
		display: none;
	}


	.brand_container_right a{
		width:48.2%;
		line-height: 0.6rem;
		font-size: .42rem;
	}
	.brand_container_right a h2{
		height: 0.6rem;
		line-height: 0.6rem;
		margin-top: .1rem;
		margin-bottom: .1rem;
	}

	.brand_container_right{
		width: 90%!important;
		padding: 0 5%;
		float: none;
	}


	.brand_container_right,
	.brand_container_left{
		width: 100%;
	}




	.brand_container_right .right-con {
	    margin-left: 0;
	}


	.brand_container_left{
		margin-bottom: .3rem;
	}
	.brand_container_left a{
		width: 33.33%;
		float:left;
		text-align: center;
		margin-bottom: 0!important;
		/*padding: 0!important;*/
		line-height: 1rem;
		/*border-left: 1px solid #fff;*/
	}
	/*.brand_container_left a.cur{
		background-color: #9d82af;
		color: #fff;
	}*/

	.brand_container_left a.btn-all{
		border: 0;
	}
	.brand_container_left a.btn-all:after{
		content: "";
		background:none;
		height: 0
	}

	.brand_container_right a .txt-con p{
		height: 1.3rem;
	}
	
	.brand_container_right a .img_wrap, 
	.brand_container_right a .img-wrap{
		height: 220px;
	}
}


@media (max-width: 414px){
	.brand_container_right a{
		width: 100%;
		margin-left: 0;
		margin-bottom: .3rem;
	}
	.brand_container_right a .img_wrap,
	.brand_container_right a .img-wrap{
		height: 249px;
	}
	
	.brand_container_right a img{
		width: 100%;
	}
}

@media (max-width: 375px){
	.brand_container_right a .img_wrap,
	.brand_container_right a .img-wrap{
		height: 225px;
	}
}
@media (max-width: 320px){
	.brand_container_right a .img_wrap,
	.brand_container_right a .img-wrap{
		height: 192px;
	}
}


/*购买*/
.buy-banner{
	margin-bottom: 1rem;
}
.buy-bar{
	width: 100%;
	background-color: #9d82af;
	text-align: center;
	padding: .3rem 0;
}
.buy-bar img{
	display: block;
	margin: 0 auto;
}

.pro-wrap{
	background-color: #f4f4f4;
	box-shadow:  0 5px 11px -2px #c0bdbf
}
.pro-wrap .container{
	width: 1235px;
	padding: 2.9rem 0 2.6rem;
	margin-bottom: 2.5rem;
}

.pro-wrap .container .left{
	width: 35%;
}
.pro-wrap .container .right{
	width: 58%;
	padding-left: 5%;
	border-left: 1px solid #898989;
}
.pro-wrap .container a{
	color: #282828;
}

.pro-wrap .container a h2{
	font-size: 0.62rem;
}

.pro-wrap .container a p{
	font-size: 0.4rem;
	margin-top: .15rem;
	margin-bottom: .2rem;
}

.pro-wrap .container a{
	display: block;
}
.pro-wrap .container .right a .img-wrap{
	/*width: 50%;*/
	width: 7.53rem;
	height: 5.91rem;

}



.pro-wrap .container a img{
	/*max-width: 7.7rem;*/
	max-width: 100%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.pro-wrap .container a:hover img{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.pro-wrap .container a .btn-buy{
	display: block;
	width: 3.11rem;
	height: .75rem;
	line-height: .75rem;
	background-color: #ffea03;
	color: #282828;
	border-radius: 1rem;
	font-size: .4rem;
	margin:0 auto;
}

.pro-wrap .container a .txt-wrap{
	text-align: center;
	position: relative;
}
.pro-wrap .container a .txt-wrap i{
	display:block;
	width: 0.577rem;
	height: 0.577rem;
	background: #ffea03;
	margin: 0 auto .4rem;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}


.pro-wrap .container a.pro1{
	padding-top: 0.5rem;
	padding-right: 2rem;
	text-align: center;
}
.pro-wrap .container a.pro1 .img-wrap{
	width: 7.7rem;
	height: 8.66rem;
}
.pro-wrap .container a.pro2,
.pro-wrap .container a.pro3{
	padding-left: 0.5rem;
}
.pro-wrap .container a.pro2{
	padding-bottom: 0.7rem;
}
.pro-wrap .container a.pro3{
	padding-top: 1.6rem;
}


.pro-wrap .container .right a{
	border-top: 1px solid #898989;
}
.pro-wrap .container .right a:nth-child(1){
	border-top: 0;
}

.pro-wrap .container .right a .img-wrap,
.pro-wrap .container .right a .txt-wrap{
	display: inline-block;
	vertical-align: middle;
}

.pro-wrap .container .right a .txt-wrap{
	padding-left: 1.5rem;
	margin-left: 2rem;
}
.pro-wrap .container .right a .txt-wrap i{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -0.288rem

}

.buy_container{
	width: 1170px;
	padding-bottom: 1.8rem;
}

.buy_container .buy_container_left{
	/*width: 20%*/
	width:234px;
}
.brand_container_left.fixed,
.buy_container .buy_container_left.fixed{
	position: fixed;
	top: 0;
	z-index: 999;
}
.buy_container .buy_container_right{
	width: 76%
}

.commerce{
	display: flex;
	margin: 50px 0;
	justify-content: center;
}
.commerce a{
	display: block;
	margin:0 50px;
	cursor: pointer;
}
.commerce a:hover{
	opacity: .8;
}

.buy_container_right a{
	margin-bottom: 1rem;
}
.buy_container_right a .img_wrap{
	height: 287px;
}

.buy_container_right a .txt-con {
    /*border: 1px solid #e5e5e5*/
}
.buy_container_right a .txt-con p{
	color: #aaa;
	margin-top: .1rem;
	/*height: 1rem;*/
	overflow: hidden;
}
.buy_container_right a .txt-con .yy_date,
.buy_container_right a .txt-con .yy_price{
	height: auto;
}
.buy_container_right a .txt-con .yy_date{
	color: #faeb07
}
.buy_container_right a .txt-con .yy_date em{
	position: relative;
}
.buy_container_right a .txt-con .yy_date em:nth-child(1):after{
	content: "";
	display: block;
	width: 1px;
	height: 80%;
	position: absolute;
	right: 0;
	top: 10%;
	background: #faeb07;

}
.buy_container_right a .txt-con .yy_date em:nth-child(1){
	padding-right: .1rem;
}
.buy_container_right a .txt-con .yy_date em:nth-child(2){
	padding-left: .1rem;
}

.buy_container_right a .txt-con .yy_price span{
	color: #f14163;
	font-size: .5rem;
}
.buy_container_right a .txt-con .yy_price em{
	color: #333;
}

.buy_container_right a .txt-con .yy_price span,
.buy_container_right a .txt-con .yy_price em{
	vertical-align: middle;
}

.buy_container_left li{
	font-size: 0.4rem;
	position: relative;
	line-height: 1rem;
	margin: .3rem 0;
}
.buy_container_left li:after{
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
.buy_container_left li.type_title:before,
.buy_container_left li.type_title:after{
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #282828;
}

.buy_container_left li.type_title:after{
	width: 0.8rem;
	height: 4px;
}
.buy_container_left li.type_title{
	margin-bottom: 0;
	margin-top: 0;
}

.buy_container_left li.type_all{
	margin-top: 0;
}
.buy_container_left li .tab_nav{
		display: none;
		padding-left: .3rem;
}
.buy_container_left li .tab_nav a{
	font-size: .3rem;
}
.buy_container_left li .btn_open{
	position: absolute;
	right: 0;
	top: 10px;
	cursor: pointer;
	font-size: .4rem;
	font-weight: bold;
	background: url("../images/ic_add.png") no-repeat center center;
	width: 12px;
	height: 12px;
	background-size: 10px auto!important;
}

.buy_container_left li .btn_open.btn_close{
	background: url("../images/ic_sub.png") no-repeat center center;
	background-size: 10px auto!important;
}

@media (max-width: 1240px){
	.pro-wrap .container{
		width: 96%;
	}
	.pro-wrap .container a.pro1{
		padding-right: 1rem;
	}
	.pro-wrap .container .right a .img-wrap {
	    width: 44%;
	}
	.pro-wrap .container a.pro1 .img-wrap {
	    width: 4.62rem;
	    height: 5.196rem;
	    margin: 0 auto;
	}
	.pro-wrap .container .right a .img-wrap {
	    width: 4.518rem;
	    height: 3.546rem;
	}
	.pro-wrap .container a img{
		max-width: 100%;
	}
}

@media (max-width: 1220px){
	.buy_container_right a .img_wrap{
		height: 280px;
	}
}


@media (max-width: 1180px){
	.buy_container{
		width: 90%!important;
		padding-bottom: 0rem;
	}
	.pro-wrap .container a.pro3 {
	    padding-top: 1rem;
	}

	.buy_container .buy_container_left {
	    /* width: 20%; */
	    width: 180px;
	}

}

@media (max-width: 1024px){
	/*.brand_container_right a .img_wrap, .brand_container_right a .img-wrap{
		height: 175px;
	}*/

	.pro-wrap .container{
		margin-bottom: 1.5rem;
	}
	.buy_container_right a .img_wrap{
		height: 220px;
	}
}

@media (max-width: 768px){
	.commerce{
		margin:15px 20px;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: 5px;
	}
	.commerce a{
		margin: 0 5%;
		width: 10%;
		margin-bottom: 20px;
	}
	.commerce img{
		width: 100%;
		display: block;
	}
	.buy_container {
	    width: 100%!important;
	    margin-top: 0;
	}
	.buy-bar img{
	}
	.pro-wrap .container{
		padding: .6rem 0 ;
		width: 90%;
		margin-bottom: 0;
	}
	.pro-wrap .container .left,
	.pro-wrap .container .right{
		width: 100%;
		float: none;
	
	}
	.pro-wrap .container a {
		padding: .6rem 0 !important;
	}
	.pro-wrap .container a:after{
		content: "";
		display: block;
		clear: both;
		visibility: hidden;
		height: 0;
	}
	.pro-wrap .container a .img-wrap,
	.pro-wrap .container a .txt-wrap{
	    display: inline-block;
		vertical-align: middle;
	}
	.pro-wrap .container a .img-wrap {
	    width: 4rem!important;
		float: left;
	}
	.pro-wrap .container .left a .img-wrap{
		height: 4.46rem;
	}

	.pro-wrap .container .right a .img-wrap{
		height: 3.29rem;
	}
	.pro-wrap .container a .txt-wrap{
		width: 5rem!important;
		margin-left: 0!important;
		padding-left: 2%;
		float: right;
	}

	.pro-wrap .container .left a .txt-wrap,
	.pro-wrap .container .right a .txt-wrap{
		padding-left: 0.5rem;

	}
	
	.pro-wrap .container .left a .txt-wrap i{
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -0.288rem;
	}
	.pro-wrap .container a.pro1{
		padding-right: 0;
	}

	.pro-wrap .container .left a .txt-wrap{
		margin-top: 1em;
	}
	.pro-wrap .container .right a .txt-wrap{
		margin-top: .4rem;
	}
	.pro-wrap .container .right{
		border: 0;
		padding-left: 0;
	}

	.pro-wrap .container .right a.pro2 {
	    border-top: 1px solid #898989;
	}

	.brand_container_left.fixed, 
	.buy_container .buy_container_left.fixed{
		top: 1.8rem;
	}
	.buy_container .buy_container_left{
		width: 100%;
	}
	.buy_container .buy_container_right{
		width: 100%!important;
		padding: 0;

	}
	.buy_container .buy_container_right a{
		width: 45%;
		margin-left: 3%;
	}
	.buy_container .buy_container_right a .img_wrap{
		/*height: */
		height: 157px;
	}

	.buy_container_right a{
		line-height: 0.7rem;
	}


	.buy_container_left li.type_title,
	.buy_container_left li.type_all{
		display: none;
	}
	.buy_container_left li{
		width: 33.33%;
		float: left;
		margin: 0;
		padding: .2rem 0;
		border-bottom: 1px solid #d6d6d6;
		position: relative;
	}
	.buy_container_left li.cur{
		border-bottom: 1px solid #e5d305;
	}
	.buy_container_left li.cur a{
		color: #9d82af
	}
	.buy_container_left li a{
		width: 100%;
		background: none;
		font-size: .448rem;
		text-align: left;
		padding-left: .3rem!important;
		box-sizing: border-box;
		border: 0!important;

	}
	.buy_container_left li.cur a{
		color: #9d82af!important
	}
	.buy_container_left li a:hover{
		color: #333;
	}

	.buy_container_left li:nth-child(4):before,
	.buy_container_left li:nth-child(5):before{
		content: "";
		display: block;
		width: 1px;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: #d6d6d6
	}

	.buy_container_left li .btn_open{
		top: 50%;
		right: .3rem;
		margin-top: -6px;
		background: url("../images/ic_nav.png") no-repeat center center;
	}

	.buy_container_left li .btn_open.btn_close{
		background: url("../images/ic_navclose.png") no-repeat center center;

	}

	.buy_container_left li .tab_nav{
		position: absolute;
		top: 100%;
		background: #fff;
		padding: .3rem 0;
		border: 1px solid #d6d6d6;
		margin-top: 1px;
	}
	.buy_container_left li .tab_nav a {
	    font-size: .42rem;
	    line-height: .9rem;
	    padding-top: 0!important;
	    padding-bottom: 0!important;
	    color: #282828!important;
	}
	.brand_container_left .tab_nav a:before{
		content: "";
		display: none;
	}

	.buy_container_right a .txt-con p{
		height: 1.4rem;
	}
	.buy_container_right a .txt-con p.yy_date{
		height: 0.8rem;
		line-height: 0.8rem;
		overflow: hidden;
	}
}

@media (max-width: 414px){
	.buy_container .buy_container_right a .img_wrap{
		height: 184px;
	}

}



@media (max-width: 375px){
	.buy_container .buy_container_right a .img_wrap{
		height: 166px;
	}

}

@media (max-width: 320px){
	.buy_container .buy_container_right a .img_wrap{
		height: 142px;
	}

}