* { font-size: 9pt; border: 0; margin: 0; padding: 0; }

body { font-family: Arial,微软雅黑; margin: 0 auto; background-color: #1c77ac; background-image: url(../images/light.png); background-repeat: no-repeat; background-position: center top; overflow: hidden; }

ul { display: block; margin: 0; padding: 0; list-style: none; }

li { display: block; margin: 0; padding: 0; list-style: none; }

img { border: 0; }

dl, dt, dd, span { margin: 0; padding: 0; display: block; }

a, a:focus { text-decoration: none; color: #000; outline: none; blr: expression(this.onFocus=this.blur()); }

a:hover { color: #00a4ac; text-decoration: none; }

table { border-collapse: collapse; border-spacing: 0; }

cite { font-style: normal; }

h2 { font-weight: normal; }

/*cloud*/

#mainBody { width: 100%; height: 100%; position: absolute; z-index: -1; }

.cloud { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../images/cloud.png) no-repeat; z-index: 1; opacity: 0.5; }

#cloud2 { z-index: 2; }


/*login*/
.logintop { height: 47px; position: absolute; top: 0; background: url(../images/loginbg1.png) repeat-x; z-index: 100; width: 100%; }

.logintop span { color: #fff; line-height: 47px; /*background: url(../images/loginsj.png) no-repeat 21px 18px;*/ text-indent: 44px; color: #afc5d2; float: left; }

.logintop ul { float: right; padding-right: 30px; }

.logintop ul li { float: left; margin-left: 20px; line-height: 47px; }

.logintop ul li a { color: #afc5d2; }

.logintop ul li a:hover { color: #fff; }

.loginbody { background: url(../images/loginbg3.png) no-repeat center center; width: 100%; height: 585px; overflow: hidden; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

.systemlogo { background: url(../images/loginlogo.png) no-repeat center; width: 100%; height: 100px; }

.logotxt { font-size: 42px; color: white; text-align:center; }

.loginbox { width: 692px; height: 336px; background: url(../images/logininfo.png) no-repeat; margin: auto; position: absolute; top: 0px; left: 0; bottom: 0; right: 0; }

.loginbox .title { position: relative; top: 34px; left: 285px; }
.loginbox .title span { display: inline-block; }
.loginbox .title .zh { color: #b7883e; font-size: 22px; }

.loginbox .title .en { color: #c3c5c6; font-size: 16px; padding-left: 2px; }

.loginbox .layui-form { width: 400px; position: relative; left: 230px; top: 58px; }

#VerifyCode { display: inline-block; position: absolute; top: 0; left: -30px; height: 36px; }

.loginbtn { width: 111px; height: 35px; background: url(../images/buttonbg.png) repeat-x; font-size: 14px; font-weight: bold; color: #fff; cursor: pointer; line-height: 35px; }

.loginbm { height: 50px; line-height: 50px; text-align: center; background: url(../images/loginbg2.png) repeat-x; position: absolute; bottom: 0; width: 100%; color: #fff; }

.loginbm a { font-weight: bold; color: #fff; }

.loginbm a:hover { color: #0b3a58; }



.layui-form-item .layui-form-checkbox[lay-skin="primary"] { margin-top: 0px; margin-left: 35px; }
.layui-form-checkbox:hover i { border-color: #3c95c8; }
.layui-form-checked[lay-skin="primary"] i { background-color: #3c95c8; border-color: #3c95c8; color: #fff; }

.find-password { font-size: 14px; color: #666; position: relative; top: 3px; }





.layui-form .has-warning { position: relative; }

.layui-form .has-warning .layui-input,
.layui-form .has-warning .layui-form-select { border: 1px solid #FF5722 !important; color: #FF5722 !important; }

.layui-form .has-success .layui-input,
.layui-form .has-success .layui-form-select { border: 1px solid #5FB878 !important; color: #5FB878 !important; }

.jq-error { line-height: 36px; color: #FF5722 !important; position: absolute; right: 5px; top: 0; }

.error { line-height: 36px; color: #FF5722 !important; display: inline-block; padding: 0 5px; }