
.login-form{float:right;margin: 54px 20px 0 0; width: 308px;height: 325px;padding: 20px;background: #fff;overflow: visible;}
.login-form .msg-wrap{min-height:31px;height:auto!important;height:31px;margin:2px 0 5px}
.login-form .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}
.login-form .msg-error b{position:absolute;top:50%;left:10px;display:block;margin-top:-8px;width:16px;height:16px;overflow:hidden;}
.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:}
.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:'\5fae\8f6f\96c5\9ed1';font-size:20px}
.login-form .login-box .mt .extra-r{float:right}
.login-form .login-box .mt .regist-link{color:#b61d1d;font-size:14px}
.login-form .login-box .mt .regist-link a{color:#b61d1d}
.login-form .login-box .mt .regist-link b{display:inline-block;*display:inline;*zoom:1;width:16px;height:16px;overflow:hidden;vertical-align:middle;margin-right:5px}
.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 .coagent{line-height:22px;height:auto}
.login-form .login-box .coagent h5{font-weight:400;color:#999}
.login-form .login-box .coagent ul{display:inline-block;display:block}
.login-form .login-box .coagent ul:after{content:".";display:block;height:0;clear:both;visibility:hidden}
* html .login-form .login-box .coagent ul{height:1%}
*+html .login-form .login-box .coagent ul{min-height:1%}
.login-form .login-box .coagent li{float:left}
.login-form .login-box .coagent li .line{color:#ccc;padding:0 10px}
.login-form .login-box .coagent .more-slide{position:relative;z-index:5;overflow:visible}
.login-form .login-box .coagent .more-slide dt{color:#666;position:relative;z-index:2;_top:5px}
.login-form .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;}
.login-form .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-form .login-box .coagent .more-slide dd a{float:left;white-space:nowrap;margin-right:15px;color:#999}
.login-form .login-box .coagent .more-slide dd a:hover{margin-right:15px;color:#E4393C;text-decoration:underline}
.login-form .login-box .coagent .more-hover dt b{background-position:-104px -116px}
.login-form .login-box .coagent .more-hover dd{display:block}
.login-form .login-box .coagent .more-slide-new dd{width:153px;height:62px;overflow:hidden}
.login-form .login-box .coagent .more-slide-new dd a,.login-form .login-box .coagent .more-slide-new dd a:hover{margin-right:28px}
.login-form .login-box .coagent .more-slide-new .dd-cont{width:175px}
.login-form .login-box .login-btn{margin:0 auto;height:33px;position:relative}
.login-form .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;font-family:'\5fae\8f6f\96c5\9ed1'}
.login-form .login-box .login-btn .btn-img:hover{text-decoration:none}
.login-form .btn-2qrcode{display:block;width:70px;height:290px;line-height:99em;position: relative;left: 258px;top: -317px; bottom:0;overflow:hidden;background:url(login-qricon-02.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)}
.login-form .btn-2login{display:block;width:70px;height:290px;line-height:99em;position: relative;left: 258px;top: -317px; bottom:0;overflow:hidden;background:url(login-qricon-02.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)}
.login-form .btn-2qrcode{background-position:-56px 0}
.login-form .btn-2login{background-position:12px -290px}
.login-form .qrcode-login{display:none;text-align:center}
.login-form .qrcode-login .qrcode-desc{margin-top:53px}
.login-form .qrcode-login .qrcode-desc h2{font-size:16px;color:#999;font-family:'\5fae\8f6f\96c5\9ed1';font-weight:400}
.login-form .qrcode-login .qrcode-img{border:1px solid #f4f4f4;padding:10px;width:155px;margin:20px auto 15px}
.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;}
.login-form .qrcode-login .qrcode-img img{width:147px;height:147px}
.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;}
.login-form .qrcode-login .qrcode-succ{width:306px;margin:80px auto 130px;height:100px;overflow:hidden}
.login-form .qrcode-login .qrcode-succ h3{color:#999;font-weight:400}
.login-form .qrcode-login .qrcode-succ .tip-box{width:306px}
.login-form .qrcode-login .qrcode-succ .tip-box .item-fore{margin:0 0 0 110px;padding-top:30px}
.login-form .qrcode-login .qrcode-succ .succ-icon{width:110px;height:100px;}
.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:150px;margin:0 auto 50px;text-align:center}
.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{float:left;padding:0 0 0 10px;margin:0 10px 0 0;border-left:1px solid #ccc}
.login-form .qrcode-login .qrcode-panel li.fore1{border:0}
.login-form .qrcode-login .qrcode-panel a{color:#999}
.login-form .qrcode-login .qrcode-panel a:hover{color:#e4393c}
.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}.login-form .qlogin-main .qlogin-tit{text-align:center;font-size:14px;margin-top:20px}
.login-form .qlogin-main .qlogin-tit span{font-family:arial}
.login-form .qlogin-main .qlogin-tit .qq-icon{display:inline-block;*display:inline;*zoom:1;width:16px;height:16px;overflow:hidden;vertical-align:middle;margin-right:10px}.login-form .qlogin-main .u-pic{position:relative;width:104px;height:104px;margin:10px auto}
.login-form .qlogin-main .u-pic .mask{position:absolute;width:104px;height:104px;left:0;top:0;z-index:2;}
.login-form .qlogin-main .u-name{font-size:18px;font-family:'\5fae\8f6f\96c5\9ed1';font-weight:700;text-align:center;margin-bottom:20px}
.login-form .qlogin-main .coagent{margin-top:20px}
div.safetips{border:1px solid #E3E3E3;background:#fff;padding:5px 10px;margin:-10px 0 0 40px;-webkit-box-shadow:0 0 10px rgba(221,221,221,.7);-moz-box-shadow:0 0 10px rgba(221,221,221,.7);box-shadow:0 0 10px rgba(221,221,221,.7)}
