* {
    margin: 0;
    padding: 0;
    font-size: 0.64rem;
}

a {
    color: #050505;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

body {
    max-width: 750px;
    min-width: 320px;
    margin: auto;
    color: #050505;
    overflow-x: hidden;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    background-color: #cf9bff;
}
.pd2 {
    padding: 0 2%;
}

.pd4 {
    padding: 0 4%;
}

.mt20 {
    height: 0.533333rem;
    background: #ebebeb;
}

.box {
    max-width: 750px;
    min-width: 320px;
    margin: 0 auto;
    overflow-x: hidden;
}

@media screen and (min-width: 750px) {
    html {
        font-size: 37.5px !important;
    }
}

p {
    font-size: 0.64rem;
}
.form{
    text-align: center;
    position: relative;
}
.form .form-title{
    display: inline-block;
    background: url(../images/form-title-bg.png) no-repeat center;
    background-size: 6.9867rem;
}
.form-n{
    width: 94%;
    margin: .8rem auto;
    padding: .8rem 0;
    background: linear-gradient(45deg,rgba(220,206,255,1),rgba(180,161,255,.4));
    border-radius: .8rem;
    border: 1px solid #cabdff;
    box-shadow: 0 .24rem .3733rem rgba(142,120,255,.27);
    position: relative;
    z-index: 2;
}
.form-n:before,.form-n:after{
    display: block;
    content: '';
    width: 1.36rem;
    height: 1.2533rem;
    position: absolute;
}
.form-n:before{
    top: 1rem;
    left: 1.6rem;
    background: url(../images/form-bf1.png) no-repeat;
    background-size: contain;
}
.form-n:after{
    bottom: 1rem;
    right: 1.6rem;
    background: url(../images/form-bf2.png) no-repeat;
    background-size: contain;
}
.form h3{
    font-size: .96rem;
    font-weight: bold;
    color: #fffe02;
    margin: 1.0667rem 0;
}
.form-jiantou{
    position: absolute;
    right: 0.1rem;
    top: .8rem;
    width: 3.0133rem;
    height: 2.72rem;
    background: url(../images/jiantou.png) no-repeat;
    background-size: contain;
    z-index: 4;
}

.form .yanzhengma,
.form .tel {
    width: 78%;
    height: 2.08rem;
    line-height: 2.08rem;
    border: 1px solid #6e4cff;
    border-radius: .4267rem;
    font-size: .7467rem;
    padding-left: 1.7667rem;
    display: block;
    margin: auto;
    color: #717171;
}

.form .yanzhengma {
    display: flex;
    justify-content: space-between;
    background: url(../images/form-yzm.png) no-repeat 0.5rem 0.66rem #fff;
    background-size: .72rem;
    margin-top: .8rem;
}

.form .tel {
    background: url(../images/form-tel.png) no-repeat 0.5rem 0.66rem #fff;
    background-size: .7733rem;
}

.form .yanzhengma input {
    width: 60%;
}

.form .yanzhengma a {
    padding-right: 4%;
}

.form input::-webkit-input-placeholder {
    font-size: .7467rem;
    color: #717171;
}
.form-btn,.zixun{
    display: inline-block;
    position: relative;
    margin: 1.3333rem auto 0;
    padding: 0 2.6rem 0 1.6rem;
    background: linear-gradient(180deg,#fbb44b,#fe9211);
    height: 1.76rem;
    line-height: 1.76rem;
    border-radius: 1.76rem;
    box-shadow: 0 0 .5333rem rgba(153, 130, 252, .67);
    animation: anm1 3s infinite;
}
.ajaxForm_btn,.zixun a{
    display: inline-block;
    height: 1.77rem;
    line-height: 1.77rem;
    font-size: .96rem;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}
.form-btn:after,.zixun:after{
    position: absolute;
    right: 1rem;
    top: 0.5rem;
    display: block;
    content: '';
    width: 1.2267rem;
    height: 1.4933rem;
    background: url(../images/btn-click.png) no-repeat;
    background-size: contain;
    animation: btns 1s infinite;
}
.n{
    width: 94%;
    margin: 1.2rem auto 0;
}
.n .title{
    color: #fff;
}
.n .title h3{
    font-size: 1.3333rem;
    line-height: 1.4933rem;
    font-weight: bold;
}
.n .title .title-p{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .2667rem;
}
.n .title .title-p p{
    display: flex;
    align-items: center;
    font-size: .96rem;
    line-height: 1.0667rem;
}
.n .title .title-p p:before{
    content: '';
    display: inline-block;
    width: .3733rem;
    height: .8rem;
    background-color: #fffe02;
    border-radius: .3733rem;
    margin-right: .2667rem;
}
.n .title .title-span{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.n .title .title-span i{
    display: block;
    width: 6.2rem;
    height: 1px;
    background: #8130cb;
}
.n .title .title-span span{
    font-size: .96rem;
    display: flex;
    content: '';
    color: #8130cb;
    margin-left: .1333rem;
    font-weight: bold;
}
.n-n{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.n-n1{
    padding: 0 4%;
}   
.n-n1s{
    width: 31%;
    margin-top: .8rem;
    padding: .8rem 0 .4rem;
    border-radius: .8rem;
    background-color: #fff;
    text-align: center;
}
.n-n1s img{
    width: 3.36rem;
    margin: auto;
}
.n-n1s p{
    font-size: .96rem;
    color: #a543ff;
    margin: .2667rem 0;
    font-weight: bold;
}
.n-n2s{
    height: 5.62rem;
    margin-top: .8rem;
    background-color: #fff;
    border-radius: .5333rem;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 .1067rem .16rem rgba(153,130,253,.49);
}
.n-n2s-p{
    width: 10.3267rem;
    height: 5.62rem;
    border-radius: .5333rem;
}
.n-n2s-p img{
    height: 100%;
}
.n-n2s-ifos{
    margin: 0 2%;
    width: 70%;
    display: flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.n-n2s-ifos h3{
    font-size: .96rem;
    line-height: 1.0667rem;
    font-weight: bold;
    color: #a543ff;
}
.n-n2s-ifos p{
    margin-top: .2667rem;
}
.n2-from{
    text-align: center;
    margin: .5333rem 0;
    position: relative;
}
.n2-from:after{
    position: absolute;
    top: 0.4333rem;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    display: block;
    content: '';
    height: 1px;
    background-color: #fff;
    z-index: 1;
}
.n2-from p{
    display: inline-block;
    font-size: .5333rem;
    color: #fff;
    background-color: #cf9bff;
    position: relative;
    z-index: 9;
    padding: 0 3%;
}
.n-n3{
    margin-top: .8rem;
    padding-bottom: 1.6rem;
    position: relative;
}
.n-n3 .n3-swiper img{
    border-radius: .5333rem;
}
.swiper-pagination-zp{
    width: 100%;
    bottom: .2667rem;
    left: 50%;
    transform: translate(-50%);
}
.swiper-pagination-zp span{
    border-radius: 0;
    outline: none;
}
.swiper-pagination-zp span:first-child{
    border-radius: .2667rem 0 0 .2667rem;
}
.swiper-pagination-zp span:last-child{
    border-radius: 0 .2667rem .2667rem 0 ;
}
.swiper-pagination-zp .swiper-pagination-bullet {
    opacity: 1;
    background: #dbdbdb;
    width: 1rem;
    height: .2667rem;
    margin: 0 -0.1rem;
}
.swiper-pagination-zp .swiper-pagination-bullet-active{
    background: #fffe02;
    width: 1.5rem;
    margin: 0;
    position: relative;
    z-index: 10;
    border-radius: .2667rem;
}
.n-n4{
    margin: .8rem 0;
    padding: 3%;
    background-color: #fff;
    border-radius: .5333rem;
    box-shadow: 0 0.24rem 0.3733rem rgba(142,120,255,.27);
}
.n-n4 .swiper-container{
    height: 21.6333rem;
}
.teacher-ns{
    height: 6.7733rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f7f4ff;
    padding: 0 3%;
    border-radius: .5333rem;
}
.teacher-ns-pic{
    width: 5.6267rem;
    height: 5.6267rem;
    border-radius: 5.6267rem;
    background: linear-gradient(to right,#122d3e, #4c778b,#122d3e);
    overflow: hidden;
}
.teacher-ns-ifos{
    width: 60%;
    display: flex;
    flex-direction: column;
}
.teacher-ns-ifos h3{
    font-size: .8533rem;
    font-weight: bold;
    line-height: 1.0667rem;
}
.teacher-ns-ifos span{
    display: inline-block;
    font-size: .64rem;
    margin: .2333rem 0;
    color: #636363;
}
.teacher-ns-ifos  p{
    font-size: .7467rem;
    word-break: break-all; 
    overflow: hidden;
    color: #3a3a3a;
    text-overflow: ellipsis; 
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.swiper-pagination-tea{
    left: 50%;
    bottom: .4rem;
    transform: translate(-50%);
}
.swiper-pagination-tea span{
    width: 1.6rem;
    height: .32rem;
    border-radius: 0;
}
.tea-box .swiper-slide{
    height: 6.7733rem !important;
}
.n-shili{
    border-radius: .5333rem;
    background-color: #fff;
    padding-bottom: .5333rem;
    box-shadow: 0 0.24rem 0.3733rem rgba(142,120,255,.27);
}
.n-shili-t{
    line-height: 2.24rem;
    background-color: #ffd703;
    font-size: 1.3333rem;
    border-radius: .5333rem .5333rem 0 0;
    font-weight: bold;
    color: #a543ff;
    text-align: center;
}
.n-shili-t h3{
    font-size: 1.3333rem;
    font-weight: bold;
}
.n-shili-n{
    display: flex;
    justify-content: space-between;
}
.n-shili-ns{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.n-shili-ns img{
    display: block;
    width: 2.7467rem;
    height: 2.7467rem;
    margin: .8rem auto .4rem;
}
.n-shili-ns p{
    font-size: .7467rem;
    color: #26333c;
    text-align: center;
    font-weight: bold;
}
.n-n5s{
    width: 48.5%;
    margin: .64rem 0 0;
    background-color: #f7f4ff;
    border-radius: .5333rem;
}
.n-n5s h3{
    font-size: .6933rem;
    line-height: 1.5467rem;
    border-radius: .5333rem .5333rem 0 0;
    background: #ffd703;
    text-align: center;
    color: #303030;
    font-weight: bold;
}
.n-n5s h3 span{
    font-size: .8rem;
}
.n-n5s ul{
    padding: .2667rem 0;
    text-align: center;
    overflow: hidden;
    height: 5.8rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.n-n5s li{
    width: 100%;
    font-size: .64rem;
    line-height: 1.0667rem;
}
.jiuye-n1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: .8rem;
}

.jiuye-n1-list {
    background-color: #fff;
    border-radius: .2667rem;
    width: 47%;
    position: relative;
    margin: .266666rem 0;
    padding: 0 .5333rem;
    line-height: 1.6533rem;
}

.jiuye-n1-list img {
    width: 1.28rem;
    height: 1.3067rem;
    position: absolute;
    top: 0;
    right: .2667rem;
}

.jiuye-n1-list p {
    font-size: .7467rem;
    font-weight: bold;
}

.jiuye-n2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.jiuye-n2-list {
    width: 48.5%;
    background-color: #fff;
    border-radius: .4267rem;
    margin: .32rem 0;
}

.jiuye-n2-list img {
    border-radius: .4267rem .4267rem 0 0;
}

.jiuye-n2-list p {
    line-height: 1.8133rem;
    font-size: .8rem;
    text-align: center;
    font-weight: bold;
}

.jiuye-n .zixun {
    margin-top: .2667rem;
}
@keyframes btns{
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(.8);
    }
    100%{
        transform: scale(1);
    }
}