.common_top {
  padding: 238px 0 0; }
  .common_top .wrap {
    position: relative;
    z-index: 3; }
    .common_top .wrap .title {
      font-family: 'Neue Kaine';
      font-weight: bold;
      font-size: 42px;
      color: #1A1A1A;
      margin-bottom: 70px;
      line-height: 1; }
    .common_top .wrap .links {
      display: flex;
      gap: 0 20px; }
      .common_top .wrap .links .item {
        display: block;
        border-radius: 24px; }
        .common_top .wrap .links .item .item_box {
          height: 48px;
          background: #ECECEC;
          border-radius: 24px;
          padding: 0 22px;
          font-weight: 400;
          font-size: 16px;
          color: #1A1A1A;
          display: flex;
          align-items: center;
          justify-content: center;
          transition: 0.6s; }
        .common_top .wrap .links .item:hover .item_box, .common_top .wrap .links .item.on .item_box {
          background: #7F1085;
          color: #FFFFFF; }

.event_section {
  padding: 62px 0 64px; }
  .event_section .wrap .pick_part {
    margin-bottom: 94px; }
    .event_section .wrap .pick_part .part_title {
      font-family: 'Poppins-SemiBold';
      font-weight: 600;
      font-size: 42px;
      color: #1A1A1A;
      margin-bottom: 50px;
      text-transform: capitalize; }
    .event_section .wrap .pick_part .pick_swiper {
      width: 100%;
      border-radius: 16px; }
      .event_section .wrap .pick_part .pick_swiper .swiper-slide {
        display: flex;
        background: #F7F7F7;
        height: 440px; }
        .event_section .wrap .pick_part .pick_swiper .swiper-slide .img {
          display: block;
          width: 700px;
          height: 100%;
          overflow: hidden;
          transition: 0.6s;
          opacity: 0;
          pointer-events: none; }
          .event_section .wrap .pick_part .pick_swiper .swiper-slide .img img {
            display: block;
            width: 100%;
            height: 100%;
            transition: 3s; }
          .event_section .wrap .pick_part .pick_swiper .swiper-slide .img:hover img {
            transform: scale(1.1); }
        .event_section .wrap .pick_part .pick_swiper .swiper-slide .slide_r {
          width: 700px;
          height: 100%;
          padding: 78px 120px 0 86px; }
          .event_section .wrap .pick_part .pick_swiper .swiper-slide .slide_r .flex {
            display: flex;
            justify-content: space-between;
            opacity: 0;
            transform: translateY(20px); }
            .event_section .wrap .pick_part .pick_swiper .swiper-slide .slide_r .flex .date {
              display: flex;
              align-items: center;
              gap: 0 19px; }
              .event_section .wrap .pick_part .pick_swiper .swiper-slide .slide_r .flex .date .iconfont {
                color: #999999;
                font-size: 16px; }
              .event_section .wrap .pick_part .pick_swiper .swiper-slide .slide_r .flex .date p {
                font-weight: 400;
                font-size: 15px;
                color: #999999;
                transform: translateY(2px); }
            .event_section .wrap .pick_part .pick_swiper .swiper-slide .slide_r .flex .label {
              height: 32px;
              border-radius: 16px;
              border: 1px solid #BEBEBE;
              display: flex;
              align-items: center;
              justify-content: center;
              font-weight: 400;
              font-size: 12px;
              color: #888888;
              padding: 0 11px; }
          .event_section .wrap .pick_part .pick_swiper .swiper-slide .slide_r .slide_title {
            margin: 30px 0;
            height: 82px;
            opacity: 0;
            transform: translateY(20px);
            pointer-events: auto; }
            .event_section .wrap .pick_part .pick_swiper .swiper-slide .slide_r .slide_title a {
              display: block;
              font-family: 'Poppins-Medium';
              font-weight: 500;
              font-size: 28px;
              color: #1A1A1A;
              line-height: 42px;
              transition: 0.6s;
              -webkit-line-clamp: 2;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              overflow: hidden; }
              .event_section .wrap .pick_part .pick_swiper .swiper-slide .slide_r .slide_title a:hover {
                color: #7F1085; }
          .event_section .wrap .pick_part .pick_swiper .swiper-slide .slide_r .slide_text {
            font-family: 'Poppins-Light';
            font-weight: 300;
            font-size: 15px;
            color: #888888;
            line-height: 26px;
            opacity: 0;
            transform: translateY(20px);
            -webkit-line-clamp: 3;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden; }
        .event_section .wrap .pick_part .pick_swiper .swiper-slide.swiper-slide-active .img {
          opacity: 1;
          pointer-events: auto; }
        .event_section .wrap .pick_part .pick_swiper .swiper-slide.swiper-slide-active .slide_r .flex {
          opacity: 1;
          transform: translateY(0);
          transition: 0.6s; }
        .event_section .wrap .pick_part .pick_swiper .swiper-slide.swiper-slide-active .slide_r .slide_title {
          opacity: 1;
          transform: translateY(0);
          pointer-events: auto;
          transition: 0.6s;
          transition-delay: 0.1s; }
        .event_section .wrap .pick_part .pick_swiper .swiper-slide.swiper-slide-active .slide_r .slide_text {
          opacity: 1;
          transform: translateY(0);
          transition: 0.6s;
          transition-delay: 0.2s; }
    .event_section .wrap .pick_part .swiper-pagination {
      display: flex;
      align-items: center;
      justify-content: center;
      position: unset;
      gap: 0 9px;
      margin: 53px 0 0; }
      .event_section .wrap .pick_part .swiper-pagination .swiper-pagination-bullet {
        display: block;
        margin: 0;
        width: 32px;
        height: 2px;
        background: rgba(159, 155, 155, 0.2);
        border-radius: 0;
        position: relative;
        opacity: 1; }
        .event_section .wrap .pick_part .swiper-pagination .swiper-pagination-bullet:after {
          content: '';
          position: absolute;
          width: 0;
          height: 100%;
          background: #7F1085;
          top: 0;
          left: 0; }
        .event_section .wrap .pick_part .swiper-pagination .swiper-pagination-bullet.on:after {
          animation: afterAnimate 4s linear forwards; }
  .event_section .wrap .list {
    display: flex;
    flex-wrap: wrap;
    gap: 31px; }
    .event_section .wrap .list .item {
      width: 446px; }
      .event_section .wrap .list .item .item_box {
        width: 100%;
        height: 473px;
        background: #FFFFFF;
        border-radius: 16px;
        border: 1px solid #EEEEEE;
        overflow: hidden;
        position: relative;
        transition: 0.6s; }
        .event_section .wrap .list .item .item_box .img {
          width: 100%;
          height: 270px;
          overflow: hidden; }
          .event_section .wrap .list .item .item_box .img img {
            display: block;
            width: 100%;
            height: 100%; }
        .event_section .wrap .list .item .item_box .item_bottom {
          position: absolute;
          top: 270px;
          height: 100%;
          background: #FFFFFF;
          z-index: 2;
          padding: 53px 29px 0;
          transition: 0.8s; }
          .event_section .wrap .list .item .item_box .item_bottom .item_bottom_bg {
            position: absolute;
            width: 274px;
            right: 0;
            bottom: 0;
            opacity: 0;
            transition: 0.6s; }
            .event_section .wrap .list .item .item_box .item_bottom .item_bottom_bg img {
              display: block;
              width: 100%; }
          .event_section .wrap .list .item .item_box .item_bottom .top_date {
            position: absolute;
            opacity: 0;
            z-index: 3; }
          .event_section .wrap .list .item .item_box .item_bottom .item_title {
            font-weight: 800;
            font-size: 20px;
            color: #1A1A1A;
            line-height: 36px;
            height: 72px;
            -webkit-line-clamp: 2;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            margin-bottom: 26px;
            transition: 0.6s;
            position: relative;
            z-index: 3; }
          .event_section .wrap .list .item .item_box .item_bottom .item_text {
            font-weight: 400;
            font-size: 15px;
            color: #888888;
            line-height: 26px;
            opacity: 0;
            transition: 0.6s;
            -webkit-line-clamp: 3;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            position: relative;
            z-index: 3; }
          .event_section .wrap .list .item .item_box .item_bottom .date {
            display: flex;
            align-items: center;
            gap: 0 10px;
            transition: 0.4s; }
            .event_section .wrap .list .item .item_box .item_bottom .date .iconfont {
              font-size: 16px;
              color: #AFAFAF; }
            .event_section .wrap .list .item .item_box .item_bottom .date p {
              font-weight: 400;
              font-size: 15px;
              color: #999999;
              transform: translateY(2px); }
          .event_section .wrap .list .item .item_box .item_bottom .item_more {
            width: fit-content;
            height: 45px;
            background: #7F1085;
            border-radius: 6px;
            padding: 0 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            bottom: 53px;
            z-index: 3; }
            .event_section .wrap .list .item .item_box .item_bottom .item_more p {
              font-family: 'Poppins-Medium';
              font-weight: 500;
              font-size: 14px;
              color: #FFFFFF; }
        .event_section .wrap .list .item .item_box:hover {
          border: 1px solid #7F1085; }
          .event_section .wrap .list .item .item_box:hover .item_bottom {
            transform: translateY(-270px); }
            .event_section .wrap .list .item .item_box:hover .item_bottom .item_bottom_bg {
              opacity: 1; }
            .event_section .wrap .list .item .item_box:hover .item_bottom .top_date {
              opacity: 1; }
            .event_section .wrap .list .item .item_box:hover .item_bottom .item_title {
              transform: translateY(50px); }
            .event_section .wrap .list .item .item_box:hover .item_bottom .bottom_date {
              opacity: 0; }
            .event_section .wrap .list .item .item_box:hover .item_bottom .item_text {
              opacity: 1;
              transform: translateY(20px); }

.page {
  margin: 93px 0 0; }

@keyframes afterAnimate {
  100% {
    width: 100%; } }
.section {
  padding: 145px 0 123px; }
  .section .wrap {
    display: flex;
    align-items: flex-start; }
    .section .wrap .l {
      width: 880px;
      padding: 0 50px 0 0; }
      .section .wrap .l .title {
        font-family: 'Poppins-Medium';
        font-weight: 500;
        font-size: 42px;
        color: #1A1A1A;
        line-height: 48px; }
      .section .wrap .l .date {
        font-weight: 400;
        font-size: 15px;
        color: #888888;
        margin: 15px 0 30px; }
      .section .wrap .l .content {
        padding: 75px 0 0;
        border-top: 1px solid #F2F2F2; }
        .section .wrap .l .content p {
          font-weight: 400;
          font-size: 16px;
          color: #1A1A1A;
          line-height: 32px; }
        .section .wrap .l .content img {
          height: unset !important; }
    .section .wrap .r {
      position: sticky;
      top: 100px;
      width: 520px;
      height: calc(100vh - 150px);
      padding: 0 0 0 70px;
      border-left: 1px solid #F2F2F2; }
      .section .wrap .r .r_part1 .r_part_title {
        font-family: 'Poppins-SemiBold';
        font-weight: 600;
        font-size: 24px;
        color: #1A1A1A;
        line-height: 1;
        margin-bottom: 36px; }
      .section .wrap .r .r_part1 .r_part_list {
        display: flex;
        flex-wrap: wrap;
        gap: 20px; }
        .section .wrap .r .r_part1 .r_part_list .item {
          display: flex;
          width: 100%;
          height: 110px;
          background: #F3F3F3; }
          .section .wrap .r .r_part1 .r_part_list .item .item_text {
            width: 270px;
            height: 100%;
            display: flex;
            align-items: center;
            padding: 0 36px; }
            .section .wrap .r .r_part1 .r_part_list .item .item_text p {
              font-weight: 400;
              font-size: 14px;
              color: #1A1A1A;
              line-height: 24px;
              -webkit-line-clamp: 2;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              overflow: hidden;
              transition: 0.6s; }
          .section .wrap .r .r_part1 .r_part_list .item .img {
            width: 180px;
            height: 100%;
            overflow: hidden; }
            .section .wrap .r .r_part1 .r_part_list .item .img img {
              display: block;
              width: 100%;
              height: 100%;
              transition: 3s; }
          .section .wrap .r .r_part1 .r_part_list .item:hover .item_text p {
            color: #7F1085; }
          .section .wrap .r .r_part1 .r_part_list .item:hover .img img {
            transform: scale(1.1); }
      .section .wrap .r .r_part2 {
        margin: 100px 0 0; }
        .section .wrap .r .r_part2 .r_part_title {
          font-family: 'Poppins-SemiBold';
          font-weight: 600;
          font-size: 24px;
          color: #1A1A1A;
          line-height: 1;
          margin-bottom: 30px; }
        .section .wrap .r .r_part2 .shares {
          display: flex;
          gap: 20px; }
          .section .wrap .r .r_part2 .shares .iconfont {
            font-size: 20px;
            color: #7F1085;
            cursor: pointer;
            transition: 0.6s;
            position: relative; }
            .section .wrap .r .r_part2 .shares .iconfont:nth-last-child(1) {
              font-size: 24px; }
            .section .wrap .r .r_part2 .shares .iconfont .ewm_box {
              position: absolute;
              padding: 0 0 50px;
              bottom: 0;
              left: 50%;
              transform: translate(-50%, 20px);
              opacity: 0;
              transition: 0.6s;
              pointer-events: none; }
              .section .wrap .r .r_part2 .shares .iconfont .ewm_box .ewm {
                width: 170px;
                height: 170px;
                background: #FFFFFF;
                box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.06);
                border-radius: 12px;
                padding: 13px; }
                .section .wrap .r .r_part2 .shares .iconfont .ewm_box .ewm img {
                  display: block;
                  width: 100%;
                  height: 100%; }
            .section .wrap .r .r_part2 .shares .iconfont:hover .ewm_box {
              transform: translate(-50%, 0px);
              opacity: 1;
              pointer-events: auto; }