.pc {
  display: block;
}

.mob {
  display: none !important;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  object-fit: cover;
}

#hw_cloud_main {
  position: relative;
  background: #E8EAFF;
  overflow: hidden;
}

#hw_cloud_main .swiper-container-horizontal>.swiper-pagination-bullets,
#hw_cloud_main .swiper-pagination-custom,
#hw_cloud_main .swiper-pagination-fraction {
  display: none;
}

#hw_cloud_main .swiper-pagination-bullet-active {
  display: none;
}

#hw_cloud_main section {
  z-index: 99;
}

#hw_cloud_main .sec_title {
  position: relative;
  padding: 6.25vw;
  padding-bottom: 1.858vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

#hw_cloud_main .sec_title img {
  width: 1.51vw;
  height: 1.3vw;
  vertical-align: middle;

}

#hw_cloud_main .sec_title span {
  margin: 0 0.833vw;
}

#hw_cloud_main .sec_title p {
  font-size: 1.875vw;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  color: #000;
  display: flex;
  align-items: center;
}

#hw_cloud_main .sec_title .subtitle {
  font-size: 1.042vw;
  color: #9E9E9E;
  font-weight: normal;
}

#hw_cloud_main .sec1 {
  position: relative;
  z-index: 0;
}

#hw_cloud_main .sec1 .sec1_banner .sec1_img {
  position: relative;
  width: 100%;
  height: 100%;
}

#hw_cloud_main .sec1 .sec1_banner .sec1_img img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

#hw_cloud_main .sec1 .sec1_banner .sec1_txt {
  position: absolute;
  top: 4.68vw;
  left: 50%;
  transform: translateX(-50%);
  width: 32.23vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#hw_cloud_main .sec1 .sec1_banner .sec1_txt .sec1_img {
  width: 38.02083vw;
  height: 6.45833vw;
}

#hw_cloud_main .sec1 .sec1_banner .sec1_txt .top_title {
  display: block;
  width: 32.23vw;
  margin-bottom: 1.66vw;
}

#hw_cloud_main .sec1 .sec1_banner .sec1_txt .sub_title {
  display: block;
  width: 24.89vw;
  margin-bottom: 3.125vw;
  margin-left: 3vw;
}

#hw_cloud_main .sec1 .sec1_banner .sec1_txt .time_title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#hw_cloud_main .sec1 .sec1_banner .sec1_txt .time_title p {
  font-size: 1.2vw;
  color: #000000;
  vertical-align: middle;
  display: flex;
  align-items: center;
}

#hw_cloud_main .sec1 .sec1_banner .sec1_txt .time_title p:nth-child(2) {
  margin-left: 2.29vw;
}

#hw_cloud_main .sec1 .sec1_banner .sec1_txt .time_title img {
  width: 1.341vw;
  height: 1.341vw;
  margin-right: 0.416vw;
  vertical-align: middle;
}

#hw_cloud_main .sec1 .sec1_btn {
  width: fit-content;
  border-radius: 50vw;
  color: #000000;
  font-size: 0.729vw;
  margin: 3.125vw 0;
  border: 1px solid rgba(25, 25, 25, 1);
}

#hw_cloud_main .sec1 .sec1_btn p {
  padding: 0.67vw 2.5vw;
}

#hw_cloud_main .sec1 .sec1_btn:hover {
  border: 1px solid rgba(25, 25, 25, 0.7);
}

/* sec2 */
#hw_cloud_main .sec2 {
  position: relative;
  margin: 0 auto;
  width: 72.91667vw;
  margin-top: -6.61vw;
  box-shadow: 0px 4px 10px 0px rgba(89, 120, 153, 0.1);
  border-radius: 1.041vw;
}

#hw_cloud_main .sec2 .sec2_bg1 {
  position: absolute;
  width: 19.79vw;
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);

}

