style:消息模块样式

@@ -117,11 +117,13 @@ div.top-logo .top_logo_search i {
 }
 }
 .navigation {
 .navigation {
     text-align: center;
     text-align: center;
-    height: 59px;
+    height: 70px;
+    line-height: 70px;
 }
 }
 .navigation .layui-nav-item {
 .navigation .layui-nav-item {
     width: 149px!important;
     width: 149px!important;
     position: relative;
     position: relative;
+    line-height: 70px;
 }
 }
 /* .navigation .layui-nav-item a {
 /* .navigation .layui-nav-item a {
     border-right: 1px solid rgba(255,255,255, 0.1);
     border-right: 1px solid rgba(255,255,255, 0.1);
@@ -144,7 +146,7 @@ div.top-logo .top_logo_search i {
     background-color: #2F83F7!important;
     background-color: #2F83F7!important;
 }
 }
 .layui-nav-item a{
 .layui-nav-item a{
-    font-size: 18px;
+    font-size: 22px;
 }
 }
 .layui-nav .layui-nav-more {
 .layui-nav .layui-nav-more {
     right: 16px;
     right: 16px;
@@ -203,6 +205,7 @@ div.top-logo .top_logo_search i {
     font-size: 14px;
     font-size: 14px;
     color: #7A7A7A;
     color: #7A7A7A;
     padding-right: 0!important;
     padding-right: 0!important;
+    height: 35px;
   }
   }
   .userImage {
   .userImage {
     position: relative;
     position: relative;
@@ -292,9 +295,9 @@ div.top-logo .top_logo_search i {
     position: relative;
     position: relative;
 }
 }
 .sysNewsList {
 .sysNewsList {
-    top: 30px!important;
-    border-radius: 5px!important;
+    top: 24px!important;
     width: 360px!important;
     width: 360px!important;
+    left: -238px;
 }
 }
 .sysNewsItem .sysNewsNum {
 .sysNewsItem .sysNewsNum {
     position: absolute;
     position: absolute;
@@ -321,6 +324,7 @@ div.top-logo .top_logo_search i {
 .sysNewsList dd {
 .sysNewsList dd {
     padding-top: 10px;
     padding-top: 10px;
     background-color: #ffffff!important;
     background-color: #ffffff!important;
+    border-bottom: 1px solid #E2EAF1;
 }
 }
 .sysNewsList dd a:hover {
 .sysNewsList dd a:hover {
     background: none!important;
     background: none!important;
@@ -338,30 +342,54 @@ div.top-logo .top_logo_search i {
 }
 }
 
 
 .sysNewsTitle {
 .sysNewsTitle {
-    background-color: #dedede;
-    line-height: 36px;
+    line-height: 50px;
     padding-left: 20px;
     padding-left: 20px;
     position: relative;
     position: relative;
     top: -1px;
     top: -1px;
-    border-top-left-radius: 5px;
-    border-top-right-radius: 5px;
+    border-bottom: 1px solid #E2EAF1;
+    color: #686666;
+    font-size: 16px;
+    font-weight: 700;
 }
 }
 .sysNewsOperation {
 .sysNewsOperation {
-    height: 36px;
+    background: #FCFCFC;
+    border-bottom: 1px solid #E5E8ED;
     display: block;
     display: block;
+    height: 50px;
+    line-height: 50px;
 }
 }
-.sysNewsOperation span{
+.sysNewsOperation p{
     float: left;
     float: left;
     cursor: pointer;
     cursor: pointer;
-    color: #006CFF;
-    font-size: 12px;
+    font-size: 14px;
     margin-left: 20px;
     margin-left: 20px;
+    color: #7A7A7A;
+}
+.sysNewsOperation p span {
+    display: inline-block;
+    width: 14px;
+    height: 14px;
+    border: 1px solid #CDCDCD;
+    border-radius: 50%;
+    position: relative;
+    top: 2px;
+    right: 5px;
+}
+.sysNewsOperation p span::before {
+    content: '';
+    position: absolute;
+    width: 4px;
+    height: 4px;
+    background-color: #AAAAAA;
+    border-radius: 50%;
+    left: 5px;
+    top: 6px;
 }
 }
 .sysNewsOperation a{
 .sysNewsOperation a{
     float: right;
     float: right;
     cursor: pointer;
     cursor: pointer;
-    color: #006CFF!important;
-    font-size: 12px;
+    color: #2F83F7!important;
+    font-size: 14px;
 }
 }
 .sysNewsOperation a:hover {
 .sysNewsOperation a:hover {
     background-color: #ffffff!important;
     background-color: #ffffff!important;

@@ -364,6 +364,7 @@ div.c_five ul li a img {
     font-size: 14px;
     font-size: 14px;
     color: #7A7A7A;
     color: #7A7A7A;
     line-height: 36px;
     line-height: 36px;
+    cursor: pointer;
 }
 }
 /* 好差评 */
 /* 好差评 */
 .good-bad-comments-box {
 .good-bad-comments-box {

@@ -12,6 +12,19 @@ function newsCenterData() {
     $(document).on("mouseout", ".sysNewsList .newsDetail", function (e) {
     $(document).on("mouseout", ".sysNewsList .newsDetail", function (e) {
         $('.sysNewsList .newsDetail').addClass('ellipsis');
         $('.sysNewsList .newsDetail').addClass('ellipsis');
     })
     })
+
+    $(document).on("mouseover", ".sysNewsItem .userImage", function (e) {
+        $(this).attr('src','/staticImages/sexiaoxi.png');
+    })
+    $(document).on("mouseout", ".sysNewsItem .userImage", function (e) {
+        $(this).attr('src','/staticImages/xiaoxi.png');
+    })
+    $(document).on("mouseover", ".sysNewsList", function (e) {
+        $('.sysNewsItem .userImage').attr('src','/staticImages/sexiaoxi.png');
+    })
+    $(document).on("mouseout", ".sysNewsList", function (e) {
+        $('.sysNewsItem .userImage').attr('src','/staticImages/xiaoxi.png');
+    })
 }
 }
 // 根据用户id及展示数量读取消息提醒
 // 根据用户id及展示数量读取消息提醒
 function fetchNewsData(userid, size) {
 function fetchNewsData(userid, size) {

@@ -109,7 +109,7 @@ function appendData() {
     '<dl class="layui-nav-child sysNewsList">' +
     '<dl class="layui-nav-child sysNewsList">' +
     '<div class="sysNewsTitle">最新消息</div>' +
     '<div class="sysNewsTitle">最新消息</div>' +
     '<div class="sysNewsOperation">' +
     '<div class="sysNewsOperation">' +
-    '<span>全部标记为已阅</span><a href="/staticViews/sysnews-center.html">查看全部</a>' +
+    '<p><span></span>全部标记为已阅</p><a href="/staticViews/sysnews-center.html">查看全部</a>' +
     '</div>' +
     '</div>' +
     '<div id="sysNewsList-con">'+
     '<div id="sysNewsList-con">'+
     '</div>'+
     '</div>'+