.homepage #homepageIndex_vue .header-image {
  position: relative;
}
.homepage
  #homepageIndex_vue
  .header-image
  #carouselExampleSlidesOnly
  .carousel-inner
  .carousel-item
  > img {
  width: 100%;
}
.homepage #homepageIndex_vue .header-message {
  position: fixed;
  top: 4.69rem /* 90/19.2 */;
  color: #fff;
  width: 100%;
  min-height: 2.5rem /* 48/19.2 */;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
}
.homepage #homepageIndex_vue .header-message .header-message-container {
  width: 100%;
  height: 100%;
  padding: 0.78rem /* 15/19.2 */ 0.94rem /* 18/19.2 */;
}
.homepage
  #homepageIndex_vue
  .header-message
  .header-message-container
  .message-news {
  font-weight: 600;
  font-size: 0.73rem;
  line-height: 1.2rem;
  min-width: 2.5rem;
  height: 1.2rem;
  background: #00ce7a;
  border-radius: 1.19rem;
  margin-right: 1.25rem;
  text-align: center;
  margin-top: -0.16rem;
  padding: 0 5px;
}
.homepage
  #homepageIndex_vue
  .header-message
  .header-message-container
  .message-p {
  font-weight: 500;
  font-size: 14px;
  line-height: 0.89rem;
}
.homepage
  #homepageIndex_vue
  .header-message
  .header-message-container
  .learnmore {
  /* color: #fff; */
  font-weight: 500;
  font-size: 14px;
  line-height: 0.89rem;
  text-decoration: underline;
  margin-left: 0.16rem;
}
.homepage #homepageIndex_vue .header-message-h5 {
  display: none !important;
}
.homepage #homepageIndex_vue .header-image .header-title {
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top: 7%;
}
.header-title-box .banner-desc {
  font-size: 24px;
  margin: 10px auto 20px;
  text-align: center;
  line-height: 1.4;
  color: #000;
}
.homepage #homepageIndex_vue .header-image .header-title .header-title-box {
  width: 100%;
  color: #fff;
  margin: 0 auto;
}
.homepage
  #homepageIndex_vue
  .header-image
  .header-title
  .header-title-box
  > h1 {
  display: block;
  color: #000000;
}
.homepage
  #homepageIndex_vue
  .header-image
  .header-title
  .header-title-box
  .epcube_title_btn
  .title-link {
  position: relative;
}
.title-link .new-icon {
  position: absolute;
  top: -20px;
  left: -20px;
  width: 40px;
  height: 40px;
  /* cursor: pointer; */
  pointer-events: all;
}
.homepage
  #homepageIndex_vue
  .header-image
  .header-title
  .header-title-box
  .epcube_title_btn
  .title-link
  > a {
  display: inline-block;
  border: 0.05rem solid #000000;
  border-radius: 1.39rem;
  font-weight: 500;
  background: none;
  font-size: 0.97rem;
  line-height: 1.35rem;
  color: #000000;
  padding: 0.78rem 1.82rem 0.78rem 1.82rem;
  min-width: 12.29rem; /* 236/19.2 */
}
.homepage
  #homepageIndex_vue
  .header-image
  .header-title
  .header-title-box
  .epcube_title_btn
  .title-link
  > a:hover {
  color: #00ce7a;
  border: 0.05rem solid #00ce7a;
  text-decoration: none;
}
.homepage
  #homepageIndex_vue
  .header-image
  .header-title
  .header-title-box
  .epcube_title_btn {
  gap: 2.29rem;
}
.homepage #homepageIndex_vue .video {
  width: 100%;
  position: relative;
}
.homepage #homepageIndex_vue .video #carouselVideoSlides {
  height: 100%;
}
.homepage #homepageIndex_vue .video #carouselVideoSlides .carousel-inner {
  height: 100%;
}
.homepage
  #homepageIndex_vue
  .video
  #carouselVideoSlides
  .carousel-inner
  .carousel-item {
  height: 100%;
  position: relative;
}
.homepage
  #homepageIndex_vue
  .video
  #carouselVideoSlides
  .carousel-inner
  .carousel-item
  .video_cover {
  position: absolute;
  top: 0rem;
  left: 0rem;
  width: 100%;
  height: 96.5%;
  z-index: 9;
}
.homepage
  #homepageIndex_vue
  .video
  #carouselVideoSlides
  .carousel-inner
  .carousel-item
  .video-container {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.homepage .video-container:focus {
  outline: none;
}
.homepage
  #homepageIndex_vue
  .video
  #carouselVideoSlides
  .carousel-inner
  .carousel-item
  .prism-big-play-btn {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  width: 3.33rem;
  height: 3.39rem;
  background: url('./../../images/homepage/play.png') no-repeat;
  background-size: contain;
  cursor: pointer;
  z-index: 99;
}
.homepage
  #homepageIndex_vue
  .video
  #carouselVideoSlides
  .carousel-inner
  .carousel-item
  .prism-big-play-btn
  .outter {
  width: 3.33rem;
  height: 3.39rem;
  border-radius: 100%;
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 0;
}
.homepage
  #homepageIndex_vue
  .video
  #carouselVideoSlides
  .carousel-inner
  .carousel-item
  .prism-big-play-btn
  .outter:hover {
  content: '';
  width: 4.17rem;
  height: 4.17rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -2.08rem;
  margin-top: -2.08rem;
  border-radius: 50%;
  animation: warn 1s ease-out 0s infinite;
}
@keyframes warn {
  0% {
    transform: scale(0.5);
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
.homepage #homepageIndex_vue .video-h5 {
  display: none;
}
.h5-section {
  display: none;
}
#section-container {
  display: block;
  /* margin-top: -2.81rem; */
}
#section-container .epapp {
  width: 100%;
  position: relative;
  margin-bottom: 1.88rem;
}
#section-container .epapp .epapp-img > img {
  width: 100%;
}
#section-container .epapp .epapp-img .epapp-title {
  position: absolute;
  top: 0rem;
  width: 50%;
  height: 100%;
  z-index: 99;
}
.homepage #homepageIndex_vue .header-image .header-title .header-title-box {
  width: 100%;
}
#section-container .epapp .epapp-img .epapp-title .epapp-title-container {
  position: relative;
  top: -4.3rem;
}
#section-container .epapp .epapp-img .epapp-title .epapp-title-container > h2 {
  /* font-weight: 600;
        font-size: 2.76rem;
        line-height: 3.91rem;
        margin-left: 0.21rem; */
}
#section-container .epapp .epapp-img .epapp-title .epapp-title-container > div {
  margin-top: 2.08rem;
}
#section-container
  .epapp
  .epapp-img
  .epapp-title
  .epapp-title-container
  .epapp-btn
  .btn-home {
  display: block;
  color: #000000;
  border: 0.07rem solid #000000;
  border-radius: 1.39rem;
  font-weight: 500;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.97rem;
  line-height: 1.35rem;
  min-width: 9.17rem /* 176/19.2 */;
  padding: 0.78rem 1.82rem 0.78rem 1.82rem;
}
#section-container
  .epapp
  .epapp-img
  .epapp-title
  .epapp-title-container
  .epapp-btn
  .btn-home:hover,
