body {
    background: #fff;
}
/*header*/
.header {
    width: 7.2rem;
    height: .78rem;
    background: #fff;
    padding: 0 .2rem;
    margin: 0 auto;
    position: fixed;
    top:0;
    left:0;
    z-index: 5000;
}
.header-left {
    margin-top: .15rem;
    width: .42rem;
    height: .32rem;
    margin-top: .22rem;
}
.header-left img {
    width: 100%;
    height: 100%;
}
.header-center {
    width: 3.7rem;
    height: .68rem;
    margin-left: 1.2rem;
}
.header-center img {
    width: 100%;
    height: 100%;
}
.header-right {
    width: .38rem;
    height: .38rem;
    margin-top: .19rem;
}
.header-right img {
    width: 100%;
    height: 100%;
}
.banner {
    width: 7.2rem;
    height: 3.4rem;
    overflow: hidden;
}
.swiper-banner {
    width: 7.2rem;
    height: 3.4rem;
    overflow: hidden;
}
.banner-list img {
    width: 100%;
    height: 100%;
}

/* icon-list */
.icon-list ul {
    width: 6.9rem;
    overflow: hidden;
}
.icon-list ul  li {
    float: left;
    width: 2.2rem;
    height: 1rem;
    margin-top: .2rem;
    margin-right: .1rem;
    background: #9dc741;
    overflow: hidden;
}
/* .icon-list ul  li.active, */
.icon-list ul  li:hover {
    background: #ffb53e;
}
.icon-list ul  li .img-wrap {
    float: left;
}
.icon-list ul  li p {
    float: right;
    width: 1.5rem;
    height: .4rem;
    line-height: .4rem;
    margin-top: .3rem;
    text-align: center;
    color:#fff; 
    font-size: .24rem;
    font-weight: bold;
}
.icon-list ul  li:nth-child(1) .img-wrap {
    width: .46rem;
    height: .45rem;
    margin-top: .25rem;
    margin-left: .2rem;
}
.icon-list ul  li:nth-child(2) .img-wrap {
    width: .4rem;
    height: .49rem;
    margin-top: .25rem;
    margin-left: .24rem;
}
.icon-list ul  li:nth-child(3) .img-wrap {
    width: .48rem;
    height: .48rem;
    margin-top: .25rem;
    margin-left: .2rem;
}
.icon-list ul  li:nth-child(4) .img-wrap {
    width: .5rem;
    height: .49rem;
    margin-top: .25rem;
    margin-left: .2rem;
}
.icon-list ul  li:nth-child(5) .img-wrap {
    width: .46rem;
    height: .41rem;
    margin-top: .29rem;
    margin-left: .22rem;
}
.icon-list ul  li:nth-child(6) .img-wrap {
    width: .36rem;
    height: .39rem;
    margin-top: .3rem;
    margin-left: .3rem;
}



