@charset "UTF-8";

/* @index */
.banner {}
.banner .bi-img {
	width: 6.4rem;
	height: 6.4rem;
}
.banner .bi-img img {
	max-width: 100%;
}
.banner .bi-main {
	margin-top: 0.95rem;
	text-align: center;
	font-size: 0.45rem;
	color: #333;
}
.banner .bi-main .bi-title {
	opacity: 0;
}
.banner .ms-title-details {
	margin-top: 10px;
	opacity: 0;
}
.banner .swiper-container .swiper-pagination {
	bottom: 1.65rem;
}
.banner .swiper-slide-active .bi-title {
	-webkit-animation: fadeInUp .5s 0.5s both;
	animation: fadeInUp .5s 0.5s both;
}
.banner .swiper-slide-active .ms-title-details {
	-webkit-animation: fadeInUp .4s 0.7s both;
	animation: fadeInUp .4s 0.7s both;
}
.banner-IaIndex2 {
	margin-top: 1rem;
}
.banner-IaIndex2 .bi-main {
	font-size: 0.4rem;
}
.banner-IaIndex2 .bi-title {
	
}
.banner-IaIndex2 .bi-synopsis {
	font-size: 0.3rem;
	opacity: 0;
}
.banner-IaIndex2 .swiper-container .swiper-pagination {
	bottom: 2.05rem;
}
.banner-IaIndex2 .swiper-slide-active .bi-synopsis {
	-webkit-animation: fadeInUp .4s 0.7s both;
	animation: fadeInUp .4s 0.7s both;
}
.banner-IaIndex2 .swiper-slide-active .ms-title-details {
	-webkit-animation: fadeInUp .4s 1s both;
	animation: fadeInUp .4s 1s both;
}
/* 分类 */
.categoryShow {

}
.categoryShow .cs-list {
	width: 6rem;
	margin: 0.8rem auto 0 auto;
}
.categoryShow .cs-list li {
	float: left;
	width: 1.8rem;
	height: 0.5rem;
	margin: 0.28rem 0.1rem 0 0.1rem;
	line-height: 0.5rem;
	text-align: center;
	box-shadow: 0 2px 2px #d2d2d2;
	background-color: #eee;
}
.categoryShow .cs-list a {
	display: block;
	color: #000;
}
.categoryShow .cs-list {}
.categoryShow .ms-title-details {
	width: 5.8rem;
	margin-top: 0.27rem;
	box-sizing: border-box;
}
/* 分类2 */
.classifyShow {
	margin-top: 0.35rem;
}
.classifyShow .tier {
	margin-top: 0.15rem;
}
.classifyShow .cs-img {
	width: 3.9rem;
	height: 3.2rem;
}
.classifyShow .cs-img img {
	max-width: 100%;
}
.classifyShow .cs-main {
	width: 2.5rem;
	height: 3.2rem;
	text-align: center;
	line-height: 1;
	background-color: #000;
	color: #fff;
}
.classifyShow .cs-title {
	margin-top: 0.85rem;
	font-size: 0.36rem;

}
.classifyShow .cs-synopsis {
	margin-top: 0.15rem;
	font-size: 0.2rem;
}
.classifyShow .ms-title-details {
	margin-top: 0.15rem;
	border-color: #fff;
	color: #fff;
}
/* 分享案例 */
.caseShow {
	overflow: hidden;
	margin-top: 0.65rem;
}
.caseShow .cs-title {
	text-align: center;
	line-height: 1;
	font-size: 0.36rem;
	font-weight: 400;
}
.caseShow .cs-synopsis {
	font-size: 0.2rem;
	text-align: center;
}
.caseShow .cs-main {
	height: 6.9rem;
	overflow: hidden;
	margin-top: 0.65rem;
	padding: 0 0.3rem;
}
.caseShow .swiper-container {
	height: 100%;
}
.caseShow .cs-m {
	width: 3.3rem;
	font-size: 0.2rem;
	color: #1e1e1e;
}
.caseShow .cs-avatar {
	width: 3.3rem;
	height: 3.8rem;
	overflow: hidden;
}
.caseShow .cs-avatar img {
	max-width: 100%;
}
.caseShow .cs-name {
	margin-top: 0.35rem;
	line-height: 1;
	font-size: 0.24rem;
}
.caseShow .cs-share {
	height: 0.7rem;
	overflow: hidden;
	margin-top: 0.2rem;
}
.caseShow .cs-more {
	margin-right: 0.2rem;
	margin-top: 0.15rem;
	text-align: right;
}
.caseShow .cs-more a {
	color: #1e1e1e;
}
.caseShow .cs-product {
	width: 2.2rem;
	height: 6rem;
	overflow: hidden;
	text-align: center;
	background-color: #eee;
}
.caseShow .cs-img {
	width: 2.2rem;
	height: 2.2rem;
}
.caseShow .cs-img img {
	max-width: 100%;
}
.caseShow .cs-t {
	margin-top: 0.08rem;
	line-height: 0.42rem;
	font-size: 0.24rem;
}
.caseShow .cs-p {
	height: 0.65rem;
	overflow: hidden;
	margin-top: 0.13rem;
	line-height: 0.28rem;
	font-size: 0.2rem;
}
.caseShow .cs-weight {
	margin-top: 0.5rem;
	font-size: 0.2rem;
}
.caseShow .cs-details {
	display: block;
	width: 1.8rem;
	height: 0.5rem;
	margin: 0.05rem auto 0 auto;
	line-height: 0.5rem;
	text-align: center;
	color: #fff;
	background-color: #000;
}
.caseShow .swiper-scrollbar {
	height: 1px;
	background-color: #000;
}
.caseShow .swiper-scrollbar-drag {
	top: -5px;
	height: 5px;
	border-radius: 0;
	background-color: #000;
}
/* */
.fans {
	width: 5.55rem;
	height: 2.25rem;
	padding: 0.1rem 0.2rem 0.15rem 0.05rem;
	margin: 1.35rem auto 0 auto;
	border: 1px solid #000;
	overflow: hidden;
}
.fans .fans-img {
	width: 3.6rem;
	height: 2.2rem;
	overflow: hidden;
}
.fans .fans-img img {
	max-width: 100%;
}
.fans .fans-main {
	width: 1.8rem;
	line-height: 1;
	text-align: center;
}
.fans .fans-title {
	margin-top: 0.4rem;
	font-size: 0.36rem;
}
.fans .fans-synopsis {
	margin-top: 0.1rem;
	font-size: 0.2rem;
}
.fans .ms-title-details {
	margin-top: 0.25rem;
	background-color: #000;
	color: #fff;
}


