*{background: #f6f6f6;margin:auto 0;margin:0 auto;text-align:center}
#nav{width: auto;height: 30px;border-bottom: 1px solid #eee;}
#logo_search{width: auto;height: 120px;margin-top: 5px;background-color: #FFFFFF;}
#navigation{width: auto;height: 30px;margin-top: 5px;background-color: antiquewhite;}

#foot{width: auto;height: 120px;background-color: black;margin-top: 5px;}
#nav_content{width: 1000px;}
#nav_list{ list-style-type:none;margin-left: -35px;}
#nav_list li{float: left;margin-left: 10px;line-height:30px}
#logo_search_content{width: 1000px;height: 120px;background-color: #FFFFFF;}
#logo{background-color: #FFFFFF;margin-top: 20px;width: 200px;height: 80px;float: left;}
#search{float: left;width: 300px;height: 120px;background-color: #FFFFFF;}
#input_search{width: 400px;float: left;}
#search_button{width: 100px;float: left;}
#qq{width: 400px;}

#searchimg{margin-left: 15px;margin-top: 5px}
#search_qq{position: absolute;margin-left:200px;margin-top: 40px;background-color: #FFFFFF;border:2px solid #F7BC6D;height: 40px;width: 300px}
#inputqq{border:none;outline: none;
	height: 20px;
	line-height: 20px;
	text-indent: 10px;
	color: #333333;
	background-color: white;
}
#i{
	width: 22px;
	height: 25px;
	background: url("img/bg_search_icon.png")no-repeat;
	background-size: 200px 200px;
	display: inline-block;
	background-position: -2px -102px;
	margin: 8px 0 0 18px;
}
a:link {color:coral;}
a:visited {color:coral;}
#search_qq_outer{
	float: left;
	padding: 10px 0 10px 10px;
	background: #FFF;
	height: 20px;
	border-radius:25px;

}

#sub{
	width: 59px;
	height: 40px;
	border-left: 1px solid #E4E4E4;
	display: block;
	background: #FFF;
	float: right;

}
#navigation_content{width: 1000px;height: 30px;background-color: #F7BC6D;}
.navigation_content_list{list-style-type:none;padding:0;margin:0}
.navigation_content_list li{ float: left; width: 70px;height: 30px;line-height: 30px;
font-size: 20px;border-right: #eff1ee!important ;margin-right:5px;background-color: #F7BC6D!important;
color: white;padding:0;margin:0;cursor: pointer;}



.navigation_content_list li:hover{
	color: #F7BC6D!important;background-color: white!important;cursor: pointer;
}
#body{width: 1000px;overflow:hidden;background-color: #f6f6f6;margin-top: 5px;}
#content{width: 700px;background-color: white;float: left;text-align: left;}
#information{width: 270px;min-height:800px;background-color: white;float: left;margin-left: 30px;}
#qq_logo{width: 250px;height: 250px;background-color: black;margin-top: 10px;}
#qq_information{background-color: #FFFFFF;margin:10px;text-align: left;margin-top: 40px;}
#qq_information_list {list-style-type: none;text-align: left;background-color: #FFFFFF;}
#qq_information_list li{text-align: left;background-color: #FFFFFF;list-style-type: none;margin-top: 10px;}
#floatdiv{
	position: fixed; left: 50%; top: 50%;
	transform: translate(-50%, -50%);background-color: #000000;;display:none}
#foot_content{width: 1000px;background-color: black;color: white}
.content_list{list-style: none;padding:0;margin:0;float: none;background-color: #FFFFFF;}
.content_list li{width: 700px;padding:0;margin:0;float: none;background-color: #FFFFFF;}
#moodlogo{ width: 50px;height: 50px;border-radius: 4px;float: left;background-color: #241155;margin-top: 5px;margin-left: 5px;}
#moodcontent { background-color: #FFFFFF; margin-left: 6px;width: 630px;height: auto;float: left;margin-top: 5px;margin-right: 5px;border:2px solid #fafafa;text-align: left;}
.name{font-weight:bold;color: #0000ff;}
.moodcontent{text-indent:50px;}
.moodcontentinner{margin: 5px;background-color: #FFFFFF;text-align: left;}


.zan{
	position: fixed; left: 50%; top: 50%;
	transform: translate(-50%, -50%);background-color: #000000;;display:none}
#foot_content{width: 1000px;background-color: black;color: white}
.content_list{list-style: none;padding:0;margin:0;float: none;background-color: #FFFFFF;}
.content_list li{width: 700px;padding:0;margin:0;float: none;background-color: #FFFFFF;}
#moodlogo{ width: 50px;height: 50px;border-radius: 4px;float: left;background-color: #241155;margin-top: 5px;margin-left: 5px;}
#moodcontent { background-color: #FFFFFF; margin-left: 6px;width: 630px;height: auto;float: left;margin-top: 5px;margin-right: 5px;border:2px solid #fafafa;text-align: left;}
.name{font-weight:bold;color: #0000ff;}
.moodcontent{text-indent:50px;}
.moodcontentinner{margin: 5px;background-color: #FFFFFF;text-align: left;}

.bg {
	float: left;
	width: 70px;
	height: 30px;
	line-height: 30px;
	font-size: 20px;
	border-right: #eff1ee;
	margin-right: 5px;
	background-color: #F7BC6D;
	color: white;
	padding: 0;
	margin: 0
}
.bg:hover{
	color: #F7BC6D;background-color: white;
}