*{margin: 0;padding: 0;box-sizing: border-box;font-family: "微软雅黑";}
html,body{width: 100%;height: 100%;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 1) inset !important;}
input:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}
@-webkit-keyframes autofill {
  to {
    color: #000;
    background: transparent;
  }
}
.sixbox{background: url("/Public/xwtpl/login/img/bg0506002.png") no-repeat center/cover;width: 100%;height: 100%;position: relative;}
.center-line{width: 100%;height: 27.4%;position: absolute;top: 50%;transform: translateY(-50%);display: flex;flex-flow: column;justify-content: center;z-index: 10;}
.center-line{
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) , rgba(0,0,0,0.36) ,rgba(0,0,0,0)); 
	background: -o-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,0.36) ,rgba(0,0,0,0)); 
	background: -moz-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,0.36) ,rgba(0,0,0,0)); 
	background: linear-gradient(to right, rgba(0,0,0,0) , rgba(0,0,0,0.36) ,rgba(0,0,0,0));
}
@media only screen and (min-width: 1200px) {
	.formbox{font-size: 16px;}
	.words{font-size: 22px;color: #fff;line-height: 1.8em;z-index: 20;}
}
@media only screen and (min-width: 768px) and (max-width: 1200px){
	.formbox{font-size: 12px;}
	.words{font-size: 18px;color: #fff;line-height: 1.8em;z-index: 20;}
}
@media only screen and (max-width: 768px){
	.formbox{font-size: 8px;}
	.words{display: none;}
	.centerbox{justify-content: center!important;}
}
.author{padding-left: 10em}

.centerbox{width: 100%;height: 100%;padding:0 18.75%;display: flex;flex-flow: row;justify-content: space-between;align-items: center;z-index: 20;}
.formbox{width: 36%;height: 46%; min-width: 275px;max-width: 440px;min-height: 310px;max-height: 496px; background: #fff;border-radius: 3px;z-index: 20;display: flex;flex-flow: column;justify-content: center;align-items: center;}
.formtitle{font-size: 2em;color: #222;letter-spacing: 0.2em;padding-bottom: 1em;font-weight: bold;}
.forminput{width: 85%;height: 3em;line-height: 3em;font-size: 1em;color: #666;border-bottom: 2px solid #ebecf1;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;margin-top: 0.5em;}
.forminput input{font-size: 1em;color: #666;width: 42%;border: 0px;outline: none;}
.forminput .inputchildren{width: 20%;height: auto;display: flex;flex-flow: column;justify-content: center;align-items: center;}
.formsubmit{width: 85%;height: 3em;line-height: 3em;margin-top: 1.5em;}
.formsubmit .submit{font-size: 1.2em;color: #fff;width: 100%;height: 100%;background: #0d46db;border: 0;outline: none;border-radius: 2px;cursor: pointer;}

.logo{position:absolute;bottom:30px; text-align:center;width:100%;color: #fff;}