@charset "utf-8";

*{ margin:0; border:0; padding:0}
ul,li{ list-style:none}
img{border:none}
body{font-size:14px;font-family:"微软雅黑"}
a{ text-decoration:none}
a:focus, a:hover{ text-decoration: none; outline: none; }
.w1200{width:1170px;margin:0px auto}
.left{float:left}
.right{float:right}
.clear{clear:both}
.main ol, ul{ margin-bottom:0; }
header{width:100%; background-image:url(../images/top-bg.jpg); background-repeat:  no-repeat; background-position:center;height:153px; overflow:hidden;}
.header-content{margin-top:32px}
.search{ width:227px;height:35px;margin-top:67px;}
.search input.search-text{width:70%;height:28px;margin:3px 0px 0px 12px;float:left;line-height:28px;}
.search-btn{ background:url(../images/search.png) no-repeat;width:20px;height:20px;margin:7px 15px auto;cursor:pointer}
#header_content .nav{width:100%; height:54px;}
#header_content .nav li{float:left;line-height:54px;width:146px; text-align:center;position:relative}
#header_content .nav li a{font-size:16px; display:block}

.flexy-menu{ margin-bottom:0; }
.sub-nav{ display: none; overflow:hidden; position:absolute;z-index:9;width:146px;left:0;}
.sub-nav li a{ line-height:40px;font-size:14px;}

