/**/

.Productpinpai{width: 300px;overflow: hidden; float:right;} 

.module_layC_title{height:20px;border-bottom: 1px solid #ddd;position: relative;}

.module_layC_title span{height:41px;padding:0 10px;display: block;text-align: center;}

.module_layC_title span i{height:41px;line-height:41px;font-size: 22px;text-align: center;padding: 0 10px;background: #fff;}



.module_layC_content{width: 258px;padding: 30px 20px 15px;border: 1px solid #ececec;border-top: none; 	height:auto; 

	overflow:hidden;} 

.module_lancome .module_lancome_info {

    border-bottom: 1px solid #ececec;

    margin-bottom: 15px;

    padding-bottom: 20px;



}

.module_lancome .lancome_img {

    text-align: center;

    display: block;

}

.module_lancome .module_lancome_info img {

    max-width: 258px;

}

.module_lancome .lancome_name {

    font-size: 16px;

    margin: 20px 0 15px;

    display: block;

}

.module_lancome .module_lancome_info span {

    color: #888;

}

.module_lancome .module_lancome_info i {

    width: 1px;

    height: 12px;

    background: #dddddd;

    display: inline-block;

    margin: 0 20px;

    vertical-align: middle;

}

.module_lancome_hotPro strong {

    font-size: 16px;

    line-height: 40px;

}

.lancome_hotPro_pics {

    margin: -10px -12px 0 0;

}

.lancome_hotPro_pics a img {

   -webkit-transition: 1s; -ms-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s;max-width:100%;

}



.lancome_hotPro_pics a:hover img{

   -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); 

}

.lancome_hotPro_pics a {

    display: block;

    width: 80px;

    margin: 10px 10px 0 0;

    float: left;

}

.lancome_hotPro_pics .tit {

    display: block;

    text-align: center;

    height: 36px;

    line-height: 18px;

    margin-top: 5px;

    overflow: hidden;

}









.productImageChange {

	float:left;

	width:320px;

	height:400px;

	margin-top:15px;

	margin-right:15px;

}

.productImageChange .imgOrVideo {

	float:left;

	width:320px;

	height:320px;

	position:relative

}

.productImageChange .imgOrVideo .picture {

	float:left;

	width:320px;

	height:320px

	-webkit-transition: 1s; -ms-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s;

}

.productImageChange .imgOrVideo .picture:hover {

-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);

}

.productImageChange .imgOrVideo .bigIcon {

	position:absolute;

	width:16px;

	height:15px;

	background-position:-24px 0

}

.productImageChange .imgOrVideo .videoIcon {

	margin:135px;

	position:absolute;

	width:50px;

	height:50px;

	background-position:-112px 0

}



.productImageChange .preview .bg {

	position:fixed;

	opacity:.5;

	filter:alpha(opacity=50);

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";

	top:0;

	bottom:0;

	left:0;

	right:0;

	z-index:2000;

	background-color:#000

}

.productImageChange .preview .center {

	background-color:#fff;

	position:fixed;

	width:800px;

	height:520px;

	top:50%;

	left:50%;

	margin-left:-400px;

	margin-top:-260px;

	z-index:2001

}

.ProductMainMixture {

	float:left;

	width:530px;

	margin-left:10px

}

.ProductMainMixture .title {

	float:left;

	width:100%;

	border-bottom:1px solid #ddd;

	padding:10px 0px;

}

.ProductMainMixture .title .testBox {

	float:left;

	width:530px

}

.ProductMainMixture .title .testBox h1 {

	font-weight:500;

	width:100%;

	float:left;

	letter-spacing:1px;

	font-size:20px;

	color:#000;

	margin-bottom:10px;

}







.ProductMainMixture .title .testBox ul li {

	float:left;

	height:20px;

	line-height:20px;

	text-align:center;

	padding:0px 10px;

}

.ProductMainMixture .title .testBox ul li.newTag {

	background-color:#f39800;

	color:#fff

}

.ProductMainMixture .title .testBox ul li.exclusiveOnline {

	background-color:#000;

	color:#ffd435

}





.ProductMainMixture .price {

	float:left;

	width:100%;

	height:24px;

	margin-top:14px

}

.ProductMainMixture .price p {

	float:left

}

.ProductMainMixture .price p.noShow {

	text-decoration:line-through

}

