#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;}


#box-login .remember:checked + label:before {
  background-position: 0 -16px;
}
#box-login .remember + label:before {
  background: url("../images/icons_checkbox.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 5px;
  vertical-align: middle;
  width: 16px;
}
@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%;}
fieldset,img{border:none;}
table{border-collapse:collapse;border-spacing:0;}
a{color:#000;text-decoration:none;}
a:hover {color:#000;text-decoration:none;}
.cnt{margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.f10{font-size:10px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.l0{left:0px;}
.t0{top:0px;}
.r0{right:0px;}
.b0{bottom:0px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.db{display:block;}
.di{display:inline;}
.dib{display:inline-block;*display:inline;zoom:1;letter-spacing:0; vertical-align:top;}
.dn{display:none;}
.vh{visibility:hidden;}
.vv{visibility:visible;}
.oa{overflow:hidden;}
.oh{overflow:hidden;}
.oa{overflow:auto;}
.rel{position:relative;}
.abs{position:absolute;}
.fix{position:fixed;}
.cp{cursor:pointer;}
.wall{width:100%;}
.wato{width:auto;}
.hall{height:100%;}
.hato{height:auto;}
.bn{border:none;}
.tdn{text-decoration:none;}
.tdu{text-decoration:underline;}
.vm{vertical-align:middle;}
.wb{word-wrap:break-word;word-break:break-all;}
.bd1{border:1px solid #bdbdbd;}
.bgw{background:#fff;}
.bgb{background:#000;}
.bgr{background:#f00;}
.cb{color:#000;}
.cw{color:#fff; text-shadow:0 0 3px rgba(0, 0, 0, 0.25)}
.cr{color:#f00;}
.cll{clear:left;}
.clr{clear:right;}
.clb{clear:both;}
.lsn{list-style:none;}

.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;
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/* 扫码登录样式 */

.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-QR{
    position: fixed;
    right: 20px;
    top: 20px;
    z-index: 100;
    font-size: 16px;
    color: #818e8f;
}

#btn-open-weixin{
    position: fixed;
    right: 100px;
    top: 20px;
    z-index: 100;
    font-size: 16px;
    color: #818e8f;
    padding: 0 20px;
    border-right: 1px solid #666;
}

.hk-icon{
    display: inline-block;
}
.hk-icon-20{
    width: 20px;
    height: 20px;
}
.hk-icon-close{
    background-image: url(../images/login-with-QR/icon-close.png);
}
.hk-icon-close:hover{
    background-image: url(../images/login-with-QR/icon-close-hover.png);
}
.hk-icon-success{
    width: 22px;
    height: 16px;
    background-image: url(../images/login-with-QR/icon-success.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 .tips-success-img{
    margin: 0 auto;
    width: 124px;
    height: 124px;
    background-image: url(../images/login-with-QR/tips-success-img.png);
}
#qr-box .invalid-shadow p{
    margin: 10px 0;
}
#qr-box p{
    margin: 6px 0;
}
#btn-fresh-qr{
    color: #1759d5;
}



@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%;}
fieldset,img{border:none;}
table{border-collapse:collapse;border-spacing:0;}
a{color:#000;text-decoration:none;}
a:hover{color:#000;text-decoration:underline;}
a.blue{color:#0195C0;}
a.blue:hover{color:#0195C0;}
.dib{display:inline-block;}
.db{display:block;}
.dn{display:none;}
.abs{position:absolute;}
.rel{position:relative;}
.fix{position:fixed;}
.t0{top:0;}
.r0{right:0;}
.b0{bottom:0;}
.l0{left:0;}
.clb{clear:both;}
.fl{float:left;}
.fr{float:right;}
.wall{width:100%;}
.hall{height:100%;}
.oh{overflow:hidden;}
.oa{overflow:auto;}
.mt10{margin-top:10px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}
.ml10{margin-left:10px;}
.mb20{margin-bottom:20px;}
.pt10{padding-top:10px;}
.pr10{padding-right:10px;}
.pb10{padding-bottom:10px;}
.pl10{padding-left:10px;}
.cnt{margin:0 auto;}
.color-666{color:#666;}
.color-999{color:#999;}
.color-red{color:#F00;}
.color-green{color:#30A701;}
.color-orange{color:#FF4E00;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.fb{font-weight:bold;}
.ms-yahei{font-family:"Microsoft YaHei";}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.wb{word-wrap:break-word;word-break:break-all;}
.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cp{cursor:pointer;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

body{font:normal 12px/1.5 "宋体";background:#E6FCFE;}
.footer{height:128px;background:url("../images/bg_footer.png") center bottom no-repeat;} 
.footer .container-bottom{width:1000px;height:41px;background:url("../images/bg_main_bottom.png") 1px 0 no-repeat;}
.footer .container-bottom>div{width:100%;height:28px;background:url("../images/bg_index_main_right.png") repeat-y 704px 0;}
.footer_ask{height:72px;background:url("../images/bg_footer_ask.png") center bottom no-repeat;}
.footer_ask .container-bottom{width:1000px;height:41px;background:url("../images/bg_main_bottom.png") 1px 0 no-repeat;}
.footer_ask .container-bottom>div{width:100%;height:28px;background:url("../images/bg_index_main_right.png") repeat-y 704px 0;}

.tab{list-style:none;}
.tab li{float:left;width:129px;height:62px;}

table.tb-homework td{padding:10px 0;border-bottom:1px dotted #CECDCC;background:#FFF;}
table.tb-homework td.title a:hover{text-decoration:none;}
table.tb-homework tr.last td{border-bottom:none;}

.content .content-box{width:908px;margin:-22px 21px 0;border:3px solid #E1E1E1;border-radius:12px;}
.content .content-box .blank{width:100%;height:20px;background:#FFF;border-top-left-radius:10px;border-top-right-radius:10px;}

.input-text{height:30px;padding:0 5px;border:1px solid #B6B6B6;border-radius:4px;box-shadow:0 1px 2px rgba(191,191,191,.75) inset;line-height:30px;}

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

/* header */
.header{height:91px;}
.header .top-block{width:1000px;background:url("../images/bg_main_left_right.png") repeat-y;}
.header .top-bar{min-width:1000px;margin-top:-91px;background:url("../images/bg_top_bar.png") center 0 repeat-x;}
.header .top-bar .nav-bar{z-index:1;width:1000px;}
.nav-bar .logo{width:208px;height:133px;top:0;left:-50px;}
.nav-bar .nav{list-style:none;margin-left:193px;}
.nav-bar .nav li{float:left;height:84px;}
.nav-bar .nav li .item span{display:inline-block;width:90px;height:65px;background:url("../images/icons_nav.png?=1") 0 -65px no-repeat;cursor:pointer;}
.nav-bar .nav li .item.home span{background-position:0 -65px;}
.nav-bar .nav li .item.homework span{background-position:-90px -65px;}
.nav-bar .nav li .item.learn span{background-position:-180px -65px;}
.nav-bar .nav li .item.ebook span{background-position:-270px -65px;}
.nav-bar .nav li .item.class span{background-position:-360px -65px;}
.nav-bar .nav li .item.space-stu span{background-position:-450px -65px;}
.nav-bar .nav li .item.ask span{background-position:-540px -65px;}

.nav-bar .nav li .item.space-stu{
    position:relative;;
}
.nav-bar .nav li .item.space-stu:hover > div.headmorediv{
    display:inline-block;
}
.nav-bar .nav li .item.space-stu div.headmorediv{
    display:none;
    width:90px;
    height:84px;
    position:absolute;
    top:78px;
    left:0px;
    z-index:1;
}
div.headmorediv:hover{
    display:inline-block;
}
div.headmorediv div.spacebn{
    height:42px;
    width:90px;
    display:inline-block;
    background:url("../images/morebn.png") no-repeat;
    background-position:-0px -45px;
    vertical-align:top;
}
div.headmorediv div.spacebn:hover{
    background-position:-0px -228px;
}
div.headmorediv div.spacebn.read{
    background-position:-0px -0px;
}
div.headmorediv div.spacebn.read:hover{
    background-position:-0px -182px;
}
div.headmorediv div.spacebn.checked{
    background-position:-0px -412px;
}
div.headmorediv div.spacebn.playback{
    background-position:-0px -90px;
}
div.headmorediv div.spacebn.playback:hover{
    background-position:-0px -274px;
}
div.headmorediv div.spacebn.playback.checked{
    background-position:-0px -458px;
}
div.headmorediv div.spacebn.yun{
    background-position:-0px -136px;
}
div.headmorediv div.spacebn.yun:hover{
    background-position:-0px -320px;
}
div.headmorediv div.spacebn.read.checked{
    background-position:-0px -368px;
}
div.headmorediv div.spacebn:active{
    background-position:-0px -228px;
}
div.headmorediv div.spacebn.read:active{
    background-position:-0px -182px;
}
div.headmorediv div.spacebn.playback:active{
    background-position:-0px -274px;
}
.nav-bar .nav li .item.checked{background:url("../images/bgs_nav_item.png") no-repeat;}
.nav-bar .nav li .item.checked.home span{background-position:0 0;}
.nav-bar .nav li .item.checked.homework span{background-position:-90px 0;}
.nav-bar .nav li .item.checked.learn span{background-position:-180px 0;}
.nav-bar .nav li .item.checked.ebook span{background-position:-270px 0;}
.nav-bar .nav li .item.checked.class span{background-position:-360px 0;}
.nav-bar .nav li .item.checked.space-stu span{background-position:-450px 0;}
.nav-bar .nav li .item.checked.ask span{background-position:-540px 0;}
.nav-bar .nav li .item:hover{background:url("../images/bgs_nav_item.png") 0 -84px no-repeat;}
.nav-bar .welc-info{top:12px;right:20px;font-size:12px;}
.nav-bar .welc-info .name{max-width:48px;}
.nav-bar .welc-info a.email{width:22px;height:19px;background:url("../images/icons_email.png") 0 -19px no-repeat;}
.nav-bar .welc-info a.email.has-email{background-position:0 0;}
.nav-bar .welc-info span,.nav-bar .welc-info a{vertical-align:bottom;}
.nav-bar .welc-info .wrapper{padding:3px 4px 3px;border:2px solid transparent;border-bottom:0;background:transparent;}
.nav-bar .welc-info .wrapper:hover{border:2px solid #7AC4D9;border-bottom:0;background:#FFF;cursor:pointer;}
.nav-bar .welc-info .wrapper.disabled{border:2px solid transparent;border-bottom:0;background:transparent;}
.nav-bar .welc-info .wrapper.disabled:hover .tooltip-blank{display:none;}
.nav-bar .welc-info .wrapper:hover .tooltip-blank,
.nav-bar .welc-info .wrapper:hover .tooltip.dropdown{display:block;}
.nav-bar .welc-info .wrapper.disabled .tooltip.dropdown{display:none;}
.nav-bar .welc-info .wrapper.disabled .tooltip.dropdown{display:none;}
.nav-bar .welc-info .wrapper .tooltip-blank{z-index:1000;width:100%;border-bottom:2px solid #FFF;}
.nav-bar .welc-info .wrapper .tooltip.dropdown{right:-45px;top:23px;width:185px;}
.nav-bar .welc-info .tooltip>div{padding:10px;}
.nav-bar .welc-info .tooltip>div+div{margin-top:-10px;}

.nav-bar .welc-info .tooltip.pop{right:3px;top:30px;width:185px;padding-top:10px;}
.nav-bar .welc-info .tooltip.pop span.close{display:inline-block;width:10px;height:10px;right:10px;top:5px;font:bold 16px/10px arial;cursor:pointer;color:#666;}
.nav-bar .welc-info .tooltip.pop span.close:hover{color:#999;}

/* 客戶端hack */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .welc-info a b {
        position: relative;
        top: 9px;
    }
}

/* main */
.main{width:1000px;}
.main .container{position:relative;background:url("../images/bg_main_left_right.png") repeat-y;overflow:hidden;}
.main .container .content{margin:0 22px;overflow:hidden;}
.main .container .content.index{background:url("../images/bg_index_main_right.png") 682px 0 repeat-y;}

.icon-english{display:inline-block;width:58px;height:42px;background:url("../images/icons.png") no-repeat;}
.icon-chinese{display:inline-block;width:58px;height:42px;background:url("../images/icons.png") -58px 0 no-repeat;}
.icon-math{display:inline-block;width:58px;height:42px;background:url("../images/icons.png") -116px 0 no-repeat;}
.icon-finish{display:inline-block;width:18px;height:18px;background:url("../images/icons.png") 0 -50px no-repeat;}
.icon-makeup{display:inline-block;width:18px;height:18px;background:url("../images/icons.png") -20px -50px no-repeat;}
.icon-makeup-state{display:inline-block;width:18px;height:18px;background:url("../images/icons_homework_state.png") no-repeat;}
.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;}
.icon-xx_hwork{display:inline-block;width:24px;height:24px;background:url("../images/icons.png") -310px -50px no-repeat;}
.icon-rate{display:inline-block;width:75px;height:14px;background:url("../images/bg_stars.png") -75px 0 no-repeat;}
.icon-comment{display:inline-block;width:18px;height:15px;background:url("../images/icon_comment.png") no-repeat;}
.icon-comment.disabled{display:inline-block;width:18px;height:15px;background:url("../images/icon_comment.png") -22px 0 no-repeat;}
.icon-history{display:inline-block;width:14px;height:14px;background:url("../images/icons.png") -340px -50px no-repeat;}
.icon-email{display:inline-block;width:18px;height:18px;background:url("../images/icons.png") -380px -50px 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-fav-good{display:inline-block;width:18px;height:18px;background:url("../images/icons.png") -40px -50px no-repeat;}
.icon-fav-wrong{display:inline-block;width:18px;height:18px;background:url("../images/icons.png") -60px -50px no-repeat;}
.icon-flower-small{display:inline-block;width:18px;height:18px;background:url("../images/icons.png") -80px -50px no-repeat;}
.icon-flower-medium{display:inline-block;width:27px;height:27px;background:url("../images/icons.png") -120px -50px no-repeat;}
.icon-flower-big{display:inline-block;width:90px;height:90px;background:url("../images/icons.png") -210px -80px no-repeat;}
.icon-flower2-25{display:inline-block;width:25px;height:25px;background:url("../images/icon_flower2_25.png") no-repeat;}
.icon-flower2-52{display:inline-block;width:52px;height:52px;background:url("../images/icon_flower2_52.png") no-repeat;}
.icon-sound{display:inline-block;width:20px;height:20px;background:url("../images/icons.png") -100px -50px no-repeat;}
.icon-sound.playing{display:inline-block;width:20px;height:20px;background:url("../images/icon_sound_playing.gif") 1px 1px no-repeat;}
.icon-book{display:inline-block;width:76px;height:80px;background:url("../images/icons.png") 0 -80px no-repeat;}
.icon-book2{display:inline-block;width:125px;height:95px;background:url("../images/icons.png") -80px -80px no-repeat;}
.icon-finished{display:inline-block;width:126px;height:66px;background:url("../images/icons.png") 0 -180px no-repeat;}
.icon-unfinished{display:inline-block;width:145px;height:90px;background:url("../images/icons.png") -130px -180px no-repeat;}
.icon-corrected{display:inline-block;width:194px;height:92px;background:url("../images/icons.png") -280px -180px no-repeat;}
.icon-finished .makeup{display:inline-block;position:absolute;top:-4px;left:-12px;width:37px;height:36px;background:url("../images/icons.png") -300px -80px no-repeat;}
.icon-unfinished .makeup{display:inline-block;position:absolute;top:-4px;left:-12px;width:37px;height:36px;background:url("../images/icons.png") -300px -120px no-repeat;}
.icon-corrected .makeup{display:inline-block;position:absolute;top:-10px;left:-12px;width:37px;height:36px;background:url("../images/icons.png") -340px -80px no-repeat;}
.icon-corrected .wrapper-percent{display:inline-block;width:85px;position:absolute;top:32px;right:15px;}
.icon-corrected .percent{display:inline-block;}
.icon-corrected .percent span{float:left;margin:0 -1px;}
.btn-view{display:inline-block;width:129px;height:47px;background:url("../images/icons.png") 0 -275px no-repeat;}
.btn-delete{display:inline-block;width:89px;height:43px;background:url("../images/icons.png") -130px -275px no-repeat;}
.btn-conquer{display:inline-block;width:89px;height:43px;background:url("../images/icons.png") -220px -275px no-repeat;}
.btn-conquer.disabled{background:url("../images/icons_btn_disabled.png") no-repeat;}
.btn-practice{display:inline-block;width:89px;height:43px;background:url("../images/icons.png") -260px -325px no-repeat;}
.btn-practice.disabled{background:url("../images/icons_btn_disabled.png") 0 -44px no-repeat;}
.btn-confirm{display:inline-block;width:99px;height:47px;background:url("../images/icons.png") -310px -275px no-repeat;}
.btn-prev{display:inline-block;width:82px;height:35px;background:url("../images/icons.png") 0 -325px no-repeat;}
.btn-next{display:inline-block;width:82px;height:35px;background:url("../images/icons.png") -90px -325px no-repeat;}
.btn-submit{display:inline-block;width:75px;height:35px;background:url("../images/icons.png") -180px -325px no-repeat;}
.btn-silver{display:inline-block;padding:8px 15px;border:1px solid #BBB;background:#CECECE;border-radius:3px;background:linear-gradient(#FFFFFF,#CECECE);background:-webkit-linear-gradient(#FFFFFF,#CECECE);filter:progid:dximagetransform.microsoft.gradient(startcolorstr="#FFFFFF",endcolorstr="#CECECE",gradienttype=0);line-height:normal;}
.icon-tab-wrong{display:inline-block;width:129px;height:62px;background:url("../images/bg_tab_title.png") 0 -62px no-repeat;}
.icon-tab-good{display:inline-block;width:129px;height:62px;background:url("../images/bg_tab_title.png") -129px -62px no-repeat;}
.icon-tab-task{display:inline-block;width:129px;height:62px;background:url("../images/bg_tab_title.png") -258px -62px no-repeat;}
.icon-tab-class{display:inline-block;width:129px;height:62px;background:url("../images/bg_tab_title.png") -387px -62px no-repeat;}
.icon-tab-system{display:inline-block;width:129px;height:62px;background:url("../images/bg_tab_title.png") -516px -62px no-repeat;}
.icon-tab-send {display:inline-block;width:129px;height:62px;background:url("../images/bg_tab_title.png") -644px -62px no-repeat;}
.icon-tab-receive {display:inline-block;width:129px;height:62px;background:url("../images/bg_tab_title.png") -771px -62px no-repeat;}

.icon-vld-right{display:inline-block;width:17px;height:17px;background:url("../images/icons_validator.png") -17px 0 no-repeat;}
.icon-vld-wrong{display:inline-block;width:17px;height:17px;background:url("../images/icons_validator.png") no-repeat;}
.icon-number0{display:inline-block;width:21px;height:28px;background:url("../images/number.png") no-repeat;}
.icon-number1{display:inline-block;width:13px;height:28px;background:url("../images/number.png") -30px 0 no-repeat;}
.icon-number2{display:inline-block;width:21px;height:28px;background:url("../images/number.png") -50px 0 no-repeat;}
.icon-number3{display:inline-block;width:24px;height:28px;background:url("../images/number.png") -80px 0 no-repeat;}
.icon-number4{display:inline-block;width:21px;height:28px;background:url("../images/number.png") -110px 0 no-repeat;}
.icon-number5{display:inline-block;width:23px;height:28px;background:url("../images/number.png") -140px 0 no-repeat;}
.icon-number6{display:inline-block;width:20px;height:28px;background:url("../images/number.png") -170px 0 no-repeat;}
.icon-number7{display:inline-block;width:19px;height:28px;background:url("../images/number.png") -190px 0 no-repeat;}
.icon-number8{display:inline-block;width:22px;height:28px;background:url("../images/number.png") -210px 0 no-repeat;}
.icon-number9{display:inline-block;width:19px;height:28px;background:url("../images/number.png") -240px 0 no-repeat;}
.icon-percent{display:inline-block;width:23px;height:28px;background:url("../images/number.png") -260px 0 no-repeat;}

.icon-text-no-homework{display:inline-block;width:123px;height:18px;background:url("../images/bg_text_no_homework.png") no-repeat;}
.icon-text-no-flower{display:inline-block;width:123px;height:18px;background:url("../images/bg_text_no_flower.png") no-repeat;}
.icon-text-praise1{display:inline-block;width:291px;height:18px;background:url("../images/bg_text_praise.png") no-repeat;}
.icon-text-praise2{display:inline-block;width:291px;height:18px;background:url("../images/bg_text_praise.png") 0 -26px no-repeat;}
.icon-text-delete{display:inline-block;width:268px;height:20px;background:url("../images/bg_text_delete.png") no-repeat;}
.icon-nodata{display:inline-block;width:92px;height:92px;background:url("../images/bg_icon_no_data.png") no-repeat;}
.icon-loading{display:inline-block;width:16px;height:16px;background:url("../images/bg_icon_loading.gif") no-repeat;}

.icon-attachment{display:inline-block;width:7px;height:10px;background:url("../images/icon_attachment_msg.png") no-repeat;}
.icon-att-doc{display:inline-block;width:82px;height:73px;background:url("../images/icons_attachment.png") no-repeat;}
.icon-att-pdf{display:inline-block;width:82px;height:73px;background:url("../images/icons_attachment.png") 0 -80px no-repeat;}
.icon-att-ppt{display:inline-block;width:82px;height:73px;background:url("../images/icons_attachment.png") 0 -160px no-repeat;}
.icon-att-txt{display:inline-block;width:82px;height:73px;background:url("../images/icons_attachment.png") 0 -240px no-repeat;}
.icon-att-excel{display:inline-block;width:82px;height:73px;background:url("../images/icons_attachment.png") 0 -320px no-repeat;}
.icon-att-mp3{display:inline-block;width:82px;height:73px;background:url("../images/icons_attachment.png") 0 -400px no-repeat;}
.icon-att-mp4{display:inline-block;width:82px;height:73px;background:url("../images/icons_attachment.png") 0 -480px no-repeat;}
.icon-att-swf{display:inline-block;width:82px;height:73px;background:url("../images/icons_attachment.png") 0 -560px no-repeat;}
.icon-att-up{display:inline-block;width:82px;height:73px;background:url("../images/icons_attachment.png") 0 -640px no-repeat;}
.icon-att-kjxzq{display:inline-block;width:82px;height:73px;background:url("../images/icons_attachment.png") 0 -720px no-repeat;}
.icon-att-hdxt{display:inline-block;width:82px;height:73px;background:url("../images/icons_attachment.png") 0 -800px no-repeat;}
.icon-att-hdtb{display:inline-block;width:82px;height:73px;background:url("../images/icons_attachment.png") 0 -880px no-repeat;}
.icon-att-hdsp{display:inline-block;width:82px;height:73px;background:url("../images/icons_attachment.png") 0 -960px no-repeat;}
.icon-att-txjsq{display:inline-block;width:82px;height:73px;background:url("../images/icons_attachment.png") 0 -1040px no-repeat;}
.icon-att-7z{display:inline-block;width:82px;height:73px;background:url("../images/icons_attachment.png") 0 -1040px no-repeat;}
.icon-att-cab{display:inline-block;width:82px;height:73px;background:url("../images/icons_attachment.png") 0 -1040px no-repeat;}
.icon-att-iso{display:inline-block;width:82px;height:73px;background:url("../images/icons_attachment.png") 0 -1040px no-repeat;}
.icon-att-rar{display:inline-block;width:82px;height:73px;background:url("../images/icons_attachment.png") 0 -1040px no-repeat;}
.icon-att-zip{display:inline-block;width:82px;height:73px;background:url("../images/icons_attachment.png") 0 -1040px no-repeat;}

.icon-upload-word{display:inline-block;width:32px;height:32px;background:url("../images/icons_upload.png") 0 -32px no-repeat;}
.icon-upload-pdf{display:inline-block;width:32px;height:32px;background:url("../images/icons_upload.png") 0 -64px no-repeat;}
.icon-upload-ppt{display:inline-block;width:32px;height:32px;background:url("../images/icons_upload.png") 0 -96px no-repeat;}
.icon-upload-txt{display:inline-block;width:32px;height:32px;background:url("../images/icons_upload.png") 0 -128px no-repeat;}
.icon-upload-excel{display:inline-block;width:32px;height:32px;background:url("../images/icons_upload.png") 0 -160px no-repeat;}
.icon-upload-mp3{display:inline-block;width:32px;height:32px;background:url("../images/icons_upload.png") 0 -192px no-repeat;}
.icon-upload-mp4{display:inline-block;width:32px;height:32px;background:url("../images/icons_upload.png") 0 -224px no-repeat;}
.icon-upload-upload{display:inline-block;width:32px;height:32px;background:url("../images/icons_upload.png") 0 -267px no-repeat;}
.icon-upload-ggb{display:inline-block;width:32px;height:32px;background:url("../images/icon_ggb.png") center center no-repeat;background-size:100% 100%; }
.icon-upload-swf{display:inline-block;width:32px;height:32px;background:url("../images/icons_upload.png") 0 -438px no-repeat;}
.icon-upload-img{display:inline-block;width:32px;height:32px;background:url("../images/icons_upload.png") 0 -472px no-repeat;}

/* index */
.content.index .left{width:655px;margin-left:28px;}
.content.index .right{width:228px;margin-left:30px;margin-right:15px;}
.main .container-blank{background:url("../images/bg_main_left_right.png") repeat-y;position: relative;}
.main .container-blank>div:not(.link-box){width:100%;height:100%;background:url("../images/bg_index_main_right.png") repeat-y 704px 0;}
.main .container-blank>div.link-box{right: 40px;position: absolute;bottom: -20px;}
.main .container-blank>div.link-box a{color: #35acce; font-size: 14px;margin-right: 5px;}
.content .left .homework-info{margin:35px 25px 30px 80px;}
.homework-info p{font-size:14px;}
.homework-info p span{font-size:22px;}
.homework-info p b{vertical-align:middle;}

.content .left .homework-list{margin-right:35px;}
.content .left .item{margin-top:20px;}
.homework-list .caption{margin:10px 0;font-size:20px;}
.homework-list .caption span{vertical-align:middle;}
.homework-list .data-list td{padding:6px 0;border-bottom:1px dotted #CECDCC;}
.homework-list .data-list tr.last td{border-bottom:none;}
.homework-list .data-list tr:hover td{background:#F1F1F1;cursor:pointer;}
.homework-list .data-list .title{width:420px;text-indent:1em;}
.homework-list .data-list a{color:#000;font-size:14px;}
.homework-list .data-list a:hover{text-decoration:none;}
.homework-list .data-list .state{width:145px;text-align:center;}
.homework-list .data-list .state span{margin-right:5px;vertical-align:middle;}
.homework-list .data-list .finished{width:80px;text-align:center;}

.index .right .student-info{margin-top:35px;}
.index .right .student-info img.avator{width:85px;height:85px;border-radius:5px;background:#F7F7F7;}
.index .right .student-info .name{max-width:62px;}
.index .right .student-info .flower-count{font-size:20px;}
.index .right .student-info p{line-height:1.8;}
.module .title{background:url("../images/bg-list-style.png") 0 5px no-repeat;text-indent:.8em;}
.favorite .book .name{padding:14px 0;color:#FFF;text-indent:.6em;}
.favorite .book .count{bottom:3px;padding:5px 8px;color:#2A2A2A;}
.favorite .book .icon{right:10px;bottom:10px;}
.glory p{padding:10px 0;border-bottom:1px dotted #CECDCC;}

/* homework */
.content .location{padding:15px 140px;}
.content .homework-header{width:900px;margin:0 28px 20px;padding:5px 0 10px;border-bottom:1px dotted #CECDCC;}
.homework-header .title{padding:5px 0;font-size:20px;}
.homework-header p{font-size:14px;line-height:2;}
.homework-header .state{right:55px;}
.homework-header .state .time{top:50px;left:43px;font-family:"Microsoft YaHei";color:#666;}
.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 27px;background:url("../images/icons.png") -170px -195px no-repeat;}
.content.homework-details .left{width:670px;margin-left:28px;border-right:1px dotted #CECDCC;}
.content.homework-details .right{width:220px;margin-left:-1px;padding-left:10px;border-left:1px dotted #CECDCC;}

.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{margin-right:20px;margin-top:-20px;padding-bottom:15px;}
.homework-details .data-list .title{padding:20px 0;}
.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 tr:hover td{background:#F1F1F1;cursor:pointer;}
.homework-details .data-list td.name a:hover{text-decoration:none;}
.homework-details .data-list td.name2 a:hover{text-decoration:none;}
.homework-details .data-list .index{width:30px;text-indent:.5em;}
.homework-details .data-list .name div{width:550px;padding:0 10px;}
.homework-details .data-list .logo{width:30px;}
.homework-details .data-list .logo img{display:inline-block;width:32px;height:32px;}
.homework-details .data-list .state{width:20px;}
.homework-details .data-list .name2 div{width:435px;padding:0 10px;}
.homework-details .data-list .state2{width:160px;padding-right:10px;}

.student-list{float:left;}
.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:1000px;}
.container .sidebar a{width:100%;height:53px;background:url("../images/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;}
.container-blank span.dotted-split{display:inline-block;height:100%;width:269px;margin-left:-1px;padding-left:10px;border-left:1px dotted #CECDCC;}
.container-blank{text-align:right;}

/* homeworkquery */
.content.query .nav{width:830px;margin:18px 20px 5px 106px;}
.query .nav .dropdown-bg{width:135px;height:48px;background:url("../images/bg_class_title.png") no-repeat;}
.dropdown-bg .dropdown{z-index:9;margin:10px 0 0 50px;}
.dropdown b{display:inline-block;width:0;height:0;border:4px solid transparent;border-top:5px solid #000;vertical-align:middle;}
.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;}
.tabs .tab{float:left;width:90px;height:30px;background:url("../images/bgs_query.png") -90px 0 no-repeat;font-size:14px;text-align:center;line-height:23px;cursor:pointer;margin:10px 0 10px 10px;}
.tab.checked{background-position:0 0;color:#FFF;}

.content.query .filter{width:920px;margin:0 18px;}
.filter .top{height:20px;background:url("../images/bg_filter_top.png") no-repeat;}
.filter .body{background:url("../images/bg_filter_body.png") repeat-y;}
.filter .body.time .watermark{right:20px;width:86px;height:86px;background:url("../images/bg_homework_filter.png") no-repeat;}
.filter .body.time .watermark.none{display:none;}
.filter .body.time .li{margin:0 30px;}
.filter .body.time .li label{display:inline-block;float:left;padding:2px 5px;vertical-align:top;}
.filter .body.time .li div{display:inline-block;max-width:806px;overflow:hidden;}
.filter .body.time .li span{display:inline-block;min-width:90px;padding:2px 5px;}
.filter .body.time .li span a:hover{text-decoration:none;}
.filter .body.time .li span.checked a{color:#0195C0;font-weight:bold;}
.filter .body.time .li span a.disabled,
.filter .body.time .li span a.disabled:hover{color:#999;cursor:default;}

.content.query .chain{width:920px;height:56px;margin:-11px 18px 0;background:url("../images/bg_filter_chain.png") no-repeat;}
.content .content-box.chapter .blank{background:#F1F1F1;}
.content .content-box.chapter>.title{height:35px;background:#F1F1F1;line-height:35px;}
.content-box.chapter>.title .wrapper{display:inline-block;position:relative;z-index:999;cursor:pointer;}
.content-box.chapter>.title .wrapper .icon{display:inline-block;width:34px;height:29px;background:url("../images/icon_contents.png") no-repeat;vertical-align:middle;}
.content-box.chapter>.title .wrapper b{display:inline-block;border:8px solid transparent;border-top-color:#767574;border-bottom:0;line-height:8px;vertical-align:middle;}

.content-box.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;}
.content-box.chapter .pop-books.book1{width:140px;}
.content-box.chapter .pop-books.book2{width:278px;}
.content-box.chapter .pop-books.book3{width:418px;}
.content-box.chapter .pop-books.book4{width:554px;}
.content-box.chapter .pop-books ul{list-style:none;}
.content-box.chapter .pop-books ul li{display:inline-block;_display:inline;float:left;position:relative;width:118px;height:205px;margin:10px;background:url("../images/bg_book.png") no-repeat;cursor:pointer;}
.content-box.chapter .pop-books ul li .cover{height:159px;width:113px;margin-top:3px;margin-left:4px;}
.content-box.chapter .pop-books ul li .icon-state{display:none;position:absolute;right:0;top:3px;width:29px;height:27px;background:url("../images/icon_checked_book.png") no-repeat;}
.content-box.chapter .pop-books ul li.checkedd .icon-state{display:inline-block;}
.content-box.chapter .pop-books ul li .txt{margin-top:5px;line-height:1.5;}
.content-box.chapter>.title .wrapper:hover .pop-books{display:block;}


.history .data-table{margin:15px;}
.row .date{width:100px;}
.row .date .day{width:32px;font-size:28px;font-family:arial;line-height:1;}
.row .date p.week{font:bold 16px "Microsoft YaHei";}
.row .data-wrapper{width:738px;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("../images/bg_history_top_bar.png") 0 -10px no-repeat;}
.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 .data-row:hover{background:#F1F1F1;cursor:pointer;}
.row .data-wrapper .title{width:502px;}
.row .data-wrapper .title a:hover{text-decoration:none;}
.row .data-wrapper .time{width:110px;}
.row .data-wrapper .state{width:110px;}
.row .data-wrapper .state .icon-finish,
.row .data-wrapper .state .icon-makeup{top:0;left:16px;}
.row .data-wrapper .state .icon-comment{top:1px;right:100%;}
.history .loading,.chapter .loading,.growup .loading{height:35px;margin-top:20px;line-height:35px;}

.growup .flower-count{padding:10px 0;font-size:20px;}
.growup .data-table{margin:15px;}
.content-box.growup .data-wrapper .title{width:730px;}
.growup .row .data-wrapper .data-row:hover{background:transparent;cursor:default;}


.chapter .chapter-wrapper{margin-top:15px;background:url("../images/bg_split_chapter.gif") 221px 0 repeat-y;}
.chapter .menu{width:220px;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:650px;margin-left:10px;}
.chapter .row .data-wrapper{margin-left:0;}
.chapter .row .data-wrapper{width:100%;}
.chapter .row .data-wrapper .title{width:415px;}

.menu .item li{width:195px;height:36px;line-height:36px;cursor:pointer;}
.menu .item .sub-item li{width:100%;margin:0;text-align:left;}
.menu .item li .pointer{right:-16px;width:2px;background:#A8E3F4;border-bottom:1px solid #A8E3F4;}
.menu .item.first>li>.pointer{background:#A8E3F4 url("../images/bg_history_top_bar.png") 0 -10px no-repeat;}
.menu .item.last li .pointer{border-bottom:none;}
.menu .item li .pointer span{display:none;top:9px;left:-6px;}
.chapter .menu .item li.checked{border-bottom:none;background:url("../images/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-right:5px;border:4px solid transparent;border-bottom:0;vertical-align:middle;}
.menu .item.expand .title b{border-top:4px solid #000;}
.menu .item.expand .title.checked{background:url("../images/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:4px solid transparent;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:150px;}
.menu .sub-item li a{display:inline-block;width:135px;margin-left:35px;}

/* favorite */
.tab.filtertab{float:left;margin-top:-62px;margin-left:280px;}
.tab.filtertab li.checked{background:url("../images/bg_fav_tab.png") no-repeat;}
.tab.filtertab li.checked a.icon-tab-wrong,
.tab.filtertab li a.icon-tab-wrong:hover{background-position:0 0;;}
.tab.filtertab li.checked a.icon-tab-good,
.tab.filtertab li a.icon-tab-good:hover{background-position:-129px 0;;}

.content-box.favorite .blank{background:#F1F1F1;}
.favorite .table-header{background:#F0F0F0;padding-bottom:10px;}
.favorite .table-header .title{width:625px;}
.favorite.fav-good .table-header .title{width:788px;}
.favorite .table-header .time{width:100px;}
.favorite .table-header .count{width:85px;}
.favorite .table-header .state{width:95px;}
.favorite .wrapper{padding:5px 15px 15px 15px;}
.favorite .tb-homework .handler{width:75px;}
.favorite .tb-homework .handler input{margin:0 5px;}
.favorite .tb-homework .title{width:520px;}
.favorite .tb-homework .title img{display:inline-block;width:18px;height:18px;vertical-align:middle;margin:0 5px;}
.favorite .tb-homework .title div{width:518px;font-size:14px;}
.favorite .tb-homework .time{width:100px;}
.favorite .tb-homework .count{width:85px;}
.favorite .tb-homework .state{width:82px;}
.favorite .tb-homework tr:hover td{background:#F1F1F1;cursor:pointer;}
.favorite.fav-good .tb-homework .title{width:auto;}
.favorite.fav-good .tb-homework .title div{width:700px;}
.favorite .foot-toolbar.fixed-bottom{position:fixed;bottom:0;width:908px;}
.favorite .foot-toolbar.fixed-bottom+div{display:block;}
.favorite .foot-toolbar+div{display:none;width:100%;height:50px;margin-top:20px;}
.favorite .foot-toolbar{height:50px;margin-top:20px;background:#F1F1F1;border-bottom-right-radius:10px;border-bottom-left-radius:10px;line-height:50px;}
.favorite .foot-toolbar .handler{margin-left:15px;}
.favorite .foot-toolbar .handler input{margin:0 5px;}
.favorite .foot-toolbar .btn-conquer{margin-right:20px;}
.favorite .foot-toolbar .btn-practice{margin-right:20px;}

.favorite .wrapper input.to-page{width:30px;height:27px;margin:0 5px;border:1px solid #D5D5D5;background:#FFF;line-height:27px;vertical-align:middle;}

/* message */
.tab.messagetab{float:left;margin-top:24px;margin-left:110px;}
.tab.messagetab li.checked{background:url("../images/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;}
.tab.messagetab li.checked a.icon-tab-recieve,
.tab.messagetab li a.icon-tab-receive:hover{background-position:-771px 0;}
.tab.messagetab li.checked a.icon-tab-send,
.tab.messagetab li a.icon-tab-send:hover{background-position:-644px 0;}

.content.message .main-data{width:902px;margin:0 21px;border-top:3px solid #E1E1E1;border-bottom:3px solid #E1E1E1;}
.message .main-data .top{height:35px;background:#F7F7F7;line-height:35px;}
.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 .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;}

/* 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("../images/bgs_attachment.png") no-repeat;}
.msg-details .main-data .attachment .att-body{padding:10px 30px;background:url("../images/bg_attachment_body.png") repeat-y;}
.msg-details .main-data .attachment .att-bottom{height:17px;background:url("../images/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;}

/* dialog */
.dialog-base{z-index:100;}
.dialog-base .mask{background:#000;opacity:.18;filter:alpha(opacity=18);}
.dialog-base .dialog-box{width:600px;height:400px;}
.dialog-box .box-tl,.dialog-box .box-tr,.dialog-box .box-bl,.dialog-box .box-br{width:15px;height:15px;background:url("../images/bgs_dialog.png") no-repeat;}
.dialog-box .box-tl{top:11px;left:0;}
.dialog-box .box-tc{top:11px;right:15px;left:15px;height:15px;background:url("../images/bgs_dialog.png") 0 -30px repeat-x;}
.dialog-box .box-tr{top:11px;right:0;background-position:-15px 0;}
.dialog-box .box-l{top:26px;bottom:15px;left:0;width:15px;background:url("../images/bg_dialog_lr.png") repeat-y;}
.dialog-box .box-c{top:26px;right:15px;bottom:15px;left:15px;background:#FFF;}
.dialog-box .box-r{top:26px;right:0;bottom:15px;width:15px;background:url("../images/bg_dialog_lr.png") -15px 0 repeat-y;}
.dialog-box .box-bl{bottom:0;left:0;background-position:0 -15px;}
.dialog-box .box-bc{right:15px;bottom:0;left:15px;height:15px;background:url("../images/bgs_dialog.png") 0 -45px repeat-x;}
.dialog-box .box-br{right:0;bottom:0;background-position:-15px -15px;}
.dialog-box span.close{top:-6px;right:-25px;width:70px;height:70px;background:url("../images/icon_dialog_close.png") no-repeat;}
.dialog-box .box-c .box-content{top:29px;right:0;bottom:40px;left:0;background:#FFF;}
.dialog-box .box-c .toolbar{bottom:0;height:35px;padding:2px;background:#F1F1F1;line-height:33px;}

.dialog-base.conquer .dialog-box{top:50%;left:50%;width:1000px;height:650px;margin:-300px auto auto -500px;}
.dialog-base.conquer .dialog-box .dialog-title{top:0;left:15px;width:120px;height:37px;background:url("../images/bg_title_conquer.png") no-repeat;}

.dialog-base.practice .dialog-box{top:50%;left:50%;width:1000px;height:650px;margin:-300px auto auto -500px;}
.dialog-base.practice .dialog-box .dialog-title{top:0;left:15px;width:120px;height:37px;background:url("../images/bg_title_practice.png") no-repeat;}

.dialog-base.push .dialog-box{top:50%;left:50%;width:1000px;height:650px;margin:-300px auto auto -500px;}
.dialog-base.push .dialog-box .dialog-title{top:0;left:15px;width:120px;height:37px;background:url("../images/bg_title_push.png") no-repeat;}

.dialog-base .dialog-notice{top:50%;left:50%;width:402px;height:304px;margin-top:-152px;margin-left:-201px;background:url("../images/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;}

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

.dialog-base .dialog-comment{top:50%;left:50%;width:444px;height:329px;margin-top:-190px;margin-left:-165px;background:url("../images/bg_dialog_comment.png") no-repeat;}
.dialog-comment span.close{right:19px;top:20px;width:27px;height:27px;}
.dialog-comment .comment-details{width:370px;height:240px;margin:60px 0 0 30px;overflow-y:auto;}
.dialog-comment .comment-details .text{line-height:2;}

.dialog-base .dialog-new-homework{top:50%;left:50%;width:484px;height:329px;margin-top:-165px;margin-left:-222px;background:url("../images/bg_dialog_new_homework.png") no-repeat;}
.dialog-new-homework span.close{right:19px;top:20px;width:27px;height:27px;}
.dialog-new-homework .new-homework{width:410px;height:240px;margin:60px 0 0 30px;overflow-y:auto;}
.dialog-new-homework .info{margin-top:15px;padding:5px 10px;border-top:1px solid #B8B8B8;}
.dialog-new-homework .text{height:85px;margin-top:15px;overflow-y:auto;line-height:2;}

.dialog-base .dialog-password{top:50%;left:50%;width:544px;height:329px;margin-top:-165px;margin-left:-272px;background:url("../images/bg_dialog_password.png") no-repeat;}
.dialog-password span.close{right:19px;top:20px;width:27px;height:27px;}
.dialog-password .password-form{width:465px;margin:80px 0 0 30px;}
.dialog-password .password-form td{padding:3px;}
.dialog-password .password-form .label{width:100px;}
.dialog-password .password-form .input{width:175px;}
.dialog-password .password-form .input input{width:155px;}

/* tooltip */
.tooltip{z-index:999;border:2px solid #7AC4D9;width:100px;box-shadow:0 0 10px rgba(0,0,0,.3);background:#FFF;}

/* no data */
.nodata{padding:130px 0;}
.nodata img{margin:0 10px;vertical-align:top;}

.index .left .more{padding:45px 40px;}
.module.glory .noflower{padding:35px 0;}

.homework-details .right .nohomework{padding:35px 0;}

/* 登录 */
.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;}
.login-base .bg-logo{height:577px;background:url("../images/bg_login_logo.png") no-repeat;}
.login-base .bg-footer{bottom:0;height:652px;background:url("../images/bg_login.png") no-repeat center bottom;}
.login-base .bg-blank{top:768px;background:#E6FCFE;}
.login-base .dia-login{top:50%;left:50%;width:381px;height:361px;margin-left:80px;margin-top:-180px;background:url("../images/bg_login_dialog.png") no-repeat;}
.dia-login .wrapper{padding:55px 45px;}
.dia-login input[type="text"],
.dia-login input[type="password"]{width:260px;padding:12px 14px;border:1px solid #C4C4C4;}
.dia-login input:focus{border-color:#7EA612;}
.dia-login .remenber+label>span{display:inline-block;width:14px;height:14px;border:1px solid #C4C4C4;background:#FFF;text-indent:-9999px;vertical-align:middle;font-family:Tahoma;}
.dia-login .remenber.checked+label>span{color:#037BEB;text-indent:0;text-align:center;line-height:1;}
.dia-login a.submit{display:inline-block;width:288px;padding:6px 0;border:1px solid #829E0C;box-shadow:inset 0 1px rgba(255,255,255,.36);background:#8EBA17;color:#FFF;font-size:26px;}
.dia-login a.submit:hover{text-decoration:none;}

/* jPlayer */
div.jp-audio{position:absolute;top:50%;left:50%;width:416px;height:110px;margin:-55px 0 0 -208px;background:url("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/icons_jp.png") no-repeat 0 -110px;}
ul.jp-toggles a.jp-repeat-off{display:inline-block;width:27px;height:20px;background:url("../images/icons_jp.png") no-repeat -30px -110px;}

#jc_list .list{
    width:900px;
    margin: auto;
    margin-top: 25px;
    position: relative;

}

#jc_list .jc-history-box .list{
    width:900px;
    margin: auto;
    position: relative;
}

#jc_list .jc-box{
    width: 300px;
    float: left;
    list-style-type: none;
    z-index: 2;
    position: relative;
    margin-top: 58px;
}
#jc_list .jc{
    position: relative;
    width: 184px;
    height: 217px;
    margin-left: 58px;
}
#jc_list .jccover {
    height: 203px;
    left: 20px;
    position: absolute;
    top: 4px;
    width: 144px;
    background-color: rgba(0,0,0,0);
    z-index:-1;
}

#jc_list .jc .title{
    bottom: 13px;
    color: #FFFFFF;
    height: 40px;
    left: 22px;
    overflow: hidden;
    position: absolute;
    width: 140px;
    font-size: 14px;
}

#jc_list ul{
    float: left;
    width: 900px;
    margin-top:-50px;
}

#jc_list .jc-history-box ul{
    position: relative;

}
#jc_list .jc-history-box .xn
{
    background: none repeat scroll 0 0 #F7F7F7;
    border-radius: 30px;
    font-size: 14px;
    position: absolute;
    left:50%;
    top:10px;
    margin-left: -90px;
    text-align: center;
    width: 180px;
    z-index: 9999;
}
#jc_list .shelf-box {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 107px auto;
    position: absolute;
    width: 100%;
    z-index: 0;
}
#jc_list .shelf {
    margin: 146px 35px 0;
}

#jc_list .shelf .l {
    background: url("../images/select_book/shelf_left.png") no-repeat scroll 0 0 #FFFFFF;
    float: left;
    height: 129px;
    width: 172px;
}
#jc_list .shelf .r {
    background: url("../images/select_book/shelf_right.png") no-repeat scroll 0 0 #FFFFFF;
    float: right;
    height: 129px;
    width: 198px;
}

#jc_list .shelf .m {
    background: url("../images/select_book/shelf_mid.png") repeat-x scroll 0 0 #FFFFFF;
    height: 129px;
    margin: 0 198px 0 172px;
}

#jc_list .line {
    background: none repeat scroll 0 0 #FA9B1B;
    height: 30px;
    margin: 0 20px;
    width: 2px;
}

.clear{ clear:both}

/* 学生积分 首页 *******************************************************/
#points-wrapper{
	font-family: "heit ";
}

ul li{
	list-style:none;
}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.red{
	color: #ff0000;
}
.orange{
	color: #f9b56f;
}

a.btn,
a.btn-white:hover,
a.btn-blue:hover{
	text-decoration: none;
	cursor: pointer;
}
a.btn,
a.btn-blue
{
	display: inline-block;
}
a.btn-blue{
   background-color: #3eb2ed;
   border-radius: 20px;
   color: #fff;
   font-size: 14px;
   font-weight: bold;
   height: 30px;
   line-height: 30px;
   padding: 0 15px;
}

.btn-white{
	display: inline-block;
	height: 28px;
	line-height: 28px;
	border: 1px solid #666;
	border-radius: 5px;
	padding: 0 5px;
}

#points-wrapper .points-info{
	font-size: 15px;
}
#points-wrapper .points-info > span{
	margin-right: 30px;
}
#points-wrapper .points-info span.orange{
	font-family: "黑体";
	font-weight: bold;
	color: #f04702;
}
#points-wrapper .nav-box{
	height: 40px;
	line-height: 40px;
	margin: 20px;
}


/* 积分首页 */
#points-body{
	background-color:#fff;
	margin: 0 20px; 
}
#statistic-box {
    margin-top: 30px;
}
#points-wrapper .btn-white3{
	border: 2px solid #33aed0;
	color:#030000;
	background-color: #fff;
	border-radius: 20px;
	line-height: 1.5;
	 padding: 0 20px;
    position: relative;
    font-family: "黑体";
}
#points-wrapper .btn-white3.active{
	color:#fff;
	background-color: #33aed0;
}
#points-wrapper .btn-white3.active::after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-top-color:#33aed0; 
	position: absolute;
	left: 50%;
	margin-left: -7px;
}

#check-rule:hover{
	cursor: pointer;
}

#check-rule:focus {
    outline: medium none;
}
/* 积分详情 筛选 */
#detail-box{
	padding: 20px 10px;	
	font-family: "SimSun";
}
#points-body .filter-category{
	margin:10px 0;
}
#points-body .filter-title {
    width: 80px;
}

#detail-box .filter-box {
    border-radius: 5px;
    margin: 0 10px;
    padding: 10px 20px;
}
#points-body ul.filter-btn-box{
	margin-left: 60px;
}
#points-body ul.filter-btn-box li{
	margin: 0 10px;
	float: left;
}
#points-body .filter-btn-box  li.checked .filter-btn,
#points-body .filter-btn-box .filter-btn.checked{
	font-weight: bold;
	color: #0195c0;
} 
#time-scale-box{
	position: relative;
    top: -2px;
}
/* 积分详情 列表 */
#points-body .detail-list{
	border: 2px solid #e2e2e2;
    border-radius: 5px;
    margin: -20px 10px;
}

#points-body .detail-list table thead tr {
    background-color: #f2f2f2;
    height: 30px;
    line-height: 30px;
}
#points-body .detail-list table tr td:first-child{
	width: 160px;
	padding-left: 20px;
}
#points-body .detail-list table tbody tr td:last-child{
	color: #f04702;
	font-weight: bold;
}
#points-body .detail-list table tbody tr{
	height: 50px;
}
#points-body .detail-list table tbody tr:nth-child(2n){
	background-color: #f3f6fb;
}


/* 积分规则 */

#rule-wrapper{
	font-family: "";
}
#points-wrapper .title-bar,
#rank-wrapper .title-bar,
#rule-wrapper .title-bar{
	margin: 10px 40px 0;
	padding: 15px 70px;
	padding-right: 0px;
	border-bottom: 1px dotted #e2e1e1;
	position: relative;
	font-family: "黑体";
}
.title-bar h4 {
    margin-bottom: 5px;
}
#check-rule {
    font-family: "黑体";
    font-size: 13px;
}
#points-wrapper .title,
#rank-wrapper .title,
#rule-wrapper .title{
	font-family: "Microsoft YaHei";
	font-size: 18px;
	font-weight: normal;
}
#rule-box{
	padding: 10px 70px;
	font-family: "黑体";
}
#rule-wrapper table{
	color: #a5a9b3;
    width: 100%;
    border: 2px solid #ebebeb;
    text-align: center;
}
#rule-wrapper table thead{
	color: #485e6b;
	background-color: #b0ecfe;
	font-size: 20px;
	height: 60px;
}
#rule-box table tbody tr{
	height: 40px;
}
#rule-box table tbody td[rowspan]{
	background-color: #e5f1fd;
	color: #566a76;
}
#rule-box table tbody tr.deep-color{
	background-color: #f3f6fb;
}
#rule-box table tbody tr.deep-color td[rowspan]{
	background-color:#d9eeff;
}
#rule-box tbody tr td:nth-child(1) {
    font-size: 18px;
}
#rule-box tbody td{
	font-size: 16px;
}

/* 查看班级积分排名 */
.red3{
	color: #ff7264;
}
.yellow3{
	color: #f2c932;
}

.rank-outer{
	border: 2px solid #e0e0e0;
	border-radius: 5px;
}
#rank-content ul.rank-head{
	background-color: #fcfafb;
}
#rank-content{
	padding: 0 60px;
	margin-top: 15px;
}
#rank-content .rank-head li .td.last {
    text-indent: -9px;
}

#rank-content .rank-list li .td:nth-child(3) {
    text-indent: 10px;
}
.rank-outer ul li {
    float: left;
    width: 50%;
    font-family: "黑体";
}
#rank-content{
	min-height: 500px;
}
#rank-content .td {
    display: inline-block;
    text-align: center;
    width: 22%;
    height: 40px;
    vertical-align: middle;
}
#rank-content li{
	position: relative;
}
ul.rank-head li {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
}
ul.rank-list .f16 {
    font-size: 16px;
}
ul.rank-list li {
    height: 40px;
    line-height: 40px;
}
ul.rank-list li.active{
	background-color: #fff2df;
}

ul.rank-list li img{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	vertical-align: -9px;
}
#rank-content i.icon-line {
    border-right: 2px dotted #e0e0e0;
    display: inline-block;
    height: 24px;
    position: absolute;
    right: -2px;
    top: 10px;
}
#rank-content .rank-head i.icon-line {
    top: 19px;
}
.rank-list li:nth-child(2){
	border-bottom: none;
} 
.rank-list li + li{
	border-top: 2px dotted #e0e0e0;
}
.rank-list li:nth-child(2) {
    border-top: medium none;
}
.rank-list i.icon-rank1,
.rank-list i.icon-rank2,
.rank-list i.icon-rank3{
	width: 28px;
	height: 40px;
	display: inline-block;
}
.rank-list i.icon-rank1{
	background-image: url(../images/points/rank1.png);
}
.rank-list i.icon-rank2{
	background-image: url(../images/points/rank2.png);
}
.rank-list i.icon-rank3{
	background-image: url(../images/points/rank3.png);
}

/*  班级列表 */
#points-wrapper .class-list-box{
	background-color: #fff;
    border: 1px solid #c6c6c6;
    display: none;
    padding: 10px;
    position: absolute;
    top: 80px;
    width: 700px;
    z-index: 10;
}

#toggle-classlist-btn {
    font-size: 14px;
}
#toggle-classlist-btn:hover + div.class-list-box{
	display: block;
}
.class-list-box li:hover {
    background-color: #cdebeb;
    border-color: #cdebeb;
}
#points-wrapper .class-list-box:hover{
	display: block;
}
.class-list-box::before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 9px solid transparent;
	border-bottom-color: #c6c6c6;
	position: absolute;
	top: -19px;
	right: 226px;
}
.class-list-box::after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom-color: #fff; 
	position: absolute;
	top: -16px;
	right: 227px;
}
.class-list-box li.checked{
	border-color: #8cb6cb;
	background-color: #cdebeb;
}
.class-list-box li{
	width: 320px;
	padding: 3px;
	margin-right: 20px;
	float: left;
	list-style: none;
	height: 110px;
	background-color: #ececec;
	border: 2px solid #c9c9c9;
}
.class-list-box li h4{
	margin: 10px 0 20px;
}
.class-list-box li > img{
	margin-right: 20px;
}
.class-list-box p.hide-padding{
	height: 30px;
	position: absolute;
	top: -18px;
	width: 100%;
}
.class-list-box li.check-class:hover{
	cursor: pointer;
}

/* 积分详情列表 */
#detail-list-table tbody tr {
    height: 40px;
    line-height: 40px;
}

#pagination-box {
    padding: 20px 0;
    text-align: center;
    margin-top: 20px;
}
#pagination-box .pagination {
    display: inline-block;
    margin: 0;
    padding-right: 5px;
}
#pagination-box .pagination .p{
  background-color: #fff;
}
#pagination-box .pagination .cur{
  background-color: #06bb9c;
}
#pagination-box .pagination .p:hover{
  background-color: #06bb9c;
  color: #fff; 
}
#pagination-box .pagination .p {
    border: 1px solid #dddddd;
    color: #333;
    float: left;
    line-height: 1.42857;
    margin-left: 7px;
    padding: 4px 10px;
    position: relative;
    text-decoration: none;
}

 #pagination-box .pagination{padding-right:5px;margin:0;display:inline-block;}
#pagination-box .pagination .p {
  border: 1px solid #dddddd;
  color: #333;
  float: left;
  line-height: 1.42857;
  margin-left: 7px;
  padding: 4px 10px;
  position: relative;
  text-decoration: none;
}
 #pagination-box .pagination .dot{border: none;background:none;}
