.linehome {
    width: 100%;
    height: 100%;
    background: url(xk.jpg) no-repeat;
    background-size: cover;
    position: relative
}

.linehome .bg-blue-gradient {
    background-image: radial-gradient(57.91% 100% at 50% 100%, #21CAFF 0%, #4A9EFF 100%)
}

.linehome .bg-blue-gradient:hover {
    background-image: radial-gradient(57.91% 100% at 50% 100%, #6CE5FF 0%, #6CE5FF .01%, #0FD0FB 100%)
}

.linehome #bgvid {
    top: 0;
    right: 0;
    bottom: 0;
    min-width: 100vw;
    min-height: 100vh;
    width: auto;
    height: auto;
    background-size: cover;
    -o-object-fit: fill;
    object-fit: fill
}

.linehome .main {
    font-family: Alibaba PuHuiTi
}

.linehome .main .titlecolor {
    background: linear-gradient(90deg, #485563 0%, #29323C 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.linehome .main .cardbg {
    background: rgba(255, 255, 255, .15);
    box-shadow: 0 4px 50px #1f25301a;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px)
}

.linehome .main .dataitem {
    background: rgba(255, 255, 255, .15);
    box-shadow: 0 3.68831182px 46.10389709px #1f25301a;
    -webkit-backdrop-filter: blur(5.53246737px);
    backdrop-filter: blur(5.53246737px)
}

.linehome .main .whitebg {
    background: radial-gradient(63.3% 100% at 50% 100%, #FBFCFF 0%, rgba(251, 252, 255, .2) 100%);
    box-shadow: 0 10px 30px #d8dcff66
}

@media screen and (max-width: 750px) {
    .linehome {
        background: url(xk.jpg) no-repeat;
        background-size: cover;
        min-height: 1388px;
        /* height: 100vh */
    }
}