.header {
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
    height: 3.125vw;
    background: rgba(150, 204, 255, 1);
}
.header .logo{
    display: block;
    width: 1.7167vw;
    margin-right: .4167vw;
    filter: drop-shadow(0 0 .1604vw #fff);
}
.header .title {
    width: fit-content;
    font-size: 1.6667vw;
    color: white;
    padding: 0 5.625vw;
    height: 3.125vw;
    line-height: 3.125vw;
    background: linear-gradient(135deg, #0073E0 0%, #73BBFF 99%);
    border-radius: 0px 0px .8333vw 0px;
    font-weight: 500;
}

.header .header_nav {
    padding-left: 6.9792vw;
    padding-right: 1.0417vw;
}

.header .header_nav li {
    position: relative;
    font-size: 1.0938vw;
    color: white;
    margin-left: 3.6458vw;

}

.header .header_nav li a {
    line-height: 2.4583vw;
    display: block;
    color: white;
}

.header .header_nav li a:not(.active) {
    background: linear-gradient(135deg, #0E8AFF, #0E8AFF) no-repeat right bottom;
    background-size: 0px .2083vw;
    transition: .5s;
}

.header .header_nav li a:not(.active):hover {
    background-size: 100% .2083vw;
}

.header .header_nav li a.active::after {
    position: absolute;
    content: '';
    width: 100%;
    height: .2083vw;
    left: 0;
    bottom: 0;
    background: rgba(14, 138, 255, 1);
}

.header .header_nav li a.active {
    color: rgba(14, 138, 255, 1);
}

.header .xcx {
    position: relative;
}

.header .xcx:hover .xcx_info {
    display: block;
}

.header .xcx .xcx_info {
    display: none;
    position: absolute;
    background: rgba(255, 255, 255, 0.3);
    min-width: 32.625vw;
    left: -242%;
    height: fit-content;
    overflow: hidden;
    backdrop-filter: blur(.3646vw);

}

.header .xcx .xcx_info .xcx_list {
    padding: 1.0417vw 0 2.8125vw 3.4896vw;
    background: url(../image/xcx.png) no-repeat 65% 0;
    background-size: 10.1042vw 15.8333vw;
}

.header .xcx .xcx_info .xcx_list .xcxlogo {
    display: block;
    width: 8.3333vw;
    margin-left: .5292vw;
}

.header .xcx .xcx_info .xcx_list .soon {
    position: relative;
    margin-top: 1.0417vw;
    padding: .625vw 1.1458vw;
    font-size: .9375vw;
    background: #1890FF;
    color: #FFFFFF;
    width: fit-content;
    border-radius: .8333vw;
}

.header .xcx .xcx_info .xcx_list .soon::before{
    position: absolute;
    content: '';
    background: url(../image/pointer.png) no-repeat;
    width: 2.1354vw;
    height: 2.3438vw;
    left: 8.3333vw;
    top: 1.0417vw;
}

.btn {
    width: fit-content;
    padding: .3125vw .9375vw;
    font-size: 1.0938vw;
    color: white;
    background: linear-gradient(135deg, #0073E0 0%, #73BBFF 99%);
    border-radius: 8px 8px .4167vw .4167vw;
    margin-left: 2.1875vw;
}

.header .app_download {
    position: relative;

}

.header .app_download:hover .app_download_msg {
    display: block;
}

.header .app_download .app_download_msg {
    display: none;
    position: absolute;
    background: rgba(255, 255, 255, 0.3);
    min-width:51.4688vw;
    left: -385%;
    height: fit-content;
    padding-bottom: 4.5833vw;
    overflow: hidden;
    backdrop-filter: blur(.3646vw);

}


.header .app_download .app_download_msg .company_name,
.xcx_info .company_name {
    width: fit-content;
    background: #0E8AFF;
    border-radius: 0px 0px .8333vw 0px;
    padding: .4167vw 2.1875vw;
    color: white;
    font-size: .9375vw;
    font-weight: 500;
}

.header .app_download .app_download_msg .company_child_name,
.xcx_info .company_child_name {
    padding-left: .625vw;
    font-size: .9375vw;
    color: #0E8AFF;
    font-weight: 500;
}

.header .app_download .app_download_msg .app_list {
    margin-top: 2.5521vw;
    padding-left: 3.0208vw;
}

.header .app_download .app_download_msg .app_list .logo {
    width: 10.2292vw;
    height: 10.2292vw;
    display: block;
    margin: 0 auto 2vw;
}

.header .app_download .app_download_msg .app_list .download_msg {
    padding: .5208vw .3292vw;
    background: #0E8AFF;
    border-radius: .8333vw;
    color: white;
    font-size: .8333vw;
    text-align: center;
}

.header .app_download .app_download_msg .qrcode canvas {
    width: 5.8792vw !important;
    height: 5.8792vw !important;
    display: block;
    margin: 1.2667vw auto;
}

.app_download_bg {
    width: 16.9792vw;
    margin-left: 1.6667vw;
}