#pagination-box .pagination .cur {
  background: none repeat scroll 0 0 #06bb9c;
  border: 1px solid #06bb9c;
  color: #fff;
}
 #pagination-box .pagination .jump {   color: #999999; float: left;line-height: 30px;padding: 0 6px;}
 #pagination-box .pagination .jump input{width:28px;height:28px;border: 1px solid #DDDDDD;margin:0 2px; vertical-align: top;}
 #pagination-box .pagination .jump a{width:16px;color:#666;margin:0 4px;padding:4px 3px;vertical-align:top;}
#pagination-box .pagination .jump .j {
  border: 1px solid #ccc;
  cursor: pointer;
  float: right;
  line-height: 26px;
  padding: 0 12px;
}
 #pagination-box .pagination .pre i{
 background: url("../images/page-arrow.png") no-repeat -20px 0 transparent;
    display: inline-block;
    height: 15px;
    margin-top: -3px;
    vertical-align: middle;
    width: 10px;
}
 #pagination-box .pagination .next i{
   background: url("../images/page-arrow.png") no-repeat -30px 0 transparent;
    display: inline-block;
    height: 15px;
    margin-top: -3px;
    vertical-align: middle;
    width: 10px;
}
#dotted-line{
	display: inline-block;
	width: 0px;
	height: 30px;
	border-right: 1px dotted #ccc;
	position: relative;
	top:14px;
}
.pointer{
	cursor: pointer;
}

