﻿/* user-passport/1.0.0 login-form-2018-0827.css Date:2018-09-05 18:50:20 */
@charset "UTF-8";#content 
.login-wrap{margin-top:0}
#content .tips-wrapper{background:#fff8f0;width:100%;padding-top:10px;padding-bottom:10px;text-align:center}
#content .tips-wrapper .icon-tips{background:url(//misc.360buyimg.com/user/passport/1.0.0/widget/login-form-2018-0827/i/icon-tips.png);display:inline-block;width:16px;height:16px;vertical-align:middle;margin-right:5px}
#content .tips-wrapper .cont-wrapper{display:inline-block;*display:inline;width:90%}
#content .tips-wrapper .tips-inner p{vertical-align:middle;color:#999;font-size:12px;display:inline-block;*display:inline}
#content .tips-wrapper .tips-inner .black{color:#333}
.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;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(//misc.360buyimg.com/user/passport/1.0.0/widget/login-form-2018-0827/i/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-fore4{*float:left;*margin-top:15px}
.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(//misc.360buyimg.com/user/passport/1.0.0/widget/login-form-2018-0827/i/pwd-icons-new.png) -25px -143px no-repeat;cursor:pointer;}
.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;width:106px;top:28px;left:50px;padding-left:26px;height:26px;line-height:28px;overflow:hidden;background:url(//misc.360buyimg.com/user/passport/1.0.0/css/i/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(//misc.360buyimg.com/user/passport/1.0.0/widget/login-form-2018-0827/i/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:150px;text-align:center}
.form .verify-code{cursor:pointer;width:90px;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 #bbb}
.form .item-focus .name-label{background-position:0 -48px;border-color:#bbb}
.form .item-focus .pwd-label{background-position:-48px -48px;border-color:#bbb}
.form .item-hide .placeholder{opacity:0;}
.form .item-vcode .placeholder{left:25px}
.form .item-vcode .itxt02,.form .item-vcode .verify-code{float:left}
.form .item-vcode a{display:inline-block;width:38px;float:right}
.form .item-vcode:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;}
.form #o-authcode.item{border:0}
.form #o-authcode.item .itxt{border:1px solid #bdbdbd;font-size:14px;padding:7px 5px;vertical-align:middle;margin-right:10px}
.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:#bbb}
.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:13px}.form .item-fore3.hide{margin-bottom:0}
.form .margin16{margin-bottom:16px}
.form .sugcontent{position:absolute;top:38px;left:38px;background:#fff;border:1px solid #98cff2;border-top-color:#bbb;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}.form .updata{z-index:10;position:absolute;top:20px;left:30px;width:188px;padding:5px;line-height:108px;height:40px;overflow:hidden;background:url(//misc.360buyimg.com/user/passport/1.0.0/css/i/login-update.png) no-repeat}
.form .updata .up-one{position:absolute;right:16px;top:16px;width:10px;height:10px}
.form .updata .up-two{position:absolute;left:92px;top:13px;width:72px;height:20px}

.login-form{position:relative;z-index:4;background:#fff;overflow:visible;width:346px}
.login-form .login-tab{height:54px;font-size:18px;font-family:"microsoft yahei";text-align:center;border-bottom:1px solid #f4f4f4;position:absolute;background:#fff;display:block}
.login-form .login-tab a{width:99%;height:18px;position:absolute;left:0;top:18px;border-right:1px solid #f4f4f4;text-decoration:none}
.login-form .login-tab a:focus{outline:0!important;-moz-outline:0!important}
.login-form .login-tab a.checked,.login-form .login-tab a:hover{font-weight:700;color:#e4393c}
.login-form .login-tab-l,.login-form .login-tab-r{width:173px}
.login-form .login-tab-link{display:inline-block}




.login-form .msg-wrap{min-height:23px;margin-top:5px;margin-bottom:5px;height:auto!important}
.login-form .msg-error{position:relative;background:#ffebeb;color:#e4393c;border:1px solid #faccc6;padding:3px 10px 3px 40px;line-height:15px;height:auto}
.login-form .msg-error b{position:absolute;top:50%;left:10px;display:block;margin-top:-8px;width:16px;height:16px;overflow:hidden;background:url(//misc.360buyimg.com/user/passport/1.0.0/widget/login-form-2018-0827/i/pwd-icons-new.png) -104px -49px no-repeat}.login-form .msg-warn{position:relative;background:#fef4e5;color:#666;border:1px solid #f6c090;padding:3px 10px 3px 40px;line-height:15px;height:auto}
.login-form .msg-warn b{position:absolute;top:50%;left:10px;display:block;margin-top:-8px;width:16px;height:17px;overflow:hidden;background:url(//misc.360buyimg.com/user/passport/1.0.0/widget/login-form-2018-0827/i/pwd-icons-new.png) -104px -24px no-repeat}

.login-form .login-box{width:306px;padding: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;}
* 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:35px}

.login-form .login-box .mc{overflow:visible}
.login-form .login-box .safe{position:relative;color:#666;*float:left;*width:305px}
.login-form .login-box .safe span{margin-right:15px;*float:left}
.login-form .login-box .safe .forget-pw-safe{position:absolute;*float:right;*position:static;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 #cb2a2d;margin:0 auto;height:32px;width:99%;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:'Microsoft YaHei'}
.login-form .login-box .login-btn .btn-img:hover{text-decoration:none}
.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(//misc.360buyimg.com/user/passport/1.0.0/widget/login-form-2018-0827/i/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{width:306px;padding:20px 18px 20px 20px;text-align:center}
.login-form .qrcode-login .mc{}
.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;margin-top:55px}
.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(//misc.360buyimg.com/user/passport/1.0.0/css/i/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(//misc.360buyimg.com/user/passport/1.0.0/css/i/phone-orange.png) no-repeat;z-index:99}.login-form .qrcode-login .qrcode-error{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(//misc.360buyimg.com/user/passport/1.0.0/widget/login-form-2018-0827/i/pwd-icons-new.png) -104px -49px no-repeat}.login-form .qrcode-login .qrcode-error-2016{font-size:14px;color:#fbfbfb;margin-top:65px;position:relative;z-index:1}.login-form .qrcode-login .qrcode-error-2016 .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-error-2016 .err-cont{position:absolute;left:0;top:55px;width:100%;z-index:19;font-weight:700}.login-form .qrcode-login .qrcode-error-2016 .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(//misc.360buyimg.com/user/passport/1.0.0/css/i/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;}* 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}.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;background:url(//misc.360buyimg.com/user/passport/1.0.0/widget/login-form-2018-0827/i/pwd-icons-new.png) -104px -157px;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;background:url(//misc.360buyimg.com/user/passport/1.0.0/widget/login-form-2018-0827/i/upic-bg.png) no-repeat}.login-form .qlogin-main .u-name{font-size:18px;font-family:"microsoft yahei";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;box-shadow:0 0 10px rgba(221,221,221,.7)}.coagent{padding-left:20px;padding-right:20px;line-height:50px;border-top:1px solid #f4f4f4;height:auto;background-color:#fcfcfc}.coagent h5{font-weight:400;color:#999}.coagent ul{display:inline-block;display:block}.coagent ul:after{content:".";display:block;height:0;clear:both;}* html .coagent ul{height:1%}*+html .coagent ul{min-height:1%}.coagent li{float:left}.coagent li .line{color:#ccc;padding:0 10px}.coagent li a.pdl{display:inline-block;position:relative;padding-left:24px}.coagent li a.pdl b{width:19px;height:18px;display:block;background:url(//misc.360buyimg.com/user/passport/1.0.0/widget/login-form-2018-0827/i/QQ-weixin.png) no-repeat;margin:0 auto;position:absolute;float:left;left:0;top:16px}.coagent li a.pdl b.weixin-icon{background-position:-20px 0}.coagent li a.pdl b.QQ-icon{background-position:0 0}.coagent .more-slide{position:relative;z-index:5;overflow:visible}.coagent .more-slide dt{color:#666;position:relative;z-index:2;_top:5px}.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(//misc.360buyimg.com/user/passport/1.0.0/widget/login-form-2018-0827/i/pwd-icons-new.png) -104px -100px no-repeat}.coagent .more-slide dd{position:absolute;z-index:1;top:-3px;left:-15px;height:40px;width:203px;padding:25px 0 10px 15px;border:1px solid #dcdcdc;background:#fff;overflow:hidden}.coagent .more-slide dd a{float:left;white-space:nowrap;margin-right:15px;color:#999}.coagent .more-slide dd a:hover{margin-right:15px;color:#E4393C;text-decoration:underline}.coagent .more-hover dt b{background-position:-104px -116px}.coagent .more-hover dd{display:block}.coagent .more-slide-new dd{width:153px;height:62px;overflow:hidden}.coagent .more-slide-new dd a,.coagent .more-slide-new dd a:hover{margin-right:28px}.coagent .more-slide-new .dd-cont{width:175px}.coagent li.extra-r{float:right}.coagent .regist-link{color:#b61d1d;font-size:14px}.coagent .regist-link a{color:#b61d1d}.coagent .regist-link b{display:inline-block;*display:inline;*zoom:1;width:16px;height:16px;overflow:hidden;background:url(//misc.360buyimg.com/user/passport/1.0.0/widget/login-form-2018-0827/i/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(//misc.360buyimg.com/user/passport/1.0.0/widget/login-form-2018-0827/i/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}