body {
    width: 100%;
    height: 100vh;
    /* background-image: url(../images/bj.png);
    background-size: cover; */
    background: linear-gradient(to right, #fcfabf, #fbe9aa, #fcf0b2,#f6d792);

}

.head {
    display: flex;
    justify-content: space-between;
    margin: 0 8.1%;
    padding-top: 3.8%;
}

/* .img-1 {
width: 20%;
} */

.rightmg {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 11px;
}

.home {
    height: 100vh;
    background-color: #30f8bd;
    padding: 13px 34px;
    border-radius: 32px;
    font-weight: bold;
    color: #fff;
    background: linear-gradient(to right, #ff8f30, #fe9e21, #fcc811);
    cursor: pointer;
}

.pop {
    margin-left: 20px;
}

.m-l {
    margin-left: 21px;
}

.appInfo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 327px 35px 328px;
    box-sizing: border-box;
    width: 100%;
}

.appInfo_content {
    display: flex;
    flex-direction: column;
}

.appInfo_content_title {
    width: 580px;
    height: 84px;
}

.appspan{
    font-size: 64px;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;margin-bottom: 40px;color: #ff902f;
  }

.appInfo_content_text {
    width: 798px;
    height: 422px;
}

.appInfo_content_text span {
    font-size: 36px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 300;
    color: #ee7103;
    line-height: 50px;
}

.appInfo_logo {
    width: 384px;
    min-width: 384px;
    height: 384px;
    margin-left: 83px;
}

.appInfo_logo img {
    width: 100%;
    height: 100%;
}

.text-btm {
    text-align: center;
    width: 100%;
    height: 142px;
    color: #506252;
    font-size: 14px;
    /* background-image: url(../images/5.png); */
    font-weight: bold;
    padding: 0;
    display: block;
    margin-top: 0%;
    cursor: pointer
}

.butbq {
    padding-top: 2.5%;
}

.butbq2 {
    padding-top: 0.5%;

}
@media screen and (max-width: 1390px) {
    .head {
        margin: 0 4%;
    }
    .img-1 {
        height: 38px;
    }
    .rightmg {
        margin-top: 0;
    }
    .home {
        font-size: 10px;
        padding: 5px 20px;
        border-radius: 32px;
    }
    .pop{
        margin-left: 10px;
    }
    .appInfo {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5% 0;
        box-sizing: border-box;
        width: 100%;
    }
    .appInfo_content {
        flex: 1;
    }
     .appspan, .appInfo_content_text {
        width: 100%;
        padding: 0 10px 0 15px;
        height: auto;
        box-sizing: border-box;
    }
    .appInfo_content_text span {
        font-size: 16px;
        line-height: 18px;
    }
     .appspan {
        font-size: 18px;
    }
    .appInfo_logo {
        width: 15%;
        min-width: 15%;
        height: 15%;
        margin: 0 5%;
    }
    .butbq, .butbq2 {
        font-size: 12px;
        margin-top: 20px;
    }
    .butbq {
        position: fixed;
        bottom: 80px;
        left: 0;
        width: 100%;
        display: block;
        text-align: center;
        font-size: 12px;
        margin-top: 20px;
    }
    .butbq2 {
        position: fixed;
        bottom: 50px;
        left: 0;
        width: 100%;
        display: block;
        text-align: center;
        font-size: 12px;
        margin-top: 20px;
    }
}
@media screen and (max-width: 375px) {
    .img-1{
        height: 28px;
    }
    .m-l {
        font-size: 10px !important;
        margin-right: 0;
        margin-left: 15px;
    }
    .rightmg {
        margin-top: 0;
    }
    .home {
        font-size: 10px;
        padding: 3px 10px;
        border-radius: 30px;
    }
    .butbq, .butbq2 {
        font-size: 10px;
    }
}