#section-container
  .epapp
  .epapp-img
  .epapp-title
  .epapp-title-container
  .epapp-btn
  .btn-install:hover {
  color: #00ce7a;
  border: 0.05rem solid #00ce7a;
}
#section-container .news {
  max-width: 79.11rem;
  min-height: 47.45rem;
  margin: 0 auto 80px;
  padding: 0rem 0.78rem 0rem 0.78rem;
}
#section-container .news > h3 {
  /* font-weight: 600;
        font-size: 2.08rem;
        line-height: 2.92rem; */
  color: #000000;
  text-align: center;
  margin-top: 5.89rem /* 113/19.2 */;
}
#section-container .news .enevts-content {
  width: 100%;
  margin-top: 2.4rem /* 46/19.2 */;
}
#section-container .news .enevts-content .img-container {
  width: 43.7rem;
  border: #fff solid 0.05rem;
  margin-right: 100px;
  overflow: hidden;
  border-radius: 0.73rem /* 14/19.2 */;
  overflow: hidden;
}
#section-container .news .enevts-content .img-container .img-left {
  width: 100%;
  /* height: 100%; */
  cursor: pointer;
  transition: 0.2s;
  border-radius: 0.73rem /* 14/19.2 */;
}
#section-container .news .enevts-content .img-container .img-left:hover {
  transform: scale(1.1);
}
#section-container .news .enevts-content .news-right-contents {
  width: 31.51rem;
}
#section-container .news .enevts-content .news-right-contents .news-title {
  /* font-size: 1.25rem 24/19.2; */
  color: #000;
  /* font-weight: 500; */
  /* line-height: 1.56rem 30/19.2; */
  display: -webkit-box !important;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
  text-decoration: none;
}
#section-container .news .enevts-content .news-right-contents .news-subTitle {
  margin: 0.83rem /* 16/19.2 */ 0;
  /* font-size: .94rem 18/19.2; */
  color: #464646;
  display: -webkit-box !important;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