.maincontent-top{ margin-top:26px;margin-bottom:30px;}
.maincontent-top li{float:left;}
.maincontent-top li a{width:170px;margin-left:44px;color:#fff; height:60px;line-height:60px;text-indent:70px;font-size:20px; display:block}
.maincontent-top li.l-center a{ background:#DBA277 url(../images/learning-center.png) 20px center no-repeat}
.maincontent-top li.xd-center a{ background:#8FDB78 url(../images/xd-center.png) 20px center no-repeat}
.maincontent-top li.teacher a{ background:#76DBC9 url(../images/teacher.png) 20px center no-repeat}
.maincontent-top li.student a{ background:#D677DA url(../images/students.png) 20px center no-repeat}
.maincontent-top li.principal-mailbox a{ background:#dcab77 url(../images/mail.png) 20px center no-repeat}
.maincontent-top li.l-center a:hover{ background-color:#cd9366}
.maincontent-top li.xd-center a:hover{ background-color:#7cc663}
.maincontent-top li.teacher a:hover{ background-color:#69cbba}
.maincontent-top li.student a:hover{ background-color:#c268c8}
.maincontent-top li.principal-mailbox a:hover{ background-color:#cd9e6c}

.maincontent{ background:url(../images/title-bar.jpg) left top no-repeat; width:100%;}
.main-title-bar{line-height:40px;height:40px; padding-left:0;padding-right:0;}
.main-title-bar h3{font-size:20px;font-weight:normal; margin-top:0; margin-bottom:0;}
.main-title-bar h3 a{ line-height: 40px; }
.main-title-bar .more{font-size:14px;}

.left-picture li{width:258px;height:212px; overflow:hidden; margin-bottom:8px; float:left;font-size:14px;line-height:22px;}
.first-ml{margin-right:38px}
.left-picture li p{margin-left:10px;padding-right:5px;margin-bottom:0;}
.over-hidden{ white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.left-picture li div{width:260px;height:140px;}
.left-picture li div img{height:130px; width:220px;margin-left:15px; margin-top:15px; display:block;}
.main-left{ width:100%; padding-left:0; padding-right:0;}


.main-right{padding-left:0; padding-right:0; overflow:hidden}
.main-right li{width:259px;float:left;}
.main-date dd,.main-date dt{width:60px;height:25px; text-align:center; line-height:25px; font-weight: 100;}
.main-date dd{font-size:18px;}
.main-right li p{line-height:26px;height:52px;overflow:hidden;width:199px;}
.main-right li p a{font-size:14px; display:block;padding:0px 8px 0px 15px;height:54px}

.mt30{margin-top:30px}
.announcements{padding-left:0; padding-right:0; }
.title{padding:0px 10px}
.news_list li{width: 218px; float:left;margin-right:10px;margin-left:10px;line-height:20px}
.news_list li a{width:82%; display:block;float:left}
.news_list li span{font-size:12px}

.announcement-right{ overflow:hidden; padding-left:0; padding-right:0;}
.announcement-right li{float:left;margin-left:26px;margin-bottom:15px;width: 45%}
.announcement-right li a{ display: block; width: 250px; height: 82px; font-size:0; background-size: 100% 100%;width: 100%;}
.gzzd{ background:url(../images/gzzd.jpg) no-repeat}
.zyjj{ background:url(../images/zyjj.jpg) no-repeat}
.scool-culture{ background:url(../images/culture.jpg) no-repeat}
.download{ background:url(../images/download.jpg) no-repeat}


.bottom-link{width:100%;height:164px;  overflow:hidden}
.w1100{width:1120px;margin:0px auto;margin-top:30px}
.left-link{height:33px; line-height:33px; text-align:center;}
.link_content{padding-right:10px;padding-left:30px;overflow:hidden;word-break: break-all; }
.link_content a{padding:5px 20px;line-height:30px;float:left;*float:none}

.footer{width:100%;height:46px; line-height:46px;}
.footer ul li{float:left;margin-right:25px}
.footer p{margin-right:20px}

.closestyle189373{ font-size:12px;color:#333333;text-decoration: none ;}

.comment-warp{
	float: left;
	border: 1px solid #ccc;
	padding-top: 20px;
	margin-top: 20px;
	width: 100%;
}
.comment-list{
	float:left;
	width:100%;
	margin-top:20px;
}
.comment{
	float:left;
	width:100%;
	padding: 20px;
	background-color:#f2f2f2;
}
.comment-empty{
	text-align: center;
	font-size: 24px;
	color: #333;
	margin: 0 0 30px;
}
.comment.divide{
	background-color: #fff;
}
.comment-info{
	width:83%;
}
.comment-grade{
	width:17%;
}
.comment-grade span{
	float: right;
	margin-top: 20px;
	font-size: 16px;
	color: #666;
	white-space: nowrap;
}
.comment-img{
	width:7%;
}
.comment-img img{
	width:50px;
	border-radius: 50px;
}
.comment-img span{
	display:block;
	width:50px;
	text-align:center;
	height:20px;
	line-height:20px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	color:#666;
}
.comment-content{
	width:93%;
	font-size: 16px;
	word-wrap: break-word;
}
.comment-content p{
	color:#666;
	margin:0;
	padding:15px 0;
}
.comment-content .teach-reply{
	color: #FA7E7C;
	padding:0;
}
.comment-content .name{
	color:#333;
	font-size:16px;
}

.revert{
	width:100%;
	color:#f8951d;
	border-top:2px solid #ccc;
	margin-top:10px;
	padding-top: 10px;
}
.revert p{
	color:#f8951d;
	margin-bottom:0;
	text-indent: 20px;
	padding-left: 45px;
}
.comment-import{
	width:100%;
}
.comment-import textarea{
	resize:none;
	margin-bottom:10px;
	color:#666;
	height:120px;
	clear:both;
}
.comment-import button{
	margin-left: 20px;
}
.grade-left{ padding-left:20px; }
.marks{ font-size: 20px; margin-top: 14px; margin-bottom: 14px; }
.course_comment{ margin-bottom:16px; }
/*reset bootstrap style*/
.pagination{ padding-left: 8px; padding-right: 10px; }
.pagination > li > a, .pagination > li > span{ color:#333; }
.pagination > li:first-child > a, .pagination > li:first-child > span{ border-radius: 0; }
.pagination > li:last-child > a, .pagination > li:last-child > span{border-radius:0;}

#newadd{
	height: 48%;
}
#newadd img {
	max-height: 100%;
}

.post p {
	height: 40px;
}
.col-md-4{
        height:290px;
}