@charset "UTF-8";
/*************名师导航 start*********/
#position span, #position a,
.layui-breadcrumb a cite{ color:#fff!important;}
#position a:hover{ color:#eee!important;}
#teacher{
    min-width:1400px;
    padding:0 0 20px;
    background:url(../images/teacher_bg.jpg) no-repeat center;
}
/*名师检索 start*/
.show_select{
    width:100%;
    background:#fff;
    border-radius:5px;
    padding:25px 0 0;
    box-shadow:1px 1px 8px rgba(0,0,0,.05);
}
.sousuo{
    position:relative;
    width:55%;
    background:#fff;
    border-radius:50px;
    box-shadow:1px 1px 8px rgba(0,0,0,.05);
    padding:5px;
    margin:0 auto 20px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.sousuo input{
    width:100%;
    height:40px;
    line-height:40px;
    border-radius:5px 0 0 5px;
    border:0;
    font-size:15px;
    text-indent:15px;
    padding-right:90px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.sousuo a{
    position:absolute;
    right:5px;
    width:80px;
    height:40px;
    line-height:40px;
    background:#fb5323;
    border-radius:40px;
    border:0;
    text-align: center;
}
.sousuo a img{
    display:block;
    width:30px;
    margin:5px auto;
}
/*名师检索 end*/

/*名师列表 start*/
.teacher_list{
    width:100%;
}
.teacher_item{
    width:100%;
    overflow:hidden;
}
.teacher_item li{
    position:relative;
    float:left;
    width:calc(50% - 10px);
    height:200px;
    background:#fb5323;
    box-shadow: 0px 2px 2.97px 0.03px rgba(3, 32, 85, 0.41);
    border-radius:0 15px 15px;
    padding:0 20px 15px 25px;
    margin:40px 20px 20px 0;
    transition:all .5s;
    box-shadow:1px 1px 8px rgba(0,0,0,.05);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.teacher_item li:nth-child(2n){
    margin-right:0;
}
.teacher_item li::before{
    content:'';
    position:absolute;
    top:-30px;
    left:0;
    width:130px;
    height:30px;
    background:#fb5323;
    border-radius:15px 0 0;
}
.teacher_item li::after{
    content:'';
    position:absolute;
    top:-30px;
    left:130px;
    width:0;
    height:0;
    border-left:30px solid #fb5323;
    border-right:30px solid transparent;
    border-top:30px solid transparent;
}
.teacher_item .teacher_pic{
    position:absolute;
    right:20px;
    bottom:20px;
    width:155px;
    border:3px solid #fb5323;
    border-radius:15px;
    transition:all .5s;
    overflow:hidden;
}
.teacher_item .teacher_pic img{
    width:100%;
    transition:all .5s;
}
.teacher_item .teacher_nav{
    position:relative;
    width:100%;
    padding:0 180px 0 0;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.teacher_item .teacher_nav h2{
    display:inline-block;
    font-size:20px;
    font-weight:bold;
    color:#fff;
    overflow:hidden;
    box-sizing: border-box;
}
.teacher_item .teacher_nav p{
    width:100%;
    line-height:25px;
    color:#fff;
    font-size:14px;
    margin-top:12px;
    text-align: justify;
    overflow:hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp:5;
    box-sizing: border-box;
}
/*名师列表 end*/
.page{ margin:0;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
    left:0;
    top:0;
    box-sizing: border-box;
}
/**************名师导航 end**********/