@charset "utf-8";
::-webkit-input-placeholder {
    color: #999;
}
::-moz-placeholder {
  color: #999;
}
:-ms-input-placeholder {
  color: #999;
}
.login-main {width: 29.17vw;min-width: 400px;margin: auto !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background: rgba(255, 255, 255, 0.6); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow:0 0 30px rgb(0 0 0 / 10%);overflow: hidden;position: fixed;left: 13.02vw;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);border-radius: 10px;}
.login-main .layui-elip{height: 130px; background-color: #00AF66;font-size: 40px; font-stretch: normal; letter-spacing: 0; color: #fff; line-height: 130px; text-align: center; overflow: hidden; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); background-size: cover;text-shadow: 0px 2px 10px rgba(0, 122, 71, 1);font-weight: 700;margin-bottom: 30px !important;}
.login-main .layui-elip span.version {font-size: 12px; }
.login-main .layui-elip .bg1 {display: inline-block; width: 74px; height: 74px; background: #fff; opacity: .1; border-radius: 0 74px 0 0; position: absolute; left: 0; top: 43px; }
.login-main .layui-elip .bg2 {display: inline-block; width: 94px; height: 94px; background: #fff; opacity: .1; border-radius: 50%; position: absolute; right: -16px; top: -16px; }
.login-main .layui-form-item{padding:0 20px 20px;}
.login-main form .layui-input-inline,
.login-main form .layui-input-inline button {width: 100%; }
.login-main form .verify-box input {display: inline-block; width: 60%; }
.login-main .layui-elip, .login-main form .layui-input-inline {margin-bottom: 20px; }
.login-main form .layui-input-inline:last-child{margin-bottom: 0;}
.login-main form .layui-input-inline.verify-box {margin-bottom: 5px; }
.login-main form .verify-box img {display: inline-block; margin-left: 2%; width: 36%; height: 38px; }
.login-main .layui-form-item .layui-input {padding-left: 38px; }
.login-main .layui-icon{position: absolute; left: 1px; top: 1px; width: 38px; line-height: 36px; text-align: center; color: #999; }
.login-main form .layui-input-inline button{background-color: #00AF66;height: 54px;font-size: 20px;font-weight: 700;}
.login-main .layui-form-checked[lay-skin=primary] i {border-color: #00AF66!important; background-color: #00AF66; color: #fff; width: 14px; height: 14px; line-height: 14px; }

.login-main  .layui-form-checkbox[lay-skin=primary] i {width: 14px; height: 14px; line-height: 14px; }
.login-main .layui-form-checked[lay-skin=primary] i::before{color: #fff;}
.login-main .layui-form-checkbox[lay-skin=primary]:hover i {border-color: #00AF66; color: #fff; }
@media screen and (max-width: 450px) {
    .login-main {width: 300px; margin: -150px 0 0 -150px; }
	.login-main .layui-elip {height: 90px; line-height: 90px; }
    .login-main .layui-form-item .layui-input-inline {margin: 0 0 10px 0px; }
    .login-main .layui-elip {font-size: 20px; }
}