i.down-triangle {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #000 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 6px;
    display: inline-block;
    height: 0;
    margin-left: 3px;
    position: relative;
    top: 6px;
    width: 0;
}
i.down-triangle.rotate {
    top: 1px;
    transform: rotate(180deg);
}

#detail-box .top {
    margin-left: 10px;
}
#detail-box .chain{
	width:920px;
	height:56px;
	position: relative;
	margin: -11px 0 0 10px;
	background:url("../images/bg_filter_chain.png") no-repeat;
}

.detail-list .chain-zone {
    background-color: #f2f2f2;
    height: 20px;
}

/* 已停用 */
.class-cover img.disabled{
	position: absolute;
	left: 0;
	top: 0;
}
.class-cover-pic.gray{
	filter: grayscale(100%);
}


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;
}
#android-webview-content table.hztx .stu_answer:hover + .stu_answer.big{
	display: none;
}

table.hztx .stu_answer li img.error{
	border: 1px solid red;
}

table.hztx td.answer span.answer.right{
	display: inline-block;
}
table.hztx td.answer span.answer.wrong{
	display: none;
}
table.hztx td.answer.wrong span.answer.wrong{
	display: inline-block;
}
table.hztx td.answer.wrong span.answer.right{
	display: none;
}
.symbol-wrong,
.symbol-right{
	display: inline-block;
	height: 15px;
}
.symbol-wrong{
	width: 15px;
	background: url(../images/android/wrong.png);
}
.symbol-right{
	width: 19px;
	background: url(../images/android/right.png);
}
.hover-underline:hover{text-decoration: underline;}

