#locations {
 float: left;
 width: 100%;
}

.location_box {
 position: relative;
 float: left;
 width: 23.85%;
 margin: 0 1.53% 1.53% 0;
 line-height: 1.5;
 background-color: #fff;
 box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.13);
 -webkit-transition: 0.2s ease-in-out;
 -moz-transition: 0.2s ease-in-out;
 -o-transition: 0.2s ease-in-out;
 transition: 0.2s ease-in-out;
}

.location_box:nth-child(4n) {
 margin: 0 0 1.53% 0;
}

.location_box:hover {
 box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.33);
}

.location_box>a:nth-child(1) {
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 width: 100%;
 height: 100%;
 font-size: 0;
 z-index: 4;
}

.location_box .image {
 position: relative;
 float: left;
 width: 100%;
 height: 180px;
}

.location_box .image>a {
 display: block;
 width: 100%;
 height: 100%;
}

.location_box .image a>img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.location_box .image .mask {
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, 0);
 z-index: 3;
 -webkit-transition: 0.4s ease-in-out;
 -moz-transition: 0.4s ease-in-out;
 -o-transition: 0.4s ease-in-out;
 transition: 0.4s ease-in-out;
}

.location_box:hover .image .mask {
 background-color: rgba(0, 0, 0, 0.3);
}

.location_box .box_bottom {
 float: left;
 width: 100%;
}

.location_box .title {
 float: left;
 width: 100%;
 height: 48px;
 padding: 0 23px;
 margin: 15px 0 13px 0;
 overflow: hidden;
}

.location_box .title table {
 width: 100%;
 height: 100%;
 margin: 0;
 border: 0;
 border-collapse: collapse;
 border-spacing: 0;
}

.location_box .title table td {
 width: 100%;
 height: 100%;
 padding: 0;
 margin: 0;
 vertical-align: middle;
}

.location_box .title a,
.location_box .title a:link,
.location_box .title a:visited,
.location_box .title a:hover {
 font-size: 19px;
 line-height: 1.2;
 color: #303030;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
}

.location_box:hover .title a {
 color: #714194;
}

.location_box .text {
 float: left;
 width: 100%;
 height: 55px;
 padding: 0 23px;
 font-size: 12px;
 line-height: 1.5;
 color: #4d4d4d;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
}

.location_box .info {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 float: left;
 width: 100%;
 height: 64px;
 padding: 0 23px;
 margin: 12px 0 0 0;
 border-top: 1px solid #efefef;
}

.location_box .location {
 display: flex;
 align-items: center;
 float: left;
 width: 50%;
 height: 100%;
}

.location_box .location .icon {
 float: left;
 min-width: 20px;
}

.location_box .location .icon img {
 width: 10px;
 height: 15px;
}

.location_box .location .location_text {
 float: left;
 flex: auto;
 max-height: 54px;
 font-size: 12px;
 color: #303030;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
}

.location_box .btn_container {
 float: right;
 width: 50%;
}

.location_box .see_more {
 position: relative;
 float: right;
 padding: 7px 20px;
 font-weight: 400;
 font-size: 12px;
 line-height: 1.1;
 color: #303030;
 text-transform: initial;
 background-color: #f6f6f6;
 border: 1px solid #e0e0e0;
 z-index: 5;
}

.location_box .see_more:hover {
 color: #fff;
 background-color: #714194;
 border: 1px solid #714194;
}

@media screen and (max-width:1200px) {
 .location_box,
 .location_box:nth-child(4n) {
  width: 32%;
  margin: 0 2% 2% 0;
 }
 .location_box:nth-child(3n) {
  margin: 0 0 2% 0;
 }
 /* .location_box .title {
  height: 44px;
 }
 .location_box .title a,
 .location_box .title a:link,
 .location_box .title a:visited,
 .location_box .title a:hover {
  font-size: 18px;
 } */
}

@media screen and (max-width:900px) {
 .location_box,
 .location_box:nth-child(3n),
 .location_box:nth-child(4n) {
  width: 49%;
  margin: 0 2% 2% 0;
 }
 .location_box:nth-child(2n) {
  margin: 0 0 2% 0;
 }
 .location_box .image {
  height: 160px;
 }
}

@media screen and (max-width:750px) {
 .location_box .image {
  height: 140px;
 }
 /* .location_box .title {
  height: 42px;
 }
 .location_box .title a,
 .location_box .title a:link,
 .location_box .title a:visited,
 .location_box .title a:hover {
  font-size: 17px;
 } */
 .location_box .text {
  height: 73px;
  -webkit-line-clamp: 4;
 }
}

@media screen and (max-width:600px) {
 .location_box,
 .location_box:nth-child(2n),
 .location_box:nth-child(3n),
 .location_box:nth-child(4n) {
  width: 100%;
  margin: 0 0 4% 0;
 }
 .location_box .title {
  height: 25px;
 }
 .location_box .title a,
 .location_box .title a:link,
 .location_box .title a:visited,
 .location_box .title a:hover {
  font-size: 19px;
  line-height: 1.3;
  -webkit-line-clamp: 1;
 }
 .location_box .text {
  height: 35px;
  -webkit-line-clamp: 2;
 }
}

@media screen and (max-width:400px) {
 .location_box .title {
  height: 52px;
 }
 .location_box .title a,
 .location_box .title a:link,
 .location_box .title a:visited,
 .location_box .title a:hover {
  -webkit-line-clamp: 2;
 }
 .location_box .text {
  height: 52px;
  -webkit-line-clamp: 3;
 }
}