/* CSS Document */

*{margin:0;padding:0;}
body{color:#333;font-family:'Microsoft Yahei'; font-size:14px;}
ul{ list-style:none}
img{ border:none}
a{color:#333;text-decoration:none}
a:hover{color:#017d91;text-decoration:underline}
.fleft{float:left;display:inline}
.fright{float:right;display:inline}
.clear{clear:both}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block;}
/* Hides from IE-mac */
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
.auto{margin-left:auto;margin-right:auto;}

/*color*/
.org, .org a{color:#d48b00}
.white, .white a, .white:hover{color:#fff;}
.mt12{margin-top:12px;}

.font14{ font-size:14px;}
.font18{ font-size:18px;}
.font24{ font-size:24px;}
.font28{ font-size:28px;}
.font32{ font-size:32px;}


/***********************
*index*
***********************/
.sider_mainbox{width:80%;margin:15px 0 0 5%;}
.sider_title{width:100%;height:40px;line-height:40px;background-color:#0182C4;color:#fff;font-size:18px;margin-bottom:25px;}
.cat_icon{width:51px;height:32px;background:url(../image/icon.png) 0 0 no-repeat;margin:5px 8px 0 20px;}

.school_nav{margin-bottom:1px;}
.nav_title{height:36px;line-height:36px;padding-left:50px;background:url(../image/icon.png) 20px -70px no-repeat #d5e1e7;color:#0182C4;display:block;font-size:16px;cursor:pointer}
.nav_title.selected{background-position:20px -39px;background-color:#f3f3f3;}

.statu_mainbox{padding:15px 0 25px;overflow:hidden}
.statubar_title{height:50px;position:relative;margin:0 0 0 20px;overflow:hidden;}
.statubar_title h4{background-color:#EBA011;height:30px;line-height:30px;color:#fff;font-size:15px;font-weight:normal;padding:0 15px;float:left;overflow:hidden;}
.statubar_title .tt_arrow{width:18px;height:11px;background:url(../image/icon.png) 0 -176px no-repeat;display:block;position:absolute;top:30px;left:50px;}
.statu_barbox{margin-left:50px;float:left;display:inline;}
/*time-bar*/
.time_barcont{margin-left:70px;clear:both;position:relative;}
.time_barcont li{border-left:3px #ccc solid;padding:38px 0 0;float:left;clear:both;position:relative;left:0;top:0;z-index:1}
.time_barcont li.completed{border-left:3px #EBA011 solid;}
.completed_icon, .uncompleted_icon{width:17px;height:17px;background:url(../image/icon.png) 0 -139px no-repeat #fff; float:left;position:absolute;top:50px;left:-10px;z-index:100}
.completed_icon{background-position:0 -112px}
.date{width:80px;padding-right:18px;height:18px;line-height:18px;color:#666;text-align:right;font-size:14px;position:absolute;top:48px;left:-100px;}

.bar_detailbox{width:500px;margin-left:30px;line-height:24px;position:relative;top:-26px;}
.bar_detailbox dt, .statu-title{width:500px;height:24px;padding-bottom:5px;font-size:15px;color:#000;}
.bar_detailbox dd{width:100%;float:left;background-color:#f5f8fb;border:1px #ddd solid;border-radius:4px;padding:10px 15px;}
.bar_detailbox dd .chat_arow{width:20px;height:22px;background:url(../image/icon.png) 0 -196px no-repeat;float:left;position:absolute;left:-19px;top:45px;} 
.bar_detailbox dd .statu_data{width:75%;line-height:24px;float:left}
.statu-title{margin:0 0 0 30px;line-height:20px;position:relative;top:10px;}
.grey_line{color:#999;font-size:12px;padding:0 8px;}



/***********************
*login-one*
***********************/
.l_header, .l_container, .l_footer{width:1000px;margin:0 auto} 
.l_header{height:80px;overflow:hidden}
.login_logo{height:62px;padding:18px 0 0 10px;width:340px;*height:80px;}
.login_logo a{width:300px;height:62px; background:url(../image/white-logo.png) 0 0 no-repeat; display:block}
.nav_text{height:24px;line-height:24px; margin-top:34px;}
.login_mainbox{width:100%;height:460px;background-color:#D9EDF7;text-align: center;}
/*.l_container{ background:url(../images/login-banner06.jpg) 0px 0 no-repeat;}*/
.l_container{height:438px;}
.top_zi{float:right;margin-top:33px;font-size:14px;color:#A3E5FB;}
.login_content{width:355px;float:right; margin-top:80px;margin-right:320px;}
.login_topbg, .login_botbg{clear:both;width:355px;height:12px; background:url(../image/input-bg01.png) 0 0 no-repeat; display:block;overflow:hidden}
.login_botbg{ background-position: -357px 0;}
.l_main{width:355px;padding:10px 0 8px; float:left; background:url(../image/input-bg01.png) -720px 0 repeat-y;}
.l_main li{ clear:both;width:300px;height:40px;margin:0 auto; padding-bottom:15px;display:block;}
.linput, .linput2{width:290px;height:38px;line-height:38px; padding-left:8px;border:1px #ccc solid;border-radius:4px; font-size:14px;font-family:'Microsoft Yahei'; color:#666}
.linput2{width:130px;}
.code_border{ padding:2px; border:1px #e7e7e7 solid; margin-left:15px;}



.l_footer{height:62px;background:url(../image/login-bg.png) -231px 0 repeat-y; font-size:15px;*height:80px;}
.l_footer p{padding:25px 0 0 300px;}
.mr30{ margin-right:30px;}
.ml8{ margin-left:8px;}
.lh30{ line-height:30px;}
.loginbtn-w300{width:300px;height:50px; background:url(../image/loginbtn-w300.jpg) 0 0 no-repeat; display:block;}
.loginbtn-w300:hover{ background-position:0 -59px}

.loginbtn-w100{width:100px;height:39px; background:url(../image/loginbtn-w100.jpg) 0 0 no-repeat; display:block;float: left;margin-left: 20px;}
.loginbtn-w100:hover{ background-position:0 -42px}
	
.continuebtn-w100{width:100px;height:39px; background:url(../image/continuebtn-w100.jpg) 0 0 no-repeat; display:block;float: left;margin-left: 20px;}
.continuebtn-w100:hover{ background-position:0 -42px}

.exitbtn-w100{width:100px;height:39px; background:url(../image/exitbtn-w100.jpg) 0 0 no-repeat; display:block;float: left;margin-left: 50px;}
.exitbtn-w100:hover{ background-position:0 -42px}

/***********************
*login-two*
***********************/
.home_top{width:950px;margin:0 auto;height:64px;padding:20px 25px 12px;}
.home_logan{height:60px;}
.home_topr{height:30px;margin-top:22px;color:#bbbbbb}
.home_topr a{color:#007386}
.content{width:100%;height:460px;background-color:#128a9d}
/*banner*/
.banner{width:860px;height:460px;margin:0 auto;padding: 0 70px;background:url(../image/home-iconbg.png) 0 0  repeat-x;}
.banner_box{width:500px;height:300px;margin-top:80px;color:#fff;line-height:32px; text-align:center}
.banner_box p{width:500px;overflow:hidden}
.banner_box p.font14{line-height:20px;}
.banner_box p.font18{line-height:28px;}
.banner_box p.font24{line-height:32px;}
.banner_box p.font28{line-height:35px;}
.banner_box p.font32{line-height:42px;}

.banner_box a, .banner_box a:hover{color:#fff}

.login_tip{padding:0 10px;height:26px;line-height:26px; background:#fbfbd9;border:1px #f5d983 solid;color:#deaf1e;overflow:hidden;width:250px}

.home_login{width:280px;float:right;margin-top:60px;position: relative}
.login_main{width:100%;}
.login_main li{width:100%;height:44px;padding-top:10px;}
.loginBtn, .qaz_icon{width:272px;height:44px;background:url(../image/home-bg.png) 0 0 no-repeat;display:block}
.loginBtn:hover{background-position:0 -54px}
.qaz_icon{width:20px;height:15px;background-position:0 -232px;float:left;margin-top:4px;}
.input_l, .input_r, .login_main li .input_m{width:10px;height:44px;background:url(../image/home-bg.png) 0 -111px no-repeat;float:left}
.input_r{ background-position:-262px -111px}
.login_main li .input_m{width:248px;background-position:-10px -111px;padding-left:4px; }
.login_main li .num{width:100px}
.login_input{width:99%;height:28px;margin:7px 0 6px;border:none;line-height:28px;background:#fff;font-size:14px;font-family:'Microsoft YaHei';color:#999;overflow:hidden}
.pass_pic{width:110px;height:44px;padding:5px 7px;background:url(../image/home-bg.png) no-repeat 0 -166px; cursor:pointer; margin-left:10px}
.home_foot{clear:both; float:left;width:100%;height:56px;line-height:52px;background:#f5f5f5;margin:12px 0 0;text-align:center;}

/*模拟下拉*/
.selectsort{width:245px;height:34px;margin-top:12px;position:relative;background:url(../image/home-bg.png) 220px -260px no-repeat;z-index:300;float:left;}
.selectVal{width:230px;height:25px;display:block;color:#5f5f5f;cursor:pointer;padding-left:10px;}
.cselectUl{display:none; float:left;position:absolute;left:0px;top:30px;width:250px;line-height:18px;background:#fff;border:1px solid #c4c4c4;border-top:none;z-index:500;}
.cselectUl li{ position:relative;padding-left:10px;height:24px;line-height:24px;cursor:pointer;color:#666;}
.cselectUl ul li a{color:#787878}
.cselectUl ul li a:hover{color:#000;background:#f0f0f0}

.selectInput{width:298px;height:38px;border:1px #ccc solid;border-radius:4px;position:relative;z-index:300;z-index:300;left:5px;line-height:50px;}
.selectInput .selectVal{line-height:38px;}   
.selectInput .cselectUl{width:280px;position:absolute;top:38px;left:3px;line-height:24px;}

.selectInput:hover {
border:1px solid #666666; //鼠标移上的效果 
}
.selectInput select>option {
text-indent: 2px; //option在FF等非IE浏览器缩进2px
}