/* s8s */
.comment-tips-box span.plays8s{
    background: url("../images/plays8s.png") no-repeat scroll 0 0px transparent;
    display: inline-block;
    cursor:pointer;
    vertical-align: middle;
    width:106px;
    height:37px;
}

.comment-tips-box span.plays8s:active{
    background: url("../images/plays8s.png") no-repeat scroll 0 -37px transparent;
}
/* 直播列表 */
#playbackWrapper{
    padding-top: 50px;
    margin: 0 auto;
    min-height: 600px;
}
#playbackWrapper .playback-list{
    margin: 16px auto;
    width: calc(100% - 140px);
}
#playbackWrapper .playback-list .playback-nodata{
    background: url(../images/playback/no_data.png);
    width: 100%;
    height: 320px;
    background-position: center;
    position: relative;
    background-repeat: no-repeat;
}
#playbackWrapper .playback-list .playback-nodata p{
    position: absolute;
    bottom: 50px;
    text-align: center;
    width: 100%;
    color: #999999;
    user-select: none;
}
#playbackWrapper .playback-item{
    display: flex;
    margin-bottom: 20px;
    background: #f5f5f5;
    padding: 25px;
    border-radius: 8px;
    border: 1px solid #EBEBEB;
}
#playbackWrapper .playback-item .playback-cover{
    width: 40px;
    height: 40px;
    background: url(../images/playback/cover.png) center center;
    background-size:100% 100%;
    margin-right: 15px;
    display: inline-block;
    background-repeat: no-repeat;
    flex: 0 0 auto;
    cursor: pointer;
}
#playbackWrapper .playback-item .playback-info{
    color: #666;
    font-size: 12px;
    line-height: 35px;
    width: calc(100% - 40px);
}
#playbackWrapper .playback-item .playback-info h4{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    color: #333;
    font-size: 16px;
}
#playbackWrapper .playback-item .playback-info h4 span{
    color: #333;
    font-size: 16px;
    cursor: pointer;
}
/* #playbackWrapper .playback-item .playback-info h4 a:hover{
    text-decoration: none;
} */
#playbackWrapper .playback-item .playback-info i{
    display: inline-block;
    width:24px;
    height: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-right: 6px;
    vertical-align: middle;
    margin-top: -4px;
}
#playbackWrapper .playback-item .playback-info i.user-icon{
    background-image: url(../images/playback/user.png);
}
#playbackWrapper .playback-item .playback-info i.time-icon{
    background-image: url(../images/playback/time.png);
    margin-left: 52px;
}
#playbackWrapper .playback-item .playback-info i.date-icon{
    background-image: url(../images/playback/date.png);
    margin-left: 52px;
}

