@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,p,pre,blockquote,dl,dt,dd,ul,ol,li,form,fieldset,legend,input,select,textarea,button,th,td{margin:0;padding:0;}
select,input,button,textarea{font-size:100%;}
ul{list-style-type:none;}
fieldset,img{border:none;}
table{border-collapse:collapse;border-spacing:0;}
a{color:#000;text-decoration:none;}
a:hover{color:#000;text-decoration:underline;}
.di{display:inline;}
.db{display:block;}
.dib{display:inline-block;}
.dn{display:none;}
.vh{visibility:hidden;}
.vv{visibility:visible;}
.abs{position:absolute;}
.rel{position:relative;}
.fix{position:fixed;}
.t0{top:0px;}
.r0{right:0px;}
.b0{bottom:0px;}
.l0{left:0px;}
.fl{float:left;}
.fr{float:right;}
.cll{clear:left;}
.clr{clear:right;}
.clb{clear:both;}
.oa{overflow:auto;}
.oh{overflow:hidden;}
.oa{overflow:auto;}
.wato{width:auto;}
.hato{height:auto;}
.wall{width:100%;}
.hall{height:100%;}
.cnt{margin:0 auto;}
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.mt5{margin-top:5px;}
.mr5{margin-right:5px;}
.mb5{margin-bottom:5px;}
.ml5{margin-left:5px;}
.mt10{margin-top:10px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}
.ml10{margin-left:10px;}
.mt15{margin-top:15px;}
.mr15{margin-right:15px;}
.mb15{margin-bottom:15px;}
.ml15{margin-left:15px;}
.mt20{margin-top:20px;}
.mr20{margin-right:20px;}
.mb20{margin-bottom:20px;}
.ml20{margin-left:20px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.pt5{padding-top:5px;}
.pr5{padding-right:5px;}
.pb5{padding-bottom:5px;}
.pl5{padding-left:5px;}
.pt10{padding-top:10px;}
.pr10{padding-right:10px;}
.pb10{padding-bottom:10px;}
.pl10{padding-left:10px;}
.pt15{padding-top:15px;}
.pr15{padding-right:15px;}
.pb15{padding-bottom:15px;}
.pl15{padding-left:15px;}
.pt20{padding-top:20px;}
.pr20{padding-right:20px;}
.pb20{padding-bottom:20px;}
.pl20{padding-left:20px;}
.bn{border:none;}
.bgw{background:#FFF;}
.cw{color:#FFF;}
.cb{color:#000;}
.cr{color:#F00;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.f10{font-size:10px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.fwn{font-weight: normal;}
.fwb{font-weight: bold;}
.fwbd{font-weight: bolder;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.em2{text-indent:2em;}
.tdn{text-decoration:none;}
.tdu{text-decoration:underline;}
.lh1{line-height:1;}
.lh2{line-height:2;}
.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.vb{vertical-align:bottom;}
.cd{cursor:default;}
.cp{cursor:pointer;}
.wb{word-wrap:break-word;word-break:break-all;}
#box-login{
	width:100%;
	font-family:"微软雅黑" ;
    height:100%;
}
#box-login .lg-con{
    background: url("../images/login/login_logo.png") no-repeat scroll  center top transparent;
    height: 360px;left: 50%;margin-left: -325px;position: absolute;top: 50%;width: 650px;margin-top: -180px;
}
#box-login .lg-con .username,#box-login .lg-con .password{
	width:265px;
	height:32px;
	line-height:1.5;
	padding:0 5px;
	font-weight:700;
	color:#000;
	font-family:Microsoft YaHei;
	border:1px solid #fff;	
}
#box-login .lg-con .username:focus,
#box-login .lg-con .password:focus{ border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;}

#box-login .input-mask{ border:3px solid rgba(0,0,0,0.1); border-radius:5px; display:inline-block; overflow:hidden;	vertical-align: middle;}
#box-login .input-mask:focus{}

.checkbox{ padding:10px 0; display:inline-block; }
#box-login .lg-con .loginbtn{
	height:33px;line-height:1.5;font-weight:700;padding:0 12px; text-align: center;vertical-align: middle;
	border:1px solid #b5f385;
	color:#fff;
	background: #67cd1a; /* Old browsers */
	background: -moz-linear-gradient(top,  #67cd1a 0%, #387608 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67cd1a), color-stop(100%,#387608)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #67cd1a 0%,#387608 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #67cd1a 0%,#387608 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #67cd1a 0%,#387608 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #67cd1a 0%,#387608 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67cd1a', endColorstr='#387608',GradientType=0 ); /* IE6-9 */
}
#box-login .lg-con .loginbtn:hover{	border:1px solid #fff; }
#box-login .lg-con .loginbtn:focus{ box-shadow: 0 2px 9px rgba(0, 0, 0, 0.35) inset}
input{ border-radius:3px;}
.teacher-evaluation {
    padding: 5px 5px;
    border: solid 1px #efefef;
    margin-top: 3px;
}
.teacher-remark {
    font-size: 16px;
    min-height: 42px;
    line-height: 42px;
    border-bottom: dashed 1px #efefef;
    overflow: hidden;
}
.remark-title {
    color: #949494;
}
.remark-content {
    color: #007900;
}
.teacher-grade {
    font-size: 14px;
    height: 42px;
    margin-top: 5px;
    line-height: 42px;
}
.teacher-grade span {
    float: left;
    padding-right: 60px;
    margin-right: 40px;
}
/*上中下三级显示*/
.teacher-grade .score-ktjl {
    background: url(../img/level_face.png) 68px -7px no-repeat;
}
.teacher-grade .score-ktjl.level-3 {
    background-position: 68px -113px;
}
.teacher-grade .score-ktjl.level-2 {
    background-position: 68px -58px;
}
.teacher-grade .score-ktjl.level-1 {
    background-position: 68px -7px;
}
.teacher-grade .score-kthd {
    background: url(../img/level_face.png) 96px -58px no-repeat;
}
.teacher-grade .score-kthd.level-3 {
    background-position: 96px -113px;
}
.teacher-grade .score-kthd.level-2 {
    background-position: 96px -58px;
}
.teacher-grade .score-kthd.level-1 {
    background-position: 96px -7px;
}
.teacher-grade .score-swcz {
    background: url(../img/level_face.png) 68px -113px no-repeat;
}
.teacher-grade .score-swcz.level-3 {
    background-position: 68px -113px;
}
.teacher-grade .score-swcz.level-2 {
    background-position: 68px -58px;
}
.teacher-grade .score-swcz.level-1 {
    background-position: 68px -7px;
}
.teacher-grade .score-xxxg {
    background: url(../img/level_face.png) 68px -7px no-repeat;
}
.teacher-grade .score-xxxg.level-3 {
    background-position: 68px -113px;
}
.teacher-grade .score-xxxg.level-2 {
    background-position: 68px -58px;
}
.teacher-grade .score-xxxg.level-1 {
    background-position: 68px -7px;
}

/*首页的评价*/
.homepage-t-eva {
    padding: 5px 5px 20px 5px;
    border: none;
}
.homepage-t-eva .teacher-remark {
    font-size: 16px;
    min-height: 42px;
    line-height: 42px;
    border-bottom: dashed 2px #efefef;
    padding: 10px 0 40px 0;
    margin-left: 40px;
    position: relative;
}
.homepage-t-eva .teacher-grade {
    font-size: 16px;
    height: 42px;
    margin-top: 10px;
    line-height: 42px;
}
.homepage-t-eva .teacher-grade .t-marks  {
    float: left;
    text-align: right;
    width: 100px;
    margin-left: 40px;
    padding-right: 160px;
    position: relative;
}
.homepage-t-eva .teacher-grade .level-word {
    float: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 160px;
    font-size: 12px;
}
.homepage-t-eva .remark-title {
    color: #000;
}
.homepage-t-eva .remark-time {
    color: #949494;
    font-size: 12px;
    position: absolute;
    right: 40px;
    bottom: 0;
}
/*首页上中下三级显示*/
.homepage-t-eva .score-ktjl {
    background: url(../img/level_face.png) 110px -7px no-repeat;
}
.homepage-t-eva .score-ktjl.level-3 {
    background-position: 110px -113px;
}
.homepage-t-eva .score-ktjl.level-2 {
    background-position: 110px -58px;
}
.homepage-t-eva .score-ktjl.level-1 {
    background-position: 110px -7px;
}
.homepage-t-eva .score-kthd {
    background: url(../img/level_face.png) 110px -58px no-repeat;
}
.homepage-t-eva .score-kthd.level-3 {
    background-position: 110px -113px;
}
.homepage-t-eva .score-kthd.level-2 {
    background-position: 110px -58px;
}
.homepage-t-eva .score-kthd.level-1 {
    background-position: 110px -7px;
}
.homepage-t-eva .score-swcz {
    background: url(../img/level_face.png) 110px -113px no-repeat;
}
.homepage-t-eva .score-swcz.level-3 {
    background-position: 110px -113px;
}
.homepage-t-eva .score-swcz.level-2 {
    background-position: 110px -58px;
}
.homepage-t-eva .score-swcz.level-1 {
    background-position: 110px -7px;
}
.homepage-t-eva .score-xxxg {
    background: url(../img/level_face.png) 110px -7px no-repeat;
}
.homepage-t-eva .score-xxxg.level-3 {
    background-position: 110px -113px;
}
.homepage-t-eva .score-xxxg.level-2 {
    background-position: 110px -58px;
}
.homepage-t-eva .score-xxxg.level-1 {
    background-position: 110px -7px;
}
/*缺课的css*/
.absent-class {
    height: 84px;
    line-height: 84px;
    margin-top: 5px;
    color: #fe3434;
    font-size: 14px;
}
.remark-absent {
    color: #fe3434;
}
/* 扫码登录样式 */

.txt-center{
    text-align: center;
}
.txt-bold{
    font-weight: bold;
}
.txt-grey{
    color: #7f7f7f;
}
.txt-red{
    color: #f61b08;
}
.txt-blue{
    color: #1d62bd;
}
.txt-underline{
    text-decoration: underline;
}
.txt-12{
    font-size: 12px;
}
.txt-14{
    font-size: 14px;
    line-height: 1;
}
.txt-16{
    font-size: 16px;
    line-height: 1.2;
}
.txt-18{
    font-size: 18px;
    line-height: 1.4;
}

.hk-vertical-middle{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.hk-pop-shadow{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 101;
}
.weixin-pop-shadow{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 101;
}
.hk-pop-container{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

#btn-open-weixin{
    position: fixed;
    right: 50px;
    top: 20px;
    z-index: 100;
    font-size: 16px;
    color: #818e8f;
    padding: 0 20px;
}

.hk-icon{
    display: inline-block;
}
.hk-icon-20{
    width: 20px;
    height: 20px;
}
.hk-icon-close{
    background-image: url(../images/login/icon-close.png);
}

#qr-box{
    position: relative;
    width: 320px;
    margin: 0 auto;
    border-radius: 8px;
    background-color: #fff;
}
#qr-box .content{
    position: relative;
}
#qr-box .nav-bar{
    height: 40px;
    line-height: 40px;
}
#qr-box .nav-bar .hk-icon-close{
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
}
#qr-box .qr-img-box{
    position: relative;
    margin: 0 auto;
    width: 200px;
    height: 200px;
}
#qr-box .tips-text-box{
    padding-bottom: 10px;
}
#qr-box .invalid-shadow{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .9);
}
#qr-box .tips-success-box{
    position: absolute;
    top: -1px;
    padding-top: 25px;
    width: 100%;
    height: 100%;
    background-color: #fff;
}
#qr-box .tips-success-box p{
    margin: 17px 0;
}
#qr-box .invalid-shadow > div.txt-center{
    width: 100%;
}
#qr-box .invalid-shadow p{
    margin: 10px 0;
}
#qr-box p{
    margin: 6px 0;
}
#btn-fresh-qr{
    color: #1759d5;
}



