.banner {    background: linear-gradient(to right, #58B872, #38D667);}.moments-function {    padding: 88px 0;}.moments-function:nth-of-type(2n+1) {    background: #fff;}.moments-function:nth-of-type(2n) {    background: #f5f8ff;}.moments-function * {    box-sizing: border-box;}.moments-function .sub-title {    font-size: 26px;    line-height: 26px;    color: #3B426B;    text-align: center;    font-weight: 600;    margin-bottom: 80px;}.moments-function .moments-scene > div {    flex: 0 0 50%;}.moments-function .moments-scene h4 {    font-weight: 600;    font-size: 26px;    line-height: 26px;    margin-bottom: 34px;    color: #3B426B;}.moments-function .moments-scene .info {    max-width: 442px;    color: #5D6494;    font-size: 18px;    line-height: 32px;}.moments-function .moments-scene .item {    padding-left: 40px;}.moments-function .swiper-container {    width: 100%;    height: 828px;}.moments-function .swiper-container .swiper-slide {    left: 45%;}.moments-function .swiper-container .moments-page-item {}.moments-function .swiper-container .moments-page-item > img {    width: 463px;    height: 828px;}.moments-function .swiper-container .swiper-pagination-bullet {    width: fit-content;    height: fit-content;    padding: 14px 22px;    border-radius: 26px;    font-size: 20px;    line-height: 1;    text-align: center;    color: #3B426B;    background: transparent;    opacity: 1;    border: 1px solid transparent;}.moments-function .swiper-container .swiper-pagination-bullet:hover {    border-color: #38D667;}.moments-function .swiper-container-vertical > .swiper-pagination-bullets {    left: 15%;    width: 226px;    display: flex;    flex-wrap: wrap;    justify-content: center;}.moments-function .swiper-container .swiper-pagination-bullet-active {    background: #38D667;    color: #fff;}.moments-function .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {    margin: 0 0 70px 0;}