.login-box{width:426px;padding:40px 0}.login .logo{margin:0 auto;background:url(../images/logo.png) no-repeat;width:150px;height:60px}.login .box-panel{width:296px;padding-top:10px;font-size:16px;color:#222;margin:0 auto}.login .box-panel-title{text-align:center;color:#0dab29}.login .box-panel-body{margin-top:50px}.login .text{padding-left:20px;width:296px;height:48px;border:1px solid #e8e8e8;background:#f8f8f8}.login .text::-webkit-input-placeholder{font-size:16px;color:#888}.login .pwd{margin:26px 0 30px 0}.login input.submit{width:296px;font-size:20px;border:none;color:#fff;border-radius:4px;-webkit-box-shadow:#ccc 0 0 5px;box-shadow:#ccc 0 0 5px;background:#0dab29;cursor:pointer}.login input.submit{padding:6px 20px}.login .box-panel-footer{padding-top:20px;position:relative}.login .forget-pwd{position:absolute;left:0}.login .register{position:absolute;right:0;color:#0dab29}.login .third-log{margin-top:40px;margin-bottom:30px;text-align:center}.login .icon-items{overflow:hidden}.login .icon-items li{width:30px;height:30px;margin-left:15px;float:left}.login .icon-items li:hover{cursor:pointer}.login .icon-items li:first-child{margin-left:30%}.login .text{-moz-opacity:.8;opacity:.8}.text:focus{border:1px solid #31b6e7;background-color:#fff;-webkit-box-shadow:#ccc 0 0 5px;box-shadow:#0178a4 0 0 5px}.text:hover{background-color:#fff}