#work-data-table .vb{
    vertical-align: bottom;
    margin-right: 5px;
}

.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(../images/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 .titlebar .coll{
    float: left;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url('../images/player_favor_app_s-1.png');
    background-position: 0px 0px;
    margin-top: 5px;
    margin-right: 5px;
}
.dialog-box-stu-answer .titlebar .coll.collection{
    background-position: 18px 0px;
}
.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;}

.dialog-content-stu-answer div.video-preview,
.dialog-box-stu-answer div.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;
}
#android-webview-content table.K_point_detail .percent{
    width: 140px;
    height: 20px;
}
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样式*/
.c-green{color: green;}
.c-red{color: red;}
table.icom-answer-table .ti-20{text-indent: 20px;}
#android-webview-content .btn-arrow-down,
#android-webview-content .btn-arrow-up{
    display: inline-block;
    width: 22px;
    height: 12px;
}

#android-webview-content .btn-arrow-down{
    background-image: url(../images/android/arrow-down.png);
}
#android-webview-content .btn-arrow-up{
    background-image: url(../images/android/arrow-up.png);
}

.dialog-content-stu-answer table.icom-answer-table{
    width:100%;border:1px solid #c3ddd7;
}
#comparative.icom-answer-table{
    font-weight: normal;
}
#android-webview-content .dialog-content-stu-answer table.icom-answer-table tbody,
#android-webview-content .dialog-content-stu-answer table.icom-answer-table thead{
    font-size: 22px;
    font-weight: normal;
}
.dialog-content-stu-answer table.icom-answer-table thead{
    background: #fff4de;font-size:14px;font-weight:bold;
}
.dialog-content-stu-answer table.icom-answer-table thead tr{ 
    border:1px solid #c3ddd7;line-height: 40px;
}


