html{ height: 100%; }
.login-admin{ position: absolute; width: 440px; height: 450px; left: 50%; top: 50%; 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;}
.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{
    width: 950px;
    height: 400px;
    margin-top: 220px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    position: relative;
    overflow: hidden;
}
.login-member-box {
    width: 400px;
    height: 400px;
    overflow: hidden;
    float: right;
    background: #fff;
}
.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;}

@media (max-width: 961px) {
    .login-banner{display: none}
    .login-admin{width: 400px}
}
@media (max-width: 769px) {
    .login-admin{
        margin-top: 150px;
    }
}
.version{
    background: #359afb;
    color: #fff;
    width: 126px;
    padding: 5px;
    position: absolute;
    text-align: center;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg); 	/* IE 9 */
    -moz-transform:rotate(45deg); 	/* Firefox */
    -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
    -o-transform:rotate(45deg); 	/* Opera */
    font-size: 14px;
    right: -38px;
    top: 8px;
}