@charset "utf-8";
@import url("public.css");
@import url("icontfont/iconfont.css");
body,html{
	margin:0px;
	padding:0px;
	height: 100%;
}
@font-face {
	font-family: 'Source Han Sans CN-Regular';
	src: url('icontfont/new/sourceHanSans-regular.ttf');
}
ul,li,p,form,h1,h2,h3,strong{
	padding:0px;
	margin:0px;
}
*{
	font-size:16px;
	outline: none;
	text-decoration: none;
	color:#666666;
	list-style: none;
	font-family: "microsoft yahei",arial;
}
.ynq{
	margin-right:5px;
}
[data-width]{
	width:1400px !important;
	margin:0px auto;
}
header{
	height: 70px;
	padding:5px 0px;
	line-height: 36px;
	align-items: center !important;
	background: #fff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, .4);
	-ms-box-shadow: 0px 0px 8px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, .4);
}
.ynq-Header{
	width: 1400px;
	margin:0px auto;
}
.ynq-login-login{
	/*height: 45px;*/
	/*line-height: 45px;*/
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-items: center;
}
.ynq-login-login img{
	/* position: absolute;
	left:0;
	top:50%;
	transform: translate(0,-50%); */
	margin-left: 20px;
	height: 70px;
	width: auto;
}
.ynq-login-login span{
	padding-left: 10px;
	margin-left: 10px;
	color: #fff;
	font-size: 16px;
	width: 14rem;
	font-family: 'Source Han Sans CN-Regular';
	line-height: 16px;
	position: relative;
	color: #3462fd;
}
.ynq-login-text>li{
	line-height: 45px;
	position: relative;
}
.ynq-login-text a{
	font-size:14px;
	padding:0px 20px;
	transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	-ms-transition: ease 0.3s;
	-moz-transition: ease 0.3s;
}
.ynq-login-text a:hover{
	color:#3462fd;
}
.ynq-login-lang{
	position: absolute;
	left:0px;
	top:45px;
	background: #fff;
	border:1px solid #dddddd;
	visibility: hidden;
	opacity: 0;
	transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	-ms-transition: ease 0.3s;
	-moz-transition: ease 0.3s;
	z-index:10;
}

.ynq-login-lang>li{
	line-height: 40px;
}

.ynq-login-lang>li a{
	padding:0px 20px;
	transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	-ms-transition: ease 0.3s;
	-moz-transition: ease 0.3s;
}

.ynq-login-langactive{
	background: #3462fd;
}
.ynq-login-langactive a{
	color:#fff;
}
.ynq-login-lang>li:hover{
	background: #0061e1;
}
.ynq-login-lang>li:hover a{
	color:#fff;
}
.ynq-login-text>li:hover .ynq-login-lang{
	visibility:visible;
	opacity: 1;
}

/* 登陆表单界面 */
.ynq-login-content{
	height: calc(100% - 105px);
	background-position: center !important;
	background-size: cover;
	position: relative;
	min-height: 726px;
	background-image: url(../images/loginbg.jpg);
	background-repeat: no-repeat;
	background-color:#E9F0FA ;
}
.ynq-regist-content{
	height: calc(100% - 120px);
	background-position: center !important;
	background-size: cover;
	position: relative;
	min-height: 726px;
	
}
/* 登陆框 */
.ynq-login-form{
	position: absolute;
	width:464px;
	height: 603px;
	background: #fff;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	right:18%;
	top:9%;
}
.ynq-login-form h1{
	font-size:25px;
	line-height: 120px;
	text-align: center;
	font-weight: 400;
	color:#000000;
}
.ynq-login-item{
	margin-bottom:30px;
	padding:0px 60px;
	position: relative;
}

.ynq-login-item input{
	width:calc(100% - 50px);
	line-height: 40px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	border:1px solid #dedede;
	padding:0px 40px 0px 10px;
	transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	-ms-transition: ease 0.3s;
	-moz-transition: ease 0.3s;
}
.ynq-login-item input:focus{
	color:#3462fd;
	border:1px solid #3462fd;
}
.ynq-login-item input:hover{
	color:#3462fd;
	border:1px solid #3462fd;
}
.ynq-regist-form input::placeholder,
.ynq-login-item input::placeholder{
	color:#cbcbcb;
	font-size:14px;
}
.ynq-regist-form input::-moz-placeholder,
.ynq-login-item input::-moz-placeholder{
	color:#cbcbcb;
	font-size:14px;
}
.ynq-regist-form input::-ms-placeholder,
.ynq-login-item input::-ms-placeholder{
	color:#cbcbcb;
	font-size:14px;
}
.ynq-regist-form input::-webkit-placeholder,
.ynq-login-item input::-webkit-placeholder{
	color:#cbcbcb;
	font-size:14px;
}
.ynq-login-item span{
	position: absolute;
	display: block;
	line-height: 40px;
	width:40px;
	right:60px;
	top:0px;
	text-align: center;
	cursor: pointer;
	font-size:16px;
}
.ynq-login-item span:hover{
	color:#3462fd;
}

