.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;font-size: 14px;line-height: 30px;height: 30px;}
.class-txt p:last-child{ margin-top:0;}
.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;}
.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,#classroomviewfacecourse{ 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;}

.classCosTab{ border:1px solid #e5e5e5; float:right; border-radius:3px;}
.classCosTab li{float: left;line-height: 30px;padding: 0 20px;font-size: 14px;color: #666; cursor:pointer;}
.classCosTab li.curr{background: #0288d1;color: #fff;border-radius: 3px;}

.classCosTabCon .classCos li{ width:33.33%; float:left;}