.downTop {
            width           : 100%;
            height          : 100px;
            display         : none;
            align-items     : center;
            padding         : 0 10px;
            box-sizing      : border-box;
            justify-content : center;
            background      : #F5F5F5;
        }
        .downTop .close {
            width       : 9px;
            height      : 9px;
            flex-shrink : 0;
        }
        .downhb {
            width        : 59px;
            height       : 59px;
            margin-right : 10px;
            flex-shrink  : 0;
            margin-left  : 15px;
        }
        .downRight {
            flex: 1;
            display        : flex;
            flex-direction : column;
            box-sizing     : border-box;
        }
        .downRight span:first-child {
            font-size     : 17px;
            font-weight   : bold;
            color         : #333;
            line-height   : 19px;
            text-align    : left;
            margin-bottom : 10px;
        }
        .downRight span:nth-child(2) {
            font-size   : 13px;
            color       : #666;
            line-height : 12px;
            text-align  : left;
        }
        .downRight span:last-child {
            font-size   : 12px;
            color       : #888888;
            line-height : 12px;
        }
        .downgou {
            width          : 25.5px;
            height         : auto;
            vertical-align : -1px;
            margin-left    : 20px;
            flex-shrink    : 0;
        }
        .down-btn {
            display       : inline-block;
            height        : 25px;
            line-height   : 25px;
            background    : var(--base-primary-color);
            color         : #fff;
            font-size     : 12px;
            padding       : 0 15px;
            border-radius : 12px;
            margin-left   : 10px;
            flex-shrink   : 0;
        }
        .downContent {
            padding        : 25px 20px 40px 20px;
            box-sizing     : border-box;
            text-align     : left;
        }
        .dc_top {
            padding-top : 150px;
        }
        .dct_unit {
            display        : flex;
            width          : 33.33%;
            flex-direction : column;
            align-items    : center;
        }
        .dctu_top span {
            font-size   : 18px;
            color       : #333333;
            line-height : 18px;
        }
        .dctu_top img {
            width       : 65px;
            margin-left : 8px;
        }
        .dctu_bot {
            font-size   : 12px;
            color       : #aaaaaa;
            line-height : 12px;
            margin-top  : 8px;
        }
        .swiperItem {
            width          : 240px;
            height         : 400px;
            vertical-align : top;
            margin-right   : 10px;
            flex-shrink    : 0;
            background     : #2ECC9A;
            box-shadow     : 0px 6px 38px 0px rgba(43, 193, 130, 0.27);
            border-radius  : 12.5px;
            border         : 2px solid #fff;
            overflow       : hidden;
        }
        /* .swiper1{ 
            background : url(/img/mobile/landImg/swiper1.png) no-repeat;
            background-size : cover;
        }
        .swiper2{ 
            background : url(/img/mobile/landImg/swiper2.png) no-repeat;
            background-size : cover;
        }
        .swiper3{ 
            background : url(/img/mobile/landImg/swiper3.png) no-repeat;
            background-size : cover;
        }
        .swiper4{ 
            background : url(/img/mobile/landImg/swiper4.png) no-repeat;
            background-size : cover;
        } */
        .swiper1{ 
            background : url(/img/mobile/landImg/new-swiper1.png) no-repeat;
            background-size : cover;
        }
        .swiper2{ 
            background : url(/img/mobile/landImg/new-swiper2.png) no-repeat;
            background-size : cover;
        }
        .swiper3{ 
            background : url(/img/mobile/landImg/new-swiper3.png) no-repeat;
            background-size : cover;
        }
        .swiper4{ 
            background : url(/img/mobile/landImg/new-swiper4.png) no-repeat;
            background-size : cover;
        }
        .swiper5{ 
            background : url(/img/mobile/landImg/new-swiper5.png) no-repeat;
            background-size : cover;
        }
        .swiper6{ 
            background : url(/img/mobile/landImg/new-swiper6.png) no-repeat;
            background-size : cover;
        }
        .swiper7{ 
            background : url(/img/mobile/landImg/new-swiper7.png) no-repeat;
            background-size : cover;
        }
        .swiper8{ 
            background : url(/img/mobile/landImg/new-swiper8.png) no-repeat;
            background-size : cover;
        }
        .dc_bot {
            display        : flex;
            white-space    : nowrap;
            width          : 100%;
            overflow-x     : scroll;
            padding-left   : 15px;
            padding-right  : 15px;
            box-sizing     : border-box;
            padding-bottom : 55px;
        }
        ::-webkit-scrollbar {
            display : none;
        }
        .downapp {
            display       : block;
            margin        : 0 auto;
            font-size     : 17px;
            color         : #fff;
            height        : 44px;
            line-height   : 44px;
            border-radius : 44px;
            width         : 80%;
            height        : 44px;
            background    : linear-gradient(90deg, #00D779, #00D7AC);
            border-radius : 8px;
            text-align      : center;
        }
        .daBox {
            width            : 100%;
            height           : 74px;
            padding          : 15px 0;
            box-sizing       : border-box;
            position         : fixed;
            bottom           : 0;
            left             : 0;
            box-shadow       : 0 0 15px 0 #f8f8f8;
            background-color : #fff;
        }
        .guimask {
            display    : none;
            width      : 100%;
            height     : 100%;
            background : rgba(0, 0, 0, 0.8);
            position   : fixed;
            top        : 0;
            left       : 0;
        }
        .guimask img {
            width  : 85%;
            margin : 0 auto;
        }
        .hot_evaluate { text-align : left; padding : 0 20px;}
        .hot_evaluate p { line-height : 24px;font-size : 13px;color : #333;}
        .hot_evaluate h2 { display : block; font-size : 18px; color : #333; font-weight : bold; padding-bottom : 12px;text-align : center;}
        .box-fot-img {width : 26.5px;height : auto;flex-shrink : 0;display : block;}
        .hot_evaluate h2 i { display : inline-block; margin-right : 10px; background : var(--base-primary-color); width : 4px; height : 16px; vertical-align : -2px; border-radius : 20px;}
        .hot_evaluate li {padding : 15px 0;}
        .hot_evaluate li span { display : block;}
        .hot_evaluate li span.evaluate01 { font-size : 12px; color : #aaa; line-height : 20px; }
        .hot_evaluate li span.evaluate01 img { width : 20px; height : 20px; margin-right : 12px; vertical-align : top; display : inline-block;}
        .hot_evaluate li span.evaluate02 { display : flex; justify-content : space-between; padding : 7px 0 7px 0; align-items : center;}
        .hot_evaluate li span.evaluate02 img {width : 61px; height : 10px;}
        .hot_evaluate li span.evaluate02 em { font-size : 11px; color : #aaa;}
        .hot_evaluate li span.evaluate03 { font-size : 14px; line-height : 22px; color : #333;}
        .hot_evaluate li:last-child { border-bottom : none;}
        
        .title-icon{
            display : block;
            width : 26.5px;
            height : 15.5px;
            flex-shrink : 0;
            background: url(/img/mobile/landImg/title.png) no-repeat;
            background-size: cover;
        } 
        
        .box-fot-img {margin-left: auto;}
        .top-number {
            display         : flex;
            justify-content : center;
            align-items     : center;
            margin-bottom   : 10px;
            font-size       : 15px;
            color           : #fff;
        }
        .top-number span::after {
            content    : '';
            display    : inline-block;
            width      : 1px;
            height     : 13.5px;
            background : #54E0AA;
            margin     : 0 10px;
        }
        .top-number span.last-child {
            margin-right : 10px;
        }
        .top-number span.last-child::after {
            display : none;
        }
        .top-number .star-item {
            width        : 13px;
            height        : 13px;
            flex-shrink  : 0;
            margin-right : 5px;
            background    : url(/img/mobile/landImg/star.png) no-repeat;
            background-size: cover;
            display: inline-block;
        }
        
        .label-box {
            display         : flex;
            justify-content : center;
            align-items     : center;
        }
        .label-box .label-item {
            background    : #2ec388;
            height        : 20px;
            border-radius : 2px;
            font-size     : 12px;
            color         : #fff;
            padding       : 0 5px;
            line-height   : 20px;
            margin        : 0 5px;
        }
        .appdonw-top-btn {
            padding-top : 23px;
            text-align  : center;
        }
        .appdonw-top-btn .downapp {
            height        : 44px;
            background    : linear-gradient(0deg, #FDB529, #FFF686);
            box-shadow    : 0px 14px 27px 0px rgba(254, 164, 68, 0.53);
            border-radius : 22px;
            font-size     : 19px;
            color         : #AF6012;
            font-weight   : bold;
            width         : 168px;
        }
        .evaluate-box {
            background    : #fff;
            box-shadow    : 0px 0px 10px 0px rgba(208, 210, 217, 0.39);
            border-radius : 10px;
            border        : 1px solid #FFFFFF;
            padding       : 15px;
            margin-bottom : 15px;
        }
        .head-box {
            display     : flex;
            align-items : center;
        }
        .head-box .header {
            width         : 35px;
            height        : 35px;
            flex-shrink   : 0;
            margin-right  : 10px;
            border        : 1px solid #d1fff5;
            border-radius : 50%;
        }
        .head-box .name {
            font-size   : 15px;
            color       : #333;
            font-weight : bold;
            line-height : 18px;
        }
        .head-box .star {
            width : 70px;
        }
        .hot_evaluate li .desc {
            padding-top : 10px;
            font-size   : 13px;
            color       : #333;
            line-height : 22px;
        }
        .app-list .app-item {
            display : flex;
            padding : 15px 0;
        }
        .app-list .app-item .app-item-light {
            width        : 33.5px;
            height       : 37px;
            flex-shrink  : 0;
            margin-right : 10px;
        }
        .app-item-light1{
            background: url(/img/mobile/landImg/liang1.png) no-repeat;
            background-size: cover;
        }
        .app-item-light2{
            background: url(/img/mobile/landImg/liang2.png) no-repeat;
            background-size: cover;
        }
        .app-item-light3{
            background: url(/img/mobile/landImg/liang3.png) no-repeat;
            background-size: cover;
        }
        .app-item-light4{
            background: url(/img/mobile/landImg/liang4.png) no-repeat;
            background-size: cover;
        }
        .app-list .app-item .name {
            font-weight : bold;
            font-size   : 16px;
            color       : #333;
        }
        .app-list .app-item .desc {
            font-size : 12px;
            color     : #666;
        }
        .footer-company {
            font-size   : 12px;
            color       : #AAA;
            line-height : 22px;
            text-align: center;
        }
        body {
            /* background  : url(/img/mobile/landImg/bg.png) no-repeat; */
            background  : url(/img/mobile/landImg/new-bg1.png) no-repeat;
            background-position: center top;
            background-size: 100% auto;
            overflow       : hidden;
            padding-bottom : 80px;
        }
        .hide-top-pages .downTop {
            display : none !important;
        }
        .downappBox{
            flex-shrink: 0;
        }