.empty,.norecord { text-align: center; font-size: 14px; color: #bbb; padding: 140px 16px 30px 0px; line-height: 24px;background: url(empty.png) no-repeat 50% 30px; } 
/*.header { width:100% } 
.header-nav { width:1180px; margin:0 auto; height:97px; line-height:97px } 
.header-nav>.f-l>ul>li { text-align:center; height:20px; line-height:20px; display:inline-block; color:#333; font-size:16px; margin-left:30px } 
.header-nav>.f-l>ul>li:first-child { width:144px; height:45px; line-height:45px; display:inline-block; font-size:32px; margin-left:0 } 
.header-nav>.f-l>ul>li:first-child>a { display:block } */
.news { position:relative; width:25px; padding-top:30px; font-size:14px; color:#666 } 
.news>i { position:absolute; width:18px; height:18px; font-size:16px; color:#0081dc; top:-30px; left:0; margin-left:6px } 
i { font-style: normal; } 
.notice { position:relative } 
.mt25 { margin-top:25px } 
.mt15 { margin-top:15px } 
.mt10 { margin-top:10px } 
.mb25 { margin-bottom:25px } 
.pl15 { padding-left:15px } 
.black { color:#000 } 
.f-78 { color:#da0808 } 
.c-bf { color:#bfbfbf } 
.c-f90 { color:#ff90bb } 
.notice-scorll { height:38px; line-height:38px; background:url(../common/rgba0-30.png); } 
.notice-scorll>span { color:#fff; font-size:14px; display:block; width:60%; margin:0 auto } 
.w60 { width:60%; margin:0 auto } 
.mt30 { margin-top:30px } 
.notice { background:#f5f5f5; padding: 40px 0 20px; } 
.notice-l h2 { font-size:28px; color:#333; margin-bottom:15px; font-weight:400; line-height:38px; } 
.notice-l .price { color:#888; font-size: 14px; color:#888; margin-bottom:15px } 
.notice-l .classTeacher { line-height: 31px; color: #999; margin-right: 20px; } 
.notice-l p i { font-size:18px; margin-right:5px; } 

.notice-l .classTeacher i { display: inline-block; color: #fff; font-size: 12px; background:#0288d1; width: 22px; height: 22px; line-height: 22px; text-align: center; border-radius: 3px 0 0 3px; margin-right:0; vertical-align:middle; } 
.notice-l .classTeacher span { border: 1px solid #ddd; height: 20px; line-height: 20px; padding: 0 8px 0 5px; font-size: 12px; color: #999; display: inline-block; border-radius: 0 3px 3px 0; border-left: 0; vertical-align: middle; } 

.buttonbox { display:inline-block; padding:10px 12px; margin-bottom:0; font-size:16px; font-weight:400; line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-image:none; border:1px solid transparent; border-radius:4px; background:#ff9f37; color:#fff; transition: .3s; } 
.buttonbox:hover { background:#ff9f37; } 
.btn-check { background-color:#ff6029; color:#fff; border-color:#ff6029 } 
.btn-default { background-color:#ffede3; color:#ff6029; border-color:#ffede3 } 
.btn-win { min-width:150px } 
.mr40 { margin-right:40px } 
.container { margin-top:60px } 

.container-l { padding:20px; width:75%; border: 1px solid #eee; background: #fff; float: left; border-radius: 5px; box-sizing: border-box; } 
.container-nav { position: relative; border-bottom: 1px solid #f5f5f5; margin-bottom: 20px; } 
.container-nav li { float:left; } 
.container-nav li { height:36px; width: 16.66%; line-height:36px; padding-bottom:10px; text-align:center; font-size:16px; color:#5b5b5b; cursor: pointer; } 
.container-nav .on { color:#0288d1; /*border-bottom: 2px solid #0288d1; */ } 

.iframe-InfoL { margin-right:-20px; } 

.w45 { width:1180px; margin:0 auto; box-sizing:border-box } 
.iframe-box>ul>li { width:33.3333%; float:left } 
.iframe-box>ul>li>.title-top { margin-right:20px; padding:10px 0; color:#888; text-align:center; } 
.work-bg { /*background-color:#35a0da; */ background:#f5f5f5; } 
.answer-bg { /*background-color:#35a0da; */ background:#f5f5f5; } 
.news-bg { /*background-color:#35a0da; */ background:#f5f5f5; } 
.title-top>label { display:inline-block; font-size:15px; text-align:left; } 
.title-top>i { display:inline-block; vertical-align:top; font-size:40px } 
.second-ul { margin-right: 20px; padding: 10px 15px; border: 1px solid #eee; border-top: 0; min-height: 60px; } 
.second-ul>li { height:30px; line-height:30px; font-size:12px; } 
.second-ul>li a { color:#666; } 
.second-ul>li i { color:#888; } 

.class-title { height:46px; line-height:46px; border-bottom: 1px solid #eee; } 
.class-title>ul { min-height:300px } 
.class-title>h2 { color:#343433; font-size:16px; font-weight:400; border-bottom: 2px solid #ff9f37; letter-spacing: 1px; } 
.class-title>a { position:relative; padding-right:30px } 
.class-title>a:after { content:''; position:absolute; height:10px; width:16px; background:url(../images/more-icon.png) no-repeat; display:block; top:17px; right:10px } 
.class-p>ul>li { width:33.3333%; float:left } 
.class-box { margin-right:30px; position:relative } 
.class-box img { width:100%; display:block; height:160px; } 
.class-txt>p>label { font-size: 14px; line-height: 30px; height: 30px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
.class-txt p { margin-top:10px; line-height: 26px; } 
.btn-fix { float:right; text-align:center; padding:2px 10px; font-size:12px; line-height:20px; white-space:nowrap; cursor:pointer; min-width:60px; background-image:none; border:1px solid transparent; border-radius:3px; } 
.btn-color { background-color:#fff; border-color:#35a0da; color:#35a0da; display: none; } 
.group-p>ul { margin-top:20px } 
.group-p>ul>li { width:50%; float:left; } 
.group-p>ul>li:nth-of-type(odd)>a { margin-right:20px } 
.group-p>ul>li>a { position:relative; padding:15px; padding-left:105px; display:block; } 
.group-img { position:absolute; width:73px; height:73px; left:15px; border-radius: 5px; } 
.group-txt1 { font-size:16px; color:#686868; margin-bottom: 10px; } 
.group-txt2 { font-size: 12px; color: #999; margin-bottom: 10px; } 
.group-txt3 { font-size: 12px; color: #888; height: 50px; line-height: 25px; overflow: hidden; } 

.famous-p li { width:25%; float:left } 
.famous-p>ul>li a { background:#f7f7f7; text-align:center; display: block; padding:20px 0 0; height:170px; overflow:hidden } 
.famous-p>ul>li a img { vertical-align:middle; width:100px; height:100px; border-radius:50%; } 
.famous-txt p { line-height:24px; font-size:14px; margin-top:5px; } 
.famous-txt p:last-child { font-size:12px; color:#999; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.famous-box2 { padding:10px 15px; font-size:12px; color:#888; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; height:20px; line-height:20px; text-overflow: ellipsis; white-space: nowrap; } 
.famous-box3 { margin:10px; border:1px solid #ededed; border-radius:5px; overflow: hidden; } 

.newsstudent-p li { width:16.66%; float:left } 
.newsstudent-p .newsstudent-box img { width:70px; height:70px; border-radius:50%; overflow:hidden } 
.newsstudent-p .newsstudent-box a { display:inline-block; padding-top:20px; text-align:center; margin-left:20px; width:140px; } 
#classcommittee .newsstudent-box img { display: block; width: 40px; height: 40px; object-fit: cover; border-radius: 40px; float: left; margin-right: 15px; } 
#classcommittee .famous-txt { width: calc(100% - 55px); float: right; } 
.newsstudent-txt { text-align:left; padding:0 10px; color: #888; display: none; } 
.notice-l { position:relative; background: #fff; border-radius:5px; border:1px solid #eee; } 
.classImg { width: 50%; height:350px; overflow:hidden; } 
.classImg img { width:100%; display:block; min-height:100%; } 
.classInfo { width:50%; } 
.classData { padding: 11px 0; margin-bottom: 0; background-color: #fafafa; } 
.classData li { float:left; width:33.33%; text-align:center; margin: 10px 0; color: #919191; line-height: 30px; border-left: 1px solid #f0f0f0; box-sizing:border-box; } 
.classInfoTop,.classBottom { margin-left:40px; margin-top: 30px; } 
.dataNum i { font-size:20px; color:#999; } 
.dataText { font-size:14px; } 
.classData li:first-child { border-left:0; } 
.classData li:nth-child(2) .dataNum i { font-size:22px; } 


.notice-l .price strong { font-size:24px; font-weight: normal; color: #da0808; } 
.notice-l .price em { text-decoration: line-through; margin-left: 20px; color:#999; } 

#cover { position:fixed; z-index:9999; top:0; left:0; display:none; width:100%; height:100%; opacity:.5; background:#000 none repeat scroll 0 0 } 
.notice-bg { background:url(../images/notice-bg722.png) no-repeat; background-size:100% 100%; display:none; width:50%; position:absolute; left:50%; margin-left:-25%; z-index:10000; top:25%; min-height:300px } 
.notice-bg>p { position:absolute; width:60%; top:80px; line-height:32px; left:80px; font-size:16px; color:#fff } 
/*.common-title { height:20px; line-height:20px; text-indent:20px } 
.common-title>h4 { font-size:20px; color:#3ab57f; position:relative; font-weight:400 } 
.common-title>h4:before { content:''; width:2px; background-color:#3ab57f; display:block; position:absolute; height:20px } */
.brief>p { font-size:14px; text-indent:20px; margin-top:35px; line-height:32px; color:#5b5b5b } 
.tabs>ul { border-bottom:1px solid #ccc } 
.tabs>ul>li { width:84px; text-align:center; height:32px; line-height:32px; float:left } 
.tabs>ul>.active { background-color:#74cd55 } 
.tabs>ul>.active>a { color:#fff } 
.tabs>ul>li>a { display:block; font-size:16px } 
.tab-content>.tab-item>ul>li { height:36px; line-height:36px; font-size:14px; padding:5px 10px; border-bottom: 1px solid #eee; } 
.tab-content>.tab-item>ul>li>a { display:block; } 
.tab-content>.tab-item>ul>li>a:hover { color:#0288d1 } 
.mb15 { margin-bottom:15px } 
.tab-item .icon { font-size:24px!important; color:#949494; padding-right:10px } 
.tab-item span { color:#9a9a9a; font-size:14px; padding-left:15px } 
.iframe-box .class-box,.iframe-box .famous-box3 { margin-bottom:15px; margin-top:10px; } 
.iframe-box .newsstudent-p .newsstudent-box a { margin-bottom:30px } 
.iframe-box { min-height:450px } 
#classroomview,#courselist { margin-right:-30px; } 
.ask_lis li { position:relative } 
.ask_listb .ask_lis li .lct { top:0!important } 
.aui_title div { text-align:center!important } 
.aui_title { border-bottom:1px solid #eee } 

.pj_box { margin-top:20px; } 
.content_box1 .content_1 .tab_course .commentList .load_more { text-align:center; font-size:14px } 
.content_box1 .content_1 .tab_course .commentList .load_more a { color:#777 } 
.pj_box_textarea { padding-left:10px; line-height:28px; border:1px solid #eee; outline:0; border-radius:3px; font-size:14px; resize:none; height:80px; width:250px; margin:10px 0 } 

.comment-con { float:left } 
.user-txt { line-height:35px; font-size:12px } 
.comment-txt { line-height:22px; font-size:12px } 
.second-ul .empty { display:none } 
/*班级内容页*/
.ask_lis .askcontbox .asklist { margin-top:15px; } 
.ask_lis li { padding:15px 0px; min-height:50px; position:relative; } 
.ask_lis li:after { content:"."; display:block; height:0; clear:both; visibility:hidden } 
.ask_lis li .lct { width:45px; position:absolute; left:0; top:15px; } 
.ask_lis li .lct img { width:45px; height:45px; border-radius:50% } 
.ask_lis li .rct { padding-left:60px; } 
.ask_lis li .rct .rname { font-size:12px; color:#808080 } 
.ask_lis li .rct .rname span { padding-left:15px; font-size:12px; color:#c1c1c1; } 
.ask_lis li .rct .rinfo { margin-top:10px; font-size:14px; line-height:26px; color:#444; *overflow:hidden; } 
.ask_lis li .rct .rinfo img { max-width:100%; } 
.ask_lis li .rct .rbtn { width:55px; height:27px; line-height:26px; color:#808080; text-align:center; margin-top:10px; background:url(hfbtn.png) no-repeat; float:right; cursor:pointer; } 
.ask_lis li .rct .replylist { margin-top: 10px; background: #fffcf0; border: 1px solid #eee5c2; } 
.ask_lis li .rct .replylist.reply0 { display:none; } 
.ask_lis li .rct .replylist .replybox { padding: 15px 10px 15px 0px; border-top: 1px solid #eee5c2; position: relative; margin: -1px 0px 0px 15px; } 
.ask_lis .replylist .empty { display:none } 
.ask_lis .rtalklist { background: url(bg03.png) no-repeat 100% 0; padding: 21px 0px 12px 0px; overflow: hidden; height: 120px; margin-top: 9px; position: relative; -moz-animation: mybyjc 3s; -webkit-animation: mybyjc 3s; -o-animation: mybyjc 3s; } 
.ask_lis li .rct .rname span { padding-left: 15px; font-size: 12px; color: #c1c1c1; } 
.ask_lis .replylist .replybox { padding: 15px 10px 15px 0px; border-top: 1px solid #eee; position: relative; margin: -1px 0px 0px 15px; } 
.ask_lis .replylist .replybox span { display: block; color: #c1c1c1; } 
.ask_lis .replylist .replybox .talkinfo { line-height: 26px; padding-right: 10px; font-size: 14px; margin-top: 6px; color: #444; } 
.ask_lis .replylist .replybox span font { float: right; } 
.ask_lis .replylist .replybox span em { color: #c1c1c1; font-size: 12px; padding-left: 15px; display: none; } 
.ask_lis .rtalklist .textareabox { padding-right: 22px; } 
.ask_lis .rtalklist .textareabox textarea { width: 100%; height: 60px; padding: 10px; line-height: 20px; font-size: 14px; border: 1px solid #e3e3e3; font-family: "\5FAE\8F6F\96C5\9ED1"; color: #808080; outline: none; display: block; overflow: hidden; margin-bottom: 0; border-radius: 0; resize:none; } 
.ask_lis .rtalklist .hfbox { background: #f5f5f5; height: 35px; padding-left: 10px; border: 1px solid #e3e3e3; border-top: 0px; line-height: 35px; } 
.ask_lis .rtalklist .hfbox .hfbtn { width: 90px; height: 35px; line-height: 100%; background: #60a3e1; cursor: pointer; font-size: 14px; float: right; font-family: "\5FAE\8F6F\96C5\9ED1"; color: #fff; border: 1px solid #5598d5; outline:none; } 
.ask_lis .rtalklist .hfbox span { font-size: 12px; float: left; color: #808080; line-height: 35px; } 
.ask_lis .rtalklist .hfbox span font { font-size: 12px; color: #d00; } 
.askbtn { width:80px; height:25px; vertical-align:middle; background:#188EEE; border:0; color:#fff; cursor:pointer; -webkit-transition:.3s; transition:.3s; outline:0 } 
.newsstudent-txt p { text-align:center; line-height:20px; heigh:20px } 
.ask_box { margin:10px 0; } 
.ask_btnbox { margin-top:15px } 
#classroomhomework i { font-size:14px; padding-right:10px; } 
#classroomhomework .buttonbox { padding:2px 10px } 
.mt10 { margin-top; 10px } 


.comment-course-info { position:absolute; right:20px; top:40px } 
.tab-item { marhin-top:10px } 

.containerBottom { margin-bottom:20px; } 

.container-r { width:25%; float: right; box-sizing: border-box; padding-left: 20px; } 
.coniframe-box { background: #fff; padding: 15px; border: 1px solid #eee; margin-bottom: 20px; border-radius: 5px; } 
.coniframe-box .coniframe-title { font-size: 16px; padding: 0px 0 10px; line-height: 30px; background: #fff; border-bottom: 1px solid #f5f5f5; } 
.coniframe-title h4 { font-weight: normal; } 

#classroomstudent li { width:20%; float:left; } 
#classroomstudent li img { width:30px; height:30px; border-radius:30px; display: block; margin:auto; } 
#classroomstudent li .famous-txt { text-align:center; margin:0 5px; } 

#classroomteacher li { width:33.33%; float:left; } 
#classroomteacher .famous-box3 { border:0; border-radius:0; } 
 {
 } 
#classroomteacher .famous-box3 img { width:100%; display: block; height: 60px; border-radius: 5px; } 
#classroomteacher .famous-txt p { display:none; } 
#classroomteacher .famous-txt p:first-child { display:block; text-align:center; font-size:12px; color: #999; } 
#classroomteacher .famous-box2 { display:none; } 

#classroomgroup li { width:33.33%; float:left; margin-top:10px; } 
#classroomgroup li a { position: relative; margin: 10px; display: block; } 
#classroomgroup li .group-txt p { display:none; } 
#classroomgroup li .group-img,#classroomgroup li .btn-fix { position:static; } 
#classroomgroup li .group-img { width:100%; height:60px; border-radius:60px; } 
#classroomgroup li .btn-fix { min-width:100%; padding:2px 0; text-align:center; margin-top: 5px; } 
#classroomgroup li .btn-color { border-color: #dedede; color: #999; }