.dialog-content-stu-answer table.icom-answer-table tbody{ 
    font-size:14px;
}
.dialog-content-stu-answer table.icom-answer-table tbody tr{ 
    border:1px solid #c3ddd7;line-height: 40px;background: #fff;
}
.dialog-content-stu-answer table.icom-answer-table tbody tr.detail-tr{ 
    background-color: #f6f6f6;display:none;
}
.dialog-content-stu-answer table.icom-answer-table tbody tr.detail-tr td{ 
    border-bottom:1px solid #c3ddd7;border-top:1px solid #c3ddd7;
}    
#android-webview-content .dialog-content-stu-answer table.icom-answer-table tbody div.one-qti{
    height: 60px;
    line-height: 60px;
}
.dialog-content-stu-answer table.icom-answer-table tbody div.one-qti{ 
    text-align: center;width:33.2%;float:left;height:40px;line-height:40px;
}
/* 口算训练 */
.dialog-content-stu-answer table.icom-answer-table tbody  tr td div.one-qti{
    border-right:1px solid #c3ddd7;
    border-bottom: 1px solid #c3ddd7;
} 
.dialog-content-stu-answer table.icom-answer-table tbody  tr td div.one-qti.no-border-bottom{
    border-bottom: none;
}
.dialog-content-stu-answer table.icom-answer-table tbody  tr td div.one-qti:nth-child(3n){
    border-right: none;
}