#section-container .news .enevts-content .news-right-contents .news-time {
  font-size: 0.73rem /* 14/19.2 */;
  color: #464646;
}
#section-container
  .news
  .enevts-content
  .news-right-contents
  .news-right-contents-item {
  padding: 0.83rem /* 16/19.2 */ 0;
  border-bottom: 0.05rem solid #d0d1d2;
  text-decoration: none;
}
#section-container
  .news
  .enevts-content
  .news-right-contents
  .news-right-contents-item:nth-child(1) {
  padding-top: 0;
}
#section-container
  .news
  .enevts-content
  .news-right-contents
  .news-right-contents-item
  .news-right-p1 {
  font-weight: 500;
  font-size: 1.25rem;
  cursor: pointer;
  text-decoration: none;
  color: #000;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* word-break: break-word; */
  display: -webkit-box;
  word-wrap: break-word;
}
.foot {
  max-width: 79.11rem;
  margin: 0 auto;
  margin-bottom: 2.66rem;
  margin-top: 6.25rem /* 120/19.2 */;
  padding: 0rem 0.78rem 0rem 0.78rem;
}
.foot .foot-left {
  position: relative;
  margin-right: 1.72rem;
  width: 38.33rem;
  /* height: 29.95rem; */
  height: auto;
}
.foot .foot-left > img {
  width: 100%;
  height: 100%;
  border-radius: 0.52rem;
}
.foot .foot-left .foot-support {
  width: 100%;
  position: absolute;
  top: 2.4rem;
}
.foot .foot-left .foot-support > h3 {
  font-weight: 600;
  font-size: 2.08rem;
  line-height: 2.92rem;
  color: #ffffff;
  text-align: center;
}
.foot .foot-left .foot-support .foot-hom-ins {
  margin-top: 2.71rem;
  gap: 0.68rem;
}
.foot .foot-left .foot-support .foot-hom-ins .foot-support-but {
  min-width: 10.68rem /* 205/19.2 */;
  border: 0.05rem solid #ffffff;
  border-radius: 1.77rem;
  background: none;
  color: #fff;
  font-size: 0.87rem;
  text-align: center;
}
.foot .foot-left .foot-support .foot-hom-ins .foot-support-but {
  padding: 0.68rem 2.66rem 0.68rem 2.14rem;
}
.foot .foot-left .foot-support .foot-hom-ins .foot-support-but:hover {
  color: #000000;
  background-color: #fff;
}
.foot .foot-right {
  position: relative;
  width: 38.33rem;
  height: auto;
}
.foot .foot-right > img {
  width: 100%;
  height: 100%;
  border-radius: 0.52rem;
}
.foot .foot-right .foot-join {
  position: absolute;
  width: 100%;
  top: 2.4rem;
}
.foot .foot-right .foot-join .foot-join-container {
  margin: 0 auto;
}

