body{min-width: 500px;min-height:550px;font-family: "Helvetica Neue", Helvetica, "PingFang SC", 微软雅黑, Tahoma, Arial, sans-serif}
.loginBox{z-index:40;padding:20px;width:400px;left:50%;top:50%;margin-left:-200px;margin-top:-220px;background: rgba(0,0,0,.2);border-radius: 5px;}
.loginBody{background: linear-gradient(30deg, #02B2C9 0%, #73D860 100%);
   background: -webkit-linear-gradient(30deg, #02B2C9 0%, #73D860 100%);background: #02B2C9\9;
   position:fixed;left:0;right:0;top:0;bottom: 0;}
.loginForm{width:300px;margin:0 auto 0;background:#fff;padding:30px;border-radius: 2px;}
.loginForm .inputS1:focus{box-shadow: 0 0 10px 1px #41CE80;opacity: .5;border:0;border:1px solid #41CE80!important;}
.loginForm .inputS1{width:100%;border:1px solid #41CE80;margin-bottom: 20px;border-radius: 3px;height: 38px; line-height: 1.3; line-height: 34px\9;}
.loginForm .subS1{width:100%;background: #41CE80;border:0;height:40px;line-height: 40px;font-size:18px;color:#fff}
.loginForm .subS1:hover{box-shadow: 0 0 10px 1px #41CE80;opacity: .5;}
.forgetNum,.reg{color:#41CE80}
.forgetNum:hover{color:#666}
.loginBG{z-index: 1;left:0;right:0;bottom: -20px;}
.loginBG ul{top:0;left:0;right:0;bottom:0;}
.loginBG li{width:200%;left:0;top:0;transform: translateX(-50%);}
.loginBG li:nth-child(1){animation: water 10s linear infinite;}
.loginBG li:nth-child(2){animation: water 16s linear infinite;}
.loginBG li:nth-child(3){animation: water 15s linear infinite;}
@keyframes water{
	from{transform: translateX(-50%);}
	to{transform: translateX(0%);}
}