body {
       font-size: 16px;
       line-height: 24px;
       font-family: "Microsoft Yahei"
   }

   a {
       text-decoration: none
   }

   /* 文章列表 */
   #news_list {
       overflow: hidden
   }

   #news_list .head .title {
       width: 777px;
       height: 47px;
       margin: 40px auto 0;
       display: block;
       background-repeat: no-repeat;
   }


   #news_list .head .tab {
       text-align: center;
       margin-top: 44px;
       position: relative;
       z-index: 2
   }

   #news_list .head .tab a {
       padding: 0 14px 8px;
       margin: 0 26px;
       color: #422a22;
       font-weight: 700;
       display: inline-block;
       *display: inline;
       *zoom: 1;
       position: relative;
       font-size: 14px
   }

   /* 鼠标放在 tab 栏目上的效果 */
   #news_list .head .tab a.on,
   #news_list .head .tab a:hover {
       font-weight: bold;
       font-size: 18px;
   }

   #news_list ul.list {
       overflow: hidden;
       position: relative;
       height: 1278px;
       border-top: 1px solid #e2e2e2;
       margin-top: 15px
   }

   #news_list ul.list li {
       width: 100%;
       border-bottom: 1px solid #f2f2f2
   }

   #news_list ul.list li a {
       display: block;
       width: 1200px;
       margin: 0 auto;
       padding: 40px 0;
       position: relative;
       /* margin-left: 50%;
       transform: translate(-50%); */
   }

   #news_list ul.list li a i {
       position: absolute;
       top: 40px;
       left: 50px;
       width: 70px;
       height: 30px;
       -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
       -ms-border-radius: 30px;
       border-radius: 30px;
       background-color: #dfc79b;
       color: #333;
       font-size: 16px;
       line-height: 30px;
       text-align: center;
       -webkit-transition: all .6s ease;
       -moz-transition: all .6s ease;
       -ms-transition: all .6s ease;
       transition: all .6s ease
   }

   #news_list ul.list li a em {
       position: absolute;
       top: 50%;
       right: 0;
       margin-top: -10px;
       width: 39px;
       height: 21px;
       opacity: 0;
       filter: alpha(opacity=0);
       -webkit-transform: translate(-10px, 0);
       -moz-transform: translate(-10px, 0);
       -ms-transform: translate(-10px, 0);
       transform: translate(-10px, 0);
       -webkit-transition: all .6s ease;
       -moz-transition: all .6s ease;
       -ms-transition: all .6s ease;
       transition: all .6s ease;
       background-repeat: no-repeat;
   }

   #news_list .left_side {
       padding-left: 150px;
       padding-right: 48px;
       -webkit-transition: all .6s ease;
       -moz-transition: all .6s ease;
       -ms-transition: all .6s ease;
       transition: all .6s ease
   }

   #news_list .left_side .time,
   #news_list .left_side .title {
       font-size: 20px;
       color: #444;
       /* margin-left: 150px; */
   }

   #news_list ul.list li a .left_side .time {
       padding-right: 10px
   }

   #news_list ul.list li a .left_side .comment {
       display: block;
       line-height: 22px;
       color: #7d7d7d;
       margin-top: 12px
   }

   #news_list ul.list li:hover {
       background-color: #f6f3ed
   }

   #news_list ul.list li:hover i {
       -webkit-transform: translate(-50px, 0);
       -moz-transform: translate(-50px, 0);
       -ms-transform: translate(-50px, 0);
       transform: translate(-50px, 0);
       background-color: #376d39;
       color: #ffdaa0
   }

   #news_list ul.list li:hover .left_side {
       -webkit-transform: translate(-50px, 0);
       -moz-transform: translate(-50px, 0);
       -ms-transform: translate(-50px, 0);
       transform: translate(-50px, 0)
   }

   #news_list ul.list li:hover em {
       opacity: 1;
       filter: alpha(opacity=100);
       -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
       -ms-transform: translate(0, 0);
       transform: translate(0, 0)
   }

   #news_list .head .title {
       background-position: -54px 0px
   }

   #news_list ul.list li a em {
       background-position: -781px -54px
   }

   #news_list .paging .pager-list.show .first i {
       background-position: -781px -79px
   }

   #news_list .paging .pager-list .first i {
       background-position: -800px -79px
   }