@charset "utf-8";
/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,

td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;} 

header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;} 

table{border-collapse:collapse;border-spacing:0;} 

caption,th{text-align:left;font-weight:normal;} 

html,body,fieldset,img,iframe,abbr{border:0;} 

i,cite,em,var,address,dfn{font-style:normal;} 

[hidefocus],summary{outline:0;} 

li{list-style:none;} 

h1,h2,h3,h4,h5,h6,small{font-size:100%;} 

sup,sub{font-size:83%;} 

pre,code,kbd,samp{font-family:inherit;} 

q:before,q:after{content:none;} 

textarea{overflow:auto;resize:none;} 

label,summary{cursor:default;} 

a,button{cursor:pointer;} 

h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;} 

del,ins,u,s,a,a:hover{text-decoration:none;} 

body,textarea,input,button,select,keygen,legend{font-family:"Microsoft YaHei",SimHei;color:#333;outline:0;} 

body{background:#f5f5f5; max-width:960px; margin:0 auto;} 

a,a:hover{color:#333;} 

.article_box{ width:100%; box-sizing:border-box; padding:0 2% 2% 2%; height:auto; overflow:auto; background:#fff; max-width:960px; margin:0 auto;}
.article_box h1{ width:100%; height:auto; overflow:auto; color:#484848; font-size:1.7rem; line-height:2.0rem; font-weight: bold; padding:2% 0;}
.article_img{ width:100%; height:auto; overflow:auto;}
.article_img img{ display:block; width:100%;}

.article_author{ width:100%; height:auto; overflow:auto; margin-bottom:3%;}
.article_author dl{ width:100%; float:left; height:auto; overflow:auto; position:relative;}
.article_author dl dt{ float:left; width:12%;}
.article_author dl dt img{ width:45px; height:45px;; border:#e8e8e8 solid 1px; border-radius:50%;}
.article_author dl dd{ float:left; box-sizing:border-box; padding:0 2%; width:68%; font-size:12px; line-height:1.5rem; 
color:#999; overflow:hidden; height:25px;}
.article_author dl dd em{ font-size:15px; line-height:2.0rem; color:#4b4b4b; font-weight:normal; cursor: pointer;}
.article_author dl span{ position:absolute; float:right; right:0; width:20%; box-sizing:border-box; top:20%;}
.article_author dl span a{ display:block; border:#e8e8e8 solid 1px; background:#fff; border-radius:50px; text-align:center; font-size:14px;
line-height:1.8rem; color:#999;}
.article_author dl span a.click{ color:#fff; background: url(../images/follow.png) no-repeat left 10% top 50% #eb5b99; border:#eb5b99 solid 1px;
width:100%; box-sizing:border-box; padding-left:15%; text-align:center; background-size:15px;}
.article_author h3{ width:100%; height:auto; overflow:auto; line-height:1.5rem; font-size:9pt; color:#999; font-weight:normal;}

.article_voice{ width:100%; height:auto; overflow:auto;}
.article_voice a{ display:block; width:100%; padding:2% 3% 2% 20%; box-sizing:border-box; border:#e8e8e8 solid 1px; border-radius:5px;
background:url(../images/voice_icon.png) no-repeat left 3% top 50% #fff; background-size:10%; position:relative; height:auto; overflow:auto; margin:3% 0;}
.article_voice span{ float:left; line-height:20px; font-size:14px; color:#666;}
.article_voice span i{ color:#999; font-size:12px;}
.article_voice em{ float:right; position:absolute; line-height:40px; right: 3%; font-weight:normal; color:#999;}
.article_voice a.current{ border:#eb5b99 solid 1px;background:url(../images/voice_iconh.gif) no-repeat left 3% top 50% #fff;background-size:10%;}
.article_voice a.current span{ color:#eb5b99;}
.article_voice a.current span i{ color:#eb5b99;}
.article_voice a.current em{ color:#eb5b99;}


.article_voice a.loading{background:url(../images/loading-2.gif) no-repeat left 3% top 50% #fff;}

.article_txt{ width:100%; height:auto;  line-height:1.5rem; font-size:15px; color:#313131;}
.article_txt{}
.article_txt p{margin-bottom:0px;}
.article_box h6{ width:100%; height:auto; overflow:auto; line-height:50px; font-size:12px; color:#999; font-weight:normal;}
.article_box h5{ width:100%; height:auto; overflow:auto; font-size:15px;  color:#999; font-weight:normal;}
.article_box h5 span{ float:left;  width:auto; padding-right:3%;}
.article_box h5 a{ display:block; float:left; width:auto; height:20px; padding-left:7%;
color:#999; background: url(../images/laud.png) no-repeat left top 40%; background-size:20px;}
.article_box h5 a.click{background: url(../images/laudh.png) no-repeat left top 40%; background-size:20px; color:#eb5b99;}


.article_list{ width:100%; height: auto; overflow:auto; background:#fff; box-sizing:border-box; padding:2%; margin-bottom:3%;}
.article_list dt{ float: right; width:30%;}
.article_list dt img{ width:100%;}
.article_list dd{ float:right; width:70%; box-sizing:border-box; padding-right:3%; color:#999; font-size:12px; line-height:1.3rem; margin-bottom:1.6%;}
.article_list dd span{ color:#333; font-size:15px; line-height:1.3rem;}

/*相关单品*/
.productbox{ width:100%; height:auto; overflow:auto; margin:0 auto;}
.productbox h3{ width:100%; padding:0 2%; box-sizing:border-box; line-height:2.0rem; font-size:14px; color:#4b4b4b; font-weight:normal;}
.productbox div{ width:100%; height:auto; overflow:auto; background:#fff;border-radius:15px;}
.productbox div dl{ width:100%; height:auto; overflow:auto; padding:2%; box-sizing:border-box; position:relative; }
.productbox div dt{ float:left; width:40%; box-sizing:border-box; padding-right:2%;}
.productbox div dt img{ width:100%; display:block;border-radius: 5px;}
.productbox div dl dd{ float:left; font-size:15px; color:#666; width:60%; box-sizing:border-box;}
.productbox div dl dd i{ display:block; width:15%; padding:0 2%; font-size:12px; color:#fff; background:#eb5b99; margin-right:2%; border-radius:5px;
float:left; text-align:center;}
.productbox div dl dd span{ color:#999;}
.productbox div dl .dda{ position:absolute; right:0; bottom:35%; font-size:12px; color:#999;}
.productbox div dl .ddb{ position:absolute; right:0; bottom:12%; font-size:15px;color:#eb5b99; font-weight:bold;line-height:1.5rem;
box-sizing:border-box; padding-right:3%;}
.productbox div dl .ddb span{ color:#999; text-decoration:line-through; font-weight:normal; font-size:12px;}
.productbox div dl .ddb b{font-weight:normal; display:block;width:40%;  font-size:12px; color:#fff; text-align:center;background: linear-gradient(to right, #ff4d4d , #eb5b99);border-radius:100px; float:right;}


/*推荐阅读*/
.recommend{ width:100%; height:auto; overflow:auto; margin:0 auto; max-width:960px;}
.recommend h3{  width:100%; padding:0 2%; box-sizing:border-box; line-height:2.0rem; font-size:14px; color:#4b4b4b; font-weight:normal;}
.recommend div{ width:100%; height:auto; overflow:auto; background:#fff; border-radius:15px;}
.recommend div dl{ width:100%; height:auto; overflow:auto; padding:2% 3%; box-sizing:border-box; border-bottom:#f0f0f0 solid 1px;
position:relative;}
.recommend div dl:last-child{ border-bottom:none;}
.recommend div dl dt{ float:right; width:30%;}
.recommend div dl dt img{ width:100%; min-height:100px;border-radius: 5px;}
.recommend div dl dd{ float:right; font-size:14px; color:#4b4b4b; width:70%; box-sizing:border-box; padding-right:3%;}
.recommend div dl dd span{ color:#999;font-size: 12px;}
.recommend div dl .dda{ position:absolute; left:3%; bottom:12%;}

.apply_ad img{ display:block;}
/*所有评论*/
.comment{ width:100%; height:auto; overflow:auto; margin:0 auto; padding-bottom:15%; max-width:960px;}
.comment h3{ width:100%; padding:0 2%; box-sizing:border-box; line-height:2.5rem; font-size:14px; color:#4b4b4b; font-weight:normal;}
.cmt_time{ width:100%; height:auto; overflow:auto; background:#fff; border-bottom:#f0f0f0 solid 1px;}
.cmt_time:last-child{border-bottom:none;}
.cmt_time dl{ width:100%;height:auto; overflow:auto; box-sizing:border-box; padding:2% 2% 0 2%;}
.cmt_time dl dt{ float:left; width:12%;}
.cmt_time dl dt img{ width:100%; border:#e8e8e8 solid 1px; border-radius:100px; width:45px; height:45px;}
.cmt_time dl dd{ float:left; box-sizing:border-box; padding:0 0 0 3%;font-size:12px; line-height:1.5rem; 
color:#999; overflow:hidden; height:25px; width:88%;}
.cmt_time dl dd em{ font-size:15px; line-height:2.0rem; color:#4b4b4b; font-weight:normal; float:left;}
.cmt_time dl dd a{ display:block; float: right; width:auto; padding-left:7%; margin-top:1%;
color:#999; background: url(../images/laud.png) no-repeat left top; background-size:20px;}
/*
.cmt_time dl dd a:hover{background: url(../images/laudh.png) no-repeat left top; background-size:20px; color:#eb5b99;}
*/
.cmt_time p{ width:83%; margin:0 3% 0 17%; padding:1% 0 2% 0; font-size:14px; line-height:1.2rem; color:#666; box-sizing:border-box;
border-bottom:#e8e8e8 solid 1px;}
.cmt_time p:last-child{ border-bottom:none;}
.cmt_time .reply{ width:100%; padding:2% 3% 0 14%; height:auto; overflow:auto; box-sizing:border-box;}
.cmt_time .reply h3{ box-sizing:border-box; padding:0 0 0 3%; width:100%; font-size:12px; line-height:1.5rem; 
color:#999; overflow:hidden; height:25px;}
.cmt_time .reply h3 em{ font-size:15px; line-height:2.0rem; color:#eb5b99; font-weight:normal; float:left;}
.cmt_time .reply h3 a{ display:block; float: right; width:auto; padding-left:7%; margin-top:1%;
color:#999; background: url(../images/laud.png) no-repeat left top; background-size:20px;}
.cmt_time .reply h3 a:hover{background: url(../images/laudh.png) no-repeat left top; background-size:20px; color:#eb5b99;}

/*发表评论*/
.publish{ width:100%; height:auto; overflow:auto; position:fixed; bottom:0; margin:0 auto; max-width:960px;
border-top:#e8e8e8 solid 1px;background:#fff; box-sizing:border-box; padding:2% 3%;}
.publish input{ float:left; width:80%; background:#e8e8e8; color:#A8A8A8; border-radius:50px; border:none; box-sizing:border-box;
padding:2% 3%; font-size:15px; line-height:1.5rem;}
.publish button{ float:right; width:15%;  background:linear-gradient(to right, #ff4d4d , #eb5b99); text-align:center; color:#fff; 
border-radius:5px; font-size:15px; line-height:1.5rem; border:none;padding:2% 0;}
.publish a{ float:right; width:10%; margin:0 2.5%;}
.publish a img{ width:100%;}


/*发现首页*/
.classify{ width:100%; height:auto; overflow: hidden; max-width:960px; margin:0 auto; box-sizing:border-box; padding:2% 0% 0 0%;
background:#fff; border-bottom:#e8e8e8 solid 1px;}
.classify ul{ width:100%; height:auto; overflow:auto;}
.classify ul li{ float: left; width:14.2%;}
.classify ul li a{ width:90%; margin:0 5%; color:#999; font-size:15px; line-height:2.0rem; display:block; text-align:center;border-bottom:#fff solid 1px;}
.classify ul li a:hover{ color:#eb5b99; border-bottom:#eb5b99 solid 1px;}
.classify ul li .current{ color:#eb5b99; border-bottom:#eb5b99 solid 1px;}

#header {
	position:absolute;
	top:85px;
	z-index:11;
	width:100%; max-width:960px; margin:0 auto;
	height:40px;
	overflow:hidden;
	background:#fff;
	font-family:"Microsoft YaHei",SimHei;
	border-bottom:#e8e8e8 solid 1px;
	border-top:#e8e8e8 solid 1px;
}
#header .swiper-slide {
	padding:0 4%;
	width: auto; box-sizing:border-box;
}
#header .swiper-slide a{ font-size:15px; color:#999; display:block; width:100%; line-height:39px;border-bottom:#fff solid 1px;}
#header .swiper-slide a:hover{ color:#eb5b99; border-bottom:#eb5b99 solid 1px;}
#header .swiper-slide .current{ color:#eb5b99; border-bottom:#eb5b99 solid 1px;}

#banner {
	width:100%;
	overflow:hidden;
	margin-top:40px;
	position:relative;
}
#banner .swiper-slide {
	position:relative;
	text-align:center;
}
#banner img {
	max-width:100%;
}
#banner h2 {
	text-align:center;
	font-size:1em;
	height:42px;
	line-height:42px;
	color:#fafafa;
	position:absolute;
	left:0;
	bottom:0;
	right:0;
	font-weight:normal;
	text-shadow:1px 1px 1px #000;
	/* background-color:rgba(21,20,20,0.5);*/
    background-color:rgba(0,0,0,0);
	background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.7));
	background:-webkit-gradient(linear,top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.7)));
	background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.7));
	background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.7));
}
#banner .pagination {
	position:absolute;
	z-index:20;
	bottom:3px;
	text-align:center;
	right:0;
}
#banner .swiper-pagination-bullet {
	display:inline-block;
	width:5px;
	height:5px;
	border-radius:5px;
	background:#fff;
	margin:0 2px;
	opacity:0.8;
	cursor:pointer;
}
#banner .swiper-pagination-bullet-active {
	background:#eb5b99;
}
#announcement {
	height:2em;
	background:#f5f8fc;
	border:1px solid #d2e1f1;
	margin:0.5em;
}
#announcement a {
	color:#294c7f;
	text-decoration:none;
	display:block;
	line-height:2;
	height:2em;
	text-indent:0.5em;
	overflow:hidden;
}
#tabs-container {
	height:400px;
}
.tabs {
	border-top:2px solid #9ac7ed;
	background:url(images/headbg.png) no-repeat left top #f9fafa;
	background-size:auto 100%;
	width:100%;
	height:38px;
	overflow:hidden;
}
.tabs a {
	font-weight:normal;
	text-align:center;
	float:left;
	width:64px;
	height:38px;
	line-height:38px;
	color:#2a70be;
	text-decoration:none;
}
.tabs a.active {
	border-top:2px solid #2a70be;
	margin-top:-2px;
	background-image:url(images/tab_ui.png);
	background-repeat:no-repeat;
	-webkit-background-size:64px 39px;
	-moz-background-size:64px 39px;
	-o-background-size:64px 39px;
	background-size:64px 39px;
	background-position:left top;
	color:#c14545;
}
.news-list {
	padding:0 10px;
}
.news-list li {
	overflow:hidden;
	border-bottom:1px solid #eceef0;
	box-shadow:0 1px 1px #fff;
	font-weight:normal;
	height:35px;
	line-height:35px;
	font-size:80%;
}

.find_list{ width:92%; height: auto; overflow:auto; background:#fff; box-sizing:border-box; padding:2% 2% 0 2%; margin:3% 4% auto;
border-radius:10px;}
.find_list dl{ width:100%; height:auto; overflow:auto;}
.find_list dt{ float: right; width:30%; position:relative;}
.find_list dt img{ width:100%; max-height:100px;min-height:90px; border-radius:5px;}
.find_list dt span{ position:absolute; display:block;width:40px; height:40px; text-align:center;
 box-sizing:border-box; border-radius:100px; overflow:auto;top:25%; right:2%; z-index:100;}
.find_list dt span img{ width:30px; height:30px; min-height:30px;}
.find_list dt em{ position:absolute; right:2%; bottom:7%; background:rgba(0,0,0,0.5); color:#fff; font-size:8pt; font-weight:normal; text-align:center;
width:auto; overflow:auto; line-height:1.0rem; box-sizing:border-box; padding:0 5%; border-radius:20px;}
.find_list dd{ float:right; width:70%; box-sizing:border-box; padding-right:3%; color:#999; font-size:12px; line-height:1.2rem;}
.find_list dd span{ color:#4b4b4b; font-size:15px; line-height:1.5rem;}
.find_list dd span i{ color:#eb5b99;}
.find_list h3{ box-sizing:border-box; padding:1% 0; width:100%; font-size:12px; line-height:25px; 
color:#999; overflow:hidden;font-weight:normal;}
.find_list h3 span{ display:block; float: right; width:auto; padding-left:6%; margin-top:1%;margin-left:2%;
color:#999; font-weight:normal;}
.find_list h3 .aa{background: url(../images/laud.png) no-repeat left top 40%; background-size:15px;}
.find_list h3 .ab{background: url(../images/comment_num.png) no-repeat left 0% top 40%; background-size:15px;}
.find_list h3 .ac{background: url(../images/share.png) no-repeat left 0% top 40%; background-size:15px;}
.find_list h3 img{ float:left; height:25px; width:25px;border-radius:100px; border:#e8e8e8 solid 1px; margin-right:2%;}

/*体验师文章专用*/
.experience{ width:92%; height: auto; overflow:auto; background:#fff; box-sizing:border-box; padding:1% 2% 0 2%;margin:3% 4% auto;border-radius: 10px;}
.experience dl{ width:100%; height:auto; overflow:auto;}
.experience dt{width:100%; height:auto; overflow: hidden; max-height:100px;padding:2% 0;}
.experience dt img{ float:left;display:block;width:32%; float:left; margin-right:2%; border-radius:5px;}
.experience dt img:last-child{ margin-right:0;}
.experience dd{ width:100%; box-sizing:border-box; color:#999; font-size:15px; line-height:1.5rem;}
.experience dd span{ color:#4b4b4b; font-size:15px; line-height:1.5rem;}
.experience dd span i{ color:#eb5b99;}
.experience h3{ box-sizing:border-box; padding:1% 0; width:100%; font-size:12px; line-height:25px; 
color:#999; overflow:hidden;font-weight:normal;}
.experience h3 span{ display:block; float: right; width:auto; padding-left:6%; margin-top:1%;margin-left:2%;
color:#999; font-weight:normal;}
.experience h3 .aa{background: url(../images/laud.png) no-repeat left top 40%; background-size:15px;}
.experience h3 .ab{background: url(../images/comment_num.png) no-repeat left 0% top 40%; background-size:15px;}
.experience h3 .ac{background: url(../images/share.png) no-repeat left 0% top 40%; background-size:15px;}
.experience h3 img{ float:left; height:25px; width:25px; border-radius:100px; border:#e8e8e8 solid 1px; margin-right:2%;}
.experience h3 em{ width:50%; height:25px; overflow: hidden; display:block; font-weight:normal;}

.product_add{ width:100%; height:auto; overflow:auto; background:#fff; box-sizing:border-box; padding:3% 0; margin-bottom:3%;}
.product_add h3{ box-sizing:border-box; padding:1% 3%; width:100%; font-size:12px; line-height:1.5rem; 
color:#999; overflow:hidden;font-weight:normal;}
.product_add h3 img{ float:left; height:25px; border-radius:100px; border:#e8e8e8 solid 1px; margin-right:2%;}
.product_add div{ width:100%; overflow:auto; overflow:auto;}
.product_add div dl{ float:left; width:25%; box-sizing:border-box; padding:2% 2% 0 2%; height:auto; overflow:auto;}
.product_add div dl dt{ width:100%;}
.product_add div dl dt img{ width:100%; border-radius:5px;}
.product_add div dl dd{ text-align:center; font-size:15px; line-height:30px; height:30px;color:#333; width:100%; overflow:hidden;}
.product_add div dl dd em{ color:#eb5b99; font-size:15px; font-weight:normal;}
.product_add div dl dd i{ color:#999; text-decoration:line-through; padding-left:2%; font-size:11px;}

.recommend_nav{ box-sizing:border-box; padding:1% 3%; width:100%; font-size:12px; line-height:1.5rem; 
color:#999; overflow:hidden;font-weight:normal;}
.recommend_nav img{ float:left; height:25px; border-radius:100px; border:#e8e8e8 solid 1px; margin-right:2%;}
.recom_pro{ width:25%; box-sizing:border-box; padding:2% 0% 0 2%; height:auto; overflow: auto;}
.recom_pro dl{width:100%; box-sizing:border-box; height:auto; overflow: auto;}
.recom_pro dl dt{ width:100%;}
.recom_pro dl dt img{ width:100%; border-radius:5px; display:block;}
.recom_pro dl dd{ text-align: left; font-size:12px; line-height:20px; height:40px;color:#333; width:100%; overflow:hidden;}
.recom_pro dl dd em{ color:#eb5b99; font-size:12px; font-weight:normal;}
.recom_pro dl dd i{ color:#999; text-decoration:line-through; padding-left:2%; font-size:9px;}

#insert_before{text-align: center;padding:10px; font-size:12px;}

.path{
	background: #fff; position:relative;
border-bottom: #f5f5f5 solid 1px;
line-height:2.5rem;
box-sizing: border-box;
width: 100%;
text-align:center; font-size:14px;
color: #4b4b4b;
}
.path a{ color:#666; float:left; padding:0 3%; font-size:20px; position:absolute; left:0;}