html {
	background-color: #f6f6f6;
}
.information {
	width: 1200px;
	height: auto;
	margin: 30px auto;
	overflow: hidden;
}
.information-l {
	width: 220px;
	float: left;
	margin-right: 30px;
	height: auto;
}
.portrait {
	width: 100%;
	height: 220px;
	background-color: #fff;
	padding-top: 25px;
}
.portrait img {
	width: 110px;
	height: 110px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 0 auto;
	display: block;
	margin-bottom: 25px;
}
.introduce {
	outline: none;
	width: 180px;
	height: 30px;
	line-height: 30px;
	color: #666;
	font-size: 14px;
	margin: 0 auto;
	display: block;
	border: 0;
}
.information-l h3 {
	height: 60px;
	width: 100%;
	line-height: 60px;
	font-size: 20px;
	color: #1a90e7;
	text-align: center;
	margin: 0;
	font-weight: normal;
	background-image: url(../images/icon02.png);
	background-repeat: no-repeat;
	background-position: 40px center;
}
.list {
	width: 100%;
	height: 124px;
	background-color: #fff;
	padding-top: 25px;
}
.list li {
	width: 100%;
	height: 24px;
	padding-left: 30px;
	margin-bottom: 24px;
}
.list li a {
	font-size: 16px;
	line-height: 24px;
	color: #303030;
	width: 100%;
	height: 24px;
	display: block;
}
.list li a.on {
	color: #108ce2;
	background-image: url(../images/icon03.png);
	background-repeat: no-repeat;
	background-position: 160px center;
}
.list li.current {
	background-image: url(../images/icon05.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.information-r {
	width: 950px;
	float: left;
	height: auto;
	background-color: #fff;
	padding: 10px 30px;
}
.information-r h2 {
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	color: #666;
	border-bottom: solid 1px #ccc;
}
.information-r>ul>li {
	width: 100%;
	height: 60px;
}
.information-r li h3 {
	line-height: 60px;
	font-size: 16px;
	color: #666;
	width: 130px;
	text-align: right;
	float: left;
	margin: 0;
}
.information-r li p {
	width: auto;
	line-height: 60px;
	float: left;
	padding: 0 10px;
	margin-left: 10px;
	color: #666;
}
.information-r>ul>li>i {
	width: auto;
	line-height: 60px;
	float: left;
	padding: 0 5px;
	color: #019af8;
	cursor: pointer;
}
.information-r>ul>li>i>a.click {
	color: #019af8;
	cursor: pointer;
}
.input {
	outline:none;
	width: 150px;
	height: 30px;
	line-height: 30px;
	border: 0;
	color: #333;
	float: left;
	margin: 15px 1px 15px 20px;
	font-size: 16px;
	font-family: Helvetica, Arial, "Microsoft Yahei", "SimSun";
}
.information-r>ul>li>i.click,
.information-r>ul>li>i.jump {
	padding-left: 24px;
	background-image: url(../images/icon06.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.modify {
	height: 30px;
	line-height: 30px;
	margin: 14px 0px 14px 19px;
	border: 1px solid #019af8;
}
.information-r>ul>li>i.save {
	padding-left: 18px;
	background-image: url(../images/icon07.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.information-r>ul>li>i.cancel {
	padding-left: 18px;
	background-image: url(../images/icon08.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.information-r>ul>li>font {
	width: auto;
	line-height: 60px;
	float: left;
	padding: 0 5px;
	color: red;
	font-size: 14px;
}

.information-r>ul>li>font.isok {
	color: green;
}