.swiper-pagination-bullet{border:none !important; background:#222; opacity:1;}
.swiper-pagination-bullet-active{  background:#fff;}

/*首页内容*/
	.ly_topImgLink::-webkit-scrollbar{
		width: 3px;
		height:9px;
	}
	.ly_topImgLink::-webkit-scrollbar-track-piece{
		background-color: #393939;
	}
	.ly_topImgLink::-webkit-scrollbar-thumb:horizontal{
		width: 5px;
		background-color: #9C9C9C;
	}

.ly_topImgLink{ background:#222; font-size:12px; line-height:18px; overflow:auto;}
.topImgLink{ padding:0.1rem 0; margin:0 auto; max-width:1440px; text-align:center;}
.topImgLink dl{ display:inline-block; vertical-align:middle;}
.topImgLink dt{ float:left; width:110px; padding-left:10px;}
.topImgLink dt a{ display:block; position:relative;}
.topImgLink dt a i{ display:block; background:url(ico1.png); width:19px; height:12px; position:absolute; right:0; bottom:0;}
.topImgLink dd{ float:left; padding:10px 10px 0 20px; width:120px; position:relative;}
.topImgLink dd a{ display:block; color:#fff; max-height:54px; font-size:14px; line-height:19px; overflow:hidden; text-align:left;}
.topImgLink dd i{ display:block; height:2px; background:#FC2561; width:20px; overflow:hidden; position:absolute; top:0; left:20px;}

.czhg{ position:relative; padding-bottom:20%; margin:0 auto; max-width:1440px;}
.czhg .link{ max-width:470px; width:40%; position:absolute; top:26%; left:15%;}
.czhg .m{ display:none;}

.czzx{ padding:40px 0 120px 0;}
.czzx h2{ max-width:1080px; margin:0 auto; font-size:20px; line-height:48px; border-bottom:solid 1px #000;}
.czzx .show{ padding-top:85px; position: relative;}
.czzx .show img{ max-width:1440px; margin:0 auto; display:block;}
.czzx .show dl{ position:absolute; max-width:500px; width:40%; top:20%; right:25%;}
.czzx .show dt{ margin-bottom:35px;}
.czzx .show .m{ display:none;}
.czzx .show_m{ display:none;}

.ly_banner{ background:#fff; position:relative;}
.ly_banner .swiper-slide img{ display:block; width:100%;}
.ly_banner .btnL{ display:none; background:url(index18.png) no-repeat; width:57px; height:186px; position:absolute; top:50%; left:5%; margin-top:-93px; z-index:10;}
.ly_banner .btnR{ display:none; background:url(index19.png) no-repeat; width:57px; height:186px; position:absolute; top:50%; right:5%; margin-top:-93px; z-index:10;}

.ly_banner:hover .btnL,
.ly_banner:hover .btnR{ display:block;}

.m_ly_banner{ background:#fff; display:none;}
.m_ly_banner .swiper-slide img{ display:block; width:100%;}

.wambl{ padding:40px 0 40px 0; background:#fff;}
.wambl h2{ max-width:1080px; margin:0 auto; font-size:20px; line-height:48px; border-bottom:solid 1px #000;}
.wambl .show1{ padding:48px 0; position: relative; background:url(index06.jpg) top center repeat-x #FAFAFA;}
.wambl .show1 img{ max-width:580px; margin:0 auto;}
.wambl .show2{ padding:48px 0; position: relative; background:#FAFAFA;}
.wambl .show2 .ly_imgList{ max-width:1080px; margin:0 auto;}
.wambl .show2 .link{ text-align:center; color:#000;}
.wambl .show2 .link a{ color:#000;}
.wambl .show2 .imgList{ position:relative; margin-bottom:20px;}
.wambl .show2 .imgList .lBtn{ display:block; position:absolute; top:50%; margin-top:-40px; left:0;background:url(index07.png) no-repeat; width:60px; height:80px; z-index:10;}
.wambl .show2 .imgList .rBtn{ display:block; position:absolute; top:50%; margin-top:-40px; right:0;background:url(index08.png) no-repeat; width:60px; height:80px; z-index:10;}
.wambl .show2 .imgList .listShow{ margin:0 80px;}
.wambl .show2 .imgList .listShow img{ display:block;}
.wambl .show2 .imgList .listShow a{ position:relative; width:100%; display:block;}
.wambl .show2 .imgList .listShow a span{ display:none;}
.wambl .show2 .imgList .listShow a:hover p{ display:block;position:absolute; width:100%; height:100%; border:solid 4px #FC2561; border-bottom:solid 24px #FC2561; box-sizing:border-box; top:0; left:0; z-index:10;}
.wambl .show2 .imgList .listShow a:hover p span{ display:block; height:24px; line-height:24px; text-align:center; color:#fff; overflow:hidden; position:absolute; left:0; bottom:-24px;; width:100%;}

.czdbt{ padding:0px 0 10px 0; background:#FFFFFF;}
.czdbt h2{ max-width:1080px; margin:0 auto; font-size:20px; line-height:48px; border-bottom:solid 1px #000;}
.czdbt .show1{ padding:48px 0; position: relative; background:url(index10.jpg) top center repeat-x #FAFAFA;}
.czdbt .show1 img{ max-width:970px; margin:0 auto;}
.czdbt .show2{ position:relative;  margin:0 auto; }
.czdbt .czBox{ max-width:1080px; margin:0 auto; padding:30px 0; color:#fff; background:#222;}
.czdbt .czBox .cz1{ margin-bottom:40px;}
.czdbt .czBox .cz1 dt{ float:left; width:48%; overflow:hidden; position:relative;}
.czdbt .czBox .cz1 dt i{ display:block; position:absolute; width:75px; height:47px; background:url(ico2.png) no-repeat #FC2561; background-size: contain; right:0; bottom:0;}
.czdbt .czBox .cz1 dd{ float:right; width:48%; overflow:hidden;}
.czdbt .czBox .cz2{ float:left; width:48%; overflow:hidden;}
.czdbt .czBox .cz3{ float:right;}
.czdbt .czBox .cz2 dt{ float:left; width:50%; position:relative;}
.czdbt .czBox .cz2 dt i{ display:block; position:absolute; width:38px; height:26px; background:url(ico2.png) no-repeat #FC2561; background-size: contain; right:0; bottom:0;}
.czdbt .czBox .cz2 dd{ float:right; width:48%;}

.czdbt .czBox .cz1 dd p{ margin-bottom:14px;}
.czdbt .czBox .cz1 .t2{ font-size:36px; line-height:68px; height:68px; overflow:hidden;color:#fff;}
.czdbt .czBox .cz1 .t3{ line-height:24px; height:48px; margin-bottom:14px; overflow:hidden; color:#fff;}
.czdbt .czBox .cz1 .t4 a{ color:#fff; font-size:18px; display:inline-block; padding-right:10px; background:url(ico3.png) right center no-repeat;}
.czdbt .czBox .cz1 .t5 a{ display:block; width:22px; height:19px;}
.czdbt .czBox .cz1 .t5 a.zan1{ background:url(ico4.png) no-repeat;}
.czdbt .czBox .cz1 .t5 a.zan1:hover,
.czdbt .czBox .cz1 .t5 a.zan2{ background:url(ico5.png) no-repeat;}
.czdbt .czBox .cz1 .t6{ margin-bottom:0; border-bottom:solid 1px #666;}
.czdbt .czBox .cz1 .t6 a{ color:#fff; font-size:18px; line-height:36px;}

.czdbt .czBox .cz2 dd p{ margin-bottom:14px;}
.czdbt .czBox .cz2 .t2{ font-size:24px; line-height:28px; height:28px; overflow:hidden;}
.czdbt .czBox .cz2 .t3{ line-height:22px; height:44px; overflow:hidden; font-size:14px;}
.czdbt .czBox .cz2 .t4 a{ color:#fff; font-size:18px; display:inline-block; padding-right:10px; background:url(ico3.png) right center no-repeat;}
.czdbt .czBox .cz2 .t5 a{ display:block; width:22px; height:19px;}
.czdbt .czBox .cz2 .t5 a.zan1{ background:url(ico4.png) no-repeat;}
.czdbt .czBox .cz2 .t5 a.zan1:hover,
.czdbt .czBox .cz2 .t5 a.zan2{ background:url(ico5.png) no-repeat;}
.czdbt .czBox .cz2 .t6{ margin-bottom:0; }
.czdbt .czBox .cz2 .t6 a{ color:#fff; font-size:18px; line-height:36px;}

.makeup_mob_nav{ display:none; font-size:0;}
.makeup_mob_nav a{ display:inline-block; width:18%; margin:1%;}
.makeup_mob_nav img{ display:block; width:100%;}

/*首页UGC*/
#loveMBL{width:100%; max-width:1080px; margin:0 auto;}
#loveMBL h2{background:url(../images/homepage/title_3.png) top center no-repeat; height:203px;}
#loveMBL h2.comingSoon{background:url(../images/homepage/title_4.png) top center no-repeat; height:140px;}
#loveMBL_box{ width:100%; max-width:1080px; margin:0 auto 20px auto; position:relative;}


#loveMBL_box .goto_l{ display:block; position:absolute; top:50%; margin-top:-40px; left:0;background:url(index07.png) no-repeat; width:60px; height:80px; z-index:10;}
#loveMBL_box .goto_r{ display:block; position:absolute; top:50%; margin-top:-40px; right:0;background:url(index08.png) no-repeat; width:60px; height:80px; z-index:10;}


#loveMBL_box .imgBox{ margin:0 auto; width:100%; box-sizing:border-box; padding:0 80px; position:relative;}
#loveMBL_box .imgBox img{ display:block; border:0; height:100%;}
#loveMBL_box .imgBox .swiper-slide:hover p{ display:block;}
#loveMBL_box .imgBox p{  position:absolute; top:0; left:0; width:100%;height:100%; border:solid 5px #FC2561; box-sizing:border-box;  display:none;}
#loveMBL_box .imgBox p span{ position:absolute; left:0; bottom:0; height:24px; line-height:28px; overflow:hidden; color:#fff; text-align:center; background: #FC2561; font-size:14px; display:block; width:100%;}
#loveMBL_box .swiper-slide{ padding:0; margin:0 0px; cursor:pointer; position:relative; font-size:0; width:208px;}
.ugc_indexSlide {
  margin: 0 auto;
  max-height:208px;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}


@media only screen and (max-width: 1079px) and (min-width: 950px){
	#loveMBL{ max-width:941px;}
}
@media only screen and (max-width: 949px) and (min-width: 768px){
	#loveMBL{ max-width:756px;}
}
@media only screen and (max-width: 767px) and (min-width: 520px){
	#loveMBL{ width:100%;}
}




/*浮层UGC*/
.f_ugcBox{ background:rgba(0,0,0,0.7); position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000; display:none; overflow:auto;}
.ugcBox{ width:100%; margin:15% auto 0 auto; max-width:950px; background:#fff; position:relative; border:solid 3px #FC2561;}
.ugcBox .imgBox{ float:left; width:50%;}
.ugcBox .imgBox img{ display:block;}
.ugcBox .infoBox{ float:left; width:50%; box-sizing:border-box; padding:20px;}
.ugcBox .infoBox .user{ height:60px; margin-bottom:10px; border-bottom:solid 2px #1d1d1d; padding-bottom:10px;}
.ugcBox .infoBox .user dt{ float: left; margin-right:15px;}
.ugcBox .infoBox .user dt img{ width:60px;}
.ugcBox .infoBox .user dd{ float: left; }
.ugcBox .infoBox .user dd p{ font-size:22px;margin-bottom:5px;}
.ugcBox .infoBox .user dd a{ display:inline-block; font-size:14px; color:#000;}
.ugcBox .infoBox .user dd a i{ display:inline-block; vertical-align:middle; width:38px; height:29px; background:url(icoweibo.png) no-repeat; margin:-4px 0 0 4px;}
.ugcBox .infoBox .txt{ font-size:14px; line-height:22px; max-height:83px; overflow:hidden; margin-bottom:10px; border-bottom:solid 2px #1d1d1d; padding-bottom:10px;}
.ugcBox .infoBox .ad dt{ margin-bottom:5px;}
.ugcBox .infoBox .ad img{ display:inline-block; vertical-align:middle; width:50%;}
.ugcBox .infoBox .ad p{ display:inline-block; vertical-align:middle; width:48%;}
.ugcBox .infoBox .ad p span{display:block; width:133px;  font-size:14px; line-height:22px; color:#000; margin:0 auto;}
.ugcBox .infoBox .ad p i{ display:block; background:url(buy.png); width:142px; height:34px; margin:10px auto 0;}
.ugcBox .clear{ display:block; position:absolute; top:10px; right:10px; font-size:22px; text-align:center; width:30px; height:30px; color:#000; text-decoration:none; line-height:30px;}



@media only screen and (max-width:1150px){
	.topImgLink{ width:1100px;}
	.czdbt h2{ margin:0 20px;}
	.czdbt .show1{ padding:48px 20px;}
	.czdbt .czBox .cz1 dt{ width:94%; margin:0 auto 20px auto; float:none;}
	.czdbt .czBox .cz1 dd{ width:94%; margin:0 auto; float:none;}
	.czdbt .czBox .cz2{ margin-left:2%; width:46%;}
	.czdbt .czBox .cz3{ margin-right:2%; width:46%;}
	.czdbt .czBox .cz2 dt{ width:100%; margin:0 auto 10px auto; float:none;}
	.czdbt .czBox .cz2 dd{ width:100%; margin:0 auto; float:none;}
	
	
}

@media only screen and (max-width:750px){
	.czhg .link{ width:100%; position:relative; top:0; left:0; max-width:100%;}
	.wambl { padding:20px 0 0 0;}
	.wambl h2{ margin:0 20px 0 20px;}
	.wambl .show1 img{ width:70%; margin:0 auto;}
	.wambl .show1{ padding:20px 0;}
	.wambl .show2{ padding:0 0 20px 0;}
	.wambl .show2 .link{ display:none;}
	
	.czzx{ padding:40px 0 40px 0;}
	.czzx h2{ margin:0 20px 0 20px;}
	.czzx .show{ display:none;}
	.czzx .show_m{ display:block; padding:20px 0 0 0;}
	.czzx .show_m .img1{ max-width:296px; margin:0 auto 20px auto;}
	
	.ly_banner{ display:none;}
	.m_ly_banner{ display:block;}
}

@media only screen and (max-width:520px){
	.m_ly_banner{ margin-bottom:0px;}
	.makeup_mob_nav{ display:block;}
	.czdbt{ padding:0px 0 10px 0;}
}


@media only screen and (max-width: 414px){
	.czdbt .czBox .cz1{ margin-bottom:20px;}
	.czdbt .czBox .cz1 dt i{width:38px; height:26px;}
	.czdbt .czBox .cz1 dt{ width:90%;}
	.czdbt .czBox .cz1 dd{ width:90%;}
	.czdbt .czBox .cz1 dd p img{ width:30%;}
	.czdbt .czBox .cz1 .t2{font-size: 24px;line-height:28px;height: 28px;}
	.czdbt .czBox .cz1 .t3{ font-size:14px;line-height: 20px;height: 40px;}
	.czdbt .czBox .cz1 .t4 a{ font-size:14px;}
	.czdbt .czBox .cz1 .t5 a{    width: 15px;height: 12px; background-size:contain !important;}
	.czdbt .czBox .cz1 .t6 a{ font-size:14px;}
	.czdbt .czBox .cz2 dt i{ width:28px; height:16px;}
	.czdbt .czBox .cz2 dd p{ margin-bottom:10px;}
	.czdbt .czBox .cz2 dd p img{ zoom:0.6;}
	.czdbt .czBox .cz2{ width:42%;margin-left: 5%;}
	.czdbt .czBox .cz3{ width:42%;margin-right: 5%;}
	.czdbt .czBox .cz2 .t2{ font-size:20px; line-height:24px; height:24px;}
	.czdbt .czBox .cz2 .t4 a{ font-size:14px;}
	.czdbt .czBox .cz2 .t5 a{ width: 15px;height: 12px; background-size:contain !important;}
	.czdbt .czBox .cz2 .t6 a{ font-size:14px; height:20px; line-height:20px;}
	#loveMBL_box .imgBox{ padding:0 40px;}
	#loveMBL_box .swiper-slide{ width:100px; height:100px;}
	#loveMBL_box .goto_l,
	#loveMBL_box .goto_r{ width:30px; height:40px; margin-top:-20px; background-size:contain;}
	.wambl .show2{ background:none;}
	.czzx{ padding-top:0;}
	.ugcBox{ width:90%; margin:0 auto;}
	.ugcBox .imgBox{ float:none; width:100%;}
	.ugcBox .infoBox{ float:none; width:100%;}
}



.index_more{  margin:0 auto; width:auto; font-size:12px; vertical-align:middle; bottom:4.1rem; position:relative; float:right; right:6rem; }
.index_more a{ background:#f92a63; border:1px solid #FFFFFF; color:#FFFFFF; padding:10px 25px; }
.index_more a:hover{ background:#000000; border:1px solid #000000; color:#FFFFFF;padding:10px 25px;}



.moreProducts{ width:100%;max-width:1080px; margin:0 auto 0px auto;}



.moreProducts{ width:100%; max-width:1220px; margin:0 auto 20px auto;}
.moreProducts .t_m{ display:none;}
.moreProducts ul{ font-size:0; padding:25px 0px 40px 0px;}



.moreProductss{ width:100%; max-width:1220px; margin:0 auto 20px auto;}
.moreProductss ul{ font-size:0; padding:20px 0px 10px 0px;}


@media only screen and (max-width: 1080px){
.moreProducts ul {
    width: 100%;}
	
	.moreProductss ul {
    width: 100%;}
}

.moreProducts ul li{ width:21%;margin:5px 2%; display:inline-block; vertical-align:top; text-align:center;}
.moreProductss ul li{ width:21%;margin:0 2%; display:inline-block; vertical-align:top; text-align:center;}
.moreProducts li dd{background:url(/images/pro_mingxing.jpg) no-repeat left top; height:120px; }

.moreProducts li dd strong{ margin:0;text-align:center;font-weight:500; padding:10px 0px 0px 0px;font-size:.875rem;line-height:1.4;text-transform:uppercase;letter-spacing:.1em;display:block;overflow:hidden;height:4.1rem;  }
.moreProducts li dd p{  display:block; overflow:hidden; pacolor:#666; padding:0 18%;font-size:.6875rem;line-height:1.6;letter-spacing:.1em;height:3.0rem; }
.moreProducts li dd a{ display:block;  display:block; margin:0 auto; color:#fff; background:#f92a63; letter-spacing:2px;  font-size:.875rem; height:25px; padding:8px 0px 0px 0px;}
.moreProducts li dd a:hover{ display:block;  display:block; margin:0 auto; color:#fff; background:#000000;  font-size:14px; height:25px;padding:8px 0px 0px 0px;}