@charset "utf-8";
/*重置CSS*/
body,
html{
	color: #333;
	font-size:12px;
	}
body,
html,
div,
blockquote,
img,
label,
p,
h1,h2,h3,h4,h5,h6,
pre,
ul,ol,li,
dl,dt,dd,
form,
a,
fieldset,
input,
th,
td{
	margin:0;
	padding:0;
	border:0;
	outline:none;
	word-break: break-all;
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif}
select,textarea{
	outline:none;
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif}
table {
	border-collapse:collapse;
	border-spacing:0}
fieldset,img {
	border:0}
address,caption,cite,code,dfn,em,i,strong,th,var{
	font-style:normal;
	font-weight:normal}
ol,ul {
	list-style:none;
	list-style-position:inside}
a{
	color:#333;
	text-decoration:none}
caption,th{
	text-align:left;}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal}
q:before,q:after{
	content:'.';
	display:block;
	height:0;
	clear:both;
	visibility:hidden}
abbr,acronym{
	border:0}
input::-webkit-input-placeholder {
    color: #ccc !important;
}
input:-moz-placeholder {
    color: #ccc !important;
}
input::-moz-placeholder {
    color: #ccc !important;
}
input:-ms-input-placeholder {
    color: #ccc !important;
}
/*公用css*/
.fl{
	float:left}
.fr{
	float:right}
.clear{
	clear:both}
.clearfix:before,
.clearfix:after{
	content:'.';
	display:block;
	height:0;
	clear:both;
	overflow:hidden}
.wm-1200{
	width:1200px;
	margin:0 auto;
	position:relative}
.wm-1200:before,
.wm-1200:after{
	content:'.';
	display:block;
	height:0;
	clear:both;
	overflow:hidden}
body{
	 background: url(../../webuser/img/bg.jpg) repeat-y top center;
}
.header{
	width: 100%;
	min-width: 1200px;
	height: 80px;
	border-bottom: 2px solid #a39054;
}
.header .logo{
	float: left;
	width: 200px;
	height: 80px;
	line-height: 80px;
	overflow: hidden;
}
.header .logo a{
	display: block;
}
.header .logo img{
	max-width: 100%;
	vertical-align: middle;
}
.header .menu{
	float: left;
	width: 1000px;
	height: 80px;
	overflow: hidden;
}
.header .menu a{
	margin: 0 30px;
	float: left;
	line-height: 80px;
	font-size: 18px;
	color: #a39054;
}
.header .menu a.enter{
	font-size: 20px;
}
.header .menu a .load{
	display: inline-block;
	vertical-align: middle;
	margin: -3px 0 0 10px;
	width: 23px;
	height: 23px;
	background: url(../img/refresh-ico.html) no-repeat;
}
.container{
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.container .nav{
	float: left;
	width: 200px;
	border-top: none;
	border: 2px solid #a39054;
	height:500px;
}
.container .nav li{
	height: 50px;
	text-align: center;
	overflow: hidden;
	/*border-bottom: 1px solid #a39054;*/
}
.container .nav li > a{
	display: block;
	line-height: 60px;
	color: #a39054;
	font-size: 18px;
}
.container .nav li > a i{
	display: inline-block;
	vertical-align: middle;
	margin: -3px 10px 0 0;
	width: 23px;
	height: 23px;
	background: url(../img/index-ico.html) no-repeat;
}
.container .nav li.li-1 > a i{
	background-position: 0 -33px;
}
.container .nav li.li-2 > a i{
	background-position: 0 -66px;
}
.container .nav li.li-3 > a i{
	background-position: 0 -99px;
}
.container .nav li.li-4 > a i{
	background-position: 0 -99px;
}
.container .nav li.li-5 > a i{
	background-position: 0 -132px;
}
.container .nav li.li-6 > a i{
	background-position: 0 -165px;
}
.container .nav li.li-7 > a i{
	background-position: 0 -198px;
}
.container .nav li.li-8 > a i{
	background-position: 0 -231px;
}
.container .nav li.li-9 > a i{
	background-position: 0 -264px;
}

input::-webkit-input-placeholder {
    color: #a39054 !important;
}
input:-moz-placeholder {
    color: #a39054 !important;
}
input::-moz-placeholder {
    color: #a39054 !important;
}
input:-ms-input-placeholder {
    color: #a39054 !important;
}
.container .content{
	float: right;
	width: 950px;
	height:500px;
    border: 2px solid #a39054;
	overflow:scroll;
	overflow-x:hidden;
	overflow-y:auto;
}
