@charset "gb2312";
#index .chara .title
{
	border-left: 4px solid #b58863;
	padding-left: 10px;
	height: 27px;
	line-height: 27px;
	font-size: 18px;
	margin-top: 40px;
	color: #262626;
	margin-bottom: 20px;
}

#index .chara ul
{
}

#index .chara li
{
	width: 250px;
	float: left;
	text-align: center;
	line-height: 90px;
	height: 90px;
	font-size: 15px;
	position: relative;
	  cursor: pointer;
}

#index .chara li img
{
	vertical-align: middle;
	margin-right: 10px;
}
#index .chara  .cover,#index .feature .cover
{
	  position: absolute;
  top: 80px;
padding:10px;
line-height:30px;
width:230px;
height:60px;
background:#fff;
background:#eee;
background:rgba(200,200,200,0.8);
	    -moz-border-radius: 3px;      
    -webkit-border-radius: 3px;  
    border-radius:3px; 
	color:#666;
	display:none;
	z-index:100;
	left:0;
}


#index .feature .title
{
	border-left: 4px solid #b58863;
	padding-left: 10px;
	height: 27px;
	line-height: 27px;
	font-size: 18px;
	margin-top: 40px;
	color: #6d6d6d;
	margin-bottom: 20px;
}

#index .feature ul
{
}

#index .feature li
{
	width: 250px;
	float: left;
	text-align: center;
	line-height: 90px;
	height: 90px;
	font-size: 15px;
	margin-bottom: 20px;
	position: relative;
	  cursor: pointer;
}

#index .feature li img
{
	vertical-align: middle;
	margin-right: 10px;
}

#index .text
{
	width: 1024px;
	height: 330px;
	background: url(../images/index_textBg.png) 0 0 no-repeat;
	margin-left: -12px;
}


#index .text .in
{
	width: 900px;
	margin: 0 auto;
	padding-top: 80px;
	font-size: 17px;
	color: #4b4b4b;
	line-height: 30px;
}


#ranking .inFrame
{
	width: 900px;
	margin: 0 auto;
}

#ranking .inFrame > .title
{
	margin-top: 40px;
	height: 50px;
	border: 1px solid #c0c0c0;
	background: url(../images/rankingTitle_bg.png) 0 0 repeat;
}

#ranking .inFrame > .title > span
{
	line-height: 50px;
	float: left;
}

#ranking .select_box
{	
	position: relative;
}


#ranking .select_box .select_option
{
	position: absolute;
	left: 0;
	background: #fff;	
	border: 1px solid #ddd;
	width: 100%;
	height: 300px;
	overflow: auto;
}
#ranking .select_box .select_option li
{
padding: 0 10px;
}

#ranking .inFrame > .title img
{
	margin-left: 20px;
	margin-top: -25px;
	float: left;
}

#ranking .inFrame > .title select
{
	margin-left: 10px;
	border: 1px solid #dadada;
	padding: 0 0px;
}

#ranking .inFrame > .title a
{
	width: 154px;
	height: 31px;
	display: block;
	float: right;
	background: url(../images/rankingBtn.png) 0 0 no-repeat;
	margin-right: 20px;
	color: #fff;
	line-height: 30px;
	margin-top: 10px;
	text-align: center;
}


#ranking .inFrame > .title a:hover
{
	background: url(../images/rankingBtn_sel.png) 0 0 no-repeat;
}

#ranking .inFrame > table
{
	width: 900px;
}

#ranking .inFrame > table th
{
	height: 30px;
	line-height: 30px;
	background: #ffffff;
	border-bottom: 1px solid #c0c0c0;
	color: #2a2a2a;
	font-size: 15px;
	font-weight: normal;
}

#ranking .inFrame > table td
{
	height: 47px;
	text-align: center;
	border-bottom: 1px solid #c0c0c0;
	color: #7d7d7d;
}

#ranking .inFrame > table
{
	border: 1px solid #c0c0c0;
	border-top: 0;
	border-bottom: 0;
	font-size: 16px;
}

#ranking .inFrame > table .index
{
	font-size: 26px;
	color: #1795f2;
	width: 100px;
}
#ranking .inFrame > table .code
{
	color: #50b5ff;
	font-size: 18px;
}
#ranking.inFrame.title span select.one{
	background-image: url(../images/icon_icon.png);
}


#ranking .inFrame .search
{
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}

#ranking .inFrame .search input
{
	border: 1px solid #676767;
	height: 20px;
	width: 160px;
}

#ranking .inFrame .search a
{
	width: 87px;
	height: 25px;
	display: inline-block;
	background-image: url(../images/search1.png);
	text-align: center;
	color: #fff;
	line-height: 25px;
}
#ranking .inFrame .search a:hover{
	background-image: url(../images/search2.png);
}
#ranking .inFrame .search input.test{
	padding: 2px 5px;
	border: 1px solid #c8c8c8;
	background-image: url(../images/search3.png);
}