#hw_cloud_main .sec2 .sec2_bg2 {
  position: absolute;
  width: 25.781vw;
  top: 75%;
  left: -1vw;
  transform: translate(-50%, -50%);
}

#hw_cloud_main .sec2 .sec2_bg1 img,
#hw_cloud_main .sec2 .sec2_bg2 img {
  width: 100%;
}

#hw_cloud_main .sec3 {
  position: relative;
  z-index: 99;

}

#hw_cloud_main .sec3 .sec3_bg1 {
  position: absolute;
  width: 27.29vw;
  top: 11.98vw;
  right: 0;
  transform: translateX(50%);
  z-index: -1;
}

#hw_cloud_main .sec3 .sec3_bg2 {
  position: absolute;
  width: 18.75vw;
  top: 14.58vw;
  left: -4vw;
  transform: translateX(-50%);
  z-index: -1;
}

#hw_cloud_main .sec3 .sec3_bg1 img,
#hw_cloud_main .sec3 .sec3_bg2 img {
  width: 100%;
}

#hw_cloud_main .sec2 .sec2_ticket {
  position: relative;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 1.041vw;
  z-index: 1;
}

#hw_cloud_main .sec2 .sec2_ticket .sec2_cover {
  position: relative;
  padding: 3.333vw 4.008vw 4.27vw;
  z-index: 99;
}

#hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_title {
  position: relative;
  font-size: 1.25vw;
  line-height: 1.5;
  font-weight: bold;
  color: #191919;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 2.5vw;
}

#hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_title::after {
  content: '';
  position: absolute;
  left: -1vw;
  bottom: 0.3125vw;
  width: 2.083vw;
  height: 2.083vw;
  background: url(https://res-static.hc-cdn.cn/cloudbu-site/intl/en-us/about/minisite/summit-hk2024/img2/ball.png);
  background-size: cover;
}

#hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_title img {
  width: 1.51vw;
  height: 1.3vw;
  vertical-align: middle;

}

#hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_title span {
  margin: 0 0.833vw;
}


#hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_decs {
  font-size: 0.833vw;
  line-height: 1.25;
  color: #000;
  margin-bottom: 1.073vw;
  line-height: 1.5;
}

#hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_decs span {
  font-weight: bold;
  color: #595959;
}

#hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_decs3 {
  padding: 0.573vw 0;
}

#hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_btn {
  width: fit-content;
  background: #191919;
  border-radius: 50vw;
  color: #FFFFFF;
  font-size: 0.729vw;
  margin: 1.563vw 0;
}

#hw_cloud_main .sec2 .sec2_ticket .sec2_btmbg {
  position: absolute;
  bottom: -2vw;
  right: 4.166vw;
  width: 29.78vw;
  transform: translateY(-50%);
}

#hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_btn p {
  padding: 0.677vw 2.083vw;
}

#hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_btn:hover {
  background: rgba(25, 25, 25, 0.7);
}

#hw_cloud_main .sec2 .sec2_ticket .sec2_cover .remrk {
  margin-bottom: 1.563vw;
}

#hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_qm {
  margin-top: 1.875vw;
}

#hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_qm img {
  width: 3.14vw;
  height: 2.65vw;
}

#hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_qm p {
  font-size: 0.833vw;
  color: #191919;
}

#hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_qm span {
  font-weight: bold;
}


#hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_btn2 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  font-size: 0.729vw;
  margin-top: 1.563vw;
  cursor: pointer;
  color: #1476FF;
}

#hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_btn2 span {
  display: flex;
  margin-left: 4px;
}

#hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_btn2 a {
  display: inline-block;
  width: fit-content;
}

#hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_btn2 a:hover {
  text-decoration: underline;
}

#hw_cloud_main .sec2 .sec2_ticket .sec2_bottom_img {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 0;
}

#hw_cloud_main .sec2 .sec2_ticket .sec2_bottom_img img {
  width: 100%;
  vertical-align: middle;
}