.ynq-login-item img,
.ynq-regist-form img
{
	margin-left:20px;
	height: 44px;
	width:auto;
	cursor: pointer;
}

.ynq-login-item button{
	line-height: 40px;
	height: 40px;
	width:100%;
	border:none;
	border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	-ms-transition: ease 0.3s;
	-moz-transition: ease 0.3s;
	background: #3462fd;
	color:#fff;
	cursor: pointer;
}

.ynq-login-item button:hover{
	opacity: 0.8;
}





/* 版权信息 */
.ynq-login-copyright{
	padding:30px 30px;
	align-items: center;
}
.ynq-login-copyright *{
	font-size:14px;
}
.ynq-login-copyleft p{
	line-height: 25px;
}
.ynq-login-copyleft p>a{
	padding-right:20px;
	transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	-ms-transition: ease 0.3s;
	-moz-transition: ease 0.3s;
}
.ynq-login-copyleft p>a:hover{
	color:#3462fd;
}
.ynq-login-copy-right span{
	padding:0px 20px;
	font-size:10px;
}
.ynq-login-copy-right a{
	transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	-ms-transition: ease 0.3s;
	-moz-transition: ease 0.3s;
}
.ynq-login-copy-right a:hover{
	color:#3462fd;
}
.ynq-help{
	font-size:15px;
	color:#3462fd;
}
.ynq-help i{
	color:#3462fd;
}
.ynq-login-item h2{
	text-align: center;
	font-weight: 400;
	position: relative;
}
.ynq-login-item h2::before{
	content:'';
	position: absolute;
	width:100px;
	height: 1px;
	background: #dedede;
	left:0px;
	top:50%;
}
.ynq-login-item p{
	position: absolute;
	color:#ff3320;
	bottom:-20px;
	font-size:12px;
}
.ynq-login-item p>i{
	color:#ff3320;
	font-size:11px;
}
.ynq-login-item h2::after{
	content:'';
	position: absolute;
	width:100px;
	height: 1px;
	background: #dedede;
	right:0px;
	top:50%;
}
.ynq-Login-UserReg{
	display: block;
	line-height: 45px;
	background: #edf3f9;
	font-weight: bold;
	text-align: center;
	transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	-ms-transition: ease 0.3s;
	-moz-transition: ease 0.3s;
	border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-moz-border-radius:3px;
}

/* 注册页面版权样式 */
.ynq-login-footer{
	text-align: center;
	padding:10px 10px;
	line-height: 20px;
	font-size:14px;
	color: #ccc;
	margin-top:20px;
	line-height: 30px;
}
.ynq-login-footer *{
	font-size:12px;
	color:#a8a8a8;
}

.ynq-regist-href a{
	padding:0px 0px;
	font-size:14px;
	color: #ccc;
}

.ynq-registor-content{
	background: #fff;
	margin:15px auto 0px auto;
	padding-bottom:1px;
	height: calc(100% - 0px);
}

/*.ynq-registor-connmit{*/
/*	padding-bottom:0px;*/
/*	*/
/*}*/
.ynq-registor-connmit h1{
	border-bottom:1px solid #dedede;
	padding:20px 30px;
	align-items: center;
}
.ynq-registor-connmit h1>span:nth-child(1){
	font-size:25px;
	color:#000;
}
.ynq-registor-connmit h1>span:nth-child(2){
	font-size:14px;
	color:#000;
}
.ynq-registor-connmit h1>span:nth-child(2)>a{
	font-size:14px;
	color:#ff550b;
}

.ynq-registor-form{
	width:500px;
	margin:0px auto;
}

.ynq-regist-form{
	margin-bottom: 30px;
	width: 100%;
	position: relative;
}
.ynq-regist-form input{
	border:1px solid #dedede;
	line-height: 40px;
	padding: 0px 20px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	width: calc(100% - 40px);
	transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	-ms-transition: ease 0.3s;
	-moz-transition: ease 0.3s;
	max-height: 40px;
	min-height: 40px;
}
.ynq-regist-form input:focus,
.ynq-regist-form input:hover{
	border:1px solid #3462fd;
	color:#3462fd;
}
.ynq-regist-btn{
	margin-bottom:10px;
}
.ynq-regist-form strong{
	position: absolute;
	left:0px;
	top:0px;
	display: inline-block;
	padding:0px 10px;
	line-height: 42px;
	font-weight: normal;
}
.ynq-regist-form em{
	position: absolute;
	right:0px;
	top:0px;
	display: inline-block;
	padding:0px 10px;
	line-height: 42px;
	cursor: pointer;
}
.ynq-regist-tel{
	width: calc(100% - 120px) !important;
	padding-left:100px !important;
	padding-right:20px !important;
}

