.middle{width: 100%;height: calc(100% - 170px);background: url(../images/login_midbg.png) no-repeat;position: relative;background-size: cover;background-position: center;}
.middle_login_box{width: 350px;height: 380px;background: #fff;border-radius: 10px;top: 50%;transform: translateY(-50%);right: 15%;box-shadow: 0 0px 8px #4384e7;}
.login_tit{width:70%;height: 40px;margin: 30px auto;font:normal normal 20px/40px "微软雅黑";letter-spacing: 2px;color: #333; color: #3277e0;text-align: center;}
.login_account,.login_password{width:70%;height:40px;margin:0 auto;margin-bottom: 20px;border-radius:3px;border: 1px solid #d2d2d2;}
.login_account{background: url(../images/login_user_icon.png) no-repeat 10px center;}
.login_password{background: url(../images/login_mima_icon.png) no-repeat 10px center;}
.login_account span,.login_password span{float:left;display:inline-block;width: 1px;height: 20px;background: #9a9a9a;margin:10px 5px 10px 50px;}
.login_account input,.login_password input{float:left;border:none;width:180px;height: 30px;background:none;outline: none;margin:5px 0;font-size: 14px;}
.error{width:70%;height:30px;margin:0 auto;font:normal normal 14px/30px "微软雅黑";color: #ff3232;
 overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.login_btn{width:70%;height:40px;background:#629bf2;margin:0 auto;margin-top:50px;border-radius:40px;cursor: pointer;text-align: center;letter-spacing: 3px;}
.login_btn a{font:normal normal 18px/40px "微软雅黑"; color: #fff;}
.login_btn:hover{background:#e86364;}
.login_btn:hover{background: linear-gradient(to bottom,#94e5fe,#63b2fd);}

.footer{width: 100%;height: 100px;background: #fff;}
/*底部footer样式*/
.footer_main{width: 680px;height: 80px;padding:10px 0;box-sizing:content-box;margin:0 auto;overflow: hidden;}
.footer_code{float: left;width:80px;height: 80px;margin-right: 10px;overflow: hidden;}
.footer_text{float: left;height:50px;padding:15px 0;}
.footer_text p{width:100%;font:normal normal 14px/25px "微软雅黑";color:#000;text-align: center;}
.footer_text p span{color:#e35e53;}

@media screen and (max-width:1680px){
}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1366px){
}