body{background:#fff;overflow-x:hidden}
.banner {
    height: 100vh;
    width: 100%;
    position: relative;
    background: url('/areas/mobile/Images/activity/beauty/banner.jpg')no-repeat center;
    background-size: cover;
}
.section{
    padding:2rem 9% 3rem;
}
.section-title {
    font-family: PingFang Heavy;
    margin:3rem 0 2rem;
}
.sub-title {
    color: #fe6500;
    font-family: PingFang Heavy;
    font-size: 1.5rem;
    margin-bottom:1.25rem
}
.desc{line-height:2;margin-bottom:2rem;}
    .font-color {
        color: #ff2f47;
    }
    .alone{width:90%}
    .many {
        width: 91%;
        margin-left: 9%;
        margin-top: -10%;
        position: relative;
        z-index: -1;
    }
    .brewing p {
        margin-top: 2rem;
        font-size: 1rem;
        padding-left: 9%;
    }
    .activity {
        line-height: 0;
        padding:0 9%;
        display: flex;
        flex-wrap: wrap;
    }
    .activity .item {
        width: 33.333%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #f6f6f6;
        color: #ff2f47;
    }
    .activity .item p{font-size:1rem;text-align:center}
        .activity .item:nth-child(5) {
            background-image: url(../../Images/activity/beatuy/icon1.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: auto 90%;
        }
        .activity .item:nth-child(9) {
            background-image: url(../../Images/activity/beatuy/icon2.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: auto 90%;
        }
        .activity img {
            width: 100%;
        }
        .news-wrapper{width:90%;margin:auto}
.news-wrapper .item{margin-bottom:1.5rem;display:block}
.picture{width:100%;height:40vw;background-size:cover;background-position:center;background-repeat:no-repeat}
.news-content{background:#f6f6f6;padding:1rem}
.news-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-size:1.35rem}
.news-date{color:#c2c2c2;margin-top:.5rem}
.more-news{color:#ff2f47;text-align:center;display:block;margin:2rem 0 3rem;font-size:1.1rem}
.more-products{display:none}
a>span{vertical-align:middle}
.showMore{display:block;color:#ff2f47;margin-top:1rem;font-size:1.1rem;font-weight:bold}

    .arrow-right {
        display: inline-block;
        width: 9px;
        height: 9px;
        border-bottom: 2px solid;
        border-right: 2px solid;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        color: #ff2f47;
    }