.form .item { position: relative; margin-bottom: 20px; z-index: 1; text-align:left; }
.form .item .placeholder { position: absolute; left: 50px; top: 10px; line-height: 18px; color: #999; font-size: 14px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; opacity: 1 }
.form .item .login-label { position: absolute; z-index: 3; top: 0; left: 0; width: 38px; height: 38px; border-right: 1px solid #bdbdbd; background: url(../Images/icon/pwd-icons-new.png) no-repeat }
.form .item .name-label { background-position: 0 0 }
.form .item .pwd-label { background-position: -48px 0 }
.form .item-fore1, .form .item-fore2 { border: 1px solid #bdbdbd; height: 38px; width: 254px }
.form .item-fore1 .clear-btn, .form .item-fore2 .clear-btn { position: absolute; z-index: 20; right: 6px; top: 12px; width: 14px; height: 14px; background: url(../Images/icon/pwd-icons-new.png) -25px -143px no-repeat; cursor: pointer; display: none }
.form .item-fore1 .clear-btn:hover, .form .item-fore2 .clear-btn:hover { background-position: -50px -143px }
.form .item-fore1 .e-icon, .form .item-fore2 .e-icon { position: absolute; width: 12px; height: 13px }
.form .item-fore1 .capslock, .form .item-fore2 .capslock { position: absolute; z-index: 4; display: none; width: 106px; top: 28px; left: 50px; padding-left: 26px; height: 26px; line-height: 28px; overflow: hidden; background: url(../Images/Icon/capslock.png) no-repeat }
.form .item-fore1 .capslock b, .form .item-fore2 .capslock b { display: block; position: absolute; top: 7px; left: 10px; width: 10px; height: 14px; overflow: hidden; background: url(../Images/icon/pwd-icons-new.png) -104px -133px no-repeat }
.form .item-fore1 #sloginpwd, .form .item-fore2 #sloginpwd { position: absolute; display: block; z-index: 3; top: 2px; left: 49px; width: 254px; height: 34px; line-height: 34px; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) }
.form .item-fore1 .text_pge, .form .item-fore2 .text_pge { width: 254px; height: 34px; line-height: 34px; font-size: 18px; overflow: hidden; border: 1px solid #fff }
.form .itxt { line-height: 18px; height: 18px; border: 0; padding: 10px 0 10px 50px; width: 204px; float: none; overflow: hidden; font-size: 18px;  *margin:-1px 0 0
}
.form .item#o-authcode .itxt.itxt02 { padding: 0px 5px; width: 78px; height:34px; line-height:32px; text-align: center; letter-spacing:2px; }
.form .verify-code { cursor: pointer; width: 100px; height: 33px; vertical-align: middle }
.form .item-error { border: 1px solid #e4393c }
.form .item-error .name-label { background-position: 0 -96px; border-color: #e4393c }
.form .item-error .pwd-label { background-position: -48px -96px; border-color: #e4393c }
.form .item-focus { border: 1px solid #3aa2e4 }
.form .item-focus .name-label { background-position: 0 -48px; border-color: #3aa2e4 }
.form .item-focus .pwd-label { background-position: -48px -48px; border-color: #3aa2e4 }
.form .item-hide .placeholder { opacity: 0; visibility: hidden }
.form .item-vcode .placeholder { left: 25px }
.form #o-authcode.item { border: 0 }
.form #o-authcode.item .itxt { border: 1px solid #bdbdbd; font-size: 14px; padding: 7px 5px; vertical-align: middle }
.form #o-authcode.item-error { border: 0 }
.form #o-authcode.item-error .itxt { border-color: #e4393c }
.form #o-authcode.item-focus { border: 0 }
.form #o-authcode.item-focus .itxt { border-color: #3aa2e4 }
.form input::-webkit-input-placeholder {color:#999;font-size:14px}
.form input:-moz-placeholder {color:#999;font-size:14px}
.form label { float: none }
.form .jdcheckbox, .form .jdradio { float: none; vertical-align: middle; _vertical-align: -1px; margin: 0 3px 0 0; padding: 0 }
.form .item-fore1 { z-index: 6 }
.form .item-fore2 { height: 38px }
.form .item-fore3 { z-index: 5; margin-bottom: 15px }
.form .sugcontent { position: absolute; top: 38px; left: 38px; background: #fff; border: 1px solid #98cff2; border-top-color: #3aa2e4; width: 265px; z-index: 4 }
.form .sugcontent li { height: 28px; line-height: 28px; padding-left: 10px; width: 254px; overflow: hidden; word-wrap: break-word; word-break: break-all }
.form .sugcontent li.hover { background: #d8ecfa }
.form .sug-iframe { position: absolute; border: 0; z-index: 3; left: 39px; top: 39px; width: 266px; height: 100px }


.login-form { position:absolute; right:50px; top:50px; z-index: 4; width: 306px; background: #fff; padding: 20px; overflow: visible }
.login-form .form .item-fore1, 
.login-form .form .item-fore2 { border: 1px solid #bdbdbd; height: 38px; width: 304px }
.login-form .form .itxt { line-height: 18px; height: 18px; border: 0; padding: 10px 0 10px 50px; width: 254px; float: none; overflow: hidden; font-size: 14px;  *margin:-1px 0 0
}

.msg-wrap { min-height: 31px; height: auto!important; height: 31px; margin: 2px 0 5px }
.msg-error { position: relative; background: #ffebeb; color: #e4393c; border: 1px solid #e4393c; padding: 3px 10px 3px 40px; line-height: 18px; min-height: 18px; _height: 18px }
.msg-error b { position: absolute; top: 50%; left: 10px; display: block; margin-top: -8px; width: 16px; height: 16px; overflow: hidden; background: url(../Images/icon/pwd-icons-new.png) -104px -49px no-repeat }
.msg-warn { position: relative; background: #fff6d2; color: #666; border: 1px solid #ffe57d; padding: 3px 10px 3px 40px; line-height: 18px; height: 18px }
.msg-warn b { position: absolute; top: 50%; left: 10px; display: block; margin-top: -8px; width: 16px; height: 17px; overflow: hidden; background: url(../Images/icon/pwd-icons-new.png) -104px -22px no-repeat }
.login-box .mt { display: inline-block; display: block; width: 306px; overflow: visible; height: 27px }
.login-box .mt:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
* html .login-box .mt { height: 1% }
*+html .login-box .mt { min-height: 1% }
.login-box .mt h1 { position: relative; height: 27px; line-height: 27px; top: -5px; float: left; color: #666; font-size: 20px }
.login-box .mt .extra-r { float: right }
.login-box .mt .regist-link { color: #b61d1d; font-size: 14px }
.login-box .mt .regist-link a { color: #b61d1d }
.login-box .mt .regist-link b { display: inline-block; *display:inline;
*zoom:1;
width: 16px; height: 16px; overflow: hidden; background: url(../Images/icon/pwd-icons-new.png) -104px -75px no-repeat; vertical-align: middle; margin-right: 5px }
.login-box .mc { overflow: visible }
.login-box .safe { position: relative; color: #666; text-align:left; }
.login-box .safe span { margin-right: 15px }
.login-box .safe .forget-pw-safe { position: absolute; right: 0; top: 0; margin: 0 }
.login-box .reg-free { height: 18px; *margin-bottom:5px
}
.login-box .coagent { line-height: 22px; height: auto }
.login-box .coagent h5 { font-weight: 400; color: #999 }
.login-box .coagent ul { display: inline-block; display: block }
.login-box .coagent ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
* html .login-box .coagent ul { height: 1% }
*+html .login-box .coagent ul { min-height: 1% }
.login-box .coagent li { float: left }
.login-box .coagent li .line { color: #ccc; padding: 0 10px }
.login-box .coagent .more-slide { position: relative; z-index: 5; overflow: visible }
.login-box .coagent .more-slide dt { color: #666; position: relative; z-index: 2; _top: 5px }
.login-box .coagent .more-slide dt b { display: inline-block; *display:inline;
*zoom:1;
width: 9px; height: 6px; margin-left: 10px; overflow: hidden; vertical-align: middle; background: url(../Images/icon/pwd-icons-new.png) -104px -100px no-repeat }
.login-box .coagent .more-slide dd { position: absolute; z-index: 1; top: -3px; left: -15px; display: none; height: 40px; width: 203px; padding: 25px 0 10px 15px; border: 1px solid #dcdcdc; background: #fff; overflow: hidden }
.login-box .coagent .more-slide dd a { float: left; white-space: nowrap; margin-right: 15px; color: #999 }
.login-box .coagent .more-slide dd a:hover { margin-right: 15px; color: #E4393C; text-decoration: underline }
.login-box .coagent .more-hover dt b { background-position: -104px -116px }
.login-box .coagent .more-hover dd { display: block }
.login-box .coagent .more-slide-new dd { width: 153px; height: 62px; overflow: hidden }
.login-box .coagent .more-slide-new dd a, .login-box .coagent .more-slide-new dd a:hover { margin-right: 28px }
.login-box .coagent .more-slide-new .dd-cont { width: 175px }
.login-box .login-btn { border: 1px solid #cb2a2d; margin: 0 auto; height: 33px; position: relative }
.login-box .login-btn .btn-img { border: 1px solid #e85356; display: block;  background: #e4393c; height: 31px; line-height: 31px; color: #fff; font-size: 20px; text-align:center;  }
.login-box .login-btn .btn-img:hover { text-decoration: none }
.btn-2login, .btn-2qrcode { display: block; width: 60px; height: 60px; line-height: 99em; position: absolute; right: 0; bottom: 0; overflow: hidden; background: url(../Images/icon/login-qricon-01.png) no-repeat; -webkit-transition: background-position .2s cubic-bezier(0.25, .5, .5, .9); -moz-transition: background-position .2s cubic-bezier(0.25, .5, .5, .9); transition: background-position .2s cubic-bezier(0.25, .5, .5, .9) }
 
#LoginPage{ background:url(../Images/LoginBackgroundImg.jpg) center top no-repeat; height:598px;}
#LoginPage .Container{ position:relative; height:598px;}
#LoginPage .login-box .login-btn .btn-img { border: 1px solid #e85356; display: block; width: 302px; background: #e4393c; height: 31px; line-height: 31px; color: #fff; font-size: 20px; text-align:center;  }