.team{

    width:100%;

    padding:20px 0 0 0;

    margin:0 auto;

    overflow:hidden;

}

.team_p1{

    font-size:18px;

    line-height:26px;

    text-indent:2em;

    margin-bottom:20px;

}

.team_list{

    width:100%;

    margin:30px auto;

    overflow:hidden;

}



#team_tab li{

    float:left;

    width:31%;

    border: solid 1px #fb9f00;

    color: #fb9f00;

    height:46px;

    line-height:46px;

    text-align:center;

    font-size:20px;

    font-weight:bold;

    border-radius:3px;

    cursor:pointer;

    transition:background .5s;

}

#team_tab li.team_cur{

    background-image: -moz-linear-gradient( 0deg, #faaf00 0%, #fa8500 100%);

    background-image: -webkit-linear-gradient( 0deg, #faaf00 0%, #fa8500 100%);

    background-image: -ms-linear-gradient( 0deg, #faaf00 0%, #fa8500 100%);

    color: #fff!important;

    border: none!important;



}

#team_tab li:not(:nth-child(3)){

    margin-right:3.5%;

}

#team_tab li:nth-child(1),

#team_tab li:nth-child(2),

#team_tab li:nth-child(3){

    margin-bottom:3%;

}



.team_con{

    width:100%;

    overflow:hidden;

    margin:auto;

}

.team_item{

    display:none;

}

.team_item li{

    padding:20px 0;

    border-bottom:solid 1px #dcdcdc;

    overflow:hidden;

    cursor:pointer;

}

.team_item li:first-child{

    padding-top:0;

}





.team_item .team_left ,

.xq_left{

    float:left;

    overflow:hidden;

}



.team_item .team_right ,

.xq_right{

    padding:1.5% 0 1.5% 4%;

    width:64%;

    float:right;

}



.team_right h1 ,

.xq_right h1{

    font-size:24px;

    height:40px;

    line-height:40px;

    margin-bottom:4%;

    color:#333;

    border-bottom:solid .5px #ededed;

}

.team_right h1>span ,

.xq_right h1>span{

    display:block;

    float:right;

    line-height:50px;

    font-size:16px;

    font-weight:normal;

    color:#666;

    text-transform: uppercase;

}

.team_right p ,

.xq_right p{

    font-size:20px;

    color:#666;

    margin-bottom:4%;

}

.team_right p.last_p,

.xq_right p.last_p{

    margin-bottom:0;

}

