.list-item .pull-left {width: 240px;}
  .list-item .pull-left a{position : relative;display: block;margin-bottom: 15px; line-height: 78px;font-size: 18px;color:#666;text-decoration: none;text-align: center;background-color: #fff;}
  .list-item .pull-left a:after{content:"";position: absolute;left:0;top: 50%;margin-top: -13px; width: 4px;height: 26px;background: linear-gradient(-30deg, #15C994, #21C17F);border-radius: 2px;opacity: 0;visibility: hidden;}
  .list-item .pull-left a.active,.list-item .pull-left a:hover{color: #000;font-weight: bold;}
  .list-item .pull-left a.active:after,.list-item .pull-left a:hover:after{opacity: 1;visibility: visible;}
  .list-item > .pull-right {width: 915px;}
  .list-item .pull-right .article-time{color: #7B8180;}
  .list-item .pull-right .s-name{margin-right: 25px; text-decoration:underline ;color: #21C17F;}
  .list-item .pull-right .article-content p{line-height: 40px;font-size: 16px;}
  .list-item .pull-right .article-content img{max-width: 100%;}
  .list-item .pull-right .turn-page{line-height: 50px;background-color: #fff;padding-left: 25px;padding-right: 25px;margin-bottom: 50px;margin-top: 50px;}
  @media screen and (max-width: 1366px) {
   .list-item .pull-left {width: 180px;}
   .list-item .pull-left a{line-height: 60px;font-size: 16px;}
   .list-item > .pull-right {width: 790px;}
   .list-item .pull-right h3{font-size: 22px;}
  }