/* sec3 */
#hw_cloud_main .sec3 {
  width: 72.91667vw;
  margin: 0 auto;
  margin-bottom: 6.25vw;
}

#hw_cloud_main .sec3 .sec_title {
  padding-bottom: 0.833vw;
}

#hw_cloud_main .sec3 .sec3_nav {
  width: 28.07292vw;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.7vw;
  margin-bottom: 2.08vw;
}

#hw_cloud_main .sec3 .sec3_nav .nav_btn {
  width: fit-content;
  border-radius: 0.417vw;
  background-color: rgba(167, 135, 249, 0);
  cursor: pointer;
  min-width: 12.5vw;
}

#hw_cloud_main .sec3 .sec3_nav .nav_btn .in {
  background-color: rgba(167, 135, 249, 0);
  border-radius: 0.417vw;
  border: 1px solid #666666;
}

#hw_cloud_main .sec3 .sec3_nav .nav_btn .in p {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.833vw 1.667vw;
  font-size: 0.833vw;
  color: #666666;
}

#hw_cloud_main .sec3 .sec3_nav .nav_btn_active {
  background: linear-gradient(90deg, rgb(167, 135, 249) 0%, #9E87CB 33%, rgb(226, 67, 59) 100%);
  border: none;
}

#hw_cloud_main .sec3 .sec3_nav .nav_btn_active .in {
  border: none;
  padding: 1px;
}


#hw_cloud_main .sec3 .sec3_nav .nav_btn_active .in p {
  color: #FFFFFF;
}

#hw_cloud_main .sec3 .sec3_list {
  position: relative;
  display: none;
}

#hw_cloud_main .sec3 .sec3_list .list_nav {
  display: flex;
  background: linear-gradient(90deg, #A787F9 0%, #9E87CB 56%, #E2433B 100%);
  border-radius: 0.52vw;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 0.938vw;
  padding: 0.9375vw 0;
  padding-left: 3.125vw;
}

#hw_cloud_main .sec3 .sec3_list .list_nav .time {
  position: relative;
  width: 100%;
}


#hw_cloud_main .sec3 .list_cover_only .list_nav {
  margin-top: 0.833vw;
}

#hw_cloud_main .sec3 .sec3_list .list_cover {
  display: flex;
  align-items: flex-start;
  font-size: 0.833vw;
  padding: 1.666vw 0;
  padding-left: 2.125vw;
  border-top: 1px solid #D8D8D8;
  width: 97%;
  margin: 0 auto;
}

#hw_cloud_main .sec3 .sec3_list .list_cover:first-child {
  border: none;
}

/* #hw_cloud_main .sec3 .sec3_list .list_cover:last-child {
  border: none;
  background: #FFFFFF;
  border-radius: 0.52vw;
  font-weight: bold;
  color: #000000;
  padding: 0.93vw 0;
  padding-left: 2.125vw;
} */

#hw_cloud_main .sec3 .sec3_list .sec3_cover3 .list_cover {
  display: flex;
  align-items: flex-start;
  font-size: 0.833vw;
  padding: 1.666vw 0;
  padding-left: 2.125vw;
  border-top: 1px solid #D8D8D8;
  width: 97%;
  margin: 0 auto;
  background: none;
  font-weight: inherit;
  color: #666666;
}


#hw_cloud_main .sec3 .sec3_list .list_cover .mob_flex {
  display: flex;
}

#hw_cloud_main .sec3 .sec3_list .list_cover .time {
  position: relative;
  width: 13.75vw;
}

#hw_cloud_main .sec3 .sec3_list .list_cover .topic {
  position: relative;
  width: 26.25vw;
}

#hw_cloud_main .sec3 .sec3_list .list_cover .topic span {
  font-weight: bold;
  position: relative;
}

#hw_cloud_main .sec3 .sec3_list .list_cover .topic p {
  position: relative;
  padding-left: 0.833vw;
}

