@media(orientation: landscape){.mobile-only{display:none !important}}@media(orientation: portrait){html{font-size:18.8125vw}.pc-only{display:none !important}.mobile-only{display:block}.main{padding-top:.64rem}.main .top-bar{height:.64rem}.main .top-bar .container{width:85%;justify-content:space-between}.main .top-bar .container .logo{width:16%;height:auto}.main .top-bar .container .logo img{width:100%;height:auto}.main .top-bar .container .links a{margin:0 .1rem}.main .banner .slogan{width:30%}.main .content .container{width:94%}.main .content .container .positions .position{border-radius:15px}.main .content .container .positions .position.active{border:2px solid #027fff}.main .content .container .positions .position .position-container{border-radius:8px}.main .content .container .positions .position .title{font-size:.16rem}.main .footer{height:1.2rem}.main .footer .content{width:90%}.main .footer .logo{width:14%}.main .footer .cp-info{margin-top:.1rem}.top p{font-size:.14rem}.position-modal{max-height:90vh;width:90%;max-height:90dvh}.modal{padding:.1rem .05rem}.modal .top .title{font-size:.3rem}.modal .top .desc{gap:.18rem}.modal .top .desc .text{font-size:.16rem;margin:.05rem 0}.modal .top .desc .icon{width:.14rem;height:.14rem}.modal .top .sub-title{font-size:.2rem}.modal .top .sub-title span{font-size:.22rem}.modal .top p{font-size:.18rem}.modal .top p:last-child{margin-bottom:.5rem}.modal .top p .qr{width:40%}.modal a.close-modal{width:.3rem;height:.3rem}}/*# sourceMappingURL=join_m.css.map */