.Introduction {
    border-top: 1px solid #E2E3E7;
    border-right: 1px solid #E2E3E7;
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    margin: .4rem auto;
}

.Introduction .list {
    width: 50%;
    box-sizing: border-box;
    height: .9066666666666666rem;
    line-height: .9066666666666666rem;
    border-bottom: .02666666666666667rem solid #E2E3E7;
    text-indent: .26666666666666666rem;
    border-left: 1px solid #E2E3E7;
}

.Introduction .list:nth-child(13) {
    width: 100%;
}

.Introduction .list:nth-child(14) {
    width: 100%;
}

.mentor_msg {
    width: 100%;
}

.mentor_msg .maxwidth {
    width: 84%;
    margin: .4266666666666667rem auto;
    background: #FFFFFF;
    border-radius: .13333333333333333rem;
    border: 1px solid rgba(226, 227, 231, 0.5);
    padding: .4rem;
}

.mentor_msg .maxwidth .mentor_top {
    display: flex;
}

.mentor_msg .maxwidth .mentor_top .anthor {
    width: 1.4133333333333333rem;
    height: 1.4133333333333333rem;
    margin-right: .32rem;
}

.mentor_msg .maxwidth .mentor_top .name {
    font-weight: 600;
    font-size: 14px;
    color: #333333;
    width: 4.8rem;
}

.mentor_msg .maxwidth .mentor_top .name::after {
    content: "";
    width: .4266666666666667rem;
    height: .32rem;
    background: url('/static/mobile/img/school/school5.png') no-repeat center center;
    background-size: cover;
    vertical-align: middle;
    margin-left: .13666666666666666rem;
    display: inline-block;
}

.mentor_msg .maxwidth .mentor_top .zhuanye {
    font-weight: 400;
    font-size: .32rem;
    color: #333333;
    margin: .21333333333333335rem 0;
}

.mentor_msg .maxwidth .mentor_top .num {
    width: 2.8266666666666667rem;
    height: .48rem;
    text-align: center;
    line-height: .48rem;
    background: rgba(78, 142, 255, 0.1);
    border-radius: .02666666666666667rem;
    font-weight: 400;
    font-size: .32rem;
    color: #4E8EFF;
}

.mentor_msg .maxwidth .mentor_top .knows {
    width: 1.3333333333333333rem;
    height: .64rem;

    background: linear-gradient(90deg, #86C1FF 0%, #4E8EFF 100%);
    box-shadow: 0px .13333333333333333rem .21333333333333335rem 0px rgba(78, 142, 255, 0.29);
    border-radius: .3466666666666667rem;
    text-align: center;

}

.mentor_msg .maxwidth .mentor_top .knows img {
    width: .4266666666666667rem;
    height: .4266666666666667rem;
    margin-top: .12rem;
}

.duction {
    font-weight: 400;
    font-size: .32rem;
    color: #999999;
    line-height: .48rem;
    margin-top: .4266666666666667rem;
}

.fanren.active {
    height: 10.133333333333333rem;
    overflow: hidden;
}

.mentor .other {
    text-align: center;
    font-size: .37333333333333335rem;
    color: #CCCCCC;
    margin-top: .4266666666666667rem;
}

.mentor .other .msg {
    font-weight: 600;
    font-size: 14px;
    color: #CCCCCC;
}

.mentor .other img {
    width: .5333333333333333rem;
    height: .5333333333333333rem;
}
.school_bgc {
    width: 100%;
    height: 5.066666666666666rem;
    background: url('/static/mobile/img/school/school3.png') no-repeat center center;
    background-size: cover;
}

.school_bgc .maxwidth {
    width: 80%;
    margin: 0 auto 1.2rem auto;
}

.school_bgc .maxwidth .school_desc {
    display: flex;
    padding-top: 1.2rem;
}

.school_bgc .maxwidth .school_desc img {
    margin-right: .32rem;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: .10666666666666667rem;
    background: white;
}

.school_bgc .maxwidth .school_desc .school {
    font-weight: bold;
    font-size: .48rem;
    color: #FFFFFF;
    margin-top: .16rem;
}

.school_bgc .maxwidth .school_desc .english {
    font-weight: bold;
    font-size: .4rem;
    margin-top: .16rem;
    color: #FFFFFF;
}

.school_bgc .maxwidth .knows {
    width: 4.4rem;
    height: .7733333333333333rem;
    background: #FA6400;
    box-shadow: 0px 5px 4px 0px rgba(250, 100, 0, 0.2);
    border-radius: .4rem;
    line-height: .77rem;
    text-align: center;
    margin: .6666666666666666rem auto;
    color: #fff;
    font-size: .37333333333333335rem;
}

.school_scroll {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-overflow-scrolling: touch;
    text-align: justify;
    width: 94%;
    margin-left: 5%;
    white-space: nowrap;
    margin-top: .6666666666666666rem;
    position: relative;
}

.school_scroll img {
    width: 4rem;
    height: 2.453333333333333rem;
    margin-right: .26666666666666666rem;
}

.boxshows {
    width: 1.0666666666666667rem;
    height: 2.453333333333333rem;
    background: linear-gradient(90deg, rgba(238, 238, 238, 0.14) 0%, #FFFFFF 100%);
    position: fixed;
    right: 0px;
    top: 7.18rem;
}

.introduce .border {
    width: 100%;
    height: 1px;
    background: rgba(226, 227, 231, 0.5);
}

.Basic .border {
    width: 100%;
    height: 1px;
    background: rgba(226, 227, 231, 0.5);
}

.mentor .border {
    width: 100%;
    height: 1px;
    background: rgba(226, 227, 231, 0.5);
}

.introduce .message {
    font-weight: 400;
    font-size: .3466666666666667rem;
    color: #333333;
    line-height: .56rem;
    width: 90%;
    margin: .4rem auto;
}

.introduce .title {
    width: 92%;
    margin: .533333rem auto .266667rem auto;
}

.introduce .title i {
    width: .05333333333333334rem;
    height: .45rem;

    background: #2A5AA8;
    display: inline-block;
    vertical-align: middle;
    margin-right: .16rem;
    border-radius: 2px;
}

.introduce .title span {
    font-weight: bold;
    font-size: .4266666666666667rem;
    vertical-align: middle;
}

.Basic .title {
    width: 92%;
    margin: .533333rem auto .266667rem auto;
}

.Basic .title i {
    width: .05333333333333334rem;
    height: .45rem;
    background: #2A5AA8;
    display: inline-block;
    vertical-align: middle;
    margin-right: .16rem;
    border-radius: 2px;
}

.Basic .title span {
    font-weight: bold;
    font-size: .4266666666666667rem;
    vertical-align: middle;
}

.mentor .title {
    width: 92%;
    margin: .533333rem auto .266667rem auto;
}

.mentor .title i {
    width: .05333333333333334rem;
    height: .45rem;
    background: #2A5AA8;
    display: inline-block;
    vertical-align: middle;
    margin-right: .16rem;
    border-radius: 2px;
}

.mentor .title span {
    font-weight: bold;
    font-size: .4266666666666667rem;
    vertical-align: middle;
}