@charset "utf-8";
/* CSS Document */



/*====================*/
/*=== Reset Styles ===*/
/*====================*/
*{ margin:0; padding:0}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0; font-family:"微软雅黑",'Microsoft Yahei',Tahoma,Arial,Helvetica,sans-serif;}
body{font-size:14px; -webkit-text-size-adjust:100%; color:#555; background:#fff; line-height:24px;  margin:0; padding:0; }
em{font-style:normal}
li{list-style:none}
i{font-style:normal;}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
h1,h2,h3,h4,h5,h6{ font-size:14px; font-weight:normal; }
input:focus{ outline:none;}

.clear{ clear:both; }
.clearfix { zoom:1; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left; }
.fc{ float:left; }
.fr{ float:right;}

.mt20{ margin-top: 20px !important; }
.mb20{ margin-bottom: 20px !important; }
.ml20{ margin-left: 20px !important; }
.mr20{ margin-right: 20px !important; }

/*省略号*/
.ellipsis {	white-space: nowrap; overflow: hidden;	text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.ellipsis-des {display: -webkit-box;display: -moz-box; overflow: hidden; text-overflow: ellipsis;-webkit-box-orient: vertical;  -webkit-line-clamp: 2; }




a{ color:#333; text-decoration:none;cursor: pointer; transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
a:hover{ color:#00b386; text-decoration:none; transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}


.blankHeight{ display:block; width:100%; height:10px; clear:both; overflow:hidden; background:#fff; }
.blankHeight100{ display:block; width:100%; height:90px; clear:both; overflow:hidden; }
.blankHeight80{ display:block; width:100%; height:90px; clear:both; overflow:hidden; }
.blankHeight80{ display:block; width:100%; height:80px; clear:both; overflow:hidden; }


body{ background:#f6f8f7; }
.boxsize{ width:1200px; margin:0 auto; clear:both; background: #fff; border-radius: 10px; overflow: hidden; padding: 20px; box-sizing: border-box; }
.boxsize:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }



/* header */
.headerBg{ height: 300px; background: url(../images/headerbg.jpg) no-repeat  center top;}

.header{ width:1200px; height:300px; margin:0 auto;  color:#333; position: relative; }
.header-link{ position: absolute; right: 0; top:20px; color:#fff; }
.header-link a{ color:#fff; }
.header .logo{ float:left; width:230px; overflow:hidden; height:60px; margin-top:20px; }
.header .logo img{ height:60px; }

.searchArea{ width: 600px; height: 100px; position: absolute; left: 50%; top: 110px; margin-left: -300px;}
.searchArea .searchBox{ width: 600px; height: 50px; border-radius: 10px; overflow: hidden; background:#fff url(../images/icon-search.png) no-repeat 10px center; background-size: 24px auto; padding-left:40px; box-sizing: border-box;}
.searchArea .searchBox .searchInp{ border: none; width: 450px; height: 40px; line-height: 40px; padding:5px 10px;}
.searchArea .searchBox .searchSub{ float: right;border: none; width: 80px; height: 50px; line-height: 40px; background: #e5f7f3;font-size: 16px; color: #00b386; }
.searchArea .searchKeyw{ margin-top: 10px; line-height: 24px; height: 24px;overflow: hidden;}
.searchArea .searchKeyw a{ display: inline-block; border-radius: 24px; padding: 0 10px; height: 24px; background-color: rgba(0,0,0,0.1); color: #fff; }


.nav{width: 950px; height:60px; padding: 0; position: absolute; top: 20px; right: 0;}
.nav ul{ height:60px;}
.nav ul li{ float: left; width: 118px; text-align: center; padding-top: 15px;}
.nav ul li a{ height:30px; font-size:16px; line-height:30px; border-radius:30px; box-sizing:border-box;  color:#333; display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center;}
.nav ul li a:hover{ color: #00b386; font-weight: bold;}
.nav ul li.cur a{ color: #00b386 }
.nav ul li i{ display: inline-block; width:30px; height: 30px; margin-right: 5px; background-size: 100% auto; background-position: center center; background-repeat: no-repeat;}
.nav ul li:nth-child(2) i{ background-image:url(../images/icon-nav01.png)}
.nav ul li:nth-child(3) i{ background-image:url(../images/icon-nav02.png)}
.nav ul li:nth-child(4) i{ background-image:url(../images/icon-nav03.png)}
.nav ul li:nth-child(5) i{ background-image:url(../images/icon-nav04.png)}
.nav ul li:nth-child(6) i{ background-image:url(../images/icon-nav05.png)}
.nav ul li:nth-child(7) i{ background-image:url(../images/icon-nav06.png)}
.nav ul li:nth-child(8) i{ background-image:url(../images/icon-nav07.png)}
.nav ul li:nth-child(1) i{ background-image:url(../images/icon-nav08.png)}


/* topHeadr */
.topHeadr{ width: 100%; min-width: 1200px;  position: fixed; background: #00b386; top: 0; left: 0; right: 0; z-index: 100000; display: none; opacity: 0; transition: all 0.3s ease 0s; height: 0px; }
.topHeadr .boxsize{ background: none; padding: 0; }
.topHeadr .fl{ width: 25%; padding-top: 10px; box-sizing: border-box; }
.topHeadr .fl .topLogo{ width: 230px; height: 60px;  }
.topHeadr .fc{ width: 50%; position: relative; }
.topHeadr .fc .searchArea{ width: 100%; height: 50px; top: 15px;}
.topHeadr .fr{ width: 25%; box-sizing: border-box; }


.topHeadr .fr .tel { width: 100%; padding-top: 10px;}

.topHeadr .fr .tel .telCon01{ text-align: right;  color: #fff;line-height: 20px; }
.topHeadr .fr .tel .telCon01 i{ display:inline-block; vertical-align: middle; width: 20px; height: 20px; margin-right: 5px; background: url(../images/icon-tel.png) no-repeat center center; background-size: 100% auto }
.topHeadr .fr .tel .telCon02{ height: 40px; line-height: 40px; color: #fff; text-align: right; border-radius: 2px; font-weight: bold; font-size: 24px;}



.disHide{ display: none!important; }
.disShow{ display: block!important; opacity: 1!important; height: 80px!important; }



/* 首页第一板块 */
.inhotBox{ }
.inhotBox.boxsize{ background: none; padding: 0; }
.inhotBox .flc{ float: left; width: 890px; height: 380px; box-sizing: border-box; background: #fff; padding: 20px; border-radius: 10px; }
.inhotBox .fl{ width: 250px;}
.inhotBox .fc{ float: right; width: 570px;}
.inhotBox .fr{width: 290px; height: 380px; box-sizing: border-box; background: #fff; padding: 20px; border-radius: 10px;}

.hotBox-tit{ position: relative; height: 30px;  line-height: 30px;}
.hotBox-tit i{ display: block; width: 30px; height: 30px; background-size: 100% auto; background-position: center center; background-repeat: no-repeat;  position: absolute;  left: 0; bottom: 0; z-index:20; }
.hotBox-tit em{ display: block; width: 18px; height: 18px; border-radius: 100%; background: #d9f4ed; position: absolute;  left: 18px; bottom: 2px;z-index: 10;}
.hotBox-tit span{ display: block; height: 30px; font-size: 18px; font-weight: bold; margin-left:40px;}
.hotBox-tit a{ position: absolute; right: 0; top: 0; color: #999; display: block; height: 30px; line-height: 30px; }



.inhotBox .injxBox{}
.inhotBox .injxBox .hotBox-tit i{ background-image: url(../images/icon-injx.png)}
.inhotBox .injxBox ul li{ height: 40px; overflow: hidden; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; position: relative; padding-left: 15px; }
.inhotBox .injxBox ul li{}
.inhotBox .injxBox li:before{ content: ""; display: block; position: absolute; left: 0; top: 17px; width: 5px; height: 5px; background: #ccc; border-radius: 50%;}
.inhotBox .injxBox li:hover:before{ background: #00b386; }


.flagbox{ display: inline-block; background: #ff6661; width: 20px; height: 20px; border-radius: 3px; color: #fff; line-height: 20px; text-align: center; }
.flagRec{ background: #ff6f06; }/* 推荐 黄*/
.flagHot{ background: #ff6661; }/* 热门 红*/
.flagNew{ background: #00b386; }/* 新发 绿*/



.inhotBox .inphBox{}
.inhotBox .inphBox .hotBox-tit i{ background-image: url(../images/icon-inph.png)}
.inhotBox .inphBox ul{}
.inhotBox .inphBox ul li{ position: relative;  height: 40px; overflow: hidden; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; }
.inhotBox .inphBox ul li a{ display: inline; width: 100%; padding-left:35px; box-sizing: border-box; }
.inhotBox .inphBox ul li .hotrank-num{position: absolute; left: 0; top: 0; width: 32px; display: inline-block;font-weight: bold; line-height: 40px; }
.inhotBox .inphBox ul li .hotrank-num:after{ content: "/"; color: #eee; font-weight: normal; margin-left:0.1rem;}
.inhotBox .inphBox ul li:nth-child(1) .hotrank-num{ color: #ff4444; }
.inhotBox .inphBox ul li:nth-child(2) .hotrank-num{ color: #ffa656; }
.inhotBox .inphBox ul li:nth-child(3) .hotrank-num{ color: #ffcc44; }






/* 首页轮播广告图  */
.banner{width:570px; height:340px; border-radius: 10px; overflow: hidden;}
.banner .swiper-container { width:100%; height:340px;overflow:hidden; }
.banner .swiper-container .swiper-slide {  position: relative; text-align:center; height:340px; background-repeat:no-repeat; background-position:center center;  }
.banner .swiper-container .swiper-slide img{ position: absolute; width:100%; height:340px;}
.banner .swiper-container .swiper-slide a{ position: absolute; left: 0; top: 0; z-index: 5; display: block; width:100%; height:340px;}
.banner .swiper-container .swiper-pagination{ width: 150px; right: 0; left: auto; text-align: right; padding-right: 10px; box-sizing: border-box;}
.banner .swiper-container .swiper-pagination-bullet{ background:#fff; opacity:.5; width:10px; height:10px; border-radius:0; border-radius: 10px;}
.banner .swiper-container .swiper-pagination-bullet-active{ background:#00b386;opacity:1; width:20px;}

.banner .swiper-button-next, .swiper-button-prev { width:33px; height:50px; background-size:33px 33px; opacity:.3;  }
.banner .swiper-button-next:hover, .swiper-button-prev:hover { opacity:1;  }
.banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image:url(../images/arrow-l.png); left:10px; right:auto }
.banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image:url(../images/arrow-r.png); right:10px; left:auto }
.banner .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{ }

.banner-tit{ width: 100%; position: absolute; bottom: 0; left: 0; height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; color: #fff; background-color: rgba(0,0,0,0.4); text-align: left; box-sizing: border-box; padding: 0 150px 0 10px; }




/* incateBox */
.incateBox{ margin-top: 20px;}
.incateBox.boxsize{ background: none; padding: 0; }
.incateBox .incateList{ display: flex; width: calc(100% + 20px); margin-left: -10px; }
.incateBox .incateList li{ flex: 1; padding: 0 10px; box-sizing: border-box;justify-content: space-between; align-items: center; }
.incateBox .incateList li a{ display: block; width: 100%; height: 160px; padding: 15px 0; box-sizing: border-box; background: #fff; border-radius: 10px; text-align: center; position: relative;}
.incateBox .incateList li .incate-tit{ font-size: 20px; line-height: 30px; }
.incateBox .incateList li .incate-line{ width: 20px; height: 4px; background: #02d3b1; border-radius: 5px; margin: 10px auto; transition: all 0.3s ease 0s; }
.incateBox .incateList li .incate-des{  color: #888; }
.incateBox .incateList li .incate-bg{ position: absolute; left: 0; right: 0; bottom: 0; width: 120px; height: 60px; line-height: 60px; border-radius: 60px 60px 0 0; margin: 0 auto; background-image: linear-gradient(to bottom, rgba(189,244,219,1), rgba(189,244,219,0)); }

.incateBox .incateList li:nth-child(1) a:hover .incate-tit{ color: #ff6a6a; }
.incateBox .incateList li:nth-child(2) a:hover .incate-tit{ color: #fc9e05; }
.incateBox .incateList li:nth-child(3) a:hover .incate-tit{ color: #02d3b1; }
.incateBox .incateList li:nth-child(4) a:hover .incate-tit{ color: #31a5ff; }
.incateBox .incateList li:nth-child(5) a:hover .incate-tit{ color: #ae70ff; }
.incateBox .incateList li:nth-child(6) a:hover .incate-tit{ color: #ff6a6a; }
.incateBox .incateList li:nth-child(7) a:hover .incate-tit{ color: #fc9e05; }
.incateBox .incateList li:nth-child(8) a:hover .incate-tit{ color: #02d3b1; }

.incateBox .incateList li:nth-child(1) .incate-line{ background: #ff6a6a; }
.incateBox .incateList li:nth-child(2) .incate-line{ background: #fc9e05; }
.incateBox .incateList li:nth-child(3) .incate-line{ background: #02d3b1; }
.incateBox .incateList li:nth-child(4) .incate-line{ background: #31a5ff; }
.incateBox .incateList li:nth-child(5) .incate-line{ background: #ae70ff; }
.incateBox .incateList li:nth-child(6) .incate-line{ background: #ff6a6a; }
.incateBox .incateList li:nth-child(7) .incate-line{ background: #fc9e05; }
.incateBox .incateList li:nth-child(8) .incate-line{ background: #02d3b1; }


.incateBox .incateList li:nth-child(1) .incate-bg{ background-image: linear-gradient(to bottom, rgba(255,210,210,1), rgba(255,210,210,0)); }
.incateBox .incateList li:nth-child(2) .incate-bg{ background-image: linear-gradient(to bottom, rgba(255,235,211,1), rgba(255,235,211,0)); }
.incateBox .incateList li:nth-child(3) .incate-bg{ background-image: linear-gradient(to bottom, rgba(189,244,219,1), rgba(189,244,219,0)); }
.incateBox .incateList li:nth-child(4) .incate-bg{ background-image: linear-gradient(to bottom, rgba(210,240,255,1), rgba(210,240,255,0)); }
.incateBox .incateList li:nth-child(5) .incate-bg{ background-image: linear-gradient(to bottom, rgba(228,208,255,1), rgba(228,208,255,0)); }
.incateBox .incateList li:nth-child(6) .incate-bg{ background-image: linear-gradient(to bottom, rgba(255,210,210,1), rgba(255,210,210,0)); }
.incateBox .incateList li:nth-child(7) .incate-bg{ background-image: linear-gradient(to bottom, rgba(255,235,211,1), rgba(255,235,211,0)); }
.incateBox .incateList li:nth-child(8) .incate-bg{ background-image: linear-gradient(to bottom, rgba(189,244,219,1), rgba(189,244,219,0)); }


.incateBox .incateList li a:hover .incate-line{ width: 40px; font-weight: bold;  transform: scale(1);opacity: 1;}






/* 首页栏目版块 */
.columnBox-tit{width:1200px; height: 80px; margin:0 auto; clear:both; margin-top: 20px; background: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #f6f8f7}
.columnBox-tit .fl{ position: relative; width: 150px; height: 80px; line-height: 40px;  }
.columnBox-tit .fl span { position: absolute; left: 0; top: 20px; z-index: 5; width: 100%; font-size: 30px; color: #00b386; text-indent: 20px; font-weight: bold; }
.columnBox-tit .fl span::before { content: ""; display: block; position: absolute; left: 0; top: 5px; z-index: 5; width: 6px; height: 30px; background: #00b386;  }
/*.columnBox-tit .fl p span{ color: #00b386; }
.columnBox-tit .fl em{ position: absolute; z-index: 30; display: block; background: #d9f4ed; border-radius: 100%; }
.columnBox-tit .fl em.dot01{ left: 0; bottom: 2px;  width: 15px; height: 15px; }
.columnBox-tit .fl em.dot02{ right: 5px; top: 0;  width: 30px; height: 30px; }*/
.columnBox-tit .fr{ float: none; padding-top: 25px; line-height: 30px;}
.columnBox-tit .fr a{ display: inline-block; border-radius: 30px; padding: 0 10px; height: 30px; color: #777; margin-left:10px; background: #f6f8f7; }

.columnBox{ border-top-left-radius: 0; border-top-right-radius: 0; }
.columnBox:after{  content:"."; display:block; height:0; clear:both; visibility:hidden; }
.columnBox .fl{ float:left; width:245px; }
.columnBox .fc{ float:left; width:544px; padding: 0 30px; margin-left:30px; border-left:1px solid #f6f8f7;  border-right:1px solid #f6f8f7; }
.columnBox .fr{ float:right; width:250px; }

.columnBox .main-tit{ height: 40px;}
.columnBox .main-tit span{ font-size: 20px; font-weight:bold; color: #444; /*background:linear-gradient(#fff 0,#fff 60%,#d9f4ed 61%,#d9f4ed 100%)*/ }
.columnBox .main-tit a{ float: right; color: #999; line-height: 26px; }


	/*  首页栏目版块-热门排序 */
.hotrank-area ul{ margin-top:-8px;}
.hotrank-area ul.hotrank-list{ /*background: url(../images/num.png) no-repeat left 12px;*/ }
.hotrank-area ul.hotrank-list .hotrank-item{ width: 100%; padding-left:35px; box-sizing: border-box; overflow: hidden; position: relative;}
.hotrank-area ul.hotrank-list .hotrank-item .hotrank-num{position: absolute; left: 0; top: 0; width: 32px; display: inline-block;font-weight: bold; line-height: 40px; }
.hotrank-area ul.hotrank-list .hotrank-item .hotrank-num:after{ content: "/"; color: #eee; font-weight: normal; margin-left:0.1rem;}
.hotrank-area ul.hotrank-list .hotrank-item:nth-child(1) .hotrank-num{ color: #ff4444; }
.hotrank-area ul.hotrank-list .hotrank-item:nth-child(2) .hotrank-num{ color: #ffa656; }
.hotrank-area ul.hotrank-list .hotrank-item:nth-child(3) .hotrank-num{ color: #ffcc44; }

.hotrank-area ul.hotrank-list .hotrank-item a.hotrank-tit{ display: block; width: 100%; height: 40px;line-height: 40px; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; }
.hotrank-area ul.hotrank-list .hotrank-item .hotrank-info{ height: 20px; overflow: hidden; font-size: 12px; color: #999; position: relative; display: none;}
.hotrank-area ul.hotrank-list .hotrank-item .hotrank-info i{width: 14px; height: 14px; display: inline-block;  vertical-align: middle; background-size: 100% auto; margin-right: 5px; background-position: center center; background-repeat: no-repeat;}
.hotrank-area ul.hotrank-list .hotrank-item .hotrank-info span{ display: inline-block; vertical-align: middle;}
.hotrank-area ul.hotrank-list .hotrank-item .hotrank-info .hotrank-date{ position: absolute; left: 0; bottom: 0; }
.hotrank-area ul.hotrank-list .hotrank-item .hotrank-info .hotrank-date i{  background-image:url(../images/icon-date.png);}
.hotrank-area ul.hotrank-list .hotrank-item .hotrank-info .hotrank-views{ position: absolute; right: 0; bottom: 0; }
.hotrank-area ul.hotrank-list .hotrank-item .hotrank-info .hotrank-views i{background-image:url(../images/icon-views.png); }



	/* 首页栏目版块 常见问题 */
.columnBox .fl .cjwt-list{ height: 415px;}
.columnBox .fl .cjwt-list ul{}
.columnBox .fl .cjwt-list ul li{ width: 100%; box-sizing: border-box; height: 40px; line-height: 40px; padding-left: 30px; background: url(../images/icon-ask.png) no-repeat left center; background-size: 24px auto; }
.columnBox .fl .cjwt-list ul li a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



	/* 首页栏目版块 育孩心得 */
.columnBox .fl .yhxd-list ul{}
.columnBox .fl .yhxd-list ul li{ position: relative;  padding-left:30px; height: 40px; overflow: hidden; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; }
.columnBox .fl .yhxd-list ul li .yhxd-num{position: absolute; left: 0; top: 11px; width: 18px; height: 18px; display: inline-block; line-height: 18px; color: #fff; background: #ccc; border-radius: 5px; text-align: center;}
/*.hotrank-area .yhxd-list ul li .yhxd-num:after{ content: "/"; color: #eee; font-weight: normal; margin-left:0.1rem;}*/
.columnBox .fl .yhxd-list ul li:nth-child(1) .yhxd-num{ background: #ff4444; }
.columnBox .fl .yhxd-list ul li:nth-child(2) .yhxd-num{ background: #ffa656; }
.columnBox .fl .yhxd-list ul li:nth-child(3) .yhxd-num{ background: #ffcc44; }
.columnBox .fl .yhxd-list ul li a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



	/*  首页栏目版块-精选推荐 */
.columnBox .fc .coljxtjBox .jxtj-topOne{ height: 50px; box-sizing: border-box; background: #ebf9f6; border-radius: 10px; padding: 10px; color: #00b386; font-size: 20px; font-weight: bold; }
.columnBox .fc .coljxtjBox .jxtj-topOne a{ display: block; color: #00b386; width: 100%; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.columnBox .fc .coljxtjBox .jxtj-topOne span{ display: inline-block; line-height: 30px; height: 30px; font-size: 18px; color: #fff; padding: 0 15px; border-radius: 5px; background-image: linear-gradient(to right, #2cc8a1 , #04a37b); margin-right: 10px; float: left; }


.columnBox .fc .coljxtjBox .jxtj-tbox{ display: flex; justify-content: space-between;padding-bottom: 20px;  border-bottom: 1px dashed #eee;}
.columnBox .fc .coljxtjBox .jxtj-tbox .art-img{ width: 165px; height: 100px; border-radius: 5px; overflow: hidden;}
.columnBox .fc .coljxtjBox .jxtj-tbox .art-img img{ width: 100%; height: 100%;}
.columnBox .fc .coljxtjBox .jxtj-tbox .art-rbox{ width:350px;}
.columnBox .fc .coljxtjBox .jxtj-tbox .art-tit{ font-size: 16px; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.columnBox .fc .coljxtjBox .jxtj-tbox .art-other{ display: flex; flex-direction: row; justify-content: space-between; font-size: 12px; color: #999;}
.columnBox .fc .coljxtjBox .jxtj-tbox .art-other .art-keyw{ display: none; }
.columnBox .fc .coljxtjBox .jxtj-tbox .art-other .art-keyw a{ height: 20px; line-height: 20px; background: #f6f8f7; color: #999; border-radius: 20px; padding: 0 10px;}
.columnBox .fc .coljxtjBox .jxtj-tbox .art-other .art-date{}
.columnBox .fc .coljxtjBox .jxtj-tbox .art-des{ height: 40px; padding-top: 5px; line-height: 20px; overflow: hidden; color: #999; }
.columnBox .fc .coljxtjBox .jxtj-tbox .art-des a{ color: #999;}
.columnBox .fc .coljxtjBox .jxtj-tbox .art-des a:hover{ color: #00b386;}

.columnBox .fc .coljxtjBox .jxtj-mbox{ width: 100%; margin-top: 10px; overflow: hidden; }
.columnBox .fc .coljxtjBox .jxtj-mbox ul{ width:580px; }
.columnBox .fc .coljxtjBox .jxtj-mbox ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.columnBox .fc .coljxtjBox .jxtj-mbox ul li{ float: left; width: 262px; height: 40px; line-height: 40px; margin-right: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.columnBox .fc .coljxtjBox .jxtj-mbox ul li a{ }
.columnBox .fc .coljxtjBox .jxtj-mbox ul li span{ color: #999; position: relative; padding-right: 8px; margin-right: 8px; }
.columnBox .fc .coljxtjBox .jxtj-mbox ul li span::after{ content: ""; display: block; position: absolute; right: 0; top: 50%; margin-top: -6px; width: 1px; height: 12px; background: #ccc;}

.columnBox .fc .coljxtjBox .jxtj-bbox{ margin-top:10px;}
.columnBox .fc .coljxtjBox .jxtj-bbox ul{ width:570px;}
.columnBox .fc .coljxtjBox .jxtj-bbox ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.columnBox .fc .coljxtjBox .jxtj-bbox ul li{ float: left; width: 165px; height: 140px; line-height: 40px; margin-right: 24px; }
.columnBox .fc .coljxtjBox .jxtj-bbox ul li img{ width:165px; height: 100px; border-radius: 5px;}
.columnBox .fc .coljxtjBox .jxtj-bbox ul li p{ display: block; width: 100%; height: 40px; line-height: 40px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }







	/*  首页栏目版块-行业学校 */




	/*  首页栏目版块-大家都在看 */
.columnBox .fr .djdzk-area ul{ height: 410px; }

.djdzk-area ul{}
.djdzk-area ul li{ height: 40px; line-height: 40px; overflow: hidden; background:url(../images/icon-dzk.png) no-repeat left center; background-size: 24px 24px; padding-left:30px; }
.djdzk-area ul li .art-tit{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.djdzk-area ul li .art-bbox{ display: none; padding:9px 0; color: #999; font-size: 12px;  line-height: 40px; }
.djdzk-area ul li .art-bbox:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.djdzk-area ul li .art-bbox .art-keyw{ float: left; display: none; }
.djdzk-area ul li .art-bbox .art-keyw a{ background: #f6f8f7; border-radius: 10px; color: #999;height: 20px; padding: 0 10px; }
.djdzk-area ul li .art-bbox .art-views{ float: right;}
.djdzk-area ul li .art-bbox .art-views i{ width: 14px; height: 14px; display: inline-block;  background:url(../images/icon-views.png) no-repeat left top; background-size: 100% auto; margin-right: 5px; vertical-align: middle;}
.djdzk-area ul li .art-bbox .art-views span{ vertical-align: middle;}



	/*  首页栏目版块-热搜标签 */
.columnBox .fr .hotTag-box{ height: 400px; }
.hotTag-box{ width: 100%; background: #f6f8f7; overflow: hidden; box-sizing: border-box; border-radius: 10px; padding:10px 5px; line-height: 30px;  }
.hotTag-box .hotTag-boxmain{ height: 380px; overflow: hidden;}
.hotTag-box a{ display: block; color: #777; float: left; margin:4px 5px; padding: 0 10px; background: #fff; border-radius: 5px;}
.hotTag-box a:hover{ background: #00b386;  color: #fff; font-weight: bold; }






/* linksBox */
.linksTit .fl span{ width: 200px;}
.linksBox{ border-top-left-radius: 0; border-top-right-radius: 0; }
.linksBox a{ display: inline-block; padding: 0 10px; height: 24px; }





/* 右边固定导航 */
.side_nav{font-size: 12px;background: #fff;border-radius: 6px;position: fixed; bottom: 62px;left: 50%; margin-left: 620px;z-index: 1; width: 60px; overflow: hidden; }
.side_nav:hover {/* box-shadow: 0 20px 30px rgba(0,0,0,0.02); */}
.side_nav ul li { }
.side_nav ul li a { display: block; color: #333; border-bottom: 1px solid #f6f8f7; cursor: pointer; text-align: center;  overflow:hidden; margin: 0 auto;line-height: 20px; position: relative; padding: 5px 0;}
.side_nav ul li a i{ width: 20px; height: 20px; display:block; margin: 0 auto; background-position: center center; background-size: 20px 20px; background-repeat: no-repeat; }
.side_nav ul li:nth-child(1) a i{ background-image: url(../images/icon-snav01.png) }
.side_nav ul li:nth-child(2) a i{ background-image: url(../images/icon-snav02.png) }
.side_nav ul li:nth-child(3) a i{ background-image: url(../images/icon-snav03.png) }
.side_nav ul li:nth-child(4) a i{ background-image: url(../images/icon-snav04.png) }
.side_nav ul li:nth-child(5) a i{ background-image: url(../images/icon-snav05.png) }
.side_nav ul li:nth-child(6) a i{ background-image: url(../images/icon-snav06.png) }
.side_nav ul li:nth-child(7) a i{ background-image: url(../images/icon-snav07.png) }
.side_nav ul li:nth-child(8) a i{ background-image: url(../images/icon-snav08.png) }

.side_nav ul li:nth-child(1):hover a i,.side_nav ul li:nth-child(1) a.current i{ background-image: url(../images/icon-snav01-on.png) }
.side_nav ul li:nth-child(2):hover a i,.side_nav ul li:nth-child(2) a.current i{ background-image: url(../images/icon-snav02-on.png) }
.side_nav ul li:nth-child(3):hover a i,.side_nav ul li:nth-child(3) a.current i{ background-image: url(../images/icon-snav03-on.png) }
.side_nav ul li:nth-child(4):hover a i,.side_nav ul li:nth-child(4) a.current i{ background-image: url(../images/icon-snav04-on.png) }
.side_nav ul li:nth-child(5):hover a i,.side_nav ul li:nth-child(5) a.current i{ background-image: url(../images/icon-snav05-on.png) }
.side_nav ul li:nth-child(6):hover a i,.side_nav ul li:nth-child(6) a.current i{ background-image: url(../images/icon-snav06-on.png) }
.side_nav ul li:nth-child(7):hover a i,.side_nav ul li:nth-child(7) a.current i{ background-image: url(../images/icon-snav07-on.png) }
.side_nav ul li:nth-child(8):hover a i,.side_nav ul li:nth-child(8) a.current i{ background-image: url(../images/icon-snav08-on.png) }

.side_nav ul li.returntop { line-height: 50px; height: 50px; color: #999; border-radius: 4px; border-bottom: none; text-align: center; }

@media all and (max-width: 1500px){.side_nav { margin-left: -662px; bottom: 40px; }}
.side_nav ul li:hover a,
.side_nav ul li a.current{ background: #00b386; color: #fff; background-color:#00b386; background-repeat: no-repeat; border-bottom: 1px solid #00b386; }

.side_nav ul li.returntop a i{ background-image: url(../images/icon-top.png) }
.side_nav ul li.returntop:hover a i{ background-image: url(../images/icon-top-on.png) }


/* 通用列表页 */
.pubtop{ height: 80px; }
.pubtop .boxsize{ background: none; padding: 0; border-radius: 0; }
.pubtop .publogo{ float:left; width:230px; overflow:hidden; height:60px; margin-top: 10px; }
.pubtop .publogo img{ height:60px; }

.pubtop .pubnav{ float:right; width:810px; height:80px; text-align: center;}
.pubtop .pubnav li{ float: left; width:90px; font-size: 16px; }
.pubtop .pubnav li a{ display: block; width: 89px; height: 75px; line-height: 74px; color: #fff; }
.pubtop .pubnav li a:hover,
.pubtop .pubnav li a.active{ background-color: rgba(0,0,0,0.1); border-bottom: 5px solid #008564 }

.pubtop .returnIndex{ float: right; width: 500px;}
.returnIndex a { float: right; display: block; width: 90px; font-size: 16px; background: rgba(0,0,0,0.1); border-radius: 10px; margin-top: 20px; height: 40px; line-height: 40px; color: #fff; text-align: center; }
.returnIndex a:hover{ background: rgba(0,0,0,0.2);}



.pubpos{ width: 100%; height: 60px; margin: 0 auto; background:url(../images/icon-pos.png) no-repeat 20px center; background-size: 20px 20px; padding: 10px 20px 10px 50px; line-height: 40px; box-sizing: border-box;}


.smain{  width: 1200px;  margin: 0 auto; position: relative; z-index: 2}
.smain:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.smain-l{ float: left; width: 850px; }
.smain-r{ float: right; width: 330px; box-sizing: border-box; }

.smain-box{ background: #fff; padding: 20px; box-sizing: border-box; border-radius: 10px; overflow: hidden; }
.smain-box2{ background: #fff; padding:30px 40px; box-sizing: border-box; border-radius: 10px; overflow: hidden; }

.smain-box .smain-tit{ height: 40px;}
.smain-box .smain-tit span{ position: relative; font-size: 18px; font-weight:bold; padding-left:15px; /*background:linear-gradient(#fff 0,#fff 60%,#d9f4ed 61%,#d9f4ed 100%)*/ }
.smain-box .smain-tit span:before{ position: absolute; content: ""; left: 0; top: 5px; width: 4px; height: 16px; background: #00b386; }


.smain-r .jzdzkRarea{ }




/* 页码 */
.pageNum{  margin:0 auto; padding:10px 0; clear:both; text-align:center; }
.pageNum a:hover { border:#999 1px solid; color:#666;}
.pageNum a { border:#eee 1px solid; padding:5px 8px; margin:2px; color:#333; text-decoration:none;}
.pageNum span { border:#333 1px solid; padding:5px 8px; font-weight:bold; margin:2px; color:#fff; background:#333;}






/* artlist */
.artlist ul{  }
.artlist li{ height: 140px; clear:both; position:relative; margin-bottom:20px; padding:0 10px 0 220px; border-bottom: 1px solid #f6f8f7; }
.artlist li:hover{ background: #f6f8f7; border-bottom: 1px solid #ebf9f6; }
.artlist li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.artlist li h3{ line-height:30px; padding:5px 0; font-size:18px; font-weight: bold; }
.artlist li p{ color:#666; line-height:24px; }

.artlist li .art-info{ width: 580px; height: 20px; overflow: hidden; font-size: 12px; color: #999; position: absolute; bottom: 20px; left: 220px; display: flex; flex-direction: row;justify-content: space-between; align-items: center;}
.artlist li .art-info i{ width: 14px; height: 14px; display: inline-block;  vertical-align: middle; background-size: 100% auto; margin-right: 5px; background-position: center center; background-repeat: no-repeat;}
.artlist li .art-info span{ display: inline-block; vertical-align: middle;}
.artlist li .art-info .art-date{  }
.artlist li .art-info .art-date i{  background-image:url(../images/icon-date.png);}
.artlist li .art-info .art-views{ }
.artlist li .art-info .art-views i{background-image:url(../images/icon-views.png); }


.artlist li a{ display:block; overflow:hidden; }
.artlist li a:hover{ overflow: hidden;}
.artlist li img{ position: absolute; left: 0; top: 0; width:200px; height:120px; }
.artlist li a:hover h3{ font-weight:bold; }


/* artview */
.artArea{ padding:0 20px;  }
.artview_tit { color:#333; font-size:28px; font-weight: 600; line-height:40px; padding: 10px 0; }
.artview_time {  line-height:36px; height:auto;overflow:hidden;padding:6px 10px; background: #f6f8f7; border-radius: 4px; margin-top:10px;color: #999; }
.artview_time a{ margin-right:10px;color: #999; }
.artview_guide { border-bottom:1px solid #f6f8f7; color:#898989; line-height:1.8em; margin-bottom:5px; margin-top:5px; padding:10px; display: none;}
.artview_guide span{ color:#cc0000; font-weight:bold;}
.artview_guidzx{ text-align:center;}
.artview_detail{ line-height:30px; font-size: 16px; overflow:hidden; padding:15px 0; }
.artview_detail p{ }
.artview_detail img{ max-width:100%;}

.artview_tag{ padding: 10px 0;}
.artview_tag span{ color: #999; }
.artview_tag a{ display: inline-block; border-radius: 24px; padding: 0 10px; height: 24px; color: #333; margin-left:10px; border: 1px solid #ccc; margin-top: 10px; }
.artview_tag a:hover{ color: #00b386; margin-left:10px; border: 1px solid #00b386; margin-top: 10px; }


.artview_next{ clear:both; border-top:1px solid #f6f8f7; padding:10px 0; height:80px; line-height:40px;}
.artview_next p { clear:both; height: 40px; white-space: nowrap; overflow: hidden;	text-overflow: ellipsis;-o-text-overflow: ellipsis; }
.artview_zx { padding-bottom:30px; padding-top:16px;text-align:center;}




.artview_rel ul{ width:830px;}
.artview_rel ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.artview_rel ul li{ float: left; width:33.33%; height: 40px; line-height: 40px; padding:0 20px 0 15px; box-sizing: border-box; position: relative;}
.artview_rel ul li:before{ content: ""; display: block; position: absolute; left: 0; top: 17px; width: 5px; height: 5px; background: #ccc; border-radius: 50%;}
.artview_rel ul li:hover:before{ background: #00b386; }
.artview_rel ul li a{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.artview_rel ul li span{ float:right; color: #999; font-size: 12px; padding-left:10px; display: none;}



.arttxt-list{ }
.arttxt-list:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.arttxt-list li{ height: 40px; line-height: 40px; padding:0 0 0 15px; box-sizing: border-box; position: relative;}
.arttxt-list li:before{ content: ""; display: block; position: absolute; left: 0; top: 17px; width: 5px; height: 5px; background: #ccc; border-radius: 50%;}
.arttxt-list li:hover:before{ background: #00b386; }
.arttxt-list li a{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.arttxt-list li span{ float:right; color: #999; font-size: 12px; padding-left:10px;}




/* 问答首页 */
.askNav-area{ position: relative; height: 90px; }
.askNav-area .askNav-bg{ position: absolute; top: 0; left: 0; background: #fff; width: 100%; height: 100px;}
.askNav-area .askNav-box{ position: absolute; top: 0; left: 50%; margin-left:-600px; width: 1200px; border-radius: 10px; box-sizing: border-box; padding: 20px 0; background: #fff; display: flex; justify-content: space-between; }
.askNav-area .askNav-box .askNav-item{ flex: 1; box-sizing: border-box; border-right: 1px solid #f6f8f7; padding:0 10px; height: 30px; overflow: hidden;}
.askNav-area .askNav-box .askNav-item .item-name{ height:30px; line-height: 30px; font-size: 16px; font-weight: bold;}
.askNav-area .askNav-box .askNav-item .item-name a{ display: block; display: flex; flex-direction: row; justify-content: left; align-items: center; }
.askNav-area .askNav-box .askNav-item .item-name i{ display: inline-block; width: 30px; height: 30px; background-position: center center; background-repeat: no-repeat; background-size: 16px auto; border-radius: 50%; margin-right: 8px;}
.askNav-area .askNav-box .askNav-item:nth-child(1) .item-name i{ background-color: #ffefed;  background-image: url(../images/asknav-icon01.png)}
.askNav-area .askNav-box .askNav-item:nth-child(2) .item-name i{ background-color: #fff4e9;  background-image: url(../images/asknav-icon02.png)}
.askNav-area .askNav-box .askNav-item:nth-child(3) .item-name i{ background-color: #e8fcf4;  background-image: url(../images/asknav-icon03.png)}
.askNav-area .askNav-box .askNav-item:nth-child(4) .item-name i{ background-color: #d9f4ed;  background-image: url(../images/asknav-icon04.png)}
.askNav-area .askNav-box .askNav-item:nth-child(5) .item-name i{ background-color: #e8f7fa;  background-image: url(../images/asknav-icon05.png)}
.askNav-area .askNav-box .askNav-item:nth-child(6) .item-name i{ background-color: #eef4fe;  background-image: url(../images/asknav-icon06.png)}
.askNav-area .askNav-box .askNav-item:nth-child(7) .item-name i{ background-color: #d9f4ed;  background-image: url(../images/asknav-icon07.png)}
.askNav-area .askNav-box .askNav-item:nth-child(8) .item-name i{ background-color: #ffefed;  background-image: url(../images/asknav-icon08.png)}
.askNav-area .askNav-box .askNav-item .item-name span{ }
.askNav-area .askNav-box .askNav-item .item-list{ margin-top: 15px; display: none; }
.askNav-area .askNav-box .askNav-item .item-list span{ display: inline-block; height: 20px; line-height: 20px; margin:0 2px 10px 4px; color: #666;}
.askNav-area .askNav-box .askNav-item .item-list span a{ display: block;color: #666;}
.askNav-area .askNav-box .askNav-item .item-list span a:hover{  color: #00b386; text-decoration: underline; }


.askcol-area{}
.askcol-area .smain-box{ margin-top: 20px;}
.askcol-area .smain-box:first-child{ margin-top: 0;}
.askcol-box{}
.askcol-tit{ height: 30px; line-height: 30px;  border-bottom: 1px solid #f6f8f7; padding: 5px 0 15px 0}
.askcol-tit span{ font-weight: bold; font-size: 26px; }
.askcol-tit a{ float: right; color: #999 }


.tab-wrapper{ font-size: 16px; padding: 10px 0; }
.tab-wrapper .tab-menu li{ display: inline-block; margin-right: 10px;}
.tab-wrapper .tab-menu li {  position:relative;  background-color: #fff;  color:#999;  display: inline-block;  padding: 10px 5px;  opacity: 0.8;  cursor:pointer;  z-index:0;}
.tab-wrapper .tab-menu li:hover { color:#00b386; border-bottom: 3px solid #00b386;}
.tab-wrapper .tab-menu li.on { color:#00b386; border-bottom: 3px solid #00b386; opacity: 1;}

.tab-wrapper .tab-content>div {  box-sizing:border-box;  width: 100%;  min-height:100px; }



.askcol-info{ margin-top: 10px;}
.askcol-info ul.arttxt-list li{ float:left; width: 48.5%; box-sizing: border-box; }
.askcol-info u:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.askcol-info ul.arttxt-list li:nth-child(2n){margin-left:1.5%;}
.askcol-info ul.arttxt-list li:nth-child(2n+1){margin-right:1.5%;}
.askcol-stit a:hover,.askcol-info a.active{ background:#00b386; color: #fff  }


/* asklist */
.askcate-list{}
.askcate-list .askcate-first{border-bottom: 1px solid #f6f8f7;}
.askcate-list .askcate-first a{display: inline-block; padding-bottom: 12px; color: #333; margin-right: 30px; position: relative; font-size: 16px; font-weight: bold}
.askcate-list .askcate-first a.active { color: #00b386; }
.askcate-list .askcate-first a.active:after {content: ""; width: 100%; height: 4px; background: #00b386; position: absolute; bottom: 0; left: 0;}

.askcate-list .askcate-third{  }
.askcate-list .askcate-third a{display: inline-block;  padding: 6px 16px; color: #666; margin-top: 15px;}
.askcate-list .askcate-third a.active{background:#e8f9f5;  color: #00b386; border-radius: 3px;}



.asklist ul{  }
.asklist li{ height: 140px; clear:both; position:relative; margin-bottom:20px; padding:0 10px; border-bottom: 1px solid #f6f8f7; }
.asklist li:hover{ background: #f6f8f7; }
.asklist li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.asklist li h3{ width: 100%; box-sizing: border-box; font-size:18px; font-weight: bold; height: 40px; line-height: 40px; padding-left: 30px; background: url(../images/icon-ask.png) no-repeat left center; background-size: 24px auto; }
.asklist li h3 a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.asklist li p{ color:#666; line-height:24px; }

.asklist li .ask-info{ width: 790px; height: 20px; overflow: hidden; font-size: 12px; color: #999; position: absolute; bottom: 20px; left: 10px; display: flex; flex-direction: row;justify-content: space-between; align-items: center;}
.asklist li .ask-info i{ width: 14px; height: 14px; display: inline-block;  vertical-align: middle; background-size: 100% auto; margin-right: 5px; background-position: center center; background-repeat: no-repeat;}
.asklist li .ask-info span{ display: inline-block; vertical-align: middle;}
.asklist li .ask-info .ask-date{  }
.asklist li .ask-info .ask-date i{  background-image:url(../images/icon-date.png);}
.asklist li .ask-info .ask-views{ }
.asklist li .ask-info .ask-views i{background-image:url(../images/icon-views.png); }

.asklist li a{ display:block; overflow:hidden; }
.asklist li a:hover{ overflow: hidden;}



/* askview */
.asksArea{ padding:0 20px;}
.askview_tit { position: relative; }
.askview_tit h1{ color:#333; font-size:30px; line-height:40px; padding: 10px 0;  text-align:left; }
.askview_tit .askview_des{ font-size: 16px; line-height: 1.8; }
.askview_tit .tit_label{ position: absolute; top: 16px; left: -40px; background: #ff6661; text-align:center; color: #fff; width: 30px;  height: 30px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; overflow: hidden; line-height: 30px; font-size: 14px; }

.askview_time {  line-height:36px; height:auto;overflow:hidden;padding:6px 0; color: #999;  }
.askview_time em{ margin:0 10px; color: #ccc}
.askview_time a{ margin-right:10px; color: #999 }

.askview_wolai{ display:flex;  align-items: center;}
.askview_wolai .wolai_btn{ display:flex; justify-content: center; align-items: center; line-height: 40px; background: #00b386; color: #fff; width: 120px; height: 40px; font-size: 16px; border-radius: 5px;}
.askview_wolai .wolai_btn i{ display:inline-block; width: 20px; height: 20px; margin-right: 5px; background: url(../images/icon-edit.png) no-repeat center center; background-size: 100% auto; }
.askview_wolai .wolai_inp{ margin-right:5px; margin-left: 15px;}
.askview_wolai .wolai_txt{ color: #999; font-size: 16px;}

.askview_guide { border-bottom:1px solid #f6f8f7; color:#898989; line-height:1.8em; margin-bottom:5px; margin-top:5px; padding:10px; display: none;}
.askview_guide span{ color:#cc0000; font-weight:bold;}
.askview_guidzx{ text-align:center;}
.askview_detail{ line-height:1.8; font-size: 16px; padding:15px 0; position: relative;}
.askview_detail .detail_explain{ position: relative; width: 100%; overflow: hidden; height: 30px; margin-top: 20px; line-height:30px;   }
.askview_detail .detail_explain span.explain01{ position: absolute; left: 0; background: #fff; z-index: 2; padding-right: 15px; color: #999; font-size:18px; font-weight: bold;  }
.askview_detail .detail_explain span.explain02{ position: absolute; right: 0; background: #fff; z-index: 2; padding-left: 15px; color: #ff6661; }
.askview_detail .detail_explain:after{ position: absolute;z-index: 1;content: ''; top: 15px; left: 0; display: block; width: 100%; height: 1px; background: #ddd; }

.askview_detail .detail_label{ position: absolute; top: 16px; left: -40px; background: #00b386; text-align:center; color: #fff; width: 30px;  height: 30px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; overflow: hidden; line-height: 30px; font-size: 14px; }

.askview_answer .answerBox { position: relative; clear: both; height: 60px; display: flex; align-items: center;}
.askview_answer .answerBox .answerpic{ width:60px; height: 60px; border-radius: 100%; overflow: hidden; background: #eee; }
.askview_answer .answerBox .answerpic img{ width:60px; height: 60px;}
.askview_answer .answerBox .answerinfo{ margin-left: 10px; }
.askview_answer .answerBox .answerinfo .answerinfo_name{ font-size: 18px; line-height: 30px; }
.askview_answer .answerBox .answerinfo .answerinfo_date{ color: #999; line-height: 20px; }
.askview_answer .answerBox .answerinfo .answerinfo_date em{ margin:0 10px; color: #ccc; }
.askview_answer .answerBox .answerzan{ position: absolute; right: 0; background: #f6f8f7; width: 120px; height: 34px; border-radius: 5px;  display:flex; justify-content: center; align-items: center;  }
.askview_answer .answerBox .answerzan i{ display:block; width: 20px; height: 20px; margin-right: 5px; background: url(../images/icon_zan.png) no-repeat center center; background-size: 100% auto; }


.askview_detail h2{ font-weight: bold; font-size: 16px; }
.askview_detail p{ }
.askview_detail img{ max-width:100%;}

.askview_next{ clear:both; border-top:1px solid #f6f8f7; padding:10px 0; height:80px; line-height:40px;}
.askview_next p { clear:both; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.askview_zx { padding-bottom:30px; padding-top:16px;text-align:center;}



.pglist{ text-align: center; margin-top:20px; }
.pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
.pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px; margin: 0 1px; background: #fff;}
.pagination li:hover a{color: #fff; background: #00b386; }
.pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none; color: #fff; background: #00b386; }
.pagination .active a{ color: #fff; }
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination-group {border-right:solid 1px #EBEBEB;border-radius:4px}
.pagination-group li {float:left;border-right:0;border-radius:0}
.pagination-group li:not(:first-child):not(:last-child) {border-radius:0}
.pagination-group li:first-child {border-radius:4px 0 0 4px}
.pagination-group li:last-child {border-radius:0 4px 4px 0}
.pagination-group .active,.pagination-group a:hover {background:#f6f8f7;border-radius:0}
.pagination-big a {padding:10px 16px;font-size:16px}
.pagination-small a {padding:5px 10px;font-size:12px}
.pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {color:#fff}
.pager {list-style:none;padding:0;text-align:center;clear:both}
.pager li {display:inline-block}
.pager li a {color:#333;border:solid 1px #EBEBEB;border-radius:15px;padding:5px 15px;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pager li a:hover {background-color:#f6f8f7;transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pager-prev,.pager .pager-prev,.pager-next,.pager .pager-next {font-size:36px;padding:0;color:#FFF;background-color:rgba(255,255,255,.3);width:50px;height:50px;line-height:45px;display:inline-block;border-radius:50%;text-align:center;cursor:pointer}
.pager-prev:hover,.pager-next:hover {background-color:rgba(0,0,0,.6)}
.pager-group li {float:left;display:inline-block}
.pager-group li:not(:first-child):not(:last-child) {border-radius:0}
.pager-group li a:first-child {border-radius:4px 0 0 4px}
.pager-group li a:last-child {border-radius:0 4px 4px 0}


.returnBtn{ clear: both; width: 150px; height: 40px; line-height: 40px; margin: 0 auto;  text-align: center;  }
.returnBtn a{display: flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 20px; color: #fff; background: #00b386; overflow: hidden;}
.returnBtn a:hover{ background: #099a76;  }
.returnBtn i{ height: 20px; width: 20px; margin-right: 5px; display: inline-block; background: url(../images/icon-return.png) no-repeat center center; background-size: 20px 20px;}
.returnBtn span{}
/* 单页 */
.aboutArea-tit{ height: 40px; border-bottom: 1px solid #f6f8f7; }
.aboutArea-tit h1{color:#333; font-size:24px; line-height:40px; text-align:left; display: inline-block; border-bottom: 3px solid #00b386;}
.aboutArea-con{ line-height: 30px; clear: both; padding: 20px 0; font-size: 16px; }


/* 搜索结果页 */
.search-retit{ width: 1200px; height: 60px; margin: 0 auto; background:url(../images/icon-pos.png) no-repeat left center; background-size: 20px 20px; padding: 10px 30px; line-height: 40px; box-sizing: border-box;}
.search-retit span{ color: #ff6661; font-size: 16px; font-weight: bold; padding: 0 5px;}


.searchlist{}
.searchlist li{ height: 140px; clear:both; position:relative; margin-bottom:20px; padding:0 10px; border-bottom: 1px solid #f6f8f7; }
.searchlist li:hover{ background: #f6f8f7; }
.searchlist li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.searchlist li h3{ width: 100%; box-sizing: border-box; font-size:18px; font-weight: bold; height: 40px; line-height: 40px; }
.searchlist li h3 a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.searchlist li p{ color:#666; line-height:24px; }

.searchlist li .sea-info{ width: 790px; height: 20px; overflow: hidden; font-size: 12px; color: #999; position: absolute; bottom: 20px; left: 10px; display: flex; flex-direction: row;justify-content: space-between; align-items: center;}
.searchlist li .sea-info i{ width: 14px; height: 14px; display: inline-block;  vertical-align: middle; background-size: 100% auto; margin-right: 5px; background-position: center center; background-repeat: no-repeat;}
.searchlist li .sea-info span{ display: inline-block; vertical-align: middle;}
.searchlist li .sea-info .sea-date{  }
.searchlist li .sea-info .sea-date i{  background-image:url(../images/icon-date.png);}
.searchlist li .sea-info .sea-views{ }
.searchlist li .sea-info .sea-views i{background-image:url(../images/icon-views.png); }

.searchlist li a{ display:block; overflow:hidden; }
.searchlist li a:hover{ overflow: hidden;}



/* tags */
.tags-gjc{padding: 30px; background: #fff; overflow: hidden; border-radius: 10px;}
.tags-gjc h1{ font-size: 30px; color: #00b386; line-height: 40px; }


.tags-box{ position: relative;}
.tags-label{ position: absolute; top: -15px;left: 0;z-index: 90;}
.tags-label div{float: left; position: relative; left: -6px; padding: 0 30px; height: 34px; border-radius: 0 10px 0 0;  background-image: linear-gradient(to right, #00b386, #00b386);}

.tags-label div p { font-size: 14px; line-height: 34px; height: 34px; overflow: hidden; color: #fff;}
.tags-label div span {
    position: absolute;
    left: 0;
    display: block;
    border-top: 3px solid #00b386;
    border-right: 3px solid #00b386;
    border-bottom: 3px solid transparent;
    border-left: 3px solid transparent;
}


.tagslist{ padding:20px 0;  margin-top: 10px;  border-radius: 10px; background:#fff; overflow:hidden;}
.tagslist li{ /* min-height: 140px; padding: 30px;*/  clear:both; position:relative; padding:0 30px; background: #fff; overflow: hidden; text-align: justify;}

.tagslist li:first-child{ /* padding-top:35px;*/ }
.tagslist li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.tagslist li:nth-child(5n){ margin-bottom:20px;} 
.tagslist li .tags-title{position: relative; display: block; /* margin-bottom: 20px;*/ line-height:40px; font-size:16px; padding-left:30px;}
.tagslist li .tags-title::before{ content: ""; position: absolute; left: 0; top: 10px; display: block; width: 20px; height: 20px;  background: url(../images/icon-tagstit.png) no-repeat center; background-size: 100% auto;}

.tagslist li .tags-info{ display:none; color:#666; height: auto; overflow: hidden; color:#666; line-height:30px; font-size: 16px;}
.tagslist li .tags-info img{  width: auto !important; max-width: 100% !important; height: 210px !important; }
.tagslist li .tags-more{ display: none; width: 120px; height: 40px; color:#fff; background: #00b386; border-radius: 5px; font-size: 16px; line-height: 40px; text-align: center; margin: 30px 0 0 auto; }
.tagslist li .tags-info h2{ font-size: 16px; }



/* 上下篇 */
.upDown{ overflow: hidden; margin-top: 20px; display: flex; justify-content: space-between; margin-left:-20px; padding-right:80px; box-sizing: border-box; }


.upDown a{
    display: block;
    box-sizing: border-box;
    padding: 0 20px;
    width: 100%;
	margin-left: 20px;
    height: 50px;
    border-radius: 10px;
    background-color: #fff;
    font-size: 16px;
    line-height: 50px;
	text-align: center; 
    color: #333;
}
.upDown a span{
    color: #666;
}



.tags_prenext{ background: #fff; padding: 20px; box-sizing: border-box; border-radius: 10px; overflow: hidden; margin-top: 20px; }
.tags_prenext p {height: 40px;  line-height:40px; clear:both; overflow:hidden;  }








/* 新闻资讯-第一栏 */
.listTopBox{ position: relative; z-index: 999; }
.listTopBox.boxsize{ background: none; padding: 0}
.listTopBox .fl{ width: 850px; height: 210px; background: #fff; border-radius: 10px; overflow: hidden;  box-sizing: border-box; padding: 20px;}
.listTopBox .fr{width: 330px; height: 210px;  background: #fff; border-radius: 10px; overflow: hidden; }

.listTopBox .topNews{   }
.listTopBox .topNews .topNews-topOne{ height: 50px; box-sizing: border-box; background: #ebf9f6; border-radius: 10px; padding: 10px; color: #00b386; font-size: 20px; font-weight: bold;  }
.listTopBox .topNews .topNews-topOne a{ display: block; color: #00b386; width: 100%; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.listTopBox .topNews .topNews-topOne span{ display: inline-block; line-height: 30px; height: 30px; font-size: 18px; color: #fff; padding: 0 15px; border-radius: 5px; background-image: linear-gradient(to right, #2cc8a1 , #04a37b); margin-right: 10px; }

.listTopBox .topNews .topNews-topOne:hover{ border: 1px solid #00b386}

.listTopBox .topNews .topNews-list{ width: 100%; margin-top: 10px; overflow: hidden; }
.listTopBox .topNews .topNews-list ul{ width:100%;}
.listTopBox .topNews .topNews-list ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.listTopBox .topNews .topNews-list ul li{ float: left; width: 50%; height: 40px; line-height: 40px; padding:0 10px; box-sizing: border-box; }
.listTopBox .topNews .topNews-list ul li a{ display: block; width: 100%;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.listTopBox .topNews .topNews-list ul li span{ float: left;display: inline-block;  color: #999; position: relative; padding-right: 8px; margin-right: 8px; }
.listTopBox .topNews .topNews-list ul li span::after{ content: ""; display: block; position: absolute; right: 0; top: 50%; margin-top: -6px; width: 1px; height: 12px; background: #ccc;}

.listTopBox .adBox{width:330px; height:210px; overflow: hidden;}
.listTopBox .adBox .swiper-container { width:100%; height:100%; overflow: hidden; }
.listTopBox .adBox .swiper-container .swiper-slide {  position: relative; text-align:center; height:100%; border-radius: 10px; overflow: hidden; background-repeat:no-repeat; background-position:center center; background-size: cover; }
.listTopBox .adBox .swiper-container .swiper-slide img{ width:100%; height:100%;}
.listTopBox .adBox .swiper-container .swiper-slide a{ position: absolute; left: 0; top: 0; z-index: 5; display: block; width:100%; height:100%;}
.listTopBox .adBox .swiper-container .swiper-pagination{ right: 0; left: 0; box-sizing: border-box;}
.listTopBox .adBox .swiper-container .swiper-pagination-bullet{ background:#fff; opacity:.5; width:10px; height:10px; border-radius:0; border-radius: 10px;}
.listTopBox .adBox .swiper-container .swiper-pagination-bullet-active{ background:#00b386;opacity:1; width:20px;}


.listTopBox .topCate{}
.listTopBox .topCate .colCate-tit{ display: flex; align-items: center; justify-content: flex-start; padding: 10px 10px 0 10px;}
.listTopBox .topCate .colCate-tit i{ display: block; width: 26px; height: 26px; background: url(../images/icon-cate.png) no-repeat center center; background-size: cover; margin-right: 10px; }
.listTopBox .topCate .colCate-tit span{ color: #222; font-size: 24px;}
.listTopBox .topCate .colCate-list{ margin-top: 15px; }
.listTopBox .topCate .colCate-list:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.listTopBox .topCate .colCate-list li{ float: left; width: 16.6%; height: 30px; line-height: 30px; text-align: center; margin-top: 20px; padding: 0 10px; box-sizing: border-box;}
.listTopBox .topCate .colCate-list li a{ display: block; }
.listTopBox .topCate .colCate-list li:hover a,
.listTopBox .topCate .colCate-list li.cur a{ background: #ebf9f6; color: #00b386; border-radius: 5px;}


.mtfnum{ margin-top: -35px; }




/* footer */
/*.footer{ background: #303534; padding: 20px 0; text-align: center; color: #999; line-height: 40px; margin-top: 20px}
.footer a{ color: #999; }
.footer-nav a{ color: #fff; padding: 0 5px;}*/


/*====================*/
/* 底部 footer */
.footer{ background: #303534; color: #999; margin-top: 20px;  }
.footer a{ color: #999; }
.footer a:hover{ color: #fff; }

.footer-contact{ width: 1200px; height: 100px; margin: 0 auto; box-sizing: border-box; padding: 30px 0; line-height: 40px; border-bottom: 1px solid #444; font-size: 20px; text-align: center; color: #fff;  }
.footer-contact span{ font-weight: bold; font-size: 32px; }

.footer-list{ width:1200px; margin:0 auto; clear:both;  position: relative; height: 380px;  padding: 30px 0; overflow: hidden; }
.footer-list::after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer-list .foot-item { float: left; width: 100px; height: 380px; padding-left: 27px; }
.footer-list .foot-item:nth-child(1){ width:180px; height: 380px; border-right: 1px solid #444; padding: 0; }
.footer-list .foot-item .foot-item-title { display: block; text-align: left; line-height: 18px; font-size: 16px; color: #ddd; letter-spacing: .44px; margin-bottom: 16px }
.footer-list .foot-item:nth-child(1) .foot-item-title { text-align: center; }
.footer-list .foot-item a { display: block; clear: both; text-align: left; line-height: 30px; font-size: 14px; color: #777; letter-spacing: .43px; text-decoration: none; transition: color .3s }
.footer-list .foot-item .foot-item-ewm { display: block; width: 120px; height: 170px; margin-top: 10px; text-align: center; margin: 0 auto; }
.footer-list .foot-item .foot-item-ewm img{ background: #fff; padding: 10px; width: 100px; height: 100px; clear: both;}
.footer-list .foot-item .foot-item-ewm p{ line-height: 30px; clear: both; }

.footer-nav{ width: 1200px; height: 40px; margin: auto; line-height: 40px; padding-top: 20px; text-align: center; border-top: 1px solid #444; }
.footer-nav a{ color: #fff; padding: 0 5px; }

.footer-copy{ width: 1200px; height: 40px; margin: auto; line-height: 40px; font-size: 14px; text-align: center;}





.artview_introduce{ text-indent: 2em; border: 1px solid #f87f3d; padding: 20px; background: #fff5ef; margin-top: 10px; text-align:justify; }