/* 焦点图 */
.slider {position: relative; width: 100%; height: 300px; margin-bottom:10px;  overflow: hidden; font-family:Arial; text-align: left; background:#fff; }
.slider .pic img { width:100%; height: 300px; display: block; }
.slider .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.slider .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.slider .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.slider .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.slider .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.slider .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.slider .num li a,.slider .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.slider .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.slider .num li.on a,.slider .num a:hover{ background:#4285f4;color:#fff!important;  }

.article-items{overflow: hidden;}
.article-items li{padding:20px; border-bottom:1px solid #f5f5f5;overflow: hidden;}
.article-items li.more{border-bottom:none;text-align: center;padding-top:40px;}
.article-items li.more a{padding:5px 10px;background-color:#f4f4f4;color:#aaa;border-radius:3px;font-size:14px;}
.article-items li.more a:hover{background:#e6f1fb;}
.article-items li.more:hover{background-color:#fff;}
.article-items li:hover{background: #f9f9f9;}
.article-items li:hover .info h3 a{color:#4285f4!important;}
.article-items li .img{width:150px;height:120px;float:left;overflow: hidden;}
.article-items li .img a{width: 150px;height: 115px;overflow: hidden;display: block;position: relative;}
.article-items li .img img{width:100%;min-height:100%;-webkit-transition:all 0.6s;transition:all 0.6s;}
.article-items li .img img:hover{-webkit-transform:scale(1.12);-ms-transform:scale(1.12);transform:scale(1.12);}
.article-items li .info{margin-left:160px;position: relative;}
.article-items li .info h3 a{color: #2c2e3b;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: block;overflow: hidden;width: 90%;line-height:18px;font-size: 18px;font-weight:500;}
.article-items li .info .paid{color:#f00;position: absolute;right:0;top:-5px;font-size:18px;font-weight:500;cursor: pointer;}
.article-items li .info .desc{height: 49px;padding-top: 10px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 22px;font-size: 13px;font-weight: 400;color: #828a92;}
.article-items li .info .meta{padding-top:10px;}
.article-items li .info .meta .tag{display:inline-block;background-color:#f4f4f4;color:#aaa;padding:0 8px;line-height:18px;border-radius:3px;margin-right:5px}
.article-items li .info .meta .tag:hover{background:#e6f1fb;}
.article-items li .info .meta span{color:#999;}

/*详情*/
.article-info h1{font-size:32px;color:#303030;font-weight:500;line-height:46px;margin-bottom:10px;}
.article-info .meta{line-height:30px;color:#999;font-size:14px;}
.article-info .meta span{display: inline-block;margin-right:15px;}
.article-content,.article-info{padding:10px 20px;overflow: hidden;word-wrap: break-word;word-break: normal;}

.article-content *{white-space: pre-wrap;}
.article-content img{max-width:100%;}
.article-content p{line-height: 1.875;font-size: 16px;min-height: 30px;}
.article-content pre{background-color:#f4f4f4;padding:15px;}

.article-ext{padding:10px 20px;line-height:25px;color:#aaa;}
.article-ext .tag a,
.article-info .meta a{display:inline-block;background-color:#f4f4f4;color:#aaa;padding:0 8px;line-height:18px;border-radius:3px;margin-right:5px}
.article-feat{padding:20px;text-align: center;}
.article-feat .feat-item{display:inline-block;color:#999;font-size:12px;margin:0 10px;cursor: pointer;border:1px solid #f4f4f4;width:70px;height:65px;padding:5px 0 0 0;border-radius:50%;display:inline-block;position: relative;position: relative;}
.article-feat .feat-item em,.article-feat .feat-item cite{display:block;line-height:12px;}
.article-feat .feat-item cite{display:none;}
.article-feat .feat-item.likes:hover cite{display:block;}
.article-feat .feat-item.likes:hover em{display: none;}
.article-feat .feat-item i{font-size:28px;color:#999;}
.article-feat .feat-item:hover{border-color: #4285f4;}
.article-feat .feat-item:hover *{color:#4285f4}
.article-feat .tips{color:#999;padding-top:10px;}

.prev-next{display:block;overflow:hidden;padding:30px 20px;background-color:#fff;}
.prev-next a{line-height:25px;width:42%;overflow:hidden;background-color:#f3f3f3;padding:15px 3%;border-radius: 5px;margin:0 1%;}
.prev-next a span{display:block;width:100%;line-height:25px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;}
.prev-next a .title{margin-bottom:25px;}
.prev-next a span i{float: right;}