@charset "utf-8";

/* 项目专用css */

/* techer-list */
.list-condition { margin-bottom: 30px; background-color: #fff; }
.lc-top { background-color: #EAE9E6; padding-left: 25px; line-height: 34px; height: 34px; }
.lc-top-tab { float: right; margin-right: 5px; }
.lc-top-tab>li { float: left; margin-right: 5px; position: relative; }
.lc-top-tab>li>a { display: block; color: #333; min-width: 70px; padding: 0 16px; text-align: center; }
.lc-top-tab>li>a:hover, .lc-top-tab>li:hover { background-color: #F4F4F4; }
.lc-top-tab>li.active>a { background-color: #fff; border-top: 2px solid #F98612; line-height: 32px; }
.lc-slide>a { }
.lc-slide>a:after { content: ""; border: 7px solid transparent; border-top-color: #666; border-bottom-width: 0; border-left-width: 5px; border-right-width: 5px; display: inline-block; height: 0; width: 0; margin: -3px 0 0 5px; vertical-align: middle; }
.lc-tab-more { background-color: #fff; border: 1px solid #ddd; border-top: none; border-radius: 0 0 4px 4px; box-shadow: 1px 1px 4px #ccc; position: absolute; width: 100%; display: none; }
.lc-slide:hover>.lc-tab-more { display: block; }
.lc-tab-more>li { }
.lc-tab-more>li>a { display: block; padding: 0 6px 0 16px; color: #333; line-height: 30px; }
.lc-tab-more>li>a:hover { background-color: #F4F4F4; }
.lc-tab-more>li.active>a { border-left: 4px solid #F98612; padding-left: 12px; background-color: #FCF8E3; }
.lc-choose { overflow: hidden; padding: 5px 10px 0 20px;width: 100% }
.lc-choose li { border-top: 1px solid #EAE9E6; line-height: 28px; padding: 8px 0 8px 5px; }
.lc-choose li:first-child { border-top: none; }
.lc-choose li .lc-tit { display: inline-block; min-width: 70px; }
.lc-choose li a { display: inline-block; color: #666; padding: 0 10px; }
.lc-choose li a:hover { background-color: #F4F4F4; }
.lc-choose li a.active { background-color: #F98612; color: #fff; }
.pub-btn.list-btn { height: 28px; padding: 3px 16px; font-size: 14px; border-radius: 0; }
.list-body { }
.list-body>li { background-color: #fff; padding: 15px 10px 15px 25px; overflow: hidden; color: #666; margin-bottom: 20px; }
.lb-pic { width: 155px; height: 155px; line-height: 155px; float: left; display: block; margin-right: 30px; }
.lb-pic img { }
.lb-info { float: left; width: 587px; }
.lb-info .ui-row { margin: 10px 0 20px 0; }
.lb-tag { display: inline-block; color: #F98612; margin-left: 10px; }
.lb-tag:first-child { margin-left: 0; }
.lb-intro>.col-1 { width: 10%; }
.lb-intro>.col-11 { width: 90%; }
.lb-side { float: right; width: 290px; }
.teach-auth { font-size: 12px; overflow: hidden; margin-right:29px}
.teach-auth li { float: right; width: 24%; text-align: center; padding: 10px 0 5px; }
.teach-auth li img { height: 26px; max-width: 90%; }
.teach-auth li span { display: block; }

/* techer-info */
.user-info { padding: 0 50px 50px 50px; }
.user-top { height: 125px; display: block; margin: 0 -50px 40px -50px; background: #333 url('../images/bg/user-bg.jpg') no-repeat center top; position: relative; }
.user-top-pic { position: absolute; bottom: -40px; left: 50%; margin-left: -65px; display: block; width: 130px; height: 130px; line-height: 120px; border-radius: 70px; border: 8px solid #f5f5f5; overflow: hidden; text-align: center; box-shadow: 1px 1px 8px #999; }
.user-top-pic img { max-width: 130px; max-height: 130px; }
.user-des { line-height: 2.6; margin-top: 80px}
.user-des h1 { font-size: 26px;padding-bottom: 10px;font-weight: 700;}
.user-tit { text-align: center; margin: 40px auto 20px; position: relative; overflow: hidden; }
.user-tit:before, .user-tit:after { content: ""; border-top: 1px solid #eee; display: block; width: 38%; position: absolute; top: 48%; }
.user-tit:after { right: 0; }
.user-tit span { display: inline-block; background-color: #eee; font-size: 18px; height: 32px; line-height: 32px; padding: 0 20px; border-radius: 20px; }
.user-pa { text-indent: 2em; }
.user-empty { width: 100%; border-collapse: collapse; table-layout: fixed; }
.user-empty td, .user-empty th { background-color: #fff; text-align: center; border: 1px solid #eee; padding: 10px 8px; }
.user-time-tag { display: inline-block; color: #5CB85C; position: relative; }
.user-time-tag:before { content: ""; width: 10px; height: 10px; display: block; background-color: #5CB85C; border-radius: 8px; position: absolute; left: -15px; top: 7px; }
.user-side { width: 415px; float: right; }
.side-fixed { position: fixed; left: 50%; top: 0; margin-left: 185px; background-color: #fff; border-radius: 4px 4px 0 0; }
.side-abs { position: absolute; right: 0; bottom: 0; }
.user-side .teach-auth { font-size: 14px; background-color: #F8F8F7; border-radius: 4px; border: 1px solid #ddd; color: #666; }
.user-side .teach-auth li img { height: 35px; }
.user-nav { margin: 20px 0; font-size: 16px;/* box-shadow: 0 2px 5px 1px #ccc;  */}
.user-nav li { height: 60px; line-height: 60px; cursor: pointer; border-left: 2px solid transparent; }
.user-nav li>a { color: #333; display: block; }
.user-nav li:hover { background-color: #F8F8F7; border-left-color: #F8F8F7; }
.user-nav li .iconfont { font-size: 30px; vertical-align: -3px; display: inline-block; margin: 0 20px; }
.user-nav li.active { border-left-color: #F98612; color: #F98612; }
.user-nav li.active>a { color: #F98612; }
.user-side .user-yue { display: block; width: 100%; height: 68px; font-size: 24px; border-radius: 0; line-height: 30px; letter-spacing: 4px; padding: 14px 20px; }
.user-yue>i.iconfont { font-size: 34px; position: relative; left: -10px; top: 4px; }