/* about */
.about {
    text-align: center;
    overflow: hidden;
}
.star-wrap  {
    margin-top: .3rem;
}
.star-wrap .img-wrap {
    display: inline-block;
    width: .83rem;
    height: .19rem;
    margin: 0 auto;
}
.about .tab {
    height: .3rem;
    margin-top: .25rem;
    margin-bottom: .2rem;
    text-align: center;
}
.about .tab p {
    display: inline-block;
    padding: 0 .15rem;
    border-right: 1px solid #9dc741;
    font-size: .24rem;
    font-weight: bold;
}
.about .tab p:last-child {
    border-right: none;
}
.about .tab p a {
    color: #000;
}
.about .tab p.active {
    border-right: 1px solid #9dc741;
}
.about .tab p.active a {
    color: #9dc741;
}
.about .text {
    height: .45rem;
    line-height: .45rem;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.about .certificate {
    margin-top: .2rem;
    width: 6.8rem;
    height: 3.65rem;
}
.about .certificate .arrow {
    position: relative;
    width: .5rem;
    height: 3.65rem;
    background: #efefef;
    outline: none;
}
.about .certificate  .arrow img {
    position: absolute;
    width: .18rem;
    height: .27rem;
    top: 1.67rem;
    left: .15rem;
}
.certificate-wrap {
    width: 5.8rem;
    height: 3.65rem;
    overflow: hidden;
}
.certificate-wrap li {
    width: 3rem;
    height: 3.65rem;
    padding: 0 .09rem;
    border-right: .21rem solid #efefef;
}
.certificate-wrap li .img-wrap {
    width: 2.6rem;
    height: 3.65rem;
}
/* 按摩椅 按摩垫 足疗机 */

.list2 {
    width: 6.8rem;
    margin: 0 auto;
    height: auto;
}
.list2 .tab {
    padding: .25rem 0;
    height: 1rem;
}
.list2 .tab li {
    float: left;
    width: 2.26rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    font-weight: bold;
    background: #9dc83b;
}
.list2 .tab li a {
    display: block;
}
.list2 .tab li.active {
    background: #545454;
}
.list2 .tab li a {
    color: #fff;
}
.list2-box {
    height: 4.25rem;
}
.list2-box .box-left {
    position: relative;
    width: 3rem;
    height: 4.2rem;
    overflow: hidden;
    border: 1px solid #cccccc;
}
.list2-box .box-left-list li {
    display: none;
}
.list2-box .box-left-list li.active {
    display: block;
}
.list2-box .box-left p {
    position: absolute;
    width: 3rem;
    padding: 0 .2rem;
    height: .83rem;
    line-height: .83rem;
    background:  rgba(84,84,84,.9);
    color: #fff;
    left: 0;
    bottom: 0;
}
/* .list2-box .box-left-list li:hover p{
    background: #9dc83b;
} */
.list2-box .box-left .img-wrap {
    width: 3rem;
    height: 4.2rem;
}
.list2-box .box-right {
    width: 3.5rem;
    height: 4.2rem;
    overflow: hidden;
}
.list2-box .box-right > ul {
    display: none;
}
.list2-box .box-right > ul.active {
    display: block;
}
.list2-box .box-right li {
    overflow: hidden;
}
.list2-box .box-right li  span {
    position: relative;
    width: .13rem;
    height: .2rem;
    background: #000;
    top: .02rem;
    margin-right: .13rem;
}
.list2-box .box-right li:nth-child(even) span {
    background: #9dc83b;
}
.list2-box .box-right li  p {
    width: 3.2rem;
    height: .25rem;
    line-height: .25rem;
    color: #414141;
    margin-bottom: .31rem;
}

/* 产品展示 */
.product {
    position: relative;
    width: 7.2rem;
    margin: 0 auto;
    padding-top: .35rem;
    padding-bottom: 7rem;
}
.product .bg {
    width: 7.2rem;
    height: 4rem;
    background: #545454;
}
.product .title {
    height: .45rem;
    line-height: .45rem;
    margin-bottom: .35rem;
    text-align: center;
    color: #9dc83b;
    font-size: .34rem;
    font-weight: bold;
}
.product .list-wrap {
    position: absolute;
    top: 1.4rem;
    padding: 0 .3rem;
}
.product .list li {
    position: relative;
    float: left;
    width: 3rem;
    margin-right: .2rem;
    margin-bottom: .5rem;
    /* height: 3.75rem; */
}
.product .list li .img-wrap {
    width: 3rem;
    height: 3.75rem;
    border: 1px solid #e1e1e1;
    border-bottom: none;
    overflow: hidden;
}
.product .list li .list-bottom {
    width: 3rem;
    height: .88rem;
    background: #9dc83b;
    color: #fff;
    text-align: center;
}
.product .list li .list-bottom h1 {
    float: left;
    width: 2.2rem;
    padding: .19rem .1rem;
}
.product .list li .list-bottom span {
    display: block;
    font-size: .2rem;
    height: .5rem;
    line-height: .5rem;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product .list li .list-bottom p {
    float: right;
    width: .8rem;
    height: .88rem;
    background: #a8d14b;
}
.product .list li .list-bottom p img {
    margin: 0 auto;
    margin-top: .3rem;
    width: .28rem;
    height: .25rem;
}
/* .product .list li.active .list-bottom h1, */
.product .list li:hover .list-bottom h1 {
    background: #545454;
}
/* .product .list li.active .list-bottom p, */
.product .list li:hover .list-bottom p {
    background: #656565;
}   
.product .list li img.hot {
    position: absolute;
    width: .77rem;
    height: .77rem;
    top: 0;
    right: 0;
    display: none;
}
.product .list li.hot img.hot {
    display: block;
}
.product .more {
    width: 1.75rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    border: 1px dashed #a6a6a6;
    font-size: .2rem;
    position: absolute;
    bottom: 0;
    left: 2.7rem;
}
.product .more:hover {
    background: #9dc83b;
    border-color: #9dc83b;
}
.product .more:hover a {
    color: #fff;
}
.product .more a {
    color: #000;
}
/* 健康新主张 */
.new-idea {

}
.new-idea .title {
    height: 1rem;
    line-height: 1rem;
    font-size: .36rem;
    font-weight: bold;
    color: #9dc83b;
    text-align: center;
}
.new-idea .title span {
    color: #000;
}
.hexagon-wrap {
    position: relative;
    height: 4.5rem;
    width: 6.8rem;
}
.hexagon-wrap .hexagon-left {
    position: absolute;
    width: .6rem;
    height: .72rem;
    top: 1.75rem;
    left: .22rem;
    outline: none;
}
.hexagon-wrap .hexagon-right {
    position: absolute;
    width: .6rem;
    height: .72rem;  
    top: 1.75rem;
    right: .22rem;
    outline: none;
}
.hexagon-wrap .hexagon-center {
    position: absolute;
    width: .6rem;
    height: .59rem;
    top: 1.86rem; 
    left: 3.07rem;
}
.hexagon-wrap .hexagon-left img,
.hexagon-wrap .hexagon-right img,
.hexagon-wrap .hexagon-center img {
    width: 100%;
    height: 100%;
}
.hexagon-wrap li {
    position: absolute;
    width: 1.48rem;
    height: 1.7rem;
}
.hexagon-wrap li .img-wrap {
    width: 1.48rem;
    height: 1.7rem;
}
 .hexagon-wrap li:nth-child(1) {
    top: 0;
    left: 1.88rem;
}

.hexagon-wrap li:nth-child(2) {
    top: 0;
    left: 3.42rem;
}
/* .hexagon-wrap li:nth-child(3) {
    top: 1.31rem;
    left: 1.13rem;
}
.hexagon-wrap li:nth-child(4) {
    top: 1.31rem;
    left: 4.18rem; 
}
.hexagon-wrap li:nth-child(5) {
    top: 2.62rem;
    left: 1.88rem;
}
.hexagon-wrap li:nth-child(6) {
    top: 2.62rem;
    left: 3.42rem;
} */
.hexagon-wrap li:nth-child(3) {
    top: 1.31rem;
    left: 4.18rem;
}
.hexagon-wrap li:nth-child(4) {
    top: 2.62rem;
    left: 3.42rem;
}
.hexagon-wrap li:nth-child(5) {
    top: 2.62rem;
    left: 1.88rem;
}
.hexagon-wrap li:nth-child(6) {
    top: 1.31rem;
    left: 1.13rem;
}
.hexagon-wrap li:nth-child(1) .img-wrap {
    background: url(../images/hexagon-1.png) no-repeat ;
    background-size: 100% ;
}
.hexagon-wrap li:nth-child(2) .img-wrap {
    background: url(../images/hexagon-3.png) no-repeat;
    background-size: 100% ;
}
.hexagon-wrap li:nth-child(3) .img-wrap {
    background: url(../images/hexagon-5.png) no-repeat;
    background-size: 100% ;
}
.hexagon-wrap li:nth-child(4) .img-wrap {
    background: url(../images/hexagon-2.png) no-repeat;
    background-size: 100%;
}
.hexagon-wrap li:nth-child(5) .img-wrap {
    background: url(../images/hexagon-4.png) no-repeat;
    background-size: 100%;
}
.hexagon-wrap li:nth-child(6) .img-wrap {
    background: url(../images/hexagon-6.png) no-repeat;
    background-size: 100%;
}
.hexagon-wrap li:nth-child(1).active .img-wrap {
    background: url(../images/hexagon1.png) no-repeat ;
    background-size: 100% ;
}
.hexagon-wrap li:nth-child(2).active .img-wrap {
    background: url(../images/hexagon3.png) no-repeat ;
    background-size: 100% ;
}
.hexagon-wrap li:nth-child(3).active .img-wrap {
    background: url(../images/hexagon5.png) no-repeat ;
    background-size: 100% ;
}
.hexagon-wrap li:nth-child(4).active .img-wrap {
    background: url(../images/hexagon2.png) no-repeat ;
    background-size: 100% ;
}
.hexagon-wrap li:nth-child(5).active .img-wrap {
    background: url(../images/hexagon4.png) no-repeat ;
    background-size: 100% ;
}
.hexagon-wrap li:nth-child(6).active .img-wrap {
    background: url(../images/hexagon6.png) no-repeat ;
    background-size: 100% ;
}

.hexagon-content {
    /* height: 2.1rem; */
    /* padding-bottom: .2rem; */
    overflow: hidden;
}
.hexagon-content-list {
}
.hexagon-content h1 {
    height: .7rem;
    line-height: .7rem;
    text-align: center;
    font-weight: bold;
    color: #272727;
    font-size: .22rem;
}
.hexagon-content p {
    height: 1.6rem;
    margin-top: .1rem;
    background: #9dc83b;
    padding: 0 .2rem;
    border: .2rem solid #9dc83b;
    border-left: none;
    border-right: none;
    line-height: .4rem;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
/* 直营店 */
.shops {
    position: relative;
    width: 7.2rem;
    height: 7rem;
    background: #eee url(../images/map.png) no-repeat center center;
    background-size: 100% ;
    margin-top: .45rem;
    border-top: .2rem solid #eee;
}
.shops > a {
    display: block;
    width: 7.2rem;
    height: 5.65rem;
}
.shops h1 {
    height: .7rem;
    line-height: .7rem;
    margin-left: .2rem;
    font-size: .32rem;
    font-weight: bold;
    color: #000;
}
.shops h1 span {
    font-family: Arial;
    font-size: .4rem;
    padding: .05rem;
}
.shops .circle {
    position: absolute;
    width: 1.7rem;
    height: 1.7rem;
    bottom: -.33rem;
    left: .2rem;
}
.shops .circle .consultation {
    position: absolute;
    width: .9rem;
    height: .9rem;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    bottom: .28rem;
    left: .48rem;
    color: #9dc83b;
}
.shops .circle .consultation span {
    display: block;
    width: .9rem;
    height: .9rem;
    line-height: .3rem;
    margin: 0 auto;
    margin-top: .15rem;
    font-size: .24rem;
    font-weight: bold;
    color: #9dc83b;
    text-align: center;
}
@keyframes warn {
    0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.0;
    }
    
    
    50% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    opacity: 1;
    }
    
    
    100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0;
    }
}
    
