html{ height: 100%; }
.login-admin{ position: absolute; width: 440px; height: 450px; left: 50%; top: 40%; margin-top: -220px; margin-left: -220px; border: #98b0c2 solid 1px; border-radius: 10px;}
.login-admin-box{ width: 400px; height: 410px; margin: 0 auto; margin-top: 20px; background: rgba(255,255,255,.1); border-radius: 10px; overflow: hidden;}
.login-admin-title{ height: 35px; margin-top: 30px; margin-bottom: 10px; text-align: center; font-size: 28px; color: #fff; font-weight: normal; overflow: hidden;}
.login-admin-label{ display: block; text-align: center; font-size: 16px; color: #fff; font-style: normal; }
.login-admin-form{ width: 320px; margin: 0 auto; margin-top: 20px;}
.login-admin-form>span{ display: block; margin-bottom: 18px; width: 100%; height: 40px; text-align: right; border-radius: 3px; }
.login-admin-form>span>input{ width: 270px; height: 38px; border: none; border-radius: 3px;padding: 0 5px;outline: unset}
.login-admin-form>label{ font-size: 14px; line-height: 20px; color: #fff;}
.login-admin-form>label>input{ width: 16px; height: 16px; vertical-align: bottom; }
.login-admin-form>span:nth-of-type(1){ background: url("../img/login-icon1.png") no-repeat #fff 15px 8px/22px 22px;}
.login-admin-form>span:nth-of-type(2){ background: url("../img/login-icon2.png") no-repeat #fff 15px 8px/22px 22px;}
.login-admin-form>span:nth-of-type(3){ position: relative; background: url("../img/login-icon3.png") no-repeat #fff 15px 8px/22px 22px;}
.login-admin-form>button{ margin: 20px 0 40px 0; width: 320px; height: 48px; line-height: 48px; color: #fff; background: #18bc9c; border: none; border-radius: 3px; font-size: 18px; cursor: pointer;}
.login-admin-form>button:hover{ background: #128f76;}
.getcode{ width: 120px; height: 40px; position: absolute; left: 200px; background: #eee;}

.login-member{ position: absolute; width: 440px; height: 400px; left: 50%; top: 50%; margin-top: -220px; margin-left: -220px; border: #98b0c2 solid 1px; border-radius: 10px;}
.login-member-box{ width: 400px; height: 360px; margin: 0 auto; margin-top: 20px; background: rgba(255,255,255,1); border-radius: 10px; overflow: hidden;}
.login-member-title{ height: 35px; margin-top: 30px; margin-bottom: 10px; text-align: center; font-size: 28px; color: #222; font-weight: normal; overflow: hidden;}
.login-member-label{ display: block; text-align: center; font-size: 16px; color: #222; font-style: normal; }
.login-member-form{ width: 320px; margin: 0 auto; margin-top: 20px;}
.login-member-form>span{ display: block; margin-bottom: 18px; width: 100%; height: 40px; text-align: right; border-radius: 3px; border-bottom: #eaeaea solid 1px; }
.login-member-form>span>input{ width: 285px; height: 38px; border: none; border-radius: 3px;}
.login-member-form>span>label{ float: left; font-size: 14px; line-height: 20px; color: #222;}
.login-member-form>span>label>input{ width: 16px; height: 16px; vertical-align: bottom; }
.login-member-form>span>a{ float: right; font-size: 14px; text-decoration: none; color: #00baff; }
.login-member-form>span:nth-of-type(1){ background: url("../img/login-icon1.png") no-repeat #fff 0px 7px/22px 22px;}
.login-member-form>span:nth-of-type(2){ background: url("../img/login-icon2.png") no-repeat #fff 0px 7px/22px 22px;}
.login-member-form>span:nth-of-type(3){ border-bottom: none; margin-bottom: 0; }
.login-member-form>button{ margin: 0 0 40px 0; width: 320px; height: 48px; line-height: 48px; color: #fff; background: #00baff; border: none; border-radius: 3px; font-size: 18px; cursor: pointer;}
.login-member-form>button:hover{ background: #009ed8;}