body { background: white; }

.banner { height: 600px; position: relative; background: #2760f1; background: -webkit-gradient(linear, left top, left bottom, from(#255df1), to(#41bbfc)); background: -webkit-linear-gradient(#255df1, #41bbfc); background: linear-gradient(#255df1, #41bbfc); text-align: right; }
.banner .container { height: 100%; }
.banner .container:after { width: 0; height: 100%; content: ""; display: inline-block; vertical-align: middle; }
.banner .img { font-size: 0; text-align: center; display: inline-block; vertical-align: middle; margin-right: 100px; }
.banner .img .des { font-size: 26px; color: white; line-height: 1; }
.banner .img img { height: 244px; margin-top: 48px; }

.login { width: 400px; background: white; border-radius: 5px; padding: 0 25px 23px; display: inline-block; vertical-align: middle; text-align: left; }
.login .title { padding: 15px 0; border-bottom: 1px solid whitesmoke; font-size: 0; letter-spacing: 0; margin-bottom: 37px; }
.login .title li { display: inline-block; vertical-align: top; height: 30px; line-height: 30px; width: 30%; font-size: 18px; text-align: center; position: relative; }
.login .title li + li a { border-left: 1px solid whitesmoke; }
.login .title li a { color: #757575; display: block; height: 30px; line-height: 30px; }
.login .title li a:hover { color: #3796f7; }
.login .title li.curr:after { width: 100%; height: 2px; left: 0; bottom: -16px; content: ""; background: #3796f7; position: absolute; }
.login .title li.curr a { color: #3796f7; }
.login .error { background: #feeeeb url(../images/login/error.png) no-repeat 12px center; border: 1px solid #ff2818; border-radius: 2px; line-height: 1; padding-left: 35px; font-size: 14px; color: #ff2818; height: 38px; line-height: 38px; margin-bottom: 5px; position: relative; top: -15px; }
.login .error.hide { display: none; }
.login .input { height: 38px; border: 1px solid #eeeeee; background: whitesmoke; padding-left: 34px; position: relative; border-radius: 3px; }
.login .input + .input { margin-top: 19px; }
.login .input:before { position: absolute; z-index: 2; content: ""; background-position: 0 center; background-repeat: no-repeat; top: 11px; left: 12px; }
.login .input input { border: none; width: 100%; height: 38px; line-height: 38px; background: none; font-size: 14px; outline: none; }
.login .input.focus { background: white; }
.login .input.user:before { width: 15px; height: 16px; background-image: url(../images/login/user1.png); }
.login .input.psw:before { width: 15px; height: 17px; left: 11px; background-image: url(../images/login/psw1.png); }
.login .input.code { margin-right: 80px; }
.login .input.code:before { width: 9px; height: 16px; left: 14px; background-image: url(../images/login/code1.png); }
.login .input.code .code { position: absolute; left: 100%; width: 80px; top: 0; height: 100%; margin-left: 2px; text-align: center; cursor: pointer; }
.login .input.code .code img { height: 100%; }
.login .btn { margin-top: 30px; }
.login .btn input { width: 100%; height: 36px; border: none; background: #3796f7; color: white; font-size: 14px; border-radius: 2px; outline: none; }
.login .links { line-height: 1; margin-top: 20px; font-size: 12px; }
.login .links a:hover { text-decoration: underline; }
.login .links a.left { color: #bdbdbd; }
.login .links a.right { color: #3796f7; }


.sendcode-alert { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; background: rgba(0, 0, 0, 0.7); text-align: center; }
.sendcode-alert:after { display: inline-block; content: ""; height: 100%; vertical-align: middle; }
.sendcode-alert .box { display: inline-block; vertical-align: middle; background: white; width: 580px; padding-bottom: 50px; }
.sendcode-alert .box .tit { height: 50px; line-height: 50px; font-size: 16px; background: #3ccec5; color: white; margin-bottom: 50px; }
.sendcode-alert .box .input { width: 300px; margin: 0 auto; position: relative; }
.sendcode-alert .box .input + .input { margin-top: 20px; }
.sendcode-alert .box .input input { width: 300px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 40px; line-height: 40px; border: 1px solid #d2dede; text-indent: 20px; font-size: 14px; }
.sendcode-alert .box .input .eye { position: absolute; width: 40px; height: 16px; background: url(../images/eye.png) no-repeat 0 bottom; top: 12px; right: 0; z-index: 2; cursor: pointer; }
.sendcode-alert .box .input .eye.no { background-position: 0 0; }
.sendcode-alert .box .btns { width: 300px; margin: 19px auto 0; }
.sendcode-alert .box .btns input { width: 140px; height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; cursor: pointer; }
.sendcode-alert .box .btns input.submit { background: #3ccec5; border: 1px solid #3ccec5; color: white; float: left; }
.sendcode-alert .box .btns input.close { border: 1px solid #98a0a2; background: white; color: #566f77; float: right; }
.sendcode-alert .box .input a{display: inline-block; width: 133px; height: 38px; line-height: 38px; background: #d9d9d9; font-size: 16px; color: white; text-align: center; border: 1px solid #d9d9d9; margin-left: 20px;}
.sendcode-alert .box .input a.ok{background: #3f7ce0; cursor: pointer;}
.sendcode-alert .box .notice { margin-bottom: 18px; font-size: 18px; color: #333333; margin: 18px 0 18px 6px; }

.security-notice {margin-bottom: 15px;margin-top:5px;}
.security-notice ol {text-align: left;margin-left: 20px;}
.security-notice ul {text-align: left;margin-left: 20px;}

.alert-xuzhi-box { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 10000; background: rgba(0, 0, 0, 0.7); }
.alert-xuzhi-box .box { width: 850px; top: 10%; left: 40%; margin-left: -250px; background: #dde2f1; position: absolute; border-radius: 5px; -webkit-border-radius: 5px; }
.alert-xuzhi-box .box .close { position: absolute; width: 50px; height: 50px; top: 0; right: 0; background: url(../images/close.png) no-repeat center center; z-index: 2; cursor: pointer; }
.alert-xuzhi-box .box .title { padding: 15px 0 13px 16px; height: 20px; line-height: 20px; font-size: 16px; color: #4e7eff; position: relative; border-bottom: 1px solid #eceff1; }
.alert-xuzhi-box .box.title .more { float: right; font-size: 14px; color: #78909c; margin-right: 20px; }
.alert-xuzhi-box .box.title .more:hover { text-decoration: underline; }
.alert-xuzhi-box .box.title:before { content: ""; width: 6px; height: 20px; background: #4e7eff; left: 0; top: 15px; position: absolute; }
.alert-xuzhi-box .box.title .time { float: right; font-size: 14px; color: #666666; margin-right: 20px; }
.alert-xuzhi-box .box .textarea { margin: 10px 28px; }
.alert-xuzhi-box .box .textarea textarea { height: 90px; resize: none; border: 1px solid #4e7eff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border-radius: 3px; padding: 5px 10px; }

.alert-btns { text-align: center; margin: 20px 0 20px; }
.alert-btns input { font-size: 16px; color: white; background: #4e7eff; border: none; height: 32px; display: inline-block; vertical-align: middle; padding: 0 20px; border-radius: 3px; cursor: pointer; }
.alert-btns input + input { margin-left: 20px; }