.header {
    width: 100%;
    height: 4.17vw;
    background-color: #fff;
    z-index: 1;
}

.header .tabbarBox {
    width: 54.07vw;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 9vw;
}

.header .tabbarBox .tabbarList {
    height: 100%;
    position: relative;
    cursor: pointer;
    border-bottom: 0.21vw solid #1A66FF00;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header .tabbarBox .tabbarAction {
    border-bottom: 0.21vw solid #1A66FF !important;
}

.header .tabbarBox .tabbarAction .tabbarListTextBox {
    color: #1A66FF !important;
    font-weight: bold !important;
}

.header .tabbarBox .tabbarList .tabbarListTextBox {
    height: 100%;
    display: flex;
    align-items: center;
    color: rgba(51, 51, 51, 1);
    font-size: 0.93vw;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
}

.header .tabbarBox .tabbarList:hover .tabbarListTextBox {
    color: #1A66FF !important;
    font-weight: bold !important;
}

.header .tabbarBox .tabbarList .tabbarListTextBox img {
    width: 0.42vw;
    height: 0.27vw;
    margin-left: 0.52vw;
}

.header .tabbarBox .tabbarList .tabbarListTextBox img:not(.downGray) {
    display: none;
}

.header .tabbarBox .tabbarAction .tabbarListTextBox .downGray {
    display: none !important;
}

.header .tabbarBox .tabbarAction .tabbarListTextBox .downBlue {
    display: block !important;
}

.header .tabbarBox .tabbarList:hover .tabbarListTextBox img {
    display: none !important;
}

.header .tabbarBox .tabbarList:hover .tabbarListTextBox .upBlue {
    display: block !important;
}

.header .tabbarBox .tabbarLogoBox {
    width: 11.15vw;
    height: 100%;
    position: relative;
}

.header .tabbarBox .tabbarLogoBox img {
    position: absolute;
    width: 100%;
    height: 6.88vw;
}

.header .tabbarBox .tabbarList .tabbarDown {
    display: none;
    position: absolute;
    top: calc(100% + 0.21vw);
    background: #FAFAFA;
    border-radius: 0px 0px 0.5vw 0.5vw;
    overflow: hidden;
}

.header .tabbarBox .tabbarList .tabbarDown .tabbarDownList {
    min-width: 7vw;
    color: rgba(34, 34, 34, 1);
    font-size: 0.83vw;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    padding: 0.8vw 1vw;
    text-align: center;
}

.header .tabbarBox .tabbarList .tabbarDown .tabbarDownListAction {
    color: #fff !important;
    background-color: #1A66FF !important;
}

.header .tabbarBox .tabbarList:hover .tabbarDown {
    display: block !important;
}

.header .tabbarBox .tabbarList .tabbarDown .tabbarDownList:hover {
    color: #fff !important;
    background-color: #1A66FF !important;
}

@media (max-width: 768px) {
    .header {
        display: none;
    }
}