html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* 手机样式 */
body {
    background: url("./images/bg_app_common.jpg");
    background-repeat: repeat-y;
    background-size: cover;
}

.home_charlie_2 {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40%;
}

.willow {
    position: absolute;
    left: -50px;
    top: 0;
    height: 80%;
}

.text_mysssjx {
    position: absolute;
    right: 50px;
    top: 50px;
    height: 300px;
}

.text_yldylqw {
    position: absolute;
    right: 150px;
    top: 150px;
    height: 300px;
}

.charlie_sign {
    position: absolute;
    right: 30px;
    bottom: 30px;
    width: 100px;
}

.sale-tip {
    position: absolute;
    right: 5px;
    bottom: 50px;
    text-align: center;
    color: red;
    font-weight: bold;
}

/* 当视口宽度大于高度时 */
@media (min-width: calc(100vh * 1)) {
    /* 平板样式 */
    body {
        background: url("./images/bg_web_pc.jpg");
        background-repeat: no-repeat;
        background-size: cover;
    }

    .home_charlie_2 {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 40%;
    }

    .willow {
        position: absolute;
        left: 0;
        top: 0;
        height: 80%;
    }

    .text_mysssjx {
        position: absolute;
        right: 50px;
        top: 50px;
        height: 400px;
    }

    .text_yldylqw {
        position: absolute;
        right: 150px;
        top: 150px;
        height: 400px;
    }

    .charlie_sign {
        position: absolute;
        right: 50px;
        bottom: 30px;
        width: 150px;
    }

    .sale-tip {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        color: red;
        font-weight: bold;
    }
}