/*这里记录pc的信息*/
@media screen and (min-width:768px) {
	body{
		margin-top: 60px !important;
	}
	.cont-main{
	max-width:500px !important;
	margin:0px auto !important;
	}
	.cent-box{
		margin:150px auto !important;
	}
	#que_zoo_icon{
		display:none;
	}
	#question_zoo{
		display: none;
	}
	#title_t{
		font-size:1.2rem;
	}
	#footer{
		display:none;
	}
}
/*这个是移动端*/
@media screen and (max-width:768px) {
	body{
		margin-top: 40px !important;
		height: calc(100% - 10px) !important;
	}
	.header{
		height:45px !important;
	}
	.layui-bg-black1>div {
   	 line-height: 45px !important;
	}
	.layui-btn{
		height:48px !important;
		line-height:48px !important;
	}
	.layui-layer-btn a{
		height:48px !important;
		line-height:48px !important;
	}
	.layui-layer-btn{
		padding: 8px 15px 10px !important;
	}
	#question_zoo{
		display: none;
	}
	#btn-tips{
		display: none;
	}
	#que_zoo_icon{
		display: block;
		font-size:0.7rem;
		    padding: 3px;
    	line-height: 1rem;
	}
	#title_t{
		font-size:1rem;
	}
	
	#footer{
		position: fixed;
		bottom:15px;
		border:0px red solid;
		height:40px;
		width:100%;
	}
	
	.login_bg1,.login_bg2{
		display: none !important;
	}
	.login_bg3{
		z-index:-1;
	    position:absolute !important;
	    top:0px;
	    width: 100%;
	    height: 40% !important;
	    background-image: url(../img/login1.png);
	    background-size:150% !important;
	    background-repeat: no-repeat;
	    background-position: left bottom;
	}
	
	.login_warp{
		top:0 !important;
		width: 100% !important;
	    height: 100% !important;
	    position: absolute !important;
	    bottom: 0 !important;
	    left: 0 !important;
	    transform:none !important;
	    flex-direction:column !important;
	}
	
	.cont-main{
		padding:10px !important;
		border:0px !important;
	}
	.cont-main .form-title{
		padding: 15px 0px !important;
		display: block !important;
	}
	.cont-main .form-title .ab{
		font-size:30px !important;
		text-align: left !important;
	}
	.cont-main .form-title .ef{
		display: none;
	}
	.cont-main .form-title .cd .sub-title1{
		display: none;
	}
	
	.cont-main .form-title .ef{
		flex:0.2;
		color: #0F90F4;
		font-size:29px;
		text-align: center;
}

	.cont-main .form-title .sub-title1{
		font-size:19px;color:#9d9b9a;
	}
	
	.mobile-show{
		display: block !important;
		margin-top:30px;text-align:center;
		padding-bottom:20px;
	}
	
	#content{
		padding-bottom:40px !important;
	}
	.login_warp .login_form{
		flex:548 !important;
		background-color:#fff !important;
		border-radius: 3rem 3rem 0 0 !important;
	}
	
	.login_warp .login_title{
		flex:333 !important;
		width:100% !important;
		height:15rem !important;
	}
	
	.login_warp .login_title .login_title_img{
		width:100%;
		height:100%;
		background-image: url('../img/logintitle.png');
		background-size: 60% !important;
		background-repeat: no-repeat;
		background-position: center 5rem !important;
	}

	.login_logo{
		width:18rem !important;
		height:4rem !important;
		background-image: url('../img/logo.png');
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center;
		margin:1rem auto !important;
		position:relative !important;
	}
	.mobile-show{
		display:none !important;
	}
	
}


html,body{
	height:100%;
	width:100%;
}

/**
登录页
**/
.login_bg1 {
	z-Index: -1;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 50%;
	background-image: url('../img/line2.png');
	background-size: 100%;
	background-repeat: no-repeat;
}
.login_bg2 {
	z-Index: -1;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 50%;
	background-image: url('../img/line1.png');
	background-size: 100%;
	background-repeat: no-repeat;
}
.login_bg3{
	z-Index: -100;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 40%;
	background-image: url('../img/login1.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

.login_warp{
	width:1290px;
	height:560px;
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  display: flex;
}

.login_warp .login_title,.login_warp .login_form{
	flex:1;
}

.login_warp .login_title .login_title_img{
	width:100%;
	height:100%;
	background-image: url('../img/logintitle.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.login_logo{
	width:700px;
	height:90px;
	background-image: url('../img/logo.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	margin:60px 80px;
	position: absolute;
}


fieldset{
	margin:0px;
	padding:10px;
	bordeR:1px #777 solid;
}
h1{
display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;}

#root-warp{
	max-width:960px;
	margin:0px auto;
	height:100%;
	padding:0px;
}
#root-warp .logo1{
	width:100%;
	height:35%;
	background-image:url(../img/hbg.png);
	background-size:100% 100%;
	padding-top:20px;
}
#root-warp .logo1 .title{
	height:60px;
	line-height: 60px;
	color:#fff;
	text-align: center;
	font-size:2rem;
}
.cont-main{
	background:#fff;
	border:1px #ccc solid;
	 padding: 56px 10px;
	border-radius: 10px;
}

.cont-main .form-title {
	display: flex;
	font-family: 'Microsoft Yahei';
	padding:30px 0px;
}
.cont-main .form-title .ab{
	flex:1;
	font-weight: 100;
	font-size: 45px;
	color: #616669;
	line-height: 53px;
	text-align: right;
	
}
.cont-main .form-title .cd{
	flex:1.5;
	font-weight: 500;
	font-size: 19px;
	color: #666666;
	line-height: 25px;
}

.cont-main .form-title .ef{
	flex:0.2;
	color: #0F90F4;
	font-size:29px;
	text-align: center;
}

.cont-main .form-title .sub-title1{
	font-size:19px;color:#9d9b9a;
}
.mobile-show{
	/* display: none; */
	height:30px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.username-bg{
background-image:url(../img/un-bg.png) !important;
background-repeat: no-repeat !important;
background-size:2rem !important;
background-position: 5px 50% !important;
}
input.password-bg{
background-image:url(../img/pwd-bg.png) !important;
background-repeat: no-repeat !important;
background-size:2rem !important;
background-position: 5px 50% !important;
}