.phone[data-v-66e7d8a2]{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.getCode[data-v-66e7d8a2]{border-top-left-radius:0!important;border-bottom-left-radius:0!important;font-size:.8rem;cursor:pointer}.phone[data-v-63bee4e6]{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.getCode[data-v-63bee4e6]{border-top-left-radius:0!important;border-bottom-left-radius:0!important;font-size:.8rem;cursor:pointer}body,html{font-size:.9rem}:root{--color01:#02010d;--color02:#13013a;--color03:#4742cf;--color04:#edeff1;--color05:#9f9e9e;--color06:#f1bf42;--radius:2rem}.logiMain{background:#454ede!important}.btn-lg{font-size:1rem!important;line-height:2rem!important;font-weight:700!important}#login{width:100%;max-width:1200px;height:100vh;margin:0 auto;display:flex;align-items:center;justify-content:center}#login .loginBox{background-color:#fff;border-radius:var(--radius);overflow:hidden;width:70%;min-height:50vh;display:flex;justify-content:space-between}#login .loginBox .left{width:50%;position:relative;overflow:hidden;background:linear-gradient(230deg,#7155d7,#291c9e 90%)}#login .loginBox .left h2{color:#fff;top:20%}#login .loginBox .left h2,#login .loginBox .left img{position:absolute;left:50%;transform:translateX(-50%) translateY(-50%)}#login .loginBox .left img{width:80%;height:auto;-o-object-fit:cover;object-fit:cover;top:55%}#login .loginBox .left{background-color:var(--color02)}#login .loginBox .right{padding:5rem;flex:1}#login .loginBox .right>div,.main{width:100%}.main{display:flex;justify-content:space-between;min-height:100vh;background-color:#f6f8fc}.main .left{width:270px}.main .left .menu{display:flex;flex-direction:column}.main .left .menu>div{padding:1rem 0;font-size:1.1rem;font-weight:500;color:var(--color01);text-align:center;display:flex;align-items:center;justify-content:center;gap:2rem;transition:all .2s;cursor:pointer}.main .left .menu>div:hover{background-color:#fff;color:var(--color01)}.main .left .menu>div i{font-size:1.5rem}.main .left .menu>div.on{background-color:var(--color03);color:#fff}.main .right{width:calc(100% - 270px);background-color:#fff;border-top-left-radius:30px;border-bottom-left-radius:30px}.main .right .user{gap:1rem}.main .right .user .left i{background-color:var(--color03);color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.main .right .navs{border-bottom:1px solid var(--color04);color:var(--color05)}.main .right .navs>h6{cursor:pointer;padding-bottom:1rem;margin-bottom:-1px}.main .right .navs>h6:hover{color:var(--color01)}.main .right .navs h6.on{color:var(--color03);border-bottom:3px solid var(--color03)}.promotion .list{border:1px solid var(--color04);border-radius:9px;display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-bottom:10px}.promotion .list div:first-child{display:flex;align-items:center;gap:1rem}.promotion .list div:first-child img{width:40px}.promotion .list div:first-child div{display:flex;flex-direction:column;justify-content:center;gap:.3rem;align-items:start}.promotion .list div:first-child div h6{font-weight:700;margin:0}.promotion .list div:first-child div span{color:var(--color05)}.promotion .list div:nth-child(2){display:flex;align-items:center;gap:.5rem}.promotion .list div:nth-child(2) h6{margin-bottom:0;font-weight:700}.promotion .list div:nth-child(2) img{width:25px}.page-link{color:var(--color05)!important}.page-link:hover{color:var(--color03)!important}.btn-primary{background-color:var(--color03)!important}.rechargeList .listCard{border:1px solid var(--color04);transition:all .2s}.rechargeList .listCard:hover{background-color:#f8f7ff;border:1px solid var(--color03)}.active .page-link{color:#fff!important;font-weight:700}.rechargeList h1{font-family:Arial,Helvetica,sans-serif;font-weight:800}.rechargeList .content{color:var(--color05);border-bottom:1px dashed var(--color04)}@media (max-width:768px){#login .loginBox{flex-direction:column;width:100%;height:100vh;justify-content:start;border-radius:0}#login .loginBox input{height:45px}#login .loginBox .left{height:20vh;width:100%;border-radius:2rem;border-top-left-radius:0;border-top-right-radius:0}#login .loginBox .left img{width:60%;left:85%;top:65%}#login .loginBox .left h2{left:25%;top:50%}#login .loginBox .right{padding:2rem 3rem}}@media (max-width:1200px){.main>.left{width:100%;position:fixed;bottom:0;left:0;border-top:1px solid var(--color04);box-shadow:0 0 20px rgba(0,0,0,.05);z-index:999;background-color:#fff}.main>.left>.logo{display:none!important}.main>.left>.menu{flex-direction:row;justify-content:space-between}.main>.left>.menu>div{flex:1;flex-direction:column;gap:.3rem;font-size:.8rem;padding:.5rem 0}.main>.left>.menu>div:last-child{display:none}.main>.left>.menu>div i{font-size:2rem;line-height:2rem}.main .right{width:100%}.pageBody{padding-bottom:100px}}