body * {
    box-sizing: border-box;
    flex-shrink: 0;
    font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
        Arial, PingFang SC-Light, Microsoft YaHei;

}


.wrap1 {
    /* overflow: hidden; */
    margin-top: .7225rem;
    padding-bottom: 1.1rem;
    overflow-y: auto;
}


* {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑";
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    height: 100%;
    background: #fff;
    font-size: 14px;
    margin: 0 auto;
    max-width: 6.4rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

ul,
li {
    font-style: none;
    list-style: none;
}

a {
    text-decoration: none;
}

i {
    font-style: normal;
}





/* 解决ipad出现滚动条 */
:root {
    /* overflow-y: auto; */
    overflow-x: hidden;
}

:root body {
    position: absolute;
}

body {
    width: 100vw;
}






/* 动画  start*/

#movefromleft.move {
    animation: movefromleft 2s;
    animation-fill-mode: forwards;
}

#movefromright.move {
    animation: movefromright 2s;
    animation-fill-mode: forwards;
}

#movefromtop.move {
    animation: movefromtop 2s;
    animation-fill-mode: forwards;
}

#movefrombottom.move {
    animation: movefrombottom 2s;
    animation-fill-mode: forwards;
}



@keyframes movefromleft {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }

    to {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes movefromright {
    from {
        opacity: 0;
        transform: translateX(100%);
    }

    to {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes movefromtop {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }

    to {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes movefrombottom {
    from {
        opacity: 0;
        transform: translateY(100%);
    }

    to {
        opacity: 1;
        transform: translateY(0px);
    }
}

/* 动画  end*/




/* 头部 */
.header {
    height: .7225rem;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999999;
    background-color: #fff;
}

.header img {
    float: left;
    margin-left: .25rem;
    width: 1.6rem;
    margin-top: .18rem;
}

.head-menu {
    float: right;
    margin-top: .03rem;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: .3777rem;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin-right: .2299rem;
}

.head-menu>i {
    width: .3777rem;
    height: 100%;
    margin-right: .2299rem;
}

.head-menu>i::after,
.head-menu>i::before {
    position: absolute;
    right: 0;
    height: inherit;
    content: '';
    transition: -webkit-transform 0.2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    border-radius: 1rem;
    background-color: inherit;
}

.head-menu>i::after {
    /* width: .7rem;bottom: .1rem; */
}

.head-menu>i::before {
    width: .3777rem;
    height: 100%;
    margin-right: .2299rem;
    background: url('//xt10.kuleiman.com/ywkgw/img/m/i//open.svg') no-repeat center/.2777rem auto;
}

.head-menu.active>i::before {
    height: 100%;
    margin-right: .2299rem;
    /* background: url('../../img/guanbi.svg') no-repeat center/.3777rem auto; */
}

/* 底部 */

.footer_ul {
    position: fixed;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    background: #fff;
    z-index: 999;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
}

.footer_ul>li {
    float: left;
    height: 1.1rem;
    width: 25%;
    text-align: center;
    position: relative;
}

.footer_ul>li>a {
    color: #333333;
    font-size: .22rem;
    display: block;
    margin-top: .07rem;
}

.footer_ul>li>a>img {
    display: block;
    margin: .2rem auto 0;
    width: .4267rem;
}

/* .footer_ul > li:nth-child(3) img {
    width: .5rem;
} */

.footer_ul li i {
    position: absolute;
    color: #333333;
    font-size: .2rem;
    left: 0;
    right: 0;
    text-align: center;
    bottom: .15rem;
}





/* 导航栏 start */

.navHead_module {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999999;
    display: none;
}

#nav_head {
    width: 3.6rem;
    height: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;

    position: fixed;
    top: 0rem;
    right: 0;
    border: 0.01rem solid #F5F5F5;
}

.navhead_box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .24rem .33rem;
    box-sizing: border-box;
}

.navhead_box_logo {
    width: 1.21rem;
    height: .28rem;
    background: url("//xt10.kuleiman.com/ywkgw/img/m/i/nav_logo.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.navhead_box_close {
    width: .25rem;
    height: .25rem;
    background: url("//xt10.kuleiman.com/ywkgw/img/m/i/nav_close.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.navhead_cintent {
    flex: 1;
    overflow-y: auto;
}

.navhead_cintent ul {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.navhead_cintent ul li {
    width: 100%;
    height: .7rem;
    padding: 0rem .33rem;
    box-sizing: border-box;
    text-align: left;
    line-height: .7rem;
}

.navhead_cintent ul li a {
    width: 100%;
    height: 100%;
    color: #000;
    display: block;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

.navhead_active {
    background: #F3F5FC;
}

.navhead_active a {
    color: #8D5EFF !important;
}

/* 导航栏 end */

/* CSS 过渡效果 */
.fade-out {
    animation: slide-out 0.2s ease forwards;
}

/* CSS 动画效果 */
@keyframes slide-out {
    0% {
        transform: translateX(0%);
        opacity: 1;
    }

    /* 
    25% {
        transform: translateX(25%);
        opacity: 0.75;
    } */

    50% {
        transform: translateX(50%);
        opacity: 0.5;
    }

    /* 
    75% {
        transform: translateX(75%);
        opacity: 0.25;
    } */

    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}

/* CSS 动画效果 */
@keyframes slide-in {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    /* 25% {
        transform: translateX(75%);
        opacity: 0.25;
    } */

    50% {
        transform: translateX(50%);
        opacity: 0.5;
    }

    /* 75% {
        transform: translateX(25%);
        opacity: 0.75;
    } */

    100% {
        transform: translateX(0%);
        opacity: 1;
    }
}

.slide-in {
    animation: slide-in 0.2s ease forwards;
}



/* 联系我们  start */
.contactUs {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 666;
    display: none;
}

.contactUs_module {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.contactUs_lxwm {
    width: 6rem;
    height: 3.13rem;
    background: #FFFFFF;
    border-radius: 0.17rem;
    position: absolute;
    bottom: 1.31rem;
    left: 50%;
    transform: translate(-50%, 0);
}

.lxwmTitle {
    font-size: 0.33rem;
    font-family: SourceHanSansCN, SourceHanSansCN;
    font-weight: 500;
    border-bottom: 1px solid #DFE2F0;
    padding-top: 0.43rem;
    padding-left: 0.83rem;
    padding-bottom: 0.22rem;
}

.lxwmTitle span {
    text-align: center;
    font-style: normal;
    background: linear-gradient(221.1736726341806deg, #B239FF, 0%, ■rgba(253, 97, 44, 6.94)100%);
    background-clip: text;
    color: transparent;
}


.lxwmTitle span:nth-child(1) {
    color: #6B4EF4;
}

.lxwmTitle span:nth-child(2) {
    font-size: 0.18rem;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: #000;
    padding-left: 0.2rem;
}

.lxwmListBox {
    margin-top: 0.11rem;
}

.lxwmList {
    display: flex;
    line-height: 0.51rem;
    margin-top: 0.22rem;
    padding-left: 0.83rem;
}

.lxwmList div {
    font-size: 0.25rem;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
}

.lxwmList a {
    width: 1.28rem;
    height: 0.51rem;
    background: linear-gradient(302deg, #B239FF 0%, rgba(253, 97, 44, 0.94) 100%);
    border-radius: 0.26rem;
    font-size: 0.25rem;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    line-height: 0.51rem;
    margin-left: 0.79rem;
}

/* 联系我们  end */






/* 弹框表单 */

.form_popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 666666;
    display: none;
}

.formPopup_module {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fade-in-out 1s forwards;
}


@keyframes fade-in-out {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fade-out {
    animation: fadeOut 0.5s forwards;
}



.formPopup_box {
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 5.58rem;
    height: 6.8rem;
    border-radius: 0.18rem;
}

.formPopup_icon {
    width: 1.6rem;
    height: 1.52rem;
    position: absolute;
    right: .32rem;
    top: -.31rem;

    background: url("//xt10.kuleiman.com/ywkgw/img/m/i/twos_con.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.formPopup_close {
    width: .5rem;
    height: .5rem;
    position: absolute;
    right: -.22rem;
    top: -.22rem;

    background: url("//xt10.kuleiman.com/ywkgw/img/m/i/formPopup_close.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.formPopup_header {
    width: 100%;
    height: 1.88rem;
    background: url("//xt10.kuleiman.com/ywkgw/img/m/i//formheader_img.png");
    background-repeat: no-repeat;
    background-position: center center;
    border-top-right-radius: .17rem;
    border-top-left-radius: .17rem;
    padding: .36rem .36rem;
    box-sizing: border-box;
}

.formPopup_header_title {
    height: 0.44rem;
    font-family: DOUYINSANSBOLD, DOUYINSANSBOLD;
    font-weight: normal;
    font-size: 0.37rem;
    color: #FFFFFF;
    line-height: 0.44rem;
    text-align: left;
    font-style: normal;
    margin-bottom: .24rem;
}

.formPopup_header_text {
    height: 0.19rem;
    font-family: SourceHanSansCN, SourceHanSansCN;
    font-weight: 400;
    font-size: 0.19rem;
    color: #FFFFFF;
    line-height: 0.29rem;
    text-align: left;
    font-style: normal;
    display: flex;
    align-items: center;
    margin-bottom: .13rem;
}

.formPopup_header_text span {
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    margin-right: .075rem;
    position: relative;
}

.formPopup_header_text span img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.formPopup_body {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: .68rem .52rem .52rem .52rem;
    box-sizing: border-box;
}

.formPopup_search {
    position: relative;
    margin-bottom: .24rem;
    width: 100%;
    height: 0.67rem;
    background: #F9F6FF;
    border-radius: 0.09rem;
    border: 0.01rem solid #B7B6B8;
    background: #F9F6FF;
}

.formPopup_search input {
    width: 100%;
    height: 100%;
    text-indent: .6rem;
    border: none;
    border-radius: 0.09rem;
    outline: none;
    font-family: SourceHanSansCN, SourceHanSansCN;
    font-weight: 400;
    font-size: 0.23rem;
    /* color: #B8BFDA; */
    text-align: left;
    font-style: normal;
}

.formPopup_search img {
    width: .28rem;
    height: .28rem;
    position: absolute;
    left: .21rem;
    top: .19rem;
}


.formPopup_search_btn {
    width: 100%;
    height: 0.68rem;
    background: linear-gradient(322deg, #39C1FF 0%, #CD00FF 63%, rgba(253, 97, 44, 0.94) 100%);
    border-radius: 0.09rem;
    text-align: center;
    line-height: 0.68rem;
    font-family: SourceHanSansCN, SourceHanSansCN;
    font-weight: bold;
    font-size: 0.25rem;
    color: #FFFFFF;
    text-align: center;
    font-style: normal;
}

.formPopup_search_btn:active {
    background: linear-gradient(322deg, rgba(253, 97, 44, 0.94) 0%, #CD00FF 63%, #39C1FF 100%);
}


.formPopup_Tips {
    height: 0.18rem;
    font-family: SourceHanSansCN, SourceHanSansCN;
    font-weight: 400;
    font-size: 0.18rem;
    color: #AEB1B4;
    line-height: 0.28rem;
    text-align: center;
    font-style: normal;
    margin-top: .18rem;
}

.formPopup_statistics {
    height: 0.4rem;
    font-family: PingFangSC, PingFang SC;
    font-weight: 300;
    font-size: 0.22rem;
    color: #061440;
    line-height: 0.31rem;
    text-align: center;
    font-style: normal;
    margin-top: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.formPopup_statistics .statistics_num {
    font-size: 0.26rem;
    margin: 0px .1rem;
    color: #061440;
}

/* 弹框表单  end*/

/* 表单 strt */
.form_module {
    width: 100%;
    height: 10.24rem;
    padding: .93rem .25rem .51rem .46rem;
    box-sizing: border-box;
    background-color: pink;
    background: url("//xt10.kuleiman.com/ywkgw/img/m/i/fromModule_img.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.formodule_top {
    width: 100%;
    height: 2.36rem;
    background: url("//xt10.kuleiman.com/ywkgw/m/lx_img.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.formodule_bottom {
    width: 100%;
    height: 5.93rem;
    padding-right: .21rem;
    box-sizing: border-box;
}


.formBottom_box {
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    border-radius: 0.28rem;
    margin-top: .5rem;
    padding: .5rem .56rem .52rem .55rem;
    box-sizing: border-box;
    position: relative;
}

.formodule_title {
    width: 100%;
    height: 0.87rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: .29rem;
}

.formodule_title span {
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 0.31rem;
    color: #200E32;
    text-align: left;
    font-style: normal;
}



.formodule_name {
    width: 100%;
    height: 0.71rem;
    background: #F6F6FF;
    border-radius: 0.13rem;
    margin-bottom: .15rem;
}

.formodule_name input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    text-indent: .26rem;
    border-radius: 0.13rem;
    background: #F6F6FF;
}

.formodule_tel {
    width: 100%;
    height: 0.71rem;
    background: #F6F6FF;
    border-radius: 0.13rem;
    margin-bottom: .15rem;
}

.formodule_tel input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    text-indent: .26rem;
    border-radius: 0.13rem;
    background: #F6F6FF;
}

.formodule_text {
    width: 100%;
    height: 1.23rem;
    background: #F6F6FF;
    border-radius: 0.13rem;
    margin-bottom: .15rem;
}

.formodule_text textarea {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    text-indent: .26px;
    border-radius: 0.13rem;
    background: #F6F6FF;
    resize: none;
    text-indent: 0rem;
    padding: .19rem .26rem;
    box-sizing: border-box;
}

.formodule_btn {
    width: 100%;
    height: 0.71rem;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 0.24rem;
    color: #FFFFFF;
    line-height: 0.71rem;
    text-align: center;
    font-style: normal;
    background: linear-gradient(302deg, #B239FF 0%, rgba(253, 97, 44, 0.94) 100%);
    border-radius: 0.13rem;
}

.formodule_icon {
    width: 1.59rem;
    height: 1.5rem;
    position: absolute;
    right: .32rem;
    top: -.21rem;

    background: url("//xt10.kuleiman.com/ywkgw/img/m/i/twos_icons.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

/* 表单 end */


/* 简介  start*/
.project_introduction {
    width: 100%;
    height: 2.09rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.project_introduction li {
    height: 0.17rem;
    font-family: SourceHanSansCN, SourceHanSansCN;
    font-weight: 400;
    font-size: 0.17rem;
    color: #8C8C8C;
    line-height: 0.26rem;
    text-align: center;
    font-style: normal;
    margin-bottom: .17rem;
}

.project_introduction li span {
    color: #3e75ff;
}


/* project_introduction end */


.matrixSystem_module {
    width: 100%;
    height: 10.2rem;
    padding: .5rem .17rem .7rem .18rem;
    box-sizing: border-box;
    /* background-color: #f4f4f4; */

}

.matrixSystem_box {
    width: 100%;
    height: 8rem;
    margin-top: .35rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.matrixSystem_box_lef {
    width: 50%;
    height: 100%;
    padding: .37rem .17rem .21rem .21rem;
    box-sizing: border-box;
    background: url("//xt10.kuleiman.com/ywkgw/img/m/i/matrixSystem_image.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    z-index: 88;

}

.matrixSystembox_lef_title {
    font-family: SourceHanSansCN, SourceHanSansCN;
    font-weight: bold;
    font-size: 0.26rem;
    color: #000000;
    text-align: left;
    font-style: normal;
    background: linear-gradient(69.11210743708082deg, #FFFFFF 0%, #C2C1FF 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: .23rem;
}

.matrixSystembox_lef_ul {
    width: 100%;
    height: calc(100% - .72rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.matrixSystembox_lef_ul li {
    width: 100%;
    /* height: 1rem; */
    border-radius: 0.09rem;
    border: solid 0.01rem rgb(221, 218, 218, 20%);
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-around;
    padding: .1rem .1rem;
    box-sizing: border-box;
    position: relative;
    background: linear-gradient(90deg, rgb(255, 255, 255, 0%)0%, #FFFFFF78, 100%)
}

.matrixSystembox_lef_ul li span:nth-child(3) {
    height: .47rem;
    width: .47rem;
    border-radius: 50%;
    background: url("//xt10.kuleiman.com/ywkgw/img/m/i/vs_icon.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;

    position: absolute;
    right: -.4rem;
    top: .3rem;
}


.matrixSystembox_lef_ul li span:nth-child(1) {
    height: 0.33rem;
    background: #FFFFFF;
    border-radius: 0.17rem;

    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 0.21rem;
    color: #6B4EF4;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    padding: .1rem .14rem;
    margin-bottom: .04rem;
}

.matrixSystembox_lef_ul li span:nth-child(2) {
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 0.21rem;
    color: #FFFFFF;
    line-height: 0.29rem;
    text-align: left;
    font-style: normal;
}

.matrixSystem_box_rig {
    width: 50%;
    height: 92%;
    background: rgba(209, 202, 246, 0.36);
    border-radius: 0.17rem;
    padding: .18rem .17rem .18rem .22rem;
    box-sizing: border-box;
}

.matrixSystembox_rig_title {
    height: 0.24rem;
    font-family: SourceHanSansCN, SourceHanSansCN;
    font-weight: bold;
    font-size: 0.24rem;
    color: #000000;
    line-height: 0.37rem;
    text-align: right;
    font-style: normal;
    margin-bottom: .23rem;
}

.matrixSystembox_rig_ul {
    width: 100%;
    height: calc(100% - .42rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.matrixSystembox_rig_ul li {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-around;
    padding: .1rem .15rem;
    box-sizing: border-box;
    height: 0.95rem;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 0%, #cbbbe2 100%);
    border-radius: 0.09rem;
}

.matrixSystembox_rig_ul li span:nth-child(1) {
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 0.21rem;
    color: #000000;
    text-align: center;
    font-style: normal;
    padding: .04rem .12rem;
    margin-bottom: .04rem;
    background: #FFFFFF;
    border-radius: 0.17rem;
}

.matrixSystembox_rig_ul li span:nth-child(2) {
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 0.17rem;
    color: #200E32;
    text-align: left;
    font-style: normal;
}

/* 简介  end*/





/* 为什么选择 start */

.matrix_system {
    width: 100%;
    /* height: 9rem; */
    background: url("//xt10.kuleiman.com/ywkgw/img/m/i/yunweik_img.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;

    padding: .83rem 0rem 0rem 0rem;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
}

.matrixSystem_top {
    width: 100%;
    padding: 0rem .43rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: .44rem 0rem .55rem 0rem;
}

.matrixSystem_top li {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-around;
}

.matrixSystem_top li .li_titles:nth-child(1) {
    font-family: SourceHanSansCN, SourceHanSansCN;
    font-weight: bold;
    font-size: 0.22rem;
    color: #061440;
    text-align: left;
    font-style: normal;
    display: flex;
    align-items: center;
}


.matrixSystem_top li .li_titles:nth-child(2) {
    height: 0.2rem;
    font-family: SourceHanSansCN, SourceHanSansCN;
    font-weight: 400;
    font-size: 0.2rem;
    color: #061440;
    line-height: 0.3rem;
    text-align: left;
    font-style: normal;
}

.matrixSystem_btom {
    width: 100%;
    height: 5rem;
}

.matrixSwiper {
    width: 100%;
    height: 100%;
    padding: 0rem .42rem 0rem 0rem;
    box-sizing: border-box;
}

.matrixSwiper .swiper-wrapper {
    width: 100%;
    height: 100%;
    padding: 0rem 0rem 0rem .21rem;
    box-sizing: border-box;
}

.matrixSwiper .swiper-wrapper .swiper-slide {
    height: 90%;
    background: linear-gradient(180deg, #9068FF 0%, #4B25FC 100%);
    border-radius: 0.08rem;


}


.selfSystem_top {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: .61rem .37rem 0rem .37rem;
    box-sizing: border-box;
}

.selfSystem_top span {
    height: 0.35rem;
    font-family: SourceHanSansCN, SourceHanSansCN;
    font-weight: bold;
    font-size: 0.35rem;
    color: #FFFFFF;
    line-height: 0.52rem;
    text-align: left;
    font-style: normal;
    margin-bottom: .16rem;
}

.selfSystem_top_icon1 {
    width: 1.44rem;
    height: 1.44rem;
    position: absolute;
    right: 0rem;
    top: 0rem;
}

.selfSystem_top_icon1 img {
    width: 100%;
    height: 100%;
}

.selfSystem_btom {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem .37rem 0rem .37rem;
    box-sizing: border-box;
}

.selfSystem_btom_dl {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.selfSystem_btom_dl dt {
    width: .78rem;
    height: .78rem;
}

.selfSystem_btom_dl dt img {
    width: 100%;
    height: 100%;
    margin-left: 0.1rem;
}

.selfSystem_btom_dl dd {
    height: 0.23rem;
    font-family: SourceHanSansCN, SourceHanSansCN;
    font-weight: 500;
    font-size: 0.21rem;
    color: #FFFFFF;
    line-height: 0.34rem;
    text-align: left;
    font-style: normal;
}



.selfSystem_top span:nth-child(3) {
    width: 4.8rem;
    height: 0.59rem;
    font-family: SourceHanSansCN, SourceHanSansCN;
    font-weight: 500;
    font-size: 0.21rem;
    color: #FFFFFF;
    line-height: 0.3rem;
    text-align: left;
    font-style: normal;
}


.matrixSwiper .swiper-pagination {
    max-width: 1.33rem;
    height: 0.28rem;
    /* background: rgba(255, 255, 255, 0.5); */
    border-radius: 0.14rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 50%;
    transform: translateX(-50%);
}

.matrixSwiper .swiper-pagination .swiper-pagination-bullet {
    width: 0.17rem;
    height: 0.08rem;
    background: #B7B7B7;
    border-radius: 0.04rem;
}

.matrixSwiper .swiper-pagination .swiper-pagination-bullet-active {
    width: 0.43rem;
    height: 0.08rem;
    background: #6B4EF4;
    border-radius: 0.04rem;
}

/* 为什么选择 end */



/* 公共 */
.public_tags {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.public_tags .publicTags_title {
    width: 100%;
    height: 0.55rem;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 0.39rem;
    color: #200E32;
    line-height: 0.55rem;
    font-style: normal;
    display: flex;
    align-items: center;
    justify-content: center;
}

.public_tags .publicTags_title span {
    height: 0.55rem;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 0.39rem;
    color: #FFFFFF;
    line-height: 0.55rem;
    text-align: center;
    font-style: normal;
    background: linear-gradient(221.1736726341806deg, #B239FF 0%, rgba(253, 97, 44, 0.94) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}


.public_tags .publicTags_text {
    width: 100%;
    height: 0.29rem;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 0.21rem;
    color: #200E32;
    line-height: 0.29rem;
    text-align: center;
    font-style: normal;
    margin-top: .08rem;
}


/* 做短视频， 你是不是也正面临这些问题？*/
.shortVideo_module {
    width: 100%;
    /* height: 10.09rem; */
    /* background: #FFFFFF; */
    backdrop-filter: blur(0px);
    padding-top: .56rem;
    box-sizing: border-box;
}

.shortVideo_module_title {
    width: 100%;
    height: 1.1rem;
    line-height: 0.55rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    margin-bottom: .42rem;
}

.shortVideo_module_title span {
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 0.39rem;
    color: #200E32;
    text-align: center;
    font-style: normal;
}

.shortVideo_module_title span:nth-child(2) {
    z-index: 1;
}

.shortVideo_module_title span:nth-child(3) {
    width: 1.6rem;
    height: .5rem;
    position: absolute;
    right: .92rem;
    top: .38rem;

    background: url("//xt10.kuleiman.com/ywkgw/img/m/i/icon_ww.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


.shortVideo_content {
    width: 100%;
    height: 3.8rem;
    position: relative;
}

.shortVideo_content span {
    background: #F0EFFF;
    color: #000;
    padding: .08rem .14rem;
    box-sizing: border-box;
    border-radius: 0.15rem 0.15rem 0.06rem 0.15rem;
    position: absolute;
    font-family: SourceHanSansCN, SourceHanSansCN;
    font-weight: 500;
    font-size: 0.18rem;
    text-align: center;
    font-style: normal;
}


.shortVideo_image {
    width: 100%;
    height: 4.26rem;
    overflow: hidden;
    padding-left: .25rem;
    box-sizing: border-box;

}

.distress_man {
    width: 100%;
    height: 100%;
    background: url("//xt10.kuleiman.com/ywkgw/img/m/i/distress_man.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}



/* 列表数据 start*/
.strength_module {
    width: 100%;
    padding: .51rem .47rem;
    box-sizing: border-box;
    background: url("//xt10.kuleiman.com/ywkgw/img/m/a/strength_img.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.strength_box {
    width: 100%;
    display: flex;
    flex-direction: column;

}

.strength_content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: .62rem;
}

.strength_content li {
    width: 2.63rem;
    height: 2.67rem;
    background: #FFFFFF;
    box-shadow: 0rem 0.02rem 0.07rem 0rem #AFCBFF;
    border: 0.02rem solid #FFFFFF;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    padding: .11rem .13rem;
    box-sizing: border-box;
    margin-bottom: 0.25rem;
}

.strength_img {
    width: 2.08rem;
    height: 1.54rem;
    margin-bottom: 0.06rem;
}

.strength_img img {
    width: 100%;
    height: 100%;
}

.strength_title {
    height: 0.82rem;
    font-family: SourceHanSansCN, SourceHanSansCN;
    font-weight: bold;
    font-size: 0.2rem;
    color: #200E32;
    line-height: 0.26rem;
    text-align: center;
    font-style: normal;

    display: flex;
    align-items: center;
    justify-content: center;
}

/* 列表数据 end*/





/* 成功失败提示弹框  start*/
.errorPopup {
    position: fixed;
    top: 10%;
    left: 10%;
    transform:translate(-50%,-50%);
    background-color: #fff;
    box-shadow: 0 0 .32rem 0 rgba(172, 169, 167, 0.27);
    padding: .12rem .12rem;
    border-radius: .22rem;
    z-index: 999999999;
    animation: movelefts 2s;
    animation-fill-mode: forwards;
}

@keyframes movelefts {
    from {
        opacity: 1;
        transform: translateX(-100%);
    }

    to {
        opacity: 1;
        transform: translateX(10%);
    }
}

.errorPopup_module {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-wrapper {
    /* 这里是改变其动画效果为匀速形式，不加此样式的话会造成滚动卡顿，看起来效果不平滑 */
    /* 样式做了各种浏览器的兼容 */
    transition-timing-function:linear !important;
    -webkit-transition-timing-function: linear !important;
    -moz-transition-timing-function: linear !important;
    -ms-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}
/* 成功失败提示弹框  end*/