.body {
    margin: auto;
    max-width: 750px;
    width: 100vw;
    min-height: 100vh;
    opacity: 1;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important
}

.top-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9
}

.top-wrap .v-max {
    margin: auto;
    max-width: 750px;
    box-shadow: 0 1px 3px #000
}

.m-header {
    width: 100%;
    height: 1.3rem;
    background: #1222F4
}

.m-header .v-img {
    padding: .35rem .8rem
}

.m-header .v-img img {
    width: 100%;
    height: auto;
    border: none
}

.nav .v-warp ul {
    display: flex;
    background: #fff;
    width: 100%;
    height: .8rem
}

.nav .v-warp ul li {
    width: 20%;
    line-height: .8rem;
    text-align: center
}

.nav .v-warp ul li a {
    font-weight: 500;
    color: #000;
    font-size: .28rem
}

.nav .v-warp ul li.active a {
    font-weight: bold;
    font-size: .28rem
}

.content {
    margin-top: 2.1rem
}

.lazy-img-warp {
    margin-bottom: 1.4rem
}

.banner-swiper {
    width: 100%;
    overflow: hidden
}

.m-project .v-wrap ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0 .1rem .3rem
}

.m-project .v-wrap ul li {
    width: 20%;
    text-align: center
}

.m-project .v-wrap ul li .v-img {
    padding: .25rem .25rem 0 .25rem
}

.m-project .v-wrap ul li .v-text {
    color: #000
}

.m-slides-scale {
    width: 100%;
    overflow: hidden
}

.m-slides-scale .v-wrap {
    padding: .8rem 0;
    background: #f5f2ff
}

.m-slides-scale .v-wrap .slides-scale-title {
    text-align: center
}

.m-slides-scale .v-wrap .slides-scale-title .v-big {
    margin-bottom: .2rem;
    font-size: .5rem;
    font-weight: bold
}

.m-slides-scale .v-wrap .slides-scale-title .v-small {
    font-size: .3rem;
    font-weight: 600;
    color: #525252
}

.m-slides-scale .v-wrap .slides-scale {
    padding: 1rem 0;
    width: 100%
}

.m-slides-scale .v-wrap .slides-scale .swiper-slide {
    transition: 300ms;
    transform: scale(1)
}

.m-slides-scale .v-wrap .slides-scale .swiper-slide-prev {
    transform: translateX(-20%)
}

.m-slides-scale .v-wrap .slides-scale .swiper-slide-active {
    transform: scale(1.4)
}

.m-slides-scale .v-wrap .slides-scale .swiper-slide-next {
    transform: translateX(20%)
}

.m-slides-scale .v-wrap .v-ntb {
    margin-top: .2rem;
    padding: .2rem 22%
}

.m-float {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.18rem;
    z-index: 9
}

.m-float ul {
    display: flex;
    justify-content: space-around;
    align-content: center;
    margin: auto;
    max-width: 750px;
    height: 100%;
    /*background-image: linear-gradient(to bottom, #5d05a8, #790bb2, #9513bc, #af1cc6, #c926cf);*/
    background-image: linear-gradient(120deg, rgba(19, 209, 130, 1) 0%, rgba(18, 34, 244, 1) 100%);
}

.m-float ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-weight: bold
}

.m-float ul li .v-icon {
    width: .8rem;
    height: .72rem
}

.m-right-float .weixin-btn {
    position: fixed;
    z-index: 1000;
    bottom: 3.2rem;
    right: .3rem;
    width: 1rem;
    height: 1rem;
    background: #fff;
    border-radius: 50%
}

.m-pop-up {
    position: fixed;
    bottom: -12rem;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #ddd;
    z-index: 99;
    transition: 300ms
}

.m-pop-up .v-wrap {
    height: 100%
}

.m-pop-up .v-wrap .v-title {
    display: flex;
    height: .8rem;
    box-shadow: 0 1px 3px #000
}

.m-pop-up .v-wrap .v-title .v-h2 {
    width: calc(100% - .8rem);
    line-height: .8rem;
    text-align: center;
    font-size: .3rem;
    background: #fff
}

.m-pop-up .v-wrap .v-title .v-close {
    padding: .2rem;
    width: .8rem;
    height: .8rem;
    background: #fff
}

.m-pop-up .v-wrap .v-title .v-close img {
    display: block;
    width: 100%;
    height: 100%;
    background: #fff
}

.m-pop-up .v-wrap .v-content {
    width: 100%;
    height: calc(100% - .8rem)
}