i { font-style: normal; } 
.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:#ff7844 } 
.c-bf { color:#bfbfbf } 
.c-f90 { color:#ff90bb } 

.w60 { width:60%; margin:0 auto } 
.mt30 { margin-top:30px } 
.notice { position:relative; padding-bottom: 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:#2E65EF; 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:#2E65EF; color:#fff; transition: .3s; } 
.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; height:36px; width: 16.66%; line-height:36px; padding-bottom:10px; text-align:center; font-size:16px; color:#999; cursor: pointer; position: relative; } 
.container-nav .on { color:#333; } 
.container-nav .on::after { content: ''; position: absolute; width: 40%; height:2px; background: #2E65EF; border-radius: 4px; left: 50%; bottom: -2px; margin-left: -20%; } 


.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,
.answer-bg,
.news-bg { 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; } 
.second-ul .norecord{display: none;}


.class-title { height:46px; line-height:45px; 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 #2E65EF; 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-box { margin-right:30px; position:relative } 
.class-box img { width:100%; display:block; height:160px; } 
.class-txt>p>label { font-size:16px } 
.class-p>ul>li { width:33.3333%; float:left } 


.btn-fix { display:inline-block; text-align:center; padding:2px 10px; font-size:13px; line-height:24px; white-space:nowrap; cursor:pointer; min-width:60px; background-image:none; border:1px solid transparent; border-radius:5px } 
.btn-color { background-color:#fff; border-color:#2E65EF; color:#2E65EF; } 
.group-p>ul { margin-left:-20px;} 
.group-p .norecord{
    margin-left: 20px;
}
.group-p>ul>li { width:50%; float:left;box-sizing: border-box; padding: 20px 0 0 20px;} 
.group-p>ul>li>a { position:relative; padding:10px; padding-left:125px; display:block; border:1px solid #efefef; height: 56px; } 
.group-img { position:absolute; width:100px; height:auto; left:10px; height: 56px; object-fit: cover;} 
.group-txt1 { font-size:16px; color:#686868; height: 24px; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} 
.group-txt2 { font-size:14px; color:#686868; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} 
.group-txt3 { font-size:14px; color:#d1d1d1; margin-top: 5px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
.group-txt button{display: none;}
.famous-p li { width:33.3333%; float:left } 
.famous-p>ul>li a { background:#f7f7f7; text-align:center; display: block; padding:30px 0; height:178px; overflow:hidden } 
.famous-p>ul>li a img { vertical-align:middle; width:120px; height:120px; border-radius:50%; object-fit: cover; } 
.famous-txt p { line-height:24px; font-size:14px; margin-top:5px; } 

.famous-box2 { padding:20px; font-size:14px; color:#9b9b9b; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; } 
.famous-box3 { margin-right:20px; border:1px solid #ededed; border-radius:5px; overflow: hidden; } 

.notice-l { position:relative; background: #fff; border-radius:5px; border:1px solid #eee; } 
.classImg { width: 50%; height:350px; overflow:hidden;  box-sizing: border-box;} 
.classImg img { width:100%; display:block;height:100%; object-fit: cover; } 
.classInfo { width:50%; } 
.classData { padding: 11px 0; margin-bottom: 0; background-color: #fafafa; } 
.classData li { float:left; width:25%; text-align:center; margin: 10px 0; color: #919191; line-height: 30px; border-left: 1px solid #f0f0f0; box-sizing:border-box; } 
.classInfoTop,.classBottom { margin-left:30px; margin-top: 20px; } 
.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; vertical-align: middle; } 
.notice-l .price em { text-decoration: line-through; margin:0 10px; color:#999; vertical-align: middle; } 
.notice-l .vip font{
    color:#e02b2b;
}
.notice-l .vip{
    background-image: linear-gradient(to right,#ffefd8,#fdd7b4);
    border-radius: 20px;
    height: 32px;
    line-height: 32px;
    padding: 0 13px;
    display: inline-block;
}
.notice-l .vip a{
    margin-left: 20px;
    color:rgba(0,0,0,0.6);
}

.notice-l .vip a img{
    height: 16px;
    display: inline-block;
    position: relative;
    top:3px;
}
#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 } 
.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:16px; padding:10px 0 } 
.tab-content>.tab-item>ul>li>a { display:block; } 
.tab-content>.tab-item>ul>li>a:hover { color:#74cd55 } 
.mb15 { margin-bottom:15px } 
.tab-item .icon { font-size:24px!important; color:#949494; padding-right:10px } 
.tab-item span { color:#9a9a9a; font-size:12px; padding-left:15px } 
.iframe-box .class-box,.iframe-box .famous-box3 { margin-bottom:15px } 
.iframe-box { min-height:450px } 


.aui_title div { text-align:center!important } 
.aui_title { border-bottom:1px solid #eee } 


.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 } 

.second-ul .empty { display:none } 
/*�㊦婚��絎拷ゝ*/

#classroomhomework i { font-size:14px; padding-right:10px; } 
#classroomhomework .buttonbox { padding:2px 10px } 



.tab-item { margin-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; } 
.newsstudent-box ul{
    padding: 10px 0;
}
.newsstudent-box li{
    width: 33.3%;
    float: left;
    text-align: center;
    padding-top: 10px;
}

.newsstudent-box .newsstudent-txt{
    display: none;
}
.newsstudent-box img{
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto;
}
.newsstudent-box .famous-txt{
    color:#666;
}
.empty,
.norecord{
    padding: 30px 10px;
    text-align: left;
    background: none;
    font-size: 14px;
    color:#999;
}