.banner {
    height: 5.6rem;
    position: relative;
}

.banner .swiper-container {
    height: 100%;
}

.banner_txt {
    height: 100%
}

.banner .swiper-slide {
    position: relative;
}

.banner_txt p {
    width: 2.64rem;
    height: 0.26rem;
    font-size: 0.2rem;
    font-family: PingFangSC, PingFangSC-Medium;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    line-height: 0.26rem;
    position: absolute;
    bottom: 1.71rem;
    left: 50%;
    margin-left: -1.32rem;
}

.banner_txt span {
    display: inline-block;
    width: 2.47rem;
    height: 0.18rem;
    font-size: 0.13rem;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    line-height: 0.18rem;
    position: absolute;
    bottom: 1.37rem;
    left: 50%;
    margin-left: -1.24rem;
}

.banner_txt .button {
    width: 2.56rem;
    height: .36rem;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: .47rem;
    left: 50%;
    margin-left: -1.28rem;
}

.banner_txt .button div {
    width: 1.2rem;
    height: .36rem;
    line-height: .36rem;
    text-align: center;
    box-sizing: border-box;
    color: #fff;
    font-size: .14rem;
    font-weight: 500;
}

.banner_txt .button .trial {
    background: #ff692d url('http://public-test-shengtong.oss-cn-zhangjiakou.aliyuncs.com/yixiao-pc/buttoncover.webp') no-repeat;
    background-size: cover;
    border-radius: 0.27rem;
    box-shadow: 0rem 0.01rem 0.01rem 0rem rgba(255, 224, 189, 0.60) inset, 0rem -0.01rem 0.01rem 0rem rgba(255, 189, 147, 0.50) inset;
}

.banner_txt .button .consulting {
    background: #125fee url('http://public-test-shengtong.oss-cn-zhangjiakou.aliyuncs.com/yixiao-pc/buttoncover.webp') no-repeat;
    border: 0.01rem solid #3f92f0;
    background-size: cover;
    border-radius: 0.24rem;
}

.banner .swiper-pagination-bullet {
    width: .24rem;
    height: .04rem;
    background-color: rgba(255, 255, 255) !important;
    border-radius: 0.03rem !important;
    margin-left: .12rem;
}

.banner .swiper-pagination-bullet-active {
    background-color: #fff !important;
}

.banner .swiper-pagination {
    /* width: .6rem; */
    width:fit-content;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 1.13rem;
    left: 50%;
    margin-left: -.41rem;
}


/* 教培 */