.foot .foot-right .foot-join .foot-join-container .foot-hom-ins {
  gap: 0.68rem;
}
.foot .foot-right .foot-join .foot-join-container > h3 {
  font-weight: 600;
  font-size: 2.08rem;
  line-height: 2.92rem;
  color: #ffffff;
  text-align: center;
}
.foot .foot-right .foot-join .foot-join-container .foot-support-but-learn {
  min-width: 10.68rem /* 205/19.2 */;
  border: 0.05rem solid #ffffff;
  border-radius: 1.77rem;
  background: none;
  color: #fff;
  margin-top: 2.71rem;
  font-size: 0.87rem;
  padding: 0.68rem 2.97rem 0.68rem 2.97rem;
  text-align: center;
}
.foot
  .foot-right
  .foot-join
  .foot-join-container
  .foot-support-but-learn:hover {
  color: #000000;
  background-color: #fff;
}
@media screen and (max-width: 1800px) and (min-width: 1700px) {
  .homepage #homepageIndex_vue .header-image .header-title {
    top: 30px !important;
  }
  .homepage
    #homepageIndex_vue
    .header-image
    .header-title
    .header-title-box
    > h1 {
    font-size: 88px !important;
    line-height: normal !important;
  }
  .homepage
    #homepageIndex_vue
    .header-image
    .header-title
    .header-title-box
    .epcube_title_btn
    .title-link
    > a {
    padding: 12px 48px;
    line-height: normal;
    min-width: 148px;
  }
}
@media screen and (max-width: 1700px) and (min-width: 1500px) {
  .homepage #homepageIndex_vue .header-image .header-title {
    top: 20px !important;
  }
  .homepage
    #homepageIndex_vue
    .header-image
    .header-title
    .header-title-box
    > h1 {
    font-size: 78px !important;
    line-height: normal !important;
  }
  .homepage
    #homepageIndex_vue
    .header-image
    .header-title
    .header-title-box
    .epcube_title_btn
    .title-link
    > a {
    padding: 12px 36px;
    line-height: normal;
    min-width: 128px;
  }
}
@media screen and (max-width: 1500px) and (min-width: 1300px) {
  .homepage #homepageIndex_vue .header-image .header-title {
    top: 70px !important;
  }
  .homepage
    #homepageIndex_vue
    .header-image
    .header-title
    .header-title-box
    > h1 {
    font-size: 68px !important;
    line-height: normal !important;
  }
  .homepage
    #homepageIndex_vue
    .header-image
    .header-title
    .header-title-box
    .epcube_title_btn
    .title-link
    > a {
    padding: 12px 36px;
    line-height: normal;
    min-width: 128px;
  }
}
@media screen and (max-width: 1300px) and (min-width: 1000px) {
  .homepage #homepageIndex_vue .header-image .header-title {
    top: 30px !important;
  }
  .homepage
    #homepageIndex_vue
    .header-image
    .header-title
    .header-title-box
    > h1 {
    font-size: 48px !important;
    line-height: normal !important;
  }
  .homepage
    #homepageIndex_vue
    .header-image
    .header-title
    .header-title-box
    .epcube_title_btn
    .title-link
    > a {
    padding: 10px 24px;
    line-height: normal;
    min-width: 148px;
  }
}
/* @media screen and ( max-width: 1000px ) and (min-width: 768px){
  .homepage #homepageIndex_vue .header-image .header-title {
    top: 10px !important;
  }
  .homepage #homepageIndex_vue .header-message {
    top: 45px;
  }
  .homepage #homepageIndex_vue .header-image .header-title .header-title-box > h1 {
    font-size: 28px !important;
    line-height: normal !important;
  }
  .homepage #homepageIndex_vue .header-image .header-title .header-title-box .epcube_title_btn .title-link > a {
    padding: 6px 8px;
    line-height: normal;
    min-width: 128px;
    font-size: 12px;
  }
  .title-link .new-icon {
    width: 1.56rem ;
    height: 1.56rem ;
  }
} */
@media screen and (max-width: 1000px) {
  .title-link .new-icon {
    left: 0px;
    top: -10px;
    width: 30px;
    height: 30px;
  }
  .homepage
    #homepageIndex_vue
    .header-image
    .header-title
    .header-title-box
    .epcube_title_btn
    .title-link {
    margin-left: 0;
    margin-right: 0;
  }
  #homepage #homepageIndex_vue .header-image {
    position: relative;
  }
  #homepage
    #homepageIndex_vue
    .header-image
    #carouselExampleSlidesOnly
    .carousel-inner {
    border-radius: 0px 0px 10px 10px;
  }
  #homepage
    #homepageIndex_vue
    .header-image
    #carouselExampleSlidesOnly
    .carousel-inner
    .carousel-item {
    width: 100%;
    height: 656.064px;
    text-align: center;
    /* display: flex;
        justify-content: center;
        align-items: center; */
  }
  #homepage
    #homepageIndex_vue
    .header-image
    #carouselExampleSlidesOnly
    .carousel-inner
    .carousel-item
    .image {
    height: 100%;
    width: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
  #homepage #homepageIndex_vue .header-image .header-title {
    width: 100%;
    position: absolute;
    top: 20px;
  }
  #homepage
    #homepageIndex_vue
    .header-image
    .header-title
    .header-title-box
    > h1 {
    font-size: 48px;
    /* font-size: 24px; */
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0;
  }
  #homepage
    #homepageIndex_vue
    .header-image
    .header-title
    .header-title-box
    .epcube_title_btn
    .title-link
    > a {
    font-size: 12.096px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 29.952px;
    padding: 10.944px 25.92px 12.096px 25.92px;
    color: #000;
    border: 0.96px solid #000;
    min-width: 120px;
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .header-title-box .banner-desc {
    font-size: 20px;
  }
  #homepage
    #homepageIndex_vue
    .header-image
    .header-title
    .header-title-box
    .epcube_title_btn
    .title-link
    > a:nth-child(1) {
    margin-left: 37.056px;
  }
  #homepage #homepageIndex_vue .header-message {
    display: none !important;
  }
  #homepage #homepageIndex_vue .header-message-h5 {
    display: block !important;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    /* height: 67.008px; */
    position: fixed;
    top: 60px;
    padding: 8px 2px 8px 15px;
    z-index: 999;
  }
  #homepage #homepageIndex_vue .header-message-h5 .header-message-container {
    width: 100%;
  }
  #homepage
    #homepageIndex_vue
    .header-message-h5
    .header-message-container
    .message-news {
    font-size: 14.016px;
    font-style: normal;
    font-weight: 600;
    line-height: 17.088px;
    padding: 3.072px 9.024px;
    color: #fff;
    border-radius: 22.848px;
    background: var(--cube, #00ce7a);
    height: 23.04px;
    margin-right: 19.968px;
  }
  #homepage
    #homepageIndex_vue
    .header-message-h5
    .header-message-container
    .message-right {
    /* width: 70%; */
    /* min-width: 286.08px; */
    line-height: 17.088px;
  }
  #homepage
    #homepageIndex_vue
    .header-message-h5
    .header-message-container
    .message-right
    .message-p {
    font-size: 12.096px;
    font-weight: 500;
    color: #fff;
  }
  #homepage
    #homepageIndex_vue
    .header-message-h5
    .header-message-container
    .message-right
    .learnmore {
    font-size: 12.096px;
    /* color: #fff; */
    text-decoration: underline;
  }
  #homepage #homepageIndex_vue .video {
    display: none;
  }
  #homepage #homepageIndex_vue .video-h5 {
    margin-top: 12px;
    width: 100%;
    display: block;
  }
  #homepage .h5-section {
    display: block;
    margin-top: 12px;
  }
  #homepage .h5-section .centerimage > img {
    width: 100%;
    height: auto;
  }
  #homepage .h5-section .news {
    margin-top: 12.096px;
  }
  #homepage .h5-section .news > h3 {
    text-align: center;
    margin: 12.096px 0px 8.064px 0px;
  }
  #homepage .h5-section .news .news-content .img-container {
    width: 100%;
    margin: 0 auto;
  }
  #homepage .h5-section .news .news-content .img-container > img {
    width: 100%;
    height: 100%;
    border-radius: 10px 10px 0 0;
    margin-bottom: 25px;
  }
  #homepage .h5-section .news .news-content .news-right-contents {
    width: 100%;
    padding: 0px 30px;
  }
  #homepage .h5-section .news .news-content {
    margin: 0 15px 12px;
    border-radius: 10px;
    background: #fff;
  }
  #homepage
    .h5-section
    .news
    .news-content
    .news-right-contents
    .news-right-contents-item
    .news-title {
    color: #000;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    display: -webkit-box !important;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
  }
  #homepage .h5-section .news .news-content .news-subTitle {
    color: #000;
    font-size: 10px;
    line-height: normal;
    display: -webkit-box !important;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
    margin: 8px 0;
    font-weight: 300;
  }

  #homepage .h5-section .news .news-content .news-right-contents-item {
    border-bottom: 0.96px solid #d0d1d2;
    margin-bottom: 16px;
    text-decoration: none;
  }
  /* #homepage .h5-section .news .news-content .news-right-contents .news-right-contents-item:nth-child(1), #homepage .h5-section .news .news-content .news-right-contents .news-right-contents-item:nth-child(3), #homepage .h5-section .news .news-content .news-right-contents .news-right-contents-item:nth-child(5) {
        margin-top: 24.96px;
        font-size: 12.096px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
      }
      #homepage .h5-section .news .news-content .news-right-contents .news-right-contents-item:nth-child(2), #homepage .h5-section .news .news-content .news-right-contents .news-right-contents-item:nth-child(4) {
        font-size: 9.984px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding-top: 5.952px;
        padding-bottom: 8.064px;
        border-bottom: 0.96px solid #D0D1D2;
      } */
  #homepage .h5-section .support-join {
    width: 100%;
    padding: 0px 15px 0px 15px;
    margin: 12.096px auto 0px auto;
  }
  #homepage .h5-section .support-join .support {
    position: relative;
  }
  #homepage .h5-section .support-join .support > img {
    width: 100%;
    border-radius: 9.984px;
  }
  #homepage .h5-section .support-join .support .foot-support {
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #homepage .h5-section .support-join .support .foot-support > h3 {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
  }
  #homepage .h5-section .support-join .support .foot-support .foot-hom-ins {
    margin-top: 24.96px;
    gap: 10px;
  }
  #homepage
    .h5-section
    .support-join
    .support
    .foot-support
    .foot-hom-ins
    .foot-support-but {
    color: #fff;
    background: none;
    border-radius: 20.928px;
    border: 0.768px solid #fff;
    font-size: 14.016px;
    font-style: normal;
    font-weight: 600;
    padding: 10.944px 25.92px;
    line-height: normal;
    min-width: 117px;
    gap: 19px;
    text-align: center;
  }
  #homepage .h5-section .support-join .join {
    position: relative;
    margin-top: 12.096px;
    margin-bottom: 24px;
  }
  #homepage .h5-section .support-join .join > img {
    width: 100%;
    border-radius: 9.984px;
  }
  #homepage .h5-section .support-join .join .foot-join {
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #homepage
    .h5-section
    .support-join
    .join
    .foot-join
    .foot-join-container
    > h3 {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
  }
  #homepage .h5-section .support-join .join .foot-join .foot-hom-ins {
    gap: 19px;
  }
  #homepage .h5-section .support-join .join .foot-join .foot-support-but {
    margin-top: 24px;
    color: #fff;
    background: none;
    border-radius: 20.928px;
    border: 0.768px solid #fff;
    font-size: 14.016px;
    font-style: normal;
    font-weight: 600;
    padding: 10.944px 24.96px 12.096px 25.92px;
    line-height: normal;
    min-width: 117px;
    text-align: center;
  }
  #homepage #section-container {
    display: none;
  }
}