.pager
{
	clear: both;
	margin-top: 25px;
	text-align: center;
}
.pager a
{
	display: inline-block;
	color: #7a7a7a;
}

.pager .btn
{
	padding: 2px 5px;
	border: 1px solid #c8c8c8;
	margin: 0 3px;
	background: #805635;
	color: #fff;
}

.pager .edit
{
	width: 30px;
	padding: 2px 5px;
	border: 1px solid #c8c8c8;
}

.pager .submit
{
	padding: 2px 10px;
	background: #d29260;
	color: #fff;
	margin-left: 5px;
}


#course .banner
{
	margin-bottom: 20px;
}

#course .inFrame > .left
{
	float: left;
}

#course .inFrame > .left ul
{
	background: #f7f7f7;
}


#course .inFrame > .left .all
{
	background: url(../images/course_all.png) center 10px no-repeat;
}
#course .inFrame > .left .all:hover, #course .inFrame > .left .all .sel
{
	background: url(../images/course_all_en.png) center 10px no-repeat #d5d5d5;
}
#course .inFrame > .left .nao
{
	background: url(../images/course_nao.png) center 10px no-repeat;
}
#course .inFrame > .left .nao:hover, #course .inFrame > .left .nao .sel
{
	background: url(../images/course_nao_en.png) center 10px no-repeat #d5d5d5;
}
#course .inFrame > .left .code
{
	background: url(../images/course_code.png) center 10px no-repeat;
}
#course .inFrame > .left .code:hover, #course .inFrame > .left .code .sel
{
	background: url(../images/course_code_en.png) center 10px no-repeat #d5d5d5;
}
#course .inFrame > .left .key
{
	background: url(../images/course_key.png) center 10px no-repeat;
}
#course .inFrame > .left .key:hover, #course .inFrame > .left .key .sel
{
	background: url(../images/course_key_en.png) center 10px no-repeat #d5d5d5;
}
#course .inFrame > .left .stude
{
	background: url(../images/course_stude.png) center 10px no-repeat;
}
#course .inFrame > .left .stude:hover, #course .inFrame > .left .stude .sel
{
	background: url(../images/course_stude_en.png) center 10px no-repeat #d5d5d5;
}
#course .inFrame > .left .sel
{
	position: relative;
}

#course .inFrame > .left .sel:before
{
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	background: #d5d5d5;
	right: -5px;
	content: "";
	transform: rotate(45deg);
	-ms-transform: rotate(45deg); /* IE 9 */
	-moz-transform: rotate(45deg); /* Firefox */
	-webkit-transform: rotate(45deg); /* Safari ?? Chrome */
	-o-transform: rotate(45deg); /* Opera */
}

#course .inFrame > .left li
{
	width: 102px;
	height: 72px;
	text-align: center;
	line-height: 72px;
	background-color: #f7f7f7;
}


#course .inFrame > .left li a
{
	height: 52px;
	display: block;
	padding-top: 20px;
}

#course .inFrame > .left li a:hover
{
	color: #54657f;
}




#course .inFrame .search
{
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}

#course .inFrame .search input
{
	border: 1px solid #c6c6c6;
	padding:0 5px;
	height: 25px;
	width: 160px;
	float: left;
	line-height:25px;
}

#course .inFrame .search a
{
	width: 63px;
	height: 26px;
	display: inline-block;
	border: 1px solid #c6c6c6;
	background: url(../images/search_img2.png) center no-repeat;
	text-align: center;
	color: #fff;
	line-height: 25px;
	border-left: 0;
	float: left;
}
#course .inFrame .search a:hover{
	background: url(../images/search_img1.png) center no-repeat;
}
#course .inFrame .item
{
	width: 605px;
	float: left;
	margin-left: 100px;
	overflow: hidden;
}

#course .inFrame .item .title
{
	height: 23px;
	border-left: 5px solid #98c1ff;
	color: #98c1ff;
	padding-left: 10px;
	font-size: 15px;
	margin-bottom: 10px;
}

#course .inFrame .item ul
{
	overflow: hidden;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 20px;
}
#course .inFrame .item li
{
	width: 150px;
	height: 45px;
	float: left;
	border-top: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	position: relative;
}

#course .inFrame .item li:hover .cover
{
	display: block;
}

#course .inFrame .item li:hover .text
{
	display: none;
}

#course .inFrame .item li .cover
{
	width: 100%;
	height: 42px;
	background: #5498ff;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	text-align: center;
	padding-top: 3px;
	line-height: 20px;
	color: #fff;
}

#course .inFrame .item li .text
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	text-align: center;
	line-height: 45px;
	left: 0;
}

#course .courseListTitle
{
	width: 605px;
	margin-left: 100px;
	height: 30px;
	border-bottom: 2px solid #98c1ff;
	float: left;
}

#course .courseListTitle ul
{
	overflow: hidden;
}

