.login-pannel-wrap{display:none;position:fixed;z-index:999;top:0;bottom:0;right:0;left:0;margin:auto;background-color:rgba(0,0,0,.4)}.login-pannel-wrap .default-dsno{display:none}.login-pannel-wrap .gray-bg{background-color:#cacaca!important}.login-pannel-wrap .red-border{border-color:#ff2c2c!important}.login-pannel-wrap .login-pannel{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;bottom:0;left:0;right:0;width:480px;height:636px;margin:auto;border-radius:16px;background:#fff url(######fix-static-cdn-url#####/official/common/component/header-type/login-box/img/box-bg-efc21c9e8c.jpg) no-repeat 50%/cover;overflow:hidden}.login-pannel-wrap .login-pannel .back-step{display:none;position:absolute;top:14px;left:24px;width:64px;height:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.login-pannel-wrap .login-pannel .back-step img{float:left;width:24px;height:24px}.login-pannel-wrap .login-pannel .back-step i{float:right;color:rgba(0,0,0,.8);font-style:normal;font-size:18px;line-height:24px;text-align:right}.login-pannel-wrap .login-pannel .login-types{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:50%;top:8px;width:172px;height:36px;margin-left:-86px;padding:2px;background-color:#eee;border-radius:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.login-pannel-wrap .login-pannel .login-types .login-type{float:left;width:84px;height:32px;color:rgba(0,0,0,.6);font-size:14px;line-height:32px;text-align:center;border-radius:16px;cursor:pointer}.login-pannel-wrap .login-pannel .login-types .login-type.active{color:rgba(0,0,0,.8);font-weight:700;background-color:#fff;cursor:default}.login-pannel-wrap .login-pannel .close-btn{position:absolute;top:14px;right:16px;width:24px;height:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.login-pannel-wrap .login-pannel .login-section-wrap .login-section{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%}.login-pannel-wrap .login-pannel .login-section-wrap .login-input-wrap{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:360px;height:54px;margin:8px auto 0;background-color:#fafafa;border:1px solid #f4f4f4;border-radius:27px;overflow:hidden}.login-pannel-wrap .login-pannel .login-section-wrap .login-input-wrap input{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;height:100%;padding-left:36px;padding-right:60px;color:rgba(0,0,0,.8);font-weight:400;font-size:18px;background-color:transparent;border:none;outline:none}.login-pannel-wrap .login-pannel .login-section-wrap .login-input-wrap input::-webkit-input-placeholder{font-size:16px}.login-pannel-wrap .login-pannel .login-section-wrap .login-input-wrap input::-moz-placeholder{font-size:16px}.login-pannel-wrap .login-pannel .login-section-wrap .login-input-wrap input::-ms-input-placeholder{font-size:16px}.login-pannel-wrap .login-pannel .login-section-wrap .login-input-wrap input::placeholder{font-size:16px}.login-pannel-wrap .login-pannel .login-section-wrap .login-input-wrap .phone-input{padding-left:60px;text-align:center}.login-pannel-wrap .login-pannel .login-section-wrap .login-input-wrap .checkout-pwd,.login-pannel-wrap .login-pannel .login-section-wrap .login-input-wrap .clear-btn{position:absolute;top:50%;right:36px;width:15px;height:15px;margin-top:-8px;cursor:pointer}.login-pannel-wrap .login-pannel .login-section-wrap .login-input-wrap .checkout-pwd{width:16px;height:16px}.login-pannel-wrap .login-pannel .login-section-wrap .scan-section{padding-top:76px}.login-pannel-wrap .login-pannel .login-section-wrap .scan-section .scan-logo{display:block;width:88px;height:88px;margin:auto}.login-pannel-wrap .login-pannel .login-section-wrap .scan-section .scan-section-title{margin:8px auto 4px;color:rgba(0,0,0,.8);font-weight:700;font-size:24px;line-height:33px;text-align:center}.login-pannel-wrap .login-pannel .login-section-wrap .scan-section .scan-section-desc{width:90%;height:41px;margin:auto;color:rgba(0,0,0,.6);font-size:16px;line-height:22px;text-align:center}.login-pannel-wrap .login-pannel .login-section-wrap .scan-section .scan-section-desc em{margin:0 2px;color:#ff5f16;font-style:normal;font-weight:700}.login-pannel-wrap .login-pannel .login-section-wrap .scan-section .scan-qrcode-wrap{position:relative;width:190px;height:190px;margin:auto}.login-pannel-wrap .login-pannel .login-section-wrap .scan-section .scan-qrcode-wrap .scan-qrcode-content{-webkit-box-sizing:border-box;box-sizing:border-box;width:188px;height:188px;margin:auto;padding-top:12px;border-radius:12px;border:1px solid #f2f2f2}.login-pannel-wrap .login-pannel .login-section-wrap .scan-section .scan-qrcode-wrap .scan-qrcode-content img{display:block;width:164px;height:164px;margin:auto}.login-pannel-wrap .login-pannel .login-section-wrap .scan-section .scan-qrcode-wrap .scan-qrcode-content canvas{display:none}.login-pannel-wrap .login-pannel .login-section-wrap .scan-section .scan-qrcode-wrap .login-qr-reload-PINGAN_APP,.login-pannel-wrap .login-pannel .login-section-wrap .scan-section .scan-qrcode-wrap .login-qr-reload-WECHAT_MINI_PROGRAM{display:none;position:absolute;text-align:center;width:164px;height:164px;padding-top:38px;left:13px;top:13px;z-index:2;cursor:pointer;background-color:rgba(0,0,0,.7)}.login-pannel-wrap .login-pannel .login-section-wrap .scan-section .scan-qrcode-wrap .login-qr-invalid-text{font-size:16px;color:#fff;font-weight:700;margin:8px auto 4px;line-height:22px}.login-pannel-wrap .login-pannel .login-section-wrap .scan-section .scan-qrcode-wrap .login-qr-again{font-size:16px;color:#fff;line-height:22px}.login-pannel-wrap .login-pannel .login-section-wrap .scan-section .scan-qrcode-wrap .login-qr-reload-img{width:36px;height:36px;margin:0 auto}.login-pannel-wrap .login-pannel .login-section-wrap .scan-section .scan-qrcode-wrap .scan-qrcode-icon{display:none;position:absolute;top:50%;left:50%;z-index:1;width:36px;height:36px;margin-top:-18px;margin-left:-18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.login-pannel-wrap .login-pannel .login-section-wrap .scan-section .scan-qrcode-wrap .scan-qrcode-success{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:13px;left:13px;z-index:2;width:164px;height:164px;padding-top:41px;background-color:rgba(0,0,0,.7)}.login-pannel-wrap .login-pannel .login-section-wrap .scan-section .scan-qrcode-wrap .scan-qrcode-success .scan-logo{display:block;width:30px;height:30px;margin:0 auto 12px}.login-pannel-wrap .login-pannel .login-section-wrap .scan-section .scan-qrcode-wrap .scan-qrcode-success span{display:block;color:#fff;font-size:16px;line-height:22px;text-align:center}.login-pannel-wrap .login-pannel .login-section-wrap .scan-section .scan-checkout-btn{width:204px;height:48px;margin:20px auto 0;color:#ff5f16;font-size:16px;line-height:48px;text-align:center;background-color:rgba(255,95,22,.08);border-radius:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.login-pannel-wrap .login-pannel .login-section-wrap .scan-section .scan-checkout-btn .wechat-icon{display:inline-block;width:16px;height:16px;margin-top:16px;margin-right:4px;vertical-align:top}.login-pannel-wrap .login-pannel .login-section-wrap .input-section{padding-top:76px}.login-pannel-wrap .login-pannel .login-section-wrap .input-section .login-logo{display:block;width:88px;height:88px;margin:auto}.login-pannel-wrap .login-pannel .login-section-wrap .input-section .input-section-title{margin:8px auto 6px;color:rgba(0,0,0,.8);font-weight:700;font-size:24px;line-height:33px;text-align:center}.login-pannel-wrap .login-pannel .login-section-wrap .input-section .input-section-desc{width:326px;height:62px;margin:auto;color:rgba(0,0,0,.6);font-size:14px;line-height:20px;text-align:center}.login-pannel-wrap .login-pannel .login-section-wrap .input-section .login-tabs{padding-bottom:17px;font-size:0;text-align:center}.login-pannel-wrap .login-pannel .login-section-wrap .input-section .login-tabs .login-tab{position:relative;display:inline-block;width:130px;height:40px;margin:0 30px;color:rgba(0,0,0,.6);font-size:16px;line-height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.login-pannel-wrap .login-pannel .login-section-wrap .input-section .login-tabs .login-tab.active{color:#ff5f16;font-weight:700;cursor:default}.login-pannel-wrap .login-pannel .login-section-wrap .input-section .login-tabs .login-tab.active:after{content:"";position:absolute;bottom:0;left:50%;width:42px;height:3px;margin-left:-21px;background-color:#ff5f16;border-radius:3px}.login-pannel-wrap .login-pannel .login-section-wrap .input-section .login-input-tips{width:360px;height:39px;margin:0 auto -22px;font-size:12px;line-height:36px}.login-pannel-wrap .login-pannel .login-section-wrap .input-section .login-input-tips span{float:left;width:290px;color:#ff2c2c;overflow:hidden;white-space:nowrap}.login-pannel-wrap .login-pannel .login-section-wrap .input-section .login-input-tips em{float:right;color:rgba(0,0,0,.6);font-style:normal;cursor:pointer}.login-pannel-wrap .login-pannel .login-section-wrap .input-section .login-input-tips em:hover{text-decoration:underline}.login-pannel-wrap .login-pannel .login-section-wrap .input-section .login-input-btn{width:360px;height:54px;margin:22px auto 0;color:#fff;font-weight:700;font-size:21px;line-height:54px;text-align:center;background-color:#ff5f16;border-radius:54px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.login-pannel-wrap .login-pannel .login-section-wrap .input-section .login-input-otp-tips{width:360px;margin:16px auto 0;color:#ff2c2c;font-size:14px;line-height:20px;text-align:center}.login-pannel-wrap .login-pannel .login-section-wrap .captcha-section{padding-top:136px}.login-pannel-wrap .login-pannel .login-section-wrap .captcha-section .captcha-title{color:rgba(0,0,0,.8);font-weight:700;font-size:24px;line-height:33px;text-align:center}.login-pannel-wrap .login-pannel .login-section-wrap .captcha-section .captcha-desc{-webkit-box-sizing:border-box;box-sizing:border-box;height:86px;padding-top:8px}.login-pannel-wrap .login-pannel .login-section-wrap .captcha-section .captcha-desc .captcha-phone{color:rgba(0,0,0,.6);font-size:16px;line-height:22px;text-align:center}.login-pannel-wrap .login-pannel .login-section-wrap .captcha-section .captcha-desc .captcha-phone span{margin-left:6px;color:rgba(0,0,0,.8)}.login-pannel-wrap .login-pannel .login-section-wrap .captcha-section .captcha-desc .change-phone{width:150px;margin:8px auto 0;color:#ff5f16;font-size:16px;line-height:22px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.login-pannel-wrap .login-pannel .login-section-wrap .captcha-section .captcha-desc .change-phone img{display:inline-block;width:12px;height:12px;margin-top:5px;margin-left:4px;vertical-align:top}.login-pannel-wrap .login-pannel .login-section-wrap .captcha-section .captcha-desc .error-tips{display:none;width:80%;margin:auto;color:#ff2c2c;font-size:16px;line-height:22px;text-align:center}.login-pannel-wrap .login-pannel .login-section-wrap .captcha-section .nums-wrap{position:relative;width:380px;height:60px;margin:auto;text-align:center;overflow:hidden}.login-pannel-wrap .login-pannel .login-section-wrap .captcha-section .nums-wrap .nums-input{position:absolute;top:0;right:0;width:200%;height:100%;font-size:1px;opacity:0;color:transparent}@-webkit-keyframes a{50%{background-color:transparent}}@keyframes a{50%{background-color:transparent}}.login-pannel-wrap .login-pannel .login-section-wrap .captcha-section .nums-wrap .num-val{-webkit-box-sizing:border-box;box-sizing:border-box;float:left;width:50px;height:60px;margin:0 6px;color:rgba(0,0,0,.8);font-weight:700;font-size:28px;line-height:58px;text-align:center;background-color:#fafafa;border:1px solid #f4f4f4;border-radius:4px}.login-pannel-wrap .login-pannel .login-section-wrap .captcha-section .nums-wrap .num-val-line:after{content:"";display:inline-block;width:1px;height:28px;margin-top:15px;background-color:#ff5f16;-webkit-animation:a 1s step-end infinite;animation:a 1s step-end infinite;vertical-align:top}.login-pannel-wrap .login-pannel .login-section-wrap .captcha-section .change-tabs-wrap{width:360px;height:22px;margin:16px auto 0;line-height:22px}.login-pannel-wrap .login-pannel .login-section-wrap .captcha-section .change-tabs-wrap span{float:left;color:#ff5f16;font-size:16px;cursor:pointer}.login-pannel-wrap .login-pannel .login-section-wrap .captcha-section .change-tabs-wrap em{float:right;color:rgba(0,0,0,.6);font-style:normal;font-size:16px;cursor:pointer}.login-pannel-wrap .login-pannel .login-section-wrap .again-otp-section{padding-top:136px}.login-pannel-wrap .login-pannel .login-section-wrap .again-otp-section .again-otp-title{color:rgba(0,0,0,.8);font-weight:700;font-size:24px;line-height:33px;text-align:center}.login-pannel-wrap .login-pannel .login-section-wrap .again-otp-section .again-otp-desc{height:22px;margin-top:8px;color:rgba(0,0,0,.6);font-size:16px;line-height:22px;text-align:center}.login-pannel-wrap .login-pannel .login-section-wrap .again-otp-section .again-otp-phone{-webkit-box-sizing:border-box;box-sizing:border-box;width:360px;height:54px;margin:54px auto 24px;color:rgba(0,0,0,.8);font-weight:700;font-size:24px;line-height:52px;text-align:center;background-color:#fafafa;border:1px solid #f4f4f4;border-radius:54px}.login-pannel-wrap .login-pannel .login-section-wrap .again-otp-section .again-otp-btn{width:360px;height:54px;margin:auto;color:#fff;font-weight:700;font-size:21px;line-height:54px;text-align:center;background-color:#ff5f16;border-radius:54px;cursor:pointer}.login-pannel-wrap .login-pannel .login-section-wrap .again-otp-section .again-otp-tips{width:360px;margin:16px auto 0;color:#ff2c2c;font-size:14px;line-height:20px;text-align:center}.login-pannel-wrap .login-pannel .login-section-wrap .again-account-section{padding-top:136px}.login-pannel-wrap .login-pannel .login-section-wrap .again-account-section .again-account-title{color:rgba(0,0,0,.8);font-weight:700;font-size:24px;line-height:33px;text-align:center}.login-pannel-wrap .login-pannel .login-section-wrap .again-account-section .again-account-desc{height:62px;margin-top:8px;color:rgba(0,0,0,.6);font-size:16px;line-height:22px;text-align:center}.login-pannel-wrap .login-pannel .login-section-wrap .again-account-section .again-account-tips{-webkit-box-sizing:border-box;box-sizing:border-box;width:360px;min-height:24px;color:#ff2c2c;font-size:14px;margin:8px auto 11px;line-height:24px;text-align:center}.login-pannel-wrap .login-pannel .login-section-wrap .again-account-section .again-account-btn{width:360px;height:54px;margin:0 auto 24px;color:#fff;font-weight:700;font-size:21px;line-height:54px;text-align:center;background-color:#ff5f16;border-radius:54px;cursor:pointer}.login-pannel-wrap .login-pannel .login-section-wrap .again-account-section .again-account-forgot-pwd{width:90px;margin:auto;color:rgba(0,0,0,.6);font-size:16px;line-height:22px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.login-pannel-wrap .login-pannel .login-section-wrap .again-account-section .again-account-forgot-pwd:hover{text-decoration:underline}.login-pannel-wrap .login-pannel .login-section-wrap .info-account-section{padding-top:136px}.login-pannel-wrap .login-pannel .login-section-wrap .info-account-section .info-account-title{color:rgba(0,0,0,.8);font-weight:700;font-size:24px;line-height:33px;text-align:center}.login-pannel-wrap .login-pannel .login-section-wrap .info-account-section .info-account-desc{height:62px;margin-top:8px;color:rgba(0,0,0,.6);font-size:16px;line-height:22px;text-align:center}.login-pannel-wrap .login-pannel .login-section-wrap .info-account-section .info-input-tips{width:360px;height:54px;margin:auto;font-size:12px;line-height:38px}.login-pannel-wrap .login-pannel .login-section-wrap .info-account-section .info-input-tips span{float:left;width:290px;color:#ff2c2c;overflow:hidden;white-space:nowrap}.login-pannel-wrap .login-pannel .login-section-wrap .info-account-section .info-input-tips em{float:right;color:rgba(0,0,0,.6);font-style:normal;cursor:pointer}.login-pannel-wrap .login-pannel .login-section-wrap .info-account-section .info-input-tips em:hover{text-decoration:underline}.login-pannel-wrap .login-pannel .login-section-wrap .info-account-section .info-account-btn{width:360px;height:54px;margin:auto;color:#fff;font-weight:700;font-size:21px;line-height:54px;text-align:center;background-color:#ff5f16;border-radius:54px;cursor:pointer}.login-pannel-wrap .login-pannel .login-section-wrap .info-account-section .info-account-go-wechat{-webkit-box-sizing:border-box;box-sizing:border-box;width:360px;height:54px;margin:16px auto 0;color:#ff5f16;font-size:21px;line-height:52px;text-align:center;border:1px solid #ff5f16;border-radius:54px;cursor:pointer}.login-pannel-wrap .login-pannel .login-section-wrap .info-account-section .info-account-go-wechat img{display:inline-block;width:18px;height:18px;margin-top:17px;margin-right:7px;vertical-align:top}.login-pannel-wrap .login-pannel .login-section-wrap .exception-section,.login-pannel-wrap .login-pannel .login-section-wrap .info-qrcode-section{padding-top:167px}.login-pannel-wrap .login-pannel .login-section-wrap .exception-section .info-qrcode-title,.login-pannel-wrap .login-pannel .login-section-wrap .info-qrcode-section .info-qrcode-title{color:rgba(0,0,0,.8);font-weight:700;font-size:24px;line-height:33px;text-align:center}.login-pannel-wrap .login-pannel .login-section-wrap .exception-section .info-qrcode-desc,.login-pannel-wrap .login-pannel .login-section-wrap .info-qrcode-section .info-qrcode-desc{width:70%;margin:8px auto 0;color:rgba(0,0,0,.6);font-size:16px;line-height:22px;text-align:center}.login-pannel-wrap .login-pannel .login-section-wrap .exception-section .info-qrcode-wrap,.login-pannel-wrap .login-pannel .login-section-wrap .info-qrcode-section .info-qrcode-wrap{-webkit-box-sizing:border-box;box-sizing:border-box;width:188px;height:188px;margin:32px auto 0;padding-top:12px;border-radius:12px;border:1px solid #f2f2f2}.login-pannel-wrap .login-pannel .login-section-wrap .exception-section .info-qrcode-wrap img,.login-pannel-wrap .login-pannel .login-section-wrap .info-qrcode-section .info-qrcode-wrap img{display:block;width:164px;height:164px;margin:auto}.login-pannel-wrap .login-pannel .login-section-wrap .exception-section .info-qrcode-wrap canvas,.login-pannel-wrap .login-pannel .login-section-wrap .info-qrcode-section .info-qrcode-wrap canvas{display:none}.login-pannel-wrap .login-pannel .login-section-wrap .exception-section .exception-icon{display:block;width:64px;height:64px;margin:0 auto 24px}.login-pannel-wrap .login-pannel .login-section-wrap .exception-section .exception-btn{width:360px;height:54px;margin:48px auto 0;color:#fff;font-weight:700;font-size:21px;line-height:54px;text-align:center;background-color:#ff5f16;border-radius:54px;cursor:pointer}.login-pannel-wrap .login-pannel .scan-protocol{position:absolute;bottom:36px;left:48px;width:384px;color:rgba(0,0,0,.6);font-size:14px;line-height:20px;text-align:center}.login-pannel-wrap .login-pannel .scan-protocol a{color:#ff5f16}.login-pannel-wrap .login-pannel .scan-protocol a:hover{text-decoration:underline}.login-pannel-wrap .login-pannel .protocol-wrap{position:absolute;bottom:16px;left:71px;width:338px}.login-pannel-wrap .login-pannel .protocol-wrap .protocol-item{display:block;margin-bottom:8px;color:rgba(0,0,0,.6);font-size:12px;line-height:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.login-pannel-wrap .login-pannel .protocol-wrap .protocol-item input{display:none}.login-pannel-wrap .login-pannel .protocol-wrap .protocol-item input:checked+.select-box .select-icon{display:block}.login-pannel-wrap .login-pannel .protocol-wrap .protocol-item input:checked+.select-box .unselect-icon{display:none}.login-pannel-wrap .login-pannel .protocol-wrap .protocol-item .select-box{display:inline-block;width:18px;height:18px;margin-top:1px;margin-right:4px;vertical-align:top}.login-pannel-wrap .login-pannel .protocol-wrap .protocol-item .select-box img{display:block;width:18px;height:18px}.login-pannel-wrap .login-pannel .protocol-wrap .protocol-item .select-box .select-icon{display:none}.login-pannel-wrap .login-pannel .protocol-wrap .protocol-item a{color:#ff5f16}.login-pannel-wrap .login-pannel .protocol-wrap .protocol-item a:hover{text-decoration:underline}.protocol-box-wrap{display:none;position:fixed;z-index:1000;top:0;bottom:0;right:0;left:0;margin:auto}.protocol-box-wrap .protocol-box{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;bottom:0;right:0;left:0;width:545px;height:210px;margin:auto;padding:24px;background-color:#fff;border-radius:16px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px rgba(0,0,0,.05)}.protocol-box-wrap .protocol-box h6{color:rgba(0,0,0,.8);font-weight:700;font-size:18px;line-height:25px;text-align:center}.protocol-box-wrap .protocol-box p{margin:13px auto 32px;color:rgba(0,0,0,.8);font-size:16px;line-height:24px}.protocol-box-wrap .protocol-box p a,.protocol-box-wrap .protocol-box p span{color:#ff5f16;font-weight:700}.protocol-box-wrap .protocol-box .btn-wrap{font-size:0;text-align:center}.protocol-box-wrap .protocol-box .btn-wrap b{display:inline-block;width:127px;height:44px;margin:0 10px;font-size:16px;line-height:44px;text-align:center;border-radius:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.protocol-box-wrap .protocol-box .btn-wrap b:hover{opacity:.9}.protocol-box-wrap .protocol-box .btn-wrap b.disagree{color:rgba(0,0,0,.6);background-color:#f6f6f6}.protocol-box-wrap .protocol-box .btn-wrap b.agree{color:#fff;background-color:#ff5f16}