@charset "UTF-8";html{height:100%;overflow:hidden}body{width:100%;height:100%;overflow:hidden;position:relative;min-height:480px}.info-body{background-color:#f3f3f3}.common-wrap{padding:25px 10px}.error-tip{padding:0 10px;text-align:center;color:#da5a52;margin-bottom:25px}form{padding:0 20px}.bindMobile-form{padding:0 10px}.input-box{position:relative;overflow:hidden;display:-moz-box;display:-webkit-box;display:box;width:100%;height:32px;background:#fff;margin-bottom:15px}.text-label{display:block;padding-left:24px}input[type="text"],input[type="password"],input[type="number"],input[type="email"],input[type="tel"],textarea{border:0;border-bottom:1px solid #e1e1e1;display:block;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;-webkit-appearance:none;-moz-appearance:none;-webkit-tap-highlight-color:rgba(255,0,0,0);-moz-tap-highlight-color:rgba(255,0,0,0);line-height:32px;font-size:15px;height:32px;color:#222}::-webkit-input-placeholder{color:#e3e4e5}.error-icon{width:19px;background:url(http://passport.hupu.com/m/2/images/clear-input.png) center right no-repeat;-webkit-background-size:15px 15px;-moz-background-size:15px 15px;background-size:15px 15px;position:relative;z-index:10;display:none;margin-left:-19px}.form-item-btn{text-align:center}.form-item-btn input,.form-item-btn a{text-align:center;width:75px;font-size:16px;height:34px;line-height:30px;border:0;border-radius:17px;color:#fff;background-color:#d8544c}.form-item-btn.one-btn input,.form-item-btn.one-btn a{width:135px}.form-item-btn .login-btn{background-color:#d8544c}.form-item-btn a{display:inline-block;margin-right:20px;color:#999;border:1px solid #b7b7b7;height:32px;line-height:32px;vertical-align:middle;background-color:#fff}.form-item-btn input.btn-disable{background:#b2b2b2;filter:alpha(opacity = 100);-moz-opacity:1;opacity:1}.success-info{position:absolute;left:50%;top:40%;width:60%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);border-radius:6px;background:rgba(0,0,0,.6);padding:15px 10px;z-index:300}.home-wrapper{margin:0 auto;padding:25px 0 0}.name-ipt input,.pwd-ipt input{padding-right:20px}.pwd-ipt .sep{display:block;height:21px;margin-top:4px;padding:0 8px 10px;border-bottom:1px solid #e3e4e5;color:#e3e4e5}.pwd-ipt .sep span{border-left:1px solid #e3e4e5}.pwd-ipt .forget-pwd{display:block;height:25px;font-size:14px;line-height:25px;border-bottom:1px solid #e3e4e5;color:#e3e4e5}.pwd-ipt,.phone-ipt{margin-bottom:25px}#J_mailForm .phone-ipt,#J_pwdForm .phone-ipt,#J_pwdForm .pwd-ipt{margin-bottom:15px}.checkFreeLoginTime{text-align:center;margin-bottom:25px;color:#e3e4e5}.checkFreeLoginTime span{display:inline-block;background:url(http://passport.hupu.com/m/2/images/tick2.png) 0 0 no-repeat;background-size:14px 14px;font-size:14px;padding-left:18px}.checkFreeLoginTime.on{color:#999}.checkFreeLoginTime.on span{background-image:url(http://passport.hupu.com/m/2/images/ticked.png)}.other-login{display:-moz-box;display:-webkit-box;display:box;padding:0 10px;margin-top:80px}.other-login i{display:block;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;height:1px;background-color:#e1e1e1;margin-top:24px}.other-login a{display:block;width:48px;height:48px;border-radius:24px;margin:0 5px;position:relative;background-size:16px 18px;background-position:center center;background-repeat:no-repeat}.other-login a.qq-login{background-color:#73c5ff;background-image:url(http://passport.hupu.com/m/2/images/qq.png)}.other-login a.phone-login{background-color:#48d58e;background-image:url(http://passport.hupu.com/m/2/images/icon-phone-new.png);background-size:12px 18px}.other-login a span{position:absolute;color:#999;left:50%;top:55px;white-space:nowrap;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.common-header,.common-header2{height:40px;background-color:#f4f4f4;text-align:center;position:relative;font:16px/40px 'microsoft yahei';color:#000;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}.common-header2{margin-bottom:0}.common-header img{display:block;width:83px;margin:8px auto 0}.common-header a{position:absolute;left:0;top:0;width:40px;height:40px;text-align:center}.common-header a span{display:inline-block;width:14px;height:14px;margin-top:12px;border-left:1px solid #ca0000;border-top:1px solid #ca0000;text-indent:-999em;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.cw{margin:0 auto;padding:25px 0}.input-box .text-label-username{background:url(http://passport.hupu.com/m/2/images/icon-phone-new.png) 2px 12px no-repeat;background-size:14px 20px}.input-box .text-label-vercode{background:url(http://passport.hupu.com/m/2/images/icon-mail.png) 2px 10px no-repeat;background-size:16px 12px}.input-box .text-label-user{background:url(http://passport.hupu.com/m/2/images/user.png) 2px 10px no-repeat;background-size:13px 15px}.input-box .text-label-pwd{background:url(http://passport.hupu.com/m/2/images/lock.png) 2px 10px no-repeat;background-size:13px 16px}.text-label-pwd2{background:url(http://passport.hupu.com/m/2/images/lock2.png) 2px 10px no-repeat;background-size:12px 17px}
.input-box .text-label-mail{background:url(http://passport.hupu.com/m/2/images/e-mail.png) 2px 10px no-repeat;background-size:15px 12px}.input-box .text-label-phone{background:url(http://passport.hupu.com/m/2/images/icon-phone.png) 2px 10px no-repeat;background-size:12px 18px}.error-tips{width:80%;margin:10px auto 0;padding:18px 0;background:#404040;border-radius:2px;text-align:center;display:none}.account-empty{width:90%;margin:0 auto;overflow:hidden}.account-empty img,.success-info img{width:12%;margin-right:4%;vertical-align:middle}.account-empty p,.success-info p{display:inline-block;width:80%;font-size:14px;line-height:18px;vertical-align:middle;color:#fff;text-align:left}.account-error,.phone-error{width:90%;margin:0 auto;overflow:hidden}.account-error img,.phone-error img{width:12%;margin-right:4%;vertical-align:middle}.account-error p,.phone-error p{display:inline-block;width:80%;font-size:14px;line-height:18px;vertical-align:middle;color:#fff;text-align:left}.unnormal-state{width:90%;margin:0 auto}.unnormal-state p{font-size:14px;line-height:24px;color:#fff;text-align:center}.unnormal-state p.warning{width:54%;margin:0 auto;font-size:18px;margin-bottom:5px}.unnormal-state p.warning img{width:25%;margin-right:4%;vertical-align:middle}.vercode_error_wrap{position:absolute;left:50%;top:50%;width:70%;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);border-radius:6px;background:rgba(0,0,0,.6);padding:15px 0;z-index:300}.vercode-error{width:80%;margin:0 auto}.vercode-error img{width:12%;margin-right:4%;vertical-align:middle}.vercode-error p{display:inline-block;width:80%;font-size:14px;line-height:18px;vertical-align:middle;color:#fff}.icon-sp-phone img{width:45%}.phone-tips{margin:10px 0 -10px;color:#a8a8a8;line-height:1.4}.not-receive-html{overflow:auto}.not-receive-body{overflow:auto}.not-receive-body .cw{width:90%;padding-top:10px}.phone-verify-title{font:13px/24px 'microsoft yahei';margin-bottom:10px;text-align:center}.get-vercode{height:34px;margin:0 0 0 5px;width:110px;font-size:14px;background:#fff;border:1px solid #da5a52;color:#c80c00;border-radius:17px}.get-vercode.btn-disable{border-color:#b7b7b7;background:#b7b7b7;color:#fff}.not-received{z-index:100;text-align:center;position:absolute;margin-bottom:10px;bottom:10%;left:0;width:100%;font-size:13px}.not-received a{font-size:13px;color:#0c80ff}.not-receive-body p{color:#686868;font-size:14px;line-height:1.5}.not-receive-body p.notice{color:#e42837;margin-bottom:10px}.not-receive-body p.text-in2{text-indent:2em}.afterSuccess{position:absolute;bottom:30px;padding:25px 10px 0;text-align:center}.afterSuccess span p{margin-bottom:10px;font:14px/16px 'microsoft yahei';color:red;text-align:left}.afterSuccess p{font:13px/14px 'microsoft yahei';text-align:left;color:#666;line-height:18px}.congra-title{font-size:20px;font-weight:700;text-align:center;color:#e42837;margin-bottom:15px}.nickname-title{font-size:13px;line-height:24px;color:#222;margin-bottom:10px;text-align:center}.nickname-ipt{padding:0;display:block;width:100%;font-size:13px;border:1px solid #939292;border-radius:4px;margin-bottom:10px}.nickname-tips{color:#a9a8a8;font-size:13px;line-height:1.2;margin-bottom:15px;padding:0 10px}.service-protocol{padding:25px 10px 0;text-align:center}.service-protocol img{display:inline-block;vertical-align:top;margin-top:4px;width:12px}.service-protocol p{display:inline-block;font-size:14px;line-height:1.5;color:#a9a8a8;text-align:left}.service-protocol p a{color:#0c80ff}.nickname-error{width:90%;margin:0 auto;overflow:hidden}.nickname-error img{width:12%;margin-right:4%;vertical-align:middle}.nickname-error p{display:inline-block;width:80%;font-size:14px;line-height:18px;vertical-align:middle;color:#fff;text-align:left}.qq-protrait{margin-bottom:20px;text-align:center}.qq-protrait p{line-height:1.4}.phone-verify-form{padding:0 15px}.phone-verify-form .input-box,.bindMobile-form .input-box{height:36px}.phone-verify-form input[name="authcode"],.bindMobile-form input[name="authcode"],.bindMobile-form input[type="tel"]{height:36px;line-height:36px}.bindMobile-form .input-box .text-label-phone{background-position:2px 9px}.verifyname-title{font:13px/18px 'microsoft yahei';padding:0 10px 10px}@media screen and (min-width:400px){.middle-con .txt{font-size:16px}.no-exist-name{width:80%}.no-exist-name p{font-size:16px;line-height:22px}.unnormal-state p{font-size:18px}.unnormal-state p.warning{font-size:24px}.verify-number span{font-size:16px}.home-wrapper{width:332px;margin:0 auto}}.index-reg-btn{display:block;height:46px;border:1px solid #939292;border-radius:2px;font-size:14px;line-height:46px;text-align:center;color:#b31d27}.bindTips{font-size:14px;line-height:1.5;margin:-10px 0 20px 0;color:#999;padding:0}.bindTips a{color:#0c80ff}.title-tip{font-size:16px;line-height:1.5;color:#444;margin-bottom:25px}
.occupy-error p{font-size:15px;text-align:center}.verify-btn{text-align:center;margin-bottom:25px}.verify-btn a{display:inline-block;width:135px;height:34px;border-radius:17px;background-color:#d8544c;color:#fff;text-align:center;font-size:16px;line-height:34px;margin:0 5px}.verify-btn .btn-disable{background-color:#b7b7b7}.verify-mail .change-link{font-size:14px;color:#176098}.verify-tips{position:absolute;bottom:25px;margin:0 10px;color:#999;font-size:14px;line-height:1.5}.verify-tips p{margin-bottom:5px}.verify-tips ol{list-style-type:decimal;padding-left:10px;margin-left:10px}.verify-btn .normal{background-color:#fff;border:1px solid #da5a52;color:#da5a52}.info-section{background-color:#fff;border-bottom:1px solid #e1e1e1;margin-bottom:10px}.info-section li{padding:0 10px;position:relative}.info-section li a{display:-webkit-box;display:-moz-box;display:box;padding:14px 0;font-size:16px;border-bottom:1px solid #e1e1e1;color:#444;position:relative}.info-section .unVerify:after{content:"未验证";display:inline-block;font-size:12px;background:#ffe849;color:#fff;padding:2px 3px;margin:-2px 0 0 3px;border-radius:3px}.info-section .pwd-weak:after,.info-section .pwd-normal:after{content:"弱";display:inline-block;font-size:12px;background:#ffe849;color:#fff;padding:2px 3px;margin:-2px 0 0 3px;border-radius:2px}.info-section .pwd-normal:after{content:"中";background:#6c0}.info-section li .portrait{position:absolute;height:100%;width:100%;left:0;top:0;opacity:0}.info-section li:last-child a{border-bottom:0}.info-section .title{display:block;font-size:16px}.info-section .img-title{line-height:54px}.info-section .con,.info-section .img-con{display:block;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;font-size:16px;text-align:right;color:#999}.info-section .img-con i{display:inline-block;width:60px;height:60px;border:4px solid #f3f3f3;border-radius:30px}.info-section .img-con img{width:52px;height:52px;border-radius:26px}.info-section a em{display:block;width:12px;height:12px;border-top:1px solid #aaa;border-right:1px solid #aaa;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);position:relative;margin-left:10px}.info-section a em.img-arrow{margin-top:18px}.logout{display:block;width:128px;height:33px;margin:25px auto 0;font-size:16px;line-height:33px;color:#444;background-color:#fff;border:1px solid #b6b6b6;text-align:center}