.activity .activity-wrap {
  padding: .34rem .24rem 0;
  background-color: #f4f5f7;
  box-sizing: border-box;
  display: flex; }
  .activity .activity-wrap .left-sec .card-item, .activity .activity-wrap .right-sec .card-item {
    display: flex;
    width: 3.44rem;
    height: 6.18rem;
    margin-bottom: .16rem;
    background-color: #fffffd;
    box-shadow: 0px 0.02rem 0.16rem 0 rgba(220, 220, 220, 0.77);
    border-radius: .16rem;
    flex-direction: column;
    align-items: center; }
    .activity .activity-wrap .left-sec .card-item img, .activity .activity-wrap .right-sec .card-item img {
      width: 100%;
      height: 4.65rem;
      border-radius: .16rem .16rem 0 0;
      margin-bottom: .18rem; }
.activity .activity-wrap .left-sec .card-item a.w-fill-img, .activity .activity-wrap .right-sec .card-item a.w-fill-img {
  display: block;
  width: 100%;
  height: 4.65rem;
  margin-bottom: .18rem; }
    .activity .activity-wrap .left-sec .card-item p, .activity .activity-wrap .right-sec .card-item p {
      width: 100%;
      padding: 0 .14rem;
      margin-bottom: .1rem;
      font-size: .22rem;
      color: #666;
      box-sizing: border-box; }
    .activity .activity-wrap .left-sec .card-item .name, .activity .activity-wrap .right-sec .card-item .name {
      font-size: .26rem;
      color: #333; }
  .activity .activity-wrap .right-sec {
    margin-left: .16rem; }
    .activity .activity-wrap .right-sec .banner img {
      width: 3.44rem;
      height: 4.74rem;
      margin-bottom: .12rem;
      background-image: linear-gradient(0deg, #ffc5ab 0%, #ffe2d5 60%, #ffffff 100%), linear-gradient(#ffffff, #ffffff);
      border-radius: .16rem; }
.show-more{
  width: 100%;
  text-align: center;
  font-size: 0.20rem;
  font-weight: bold;
  color: #333333;
  background-color: #f4f5f7;
  padding: 0.24rem 0rem;
}