body>.container {overflow: auto;}
.cases-tit {text-align: center; font-size: 24px; font-weight: 400; margin: 48px auto;}

.cases-types {margin: 0 auto; display: table;}
.cases-types a{font-size: 16px; padding: 12px 24px; border: 1px solid #0A1629; display: inline-block; margin-right: 32px;}
.cases-types a:last-child {margin-right: 0;}
.cases-types a.active {color: #F0A749; border: 1px solid #F0A749;}

.cases-time {border: 1px solid #91929E; border-radius: 8px; width: 600px; height: 60px; line-height: 60px;  margin: 32px auto}
.cases-time a {font-size: 14px; margin-left: 24px; display: inline-block; color: #91929E;}

.cases-list {
  width: 1200px;
  margin: 48px auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 22px;
}
.cases-list .cases-item {position: relative; z-index: 1;padding-left: 10px;}
.cases-list .cases-item img {
  width: 100%;
  height: 185px;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.cases-list .cases-item p {text-align: center; font-size: 16px; margin: 6px auto 12px;}
.cases-item_time {
  position: absolute;
  top: 18px;
  left: 0;
  background-color: #fff;
  font-size: 16px;
  padding: 8px;
  color: #F0A749;
  border: 2px solid #F0A749;
  display: inline-block;
}
.cases-list .cases-item .cases-item_img {
  width: 100%;
  height: 185px;
  overflow: hidden;
} 
.cases-list .cases-item:hover img {
  transform: scale(1.1);
}
.cases-list .cases-item:hover .cases-item_time {
  background: #F0A749;
  color: #fff;
}

/* 详情页 */
.cont-top {margin: 32px auto;}
.cont-top a {
  display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #91929E;
}
.cont-top i {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
}
.detail-info_left h1  {
  width: 440px;
  font-size: 36px;
  font-weight: 400;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  margin-bottom: 32px;
}
.detail-info_left p {
  color: #91929E;
  line-height: 32px;
}
.detail_left_button a {
  display: inline-block;
  background: #F0A749;
  color: #FFFFFF;
  padding: 0 32px;
  height: 70px;
  line-height: 70px;
  font-size: 16px;
  margin-right: 32px;
  margin-top: 48px;
  border-radius: 2px;
}
.detail_left_button a:last-child {background-color: #fff; color: #535B69;}
.detail_left_button a i{margin-top: -2px; margin-left: 12px; vertical-align: middle;}
.detail-info_right img {
  width: 500px;
}
.detail-info_right .cases-item_time {
  top: 60px;
  left: -20px;
}
.detail-info_list {margin-top: 48px;}
.detail-info_list img {
  margin-top: 24px;
}
.detail-info_tit {margin-top: 24px;}
.detail-info_tit p {text-indent: 24px; margin-bottom: 12px;line-height: 24px;}

.detail-other h3 {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #F0A749;
  margin: 24px auto;
  letter-spacing: 1px;
}
.detail-other .cases-list {
  width: 980px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 24px;
}



.am-table>tbody>tr>td{border-top: none;}
.upload-img {position: relative;display: block; float: left;margin-right: 10px;margin-top: 10px;width: 200px; height: 95px; overflow: hidden;}
.upload-img a:first-child{position: absolute; top: 2px; left: 2px;display: none;}
.upload-img a:last-child{position: absolute; top: 2px; right: 2px;display: none;}
.upload-img:hover a{display: block;}
#uploadImgList .upload-img {cursor: all-scroll;}
.upload-img:nth-child() {border: 1px red solid;}
.am-close {padding-bottom: 3px;line-height: 20px;}