.btn-div .btn {
    background: linear-gradient(90deg, #17C098, #5AD6B8);
}

.navigation .tab-list {
    overflow: hidden;
    white-space: nowrap;
}

.navigation .tab-list div.active span {
    border-bottom: 2px solid #20C39C;
    color: #20C39C;
}

.navigation .tab-list div {
    width: 140px;
    padding: 0 15px;
    transition: width 0.5s;
}

.navigation.active .tab-list div {
    width: 112px;
}

.navigation .tab-list div.shopping-tab {
    width: 180px;
    background: linear-gradient(90deg, #17C098, #5AD6B8);
    height: 63px;
    position: relative;
}

.navigation .tab-list div.shopping-tab span {
    color: #FFFFFF;
    position: relative;
    text-indent: 30px;
    padding: 19px 40px;
}

.navigation .tab-list div.shopping-tab span:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: url(../images/suspension/side_ewm_02.png) center no-repeat;
    left: 40px;
    top: 21px;
    background-size: cover;
}

.section-title.crown div:after {
    background: linear-gradient(90deg, #17C098, #5AD6B8);
}

.section-3 .section-title.crown div:after {
    right: auto;
}

* {
    font-family: PingFang SC;
}

.xian-div {
    position: relative;
    color: #FFFFFF;
    font-size: 20px;
    text-align: center;
}

.xian-div:after {
    content: '';
    position: absolute;
    width: 543px;
    height: 1px;
    background: #FFFFFF;
    opacity: 0.2;
    left: 0;
    top: 15px;
}

.xian-div:before {
    content: '';
    position: absolute;
    width: 543px;
    height: 1px;
    background: #FFFFFF;
    opacity: 0.2;
    right: 0;
    top: 15px;
}

.section-0 {
    background: url(../images/applets/00-banner.jpg) no-repeat center top;
    height: 400px;
}

.section-0 .btn-border-blue {
    position: relative;
}

.shopping-div {
    width: 220px !important;
    height: 260px;
    background: #FFFFFF;
    box-shadow: 0px 5px 20px 0px #1d22201a;
    border-radius: 10px;
    position: absolute;
    top: 65px;
    left: -10px;
    display: none;
    z-index: 2;
}

.tab-shopping-div {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.tab-shopping-div .shopping-div {
    left: auto;
    right: -17px;
}

.shopping-div .h1 {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    line-height: initial;
    margin: 5px 0;
}

.shopping-div .more {
    color: #888888;
    font-size: 14px;
    line-height: initial;
}

.shopping-div .div-img {
    background: url(../images/applets/2000-app-img.jpg) no-repeat center top;
    width: 165px;
    height: 165px;
    margin: 20px auto 0;
    background-size: contain;
}

.section-0 .btn-div .a {
    width: 180px;
    height: 60px;
    line-height: 60px;
}

.section-0 .btn-div .btn {
    color: #29BE9A;
}

.section-0 .btn-div .btn-border-blue:hover {
    color: #29BE9A;
}

.section-0 .btn-div .btn-border-blue:hover .shopping-div {
    display: block;
}

.section-0 .container {
    position: relative;
    height: 390px;
}

.section-0 .btn-wrap .btn-line:hover {
    background: linear-gradient(90deg, #fe203a, #fe7f66);
    color: #FFFFFF;
}

.section-3 .shopping-div {
    line-height: 0;
}

.section-3 {
    padding: 80px 0 110px 0;
}

.section-3 .container {
    opacity: 0;
}

.section-3 .section-title {
    display: inline-block;
    width: 600px;
    text-align: left;
    margin: 80px 0px 0px 492px;
}

.section-3 .img {
    background: url(../images/applets/01-img.png) no-repeat center top;
    height: 635px;
    width: 345px;
    display: inline-block;
    float: left;
    margin-left: 150px;
    position: absolute;
    left: 0;
    z-index: 2;
}

.section-3 .bg-img {
    position: relative;
}

.section-3 .bg-img:after {
    content: '';
    position: absolute;
    background: url(../images/applets/01-bg.png) no-repeat center top;
    width: 627px;
    height: 627px;
    display: inline-block;
    left: 100px;
}

.section-3 .btn-border-blue {
    position: relative;
}

.section-3 .btn-div .btn-border-blue {
    border: 1px solid #1FC39C;
    color: #1FC39C;
}

.section-3 .btn-div .btn-border-blue a {
    color: #1FC39C;
}

.section-3 .btn-div .btn-border-blue:hover {
    color: #4482F5;
}

.section-3 .btn-div .btn-border-blue:hover .shopping-div {
    display: block;
}

.section-3 .price-div {
    margin: 42px 0 45px;
}

.section-3 .price-div span {
    color: #20C39C;
    margin-bottom: 0;
}

.section-3 .price-div .desc {
    font-size: 16px !important;
}

.section-3 .price-div .number span:nth-child(1) {
    font-size: 28px !important;
}

.section-3 .price-div .number span:nth-child(2) {
    font-size: 38px !important;
    float: right;
}

.section-3 .title-desc span {
    color: #333333;
    font-size: 16px !important;
}

.section-4 .container {
    opacity: 0;
}

.section-4 .content {
    font-size: 0;
    margin-top: 50px;
    text-align: center;
}

.section-4 .content-div {
    display: inline-block;
    width: 300px;
    height: 318px;
    background: #FFFFFF;
    border: 1px solid #C6D6EE;
    box-shadow: 0px 10px 50px 0px rgba(42, 104, 181, 0.06);
    border-radius: 10px;
}

.section-4 .content-div:nth-child(2) {
    margin: 0 64px;
}

.section-4 .content-div .top {
    text-align: center;
    position: relative;
    margin-top: 48px;
}

.section-4 .content-div .img-div {
    width: 149px;
    height: 149px;
    margin: 0 auto;
    border-radius: 50%;
}

.section-4 .content-div:hover .img-div {
    animation: bounce 1s ease 0s 1 both;
}

.section-4 .content-div .img-div {
    width: 100px;
    height: 100px;
}

.section-4 .content-div:nth-child(1) .img-div {
    background: url("../images/applets/02-icon1.png") no-repeat center;
}

.section-4 .content-div:nth-child(2) .img-div {
    background: url("../images/applets/02-icon2.png") no-repeat center;
}

.section-4 .content-div:nth-child(3) .img-div {
    background: url("../images/applets/02-icon3.png") no-repeat center;
}

.section-4 .content-div .title {
    font-size: 20px;
    color: #333;
    margin: 35px 0 15px;
    font-weight: bold;
}

.section-4 .content-div .desc {
    font-size: 16px;
    color: #888888;
    margin: 0 30px;
}

.section-5 {
    position: relative;
}

.section-5 .div-img {
    height: 470px;
}

.section-5 .div-img:after {
    position: absolute;
    content: '';
    background: url("../images/applets/01-bg.png") no-repeat center center;
    width: 627px;
    height: 627px;
    display: inline-block;
    top: 0;
    left: 30%;
    right: 0;
    margin: 0 auto;
}

.section-5 .container {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
}

.section-5 .list {
    margin-top: 76px;
    text-align: center;
    font-size: 0;
}

.section-5 .list li {
    width: 195px;
    height: 255px;
    background: #FFFFFF;
    border: 1px solid #C6D6EE;
    box-shadow: 0px 10px 50px 0px rgba(42, 104, 181, 0.06);
    border-radius: 10px;
    margin-right: 37px;
    text-align: center;
    transition: all ease 300ms;
    display: inline-block;
}

.section-5 .list li:nth-child(5) {
    margin-right: 0;
}


.section-5 .list li:hover .img {
    animation: bounce 1s ease 0s 1 both;
}

.section-5 .list li .img {
    background: url(../images/applets/03-icon.png) no-repeat;
    width: 67px;
    height: 67px;
    margin: 43px auto 0;
}

.section-5 .list li.item-1 .img {
    background-position: 0 -1px;
}

.section-5 .list li.item-2 .img {
    background-position: -139px -1px;
}

.section-5 .list li.item-3 .img {
    background-position: -277px -1px;
}

.section-5 .list li.item-4 .img {
    background-position: -415px -1px;
}

.section-5 .list li.item-5 .img {
    background-position: -553px -1px;
}

.section-5 .list li h3 {
    font-size: 20px;
    margin: 30px 0 10px 0;
    font-weight: bold;
}

.section-5 .list li .desc {
    color: #888888;
    font-size: 16px;
    margin: 0px 15px;
}

.section-3 .container {
    opacity: 0;
    text-align: center;
}

.section-6 .list-div {
    font-size: 0;
}

.section-6 .list-div .list {
    display: inline-block;
    width: 360px;
    height: 501px;
    background: #F1F7FE;
    border: 1px solid #C6D6EE;
    border-radius: 30px;
    position: relative;
    box-sizing: border-box;
}

.section-6 .list-div .list:nth-child(2) {
    margin: 0 60px;
}

.section-6 .list-div .list .head {
    width: 250px;
    height: 100px;
    border-radius: 10px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -50px;
}

.section-6 .list-div .list:nth-child(1) .head {
    background: linear-gradient(90deg, #FF6861, #FFC1B7);
}

.section-6 .list-div .list:nth-child(2) .head {
    background: linear-gradient(90deg, #1EC094, #6EE3C0);
}

.section-6 .list-div .list:nth-child(3) .head {
    background: linear-gradient(90deg, #FF8B5F, #FFB89A);
}

.section-6 .list-div .list .head .mg-div {
    margin: 20px 0 0 58px;
}

.section-6 .list-div .list .head .title {
    position: relative;
    color: #FFFFFF;
    font-size: 24px;

}

.section-6 .list-div .list .head .title:after {
    position: absolute;
    content: '';
    width: 16px;
    height: 20px;
    left: -33px;
    top: 9px;
}

.section-6 .list-div .list:nth-child(1) .head .title:after {
    background: url("../images/applets/4f-icon1.png") no-repeat center center;
}

.section-6 .list-div .list:nth-child(2) .head .title:after {
    background: url("../images/applets/4f-icon2.png") no-repeat center center;
}

.section-6 .list-div .list:nth-child(3) .head .title:after {
    background: url("../images/applets/4f-icon3.png") no-repeat center center;
}

.section-6 .list-div .list .head .desc {
    font-size: 16px;
    color: #FFFFFF;
}

.section-6 .list-div .list .content-list {
    text-align: center;
    padding-top: 85px;
}

.section-6 .list-div .list .content-list span {
    width: 290px;
    height: 60px;
    background: #FFFFFF;
    box-shadow: 0px 14px 24px 0px rgba(72, 145, 233, 18%);
    border-radius: 10px;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}

.section-6 .list-div .list .content-list span:last-child {
    margin-bottom: 0px;
}

.section-6 .list-div .list .content-list .more-div {
    margin-top: 20px;
}

.section-6 .list-div .list .content-list .more-div i {
    width: 6px;
    display: inline-block;
    height: 6px;
    background: #FF736D;
    border-radius: 50%;
    margin: 0 2px;
}

.section-6 .list-div .list:nth-child(1) .content-list span {
    width: 140px;
    height: 60px;
}

.section-6 .list-div .list:nth-child(1) .content-list span:nth-child(odd) {
    margin-right: 10px;
}

.section-7 .container {
    opacity: 0;
}

.section-7 .list {
    margin-top: 76px;
    text-align: center;
    font-size: 0;
}

.section-7 .list li {
    width: 222px;
    height: 190px;
    background: #FFFFFF;
    border-radius: 10px;
    margin-right: 22px;
    text-align: center;
    transition: all ease 300ms;
    display: inline-block;
    box-sizing: border-box;
    text-align: left;
    padding-left: 25px;
}

.section-7 .list li:nth-child(1) {
    background: linear-gradient(90deg, #9CD4FF, #59B5FE);
}

.section-7 .list li:nth-child(2) {
    background: linear-gradient(90deg, #7489FA, #9CC6FF);
}

.section-7 .list li:nth-child(3) {
    background: linear-gradient(90deg, #FF8B5F, #FFB89A);
}

.section-7 .list li:nth-child(4) {
    background: linear-gradient(90deg, #FFC1B7, #FF6861);
}

.section-7 .list li:nth-child(5) {
    background: linear-gradient(90deg, #1EC094, #6EE3C0);
}

.section-7 .list li:nth-child(6) {
    background: linear-gradient(90deg, #FFC1B7, #FF6861);
}

.section-7 .list li:nth-child(7) {
    background: linear-gradient(90deg, #1EC094, #6EE3C0);
}

.section-7 .list li:nth-child(8) {
    background: linear-gradient(90deg, #FECF90, #FBB157);
}

.section-7 .list li:nth-child(9) {
    background: linear-gradient(90deg, #9CD4FF, #59B5FE);
}

.section-7 .list li:nth-child(10) {
    background: linear-gradient(90deg, #FF8B5F, #FFB89A);
}

.section-7 .list li:nth-child(10) i {
    width: 6px;
    height: 6px;
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    margin: 60px 3px 0;
}

.section-7 .list li:nth-child(5n+5) {
    margin-right: 0;
}

.section-7 .list li:nth-child(n+5) {
    margin-top: 20px;
}

.section-7 .list li:hover .img {
    animation: bounce 1s ease 0s 1 both;
}

.section-7 .list li .img {
    width: 67px;
    height: 67px;
    margin-top: 25px;
}

.section-7 .list li.item-1 .img {
    background: url(../images/applets/5f-img1.png) no-repeat;
}

.section-7 .list li.item-2 .img {
    background: url(../images/applets/5f-img2.png) no-repeat;
}

.section-7 .list li.item-3 .img {
    background: url(../images/applets/5f-img3.png) no-repeat;
}

.section-7 .list li.item-4 .img {
    background: url(../images/applets/5f-img4.png) no-repeat;
}

.section-7 .list li.item-5 .img {
    background: url(../images/applets/5f-img5.png) no-repeat;
}

.section-7 .list li:nth-child(6) .img {
    background: url(../images/applets/5f-img6.png) no-repeat;
}

.section-7 .list li:nth-child(7) .img {
    background: url(../images/applets/5f-img7.png) no-repeat;
}

.section-7 .list li:nth-child(8) .img {
    background: url(../images/applets/5f-img8.png) no-repeat;
}

.section-7 .list li:nth-child(9) .img {
    background: url(../images/applets/5f-img9.png) no-repeat;
}


.section-7 .list li h3 {
    font-size: 24px;
    margin: 17px 0 6px 0;
    color: #FFFFFF;
}

.section-7 .list li .desc {
    color: #ffffff80;
    font-size: 16px;
}

.section-8 .list .item {
    width: 520px;
    height: 614px;
    background: #FFFFFF;
    border: 1px solid #C6D6EE;
    box-shadow: 0px 10px 50px 0px rgba(42, 104, 181, 0.06);
    border-radius: 20px;
    display: inline-block;
}

.section-8 .list .item .top {
    border-radius: 20px 20px 0 0;
    height: 120px;
    background: #F1F7FE;
    border-bottom: 1px solid #C6D6EE;
    color: #000000;
    font-size: 24px;
    font-weight: bold;
    line-height: 120px;
    text-align: center;
    text-indent: 100px;
    position: relative;
}

.section-8 .list .item .top:after {
    position: absolute;
    content: '';
    width: 91px;
    height: 106px;
    left: 64px;
    bottom: 0;
}

.section-8 .list .item-1 .top:after {
    background: url("../images/applets/6f-img1.png") no-repeat center center;
}

.section-8 .list .item-2 .top:after {
    background: url("../images/applets/6f-img2.png") no-repeat center center;
}

.section-8 .list .item .bottom-div {
    margin: 52px 60px 0;
}

.section-8 .list .item .bottom-div p {
    color: #666666;
    font-size: 18px;
    margin-bottom: 40px;
    position: relative;
    padding-left: 63px;
    text-align: left;
}

.section-8 .list .item .bottom-div p:last-child {
    margin-bottom: 0;
}

.section-8 .list .item .bottom-div p:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.section-8 .list .item-1 .bottom-div p:after {
    background: url(../images/applets/6f-icon-green.png) no-repeat center center;
}

.section-8 .list .item-2 .bottom-div p:after {
    background: url(../images/applets/6f-icon-red.png) no-repeat center center;
}

.section-8 .list .btn-div {
    margin: 42px auto 0;
}

.section-8 .list .item-1 .bottom-div p:last-child:after {
    background: url(../images/applets/6f-icon1.png) no-repeat center center;
    width: 48px;
    height: 30px;
}

.section-8 .vs-div {
    background: url(../images/applets/6f-vs.png) no-repeat center center;
    width: 115px;
    height: 83px;
    display: inline-block;
    margin: 0 15px;
    transform: translateY(-190px);
}

.section-8 .list .item-2 .btn-div .btn {
    background: linear-gradient(90deg, #FE4646, #FE7D7C);
}

.section-9 .content-div {
    display: inline-block;
}

.section-9 .content-div:nth-child(2) {
    margin-left: 100px;
}

.section-9 .content {
    float: right;
    margin: 60px 0 0 0;
    transition: all ease 300ms;
}

.section-9 .content-div:hover .content {
    webkit-box-shadow: 0px 20px 40px 0px rgba(83, 86, 90, 0.15);
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
}

.section-9 .content p {
    font-size: 22px;
    color: #333;
    font-weight: 600;
    position: relative;
}

.section-9 .content .img-div {
    background: url(../images/applets/7f-1.jpg) no-repeat center top;
    width: 163px;
    height: 186px;
    margin: 42px 0 52px;
}

.section-9 .content .img-div1 {
    background: url(../images/applets/7f-2.jpg) no-repeat center top;
    width: 163px;
    height: 186px;
    margin: 42px 0 52px;
}

.section-9 .img {
    display: inline-block;
    width: 298px;
    height: 520px;
    background: url(../images/applets/7f-img1.png) no-repeat center top;
}

.section-9 .img1 {
    display: inline-block;
    width: 298px;
    height: 520px;
    background: url(../images/applets/7f-img2.png) no-repeat center top;
}

.section-9 .content .more-div {
    position: relative;
    color: #22C39E;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
}

.section-9 .item-list .content-div:nth-child(2) .content .more-div:after {
    border: 2px solid #FE4646;
    border-left: 0;
    border-bottom: 0;
}

.section-9 .content .more-div:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid #20C39C;
    transform: rotateZ(45deg);
    border-left: 0;
    border-bottom: 0;
    top: 10px;
    right: -15px;
}

.section-9 .item-list .content-div:nth-child(2) .content .more-div {
    color: #FE4646;
}

.section-9 .item-list .content-div .content p:after {
    position: absolute;
    content: '';
    width: 41px;
    height: 24px;
    top: 5px;
    right: -50px;
}

.section-9 .item-list .content-div:nth-child(1) .content p:after {
    background: url("../images/applets/7f-cm1.png") no-repeat center center;
}

.section-9 .item-list .content-div:nth-child(2) .content p:after {
    background: url("../images/applets/7f-cm2.png") no-repeat center center;
}

.section-6 .container {
    opacity: 0;
}

.section-7 .container {
    opacity: 0;
}

.section-8 .container {
    opacity: 0;
}

.right-flost {
    position: fixed;
    bottom: 130px;
    right: 90px;
    z-index: 9;
}

.right-flost .div-img {
    background: url("../images/applets/right-img.png") no-repeat center center;
    width: 718px;
    height: 166px;
    cursor: pointer;
}

.right-flost .close {
    background: url("../images/applets/close.png") no-repeat center center;
    width: 29px;
    height: 29px;
    position: absolute;
    top: -40px;
    right: 10px;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .mob-banner .mob-btn-div .mob-btn-blue {
        color: #29BE9A;
    }

    .mob-btn-div .mob-btn-blue {
        background: linear-gradient(90deg, #17C098, #5AD6B8);
    }

    .s-title.crown div:after {
        background: #4DD4AF;
    }

    .mob-xian-div {
        position: relative;
        color: #FFFFFF;
        font-size: 20px;
        text-align: center;
    }

    .mob-xian-div:after {
        content: '';
        position: absolute;
        width: 11rem;
        height: 1px;
        background: #FFFFFF;
        opacity: 0.2;
        left: 0;
        top: 15px;
    }

    .mob-xian-div:before {
        content: '';
        position: absolute;
        width: 11rem;
        height: 1px;
        background: #FFFFFF;
        opacity: 0.2;
        right: 0;
        top: 15px;
    }

    .mob-banner {
        background: url(../images/mobile/applets/00-banner.jpg) no-repeat center top;
        background-size: cover;
        height: 36rem;
    }

    .mob-s2 img {
        width: 50%;
    }

    .mob-s2 .price-div {
        width: 48%;
        display: inline-block;
        float: right;
        margin-top: 27%;
    }

    .mob-s2 .price-div .price {
        color: #20C39C;
        font-weight: bold;
        margin-bottom: 2rem;
    }

    .mob-s2 .price-div .price .desc {
        font-size: 1.5rem;
        display: inline-block;
    }

    .mob-s2 .price-div .price .number {
        display: inline-block;
    }

    .mob-s2 .price-div .price .number span:nth-child(1) {
        font-size: 1.5rem;
    }

    .mob-s2 .price-div .price .number span:nth-child(2) {
        font-size: 2rem;
    }

    .mob-s2 .mob-btn-div {
        padding: 0;
    }

    .mob-s2 .mob-btn-div span {
        width: 100%;
    }

    .mob-s3 .list {
        overflow: hidden;
        margin-top: 1rem;
        text-align: center;
    }

    .mob-s3 .list li {
        border: 1px solid #eaeaea;
        background: #fff;
        padding: 1.5rem 0;
        margin: 1.5%;
        cursor: pointer;
        overflow: hidden;
        text-align: center;
        width: 90%;
        display: inline-block;
    }

    .mob-s3 .list li .img {
        width: 5rem;
        height: 5rem;
        margin: 0.5rem auto;
    }

    .mob-s3 .list li.item-1 .img {
        background: url(../images/mobile/applets/02-icon1.png) no-repeat center;
        background-size: cover;
    }

    .mob-s3 .list li.item-2 .img {
        background: url(../images/mobile/applets/02-icon2.png) no-repeat center;
        background-size: cover;
    }

    .mob-s3 .list li.item-3 .img {
        background: url(../images/mobile/applets/02-icon3.png) no-repeat center;
        background-size: cover;
    }

    .mob-s3 .list li h3 {
        line-height: 3rem;
        font-weight: 600;
    }

    .mob-s3 .list li span {
        font-size: 1.2rem;
        color: #888888;
        margin: 0 3rem;
        display: inline-block;
    }

    .mob-s3 .list li p {
        margin: 0 1rem;
    }

    .mob-btn-div .mob-btn-red {
        background: linear-gradient(-88deg, #FF601A, #F20600);
    }

    .mob-more-function .list .item-6 div {
        background: url(../images/mobile/common/5f-icon-6.png) no-repeat center top !important;
        background-size: contain !important;
        background-position: 0 7px !important;
    }

    .mob-app .app-img-div {
        background: url(../images/applets/2000-app-img.jpg) no-repeat center top;
        width: 15rem;
        height: 16rem;
        background-size: contain;
        margin: 0 auto;
    }

    .mob-app {
        text-align: center;
    }

    .mob-app .content-div {
        width: 70%;
        margin: 0 auto;
        background: #FFFFFF;
        box-shadow: 0px 5px 20px 0px #1d22201a;
        border-radius: 10px;
        padding: 3rem 0;
    }

    .mob-app .p-div .close {
        background: url(../images/mobile/common/close.png) no-repeat center center;
        background-size: contain;
        width: 2rem;
        height: 2rem;
        position: absolute;
        right: 5.8rem;
        top: 0.5rem;
        cursor: pointer;
    }

    .mob-app .h1 {
        color: #000000;
        font-size: 1.5rem;
        font-weight: bold;
        line-height: initial;
        margin: 5px 0;
    }

    .mob-app .desc {
        color: #888888;
        font-size: 1.1rem;
        line-height: initial;
    }

    .mob-s4 .list {
        overflow: hidden;
        margin-top: 1rem;
    }

    .mob-s4 .list li {
        background: #fff;
        float: left;
        padding: 1.5rem 0;
        width: 47%;
        margin: 1.5%;
        cursor: pointer;
        overflow: hidden;
        text-align: center;
        height: 15rem;
        border: 1px solid #C6D6EE;
        border-radius: 10px;
        box-shadow: 0px 10px 50px 0px rgba(42, 104, 181, 0.06);
    }

    .mob-s4 .list li:nth-child(6) {
        opacity: 0;
    }

    .mob-s4 .list li .img {
        background: url(../images/mobile/applets/03-icon.png) no-repeat center;
        width: 3rem;
        height: 3rem;
        margin: 0.5rem auto;
        background-size: cover;
    }

    .mob-s4 .list li.item-1 .img {
        background-position: 0 0;
    }

    .mob-s4 .list li.item-2 .img {
        background-position: -72px 0;
    }

    .mob-s4 .list li.item-3 .img {
        background-position: -144px 0;
    }

    .mob-s4 .list li.item-4 .img {
        background-position: -216px 0;
    }

    .mob-s4 .list li.item-5 .img {
        background-position: -288px 0;
    }

    .mob-s4 .list li h3 {
        line-height: 3rem;
        font-weight: 600;
    }

    .mob-s4 .list li span {
        color: #888888;
        font-size: 1.2rem;
        margin: 0 1rem;
    }

    .mob-s4 .list li p {
        margin: 0 1rem;
    }

    .mob-s6 .list {
        overflow: hidden;
        margin-top: 1rem;
    }

    .mob-s6 .list li {
        border: 1px solid #eaeaea;
        background: #fff;
        float: left;
        padding: 1.5rem 0;
        width: 47%;
        margin: 1.5%;
        cursor: pointer;
        overflow: hidden;
        text-align: center;
    }

    .mob-s6 .list li:nth-child(1) {
        background: linear-gradient(90deg, #9CD4FF, #59B5FE);
    }

    .mob-s6 .list li:nth-child(2) {
        background: linear-gradient(90deg, #7489FA, #9CC6FF);
    }

    .mob-s6 .list li:nth-child(3) {
        background: linear-gradient(90deg, #FF8B5F, #FFB89A);
    }

    .mob-s6 .list li:nth-child(4) {
        background: linear-gradient(90deg, #FFC1B7, #FF6861);
    }

    .mob-s6 .list li:nth-child(5) {
        background: linear-gradient(90deg, #1EC094, #6EE3C0);
    }

    .mob-s6 .list li:nth-child(6) {
        background: linear-gradient(90deg, #FFC1B7, #FF6861);
    }

    .mob-s6 .list li:nth-child(7) {
        background: linear-gradient(90deg, #1EC094, #6EE3C0);
    }

    .mob-s6 .list li:nth-child(8) {
        background: linear-gradient(90deg, #FECF90, #FBB157);
    }

    .mob-s6 .list li:nth-child(9) {
        background: linear-gradient(90deg, #9CD4FF, #59B5FE);
    }

    .mob-s6 .list li:nth-child(10) {
        background: linear-gradient(90deg, #FF8B5F, #FFB89A);
    }

    .mob-s6 .list li .img {
        background: url(../images/wxshop/2f-icon1.png) no-repeat center;
        width: 5rem;
        height: 5rem;
        margin: 0.5rem auto;
        border-radius: 50%;
        background-size: cover;
    }

    .mob-s6 .list li.item-1 .img {
        background-position: 0 0;
    }

    .mob-s6 .list li.item-2 .img {
        background-position: -67px 0;
    }

    .mob-s6 .list li.item-3 .img {
        background-position: -132px 0;
    }

    .mob-s6 .list li.item-4 .img {
        background-position: -199px 0;
    }

    .mob-s6 .list li h3 {
        line-height: 3rem;
        font-weight: 600;
        color: #FFFFFF;
    }

    .mob-s6 .list li span {
        color: #ffffff80;
    }

    .mob-s5 .content-div .item {
        background: #F0F5FC;
        border: 1px solid #C5D6EE;
        border-radius: 30px;
        margin-bottom: 1rem;
    }

    .mob-s5 .content-div .item:last-child {
        margin-bottom: 0;
    }

    .mob-s5 .content-div .item .title-div {
        text-align: center;
        margin: 1.5rem 0;
    }

    .mob-s5 .content-div .item .title-div p {
        color: #000000;
        font-size: 1.5rem;
        font-weight: bold;
    }

    .mob-s5 .content-div .item .title-div span {
        color: #666666;
        font-size: 1.3rem;
    }

    .mob-s5 .content-div .list-div {
        text-align: center;
    }

    .mob-s5 .content-div .list-div span {
        background: #FFFFFF;
        box-shadow: 0px 14px 24px 0px rgba(72, 145, 233, 0.18);
        border-radius: 10px;
        width: 45%;
        display: inline-block;
        text-align: center;
        margin-bottom: 1rem;
        line-height: 4rem;
        font-size: 1.3rem;
    }

    .mob-s5 .content-div .item:nth-child(1) .list-div span {
        width: 27%;
    }

    .mob-s5 .content-div .item:nth-child(2) .list-div span:last-child {
        opacity: 0;
    }

    .mob-s5 .content-div .item:nth-child(3) .list-div span:last-child {
        opacity: 0;
    }

    .mob-s5 .content-div .item:nth-child(2) .list-div span:nth-child(2n+2) {
        margin-left: 1rem;
    }

    .mob-s5 .content-div .item:nth-child(3) .list-div span:nth-child(2n+2) {
        margin-left: 1rem;
    }

    .mob-s5 .content-div .item:nth-child(1) .list-div span:nth-child(2n+3) {
        margin: 0 1rem;
    }

    .mob-s5 .content-div .item:nth-child(1) .list-div span:nth-child(2) {
        margin: 0 1rem;
    }

    .mob-s5 .content-div .item:nth-child(1) .list-div span:nth-child(3) {
        margin: 0 0 1rem 0;
    }

    .mob-s5 .content-div .more-div {
        text-align: center;
        margin: 1rem 0;
    }

    .mob-s5 .content-div .more-div i {
        width: 6px;
        height: 6px;
        display: inline-block;
        background: #C5D6EE;
        border-radius: 50%;
    }

    .mob-s7 .list .item {
        background: #FFFFFF;
        border: 1px solid #C6D6EE;
        box-shadow: 0px 10px 50px 0px rgba(42, 104, 181, 0.06);
        border-radius: 1rem;
        display: inline-block;
    }

    .mob-s7 .list .item:nth-child(2) {
        margin-top: 2rem;
    }

    .mob-s7 .list .item:nth-child(2) .mob-btn-div .mob-btn-blue {
        background: linear-gradient(90deg, #FE4646, #FE7D7C);
    }

    .mob-s7 .list .item .mob-btn-div {
        padding: 2rem 0;
    }

    .mob-s7 .list .item .top {
        border-radius: 1rem 1rem 0 0;
        height: 7rem;
        background: #F1F7FE;
        border-bottom: 1px solid #C6D6EE;
        color: #000000;
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 7rem;
        text-align: center;
        text-indent: 100px;
        position: relative;
    }

    .mob-s7 .list .item .top:after {
        position: absolute;
        content: '';
        width: 4rem;
        height: 5rem;
        left: 5rem;
        bottom: -2px;
    }

    .mob-s7 .list .item-1 .top:after {
        background: url("../images/applets/6f-img1.png") no-repeat center center;
        background-size: contain;
    }

    .mob-s7 .list .item-2 .top:after {
        background: url("../images/applets/6f-img2.png") no-repeat center center;
        background-size: contain;
    }

    .mob-s7 .list .item .bottom-div {
        margin: 2rem 3rem 0;
    }

    .mob-s7 .list .item .bottom-div p {
        color: #666666;
        font-size: 1.3rem;
        margin-bottom: 2rem;
        position: relative;
        padding-left: 3rem;
        text-align: left;
    }

    .mob-s7 .list .item .bottom-div p:last-child {
        margin-bottom: 0;
    }

    .mob-s7 .list .item .bottom-div p:after {
        content: '';
        position: absolute;
        width: 2rem;
        height: 2rem;
        left: 0;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    .mob-s7 .list .item-1 .bottom-div p:after {
        background: url(../images/applets/6f-icon-green.png) no-repeat center center;
        background-size: contain;
    }

    .mob-s7 .list .item-2 .bottom-div p:after {
        background: url(../images/applets/6f-icon-red.png) no-repeat center center;
        background-size: contain;
    }

    .mob-s7 .list .btn-div {
        margin: 42px auto 0;
    }

    .mob-s7 .list .item-1 .bottom-div p:last-child:after {
        background: url(../images/applets/6f-icon1.png) no-repeat center center;
        width: 3rem;
        height: 2rem;
        background-size: contain;
    }

    .mob-s7 .list .item-2 .btn-div .btn {
        background: linear-gradient(90deg, #FE4646, #FE7D7C);
    }

    .mob-s8 .item-list .item {
        text-align: center;
        background: #FFFFFF;
        box-shadow: 0px 10px 30px 0px #00000014;
        padding: 2rem;
    }

    .mob-s8 .item-list .item .mob-btn-div {
        padding: 2.5rem 0 1.5rem;
    }

    .mob-s8 .item-list .item:first-child {
        margin-bottom: 2rem;
    }

    .mob-s8 .item-list .item .title {
        color: #333333;
        font-size: 1.5rem;
        font-weight: bold;
        position: relative;
        text-indent: -3rem;
    }

    .mob-s8 .item-list .item .title.hot:after {
        position: absolute;
        content: '热门';
        font-size: 1rem;
        color: #fff;
        right: 3rem;
        padding: 0.1rem 0.5rem;
        top: 3px;
        text-indent: 0rem;
        border-radius: 4px;
        background: linear-gradient(90deg, #FE4646, #FE7D7C);
    }

    .mob-s8 .item-list .item .title.new:after {
        position: absolute;
        content: '最新';
        font-size: 1rem;
        color: #fff;
        right: 3rem;
        padding: 0.1rem 0.5rem;
        top: 3px;
        text-indent: 0rem;
        border-radius: 4px;
        background: linear-gradient(90deg, #17C098, #5AD6B8);
    }

    .mob-s8 .item-list .item .div-img {
        width: 15rem;
        height: 15rem;
        display: inline-block;
        margin-top: 1rem;
    }

    .mob-s8 .item-list .item:nth-child(1) .div-img {
        background: url(../images/mobile/applets/07-ewm1.jpg) no-repeat center;
        background-size: contain;
    }

    .mob-s8 .item-list .item:nth-child(2) .div-img {
        background: url(../images/mobile/applets/07-ewm2.jpg) no-repeat center;
        background-size: contain;
    }

    .mob-s8 .item-list .item:nth-child(2) .mob-btn-div .mob-btn-blue {
        background: linear-gradient(90deg, #FE4646, #FE7D7C);
    }
}