html,body{height:100%;width:100%;display:flex;justify-content:center;align-items:center;background-image:url("/image/reg/reg_bg_1.jpg");background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.main{width:384px;display:flex;flex-direction:column;justify-content:center}.main>.logo{text-align:center;margin-bottom:48px}.main>.logo>img{height:51px}.main>.block{box-shadow:0 0 4px rgba(153,153,153,0.25);padding:24px}.main>.block>.block-title{text-align:center}.main>.block .input{width:256px;height:20px;background:#fff;border:2px solid #f2f4fa;border-radius:5px;margin-bottom:8px;display:flex;padding:12px 16px}.main>.block .input>input{flex:1;border:0;outline:0}.main>.block input::placeholder{font-size:14px;font-weight:500;color:#999}.main>.block>.action{margin-top:24px;display:flex}.main>.block>.action>button{width:132px;height:36px;background:#fff;border:1px solid #f2f4fa;border-radius:5px;font-size:14px;font-weight:500;color:#999}.main>.block>.action>button.btn-primary{position:relative;background:#49a8fc;border:1px solid #49a8fc;color:#fff;margin-left:24px}.main>.block>.action>button.btn-primary.duration{color:#49a8fc}.main>.fast-login-container{width:336px;height:229px;display:flex;flex-direction:column;position:relative}.main>.fast-login-container>.corner{cursor:pointer;background-image:url("/style/img/login_corner.png");background-repeat:no-repeat;width:60px;height:60px;position:absolute;right:0;top:0;background-position:-201px -199px;border-radius:0 10px 0 0}.main>.fast-login-container>.fast-login{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:36px}.main>.fast-login-container>.fast-login>.wechat{width:260px;height:16px;background:#fff;border:2px solid #f2f4fa;border-radius:5px;padding:12px;display:flex;align-items:center;justify-content:center;cursor:pointer}.main>.fast-login-container>.fast-login>.wechat>.icon{font-size:14px;font-weight:500;color:#50b674;background-position:left;background-size:20px 20px;background-repeat:no-repeat;background-image:url("/style/img/common/sns_weixin.png");padding-left:28px}.main>.fast-login-container>.fast-login>.wechat>.label{font-size:14px;font-weight:500;color:#999;margin-left:24px}.main>.fast-login-container>.switch-login{margin-top:16px;font-size:12px;font-weight:500;color:#49a8fc;text-align:center;cursor:pointer}.main>.qrcode-login-container{width:336px;height:229px;display:flex;flex-direction:column;position:relative}.main>.qrcode-login-container>.corner{cursor:pointer;background-image:url("/style/img/login_corner.png");background-repeat:no-repeat;width:60px;height:60px;position:absolute;right:0;top:0;background-position:-260px -260px;border-radius:0 10px 0 0}.main>.qrcode-login-container>.qrcode-login{margin-top:24px;display:flex;flex-direction:column;align-items:center;justify-content:center}.main>.qrcode-login-container>.qrcode-login>.qrcode{width:120px;height:120px}.main>.qrcode-login-container>.qrcode-login>.qrcode-logo{width:30px;height:30px;position:absolute}.main>.qrcode-login-container>.qrcode-login>.qrcode-logo>img{width:30px;height:30px}.main>.qrcode-login-container>.qrcode-login>.loading-mask{position:absolute;width:120px;height:120px;background:rgba(0,0,0,0.75);display:none;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:500}.main>.qrcode-login-container>.qrcode-tips{text-align:center;margin-top:22px;font-size:14px;color:#999}.main>.account-login-container{width:336px;display:flex;flex-direction:column;align-items:center}.main>.account-login-container>.account-login{display:flex;flex-direction:column;margin-top:36px;width:288px;background:#fff;border:2px solid #f2f4fa;border-radius:5px;padding:12px 0}.main>.account-login-container>.account-login>.group-container{position:relative}.main>.account-login-container>.account-login>.group-container>.img-verifycode{cursor:pointer;position:absolute;top:-12px;right:0;height:42px}.main>.account-login-container>.account-login>input,.main>.account-login-container>.account-login>.group-container>input{height:16px;margin:0 12px;border:0;outline:0}.main>.account-login-container>.account-login>.split{border-top:2px solid #f2f4fa;margin:12px 0}.main>.account-login-container>.action-sub{display:flex;justify-content:space-between;width:288px;margin-top:8px}.main>.account-login-container>.action-sub>.remember-me{display:flex;align-items:center}.main>.account-login-container>.action-sub>.remember-me>label>input{width:14px;height:14px;background:#f2f4fa;border:1px solid #f2f4fa;border-radius:2px}.main>.account-login-container>.action-sub>.remember-me>label{font-size:12px;font-weight:500;color:#999;display:flex;align-items:center}.main>.account-login-container>.action-sub>.find-pwd{font-size:12px;font-weight:500;color:#db496a;cursor:pointer}.main>.account-login-container>.reg{font-size:12px;font-weight:500;color:#49a8fc;margin-top:20px;cursor:pointer}.main>.register-container{width:336px;display:flex;flex-direction:column;align-items:center}.main>.register-container>.register{margin-top:36px;margin-bottom:-8px}.main>.register-container>.register>.input>.split{border-left:2px solid #f2f4fa;margin:0 12px}.main>.register-container>.register>.input>.verify-code{font-size:14px;font-weight:500;color:#49a8fc;cursor:pointer}.main>.register-container>.register>.input>.verify-code.countdown{color:#999}.main>.find-pwd-account-container{width:336px;display:flex;flex-direction:column;align-items:center}.main>.find-pwd-account-container>.account{margin-top:36px;margin-bottom:-8px}.main>.find-pwd-reset-container{width:336px;display:flex;flex-direction:column;align-items:center}.main>.find-pwd-reset-container>.find-pwd-reset{margin-top:36px;margin-bottom:-8px}.main>.find-pwd-reset-container>.find-pwd-reset>.info{display:flex;justify-content:space-between;align-items:center;margin:12px 0 8px 0}.main>.find-pwd-reset-container>.find-pwd-reset>.info>.mobile{font-size:14px;font-weight:500;color:#333}.main>.find-pwd-reset-container>.find-pwd-reset>.info>.modify{font-size:12px;font-weight:500;color:#999;cursor:pointer}.main>.find-pwd-reset-container>.find-pwd-reset>.input>.split{border-left:2px solid #f2f4fa;margin:0 12px}.main>.find-pwd-reset-container>.find-pwd-reset>.input>.verify-code{font-size:14px;font-weight:500;color:#49a8fc;cursor:pointer}.main>.find-pwd-reset-container>.find-pwd-reset>.input>.verify-code.countdown{color:#999}.footer{position:absolute;bottom:0;display:flex;flex-direction:column;margin-bottom:24px}.footer>div{display:flex;align-items:center;justify-content:center}.footer>.link{margin-bottom:8px;font-size:12px;font-weight:500;color:#fff}.footer>.link>a{font-size:12px;font-weight:500;color:#fff}.footer .copy-right{font-size:12px;font-weight:500;color:#fff}.footer .icp{font-size:12px;font-weight:500;color:#fff}