@media screen and (min-width:980px){.news-body{margin:50px 0;padding:0 50px;-webkit-box-sizing:border-box;box-sizing:border-box}.news-body .news-top{display:-webkit-box;display:-ms-flexbox;display:flex}.news-body .news-top .news-left{-webkit-box-flex:5;-ms-flex:5;flex:5}.news-body .news-top .news-right{-webkit-box-flex:2;-ms-flex:2;flex:2;margin-left:20px}.news-body .news-top .news-right .like-wrap{border:1px solid #d9d9d9}.news-nav{color:#54616c}.news-nav .nav-name a{text-decoration:none;color:#54616c}.news-nav .nav-name a:hover{text-decoration:underline;color:#2699fb}.news-title{font-size:30px;margin-top:20px}.news-time{margin-bottom:20px}.news-content{line-height:1.8}.news-like-img{float:left}.news-like-img img{width:100px}.news-like-title{margin-left:120px}li,ul{margin:0;padding:0}.like-list li{margin-bottom:10px}.like-list{padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.like-list ul li .news-like-title a{text-decoration:none;color:#54616c}.like-list ul li .news-like-title a:hover{text-decoration:underline;color:#2699fb}.news-recommend ul li{display:inline-block;margin-right:20px}.news-recommend ul li a{color:#8a8e8f}.news-recommend ul li a:hover{text-decoration:underline;color:#2699fb}.like-title,.recommend-title{font-weight:700;font-size:20px;margin-bottom:10px}.like-title{padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.news-content img{display:block;width:500px;padding:10px 0;margin:0 auto}.news-recommend{margin-top:50px}}@media screen and (max-width:979px){.news-body{width:100%}.news-body,.news-body .news-top,.news-body .news-top .news-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.news-body .news-top .news-left{border-bottom:10px solid #ecf0f1;padding:0 10px}.news-body .news-top .news-left .news-nav{padding:10px 0;font-size:16px}.news-body .news-top .news-left .news-nav .nav-name a{text-decoration:none;color:#54616c}.news-body .news-top .news-left .news-title{font-size:20px}.news-body .news-top .news-left .news-time{font-size:12px}.news-body .news-top .news-left .news-content img,.news-body .news-top .news-right{width:100%}.news-body .news-top .news-right .like-wrap{width:calc(100% - 20px);padding:10px;border-bottom:1px solid #ecf0f1}.news-body .news-top .news-right .like-wrap .like-title{font-size:16px}.news-body .news-top .news-right .like-wrap .like-list .news-like-img{display:none}.news-body .news-top .news-right .like-wrap .like-list .news-like-title{margin-left:-35px}.news-body .news-top .news-right .like-wrap .like-list a:before{content:"";display:inline-block;width:4px;height:4px;background-color:#666;vertical-align:middle;margin-right:7px;border-radius:4px}.news-body .news-top .news-right .like-wrap .like-list a{text-decoration:none;color:#54616c}.news-body .news-recommend{padding:10px}.news-body .news-recommend .recommend-title{font-size:16px}.news-body .news-recommend ul li a:before{content:"";display:inline-block;width:4px;height:4px;background-color:#666;vertical-align:middle;margin-right:7px;border-radius:4px}.news-body .news-recommend ul li .recommend-list{margin-left:-35px}.news-body .news-recommend ul li a{text-decoration:none;color:#54616c}}