body{ font-size: 14px; font-family: "Microsoft YaHei", sans-serif; color: #333; margin: 0;}
a{ color: #333; text-decoration: none;}
a:hover{ text-decoration: none;}
ul,ol{ list-style: none;}
input,select{ border: 1px solid #c9c9c9; outline: none; border-radius: 4px; height: 35px;}

/******************登录头部******************************/

#login-header{ width: 100%; height: 300px; background-color: #0896ba; text-align: center;}
#login-header:before{ content: "."; height: 100%; display: inline-block; vertical-align: middle; visibility: hidden;}
.login-logo{ display: inline-block; vertical-align: middle;}
.login-logo img{ width: 200px;}
.login-companyname{ font-size: 35px; font-weight: bold; color: #fff; padding-top: 10px;}

/******************登录表单******************************/

#login-form{ width: 100%; text-align: center; height: 450px;}
#login-form:before{ content: "."; height: 100%; display: inline-block; vertical-align: middle; visibility: hidden;}
.form{ display: inline-block; vertical-align: middle; width: 450px; padding-bottom: 30px; background: rgba(0, 0, 0, 0.45);}
.first{ margin-top: 40px;}
.login-account{ padding: 15px; color: #fff;}
.login-input{ padding: 6px 5px; width: 240px;}
.tips{ text-align: left; margin-left: 140px; color: #fff}
.login-verify{ padding: 6px 5px; width: 140px;}
.login-button{ width: 310px; background-color: #0896ba; border: 0; color: #fff; margin-top: 20px;}
.login-account *{ display: inline-block; vertical-align: middle;}

/******************登录底部******************************/

#login-footer{ width: 100%; text-align: center; margin-top: 40px;}