/****/
.page-content{
    color: #4d4d4f;
    line-height: 2.2;
    padding-top:20px;
    font-size:16px;}
.page-content h1,.page-content h2,.page-content h3,.page-content h4{
    margin-top: 25px;
    position: relative;
    line-height: 160%;
    color: var(--color-text-primary);
    margin-bottom: 10px;}
.page-content h1{
    font-size: 28px;
    margin-bottom: 30px;}
.page-content h2{
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 30px;
    padding-bottom: 8px;}

.page-content h2:after{
    content: "";
    position: absolute;
    left: 0;
    width: 40px;
    height: 4px;
    background: var(--color-primary);
    bottom: 0px;}
.page-content h3{
    font-size: 20px;}
.page-content h4{
    font-size: 18px;}
.page-content h1+h2,
.page-content h1+h3,
.page-content h1+h4,
.page-content h1+h5,
.page-content h1+h6,
.page-content h2+h3,
.page-content h2+h4,
.page-content h2+h5,
.page-content h2+h6,
.page-content h3+h4,
.page-content h3+h5,
.page-content h3+h6,
.page-content h4+h5,
.page-content h4+h6,
.page-content h5+h6{
    margin-top: 0;}
.page-content>*:nth-child(1):not(.layui-row) {
    margin-top: 0;}

.page-content>p{
    text-indent: 2em;}

.page-content ul li,
.page-content ol li{
    position: relative;
    padding-left: 2em;}

.page-content ul li:before{
    content: "";
    position: absolute;
    left: 15px;
    top: 17px;
    width: 5px;
    height:5px;
    background-color:#1d6bbb;
    border-radius: 5px;
    margin-top: -.2em;}
.page-content a{color:#1d6bbb;}
.page-content ol li{
    counter-increment: section;}
.page-content ol li:before{
    content: counters(section,".") ".";
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    color: inherit;}

.page-content img{
    max-width: 100%;
    height: auto!important;}
.row-flex{
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: stretch;
    align-items: stretch;
    display:flex;}
.layui-col-sm6{width:50%;padding:10px;}
.teacher-list{
    margin-bottom: 20px;}
.teacher-item{
    height: 100%;
    text-align: center;}
.has-padding .teacher-item{
    background-color: #f8f8f8;
    padding: 20px;}
.teacher-item .img-box {
    width: 120px;
    height: 120px;
    margin: 0 auto 10px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    border: 1px dashed #ccc;}
.teacher-item .img-box .img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 8px;
    border-radius: 50%;
    overflow: hidden;}
.teacher-item .img-box img {
    width: 100%!important;
    height: 100%!important;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden;}
.teacher-item .text-box{
    color: var(--color-text-secondary-grey);
    font-size: 14px;}
.teacher-item .text-box .name{
    font-size: 18px;
    margin-bottom: 5px;
    color: #4d4d4f;}
.teacher-item .text-box p{
    margin-bottom: 0;}