@keyframes cc {0% {opacity:0.4;transform:scale(0.1);top:-500px;}
50% {opacity:0.4;transform:scale(0.1) rotateX(90deg);top:-50px;}
100% {opacity:1;transform:scale(1) rotateX(0deg);top:0;}
}
@media only screen and (max-width:500px) {.login {width:95%!important;}
.sr {padding:30px 70px!important;}
}
html,body {height:100%;width:100%;background:url(https://image.ljclz.cn/img/cashier/bg.jpg) no-repeat center center;background-size:1920px 1000px;perspective:500px;}
* {font-family: 微软雅黑,Verdana, Geneva, sans-serif;}
.login {width:460px;position:relative;top:0;margin:12% auto;border-radius:10px;color:#fff;animation:cc 4s ease-in-out;border: 1px #eee solid;background-color:#333;opacity:.8;}
.login header {padding:30px 10px 0px;}
.login header h1 {margin:0;padding:0;text-align:center;font-size:25px;line-height:40px;}
.sr {padding:20px 90px 20px;}
.gov {padding:10px 25px 30px}
.gov a {color:#fff;}
.pb25 {padding-bottom: 25px;}
.pb25 img {border-radius:50%;border:1px #ffffff solid; background:white}  
.name {position:relative;margin-bottom:30px;clear:both;border:1px solid #00a800;width:100%;height:40px;}
.name label {position:absolute;color:#00a800;top:10px;left:10px;}
.name_inp {padding-left:34px;height:38px;line-height:38px;line-height:36px\9;border:none;background-color:#fff;width:100%;outline:none;color:#333;}
.dl {width:180px;height:40px;background:#05c879;line-height:40px;display:block;margin:0 auto;color:#fff;border:0;font-size:18px;}