body{
	margin:0;
	padding:0;
	font-size: 14px;
	color: #000;
	font-family: 'SimHei ,Microsoft YaHei';
	background-color: #fff;
	line-height: 1.5;
}
p,button,input,ul,li{
	padding:0;
	margin:0;
}
img{
	display: block;
}
ul{
	list-style: none;	
}
button,input{
	border:none;
	outline: none;
}
button{
	cursor: pointer;
}
 /*// 处理input type = number的上下箭头*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"]{
  -moz-appearance: textfield;
}
h1,h2,h3,h4{
	font-weight: normal;
}
a{
	text-decoration: none;	
	color: #000;
}
a:hover{
	opacity: .8;
}
.clearFix{	
	zoom: 1;
}
.clearFix:after{
	content: '';
	clear: both;
	display: block; 
}
.colorR{
	color:red;
}
.top-bar{
	width:100%;
	height: 40px;
	background: #e5e5e5;
}
.top-bar-con{
   width: 1200px;
   line-height: 40px;
   margin: 0 auto;
}
.top-bar-left{
  float: left;
}
.top-bar-right{
  float: right; 
  position: relative;
}
.top-bar-right a{
  display: inline-block;
  color:#6e6e6f;
}
.top-bar-right a:hover{
	color:#444;
}
#registerCode{
	position: absolute;
	top:35px;
	right:0;
}
.main{
   width: 1200px;   
   margin: 0 auto;
}
.main-top{
  width: 100%;
  margin:10px 0;
  float: left;
}
.main-top .top-left{
  float: left;
  margin-top:25px;
}
.main-top .top-left .logo{
	width: 138px;
	height: 50px;
	margin-right: 36px;
    float: left; 
}
.main-top .top-left .logo image{
	width: 100px;
	height: 100px;
}
.main-top .top-left .search{
	width: 670px;
	height: 48px;
	line-height: 48px;
    float: left;
    border:1px solid #e9ebeb; 
}
.search-surname{
	width: 86px;
	text-align: center;;
	font-size: 18px;
	font-weight: 550;
	float: left;
	color: #6e6e6e;
	cursor: pointer;
}
.search-surname:after{
  content: '';
  display: inline-block;
    border-bottom: 2px solid;
    border-right: 2px solid;
    width: 8px;
    height: 8px;
    border-color: #666;
    transform: rotate(45deg);
    margin-left: 3px;
}
.search-input{
	width:480px;
	height: 48px;
	float: left;
}
.search-input input{
	font-size: 16px;
	/*color: #7f7f7f;*/
}
.main-top .top-left .search-box{
	width: 104px;
	height: 48px;
	float: left;
}
.search-btn{
	width: 100%;
	height: 100%;
	background: #66ba8a;
	color:#fff;
	font-size: 18px;
}
.main-top .top-right{
    float: right; 
}
.wechat-txt{
	width: 88px;
	height: 50px;
	text-align: center;
	float: left;
	margin-top:25px;
	color: #333;
}
.wechat{
	width: 90px;
	height: 90px;
	padding:5px;
	float: left;
	border:1px solid #f1f1f1;
}
.wechat img{
	width: 100%;
	height: 100%；
}
.navigation{
   width: 100%;
   height: 45px;
   line-height: 45px;
   border: 1px solid #e9e9e9;
   border-bottom:none;
   float: left;
   box-sizing: border-box;
}
.navigation ul li{
	padding:0 16px;
    float: left;
    cursor: pointer;
}
.navigation ul li.active{
	background: #9a9da2;
	color:#fff;
}
.navigation ul li.active a{
	color: #fff;
}
.container{
	width: 100%;
	min-height: 800px;
	box-sizing: border-box;
	border: 1px solid #e9e9e9;
	float: left;
	padding-bottom:30px;
}
.main-left{
    width: 837px;
    float: left;
}
.news-con{
	width: 757px;
	padding:0 40px;
    float: left;
}
.news-list{
	width:100%;
    float: left;
}
.news-list ul li{
	width:100%;
	font-size: 18px;
	padding-top:24px;
    border-bottom: 1px solid #e9e9e9;
}
.news-list ul li a{
	width:100%;
	color: #444;
	display: inline-block;
}
.news-list .img-con{
	width:100%;
	float: left;
	margin-top:10px;	
}
.news-list .img-item{
	width: 33.33%;
	padding:0 5px;
	float: left;
	box-sizing: border-box;
}
.news-list .img-item img{
	width: 100%;
}
.news-list .news-source{
	font-size: 16px;
	color:#999;
	line-height: 34px;
}
.main-right{
	width: 360px;

	float: left;
	border-left: 1px solid #e9e9e9;
}
.RightFix{
	position: fixed;
	top:0;	
	right: 0;
	border: 1px solid #e9e9e9;
	margin-left:-1px;
	padding-bottom:20px;
}
.main-right .login{
	width: 360px;
	background: #fff;
    float: left;
}
.login-tit{
	width: 100%;
	font-size: 20px;   
    color: #333;
    float: left;
}
.login-tit:after{
	content: '';
	border-left: 1px solid #e9e9e9;
	display: inline-block;
}
.login-tit ul li{
	margin-top:-1px;
	/*border-bottom: 1px solid #e9e9e9;*/
	border-top: 1px solid #e9e9e9;
	width: 50%;
	float: left;
	height: 50px;
	text-align: center;
	font-size: 16px;	
	line-height: 50px;
	position: relative;
	cursor: pointer;
	background-color: #f9f9fa;
	box-sizing: border-box;
}

