/*@charset "utf-8";body,html {*/
/*    height: 100%;*/
/*    margin: 0;*/
/*    overflow: hidden*/
/*}*/
/*body{*/
/*    background: url(..//BG.png) no-repeat center/cover*/
/*}*/
/*.bg {*/
/*    height: 60%;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    flex-direction: column;*/
    
/*}*/

/*.logo {*/
/*    height: 100px*/
/*}*/

/*.logo img {*/
/*    height: 100%*/
/*}*/

/*.btn-group,.text {*/
/*    margin-top: 70px*/
/*}*/

/*@media (max-width: 750px) {*/
/*    .bg {*/
/*        padding:0 10%*/
/*    }*/

/*    .logo {*/
/*        width: 60%*/
/*    }*/
/*}*/

body, html {
    height: 100%;
    margin: 0;
    overflow: hidden;
    font-size: 16px; /* 设置根元素字体大小，便于 rem 布局 */
}

body {
    background: url(../7qk/BG.png) no-repeat center/cover;
}

.bg {
    height: 60vh; /* 使用相对单位 vh，根据视口高度进行自适应 */
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
}

.logo {
    height: 8vw; /* 使用相对单位 vw，根据视口宽度进行自适应 */
}

.logo img {
    height: 100%;
}

.btn-group, .text {
    margin-top: 5vw; /* 使用相对单位 vw，根据视口宽度进行自适应 */
}

@media (max-width: 750px) {
    .bg {
        padding: 0 5%; /* 相对单位，根据父元素宽度进行自适应 */
    }

    .logo {
        width: 50%; /* 相对单位，根据父元素宽度进行自适应 */
    }
}