@charset "utf-8";
/* CSS Document */

*{margin:0px; padding:0px;}
body{font:12px/1.5 微软雅黑, 黑体, Arial, Helvetica, sans-serif; color:#000; background:#FFF;}
img{border:0px; display:block;}
ul,ol{list-style-type:none;	margin:0;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
table {border-collapse: collapse;border-spacing: 0;}
input,select,textarea{vertical-align:middle; outline:none; resize: none;}
a{color:#4a4a4a; text-decoration:none;}
a:hover{color:#9f9a9a;}
.clearfix{zoom:1; overflow:hidden;}
.clear{ clear:both; font-size:0; height:0; line-height:0;}
.leftF{float:left;}
.rightF{float:right;}
.icons{ font-size:0px; text-indent:-9999999px; overflow:hidden; display:block;}
/************************************************/
body{ background:#f2f2f2;}
.zlogin { padding-top:20px; text-align: right; float:right; margin-left:14px;}
.zl_loading { width: 74px; height: 32px; border: none; border-radius:3px; background-color: #b13d2c; vertical-align: middle; color: #fff;}
@media only screen and (max-width: 480px) {.zlogin{ padding-top:10px;}}
.zafter_login{ text-align: left;}
.zaf_layout { display: inline-block;  padding-top:10px; padding-left: 30px; background: url(../images/icons.png) -100px 10px no-repeat; color: #e25b5b;}
.zaf_course { position:relative;/*width: 106px;*/ height: 34px; border-radius: 3px; line-height: 34px; vertical-align: middle; z-index:999;}
.zaf_course a { color: #000;}
.zaf_cur {}
.zaf_text { text-align: center; font-size: 14px; padding:1px 1px 1px 6px;}
.zaf_text img { display: inline-block; vertical-align: middle; margin-right: 4px;}
.zaf_text a,.zaf_cur a { display: inline-block; vertical-align: middle; color: #000;}
.zaf_cur { padding:0 0 0 5px; border: 1px #ddd solid; border-bottom: 0; border-radius: 3px 3px 0 0;}
.zaf_space { display: inline-block; width: 20px; height: 20px; background:url(../images/icons.png) -18px 9px no-repeat; vertical-align: middle;}
.zaf_endter { display: inline-block; padding-top: 10px; padding-right: 10px; color: #999;}
.zaf_endter b { padding-left: 5px; padding-right: 5px; color: #333;}
.zaf_ul {position: absolute; left: 0; top: 34px; width: 100%; border-left:1px #ddd solid; border-right:1px #ddd solid; border-bottom:1px #ddd solid;  border-radius:0px 0px 5px 5px;  z-index:999; display: none}
.zaf_bg { border-bottom:1px #ddd solid; text-align: center; background-color: #f2f2f2;font-size: 14px;}
.zaf_bg:hover { background-color: #fff;}
/*登录-pop*/
.maskLayer{width:100%;height:100%;filter:alpha(opacity=70);opacity:0.5;background:#000;position:fixed;z-index:996;top:0;left:0;display:none;}
.zfield { width: 458px; border-radius: 6px; background: #fff; position:absolute;z-index: 999; display:none;margin-left: auto;margin-right: auto;}
.zfield_header { height: 60px;}
.zfield_close { float: right; margin-top: 12px; margin-right: 14px; width: 40px; height: 40px; background: url(../images/btn_x_04.png) no-repeat;}
.zfield_body { padding: 0 30px 30px;}
.zfield_row { height: 50px; padding-top: 15px; border-bottom: 1px #ccc solid;}
.zfield_user,.zfield_psw,.zfield_vfy { display: inline-block; float:left; width: 30px; height: 30px; background: url(../images/login_01.png) no-repeat; text-align: right; vertical-align: middle;}
.zfield_user { background-position: 0px 2px;}
.zfield_psw { background-position: 0px -49px;}
.zfield_vfy { background-position: 0px -103px;}
.zfield_input { padding:0 4px; width:360px; float:left; display:block; height: 30px; border: none; background: #fff; font-size: 13px; color: #333; vertical-align: middle;}
.zfield_red { color: red; font-size: 14px; vertical-align: middle;}
.zfield_gray { color: #999; vertical-align: middle;}
.zfield_wSM { width: 210px;}
.zfield_veriflyImg { vertical-align: middle;}
.zfield_veriflyImg img { vertical-align: middle;}
.zfield_btn { margin-top: 20px; text-align: center;}
.zfield_ok { width:60%; height: 34px; border: none;  border-radius: 3px; background: #ac3013; color: #fff;}
.zfield_forget { padding-top: 20px; padding-left: 15px;}
.zfield_forget a { display: inline-block; padding: 1px 10px; border: 1px #581e16 solid; border-radius: 2px; background: #fff; font-size: 12px; color: #000; line-height: 1.4;}

@media only screen and (max-width: 769px) {
	.zfield{ width:80%;}
	.zfield_ok{ width:60%;}
	.zfield_forget { width:30%;}
	.zfield_user,.zfield_psw,.zfield_vfy { float:none;B}
	.zfield_row { height: 50px; padding-top: 15px; border-bottom: 1px #ccc solid;
	 display:-webkit-box; -webkit-box-align:center;
	 display:-moz-box; -moz-box-align:center;
	 display:-ms-box; -ms-box-align:center;
	 display:-o-box; -o-box-align:center;
	}
	.zfield_input {-webkit-box-flex:1; float:none; padding:0 4px; width:100%; display:block; height: 30px; border: none; background: #fff; font-size: 13px; color: #333; vertical-align: middle;}
	.zfield_ok {-webkit-box-flex:1; width:60%; height: 34px; border: none;  border-radius: 3px; background: #ac3013; color: #fff;}
	.zfield_forget {-webkit-box-flex:1; padding-top: 20px; padding-left: 15px;}
	.zfield_forget a { display: inline-block; padding: 1px 10px; border: 1px #581e16 solid; border-radius: 2px; background: #fff; font-size: 12px; color: #000; line-height: 1.4;}
}

@media only screen and (max-width: 480px) {
	.zfield{ width:80%;}
	.zfield_ok{ width:100%;}
	.zfield_forget { width:100%; padding:10px 0 0 0; display:block;}
	.zfield_forget a { width:100%;}
}