#hztx tr td.answer{font-weight: bolder;font-size:16px;}
#android-webview-content table.hztx .stu_answer li img{
    width: 45px;
    height: 45px;
}
/* 口算训练 */

.dialog-content-stu-answer table.icom-answer-table tbody tr td.no-border-left{ 
    border-left:0px;
}
.dialog-content-stu-answer table.icom-answer-table tbody tr td.question{ 
    text-indent: 20px;
}
.dialog-content-stu-answer table.icom-answer-table tbody tr td.result{ 
    font-weight: bolder;font-size:16px;
}

/* 汉字结构 */
#hzjg tbody tr{
    border:1px solid #c3ddd7;line-height: 20px;background: #fff;
}
#hzjg tbody tr td{
    height:81px;padding-top:9px;
}
#hzjg tbody tr td.no-width{
    font-weight: bolder;font-size:16px;
}
#android-webview-content #hzjg tbody div.pinyin-word{
    line-height: 30px;
}
#hzjg tbody div.pinyin-word{
    margin-left: 40%;
}
#hzjg tbody tr td div.pinyin{
    text-align:center;float:left;font-size:19px;margin-right:11px;
}
#hzjg tbody tr td div.pinyin span:first-child{
    display:inline-block;margin-bottom:5px;
}

#word-stone span.right-answer{
    display:inline-block;border-bottom:1px solid #666;height:30px;padding:0 2px;text-indent:0;
}
#android-webview-content #word-stone span.right-answer{
    line-height: 30px;
}
#word-stone td.answer-result{
    position:relative;padding-left: 40px;
}
#word-stone td.answer-result span.wrong{
    font-size: 16px;font-weight: bolder;color: red;margin-right: 20px;
}
#word-stone td.answer-result span.right{
    font-size: 16px;font-weight: bolder;color: green;
}
#word-stone table.icom-answer-table .ti-20{
    line-height: 40px;
}