.ynq-regist-pwd{
	width: calc(100% - 60px) !important;
	padding-left:20px !important;
	padding-right:40px !important;
}

/* 选项卡 */
.ynq-tab{
	border-color:transparent !important;
	width: 100%;
	display: flex;
	height: 46px !important;
	padding:0px 0px;
}
.ynq-tab li{
	width:33%;
	padding:0px !important;
	text-align: center;
	line-height: 50px !important;
	font-size:15px !important;
	position: relative;
	color:#B7B6B6;
	font-weight: normal;
}
.ynq-tab li::before{
	content:'';
	width:1px;
	height: 20px;
	background-color: #dedede;
	position: absolute;
	right:0px;
	top:15px;
}
.ynq-tab li:last-child::before{
	background-color: transparent;
}
.ynq-tab .layui-this{
	color:#3462fd !important;
}
.ynq-tab .layui-this::after{
	content:'';
	position: absolute;
	top:100% !important;
	left:50% !important;
	width:50px !important;
	height: 3px !important;
	background: #3462fd;
	border: none !important;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	border-radius:50px !important;
	-webkit-border-radius:50px !important;
	-ms-border-radius:50px !important;
	-moz-border-radius:50px !important;
}
.ynq-regsevice-text{
	font-size:14px;
	color:#3462fd;
}

.ynq-regist-form button{
	width:100%;
	line-height: 50px;
	border:none;
	background: #3462fd;
	color:#fff;
	font-size:18px;
	cursor: pointer;
	border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	-ms-transition: ease 0.3s;
	-moz-transition: ease 0.3s;
}
.ynq-regist-form button:hover{
	opacity: .8;
}

.ynq-regist-form p{
    left:0;
	position: absolute;
	bottom:-20px;
	color:#FF0000;
	font-size:12px;
}
.ynq-regist-form p>i{
	color:#FF0000;
	font-size:11px;
}
/* 注册页面复选框 */
.layui-form-checked[lay-skin="primary"] i {
    border-color: #04439A !important;
    background-color: #04439A !important;
    color: #fff;
}
.layui-form-checkbox[lay-skin="primary"]:hover i{
	border-color: #04439A !important;
}

/* 找回密码 */
.ynq-forget-pass{
	margin:20px 0px 20px;
}
.ynq-forget-pass h2{
	font-size:18px;
}

.ynq-forget-pass p{
	line-height: 40px;
	font-size:14px;
	color:#AEACA8;
}
.ynq-forget-input{
	position: relative;
	margin-bottom:40px;
}
.ynq-forget-input input{
	padding:0px 20px;
	line-height: 50px;
	height: 50px;
	width: calc(100% - 40px);
	border:1px solid #dedede;
	border-radius:50px;
	-webkit-border-radius:50px;
	-ms-border-radius:50px;
	-moz-border-radius:50px;
	transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	-ms-transition: ease 0.3s;
	-moz-transition: ease 0.3s;
}
.ynq-forget-input input:hover,
.ynq-forget-input input:focus{
	border:1px solid #3462fd;
	color:#3462fd;
}
.ynq-forget-input input::placeholder{
	font-size:14px;
	color:#cbcbcb;
}

.ynq-forget-input button{
	line-height: 50px;
	height: 50px;
	width: 100%;
	border: none;
	border-radius:4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	-moz-border-radius:4px;
	transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	-ms-transition: ease 0.3s;
	-moz-transition: ease 0.3s;
	background: #ff550b;
	color: #fff;
	cursor: pointer;
}

.ynq-forget-input button:hover{
	opacity: 0.8;
}

.ynq-forget-input p{
	font-size:14px;
	color:#FF0000;
	position: absolute;
	bottom:-20px;
	width:100%;
}
.ynq-forget-input p>i{
	font-size:14px;
	color:#FF0000;
}

.ynq-getpass-msg{
	font-size:15px;
	margin-top:40px;
	margin-bottom:40px;
}

/* 获取手机验证码 */
.ynq-getMob-code{
	display: inline-block;
	line-height: 40px;
	border:1px solid #efeeee !important;
	background-color: #efeeee  !important;
	width:180px !important;
	text-align: center;
	margin-left:20px;
	font-size:14px !important;
	color:#9a9a9a !important;
	border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-moz-border-radius:3px;
}
.ynq-getMob-code:hover{
	color:#9a9a9a !important;
	opacity: 1 !important;
}


.ynq-login-item label {
	position: absolute;
	bottom: -5px;
	left: 0px;
}

label.error {
	color: red;
	font-size: 12px;
}

label.error>i {
	color: red;
	font-size: 12px;
}

