body,html{min-height:auto;width:100%;padding:0;margin:0}.container{width:960px;margin:0 auto}.none{text-align:center;padding-top:97px}.none img{width:260px;display:block;margin:0 auto 15px}.none p{font-size:18px;color:#aaa}.recommend-articles{width:780px;margin:24px auto 0}.recommend-title{font-size:14px;padding-left:15px;margin-bottom:10px;font-weight:400;color:#777}.articles-list:after{content:'';clear:both;display:block;height:0;visibility:hidden}.article,.article *{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.article{float:left;width:380px;height:108px;overflow:hidden;position:relative;margin-bottom:8px;background-color:#fff;cursor:pointer;margin-right:14px}.article:nth-child(2n){margin-right:0}.article:hover{text-decoration:none}.article .article-info{width:100%;height:100%;padding:16px 124px 16px 16px}.article .article-photo{position:absolute;right:0;top:0;width:108px;height:108px;line-height:0;background-color:#f0f0f0}.article .article-photo img{width:100%}.article .article-type{display:none;font-size:12px;color:#777;font-weight:400;margin-bottom:12px}.article .article-type i{display:inline-block;vertical-align:middle;width:7px;height:7px;margin-top:-3px;border-radius:50%;-webkit-border-radius:50%;margin-right:7px}.article .article-title{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;box-orient:vertical;-moz-box-orient:vertical;-webkit-box-orient:vertical;font-size:16px;max-height:42px;line-height:21px;color:#444}.article .article-author{font-size:11px;position:absolute;left:15px;bottom:16px;margin:auto;color:#777;right:124px}.article .article-author .split{width:1px;display:inline-block;background-color:#dbdbdb;height:9px;vertical-align:middle;margin:-2px 6px 0}.article .article-author span.count,.article .article-author span.name{letter-spacing:.6px;line-height:15px;height:15px;display:block}.article .article-author span.name{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;padding-right:20px;-webkit-box-flex:5;-webkit-flex:5;-moz-box-flex:5;-ms-flex:5;flex:5;width:75%}.article .article-author span.count{text-align:right;position:absolute;right:0;padding-left:14px;color:#aaa}.article .article-author span.count i{position:absolute;left:0;top:2px;width:10px;height:10px;background-size:100%;background-image:url(https://c-ssl.duitang.com/uploads/people/201607/20/20160720122311_mUYxi.png)}.article .article-author span.count i.topic{background-image:url(https://c-ssl.duitang.com/uploads/people/201607/20/20160720122537_4TQKv.png)}@media only screen and (min-width:640px){body,html{background-color:#f1f2f3}}@media only screen and (max-width:640px){body,html{background-color:#f5f5f5}.container{width:100%}#header{display:none}.none{text-align:center;padding-top:108px}.none img{width:108px;display:block;margin:0 auto 15px}.none p{font-size:15px}.recommend-articles{margin-top:67px;width:100%}.recommend-title{font-size:13px;padding-left:15px;margin-bottom:10px;font-weight:400}.article{display:block;float:none;height:130px;width:100%;overflow:hidden;position:relative;margin-bottom:8px;background-color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.article:active{background-color:#eee}.article .article-info{width:100%;height:100%;padding:15px 10px 12px 15px;padding-right:140px}.article .article-photo{position:absolute;right:0;top:0;width:130px;height:130px;line-height:0;background-color:#f0f0f0}.article .article-photo img{width:100%}.article .article-type{font-size:12px;color:#777;font-weight:400;margin-bottom:12px}.article .article-type i{display:inline-block;vertical-align:middle;width:7px;height:7px;margin-top:-3px;border-radius:50%;-webkit-border-radius:50%;margin-right:7px}.article .article-title{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;box-orient:vertical;-moz-box-orient:vertical;-webkit-box-orient:vertical;font-size:16px;max-height:42px;line-height:21px;color:#444}.article .article-author{font-size:11px;position:absolute;left:15px;bottom:12px;margin:auto;color:#777;right:140px}.article .article-author .split{width:1px;display:inline-block;background-color:#dbdbdb;height:9px;vertical-align:middle;margin:-2px 6px 0}.article .article-author span.count,.article .article-author span.name{letter-spacing:.6px;line-height:15px;height:15px;display:block}.article .article-author span.name{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;padding-right:20px;-webkit-box-flex:5;-webkit-flex:5;-moz-box-flex:5;-ms-flex:5;flex:5;width:75%}.article .article-author span.count{text-align:right;position:absolute;right:0;padding-left:14px;color:#aaa}.article .article-author span.count i{position:absolute;left:0;top:2px;width:10px;height:10px;background-size:100%;background-image:url(https://c-ssl.duitang.com/uploads/people/201607/20/20160720122311_mUYxi.png)}.article .article-author span.count i.topic{background-image:url(https://c-ssl.duitang.com/uploads/people/201607/20/20160720122537_4TQKv.png)}}