@charset "utf-8";
::-webkit-input-placeholder {
    color: #fff;
}
::-moz-placeholder {
  color: #fff;
}
:-ms-input-placeholder {
  color: #fff;
}
#mydiv{width: 400px;position: absolute; left: 50%; top: 50%; margin: -300px 0 0 -240px; }
#mydiv p{ line-height: 60px; text-align: center; color: #fff;}
#mydiv p a{ color: #fff;}
.login-main {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.login-main .layui-elip{height: 117px; background-color: rgba(95,136,240,0.8);font-size: 30px; font-weight: 400; font-stretch: normal; letter-spacing: 0; color: #fff; line-height: 117px; text-align: center; overflow: hidden; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
.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-top:20px; margin: 0;}
.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 form input,.login-main form .layui-btn{ height: 48px;}

.login-main .layui-elip, .login-main form .layui-input-inline {margin-bottom: 15px; }
.login-main form .layui-input-inline.verify-box {margin-bottom: 5px; }
.login-main form .verify-box img {display:block; margin-left: 2%; width: 36%; height: 46px; float: right; border-radius: 2px; }
.login-main .layui-form-item .layui-input {padding-left: 38px; border: 0; background: rgba(0,0,0,0.3); color: #fff; }
.login-main .layui-icon{position: absolute; left: 1px; top: 1px; width: 38px; line-height: 46px; text-align: center; color: #fff; }
.login-main .layui-form-checked[lay-skin=primary] i {border-color: #5f88f0!important; background-color: #5f88f0; 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-checkbox[lay-skin=primary]:hover i {border-color: #5f88f0; 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; }
    .login-main{ margin: 0; margin-left: 50px;}
}
.layui-form-checkbox[lay-skin="primary"] span{ color: #fff;}<!--ºÄʱ1786035106.7398Ãë-->