@keyframes initBottom {
	from {
		transform: translateY(150%);
	}

	to {
		transform: translateY(0);
	}
}
.activity_list {
  max-width: 1280px;
  /*1360px */
  width: 100%;
  margin: 0 auto;
  margin-top: 110px;
  margin-bottom: 125px;
  transform: translateY(150%);
   animation: initBottom .8s ease-out .2s;
   animation-fill-mode: forwards;
}

.activity_list .text {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}

.activity_list dl {
  width: 100%;
  /* max-width: 442px; */
  margin-bottom: 30px;
  background: #FAFAFA;
  border-radius: 12px;
}

.activity_list dl a {
  width: 100%;
  display: inline-block;
  padding-bottom: 30px;
}

.activity_list dl dt {
  overflow: hidden;
  height: 276px;
  border-radius: 12px 12px 0px 0px;
}

.activity_list dl:hover img {
  transform: scale(1.05);
}

/* .activity_list dl:hover {
  background-color: #0051F5;
} */

.activity_list dl dt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .4s ease-out;
}


.activity_list dl dd.time {
  color: #AAAAAA;
  font-size: 16px;
  padding: 30px 30px 19px 30px;
}

.activity_list dl dd.title {
  color: #000000;
  font-size: 20px;
  height: 50px;
  line-height: 25px;
  font-weight: 500;
  /* margin-bottom: 84px; */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  padding: 0 30px;
}

.activity_list dl dd.more {
  color: #000000;
  font-size: 16px;
  padding: 0 30px 30px 30px;
}

.activity_list dl dd.more a {
  display: flex;
  align-items: center;
}

.activity_list dl dd.more img {
  width: 7px;
  height: 11px;
  margin-left: 4px;
  /* vertical-align: middle; */
}

.activity_list dl dd.more img.more {
  display: block;
}

.activity_list dl dd.more img.activeMore {
  display: none;
}

/* .activity_list dl:hover dd {
  color: #fff;
} */

.activity_list dl:hover dd.more img.more {
  display: none;
}

.activity_list dl:hover dd.more img.activeMore {
  display: block;
}


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

  /* 75.6% */
  .activity_list {
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
    margin-top: 66px;
    margin-bottom: 75px;
  }

  .activity_list dl dt {
    height: 207px;
  }

  .activity_list dl dd {
    padding: 0px 30px;
  }

  .activity_list dl dd.time {
    padding: 30px 30px 14.3px 30px;
  }

  .activity_list dl dd.title {
    margin-bottom: 43.5px;
    font-size: 18px;
  }

  .activity_list dl dd.more {
    padding-bottom: 22.6px;
  }
}

@media screen and (max-width: 1024px) {
  .activity_list {
    /* max-width: 878px; */
    width: 100%;
    padding: 0px 30px;
    margin-top: 31px;
    margin-bottom: 37px;
  }

  .activity_list dl dt {
    height: 184px;
  }

  .activity_list dl dd {
    padding: 0px 20px;
  }

  .activity_list dl dd.time {
    padding: 20px 20px 14.3px 20px;
    font-size: 14px;
  }

  .activity_list dl dd.title {
    margin-bottom: 33.5px;
  }

  .activity_list dl dd.more {
    padding-bottom: 15.6px;
    font-size: 14px;
  }
}

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

  #BackTop {
    display: none;
  }

  .activity_list {
    /* max-width: 878px; */
    width: 100%;
    padding: 0px 1%;
    margin-top: 41px;
    margin-bottom: 37px;
  }

  .activity_list .text {
    display: block;
  }

  .activity_list dl {
    width: 100%;
    margin-bottom: 15px;
  }

  .activity_list dl dd {
    padding: 0px 20px;
  }

  .activity_list dl dd.time {
    padding: 15px 15px 10.3px 15px;
    font-size: 12px;
  }

  .activity_list dl dd.title,
  .activity_list dl dd.more {
    padding: 0px 15px;
  }

  .activity_list dl dd.title {
    margin-bottom: 23.5px;
    font-size: 16px;
  }

  .activity_list dl dd.more {
    padding-bottom: 15.6px;
    font-size: 12px;
  }

}