/*
 * Author: 王兴民
 * Date time: 2020/10/14
 * Copyright (c) 2016~2020 王兴民 All rights reserved.
 */
body{background-color: #fff;font-size: 12px}
/* main */
.main{position: absolute;margin:auto;padding:15px;width:400px;min-height:200px;top:0;right:0;bottom:0;left:0;background-color: rgba(255,255,255,.75);border-radius:4px;-webkit-box-shadow: 0 0 6px rgba(0,0,0,.15);box-shadow: 0 0 6px rgba(0,0,0,.15)}
input::-webkit-input-placeholder{color:#ccc}
input::-moz-placeholder{color:#ccc}
input:-moz-placeholder{color:#ccc}
input:-ms-input-placeholder{color:#ccc}
.form-title{margin:0;padding: 10px;text-align: center}
.form-control{height: 70px;padding: 5px 15px;clear:both}
.form-control label{display:block;padding-left:15px;line-height:30px;color:#666;font-size:16px}
.form-control.checkbox{padding-top: 20px;height:30px;text-indent: 1em;text-align: left;font-size: 15px}
.form-control input[type=text],.form-control input[type=password],.form-control button{height: 40px;line-height:40px;padding: 0 15px;margin: 0;border: 1px solid #ccc;font-size:14px}
.form-control input.error {border-color: red}
.form-control input.success {border-color: #67c23a}
.input-account,.input-pass{width:90%;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.form-control input[type=text]:focus,.form-control input[type=password]:focus{border-color: #3385ff;outline:0}
.form-button {padding: 10px;text-align: center}
.form-button .button{display:inline-block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height:42px;width:94%;line-height: 40px;padding:0 20px;margin:10px;border: 1px solid #ccc;font-size: 16px;color: #333;background-color: #fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;cursor:pointer}
.button.button-submit{background-color: rgba(0,0,0,.75);color: #fff}
.button.button-submit:hover{background-color: rgba(0, 0, 0, 0.5);}
.input-captcha{float:left;width: 50%;-webkit-border-radius: 20px 0 0 20px;-moz-border-radius: 20px 0 0 20px;border-radius: 20px 0 0 20px}
.captcha,.captcha img{-webkit-border-radius: 0 20px 20px 0;-moz-border-radius: 0 20px 20px 0;border-radius: 0 20px 20px 0}
.captcha{display:block;float:left;width:38.6%;height: 40px;border:1px solid #ccc;border-left:none}
.captcha img{width:100%;height:100%}
.form-link{padding:0 20px;line-height:30px;font-size:16px}
.form-link .left{float: left}
.form-link .right{float: right}
@media (max-width: 320px) {
	.captcha{width:37.3%;}
}
@media (max-width: 1919px){
	.form-control {
		height: 65px;
	}

	.form-control label {
		line-height: 23px;
	}

	.form-control input[type=text],.form-control input[type=password]{
		height: 35px;
		line-height: 35px;
	}

	.captcha{
		height: 35px;
	}
}
/*footer*/
.footer{position: absolute;height: 60px;margin:0 auto;right:0;bottom:0;left:0;background: rgba(220,220,220,.65) url(../img/bg.png)}
.footer .copyright{line-height: 60px;font-size: 14px;color: #999;text-align: center;text-shadow: 0 1px 0 #fff}