* {
			margin: 0;
			padding: 0;
			font-family: '微软雅黑';
			list-style: none;
		}
		body {
			background: #6cadd6;
		}
		#container {
			width: 890px;
			height: 240px;
			border: 1px solid #ccc;
			margin: 20px auto 0;
			padding: 15px;
			position: relative;
			border-radius: 5px;
			background: #eee;
			box-shadow: 0 0 50px #666;
		}
		#container i{
			color: #677;
			font-style: normal;
			position: absolute;
			bottom: 10px;
			left: 30px;
		}
		textarea {
			width: 870px;
			height: 100px;
			outline: none;
			font-size: 16px;
			padding: 10px;
			position: absolute;
			left: 15px;
			bottom: 76px;
		}
		h1 {
			color: #1a73b6;
			float: left;
			margin-bottom: 14px;
			font-family: arial;
		}
		p {
			color: #eb7350;
			float: right;
			margin-top: 20px;
		}
		.con-go {
			width: 120px;
			height: 46px;
			background: #ffc09f;
			font-size: 27px;
			line-height: 46px;
			display: inline-block;
			border-radius: 6px;
			text-align: center;
			position: absolute;
			bottom: 16px;
			right: 20px;
			color: #fff;
		}
		.dis {
			color: #555;
			margin-top: 14px;
		}
		.dis em {
			font-size: 30px;
		}
		.active {
			background: #ffa500;
			cursor: pointer;
		}
		.dis em.color {
			color: red;
		}
		#icon {
			width: 890px;
			height: 114px;
			border: 1px solid #ccc;
			margin: 10px auto 10px;
			padding: 10px;
			position: relative;
			border-radius: 5px;
			background: #eee;
			box-shadow: 0 0 50px #666;
		}
		#icon ul li img {
			width: 104px;
			height: 104px;
		}
		.wrap-ul {
			width: 830px;
			height: 126px;
			overflow: hidden;
			margin-left: 32px;
			margin-top: 4px;
			position: relative;
		}
		.wrap-ul ul {
			position: absolute;
		}
		.wrap-ul ul li {
			float: left;
			border: 1px solid #eee;
			cursor: pointer;
			padding: 0 6px;
			overflow: hidden;
		}
		.icon-btn {
			position: absolute;
			width: 20px;
			height: 114px;
			line-height: 114px;
			cursor: pointer;
			text-align: center;
			font-weight: 900;
		}
		#prev {
			left: 10px;
			border-radius: 14px 0 0 14px;
			border: 1px solid #aaa;
		}
		#next {
			right: 10px;
			border-radius: 0 14px 14px 0;
			border: 1px solid #aaa;
			top: 10px;
		}
		.icon-btn:hover {
			background: #999;
			color: #fff;
		}
		.wrap-ul ul li:hover {
			border: 1px solid orange;
		}
		#content {
			width: 890px;
			border: 1px solid #ccc;
			margin: 10px auto 50px;
			padding: 15px;
			position: relative;
			border-radius: 5px;
			background: #eee;
			box-shadow: 0 0 50px #666;
			overflow: hidden;
		}
		#content img {
			width: 130px;
			height: 130px;
		}
		#content li {
			width: 830px;
			background: #fff;
			margin: 0 auto;
			margin-bottom: 20px;
			border-radius: 10px;
			padding: 20px;
			border: 1px solid #ccc;
		}
		#content li .icon {
			width: 130px;
			height: 130px;
			border-radius: 65px;
			overflow: hidden;
			position: absolute;
		}
		#content li h2 {
			margin: 20px 0 0 150px; 
		}
		#content .text {
			color: #444;
			font-size: 20px;
			float: none;
			margin: 10px 0 0 150px;
		}
		#content .li-footer {
			margin: 40px 0 0 150px;
			color: #888;
		}