.special-box {}

  .banner-box {
    height: 400px;
  }

  .banner-box img {
    width: 100%;
    height: 100%;
    display: block;
  }

  .info-box {
    padding: 0 20px 60px;
    background-color:#f8f9fa;
  }

  .info-title {
    margin: 0 0 15px;
  }

  .info-content {
    font-size: 14px;
    line-height: 1.4;
  }

  .info-title-left {
    font-size: 20px;
    font-weight: 700;
    float: left;
  }

  .share-box {
    float: right;
  }

  .info-text-box {
    position: relative;
    background: #fff;
    border-radius: 16px;
    margin: -20px 0 10px;
    padding: 18px 20px;
  }

  .list-box {
    background: #fff;
    border-radius: 16px;
    margin-top: 10px;
    padding: 0 20px 10px;
  }

  .list-title {
    font-size: 20px;
    height: 50px;
    line-height: 50px;
  }

  .list-body-ul {
    margin: -10px 0;
  }

  .list-body-ul li {
    border: 1px solid #e2e6eb;
    padding: 9px;
    margin: 10px 0;
  }

  .list-body-ul li .img-box {
    float: left;
    margin: 0 20px 0 0;
    position: relative;
  }

  .list-body-ul li .img-bg-box {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    ;
  }

  .img-white-box {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
  }

  .list-body-ul li .content-box {
    float: left;
    width: 835px;
    height: 150px;
    padding-top:10px;
    position: relative;
  }

  .content-box .list-body-title {
    font-size: 16px;
    font-weight: 700;
  }

  .content-box .list-operat {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .tag-box {
    float: left;
    margin: 2px 10px 0 0;
    height:20px;
    max-width:700px;
  }

  .tag-item {
    float: left;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    border-radius: 20px;
    background: rgb(241, 243, 245);
    margin: 0 10px 0 0;
    cursor: pointer;
  }

  .tag-type {
    float: left;
    margin: 0 10px 0 0;

    position: initial;
  }


  .tag-item:hover {
    color: rgb(0, 102, 255);
    background: rgb(230, 240, 255);
  }

  .share-box {
    float: right
  }

  .list-body-ul li .img-box {
    width: 240px;
    float: left;
    height: 160px;
  }

  .list-body-ul li .img-box img {
    width: 100%;
    height: 100%;
  }

  .list-time {
    height: 20px;
    line-height: 20px;
    margin: 8px 0;
    color: #797979;
  }

  .list-time .time-inline {
    float: left;
    margin: 0 15px 0 0;
  }

  .list-time .tag-inline {
    float: left;
  }

  .list-desc {
    color: rgba(51, 51, 51, 0.5);
    line-height: 1.5;
    max-height:65px;
  }
  .list-operat .share-box {
    display:none;
  }
  .list-body-ul li:hover .share-box {
    display:block;
  }
  .show_card_tags {position: initial;}
  .white_bg_advert {background:#fff;margin-top:0;padding-top:10px;}