@media screen and (max-width: 768px) and (min-width: 0px) {
  #homepage #homepageIndex_vue .header-image .header-title {
    top: 48px;
  }
  #homepage
    #homepageIndex_vue
    .header-image
    .header-title
    .header-title-box
    > h1 {
    font-size: 32px;
    margin-bottom: 0;
  }
  .header-title-box .banner-desc {
    font-size: 18px;
  }
}
/* Bottom Links Section */
.bottom-links-section {
  padding: 60px 20px;
}

.bottom-links-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

.bottom-link-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #333;
  flex: 1;
  max-width: 300px;
  position: relative;
}

.divider {
  width: 1px;
  height: 60px;
  background: #ddd;
  align-self: center;
}

.bottom-link-item .bottom-link-img {
  width: 80px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.bottom-link-item .bottom-link-img img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.bottom-link-item h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #333;
}

.bottom-link-item p {
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
  line-height: 1.4;
}

.bottom-link-item a {
  color: #00ce7a;
  text-decoration: underline;
  font-size: 14px;
  transition: color 0.3s ease;
}

.bottom-link-item a:hover {
  color: #64dca0;
}

@media screen and (max-width: 768px) {
  .bottom-links-section {
    padding: 60px 20px;
  }

  .bottom-links-container {
    flex-direction: column;
    gap: 30px;
  }

  .bottom-link-item {
    max-width: 100%;
  }

  .divider {
    display: none;
  }

  .bottom-link-item .bottom-link-img {
    width: 60px;
    height: 60px;
  }

  .bottom-link-item .bottom-link-img img {
    width: 30px;
    height: 30px;
  }
}