.down_wrap {
    width: 100%;
    overflow: hidden;
    background: #fff;
    margin-top: 80px;
    position: relative;
}
.down_wrap .content {
    min-height: calc(100vh - 186px - 60px);
    padding: 100px 0;
    position: relative;
}

.down_wrap::before {
    position: absolute;
    left: -320px;
    bottom: -100px;
    content: '';
    width: 872px;
    height: 872px;
    background: linear-gradient(180deg, #01E7ED 0%, #01E7ED 100%);
    filter: blur(200px);
    border-radius: 50%;
    opacity: .35;
    /* transform-origin: center; */
    transform-origin: 65% 50%;
    -webkit-animation-name: quan_l;
    animation-name: quan_l;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    animation-delay: 0s;
    transition: opacity 1s ease-in-out;
    z-index: 0;
    opacity: .2;
}

.down_wrap::after {
    position: absolute;
    right: -100px;
    bottom: -100px;
    content: '';
    width: 545px;
    height: 545px;
    background: linear-gradient(180deg, #6DFFDD 0%, #6DFFDD 100%);
    filter: blur(200px);
    border-radius: 50%;
    opacity: .35;
    transform-origin: 25% 50%;
    -webkit-animation-name: quan_r;
    animation-name: quan_r;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    z-index: 1;
    opacity: .2;
    animation-delay: 0s;
    transition: opacity 1s ease-in-out;
}

@-webkit-keyframes quan_l {
    100% {
        transform: translate3d(0, 0, 10px) rotate(-360deg);
    }
}

@-webkit-keyframes quan_r {
    100% {
        transform: translate3d(0, 0px, 1px) rotate(360deg);
    }
}

.down_wrap .title {
    width: 737px;
    height: 157px;
}

.down_wrap .desc {
    font-size: 16px;
    color: #21282d;
    margin-top: 13px;
}

.down_wrap .oul {
    margin-top: 44px;
    display: flex;
    align-items: center;
}

.down_wrap .oul li {
    margin-right: 24px;
}

.down_wrap .oul img {
    width: 28px;
    height: 28px;
    margin-right: 4px;
}

.down_wrap .qrcode {
    margin-top: 63px;
    display: flex;
}

.down_wrap .qrcode div {
    width: 180px;
    height: 198px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0px 4px 20px 0px rgba(0, 98, 75, 0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 24px;
}

.down_wrap .qrcode img {
    width: 150px;
    height: 150px;
}

.down_wrap .qrcode span {
    /*margin-top: 18px;*/
    color: #505b64;
    font-size: 14px;
}

.down_wrap .banner {
    width: 562px;
    height: 710px;
    position: absolute;
    z-index: 2;
    right: -80px;
    top: 0;
}