.event_list_wrap>span{
    width: 1120px;
    margin: auto;
    margin-top: 48px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; 
    padding: 80px 24px;
    min-height: 100vh;
}

.event_list_wrap>span>div{
  width: 30%;
  height: 400px;
  margin-left: 32px;
  margin-top: 32px;
/*   border-radius: 16px; */
  background-color: #fff;    
  -webkit-filter: drop-shadow(0 12px 32px rgba(0,0,0,.12));
  filter: drop-shadow(0 12px 32px rgba(0,0,0,.12));
/*   border-radius: 16px; */
  overflow: hidden;
  transition: transform 0.3s ease-in-out 0s;
}

.event_list_wrap>span>div:hover{        
    transform: translate(0,-10px);;
    -webkit-filter: drop-shadow(0 12px 32px rgba(0,0,0,.22));
    filter: drop-shadow(0 12px 32px rgba(0,0,0,.22));
}
/* .event_item {position:relative} */
.event_item>a{position: absolute; width: 100%; height: 100%; cursor: pointer;}
.event_list_wrap>span>div:nth-child(-n+3) {margin-top: 0;}
.event_list_wrap>span>div:nth-child(3n-2) {margin-left: 0}

.event_item .event_item_header{height: 200px;}


.event_item .event_item_header figure{
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.event_item .event_item_body{height: 200px; padding: 32px; overflow: hidden;}
.event_item .event_item_body .tag{font-size: 14px; border: 1px solid #9FA4AB;; padding: 2px 6px; border-radius: 0px; font-weight: 600; margin-right: 8px; height: 20px; color:#9FA4AB;}

.event_item .event_item_body .txt2{font-size: 24px; margin-top: 16px; font-weight: 700; color: #474747; line-height: 32px; height: 64px; overflow:hidden;
  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.event_item .event_item_body .txt3{font-size: 14px; margin-top: 16px; color: #707070; height: 14px; text-overflow: ellipsis; overflow:hidden; white-space: nowrap}

.event_item .mask{display: none;}
.event_item .mask.limit .state,
.event_item .mask.end .state{color: #fff; padding-top: 50%; display: block; pointer-events: none;}

.event_item .mask.limit,
.event_item .mask.end{
  background: rgba(0,0,0,0.75);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  cursor: auto;
}

@media (max-width: 1079px){
    .event_list_wrap>span{width: 100%;}
    .event_list_wrap>span>div{width: calc(50% - 16px);}
    .event_list_wrap>span>div:nth-child(-n+3) {margin-top: 32px;}
    .event_list_wrap>span>div:nth-child(-n+2) {margin-top: 0;}
    .event_list_wrap>span>div:nth-child(3n-2) {margin-left: 32px;}
    .event_list_wrap>span>div:nth-child(2n-1) {margin-left: 0;}       
}

@media (max-width: 767px){    
    .event_list_wrap>span>div{width: 100%; margin-left: 0px;}    
    .event_list_wrap>span>div:nth-child(3n-2) {margin-left: 0px;}
    .event_list_wrap>span>div:not(.event_list_wrap>span>div:first-child){margin-top: 32px;}    
    .event_list_wrap>span>div{height: 100%;}
    .event_item .event_item_header{height: 50vw;}      
}