.ProductMainMixture .price p.one {

	margin-top:3px;

	color:#666;

	font-size:12px

}



.ProductMainMixture .price ul {

	float:left;

	margin-left:20px

}

.ProductMainMixture .price ul li {

	float:left;

	margin-left:10px;

	height:20px;

	line-height:20px;

	text-align:center;

	color: #000;

}

.ProductMainMixture .price ul li a {

	color: #000;

}

.ProductMainMixture .price ul li span{

box-shadow: inset 0 0 0 2px #000;

-moz-box-shadow: inset 0 0 0 2px #000;

padding:5px;

}



.ProductMainMixture .fourButton {

	float:left;

	width:100%;

	margin-top:20px

}



.ProductMainMixture .fourButton .addCartButton {

	float:left;

	width:175px;

	height:40px;

	text-align:center;

	margin-right:10px;

}

.ProductMainMixture .fourButton .addCartButton.yes {

	background-color:#f39800;

	cursor:pointer

}

.ProductMainMixture .fourButton .addCartButton.yes:hover {

	background-color:#000

}



.ProductMainMixture .fourButton .addCartButton p {

	float:left;

	width:175px; height:40px; line-height:40px;

	font-size:16px;

	color:#fff;

	text-align:center;

}



.guessYouLike {

	float:left;

	margin-top:40px;

	width:180px;

	clear:both

}

.guessYouLike .title {

	float:left;

	height:26px;

	width:180px;

	border-bottom:1px solid #000

}

.guessYouLike .title p {

	float:left;

	font-size:16px

}

.guessYouLike .product {

	float:left;

	margin-top:30px;

	width:179px;

	border-right:1px solid #ccc

}

.guessYouLike .product .titlePicture {

	float:left;

	cursor:pointer

}

.guessYouLike .product div {

	float:left;

	margin-top:40px

}

.guessYouLike .product div a .productImg {

	float:left;

	cursor:pointer;

	widows:158px;

	height:158px;

	border:1px #f1f1f1 solid;

	-webkit-transition: 1s; -ms-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s;

}

.guessYouLike .product div  img{
	width:auto;
	max-width:100%;
}

.guessYouLike .product div a .productImg:hover{  -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}

.guessYouLike .product div a .header {

	float:left;

	width:160px;

	text-align:center;

	font-size:14px;

	font-weight:600;

	color:#000;

	margin-top:6px;

	cursor:pointer

}

.guessYouLike .product div a .blackLine {

	float:left;

	width:12px;

	height:1px;

	background-color:#000;

	margin:5px 0 0 74px;

	cursor:pointer

}

.guessYouLike .product div a .mainText {

	margin-top:5px;

	width:132px;

	margin-left:14px;

	float:left;

	text-align:center;

	cursor:pointer

}

.guessYouLike .product div a .price {

	cursor:pointer;

	float:left;

	text-align:center;

	width:160px;

	margin-top:10px;

	color:#000

}

.guessYouLike .product div a .price span:nth-of-type(2) {

font-size:16px

}

.MainModule {

	margin-left:20px;

	margin-top:40px;

	float:left;

	width:990px

}

.MainModule .nav {

	width:100%;

	height:26px;

	float:left;

	border-bottom:1px solid #000

}

.MainModule .nav ul li {

	float:left;

	height:24px;

	width:90px;

	font-size:16px;

	text-align:center;

	margin-right:10px;

	cursor:pointer;

	color:#333

}

.MainModule .nav ul li:hover {

	color:#000

}

.MainModule .nav ul li.now {

	color:#000;

	border-bottom:2px solid #000

}

.MainModule .leftLine {

	margin-top:30px;

	width:960px;

	border-left:1px solid #ccc;

	margin-left:-21px;

	float:left;

	overflow:hidden;

	padding-left:20px;

	line-height:26px;

	font-size:14px;

}







.MainModule  .leftLine .ModuleCETitle {

    width: 960px;

	margin-left:15px;

	float:left;

}

.MainModule  .leftLine .ModuleCETitle  P {

    float: left;

    width: 100%;

    text-align: center;

	 color: #333;

}

.MainModule  .leftLine .ModuleCETitle  P:first-of-type {  

    color: #333;

    letter-spacing: 1px;

}

.MainModule  .leftLine .ModuleCETitle  P:nth-of-type(2) {

   

}

