@charset "utf-8";
/*基本*/
*{ padding:0px; margin:0px; font-family:"PingFang SC","微软雅黑","Microsoft YaHei", "黑体", "宋体",Arial,Helvetica,sans-serif; color: #333; }
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,fieldset, 
legend, input, button,textarea, p, blockquote, th, td { margin: 0; padding: 0;}
html,body{margin:0px auto; font-family: Microsoft YaHei; font-size:14px; background: #f9f9f9;}
div{ margin:0; padding:0; border:0; }
img{ margin:0; padding:0; border:0; }
p{ margin: 0px; line-height:1.8em}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0;}
li{ list-style: none outside none;}
i,em{ font-style: normal; }
h1,h2,h3,h4,h5,h6{font-weight: 400; }
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance: none !important; }/* chrome */
input[type="number"]{-moz-appearance:textfield;}
input,select,textarea{outline:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none;background: transparent;}
/*input框的星位字体颜色*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit browsers */  color: #b9bbbd; }  
input:-moz-placeholder,textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  color: #b9bbbd;   }  
input::-moz-placeholder,textarea:-moz-placeholder{ /* Mozilla Firefox 19+ */  color: #b9bbbd; }
input:-ms-input-placeholder,textarea:-moz-placeholder { /* Internet Explorer 10+ */ color: #b9bbbd; }
/*链接*/
a{ text-decoration:none; color:#333; background: transparent;  outline:none; cursor: pointer;}
a:active{ outline:none;}
.wrap{width: 1200px; margin:0 auto;overflow: hidden;}
.fl,.left{float: left;}
.fr,.right{float: right;}

.header{
	width: 100%;
	min-width: 1200px;
	height: 56px;
	background: #1f1f1f;
}

.logo{
	width: 140px;
	height: 56px;
	display: block;
	background: url(../img/logo.png) no-repeat center;
	background-size: 140px 40px;
	float: left;
}

.header_nav{
	height: 56px;
    overflow: hidden;
    margin-left: 180px;
    margin-right: 50px;
    overflow: hidden;
    display: inline-block;
    float: left;
}

.header_nav  li{
	float: left;
	height: 56px;
}
.header_nav  li a{
	font-size: 16px;
	height: 56px;
	line-height: 56px;
	padding: 0 20px;
    margin: 0 20px;
    color: #b2b2b2;
    display: inline-block;
}
.header_nav  li a.on,.header_nav  li a:hover{
   color: #fff;
}

.login {
    float: right;
    height: 56px;
    line-height: 56px;
    color: #b2b2b2;
    font-size: 16px;
    margin-left: 45px;
}
.login a {
    color: #b2b2b2;
}
.login a:hover {
    color: #fff;
}
.login span {
    padding: 0 16px;
    color: #b2b2b2;
}

.nickname{
	float: right;
}
.nickname em{
	font-size: 16px;
	margin-left: 10px;
	float: left;
	color: #fff;
}
.user_img{
	width: 32px;
	height: 32px;
	border-radius: 16px;
	display: block;
	overflow: hidden;
	float: left;
	margin-top: 12px;
	display: flex;
} 
.user_img img{
	width: 100%;
}

.login .quit{
    margin-left: 12px;
    color: #f00;
}


.container{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 20px 0;
}
.container_right{
	width: 920px;
	float: left;
}