@charset "utf-8";
/* CSS Document */

.tea_list .banner {width: 100%;display: block; margin-bottom: 24px;overflow: hidden;}
.tea_list .sz_lt {background: #ffffff;}
.tea_list .sz_lt dl dd {width: 260px;height: 50px; display: flex;align-items: center; cursor: pointer; padding-left: 60px; border-bottom: 1px solid #f7f7f7}
.tea_list .sz_lt dl dd img { display: block; overflow: hidden;}
.tea_list .sz_lt dl dd .img2 {display: none;}
.tea_list .sz_lt dl dd div:nth-child(1) {width: 20px;}
.tea_list .sz_lt dl dd .km {font-size: 18px;color: #333333; margin-left: 20px;}
.tea_list .sz_lt dl .show { background-color: #ff9d00;}
.tea_list .sz_lt dl .show .img1 { display: none;}
.tea_list .sz_lt dl .show .img2 { display: block;}
.tea_list .sz_lt dl .show .km { color: #ffffff;}
.tea_list .sz_rt { width: 912px;}
.tea_list .sz_rt ul { display: flex;justify-content: space-between; align-items: center; flex-wrap: wrap;}
.tea_list .sz_rt ul li { padding-top: 16px; padding-left: 16px;width: 446px; height: 267px; background-color: #ffffff; margin-bottom: 22px; float: left; width: 425px;}
.tea_list .sz_rt ul li:hover{ box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);}
.tea_list .sz_rt ul li .info_lt { display: flex;align-items: flex-end;width: 185px; height: 236px;overflow: hidden;background-image: linear-gradient(0deg, #f5f6fa 0%, #e8ebf2 100%);}
.tea_list .sz_rt ul li .info_lt img {display: block;width: 100%; margin: 0 auto}
.tea_list .sz_rt ul li .info_rt { position: relative; overflow: hidden; height: 235px}
.tea_list .sz_rt ul li .info_rt .p1 { height: 30px; line-height: 30px}
.tea_list .sz_rt ul li .info_rt .p1 p { width: 88px; height: 20px; line-height: 20px; background-color: #ffaa00; border-radius: 10px 0 0 10px; float: right; text-align: center; font-size: 14px; color: #ffffff;}
.tea_list .sz_rt ul li .info_rt .p2 { text-align: right; font-size: 24px;color: #333333; margin: 10px 30px 5px ;}
.tea_list .sz_rt ul li .info_rt .p3 { text-align: right; margin:15px 30px 10px 25px; font-size: 16px; color: #ff9d00;white-space:nowrap;overflow:hidden;text-overflow: ellipsis}
.tea_list .sz_rt ul li .info_rt .p4 { text-align: left; margin-right: 25px; margin-left: 30px; font-size: 14px; line-height: 24px; color: #999999; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.tea_list .sz_rt ul li .info_rt .hov {position: absolute; bottom: 0; right: 30px;}
.tea_list .sz_rt ul li .info_rt .hov a { display: block;font-size: 12px;color: #999999;}
.tea_list .sz_rt ul li .info_rt .hov a span { display: inline-block; vertical-align: middle;}
.tea_list .sz_rt ul li .info_rt .hov a::after {content: ''; display: inline-block;overflow: hidden; width: 13px; height: 13px; background: url(../images/nochoose.png) no-repeat center; vertical-align: middle; margin-left: 5px;}
.tea_list .sz_rt ul li .info_rt .hov:hover span { color: #ff9d00;}
.tea_list .sz_rt ul li .info_rt .hov:hover a::after {background: url(../images/selchoose.png) no-repeat center;}

/*师资内容页*/
.tea_show .banner { position: relative; height: 260px; background: url(../images/pic.jpg) no-repeat center; background-size: 100%;}
.tea_show .banner .ls {position: absolute; top: 50px; left: 80px;}
.tea_show .banner .teapic { position: absolute; width: 179px; height: 234px; right: 100px; bottom: 0;}
.tea_show .banner .teapic img {margin-left: 30px;}
.tea_show .banner .zy { position: absolute; width: 352px; height: 155px;top: 45px; left: 42%;background-color: #ffffff; border-radius: 10px;padding: 25px 22px 0 30px;}
.tea_show .banner .zy .clear { margin-bottom: 22px;}
.tea_show .banner .zy .name {font-size: 30px; color: #16cec8;font-weight: bold; line-height: 24px;}
.tea_show .banner .zy .btn { width: 113px; height: 35px; line-height: 35px;text-align: center; background-color: #ff9d00; border-radius: 18px; font-size: 18px; margin-top: -6px; color: #ffffff;}
.tea_show .banner .zy ul { margin-bottom: 12px; display: flex;justify-content:flex-start}
.tea_show .banner .zy ul li {font-size: 18px;color: #333333;}
.tea_show .banner .zy ul li:last-child { width: 246px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.tea_show .teacontent{ margin-top:20px;}
.tea_show .teacontent_left { width: 850px;}
.tea_show .teacontent_left .up { background: #ffffff;padding: 30px 58px 30px 30px;}
.tea_show .teacontent_left .up ul {display: flex; margin-bottom: 24px;}
.tea_show .teacontent_left .up ul li { line-height: 26px;}
.tea_show .teacontent_left .up ul li:first-child { font-size: 18px; color: #333333; margin-right: 36px;}
.tea_show .teacontent_left .up ul li:last-child { width: 654px;font-size: 16px;color: #999999;}
.tea_show .teacontent_left .mid,.teacontent_left .down { background: #ffffff; padding: 30px; margin-top: 20px;}
.tea_show .teacontent_left .mid ul,.teacontent_left .down ul { display: flex;}
.tea_show .teacontent_left .mid ul li:first-child,.teacontent_left .down ul li:first-child {font-size: 18px;color: #333333;margin-right: 36px;}
.tea_show .teacontent_left .mid ul li:last-child,.teacontent_left .down ul li:last-child {display: flex;justify-content: space-between; flex-wrap: wrap;width:662px;}
.tea_show .teacontent_left .mid ul .mid_con,.tea_show .teacontent_left .down ul .mid_con { width: 213px; height: 220px; border: 1px solid #eeeeee; margin-bottom: 20px;}
.tea_show .teacontent_left .down ul .mid_con { height: 241px;}
.tea_show .teacontent_left .down ul li div.pic { height: 159px;}
.tea_show .teacontent_left .mid ul li .pic,.tea_show .teacontent_left .down ul li .pic { width: 213px;height: 138px; overflow: hidden;}
.tea_show .teacontent_left .mid ul li .pic img,.tea_show .teacontent_left .down ul li .pic img { display: block;width: 100%;}
.tea_show .teacontent_left .mid ul li .gh,.tea_show .teacontent_left .down ul li .gh { width: 198px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-size: 16px;color: #333333; margin: 15px 12px;}
.tea_show .teacontent_left .mid ul li .time,.teacontent_left .down ul li .time {margin: 0 12px;}
.tea_show .teacontent_left .mid ul li .time .lt,.tea_show .teacontent_left .down ul li .time .lt { font-size: 12px;color: #999999;}
.tea_show .teacontent_left .mid ul li .time .rt,
.tea_show .teacontent_left .down ul li .time .rt {font-size: 12px;color: #ff9d00;}
.tea_show .teacontent_left .down .time a p {font-size: 18px !important;}