@charset "utf-8";
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #5aa6df; } 
input:-moz-placeholder, textarea:-moz-placeholder { color: #5aa6df; } 
input::-moz-placeholder, textarea::-moz-placeholder { color: #5aa6df; } 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #5aa6df; } 

.homepage{ background: url(../images/homebg.jpg) repeat-y center top ; padding-bottom:20px; font-family: "黑体" }

/*首页头部*/
.header{ background: url(../images/headbg.png) repeat-x; height: 88px;}
.header .headerbg{ height: 88px;}
.header .logo{ float: left; background: url(../images/logo.png) no-repeat ; width: 302px; height: 44px; margin-top: 20px;}

.header .menu{ float:left; margin-left:45px; }
.header .menu ul li{ float: left; line-height: 87px; }
.header .menu ul li a{ color: #fff; font-size: 19px; padding: 0 22px; display: block; height: 87px;}
.header .menu ul li a:hover{ background: url(../images/menubg.png) repeat-x ;}
.header .menu ul li a.on{ background: url(../images/menubg.png) repeat-x ;}

.header .mininav{ float: right; padding-top: 20px;}
.header .userFace{ font-size: 16px; color: #fff;}
.header .userFace img{ width: 48px; height: 48px; float: left; border-radius: 50%; border:1px solid #96bffc;}
.header .userFace em{ line-height: 48px; padding-left:17px; }

.header .classRoom{ margin:8px 0 0 15px; cursor: pointer; position: relative; z-index: 99;}
.header .classRoom dt{padding:0px 15px; font-size: 16px; color: #fff; line-height: 32px; }
.header .classRoom i{ background: url(../images/point1.png) no-repeat left top; width: 6px; height: 4px; display: inline-block; vertical-align: middle; margin-left:8px; }
.header .classRoom dd{ position: absolute; top:32px; right:0; width:100px;  display: none;background: #51a3de; font-size: 14px; z-index: 22px; }
.header .classRoom dd.scroll{ height: 320px; overflow-y:auto; }
.header .classRoom dd a{ line-height: 32px; color: #fff; display: block; text-align: center;}
.header .classRoom dd a:hover{ background: #55ace6;}
.header .classRoom:hover dt{  position: relative; z-index: 21;background: #51a3de;}
.header .classRoom:hover dd{ display: block; }

/*头部2*/
.w_header{ height: 70px;background: url(../images/header2.png) no-repeat center top ;}
.w_header .headerbg{height: 80px;}
.w_header .logo{ float: left; background: url(../images/logo.png) no-repeat ; width: 336px; height: 58px; margin-top: 2px;margin-left: -10px;}

.w_header .menu{margin:0 auto; width:660px;padding:14px 0 0 80px}
.w_header .menu ul li{ float: left; line-height: 30px;}
.w_header .menu ul li a{ color: #fff; font-size: 14px; padding: 0 20px;margin: 0 4px; display: block; height: 34px;border:2px solid rgba(0,0,0,0);}
.w_header .menu ul li a:hover{background:#252e3d;color:#5493e8;border:2px solid #3c66a0;border-radius:10px;}
.w_header .menu ul li a.on{background:#252e3d;color:#5493e8;border:2px solid #3c66a0;border-radius:10px;}

.w_header .mininav{ float: right; padding-top: 20px;margin-right: -10px;}
.w_header .userFace{ font-size: 14px; color: #fff;}
.w_header .userFace img{ width: 30px; height: 30px; float: left; border-radius: 50%; border:1px solid #96bffc;}
.w_header .userFace em{ line-height: 30px; padding-left:17px; }

.w_header .classRoom{ margin:0 0 0 15px; cursor: pointer; position: relative; z-index: 99; font-size: 14px;}
.w_header .classRoom dt{padding:0px 15px; color: #fff; line-height: 32px; }
.w_header .classRoom i{ background: url(../images/point1.png) no-repeat left top; width: 6px; height: 4px; display: inline-block; vertical-align: middle; margin-left:8px; }
.w_header .classRoom dd{ position: absolute; top:31px; right:-1px; width:100px;  display: none;background: #00010d;  border:1px solid #2e72d9; }
.w_header .classRoom dd.scroll{ height: 320px; overflow-y:auto; }
.w_header .classRoom dd a{ line-height: 32px; color: #fff; display: block; text-align: center;}
.w_header .classRoom dd a:hover{ background: #0b0f5a;}
/*.w_header .classRoom:hover dt{  position: relative; z-index: 21;background: #00010d;border:1px solid #2e72d9; border-bottom: 0; margin: -1px -1px 0 -1px;}
.w_header .classRoom:hover dd{ display: block; }*/


/*banner图*/
.banner{ width: 1200px; height:642px; position:relative; margin: 10% auto;}
.banner .bigimg li{ height:642px; overflow:hidden; zoom:1; position:absolute; width:100%;  top:0px; left:0px;}
.banner li.li1 .pic1{ position: absolute; left: 0px; top: 120px; background: url(../images/li1_pic1.png) no-repeat; width: 624px; height: 304px;}
.banner li.li1 .pic2{ position: absolute; right: -100px; top: 102px; background: url(../images/li1_pic2.png) no-repeat; width: 764px; height: 500px;}
.banner li.li1 .pic3{ position: absolute; left: 0px; top: 272px; background: #1f434b;  border:1px solid #fff;}
.banner li.li1 .pic3 a{ color: #fff; display: block; font-size: 15px; padding:0 28px; line-height: 34px;}
.banner .page{ position:absolute; bottom:50px; left:0px; text-align:center; height:10px; width:100%; z-index:20; background:none;*display:none;}
.banner .page li{ display:inline-block;  width:8px; height:8px; background:#82858d; border-radius:6px; position:static; margin:0 4px; cursor:pointer;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease; opacity:0.5;}
.banner .page li.active{ opacity:1;background:#35abf0;}

/*首页列表*/
.mainlist ul { width: 1240px;}
.mainlist ul li{ float:left; width: 220px; height: 330px; padding: 0 25px; margin-right:40px;background: url(../images/mainlist.png) repeat; color: #fff; text-align: center; }
.mainlist ul li p.pic{ display: inline-block;width: 100%; height:190px; }
.mainlist ul li p.pic1{ background: url(../images/listpic1.png) no-repeat center center;  }
.mainlist ul li p.pic2{background: url(../images/listpic2.png) no-repeat center center;  }
.mainlist ul li p.pic3{ background: url(../images/listpic3.png) no-repeat center center;  }
.mainlist ul li p.pic4{ background: url(../images/listpic4.png) no-repeat center center;  }
.mainlist ul li p.tit{ font-size: 26px; padding-bottom:25px;}
.mainlist ul li p.text{ font-size: 14px; line-height: 24px;}

/*管理分析*/
.tabnav{ padding-top:36px; }
.tabnav ul li{ float: left; background:url(../images/licurbg.png) no-repeat; width: 196px; height: 67px; line-height: 67px; text-align: center; margin-right:12px; }
.tabnav ul li a{ display: block; color: #59fff3; font-size: 26px;}
.tabnav ul li a:hover{ color: #fff;}
.tabnav ul li a.on{ color: #fff;}

.section{ overflow: hidden;}
.sectioncont{ width: 1260px;}
.analysis{ float: left; width: 570px;  margin-top:45px; margin-right:60px; }
.analysis h3{color: #1792f9; font-weight: normal; font-size: 28px;}
.analysis h3 em{  display: inline-block; vertical-align: bottom; font-family: "Arial"; font-size: 24px;}
.analysis h3 span{ color: #1792f9;  display: inline-block; vertical-align: top; padding: 0 15px 0 9px; line-height: 28px;}
.analysis h3 i{ background:url(../images/tips1.png) no-repeat; width: 156px; height: 24px; display: inline-block; vertical-align: middle;}
.analysis .cont{background:url(../images/analysis.png) repeat;height: 320px; margin-top:16px; }

.analysis .cont .search{ padding: 14px 10px 0 0; text-align: right;}
.analysis .cont .Wdate{ border: 1px solid #243e8a; height: 30px; line-height: 30px;  color: #5aa6df; padding: 0 10px; display: inline-block; vertical-align: middle; font-size: 14px; }
.analysis .cont .search a.btn{ display: inline-block; width: 32px; height: 32px; background:url(../images/searchbtn.png) no-repeat center center; vertical-align: middle;  }

.qjf_selediv, .qjf_seleautodiv{ background: none; color: #83c9ff; font-size: 14px; text-align: left;}
.qjf_selecur, .qjf_seleautocur{ background: url(../images/selbg.png) no-repeat right center; border: 1px solid #243e8a; border-radius: 0;box-shadow:none;height: 30px; line-height: 30px;} 
.qjf_selecur p, .qjf_seleautocur p{ color: #5aa6df; height: 30px; line-height: 30px;}
.qjf_seledrop, .qjf_seleautodrop{ background: #1a2342;  border: 1px solid #243e8a; top: 31px;}
.qjf_seledrop, .qjf_seleautodrop a{color: #5aa6df; }
.qjf_seledrop, .qjf_seleautodrop a:hover{ background: #3264b8;color: #5aa6df; }

.latenum{ padding:15px 30px;}
.latenum ul li{ height: 40px; line-height: 40px; color: #05c8ff; font-size: 14px; overflow: hidden; padding: 6px 0;}
.latenum ul li:hover{ background: url(../images/analysis.png) repeat;}
.latenum ul li span{ float: left; margin: 0 20px; }
.latenum ul li span.pic{ margin:0 0 0 15px; border: 1px solid #243e8a; width: 38px; height: 38px;}
.latenum ul li span.pic img{ display: block; width: 38px; height: 38px;}
.latenum ul li span.progress{  background: url(../images/press1.png) repeat-x; width: 144px; height: 32px; margin:4px 0 0 0; position: relative;}
.latenum ul li span.progress em{ position:  absolute; left: 0px; top:0px;background: url(../images/press2.png) repeat-x; height: 32px;  }
.latenum ul li span.progress em.lady{ background: url(../images/press3.png) repeat-x; }
.latenum ul li span.progress i{ position: absolute; left: 164px; top:-4px; width: 40px;}

.listpage{ text-align: right; padding-right:26px; }
.listpage a{ display: inline-block; line-height: 18px; width: 18px; height: 18px; background: #1a274a; border:1px solid #243e8a; color: #2b5ca7; text-align: center; font-family: "Arial"; vertical-align: middle; margin: 0 3px; font-size: 13px;}
.listpage a:hover{ background: #243e8a; color: #fff;}
.listpage a.on{ background: #243e8a; color: #fff;}

.attendance{  background: url(../images/attendance.png) no-repeat; height: 113px; margin-top:45px;  }
.attendance span{ float: left; width:380px; line-height: 105px; font-size: 22px; color: #05c8ff; }
.attendance span.sp1{  padding-left:100px;}
.attendance span.sp2{  padding-left:250px;}

/**/
.teacher{ background: url(../images/teacher.png) no-repeat; height: 669px; margin-top:45px; padding: 40px 42px; }
.teacher .tabclass{ position: relative; height: 120px; padding:20px 28px 0 28px; background: url(../images/tbg.png) no-repeat;}
.teacher .tabclass .prev{ position: absolute; left: 28px; top: 28px;background:url(../images/prevbg.png) no-repeat; width: 32px; height: 32px;}
.teacher .tabclass .next{ position: absolute; right: 28px; top: 28px;background:url(../images/nextbg.png) no-repeat; width: 32px; height: 32px;}
.teacher .tabclass .ullist{ position: absolute; left: 70px; top: 20px; width: 968px; height: 48px; overflow: hidden; }
.teacher .tabclass ul{ position: absolute; left: 0; top: 0px;}
.teacher .tabclass ul li{ float: left; font-size: 22px; background:url(../images/tablibg.png) no-repeat; width: 185px; height: 48px; line-height: 48px; text-align: center; margin: 0 4px;}
.teacher .tabclass ul li a{ display: block; width: 100%; height: 48px;color: #05cbff; }
.teacher .tabclass ul li a:hover{ background:url(../images/tablicurbg.png) no-repeat; color: #fff;}
.teacher .tabclass ul li.on a{ background:url(../images/tablicurbg.png) no-repeat; color: #fff;}

.teacher .contclass{ margin:0 40px 0 48px; overflow-y: auto; height: 550px; margin-top:-40px;}
.teacher .contclass ul{ display: none; }
.teacher .contclass ul.open{ display: block;}
.teacher .contclass ul li{ float: left; background:url(../images/clibg.png) no-repeat; width: 164px; height: 53px; line-height: 53px; font-size: 20px; text-align: center; margin:19px;  }
.teacher .contclass ul li a{ display: block; height: 53px; width: 100%; color: #05cbff;position: relative;}
.teacher .contclass ul li a:hover{ color: #ffc530; }
.teacher .studentlist ul li a em{ position: absolute; top: 0px; left: 0px; height: 53px; background:url(../images/clicurbg.png) no-repeat; }
.teacher .studentlist ul li a span{ position: absolute; top: 0px; left: 0px;  width: 100%;}
.teacher .studentlist ul li a span b{ font-size: 14px; font-weight: normal;}

.teacher h3{ background: url(../images/portrait.png) no-repeat; height: 82px; padding-top:42px; text-align: center; font-size: 22px; color: #05c8ff; font-weight: normal;}
.teacher .portrait .userpic{ float: left; width: 160px; margin-left:95px; }
.teacher .portrait .userpic img{ width: 160px; height: 160px; border:1px solid #2e72d9; display: block;}
.teacher .portrait .userinfo{ float: left; width: 300px; margin-left:40px; margin-right:20px;  font-size: 20px; color: #1792f9;}
.teacher .portrait .userinfo ul li{ line-height: 50px;}
.teacher .portrait .userinfo ul li i.man{ display: inline-block; vertical-align: middle; background: url(../images/man.png) no-repeat; width: 22px; height: 22px; margin-left:40px;  }
.teacher .portrait .userchart{ float: left; width: 385px;}
.teacher .portrait .userchart h4{  font-size: 20px; color: #1792f9; font-weight: normal; line-height: 50px;}


.colligate ul li{ font-size: 20px; color: #1792f9; margin-top:30px; }
.colligate ul li span{ display: inline-block; vertical-align: middle;}
.colligate ul li span.progress{ background:#223042; width: 248px; height: 12px; border: 1px solid #223042;position: relative; margin: 0 12px; border-radius:12px;}
.colligate ul li span.progress em{ position:  absolute; left: 0px; top:0px; height: 12px; background: linear-gradient(to right, #0054cf 0%,#55fbef 100%); border-radius:12px;}
.colligate ul li span.progress i{ position: absolute; left: 268px; top:-4px; width: 40px; font-size: 14px; color: #05c8ff;}

.cmgt20{ margin-top: 20px;}
.student{ padding-top: 55px;}
.student span{ background: url(../images/btnbg1.png) no-repeat; width: 189px; height: 35px; padding-top:7px;  ;text-align: center; color: #fff; font-size: 22px; cursor: pointer;}
.student span.prev i{ display: inline-block;background: url(../images/prev1.png) no-repeat; width: 18px; height: 13px; vertical-align: middle; padding-right:22px; }
.student span.next i{ display: inline-block;background: url(../images/next1.png) no-repeat right center; width: 18px; height: 13px; vertical-align: middle; padding-left:22px; }


.behavior{background: url(../images/behavior.png) no-repeat;  height: 709px; margin-top:20px; padding: 20px 42px; }
.behavior .tabclass{ position: relative; height: 100px; padding:0; background:none;}
.behavior .tabclass .prev{ position: absolute; left: 0; top: 28px;background:url(../images/prevbg.png) no-repeat; width: 32px; height: 32px;}
.behavior .tabclass .next{ position: absolute; right: 0; top: 28px;background:url(../images/nextbg.png) no-repeat; width: 32px; height: 32px;}
.behavior .tabclass .ullist{ position: absolute; left: 70px; top: 20px; width: 968px; height: 48px; overflow: hidden; }
.behavior .tabclass ul{ position: absolute; left: 0; top: 0px;}
.behavior .tabclass ul li{ float: left; font-size: 22px; background:url(../images/tablibg.png) no-repeat; width: 185px; height: 48px; line-height: 48px; text-align: center; margin: 0 4px;}
.behavior .tabclass ul li a{ display: block; width: 100%; height: 48px;color: #05cbff; }
.behavior .tabclass ul li a:hover{ background:url(../images/tablicurbg.png) no-repeat; color: #fff;}
.behavior .tabclass ul li.on a{ background:url(../images/tablicurbg.png) no-repeat; color: #fff;}

.choosemod{ border-bottom:2px solid #2354a4; padding-bottom:6px; font-size: 14px; color: #83c9ff; line-height: 32px;}
.choosemod span.text{ display: inline-block; vertical-align: middle;}
.choosemod .radiolist{ display: inline-block;}
.choosemod .radiolist label{ margin-right:30px; }
.choosemod .datainp{border: 1px solid #243e8a; height: 30px; line-height: 30px;  color: #5aa6df; padding: 0 10px; display: inline-block; vertical-align: middle; font-size: 14px; background:url(../images/analysis.png) repeat;  }

.achievement{ padding: 22px 0;}
.achievement .cbox{ width: 510px; height: 465px;background:url(../images/bbg.png) repeat; }
.achievement .cbox h4{ font-size: 26px; font-weight: normal; color: #83c9ff; padding: 25px 0; text-align: center;}

.linkbtn a{ background:url(../images/achievement.png) no-repeat; width: 128px; height: 48px; line-height: 48px; color: #59fff3; font-size: 16px; text-align: center;}
.linkbtn a:hover{ color: #fff; font-size:18px;}
.linkbtn a.cur{ color: #fff; font-size: 18px;}

.usersearch{ margin-top:45px; color: #83c9ff; font-size: 14px;}
.usersearch span.text{ padding: 0 10px;}
.usersearch .inptxt{ border: 1px solid #243e8a; height: 30px; line-height: 30px;  color: #5aa6df; padding: 0 10px; display: inline-block; vertical-align: middle; font-size: 14px; background:url(../images/analysis.png) repeat; }
.usersearch a.btn{ display: inline-block; width: 32px; height: 32px; background:url(../images/searchbtn.png) no-repeat center center; vertical-align: middle;  }

.usertable{ background:url(../images/userbg.png) no-repeat; height: 650px; padding:30px 45px; margin-top:15px; }

/*table公共模块*/
.mod_table{word-break:break-all; word-wrap:break-all;border-collapse:collapse;border:1px solid #243e8a; font-size:14px;}
.mod_table th{ background:#192546;color:#83c9ff;border:1px solid #243e8a;  height: 38px;text-align:left; font-size:16px; font-weight:normal;}
.mod_table td{ background:#121b35; border:1px solid #243e8a; height: 38px;color:#83c9ff; }
.mod_table th.tc{ text-align:center;}
.mod_table.t_c th{ text-align: center;}
.mod_table.t_c td{ text-align: center;}
.mod_table tr{ cursor:pointer; background: #243e8a;}
.mod_table tr:hover td{background: #121b35;}

.usertable .listpage{ text-align: center; padding-top:15px; }

/*学科成绩*/
.analysis .scorecont{height: 350px; position: relative;}
.analysis .scorecont .charttips{ position:  absolute; bottom:36px; right: 14px; width: 220px; height: 230px; border: 1px solid #063263;}
.analysis .scorecont .charttips ul li{ float: left; width: 50%; color: #83c9ff; line-height: 36px;}
.analysis .scorecont .charttips ul li i{ display: inline-block; vertical-align: middle; margin: 0 12px; width: 10px; height: 10px; border: 1px solid #e45b11;background:url(../images/gou.png) no-repeat center center;}
.analysis .scorecont .charttips ul li i.i1{border-color:#e45b11;}
.analysis .scorecont .charttips ul li i.i2{border-color:#ff2373;}
.analysis .scorecont .charttips ul li i.i3{border-color:#f415bd;}
.analysis .scorecont .charttips ul li i.i4{border-color:#9000ff;}
.analysis .scorecont .charttips ul li i.i5{border-color:#678bff;}
.analysis .scorecont .charttips ul li i.i6{border-color:#0ec5e6;}
.analysis .scorecont .charttips ul li i.i7{border-color:#19d79f;}
.analysis .scorecont .charttips ul li i.i8{border-color:#afff23;}
.analysis .scorecont .charttips ul li i.i9{border-color:#fdef27;}
.analysis .scorecont .charttips ul li i.i10{border-color:#ffa200;}

.txttips{ font-size: 16px; color: #83c9ff; padding:10px 0 0 30px;   }


/*首页小屏*/
@media all and (min-width: 1200px) and (max-width: 1700px){
	
	/*首页列表*/
	.mainlist ul { width: 1240px;}
	.mainlist ul li{ float:left; width: 220px; height: 210px; padding: 0 25px; margin-right:40px;background: url(../images/amainlist.png) repeat; color: #fff; text-align: center; }
	.mainlist ul li p.pic{ display: inline-block;width: 100%; height:130px; }
	.mainlist ul li p.pic1{ background: url(../images/alistpic1.png) no-repeat center center;  }
	.mainlist ul li p.pic2{background: url(../images/alistpic2.png) no-repeat center center;  }
	.mainlist ul li p.pic3{ background: url(../images/alistpic3.png) no-repeat center center;  }
	.mainlist ul li p.pic4{ background: url(../images/alistpic4.png) no-repeat center center;  }
	.mainlist ul li p.tit{ font-size: 20px; padding-bottom:10px;}
	.mainlist ul li p.text{ font-size: 12px; line-height: 16px;}
}