@charset 'utf-8';
/*zjf20170926*/
.artical-box .Left {width: 880px;margin-top: 30px;}
.artical-box .Right {width: 300px;margin-top: 30px;}
.artical-title {background: #fff;}
.artical-title li {float: left;}
.artical-title li a {display: block;color: #999;padding: 0 20px;line-height: 40px;}
.artical-title li:hover a, .artical-title li.on a {color: #12799a;}
.artical-list li {padding: 30px 20px;background: #fff;border-bottom: 1px solid #eee;}
.artical-list li:first-child {border-top: 1px solid #eee;}
.artical-list li:hover {background: #f6f9fe;}
.artical-list li:hover .tit, .artical-list li .top .name:hover {color: #12799a;}
.artical-list .top img {display: block;width: 30px;height: 30px;border-radius: 50%;}
.artical-list .top .name {margin-left: 12px;font-size: 12px;line-height: 30px;}
.artical-list .top .time {margin-left: 10px;font-size: 12px;line-height: 30px;color: #999;}
.artical-list .top .zan {padding-left: 26px;line-height: 18px;color: #999;background: url(../images/good.png) no-repeat left center;cursor: pointer;}
.artical-list .top:hover .zan, .artical-list .top.on .zan {color: #12799a;background: url(../images/good_2.png) no-repeat left center;}
.artical-list .tit {display: block;font-weight: bold;font-size: 20px;line-height: 36px;max-height: 72px;text-overflow: ellipsis;overflow: hidden;}
.artical-list .tit span {font-size: 16px;color: #fff;background: #12799a;padding: 0 4px;display: inline-block;border-radius: 3px;margin-left: 10px;line-height: 24px;}
.artical-list .con {font-size: 14px;color: #666;line-height: 20px;height: 40px;overflow: hidden;}
.artical-list .bot {margin-top: 14px;}
.artical-list .bot span {float: left;padding-left: 10px;line-height: 22px;font-size: 12px;color: #999;background: url(../images/dot2.png) no-repeat left center;margin-right: 16px;}
.artical-list .bot span.first {padding: 0 8px;line-height: 20px;color: #12799a;background: #fff;border: 1px solid #12799a;border-radius: 2px;}
.artical-parent-li {padding: 0 20px;border-bottom: 1px dashed #e9e9e9;}
.artical-parent-li p {line-height: 52px;font-size: 16px;color: #333;cursor: pointer;}
.artical-parent-li i {display: inline-block;margin-right: 26px;vertical-align: middle;background-repeat: no-repeat;background-image: url(../images/artical-icon.png);}
.artical-parent-li.on p a {color: #4285f4;}
.artical-parent-li-1 i {background-position: left 0;width: 24px;height: 24px;}
.artical-parent-li-2 i {background-position: left -54px;width: 28px;height: 22px;}
.artical-parent-li-3 i {background-position: left -105px;width: 32px;height: 25px;}
.artical-parent-li-4 i {background-position: left -159px;width: 27px;height: 27px;}
.artical-parent-li-5 i {background-position: left -216px;width: 27px;height: 22px;}
.artical-parent-li-6 i {background-position: left -267px;width: 33px;height: 20px;}
.artical-parent-li-7 i {background-position: left -317px;width: 32px;height: 25px;}
.artical-parent-li-8 i {background-position: left -371px;width: 28px;height: 28px;}
.artical-parent-li-9 i {background-position: left -429px;width: 31px;height: 31px;}
.artical-parent-li-10 i {background-position: left -490px;width: 31px;height: 21px;}
.artical-parent-li-11 i {background-position: left -540px;width: 28px;height: 24px;}
.artical-parent-li-12 i {background-position: left -594px;width: 30px;height: 24px;}
.artical-parent-li-13 i {background-position: left -648px;width: 28px;height: 24px;}
.artical-parent-li-14 i {background-position: left -702px;width: 26px;height: 20px;}
.artical-parent-li-15 i {background-position: left -752px;width: 30px;height: 32px;}
.artical-parent-li-16 i {background-position: left -813px;width: 29px;height: 29px;}
.artical-parent-li-17 i {background-position: left -872px;width: 25px;height: 31px;}
.artical-parent-li-18 i {background-position: left -933px;width: 24px;height: 25px;}
.artical-parent-li-1.on i {background-position: right 0;}
.artical-parent-li-2.on i {background-position: right -54px;}
.artical-parent-li-3.on i {background-position: right -105px;}
.artical-parent-li-4.on i {background-position: right -159px;}
.artical-parent-li-5.on i {background-position: right -216px;}
.artical-parent-li-6.on i {background-position: right -267px;}
.artical-parent-li-7.on i {background-position: right -317px;}
.artical-parent-li-8.on i {background-position: right -371px;}
.artical-parent-li-9.on i {background-position: right -429px;}
.artical-parent-li-10.on i {background-position: right -490px;}
.artical-parent-li-11.on i {background-position: right -540px;}
.artical-parent-li-12.on i {background-position: right -594px;}
.artical-parent-li-13.on i {background-position: right -648px;}
.artical-parent-li-14.on i {background-position: right -702px;}
.artical-parent-li-15.on i {background-position: right -752px;}
.artical-parent-li-16.on i {background-position: right -813px;}
.artical-parent-li-17.on i {background-position: right -872px;}
.artical-parent-li-18.on i {background-position: right -933px;} 
.artical-parent-li:hover p, .artical-parent-li.on p {color: #4285f4;}
.artical-parent-li.on .artical-child {display: block;}
.artical-child {margin-left: 46px;margin-bottom: 20px;display: none;}
.artical-child-li {margin-top: 5px;}
.artical-child-li a {display: inline-block;width: 100%;height: 24px;line-height: 24px;font-size: 12px;color: #666;background: #f7f7f8;padding-left: 10px;}
.artical-child-li.on a, .artical-child-li:hover a {background: #4285f4;color: #fff;}


ul.aLists  {margin-bottom: 20px;}
ul.aLists li {padding: 10px; border-bottom: 1px solid #eee;font-size: 12px; width:200px; float:left;}
ul.aLists li  img {width: 200px;height: 150px; display: block;}
ul.aLists li .userInfo a {color:#333;}
ul.aLists li .userInfo span  {color: #999; float:right;}
ul.aLists li h2 {line-height: 1;margin-bottom: 15px;font-size: 20px;}
ul.aLists li h2 a {line-height: 1.5;}
ul.aLists li h2 a span{color: #FFF;background: #12799a;border-radius: 2px;padding:2px;font-weight: normal;margin-left: 5px;font-size: 16px;}
ul.aLists li .con {color: #666;height: 48px;line-height: 48px;overflow: hidden;font-size: 14px; text-align:center;}
ul.aLists li .intro {overflow: hidden;line-height: 24px;margin-top: 15px;}
ul.aLists li .intro>*  {float: left;color:#999;}
ul.aLists li .intro .jing {font-size: 14px;padding: 0 8px;line-height: 24px;color: #fe4912;background: #fff;border: 1px solid #fe4912;border-radius: 2px;margin-right: 16px;}
ul.aLists li .intro p  {margin-right: 15px;}
ul.aLists li .intro p.hasdot {background: url(../images/dot2.png) no-repeat left center;padding-left: 10px;}
ul.aLists li .intro .type  {border:1px solid #f96f85;color: #f96f85;border-radius: 3px;padding: 1px 5px;line-height: 20px;}
ul.aLists li .intro .type.type2  {border-color: #4252f4;color:#4252f4;}
ul.aLists li .intro .tags  {margin-right: 0;padding: 0;}
ul.aLists li .intro .tags a  {background: #eee;border-radius:12px;padding: 3px 8px;margin-right: 10px;}
ul.aLists li .intro .tags a:hover  {background:#9bb8d3;color:#FFF;}
ul.aLists li button.zan {background: url(../images/good.png) no-repeat left center;color:#666;padding: 0;padding-left: 25px;padding-top: 6px;position: absolute;top: 20px;right: 20px;}
ul.aLists li button.zan.ed, ul.aLists li button.zan:hover {background-image: url(../images/good_2.png);}
ul.aLists li .pic  {width: 200px;height: 115px;margin-right: 15px;margin-left: -10px;}
ul.aLists li .pic img  {width: 100%;height: 100%;display: block;}
ul.aLists li .main {height: 115px;width: 635px;}