/* CSS Document */
/* reset.css V1.6  Start*/
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td { font-weight: normal; margin: 0; padding: 0; }

body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, i { font: normal 12px "Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

ul, ol, li { list-style: none; }

a { text-decoration: none; color: #333; }

a:hover { text-decoration: none; }

img { vertical-align: top; border: 0; }

button, input, select, textarea { font-size: 100%; vertical-align: middle; outline: none; -webkit-appearance: none; }

table { border-spacing: 0; border-collapse: collapse; }

div, a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

.clear:after { font-size: 0; display: block; visibility: hidden; clear: both; height: 0; content: ' '; }

.clear { *zoom: 1; }

.clearboth { clear: both; }

.wp { width: 1000px; margin: 0 auto; }

.checkBrowser { font-size: 14px; line-height: 40px; position: fixed; z-index: 99999; top: 0; left: 50%; width: 700px; height: 40px; margin-left: -360px; padding: 0 10px; color: #fff; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color: #e6212a; }
.checkBrowser a { font-size: 16px; line-height: 20px; position: absolute; top: 10px; right: 5px; display: block; width: 20px; height: 20px; cursor: pointer; text-align: center; color: #333; border-radius: 50%; background-color: #fff; }

/* reset.css V1.6  End */
.loginBg { background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(../images/bg.jpg); }

.con { position: absolute; width: 590px; left: 50%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-left: -295px; }

.logo { display: block; width: 278px; height: 58px; margin: 0 auto 60px; }

.loginBox { width: 590px; height: 520px; background: url("../images/loginbg.png") center center no-repeat; overflow: hidden; }

.inputBox { width: 350px; margin: 90px auto; }

.longInput { border-radius: 5px; padding: 18px 20px; background-color: #fff; border: 1px solid transparent; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; box-sizing: border-box; margin-bottom: 20px; }
.longInput.shadow { border-color: #bad3e5; box-shadow: 0 0 10px rgba(60, 198, 255, 0.4); }
.longInput .icon { float: left; width: 36px; height: 24px; border-right: 1px solid #e4eaef; background-position: left center; background-repeat: no-repeat; }
.longInput .username { background-image: url(../images/icon1.png); }
.longInput .password { background-image: url(../images/icon2.png); }
.longInput .input { margin-left: 37px; padding-left: 10px; }
.longInput .input input { border: none; font-size: 15px; color: #616e79; width: 100%; background: none; height: 24px; line-height: 24px; width: 100%; padding: 0; margin: 0; -webkit-appearance: none; }

.shortInputBox { border-radius: 5px; padding: 18px 20px; background-color: #fff; border: 1px solid transparent; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; box-sizing: border-box; width: 200px; float: left; }
.shortInputBox.shadow { border-color: #bad3e5; box-shadow: 0 0 10px rgba(60, 198, 255, 0.4); }
.shortInputBox .icon { float: left; width: 36px; height: 24px; border-right: 1px solid #e4eaef; background-position: left center; background-repeat: no-repeat; }
.shortInputBox .code { background-image: url(../images/icon3.png); }
.shortInputBox .input { margin-left: 37px; padding-left: 10px; }
.shortInputBox .input input { border: none; font-size: 15px; color: #616e79; width: 100%; background: none; height: 24px; line-height: 24px; width: 100%; padding: 0; margin: 0; -webkit-appearance: none; }

.shortInput { margin-bottom: 20px; }

.codeBox { float: right; width: 140px; border-radius: 5px; background-color: #fff; height: 62px; text-align: center; cursor: pointer; }
.codeBox img{ width:124px; height: 43px; margin-top: 10px;}
.btnBox .btn { display: block; -webkit-appearance: none; width: 100%; height: 62px; text-align: center; line-height: 62px; background: #1490f2 url("../images/icon4.png") center bottom no-repeat; cursor: pointer; border: none; border-radius: 5px; color: #fff; font-size: 17px; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; transition: 0.2s ease all; box-shadow: 0 15px 30px rgba(0, 114, 254, 0.4); }
.btnBox .btn:hover { background-color: #2c9bf3; }

.tipBox { margin: 90px auto 0; width: 350px; }
.tipBox .icon { display: block; margin: 0 auto 25px; }
.tipBox .tip { margin-bottom: 15px; text-align: center; }
.tipBox .tip dt { position: relative; font-size: 16px; font-weight: bold; color: #161616; padding-bottom: 10px; margin-bottom: 20px; }
.tipBox .tip dt:after { content: ""; display: block; position: absolute; width: 52px; height: 1px; background-color: #6aa0b5; left: 50%; margin-left: -26px; bottom: 0; }
.tipBox .tip dd { font-size: 13px; color: #34424e; line-height: 30px; }

.footer { font-size: 13px; color: #417096; line-height: 3; text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; }
.footer a { color: #417096; }
.footer a:hover { text-decoration: underline; }
.shadowTit{ height: 17px;}
.shadowTit i{background: url(../images/bg_icon.png) no-repeat left center; padding-left: 20px; color: #b36b26; font-size: 13px; }

@media screen and (max-height: 700px) { .con { position: static; margin: 0 auto 60px; -webkit-transform: translateY(0); transform: translateY(0); }
  .logo { margin: 50px auto 60px; }
  .footer { position: static; } }