@media screen and (orientation:portrait){.main-box[data-v-589a46b4]{width:100vw;height:100vh;background:#fff}.main-box .header[data-v-589a46b4]{width:100%;margin:0 auto;padding-left:.2rem;padding-right:.2rem;display:flex;align-items:center}.main-box .header .nav-btn[data-v-589a46b4]{margin-left:.2rem}.main-box .header .a-button[data-v-589a46b4]{background:#0e9a00;margin-left:.4rem;color:#fff}.main-box .header .img[data-v-589a46b4]{width:2.8519rem;display:block}.main-box .nav-container[data-v-589a46b4]{width:100%;height:80%;margin:.5rem auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.main-box .nav-container>div[data-v-589a46b4]{width:80%;height:2rem;line-height:2rem;border:1px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.18),0 0 6px rgba(0,0,0,.13);font-size:.6rem;text-align:center}.main-box .nav-container>div>a[data-v-589a46b4]{color:#0e2231}}@media screen and (orientation:landscape){.main-box[data-v-589a46b4]{width:100vw;height:100vh;background:#fff}.main-box .header[data-v-589a46b4]{width:100%;margin:0 auto;padding-left:.2rem;padding-right:.2rem;display:flex;align-items:center}.main-box .header .nav-btn[data-v-589a46b4]{margin-left:.2rem}.main-box .header .a-button[data-v-589a46b4]{background:#0e9a00;margin-left:.4rem;color:#fff}.main-box .header .img[data-v-589a46b4]{width:2.8519rem;display:block}.main-box .nav-container[data-v-589a46b4]{width:100%;height:80%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center}.main-box .nav-container>div[data-v-589a46b4]{width:30%;height:1.2rem;line-height:1.2rem;border:1px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.18),0 0 6px rgba(0,0,0,.13);font-size:.4rem;text-align:center}.main-box .nav-container>div>a[data-v-589a46b4]{color:#0e2231}}