解决改变字体的样式冲突

components/news/Left.vue

@@ -60,6 +60,7 @@
     width: 100%;
     height: 40px;
     line-height: 40px;
+    font-size: 18px!important;
     margin: 0;
   }
   .hot-news h4 span{

components/news/Right.vue

@@ -79,6 +79,7 @@
   .news-content h4{
     border-bottom: #e8e8e8 1px solid;
     line-height: 40px;
+    font-size: 18px!important;
     margin: 0;
   }
   .news-content h4 span.label{

pages/news/index.vue

@@ -36,10 +36,8 @@
 </script>
 
 <style>
-  *{
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
+  .clearfix, .nav-list{
+    font-size: 14px!important;
   }
   .footer .item{
     margin-top: 20px;
@@ -48,16 +46,13 @@
     height: 36px!important;
     min-height: 36px!important;
   }
-
   .news-container{
     font: 100%/1.2 verdana, "Microsoft YaHei", '宋体', serif;
   }
-  .hot-news a:hover{
-    text-decoration: underline;
-  }
-  .news-content a:hover{
+  .news-container a:hover{
     text-decoration: underline;
   }
+
   div{
     display: block;
   }