@media only screen and (max-width: 900px) {
    html {
        width: 100%;
        font-size: 100px;
        background: #000;
    }

    html img {
        max-width: 100%;
    }

    .body {
        background-color: #fff;
    }
    .main-header {
        width: 100%;
        height: 6rem;
        background: url(../img/bj-one@1x.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        position: relative;
    }
    .header-app {
        text-align: center;
        margin: .6rem auto 0;
        width: 2.08rem;
    }
    .header-app>img {
        width: .4rem;
        height: .4rem;
    }
    .header-app>div {
        font-size: 0.2rem;
        color: #666666;
        line-height: 0.28rem;
        margin: 0.2rem 0 0.3rem 0;
    }
    .header-tabs {
        display: flex;
        justify-content: space-evenly;
        text-align: center;
        margin-top: .7rem;
        color: #686a73;
    }
    .card>img {
        width: 0.4rem;
        height: 0.4rem;
        margin-bottom: 0.18rem;
    }
    .card>h2 {
        font-size: 0.14rem;
        color: #4D4F5A;
        line-height: 0.14rem;
        margin-bottom: 0.1rem;
    }

    .main-title {
        width: 100%;
        height: 0.74rem;
        line-height: 0.74rem;
        position: relative;
    }

    .main-title>img {
        width: 1.8rem;
        height: .31rem;
        margin-left: .8rem;
    }

    .isShow {
        display: none;
    }

    .phone-title {
        width: 2rem;
        position: absolute;
        z-index: 888;
        text-align: center;
    }

    .phone-title>span {
        display: block;
        background-color: #fff;
        width: 100%;
        height: .6rem;
        line-height: .6rem;
        border-bottom: 1px solid #ccc;
    }

    .phone-title>span:first-child {
        border-top: 1px solid #ccc;
    }

    .phone-list {
        width: .30rem;
        height: .30rem;
        position: absolute;
        top: 50%;
        left: .36rem;
        transform: translate(-50%, -50%);
    }

    .phone-list>img {
        width: 100%;
        height: 100%;
        float: left;
    }

    .phone-app-bg {
        width: 100%;
        height: 2.88rem;
    }

    .phone-app-bg>img {
        width: 100%;
        height: 100%;
    }

    .pc {
        display: none;
    }

    .phone-app {
        position: relative;
        height: 6rem;
    }

    .phone-heart {
        position: relative;
        top: -2.5rem;
    }

    .phone-describe {
        color: #666;
        text-align: center;
        margin-top: 0.4rem;
    }

    .phone-describe>p {
        font-size: .14rem;
        margin-bottom: .12rem;
    }

    .phone-describe>p:nth-child(1) {
        font-size: .2rem;
        margin-bottom: .12rem;
    }

    .phone-describe ul {
        width: 2.16rem;
        margin: 0.1rem auto 0;
        height: .59rem;
    }

    .phone-describe ul>li {
        width: .56rem;
        height: .59rem;
        float: left;
        margin-right: .2rem;
    }

    .phone-describe ul>li>img {
        width: .32rem;
        height: .32rem;
    }

    .phone-describe ul>li>span {
        display: block;
        font-size: .14rem;
        margin-top: .1rem;
    }

    .phone-describe ul>li:last-child {
        margin-right: 0;
    }

    .phone-demo {
        width: 2.02rem;
        height: 1.6rem;
        margin: .2rem auto 0;
    }

    .phone-download {
        width: 2.08rem;
        margin: .3rem auto 0;
    }

    .capsule {
        padding: 0 .2rem;
        height: .43rem;
        border: 1px solid #666;
        border-radius: .20rem;
        line-height: .43rem;
        text-align: left;
        margin-bottom: .2rem;
        display: block;
    }

    .capsule>img {
        width: .16rem;
        vertical-align: middle;
        margin-right: .3rem;
        margin-left: .3rem;
    }

    .company-profile {
        padding: .4rem .16rem 0 .16rem;
        text-align: center;
    }

    .company-profile-title h2 {
        color: rgb(0, 0, 0);
        font-size: .16rem;
        margin-bottom: .1rem;
    }

    .company-profile-title p {
        color: rgba(0, 0, 0, 0.4);
        font-size: .14rem;
        margin-bottom: .08rem;
    }

    .company-profile ul {
        margin-top: .4rem;
    }

    .company-profile ul h2 {
        font-size: .2rem;
    }

    .company-profile ul p {
        font-size: .14rem;
        text-indent: 2em;
        color: rgb(51, 51, 51);
        margin: .2rem 0;
        text-align: left;
        line-height: .22rem;
    }

    .company-profile ul img {
        width: 100%;
    }

    .ghb {
        display: none;
        margin-top: .2rem;
    }

    .ghb-intro {
        flex: 1;
        margin-right: .2rem;
    }

    .ghb-intro:last-child {
        margin-right: 0;
    }

    .ghb-intro>img {
        width: 1.74rem;
    }

    .ghb-intro>p {
        font-weight: 600;
        font-size: 0.14rem;
        color: rgb(0, 0, 0);
        text-align: center;
        margin-bottom: 0.1rem;
    }

    .pc-bottom {
        width: 100%;
        height: 4.4rem;
        background: url(../img/ghb_bottom_pic.b6270eaf.png) no-repeat;
        background-size: cover;
        padding-top: .6rem;
        margin-top: .3rem;
        text-align: center;
        color: rgb(255, 255, 255);
    }

    .pc-bottom>p {
        font-size: .18rem;
        margin-bottom: .16rem;
    }

    .pc-bottom>p:nth-child(1) {
        font-size: .26rem;
    }
    .pc-bottom>p>img {
        width: 1.5rem;
        height: 1.5rem;
    }

    .pc-company {
        margin-top: .3rem;
        font-size: .18rem;
    }

    .pc-company p {
        margin-bottom: .14rem;
    }

    .pc-company a {
        color: rgb(204, 204, 204);
        outline: none;
        cursor: pointer;
    }
}