/**************************
*  本文件用来放置登陆页面相关的样式
*  Created by Engyne
*  2017-12-15
***************************/

*{ margin:0; padding:0;}
html,body {color: #4d4d4d; font-size:12px; font-family:"PingFang SC","helvetica","helvetica neue","Microsoft YaHei"; position: relative;  height: 100%; line-height: normal;}
main,article,aside,dialog,footer,header,section,nav,figure,menu,time,summary{display:block;}
p,form,ul,ol{ list-style-type:none;}
ul,ol,li{overflow: hidden; margin: 0;}
img{ border: 0; vertical-align: top;}
em,i{ font-style: normal; }
a{ color: #5d9cec; text-decoration:none; outline:none;}
a:hover{ text-decoration: none; }
.ovh{overflow: hidden;}
.clear{content: "";display: table;clear: both;}
:-ms-input-placeholder { color:#bfbfbf;}
::-webkit-input-placeholder{color:#bfbfbf;}

body{
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#68cbb5, endColorstr=#3777cc);/*IE<9>*/
	/* background: -webkit-linear-gradient(120deg, #68cbb5, #3777cc);
	background: -moz-linear-gradient(120deg, #68cbb5, #3777cc);
	background: linear-gradient(120deg, #68cbb5, #3777cc); */
}
.loginBg{
	height: 100%;
/*默认色(背景渐变色)*/
	background: -webkit-linear-gradient(120deg, #3777cc,#68cbb5);
	background: -moz-linear-gradient(120deg, #3777cc,#68cbb5);
	background: linear-gradient(120deg, #3777cc,#68cbb5);

/*粉色*/
	/*background: -webkit-linear-gradient(120deg, #e75480,#ffc3d5);
	background: -moz-linear-gradient(120deg, #e75480,#ffc3d5);
	background: linear-gradient(120deg, #e75480,#ffc3d5);*/

/*绿色*/
	/*background: -webkit-linear-gradient(120deg, #007d8d,#57ecff);
	background: -moz-linear-gradient(120deg, #007d8d,#57ecff);
	background: linear-gradient(120deg, #007d8d,#57ecff);*/
}
.login-logo{position: fixed; left: 30px;top: 30px;}
.login-wrap{width: 460px;height: 460px;margin: -230px 0 0 -230px;background: #fff; position: absolute; left: 50%; top: 50%; border-radius: 10px; box-shadow: 5px 8px 20px rgba(0,0,0,.2); }
.login-head{text-align: center;padding: 30px 0 20px;}
.login-head span{display: inline-block;font-size: 26px;
/*默认色（普通登录文字）*/
	color: #46afff;
/*绿色*/
/*	color: #008fa1;*/
/*粉色*/
/*	color: #e75480;*/

/*默认色（登陆文字下划线）*/
	border-bottom: 4px solid #46afff;
/*绿色*/
/*	border-bottom: 4px solid #008fa1; */
/*粉色*/
/*	border-bottom: 4px solid #e75480; */

	line-height: 1; padding-bottom: 8px;}
.login-form{padding: 0 60px;}
.login-input{position: relative;border: 1px solid #d9d9d9; border-radius: 5px;text-align: right; margin-bottom: 30px;}
.login-input input{height: 38px;width: 300px; border: 0;background: none;outline: none;color: #999; }
.login-id{background: url(../img/ico-login-id.png) 10px 50% no-repeat;}
.login-pw{background: url(../img/ico-login-pw.png) 10px 50% no-repeat;}
.login-idcard{background: url(../img/ico-login-idcard.png) 10px 50% no-repeat;background-size:20px;}
.login-tel{background: url(../img/ico-login-tel.png) 10px 50% no-repeat;background-size:20px;}
.login-yzm{background: url(../img/ico-login-yzm.png) 10px 50% no-repeat;background-size:20px;}
.login-captcha{overflow: hidden;}
.login-captcha .login-input{width: 210px;text-align: left;padding-left: 10px; float: left;}
.login-captcha .captcha{float: right; width: 110px;}
.login-captcha .captcha img{width: 110px;}
.login-checkbox{margin: auto -25px; padding: 0 25px 10px; border-bottom: 1px dotted #d9d9d9; color: #666;}
.login-btn{margin: 30px 0 10px; overflow: hidden;}
.login-btn a{display: block;width: 160px;height: 40px; text-align: center;line-height: 40px;color: #fff;font-size: 14px;
/*默认色（登录按钮）*/
	background: #45AFFF;
/*绿色*/
/*	background: #008fa1;*/
/*粉色*/
/*	background: #e75480;*/

	border-radius: 5px; box-sizing: border-box;}
.login-btn .btn-l{float: left;}
.login-btn .btn-r{float: right;background: #fff;color: #45AFFF;border: 1px solid #45AFFF;}
.login-help{overflow: hidden;margin: 10px 60px 0;}
.login-help .help{float: left; color: #666; font-size: 12px;}
.login-help .down{float: right;margin-left: 15px;color: #666; font-size: 12px;text-decoration: underline;}
.login-footer{width: 100%;position: fixed;bottom: 30px;text-align: center;font-size: 18px;color: #fff;}
.yzm-btn{
	width: 95px;
	height: 38px;
	background-color: #46afff;
	border: none;
	color: white;
	cursor: pointer;
}