@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;}

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


/*发现首页*/
.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:12pt; 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:0;
	z-index:999;
	width:100%; max-width:960px; margin:0 auto;
	height:50px;
	overflow:hidden;
	background:#fff;
	font-family:"Microsoft YaHei",SimHei;
	border-bottom:#e8e8e8 solid 1px;
}
#header .swiper-slide {
	padding:0 3%;
	width: auto; box-sizing:border-box;
}
#header .swiper-slide a{ font-size:12pt; color:#999; display:block; width:100%; line-height:49px;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:50px;
	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:100%; height: auto; overflow:auto; background:#fff; box-sizing:border-box; padding:3%; margin-bottom:3%;}
.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:110px;}
.find_list dt span{ position:absolute; display:block;width:40%; height:40%; height:auto; text-align:center;
 box-sizing:border-box; border-radius:100px; overflow:auto;top:25%; right:30%; z-index:100;}
.find_list dt span img{ width:100%;}
.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.2rem; 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:11pt; line-height:1.5rem;}
.find_list dd span{ color:#333; font-size:14pt; 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:10pt; line-height:1.5rem;
color:#999; overflow:hidden;font-weight:normal;}
.find_list h3 span{ display:block; float: right; width:auto; padding-left:7%; margin-top:1%;margin-left:2%;
color:#999; font-weight:normal;}
.find_list h3 .aa{background: url(../../images/topic/laud.png) no-repeat left top; background-size:20px;}
.find_list h3 .ab{background: url(../../images/topic/comment_num.png) no-repeat left 0% top 50%; background-size:20px;}
.find_list h3 .ac{background: url(../../images/topic/share.png) no-repeat left 0% top 50%; background-size:20px;}
.find_list h3 img{ float:left; height:25px; border-radius:100px; border:#e8e8e8 solid 1px; margin-right:2%;}

.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:10pt; 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:12pt; line-height:30px; height:30px;color:#333; width:100%; overflow:hidden;}
.product_add div dl dd em{ color:#eb5b99; font-size:12pt; 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:10pt; 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%; min-height:100px;}
.recom_pro dl dt img{ width:100%; border-radius:5px;}
.recom_pro dl dd{ text-align:center; font-size:12pt; line-height:30px; height:30px;color:#333; width:100%; overflow:hidden;}
.recom_pro dl dd em{ color:#eb5b99; font-size:12pt; font-weight:normal;}
.recom_pro dl dd i{ color:#999; text-decoration:line-through; padding-left:2%; font-size:11px;}


/*话题圈-关注*/
.tab_head{ width:100%; line-height:2.5rem; height:auto; overflow:auto; box-sizing:border-box; padding:1% 3%;
font-size:16px; background:#fff;}
.tab_head a{ float:left; padding:0 3%; color:#999;}
.tab_head a:hover{ color:#eb5b99;}
.tab_head a.current{ color:#eb5b99; font-weight:bold;}
.tab_head b{ float: left; color:#999; font-weight:normal;}
.tab_head span{ float:right; box-sizing:border-box; padding-top:3%;}
.tab_head span a img{ width:20px; display:block;}

.tab_four{ width:100%; height:auto; overflow:auto; line-height:2.5rem; background:#fff; border-top:#e8e8e8 solid 1px;}
.tab_four a{ display:block; width:25%; float:left; text-align:center; color:#999; font-size:14px; border-bottom:#fff solid 1px;}
.tab_four a:hover{ color:#eb5b99; border-bottom:#eb5b99 solid 1px;}
.tab_four a.current{ color:#eb5b99;border-bottom:#eb5b99 solid 1px;}

.discuss_conthr{ width:94%; height:64px; overflow:hidden;padding:5% 3%; position:relative;}
.discuss_thr{ width:80%; height: auto;margin-right:4%; float:left; }
.discuss_thr:last-child{ margin-right:0;}
.discuss_thr img{ width:270px;height: 65px; border-radius:10px;}
.discuss_conthr .two{ left:290px;}
.discuss_conthr .thr{ left:580px;}
.discuss_thr .swiper-slide{ background: none;}

.discuss_four_box{ width:100%; height:auto; overflow:auto; box-sizing:border-box;padding:2% 0%;
border-radius: 0 0 10px 10px; background:#fff; margin-bottom:3%;}
.discuss_four_box dl{ float:left; width:25%; height:auto; overflow:auto;}
.discuss_four_box dl dt{ width:100%; text-align:center;}
.discuss_four_box dl dt img{ width:40%;}
.discuss_four_box dl dd{ width:100%; line-height:1.2rem; text-align:center; color:#4b4b4b; font-size:14px;}

.topic_list{ width:100%; height: auto; overflow:auto; background:#fff; box-sizing:border-box; padding:2% 2% 0 2%; margin: auto 0% 3%; border-radius:15px;
border-radius: 10px;}
.topic_list .dra_dl{ width:100%; height:auto; overflow:auto;}
.topic_list .dra_dl dt{width:100%; box-sizing:border-box; padding:0% 0 0% 35px;overflow: auto;}
.topic_list .dra_dl dt img{ width:31%; height:100px; float:left; margin:2% 2% 2% 0;border-radius: 5px;}
.topic_list .dra_dl dt img:last-child{ margin-right:0;}
.topic_list .dra_dl dt span{ position:absolute; display:block;width:40%; height:40%; height:auto; text-align:center;
	box-sizing:border-box; border-radius:100px; overflow:auto;top:25%; right:30%; z-index:100;}
.topic_list .dra_dl dt span img{ width:100%;}
.topic_list .dra_dl 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.2rem; box-sizing:border-box; padding:0 5%; border-radius:20px;}
.topic_list .dra_dl dd{width:100%; box-sizing:border-box; padding-left:35px; color:#4b4b4b; font-size:15px; line-height:1.5rem; }
.topic_list .dra_dl dd font{ overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  word-break: break-all;}
.topic_list .dra_dl dd i{ color:#eb5b99;}
.topic_list h3{ box-sizing:border-box; padding:0 0 1% 0; width:100%; line-height:25px;  font-size:10pt;
	color:#999; overflow:hidden;font-weight:normal;}
.topic_list h3 img{ float:left; height:25px;width:25px; border-radius:100px; border:#e8e8e8 solid 1px; margin-right:2%;}
.topic_list h3 em{ float:left; font-weight:normal; color:#576b95; font-size:15px;}
.topic_list h3 span{ float:left; padding:0 1%;}
.topic_list h3 span {  color: #eb5b99;   font-weight: bold;  font-size: 12pt}
.topic_list h3 span img{ width:15px; height:15px; margin-top:5px;border-radius:0; border:0;}
.topic_list h4{ box-sizing:border-box; padding:0% 0 0% 35px; width:100%; font-size:10pt; line-height:1.5rem;
	color:#999; overflow:hidden;font-weight:normal;}
.topic_list h4 span{ display:block; float: right; width:auto; padding-left:7%; margin-top:1%;margin-left:2%;
	color:#576b95; font-weight:normal;background: url(../../images/topic/right_bottom.png) no-repeat left 0% top 50%; background-size:15px;}
.topic_list h4 em{ display:block; float: right; width:auto; padding-left:7%; margin-top:1%;margin-left:2%;
	color:#576b95; font-weight:normal;background: url(../../images/topic/dianzan.png) no-repeat left 0% top 50%; background-size:15px;}
.topic_list h4 em.already{background: url(../../images/topic/yidianzan.png) no-repeat left 0% top 50%; background-size:15px; color:#eb5b99;}

.topic_list p{width:100%; box-sizing:border-box; padding-left:35px; color:#666; font-size:11pt; line-height:1.5rem; color:#333;}
.topic_list dd span{ color:#576b95;}

/*话题圈-热榜*/
.topone{ width:100%; height:auto; overflow:auto; background: url(../../images/topic/topone_bg.jpg) no-repeat center top #f5f5f5; background-size:100%;
box-sizing:border-box; padding:4% 3%;}
.topone h3{ box-sizing:border-box; padding:1% 0; width:100%; font-size:12pt; line-height:1.5rem;
color:#fff; overflow:hidden;font-weight:normal;}
.topone h3 img{ float:left; height:20px; border-radius:100px; border:#fff solid 1px; margin:0 2%;}
.topone h3 em{ float:left; width:25%; line-height:1.5rem; color:#eb5b99; font-size:12pt; text-align:center; padding-bottom:4%;
background:url(../../images/topic/topone_topbg.png) no-repeat center top; background-size:100%;}
.topone p{ width:100%; height:auto; overflow:auto; line-height:1.5rem; font-size:11pt; color:#fff;}
.topone h3 span{ float:right;}

/*话题圈-分类*/
.topic_head{ width:100%; line-height:2.5rem; height:auto; overflow:auto; box-sizing:border-box; padding:2% 3%;
font-size:16px; background:#fff; border-bottom:#f5f5f5 solid 1px;}
.topic_head a{ float:left; padding:0 3%; color:#999;}
.topic_head a{ float:left; padding:0 3%; color:#999;}
.topic_head a:hover{ color:#eb5b99;}
.topic_head a.current{ color:#eb5b99;}
.topic_head b{ float: left; color:#999; font-weight:normal;}
.topic_head span{ float:right; box-sizing:border-box; padding-top:3%;}
.topic_head span a img{ width:25px; display:block;}



.class_box{ width:100%; height:auto; overflow:auto; margin:0 auto; max-width:960px;}
.class_left{ float:left; width:23%; height:auto; overflow:auto;}
.class_left ul{ width:100%; height:auto; overflow:auto; background:#fff;}
.class_left ul li{ width:100%; height:auto;}
.class_left ul li a{ width:80%; height:100%; line-height:3rem; display:block; text-align: right; font-size:14px; color:#666;
border-bottom:#f5f5f5 solid 1px; padding:0 10%;}
.class_left ul li.current{ background:#f5f5f5; color:#eb5b99;}
.class_right{ float:right; width:77%; height:auto; overflow:auto;box-sizing:border-box; padding:3%}
.class_left ul li a.read{ background: url(../../images/topic/read.png) no-repeat left 15% top 50%; background-size:25px; }
.class_left ul li a.emotion{ background: url(../../images/topic/emotion.png) no-repeat left 15% top 50%; background-size:25px;}
.class_left ul li a.workplace{ background: url(../../images/topic/workplace.png) no-repeat left 15% top 50%; background-size:25px;}
.class_left ul li a.pregnancy{ background: url(../../images/topic/pregnancy.png) no-repeat left 15% top 50%; background-size:25px;}
.class_left ul li a.childcare{ background: url(../../images/topic/childcare.png) no-repeat left 15% top 50%; background-size:25px;}

.class_list{ width:100%; height: auto; overflow:auto; background:#fff; box-sizing:border-box; padding:3% 3% 0 3%; border-bottom:#f5f5f5 solid 1px;}
.class_list dl{ width:100%; height:auto; overflow:auto;}
.class_list dt{width:100%; box-sizing:border-box;}
.class_list dt img{ width:31%; height:70px; float:left; margin:2% 2% 2% 0;}
.class_list dt img:last-child{ margin-right:0;}
.class_list dt span{ position:absolute; display:block;width:40%; height:40%; height:auto; text-align:center;
 box-sizing:border-box; border-radius:100px; overflow:auto;top:25%; right:30%; z-index:100;}
.class_list dt span img{ width:100%;}
.class_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.2rem; box-sizing:border-box; padding:0 5%; border-radius:20px;}
.class_list dd{width:100%; box-sizing:border-box;color:#666; font-size:12pt; line-height:1.5rem; padding:1% 0;}
.class_list dd i{ color:#eb5b99;}
.class_list dd span{ color:#576b95;}
.class_list h3{ box-sizing:border-box; padding:3% 0; width:100%; font-size:12pt; line-height:27px;
color:#576b95; overflow:hidden;font-weight:normal;}
.class_list h3 img{ float:left; height:27px;width:27px; border-radius:100px; border:#e8e8e8 solid 1px; margin-right:2%;}
.class_list h3 span{ color:#eb5b99; float:left; font-weight:bold;}
.class_list h4{ box-sizing:border-box; padding:2% 0; width:100%; font-size:10pt; line-height:1.5rem;
color:#999; overflow:hidden;font-weight:normal;}
.class_list h4 span{ display:block; float: right; width:auto; padding-left:8%; margin-top:1%;margin-left:2%;
color:#576b95; font-weight:normal;background: url(../../images/topic/topic_num.png) no-repeat left 0% top 50%; background-size:15px;}

.class_list p{width:100%; box-sizing:border-box; color:#666; font-size:12pt; line-height:1.5rem;}
.class_list p span{ color:#576b95;}

/*话题详情*/
.topic_box{ width:100%; box-sizing:border-box;height:auto; overflow:auto; background:#fff;}
.topic_author{ width:100%; height:auto; overflow:auto; padding:3%; box-sizing:border-box;}
.topic_author dl{ width:100%; float:left; height:auto; overflow:auto; position:relative;}
.topic_author dl dt{ float:left; width:12%;}
.topic_author dl dt img{ width:40px;height:40px; border:#e8e8e8 solid 1px; border-radius:100px;}
.topic_author dl dd{ float:left; box-sizing:border-box; padding:0 3%; width:68%; font-size:10pt; line-height:1.5rem;
color:#999; overflow:hidden; height:25px;}
.topic_author dl dd em{ font-size:12pt; line-height:2.0rem; color:#666; font-weight:normal;}
.topic_author dl span{ position:absolute; float:right; right:0; width:50%; box-sizing:border-box; top:20%;}
.topic_author dl span a{ display:block; background:#f5f5f5; border-radius:50px; text-align:center; font-size:10pt;
line-height:1.8rem; color:#999; width:35%; float:right; display:block; margin-right:5%;}

.topic_box h1{ width:100%; height:auto; overflow:auto; color:#000; font-size:1.5rem; line-height:2.0rem; font-weight:normal; padding-bottom:3%;}
.topic_img{ width:100%; height:auto; overflow:auto;padding:2% 3%; box-sizing:border-box;}
.topic_img img{ display:block; width:32%;height:110px; margin-right:2%; float:left; max-height:150px; margin-bottom:2%;}
.topic_img img:nth-child(3){margin-right:0;}
.topic_img img:nth-child(6){margin-right:0;}
.topic_img img:nth-child(9){margin-right:0;}

.topic_box h3{ line-height:2.5rem; width:100%; height:auto; overflow:auto; border-top:#f5f5f5 solid 1px;}
.topic_box h3 a{ display:block; float:left; width:50%; box-sizing:border-box; border-right:#f5f5f5 solid 1px; text-align:center;
font-size:12pt; color:#eb5b99; font-weight:normal;}
.topic_box h3 a:last-child{ border-right: none;}
.topic_box h3 a:nth-child(1){width:50%;box-sizing:border-box; border-right:#f5f5f5 solid 1px;
background: url(../../images/topic/reply.png) no-repeat left 25% top 50%; background-size:20px; padding-left:5%;}

.topic_box h4{line-height:2.0rem; width:100%; height:auto; overflow:auto; background:#fff; padding:0 3% 3% 3%; box-sizing:border-box;
 font-weight:normal; }
.topic_box h4 a:nth-child(1){ float:left; color:#999; font-size:11pt;}
.topic_box h4 a:last-child{width:30%;box-sizing:border-box; border-right:#f5f5f5 solid 1px; float:right;
background: url(../../images/topic/reply.png) no-repeat left 10% top 50% #f5f5f5; background-size:20px; border-radius:5px; text-align:right;
box-sizing:border-box; padding:0 3%;color:#eb5b99;}

.topic_txt{ width:100%; height:auto; overflow:auto; line-height:2.0rem; font-size:12pt; color:#666;padding:0 3%; box-sizing:border-box; }
.topic_box h6{ width:100%; height:auto; overflow:auto;line-height:2.5rem; font-size:9pt;  color:#999; font-weight:normal;}
.topic_box h5{ width:100%; height:auto; overflow:auto;line-height:2.5rem; font-size:12pt;  color:#999; font-weight:normal;}
.topic_box h5 span{ float:left;  width:auto; padding-right:3%;}
.topic_box h5 a{ display:block; float:left; width:auto; padding-left:7%;
color:#999; background: url(../../images/topic/laud.png) no-repeat left top 40%; background-size:20px;}
.topic_box h5 a:hover{background: url(../../images/topic/laudh.png) no-repeat left top 40%; background-size:20px; color:#eb5b99;}
.three{   overflow: hidden;display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  word-break: break-all;}
/*所有评论*/
.comment{ width:100%; height:auto; overflow:auto; margin:0 auto; padding-bottom:15%;}
.comment h3{ width:100%; padding:0 3%; box-sizing:border-box; line-height:2.5rem; font-size:11pt; color:#999; font-weight:normal;}
.comment h3 select{ float:right; background:none; border:none; color:#999; font-size:11pt; margin-top:3%;}
.comment h3 select option{ background:#fff;}
.cmt_time{ width:100%; height:auto; overflow:auto; background:#fff; padding-bottom:3%; border-bottom:#f5f5f5 solid 1px;}
.cmt_time:last-child{border-bottom:none;}
.cmt_time dl{ width:100%;height:auto; overflow:auto; box-sizing:border-box; padding:2% 3% 0 3%;}
.cmt_time dl dt{ float:left; width:10%;}
.cmt_time dl dt img{ width:25px;height:25px; border:#e8e8e8 solid 1px; border-radius:100px;}
.cmt_time dl dd{ float:left; box-sizing:border-box; padding:0 0 0 1%;font-size:10pt; line-height:30px;
color:#999; overflow:hidden; height:25px; width:90%;}
.cmt_time dl dd em{ font-size:11pt; line-height:25px; color:#576b95; font-weight:normal; float:left;}
.cmt_time dl dd a{ display:block; float: right; width:auto; padding-left:10%; margin-top:1%;
color:#999; background: url(../../images/topic/laud.png) no-repeat left top; background-size:20px;}
.cmt_time dl dd a:hover{background: url(../../images/topic/laudh.png) no-repeat left top; background-size:20px; color:#eb5b99;}
.cmt_time p{ width:87%; margin:0 3% 0 13%; padding-bottom:2%;padding-right:2%; font-size:11pt; line-height:1.5rem; color:#666; box-sizing:border-box;}
.cmt_time p:last-child{ border-bottom:none;}
.cmt_time h4{width:87%; margin:0 3% 0 13%;padding-right:2%; font-size:10pt; line-height:1.5rem; color:#666; box-sizing:border-box;
font-weight:normal; height:auto; overflow:auto;}
.cmt_time h4 a:nth-child(2){ display:block; float: right; width:auto; padding-left:7%; margin-top:1%;
color:#999; background: url(../../images/topic/laud.png) no-repeat left top 50%; background-size:15px;}
.cmt_time h4 a:nth-child(1){ display:block; float: left; color:#999;}



/*发表评论*/
.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:70%; background:#e8e8e8; color:#999; border-radius:50px; border:none; box-sizing:border-box;
padding:2% 3%; font-size:12pt; line-height:1.5rem;}
.publish button{ float:left; width:15%;  background:#eb5b99; text-align:center; color:#fff;
border-radius:5px; font-size:12pt; line-height:1.5rem; border:none;padding:2% 0; margin:0 2.5%;}
.publish a{ float:right; width:10%;}
.publish a img{ width:100%;}

/*回复详情*/
.reply_time{ width:100%; height:auto; overflow:auto; background:#fff; padding-bottom:3%; border-bottom:#f5f5f5 solid 1px;}
.reply_time:last-child{border-bottom:none;}
.reply_time dl{ width:100%;height:auto; overflow:auto; box-sizing:border-box; padding:2% 3%;}
.reply_time dl dt{ float:left; width:12%;}
.reply_time dl dt img{ width:40px; height:40px;border:#e8e8e8 solid 1px; border-radius:100px;}
.reply_time dl dd{ float:left; box-sizing:border-box; padding:0 0 0 3%;font-size:10pt; line-height:1.5rem;
color:#999; overflow:hidden; height:25px; width:88%;}
.reply_time dl dd em{ font-size:12pt; line-height:2.0rem; color:#576b95; font-weight:normal; float:left;}
.reply_time dl dd a{ display:block; float: right; width:auto; padding-left:10%; margin-top:1%;
color:#999; background: url(../../images/topic/laud.png) no-repeat left top; background-size:20px;}
.reply_time dl dd a:hover{background: url(../../images/topic/laudh.png) no-repeat left top; background-size:20px; color:#eb5b99;}
.reply_time p{ width:100%; box-sizing:border-box; padding:0% 3%;font-size:11pt; line-height:1.5rem; color:#666;}

/*评论*/
.discuss_time{ width:100%; height:auto; overflow:auto; background:#fff; padding-bottom:3%; border-bottom:#f5f5f5 solid 1px;}
.discuss_time:last-child{border-bottom:none;}
.discuss_time dl{ width:100%;height:auto; overflow:auto; box-sizing:border-box; padding:2% 3% 0 3%;}
.discuss_time dl dt{ float:left; width:10%;}
.discuss_time dl dt img{ width:100%; border:#e8e8e8 solid 1px; border-radius:100px;}
.discuss_time dl dd{ float:left; box-sizing:border-box; padding:0 0 0 3%;font-size:10pt; line-height:2.0rem;
color:#999; overflow:hidden; height:25px; width:88%; text-align:right;}
.discuss_time dl dd em{ font-size:11pt;color:#666; font-weight:normal; float:left;}
.discuss_time p{ width:83%; margin:0 3% 0 17%; padding-bottom:2%;padding-right:2%; font-size:11pt; line-height:1.5rem; color:#666; box-sizing:border-box;}
.discuss_time p:last-child{ border-bottom:none;}
.discuss_time h4{width:83%; margin:0 3% 0 17%;padding-right:2%; font-size:11pt; line-height:1.5rem;box-sizing:border-box;
font-weight:normal; height:auto; overflow:auto;}
.discuss_time h4 a{ display:block;width:auto; padding-right:10%; color:#999;}
.discuss_time h4 a img{ width:20px;}

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


/*公共底部0421*/
.footer_box{ width:100%; height:60px;background:#fff; margin:0 auto; max-width:960px; display:block;
	border-top:1px solid #f0f0f0; position:fixed; z-index:100; bottom:0;}
.footer_box ul{ width:100%; height:auto; overflow:auto; }
.footer_box li{ float:left; width:20%; text-align:center; height:60px; position: relative;}
.footer_box li a{ display:block; width:100%; padding:35px 0 0 0; height:25px; font-size:14px;color:#666;}
.footer_box li a:hover{color:#eb5b99;}
.footer_box .lia{ background: url(../../weixin/images/home.png) no-repeat center top 5px;background-size:25px;}
.footer_box .lib{ background: url(../../weixin/images/classification.png) no-repeat center top 5px;background-size:25px;}
.footer_box .lic{ background: url(../../weixin/images/Cart.png) no-repeat center top 5px;background-size:25px;}
.footer_box .lid{ background: url(../../weixin/images/person.png) no-repeat center top 5px;background-size:25px;}
.footer_box .lie{ background: url(../../weixin/images/find.png) no-repeat center top 5px;background-size:25px;}
.footer_box .lia_h{ background: url(../../weixin/images/home_h.png) no-repeat center top 5px;background-size:25px;}
.footer_box .lib_h{ background: url(../../weixin/images/classification_h.png) no-repeat center top 5px;background-size:25px;}
.footer_box .lic_h{ background: url(../../weixin/images/Cart_h.png) no-repeat center top 5px;background-size:25px;}
.footer_box .lid_h{ background: url(../../weixin/images/person_h.png) no-repeat center top 5px;background-size:25px;}
.footer_box .lie_h{ background: url(../../weixin/images/find_h.png) no-repeat center top 5px;background-size:25px;}
.footer_box .lia:hover{ background: url(../../weixin/images/home_h.png) no-repeat center top 5px;background-size:25px;}
.footer_box .lib:hover{ background: url(../../weixin/images/classification_h.png) no-repeat center top 5px;background-size:25px;}
.footer_box .lic:hover{ background: url(../../weixin/images/Cart_h.png) no-repeat center top 5px;background-size:25px;}
.footer_box .lid:hover{ background: url(../../weixin/images/person_h.png) no-repeat center top 5px;background-size:25px;}
.footer_box .lie:hover{ background: url(../../weixin/images/find_h.png) no-repeat center top 5px;background-size:25px;}
.footer_box a.lia_h{color:#eb5b99;}
.footer_box a.lib_h{color:#eb5b99;}
.footer_box a.lic_h{color:#eb5b99;}
.footer_box a.lid_h{color:#eb5b99;}
.footer_box a.lie_h{color:#eb5b99;}
.footer_box .foot_share{ background: url(../../weixin/images/foot_share.png) no-repeat center top 5px;background-size:25px;}

.footer_box li i{ width:7px; height:7px; background:#f00; border-radius:50px; position:absolute; top:3px; right:35%;}



.topic_index_three{overflow: hidden;max-height: 91px;}
.category_index_three{overflow: hidden;max-height: 78px;}


.homepage_bg{ width:100%; height:120px; overflow:auto; background:url(../../images/topic/6adb1662ly1fntv3a0fycj20zk0qo41s.jpg) no-repeat center;
	background-size:100%; position:absolute; top:0; z-index:-1; overflow: hidden; margin:0 auto; max-width:960px;}
.homepage_bg div{ width:100%; height:200px; background:rgba(235,91,153,0.5);}
.homepage_head{ width:100%; height:120px; padding:3% 5%; overflow: hidden;margin:0 auto;text-align:center;
	box-sizing:border-box; box-sizing:border-box; color:#fff;}
.homepage_head a{ float:left;}
.homepage_head a img{ width:10px;}
.portrait{ width:100%; height:auto; overflow:auto; box-sizing:border-box; padding:0 3%; position: absolute; top:95px; max-width:960px; margin:0 auto;}
.portrait dl{ width:100%; height:auto; overflow:auto; position: relative;}
.portrait dl dt{ float:right; width:20%;}
.portrait dl dt img{ width:50px; height:50px;border-radius:100px; border:#fff solid 1px;}
.portrait dl dd{ float:right; text-align:right; width:76%; line-height:25px; color:#999; font-size:11pt; padding-right:4%;}
.portrait dl dd span{ font-size:13pt; color:#fff;}
.dynamic_cont{ width:100%; height:auto; overflow:auto; margin-top:10%;}
.dynamic_cont fieldset{ width:100%; border-top:#999 solid 1px; margin-bottom:2%;}
.dynamic_cont fieldset legend{margin-left:3%;padding: 0 5px;font-size:14pt; color:#666;}

.dynamic_box{ width:100%; height:auto; overflow:auto; position:relative; padding-top:3%;}
.dynamic_box dl:last-child{ border-bottom:#e8e8e8 solid 1px;}
.dyna_date{ width:20%; float:left; position:absolute; top:0; left:0; padding-top:5%; text-align:center; font-size:14pt; font-weight: bold; color:#333;}
.dyna_date span{ font-size:12pt; font-weight:normal; padding-left:2%;}
.dyna_da{ width:80%; height:auto; overflow:auto; box-sizing:border-box;margin-left:20%; padding:2% 2% 3% 0; position:relative;}
.dyna_da dt{ float:left; width:30%; position:relative;}
.dyna_da dt img{ width:100%; max-height:80px; min-height:80px;object-fit:cover; display:block;}
.dyna_da dt span{ position:absolute; width:100%; height:80px; left:0; top:0;
	background: url(../../images/topic/video_left.png) no-repeat left 5% bottom 5% rgba(0,0,0,0.3);background-size:20%;}
.dyna_da dd{ float:left; width:70%; font-size:10pt; color:#333; line-height:20px; max-height:60px; overflow:hidden;
	box-sizing:border-box; padding-left:3%;}
.dyna_da dd span{ float:left; color:#576b95;}
.dyna_da dd em{ float:right;color:#576b95; font-weight:normal; background:url(../../images/topic/right_bottom.png) no-repeat left 0 top 40%;
	padding-left:13%; background-size:40%;}
.dyna_da .ddpl{ position:absolute; bottom:10%; right:0; padding-right:2%;}
.dyna_txt{ width:80%; height:auto; overflow:auto; box-sizing:border-box;margin-left:20%; padding-right:2%; padding-bottom:3%;}
.dyna_txt dd{font-size:10pt;line-height:20px; color:#333; max-height:60px;overflow:hidden;}
.dyna_txt .ddtxtpl{ float:right; width:70%; font-size:10pt; color:#333; line-height:20px; max-height:60px; overflow:hidden;
	box-sizing:border-box; padding-left:3%;}
.dyna_txt dd em{ float:right;color:#576b95; font-weight:normal; background:url(../../images/topic/right_bottom.png) no-repeat left 0 top 40%;
	padding-left:13%; background-size:40%;}
.dyna_article{ width:78%; height:auto; overflow:auto; box-sizing:border-box;margin-left:20%; position:relative;
	background:#f3f3f3; margin-right:2%; margin-top:2%;}
.dyna_article dt{float:right; width:30%; position:relative;}
.dyna_article dt img{ width:100%; max-height:80px; min-height:80px;object-fit:cover;display:block;}
.dyna_article dd{ float:right; width:70%; font-size:10pt; color:#333; line-height:20px; max-height:20px; overflow:hidden;
	box-sizing:border-box; padding-left:3%;}
.dyna_article dd.zhaiyao{ font-size:9pt; color:#999; max-height:40px; overflow:hidden;}
.dyna_article .ddartpl{ float:right; width:100%; font-size:10pt; color:#333; line-height:20px; max-height:60px; overflow:hidden;
	box-sizing:border-box;background:#fff; padding:1% 0 1% 30%;}
.dyna_article .ddartpl em{ float:right;color:#576b95; font-weight:normal; background:url(../../images/topic/right_bottom.png) no-repeat left 0 top 40%;
	padding-left:13%; background-size:40%;}
.dyna_thr{ width:80%; height:auto; overflow:auto; box-sizing:border-box;margin-left:20%; padding:2% 2% 3% 0; position:relative;}
.dyna_thr dd{ width:100%; font-size:10pt; color:#333; line-height:20px; max-height:60px; overflow:hidden;
	box-sizing:border-box;}
.dyna_thr dt{width:100%; height:auto; overflow:auto; padding:2% 0;}
.dyna_thr dt img{ float:left; width:32%; max-height:80px; min-height:80px;object-fit:cover; margin-right:2%;}
.dyna_thr dt img:last-child{ margin-right:0;}
.dyna_thr .ddartpl{ float:right; width:100%; font-size:10pt; color:#333; line-height:20px; max-height:60px; overflow:hidden;
	box-sizing:border-box;background:#fff; padding:1% 0 1% 30%;}
.dyna_thr .ddartpl em{ float:right;color:#576b95; font-weight:normal; background:url(../../images/topic/right_bottom.png) no-repeat left 0 top 40%;
	padding-left:13%; background-size:40%;}

.drq_article{ width:100%; height:auto; overflow:auto; box-sizing:border-box;position:relative;padding-left:35px;}
.drq_article dt{float:right; width:30%; position:relative;}
.drq_article dt img{ width:100%; max-height:80px; min-height:80px;object-fit:cover;display:block;}
.drq_article dd{ float:right; width:70%; font-size:10pt; color:#333; line-height:20px; max-height:20px; overflow:hidden;
	box-sizing:border-box; padding-left:3%;background:#f3f3f3;}
.drq_article dd.zhaiyao{ font-size:9pt; color:#999; height:60px; max-height:60px;overflow:hidden;}