/*教师内页*/
.teacher_top {background: #EDF0F7;} 
.teacher_topbox{display: flex;flex-direction: row;justify-content: space-between;padding:48px 0;}
.teacher_top_left{display: flex;flex-direction: row;align-items: center;}
.teacher_top__pic{width: 80px;height: 80px;border-radius: 80px;overflow: hidden;border: 4px solid #fff;margin-right: 20px;}
.teacher_top__pic img{display: block;width: 100%;height: 100%;object-fit: cover;}
.teacher_top__info h2{line-height: 31px;font-size: 24px;margin-bottom: 12px;}
.teacher_top__info p{line-height: 21px;font-size: 16px;color: #9DA0A6;}
.teacher_top_btn{min-width: 82px;height: 36px;background: #D9DDE6;border-radius: 18px;display: block;box-sizing: border-box;padding: 0 16px;font-size: 14px;display: flex;flex-direction: row;align-items: center;justify-content: center;}
.teacher_top_btn::before{content: '';display: block;width: 16px;height: 16px;background: url('collect_icon.png') no-repeat center;background-size: 16px 16px;margin-right: 6px;}
.teacher_top_btn.collected{background: #CEE2FF;color: #327DFF;}
.teacher_top_btn.collected::before{background: url('collected_icon.png') no-repeat center;background-size: 16px 16px;}

.teacher_bottom{margin-top: 56px;padding-bottom: 100px;}
.teacher__title{line-height: 37px;font-size: 28px;color: #333333;margin-bottom: 24px;}
.teacher_bottom_left{width: calc(100% - 380px);}

.teacher_bottom_right{width: 360px;margin-left: 20px;}
.teacher_bottom__top{background: linear-gradient(360deg, #FEFEFF 0%, #1C77FF 100%);box-shadow: 0px 2px 8px 1px rgba(174,200,240,0.32);border-radius: 16px;padding: 20px 20px 0;margin-bottom: 20px;}
.teacher_bottom__title{line-height: 24px;font-size: 18px;margin-bottom: 16px;}
.teacher_bottom__top .teacher_bottom__title{color: #FFFFFF;text-align: center;}
.teacher_bottom__box{background: linear-gradient(180deg, #CBE0FF 0%, #F6FAFF 49%, #F9FBFF 100%);border-radius: 12px 12px 0px 0px;border: 1px solid #FFFFFF;padding: 20px 20px 16px;}
.teacher_bottom__box_info{display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-bottom: 21px;}
.info-item{flex: 1;display: flex;flex-direction: column;align-items: center;position: relative;}
.info-item::after{content: '';display: block;width: 1px;height: 24px;background: #B2D1FF;position: absolute;right: 0;top: 50%;margin-top: -12px;}
.info-item:last-child::after{display: none;}
.info-item_val{line-height: 24px;font-size: 18px;font-weight: bold;margin-bottom: 2px;}
.info-item_name{line-height: 16px;font-size: 12px;}
.info-item_star{padding-left: 16px;background: url('tstar.png') no-repeat center left;background-size: 14px 14px;}
.teacher_bottom__box_intro{font-size: 14px;color: #333333;line-height: 22px;}
.teacher_bottom__bottom{background: linear-gradient(0deg, #FCFEFF 0%, #EBF2FC 100%);box-shadow: 0px 2px 8px 1px rgba(174,200,240,0.32);border-radius: 16px;padding: 20px;}
.teacher_bottom__teacher{margin-right: -16px;}
.teacher_bottom__teacher li{margin-right: 16px;float: left;}
.teacher_bottom__teacher li a{display: flex;flex-direction: column;align-items: center;}
.teacher_bottom__teacher .timgbox{width: 64px;height: 64px;border-radius: 64px;overflow: hidden;margin-bottom: 18px;}
.teacher_bottom__teacher .timgbox img{width: 100%;height: 100%;object-fit: cover;}
.teacher_bottom__teacher .tinfo .big{line-height: 19px;font-size: 14px;max-width: 64px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.teacher_bottom__teacher .tinfo .sm{display: none;}

.teacher_bottom__list{margin-right: -20px;}
.teacher_bottom__list li{float: left;width: 260px;margin-right: 20px;margin-bottom: 20px;background: #FFFFFF;box-shadow: 0px 2px 8px 1px rgba(174,200,240,0.32);border-radius: 16px;overflow: hidden;}
.teacher_bottom__list .course-img{height: 146px;overflow: hidden;}
.teacher_bottom__list .course-img a{display: block;width: 100%;height: 100%;}
.teacher_bottom__list .img-responsive{width: 100%;height: 100%;object-fit: cover;}
.teacher_bottom__list .course-info{padding: 8px 12px 16px;position: relative;}
.teacher_bottom__list .title {font-size: 16px;line-height: 23px;height: 46px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;margin-bottom: 12px;}
.teacher_bottom__list .metas,.teacher_bottom__list .info_zh2{display: none;}
.teacher_bottom__list .info_zh1{line-height: 19px;font-size: 14px;color: #9DA0A6;}
.teacher_bottom__list .metasbottom{position: absolute;right: 12px;bottom: 16px;}
.teacher_bottom__list .metasbutton a{width: 88px;display: block;height: 28px;text-align: center;line-height: 28px;border-radius: 28px;background: #127DFD;color: #fff;font-size: 14px;}