body {
    overflow-x: hidden;
}

ul,
li {
    list-style: none;
}

.banner-img {
    position: relative;
}

.clear {
    clear: both;
}

.banner-img .page-center {
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translateX(-50%);
    z-index: 2;
}

.buzu {
    width: 100%;
    margin-bottom: .7rem;
    position: relative;
}

.wufa {
    width: 11rem;
    height: 2.28rem;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(190, 192, 228, 0.45);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -0.6rem;
    text-align: center;
    padding-top: .36rem;
    box-sizing: border-box;
}

.wufa .buzu-title {
    font-size: .3rem;
    color: #131d7d;
}

.wufa .buzu-desc {
    margin-top: .34rem;
    font-size: .18rem;
    color: #49546f;
    line-height: .26rem;
}

.wufa .leftp {
    width: .42rem;
    height: .36rem;
    position: absolute;
    left: .44rem;
    top: .24rem;
}

.wufa .rightb {
    width: .42rem;
    height: .36rem;
    position: absolute;
    right: .32rem;
    bottom: .44rem;
}

.course {
    margin-top: 2.2rem;
}

.course .cou-title {
    font-size: .3rem;
    color: #303464;
    width: 5.4rem;
    height: .34rem;
    margin: 0 auto;
    position: relative;
}

.course .cou-title .title-bg {
    width: 5.3rem;
    height: .16rem;
    border-radius: .5rem;
    background: rgba(210, 211, 255, 0.37);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.course .cou-title .title-word {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.o-m {
    background: #fff;
    width: 11.24rem;
    margin: .5rem auto .7rem;
    box-sizing: border-box;
}

    .o-m .ul-o {
        float: left;
        position: relative;
        background: #f5f6f8;
        width: 2.02rem;
        box-sizing: border-box;
    }

        .o-m .ul-o li {
            width: 100%;
            cursor: pointer;
            position: relative;
            z-index: 2;
            color: #4e5c6b;
        }

.o-m .ul-o li.active {
    color: #fff;
}

.o-m .ul-o li.active::after {
    content: ' ';
    background: #ff6800;
    position: absolute;
    left: 0;
    top: 0;
    width: 2.1rem;
    height: .5rem;
    background: url(/Customer/image/team/training-p2-tab.png) no-repeat;
    background-size: 100% 100%;
    z-index: -1;
}

.o-m .ul-o span {
    height: .5rem;
    float: left;
    display: block;
    border-bottom: 1px solid #ededed;
}

.o-m .ul-o .li-l span {
    background-position: 0px -3.23rem;
}

.o-m .ul-o li p {
    float: left;
    line-height: .5rem;
    font-size: .18rem;
    width: 1.98rem;
    border-bottom: 1px solid #fff;
    text-align: center;
}

.li-white {
    color: #fff !important;
}

.o-m .ul-o .li-mask {
    background: #ff6800;
    position: absolute;
    left: 0;
    top: 0;
    width: 2.1rem;
    height: .5rem;
    background: url(/Customer/image/team/training-p2-tab.png) no-repeat;
    background-size: 100% 100%;
}

.o-m .ul-o li.on b {
    display: block;
}

.o-m .ul-t {
    background: #fff;
    /*width: 902px;*/
    float: left;
    height: 4.6rem;
}

.o-m .ul-t li {
    list-style-type: none;
    position: relative;
    height: 100%;
    display: none;
    margin-left: .12rem;
}

.o-m .ul-t h5 {
    color: #666;
    font-size: .24rem;
    line-height: .38rem;
}


/*.o-m .ul-t p {
            color: #999;
            font-size: 14px;
            line-height: 22px;
            margin-bottom: 5px
        }*/

.o-m .ul-t .li-a a {
    color: #2b91b8;
    font-size: .14rem;
    margin-right: .3rem;
    cursor: default;
    line-height: .22rem;
}


/*.o-m .ul-t .li-a span {
            color: #999;
            font-size: 14px
        }*/

.o-m .ul-t .li-left {
    width: 5.4rem;
    height: 4.6rem;
    box-shadow: 0 0 8px rgba(255, 228, 210, 0.45);
    box-sizing: border-box;
    float: left;
}

.o-m .li-left .tianshu {
    padding-left: .28rem;
    padding-top: .26rem;
    overflow: hidden;
}

.o-m .li-left .tianshu p>img {
    vertical-align: top;
    margin-right: .14rem;
    float: left;
}

    .o-m .li-left .tianshu > p {
        width: 4.78rem;
        /*display: inline-block;*/
        font-size: .24rem;
        color: #4e5c6b;
        padding-bottom: .12rem;
        border-bottom: 2px solid #607beb;
        float: left;
    }

.o-m .li-left .jichu {
    font-size: .18rem;
    color: #49546f;
    margin-left: .4rem;
    margin-right: .4rem;
    padding-bottom: .18rem;
    padding-top: .18rem;
    border-bottom: 1px dotted #becaff;
    overflow: hidden;
}

.o-m .ul-t .li-right {
    float: right;
    width: 3.5rem;
    height: 4.6rem;
    box-shadow: 0 0 8px rgba(255, 228, 210, 0.45);
    margin-left: .12rem;
}

.o-m .ul-t .li-right .mianxiang {
    width: 3.5rem;
    height: .64rem;
    background: url("/Customer/image/team/training-p2-people.png") no-repeat center;
    background-size: 100% 100%;
    font-size: .24rem;
    color: #fff;
    line-height: .64rem;
    font-weight: bold;
    padding-left: .58rem;
    box-sizing: border-box;
    margin-bottom: .36rem;
}

.o-m .ul-t .li-right .qa {
    font-size: .18rem;
    color: #49546f;
    line-height: .26rem;
    padding-left: .3rem;
    padding-right: .3rem;
    margin-bottom: .2rem;
}
.teacher {
    margin-bottom: .5rem;
}
    .teacher .cou-title {
        font-size: .3rem;
        color: #303464;
        width: 6rem;
        height: .34rem;
        margin: 0 auto;
        position: relative;
    }

.teacher .cou-title .title-bg {
    width: 5.58rem;
    height: .16rem;
    border-radius: .5rem;
    background: rgba(210, 211, 255, 0.37);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.teacher .title-word {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.teacher .szll {
    width: 12rem;
    margin: .5rem auto;
}

.teacher .sz-info {}

.teacher .sz-info ul {
    width: 12rem;
    height: 3.92rem;
    margin: 0 auto;
    padding: 0;
}

.teacher .sz-info ul li {
    width: 12rem;
    height: 3.92rem;
    border-top: 2px solid #5653f0;
    padding: .48rem .3rem;
    box-shadow: 0 0 8px rgba(86, 83, 240, 0.24);
    box-sizing: border-box;
    display: none;
}

.teacher .sz-info .block {
    display: block;
}

.teacher .sz-info .li-left {
    width: 5.28rem;
    height: 2.96rem;
    background: url("/Customer/image/team/training-p3-bg.png") no-repeat center;
    float: left;
}

.teacher .sz-info .li-left .liao {
    width: 1.86rem;
    height: .39rem;
    margin-left: .74rem;
    margin-bottom: 1rem;
    cursor: pointer;
}

.teacher .sz-info .li-left .p5t {
    width: 2.22rem;
    height: 2.66rem;
    margin-top: .3rem;
    object-fit: cover;
}

.teacher .sz-info .li-right {
    float: right;
    width: 5.7rem;
    margin-left: .4rem;
}

.teacher .sz-info .li-right .jiangshi {
    padding-top: .1rem;
    padding-bottom: .2rem;
    overflow: hidden;
    width: 100%;
}

.teacher .sz-info .li-right .jiangshi .sp1 {
    font-size: .28rem;
    color: #202b47;
    font-weight: bold;
    float: left;
    margin-right: .3rem;
}

.teacher .sz-info .li-right .jiangshi .sp2 {
    float: left;
    width: 1.48rem;
    height: .46rem;
    background: url("/Customer/image/teacher/test-p5-title.png") no-repeat;
    background-size: 100% 100%;
    text-align: center;
    line-height: .46rem;
    font-size: 22px;
    color: #fff;
}

.teacher .sz-info .li-right .js-desc {
    font-size: .16rem;
    color: #4e5568;
    line-height: .36rem;
}

.teacher .list {
    width: 11.4rem;
    height: 1.5rem;
    margin: .2rem auto .5rem;
    position: relative;
}
@media screen and (min-width: 1440px) and (max-width: 1980px) {
    .teacher .list {
        width: 11rem;
       
    }
}
    .teacher .list .sz-bt {
        width: 12rem;
        float: left;
        /*padding-left: .32rem;*/
        /*padding-right: .32rem;*/
        /*overflow: hidden;*/
        padding-top: .15rem;
        padding-bottom: .2rem;
        box-sizing: border-box;
    }
    .teacher .list .list-left {
        width: .3rem;
        text-align: center;
        float: left;
    }
    .teacher .list .list-left .left-btn {
        width: .18rem;
        /*float: left;*/
        margin-top: .64rem;
        /*position:absolute;
                left: 0;
                top: 50%;*/
        /*transform: translateY(-50%);*/
    }
    .teacher .list .list-right {
        width: .3rem;
        text-align: center;
        float: right;
    }
    .teacher .list .list-right .right-btn {
        width: .18rem;
        /*float: left;*/
        margin-top: .64rem;
        /*position: absolute;
                        right: 0;
                        top: 50%;*/
        /*transform: translateY(-50%);*/
    }

    .teacher .list .sz-bt ul li {
        width: 1.37rem !important;
        height: 1.37rem;
        border-radius: 50%;
        background: #f8f8ff;
        border: 3px solid #b4b3d2;
        float: left;
        padding: 0;
        box-sizing: border-box;
        text-align: center;
    }

    .teacher .list .sz-bt ul .current {
        width: 1.37rem;
        height: 1.37rem;
        border-radius: 50%;
        background: #f8f8ff;
        border: 3px solid #5653f0;
        float: left;
        padding: 0;
        box-sizing: border-box;
        text-align: center;
        position: relative;
    }

        .teacher .list .sz-bt ul .current::before {
            position: absolute;
            content: ' ';
            width: 0.22rem;
            height: 0.1rem;
            top: -0.02rem;
            left: 50%;
            -webkit-transform: translate(-50%, -100%);
            -ms-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
            background: url("/Customer/image/teacher/test-p5-current.png") no-repeat;
            background-size: 100% 100%;
            z-index:999;
        }

    .teacher .list .sz-bt ul li img {
        width: 1.3rem;
        height: 1.3rem;
        border-radius: 50%;
        object-fit: cover;
    }

.teacher .clearfix {
    clear: both;
}

.zengzhi .cou-title {
    font-size: .3rem;
    color: #303464;
    width: 4.32rem;
    height: .34rem;
    margin: 0 auto;
    position: relative;
    margin-top: .7rem;
}

.zengzhi .cou-title .title-bg {
    width: 4.22rem;
    height: .16rem;
    border-radius: .5rem;
    background: rgba(210, 211, 255, 0.37);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.zengzhi .title-word {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.zengzhi .baojia {
    width: 11.51rem;
    margin: .5rem auto .6rem;
    box-sizing: border-box;
}

.zengzhi .baojia>img {
    width: 3.5rem;
    height: 1.5rem;
    transition: all .3s;
}

.zengzhi .baojia>img:hover {
    transform: scale(1.1);
}

.hezuo {
    width: 100%;
    height: 5.46rem;
    background: url("/Customer/image/team/training-p5-bg.png") no-repeat center;
    background-size: 100% 100%;
    padding-top: .7rem;
    box-sizing: border-box;
}

.hezuo .cou-title {
    font-size: .3rem;
    color: #fff;
    width: 4.22rem;
    height: .34rem;
    margin: 0 auto;
    position: relative;
}

.hezuo .cou-title .title-bg {
    width: 4.22rem;
    height: .16rem;
    border-radius: .5rem;
    background: rgba(210, 211, 255, 0.37);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.hezuo .title-word {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.wenda {
    background: #f7f8fd;
    padding-top: 1px;
}
.wenda .cou-title {
    font-size: .3rem;
    color: #303464;
    width: 1.34rem;
    height: .34rem;
    margin: 0 auto;
    position: relative;
    margin-top: .7rem;
    
}

.wenda .cou-title .title-bg {
    width: 1.24rem;
    height: .16rem;
    border-radius: .5rem;
    background: rgba(210, 211, 255, 0.37);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.wenda .title-word {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.wenda #questions .UI-bubble {
    display: inline-block;
    width: .08rem;
    height: .16rem;
    overflow: hidden;
    background: url("/Customer/image/shenben/p6-arrow1.png") 0px 0px no-repeat;
    background-size: 100% 100%;
}

.wenda #questions .UI-ask {
    display: inline-block;
    width: .08rem;
    height: .16rem;
    overflow: hidden;
    background: url("/Customer/image/shenben/p6-arrow2.png") 0px 0px no-repeat;
    background-size: 100% 100%;
}


/* questions */

.wenda #questions {
    width: 11rem;
    margin: .5rem auto 0;
    padding-bottom: .6rem;
    /*padding-top: 14px;*/
}

.wenda #questions li h5 .UI-ask,
#questions li h5 .UI-bubble {
    position: absolute;
    right: .2rem;
    top: .09rem;
}

.wenda #questions li {
    padding: .18rem 0 .18rem .34rem;
    vertical-align: bottom;
    margin-bottom: .1rem;
    box-shadow: 0 0 6px rgba(93, 77, 194, 0.1);
    width: 100%;
    background: #fff;
    box-sizing: border-box;
}

.wenda #questions li h5 {
    position: relative;
    color: #435178;
    font-size: .22rem;
    cursor: pointer;
    margin: 0;
    /*line-height: 40px;*/
    height: .28rem;
    overflow: hidden;
    /*padding: 0 0 0 40px;*/
    font-weight: normal;
    text-align: left;
}
@media screen and (min-width: 1440px) and (max-width: 1980px) {
    .wenda #questions li h5 {
        font-size: .2rem;
    }
}
.wenda #questions li h5:hover {
    color: #5d65f6;
}

.wenda #questions li .foldContent {
    padding: .1rem .5rem .1rem 0;
    /*border-top: 1px dashed #e2e2e2;*/
    line-height: .24rem;
    color: #a5acbc;
    display: none;
    font-size: .2rem;
    line-height: .24rem;
    text-align: left;
}

.train-foot {
    width: 100%;
    height: 2.1rem;
    background: url("/Customer/image/team/training-p-bg.png") no-repeat center;
    padding-top: 1.1rem;
    box-sizing: border-box;
}

.train-foot>p {
    font-size: .22rem;
    color: #fff;
    text-align: center;
}