#hw_cloud_main .sec3 .sec3_list .list_cover .topiclast p {
  padding-left: 0;
}

#hw_cloud_main .sec3 .sec3_list .list_cover .topic p::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  width: 0.312vw;
  height: 0.312vw;
  background-color: #666666;
  border-radius: 50vw;
}

#hw_cloud_main .sec3 .sec3_list .list_cover:last-child .topiclast p::before {
  content: none;
}

#hw_cloud_main .sec3 .sec3_list .list_cover .speaker {
  position: relative;
  width: 20.09375vw;
  font-size: 0.729vw;
}

#hw_cloud_main .sec3 .sec3_list .list_cover .speaker span {
  display: block;
  font-weight: bold;
}


#hw_cloud_main .sec3 .sec3_list .list_cover_active {
  background: none;
}

#hw_cloud_main .sec3 .sec3_list .list_cover_active .time {
  color: #9F3FB3;
}

#hw_cloud_main .sec3 .sec3_list .list_cover_active .topic {
  color: #9F3FB3;
}

#hw_cloud_main .sec3 .sec3_list .list_cover_active .speaker {
  color: #9F3FB3;
}

#hw_cloud_main .sec3 .sec3_list .list_cover_active .speaker span {
  color: #9F3FB3;
}

#hw_cloud_main .sec3 .sec3_list .list_cover_active .topic p::before {
  background-color: #9F3FB3;
}

#hw_cloud_main .sec3 .sec3_list {
  position: relative;
  display: none;
}

#hw_cloud_main .sec3 .sec3_show {
  display: block;
  padding: 2.5vw 4.1vw;
  background: rgba(255, 255, 255, 0.4);
  border: 2px solid #FFFFFF;
  border-radius: 0.833vw;
  padding-bottom: 1.5vw;
}

#hw_cloud_main .sec3 .sec3_list .list_nav .time {
  position: relative;
  width: 30vw;
}

#hw_cloud_main .sec3 .sec3_list .list_nav .topic {
  position: relative;
  width: 26.25vw;
}

#hw_cloud_main .sec3 .sec3_remarks {
  display: flex;
  font-size: 0.729vw;
  margin-top: 0.833vw;
  color: #9E9E9E;
}

#hw_cloud_main .sec3 .sec3_remarks .remark_time {
  margin-left: 0.417vw;
}

#hw_cloud_main .bg1 {
  width: 19.58333vw;
  position: absolute;
  top: 72.29167vw;
  left: 0;
  z-index: 0;
}

#hw_cloud_main .bg1 img {
  width: 100%;
}

#hw_cloud_main .bg2 {
  width: 25vw;
  position: absolute;
  bottom: 26.30208vw;
  right: 0;
  z-index: 0;
}

#hw_cloud_main .bg2 img {
  width: 100%;
}

#hw_cloud_main .logo_active {
  transform: translateY(-10px) scale(1.05);
  transition: 0.5s;
}

.z_ftitle {
  font-size: 0.93vw;
  color: #595959;
  text-align: center;
  position: relative;
}

