.loginBox {
    width: 460px;
    height: 300px;
    padding: 10px 20px;
    padding-top: 40px;
    border: 1px solid #fff;
    color: #000;
    margin-top: 40px;
    border-radius: 8px;
    background: white;
    border: 1px solid #cccccc;
    background: -moz-linear-gradient(top, #fff, #efefef 8%);
    font: 11px/1.5em 'Microsoft YaHei';
    margin: 150px auto 100px auto;
}
.loginBox .left { border-right: 1px solid #ccc; height: 100%; padding-right: 30px; width: 240px; float: left; }
.right { display: block; float: left; width: 100%; min-height: 30px; margin-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 165px; }
.right .cut { border-bottom: 0px solid #ccc; height: 70px; margin-top: 10px; }
.loginBox h2 { height: 45px; font-size: 20px; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; }
label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 20px; }
label { display: block; margin-bottom: 5px; }
element.style { }
.loginBox input[type="text"] { border: 1px solid #ccc; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 100%; }
.btn { padding: 4px 20px; text-align: center; text-shadow: 0 1px 1px rgba(255,255,255,0.75); vertical-align: middle; border: 1px solid #bbb; border-radius: 4px; }
.btn-primary {
    color: #fff;
    background-color: #348fff;
}
.code-title, .login-title {
    color: #348fff;
}
.date-tip, .tips {
    color: #ffa735;
}