.team_right p>span{

    font-size:18px;

    margin-right:2%;

    background-image: -moz-linear-gradient( 0deg, #008bab 0%, #0099bb 100%);

    background-image: -webkit-linear-gradient( 0deg, #008bab 0%,  #0099bb 100%);

    background-image: -ms-linear-gradient( 0deg, #008bab 0%,  #0099bb 100%);

    color:#fff;

    display:inline-block;

    line-height:25px;

    padding:0 2%;

    margin-bottom:1%;

}

.team_right p a ,

.xq_right p a{

    display:inline-block;

    width:36%;

    height:40px;

    line-height:40px;

    text-align:center;

    color:#fff;

    border-radius:5px;

    margin-right:3%;

    background-image: -moz-linear-gradient( 0deg, #faaf00 0%, #fa8500 100%);

    background-image: -webkit-linear-gradient( 0deg, #faaf00 0%, #fa8500 100%);

    background-image: -ms-linear-gradient( 0deg, #faaf00 0%, #fa8500 100%);

}



.team_right p a:first-child ,

.xq_right p a:first-child{

    background-image: -moz-linear-gradient( 0deg, #008bab 0%, #0099bb 100%);

    background-image: -webkit-linear-gradient( 0deg, #008bab 0%,  #0099bb 100%);

    background-image: -ms-linear-gradient( 0deg, #008bab 0%,  #0099bb 100%);

}



/*翻页*/

.page{

    margin:4% auto 0;

    overflow:hidden;

    width:41%;

}

.page a ,

.page span{

    display:block;

    float:left;

    margin-right:3%;

    width:30px;

    height:30px;

    text-align:center;

    line-height:30px;

    border:solid 1px #ccc;

    font-size:16px;

}

.reverse{

    width:60px!important;

}

.frist_page{

    width:40px!important;

}

.page a.page_cur{

    background:#008bab;

    color:#fff;

    border:none;

}







/*老师详情页样式*/

.team_xq{

    width:100%;

    margin:10px auto 0;

    overflow:hidden;

}

.team_head{

    margin:0 auto;

    overflow:hidden;

}

.xq_h1{

    color:#008bab!important;

}

.xq_p1 span{

    border:none!important;

    padding:0!important;

    margin-right:0!important;

}

.xq_right p{

    overflow:hidden;



}

.xq_right p span{

    display:block;

    float: left;

    border: solid 1px #008bab;

    color: #008bab;

    line-height: 26px;

    padding: 0 5px;

    margin-right:2%;

}

.xq_right p.last_p a{

    border-radius:0;

}



.xq_text{

    background:#f2f5f6;

    padding:20px;

    margin-top:20px;

}

.xq_text p{

    font-size:18px;

    line-height:26px;

}

.xq_text p.xq_mid_p{

    margin:15px 0;

}



.xq_text p span{

    display: block;

    float: left;

    background: #008bab;

    color: #fff;

    font-size:16px;

    line-height: 24px;

    padding: 0 5px;

    margin-right:2%;

}



@media screen and (max-width:414px){

    .team_list{

        margin:20px auto;

    }



    .team_p1{

        font-size:14px;

        line-height:22px;

    }

    #team_tab li{

        line-height:36px;

        height:36px;

        font-size:14px;

        border-radius:2px;

    }

    .team_item li{

        padding:15px 0;

    }

    .team_left,

    .xq_left{

        width:34%;

    }

    .team_item .team_right,

    .xq_right{

        padding:1% 0 1% 2%;

    }

    .team_right h1,

    .xq_right h1{

        font-size:18px;

        height:25px;

        line-height:23px;

        margin-bottom:2.5%;

    }



    .team_right h1>span,

    .xq_right h1>span{

        font-size:12px;

        line-height:30px;

    }

    .team_right p,

    .xq_right p{

        font-size:14px;

        margin-bottom:2.5%;

    }

    .team_right p>span,

    .xq_right p >span{

        font-size:14px;

        line-height:19px;

    }

    .team_right p a,

    .xq_right p a{

        height:27px;

        line-height:27px;

        border-radius:2px;

    }

    .page{

        width:55%;

    }

    .page a, .page span{

        font-size:14px;

        width:25px;

        height:25px;

        line-height:25px;

    }

    .reverse{

        width:50px!important;

    }

    .frist_page{

        width:40px!important;

    }

    .team_cishu{

        width:28%!important;

    }

    .xq_text{

        padding:15px;

        margin-top:15px;

    }

    .xq_text p{

        font-size:14px;

        line-height:24px;

    }

    .xq_text p span{

        font-size:12px;

        line-height:20px;

        transform:translateY(1px)

    }

}

@media screen and ( max-width:375px ){

    #team_tab li{

        width:32%;

    }

    #team_tab li:not(:nth-child(3)){

        margin-right:2%;

    }

    .team_item .team_right,

    .xq_right{

        padding:0 0 0 2%;

    }

/*     .team_right p{

        line-height:18px;

    } */

    .team_right p>span{

        font-size:12px;

        line-height:16px;

        transform:translateY(-1px);

    }

    .team_right p a,

    .xq_right p a{

        height:22px;

        line-height:22px;

    }

    .team_right p{

        margin-bottom:2%;

    }

    .team_cishu{

        width:30%!important;

    }

    .page{

        width:61%;

    }

    .page a, .page span{

        height:22px;

        line-height:22px;

        width:22px;

    }

    .xq_text{

        margin-top:10px;

        padding:10px;

    }

    .xq_text p {

        line-height:22px;

    }

    

}

@media screen and ( max-width:360px){

    .team_right p{

        line-height:18px;

        margin-bottom:1.5%;

    }

    .xq_right{

        padding:0 0 0 2%;

    }

    .team_cishu{

        width:31%!important;

    }

    .xq_right p{

        margin-bottom:2%;

    }

    .xq_right p a{

        line-height:24px;

    }

}

