* {
    margin: 0;
    padding: 0;
  }

  .hidden {
    display: none !important;
  }

  .fixed_header {  
    position: fixed; /* 关键点：固定定位 */  
    top: 0; /* 顶部对齐 */  
    width: 100%; /* 宽度100%，覆盖整个页面宽度 */  
    background-color: #ffffff; /* 背景色，便于观察 */  
    z-index: 900; /* 确保它位于其他内容之上 */  
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* 添加阴影，提升视觉效果 */  
    height: 70px;
}  


  #top_logo {
    display: flex;
    width: 80%;
    margin: 0 auto;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    height:100%!important;
  }


  #top_logo  a {
    text-decoration: none;
    cursor: pointer;
}

#top_logo a:hover img {  
  opacity: 0.8; /* 鼠标悬停时降低图片的透明度 */  
}


#top_charge_button {
  width: 100px;
  height: 48px;
  background: linear-gradient( 315deg, #FE4B8F 0%, #B86DFF 100%);
  border-radius: 8px;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 500;
  font-size: 26px;
  color: #FFFFFF;
  line-height: 48px;
  letter-spacing: 1px;
  text-align: center;
  font-style: normal;
}

  #top_charge_button:hover {
    opacity: 0.8; /* 鼠标悬停时降低图片的透明度 */
  }

  @media (max-width: 576px) {
    #top_charge_button {
      width: 58px;
      height: 35px;
      background: linear-gradient( 315deg, #FE4B8F 0%, #B86DFF 100%);
      border-radius: 5px;
      font-family: SourceHanSansCN, SourceHanSansCN;
      font-weight: 500;
      font-size: 14px;
      color: #FFFFFF;
      line-height: 35px;
      text-align: center;
      font-style: normal;
    }
  }



.content_box {  
  width: 100%; /* 容器宽度占满父元素宽度 */  
}  




#pc_bottom{
  padding-bottom: 30px;
  text-align: left;
}

.pc_bottom_bg_block{
  width: 100%;
  /*background-color: #ffcaea;*/
  background: linear-gradient(315deg, rgba(247, 100, 140, 0.25) 0%, rgba(255, 135, 97, 0.35) 100%);
  height: 50px;
}

#pc_bottom .pc_bottom_link{
  display: block;
    width: 80%;
    margin: 0 auto;
    padding-top: 20px;
    
}

#pc_bottom .pc_bottom_link a{
  margin-right: 40px;
  color: #000;
  text-decoration: none;
}

#pc_bottom .pc_bottom_link a:hover{
  color: #FD4B90;
}

#pc_bottom .pc_bottom_info{
  display: block;
    width: 80%;
    margin: 0 auto;
    padding-top: 10px;
    line-height: 28px;
}

#title_box{
  margin-top: 67px;
  text-align: center;
}

#title_box h2{
  padding-top: 10px;
}

.content_text{
  display: block;
    width: 80%;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 60px;
    
}

.content_text h3{
  margin-top: 60px;
}

.content_text p{
  margin-top: 20px;
  color: #000;
}

.content_text h4{
  margin-top: 30px;
}

.content_list{
  padding-left: 60px;
  margin-top: 20px;
}

.content_list li{
  margin-top: 8px;
}


#page_loader_wrapper {  
  position: fixed;  
  top: 0;  
  left: 0;  
  width: 100%;  
  height: 100%;  
  background-color: rgba(255, 255, 255); /* 半透明背景 */  
  z-index: 1000; /* 确保覆盖在其他内容之上 */  
  display: flex;  
  justify-content: center;  
  align-items: center;  
}  
  
.page_loader {  
  position: fixed;  
  top: 0;  
  left: 0;  
  width: 100%;  
  height: 100%;  
  background-color: rgba(255, 255, 255, 0.8); /* 半透明背景 */  
  display: flex;  
  justify-content: center;  
  align-items: center;  
  z-index: 1000; /* 确保覆盖在其他内容之上 */  
}  
  
.page_loader_bar {  
  width: 20px;  
  height: 100px;  
  background-color: #FD4B90;  
  margin: 5px;  
  animation: wave 1s infinite;  
  animation-delay: calc(var(--i) * -0.2s); /* 使用CSS变量实现动画延迟 */  
}  
  
@keyframes wave {  
  0%, 100% {  
    transform: scaleY(1);  
  }  
  50% {  
    transform: scaleY(0.5);  
  }  
}  
  
/* 使用CSS的:nth-child伪类为每条信号条设置不同的动画延迟 */  
.page_loader_bar:nth-child(1) { --i: 0; }  
.page_loader_bar:nth-child(2) { --i: 1; }  
.page_loader_bar:nth-child(3) { --i: 2; }  
.page_loader_bar:nth-child(4) { --i: 3; }  
.page_loader_bar:nth-child(5) { --i: 4; }