#course .courseListTitle li
{
	height: 100%;
	float: left;
	height: 30px;
	margin: 0 10px;
	width: 100px;
	text-align: center;
	line-height: 30px;
}


#course .courseListTitle .sel
{
	background: #98c1ff;
	
}
#course .courseListTitle .sel a
{
	color: #fff;
	
}

#course .courseListTitle li a:hover
{
   display:block;
   background: #98c1ff;
   color: #fff;
}

#course .courseListItems
{
	width: 605px;
	margin-left: 100px;
	float: left;
}

#course .courseListItems li
{
	height: 30px;
	line-height: 30px;
}

#course .courseListItems li a
{
	display: block;
}

#course .courseListItems li a .left
{
	float: left;
}
#course .courseListItems li a .right
{
	float: right;
}

#course .courseView
{
	width: 605px;
	margin-left: 100px;
	float: left;
}

#course .courseView .title
{
	font-size: 18px;
	text-align: center;
}


#course .courseView .op
{
	line-height: 30px;
	text-align: center;
	color: #808080;
}

#course .courseView .content
{
	color: #808080;
	line-height: 25px;
}


#feedback > .inFrame
{
	padding-top: 20px;
}
#feedback > .inFrame .text
{
	overflow: hidden;
	padding: 40px 0;
	padding-left: 100px;
}

#feedback > .inFrame .text .qrcode
{
	float: left;
	margin-left: 20px;
	text-align: center;
}


#feedback > .inFrame .text .content
{
	margin-left: 30px;
	width: 250px;
	line-height: 25px;
	float: left;
	font-size: 14px;
}

#feedback > .inFrame .text .content img
{
	vertical-align: middle;
}


#feedback > .inFrame .line
{
	height:1px;
	margin-bottom:30px;
	background:#e0e0e0;
	}
		
#feedback > .inFrame .logo 
{
	padding-top:20px;
	text-align:center;
	}
	
#feedback > .inFrame .logo img
{
	margin:5px 0;
	}


	#softview>.inFrame
	{
	}

		#softview .down
		{
			overflow:hidden;
		}

		#softview>.inFrame>.title
		{
			margin:40px 0;
		}
	#softview .down>.item
	{
		width:440px;
		float:left;
		margin:0 20px;
	}

	#softview .down>.item>.top
	{
		border:1px solid #eeeeee;
		overflow:hidden;
		height:175px;
		background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); /* Firefox */
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f5f5f5)); /* Saf4+, Chrome */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType='0'); /* IE*/
	}



	#softview .down>.item>.top .left
	{
		float:left;
		margin-left:50px;
		margin-top:40px;
	}

	#softview .down>.item>.top .right
	{
		float:right;
		margin-right:40px;
		margin-top:50px;
	}

	#softview .down>.item>.top .right .title
	{
		font-size:24px;
		color:#414141;
	}

	#softview .down>.item>.top .right a
	{
		display:block;
		width:190px;
		height:35px;
		background:#e1914f;
		text-align:center;
		line-height:35px;
		color:#fff;
		font-size:20px;
		margin-top:10px;
		border-bottom:3px solid #7e4d25;
	}

	
	#softview .down>.item>.top .right a:hover
	{
		background:#cc7d3b;
	}

		#softview .down>.item>.bottom
	{
		border:1px solid #eeeeee;
		border-top:0;
		overflow:hidden;
		height:155px;
		background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); /* Firefox */
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f5f5f5)); /* Saf4+, Chrome */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType='0'); /* IE*/
	}
	
	#softview .down>.item>.bottom
		{
			padding-top:20px;
			padding-left:30px;
			color:#626262;
		}

		#softview .down>.item>.bottom>.title
		{
			font-size:16px;
			color:#626262;
		}

		#softview .down>.item>.bottom ul
		{
			margin-top:10px;
		}
		#softview .down>.item>.bottom li
		{
			line-height:25px;
			background:url(../images/point.png) 0 center no-repeat;
			padding-left:10px;

		}

		#softview .review 
		{
			overflow:hidden;
		}

		#softview .review li
		{
			margin-top:30px;
			overflow:hidden;
			display:none;
		}

		#softview .review .left>img
		{
			float:left;
		}

		#softview .review .left .desc
		{
			float:right;
			
			margin-right:40px;
		}

		
		#softview .review .right>img
		{
			float:right;
		}

		#softview .review .right .desc
		{
			float:left;
			margin-left:40px;
		}

		#softview .review li .desc
		{
			width:330px;
			font-size:15px;
			color:#484848;
			
			margin-top:120px;
		}

		#softview .review li .desc>img
		{
			margin-bottom:10px;
			
		}
#download
{
	
  position:relative;
 left: 350px;
  top:326%;
  z-index: 10;
}

#download1{
	
  position:relative;
 left: 380px;
  top:210%;
  z-index: 10;
}
#bbb{
	position:absolute;
	 float:right;
	
	  margin-bottom:-25px;}