@charset "utf-8";
/*
2016-04-25
这一部分是页面的顶部和左侧导航以及底部，现在已经把它放到pagecommen.css中，各个页面的head通过引pagecommen来加载这部分的样式。
如若发现该css文件中没有包含所有顶部和左侧导航以及底部的css，还请移到该文件下并给出注释。
 */
html,body{height: 100%}
 body {background:#4f4f66 url(../img/bodyBackground.jpg) top repeat-x;}
.bodyStudent{background: #4f4f66 url(../img/bodyBack.jpg) top repeat-x;}
.bodyTeacher{background:#4f4f66 url(../img/bodyBack2.jpg) top repeat-x;}
.bodySenate{background:#4f4f66 url(../img/bodyBack2.jpg) top repeat-x;}
.bodyAdmin{background:#4f4f66 url(../img/bodyBack1.jpg) top repeat-x;}
 
/*header*/
.head {padding:0;height:122px;}

/* 通过页面header的一个类名来确定是哪个头图片 */
#headStudent{background:url(../img/head.jpg) left top no-repeat;}
#headAdmin{background:url(../img/head5.jpg) left top no-repeat;}

/* 左侧logo样式和右侧的帮助退出，该页面没有logo，如若需要，可以直接添加背景图片就会显示在现在logo的位置 */
#logo {float:left; display:inline;padding:22px 0 0 11px;width:199px;height:100px;text-align:center;}
#tempLogOut{float:right; margin-top: 96px; margin-right: 32px; dispaly:block;}
#tempLogOut a{cursor:pointer; text-decoration:none; color:#d1d1d1!important}
#tempLogOut .current a{ color:#fff!important}
 /* header中右侧帮助和退出按钮 */
#tempLogOut{float:right; margin-top: 96px; margin-right: 32px; dispaly:block;}
#tempLogOut .help{text-decoration:none; color:#FFFFFF;}
#tempLogOut .backOut{cursor:pointer; text-decoration:none; color:#FFFFFF;}

/*main nav*/
/*导航栏父容器*/
.naviWrapper {height:88px;width:100%;overflow:hidden;position:relative;z-index:200;}

/* nav中有两个ul */
nav {height:56px;background:url(../img/naviRep.jpg) repeat-x;line-height:56px;width:100%;z-index:2;top:0;left:0;_top:auto;}
nav ul {margin:0;position: relative;}
nav ul li {float:left;padding:0;height:56px;}
nav ul.lavaLamp li a {font-family:"Microsoft Yahei";display:block;position: relative;z-index: 6;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
nav ul li a img {float: left;margin-top:20px;margin-left: 10px;margin-right: 5px;}
nav ul.lavaLamp li {width:93px;vertical-align:middle;}
nav ul li.current a {color: #fff;}
nav ul li.current a:hover { color: #fff;}
nav ul li.back {background: url(../img/naviBack.png);width: 95px;height: 56px;position: absolute;z-index: 5;}
 nav ul li a:hover {text-decoration:none;}

#logoName {width:250px;height:56px;float:left;background:url(../img/logoNameBack1.png) left top no-repeat;}

.douban{position:relative; overflow:hidden;}
.douban .next,
.douban .prev{position:absolute; display:inline-block; width:18px; height:18px; background: url(../img/left_right.gif) no-repeat -6px -7px; overflow:hidden; margin-right:6px; cursor:pointer; }
.douban .prev{left:0px; top:23px;}
.douban .next{right:30px; top:23px; background-position:-34px -7px; }
.douban .prevStop{position:absolute; background-position:-6px -40px;}
.douban .nextStop{float:right; background-position:-34px -40px; cursor:default; }
.douban .bd{margin-left:35px;}
.douban .bd ul{ overflow:hidden; zoom:1; }
.douban .bd ul li{ float:left;}

/* 顶部导航下面，左侧时间栏和右侧的面包屑 */
#bread {float:left;width:100%;line-height:25px;color:#ccc;background-image: url(../img/breadBack.jpg);background-repeat: repeat-x;}

#timeArea {line-height:25px;text-align:center;font-size:11px;float:left;width:210px;height:25px;color:#fff;margin:5px 40px 0 0;background:url(../img/timeBack.jpg) right top no-repeat;}

.crum {margin-top:5px;margin-left:220px;}
.crum ul li {padding-right:5px;height:25px;}
/* 面包屑中向右的箭头是个图片 */
.crum ul li a {font-family:"宋体";color:#ccc;padding-right:12px;background:url(../img/bc_separator.gif) right no-repeat;}

/*左侧导航栏*/
.asideWrapeer{position:absolute;top:210px;width:210px;float:left;_top:210px;background: url(../img/asideBack.jpg) right top repeat-y;z-index:1;}

/* admin包括欢迎您和退出 */
#admin {width:210px;height: 50px;padding-top: 10px;display:none;background:url(../img/adminBack.jpg) right top no-repeat;}
.welcome-user{text-align: left;padding-left: 30px;margin-top: 0px;}
#help{display: inline; float: left; padding-left: 11px;margin-top: 5px;}
#help>a{display: inline-block;width: 70px;text-align: center;cursor:pointer; text-decoration:none;}
#help select{width:95px;}


/* 用于分隔admin和leftNavi的一小行 
.leftSeper {height:2px;background:url(../img/leftSeper.jpg) right no-repeat;margin-right:2px;}*/
aside{position:relative;z-index:3;}
#leftNavi {margin-left:12px;}
#leftNavi>ul>li {width: 197px;background: url(../img/leftNaviBack.jpg) repeat-x top;}
#leftNavi>ul>li>a{margin-left:25px;cursor:pointer;padding-top:10px;padding-left:18px;display:block;height:24px;}
.arrow-right{background: url(../img/left2.png) no-repeat 1px 9px;}
.arrow-down{background: url(../img/left1.png) no-repeat -2px 8px;}
.arrow-no{background: url(../img/leftSub.png) no-repeat 0 10px;}

/* 显示各个角色首页Welcome便捷操作页面左侧提示的容器及内容 */
#leftInfo {padding:10px 15px 40px 25px;}
.leftText {border:1px solid #fff !important;padding:10px 10px 30px 10px !important;background-color:#848e9c !important;color:white !important;-moz-border-radius:4px;-webkit-border-radius: 4px;border-radius: 4px;line-height:20px;}
.leftText h3{padding-bottom:10px;font-size:20px;}
/*左侧导航显示和隐藏样式*/
#leftNavi ul li ul{display:none;}
#leftNavi ul li ul.myShow{}

/*左侧导航图标和a标签样式*/
#leftNavi ul li a img {float:left;padding-right: 8px;}
#leftNavi ul li img{float:left; vertical-align:top;margin-top:7px;margin-left:20px;}
#leftNavi ul li a.current {color:#E1E5EA;background-image: url(../img/leftNaviCurr.jpg);background-repeat: no-repeat;}
/* 左侧导航的二级 */
#leftNavi ul li ul li {background: url(../img/leftSubNaviBack.jpg) repeat-x top;}
#leftNavi ul li ul li.active{background:url(../img/leftNaviCurr3.png);}
#leftNavi ul li ul li.active a{color:#fff;}
#leftNavi ul li ul li a {padding-top:6px;padding-right:0px;padding-bottom:0px;padding-left:57px;*padding-left:67px;display:block;width: 140px;height:20px;}


/* 最左侧的切换栏 */
/*.switch {position:fixed;_position:absolute;z-index:3;background:url(../img/switch.png) no-repeat;top:308px;width:11px;height:126px;_top:auto;}*/
/*.switch a{display:block;width:11px;height:126px;}*/

/* 控制switch的背景图片在收起后变换 */
.switchIn{left:0;background : url(../img/switchBack.png);}




/*footer*/
#footer {padding-left: 260px;z-index: 1;position:relative;text-align:center;}
#footer .copyright {height: 80px;padding-top: 20px;	background: #f3f3f3;}
#footer img{z-index:2;}



.switch{display:none;}



/*
	查看资源页样式
*/
.pinglun{
	padding:15px;
	background:#fff;
	border-radius:5px;
	margin-bottom:20px;
}
.pinglun div{
	position:relative;
	min-height:40px;
	padding:3px 0 3px 0;
	margin-bottom:0!important;
}
.pinglun>div.question{
	padding-left:55px;
}
.pinglun div img{
	position:absolute;
	left:0;
	top:0;
	width:46px;
	height:46px;
	border-radius:50%;
}
.pinglun div p{
	line-height:20px;
	color:#959595;
	padding-right:110px;
	margin-bottom:0!important;
	text-indent:0!important;
}
.pinglun div p b{
	color:#666;
	margin-right:10px;
}
.pinglun div p b span
{
	margin-right:10px;
}
.pinglun a{
	position:absolute;
	top:13px;
	right:24px;
	height:20px;
	line-height:20px;
	cursor:pointer;
}
.pinglun a.say{
	right:85px;
	color:#4b8bf9;
}
.pinglun a.refuse{
	right:30px;
	color:#4b8bf9;
}
.pinglun .comment{
	margin:23px 0 0 0px;
	padding-left:55px;
}
.pinglun textarea{
	display:block;
	width:60%;
	height:80px;
	line-height:20px;
	padding:5px;
	overflow-y:auto;
	overflow-x:hidden;
	margin-top:20px;
	resize:none;
}
.pinglun button{
	width:80px;
	height:32px;
	text-align:center;
	line-height:32px;
	border:none;
	background:#f17e11;
	border-radius:3px;
	font-size:15px;
	color:#fff;
	margin:12px 30px 0 0;
}

.top{
	padding:20px 20px 20px 340px;
	background:#fff;
	border-radius:4px;
	position:relative;
	height:200px;
}
.top img{
	width:300px;
	height:200px;
	position:absolute;
	left:20px;
	top:20px;
}
.top div h3{
	height:16px;
	line-height:16px;
	font-size:15px;
	color:#666;
}
.top div h3 input{
	border:none;
	outline:none;
	float:right;
	padding-left:25px;
	color:#f07f11;
	font-size:12px;
	background:url(../images/shoucang.png) no-repeat 0 0;
	
}
.top div p,.top div div{
	margin-top:15px;
	line-height:14px;
	font-size:12px;
	color:#999;
}
.top div p span{
	display:inline-block;
	width:200px;
}
.top div p b{
	color:#666;
}
.top div div b{
	color:#666;
}
.top div div{
	margin-top:10px;
	height:52px;
	line-height:26px;
	overflow:hidden;
}
.top div>a{
	display:inline-block;
	margin-top:8px;
	width:70px;
	height:26px;
	text-align:center;
	line-height:26px;
	background:#f07f11;
	color:#fff;
	font-size:12px;
	border-radius:4px;
}
.bottom{
	margin-top:20px;
	border-radius:4px;
	background:#fff;
	padding:10px;
}
.bottom .bd{
	height:39px;
	border-bottom:1px solid #e1e1e1;
}
.bottom .bd span{
	display:inline-block;
	width:119px;
	border:1px solid #e1e1e1;
	border-bottom:0;
	text-align:center;
	background:#e1e1e1;
	border-bottom:none;
	font-size:15px;
	color:#666;
	height:38px;
	margin-right:7px;
	line-height:38px;
	cursor:pointer;
}
.bottom .bd span.on{
	position:relative;
	top:0;
	border-top:2px solid #117af0;
	color:#117af0;
	background:#fff;
}
.bottom .hd{
	min-height:429px;
}
.bottom .hd>div{
	line-height:20px;
	font-size:12px;
	text-indent:2em;
	padding:20px;
}
.bottom .hd div p,
.bottom .hd div>div{
	margin-bottom:10px;
}
.bottom .hd div div img{
	max-width:500px;
}
.overall{float:left;height: 20px;width: 123px;padding:0!important;background: url(../images/bg-percentStar.png) 0 -20px no-repeat;}
.bottom .hd  textarea{
	width:60%;
	height:80px;
	line-height:20px;
	font-size:12px;
	color:#666;
	padding:10px;
	resize:none;
	vertical-align: top;
	overflow-y:auto;
}
.bottom .hd input[type="submit"],
.bottom .hd input[type="reset"]{
	width:80px;
	height:32px;
	text-align:center;
	line-height:32px;
	border:none;
	margin-right:20px;
	background:#f07f11;
	border-radus:2px;
	color:#fff;
	margin-top:15px;
	font-size:15px;
}
.bottom .hd input[type="submit"]{
	margin-left:62px;
}
.bottom .hd input[type="reset"]{
	background:#e3e3e3;
	color:#666;
}
.pinglun .comment{
	margin-top:6px;
}
.pinglun {
	border-bottom:1px dotted #e3e3e3;
}
.evaList{height: 23px;line-height: 23px;margin-bottom: 17px;}
.evaList span{display: block;width: 20px;height: 20px;cursor: pointer;float: left;background: url(../images/bg-star.png);margin-right: 5px;}
.clickStar{background-position: 0 -20px !important;}
.allComment{height: 30px;line-height: 30px;background: #eaeaea;}
.allComment span{width: 90px;height: 30px;display: block;text-align: center;color: #FFFFFF;background: #A81F29;font-size: 15px;}
/*
	资源列表页面的样式
*/
.resource li{
	width:374px;
	float:left;
	border-radius:3px;
	background:#fff;
	margin:9px;
}
.resource li img{
	width:374px;
	height:250px;
	border-width:3px 3px 0 0;
}
.openZ span{
		
	display:inline-block;
}
.openZ i{
	height:28px;
	width:39px;
	background:url(../images/open.png) no-repeat center center;
}
.openZ i.close{
	background:url(../images/close.png) no-repeat center center;
}
.resource li div{
	position:relative;
	padding:15px;
}
.resource li div h3{
	height:18px;
	line-height:18px;
	font-size:12px;
	color:#646464;

	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}
.resource li div p{
	height:28px;
	line-height:28px;
	font-size:12px;
	color:#9b9b9b;
}
.resource li div p.testTeacher{
	position:absolute;
	top:-31px;
	right:0;
	box-sizing: border-box;
    background: rgba(0,0,0,0.6);
    padding: 0px 5px;
    color:#fff;
}
.resource li div p span{
	float:left;
	width:176px;
}
.resource li div p span.fr{
	width:auto;
}
.resource li div input[type="radio"]{
	margin-left:23px;
}
.resource li div label{
	margin-right:39px;
}
.resource li div hr{
	margin-top:10px;
}
.resource li div p.caozuo{
	height:16px;
	line-height:16px;
	padding:18px 0;
}
.resource li div p.caozuo a{
	float:left;
	padding-left:22px;
	color:#9a9a9a;
	margin:0 3px;
	background:url(../images/comment.png) no-repeat 0 0;
}
.resource li div p.caozuo a.see{
	background-image:url(../images/see.png)	
}
.resource li div p.caozuo a.edit{
	background-image:url(../images/edit.png)	
}
.resource li div p.caozuo a.delete{
	background-image:url(../images/delete.png)	
}
.resource li div p.caozuo a.corrent{
	background-image:url(../images/corrent.png)	
}
.resource li div p.caozuo a:hover{
	background-position-y:-16px;
	color:#f3821c;
}

/*
	评论页面的弹出层的样式
*/
.message_reply textarea,
.ans_reply textarea{
	display:block;
	width:90%;
	height:160px;
	margin:10px auto;
	border:1px solid #ddd;
	resize:none;
	padding:1%;
}
.message_reply p,
.ans_reply p{
	text-align:center;
}
.message_reply a,
.ans_reply a{
	width:60px;
	height:30px;
	text-align:center;
	line-height:30px;
	letter-spacing:3px;
	padding:0;
	margin:0 5px;
	background:#c81828;
	color:#fff;
}
.excellentId{
	border:none;
	outline:none;
	padding-left:25px;
	color:#f07f11;
	font-size:15px;
	background:url(../images/audit.png) no-repeat 0 0;
	
}