.MainModule  .leftLine .ModuleCETitle  .shortLine {

    width: 30px;

    height: 1px;

    margin-top: 15px;

    margin-left: 465px;

    background-color: #000;

    float: left;

}



.yptg_5_1 {

    padding-right: 1%;

    padding-left: 1%;

    position: relative;

    min-height: 1px;

    float: left;

    line-height: 25px;

    font-size: 14px;

    width: 18%;

	margin-top:20px;

}

.MainModule  .leftLine .ModuleCETitle  .yptg_5_1 img {

    width: 100%;

}

.yptg_5_1 p {

    width: 80%;

    margin: 0 auto;

	text-align:center;

}

.MainModule  .leftLine .ModuleCETitle  .tel {

    width: 300px;

    height: 50px;

    font-size: 20px;

    color: #FFFFFF;

    line-height: 50px;

	background:#f39800;

    margin: 30px auto;

	border-radius:50px;

	text-align:center;

	padding:0px 20px;

}
.pro-de-honner{
	margin-top:20px;
	text-align:center; 
}
.wap-product{
	display:none;
}

@media(max-width:767px){
	.productImageChange{
		margin-right: 0;
	}
	.ProductMainMixture .title .testBox,.productImageChange .imgOrVideo,.productImageChange .imgOrVideo .picture,.ProductMainMixture,.productImageChange,.MainModule,.MainModule .leftLine,.MainModule .leftLine .ModuleCETitle{
		width:100%;
	}
	.ProductMainMixture,.MainModule,.MainModule .leftLine .ModuleCETitle{
		margin-left:0;
	}
	.ProductMainMixture .fourButton .addCartButton{
		margin-right:2%;
		width:49%;
	}
	.fourButton .addCartButton:last-of-type{
		margin-right:0;
	}
	.Productpinpai{
		margin:0 auto;
		float:none;
		width:320px;
	}
	.shortList{
		display: flex;
		flex-wrap: wrap;


	}
	.yptg_5_1{
		box-sizing: border-box;
		width:32%;
		line-height:20px;
		font-size:12px;
	}
	.shortList .yptg_5_1:nth-child(3n){
		margin-right:0;
	}
	.shortList .yptg_5_1:nth-child(4){
		margin-left:12.5%;
	}
	.shortList .yptg_5_1:nth-child(5){
		margin-left:12.5%;
	}
	.guessYouLike .product,.guessYouLike{
		width:100%;
		overflow: hidden;
	}
	.guessYouLike .product div{
		margin-top:0;
		float:none;
	}
	.pc-product{
		display:none;
	}
	.wap-product{
		display:block;
	}
	/*.guessYouLike .product{
		display: flex;
		justify-content:flex-start;
	}*/
	/*.guessYouLike .product>div{
		margin:0 5% 15px 0 ;
		width:48%;
	}
	.guessYouLike .product>div:nth-child(2n){
		margin-right:0;
	}*/

	.guessYouLike .product div a .header,.guessYouLike .product div a .blackLine,.guessYouLike .product div a .mainText{
		float:none;
	}
	.guessYouLike .product div img{
		position:static;
	}
	.guessYouLike .product div a .mainText,.guessYouLike .product div a .header{
		line-height:30px;
	}

	.ProductMainMixture{
		margin-bottom:20px;
	}
	.productImageChange .imgOrVideo{
		float:none;
	}
	.productImageChange .imgOrVideo img{
		display:block;
		margin:0 auto;
		width:auto !important;
		max-width:100%;
		float:none !important;
	}

	.productImageChange,.productImageChange .imgOrVideo{
		height:200px;
	}

	.MainModule .leftLine .ModuleCETitle img{
		width:auto;
		max-width:100%;
	}
	.module_lancome .lancome_name{
		margin:0;
	}
	.ProductMainMixture .price{
		margin-top:10px;
	}
	.guessYouLike,.MainModule,.ModuleCETitle{
		margin-top:20px;
	}
	.MainModule .leftLine .ModuleCETitle P:first-of-type{
		margin-top:0 !important;
	}
	.pro-de-honner{
		margin:0;
	}
	.productImageChange .imgOrVideo img{
		max-height:100%;
	}
	.MainModule .leftLine img{

		width: 100%;

	}



}