html{overflow-x:hidden}*{margin:0;padding:0}img{display:block}body{font-size:4.27vw}.app-download{width:100vw !important;display:none !important}::-webkit-scrollbar{width:0}[v-cloak]{display:none !important}.index{width:100vw;background:url(./img/whf_bg03.png) no-repeat top center #fff;background-size:100% calc(100% + 1.76rem);background-position:top -1.76rem center;background-color:#181d82;min-height:100vh;padding-top:12.22rem;padding-bottom:0.8rem;box-sizing:border-box;position:relative}.index .indexBtn{width:4.58rem;height:1.56rem;margin:0 auto;position:relative;z-index:1}.index .rulesBtn{position:fixed;right:0;top:1.8rem;z-index:10;background:linear-gradient(135deg, #6a86ff 0%, #4059d8 100%);color:#fff;font-size:0.22rem;font-weight:500;text-align:center;line-height:0.32rem;letter-spacing:2px;border-radius:0.36rem 0 0 0.36rem;padding:0.15rem 0.04rem 0.15rem 0.1rem;box-sizing:border-box;box-shadow:0 0.04rem 0.16rem rgba(64,89,216,0.4);writing-mode:vertical-rl;text-orientation:upright;cursor:pointer}.index .dialog{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.5);z-index:100}.index .dialog .content{width:100%;height:7.06rem;background:url(./img/loginBg.png) no-repeat center center;background-size:100% auto;border-radius:0.3rem 0.3rem 0 0;position:absolute;bottom:0;left:0;padding:0.5rem 0.4rem 0.6rem;box-sizing:border-box}.index .dialog .content .logo-box{width:100%;position:absolute;bottom:0.62rem;left:0;display:flex;justify-content:space-between;padding:0 1.5rem;box-sizing:border-box}.index .dialog .content .logo-box .logo1{width:1.96rem;height:auto}.index .dialog .content .logo-box .logo2{width:1.96rem;height:auto}.index .dialog .close{width:0.32rem;height:0.32rem;position:absolute;top:0.3rem;right:0.3rem;cursor:pointer}.index .dialog .inputBox{width:100%;margin-top:0.5rem;box-sizing:border-box}.index .dialog .inputBox .phoneItem{width:100%;height:0.96rem;background:#fff;border-radius:0.16rem;display:flex;align-items:center;padding:0 0.18rem;box-sizing:border-box;margin-bottom:0.24rem;box-shadow:0 0.04rem 0.16rem rgba(0,0,0,0.04)}.index .dialog .inputBox .phoneItem .prefix{font-size:0.32rem;color:#ff5a8a;font-weight:600;width:0.84rem;margin-right:0.48rem;border-right:0.01rem solid rgba(153,153,153,0.3)}.index .dialog .inputBox .phoneItem .phoneInput{flex:1;height:100%;border:none;outline:none;font-size:0.32rem;color:#333;background:transparent}.index .dialog .inputBox .phoneItem .phoneInput::placeholder{color:#999}.index .dialog .inputBox .codeItem{width:100%;height:0.96rem;background:#fff;border-radius:0.16rem;display:flex;align-items:center;padding:0 0.2rem 0 0.18rem;box-sizing:border-box;margin-bottom:0.24rem;box-shadow:0 0.04rem 0.16rem rgba(0,0,0,0.04)}.index .dialog .inputBox .codeItem .codeInput{flex:1;height:100%;border:none;outline:none;font-size:0.32rem;color:#333;background:transparent}.index .dialog .inputBox .codeItem .codeInput::placeholder{color:#999}.index .dialog .inputBox .codeItem .codeBtn{width:1.9rem;height:0.56rem;line-height:0.56rem}.index .dialog .inputBox .codeItem .timeB{color:#ee507c;text-align:center}.index .dialog .inputBox .agreeBox{display:flex;align-items:flex-start;margin-top:0.2rem;cursor:pointer}.index .dialog .inputBox .agreeBox .checkbox{width:0.28rem;height:0.28rem;margin-right:0.12rem;box-sizing:border-box}.index .dialog .inputBox .agreeBox .tips{font-size:0.24rem;color:#FF336C;line-height:1.4;flex:1}.index .dialog .confirmBtn{width:4.82rem;height:0.92rem;margin:0 auto;margin-top:0.64rem}.index .successDialog{display:flex;align-items:center;justify-content:center}.index .successWrap{display:flex;flex-direction:column;align-items:center;position:relative}.index .successBg{width:7.1rem;height:7.38rem;background:url(./img/successBg.png) no-repeat center/100% 100%;box-sizing:border-box;padding:4.9rem 0.74rem 0 0.74rem;position:relative}.index .successBg .user-box{position:absolute;left:0.4rem;top:2.74rem}.index .successBg .user-box .user-head{width:1.64rem;height:1.64rem;border-radius:50%}.index .successBg .user-box .user-tag{position:absolute;top:1.12rem;left:-0.08rem;width:2rem;height:0.7rem}.index .successBg .successContent{width:5rem;height:1.36rem;margin:0 0 0 0.50rem;display:flex;align-items:center}.index .successBg .qrcode{width:1.36rem;height:1.36rem;flex-shrink:0}.index .successBg .txtBox{height:100%;margin-left:0.25rem;display:flex;flex-direction:column;justify-content:space-between;padding:0.15rem 0;box-sizing:border-box}.index .successBg .txt1{font-size:0.34rem;color:#fff;line-height:0.48rem;font-weight:bold}.index .successBg .txt2{font-size:0.24rem;color:#fff;line-height:0.48rem}.index .saveMask{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:2;pointer-events:auto;object-fit:cover}.index .successClose{width:0.6rem;height:0.6rem;margin-top:0.3rem;position:relative;z-index:3}.shareGenDialog{position:fixed;top:-100rem;left:0;width:100%;height:16.24rem;background-image:url(./img/whf_bg02.png);background-size:100%;display:flex;justify-content:center;box-sizing:border-box;z-index:999}.shareGenDialog .user-info{position:absolute;top:4.15rem;left:0.2rem;display:flex;justify-content:center;width:100%}.shareGenDialog .user-info .user-head{width:2.80rem;height:2.80rem;border-radius:50%;position:absolute;top:0;transform:rotate(10deg)}.shareGenDialog .user-info .share-logo{width:3.8rem;height:auto;position:absolute;top:1.5rem}.shareGenDialog .share-code{width:1.36rem;height:1.36rem;position:absolute;top:7.34rem;left:1.5rem;transform:rotate(5.5deg);opacity:1}.rules{width:100%;height:100vh;min-height:13.5rem;background:url(./img/whf_bg04.png) no-repeat #fff;background-size:100% calc(100% + 1.76rem);background-position:top -1.76rem center;box-sizing:border-box}.rules .rulesContent{height:100%;padding:0rem 0rem 1rem;overflow:hidden;position:relative;box-sizing:border-box}.rules .rulesContent .rulesT{width:4.56rem;height:1.42rem;margin:0 auto;position:absolute;top:0.9rem;left:1.54rem;z-index:2}.rules .rulesContent .rulesBox{width:7.34rem;height:13.06rem;background:url(./img/whf_gzbox.png) no-repeat top/100% 100%;margin-top:-0.18rem;box-sizing:border-box;padding:2.52rem 0.42rem 0.86rem 0.64rem;box-sizing:border-box;position:relative}.rules .rulesContent .rulesBox .rulesClose{width:0.6rem;height:0.6rem;position:absolute;bottom:-0.6rem;left:3.45rem;z-index:10;cursor:pointer}.rules .rulesContent .rulesBox .banxin{width:100%;height:100%;box-sizing:border-box;overflow-y:auto}.rules .rulesContent .rulesBox .banxin .title{width:1.76rem;height:0.51rem;margin-bottom:0.1rem}.rules .rulesContent .rulesBox .banxin .fontB{font-size:0.28rem;color:#00165F;font-weight:500}.rules .rulesContent .rulesBox .banxin .fontN{font-size:0.28rem;color:#5E729F}.rules .rulesContent .rulesB{width:5.32rem;height:1.08rem;margin:-0.18rem auto 0rem}