.layui-block{ width:100% !important;}
.icons li,.icons li:hover,.login .seraph,.login .seraph:hover,.login .layui-form-item.layui-input-focus label,.login .layui-form-item label,.login .layui-form-item.layui-input-focus input,.login .layui-form-item input{transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.icons li:hover i,.icons li i{transition: font-size 0.3s ease-in-out;-webkit-transition: font-size 0.3s ease-in-out;}
.login .layui-input-focus .layui-input::-webkit-input-placeholder{transition: color 0.2s linear 0.2s;-webkit-transition: color 0.2s linear 0.2s;}
.login .layui-input-focus .layui-input::-moz-placeholder{transition: color 0.2s linear 0.2s;}
.login .layui-input-focus .layui-input:-ms-input-placeholder{transition: color 0.2s linear 0.2s;}
.login .layui-input-focus .layui-input::placeholder{transition: color 0.2s linear 0.2s;-webkit-transition: color 0.2s linear 0.2s;}

.loginHtml,.login{ height:100%;}
.login{ background:url() no-repeat center center;}
.login form.layui-form{ padding:0 20px; width:350px; height:300px; position:absolute; left:50%; top:50%; margin:-150px 0 0 -150px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; background:#fff;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:0 0 50px #009688;}
.login_face{ margin:-55px auto 20px; width:100px; height:100px; }
.login_face img{ width:100%;}
.login .layui-form-item{ position:relative;}
.login .layui-form-item label{ position:absolute; color:#757575; left:10px; top:9px; line-height:20px; background:#fff; padding:0 5px; font-size:14px; cursor:text;}
.login .layui-form-item.layui-input-focus label{ top:-10px; font-size:12px; color:#ff6700;}
.login .layui-form-item.layui-input-active label{ top:-10px; font-size:12px;}
.login .layui-input::-webkit-input-placeholder{color:#fff;}
.login .layui-input::-moz-placeholder{color:#fff;}
.login .layui-input:-ms-input-placeholder{color:#fff;}
.login .layui-input::placeholder{color:#fff;}
.login .layui-form-item.layui-input-focus input{ border-color:#ff6700 !important;}
.login .layui-input-focus .layui-input::-webkit-input-placeholder{color:#757575;}
.login .layui-input-focus .layui-input::-moz-placeholder{color:#757575;}
.login .layui-input-focus .layui-input:-ms-input-placeholder{color:#757575;}
.login .layui-input-focus .layui-input::placeholder{color:#757575;}
.login .seraph{ font-size:30px; text-align:center;}
.login .seraph.icon-qq:hover{ color:#0288d1;}
.login .seraph.icon-wechat:hover{ color:#00d20d;}
.login .seraph.icon-sina:hover{ color:#d32f2f;}
.imgCode{ position:relative;}
#imgCode img{ position:absolute; top:1px; right:1px; cursor:pointer;}