/* 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}
.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 #f30213}
.form .item-error .name-label{background-position:0 -96px;border-color:#f30213}
.form .item-error .pwd-label{background-position:-48px -96px;border-color:#f30213}
.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:#f30213}
.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-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;font-weight:bold}

.login-form .msg-wrap{min-height:31px;height:auto!important;height:31px;margin-bottom:5px}
.login-form .msg-error{position:relative;background:#ffebeb;color:#f30213;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 0; position:relative}
.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:#f30213;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}
.logintxt{ text-align:center;font-size:14px;padding-bottom:10px;color:#999}

.login-form li.extra-r{float:right}
.login-form .regist-link{color:#f30213;font-size:14px}
.login-form .regist-link a{color:#f30213}
.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-form .btn-2login,.login-form .btn-2qrcode{display:block;width:60px;height:60px;line-height:99em;position:absolute;right:0;bottom:0;overflow:hidden;background:url(../icson/img/login/login-qricon-01.png) no-repeat;transition:background-position .2s cubic-bezier(0.25,.5,.5,.9)}
.login-form .btn-2qrcode{background-position:-60px 0}
.login-form .btn-2login{background-position:0 -60px}
.login-form .qrcode-login{display:none;width:306px;padding:20px 18px 20px 20px;text-align:center}
.login-form .qrcode-login .mc{overflow:visible}
.login-form .qrcode-login .qrcode-desc{margin-top:53px}
.login-form .qrcode-login .qrcode-desc h2{font-size:16px;color:#999;font-family:"microsoft yahei";font-weight:400}
.login-form .qrcode-login .qrcode-main{position:relative;height:168px;}
.login-form .qrcode-login .qrcode-img{border:1px solid #f4f4f4;padding:8px;width:155px;position:absolute;left:64px}
.login-form .qrcode-login .qrcode-img .qrcode-error02{padding:30px 0}
.login-form .qrcode-login .qrcode-img .qrcode-error02 .error-icon{display:inline-block;margin-bottom:25px;width:50px;height:50px;background:url(../icson/img/login/qr-error-icon.png) no-repeat}
.login-form .qrcode-login .qrcode-img img{width:147px;height:147px}
.login-form .qrcode-login .qrcode-help{position:absolute;right:-18px;top:-2px;width:141px;height:168px;background:url(../icson/img/login/phone-orange.png) no-repeat;z-index:99}
.login-form .qrcode-login .qrcode-error{display:none;position:relative;background:#ffebeb;color:#e4393c;border:1px solid #e4393c;padding:3px 10px 3px 100px;text-align:left}
.login-form .qrcode-login .qrcode-error b{position:absolute;top:50%;left:70px;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 .qrcode-login .qrcode-errors{display:none;font-size:14px;color:#fbfbfb;position:relative;z-index:1}
.login-form .qrcode-login .qrcode-errors .qrcode-error-mask{display:block;position:absolute;width:170px;background:#000;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;height:163px;left:66px;z-index:9;top:0;text-align:center;line-height:100px}
.login-form .qrcode-login .qrcode-errors .err-cont{position:absolute;left:0;top:55px;width:100%;z-index:19;font-weight:700}
.login-form .qrcode-login .qrcode-errors .refresh-btn{display:block;background:#e4393c;width:80px;height:30px;position:absolute;top:95px;left:113px;line-height:30px;opacity:1;z-index:19;color:#fbfbfb;text-decoration:none}
.login-form .qrcode-login .qrcode-succ{width:306px;margin:106px auto 65px;height:146px}
.login-form .qrcode-login .qrcode-succ h3{color:#333;font-weight:400;line-height:1;font-family:"microsoft yahei"}
.login-form .qrcode-login .qrcode-succ .ftx-03{padding-top:14px}
.login-form .qrcode-login .qrcode-succ .tip-box{width:306px}
.login-form .qrcode-login .qrcode-succ .tip-box .item-fore{text-align:center;margin:0;padding-top:30px}
.login-form .qrcode-login .qrcode-succ .succ-icon{display:block;width:71px;height:71px;margin:0 auto;background:url(../icson/img/login/qrcode-succ-2016.png) no-repeat}
.login-form .qrcode-login .qrcode-succ .qrcode-back{margin-top:5px}
.login-form .qrcode-login .qrcode-succ .qrcode-back a{text-decoration:underline}
.login-form .qrcode-login .qrcode-panel{width:257px;margin:18px auto 14px;text-align:center}
.login-form .qrcode-login .qrcode-panel .red{color:#e4393c}
.login-form .qrcode-login .qrcode-panel ul{display:inline-block;display:block}
.login-form .qrcode-login .qrcode-panel ul:after{content:".";display:block;height:0;clear:both;visibility:hidden}
* html .login-form .qrcode-login .qrcode-panel ul{height:1%}
*+html .login-form .qrcode-login .qrcode-panel ul{min-height:1%}
.login-form .qrcode-login .qrcode-panel li{display:inline-block;*display:inline;padding:0 0 0 5px;margin:0 5px 0 0}
.login-form .qrcode-login .qrcode-panel li.fore1{border:0}
.login-form .qrcode-login .qrcode-panel .panel-line{border-left:1px solid #ccc;height:12px;padding:0;margin:3px 0}
.login-form .qrcode-login .qrcode-panel a{color:#333;text-decoration:none;margin-left:-3px}
.login-form .qrcode-login .qrcode-panel .qrcode-tips{position:relative;background:#F6DCDF;color:#999;margin-top:10px}
.login-form .qrcode-login .qrcode-panel .qrcode-tips .triangle-border{position:absolute;right:30px;overflow:hidden;width:0;height:0;border-width:5px;border-style:dashed dashed solid}
.login-form .qrcode-login .qrcode-panel .qrcode-tips .tb-border{top:-10px;border-color:transparent transparent #F6DCDF}
.login-form .qrcode-login .qrcode-panel .qrcode-tips .qrcode-tips-info{height:20px;line-height:20px;overflow:hidden}
.login-form .qrcode-login .qrcode-panel .qrcode-tips .qrcode-tips-info .qrcode-tips1{transition:margin-top .5s;-moz-transition:margin-top .5s;-webkit-transition:margin-top .5s;-o-transition:margin-top .5s}
.login-form .qrcode-login .qrcode-panel .qrcode-tips .qrcode-tips-info .qrcode-tips1:hover{margin-top:-20px}
.login-form .qrcode-login .qrcode-panel .qrcode-tips .qrcode-tips-info .qrcode-tips2{color:#763A42}

.coagents {padding-left:20px;padding-right:20px;line-height:50px;border-top:1px solid #f4f4f4;height:auto;background-color:#fcfcfc}
.coagents  h5{font-weight:400;color:#999}
.coagents  ul{display:inline-block;display:block}
.coagents  ul:after{content:".";display:block;height:0;clear:both;visibility:hidden}
* html .coagents  ul{height:1%}
*+html .coagents  ul{min-height:1%}
.coagents  li{float:left}
.coagents  li .line{color:#ccc;padding:0 10px}
.coagents  li a.pdl{display:inline-block;position:relative;padding-left:24px}
.coagents  li a.pdl b{width:19px;height:18px;display:block;background:url(../icson/img/login/QQ-weixin.png) no-repeat;margin:0 auto;position:absolute;float:left;left:0;top:16px}
.coagents  li a.pdl b.weixin-icon{background-position:-20px 0}
.coagents  li a.pdl b.QQ-icon{background-position:0 0}
.coagents  .more-slide{position:relative;z-index:5;overflow:visible}
.coagents  .more-slide dt{color:#666;position:relative;z-index:2;_top:5px}
.coagents  .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(../icson/img/login/pwd-icons-new.png) -104px -100px no-repeat}
.coagents  .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}
.coagents  .more-slide dd a{float:left;white-space:nowrap;margin-right:15px;color:#999}
.coagents  .more-slide dd a:hover{margin-right:15px;color:#E4393C;text-decoration:underline}
.coagents  .more-hover dt b{background-position:-104px -116px}
.coagents  .more-hover dd{display:block}
.coagents  .more-slide-new dd{width:153px;height:62px;overflow:hidden}
.coagents  .more-slide-new dd a,.coagents  .more-slide-new dd a:hover{margin-right:28px}
.coagents  .more-slide-new .dd-cont{width:175px}
.coagents  li.extra-r{float:right}
.coagents  .regist-link{color:#b61d1d;font-size:14px}
.coagents  .regist-link a{color:#b61d1d}
.coagents  .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}
.qr-coagent{background-color:#fff;font-family:"microsoft yahei";color:#999;border:none;padding:0;line-height:25px;margin-left:40px}
.qr-coagent li{text-align:left;position:relative;margin-right:18px}
.qr-coagent li b{width:25px;height:25px;display:block;background:url(../icson/img/login/qr-coagent.png) no-repeat;margin:0 auto;position:absolute;left:0}
.qr-coagent li .faster{background-position:-27px}
.qr-coagent li .more-safe{background-position:-54px}
.qr-coagent li em {padding-left:32px;*display:inline-block;_display:inline;}

.popcpwd{ position:absolute;width:346px;height:288px;top:-55px;left:0;z-index:9;background:#fff; text-align:center;}
.popcpwd .popbtn{margin-top:30px}
.popcpwd .popbtn a{display:inline-block;*display:inline;*zoom:1;vertical-align:top;height:42px;line-height:42px;margin:0 18px;padding:0 30px;border:1px solid #3b78dd;background-color:#3b78dd;color:#fff;border-radius:3px;font-weight:400;cursor:pointer;text-decoration:none;font-size:18px;}
.popcpwd .popbtn a.btn0{border:1px solid #a7d4bd;background-color:#e6f3ec;color:#3b78dd;}
.popcpwd .popcontent{font-size:16px;line-height:2;}
.popcpwd .info{height:90px;width:90px;margin:40px auto 0;background:url(../icson/img/login/info90.png) no-repeat center;}