@charset "utf-8";
/* CSS Document */

.ls-ztzllist { margin-top: 25px; }
.ls-ztzllist li { width: 390px; margin-right: 45px; float: left; margin-bottom: 40px; }
.ls-ztzllist li:nth-of-type(3n) { margin-right: 0; }
.ls-ztzllist li .img_img { display: block; height: 210px; }
.ls-ztzllist li .img_img img { width: 100%; height: 100%; }
.ls-ztzllist li .con { background: #f8f8f8; padding: 20px 30px 30px; height: 224px; box-sizing: border-box; position: relative; }
.ls-ztzllist li .con .img_title { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 22px; font-weight: bold; text-align: center; }
.ls-ztzllist li .con p { padding-top: 12px; font-size: 16px; line-height: 34px; color: #505050; max-height: 80px; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; text-align: justify; overflow: hidden; }
.ls-ztzllist li .con .img_btn { display: block; width: 120px; height: 36px; line-height: 36px; background: #f1a623; border-radius: 100px; text-align: center; color: #fff; font-size: 18px; position: absolute; bottom: 30px; left: 50%; margin-left: -60px; }
.ls-ztzllist li .con .img_btn:hover { background: #fff; color: #f1a623; border: 1px solid #f1a623; }
@media (min-width: 992px) and (max-width: 1259px) {
  .ls-ztzllist { margin-top: 20px; }
  .ls-ztzllist li { width: 310px; margin-right: 30px; margin-bottom: 30px; }
  .ls-ztzllist li .img_img { height: 167px; }
  .ls-ztzllist li .con { padding: 20px; height: 204px; }
  .ls-ztzllist li .con .img_btn { bottom: 20px; }
}
@media (max-width: 991px) {
  .ls-ztzllist { margin-top: 15px; }
  .ls-ztzllist li { width: 376px; margin-right: 15px; margin-bottom: 15px; }
  .ls-ztzllist li:nth-of-type(3n) { margin-right: 15px; }
  .ls-ztzllist li:nth-of-type(2n) { margin-right: 0; }
  .ls-ztzllist li .img_img { height: 202px; }
  .ls-ztzllist li .con { padding: 15px; height: 182px; }
  .ls-ztzllist li .con p { padding-top: 10px; }
  .ls-ztzllist li .con .img_btn { bottom: 15px; }
}
@media (max-width: 767px) {
  .ls-ztzllist { margin-top: 10px; }
  .ls-ztzllist li { width: 100%; margin-bottom: 15px; }
  .ls-ztzllist li .img_img { height: auto; }
  .ls-ztzllist li .con { padding: 10px 10px 46px; height: auto; }
  .ls-ztzllist li .con p { padding-top: 5px; }
  .ls-ztzllist li .con .img_btn { bottom: 10px; }
}

/*适老化*/
body.useOldFixed .ls-ztzllist li .con { height: auto; padding: 20px 30px 86px; }
body.useOldFixed .ls-ztzllist li .con .img_btn { width: auto; padding: 0 15px; margin-left: -89px; }