@keyframes fadeIn-up{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeIn-right{0%{opacity:0;transform:translateX(40px)}100%{opacity:1;transform:translateX(0)}}@keyframes opacityOut{0%{opacity:1}100%{opacity:0}}body{color:#020814}.title{font-size:30px;font-weight:bold;color:#020814;margin-bottom:60px}.title-p{font-size:18px;color:#51565d;line-height:1.5;margin-bottom:60px}.title-p-small{font-size:16px}.pb-120{padding-bottom:120px}.apply-btn-box{display:flex;width:-moz-fit-content;width:fit-content}.apply-btn-box a{display:flex;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;padding:6px 25px;line-height:1.5;border-radius:4px;font-size:16px;color:#fff;transition:all .3s ease-in-out;background:linear-gradient(90deg, #fc354c 0%, #ff4e4e 100%);transition:all .3s ease-in-out}.apply-btn-box a:hover{box-shadow:0 10px 25px 0 rgba(255,77,77,.4)}.apply-btn-box a:nth-child(2){margin-left:20px;color:#fc354c;border:2px solid #fc354c;background:#fff;transition:all .3s ease-in-out}.apply-btn-box a:nth-child(2):hover{box-shadow:0 10px 25px 0 rgba(255,77,77,.4)}.apply-btn-box .button-no-border{padding:8px 25px}.apply-btn-box a.button-lg{padding:10px 25px}.banner-wrap{height:450px;background:url("/assets/images/mpass_banner_bg.png") no-repeat center center/cover}.banner-wrap .box{display:flex;flex-direction:column;justify-content:center;height:100%}.banner-wrap .box .box-left{max-width:50%}.banner-wrap .box h1{font-size:36px;color:#fff}.banner-wrap .box p{font-size:18px;line-height:1.7;color:#fff;opacity:.8}.banner-wrap .box .banner-apply-box{display:flex;margin-top:30px}.banner-wrap .box .banner-apply-box a{display:block;width:140px;height:42px;line-height:42px;border-radius:4px;font-size:16px;text-align:center;color:#fff;transition:all .3s ease-in-out;background:linear-gradient(90deg, #fc354c 0%, #ff4e4e 100%);transition:all .3s ease-in-out}.banner-wrap .box .banner-apply-box a:hover{box-shadow:0 10px 25px 0 rgba(255,77,77,.4)}.banner-wrap .box .banner-apply-box a:nth-child(2){margin-left:20px;color:#fff;line-height:38px;border:2px solid #fff;background:rgba(0,0,0,0);transition:all .3s ease-in-out}.banner-wrap .box .banner-apply-box a:nth-child(2):hover{box-shadow:3px 15px 15px rgba(255,255,255,.1)}.pain-wrap .button-apply{margin:40px auto 0 auto}.pain-box{display:flex;justify-content:space-between;gap:20px}.pain-box .pain-item{min-width:20%;flex:1;border-radius:4px;overflow:hidden;transition:all .3s ease-in-out}.pain-box .pain-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px 0 rgba(217,226,237,.74)}.pain-box .pain-item:nth-child(even) h3{background:linear-gradient(90deg, #9d94e8 0%, #6e74d3 100%)}.pain-box .pain-item h3{display:flex;align-items:center;gap:10px;padding:0 20px;line-height:3;font-size:18px;font-weight:bold;color:#fff;background:linear-gradient(90deg, #859cff 0%, #6179e6 100%)}.pain-box .pain-item h3 img{width:20px}.pain-box .pain-item .pain-text{height:180px;padding:30px 35px;background:url("/assets/images/order_pain_bg.png") no-repeat center bottom/cover}.pain-box .pain-item p{line-height:2}.content-wrap .apply-btn-box{margin-top:25px}.top-wrap{background:url(/assets/images/commu_top_background_bg.png) no-repeat center center/cover}.content-box{display:flex;justify-content:center;align-items:center;gap:8%}.content-box .content-img{width:50%}.content-box .top-content-img{width:40%;border-radius:10px;overflow:hidden}.content-box .content-text{flex:1}.content-box .content-text h3{font-size:26px;line-height:1;color:#020814;font-weight:bold;margin-top:25px;margin-bottom:25px}.content-box .content-text h4{display:flex;align-items:center;font-size:20px;color:#000;font-weight:bold;line-height:1;margin-bottom:15px}.content-box .content-text h4 i{margin-right:10px;width:4px;height:22px;margin-top:2px;line-height:1;background:#ff4848;border-radius:2px 2px 2px 2px}.content-box .content-text .mb-40{margin-bottom:40px}.content-box .content-text p{font-size:16px;line-height:1.7;color:#51565d;text-align:justify;margin-bottom:15px}.content-box .content-text p i{color:#fd5a67;font-size:var(--font-size);margin-right:5px}.content-box .content-text p.tag{position:relative;z-index:2;font-size:14px;font-weight:bold;color:#fff;width:-moz-fit-content;width:fit-content;padding:2px 15px;margin-bottom:0}.content-box .content-text p.tag::after{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;content:"";display:block;clear:both;border-radius:6px;transform:skewX(-10deg);background:linear-gradient(90deg, #ff525f 0%, #fd2222 100%)}.content-box .content-text .content-text-title{line-height:1.5;white-space:nowrap}.content-box .top-content-text p{margin-top:40px;margin-bottom:60px}.content-box .content-text-img{background-color:#fff;padding:40px;border-radius:14px;text-align:center}.content-box .content-text-img img{max-width:100%}.content-box .content-text-img h3{font-size:26px;line-height:1;font-weight:bold;text-align:center;margin:25px 0}.content-box .content-text-img p{max-width:86%;margin:0 auto;color:#51565d}.content-box .content-text-item{display:flex;gap:15px}.content-box .content-text-item:not(:last-child){margin-bottom:25px}.content-box .content-text-item .content-text-item-img{width:30px;flex-shrink:0;position:relative}.content-box .content-text-item h4{display:flex;align-items:center;font-size:20px;color:#000;font-weight:bold;line-height:1;margin-bottom:15px}.content-box .content-text-item h4 i{margin-right:10px;width:4px;height:22px;margin-top:2px;line-height:1;background:#ff4848;border-radius:2px 2px 2px 2px}.content-box .content-text-item p{line-height:1.7;color:#6e7080}.content-box .content-text-item:hover h4{color:red}.content-box .content-text-item .align-start{gap:10px}.content-box .content-text-item .align-start img{width:14px;height:auto;margin-top:6px}.content-box .content-text-item .align-start p{margin-bottom:0}.content-box .content-text-item ul li{display:flex;gap:10px;align-items:center}.content-box .content-text-item ul li img{width:14px;height:auto;flex-shrink:0}.content-box .content-text-item ul li p{font-size:14px;line-height:1;margin-bottom:0}.mpass-knowledge-wrap .box .item{max-width:30%;text-align:center}.mpass-knowledge-wrap .box .item .item-img{min-height:286px;display:flex;align-self:center;margin-bottom:15px}.mpass-knowledge-wrap .box .item h4{font-size:20px;color:#020814;font-weight:bold;line-height:1;margin-bottom:15px}.mpass-knowledge-wrap .box .item p{max-width:90%;margin:0 auto;color:#51565d}.why-box{gap:15px}.why-box .why{height:320px;overflow:hidden;background:linear-gradient(134deg, #ffffff 0%, #f2f5ff 100%);box-shadow:0px 6px 20px 1px rgba(14,44,111,.1608);border-radius:8px;padding-bottom:25px;cursor:pointer}.why-box .why:hover{background:linear-gradient(134deg, #f2f7fd 0%, #eaeafe 100%)}.why-box .why:hover .why-hover{transform:translateY(-122px)}.why-box .why:hover .why-hover .why-hover-text:nth-last-child(3){margin-bottom:0}.why-box .why:hover .why-hover .why-hover-text:nth-last-child(3) p{white-space:normal;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.why-box .why .why-hover{transition:transform .3s ease-in-out}.why-box .why-hover-line{width:85%;margin:15px auto;height:0px;padding:0;border-bottom:1px solid #d8dae6}.why-box h4{font-size:20px;color:#020814;font-weight:bold;line-height:1;margin-top:20px;margin-bottom:15px;margin-left:7.5%}.why-box p{font-size:16px;margin-left:7.5%}.why-box .why-hover .why-hover-text{display:flex;gap:10px 6px;padding:6px 7.5%;align-items:flex-start;color:#51565d;font-size:16px}.why-box .why-hover .why-hover-text:nth-last-child(3){transition:margin-bottom .2s ease-in-out;margin-bottom:55px}.why-box .why-hover .why-hover-text:nth-last-child(3) p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.why-box .why-hover .why-hover-text i{color:red;font-size:16px;font-weight:bold}.why-box .why-hover .why-hover-text p{margin-left:0}.mpass-fit-box{max-width:1000px}.mpass-swiper-box{max-width:1280px;position:relative}.mpass-swiper-box .mpass-swiper-tab{position:absolute;right:100px;top:10px;z-index:9;width:720px;display:flex;justify-content:center;align-items:center;gap:60px;border-bottom:2px solid #d7dae0;margin-top:40px;cursor:pointer}.mpass-swiper-box .mpass-swiper-tab .mpass-swiper-tab-item{flex:1;padding-bottom:15px;margin-bottom:-2px;max-width:120px}.mpass-swiper-box .mpass-swiper-tab .active{border-bottom:2px solid red}.mpass-swiper .swiper-slide{display:flex;justify-content:center;align-items:center;margin:0 20px 0 60px}.mpass-swiper .swiper-slide .swiper-left{width:400px}.mpass-swiper .swiper-slide .swiper-right{box-sizing:border-box;height:352px;background-color:#fff;flex:1;padding:100px 60px 40px 60px;box-shadow:0px 0px 27px 1px rgba(17,39,87,.251);border-radius:0 10px 10px 0;margin-right:40px}.mpass-swiper .swiper-slide .swiper-right h4{color:red;margin:25px 0 25px 30px;max-width:660px}.mpass-swiper .swiper-slide .swiper-right p{max-width:660px;color:#51565d;margin:0 auto}.mpass-swiper .swiper-button-prev{top:93%;left:85%;right:100px !important;width:45px;height:45px;background-color:#fff;border-radius:50%;color:rgba(0,0,0,0);border:solid 1px #e7eef5;display:flex;justify-content:center;align-items:center;z-index:10;transition:all .3s ease-in-out}.mpass-swiper .swiper-button-prev i{font-size:20px;color:#9ba0c1;transition:all .3s ease-in-out}.mpass-swiper .swiper-button-disabled{cursor:not-allowed;pointer-events:auto}.mpass-swiper .swiper-button-prev::after{display:none}.mpass-swiper .swiper-button-prev:hover{border:solid 1px #e44d50}.mpass-swiper .swiper-button-prev:hover i{color:#e44d50}.mpass-swiper .swiper-button-next{top:93%;left:90%;width:45px;height:45px;background-color:#fff;border-radius:50%;color:rgba(0,0,0,0);border:solid 1px #e7eef5;display:flex;justify-content:center;align-items:center;z-index:10;transition:all .3s ease-in-out}.mpass-swiper .swiper-button-next i{transition:all .3s ease-in-out;font-size:20px;color:#9ba0c1}.mpass-swiper .swiper-button-next::after{display:none}.mpass-swiper .swiper-button-next:hover{border:solid 1px #e44d50}.mpass-swiper .swiper-button-next:hover i{color:#e44d50}@media screen and (min-width: 768px)and (max-width: 991px){nav{width:100%}nav .order-banner-wrap{height:350px}nav .order-banner-wrap .order-banner{height:350px;flex-wrap:nowrap}nav .order-banner-wrap .order-banner br{display:none}.order-mana-wrap{padding-bottom:40px}.order-mana-tab li{font-size:16px;margin-right:8%}.order-mana{max-width:94%}.order-price-wrap img{max-width:94%;margin-top:5%}.order-video{width:23.5%;padding:3%;border:1px solid #e0e6ec;border-radius:8px;transition:all .4s ease-in-out}.order-video h3{margin-top:5%}.order-video p{line-break:anywhere}.order-more-box{justify-content:center}.order-more-box div.order-more{width:19.75%;padding:3%}.order-more-box div.order-more .order-hover{font-size:var(--font-size);line-break:anywhere}.order-more-box div.order-more .order-hover br{display:none}}@media screen and (max-width: 768px){.apply-btn-box a{padding:.6rem 2.5rem;border-radius:.4rem;font-size:1.6rem;background:linear-gradient(90deg, #fd515e 0%, #fd2324 100%)}.apply-btn-box a:hover{box-shadow:0 1rem 2.5rem 0 rgba(238,77,45,.4)}.apply-btn-box a:nth-child(2){margin-left:2rem;border:.2rem solid #fd2324}.apply-btn-box a:nth-child(2):hover{box-shadow:0 1rem 2.5rem 0 rgba(238,77,45,.4)}.apply-btn-box .button-no-border{padding:.8rem 2.5rem}.apply-btn-box a.button-lg{padding:1rem 2.5rem}.banner-wrap{height:35rem;background:#111d48 url("/assets/images/mpass_banner_bg.png") no-repeat right bottom/auto 50%}.banner-wrap .box{display:flex;flex-direction:column;justify-content:flex-start;height:100%}.banner-wrap .box .box-left{max-width:100%}.banner-wrap .box h1{font-size:2.4rem;text-align:center;line-height:1.5;margin-bottom:3%;margin-top:15%}.banner-wrap .box p{max-width:90%;margin:0 auto;font-size:1.3rem;text-align:center;opacity:.8;line-height:1.7}.banner-wrap .box .banner-apply-box{justify-content:center}.banner-wrap .box .banner-apply-box a{width:10.2rem;height:3.4rem;line-height:3.4rem;border-radius:.4rem;font-size:1.4rem}.pain-wrap .button-apply{margin:4rem auto 0 auto}.pain-box{flex-wrap:wrap;gap:2rem}.pain-box .pain-item{width:100%;flex:auto;border-radius:.4rem}.pain-box .pain-item:hover{transform:translateY(-0.5rem);box-shadow:0 1rem 2.5rem 0 rgba(217,226,237,.74)}.pain-box .pain-item h3{gap:1rem;padding:0 2rem;font-size:1.8rem}.pain-box .pain-item h3 img{width:2rem}.pain-box .pain-item .pain-text{height:auto;padding:3rem 3.5rem}.pain-box .pain-item .pain-text p{font-size:1.4rem}.wrap h2.title{font-size:1.8rem;line-height:1.5;max-width:94%}.wrap .apply-btn-box{margin-top:4rem}.mpass-knowledge-wrap .box{flex-wrap:wrap}.mpass-knowledge-wrap .box .item{max-width:100%}.why-box{flex-wrap:wrap}.why-box .why:hover .why-hover{transform:translateY(-15rem)}.why-box .why .why-hover{transition:transform .3s ease-in-out}.content-box{flex-wrap:wrap;gap:5%}.content-box .content-img{width:100%}.content-box .content-text{flex:1}.content-box .apply-btn-box{padding-left:0;margin-left:auto;margin-right:auto;margin-top:1.5rem}.content-box .apply-btn-box a{font-size:1.3rem;padding:.4rem 1.5rem}.content-box .content-text-item:not(:last-child){margin-bottom:2.5rem}.content-box .content-text-item h4{font-size:1.6rem;margin-bottom:1.5rem}.content-box .content-text-item h4 i{margin-right:1rem;width:.4rem;height:2.2rem;margin-top:.2rem;border-radius:.2rem .2rem .2rem .2rem}.mpass-swiper-box{max-width:100%;padding:3%}.mpass-swiper-box .mpass-swiper-tab{right:3%;top:1rem;width:94%;gap:1rem;border-bottom:.2rem solid #d7dae0;margin-top:4rem}.mpass-swiper-box .mpass-swiper-tab .mpass-swiper-tab-item{padding-bottom:1.5rem;margin-bottom:-0.2rem;max-width:12rem}.mpass-swiper-box .mpass-swiper-tab .active{border-bottom:.2rem solid red}.mpass-swiper .swiper-slide{margin:0 2rem 0 6rem}.mpass-swiper .swiper-slide .swiper-left{display:none}.mpass-swiper .swiper-slide .swiper-right{box-sizing:border-box;height:35.2rem;width:100%;padding:10rem 2rem 4rem 2rem;box-shadow:0rem 0rem 2.7rem .1rem rgba(17,39,87,.251);border-radius:0 1rem 1rem 0;margin-right:0}.mpass-swiper .swiper-slide .swiper-right h4{margin:1.5rem 0 1.5rem 0;max-width:100%}.mpass-swiper .swiper-slide .swiper-right p{max-width:100%}.mpass-swiper .swiper-button-prev{display:none}.mpass-swiper .swiper-button-next{display:none}.mpass-swiper .swiper-button-next::after{display:none}}/*# sourceMappingURL=mpass.css.map */