/* user-passport login-form.css */
#logo{position: relative;width: 300px;margin: 15px 0 0;height: 62px;}
#logo b {display: block;width: 110px;height: 40px;position: absolute;right: 0;top: 12px;background: url(../icson/img/login/l-icon.png) no-repeat;}
.form .item{position:relative;margin-bottom:20px;z-index:1}
.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(../icson/img/login/pwd-icons-new.png) no-repeat}
.form .item .name-label{background-position:0 0}
.form .item .pwd-label{background-position:-48px 0}
.form .item-fore5{margin-bottom:10px}
.form .item-fore1,.form .item-fore2{border:1px solid #bdbdbd;height:38px;width:304px}
.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(../icson/img/login/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(../icson/img/login/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(../icson/img/login/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:14px;font-family:'\5b8b\4f53';overflow:hidden;border:1px solid #fff}
.form .itxt{line-height:18px;height:18px;border:0;padding:10px 0 10px 50px;width:254px;float:none;overflow:hidden;font-size:14px;font-family:'\5b8b\4f53';*margin:-1px 0 0}
.login-phone .form .itxt{padding-left:10px;width:294px}
.login-phone .form .itxt2{width:150px;}
.login-phone .form .item-fore2{width:160px; display:inline-block}
.login-phone .check-phone {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 128px;
    height: 38px;
    background: #F8F8F8;
    border: 1px solid #ddd;
    font: 400 12px/36px Simsun;
    text-align: center;
    color: #333;
}
.form .itxt02{padding:10px 5px;width:78px;text-align:center}
.form .verify-code{cursor:pointer;width:100px;height:33px;vertical-align:middle}
.form .item-error{border:1px solid #c81623}
.form .item-error .name-label{background-position:0 -96px;border-color:#c81623}
.form .item-error .pwd-label{background-position:-48px -96px;border-color:#c81623}
.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:#c81623}
.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;visibility:hidden}
.form .item-fore2s{ display:inline-block;margin-left:10px}
.form .item-fore3{z-index:5;margin-bottom:15px}
.form .sug-iframe{position:absolute;border:0;z-index:3;left:39px;top:39px;width:266px;height:100px}
.login-form{position:relative;z-index:4;background:#fff;overflow:visible;width:346px}
.login-form .login-tab{height:54px;border-bottom:1px solid #f4f4f4;background:#fff;display:block;color:#555}
.login-form .login-tab ul{padding-top:16px}
.login-form .login-tab li{width:173px;font:20px/54px "microsoft yahei"; text-align:center;float:left; cursor:pointer}
.login-form .login-tab li h2{font-size:20px;height:18px;line-height:18px;font-weight:100}
.login-form .login-tab li h2.line{border-right: 1px solid #f4f4f4;}
.login-form .login-tab li.on h2{color:#e4393c;}

.login-form .msg-wrap{min-height:31px;height:auto!important;height:31px;margin-bottom:5px}
.login-form .msg-error{position:relative;background:#ffebeb;color:#c81623;border:1px solid #faccc6;padding:3px 10px 3px 40px;line-height:18px;min-height:18px;_height:18px}
.login-form .msg-error b{position:absolute;top:50%;left:10px;display:block;margin-top:-8px;width:16px;height:16px;overflow:hidden;background:url(../icson/img/login/pwd-icons-new.png) -104px -49px no-repeat}
.login-form .msg-warn{position:relative;background:#fff6d2;color:#666;border:1px solid #ffe57d;padding:3px 10px 3px 40px;line-height:18px;height:18px}
.login-form .msg-warn b{position:absolute;top:50%;left:10px;display:block;margin-top:-8px;width:16px;height:17px;overflow:hidden;background:url(../icson/img/login/pwd-icons-new.png) -104px -22px no-repeat}
.login-form .login-box{width:306px;padding:10px 20px 20px;}
.login-form .login-box .mt{display:inline-block;display:block;width:306px;overflow:visible;height:27px}
.login-form .login-box .mt:after{content:".";display:block;height:0;clear:both;visibility:hidden}
* html .login-form .login-box .mt{height:1%}
*+html .login-form .login-box .mt{min-height:1%}
.login-form .login-box .mt h1{position:relative;height:27px;line-height:27px;top:-5px;float:left;color:#666;font-family:"microsoft yahei";font-size:20px}
.login-form .login-box .tab-h{height:42px}
.login-form .login-box .mc{overflow:visible}
.login-form .login-box .safe{position:relative;color:#666}
.login-form .login-box .safe span{margin-right:15px}
.login-form .login-box .safe .forget-pw-safe{position:absolute;right:0;top:0;margin:0}
.login-form .login-box .reg-free{height:18px;*margin-bottom:5px}
.login-form .login-box .login-btn{border:1px solid #c35600;margin:0 auto;height:32px;position:relative}
.login-form .login-box .login-btn .btn-img{display:block;width:304px;background:#c81623;height:32px;line-height:32px;color:#fff;font-size:20px;font-family:'Microsoft YaHei';text-align:center}
.login-form .login-box .login-btn .btn-img:hover{text-decoration:none}
.login-form .coagent{padding-left:20px;padding-right:20px;line-height:50px;border-top:1px solid #f4f4f4;height:auto;background-color:#fcfcfc;width:306px}
.login-form .coagent h5{font-weight:400;color:#999}
.login-form .coagent ul{display:inline-block;display:block}
.login-form .coagent ul:after{content:".";display:block;height:0;clear:both;visibility:hidden}
* html .login-form .coagent ul{height:1%}
*+html .login-form .coagent ul{min-height:1%}
.login-form .coagent li{float:left}
.login-form .coagent li .line{color:#ccc;padding:0 10px}

.login-form li.extra-r{float:right}
.login-form .regist-link{color:#c81623;font-size:14px}
.login-form .regist-link a{color:#c81623}
.login-form .regist-link b{display:inline-block;*display:inline;*zoom:1;width:16px;height:16px;overflow:hidden;background:url(../icson/img/login/pwd-icons-new.png) -104px -75px no-repeat;vertical-align:middle;margin-right:5px}

.login-wrap{position:relative;height:475px;margin:15px 0 20px;z-index:5}
.login-wrap .login-banner{position:absolute;left:0;top:0;width:100%;height:475px;background:#e93854}
.login-wrap .i-inner{position:relative;z-index:3;height:475px}
.login-wrap .login-form{float:right;top:40px}

.login-pop-txt{ padding:20px 20px;}
.login-pop-txt a{ display:block;padding:5px 10px;border:1px solid #e3e3e3;margin-bottom:10px;border-radius:3px;}
.login-pop-txt a:hover{color:#fff;background:#c81623;border-color:#c81623}