* { padding: 0; margin: 0; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; }

img { border: none; }

a { text-decoration: none; color: #666666; }
a:hover { text-decoration: none; }

html, body{height: 100%;}
body { font-size: 14px; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft Yahei", Arial, Verdana, sans-serif; color: #333333; background: white; }

input, select, textarea { font-size: 14px; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft Yahei", Arial, Verdana, sans-serif; outline: none; color: #333333; outline: none; }

.container { width: 1280px; position: relative; margin: 0 auto; }

.main, .main >.container{height: 100%; position: relative;}

.logo { margin-top: 14px; height: 50px; position: absolute; top: 25px; }
.logo .img { float: left; height: 100%; }
.logo .img { font-size: 0; }
.logo .img img { height: 100%; }
.logo .img.tip{height: auto; margin-left: 10px;}

.main { background-position: center center; -webkit-background-size: auto 100%; background-size: auto 100%; background-repeat: no-repeat; }
.main .box { width: 294px; background: white; position: absolute; right: 0; padding: 0 53px; top: 50%; height: 415px; margin-top: -257px; }
.main .box.has-error .tit { margin-bottom: 10px; }
.main .box.has-error .error { display: block; padding: 13px 13px 13px 40px; font-size: 12px; color: #333333; background: #ffe6e5; border: 1px solid #d46f16; border-radius: 3px; margin-bottom: 10px; position: relative; }
.main .box.has-error .error:before { content: ""; background: #f65939; border-radius: 50%; width: 16px; height: 16px; display: inline-block; vertical-align: middle; position: absolute; top: 50%; margin-top: -8px; left: 13px; }
.main .box.has-error .error:after { content: ""; width: 8px; height: 2px; background: white; left: 17px; top: 50%; margin-top: -1px; position: absolute; display: block; }
.main .box .tit { font-size: 18px; color: #333333; text-align: center; height: 24px; line-height: 24px; padding: 24px 0 15px; border-bottom: 1px solid #e3e3e3; margin-bottom: 30px; }
.main .box .error { display: none; }
.main .box .input { margin-bottom: 12px; }
.main .box .input input { height: 42px; border-radius: 3px; border: 1px solid #e1e1e1; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
.main .box .input.code { position: relative; }
.main .box .input.code input { width: 196px; }
.main .box .input.code a { position: absolute; z-index: 2; height: 36px; top: 3px; right: 0; }
.main .box .input.code a img { height: 100%; }
.main .box .logincode { line-height: 1; color: #333333; font-size: 0; line-height: 1; }
.main .box .logincode input, .main .box .logincode label { font-size: 12px; display: inline-block; vertical-align: middle; cursor: pointer; }
.main .box .logincode input { width: 12px; height: 12px; }
.main .box .logincode label { padding-left: 5px; -moz-user-select: none; }
.main .box .btn { margin-top: 19px; }
.main .box .btn input { height: 42px; width: 100%; border: none; background: #3582f8; border-radius: 3px; font-size: 15px; color: white; cursor: pointer; }
.main .box .btn input:disabled { background: #f4f4f4; color: #999999; cursor: no-drop; }

.footer { font-size: 12px; color: #666666; text-align: center; position: absolute; left: 0; bottom: 0; right: 0; background: #fff; padding: 20px; }