.page-login { padding-top: 1px; font-family: "Microsoft Yahei", "SimSun"; }

.loginbox { padding-top: 23px; position: absolute; width: 540px; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; background: #f7f9fa; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.25); box-shadow: 0 0 20px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.25); top: 50%; left: 50%; margin: -215px 0 0 -270px; }
.loginbox .title { height: 78px; line-height: 78px; width: 552px; position: relative; margin-left: -10px; background-color: #f16b64; background-image: -moz-linear-gradient(top, #f16b64, #f04941); background-image: -ms-linear-gradient(top, #f16b64, #f04941); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f04941), to(#f04941)); background-image: -webkit-linear-gradient(top, #f16b64, #f04941); background-image: -o-linear-gradient(top, #f16b64, #f04941); background-image: linear-gradient(top, #f16b64, #f04941); text-align: center; color: #FFFFFF; font-size: 26px; }
.loginbox .title span { width: 60px; height: 60px; display: inline-block; border: 2px solid #FFFFFF; -webkit-border-radius: 50%; border-radius: 50%; background-clip: border-box; vertical-align: middle; margin-right: 13px; background: url("../images/login_title_icon.png") no-repeat; }
.loginbox .title:after { content: ''; position: absolute; left: 0; bottom: -14px; width: 0; height: 0; border-top: 14px solid red; border-left: 10px solid transparent; }
.loginbox:after { content: ''; position: absolute; left: 0; bottom: -16px; width: 100%; height: 16px; background: url("../images/loginbox.png") center bottom no-repeat; }

.loginform { padding: 39px 39px 0; list-style: none; overflow: hidden; *zoom: 1; margin: 0; }
.loginform li { margin: 0 0 30px; padding: 0; }
.loginform .txt { position: relative; height: 45px; padding: 0 10px 0 80px; border: none; background: #FFFFFF; }
.loginform .txt i { position: absolute; width: 58px; height: 100%; left: 0; top: 0; }
.loginform .txt input { width: 100%; height: 100%; padding: 0 10px 0 80px; margin: 0 -10px 0 -80px; border: 0; background: none; font-size: 16px; color: #3f5465; outline: none; font-family: "Microsoft Yahei", "SimSun"; }

.prompt-infor { line-height: 20px; color: #f04941; padding: 0 20px 10px 39px; margin: 0; overflow: hidden; }

.txt-user i, .txt-password i { background: url("../images/logicon-sprite.png") no-repeat; }

.txt-user i { background-color: #f570ed; background-position: 50% 0; }

.txt-password i { background-color: #ffb848; background-position: 50% -45px; }

.loginbtn { float: right; width: 180px; }
.loginbtn button { width: 100%; height: 45px; background: #f04941; font-size: 20px; color: #fff; border: 0; cursor: pointer; outline: none; }
.loginbtn button:hover { background: #ff826e; }
.loginbtn button:active { background: #f66a5e; }

.loginform .txt-vcode { padding-left: 10px; width: 82px; float: left; }
.loginform .txt-vcode i { display: none; }
.loginform .txt-vcode input { margin-left: -10px; padding-left: 10px; }

.vcode { height: 45px; display: table-cell; padding-left: 10px; vertical-align: middle; *display: inline-block; }
.vcode * { vertical-align: middle; }

.btn-refresh { display: inline-block; width: 30px; height: 30px; margin-left: 10px; font-size: 9999px; overflow: hidden; background: url("../images/btn-refresh.png") no-repeat center; }

.login-version { float: right; font-size: 12px; color: #999; margin-right: 39px; }

/*clerk login*/
.clerk-wrap { width: 100%; height: 100%; min-height: 640px; background: url(../images/clerk-wrap.jpg) center no-repeat; background-size: cover; position: relative; }

.clerk-top { width: 970px; height: 100%; margin: 0 auto; padding-bottom: 75px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.clerk-left { width: 540px; height: 100%; position: relative; float: left; color: #FFFFFF; }
.clerk-left .clerk-left-main { width: 100%; position: absolute; top: 50%; margin-top: -212px; }
.clerk-left h2 { line-height: 40px; margin-bottom: 50px; font-size: 30px; font-weight: normal; }
.clerk-left .clerk-ltitle { height: 34px; line-height: 34px; border-top: 1px dotted #7d7d7d; border-bottom: 1px dotted #7d7d7d; font-size: 16px; color: #1fafb6; }
.clerk-left .clerkname { padding: 10px 0 15px 0; }
.clerk-left .clerkname em { color: #FFFFFF; }
.clerk-left .info-table { margin-bottom: 20px; }
.clerk-left .info-table td { padding: 5px 0; }
.clerk-left .info-table td em { color: #FFFFFF; }

.clerk-right { width: 320px; padding: 0 40px; height: 100%; float: right; position: relative; background: #FFFFFF; overflow: hidden; }
.clerk-right .clerk-right-main { position: absolute; top: 50%; margin-top: -212px; left: 40px; right: 40px; }
.clerk-right .clerk-rtitle { text-align: center; padding-top: 64px; background: url(../images/logo-04.png) top center no-repeat; line-height: 50px; font-size: 30px; }
.clerk-right .loginform { padding: 0; border-top: none; background: none; margin-top: 35px; }
.clerk-right .loginform .txt { background: #FFFFFF; border: 1px solid #e0e0e0; height: 48px; padding-left: 39px; }
.clerk-right .loginform .txt i { width: 34px; background-color: #fff; background-image: url("../images/logicon-sprite-wpos.png"); }
.clerk-right .loginform .txt input { padding-left: 39px; margin-left: -39px; }
.clerk-right .loginform .txt-vcode { padding-left: 10px; }
.clerk-right .loginform .txt-vcode input { padding-left: 10px; margin-left: -10px; }
.clerk-right .txt-user i { background-position: 50% 0; }
.clerk-right .txt-password i { background-position: 50% -48px; }
.clerk-right .error { line-height: 50px; color: #1fafb6; font-size: 14px; }
.clerk-right .loginbtn { float: none; width: auto; }
.clerk-right .loginbtn button { background: #1fafb6; -webkit-border-radius: 0; border-radius: 0; background-clip: border-box; outline: none; }
.clerk-right .loginbtn button:active { -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); }

.clerk-foot { width: 100%; position: absolute; left: 0; bottom: 0; height: 38px; background: #f5f5f5; text-align: center; line-height: 38px; color: #898989; }
.clerk-foot span { padding: 0 12px 0 66px; }

/*# sourceMappingURL=login.css.map */