/* 底部版权样式 */
.ynq-regist-copy a{
	margin-left:20px;
	font-size:12px;
}




/* 自适应部分 */

@media screen and (max-width:1200px){ 
	/* 登陆页面 */
	.ynq-login-form{
		right:5%;
	}
	/* 找回密码页面 */
	.ynq-registor-content{
		width:80%;
	}
	/* 注册页面 */
	.ynq-registbox-content{
		height: 781px;
	}
 } 

@media screen and (min-width: 960px) and (max-width: 1199px) {
	/* 登陆页面 */
	.ynq-login-form{
		right:5%;
	}
	
	/* 找回密码页面 */
	.ynq-registor-content{
		width:80%;
	}
	
	.ynq-header{
		margin:0px 20px;
	}
	
 }

@media screen and (min-width: 768px) and (max-width: 959px) { 
	/* 登陆页面 */
	header{
		padding: 18px 20px;
		box-shadow: none;
		border-bottom: 1px solid #dedede;
	}
	.ynq-header{
		margin:0px 20px;
	}
	.ynq-login-login img{
		max-width:265px;
	}
	.ynq-login-content{
		background-image:url('') !important;
	}
	.ynq-login-form{
		right:1%;
		width:98%;
		left:1%;
	}
	.ynq-regist-copy *{
		font-size:11px;
	}
	.ynq-login-item h2::after,
	.ynq-login-item h2::before{
		width: 40%;
	}
	/* 找回密码页面 */
	.ynq-registor-content{
		width:80%;
	}
	.ynq-regist-content{
		min-height: 767px;
	}
	
 }

@media only screen and (min-width: 480px) and (max-width: 767px){ 
	/* 登陆页面 */
	header{
		padding: 18px 20px;
		box-shadow: none;
		border-bottom: 1px solid #dedede;
	}
	.ynq-header{
		margin:0px 20px;
	}
	.ynq-login-login img{
		max-width:265px;
	}
	.ynq-regist-copy *{
		font-size:11px;
	}
	.ynq-login-form{
		right:1%;
		width:98%;
		left:1%;
	}
	.ynq-login-content{
		background-image:url('') !important;
	}
	.ynq-login-item span{
		right:60px;
	}
	.ynq-login-item h2::after,
	.ynq-login-item h2::before{
		width: 30%;
	}
		/* 找回密码页面 */
	.ynq-registor-content{
		width:calc(100% - 40px) !important;
	    padding: 0px 10px;
	}
	.ynq-regist-content{
		min-height: 660px;
	}
	.ynq-registor-form{
		width:calc(100% - 40px);
	}
	.ynq-forget-pass{
		margin:40px 0px 20px;
	}
	.ynq-regist-form input{
		width:calc(100% - 40px);
	}
	
	.ynq-regist-tel{
		width: calc(100% - 120px) !important;
	}
	.ynq-getpass-msg{
		margin:40px 0px 0px 0px;
	}
	
	/* 注册页面 */
	.ynq-registbox-content{
		height: 781px;
	}
	.ynq-icpbox {
	    display: block;
	}
 } 

@media only screen and (max-width: 479px) {
	/* Login部分 */
	header{
		padding: 18px 20px;
		box-shadow: none;
		border-bottom: 1px solid #dedede;
	}
	.ynq-header{
		margin:0px 20px;
	}
	.ynq-login-login img{
		max-width:265px;
	}
	/* 登陆页面 */
	.ynq-login-form{
		right:1%;
		width: 98%;
	}
	.ynq-login-content{
		background-image:url('') !important;
	}
	.ynq-login-item{
		padding:0px 20px;
	}
	.ynq-regist-copy *{
		font-size:11px;
	}
	.ynq-regist-copy a{
		display: block;
	}
	.ynq-login-item span{
		right:18px;
	}
	.ynq-login-item h2::after,
	.ynq-login-item h2::before{
		width: 20%;
	}
	
	/* 找回密码页面 */
	.ynq-registor-content{
		width:calc(100% - 40px) !important;
	    padding: 0px 10px;
		height: calc(100% - 20px);
	}
	.ynq-regist-content{
		min-height: 660px;
	}
	.ynq-registor-form{
		width:calc(100% - 0px);
	}
	.ynq-forget-pass{
		margin:40px 0px 20px;
	}
	.ynq-regist-form input{
		width:calc(100% - 40px);
	}
	
	.ynq-regist-tel{
		width: calc(100% - 120px) !important;
	}
	.ynq-getpass-msg{
		margin:40px 0px 0px 0px;
	}
	
	/* 注册页面 */
	.ynq-registor-connmit h1{
		flex-wrap: wrap;
		padding:20px 10px;
	}
	.ynq-tab .layui-tab-bar{
		display: none;
	}
	.ynq-registbox-content{
		height: 794px;
	}
	.ynq-icpbox {
	    display: block;
	}
 }