/* 产品列表 */


/* 产品列表 */
.productList {}
.productList .pl-heading {
	height: 0.8rem;
	line-height: 0.8rem;
	font-size: 0.36rem;
	text-align: center;
	background-color: #000;
	color: #fff;
}
.productList .pl-fixedBox {
	height: 2.39rem;
	position: relative;
}
.productList .pl-category {
	position: absolute;
	top: 0;
	width: 100%;
	line-height: 2.79rem;
    background-color: #fff;
	font-size:0.22rem
}
.productList .pl-tabs {
	border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
	
}
.productList .pl-tabs li {
	position: relative;
	float: left;
	width: 33.33%;
	text-align: center;
	font-size: 0.65rem;
	
}
.productList .pl-tabs .icon {
	margin-left: 0.05rem;
	font-size: 0.56rem;
	vertical-align: middle;
}
.productList .pl-tabs-content {
	display: none;
	margin-top: 0.15rem;
}
.productList .pl-tabs-content ul {
	width: 100%;
	display: none;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    padding-bottom: 10px;
}
.productList .cur{color:#73C8CD !important}
.productList .pl-tabs-content li {
	float: left;
	width: 25%;
	height: 1.45rem;
	overflow: hidden;
	text-align: center;
	line-height: 1.75rem;
	white-space: nowrap;

}
.productList .pl-25 li {
	width: 25%;
}
.productList .pl-33 li {
	width: 33.3333%;
}
.productList .pl-50 li {
	width: 50%;
}
.productList .pl-tabs-content a {
	display: block;
	height: 100%;
	font-size: 0.56rem;
	color: #000;
}
.productList .pl-content {
	/*padding: 0 0.5rem;*/
	padding-bottom: 1.3rem;
}
.productList .pl-content li {
	width: 49%;
	overflow: hidden;
	line-height: 28;
	text-align: center;
	color: #1e1e1e;
	padding-top: 1.5em;
}
/*奇数li*/
.productList .pl-content li:nth-child(odd){
	float: left;
}
/*偶数li*/
.productList .pl-content li:nth-child(even){
	float: right;
}

.productList .pl-thumbnail {
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.productList .pl-thumbnail img {
	max-width: 100%;
/*	height: 9.7rem;*/
	text-align: center;
	margin: 0 auto;
}
.productList .pl-title {
	line-height: 0.78rem;
	white-space: nowrap;
	/*overflow: hidden;*/
	height: 0.78rem;
	width: 100%;
	margin-top: 0.7rem;
	font-size: 1.2em;
}
.productList .pl-price {
	line-height: 0.68rem;
	margin-top: 0.3rem;
    height: 0.70rem;
    /*overflow: hidden;*/
}
.productList .icon-rmb {
	font-size: 0.18rem;
	font-weight: 700;
}
.productList .ms-title-details-a {
	margin-top: 0.24rem;
}
/* @防伪 */
.antiFake {
	font-size: 0.25rem;
}
.antiFake .af-title {
	margin-top: 1rem;
	font-size: 0.42rem;
	text-align: center;
}
.antiFake .af-content {
	padding: 0 0.35rem;
	line-height: 0.4rem;
	color: #525252;
}
.antiFake .af-content p  {
	text-indent: 2em;
}
.antiFake .af-content img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.antiFake .af-line {
	height: 0;
	overflow: hidden;
	margin: 0.35rem 0;
	border-bottom: 1px solid #000;
}
.antiFake .af-step {
	margin-top: 0.6rem;
	text-align: center;
	font-size: 0.25rem;
}
.antiFake .af-step h5 {
	font-size: 0.34rem;
}
.antiFake .af-step p {
	text-indent: unset;
	margin-top: 0.1rem;
	text-align: center;
}
.antiFake .af-img {
	margin-top: 0.38rem;
	border: 1px solid #d2d2d2;
}
.antiFake .af-img-Ia1 {
	padding: 0.18rem;
}
.antiFake .af-img-Ia1 img {}
.antiFake .af-img-Ia2 {
	padding: 0.35rem 0.55rem 0.25rem 0.55rem;
}
.antiFake .af-img-Ia3 {
	padding: 0.3rem 0.65rem;
}
.antiFake .af-foot {
	padding-top: 0.35rem;
	padding-bottom: 1.1rem;
	margin-top: 0.35rem;
	text-align: center;
	font-size: 0.25rem;
	background-color: #000;
	color: #fff;
}
.antiFake .af-foot p {
	text-indent: unset;
	font-size: 0.26rem;
	line-height: 0.5rem
}
.antiFake .icon {
	margin-right: 0.15rem;
	font-size: 0.2rem;
}
.antiFake .af-sms, .antiFake .af-tel {
	width: 5.78rem;
	height: 0.78rem;
	margin: 0.25rem auto 0 auto;
	line-height: 0.78rem;
	text-align: center;
	border: 1px solid #fff;
}
/* @服务条款 */
.terms {
	margin-top: 0.9rem;
}
.terms .ms-title-article-b {}
.terms .terms-content {
	padding: 0 0.3rem;
	font-size: 0.21rem;
	line-height: 0.3rem;
	color: #525252;
}
.terms .terms-dec {
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	text-indent: 2em;
}
.terms .terms-tier {
	padding: 0 0.05rem;
	margin-top: -1px;
	border-bottom: 1px solid #525252;
	border-top: 1px solid #525252;
}
.terms .terms-tier h5 {
	height: 0.8rem;
	line-height: 0.8rem;
	font-size: 0.25rem;
	color: #000;
}
.terms .terms-tier-m {
	display: none;
}
.terms .terms-tier-m p {
	text-indent: 2em;
	margin-bottom: 0.3rem;
}
.terms h5.active  {
	color: #00a0e9;
}
/* 肌肤检测 */
.survey {
	margin-top: 0.85rem;
	min-height: 10rem;
}
.survey .survey-side {
	width: 100%;
}
.survey .survey-side img {
	max-width: 100%;
}

.survey .survey-content {
	padding: 0 0.3rem;
}
.survey .survey-title {
	height: 1.25rem;
	line-height: 1.25rem;
	font-size: 0.38rem;
}
.survey .survey-main {
	margin-top: 0.05rem;
	line-height: 0.6rem;
	font-size: 0.24rem;

}
.survey .survey-main li {
	margin-top: -1px;
	height: 0.6rem;
	border-top: 1px solid #afafaf;
	border-bottom: 1px solid #afafaf;

}
.survey .icon-toRight {
	float: right;
	font-size: 0.2rem;
}
.survey .swiper-button-next {
	display: none;
}
.survey .survey-aside {
	display: none;
}
.survey .survey-result {}
.survey .survey-result img {
	max-width: 100%;
}
.survey .survey-proImg {
	width: 5.8rem;
	height: 3.8rem;
	margin: 0 auto;
	overflow: hidden;
}
.survey .survey-proImg img {
	max-width: 100%;
}
.survey .survey-proImg .swiper-pagination {
	bottom: 0;
}
.survey .survey-proImg .swiper-pagination span {
	border: 1px solid #666;
}
.survey .survey-proImg .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #666;
}
/* @品牌故事 */
.story {
	margin-top: 0.85rem;
	padding: 0 0.3rem;
}
.story .story-column {
	position: relative;
	width: 100%;
	height: 2rem;
	overflow: hidden;
	margin-top: 0.2rem;
}
.story img {
	max-width: 100%;
}
.story .story-column img {}
.story .story-column h5 {
	position: absolute;
	right: 0.15rem;
	top: 0.75rem;
	line-height: 1;
	font-size: 0.3rem;
	color: #000;
}
.story .story-column-IaLyj h5 {
	color: #fff;
}
.story .story-column-IaRecommend h5 {
	top: 0.5rem;
	line-height: 0.4rem;
}
.story .story-column-IaSkincare h5 {
	right: 0.5rem;
}
.story .story-mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .6);
}
.story .active .story-mask {
	display: none;
}
.product {
}
.product .pro-pic {}
.product .swiper-slide {
	width: 100%;
	height:100%;
	/*
height: 6.4rem;
	*/
}
.product .swiper-slide img {
	max-width: 100%;
}
.product .pro-heading {
	padding: 0 0.45rem;
	margin-top: 0.7rem;
	line-height: 1;
}
.product .pro-title-cn {
	overflow: hidden;
	font-size: 0.46rem;

}
.product .pro-title-en {
	margin-top: 0.2rem;
	overflow: hidden;
	font-size: 0.23rem;
	white-space: nowrap;
	color: #737373;
}
.product .pro-synopsis {
	line-height: 0.5rem;
}
.product .pro-synopsis span {
	margin-right: 0.25rem;
}
.product .pro-price {
	margin-top: 0.9rem;
	line-height: 1;
	padding: 0 0.45rem;
	font-size: 0.34rem;
}
.product .pro-price span {
	font-size: 0.24rem;

}
.product .pro-content {
	margin-top: 0.5rem;
}
.product .pro-content ul {}
.product .pro-content li {
	margin-top: -1px;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
}
.product .pro-content h5 {
	height: 0.95rem;
	padding: 0 0.45rem;
	line-height: 0.95rem;
	font-size: 0.34rem;
	font-weight: 400;
	
}
.product .pro-content h5 .icon {
	font-size: 0.2rem;
	float: right;
}
.product .pro-main {
	display: none;
	overflow: hidden;
	padding: 0 0.45rem 0.4rem 0.45rem;
	font-size: 0.24rem;
}
.product .pro-main:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
.product .pro-type {
	height: 0.5rem;
	line-height: 0.5rem;
	font-size: 0.26rem;
}
.product .pro-type:nth-child(1):before{content:"① ";}
.product .pro-type:nth-child(2):before{content:"② ";}
.product .pro-type:nth-child(3):before{content:"③ ";}
.product .pro-type:nth-child(4):before{content:"④ ";}
.product .pro-type:nth-child(5):before{content:"⑤ ";}
.product .pro-type:nth-child(6):before{content:"⑥ ";}
.product .pro-type:nth-child(7):before{content:"⑦ ";}
.product .pro-type:nth-child(8):before{content:"⑧ ";}
.product .pro-type:nth-child(9):before{content:"⑨ ";}
.product .pro-type:nth-child(10):before{content:"⑩ ";}

