.m2__container {
    background-color: #000
}

.m2__container .text_clip {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.m2__container .sec__title {
    font-size: .54rem;
    line-height: .8rem;
    background-image: linear-gradient(131deg, #ABD5FF 0, #ade2fb 23%, #ffe2e2 47%, #aabeff 72%, #C1EBFD 100%);
    background-image: -webkit-linear-gradient(131deg, #ABD5FF 0, #ade2fb 23%, #ffe2e2 47%, #aabeff 72%, #C1EBFD 100%)
}

.m2__container .sec__desc {
    margin-top: .2rem;
    color: #E9F2FF;
    font-size: .22rem;
    line-height: .4rem
}

.m2__container .c__img {
    display: block;
    width: 100%
}

.m2__container .m2__banner {
    position: relative
}

.m2__container .m2__banner .banner__info {
    position: absolute;
    top: 2.8rem;
    left: 2.96rem
}

.m2__container .m2__banner .banner__title {
    font-size: .72rem;
    font-weight: 600;
    line-height: .88rem;
    background-image: linear-gradient(314deg, #5F6FFB 0, #A16AE6 100%);
    background-image: -webkit-linear-gradient(314deg, #5F6FFB 0, #A16AE6 100%)
}

.m2__container .m2__banner .banner__desc {
    margin-top: .32rem;
    font-size: .35rem;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFF
}

.m2__container .sec1 {
    width: 100%;
    padding: 1.36rem 0;
    display: flex;
    justify-content: center
}

.m2__container .sec1 .sec1__content {
    width: 12.18rem;
    display: flex;
    flex-wrap: wrap
}

.m2__container .sec1 .sec1__item {
    height: 3.86rem;
    margin-right: .23rem
}

.m2__container .sec1 .sec1__item:nth-child(odd) {
    margin-right: 0
}

.m2__container .sec1 .sec1__item:first-of-type {
    margin-right: .23rem
}

.m2__container .sec1 .sec1__item:nth-child(n+4) {
    margin-top: .23rem
}

.m2__container .sec2 {
    position: relative
}

.m2__container .sec2 .sec2__info {
    position: absolute;
    top: 2.72rem;
    left: 10.52rem
}

.m2__container .sec2 .sec__title {
    text-align: left
}

.m2__container .sec2 .sec__desc {
    margin-top: .24rem;
    text-align: left;
    color: #E9F2FF
}

.m2__container .sec2 .sec2__bg {
    position: absolute;
    bottom: 1.19rem;
    left: 50%;
    transform: translate(-50%, 0);
    width: 10.99rem;
    height: 2.26rem
}

.m2__container .sec3 {
    position: relative
}

.m2__container .sec3 .sec3__info {
    position: absolute;
    left: 2.94rem;
    top: 1.61rem
}

.m2__container .sec3 .sec__title {
    background-image: none;
    font-weight: 600;
    color: #FFF5D2;
    text-align: left
}

.m2__container .sec3 .sec__desc {
    margin-top: .12rem;
    text-align: left;
    color: #FFF5D2
}

.m2__container .sec4 {
    position: relative;
    height: 7.28rem
}

.m2__container .sec4 .sec4__content {
    position: absolute;
    left: 0;
    top: .99rem;
    width: 100%
}

.m2__container .sec4 .sec__desc {
    margin-top: .3rem;
    color: #E9F2FF
}

.m2__container .sec4 .sec4__list {
    width: 100%;
    margin-top: .42rem;
    display: flex;
    justify-content: center
}

.m2__container .sec4 .sec4__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 1.62rem
}

.m2__container .sec4 .sec4__item:last-of-type {
    margin-right: 0
}

.m2__container .sec4 .item__title {
    font-size: .24rem;
    font-weight: 800;
    line-height: .32rem;
    background-image: linear-gradient(118deg, #FFEC69 0, #FE7530 100%);
    background-image: -webkit-linear-gradient(118deg, #FFEC69 0, #FE7530 100%)
}

.m2__container .sec4 .item__desc {
    margin-top: .08rem;
    font-size: .22rem;
    font-family: PingFang SC-Light, PingFang SC;
    font-weight: 300;
    color: #E9F2FF
}

.m2__container .sec4 .sec4__desc {
    position: absolute;
    left: 0;
    bottom: .72rem;
    width: 100%;
    text-align: center;
    font-size: .15rem;
    font-family: PingFang SC-Light, PingFang SC;
    font-weight: 300;
    color: #FFF
}

.m2__container .sec5 {
    width: 100%;
    padding-top: .8rem;
    padding-bottom: .96rem;
    position: relative;
    overflow: hidden
}

.m2__container .sec5 .sec__desc {
    color: #E9F2FF
}

.m2__container .sec5 .marquee__container {
    margin-top: .9rem;
    height: 2.37rem
}

.m2__container .sec5 .slide__img {
    width: 18.9rem;
    height: 2.37rem;
    background-image: url(/guanwang_second/front/images/products/mixpad_m2/sec5-35665388e2.png)
}

.m2__container .sec5 .video__box {
    width: 13.28rem;
    margin: .87rem auto 0;
    border-radius: .25rem;
    overflow: hidden
}

.m2__container .sec6 {
    position: relative
}

.m2__container .sec6 .sec6__info {
    position: absolute;
    left: 0;
    top: .56rem;
    width: 100%
}

.m2__container .sec7 {
    padding-top: 1.18rem;
    padding-bottom: 1.15rem;
    width: 100%;
    display: flex;
    justify-content: center
}

.m2__container .sec7 .sec7__box {
    width: 13.32rem;
    position: relative
}

.m2__container .sec7 .sec7__info {
    position: absolute;
    left: 1.14rem;
    top: 1.92rem
}

.m2__container .sec7 .sec__desc, .m2__container .sec7 .sec__title {
    text-align: left
}

.m2__container .sec11 .sec11__desc, .m2__container .sec12 .sec12__desc {
    text-align: center;
    font-size: .15rem;
    font-family: PingFang SC-Light, PingFang SC;
    font-weight: 300;
    color: #FFF
}

.m2__container .sec8 {
    position: relative
}

.m2__container .sec8 .sec8__info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.m2__container .sec9 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 1.31rem
}

.m2__container .sec9 .sec9__list {
    margin-top: .99rem;
    display: flex
}

.m2__container .sec9 .item__img {
    margin-right: .41rem
}

.m2__container .sec9 .item__img:last-of-type {
    margin-right: 0
}

.m2__container .sec11 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 1.9rem;
    padding-bottom: .72rem
}

.m2__container .sec11 .sec11__list {
    margin-top: .52rem;
    width: 13.3rem;
    display: flex;
    flex-wrap: wrap
}

.m2__container .sec11 .sec11__item {
    margin-right: .27rem
}

.m2__container .sec11 .sec11__item:nth-child(even) {
    margin-right: 0
}

.m2__container .sec11 .sec11__item:nth-child(n+3) {
    margin-top: .27rem
}

.m2__container .sec11 .sec11__desc {
    width: 100%;
    margin-top: .62rem;
    line-height: .28rem
}

.m2__container .sec12 {
    position: relative;
    width: 100%;
    height: 20.4rem
}

.m2__container .sec12 .sec12__content {
    position: absolute;
    left: 0;
    top: 1.1rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.m2__container .sec12 .sec12__logo {
    width: 3.74rem;
    height: .87rem;
    margin: .31rem auto 0
}

.m2__container .sec12 .sec12__info {
    position: absolute;
    left: 0;
    bottom: 6.75rem;
    width: 100%
}

.m2__container .sec12 .sec12__desc {
    position: absolute;
    left: 0;
    bottom: .65rem;
    width: 100%
}

.m2__container .sec13 {
    padding-top: 1.28rem;
    padding-bottom: 1.19rem;
    display: flex;
    justify-content: center
}

.m2__container .sec13 .sec13__bg {
    position: relative;
    width: 13.33rem
}

.m2__container .sec13 .sec13__info {
    position: absolute;
    top: 2.56rem;
    left: .89rem;
    font-family: PingFang SC-Regular, PingFang SC
}

.m2__container .sec13 .sec13__title {
    font-size: .54rem;
    color: #000;
    font-weight: 600;
    line-height: .76rem
}

.m2__container .sec13 .sec13__desc {
    margin-top: .2rem;
    font-size: .22rem;
    font-weight: 400;
    color: #000
}