.container__HotArticle{width:100%}.container__HotArticle .articles{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;overflow:hidden;width:100%}.container__HotArticle .articles-item{background-color:#fff;border-bottom:1px solid #f0f2f7;flex-shrink:1;padding:10px 13px;position:relative;transition:background-color .3s;width:50%}.container__HotArticle .articles-item.bottom{border-bottom:0}.container__HotArticle .articles-item.articles_line{border-right:1px solid #e7e7e9}.container__HotArticle .articles-item:hover{background-color:#f5fafd;transition:background-color .3s}.container__HotArticle .articles-item>.articles-title{color:#33353c;cursor:pointer;display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container__HotArticle .articles-item>.articles-title:hover{color:#2196f3}.container__HotArticle .articles-item>.articles-content{display:flex;font-size:13px;justify-content:space-between;margin-top:5px}.container__HotArticle .articles-item>.articles-content>.articles-name{align-items:center;color:#666;cursor:pointer;display:flex;font-size:13px}.container__HotArticle .articles-item>.articles-content>.articles-name:hover{color:#2196f3}.container__HotArticle .articles-item>.articles-content>.articles-name>img{background-color:#fafafa;border-radius:50%;height:20px;margin-right:5px;vertical-align:middle;width:20px}.container__HotArticle .articles-item>.articles-content>.articles-datetime{color:#666c72;display:flex;text-align:right}.container__article{align-items:flex-start;display:flex;flex-wrap:wrap;margin:20px auto}.container__article .column-main{flex:1;margin-right:20px;overflow:hidden}.container__article .column-main .IsImgBox{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;overflow:hidden;width:100%}.container__article .column-main .IsImgBox a{display:inline-block}.container__article .column-main .IsImgBox img{cursor:pointer;height:100%;vertical-align:middle;width:100%}.container__article .column-main .IsImgBox .men{align-items:center;background:#211615;box-sizing:border-box;color:#fff;display:flex;font-size:18px;height:73px;overflow:hidden;padding:0 10px;width:100%}.container__article .column-main .IsImgBox .right{background:#f1f1f1;border-radius:3px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;width:350px}.container__article .column-main .IsImgBox .right img{height:199px}.container__article .column-main .IsImgBox .left{align-content:space-between;align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;height:272px;justify-content:space-between;margin-left:10px;overflow:hidden;width:480px}.container__article .column-main .IsImgBox .left div{background:#f1f1f1;border-radius:3px;cursor:pointer;height:131px;overflow:hidden;position:relative;width:235px}.container__article .column-main .IsImgBox .left div img{height:100%;width:100%}.container__article .column-main .IsImgBox .left div .men{background:linear-gradient(rgba(0,0,0,.2),#000);bottom:0;font-size:14px;height:50px;left:0;padding:5px;position:absolute;z-index:1}.container__article .column-main .column-body{margin-top:20px}.container__article .column-main .column-body ul.columns__type{align-items:center;background-color:#fff;display:flex;font-size:15px}.container__article .column-main .column-body ul.columns__type li{border-bottom:1px solid #efefef;border-left:1px solid #fff;border-right:1px solid #fff;color:#33353c;cursor:pointer;display:inline-block;flex:1;padding:13px 0;text-align:center;width:100%}.container__article .column-main .column-body ul.columns__type li:hover{background-color:#f5fafd;color:#2196f3}.container__article .column-main .column-body ul.columns__type li:first-child.active{border-left:1px solid #fff}.container__article .column-main .column-body ul.columns__type li:last-child.active{border-right:1px solid #fff}.container__article .column-main .column-body ul.columns__type li.active{background-color:#fff;border-bottom:1px solid #fff;border-left:1px solid #efefef;border-right:1px solid #efefef;color:#2196f3;position:relative}.container__article .column-main .column-body ul.columns__type li.active:after{background-color:#2196f3;content:"";height:2px;left:0;position:absolute;top:0;transition:all .3s;width:100%;z-index:1}.container__article .column-main .column-body .null__box{align-items:center;display:flex;flex-direction:column;padding:30px}.container__article .column-main .column-body .recommend{background-color:#fff;border-top:1px solid #eee;padding:20px}.container__article .column-main .column-body .recommend>p{color:#33353c;font-size:16px;line-height:1;margin-bottom:10px}.container__article .column-main .column-body .recommend .recommend__img{display:flex;justify-content:space-between;overflow:hidden;width:100%}.container__article .column-main .column-body .recommend .recommend__img>img{cursor:pointer}.container__article .column-main .column-body .more{border:1px solid #e5e5e5;color:#999;margin-bottom:20px;position:relative;transition:all .3s;width:100%}.container__article .column-main .column-body .more:hover{border-color:#2196f3;color:#2196f3;transition:all .3s}.container__article .column-main .column-body .more.moreLoading:after{animation:ellipsis 2s infinite;content:"\2026";display:inline-block;overflow:hidden;position:absolute;vertical-align:bottom}@keyframes ellipsis{0%{width:2px}to{width:15px}}.container__article .other{flex-shrink:0;max-width:340px;width:340px}