@charset "utf-8";

/* css document */

/*在线教研V2.2首页样式*/
.slide_container {
	position: relative;
	float: left;
	width: 100%;
}

.slide {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.slide li.slide_on {
	float: left;
	position: relative;
	opacity: 1;
	z-index: 2;
	display: list-item;
	transition: opacity 500ms ease-in-out;
}

.slide li {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	display: block;
	float: none;
	opacity: 0;
	z-index: 1;
	transition: opacity 500ms ease-in-out;
	cursor: pointer;
}

.slide img {
	display: block;
	position: relative;
	z-index: 1;
	height: auto;
	border: 0;
	width: 469px;
	height: 289px;
}

.slide .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 14px;
	text-shadow: none;
	color: #fff;
	background: #000;
	background: rgba(0, 0, 0, .8);
	left: 0;
	right: 0;
	bottom: 0;
	padding: 13px 10px;
	margin: 0;
	max-width: none;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.slide_nav {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	top: 52%;
	left: 0;
	opacity: 0.5;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 61px;
	width: 38px;
	background: transparent url("../../image/research/themes.gif") no-repeat
		left top;
	margin-top: -45px;
}

.slide_nav:active {
	opacity: 1.0;
}

.slide_nav.next {
	left: auto;
	background-position: right top;
	right: 0;
}

.section-1 {
	width: 100%;
	height: 289px;
	float: left;
	margin: 14px 0 10px 0;
}

.section-1 .lunbo {
	width: 469px;
	height: 289px;
	float: left;
	margin-right: 10px;
	background: #00696B;
}

.section-1 .news {
	width: 469px;
	height: 287px;
	margin-right: 10px;
	float: left;
}

.section-1 .news.homepage {
	background: #fff;
	border: 1px solid #ccc;
}

.section-1 .news img {
	float: left;
	margin-top: 100px;
	margin-left: 105px;
}

.section-1 .news .news-top {
	width: 437px;
	height: auto;
	min-height: 60px;
	max-height: 110px;
	border-bottom: 1px dashed #cdcdcd;
	margin: 20px 0 0 17px;
}

.section-1 .news .news-top h2 {
	width: 100%;
	font-size: 20px;
	color: #252525;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-bottom: 5px;
}

.section-1 .news .news-top h2 a {
	font-size: 20px;
	color: #252525;
	font-weight: bold;
}

.section-1 .news .news-top h2 a:hover {
	color: #ff4200;
}

.section-1 .news .news-top p {
	width: 100%;
	font-size: 12px;
	color: #666;
	line-height: 23px;
}

.section-1 .news .news-top p a {
	color: #ff4200;
}

.section-1 .news .news-bottom {
	width: 437px;
	margin: 12px 0 0 17px;
}

.section-1 .news .news-bottom ul {
	width: 100%;
	float: left;
}

.section-1 .news .news-bottom ul li {
	width: 100%;
	float: left;
	padding-bottom: 8px;
	font-size: 14px;
	color: #222;
}

.section-1 .news .news-bottom ul li a {
	font-size: 14px;
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
	max-width: 390px;
}

.section-1 .news .news-bottom ul li a i {
	width: 2px;
	height: 2px;
	float: left;
	background: #222;
	margin-top: 9px;
	margin-right: 5px;
}

.section-1 .news .news-bottom ul li a:hover {
	color: #ff4200;
}

.section-1 .news .news-bottom ul li a:hover i {
	background: #ff4200;
}

.section-1 .news .news-bottom span {
	width: 100%;
	float: left;
	font-size: 14px;
	color: #ff4200;
}

.section-1 .news .news-bottom span a {
	font-size: 14px;
	color: #ff4200;
}

.section-1 .news .news-bottom span a em {
	font-style: normal;
	font-family: simsun;
	margin: 4px 0 0 5px;
}

/*登录状态开始*/
.section-login {
	width: 238px;
	height: 287px;
	float: left;
	background: #fff;
	border: 1px solid #ccc;
}

.section-login .section-login-top {
	width: 217px;
	height: 144px;
	float: left;
	margin-left: 12px;
}

.section-login .section-login-top img {
	width: 72px;
	height: 72px;
	float: left;
	border-radius: 100%;
	margin: 15px 12px 15px 12px;
}

.section-login .section-login-top samp {
	width: 117px;
	float: left;
	font-size: 16px;
	color: #222;
	padding-top: 25px;
}

.section-login .section-login-top p {
	width: 117px;
	font-size: 14px;
	color: #999;
	line-height: 21px;
	float: left;
}

.section-login .section-login-top .btn {
	width: 100%;
	float: left;
}

.section-login .section-login-top .btn button {
	width: 88px;
	height: 28px;
	border-radius: 2px;
	font-size: 14px;
	line-height: 26px;
	float: left;
}

.section-login .section-login-top .btn button.bg-green {
	background: #1cb177;
	color: #fff;
	border: 1px solid #1cb177;
	margin: 0 9px;
}

.section-login .section-login-top .btn button.bg-green:hover {
	background: #19aa71;
	border: 1px solid #19aa71;
}

.section-login .section-login-top .btn button.bg-white {
	background: #fff;
	border: 1px solid #1cb177;
	color: #1cb177;
	margin-left: 9px;
}

.section-login .section-login-top .btn button.bg-white:hover {
	background: #19aa71;
	border: 1px solid #19aa71;
	color: #fff;
}

.section-login .section-login-bottom {
	width: 100%;
	float: left;
}

.section-login .section-login-bottom .long-line {
	width: 220px;
	height: 1px;
	background: #ccc;
	margin-top: 22px;
	margin-left: 10px;
}

.section-login.is-login .section-login-bottom dl {
	width: 151px;
}

.section-login .section-login-bottom dl {
	width: 80px;
	height: 20px;
	margin: 0 auto;
	margin-top: -13px;
	background: #fff;
}

.section-login .section-login-bottom dl dd {
	width: 80px;
	text-align: center;
	background: #fff;
	font-size: 14px;
	color: #666;
	position: relative;
	float: left;
}

.section-login.is-login .section-login-bottom dl dd {
	width: 70px;
}

.section-login .section-login-bottom dl dd a {
	font-size: 14px;
	color: #666;
}

.section-login .section-login-bottom dl dd.line {
	width: 1px;
	height: 15px;
	background: #ccc;
	margin: 4px 5px;
}

.section-login .section-login-bottom dl dd a.active {
	color: #1cb177;
	border-bottom: 2px solid #19a26d;
}

.section-login .section-login-bottom dl dd a:hover {
	color: #1cb177;
	border-bottom: 2px solid #19a26d;
	cursor: pointer;
}

.section-login .section-login-bottom ul {
	width: 222px;
	height: auto;
	margin: 0 auto;
	margin-top: 35px;
}

.section-login .section-login-bottom ul.big-txt {
	margin-top: 30px;
}

.section-login .section-login-bottom ul li {
	width: 60px;
	text-align: center;
	float: left;
}

.section-login .section-login-bottom ul li b {
	width: 100%;
	font-size: 18px;
	color: #ff4200;
	font-family: arial;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-bottom: 3px;
}

.section-login .section-login-bottom ul li samp {
	width: 100%;
	font-size: 14px;
	color: #222;
}

.section-login .section-login-bottom ul li.line {
	width: 1px;
	height: 15px;
	background: #ccc;
	margin: 30px 10px 0 10px;
}

.section-login .section-login-bottom ul.big-txt li.line {
	margin: 36px 10px 0 10px;
}

.section-login .section-login-bottom ul.big-txt b {
	font-size: 23px;
}

/*教研动态-招生考试-教师园地*/
.section-2 {
	width: 100%;
	height: 164px;
	float: left;
	margin-bottom: 10px;
	background: #fff;
	border: 1px solid #ccc;
}

.section-2 .section-2-content {
	width: 398px;
	height: auto;
	float: left;
	border-right: 1px dashed #ccc;
	margin-top: 7px;
}

.section-2 .section-2-content h3 {
	width: 382px;
	height: auto;
	float: left;
	margin-left: 10px;
	line-height: 35px;
}

.section-2 .section-2-content h3 b {
	width: 6px;
	height: 18px;
	float: left;
	background: #1cb177;
	margin-top: 9px;
	margin-right: 10px;
}

.section-2 .section-2-content h3 em {
	font-style: normal;
	font-size: 18px;
	color: #222;
	float: left;
}

.section-2 .section-2-content h3 em a {
	font-size: 18px;
	color: #222;
}

.section-2 .section-2-content h3 span {
	float: right;
	padding-right: 5px;
}

.section-2 .section-2-content h3 span a {
	font-size: 14px;
	color: #666;
	float: right;
}

.section-2 .section-2-content h3 span a em {
	font-style: normal;
	font-family: simsun;
	margin: 1.5px 0 0 5px;
	float: right;
	color: #666;
	font-size: 12px;
}

.section-2 .section-2-content h3 span a:hover {
	color: #ff4200;
}

.section-2 .section-2-content h3 span a:hover em {
	color: #ff4200;
}

.section-2 .section-2-content ul {
	width: 360px;
	float: left;
	margin-left: 28px;
	margin-top: 5px;
}

.section-2 .section-2-content ul li {
	width: 100%;
	float: left;
	line-height: 34px;
	font-size: 14px;
	color: #222;
}

.section-2 .section-2-content ul li a {
	font-size: 14px;
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
	max-width: 320px;
}

.section-2 .section-2-content ul li a i {
	width: 2px;
	height: 2px;
	float: left;
	background: #222;
	margin-top: 17px;
	margin-right: 5px;
}

.section-2 .section-2-content ul li a:hover {
	color: #ff4200;
}

.section-2 .section-2-content ul li a:hover i {
	background: #ff4200;
}

/*活动专题*/
.section-3 {
	width: 1200px;
	height: 120px;
	float: left;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}

.section-3 .pre {
	width: 26px;
	height: 70px;
	float: left;
	background: url(../../image/research/xkjy-icon.png) -10px -10px
		no-repeat;
	position: absolute;
	top: 27px;
	left: 0px;
	z-index: 9;
	cursor: pointer;
	display: none;
}

.section-3 .next {
	width: 26px;
	height: 70px;
	float: left;
	background: url(../../image/research/xkjy-icon.png) -100px -10px
		no-repeat;
	position: absolute;
	top: 27px;
	right: 0px;
	z-index: 9;
	cursor: pointer;
	display: none;
}

.section-3:hover .pre {
	display: block;
}

.section-3:hover .next {
	display: block;
}

.section-3 dl {
	width: 200%;
}

.section-3 dl dd {
	width: 285px;
	height: 120px;
	float: left;
	margin-right: 20px;
}

.section-3 dd a {
	float: left;
	width: 100%;
	height: 100%;
}

.section-3 dd img {
	width: 285px;
	height: 120px;
	opacity: 1;
}

.section-3 dd img:hover {
	opacity: .9;
}

.section-3 ul {
	float: left;
	width: 1200px;
}

.section-3 ul li {
	width: 285px;
	height: 120px;
	float: left;
}

.section-3 ul li img {
	width: 285px;
	height: 120px;
	opacity: 1;
}

.section-3 ul li img:hover {
	opacity: .9;
}

/*最新活动*/
.section-4 {
	width: 100%;
	height: 306px;
	float: left;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	background: #fff;
}

.section-4 .section-4-title {
	width: 1170px;
	height: 40px;
	float: left;
	margin-left: 10px;
}

.section-4 .section-4-title b {
	width: 6px;
	height: 18px;
	float: left;
	background: #1cb177;
	margin-top: 12px;
	margin-right: 10px;
}

.section-4 .section-4-title h5 {
	float: left;
	line-height: 40px;
}

.section-4 .section-4-title h5 a {
	font-size: 18px;
	color: #222;
	cursor: text;
}

.section-4 .section-4-title ul {
	float: left;
	margin-left: 30px;
}

.section-4 .section-4-title ul li {
	float: left;
	font-size: 14px;
	color: #666;
	line-height: 40px;
}

.section-4 .section-4-title ul li a {
	font-size: 14px;
	color: #666;
}

.section-4 .section-4-title ul li a:hover {
	color: #1cb177;
	font-weight: bold;
}

.section-4 .section-4-title ul li a.active {
	color: #1cb177;
	font-weight: bold;
}

.section-4 .section-4-title ul li.line {
	width: 1px;
	height: 13px;
	margin: 15px 12px 0 12px;
	background: #ccc;
}

.section-4 .section-4-title span {
	float: right;
	line-height: 40px;
}

.section-4 .section-4-title span a {
	font-size: 14px;
	color: #666;
}

.section-4 .section-4-title span a em {
	font-style: normal;
	font-family: simsun;
	margin: 1.5px 0 0 5px;
	float: right;
	font-size: 12px;
}

.section-4 .section-4-title span a:hover {
	color: #ff4200;
}

.section-4 .section-4-content {
	width: 100%;
	float: left;
}

.section-4 .section-4-content ul {
	float: left;
}
.section-4 .section-4-content ul>img {
    float: left;
    margin-top: 100px;
    margin-left: 550px;
}
.section-4 .section-4-content ul>p {
    float: left;
    margin-top: 10px;
    margin-left: 555px;
}

.section-4 .section-4-content ul li {
	width: 220px;
	height: 250px;
	float: left;
	margin-left: 15px;
	border: 1px solid #fff;
}

.section-4 .section-4-content ul li:hover {
	border: 1px solid #ddd;
	box-shadow: 0px 1px 5px 0px #bfbfbf;
}

.section-4 .section-4-content ul li .pic {
	width: 200px;
	height: 130px;
	margin: 0 auto;
	display: block;
	margin-top: 10px;
}

.section-4 .section-4-content ul li .pic img {
	width: 200px;
	height: 130px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.section-4 .section-4-content>ul>li>div {
	overflow: hidden;
}

.section-4 .section-4-content>ul>li>div:hover img {
	z-index: 10;
	transform: scale(1.2, 1.2);
	transition: .3s transform;
	-webkit-transition: all 0.6s ease 0.1s;
	transition: all 0.6s ease 0.1s;
}

.section-4 .section-4-content ul li h6 {
	width: 200px;
	height: 46px;
	font-size: 14px;
	color: #222;
	font-weight: bold;
	padding-left: 10px;
	float: left;
	padding-top: 8px;
}

.section-4 .section-4-content ul li h6:hover {
	color: #ff4200;
}

.section-4 .section-4-content ul li h6 a {
	font-size: 15px;
	color: #222;
	font-weight: bold;
}

.section-4 .section-4-content ul li h6 a:hover {
	color: #ff4200;
}

.section-4 .section-4-content ul li p {
	width: 200px;
	float: left;
	padding-left: 10px;
	padding-bottom: 5px;
	font-size: 14px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.section-4 .section-4-content ul li p span {
	font-size: 14px;
	color: #666;
}

.section-4 .section-4-content ul li p span.subject {
	width: 105px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.section-4 .section-4-content ul li p span.time {
	float: right;
	font-family: arial;
	line-height: 24px;
}

.section-4 .section-4-content ul li p span.state.jxz {
	color: #1cb177;
}

.section-4 .section-4-content ul li p span.state.wks {
	color: #ff603b;
}

.section-4 .section-4-content ul li p span.state.yjs {
	color: #8f8f8f;
}

/*直播*/
.section-5 {
	width: 100%;
	height: 278px;
	float: left;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	background: #fff;
}

.section-5 .section-5-title {
	width: 1170px;
	height: 40px;
	float: left;
	margin-left: 10px;
}

.section-5 .section-5-title b {
	width: 6px;
	height: 18px;
	float: left;
	background: #1cb177;
	margin-top: 12px;
	margin-right: 10px;
}

.section-5 .section-5-title h5 {
	float: left;
	line-height: 40px;
}

.section-5 .section-5-title h5 a {
	font-size: 18px;
	color: #222;
	cursor: text;
}

.section-5 .section-5-title p {
	float: left;
	line-height: 40px;
	font-size: 14px;
	color: #999;
	padding-left: 10px;
}

.section-5 .section-5-title span {
	float: right;
	line-height: 40px;
}

.section-5 .section-5-title span a {
	font-size: 14px;
	color: #666;
}

.section-5 .section-5-title span a em {
	font-style: normal;
	font-family: simsun;
	margin: 1.5px 0 0 5px;
	float: right;
	font-size: 12px;
}

.section-5 .section-5-title span a:hover {
	color: #ff4200;
}

.section-5 .section-5-content {
	width: 100%;
	float: left;
	margin-top: 10px;
}

.section-5 .section-5-content ul {
	float: left;
	margin-left: 14px;
}

.section-5 .section-5-content ul li {
	width: 224px;
	height: 213px;
	float: left;
	background: #fff;
	margin-left: 7px;
	border: 1px solid #fff;
}

.section-5 .section-5-content ul li:hover {
	border: 1px solid #ddd;
	box-shadow: 0px 1px 5px 0px #bfbfbf;
}

.section-5 .section-5-content ul li .pic {
	width: 224px;
	height: 125px;
	float: left;
	overflow: hidden;
	display: block;
}

.section-5 .section-5-content ul li .pic img {
	width: 224px;
	height: 125px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.section-5 .section-5-content>ul>li>div {
	overflow: hidden;
}

.section-5 .section-5-content>ul>li>div:hover img {
	z-index: 10;
	transform: scale(1.2, 1.2);
	transition: .3s transform;
	-webkit-transition: all 0.6s ease 0.1s;
	transition: all 0.6s ease 0.1s;
}

.section-5 .section-5-content ul li .mask {
	width: 224px;
	height: 30px;
	background: #000;
	opacity: 0.66;
	float: left;
	position: relative;
	margin-top: -30px;
	z-index: 1;
}

.section-5 .section-5-content ul li dl {
	width: 224px;
	float: left;
	margin-top: -30px;
	position: relative;
	z-index: 2;
	line-height: 30px;
}

.section-5 .section-5-content ul li dl dd {
	float: left;
	font-size: 14px;
	color: #fff;
}

.section-5 .section-5-content ul li dl dd.left {
	height: 30px;
	background: #ff6000;
	font-size: 12px;
	text-align: center;
	line-height: 30px;
	padding: 0 10px;
	font-family: simsun;
}

.section-5 .section-5-content ul li dl dd.left.blue {
	background: #00c0ff;
}

.section-5 .section-5-content ul li dl dd.left.gray {
	background: #6d6d6d;
}

.section-5 .section-5-content ul li dl dd.left.yg {
	background: #00c0ff;
}

.section-5 .section-5-content ul li dl dd.right {
	float: right;
	padding-right: 10px;
	font-family: simsun;
	font-size: 14px;
}

.section-5 .section-5-content ul li dl dd.right.yg a {
	font-size: 12px;
}

.section-5 .section-5-content ul li dl dd.right a {
	font-family: simsun;
	font-size: 12px;
	color: #fff;
}

.section-5 .section-5-content ul li dl dd.right a:hover {
	text-decoration: underline;
}

.section-5 .section-5-content p {
	width: 210px;
	height: auto;
	float: left;
	padding-left: 10px;
	font-size: 14px;
	line-height: 20px;
	padding-top: 10px;
}

.section-5 .section-5-content p a {
	font-size: 15px;
	color: #222;
	font-weight: bold;
	float: left;
	height: 40px;
}

.section-5 .section-5-content p a:hover {
	color: #ff4200;
}

.section-5 .section-5-content p span {
	font-size: 14px;
	color: #777;
}

.section-5 .section-5-content p span.school {
	width: 100%;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.section-5 .section-5-content p span.num {
	float: right;
}

.section-5 .section-5-content p span.num em {
	font-family: arial;
	font-style: normal;
}

/*最新教学设计-无纸备课排行榜*/
.section-6 {
	width: 100%;
	height: 363px;
	float: left;
	margin-bottom: 10px;
}

/*最新教学设计*/
.section-6 .section-6-design {
	width: 929px;
	height: 361px;
	float: left;
	border: 1px solid #ccc;
	background: #fff;
}

.section-6 .section-6-design .design-title {
	width: 910px;
	height: 40px;
	float: left;
	margin-left: 10px;
}

.section-6 .section-6-design .design-title b {
	width: 6px;
	height: 18px;
	float: left;
	background: #1cb177;
	margin-top: 12px;
	margin-right: 10px;
}

.section-6 .section-6-design .design-title h5 {
	float: left;
	line-height: 40px;
}

.section-6 .section-6-design .design-title h5 a {
	font-size: 18px;
	color: #222;
	cursor: text;
}

.section-6 .section-6-design .design-title ul {
	float: left;
	margin-left: 30px;
}

.section-6 .section-6-design .design-title ul li {
	float: left;
	font-size: 14px;
	color: #666;
	line-height: 40px;
}

.section-6 .section-6-design .design-title ul li a {
	font-size: 14px;
	color: #666;
}

.section-6 .section-6-design .design-title ul li a:hover {
	color: #1cb177;
	font-weight: bold;
}

.section-6 .section-6-design .design-title ul li a.active {
	color: #1cb177;
	font-weight: bold;
}

.section-6 .section-6-design .design-title ul li.line {
	width: 1px;
	height: 13px;
	margin: 15px 12px 0 12px;
	background: #ccc;
}

.section-6 .section-6-design .design-title span {
	float: right;
	line-height: 40px;
}

.section-6 .section-6-design .design-title span a {
	font-size: 14px;
	color: #666;
}

.section-6 .section-6-design .design-title span a em {
	font-style: normal;
	font-family: simsun;
	margin: 1.5px 0 0 5px;
	float: right;
	font-size: 12px;
}

.section-6 .section-6-design .design-title span a:hover {
	color: #ff4200;
}

.section-6 .section-6-design .design-content {
	width: 100%;
	float: left;
}

.section-6 .section-6-design .design-content ul {
	width: 888px;
	height: 307px;
	background: url(../../image/research/design-bg.png) center 0 no-repeat;
	margin: 0 auto;
}

.design-content ul li {
	width: 425px;
	height: 137px;
	float: left;
	margin-top: 18px;
	border: 1px solid #fff;
	margin-left: 16px;
}

.design-content ul li h3 {
	width: 100%;
	height: auto;
	margin-left: 12px;
	margin-top: 15px;
	float: left;
}

.design-content ul li h3 b {
	max-width: 320px;
	font-size: 14px;
	color: #222;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.design-content ul li h3 span {
	height: 20px;
	background: #fff;
	border: 1px solid #00af7e;
	line-height: 18px;
	font-size: 14px;
	padding: 0 5px;
	margin-left: 15px;
	border-radius: 2px;
	color: #00af7e;
	float: left;
}

.design-content ul li h3 span em {
	font-style: normal;
	font-family: arial;
}

.design-content ul li p {
	width: 405px;
	height:54px;
	float: left;
	padding-left: 12px;
	font-size: 14px;
	color: #5d5d5d;
	padding-top: 8px;
	line-height: 23px;
	word-wrap: break-word;
}

.design-content ul li p i {
	font-style: normal;
	color: #999;
}

.design-content ul li p em {
	font-style: normal;
	color: #1cb177;
}

.design-content ul li p span {
	font-size: 14px;
	color: #999;
}

.design-content ul li p span.school {
	width: 170px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.design-content ul li p span.teacher {
	float: right;
}

.design-content ul li p span.teacher em {
	font-style: normal;
	font-family: arial;
	color: #999;
}

.design-content ul li:hover {
	border: 1px solid #ddd;
	box-shadow: 0px 1px 5px 0px #bfbfbf;
}

.design-content ul li h3 b:hover {
	color: #ff4200;
}

.section-6 .section-6-ranking {
	width: 256px;
	height: 361px;
	float: left;
	border: 1px solid #ccc;
	background: #fff;
	margin-left: 10px;
}

.section-6 .section-6-ranking .ranking-title {
	width: 235px;
	height: 40px;
	float: left;
	margin-left: 10px;
}

.section-6 .section-6-ranking .ranking-title b {
	width: 6px;
	height: 18px;
	float: left;
	background: #1cb177;
	margin-top: 12px;
	margin-right: 10px;
}

.section-6 .section-6-ranking .ranking-title h5 {
	float: left;
	line-height: 40px;
}

.section-6 .section-6-ranking .ranking-title h5 a {
	font-size: 18px;
	color: #222;
	cursor: text;
}

.section-6 .section-6-ranking .ranking-title ul {
	float: right;
}

.section-6 .section-6-ranking .ranking-title ul li {
	float: left;
	font-size: 14px;
	color: #666;
	line-height: 40px;
}

.section-6 .section-6-ranking .ranking-title ul li a {
	font-size: 14px;
	color: #666;
}

.section-6 .section-6-ranking .ranking-title ul li a:hover {
	color: #1cb177;
	font-weight: bold;
}

.section-6 .section-6-ranking .ranking-title ul li a.active {
	color: #1cb177;
	font-weight: bold;
}

.section-6 .section-6-ranking .ranking-title ul li.line {
	width: 1px;
	height: 13px;
	margin: 15px 8px 0 8px;
	background: #ccc;
}

.section-6 .section-6-ranking .ranking-content {
	width: 100%;
	float: left;
}

.section-6 .section-6-ranking .ranking-content img.loading {
	margin: 0 auto;
	display: block;
	margin-top: 130px;
}

.section-6 .section-6-ranking .ranking-content ul {
	width: 217px;
	height: auto;
	margin: 0 auto;
}

.section-6 .section-6-ranking .ranking-content ul li {
	width: 100%;
	height: 50px;
	margin-top: 12px;
}

.section-6 .section-6-ranking .ranking-content ul li.line {
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed #ccc;
	margin-top: 0;
}

.section-6 .section-6-ranking .ranking-content ul li em {
	width: 14px;
	height: 14px;
	float: left;
	background: #fff;
	color: #3b3b3b;
	line-height: 14px;
	text-align: center;
	font-size: 14px;
	font-family: arial;
	font-style: normal;
	border-radius: 2px;
	margin-top: 4px;
}

.section-6 .section-6-ranking .ranking-content ul li em.num1 {
	background: #ff610b;
	color: #fff;
}

.section-6 .section-6-ranking .ranking-content ul li em.num2 {
	background: #ffba2e;
	color: #fff;
}

.section-6 .section-6-ranking .ranking-content ul li em.num3 {
	background: #57b382;
	color: #fff;
}

.section-6 .section-6-ranking .ranking-content ul li dl {
	width: 190px;
	float: left;
	margin-left: 9px;
	margin-bottom: 2px;
}

.section-6 .section-6-ranking .ranking-content ul li dl dd {
	font-size: 14px;
}

.section-6 .section-6-ranking .ranking-content ul li dl dd.name {
	width: 85px;
	float: left;
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.section-6 .section-6-ranking .ranking-content ul li dl dd.number {
	float: right;
	color: #666;
	font-weight: bold;
}

.section-6 .section-6-ranking .ranking-content ul li p {
	width: 190px;
	float: left;
	padding-left: 24px;
	font-size: 14px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*学科教研*/
.section-7 {
	width: 100%;
	height: 255px;
	float: left;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	background: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.section-7 .section-7-title {
	width: 1170px;
	height: 40px;
	float: left;
	margin-left: 10px;
}

.section-7 .section-7-title b {
	width: 6px;
	height: 18px;
	float: left;
	background: #1cb177;
	margin-top: 12px;
	margin-right: 10px;
}

.section-7 .section-7-title h5 {
	float: left;
	line-height: 40px;
}

.section-7 .section-7-title h5 a {
	font-size: 18px;
	color: #222;
	cursor: text;
}

.section-7 .section-7-title ul {
	float: left;
	margin-left: 30px;
}

.section-7 .section-7-title ul li {
	float: left;
	font-size: 14px;
	color: #666;
	line-height: 40px;
}

.section-7 .section-7-title ul li a {
	font-size: 14px;
	color: #666;
}

.section-7 .section-7-title ul li a:hover {
	color: #1cb177;
	font-weight: bold;
}

.section-7 .section-7-title ul li a.active {
	color: #1cb177;
	font-weight: bold;
}

.section-7 .section-7-title ul li.line {
	width: 1px;
	height: 13px;
	margin: 15px 12px 0 12px;
	background: #ccc;
}

.section-7 .section-7-title span {
	float: right;
	line-height: 40px;
}

.section-7 .section-7-title span a {
	font-size: 14px;
	color: #666;
}

.section-7 .section-7-title span a em {
	font-style: normal;
	font-family: simsun;
	margin: 1.5px 0 0 5px;
	float: right;
	font-size: 12px;
}

.section-7 .section-7-title span a:hover {
	color: #ff4200;
}

.section-7 .section-7-content {
	width: 100%;
	height: auto;
	float: left;
}

.section-7 .section-7-content .pre {
	width: 26px;
	height: 70px;
	float: left;
	background: url(../../image/research/xkjy-icon.png) -10px -10px
		no-repeat;
	margin-top: 67px;
	position: relative;
}

.section-7 .section-7-content .pre:hover {
	cursor: pointer;
}

.section-7 .section-7-content .next {
	width: 26px;
	height: 70px;
	float: left;
	background: url(../../image/research/xkjy-icon.png) -100px -10px
		no-repeat;
	margin-top: 67px;
}

.section-7 .section-7-content .next:hover {
	cursor: pointer;
}

.section-7 .section-7-content .xkjy {
	width: 1148px;
	height: 165px;
	float: left;
	margin-top: 20px;
}

.section-7 .section-7-content .xkjy ul {
	width: 1148px;
	float: left;
}

.section-7 .section-7-content .xkjy ul li {
	width: 373px;
	height: 163px;
	float: left;
	background: #f0f0f0;
	border: 1px solid #f0f0f0;
	margin: 0 3px 0 4px;
}

.section-7 .section-7-content .xkjy ul li img {
	width: 94px;
	height: 123px;
	float: left;
	margin: 20px 18px 0 10px;
}

.section-7 .section-7-content .xkjy ul li dl {
	width: 240px;
	float: left;
	margin-top: 20px;
}

.section-7 .section-7-content .xkjy ul li dl dd {
	width: 100%;
	float: left;
	font-size: 14px;
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-bottom: 8px;
}

.section-7 .section-7-content .xkjy ul li dl dd i {
	margin: 4px 8px 0 0;
}

.section-7 .section-7-content .xkjy ul li dl dd i.teacher-name {
	width: 14px;
	height: 15px;
	float: left;
	background: url(../../image/research/xkjy-icon.png) -10px -120px
		no-repeat;
}

.section-7 .section-7-content .xkjy ul li dl dd i.project {
	width: 17px;
	height: 16px;
	float: left;
	background: url(../../image/research/xkjy-icon.png) -70px -120px
		no-repeat;
}

.section-7 .section-7-content .xkjy ul li p {
	width: 240px;
	float: left;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	word-break: break-all;
    white-space: normal;
}

.section-7 .section-7-content .xkjy ul li:hover {
	border: 1px solid #ddd;
	box-shadow: 0px 1px 5px 0px #bfbfbf;
	background: #fff;
}

/*区本备课资源-资源建设排行榜*/
.section-8 {
	width: 100%;
	height: 534px;
	float: left;
	margin-bottom: 10px;
}

/*区本备课资源*/
.section-8 .section-8-res {
	width: 930px;
	height: 532px;
	float: left;
	border: 1px solid #ccc;
	background: #fff;
}

.section-8 .section-8-res .res-title {
	width: 905px;
	height: 40px;
	float: left;
	margin-left: 10px;
}

.section-8 .section-8-res .res-title b {
	width: 6px;
	height: 18px;
	float: left;
	background: #1cb177;
	margin-top: 12px;
	margin-right: 10px;
}

.section-8 .section-8-res .res-title h5 {
	float: left;
	line-height: 40px;
}

.section-8 .section-8-res .res-title h5 a {
	font-size: 18px;
	color: #222;
}

.section-8 .section-8-res .res-title p {
	float: left;
	line-height: 40px;
	font-size: 14px;
	color: #999;
	padding-left: 10px;
}

.section-8 .section-8-res .res-title span {
	float: right;
	line-height: 40px;
}

.section-8 .section-8-res .res-title span a {
	font-size: 14px;
	color: #666;
}

.section-8 .section-8-res .res-title span a em {
	font-style: normal;
	font-family: simsun;
	margin: 1.5px 0 0 5px;
	float: right;
	font-size: 12px;
}

.section-8 .section-8-res .res-title span a:hover {
	color: #ff4200;
}

.section-8 .section-8-res .res-library {
	width: 100%;
	float: left;
}

.res-library .l-library {
	width: 230px;
	height: 471px;
	float: left;
	margin: 10px 0 0 10px;
}

.l-library .l-library-top {
	width: 100%;
	height: 286px;
	float: left;
}

.l-library .l-library-top h6 {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	padding-top: 18px;
	color: #fff;
}

.l-library .l-library-top p {
	text-align: center;
	font-size: 14px;
	color: #fff;
}

.l-library .l-library-top button {
	width: 75px;
	height: 22px;
	line-height: 17px;
	background: #ff6d4b;
	border-radius: 3px;
	border: 1px solid #fff;
	color: #fff;
	font-size: 14px;
	margin: 0 auto;
	display: block;
	margin-top: 10px;
}

.l-library .l-library-top button b {
	font-family: "宋体";
	font-weight: normal;
}

.l-library .l-library-top:hover {
	width: 100%;
	height: 286px;
	float: left;
	opacity: .9;
	filter: alpha(opacity = 90);
}

.l-library .l-library-top:hover button {
	background: #fff;
	color: #ff6d4b;
}

.l-library .l-library-bottom {
	width: 100%;
	height: 185px;
	float: left;
	background: #88a4a5;
}

.l-library .l-library-bottom .period {
	width: 100%;
	float: left;
	height: 40px;
	background: #607d7e;
}

.l-library .l-library-bottom .period ul {
	float: left;
	margin-left: 13px;
}

.l-library .l-library-bottom .period ul li {
	width: 65px;
	line-height: 40px;
	font-size: 16px;
	color: #8bc7c9;
	text-align: center;
	float: left;
}

.l-library .l-library-bottom .period ul li.active {
	font-weight: bold;
	color: #fff;
}

.l-library .l-library-bottom .period ul li:hover {
	cursor: pointer;
}

.l-library .l-library-bottom .period ul li.line {
	width: 1px;
	height: 18px;
	background: #8bc7c9;
	margin: 12px 0 0 0;
}

.l-library .l-library-bottom .subject {
	width: 165px;
	float: left;
	margin-left: 18px;
	margin-top: 10px;
}

.l-library .l-library-bottom .subject a {
	float: left;
	padding-left: 12px;
	font-size: 14px;
	color: #fff;
	padding-bottom: 12px;
	display: inline-block;
}

.l-library .l-library-bottom .subject a:hover {
	text-decoration: underline;
}

.res-library .c-library {
	width: 690px;
	height: 471px;
	float: left;
	background: #fff;
}

.res-library .c-library img.loading {
	margin: 0 auto;
	display: block;
	margin-top: 200px;
}

.c-library .new-res {
	width: 100%;
	float: left;
}

.c-library .new-res .title {
	width: 650px;
	margin-left: 20px;
	height: 36px;
	float: left;
	padding-top: 10px;
	padding-bottom: 5px;
}

.c-library .new-res .title h5 {
	font-size: 16px;
	color: #222;
	line-height: 36px;
	font-weight: bold;
	float: left;
}

.c-library .new-res .title a {
	float: right;
	font-size: 12px;
	color: #aeaeae;
	font-family: "宋体";
	line-height: 36px;
}

.c-library .new-res .title a:hover {
	color: #e6542b;
	text-decoration: underline;
}

.c-library .new-res .new-res-content {
	width: 100%;
	float: left;
}

.c-library .new-res .new-res-content ul {
	float: left;
	margin-left: 12px;
}

.c-library .new-res .new-res-content ul li {
	width: 320px;
	height: 93px;
	float: left;
	margin-right: 15px;
	margin-bottom: 7px;
}

.c-library .new-res .new-res-content ul li .pic {
	width: 78px;
	height: 78px;
	background: #fff;
	border: 1px solid #ccc;
	float: left;
	margin: 7px 15px 6px 10px;
}

.c-library .new-res .new-res-content ul li .pic img {
	width: 72px;
	height: 72px;
	margin: 3px;
}

.c-library .new-res .new-res-content ul li p {
	width: 208px;
	height: 60px;
	float: left;
	font-size: 14px;
	color: #333;
	line-height: 24px;
	padding-top: 4px;
	word-wrap : break-word ;
}

.c-library .new-res .new-res-content ul li p:hover {
	color: #ff4200;
}

.c-library .new-res .new-res-content ul li span {
	font-size: 14px;
	color: #97999b;
	float: left;
}

.c-library .new-res .new-res-content ul li:hover {
	background: #fff;
	-webkit-box-shadow: 0 1px 10px #a5aeb4;
	box-shadow: 0 1px 10px #a5aeb4;
	cursor: pointer;
}

.c-library .new-res .new-res-list {
	width: 100%;
	float: left;
	margin-top: 10px;
}

.c-library .new-res .new-res-list ul {
	width: 100%;
	float: left;
}

.c-library .new-res .new-res-list ul li {
	width: 315px;
	float: left;
	font-size: 14px;
	margin-bottom: 15px;
	margin-left: 20px;
}

.c-library .new-res .new-res-list ul li i {
	width: 18px;
	height: 18px;
	float: left;
	margin-top: 3px;
	margin-right: 10px;
}

.c-library .new-res .new-res-list ul li samp {
	font-weight: normal;
	color: #f45022;
	float: left;
	padding-right: 5px;
}

.c-library .new-res .new-res-list ul li a {
	width: 140px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #222;
}

.c-library .new-res .new-res-list ul li a:hover {
	color: #ff4200;
}

.c-library .new-res .new-res-list ul li span {
	float: right;
	color: #808080;
}

.c-library .new-res .new-res-list ul li span b {
	font-weight: normal;
	font-family: arial;
}

/*资源建设排行榜*/
.section-8 .res-ranking {
	width: 256px;
	height: 532px;
	float: left;
	border: 1px solid #ccc;
	background: #fff;
	margin-left: 10px;
}

.section-8 .res-ranking .ranking-title {
	width: 235px;
	height: 40px;
	float: left;
	margin-left: 10px;
}

.section-8 .res-ranking img.loading {
    margin: 0 auto;
    display: block;
    margin-top: 240px;
}

.section-8 .res-ranking .ranking-title b {
	width: 6px;
	height: 18px;
	float: left;
	background: #1cb177;
	margin-top: 12px;
	margin-right: 10px;
}

.section-8 .res-ranking .ranking-title h5 {
	float: left;
	line-height: 40px;
}

.section-8 .res-ranking .ranking-title h5 a {
	font-size: 18px;
	color: #222;
}

.section-8 .res-ranking .ranking-title ul {
	float: right;
}

.section-8 .res-ranking .ranking-title ul li {
	float: left;
	font-size: 14px;
	color: #666;
	line-height: 40px;
}

.section-8 .res-ranking .ranking-title ul li a {
	font-size: 14px;
	color: #666;
}

.section-8 .res-ranking .ranking-title ul li a:hover {
	color: #1cb177;
	font-weight: bold;
}

.section-8 .res-ranking .ranking-title ul li a.active {
	color: #1cb177;
	font-weight: bold;
}

.section-8 .res-ranking .ranking-title ul li.line {
	width: 1px;
	height: 13px;
	margin: 15px 8px 0 8px;
	background: #ccc;
}

.section-8 .res-ranking .res-ranking-content {
	width: 100%;
	float: left;
}

.subject-ranking {
	width: 239px;
	height: 180px;
	margin: 0 auto;
	background: #f0f0f0;
	margin-bottom: 10px;
}

.subject-ranking .subject-ranking-title {
	width: 219px;
	height: 29px;
	border-bottom: 1px dashed #666;
	margin-left: 9px;
}

.subject-ranking .subject-ranking-title b {
	float: left;
	font-size: 14px;
	color: #3b3b3b;
	line-height: 29px;
}

.subject-ranking ul {
	width: 219px;
	float: left;
	margin-left: 9px;
}

.subject-ranking ul li {
	width: 100%;
	float: left;
	line-height: 30px;
}

.subject-ranking ul li em {
	width: 14px;
	height: 14px;
	float: left;
	color: #3b3b3b;
	line-height: 14px;
	text-align: center;
	font-size: 14px;
	font-family: arial;
	font-style: normal;
	border-radius: 2px;
	margin-top: 9px;
	margin-right: 8px;
}

.subject-ranking ul li em.num1 {
	background: #ff610b;
	color: #fff;
}

.subject-ranking ul li em.num2 {
	background: #ffba2e;
	color: #fff;
}

.subject-ranking ul li em.num3 {
	background: #57b382;
	color: #fff;
}

.subject-ranking ul li p {
	width: 195px;
	float: left;
}

.subject-ranking ul li p span {
	font-size: 14px;
}

.subject-ranking ul li p span.km {
	width: 135px;
	color: #222;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.subject-ranking ul li p span.number {
	font-weight: bold;
	color: #666;
	float: right;
}

.teacher-ranking {
	width: 239px;
	height: 291px;
	margin: 0 auto;
	background: #f0f0f0;
}

.teacher-ranking .teacher-ranking-title {
	width: 219px;
	height: 29px;
	border-bottom: 1px dashed #666;
	margin-left: 9px;
}

.teacher-ranking .teacher-ranking-title b {
	float: left;
	font-size: 14px;
	color: #3b3b3b;
	line-height: 29px;
}

.teacher-ranking ul {
	width: 219px;
	height: auto;
	margin: 0 auto;
}

.teacher-ranking ul li {
	width: 100%;
	height: 43px;
	margin-top: 5px;
}

.teacher-ranking ul li.line {
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed #fff;
	margin-top: 0;
}

.teacher-ranking ul li em {
	width: 14px;
	height: 14px;
	float: left;
	color: #3b3b3b;
	line-height: 14px;
	text-align: center;
	font-size: 14px;
	font-family: arial;
	font-style: normal;
	border-radius: 2px;
	margin-top: 4px;
}

.teacher-ranking ul li em.num1 {
	background: #ff610b;
	color: #fff;
}

.teacher-ranking ul li em.num2 {
	background: #ffba2e;
	color: #fff;
}

.teacher-ranking ul li em.num3 {
	background: #57b382;
	color: #fff;
}

.teacher-ranking ul li dl {
	width: 195px;
	float: left;
	margin-left: 9px;
	margin-bottom: 2px;
}

.teacher-ranking ul li dl dd {
	font-size: 14px;
}

.teacher-ranking ul li dl dd.name {
	width: 85px;
	float: left;
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.teacher-ranking ul li dl dd.number {
	float: right;
	color: #666;
	font-weight: bold;
}

.teacher-ranking ul li p {
	width: 150px;
	float: left;
	padding-left: 24px;
	font-size: 14px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*精选课例*/
.culling-main {
	width: 100%;
	float: left;
	height: auto;
	margin: 0 auto 10px;
	background: #fff;
	border: 1px solid #ccc;
}
.culling-main .culling-tit{
	float: left;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 15px;
}
.culling-main .culling-tit h2{
	float: left;
	color: #222;
	font-size: 20px;
	margin-left: 10px;
	font-weight: bold;
}
.culling-main .culling-tit p{
	float: left;
	color: #666;
	font-size: 16px;
	line-height:26px;
	margin-left: 10px;
}
.culling-main .culling-tit a{
	font-size: 14px;
	color: #666;
	float: right;
	line-height: 33px;
	margin-right: 10px;
}
.culling-main .culling-tit a b{
	font-weight: normal;
	font-family: simsun;
}
.culling-main .culling-tit a:hover{
	color: #5492ff;
}
.list-content {
	width: 100%;
	float: left;
	margin-top: -3px;
}
.list-content ul {
	float: left;
	margin-bottom: 40px;
	width: 100%;
}

.list-content ul .empty_list{
	float: left;
	width: 100%;
	text-align: center;
}

.list-content ul .empty_list p{
	float: left;
	width: 100%;
	text-align: center;
	color: #666;
	font-size: 16px;
	text-indent: 18px;
	margin-top: 10px;
}

.list-content ul li {
	width: 216px;
	height: 289px;
	background: #fff;
	float: left;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	margin: 9px 9px 9px 12px;
	border:1px solid #e1e1e1;
}
.list-content ul li .pic {
	width: 100%;
	height: 163px;
	float: left;
}
.list-content ul li .pic img {
	width: 100%;
	height: 163px;
	margin: 0 auto;
	display: block;
}
.list-content ul li .mask {
	width: 100%;
	height: 26px;
	float: left;
	background: url(../../image/listen/mask.png) repeat;
	position: relative;
	margin-top: -26px;
}
.list-content ul li .mask em {
	float: right;
	font-style: normal;
	font-family: arial;
	line-height: 26px;
	color: #fff;
	font-size: 12px;
	padding-right: 10px;
}
.list-content ul li .center {
	width: 100%;
	float: left;
}
.list-content ul li .center h5 {
	width: 195px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 8px 0 0 10px;
}
.list-content ul li .center h5 a {
	font-size: 14px;
	color: #000;
	float: left;
	width: auto;
	max-width: 195px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.list-content ul li .center h5 a:hover {
	color: #fc583d;
}
.list-content ul li .center .bab{
	float: left;
	width: 196px;
	margin:2px 10px;
}
.list-content ul li .center .bab span{
	float: left;
	color: #999;
	font-size: 12px;
	max-width: 70px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.list-content ul li .center .bab span.line{
	float: left;
	width: 1px;
	height:13px;
	background: #ccc;
	margin: 2px 5px;
}
.list-content ul li .center dl{
	float: left;
	width: 196px;
	margin:5px 10px 19px;
}
.list-content ul li .center dl dt{
	float: left;
	height:18px;
	width: auto;
	padding:0 3px;
	border-radius: 2px;
	line-height: 16px;
	font-size:12px;
	color: #5492ff;
	background: #d9f2ff;
	max-width: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.list-content ul li .center dl dd{
	float: right;
}
.list-content ul li .center dl dd span{
	float: left;
	color: #999;
	font-size: 12px;
	margin-left: 15px;
}
.list-content ul li .center dl dd span i.yl{
	float: left;
	width: 14px;
	height: 10px;
	background: url(../../image/listen/list-icon.png) -10px -200px no-repeat;
	margin: 3px 5px 0 0;
}
.list-content ul li .center dl dd span i.zs{
	float: left;
	width: 12px;
	height: 14px;
	background: url(../../image/listen/list-icon.png) -10px -300px no-repeat;
	margin: 1px 5px 0 0;
}
.list-content ul li .bottom {
	width: 196px;
	margin:0px 10px;
	float: left;
	border-top:1px solid #ccc;
}
.list-content ul li .bottom dl{
	float: left;
	width: 100%;
	margin-top: 7px;
}
.list-content ul li .bottom dl dt{
	float: left;
	color: #999;
	font-size: 14px;
	line-height: 24px;
}
.list-content ul li .bottom dl dt img{
	float: left;
	width:24px;
	height:24px;
	border-radius: 50%;
	margin-right: 5px;
}

.list-content ul li .bottom dl dt p{
	float: left;
	color: #999;
	font-size: 14px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 150px;
}

.list-content ul li .bottom dl dd.jb-icon{
	float: right;
	cursor: pointer;
	width: 15px;
	height:15px;
	background: url(../../image/listen/list-icon.png) -10px -10px no-repeat;
	margin-top: 4px;
}
.list-content ul li .bottom dl dd.jb-icon:hover{
	background: url(../../image/listen/list-icon.png) -10px -100px no-repeat;
	margin-top: 4px;
}
.list-content ul li:hover {
	-webkit-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.15);
	box-shadow: 0 5px 13px rgba(0, 0, 0, 0.15);
	-webkit-transform: translate3d(0, -2px, 0);
	-moz-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
	cursor: default;
}
/*最新动态*/
.section-news {
	width: 100%;
	height: 40px;
	float: left;
	margin-bottom: 10px;
	background: #fff;
}

.section-news img.loading {
	margin: 0 auto;
    display: block;
    margin-top: 4px;
}

.section-news samp {
	font-size: 14px;
	color: #222;
	line-height: 39px;
	float: left;
}

.section-news samp i {
	width: 21px;
	height: 18px;
	float: left;
	background: url(../../image/research/index-icon.png) -10px -10px
		no-repeat;
	margin: 10px 15px 0 12px;
}

.section-news div {
	width: 1070px;
	float: left;
	margin-top: 0px;
}

.section-news div ul {
	width: 1070px;
	float: left;
	overflow: hidden;
}

.section-news div ul li {
	width: 336px;
	font-size: 14px;
	float: left;
	padding-right: 20px;
	line-height: 39px;
}

.section-news div ul li em {
	font-style: normal;
	color: #222;
	float: left;
}

.section-news div ul li i {
	width: 18px;
	height: 18px;
	float: left;
	margin-top: 11px;
	margin-left: 5px;
}

.section-news div ul li a {
	width: 159px;
	font-size: 14px;
	color: #ff4200;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
}

.section-news div ul li span {
	float: right;
	color: #999;
}

/*排行榜*/
.ranking {
	width: 100%;
	height: 336px;
	float: left;
	background: #fff;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

.ranking .ranking-title {
	width: 1170px;
	height: 40px;
	float: left;
	margin-left: 10px;
}

.ranking img.loading {
	margin: 0 auto;
	display: block;
	margin-top: 150px;
}

.ranking .ranking-title b {
	width: 6px;
	height: 18px;
	float: left;
	background: #1cb177;
	margin-top: 12px;
	margin-right: 10px;
}

.ranking .ranking-title h5 {
	float: left;
	line-height: 40px;
}

.ranking .ranking-title h5 a {
	font-size: 18px;
	color: #222;
	cursor: text;
}

.ranking .ranking-title ul {
	float: left;
	margin-left: 30px;
}

.ranking .ranking-title ul li {
	float: left;
	font-size: 14px;
	color: #666;
	line-height: 40px;
}

.ranking .ranking-title ul li a {
	font-size: 14px;
	color: #666;
}

.ranking .ranking-title ul li a:hover {
	color: #1cb177;
	font-weight: bold;
}

.ranking .ranking-title ul li a.active {
	color: #1cb177;
	font-weight: bold;
}

.ranking .ranking-title ul li.line {
	width: 1px;
	height: 13px;
	margin: 15px 12px 0 12px;
	background: #ccc;
}

.ranking .ranking-main {
	width: 1184px;
	float: left;
	margin-left: 15px;
	margin-top: 20px;
}
/*排行榜为空*/
.ranking-kong {
	text-align: center;
}

.ranking-kong img {
	margin-top: 35px;
}

.ranking-kong p {
	float: left;
	width: 100%;
	font-size: 16px;
	color: #999;
	margin-top: 10px;
}

.ranking .ranking-main .ranking-list {
	width: 280px;
	height: 241px;
	float: left;
	background: #f0f0f0;
	margin-left: 10px;
}

.ranking-list .ranking-list-title {
	width: 258px;
	height: 40px;
	border-bottom: 1px dashed #666;
	margin-left: 10px;
}

.ranking-list .ranking-list-title i.upload {
	width: 20px;
	height: 17px;
	float: left;
	background: url(../../image/research/index-icon.png) -10px -60px
		no-repeat;
	margin: 12px 10px 10px 0;
}

.ranking-list .ranking-list-title i.download {
	width: 20px;
	height: 20px;
	float: left;
	background: url(../../image/research/index-icon.png) -10px -110px
		no-repeat;
	margin: 10px 10px 10px 0;
}

.ranking-list .ranking-list-title i.resource-ranking {
	width: 18px;
	height: 20px;
	float: left;
	background: url(../../image/research/index-icon.png) -10px -160px
		no-repeat;
	margin: 10px 10px 10px 0;
}

.ranking-list .ranking-list-title i.class-ranking {
	width: 17px;
	height: 20px;
	float: left;
	background: url(../../image/research/index-icon.png) -10px -210px
		no-repeat;
	margin: 10px 10px 10px 0;
}

.ranking-list .ranking-list-title b {
	float: left;
	line-height: 40px;
	font-size: 16px;
	color: #3b3b3b;
}

.ranking-list ul {
	width: 258px;
	float: left;
	margin-left: 10px;
	margin-top: 12px;
}

.ranking-list ul li {
	width: 100%;
	float: left;
	line-height: 35px;
}

.ranking-list ul li em {
	width: 14px;
	height: 14px;
	float: left;
	color: #3b3b3b;
	line-height: 14px;
	text-align: center;
	font-size: 14px;
	font-family: arial;
	font-style: normal;
	border-radius: 2px;
	margin-top: 11px;
	margin-right: 8px;
}

.ranking-list ul li em.num1 {
	background: #ff610b;
	color: #fff;
}

.ranking-list ul li em.num2 {
	background: #ffba2e;
	color: #fff;
}

.ranking-list ul li em.num3 {
	background: #57b382;
	color: #fff;
}

.ranking-list ul li p {
	width: 235px;
	float: left;
}

.ranking-list ul li p span {
	font-size: 14px;
}

.ranking-list ul li p span.km {
	width: 140px;
	color: #222;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ranking-list ul li p span.number {
	color: #666;
	float: right;
	font-family: arial;
}

/*数据统计*/
.section-data {
	width: 100%;
	float: left;
	height: 40px;
	background: #fff;
	margin-bottom: 10px;
}

.section-data samp {
	font-size: 14px;
	color: #222;
	line-height: 39px;
	float: left;
}

.section-data samp i {
	width: 16px;
	height: 15px;
	float: left;
	background: url(../../image/research/index-icon.png) -10px -260px
		no-repeat;
	margin: 13px 10px 0 12px;
}

.section-data ul {
	width: 1092px;
	float: left;
}

.section-data ul li {
	float: left;
	padding-right: 15px;
	line-height: 39px;
	color: #222;
	font-size: 14px;
}

.section-data ul li b {
	color: #ff4200;
	font-family: arial;
}

/*成员学校*/
.section-school {
	width: 100%;
	height: auto;
	background: #fff;
	border: 1px solid #ccc;
	float: left;
	margin-bottom: 60px;
}

.section-school .section-school-title {
	width: 1170px;
	height: 40px;
	float: left;
	margin-left: 10px;
}

.section-school .section-school-title b {
	width: 6px;
	height: 18px;
	float: left;
	background: #1cb177;
	margin-top: 12px;
	margin-right: 10px;
}

.section-school .section-school-title h5 {
	float: left;
	line-height: 40px;
}

.section-school .section-school-title h5 a {
	font-size: 18px;
	color: #222;
	cursor: text;
}

.section-school .section-school-content {
	width: 100%;
	float: left;
	margin-bottom: 25px;
}

.section-school .section-school-content ul {
	float: left;
	margin-left: 27px;
	margin-top: 8px;
}

.section-school .section-school-content ul li {
	width: 220px;
	height: 70px;
	float: left;
	background: #f0f0f0;
	margin-right: 10px;
	margin-bottom: 10px;
	display: table;
}

.section-school .section-school-content ul li i {
	width: 38px;
	height: 38px;
	float: left;
	margin: 14px 10px 18px 7px;
}

.section-school .section-school-content ul li i.school-icon-1 {
	background: url(../../image/research/index-icon.png) -70px -10px
		no-repeat;
}

.section-school .section-school-content ul li i.school-icon-2 {
	background: url(../../image/research/index-icon.png) -70px -80px
		no-repeat;
}

.section-school .section-school-content ul li i.school-icon-3 {
	background: url(../../image/research/index-icon.png) -70px -150px
		no-repeat;
}

.section-school .section-school-content ul li i.school-icon-4 {
	background: url(../../image/research/index-icon.png) -70px -220px
		no-repeat;
}

.section-school .section-school-content ul li i.school-icon-5 {
	background: url(../../image/research/index-icon.png) -70px -290px
		no-repeat;
}

.section-school .section-school-content ul li div {
	display: table-cell;
	vertical-align: middle;
}

.section-school .section-school-content ul li div p {
	width: 155px;
	line-height: 23px;
	color: #222;
	float: left;
	font-size: 14px;
}

li samp.dynamic-time {
	float: right;
	font-family: arial;
}

/*V2.3.3修改*/
.section-8-res .res-title .search-area{
	float: right;
	margin-top: 7px;
}
.section-8-res .res-title .search-area input{
	float: left;
	width: 192px;
	height:28px;
	border:1px solid #1cb177;
	border-right: 0;
	text-indent: 10px;
	line-height: 28px;
}
.section-8-res .res-title .search-area a{
	float: left;
	width: 55px;
	height:28px;
	border:1px solid #1cb177;
	text-align: center;
	line-height: 28px;
	color: #fff;
	font-size: 16px;
	background: #1cb177;
}
.section-8-res .res-title .search-area a:hover{
	background: #15a66e;
}
.section-8-res .new-res .title span{
	float: right;
	line-height: 40px;
}
.section-8-res .new-res .title span a {
	font-size: 14px;
	color: #666;
}
.section-8-res .new-res .title span a em {
	font-style: normal;
	font-family: simsun;
	margin: 1.5px 0 0 5px;
	float: right;
	font-size: 12px;
}
.section-8-res .new-res .title span a:hover {
	color: #ff4200;
	text-decoration: none;
}