html, body, #pagescreenshot {
	height: 100%;
}

#header {
	margin-bottom: 0;
}
#searcher .l-width {
	display: none;
}
#body {
	height: calc(100% - 251px);
	min-height: 600px;
}
#body .l-width {
	position: relative;
	height: 100%;
}



.p-box {
	position: relative;
}
.p-box .p-title {
	position: absolute;
	height: 80px;
	top: -80px;
	color: #fff;

}
.p-box .p-title h2 {
	font-size: 22px;
	line-height: 80px;
}
.regist {

}
.regist-input, .password-input {
	margin: 0 auto;
	padding: 50px 0;
	width: 750px;
}
.input-group {
	margin-bottom: 20px;
}
.input-group:before, .input-group:after {
	display: table;
	clear: both;
	content: "";
}
.input-group .label, .input-group .inline-input, .input-group .inline-img, .input-group .inline-tip, .input-group .inline-alert, .input-group .inline-text, .input-group .inline-btn {
	display: inline-block;
	vertical-align: middle;
}
.input-group .inline-input {
	width: 310px;
}
.log-off .label {
	width: 110px;
	font-size: 16px;
	text-align: right;
	line-height: 38px;
}
.input-group .inline-input.code {
	position: relative;
}
.input-group .inline-input.code .layui-btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
	padding: 0;
    color: #555;
    background: #f3f4f4;
    border: 1px solid #dbdee1;
}
.input-group .inline-input.code img {
		position: absolute;
	right: 0;
	top: 0;
width: 100px;
    height: 38px;
}

.input-group .inline-tip, .input-group .inline-alert {
	width: 310px;
	padding: 0 5px;
	line-height: 19px;
	color: #999;
}
.input-group .alt-error {
	color: #dd0000
}
.input-group .alt-ok {
	color: #74B374
}
.input-group a {
	color: #15508c;
	text-decoration: underline;
}
.input-group .layui-btn {
	color: #fff;
	text-decoration: none;
}
.input-group .inline-text {
	line-height: 38px;
}

.agreement {
	padding-left: 123px;
}
.agreement .layui-form-checkbox[lay-skin=primary] {
	float: left;
	margin-top: 9px;
}
.submit {
	padding-left: 123px;
}
.submit .layui-btn {
	width: 310px;
}
.submit .layui-btn-primary {
	width: 80px;
}
.submit .inline-text {
	display: inline-block;
	margin-left: 10px;
	font-size: 14px;
	line-height: 38px;
	vertical-align: middle;
}
.submit .inline-text a {
	margin: 0 2px;
	text-decoration: underline;
}



.password > .layui-tab > .layui-tab-title,
.regist > .layui-tab > .layui-tab-title {
	height: 65px;
	border-bottom: 1px solid #e0e0e0
}
.password > .layui-tab > .layui-tab-title li,
.regist > .layui-tab > .layui-tab-title li {
	padding: 0 10px;
	color: #646464;
	font-size: 18px;
	line-height: 64px;
}
.password > .layui-tab > .layui-tab-title .layui-this,
.regist > .layui-tab > .layui-tab-title .layui-this {
	color: #050505;
	font-size: 24px;
}
.password > .layui-tab > .layui-tab-title .layui-this:after,
.regist > .layui-tab > .layui-tab-title .layui-this:after {
	height: 66px;
	border: 0;
	border-bottom: 3px solid #0033a0;;
}
.password > .layui-tab > .layui-tab-content,
.regist > .layui-tab > .layui-tab-content {
	padding: 25px 0;
}
.password .layui-tab-item,
.regist .layui-tab-item {
	position: relative;
}