.product .pro-fav {
	float: left;
	width: 50%;
	overflow: hidden;
	line-height: 0.45rem;
	white-space: nowrap;
}
.product .pro-fav span {
	margin-right: 0.3rem;
}
.product .pro-fav .ico {
	display: inline-block;
	width: 1.2rem;
	height: 0.17rem;
	margin-bottom: -0.02rem;
	overflow: hidden;
	background: url(../images/product/ico_fav.png) no-repeat;
	-webkit-background-size: 1.2rem 1.2rem;
	background-size: 1.2rem 1.2rem;
}
.product .pro-fav-IaLv1 .ico {
	background-position: 0 -0.2rem;
}
.product .pro-fav-IaLv2 .ico {
	background-position: 0 -0.4rem;
}
.product .pro-fav-IaLv3 .ico {
	background-position: 0 -0.6rem;
}
.product .pro-fav-IaLv4 .ico {
	background-position: 0 -0.8rem;
}
.product .pro-fav-IaLv5 .ico {
	background-position: 0 -1rem;
}
.product .pro-m {}
.product .pro-component {
	margin-top: 0.25rem;
}
.product .pro-component:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
.product .pro-img {
	float: left;
	width: 2.5rem;
	height: 1.8rem;
	overflow: hidden;
}
.product .pro-img img {
	max-width: 100%;
}
.product .pro-explain {
	float: right;
	width: 2.8rem;
	height: 1.8rem;
	overflow: hidden;
}
.product .pro-explain h6 {
	font-size: 0.3rem;
	line-height: 0.35rem;
	font-weight: 400;
}
.product .pro-explain p {
	margin-top: 0.15rem;
}
.product .pro-radio {
	float: left;
	width: 33%;
	overflow: hidden;
}
.product .pro-radio .ico {
	display: inline-block;
	width: 0.2rem;
	height: 0.2rem;
	margin-right: 0.15rem;
	overflow: hidden;
	background: url(../images/product/ico_radio.png) no-repeat;
	-webkit-background-size: 0.2rem 0.45rem;
	background-size: 0.2rem 0.45rem;
	background-position: 0 -0.25rem;
}
.product .pro-radio-IaSelect .ico {
	background-position: 0 0;
}
.product .pro-step {
	margin-top: 0.15rem;
}
.product .pro-step:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
.product .pro-step b {
	float: left;
	width: 1rem;
	font-size: 0.26rem;
}
.product .pro-step p {
	margin-left: 1rem;
}
.product .pro-evaluate {
	margin-top: 0.25rem;
	padding-bottom: 0.15rem;
	border-bottom: 1px dashed #e5e5e5;
}
.product .pro-evaluate:nth-child(1) {
	margin-top: -0.08rem;
}
.product .pro-evaluate .ico-star {
	float: right;
	width: 1.2rem;
	height: 0.18rem;
	margin-top: 0.1rem;
	margin-right: 0.2rem;
	overflow: hidden;
	background: url(../images/product/ico_star.png) no-repeat;
	-webkit-background-size: 1.2rem 1.2rem;
	background-size: 1.2rem 1.2rem;
}
.product .pro-evaluate-IaLv1 .ico {
	background-position: 0 -0.2rem;
}
.product .pro-evaluate-IaLv2 .ico {
	background-position: 0 -0.4rem;
}
.product .pro-evaluate-IaLv3 .ico {
	background-position: 0 -0.6rem;
}
.product .pro-evaluate-IaLv4 .ico {
	background-position: 0 -0.8rem;
}
.product .pro-evaluate-IaLv5 .ico {
	background-position: 0 -1rem;
}
.product .pro-evaluate h6 {
	font-size: 0.28rem;
	font-weight: 400;
	line-height: 0.55rem;
}
.product .pro-comment {
	font-size: 0.22rem;
	color: #999;
}
.product .pro-user {
	height: 0.5rem;
	line-height: 0.5rem;
}
.product .pro-user em {
	float: right;
	margin-right: 0.2rem;
	color: #999;
}
.product .pro-more {
	margin-top: 0.55rem;
}
.product .pro-formComment {
	margin: 0.75rem 0.3rem 0 0.3rem;
	border: 1px solid #d2d2d2;
	padding-bottom: 0.65rem;
}

