html {
    display: block;
    background-color: black;
    background-image: url("../image/home/bg.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
    font-family: PingFang SC;
    height: 100%;
    padding: 0;
    margin: 0;
}

body {
    min-height: 624px;
    min-width: 360px;
    padding: 0;
    margin: 0;
    height: 100%;
    user-select: none; /* 禁止鼠标拖动选中 */
}

dl, em, ol, p, span, strong, ul {
    margin: 0;
    padding: 0;
}

.root {
    max-width: 1200px;
    margin: 0 auto;
    /*background-color: rgba(255,0,0,0.1);*/
    height: 100%;
    box-sizing: border-box;
    position: relative;
}

.title {
    background-image: url("../image/home/title.png");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.languageBtn {
    position: absolute;
    right: 124px;
    top: 36px;
    width: 44px;
    height: 24px;
    background-color: rgba(29, 29, 29, 1);
    border-radius: 8px;
    border: 1px solid rgba(67, 67, 67, 1);
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
}

.foot {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    /*background-color: rgba(255,255,0,0.2);*/
}

.foot_header {
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 100%;
}

.foot_headerBox {
    position: relative;
}

.foot_header_title {
    text-align: left;
    font-size: 20px;
    font-weight: 900;
    line-height: 20px;
    color: white;
}

.foot_header_contactUsBtn {
    position: absolute;
    right: 0;
    top: 0;
    height: 20px;
    font-weight: 500;
    font-size: 20px;
    color: rgba(255,255,255,0.8);
    cursor: pointer;
    text-decoration: none;
}

.foot_header_border {
    margin-top: 20px;
    height: 1px;
    width: 100%;
    transform: scaleY(0.33);
    background-color: rgba(143, 143, 143, 1);
}

.apps {
    width: 100%;
    padding-top: 28px;
    display: flex;
    flex-direction: row;
}

.apps_item {
    text-align: center;
    cursor: pointer;
}

.apps_item_icon {
    width: 48px;
    height: 48px;
    pointer-events: none; /* 禁止所有鼠标事件，防止拖动 */
}

.apps_item_title {
    margin-top: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: rgba(255,255,255,0.8);
}

.apps_item_text {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    margin-top: 6px;
    color: rgba(255,255,255,0.6);
}

.copyright {
    text-align: center;
    color: rgba(255, 255, 255, 0.42);
    font-weight: 400;
    font-size: 12px;
    position: absolute;
    width: 100%;
    left: 0;
    line-height: 17px;

    display: grid;
    gap: 0; /* 设置行和列之间的间隙 */
}

/* 手机端样式 */
@media (max-width: 768px) {
    .root {
        padding: 36px 0 40px
    }

    .title {
        width: 300px;
        height: 55px;
        margin-top: calc(137px - 36px);
    }

    .languageBtn {
        top: 36px;
        right: 24px;
    }

    .foot {
        height: 246px;
    }

    .foot_header {
        width: 100%;
        padding: 0 24px;
    }

    .apps {
        justify-content: space-evenly;
    }

    .apps_item {
        flex: none;
        width: 183px;
        position: relative;
    }

    .foot_header_contactUsBtn {
        position: absolute;
        left: 0;
        top: -36px;
    }

    .copyright {
        bottom: 24px;
        grid-template-columns: repeat(1, auto); /* 定义1列，每列宽度相等 */
    }

    .copyright>div:nth-child(1) {
        text-align: center;
    }
    .copyright>div:nth-child(2) {
        text-align: center;
    }
}

/* 平板端样式 */
@media (min-width: 769px) and (max-width: 1024px) {
    .root {
        padding: 36px 0 40px
    }

    .title {
        width: 522px;
        height: 88px;
        margin-top: calc(124px - 36px);
    }

    .languageBtn {
        top: 36px;
        right: 124px;
    }

    .foot {
        height: 270px;
    }

    .foot_header {
        width: 100%;
        padding: 0 124px;
    }

    .apps {
        gap: 71px;
        justify-content: center;
    }

    .apps_item {
        flex: none;
        width: 183px;
    }

    .copyright {
        bottom: 40px;
        grid-template-columns: repeat(2, auto); /* 定义2列，每列宽度相等 */
    }

    .copyright>div:nth-child(1) {
        text-align: right;
    }
    .copyright>div:nth-child(2) {
        text-align: left;
    }
}

/* PC端样式 */
@media (min-width: 1025px) {
    .root {
        padding: 36px 0 40px
    }

    .title {
        width: 744px;
        height: 88px;
        margin-top: calc(124px - 36px);
    }

    .languageBtn {
        top: 36px;
        right: 124px;
    }

    .foot {
        height: 270px;
    }

    .foot_header {
        width: 100%;
        padding: 0 124px;
    }

    .apps {
        gap: 71px;
        justify-content: center;
    }

    .apps_item {
        flex: none;
        width: 190px;
    }

    .copyright {
        bottom: 40px;
        grid-template-columns: repeat(2, auto); /* 定义2列，每列宽度相等 */
    }

    .copyright>div:nth-child(1) {
        text-align: right;
    }
    .copyright>div:nth-child(2) {
        text-align: left;
    }
}