﻿@charset "utf-8";
/* CSS Document */
/*列表页*/
.mainBox{ width:1260px; margin:0 auto; background-color:#fff; margin-bottom:20px;}
.mainLeft{float:left;}
.listItem{padding-bottom:10px; padding-top:10px;border-bottom:solid 1px #f1f1f1; border-right:solid 1px #f1f1f1;}
.listItem .listLeft,.listItem .listRight{ float:left;}
.listItem .listLeft{ width:160px; height:128px; display:block; margin-left:10px;}
.listItem .listRight{ width:600px; height:138px; margin-left:20px;}
.listItem .listRight .listtop {height:30px;line-height:26px;font-size:18px;}
.listItem .listRight .listmiddle{font-size:14px;height:46px;line-height:24px;width:568px;margin-bottom: 35px}
.listItem .listRight .listbottom{ font-size:14px; line-height:30px;}
.listRight .listtop a {
    color: #18191c;
    font-weight: 600;
}
.listLeft  img { border-radius: 4px;}
.listRight .listmiddle a, .listRight .listbottom {
    color: #18191c;
   
}
.clear{ clear:both;}
.listItem .listRight .listbottom .right {float:right;padding-right:25px;}
.mainRight{ width:400px;float:right; }
.mainRight .rightitem{ width:328px; padding-left:20px; padding-right:20px; padding-top:20px; border-bottom:solid 1px #f1f1f1;}
.mainrightfenlei {
    width: 400px;
    float: right;
}

    .mainrightfenlei .rightitemfenlei {
        width: 400px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
        border-bottom: solid 1px #f1f1f1;
    }
.listside li img {width:160px;height:100px;border-radius: 4px;}
.listside li img:hover{-webkit-transform:scale(1.08);transform: scale(1.08);}
.listside li img {-webkit-transition: opacity .5s,-webkit-transform .6s ease-in-out;transition: opacity .5s,-webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out,opacity .5s;transition: transform .6s ease-in-out,opacity .5s,-webkit-transform .6s ease-in-out;-webkit-transition-delay: .1s;transition-delay: .1s;
    -webkit-backface-visibility: hidden;backface-visibility:hidden;-webkit-perspective: 1000;perspective:1000;border-radius: 4px;}
.listside {margin:0px auto;padding: 0px;}
.rightitem .rightTitle {
    font-size: 14px;
    color: #18191c;
    height: 38px;
    font-weight: 600;
}
.listside li .limg {width:160px;height:100px;float:left;}
.listside li .rtext {width:144px;height:80px;float:right;position:relative;}
.listside li{ margin-bottom:20px; position:relative;}
.listside li .rtext .sidetitle {font-size:14px;height:20px;}
.listside li .rtext .sidesummary {font-size:12px;height:38px;line-height:18px;margin-top:4px; margin-bottom:4px; position:absolute;bottom:0px;}
    .listside li .rtext .sidetitle a {
        color: #18191c;
    }
    .listside li .rtext .sidesummary a {
        color: #18191c;
    }
.listside li .rtext .sidetitle a:hover{color:#44B549;}
/*分页*/
.pager {margin-top:5px;margin-bottom:30px; text-align:center;align-content:center;}
.pager a, .pager li {display:inline-block;list-style:none;text-decoration:none;text-align:center}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }
  .pagination > li {
    display: inline; }
    .pagination > li > a,
    .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      line-height: 1.428571429;
      text-decoration: none;
      color: #337ab7;
      background-color: #fff;
      border: 1px solid #ddd;
      margin-left: -1px; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px; }
  .pagination > li > a:hover, .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 15px;
  line-height: 1.3333333; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px; }
.sidebar-box {
    background: #fff;
    margin: 0 0 20px 0;
    padding: 4px;
}

    .sidebar-box.cate-list {
        padding: 0
    }

    .sidebar-box .cate-items {
        overflow: hidden;
        padding-left: 14px;
        text-align: center;
        padding-bottom: 16px
    }

        .sidebar-box .cate-items a {
            color: #999;
            background-color: #f6f6f6;
            float: left;
            width: 31.3333%;
            margin: 0 1% 1% 0;
            padding: 0;
            font-size: 14px;
            height: 36px;
            line-height: 36px;
            overflow: hidden
        }

    .sidebar-box.about-author .article-body {
        padding: 0
    }
.sidebar-tree .double-li {
    width: 400px;
}
    .sidebar-tree .double-li li {
        width: 38%;
        line-height: 2.8em;
        border-bottom: 1px solid #ccc;
        float: left;
        display: inline;
    }
.recommend-here {
    margin: 0 auto 10px auto;
    padding: 0 19px 10px 19px;
    text-align: center;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}
ul.menu {
    display: flex;
    flex-direction: column; /* 垂直排列 */

    list-style-type: none;
    padding: 0;
    margin: 0;
}
    .menu li {
        margin: 0;
    }
.submenu {
    font-size: 14px;
    color: #18191c;
    font-weight:600;
}