.product .pro-create {
	padding: 0 0.15rem;
	height: 0.75rem;
	border-bottom: 1px solid #d2d2d2;
	line-height: 0.75rem;
	text-align: center;
	font-size: 0.3rem;
}
.product .pro-formComment form {
	padding: 0 0.15rem;
}
.product .pro-score {
	height: 0.38rem;
	margin-top: 0.2rem;
	line-height: 0.38rem;
}

.product .pro-score:after,.product .pro-formComment p:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}

.product .pro-scoreBg {
	position: relative;
	float: left;
	width: 1.2rem;
	height: 0.18rem;
	padding-top: 0.08rem;
	overflow: hidden;
}
.product .pro-score .ico {
	float: left;
	width: 100%;
	height: 0.18rem;
	background: url(../images/product/ico_star.png) no-repeat;
	-webkit-background-size: 1.2rem 1.2rem;
	background-size: 1.2rem 1.2rem;
}
.product .pro-score-IaLv1 .ico {
	background-position: 0 -0.2rem;
}
.product .pro-score-IaLv2 .ico {
	background-position: 0 -0.4rem;
}
.product .pro-score-IaLv3 .ico {
	background-position: 0 -0.6rem;
}
.product .pro-score-IaLv4 .ico {
	background-position: 0 -0.8rem;
}
.product .pro-score-IaLv5 .ico {
	background-position: 0 -1rem;
}
.product .pro-mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.product .pro-mask span {
	float: left;
	width: 0.24rem;
	height: 100%;
	--background-color: #ddd;
}
.product .pro-score b {
	float: left;
	width: 1.25rem;
	text-align: right;
	font-weight: 400;
}
.product .pro-formComment p {
	margin-top: 0.25rem;
}
.product .pro-formComment label {
	float: left;
	width: 1.25rem;
	height: 0.8rem;
	line-height: 0.8rem;
	text-align: right;
}
.product .pro-formComment input {
	float: left;
	width: 3.98rem;
	height: 0.8rem;
	padding: 0 0.05rem;
	line-height: 0.8rem;
	border: 1px solid #d2d2d2;
}
.product .pro-formComment .note {
	clear: both;
	margin-left: 1.25rem;
	color: #999;

}
.product .pro-formComment textarea {
	width: 3.98rem;
	height: 1.48rem;
	padding: 0 0.05rem;
	resize: none;
}
.product .pro-form-btn {
	margin-top: 0.4rem;
}
.productRelated {
	margin-top: 1.35rem;
	padding: 0 0.1rem;
}
.productRelated .pr-heading {
	line-height: 1;
	text-align: center;
}
.productRelated .pr-heading h5 {
	font-size: 0.46rem;
}
.productRelated .pr-heading p {
	margin-top: 0.15rem;
	text-transform: uppercase;
	color: #737373;
}
.productRelated ul {
	margin-top: 0.9rem;
}
.productRelated li {
	float: left;
	width: 50%;
	text-align: center;
}
.productRelated .pr-thumbnail {
	width: 2.5rem;
	height: 3.35rem;
	margin: 0 auto;
}
.productRelated .pr-thumbnail img {
	max-width: 100%;
}
.productRelated .pr-title {
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
}
.productRelated .ms-title-details {
	margin-top: 0.1rem;
}
.productRelated .pr- {}
.productRelated .pr- {}
.productRelated .pr- {}
.productRelated .pr- {}
.productRelated .pr- {}
.productRelated .pr- {}
/* 新闻列表页 */
.slogan {}
.slogan img {
	max-width: 100%;
}
.newsList {
	padding: 0 0.3rem;
}
.newsList .nl-category {
	margin: 0.35rem -0.1rem -0.2rem -0.1rem;
	text-align: center;
	font-size: 0;
}
.newsList .nl-category a {
	display: inline-block;
	width: 2.8rem;
	height: 0.5rem;
	margin: 0 0.1rem;
	border: 1px solid #000;
	text-align: center;
	line-height: 0.5rem;
	font-size: 0.24rem;
	box-sizing: border-box;
	color: #000;
}
.newsList .nl-category .active {
	background-color: #000;
	color: #fff;
}
.newsList .nl-content {}
.newsList .nl-content li {
	max-height: 4.1rem;
	overflow: hidden;
	padding-bottom: 0.15rem;
	margin-top: 0.6rem;
	background-color: #f5f3f3;
}
.newsList .nl-content li a{
	color: #000;
}
.newsList .nl-thumbnail {
	width: 100%;
	height: 2.5rem;
	overflow: hidden;
}
.newsList .nl-thumbnail img {
	max-width: 100%;
}
.newsList .nl-title {
	padding: 0 0.35rem;
	line-height: 0.65rem;
	font-size: 0.28rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
}
.newsList .nl-synopsis {
	padding: 0 0.35rem;
	line-height: 0.35rem;
	font-size: 0.22rem;
}
.newsList .ms-more {
	margin-top: 1rem;
}

