.header{
	height:70px;
	line-height: 70px;
	box-shadow: 0px 2px 5px 0px 
		rgba(0, 0, 0, 0.1);
}
.header .logo{
	margin-left:360px;
	
}
.header .logo img{
	margin-top:18px;
	width:30px;
	height: 30px;
}
 .header .logo .text{
	font-size:21.7px;
	margin-left:5px;
	color:#666666;
	font-weight: bold;
}
.header .logo .title{
	font-size:18px;
	color:#666666;
	margin-left:20px;
}
.loginForm{
	position: relative;
    z-index: 9999;
	width:498px;
	height:578px;
	border-radius: 20px;
	margin-left:20%;
	margin-top:120px;
	background-color: #ffffff;
	box-shadow: 1px 2px 10px 0px 
		rgba(63, 112, 227, 0.1);
	border-radius: 20px;
	border: solid 1px #e5e5e5;
}
.loginForm .head{
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
#phone{
	width:288px;
	height:46px;
	/*margin-top:60px;*/
	margin-bottom: 20px;
	border-radius: 3px;
	padding-left:90px;
	outline: none;
	border:1px solid #4595fe;
}
.codeBox{
	width:380px;
}
#phoneCode{
	border-radius: 3px;
	width:244px;
	height:46px;
	padding-left:10px;
	outline: none;
	border:1px solid #4595fe;
}
.getCode{
	outline: none;
	cursor: pointer;
	width:112px;
	height:46px;
	text-align: center;
	line-height: 46px;;
	color:#4595fe;
	font-size:16px;;
	margin-left:10px;
	border:1px solid #4595fe;
	border-radius: 3px;
}
.toLogin{
	cursor: pointer;
	width: 380px;
	text-align: center;
	line-height: 48px;
	height: 48px;
	background-image: linear-gradient(-90deg, 
		#0baeff 0%, 
		#1e5cfd 100%), 
	linear-gradient(
		#0497ff, 
		#0497ff);
	background-blend-mode: normal, 
		normal;
	border-radius: 24px;
	opacity: 0.8;
	font-size: 18px;
	color:#fefefe;
 	margin-top:40px;
}
.loginForm ul li{
	height:70px;
	/*margin-top:60px;*/
}
.loginForm ul li > img{
	margin:0px 30px;
	
}
.loginForm ul li .desc div:nth-child(1){
	font-size:18px;
	color:#333333;
	margin-bottom: 4px;
}
.loginForm ul li .desc div:nth-child(2){
	font-size:14px;
	color:#666666;
	margin-bottom: 4px;
}
.loginForm ul li .desc div:nth-child(3){
	font-size:14px;
	color:#666666;
	margin-bottom: 4px;
}
.loginForm ul li .down{
	width:100px;
	height:48px;
	cursor: pointer;
	border-radius: 24px;
	line-height: 48px;
	text-align: center;
	font-size:18px;
	background-color: #0497ff;
	margin-right: 30px;
	margin-top:8px;
	color:#ffffff;
}
.loginForm ul li .down img{
	padding: 10px;
	background-color: #fff;
	box-shadow:  0px 0px 10px 0px 
		rgba(63, 112, 227, 0.2);
}
.barcodeApp{
	
	margin-left:-45px;
}
.loginForm ul li .down .barcodeApp{
	position: relative;
	display: none;
}
.loginForm ul li .down:hover .barcodeApp{
	display: block;
}
.errorMsg {
	width:380px;
    color: red;
    display: none;
    padding: 5px 0px;
    
}
.tranOpacity {
    opacity: 0;
    transition: all .5s linear;
    -webkit-transition: all .5s linear;
}
/*.zhen_33{
	font-size:24px !important;
}
.zhen_34{
	font-size:20px !important;
}*/