html,body,*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html{
 overflow-x: hidden;
 overflow-y: auto;
 background-color: RGBA(242, 242, 244, 1);
}


header{
    z-index: 100;
    padding: 0 20px;
    position: fixed;
    top: 0;
    width: 100%;
    height: 68px;
    background:  RGBA(255, 255, 255,1);
  
}
header .header-content{
    width: 100%;
    height: 68px;
    max-width: 1400px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header .header-content .logo{
    width: 119px;
    height: 23px;
}
header .header-content .login {
    display: flex;
    align-items: center;
}
header .header-content .login .icon{
    width: 16px;
    height: 18px;
    margin-right: 10px;
}
header .header-content .login span{
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 16px;
    color: #212121;
}

header .header-content .login a {
    line-height: 30px;
    color: #000;
    text-decoration: none;
}

/* 简化悬停选择器 */
header .header-content .login a:hover {
    color: #E40D0D;
}

footer {
    margin-top: 100px;
    width: 100%;
    height: 200px;
    background: #212121;
    padding: 50px 20px 0px;
}

footer .footer-content{
    width: 100%;
    max-width: 1400px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

footer .footer-content-left{

}
footer .footer-content-left .logo{
    width: 161px;
    height: 31px;
    display: block;
}
footer .footer-content-left .slogen{
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    margin-top: 31px;
}

footer .footer-content-right{
    display: flex;
}
footer .footer-content-right .menuItem:not(:last-child){
    margin-right: 120px;
}
footer .footer-content-right .menuItem .title{
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 16px;
    color: #898989;
}
footer .footer-content-right .menuList{
    display: flex;
    align-items: center;
    list-style: none;
    margin-top: 11px;
}
footer .footer-content-right .menuList .menuList-item{
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    margin-right: 12px;
}
footer .footer-content-right .menuList .menuList-item a{
    text-decoration: none;
    color: #FFFFFF;
}
footer .footer-content-right .menuList .menuList-item a:hover {
    color: #E40D0D;
}
::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 6px;
      height: 6px;
    }
    
    ::-webkit-scrollbar-track {
      background: rgba(0, 0, 0, 0.1);
      border-radius: 0;
    }
    
    ::-webkit-scrollbar-thumb {
      cursor: pointer;
      border-radius: 5px;
      background: rgba(0, 0, 0, 0.15);
      transition: color 0.2s ease;
    }
    
    ::-webkit-scrollbar-thumb:hover {
      background: rgba(0, 0, 0, 0.3);
    }