.massageGun li {
    font-size: 0;
}

ul li{position: relative;}
ul>li>div{position: absolute;}
ul li div h3{font-size: .3rem;font-family: SBold;line-height: 100%;}
ul li div p{font-size: .18rem;font-family: Regular;margin-top: .13rem;line-height: .3rem;}

.des1{top: 2.4rem;left: 13rem;color: #FFFFFF;}
.des2{top: 2.4rem;left: 3.5rem;color: #FFFFFF;}
.des4{top: 2.4rem;left: 3.5rem;color: #333333;}
.des5{top: 2.4rem;left: 13rem;color: #FFFFFF;}
.des6{top: 2.4rem;left: 3.5rem;color: #FFFFFF;}
.des7{top: 2.4rem;left: 13rem;color: #FFFFFF;}
.des8{top: 2.4rem;left: 3.5rem;color: #333333;}
.des9{top: 2.4rem;left: 13rem;color: #333333;}
.des10{top: 2.4rem;left: 3.5rem;color: #FFFFFF;}
.des11{top: 2.4rem;left: 13rem;color: #FFFFFF;}
.des12{top: 2.4rem;left: 3.5rem;color: #333333;}
.des13{top: 2.4rem;left: 13rem;color: #FFFFFF;}
.des14{top: 2.4rem;left: 3.5rem;color: #FFFFFF;}
.des15{top: 2.4rem;left: 10rem;color: #FFFFFF;}

/*-----------------------移动端样式-------------------------*/
@media only screen and (min-width: 320px) and (max-width: 1200px) {
    .des{position: absolute;top: 6.5rem;width: 100%;padding: 0 .34rem;box-sizing: border-box;}
    .des .title{font-size: .3rem;color: #fff;align-content: center;}
    .des .title span{display: block;height: 1px;background-color: #fff;flex: 1;margin-top: .3rem;}
    .des .title h2{padding: 0 .3rem;}
    .des .content{font-size: .18rem;color: #fff;}
    .des .content p{flex-wrap: wrap;}

    .black .title{color: #333;}
    .black .title span{background-color: #333;}
    .black .content{color: #333;}
}