.icon-makeup-state {
    background: url("../img/icons_homework_state.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: middle;
}

.title-unfinished span{
    display: inline-block;
}

.title-unfinished .fc-yellw{
    position: absolute;
    width: 511px;
    line-height: 47px;
    height: 47px;
    top:0px;
}
.title-unfinished .fc-yellw a{
    color: #C48A00;
}
.title-unfinished{
    position: relative;
    overflow: hidden;
}

.container.index .right{
    border-left: 1px solid #D7D7D7;
    margin-left: -1px;
}

.homework-details .data-list td.logo img{
    width: 32px;
    height: 32px;
}

.dropdown .tooltip.options{top:16px;left:0;}
.dropdown .tooltip.options>div{padding:6px 10px;border-bottom:1px dotted #CECDCC;}
.dropdown .tooltip.options>div:hover{background:#EFEFEF;}
.dropdown:hover .tooltip.options{display:block;}
.tooltip {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #7AC4D9;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    width: 100px;
    z-index: 999;
}

.row .date p.week {
    font: bold 16px "Microsoft YaHei";
}
.history-content.chapter > .title {
    background: none repeat scroll 0 0 #F1F1F1;
    height: 35px;
    line-height: 35px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.icon-finished{display:inline-block;width:126px;height:66px;background:url("../img/icons.png") 0 -180px no-repeat;}
.icon-corrected{display:inline-block;width:194px;height:92px;background:url("../img/icons.png") -280px -180px no-repeat;}

#content-right{
    margin-left: -1px;
    padding-left: 20px;
    border-left: 1px dotted #CECDCC;
}
.chapter .chapter-wrapper {
    background: url("../img/bg_split_chapter.gif") repeat-y scroll 218px 0 rgba(0, 0, 0, 0);
    margin-top: 15px;
}
.disabled{
    color: gray;
    cursor: default;
}
.history-content.chapter .pop-books{left:0;top:35px;width:554px;padding:10px;border:2px solid #7AC4D9;border-radius:4px;box-shadow:0 0 3px #000;background:#FFF;cursor:default;z-index: 2}
.history-content.chapter .pop-books.book1{width:140px;}
.history-content.chapter .pop-books.book2{width:278px;}
.history-content.chapter .pop-books.book3{width:418px;}
.history-content.chapter .pop-books.book4{width:554px;}
.history-content.chapter .pop-books ul{list-style:none;}
.history-content.chapter .pop-books ul li{display:inline-block;_display:inline;float:left;position:relative;width:118px;height:205px;margin:10px;background:url("../img/bg_book.png") no-repeat;cursor:pointer;}
.history-content.chapter .pop-books ul li .cover{height:159px;width:113px;margin-top:3px;margin-left:4px;}
.history-content.chapter .pop-books ul li .icon-state{display:none;position:absolute;right:0;top:3px;width:29px;height:27px;background:url("../img/icon_checked_book.png") no-repeat;}
.history-content.chapter .pop-books ul li.checkedd .icon-state{display:inline-block;}
.history-content.chapter .pop-books ul li .txt{margin-top:5px;line-height:1.5;}
.history-content.chapter>.title .wrapper:hover .pop-books{display:block;}
.icon-upload-word{display:inline-block;width:32px;height:32px;background:url("../img/icons_upload.png") 0 -32px no-repeat;}
.icon-upload-pdf{display:inline-block;width:32px;height:32px;background:url("../img/icons_upload.png") 0 -64px no-repeat;}
.icon-upload-ppt{display:inline-block;width:32px;height:32px;background:url("../img/icons_upload.png") 0 -96px no-repeat;}
.icon-upload-txt{display:inline-block;width:32px;height:32px;background:url("../img/icons_upload.png") 0 -128px no-repeat;}
.icon-upload-excel{display:inline-block;width:32px;height:32px;background:url("../img/icons_upload.png") 0 -160px no-repeat;}
.icon-upload-mp3{display:inline-block;width:32px;height:32px;background:url("../img/icons_upload.png") 0 -192px no-repeat;}
.icon-upload-mp4{display:inline-block;width:32px;height:32px;background:url("../img/icons_upload.png") 0 -224px no-repeat;}
.icon-upload-upload{display:inline-block;width:32px;height:32px;background:url("../img/icons_upload.png") 0 -267px no-repeat;}
.icon-upload-ggb{display:inline-block;width:32px;height:32px;background:url("../img/icon_ggb.png") center center no-repeat;background-size:100% 100%;}
.icon-upload-enbx{display:inline-block;width:32px;height:32px;background:url("../img/icon_enbx.png") center center no-repeat;background-size:100% 100%;}
.icon-upload-swf{display:inline-block;width:32px;height:32px;background:url("../img/icons_upload.png") 0 -438px no-repeat;}
.icon-upload-img{display:inline-block;width:32px;height:32px;background:url("../img/icons_upload.png") 0 -472px no-repeat;}

/* message */
.tab.messagetab{float:left;margin-top:24px;margin-left:110px;}
.tab.messagetab li.checked{background:url("../img/bg_msg_tab.png") no-repeat;}
.tab.messagetab li.checked a.icon-tab-task,
.tab.messagetab li a.icon-tab-task:hover{background-position:-258px 0;}
.tab.messagetab li.checked a.icon-tab-class,
.tab.messagetab li a.icon-tab-class:hover{background-position:-387px 0;}
.tab.messagetab li.checked a.icon-tab-system,
.tab.messagetab li a.icon-tab-system:hover{background-position:-516px 0;}
.icon-tab-class{display:inline-block;width:129px;height:62px;background:url("../img/bg_tab_title.png") -387px -62px no-repeat;}
.icon-tab-system{display:inline-block;width:129px;height:62px;background:url("../img/bg_tab_title.png") -516px -62px no-repeat;}
.content.message .main-data{width:902px;margin:0 36px;border:none;border-top:3px solid #E1E1E1;border-bottom:3px solid #E1E1E1;}
.message .main-data .top{height:35px;background:#F7F7F7;line-height:35px;border-radius: 0px}
.message .main-data .top a{padding:0 5px;}
.message .main-data .top a.checked{font-weight:bold;color:#000;text-decoration:none;cursor:default;}
.message li a.private{background: url("../img/private.png") no-repeat;background-position: 31px -26px;margin-top: 13px;}
.message li a.personal{background: url("../img/personal.png") no-repeat;background-position: 31px -26px;margin-top: 13px;}
.message li.checked a.personal,.message li a.personal:hover{background-position: 25px 10px;} 
.message li.checked a.private,.message li a.private:hover{background-position: 31px 10px;} 
.icon-emails {
    background: url("../img/icons.png") no-repeat scroll -380px -50px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 18px;
    width: 18px;
}
.unread .icon-emails{
    background-position: -360px -50px;
}
.unread .icon-emails
.message .wrapper{padding:5px 15px 15px 15px;}
.message .tb-homework .handler{width:60px;}
.message .tb-homework .handler input{margin:0 5px;}
.message .tb-homework .title div{width:670px;font-size:14px;}
.message .tb-homework .time{width:140px;}
.message .tb-homework tr.unread .handler .icon-email{background-position:-360px -50px;}
.message .tb-homework tr .handler .icon-attachment{margin:0 5px;}
.message .tb-homework tr.unread .title a{font-weight:bold;}
.message .tb-homework tr:hover td{background:#F1F1F1;cursor:pointer;}
.message .foot-toolbar{height:35px;margin-top:20px;background:#F7F7F7;line-height:35px;}
.message .foot-toolbar .handler{margin-left:15px;}
.message .foot-toolbar .handler input{margin:0 5px;}
.message .foot-toolbar .handler .btn-delete{margin-left:20px;}

.icon-attachment{display:inline-block;width:7px;height:10px;background:url("../img/icon_attachment_msg.png") no-repeat;}
/* messagedetails */
.content.msg-details .main-data{width:902px;margin:0 21px;border-top:3px solid #E1E1E1;border-bottom:3px solid #E1E1E1;}
.msg-details .main-data .top{margin:25px 15px 10px;}
.msg-details .main-data .top .title{width:760px;}
.msg-details .main-data .top .title span{color:#FF7200;}
.msg-details .main-data .details-info{padding:10px 25px;border-top:1px dotted #CECDCC;}
.msg-details .main-data .text{padding:35px 25px;text-indent:2em;line-height:2;}
.msg-details .main-data .attachment{width:823px;}
.msg-details .main-data .attachment .att-top{height:17px;background:url("../img/bgs_attachment.png") no-repeat;}
.msg-details .main-data .attachment .att-body{padding:10px 30px;background:url("../img/bg_attachment_body.png") repeat-y;}
.msg-details .main-data .attachment .att-bottom{height:17px;background:url("../img/bgs_attachment.png") 0 -17px no-repeat;}
.msg-details .main-data .attachment .att-list{margin:10px 0;}
.msg-details .main-data .attachment .att-li{padding:10px;border-bottom:1px dotted #CECDCC;}
.msg-details .main-data .attachment .att-li:hover{background:#F1F1F1;text-decoration:none;}
.msg-details .main-data .attachment .att-li img{width:30px;height:30px;}
.msg-details .foot-toolbar{height:50px;margin-top:20px;background:#F1F1F1;line-height:50px;}
.msg-details .foot-toolbar .btn-silver{margin-left:25px;}

.container .location{
    padding-top: 20px;
}
.icon-comment{display:inline-block;width:18px;height:15px;background:url("../img/icon_comment.png") no-repeat;top:0px;right:10px;}
.icon-comment.disabled{display:inline-block;width:18px;height:15px;background:url("../img/icon_comment.png") -22px 0 no-repeat;cursor: pointer;}
.dialog-base {
    z-index: 100;
}
.l0 {
    left: 0;
}
.b0 {
    bottom: 0;
}
.r0 {
    right: 0;
}
.t0 {
    top: 0;
}
.dialog-base .mask {
    background: none repeat scroll 0 0 #000000;
    opacity: 0.18;
}

.dialog-base .dialog-comment {
    background: url("../img/bg_dialog_comment.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 329px;
    left: 50%;
    margin-left: -165px;
    margin-top: -190px;
    top: 50%;
    width: 444px;
}

.dialog-comment span.close {
    height: 27px;
    right: 19px;
    top: 20px;
    width: 27px;
}

.dialog-comment .comment-details {
    height: 240px;
    margin: 60px 0 0 30px;
    overflow-y: auto;
    width: 370px;
}
.data-row{
    line-height: 25px;
}
.data-row:hover{background:#F1F1F1;}
.this-study.data-row:hover{background:#ffffff;}

.icon-text-no-flower{display:inline-block;width:123px;height:18px;background:url("../img/bg_text_no_flower.png") no-repeat;}

.dialog-base .dialog-notice{top:50%;left:50%;width:402px;height:304px;margin-top:-152px;margin-left:-201px;background:url("../img/bg_dialog_oval.png") no-repeat;}
.dialog-notice span.close{right:39px;top:39px;width:27px;height:27px;}
.dialog-notice .text{font-size:20px;top:80px;left:0;}
.dialog-notice .bg-praise{bottom:13px;left:133px;width:150px;}
.dialog-notice .bg-delete{bottom:13px;left:97px;}
.icon-text-delete{display:inline-block;width:268px;height:20px;background:url("../img/bg_text_delete.png") no-repeat;}
.history-content.chapter>.title .wrapper .icon{display:inline-block;width:34px;height:29px;background:url("../img/icon_contents.png") no-repeat;vertical-align:middle;}

/*正确率弹框*/
#tipss{
    width: 200px;
    height: 80px;
    position: absolute;
    background-color: rgba(255,255,255,.9);
    border: 1px gainsboro solid;
    border-radius: 5px;
}

#tipss table{
    width: 100%;
    height: 100%;

}


#tipss td.label{
    padding-left: 5px;
    width: 35%;
}
#tipss td.title>a{
    color: cornflowerblue;
}

/* jPlayer */
div.jp-audio{position:absolute;top:50%;left:50%;width:416px;height:110px;margin:-55px 0 0 -208px;background:url("../img/bg_player.gif") repeat-x;}
div.jp-type-single{position:relative;}
div.jp-type-single div.jp-close{display:inline-block;position:absolute;right:1px;top:0;width:21px;height:21px;background:url("../img/icons_jp.png") no-repeat 0 -140px;cursor:pointer;}
div.jp-type-single div.jp-close:hover{background-position:-21px -140px;}
div.jp-title{height:30px;margin-right:30px;padding-left:10px;color:#FFF;line-height:30px;}
div.jp-title ul{list-style:none;}
div.jp-gui.jp-interface{position:relative;padding:18px 24px 0;}
ul.jp-controls{list-style:none;}
ul.jp-controls li{float:left;}
ul.jp-controls a{text-indent:-9999px;}
ul.jp-controls a:active{outline:none;}
ul.jp-controls a.jp-play{display:inline-block;width:35px;height:35px;background:url("../img/icons_jp.png") no-repeat 0 -70px;}
ul.jp-controls a.jp-play:hover{background-position:-35px -70px;}
ul.jp-controls a.jp-pause{display:inline-block;width:35px;height:35px;background:url("../img/icons_jp.png") no-repeat;}
ul.jp-controls a.jp-pause:hover{background-position:-35px 0;}
ul.jp-controls a.jp-stop{display:inline-block;width:35px;height:35px;margin-left:10px;background:url("../img/icons_jp.png") no-repeat 0 -35px;}
ul.jp-controls a.jp-stop:hover{background-position:-35px -35px;}
ul.jp-controls a.jp-mute{display:inline-block;width:20px;height:18px;margin-top:7px;margin-left:192px;background:url("../img/icons_jp.png") no-repeat 0 -165px;}
ul.jp-controls a.jp-mute:hover{background-position:-20px -165px;}
ul.jp-controls a.jp-unmute{display:inline-block;width:20px;height:18px;margin-top:7px;margin-left:192px;background:url("../img/icons_jp.png") no-repeat 0 -185px;}
ul.jp-controls a.jp-unmute:hover{background-position:-20px -185px;}
ul.jp-controls a.jp-volume-max{display:none !important;}

div.jp-audio div.jp-progress{position:absolute;top:29px;left:114px;width:170px;height:9px;border:1px solid #0E73B4;border-radius:9px;box-shadow:inset 1px 0 2px rgba(0,0,0,.23);background:#FFF;}
div.jp-audio div.jp-progress .jp-seek-bar{height:100%;}
div.jp-audio div.jp-progress .jp-seek-bar .jp-play-bar{display:inline-block;position:relative;float:left;width:20%;height:100%;border-radius:9px;background:url("../img/icons_jp.png") repeat-x 0 -130px;overflow:visible !important;}
div.jp-audio div.jp-progress .jp-seek-bar .jp-pointer{display:inline-block;position:absolute;right:-8px;top:-4px;width:16px;height:16px;background:url("../img/icons_jp.png") no-repeat -45px -140px;}

div.jp-audio div.jp-volume-bar{position:absolute;top:33px;left:325px;width:60px;height:2px;background:#FFF;}
div.jp-audio div.jp-volume-bar .jp-volume-bar-value{height:100%;background:#005D90;}

div.jp-audio div.jp-time-holder{position:absolute;top:40px;left:114px;width:170px;color:#FFF;font-size:12px;}
div.jp-time-holder .jp-current-time{float:left;width:60px;}
div.jp-time-holder .jp-duration{float:right;width:60px;text-align:right;}
ul.jp-toggles{list-style:none;margin:5px auto 0;}
ul.jp-toggles li{float:left;}
ul.jp-toggles a{text-indent:-9999px;}
ul.jp-toggles a:active{outline:none;}
ul.jp-toggles a.jp-repeat{display:inline-block;width:27px;height:20px;background:url("../img/icons_jp.png") no-repeat 0 -110px;}
ul.jp-toggles a.jp-repeat-off{display:inline-block;width:27px;height:20px;background:url("../img/icons_jp.png") no-repeat -30px -110px;}

/*个人信息*/
.person_info{
    border: 1px solid gainsboro;
    width: 250px;
    height:160px;
    background-color: #ffffff;
    z-index: 2;
    left:-94px;
    top:40px;
    font-size: 14px;
    box-shadow: 0 4px 4px gray;
    -webkit-box-shadow: 0 4px 4px gray;

    -moz-box-shadow: 0 4px 4px gray;
}

.person_info span{
    display: inline-block;
    border-bottom: 1px solid gainsboro;
    height: 35px;
    width: 230px;
    padding: 0px 10px;
    line-height: 35px;
}

.person_info span a{

    display: inline-block;
    float: right;
    color: royalblue;
}

.person_info h2{
    padding: 10px;
    padding-bottom: 2px;
}

.person_info ul{
    padding-left: 10px;
}

.person_info ul li{
    height: 27px;
    line-height: 27px;
}

.dialog-modify{
    width:505px;
    height: 390px;
    background-color: #ffffff;
    border: 3px solid rgb(144,169,189);
    border-radius: 2px;
}

.dialog-modify table{
    width: 100%;
}
.dialog-modify td{
    line-height: 35px;
    height: 35px;
}

.dialog-modify td span{
   color: grey;
    display: inline-block;
   padding-left: 10px;
    line-height: 20px;
}

.dialog-modify td.tr{
   width: 30%;
}

.dialog-modify td input{
    height: 25px;
    width: 150px;
    border:1px solid gray;
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow:inset 1px 1px 4px #d9d9d9;
    -webkit-box-shadow: inset 1px 1px 4px #d9d9d9;

    -moz-box-shadow: inset 1px 1px 4px #d9d9d9;
}

.dialog-modify .save_info{
    width: 103px;
    height: 32px;
    background: url("../img/save_btn.png");
    border: none;
    background-color: transparent;
}

.dialog-modify td input:focus{
    border:1px solid rgb(126,209,288);
}

.error_message{
    height: 20px;
    line-height: 20px;
    color: red;
}

table.hw-list tr:hover{
    background:#F1F1F1
}
	.icon-rank1{
		background: url(../img/icon-rank1.png) no-repeat;
		display: inline-block;
	    height: 40px;
	    vertical-align: -17px;
	    width: 30px;
	}
	.icon-rank2{
		background: url(../img/icon-rank2.png) no-repeat;
		display: inline-block;
		height: 40px;
		vertical-align: -17px;
		width: 30px;
	}
	.icon-rank3{
		background: url(../img/icon-rank3.png) no-repeat;
		display: inline-block;
		height: 40px;
		vertical-align: -17px;
		width: 30px;
	}
@charset "utf-8";
/* CSS Document */
body{font:normal 12px "宋体";background:#FFF url("../img/bg_body.gif");}
a.blue{color:#1570A9;}
a.blue:hover{color:#1570A9;}
.color-666{color:#666;}
.color-blue{color:#1570A9;}
.color-green{color:#30A701;}
.color-orange{color:#FF4E00;}
.ms-yahei{font-family:"Microsoft YaHei";}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.chart{width:900px;height:360px}

.icon-email{display:inline-block;width:22px;height:19px;background:url("../img/icons_email.png") no-repeat;}
.icon-email.none{background-position:0 -19px;}
.icon-flower-big{display:inline-block;width:90px;height:90px;background:url("../img/icons.png") no-repeat -210px -80px;}
.icon-finish{display:inline-block;width:18px;height:18px;background:url("../img/icons.png") no-repeat 0 -50px;}
.icon-makeup{display:inline-block;width:18px;height:18px;background:url("../img/icons.png") no-repeat -20px -50px;}
.icon-history{display:inline-block;width:14px;height:14px;background:url("../img/icons.png") no-repeat -340px -50px;}
.icon-flower2-25{display:inline-block;width:25px;height:25px;background:url("../img/icon_flower2_25.png") no-repeat;}
.icon-flower2-52{display:inline-block;width:52px;height:52px;background:url("../img/icon_flower2_52.png") no-repeat;}
.icon-message{display:inline-block;width:18px;height:18px;background:url("../img/icons.png") no-repeat -380px -50px;}
.btn-delete{display:inline-block;width:89px;height:43px;background:url("../img/icons.png") no-repeat -130px -275px;}
.icon-unfinished{display:inline-block;width:145px;height:90px;background:url("../img/icons.png") no-repeat -130px -180px;}
.icon-finished .makeup{display:inline-block;position:absolute;top:-4px;left:-12px;width:37px;height:36px;background:url("../img/icons.png") -300px -80px no-repeat;}
.icon-unfinished .makeup{display:inline-block;position:absolute;top:-4px;left:-12px;width:37px;height:36px;background:url("../img/icons.png") no-repeat -300px -120px;}
.icon-corrected .makeup{display:inline-block;position:absolute;top:-10px;left:-12px;width:37px;height:36px;background:url("../img/icons.png") -340px -80px no-repeat;}
.icon-book2{display:inline-block;width:125px;height:95px;background:url("../img/icons.png") no-repeat -80px -80px;}
.icon-sound{display:inline-block;width:20px;height:20px;background:url("../img/icons.png") no-repeat -100px -50px;}
.icon-sound.playing{display:inline-block;width:20px;height:20px;background:url("../img/icon_sound_playing.gif") no-repeat 1px 1px;}

.icon-rate{display:inline-block;width:75px;height:14px;background:url("../images/bg_stars.png") -75px 0 no-repeat;}

.icon-rate.star1{background-position:-60px 0;}
.icon-rate.star2{background-position:-45px 0;}
.icon-rate.star3{background-position:-30px 0;}
.icon-rate.star4{background-position:-15px 0;}
.icon-rate.star5{background-position:0 0;}

.icon-right{display:inline-block;width:16px;height:16px;background:url("../images/icons.png") -150px -50px no-repeat;}
.icon-wrong{display:inline-block;width:16px;height:16px;background:url("../images/icons.png") -170px -50px no-repeat;}
.icon-right-half{display:inline-block;width:16px;height:16px;background:url("../images/icons.png") -190px -50px no-repeat;}
.icon-excellent{display:inline-block;width:16px;height:16px;background:url("../images/icons.png") -210px -50px no-repeat;}
.icon-good{display:inline-block;width:16px;height:16px;background:url("../images/icons.png") -230px -50px no-repeat;}
.icon-okay{display:inline-block;width:16px;height:16px;background:url("../images/icons.png") -250px -50px no-repeat;}
.icon-poor{display:inline-block;width:34px;height:16px;background:url("../images/icons.png") -270px -50px no-repeat;}
/* footer */
.footer{height:135px;background:url("../img/bg_footer.gif") center center;}

/* header */
.header{height:78px;border-bottom:1px solid #4BB0CD;background:url("../img/bg_header.gif") repeat-x;box-shadow:0 1px 4px #2892AE; position: relative;}
.header .nav-bar{width:1000px;}
.nav-bar .welc-info .name{max-width:48px;}
.header .nav-bar .logo{width:86px;height:56px;margin-top:11px;}
.header .nav-bar ul.nav{margin-left:55px;}
ul.nav li{float:left;width:110px;height:78px;}
ul.nav li .home span{background:url("../img/bgs_nav.png?=1") no-repeat -0px 4px;}
ul.nav li .homework span{background:url("../img/bgs_nav.png?=1") no-repeat -110px 4px;}
ul.nav li .school span{background:url("../img/bgs_nav.png?=1") no-repeat -220px 4px;}
ul.nav li .learn span{background:url("../img/bgs_nav.png?=1") no-repeat -330px 4px;}
ul.nav li .class-zoom span{background:url("../img/bgs_nav.png?=1") no-repeat -440px 4px;}
ul.nav li .readspace span{background:url("../img/bgs_nav.png?=1") no-repeat -550px 4px;}

ul.nav li .home.checked span{background-position:-0px -79px;}
ul.nav li .homework.checked span{background-position:-110px -79px;}
ul.nav li .school.checked span{background-position:-220px -79px;}
ul.nav li .learn.checked span{background-position:-330px -79px;}
ul.nav li .class-zoom.checked span{background-position:-440px -79px;}
ul.nav li .readspace.checked span{background-position:-550px -79px;}

ul.nav li a:hover,
ul.nav li a.checked{background:url("../img/bg_nav.gif") no-repeat;}

/* main */
.main{width:1000px;}
.main .container,
.main .container-blank{width:992px;border-right:4px solid #88D1E4;border-left:4px solid #88D1E4;}

.side-module>.title .icon{width:4px;height:17px;background:#36ADCE;border-radius:2px;}
.side-module>.title .more{margin-top:4px;}
.avatar-item{width:60px;margin:0 8px 10px;}
.avatar-item img{width:58px;height:58px;border:1px solid #CCC;background:#F1F1F1;}

/* index */
.container.index .left{width:276px;border-right:1px solid #D7D7D7;}
.container.index .right{width:715px;}

.index .left .user-info{border-bottom:1px dotted #CCCBCA;}
.index .left .user-info img.avatar{width:176px;height:176px;margin-left:30px;margin-top:15px;border-radius:15px;background:#F1F1F1;}
.index .left .user-info .more{width:20px;height:124px;margin-top:40px;margin-left:10px;background:#ECECEC url("../img/bg_gt.png") no-repeat center center;}

.index .right .title-unfinished{
	background: none repeat scroll 0 0 #FFF8E7;
    border: 1px solid #EFE8CB;
    border-radius: 5px;
    margin: 45px 30px;
    padding: 12px 15px;
}
.cb{color:#2488cc}
.fc-yellw{ color:#c48a00}
.content-module>.title{border-bottom:1px solid #CDCCCB;}
.content-module>.title .icon{width:5px;height:23px;background:#E79520;border-radius:3px;}
.content-module>.title .more{margin-top:6px;}
.hw-list td{padding:10px 0;border-bottom:1px dotted #CECDCC;}
.hw-list tr.last td{border-bottom:none;}
.hw-list .subject{width:70px;}
.hw-list .title{width:380px;}
.hw-list .state{width:145px;text-align:center;}
.hw-list .state span{margin-right:5px;vertical-align:middle;}
.hw-list .finished{width:80px;text-align:right;}

table.syllabus.index td{
  color: #333333;
    font-size: 12px;
    line-height: 2;}
table.syllabus.index tr.th img{}
table.syllabus.index tr.split td{height:4px;}

/* homeworkquery */
.container.query .wrapper{margin:0 30px;}
.container.query .nav{margin-top:24px;}
.container.query .dropdown b{display:inline-block;width:0;height:0;border:5px solid transparent;border-top:5px solid #000;vertical-align:middle;}
.container.query .nav .tabs .tab{width:90px;height:30px;background:url("../img/bgs_query.png") no-repeat -90px 0;line-height:23px;}
.container.query .nav .tabs .tab.checked{background-position:0 0;color:#FFF;}

.filter{padding:20px 24px;border:3px solid #C5E3ED;border-radius:10px;}
.filter .li label{display:inline-block;float:left;padding:4px 5px;vertical-align:top;}
.filter .li div{display:inline-block;max-width:806px;overflow:hidden;}
.filter .li span{display:inline-block;min-width:90px;padding:4px;}
.filter .li span a:hover{text-decoration:none;}
.filter .li span.checked a{color:#0195C0;font-weight:bold;}

/*.history-content{border:3px solid #E1E1E1;border-radius:15px;}*/
.history-content .loading{height:35px;margin-top:20px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;line-height:35px;}

.row .date{width:100px;}
.row .date .day{width:32px;font-size:28px;line-height:1;}
.row .data-wrapper{width:756px;margin-left:40px;padding:10px 0;border-bottom:1px dotted #CECDCC;}
.row.last .data-wrapper{border-bottom:none;}
.row .data-wrapper .pointer{left:-24px;width:2px;background:#A8E3F4;border-bottom:1px solid #A8E3F4;}
.row.first .data-wrapper .pointer{background:#A8E3F4 url("../img/bg_history_top_bar.png") no-repeat 0 -10px;}
.row.last .data-wrapper .pointer{border-bottom:none;}
.row .data-wrapper .pointer span{top:19px;left:-6px;}
.row .data-wrapper .data-row{padding:6px 0;}
.row .data-wrapper .title{width:520px;}
.row .data-wrapper .time{width:110px;}
.row .data-wrapper .state{width:125px;}
.row .data-wrapper .state .icon-finish,
.row .data-wrapper .state .icon-makeup{top:5px;left:16px;}
.row .data-wrapper .state .icon-comment{top:5px;right:100%;}

.chapter .menu{width:220px;margin-top:0px;margin-left:12px;}
.chapter .menu ul{list-style:none;}
.chapter .menu ul li{margin-right:40px;border-bottom:1px solid #E7E7E7;}
.chapter .menu ul li.last{height:auto;padding:0;border-bottom:none;}
.chapter .data-table{width:668px;margin-left:10px;}
.chapter .row .data-wrapper{margin-left:0;}
.chapter .row .data-wrapper{width:100%;}
.chapter .row .data-wrapper .title{width:433px;}

.menu .item li{width:180px;height:36px;line-height:36px;cursor:pointer;}
.menu .item .sub-item li{width:100%;margin:0;}
.menu .item li .pointer{right:-28px;width:2px;background:#A8E3F4;border-bottom:1px solid #A8E3F4;}
.menu .item.first>li>.pointer{background:#A8E3F4 url("../img/bg_history_top_bar.png") no-repeat 0 -10px;}
.menu .item.last li .pointer{border-bottom:none;}
.menu .item li .pointer span{display:none;top:9px;left:-6px;}
.menu .item li.checked .pointer span{display:inline-block;}
.chapter .menu .item li.checked{border-bottom:none;background:url("../img/bg_menu_item_checked.png") no-repeat;}
.chapter .menu .item li.checked a{color:#FFF;}
.chapter .menu .item li .homework-count,
.menu .item .title .homework-count{top:2px;right:5px;color:#0092BA;}
.chapter .menu .item li.checked .homework-count{color:#FFF;}
.menu .item .title b{display:inline-block;width:0;height:0;margin:auto 5px;border:4px solid transparent;vertical-align:middle;}
.menu .item.expand .title b{border-top:4px solid #000;}
.menu .item.expand .title.checked{background:url("../img/bg_menu_item_checked.png") no-repeat;color:#FFF;}
.menu .item.expand .title.checked b{border-top:4px solid #FFF;}
.menu .item.collapse .title b{border-left:4px solid #000;}
.menu .item.none .title b{border:4px solid transparent;}
.menu .item.collapse li.last{display:none;}
.menu .item .title>span{display:inline-block;width:135px;}
.menu .sub-item li a{display:inline-block;width:145px;margin-left:35px;}

.growup .flower-count{padding:10px 0;border-bottom:1px solid #CDCCCB;font-size:20px;}
.growup .data-table{margin:15px;}
.history-content.growup .data-wrapper .title{width:756px;}

/* homework */
.container .homework-header{margin:40px 28px 20px 28px;border-bottom:1px dotted #CECDCC;}
.homework-header p{font-size:14px;line-height:2;}
.homework-header .state{right:55px;}
.homework-header .state .time{top:50px;left:43px;}
.homework-header .state .time span{ color: #FF8700;font-weight: bold;}
.homework-header .state.timeout .mask{display:inline-block;top:15px;left:12px;width:100px;height:55px;background:#FFF;}
.homework-header .state.timeout .mask span{width:70px;height:30px;margin:15px 0 0 25px;background:url("../img/icons.png") no-repeat -170px -195px;}
.container.homework-details .left{width:694px;margin-left:28px;border-right:1px dotted #CECDCC;}
.container.homework-details .right{width:220px;}

.homework-details .summary p{line-height:2;}
span.sound{padding:3px;border:1px solid #DFD3D3;border-radius:3px;background:#F3F3F3;}
span.sound span{vertical-align:middle;}
span.sound .icon-sound{margin-right:5px;}
.homework-details .data-list td{border-bottom:1px dotted #CECDCC;padding:6px 0;}
.homework-details .data-list tr.last td{border-bottom:none;}
.homework-details .data-list .index{width:30px;}
.homework-details .data-list .name div{width:434px;padding:0 10px;}
.homework-details .data-list .logo{width:30px;}
.homework-details .data-list .logo img{display:inline-block;width:24px;height:24px;}
.homework-details .data-list .state{width:160px;}
.homework-details .data-list .name2 div{width:435px;padding:0 10px;}
.homework-details .data-list .state2{width:160px;}

.student-list .item{width:58px;margin:5px 7px;}
.student-list .item img{display:inline-block;width:56px;height:56px;border:1px solid #C8C8C8;}

.container .sidebar{bottom:120px;width:55px;height:159px;margin-left:1024px;}
.container .sidebar a{width:100%;height:53px;background:url("../img/icons_sidebar.png") no-repeat;}
.container .sidebar a.scroll-top{background-position:0 0;}
.container .sidebar a.prev{background-position:0 -106px;}
.container .sidebar a.next{background-position:0 -53px;}
.avatar-item.unfinished{margin:0 6px 10px;}

/* messagecenter */
.message .title-message{margin-top:30px;}
.message .title-message select{width:76px;height:20px;padding:1px;border:1px solid #C4C4C4;background:#FFF;}
.message .main-data .top{height:35px;background:#F1F1F1;line-height:35px;}
.message .main-data .top .title{width:558px;margin-left:75px;}
.message .main-data .top .time{width:180px;}
.message .main-data .top .handler{width:100px;}
.tab li {
    float: left;
    height: 62px;
    width: 129px;
}
table.tb-homework td{padding:10px 0;border-bottom:1px dotted #CECDCC;background:#FFF;}
table.tb-homework tr.last td{border-bottom:none;}
.message .tb-wrapper{padding:20px 15px;}
.message .tb-homework .handler{width:60px;}
.message .tb-homework .handler input{margin:0 5px;}
.message .tb-homework .title div{width:558px;}
.message .tb-homework .title div a{font-size:14px;}
.message .tb-homework .time{width:180px;}
.message .tb-homework .delete{width:100px;}
.message .tb-homework tr.unread .handler .icon-message{background-position:-360px -50px;}
.message .tb-homework tr.unread .title a{font-weight:bold;}
.message .foot-toolbar{height:35px;margin-top:20px;background:#F1F1F1;line-height:35px;}
.message .foot-toolbar .handler{margin-left:15px;}
.message .foot-toolbar .handler input{margin:0 5px;}
.message .foot-toolbar .handler .btn-delete{margin-left:20px;}

/* syllabus */
.syllabus-title{margin-top:70px;font-size:26px;}
table.syllabus{background:#F9F9F9;}
table.syllabus tr.th{background:#E9F4FE;}
table.syllabus tr.th img{vertical-align:middle;}
table.syllabus td{height:54px;border:1px solid #D8D8D8;}
table.syllabus col.course{width:102px;}
table.syllabus col.week{width:156px;}
table.syllabus tr.split td{height:18px;background:#FFFEED;}

/* statistics */
.statistics-title{margin-top:30px;}
.statistics-title .stat-filter span{padding:5px 10px;border:1px solid #C4C4C4;cursor:pointer;}
.statistics-title .stat-filter span.checked{background:#DDD;}

.dialog-stat-details{width:625px;border:1px solid #4B4B4B;background:#F2F2F2;}
.dialog-stat-details span.close{top:8px;right:8px;width:18px;height:18px;color:#847E74;line-height:18px;}
.dialog-stat-details .title{color:#4E4E4E;}
.dialog-stat-details table{border:1px solid #A6A6A6;}
.dialog-stat-details table th{color:#282828;background:#E7E7E7;}
.dialog-stat-details table th,
.dialog-stat-details table td{height:40px;border:1px solid #D4D4D4;}
.dialog-stat-details table td.title{color:#4E4E4E;}
.dialog-stat-details table .objective{background:#DEFFFB;color:#008371;}
.dialog-stat-details table th.objective{background:#B1F4EB;color:#282828;}
.dialog-stat-details table .subjective {background:#E3F2FF;color:#0D7ADB;}
.dialog-stat-details table th.subjective{background:#C2DEF7;color:#282828;}

/* no data */
.nodata{padding:130px 0;}
.nodata img{margin:0 10px;vertical-align:top;}
.module.glory .noflower{padding:35px 0;}
.homework-details .right .nohomework{padding:35px 0;}

/*news page*/
ul.pagination{display:inline-block;*display:inline;list-style:none;}
ul.pagination li{display:inline-block;*display:inline;margin:auto 2px;}
ul.pagination li.hidden{display:none;}
ul.pagination li a{display:inline-block;min-width:12px;padding:2px 4px 0;border:1px solid #D5D5D5;border-radius:2px;box-shadow:1px 1px 0 rgba(255,255,255,.66) inset,-1px -1px 0 rgba(255,255,255,.66) inset;font-size:12px;
    background:#EDEDED;
    background:linear-gradient(#F5F5F5,#EDEDED);
    background:-webkit-linear-gradient(#F5F5F5,#EDEDED);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#EDEDED',GradientType=0);
}
ul.pagination li a.checked{border:1px solid #59B5CF;
    background:#84DCF5;
    background:linear-gradient(#C7F7FD,#84DCF5);
    background:-webkit-linear-gradient(#C7F7FD,#84DCF5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C7F7FD',endColorstr='#84DCF5',GradientType=0);
    font-weight:bold;
}
ul.pagination li span{display:inline-block;padding:2px 4px 0;cursor:default;}
.news_to_page{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D5D5D5;
    height: 27px;
    line-height: 27px;
    margin: 0 5px;
    vertical-align: middle;
    width: 30px;
}
.icon-corrected .percent{display:inline-block;}
.icon-corrected .wrapper-percent{display:inline-block;width:85px;position:absolute;top:32px;right:15px;}
.icon-corrected .percent span{float:left;margin:0 -1px;}
.icon-number0{display:inline-block;width:21px;height:28px;background:url("../img/number.png") no-repeat;}
.icon-number1{display:inline-block;width:13px;height:28px;background:url("../img/number.png") -30px 0 no-repeat;}
.icon-number2{display:inline-block;width:21px;height:28px;background:url("../img/number.png") -50px 0 no-repeat;}
.icon-number3{display:inline-block;width:24px;height:28px;background:url("../img/number.png") -80px 0 no-repeat;}
.icon-number4{display:inline-block;width:21px;height:28px;background:url("../img/number.png") -110px 0 no-repeat;}
.icon-number5{display:inline-block;width:23px;height:28px;background:url("../img/number.png") -140px 0 no-repeat;}
.icon-number6{display:inline-block;width:20px;height:28px;background:url("../img/number.png") -170px 0 no-repeat;}
.icon-number7{display:inline-block;width:19px;height:28px;background:url("../img/number.png") -190px 0 no-repeat;}
.icon-number8{display:inline-block;width:22px;height:28px;background:url("../img/number.png") -210px 0 no-repeat;}
.icon-number9{display:inline-block;width:19px;height:28px;background:url("../img/number.png") -240px 0 no-repeat;}
.icon-percent{display:inline-block;width:23px;height:28px;background:url("../img/number.png") -260px 0 no-repeat;}

.dialog-base .dialog-homework{top:50%;left:50%;width:444px;height:379px;margin-top:-190px;margin-left:-222px;background:url("../images/bg_dialog_homework.png") no-repeat;}
.dialog-homework span.close{right:19px;top:20px;width:27px;height:27px;}
.dialog-homework .student-list{width:380px;height:285px;margin:60px 0 0 30px;overflow-y:auto;}
/* 登录 */
.reset-psd-box {padding: 20px 40px 40px 40px;}
.reset-psd-box .box-header {font-size: 18px;font-weight: 600;margin-bottom: 10px;}
.reset-psd-box .box-header-tip {font-size: 12px;font-weight: 400;color: #aaa;}
.reset-psd-box .resetInput {margin-bottom: 14px;}
.reset-psd-box .tips {color: red;text-align: left;margin-bottom: 6px;}
.reset-psd-box .resetBtn {cursor: pointer;background-color: #36aecf;width: 290px;height: 40px;color: white;border-radius: 5px;border: none;}
.verify {height: 40px;display: flex;align-items: center;}
.verify .code {margin-right: 10px;}
.verify .code-img {cursor: pointer;}

.hide{display:none;}

#res-one{position:absolute;z-index:100;display:none;top:0px;left:0;right:0;bottom:0;}
#res-one .dialog-content-stu,
#res-one .dialog-content-stu-answer{position:absolute;top:31px;left:0;right:0;bottom:0;overflow:auto;}


#res-one .qti div.mainqtidiv{border:0;}

.tooltip-base{position:absolute;left:100px;top:100px;min-width:220px;max-width:400px;border:3px solid rgba(0,0,0,0.2);border-radius:3px;background:#FFF;background-clip:content-box;color:#FF7E39;font-size:18px;font-weight:bold;text-shadow:none;line-height:1.8;}
.tooltip-base i{position:absolute;display:inline-block;width:22px;height:11px;overflow:hidden;}
.tooltip-base i b{display:inline-block;float:left;margin:3px;width:10px;height:10px;border:3px solid rgba(0,0,0,0.2);border-radius:3px;background:#FFF;background-clip:content-box;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);}
.tooltip-base>div{width:100%;height:100%;background:#FFF;}
.tooltip-base span{background:url(../img/icons_class.png) 0 -305px transparent;display:inline-block;height:33px;margin:10px;vertical-align:middle;width:33px;float:left;}
.tooltip-base>div>div{display:inline-block;float:left;margin:10px 10px 10px;max-width:320px;}
.tooltip-base.left i{left:-11px;top:10px;width:11px;height:22px;}
.tooltip-base.top i{left:10px;top:-11px;width:22px;height:11px;}
.tooltip-base.right i{right:-11px;top:10px;width:11px;height:22px;}
.tooltip-base.right i b{margin-left:-8px;}
.tooltip-base.bottom i{left:10px;bottom:-11px;width:22px;height:11px;}
.tooltip-base.bottom i b{margin-top:-8px;}

@charset "utf-8";

/*对话框*/
.dialog-base-stu{z-index:1001;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.2);}
.dialog-box-stu,.dialog-box-stu-answer{font-family: 'Microsoft YaHei',z-index:1002;position:absolute;top:100px;left:100px;overflow:hidden;width:600px;min-width:340px;background:#FFF;outline:3px solid #90A9BD;box-shadow:0 2px 10px rgba(0, 0, 0, 0.4);}
.dialog-box-stu-answer .titlebar,.dialog-box-stu .titlebar{position:relative;height:30px;margin:1px;padding:0 15px;background-color:#E9FAFF;background-image:-moz-linear-gradient(top,#E9FAFF,#C4DAED);background-image:-webkit-gradient(linear,50% 0%,50% 100%, from(#E9FAFF),to(#C4DAED));background-image:-o-linear-gradient(top,#E9FAFF,#C4DAED);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9FAFF',endColorstr='#C4DAED',GradientType=0);line-height:29px;}
.dialog-box-stu-answer .ui-dialog-title,.dialog-box-stu .ui-dialog-title{overflow:hidden;width:95%;float:left;text-overflow:ellipsis;white-space:nowrap;color:#257CCF;font-size:12px;font-weight:normal;line-height:29px;}
.dialog-box-stu-answer .dialog-titlebar-close,.dialog-box-stu .dialog-titlebar-close{position:absolute;top:50%;right:0.3em;height:18px;margin:-10px 0 0;padding:1px;width:19px;color:#433F38;font-size:12px;font-weight:normal;text-decoration:none;}
.dialog-box-stu-answer .dialog-titlebar-close span,.dialog-box-stu .dialog-titlebar-close span{display:block;overflow:hidden;width:16px;height:16px;margin:1px;background-image:url("../images/ui-icons_847e71_256x240.png");background-position:-96px -128px;text-indent:-99999px;
}
.dialog-box-stu-answer .dialog-titlebar-close:hover,.dialog-box-stu .dialog-titlebar-close:hover{border:1px solid #CCC;background:#CCC url("../images/ui-bg_highlight-hard_95_cccccc_1x100.png") repeat-x 50% 50%;color:#FFF;font-weight:bold;}
.dialog-box-stu-answer .dialog-titlebar-close:hover span,.dialog-box-stu .dialog-titlebar-close:hover span{background-image:url("../images/ui-icons_ffffff_256x240.png");}
.dialog-box-stu .dialog-content-stu,
.dialog-box-stu-answer .dialog-content-stu-answer{padding:10px;font-family: 'Microsoft Yahei';}

.dialog-base-comment{z-index:999;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.5);}
.dialog-box-comment{z-index:1000;position:absolute;top:300px;left:500px;width:350px;padding:24px;background:#FFF;border:3px solid #A7D7E3;border-radius:4px;}
.dialog-box-comment .title{margin-bottom:15px;color:#007E9D;font:bold 16px/1 "宋体";}
.dialog-box-comment .rating{margin-bottom:12px;}
.dialog-box-comment .comment{margin-bottom:15px;color:#3B3B3B;line-height:1.5;word-wrap:break-word;word-break:break-all;}
.dialog-box-comment .icon-close{top:-12px;right:-12px;width:24px;height:24px;background:url("../images/icons.png") no-repeat -114px -57px;cursor:pointer;}
.dialog-box-comment .icon-close:hover{background:url("../images/icons.png") no-repeat -159px -57px;}

.video-preview{
	background: rgba(0, 0, 0, 0) url("../images/mediaico_video.png") no-repeat scroll center center;
    height: 110px;
    width: 110px;
	border:1px solid #ccc;
}


.pingfen_star{
    background:url("../images/star5.png");
    height: 26px;
    width: 135px;
    background-size:135px 52px;
    margin: 0 auto;
}

.pingfen_star>div{
 background:url("../images/star5.png") 0 -26px;
    height: 26px;
    width: 135px;
    background-size:135px 52px;
}

.pingfen_star>div.star_0{
    width:0%;
}
.pingfen_star>div.star_1{
    width:20%;
}
.pingfen_star>div.star_2{
    width:40%;
}
.pingfen_star>div.star_3{
    width:60%;
}
.pingfen_star>div.star_4{
    width:80%;
}

.pingfen_star>div.star_5{
    width:100%;
}

table.K_point_detail .percent
{
  background:#FE706F;
  height:12px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 95px;
}
table.K_point_detail .percent .current
{
background:#05BB9B;
display: inline-block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 60%;
}
table.K_point_detail tr{

}

.cp:hover div.peer_review,
.row .data-wrapper .data-row:hover div.peer_review{background-color:#F1F1F1;cursor:pointer;}
div.peer_review  {
    width:20px;height:20px;
    background:#ccc;
    background-image: url(../images/peer_review/peer_review.png);
    background-size: 24px;
    background-position: 0 -2px;
    background-color: #fff;
}
div.peer_review .redp{
    width:5px;height:5px;background-color:red;border-radius:50px;
    position:absolute;right:-2px;top:-2px;
    background-color: #ff0000;
    background-color: red;
}

/* 学生答案 ui样式*/
.dialog-content-stu-answer .icom_user_answer{
    background-color: #effbfb;
    padding-top: 10px;
    margin-top: 10px;
}
.dialog-content-stu-answer .icom_user_answer > h3{
    text-indent: 10px;
}
.dialog-content-stu-answer .icom_user_answer .media-item{
    border-radius: 2px solid #d4dedf;
    margin: 10px;
    vertical-align: top;
}
.dialog-content-stu-answer .icom_answer_split button{
    float: right;
    margin-left: 20px;
}
.view_original.btn,
.btn-pad-tint-grey{
    font: 15px "Microsoft YaHei";
    color: #636363;
    padding: 2px 7px;
    border: 2px solid #828282;
    border-radius: 5px;
    background-color: #fff;
}
.view_original.btn:active,
.btn-pad-tint-grey:active{
    background-color: #f2f2f2;
}
div.view_original{
    margin-bottom: 10px;
}
.dialog-content-stu-answer table tbody tr{
    height: 40px;
}
.dialog-content-stu{z-index: 0;}
#work-data-table .data-row .state{
	width: 75px;
	text-indent: 20px;
}
#work-data-table .data-row .state span.abs{
	left: 0;
}

/* 汉字听写 */

table.hztx .stu_answer li {
    float: left;
    text-indent: 0;
    height: 20px;
}
table.hztx .stu_answer li img {
    height: 30px;
    width: 30px;
    border: 1px solid #ccc;
}
table.hztx ul.stu_answer {
    display: inline-block;
    vertical-align: -9px;
    top: 9px;
    position: relative;
}

table.hztx ul.stu_answer.big{
    position: absolute;
    right: 102%;
    width: 100%;
    display: none;
    top: -2px;
}
table.hztx ul.stu_answer.big li{
    float: right;
}
table.hztx .stu_answer.big li img {
    height: 50px;
    width: 50px;
}
table.hztx .stu_answer:hover + .stu_answer.big{
    display: block;
}
table.hztx .stu_answer li img.error{
    border: 1px solid red;
}

table.hztx td.answer span.answer.right{
    display: inline;
}
table.hztx td.answer span.answer.wrong{
    display: none;
}
table.hztx td.answer.wrong span.answer.wrong{
    display: inline;
}
table.hztx td.answer.wrong span.answer.right{
    display: none;
}
.answer-result-info-box{
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}
.answer-result-info-box label{
    margin-right: 40px;
}
.c-green{color: green;}
.c-red{color: red;}
.hover-underline:hover{text-decoration: underline;}
/* 展开查看组件 */
.toggle-wx-btn{
    margin-top: 4px;
    width: 22px;
    height: 12px;
    background: url(../images/peer_review/arrow-down.png);
}
.toggle-wx-btn.open{
    background: url(../images/peer_review/arrow-up.png);
}
.teacher-mark .comment-img-box{border:1px solid #ccc;width:110px;height:110px;}