.culture {
    width: 3.75rem;
    height: 6.01rem;
    background: #f6faff;
    padding-top: .4rem;
    box-sizing: border-box;
    background: url('http://public-test-shengtong.oss-cn-zhangjiakou.aliyuncs.com/yx_h5/teacherCulture/bj1.png') no-repeat center center;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.culture .title {
    font-size: .18rem;
    font-weight: 600;
    color: #333333;
    text-align: center;
}

.culture .function {
    font-weight: 400;
    color: #1472ff;
    padding: 0 .17rem;
    font-size: .12rem;
    text-align: center;
    margin-top: .12rem;
}

.culture .words {
    font-size: 0.12rem;
    font-weight: 400;
    text-align: center;
    color: #666666;
    line-height: 0.2rem;
    margin-top: .04rem;
}

.culture .center {
    width: 1.13rem;
    height: 1.13rem;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 2.9rem;
    margin-left: -.565rem;
}

.culture .center img {
    display: block;
    width: .43rem;
    height: .24rem;
    margin: 0 auto;
    margin-top: .16rem;
}

.culture .center .p1 {
    font-size: 0.14rem;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    line-height: 0.22rem;
    margin-top: .08rem;
}

.culture .center .p2 {
    font-size: 0.12rem;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    line-height: 0.17rem;
    margin-top: .04rem;
}

.culture .bj2 {
    position: absolute;
    width: 3.92rem;
    height: 3.92rem;
    left: -0.09rem;
    top: 1.48rem;
    animation: rotate 7s linear infinite;
}

.culture .bj3 {
    position: absolute;
    width: 3.06rem;
    height: 3.06rem;
    left: 0.35rem;
    top: 1.9rem;
    animation: rotate2 7s linear infinite;
}

.culture .item {
    width: .54rem;
    text-align: center;
    position: absolute;
}

.culture .item img {
    width: .54rem;
    height: .54rem;
    display: block;
}

.culture .item p {
    font-size: 0.12rem;
    font-weight: 400;
    text-align: center;
    color: #333333;
    line-height: 0.17rem;
    margin-top: .02rem;
}

.culture .item1 {
    top: 1.6rem;
    left: 1rem;
    animation: lo1 1.2s linear infinite alternate-reverse;
}

.culture .item2 {
    top: 1.56rem;
    left: 2.1rem;
    animation: lo2 1.4s linear infinite alternate-reverse;
}

.culture .item3 {
    top: 2.05rem;
    left: 2.98rem;
    animation: lo3 2s linear infinite alternate-reverse;
}

.culture .item4 {
    top: 3.06rem;
    left: 3.06rem;
    animation: lo4 1.5s linear infinite alternate-reverse;
}

.culture .item5 {
    top: 4.21rem;
    left: 2.95rem;
    animation: lo1 1.2s linear infinite alternate-reverse;
}

.culture .item6 {
    top: 4.91rem;
    left: 2.14rem;
    animation: lo2 1.4s linear infinite alternate-reverse;
}

.culture .item7 {
    top: 4.71rem;
    left: 1.08rem;
    animation: lo3 2s linear infinite alternate-reverse;
}

.culture .item8 {
    top: 4.25rem;
    left: 0.28rem;
    animation: lo4 1.5s linear infinite alternate-reverse;
}

.culture .item9 {
    top: 3.34rem;
    left: 0.12rem;
    animation: lo1 1.2s linear infinite alternate-reverse;
}

.culture .item10 {
    top: 2.26rem;
    left: 0.18rem;
    animation: lo2 1.4s linear infinite alternate-reverse;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

@keyframes rotate2 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes lo1 {
    0% {
        transform: translateY(0);
    }

    0% {
        transform: translateY(-.1rem);
    }
}

@keyframes lo2 {
    0% {
        transform: translateY(0);
    }

    0% {
        transform: translateY(-.1rem);
    }
}

@keyframes lo3 {
    0% {
        transform: translateY(0);
    }

    0% {
        transform: translateY(-.1rem);
    }
}

@keyframes lo4 {
    0% {
        transform: translateY(0);
    }

    0% {
        transform: translateY(-.1rem);
    }
}
.system_function {
    overflow: hidden;
    background-color: #fff;
    padding: 0 .2rem;
    padding-top: .4rem;
    padding-bottom: .4rem;
    /* scroll-margin-top: .2rem; */
}

.system_function .title {
    font-size: .18rem;
    font-weight: 600;
    color: #333333;
    text-align: center;
    margin-bottom: .2rem;
}

.system_function .swiper-container-system-top .swiper-slide {
    text-align: center;
    width: .48rem;
    height: .48rem;
    position: relative;
}

.system_function .swiper-container-system-top .swiper-slide div {
    width: .48rem;
    height: .48rem;
    position: absolute;
    top: 0;
    left: 0;
}

.system_function .swiper-container-system-top .swiper-slide div img {
    width: .36rem;
    height: .36rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -.18rem;
    margin-left: -.18rem;
    /* display: block; */
    /* padding: 0.1rem 0.06rem 0.05rem 0.08rem; */
    /* background: linear-gradient(180deg, #49a2ff 0%, #1876ff); */
}

.swiper-container-system-top .swiper-slide-thumb-active div {
    background: linear-gradient(180deg, #49a2ff 0%, #1876ff);
    border-radius: 0.12rem;
}

.swiper-container-system-bottom .item {
    width: 3.38rem;
    height: 4.95rem;
    background: #ffffff;
    border-radius: 0rem 0rem 0.12rem 0.12rem;
    box-shadow: 0rem 0.04rem 0.12rem 0rem rgba(55, 99, 170, 0.12);
    margin-top: .05rem;
    border-top: .04rem solid #1472ff;
    position: relative;
}

.swiper-container-system-bottom .item .title {
    font-size: .16rem;
    font-weight: 500;
    color: #1472ff;
    padding-left: .16rem;
    margin-bottom: 0;
    text-align: left;
    margin-top: .24rem;
    position: relative;
}

.swiper-container-system-bottom .item .title .title_bg {
    position: absolute;
    width: 1.1rem;
    height: .15rem;
    top: -.25rem;
    z-index: 0;
}

.yxy_bg {
    width: .54rem !important;
}

.crm_bg {
    width: .8rem !important;
}

.dx_bg {
    width: .76rem !important;
}

.jxhl_bg {
    width: .73rem !important;
}

.swiper-container-system-bottom .item .title>p {
    position: relative;
    z-index: 2;
}

.swiper-container-system-bottom .item .title span {
    font-size: .12rem;
    font-weight: 400;
    color: rgba(20, 114, 255, 0.60);
    margin-left: .08rem;
}

.swiper-container-system-bottom .item .word {
    padding: 0 .16rem;
    font-size: .14rem;
    font-weight: 400;
    color: #666666;
    margin-top: .06rem;
}

.swiper-container-system-bottom .item .slide {
    display: flex;
    align-items: center;
    padding-left: .16rem;
    margin-top: .16rem;
}

.swiper-container-system-bottom .item .slide span {
    display: inline-block;
    width: .72rem;
    height: .22rem;
    text-align: center;
    background: #e1eefe;
    border-radius: 0rem 0.13rem 0.13rem 0.13rem;
    font-size: .12rem;
    color: #1472ff;
    line-height: .22rem;
    font-weight: 400;
}

.swiper-container-system-bottom .item .slide p {
    margin-left: .05rem;
    color: #666666;
    font-size: .12rem;
    font-weight: 400;
    width: 2.5rem;
}

.swiper-container-system-bottom .item .button {
    width: 2.32rem;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: .16rem;
    left: 50%;
    margin-left: -1.16rem;
}

.swiper-container-system-bottom .item .button div {
    width: 1.04rem;
    height: 0.32rem;
    border-radius: 0.27rem;
    box-sizing: border-box;
    line-height: .32rem;
    text-align: center;
    font-size: .14rem;
    font-weight: 400;
}

.swiper-container-system-bottom .item .button .trial {
    border: 0.01rem solid #1472ff;
    color: #1472ff;
    background: #fff url('http://public-test-shengtong.oss-cn-zhangjiakou.aliyuncs.com/yixiao-pc/buttoncover.webp') no-repeat;
    background-size: cover;
}

.swiper-container-system-bottom .item .button .consulting {
    background: #1472ff url('http://public-test-shengtong.oss-cn-zhangjiakou.aliyuncs.com/yixiao-pc/buttoncover.webp') no-repeat;
    background-size: cover;
    color: #fff;
}

.swiper-container-system-bottom .item img {
    width: 3.2rem;
    height: 2.55rem;
    display: block;
    margin: 0 auto;
    margin-top: .2rem;
}

.teacher_center {
    width: 100%;
    height: 5.26rem;
    padding: 0 .16rem;
    padding-top: .4rem;
    box-sizing: border-box;
    background: #f6f9fd;
    overflow: hidden;
}

.teacher_center .title {
    text-align: center;
    font-size: 0.18rem;
    font-weight: 600;
    text-align: center;
    color: #333333;
    margin-bottom: .2rem;
}

.teacher_center .item {
    width: 3.41rem;
    height: 3.88rem;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.29);
    border-radius: 0.08rem 0.08rem 0.12rem 0.12rem;
    box-shadow: 0rem 0.04rem 0.12rem 0rem rgba(55, 99, 170, 0.12);
}

.teacher_center .video {
    width: 3.41rem;
    height: 2rem;
    border-radius: 0.04rem;
    position: relative;
}

.teacher_center .label {
    position: absolute;
    bottom: 1.7rem;
    left: .12rem;
    font-weight: 500;
    font-size: .14rem;
    text-align: left;
    color: #333;
    width: 2.16rem;
    height: 0.36rem;
    line-height: .36rem;
    background: #ffffff;
    border-radius: 0.08rem;
    box-shadow: 0rem 0.04rem 0.12rem 0rem rgba(55, 99, 170, 0.12);
}

.teacher_center .label img {
    width: .24rem;
    height: .24rem;
    vertical-align: middle;
    margin-left: .12rem;
    margin-right: .08rem;
}

.teacher_center .label_item {
    display: flex;
    padding: 0 .16rem;
    margin-bottom: .16rem;
}

.teacher_center p {
    font-size: 0.14rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.2rem;
}

.swiper-container-teacher-enter {
    position: relative;
}

.teacher_center .label_item div {
    width: 0.04rem;
    height: 0.04rem;
    background: #b1d2ff;
    border-radius: 50%;
    margin-right: .1rem;
    margin-top: .08rem;
}

.teacher_center .swiper-pagination-teacher {
    position: absolute;
    width: 1rem;
    bottom: -0.6rem;
    left: 56%;
    margin-left: -0.5rem;
}

.teacher_center .swiper-pagination-bullet {
    width: 0.21rem !important;
    height: 0.04rem;
    background: #E0EAFF !important;
    border-radius: 0.04rem;
    opacity: 1;
    display: block;
}

.teacher_center .swiper-pagination-bullet-active {
    background: #1472ff !important;
}

.customer_management {
    padding-top: .4rem;
    padding-left: .16rem;
    overflow: hidden;
}

.customer_management .title {
    font-size: .18rem;
    color: #333333;
    text-align: center;
    font-weight: 600;
    margin-bottom: .2rem;
}

.customer_management .swiper-slide {
    width: 3.1rem;
    height: 3.08rem;
    background: #ffffff;
    border: 0.01rem solid #1472ff;
    border-radius: 0.12rem;
}

.customer_management .head {
    width: 2.96rem;
    height: .37rem;
    line-height: .37rem;
    padding-left: .12rem;
    box-sizing: border-box;
    color: #fff;
    font-size: .14rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    background: url('https://public-test-shengtong.oss-cn-zhangjiakou.aliyuncs.com/yx_h5/teacherCulture/titlebj.png') no-repeat center center;
    background-size: 104% 104%;
    border-radius: 0.12rem 0.12rem 0rem 0rem;
}

.customer_management .head img {
    width: .24rem;
    height: .24rem;
    margin-right: .1rem;
}

.customer_management .words {
    padding: 0 .12rem;
    margin-top: .16rem;
    font-size: .14rem;
    font-weight: 400;
    color: #333333;
    line-height: .2rem;
    text-align: left;
}

.customer_management .foot_btn {
    width: 2.32rem;
    margin: 0 auto;
    margin-top: .3rem;
    display: flex;
    justify-content: space-between;
}

.customer_management .foot_btn div {
    width: 1.04rem;
    height: 0.32rem;
    border-radius: 0.27rem;
    box-sizing: border-box;
    text-align: center;
    line-height: .32rem;
    font-size: .14rem;
    font-weight: 400;
}

.customer_management .foot_btn .trial {
    border: 0.01rem solid #1472ff;
    color: #1472ff;
}

.customer_management .foot_btn .consulting {
    background: #1472ff;
    color: #fff;
}

.customer_management .customer_banner {
    width: 2.75rem;
    height: 1.8rem;
    display: block;
    margin: 0 auto;
    margin-top: .16rem;
}

.reconciliation {
    padding-top: .4rem;
    height: 6.24rem;
    box-sizing: border-box;
    overflow: hidden;
}

.reconciliation .title {
    font-size: 0.18rem;
    font-weight: 600;
    text-align: center;
    color: #333333;
    line-height: 0.24rem;
    margin-bottom: .2rem;
}

.swiper-container-reconciliation-top .swiper-slide {
    position: relative;
    height: .26rem;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.swiper-container-reconciliation-top .swiper-slide div {
    font-size: .14rem;
    font-weight: 400;
    width: 100%;
    text-align: center;
    line-height: .2rem;
    color: #333333;
    padding: 0 .16rem;
    box-sizing: border-box;
    margin-bottom: 0.04rem;
}

.swiper-container-reconciliation-top .solid {
    display: inline-block;
    opacity: 0;
    width: 0rem;
    height: 0.02rem;
    background: #fff;
    border-radius: 1rem 1rem 0rem 0rem;
    transition: .4s;
    /* margin-top: .08rem; */
}

.swiper-container-reconciliation-top .swiper-slide-thumb-active .solid {
    width: .8rem;
    background: #1472ff;
    opacity: 1;
}

.swiper-container-reconciliation-top .swiper-slide-thumb-active div {
    color: #1472ff;
}

.swiper-container-reconciliation-bottom .swiper-slide {
    width: 100%;
    height: 5.14rem;
    background-color: #f6f9fd;
    padding: .16rem;
    box-sizing: border-box;
    position: relative;
}

.swiper-container-reconciliation-bottom p {
    font-size: 0.16rem;
    font-weight: 500;
    text-align: left;
    color: #333333;
    height: .22rem;
    line-height: 0.22rem;
    position: absolute;
    bottom: 1.7rem;
}

.swiper-container-reconciliation-bottom span {
    font-size: 0.14rem;
    font-weight: 400;
    text-align: left;
    color: #666666;
    line-height: 0.2rem;
    position: absolute;
    bottom: 1rem;
}

.swiper-container-reconciliation-bottom .foot_btn {
    width: 2.32rem;
    height: .32rem;
    position: absolute;
    bottom: .4rem;
    left: 50%;
    display: flex;
    justify-content: space-between;
    margin-left: -1.16rem;
}

.swiper-container-reconciliation-bottom .foot_btn div {
    width: 1.04rem;
    height: 0.32rem;
    border-radius: 0.27rem;
    line-height: .32rem;
    text-align: center;
    font-size: .14rem;
    font-weight: 400;
    box-sizing: border-box;
}

.swiper-container-reconciliation-bottom .foot_btn .trial {
    border: 0.01rem solid #1472ff;
    color: #1472ff;
}

.swiper-container-reconciliation-bottom .foot_btn .consulting {
    background-color: #1472ff;
    color: #fff;
}

.swiper-container-reconciliation-bottom img {
    width: 3.3rem;
    height: 2.94rem;
    display: block;
    margin: 0 auto;
}