@media (max-width: 600px),
(max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
  #hw_cloud_main .pc {
    display: none !important;
  }

  #hw_cloud_main .mob {
    display: block !important;
  }

  #hw_cloud_main .swiper-container-horizontal>.swiper-pagination-bullets,
  #hw_cloud_main .swiper-pagination-custom,
  #hw_cloud_main .swiper-pagination-fraction {
    display: block;
  }

  #hw_cloud_main .swiper-pagination-bullet-active {
    display: block;
  }

  #hw_cloud_main .swiper-container-horizontal>.swiper-pagination-bullets,
  #hw_cloud_main .swiper-pagination-custom,
  #hw_cloud_main .swiper-pagination-fraction {
    bottom: -2.5vw;
    left: 40%;
    width: 100%;
    margin: 0 auto;
    position: relative;
  }

  #hw_cloud_main .swiper-pagination-bullet {
    width: 2.13333vw;
    height: 2.13333vw;
  }

  #hw_cloud_main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 1vw;
  }

  #hw_cloud_main .swiper-pagination-bullet-active {
    width: 5.33333vw;
    height: 2.13333vw;
    display: inline-block;
    border-radius: 9vw;
    opacity: 1;
    background: #C7000B;
  }

  #hw_cloud_main .sec3 .sec_title {
    position: relative;
    padding: 13.33vw;
    padding-bottom: 2.13vw;
    padding-left: 0;
    padding-right: 0;
  }

  #hw_cloud_main .sec_title p {
    font-size: 5.33333vw;
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
    color: #000;
  }

  #hw_cloud_main .sec_title p span {
    white-space: nowrap;
  }

  #hw_cloud_main .sec_title p .subtitle {
    font-size: 2.66667vw;
    color: #9E9E9E;
  }

  #hw_cloud_main .sec1 {
    position: relative;
    z-index: 0;
  }

  #hw_cloud_main .sec1 .sec1_banner .sec1_img {
    position: relative;
    width: 100%;
    height: 100%;
  }

  #hw_cloud_main .sec1 .sec1_banner .sec1_img img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
  }

  #hw_cloud_main .sec1 .sec1_banner .sec1_txt {
    position: absolute;
    top: 8vw;
    left: 5.33vw;
    transform: translate(0);
    flex-direction: column;
    align-items: flex-start;
  }

  #hw_cloud_main .sec1 .sec1_banner .sec1_txt .sec1_img {
    width: 73.73333vw;
    height: 12.53333vw;
  }

  #hw_cloud_main .sec1 .sec1_banner .sec1_txt {
    width: 100%;
  }

  #hw_cloud_main .sec1 .sec1_banner .sec1_txt .top_title {
    width: 100%;
    font-size: 5.33vw;
    color: #000000;
    font-weight: bold;
    margin-bottom: 4.26vw;
  }

  #hw_cloud_main .sec1 .sec1_banner .sec1_txt .sub_title {
    font-size: 4.26vw;
    margin-bottom: 4.26vw;
    color: #666666;
    margin-left: 0;
    width: 100%;
  }

  #hw_cloud_main .sec1 .sec1_banner .sec1_txt .time_title {
    font-size: 3.73333vw;
    color: #191919;
  }

  #hw_cloud_main .sec1 .sec1_banner .sec1_txt .time_title {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }

  #hw_cloud_main .sec1 .sec1_banner .sec1_txt .time_title p {
    font-size: 3.733vw;
    color: #595959;
    vertical-align: middle;
  }

  #hw_cloud_main .sec1 .sec1_banner .sec1_txt .time_title img {
    width: 3.733vw;
    height: 3.733vw;
    margin-right: 2.1333vw;
    vertical-align: middle;
  }

  #hw_cloud_main .sec1 .sec1_banner .sec1_txt .time_title p:nth-child(2) {
    margin-left: 0;
    margin-top: 2.133vw;
  }

  #hw_cloud_main .sec1 .sec1_btn {
    width: fit-content;
    border-radius: 50vw;
    font-size: 3.2vw;
    margin: 5.3vw 0;
  }

  #hw_cloud_main .sec1 .sec1_btn p {
    padding: 1.86vw 6.4vw;
  }

  #hw_cloud_main .sec2 {
    margin: 0 auto;
    width: 91.46667vw;
  }

  #hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_title img {
    width: 3.866vw;
    height: 3.466vw;
    vertical-align: middle;
  }

  #hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_title span {
    margin: 0 2.133vw;
  }

  #hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_qm {
    margin-top: 0;
  }

  #hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_qm img {
    width: 17.066vw;
    height: 15.33vw;
  }

  #hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_qm p {
    font-size: 3.733vw;
    color: #191919;
  }

  #hw_cloud_main .sec2 .sec2_ticket {
    position: relative;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 16px 16px 16px 16px;
  }

  #hw_cloud_main .sec2 .sec2_ticket .sec2_cover {
    position: relative;
    padding: 8.53333vw 4.26667vw 17.733vw;
    z-index: 99;
    margin-top: -22vw;
  }

  #hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_title::after {
    content: '';
    position: absolute;
    left: -4.5vw;
    bottom: 0;
    width: 7.466vw;
    height: 7.466vw;
    background: url(https://res-static.hc-cdn.cn/cloudbu-site/intl/en-us/about/minisite/summit-hk2024/img2/ball.png);
    background-size: cover;
    z-index: -1;
  }

  #hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_title {
    position: relative;
    font-size: 4.2vw;
    line-height: 1.5;
    font-weight: bold;
    color: #191919;
    text-align: center;
    margin-bottom: 2.13vw;
    margin-left: 3.73vw;
  }

  #hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_decs {
    font-size: 3.2vw;
    line-height: 1.5;
    color: #595959;
    margin-bottom: 3.46667vw;
    line-height: 1.5;
  }

  #hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_decs span {
    font-weight: bold;
  }

  #hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_decs3 {
    padding: 1.46667vw 0;
  }

  #hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_btn {
    width: fit-content;
    background: #191919;
    border-radius: 50vw;
    color: #FFFFFF;
    font-size: 3.2vw;
    margin: 4vw 0;
  }

  #hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_btn p {
    padding: 2.26667vw 6.4vw;
  }

  #hw_cloud_main .sec2 .sec2_ticket .sec2_cover .remrk {
    margin-bottom: 4vw;
    font-size: 2.5vw;
  }

  #hw_cloud_main .sec2 .sec2_ticket .sec2_btmbg {
    position: absolute;
    bottom: -6.6vw;
    right: 6.4vw;
    width: 71.933vw;
  }


  #hw_cloud_main .sec2 .sec2_ticket .sec2_cover .sec2_btn2 {
    width: fit-content;
    color: #1476FF;
    font-size: 3.2vw;
    margin-top: 4vw;
  }

  #hw_cloud_main .sec2 .sec2_ticket .sec2_bottom_img {
    position: relative;
    width: 100%;
    bottom: 0;
    z-index: 0;
    margin-top: -69.73333vw;
  }

  #hw_cloud_main .sec2 .sec2_ticket .sec2_bottom_img img {
    width: 100%;
    vertical-align: middle;
  }


  #hw_cloud_main .sec2 .down img {
    width: 100%;
  }

  #hw_cloud_main .sec2 .down_active {
    transform: rotateX(180deg);
  }

  #hw_cloud_main .sec2 .sec2mb {
    width: 91.46667vw;
    height: 44.26667vw;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 1.06667vw;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F1F3F7 100%);
    z-index: 99;
  }

  #hw_cloud_main .sec3 .sec2_title {
    position: relative;
    font-size: 5.33333vw;
    line-height: 1.5;
    font-weight: bold;
    color: #191919;
    text-align: center;
  }

  #hw_cloud_main .sec3 .sec2_title img {
    width: 3.866vw;
    height: 3.466vw;
    vertical-align: middle;
  }

  #hw_cloud_main .sec3 .sec2_title span {
    margin: 0 2.133vw;
  }

  #hw_cloud_main .sec3 {
    position: relative;
    width: 91.46667vw;
    margin: 0 auto;
    padding-bottom: 13.33vw;
  }

  #hw_cloud_main .sec3 .sec3_nav {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 4.53vw;
  }

  #hw_cloud_main .sec3 .sec3_list .list_nav .time {
    position: relative;
    width: 30.93333vw;
  }

  #hw_cloud_main .sec3 .sec3_list .list_nav .topic {
    position: relative;
    width: 50.4vw;
  }




  #hw_cloud_main .sec3 .sec3_nav .nav_btn {
    width: 45%;
    border-radius: 2.13333vw;
    background-color: none;
    padding: 1px;
    cursor: pointer;
  }

  #hw_cloud_main .sec3 .sec3_nav .nav_btn .in {
    border-radius: 2.13333vw;
  }

  #hw_cloud_main .sec3 .sec3_nav .nav_btn .in p {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.6vw 2.4vw;
    font-size: 3.2vw;
    color: #666666;
  }

  #hw_cloud_main .sec3 .sec3_nav .nav_btn_active {
    background: linear-gradient(90deg, #A787F9 0%, #9E87CB 33%, #E2433B 100%);
  }

  #hw_cloud_main .sec3 .sec3_nav .nav_btn_active .in p {
    background: none;
    color: #FFFFFF;
  }

  #hw_cloud_main .sec3 .sec3_list {
    position: relative;
    display: none;
  }

  #hw_cloud_main .sec3 .sec3_list .list_nav {
    display: flex;
    background: linear-gradient(90deg, #A787F9 0%, #9E87CB 56%, #E2433B 100%);
    border-radius: 0;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 3.733vw;
    padding: 3.46vw 0;
    padding-left: 4.8vw;
  }


  #hw_cloud_main .sec3 .sec3_list .list_nav .time {
    position: relative;
    width: 97%;
  }

  #hw_cloud_main .sec3 .sec3_list .list_nav .topic {
    position: relative;
  }

  #hw_cloud_main .sec3 .list_cover_only .list_nav {
    margin-top: 2.133vw;
  }

  #hw_cloud_main .sec3 .sec3_list .sec3_cover3 .list_cover,
  #hw_cloud_main .sec3 .sec3_list .list_cover {
    width: 100%;
    display: flex;
    align-items: flex-start;
    font-size: 3.2vw;
    padding: 4.26vw 0;
    padding-left: 5.6vw;
    border-bottom: 0px solid #D8D8D8;
    border-radius: 0.8vw;
  }

  #hw_cloud_main .sec3 .sec3_list .sec3_cover3 .list_cover .topic p,
  #hw_cloud_main .sec3 .sec3_list .list_cover .topic p {
    padding-left: 0;
  }

  #hw_cloud_main .sec3 .sec3_list .sec3_cover3 .list_cover_active .speaker span,
  #hw_cloud_main .sec3 .sec3_list .list_cover_active .speaker span {
    color: #595959;
  }

  #hw_cloud_main .sec3 .sec3_list .sec3_cover3 .list_cover:last-child,
  #hw_cloud_main .sec3 .sec3_list .list_cover:last-child {
    padding: 2.933vw 0;
    padding-left: 5.6vw;
  }

  #hw_cloud_main .sec3 .sec3_list .sec3_cover3 .list_cover .mob_flex,
  #hw_cloud_main .sec3 .sec3_list .list_cover .mob_flex {
    display: block;
  }

  #hw_cloud_main .sec3 .sec3_list .sec3_cover3 .list_cover .time,
  #hw_cloud_main .sec3 .sec3_list .list_cover .time {
    position: relative;
    width: 30.93333vw;
    font-weight: bold;
    color: #000000;
  }

  #hw_cloud_main .sec3 .sec3_list .sec3_cover3 .list_cover .topic,
  #hw_cloud_main .sec3 .sec3_list .list_cover .topic {
    position: relative;
    width: 47.33333vw;
    font-weight: normal;
    color: #000000;
  }

  #hw_cloud_main .sec3 .sec3_list .sec3_cover3 .list_cover .speaker,
  #hw_cloud_main .sec3 .sec3_list .list_cover .speaker {
    position: relative;
    width: 47.33333vw;
    font-size: 3.2vw;
    color: #595959;
  }

  #hw_cloud_main .sec3 .sec3_list .sec3_cover3 .list_cover .speaker span,
  #hw_cloud_main .sec3 .sec3_list .list_cover .speaker span {
    display: block;
    font-weight: bold;
    margin: 1.33333vw 0;
  }

  #hw_cloud_main .sec3 .sec3_list .sec3_cover3 .list_cover:last-child,
  #hw_cloud_main .sec3 .sec3_list .list_cover:last-child {
    border-bottom-left-radius: 4.26667vw;
    border-bottom-right-radius: 4.26667vw;
    border-bottom: none;
    border-radius: 0.8vw;
  }


  #hw_cloud_main .sec3 .sec3_list .sec3_cover3 .list_cover_active,
  #hw_cloud_main .sec3 .sec3_list .list_cover_active {
    background: rgba(255, 255, 255, 0.4);
    border-left: none;
  }

  #hw_cloud_main .sec3 .sec3_list .sec3_cover3 .list_cover_active .time,
  #hw_cloud_main .sec3 .sec3_list .list_cover_active .time {
    font-weight: bold;
    color: #000000;
  }

  #hw_cloud_main .sec3 .sec3_list .sec3_cover3 .list_cover_active .topic,
  #hw_cloud_main .sec3 .sec3_list .list_cover_active .topic {
    font-weight: normal;
    color: #000000;
  }

  #hw_cloud_main .sec3 .sec3_list1 .bg1 {
    width: 38.4vw;
    position: absolute;
    top: 40vw;
    left: -4vw;
    z-index: 0;
  }

  #hw_cloud_main .sec3 .sec3_list1 .bg1 img {
    width: 100%;
  }

  #hw_cloud_main .sec3 .sec3_list2 .bg1 {
    width: 38.4vw;
    position: absolute;
    top: 10vw;
    left: -4vw;
    z-index: 0;
  }

  #hw_cloud_main .sec3 .sec3_list2 .bg1 img {
    width: 100%;
  }

  #hw_cloud_main .sec3 .sec3_list3 .bg1 {
    width: 38.4vw;
    position: absolute;
    top: 10vw;
    left: -4vw;
    z-index: 0;
  }

  #hw_cloud_main .sec3 .sec3_list3 .bg1 img {
    width: 100%;
  }

  #hw_cloud_main .sec3 .sec3_show {
    display: block;
    padding: 0;
    border: 1px solid #FFFFFF;
  }

  #hw_cloud_main .sec3 .sec3_list .list_cover .time p::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    width: 1.0666vw;
    height: 1.0666vw;
    background-color: #666666;
    border-radius: 50vw;
  }


  #hw_cloud_main .sec3 .sec3_list .list_cover .time p {
    padding-left: 1.866vw;
  }

  #hw_cloud_main .sec3 .sec3_remarks {
    display: flex;
    font-size: 2.93333vw;
    margin-top: 2.13333vw;
    color: #9E9E9E;
  }

  #hw_cloud_main .sec3 .sec3_remarks .remark_time {
    margin-left: 1.06667vw;
  }



  #hw_cloud_main .sec2 .sec2_bg2 {
    position: absolute;
    width: 66vw;
    top: 31.2vw;
    left: -5vw;
    transform: none;
  }

  #hw_cloud_main .sec2 .sec2_bg1 {
    position: absolute;
    width: 50.66vw;
    bottom: 25%;
    right: 0;
    transform: translate(50%, 50%);
  }


  #hw_cloud_main .sec3 .sec3_bg2 {
    position: absolute;
    width: 48vw;
    top: 139.93vw;
    left: -5vw;
    transform: none;
  }

  #hw_cloud_main .sec3 .sec3_bg1 {
    position: absolute;
    width: 57.46vw;
    top: 83.93vw;
    right: -5vw;
    transform: none;
  }

  .z_ftitle {
    font-size: 3.7vw;
  }

}

.speaker {
  display: block;
}