*{margin: 0;padding: 0;}
html,body{width: 100%;height: 100%;}
ul,ol,li{list-style: none;}

#login-wrap{background-color: #43a9d9;width: 100%;height: 100%;text-align: center;background: url(../images/bg.jpg) center no-repeat;background-size: cover;}
#login-wrap .login-box{margin: auto;display: inline-block;position: relative;top: 50%;margin-top: -218px;}
#login-wrap .login-box .title{font-size: 50px;color: #fff;margin-bottom: 30px;font-weight: normal;}
#login-wrap .login-box .login-block{width: 320px;background-color: #fff;padding: 0 40px;border-radius: 6px;box-shadow: 0 0 10px #555;}

#login-wrap .login-box .login-block .nav{width: 100%;line-height: 50px;overflow: hidden;padding-top: 10px;}
#login-wrap .login-box .login-block .nav li{display: block;font-size: 24px;opacity: .7;position: relative;cursor: pointer;color: #333;padding-bottom: 5px;}
#login-wrap .login-box .login-block .info-wrap{padding-bottom: 60px;}
#login-wrap .login-box .login-block .info-wrap li{display: none;}
#login-wrap .login-box .login-block .info-wrap li.on{display: block;}
#login-wrap .login-box .login-block .info-wrap li input{height: 44px;border: 1px solid #ddd;width: 288px;padding: 0 15px;margin: 10px 0;font-size: 14px;line-height: 1.2;}
#login-wrap .login-box .login-block .info-wrap li .btn{display: block;background-color: #43A9D9;color: #fff;height: 48px;border: none;width: 100%;margin-top: 15px;font-size: 16px;outline: medium;cursor: pointer;}