.password-input .label {
	width: 150px;
	font-size: 16px;
	text-align: right;
	line-height: 38px;
}
.password-input .label:empty:after {
	content: ""!important;
}
.steps .layui-tab-title {
	text-align: center;
	height: 60px;
}
.steps .layui-tab-title li {
	padding: 0 45px;
	font-size: 18px;
	color: #aaa;
	line-height: 60px;
}
.steps .layui-tab-title .layui-this {
	color: #333;
}
.steps .layui-tab-title .layui-this:after {
	border: 0;
	height: 61px;
	border-bottom: 3px solid #15508c;
}
.password-input .layui-tab-content {
	width: 657px;
	margin: 0 auto;
	padding: 80px 10px 30px;
}
.password-input .alt-ok,
.password-input .alt-error {
	position: absolute;
	top: -55px;
	left: 50%;
	width: 310px;
	margin-left: -155px;
	padding: 3px 8px;
	font-size: 14px;
	line-height: 20px;
	color: #74B374;
	background: #eff6ef;
	border: 1px solid #bad9ba;
	border-radius: 2px;
}
.password-input .alt-error {
	color: #dd0000;
	background-color: #fff5f5;
	border-color: #ffb3b3;
}

.password-input .input-group .inline-input {
	position: relative;
}
.password-input .input-group .inline-input.code {
	width: 310px;
}
.password-input .input-group .inline-input.code .layui-input {
	padding-right: 120px;
}
.password-input .input-group .inline-input.code .layui-btn {
	position: absolute;
	right: 0;
	top: 0;
}

.password-input .submit {
	padding: 0;
	text-align: center;
}
.password-input .tip {
	font-size: 14px;
	padding-left: 165px;
	line-height: 40px;
}
.password-input .info p {
	margin: .8em 0;
	font-size: 14px;
	line-height: 20px;
}



.web-alert {
	padding: 80px 200px;
}
.web-alert h1 {
	margin-bottom: 20px;
}
.web-alert p {
	font-size: 14px;
	line-height: 22px;
}
.error {
	position: absolute;
	left: 50%;
	top: 15%;
	width: 1200px;
	margin-left: -600px;
}
.error .web-alert {
	padding-left: 50%;
	background: url(../images/icon-error.png) 25% center no-repeat;
}
.error .web-alert p, .error .web-alert li {
	font-size: 16px;
	line-height: 40px;
}
.error .web-alert li:before {
	display: inline-block;
	position: relative;
	width: 10px;
	height: 10px;
	margin-right: 3px;
	background: #555;
	border-radius: 100%;
	content: "";
}

/*下载异常*/

.exception .l-width {
	overflow: hidden;
} 
.exception .p-box {
	position: relative;
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	background: url("../images/exception-pic.png") no-repeat center -100px;
	background-size: auto 100%
}
.exception .web-alert {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
}
.exception .web-alert p {
	margin: 1em 0;
	font-size: 16px;
}
.exception .web-alert p .layui-btn + .layui-btn {
	margin-left: 20px;
}
.regist .intro {
  margin: 0 50px;
  padding: 15px 20px 5px;
  border: 1px dashed #e5e5e5;
}
.regist .intro h4 {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}
.regist .intro li {
  display: inline-block;
  width: calc(100% / 3 - 5px);
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  vertical-align: top;
}


.log-off .inline-check {
  display: inline-block;
  width: 350px;
  vertical-align: top;
}
.log-off .inline-check + .inline-check {
  margin-left: 30px;
}
.log-off .inline-check .layui-form-radio {
  display: block;
  height: 60px;
  padding: 0 30px;
  border: 2px solid #e5e5e5;
}
.log-off .inline-check .layui-form-radio.layui-form-radioed {
  background-color: rgba(0, 51, 160,.02);
  border-color: #0033a0;

}
.log-off .inline-check .layui-form-radio::before {
  display: inline-block;
  height: 100%;
  font-size: 0;
  vertical-align: middle;
  content: "";
}
.log-off .inline-check .layui-form-radio * {
  font-size: 18px;
  vertical-align: middle;
}
.log-off .inline-check .layui-form-radio i {
  margin-right: 15px;
}
.log-off .regist-input {
  margin-bottom: 50px;
}
.log-off .submit {
  margin-top: 30px;
  padding-left: 0;
  text-align: center;
}

.log-off .input-group .inline-input {
  width: 480px;
  font-size: 16px;
}
.log-off .input-group .inline-input.code {
  width: 480px;
}