.login-tit ul li.tab-current{
	background-color: #fff;
	border-bottom: none;
	border-left: none;	
	border-top: 2px solid #5575b5;	
}
.login-con{
	width: 300px;
	float: left;
	padding:0 30px;
}
.login-item{
	width: 100%;
	height: 48px;
	line-height: 48px;
	border: 1px solid #e9e9e9;
	margin-bottom: 10px;
	padding-left: 10px;
	box-sizing: border-box;
}
.login-btn{
	width: 100%;
	height: 48px;
	background: #5575b5;
	color: #fff;
}
.my-nav{
	width: 300px;
	float: left;
	padding:20px 30px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	margin-top:25px;
}
.my-nav ul li{
	width: 50%;
	height: 120px;
	padding-top:10px;
    text-align: center;
    color: #333;
    font-size: 16px;
    float: left;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    box-sizing: border-box;
}
.my-nav ul li:nth-child(2n){
	border-right:none;
}
.my-nav ul li:nth-child(3){
	border-bottom:none;
}
.my-nav ul li:nth-child(4){
	border-bottom:none;
}
.icon-com{
	width: 100%;
	text-align: center;
}
.my-nav ul li img{
	width: 60px;
	height: 60px;
	display: inline-block;
}
.footer{
	width: 100%;
	padding:40px 0;
	background: #e5e5e5;
	margin-top:50px;
	text-align: center;
}
.show-model{
	display: none;
	width:300px;
	min-height: 180px;	
	background: #fff;
	border:1px solid #e5e5e5;
	position: fixed;
	top:50%;
	left: 50%;
	box-shadow: 0px  4px 10px  rgba(0,0,0,.2);
	transform:translateX(-140px) translateY(-140px);
	-webkit-transform:translateX(-140px) translateY(-140px);  /*兼容-webkit-引擎浏览器*/
	-moz-transform:translateX(-140px) translateY(-140px);
}
.close-model{
	position: absolute;
	top:0px;
	right:0px;
	cursor: pointer;
}
.name-title{
	line-height: 38px;
	float: left;
	margin-right: 15px;
}
.change-name{
	margin-top:20px;
	padding:20px;
}
.change-input{
	width:195px;
	height: 38px;
	float: left;
	padding:0 10px;
	border: 1px solid #e9e9e9;
}
.change-input input{
	height: 38px;
}
.show-model-btn{
	background: #5575b5;
	width: 100%;
	height: 35px;
    color: #fff;
    margin-top:20px;
    border-radius: 3px;
}
.show-model .my-con{
	width: 100%;
   
   float: left;
}
.show-model .my-item1{
	width: 100%;
	padding:10px 15px;
	border-bottom: 10px solid #eee;
	font-size: 16px;	
	float: left;
	box-sizing: border-box;
}
.arr{
	float: right;
}
.arr::after{
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top:1px solid #999;
  border-right:1px solid #999;
  transform: rotate(45deg);
}
.show-model .header-con{
	float: left;
	margin-right:10px;	
}
.show-model .header-img{
	  width:60px;
	  height:60px;
	  border-radius: 50%;
	  vertical-align: middle;  
}
.show-model .t-right{	
    float: left;   
}
.show-model .my-item{
	width: 100%;
	height:36px;
	line-height:36px;
	text-align: left;
	font-size: 16px;
	color: #333;
	border-bottom: 1px solid #eee;
	padding:0 14px;  
	float: left;
	box-sizing: border-box;
}
.show-model .my-item img{
	width:12px;
	height: 12px;
	margin-right: 10px;
	display: inline-block;	
	vertical-align: middle;
}
.my-item-left{
	float: left;
}