.schoolfellow-detail {
    padding-top: calc(1.8rem + var(--navBarHeight));
    padding-bottom: 1.96rem
}

.schoolfellow-detail .content-wrap .title {
    padding-bottom: .27rem;
    border-bottom: 1px solid rgba(151,151,151,.3);
    color: #226bc5;
    font-size: max(.24rem,20px);
    line-height: 1.25;
    text-align: center
}

.schoolfellow-detail .content-wrap .wrap-info {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px .36rem;
    padding: .145rem 0;
    color: #666;
    border-bottom: 1px solid rgba(151,151,151,.3);
    font-size: max(.18rem,16px);
    font-weight: 400;
    line-height: 1.375
}

.schoolfellow-detail .content-wrap .text-wrap {
    padding-top: 9px;
    /*border-bottom: 1px solid rgba(151,151,151,.3);*/
}

.schoolfellow-detail .content-wrap .text-wrap a {
    color: #226bc5
}

.schoolfellow-detail .content-wrap .text-wrap p,.schoolfellow-detail .content-wrap .text-wrap li,.schoolfellow-detail .content-wrap .text-wrap span {
    margin: 1.25em 0;
    color: #666;
    font-size: max(.18rem,16px);
    line-height: 1.875
}

.schoolfellow-detail .content-wrap .text-wrap img,.schoolfellow-detail .content-wrap .text-wrap video {
    max-width: 100%
}

.schoolfellow-detail .content-wrap .text-wrap figure {
    max-width: 100%;
    margin: 1.78em 0
}

.schoolfellow-detail .content-wrap .text-wrap h1,.schoolfellow-detail .content-wrap .text-wrap h2,.schoolfellow-detail .content-wrap .text-wrap h3,.schoolfellow-detail .content-wrap .text-wrap h4,.schoolfellow-detail .content-wrap .text-wrap h5,.schoolfellow-detail .content-wrap .text-wrap h6 {
    position: relative;
    padding-left: 13px;
    margin: .8em 0;
    color: #226bc5;
    line-height: 1.4
}

.schoolfellow-detail .content-wrap .text-wrap h1::before,.schoolfellow-detail .content-wrap .text-wrap h2::before,.schoolfellow-detail .content-wrap .text-wrap h3::before,.schoolfellow-detail .content-wrap .text-wrap h4::before,.schoolfellow-detail .content-wrap .text-wrap h5::before,.schoolfellow-detail .content-wrap .text-wrap h6::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 100%;
    background-color: #226bc5;
    transform: translateY(-50%)
}

.schoolfellow-detail .content-wrap .text-wrap h1 {
    font-size: max(.22rem,20px)
}

.schoolfellow-detail .content-wrap .text-wrap h2 {
    font-size: max(.2rem,18px)
}

.schoolfellow-detail .content-wrap .text-wrap h3 {
    font-size: max(.18rem,16px)
}

.schoolfellow-detail .content-wrap .text-wrap h4 {
    font-size: max(.16rem,14px)
}

.schoolfellow-detail .content-wrap .text-wrap h5 {
    font-size: max(.14rem,12px)
}

.schoolfellow-detail .content-wrap .text-wrap h6 {
    font-size: 12px
}

.schoolfellow-detail .content-wrap .text-wrap table {
    width: 100% !important;
    text-align: center;
    border-collapse: collapse;
    color: #454a54;
    font-size: max(.18rem,12px);
    font-weight: 400;
    line-height: 1.5
}

.schoolfellow-detail .content-wrap .text-wrap table * {
    color: #454a54 !important;
    font-size: max(.18rem,12px) !important;
    margin: unset !important
}

.schoolfellow-detail .content-wrap .text-wrap table td,.schoolfellow-detail .content-wrap .text-wrap table th {
    padding: .17rem !important;
    border: 1px solid rgba(0,53,114,.2);
    border-color: rgba(0,53,114,.2) !important;
    background: unset !important
}

.schoolfellow-detail .content-wrap .text-wrap table tbody tr:nth-of-type(even) {
    background: #f6f9fd
}

.schoolfellow-detail .content-wrap .text-wrap table tbody tr:first-child {
    background: #226bc5 !important
}

.schoolfellow-detail .content-wrap .text-wrap table tbody tr:first-child * {
    color: #fff !important;
    font-size: max(.18rem,16px);
    line-height: 1.375
}

.schoolfellow-detail .content-wrap .text-wrap table tbody:has(img) tr:first-child {
    background: unset !important
}

.schoolfellow-detail .content-wrap .text-wrap table tbody:has(img) tr td {
    border: unset
}

.schoolfellow-detail .content-wrap .page-wrap {
    margin-top: 16.5px;
    font-size: max(.18rem,16px);
    font-weight: 400
}

.schoolfellow-detail .content-wrap .page-wrap .prev,.schoolfellow-detail .content-wrap .page-wrap .next {
    font-weight: 700;
    padding-left: unset !important
}

.schoolfellow-detail .content-wrap .page-item {
    display: flex;
    align-items: center;
    gap: 0 7px;
    margin-top: 16.5px;
    color: #505050;
    font-size: max(.18rem,16px);
    font-weight: 400
}

.schoolfellow-detail .content-wrap .page-item span {
    font-weight: 600
}