@keyframes warn1 {
    0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.0;
    }
    
    
    50% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    }
    
    
    100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0;
    }
}
.pulse {
    position: absolute;
    width: 1.3rem;
    height: 1.3rem;
    left: .285rem;
    top: .32rem;
    border: .22rem solid #a5d043;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
    opacity: 1;
    -webkit-animation: warn 2s ease-out;
    -moz-animation: warn 2s ease-out;
    animation: warn 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    }
    /* 产生动画（向外扩散变大）的圆圈 第二个圆 */
.pulse1 {
    position: absolute;
    width: 1.75rem;
    height: 1.75rem;
    left: .058rem;
    top: .1rem;
    border: .2rem solid #b1dc4f;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
    opacity: 1;
    -webkit-animation: warn1 2s ease-out;
    -moz-animation: warn1 2s ease-out;
    animation: warn1 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/* 六大优势 */
.advantage {
    overflow: hidden;
}
.advantage .title {
    height: 1.6rem;
    line-height: 1.63rem;
    font-size: .36rem;
    font-weight: bold;
    color: #9dc83b;
    text-align: center;
}
.advantage .title span {
    color:#000;
}
.advantage .title img {
    position: relative;
    width: .78rem;
    height: .77rem;
    top: .3rem;
}
.advantage-list-wrap {
    position: relative;
    overflow: hidden;
    width: 7.5rem;
    height: 2.9rem;
}
.advantage-list-wrap > p {
    position: absolute;
    width: 2.16rem;
    height: .64rem;
    line-height: .64rem;
    left: 2.3rem;
    text-align: center;
    color: #fff;
    background: #9dc83b;
}
.advantage-list {
    overflow: hidden;
    width: 7.5rem;
    height: 2.9rem;
}
.advantage-list li {
    position: absolute;
    float: left;
    width: 2.2rem;
    height: .88rem;
    line-height: .88rem;
    margin-right: .1rem;
    margin-bottom: .12rem;
    border: 1px solid #9dc83b;
    text-align: center;
    border-radius: .03rem;
    overflow: hidden;
    font-size: .24rem;
    font-weight: bold;
    outline: none;
    opacity: 1;
    background: #fff;
}
.advantage-list li a {
    display: block;
    color: #000;
}
.advantage-list li.active {
    background: #9dc83b;
}
.advantage-list li.active a {
    color: #fff;
}
.advantage-list li:nth-child(2) {
    left: 0;
    top: 1rem;
}
.advantage-list li:nth-child(3) {
    left: 0;
    top: 2rem;
}
.advantage-list li:nth-child(4) {
    left: 4.58rem;
}
.advantage-list li:nth-child(5) {
    left: 4.58rem;
    top: 1rem;
    
}
.advantage-list li:nth-child(6) {
    left: 4.58rem;
    top: 2rem;
}

.advantage-img-list {
    position: absolute;
    width: 2.16rem;
    height: 2.18rem;
    overflow: hidden;
    left: 2.3rem;
    top: .7rem;
}
.advantage-img-list li {
    display: none;
}
.advantage-img-list li.active {
    display: block;
}
.advantage-img-list li img {
    width: 2.16rem;
    height: 2.18rem; 
    border-radius: .05rem;
}

.advantage-text-list {

}
.advantage-text-list li {
    display: none;
}
.advantage-text-list li.active {
    display: block;
}
.advantage-text {
    padding: .25rem .3rem;
    line-height: .4rem;
    margin-top: .15rem;
    color: #000;
    background: #eee;
}

/* 体验店 */
.experience-shop {
    position: relative;
}
.experience-shop .top {
    height: 1.4rem;
    line-height: 1.4rem;
    text-align: center;
}
.experience-shop .top h1 {
    font-size: .36rem;
    font-weight: bold;
    color: #9dc83b;
}
.experience-shop .top h1 span {
    color: #000;
}
.experience-shop .top .more {
    position: absolute;
    width: 1.1rem;
    height: .4rem;
    text-align: center;
    line-height: .4rem;
    background: #9dc83b;
    top: .5rem;
    right: .65rem;
    font-size: .22rem;
}
.experience-shop .top .more a {
    display: block;
    color: #fff;
}
.experience-shop .top .more p {
    position: relative;
    z-index: 10;
}
.experience-shop .top .more s {
    position: absolute;
    width: .85rem;
    left: .85rem;
    top: .15rem;
    border-top: .01rem solid #9dc83b;
    z-index: 5;
}
.experience-shop .list ul {
    width: 6.9rem; 
}
.experience-shop .list ul li {
    float: left;
    width: 3.35rem; 
    height: 2.54rem;
    margin-right: .1rem;
}
.experience-shop .list ul li .img-wrap {
    width: 3.35rem; 
    height: 2.04rem;
    color: #000;
}
.experience-shop .list ul li .title {
    height: .5rem;
    line-height: .5rem;
    font-size: .22rem;
    color: #000;
    text-align: center;
}
/* 新闻 */
.news-wrap {
    padding-top: .2rem;
}
.news-wrap .title {
    position: relative;
    width: 7.2rem;
    height: 1.25rem;
    background: url(../images/news.png) no-repeat center center;
    background-size: 100% 100%;
    text-align: center;
}
.news-wrap .title  h1 {
    position: absolute;
    height: .48rem;
    width: 3.9rem;
    line-height: .48rem;
    left: 0;
    right: 0;
    margin: auto;
    top: .4rem;
    font-size: .36rem; 
    font-weight: bold; 
    color: #9dc83b;
    text-align: left;
}
.news-wrap .title  h1 span {
    color: #000;
}
.news-wrap .title  h1 img {
    width: .53rem;
    height: .48rem;
    vertical-align: middle;
}
.news-wrap .title  h1 b {
    position: absolute;
    width: 1.89rem;
    height: .48rem;
    background: url(../images/bg-news2.png) no-repeat center center;
    background-size: 100% 100%; 
    color: #fff;
    right: 0;
}
.news-wrap .list {
    padding-top: .2rem;
}
.news-wrap .list li {
    padding: .2rem 0;
    border-bottom: .01rem dashed #cdcdcd;
}
.news-wrap .list p {
    height: .3rem;
    line-height: .3rem;
    font-weight: bold;
    color: #9dc83b;
    font-size: .24rem;
}
.news-wrap .list h1 {
    height: .45rem;
    line-height: .45rem;
    font-weight: bold;
    color: #000;
    font-size: .24rem;
}
.news-wrap .list h1 span {
    color: #9dc83b;
}
.news-wrap .list .text {
    height: .8rem;
    line-height: .4rem;
    font-size: .22rem;
    color: #484848;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-wrap .more {
    width: 1.75rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    border: 1px dashed #a6a6a6;
    font-size: .2rem;
    margin: 0 auto;
    margin-top: .35rem;
    margin-bottom: .35rem;
    bottom: 0;
    left: 2.7rem;
}
.news-wrap .more a {
    color: #000;
}
.news-wrap .more:hover {
    background: #9dc83b;
    border-color: #9dc83b;
}
.news-wrap .more:hover a {
    color: #fff;
}

/* 5优服务 */
.serve-wrap {
    width: 7.2rem;
    margin: 0 auto;
    margin-top: .2rem;
    padding-top: .2rem;
    padding-bottom: .3rem;
    background: #f5f5f5;
}
.serve-top {
    width: 4.24rem;
    height: 1.22rem;
    margin: 0 auto;
    background: url(../images/bg-serve-title.png) no-repeat center center;
    background-size: 100%;
}
.serve-middle {
    position: relative;
    height: 3rem;
    width: 6.8rem;
    margin: 0 auto;
    padding-top: .05rem;
}
.middle-bg {
    width: 5.9rem;
    height: 2.65rem;
    margin: 0 auto;
    margin-top: .15rem;
    background: #d7d7d7;
}
.serve-middle-list {
    width: 6.8rem;
    height: 3rem;
    margin: 0 auto;
    margin-top: .05rem;
    overflow: hidden;
}
.serve-middle-list li {
    width: 4.6rem;
    height: 2.96rem; 
}
.serve-middle-list li .img-wrap {
    width: 4.6rem;
    height: 2.96rem; 
}
.serve-bottom {
    width: 6.8rem;
    height: auto;
    background: #fff;
    margin: 0 auto;
    margin-top: .4rem;
    padding: .3rem .2rem;
    text-align: center;
}
.serve-bottom li {
    display: none;
}
.serve-bottom li.active {
    display: block;
}
.serve-bottom h1 {
    line-height: .5rem;
    font-size: .24rem;
    font-weight: bold;
    color: #000;
}
.serve-bottom p {
    line-height: .35rem;
    font-size: .22rem;
    color: #484848;
}