/* .mainindex{
	background:url('../img/bg1.png');
	
}
 */
div{letter-spacing:1px}
.bgImg {
  height: 100%;
  width: 100%;
  background: url('../img/bg01.png') no-repeat;
  background-size: cover;
  position: absolute;
  overflow: hidden;
}
.main-head{
	height: 100px;
	background-color: #e9e9e9;
	border-bottom: #cccccc 1px solid;
	position: relative;
}
.main-body-div{
	text-align: center;
}
.main-body-top{
	width: 95%;
	margin-top: 45px;
	margin-left: 2.5%;
	height:566px;
	border:#cccccc 1px solid;
	border-radius:25px 25px 0 0 ;
	text-align: center;
}
.main-body-bottom{
	width: 95%;
	margin-left: 2.5%;
	height:134px;
	border:#cccccc 1px solid;
	border-top: 0px;
	border-radius: 0 0 25px 25px ;
	background-color:#999999 ;
	font-size: 17px;
	color:white;
	position: relative;
}
.main-foot-div{
	text-align: center;
	margin-top: 30px;
}
.foot-p{
	color:#666666 ;
	font-size: 14px;
}
.logo{
	margin-top: 10px;
	margin-left: 2.5%;
}
.head-right{
	right:2.5%;
	top:0; 
	height: 100%;
	position: absolute;
}
.login{
	width: 200px;
	background-color:#2F3191 ;
	text-align: center;
	float: left;
	
}
.login div{
		color: white;
		height: 100px; 
		font-size: 18px;
		line-height:100px
	}
	
.user{
	width: 200px;
	/* background-color:#2F3191 ; */
	text-align: center;
	float: left;
	
}
/* .user div{
		color: white;
		height: 100px; 
		font-size: 18px;
		line-height:100px
	} */
@media (max-width: 1600px) {
	.head-icon{
		float: left;
		margin-top: 15px;
		margin-right: 36px;
	}
}
@media (min-width: 1600px) {
	.head-icon{
		float: left;
		margin-top: 15px;
		margin-right: 72px;
	}
}

.head-icon div{
	font-size: 12px;
	color:#999999
}
.head-icon img{
	height: 50px;
}
.main-card{
	background-color:#2F3191 ;
	height: 300px;
	width: 220px;
	border-radius: 6px 6px 6px 6px;
	box-shadow:  3px 3px 3px #999999;
	float: left;
	position: relative;
	
}
.right-link{
	width: 220px;
	position: fixed;
	right: 0;
	top: 28.38%;
	height: 410px;
	background-color: white;
	border-radius: 6px 6px 6px 6px;
	box-shadow:  2px 2px 2px #999999;;
}
.rightphone{
	position: fixed;
	right: -8px;
	top: 36.38%;
}
.right-link-top{
	height: 72px;
	background-color:#2F3191 ;
	width: 220px;
	text-align:center ;
	border-radius: 6px 6px 0 0;
}
.right-link-top div{
	height: 72px;
	line-height: 72px;
	color: white;
	font-size: 18px;
	margin-left:56px ;
	position: relative;
}
.right-link-top div:before{
	/* background:url("../img/link.png"); */
	background: url('../img/link.png') no-repeat;
	background-size:cover;
	width: 46px;
	height:46px;
	display: inline-block;
	content: "";
	position:absolute;
	left:-20px;
	top:20%;
}
.right-link-bottom{
	
}
.right-link-ewm{
	width: 178px;
	margin-top:18px;
	
}
.cardicon{
	position: absolute;
	top:24px;
	width: 70px;
	left:10px;	
}
.cardtext1{
	position: absolute;
	top:110px;
	font-size: 22px;
	color: white;
	left:16px;	
}
.cardtext2{
	position: absolute;
	top:165px;
	font-size: 16px;
	color: white;
	left:16px;	
	right: 16px;
	opacity:0.8;
	text-align:left;
}
.cardtext3{
	position: absolute;
	top:250px;
	font-size: 16px;
	color: white;
	cursor:pointer;
	right: 16px;
	text-align:right;
}
 @media (min-width: 1600px) {
     .linkspan{
     	  margin-left:3.8%;
		  cursor:pointer; 
     }
    }
	/* 分辨率大于1300px的样式------------------- */
@media (max-width: 1600px) {
  .linkspan{
	  margin-left:2%;
	  cursor:pointer; 
  }
}




.showImg {
  height: 100%;
  width: 100%;
  background: url('../img/bg02.png') no-repeat;
  background-size: cover;
  position: absolute;
  overflow: hidden;
}


/*登录注册*/
.loginInput{
	background-color: #f4f5f7 !important;
	/* color:#ccc !important; */
	padding-left:24px !important;
	height: 50px;
	font-size: 18px;
	
}
/* WebKit browsers */
.loginInput::-webkit-input-placeholder {
     color: #ccc;
}
/* Mozilla Firefox 4 to 18 */
.loginInput:-moz-placeholder {
    color: #ccc;
}
/* Mozilla Firefox 19+ */
.loginInput::-moz-placeholder {
 color: #ccc;
}
/* Internet Explorer 10+ */
.loginInput:-ms-input-placeholder {
   color: #ccc;
}
.wxlogin{
	font-size: 16px;
	/* display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center; */
	position: relative;
}
.wxlogin:before{
	    display: inline-block;
	    content: "";
	    width: 20px;
	    height: 20px;
	    margin-right: 8px;
		position: relative;
		/* top: 50%; */
		    transform: translateY(15%);
	    background: url("../img/wxicon.png") no-repeat;
	    background-size: cover;
}

.guide-left-li{
	height: 50px;
	width: 100%;
	line-height: 50px;
	cursor: pointer;
	border-top: #e6e6e6 1px solid ;
}
.guide-left{
	font-size: 18px;
	color: #666;
	background-color: #f3f3f3;
}
.guide-left-li-show{
	height: 50px;
	width: 100%;
	font-size: 18px;
	color: #333;
	background-color: #ffffff;
	border-top: #e6e6e6 1px solid ;
}
.hr_card{
	font-size: 18px;
	border:1px solid  #E6E6E6;
	width: 800px;
	height: 290px;
}
.hr_card-title{
	background-color: #f3f3f3;
	height: 50px;
	line-height: 50px;
	padding-left: 34px;
}
.hr_card-body-li{
	padding-left: 34px;
	margin-top: 25px;
}
.margin-top-16{
	margin-top: 16px !important;
}
.hr_show{
	display: block;
}
.hr_unshow{
	display: none;
}