.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;
}
.icom_answer_split{
    float: right;
}
.icom_answer_split.dms,
.icom_answer_split.flash-as3,
.icom_answer_split.interactive-player{
    float: none;
}
.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;}
.teacher-mark div.answer-score-box{font-weight:bold;margin:10px 0;font-size:13px;}
.teacher-mark div.answer-score-box  span{font-weight:normal;}
.teacher-mark .comment-img-box{border:1px solid #ccc;width:110px;height:110px;float: left;}

/* 小机端-查看学习记录 */
.android-headline,
.android-back-btn{
    display: none;
}
.android-back-btn{
    vertical-align: -14px;
    width: 50px;
    height: 50px;
    background-image: url(../images/android/back_btn.png);

}
#android-webview-content .android-headline,
#android-webview-content .android-back-btn{
    display: inline-block;
}

.android-btn-deeporange{
    font-size: 18px;
    color: #fffbdc;
    text-align: center;
    width: 100px;
    height:40px;
    border:2px solid #ffffda;
    border-radius: 3px;
    background: #c37d0e;
}

#android-webview-content .dialog-content-stu, 
#android-webview-content .dialog-content-stu-answer{
    top: 0;
}
#android-webview-content{
    font:26px 'Microsoft Yahei';
    font-weight: normal;
}
#android-webview-content .icom_answer_split{
    height: 80px;
    line-height: 80px;
    background-image: url(../images/android/bg-header.png);
    background-image: 
        linear-gradient(-45deg, #f39c11 33.3%, #e7930f 0, #e7930f 66.6%, #f39c11 0);
/* 兼容部分小机 linear-gradient无效 */
    padding: 0 40px;
    float: none;
}
#android-webview-content .icom_answer_split .android-headline{
    color: #f9c975;
    font-size: 32px;
    font-weight: normal;
}
#android-webview-content .dialog-content-stu-answer .icom_user_answer{
    margin: 25px 40px;
    padding-top: 0;
}
#android-webview-content .icom_user_answer .android-title-bar{
    background: #fff;
    font:26px normal;
}
#android-webview-content .teacher-mark{
    margin: 0 40px;
}

#android-webview-content .teacher-mark div.answer-score-box{font:26px normal;}
#android-webview-content .teacher-mark div.answer-score-box span{color: #d01a17;}
#android-webview-content .teacher-mark div.comment-tips-box span{color: #636363;}

/* 小机端 游戏组件 */
#android-webview-content .answer-result-info-box{
    height: 68px;
    line-height: 68px;
    margin: 10px 3%;
    background: #effbfb;
    padding: 0 10px;
    font-size: 16px;
}
.answer-result-info-box{
    font-size: 15px;
    height: 30px;
    line-height: 30px;
}
.answer-result-info-box label{
    margin-right: 10px;
}
.table-content{
    margin-top: 10px;
}
#android-webview-content .table-content{
    /*padding: 0 35px;*/
    padding: 0 3%;
    margin-top: 0;
}
titlebar
#android-webview-content table.icom-answer-table tr{
    height: 60px;
    line-height: 60px;
}

#android-webview-content table.icom-answer-table tbody tr.answer-tr,
#android-webview-content table.icom-answer-table tbody > tr:nth-child(even){
    background: #f3f6fb;
}
#android-webview-content table#comparative tbody > tr.detail-tr,
#android-webview-content table#arithmetic tbody > tr.detail-tr{
    background: #f0f0f0;
}
#android-webview-content table.icom-answer-table thead > tr td:first-child,
#android-webview-content table.icom-answer-table tbody > tr td:first-child{
    padding-left: 100px;
}
#android-webview-content table.icom-answer-table thead > tr td:last-child,
#android-webview-content table.icom-answer-table tbody > tr td:last-child{
    padding-right: 100px;
}
#android-webview-content table.icom-answer-table tbody > tr.detail-tr td:first-child{
    padding-left: 0;
}
#android-webview-content table.icom-answer-table tbody > tr.detail-tr td:last-child{
    padding-right: 0;
}
/* 展开查看组件 */
.toggle-wx-btn{
    margin-top: 4px;
    width: 22px;
    height: 12px;
    background: url(../images/android/arrow-down.png);
}
.toggle-wx-btn.open{
    background: url(../images/android/arrow-up.png);
}
/* 取消移动端 链接点击背景样式 */
a{
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
    -moz-tap-highlight-color:rgba(0, 0, 0, 0);  
    -ms-tap-highlight-color:rgba(0, 0, 0, 0);  
    -o-tap-highlight-color:rgba(0, 0, 0, 0);  
    tap-highlight-color:rgba(0, 0, 0, 0);  
}