body{background:#fff;overflow-x:hidden}
.banner {
    height: 100vh;
    width: 100%;
    position: relative;
    background: url('/areas/mobile/Images/activity/springtea/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:#51cff2}
.joy{position:relative;margin:2rem auto 5rem}
.joy img{width:30%;}
.joy img:not(:first-child){position:absolute}
.joy img:first-child{margin-left:4%}
.joy img:nth-child(2) {
    left: 26%;
    top: 20%;
}
.joy img:nth-child(3) {
    left: 48%;
    top: -12%;
}
.joy img:nth-child(4) {
    right: 4%;
    z-index: -1;
    top: 7%;
}
.activity{position:relative;padding: 2rem 9% 3rem;background:#f5f5f5}
.activity img{width:100%}
.ground {
    left: 0;
    margin-top: -71%;
    z-index: -1;
    position:relative;
    line-height:0
}
.ground>img{width:100%}
.activity .item{background:#fff;margin-bottom:2rem}
.activity .item:first-child{margin-top:calc(-61.5vw - 2rem)}
.activity .item-content{padding: 2rem 2.5rem .25rem;}
.activity .item-content h3 {
    font-size: 1.25rem;
    font-family: PingFang Heavy;
    margin-bottom: 1rem;
}
.experience{line-height:0;font-size:0;position:relative;margin-bottom:5rem}
.experience>img:first-child{width:91%;margin-bottom:0.5rem}
.experience>img:nth-child(2){width:41%;margin-left:9%;margin-right:0.5rem}
.ex-contain {
    display: inline-block;
    width: 39.2%;
    vertical-align: top;
}
.ex-contain>img{width:100%;margin-bottom:0.5rem}
.experience .engTitle {
    font-size: 0.5rem;
    font-family: "AlibabaSans";
    position: absolute;
    bottom:-4%;
    right:4%
}
.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:#51cff2;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:#51cff2;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: #51cff2;
}