/* @新闻内页 */
.newsArticle {
	margin-top: 0.85rem;
	padding: 0 0.3rem;
}
.newsArticle .na-heading {

	padding:0.1rem 0.35rem 0.35rem 0.35rem;
	line-height: 1;
	background-color: #f5f3f3;
}
.newsArticle .na-heading h1 {
	margin-top: 0.35rem;
	font-size: 0.3rem;
	font-weight: 400;
}
.newsArticle .na-heading p {
	margin-top: 0.25rem;
	font-size: 0.22rem;
}
.newsArticle .na-name {
	margin-right: 0.45rem;
}
.newsArticle .na-time {

}
.newsArticle .na-content {
	padding-bottom: 0.25rem;
	margin-top: 0.25rem;
	font-size: 0.22rem;
	line-height: 0.4rem;
	background-color: #f5f3f3;
}
.newsArticle .na-main {
	padding:0.35rem;
}

.newsArticle .na-content img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	padding-bottom: 0.4rem;
}
.newsArticle .na-product {
	padding: 0.4rem 0.3rem 0.2rem 0.3rem;
	margin-top: 0.55rem;
	border: 1px solid #000;
}
.newsArticle .na-product:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
.newsArticle .na-product-thumbnail {
	float: left;
	width: 2.5rem;
	height: 3.35rem;
	overflow: hidden;
}
.newsArticle .na-product-thumbnail img {
	max-width: 100%;
}
.newsArticle .na-product-m {
	float: right;
	width: 2.5rem;
	margin-top: 0.2rem;
}
.newsArticle .na-product-t {
	font-size: 0.28rem;
	line-height: 0.55rem;
	white-space: nowrap;
	overflow: hidden;
}
.newsArticle .na-product-dec {
	height: 1.4rem;
	overflow: hidden;
	line-height: 0.35rem;
	font-size: 0.22rem;
}
.newsArticle .ms-title-details {
	margin-top: 0.2rem;
}
/* @专题列表页 */
.topicList {
	margin-top: 0.85rem;
}
.topicList ul {}
.topicList li {
	margin: 0.3rem 0.3rem 0 0.3rem;
}
.topicList .tl-thumbnail {
	position: relative;
	z-index: 1;
	width: 5.8rem;
	height: 4.9rem;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
.topicList .tl-thumbnail img {
	max-width:100%;
	vertical-align: bottom;
	border: none;
}
.topicList .tl-main {
	position: relative;
	z-index: 10;
	margin-top: -0.05rem;
	padding: 0 0.25rem;
	padding: 0 0.25rem 0.3rem 0.25rem;
	background-color: #f7f6fb;
}
.topicList .tl-title {
	line-height: 0.75rem;
	text-align: center;
	font-size: 0.4rem;
	white-space: nowrap;
	overflow: hidden;
}
.topicList .tl-synopsis {
	line-height: 0.43rem;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: 0.25rem;
	text-align: center;
}
.topicList .tl-synopsis span {
	margin: 0 0.2rem;
}
.topicList .tl-m {
	margin-top: 0.45rem;
	padding-bottom: 0.4rem;
}
.topicList .tl-m p {
	position: relative;
	padding-left: 0.4rem;
	line-height: 0.24rem;
	font-size: 0.18rem;
	color: #707070;
}
.topicList .tl-m p:before {
	content: "";
	position: absolute;
	left: 0.2rem;
	top: 0.08rem; 
	width: 0.08rem;
	height: 0.08rem;
	overflow: hidden;
	background-color: #000;
}
.topicList {
	margin-top: 0.8rem;
}
/* @关于我们 */
.about {
	margin-top: 0.85rem;
}

.about .about-content {
	padding: 0 0.3rem;
	font-size: 0.22rem;
}
.about .about-content p {
	margin-top: 0.4rem;
	text-indent: 2em;
}
.about .about-contact {
	margin-top: 0.6rem;
}
.about .about-contact p {
	margin-top: 0.15rem;
}
/* @隐私条款 */
.secret {
	margin-top: 0.85rem;
}
.secret .ms-title-details {}
.secret .secret-content {
	padding: 0 0.3rem;
	margin-top: 0.4rem;
	line-height: 0.4rem;
	font-size: 0.22rem;
}
.secret .secret-content h5 {
	margin-top: 0.4rem;
	line-height: 0.45rem;
	font-weight: 400;
}

/* @顾问查询 */
.inquiry {
	margin: 0.85rem 0.3rem 0 0.3rem;
	text-align: center;
}
.inquiry .inquiry-avatar {
	width: 2.5rem;
	height: 2.5rem;
	padding: 0.05rem;
	margin: 1rem auto 0 auto;
	border-radius: 50%;
	box-shadow: 0 0.05rem 0.05rem #d5d2d2;
}
.inquiry .inquiry-avatar img {
	max-width: 100%;
	border-radius: 50%;
}
.inquiry .inquiry-job {
	margin-top: 0.45rem;
	line-height: 1;
	font-size: 0.45rem;
}
.inquiry .inquiry-dec {
	margin-top: 0.18rem;
	line-height: 0.4rem;
	font-size: 0.24rem;
	color: #525252;
}
.inquiry form {
	margin-top: 0.95rem;
}
.inquiry input {
	width: 100%;
	height: 0.78rem;
	padding-left: 0.1rem;
	line-height: 0.78rem;
	border: 1px solid #000;
	box-sizing: border-box;
	font-size: 0.22rem;
	color: #bfbfbf;
}
.inquiry button {
	width: 100%;
	height: 0.8rem;
	margin-top: 0.25rem;
	border: none;
	line-height: 0.8rem;
	text-align: center;
	font-size: 0.28rem;
	background-color: #000;
	color: #fff;
}
/* 查询结果 */
.overlayer {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 600;
	width: 100%;
	height:100%;
	background-color: #000;
	background-color: rgba(0, 0, 0, .8);
}
.inquiryResult {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 610;
	width: 5.8rem;
	height: 3.5rem;
	margin-left: -2.9rem;
	margin-top: -1.75rem;
	line-height: 1;
	background-color: #fff;
}
.inquiryResult .ir-title {
	margin-top: 0.95rem;
	text-align: center;
	font-size: 0.58rem;
}
.inquiryResult .ir-content {
	width: 3.8rem;
	height: 0.5rem;
	margin: 0.45rem auto 0 auto;
	line-height: 0.5rem;
	text-align: center;
	font-size: 0.24rem;
	background-color: #000;
	color: #fff;
}
.inquiryResult .ir-dec {
	text-align: center;
	line-height: 0.45rem;
	font-size: 0.24rem;
}
.inquiryResult .ir-close {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 0.2rem;
	padding: 0.2rem;
}
.inquiryResult.error .ir-content {
	background-color: #7f7f7f;
}
/* 金牌顾问-丽颜肌学院 */
 .liyanji-college{
 	padding-top:0.9rem;
 }
 .TeachIntr{
 	padding: 0 0.29rem;
 }
 .TeachIntr img{
 	max-width: 100%;
 }
 .TeachIntr .ti-heading{
	line-height: 1;
	text-align: center;
	margin:0.52rem 0 0.81rem;
}
.TeachIntr .ti-title-cn{
	font-size: 0.32rem;
	color: #333333;
	overflow: hidden;
    font-weight: 400;
    white-space: nowrap;
}
.TeachIntr .ti-title-en{
    font-size: 0.2rem;
    margin-top: 0.17rem;
    color: #999999;
	font-family: "Microsoft Yahei","微软雅黑";
    text-transform: uppercase;
}
.TeachIntr .ti-list{
	width: 100%;
	color: #333333;
}
.TeachIntr .ti-list .ti-listli-wp{
	margin-bottom: 0.7rem;
	width: 5.82rem;
	border-radius: 0.08rem;
	box-shadow: 0 0.02rem 0.04rem 0.06rem #e3e3e3;
	position: relative;
}
 .TeachIntr .ti-list-teamname{
 	font-size: 0.28rem;
 	color: #fff;
 	width: 1.8rem;
 	height: 0.66rem;
 	line-height: 0.66rem;
 	text-align: center;
 	position: absolute;
 	top:-0.33rem;
 	left: 2.01rem;
 	border-radius: 0.04rem;
 	background: #333333; 
 }
.TeachIntr .ti-list-main{
	width: 5.62rem;
	height: 2.76rem;
	overflow: hidden;
	margin:0 auto;
	padding: 0.45rem 0 0.16rem;
}
 .TeachIntr .ti-list-persimg{
	float: left;
	width: 2.1rem;
	height: 2.7rem;
	border: 1px solid #333333;
	padding: 0.04rem 0.04rem 0;
	overflow: hidden;
	position: relative;
}
.TeachIntr .ti-persimg-title{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.36rem;
	background: rgba(0,0,0,0.5);
	text-align: center;
	line-height: 0.36rem;
	font-size: 0.22rem;
	color: #fff;
}
.TeachIntr .ti-mainlist{
	float: left;
	width: 3.26rem;
	height: 2.76rem;
	overflow: hidden;
	padding-left: 0.14rem;
}
.TeachIntr .ti-mainlist li:first-child{
	margin-bottom: 0.45rem;
	overflow: hidden;
}
.TeachIntr .ti-mainlist-title{
	font-size: 0.24rem;
	height: 0.27rem;
	line-height: 1;
	overflow: hidden;
}
.TeachIntr .ti-mainlist-line{
	width: 0.26rem;
	height: 1px;
	margin-top: 0.03rem	;
	background: #333333;
}
.TeachIntr .ti-mainlist-part{
	line-height: 1.2;
	margin: 0.12rem 0 0;
	color: #666666;
	font-size: 0.2rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.TeachIntr .ti-list-teamimg{
	position: relative;
	width: 5.62rem;
	height: 3.2rem;
	overflow: hidden;
	margin:0 auto ;
	padding-bottom: 0.24rem;
}
.TeachIntr .ti-teamimg-cont{
	position: absolute;
	bottom: 0.24rem;
	left: 0;
	width: 5.42rem;
	padding: 0.12rem 0.1rem 0.06rem;
	background: rgba(0,0,0,0.5);
	text-align: center;
	line-height: 1.18;
	font-size: 0.22rem;
	color: #fff;
	text-align: center;
}
/* 品牌故事 */
.about_brand{
	padding-top: 1.28rem;
}
.bs-wp{
    padding: 0 0.29rem;
	border-bottom: 1px solid #dddddd;
}
.BrandStory{
    color: #666;
    line-height: 1.82;
	font-size: 0.24rem;
}
.BrandStory .bs-bannerimg{
    padding: 0 0.29rem;
}
.BrandStory img {
    max-width: 100%;
}
.BrandStory .bs-heading{
	line-height: 1;
	text-align: center;
	padding:0.6rem 0 0.3rem;
}
.BrandStory .bs-title-cn{
	font-size: 0.32rem;
	color: #333333;
	overflow: hidden;
    font-weight: 400;
    white-space: nowrap;
}
.BrandStory .bs-titlecn-line{
	width: 0.34rem;
	height: 0.02rem;
	border-radius: 1px;
	margin:0.14rem auto;
	background: #333;
}
.BrandStory .bs-title-en{
    font-size: 0.2rem;
    color: #999999;
	font-family: "Microsoft Yahei","微软雅黑";
    text-transform: uppercase;
    letter-spacing: 2px;
}
.BrandStory .bs-aboutb-img{
	width: 5.82rem;
	height: 2.13rem;
	overflow: hidden;
}
.BrandStory .bs-aboutb-part{
	width: 5.82rem;
	padding: 0.29rem 0 0.59rem;
}
.BrandStory .bs-aboutb-part p{
	text-indent: 2em;
}
.BrandStory .bs-definebeauty{
	position: relative;
	width: 5.82rem;
	height: 1.81rem;
	overflow: hidden;
}
.BrandStory .bs-defineb-detail{
	position: absolute;
	top:0.52rem;
	left:0.18rem;
	width: 3.4rem;
	height: 0.9rem;
	background: rgba(0,0,0,0.7);
	line-height: 0.9rem;
	font-size: 0.3rem;
	color: #fff;
	text-align: center;
}
.BrandStory .bs-defineb-detail:before{
	position: absolute;
	content: '';
	display: block;
	background: #00a0e8;
	width: 2rem;
	height: 0.04rem;
	top: 0;
	left: 0.7rem;
}
.BrandStory .bs-defineb-part{
	padding: 0.26rem 0 0.61rem;
}
.BrandStory .bs-select{
	padding-bottom: 0.62rem;
}
.BrandStory .bs-select-title{
	width: 3.88rem;
	height: 0.3rem;
	overflow: hidden;
	border-left: 0.04rem solid #00a0e8;
	padding-left: 0.14rem;
	font-size: 0.3rem;
	line-height: 1;
	margin:0 auto;
	color: #333;
}
.BrandStory .bs-select-part{
	width: 5.82rem;
	margin:0.49rem auto 0.36rem;
	color: #666666;
}
.BrandStory .bs-select-part p{
	text-indent: 2em;	
}
.BrandStory .bs-select-preimg{
	width:5.82rem;
	height: 1.81rem;
	overflow: hidden;
}
.BrandStory .bs-select-present{
	width: 5.82rem;
	padding-top:0.34rem;
}
.BrandStory .bs-select-present p{
	text-indent: 2em;
}
.BrandStory .bs-devpath-main{
	position: relative;
	padding-bottom: 0.21rem;
}
.BrandStory .bs-devpath-dividline{
	width: 1px;
	height: 25.6rem;
	background: #333;
	position: absolute;
	left: 0.09rem;
	top:0.3rem;
}
.BrandStory .bs-devpath-main li{
	margin-bottom: 0.4rem;
}
.BrandStory .bs-devmain-year{
	font-size: 0.56rem;
	line-height: 1;
	margin-bottom: 0.1rem;
}
.BrandStory .bs-devpath-circle{
	margin:0rem 0.09rem 0 0;
	width: 0.09rem;
	height: 0.09rem;
	background: #333333;
	border:0.05rem solid #fff;
	border-radius: 50%;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.BrandStory .bs-devmain-detil{
	margin-left: 0.28rem;
	color: #666666;
	background: #fafafa;
	border-radius: 0.04rem;
	padding: 0.22rem 0.2rem;
}
.BrandStory .bs-honor-left{
	float: left;
	width: 2.72rem;
}
.BrandStory .bs-honor-right{
	float: right;
	width: 2.79rem;
}
.BrandStory .bs-honor-mark{
	font-size: 0.22rem;
	color: #666;
	line-height: 1;
	margin:0.26rem 0 0.5rem;
	text-align: center;
}
.BrandStory .bs-honor-explan{
	width: 5.82rem;
	margin:0 auto;
	font-size: 0.22rem;
	color: #666;
	line-height: 1.63;
	padding:0 0 0.61rem 0.13rem;
	position: relative;
}
.BrandStory .bs-honor-explan:before{
	content: '';
	display: block;
	width: 0.04rem;
	height: 0.2rem;
	background: #00a0e8;
	position: absolute;
	left: 0;
	top:0.07rem;
}
.BrandStory .bs-college-partimg{
	width: 5.82rem;
	height: 2.8rem;
	overflow: hidden;
	padding-bottom: 1.06rem;
	position: relative;
}
.BrandStory .bs-college-part{
	position: absolute;
	width: 5.14rem;
	height: 1.75rem;
	padding: 0.61rem 0.2rem 0.24rem 0.48rem;
	background: rgba(0,160,232,0.8);
	top:0.66rem;
	left: 0;
	color: #fff;
	text-align: center;
	font-size: 0.22rem;
	overflow: hidden;
}
.BrandStory .bs-collpart-logo{
	width: 1.8rem;
	height: 0.6rem;
	position: absolute;
	overflow: hidden;
	left:2.01rem;
	top:0.5rem;
}
.BrandStory .bs-busin-img{
	width: 1.4rem;
	height: 1.4rem;
	overflow: hidden;
	margin:0 auto;
}
.BrandStory .bs-busin-text{
	width: 5.82rem;
	margin:0.3rem 0 0.72rem;
}
.BrandStory .bs-busin-text p{
	text-indent: 2em;
}
/*明星大咖推荐*/
.starrecommend{
	width: 5.8rem;
	margin:0.69rem auto 0;
	box-shadow: 0 0.02rem 0.08rem 0px rgba(0,0,0,0.16);
}
.starrecommend .sr-content{
	width: 100%;
}
.starrecommend .sr-title{
	width: 1.82rem;
	height: 0.4rem;
	font-size: .26rem;
	background: #000;
	margin:0 auto 0.26rem;
	line-height: 0.4rem;
	color: #fff;
	text-align: center;
	position: relative;
}
.starrecommend .sr-title:after{
	content: '';
	display: block;
	position: absolute;
	width: 0.16rem;
	border-top: 0.11rem solid #000;
	border-left: 0.83rem solid transparent;
    border-right: 0.83rem solid transparent;
	left: 0;
	top:0.4rem;
}
.starrecommend .sr-video{
	width: 5.8rem;
	height: 3.6rem;
	overflow: hidden;
	position: relative;
}
.starrecommend .sr-video img{
	max-width: 100%;
	position: absolute;
	top:0;
	left: 0
}
.starrecommend .sr-part{
	color: #333333;
	padding: 0.17rem 0.19rem 0.15rem 0.26rem;
}
.starrecommend .sr-spokesmen{
	font-size: 0.3rem;
	position: relative;
	line-height: 1.27;
}
.starrecommend .sr-spokesmen:after{
	content: '';
	display: block;
	position: absolute;
	width: 0.52rem;
	height: 0.04rem;
	border-radius: 0.02rem;
	left: 0;
	top:0.37rem;
}
.starrecommend .sr-txt{
	font-size: 0.24rem;
	color: #666666;
	line-height: 1.17;
	margin-top: 0.14rem;
}