.law-ul {
  margin-top: 40px;
  display: none;
}

.law-li {
  float: left;
  padding: 40px;
  background-color: #fff;
  margin-bottom: 40px;
}

.law-li-imgBox,
.law-li-img {
  width: 300px;
  height: 220px;
}

.law-right {
  width: 760px;
}

.law-li-title {
  font-family: PingFangSCSemibold-;
  font-size: 20px;
  color: #333333;
  margin-bottom: 30px;
  display: block;
}

.law-li-desc {
  width: 100%;
  font-size: 16px;
  color: #666;
  margin-bottom: 50px;
}

.law-li-time {
  font-family: PingFangSCSemibold-;
  font-size: 18px;
  color: #0095FF;
}

.law-li-btn {
  width: 120px;
  text-align: center;
  line-height: 40px;
  background: #0095FF;
  border-radius: 2px;
  color: #fff;
}

.lawDtl {
  background-color: #fff;
}

.lawDtl-title {
  font-size: 20px;
  padding: 40px 0;
  text-align: center;
}

.author {
  padding-bottom: 20px;
  margin-bottom: 20px;
  padding-left: 40px;
  border-bottom: 1px solid #ccc;
}

.author li {
  float: left;
  display: inline-block;
  margin-right: 30px;
}


.desc {
  width: 1120px;
  margin: 0 auto;
  font-family: PingFangSCRegular;
  font-size: 16px;
  /*color: #666666;*/
  text-indent: 20px;
  padding-bottom: 40px;
  min-height: 300px;
}

.nextArticle {
  border-top: 1px solid #ccc;
  padding: 40px;
}

.nextArticle li {
  margin-bottom: 20px;
}

.nextArticle-back {
  width: 120px;
  text-align: center;
  line-height: 40px;
  display: inline-block;
  margin-top: 12px;
  background: #0095FF;
  border-radius: 2px;
  font-size: 18px;
  color: #fff;
}

.pageInfo{
  text-align: center;
  margin: 20px;
}
.pageInfo li{
  display: inline-block;
}
.desc p {
    margin: 20px 0;
    line-height: 26px;
}
.yedd {
    padding: 0 40px 40px 40px;
}

.ryeg {
    font-weight: bold;
    font-size: 20px;
    margin: 0 0 25px 0;
}

.yedd ul li {
    margin: 0 20px 20px 0;
    float: left;
    width: 47%;
    font-size: 16px;
  color: #111;
}
.yedd li p {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    text-indent: 27px;
    margin: 10px 0;
  	height: 42px;
}

.yedd li a {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}



@media screen and (max-width: 768px) {

  .law-ul {
    margin-top: 20px;
  }

  .law-li {
    padding: 10px;
    margin-bottom: 20px;
  }

  .law-li .u-ells3 {
    -webkit-line-clamp: 2;
  }

  .law-li-imgBox,
  .law-li-img {
    width: 43.2%;
    height: auto;
  }

  .law-right {
    width: 56%;
  }

  .law-li-title {
    font-size: 16px;
    margin-bottom: 5px;
  }

  .law-li-desc {
    margin-bottom: 10px;
  }

  .law-li-time {
    font-size: 13px;
    line-height: 30px;
  }

  .law-li-btn {
    width: 80px;
    line-height: 30px;
    border-radius: 2px;
  }

  .lawDtl-title {
    font-size: 16px;
    padding: 10px 0;
  }

  .author {
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
  }

  .author li {
    margin-right: 10px;
  }

  .desc {
    width: 100%;
    font-size: 14px;
    padding: 20px 10px;
    text-indent: 20px;
    min-height: 250px;
  }

  .nextArticle {
    padding: 10px;
  }

  .nextArticle li {
    margin-bottom: 10px;
  }

  .nextArticle-back {
    width: 80px;
    line-height: 30px;
    margin-top: 10px;
    font-size: 13px;
  }
  .yedd {
    padding: 10px;
}

.yedd ul li {
    width: 97%;
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

}