*,html.body{margin:0;padding:0}html{font-size:16px}@media(min-width:768px){.service__mobile{display:none}}.service__mobile .banner{position:relative}.service__mobile .banner img{width:100%;height:auto;object-fit:cover;vertical-align:top}.service__mobile .banner .content{position:absolute;left:0;bottom:5%;width:80%;height:60%;padding:2vw 3vw;color:#fff;background:#00000080}.service__mobile .banner .content h1{padding:0;margin-top:10vw;font-size:1rem;color:#fff;line-height:1}.service__mobile .banner .content em{display:inline-block;width:100%;height:1px;background:#0261bc}.service__mobile .banner .content p{line-height:1.5;font-size:.8rem}.service__mobile .professional-service{padding:2vw 3vw}.service__mobile .professional-service h2{font-size:1.4rem;line-height:2;text-align:center;color:#000000a6}.service__mobile .professional-service p{font-size:.8rem;line-height:1.5;color:#333}.service__mobile .support{padding:2vw 3vw}.service__mobile .support h2{font-size:1.4rem;line-height:2;text-align:center;color:#0261bc}.service__mobile .support .support-content img{width:100%;height:auto;object-fit:cover;vertical-align:top;margin-bottom:2vw}.service__mobile .support .support-content div{text-align:center}.service__mobile .support .contact{display:flex;justify-content:center;align-items:center}.service__mobile .support .contact img{margin-right:2vw}.service__mobile .support .contact span{font-size:1.4rem;font-weight:600}.service__mobile .faqs{background:#f5f5f5;padding:4vw 3vw}.service__mobile .faqs h2,.service__mobile .faqs .question{font-size:1.4rem;color:#0261bc}.service__mobile .faqs .question{margin:1vw 0;font-weight:500;font-size:1rem}.service__mobile .faqs .answer{font-size:1rem;color:#000000a6}.service__pc{display:none}@media(min-width:768px){.service__pc{display:block}.service__pc .banner{position:relative}.service__pc .banner img{width:100%;height:auto;object-fit:cover;vertical-align:top}.service__pc .banner .content{position:absolute;left:0;top:40%;padding:2vw 3vw;display:flex;justify-content:flex-end;width:50%;color:#fff;background:#00000080;transform:translateY(-50%)}.service__pc .banner .content .item{flex:0 0 85%}.service__pc .banner .content h1{color:#fff;padding:0;margin-top:1vw;font-size:2rem}.service__pc .banner .content em{display:inline-block;width:100%;height:1px;background:#0261bc}.service__pc .banner .content p{line-height:1.5;font-size:1rem}.service__pc .professional-service h2{text-align:center;line-height:4;font-size:2rem}.service__pc .service-content{display:flex;background:#fff}.service__pc .service-content .left,.service__pc .service-content .right{padding-top:50px}.service__pc .service-content .left{position:relative;flex:0 0 20%}.service__pc .service-content .left .nav-item{position:relative;cursor:pointer;line-height:4;text-align:center}.service__pc .service-content .left .nav-item:hover,.service__pc .service-content .left .nav-item.actived{background:#efefef}.service__pc .service-content .left .nav-item.actived:before{position:absolute;left:0;width:4px;height:100%;content:" ";background:#0261bc}.service__pc .service-content .right{text-align:left;flex:0 0 80%}.service__pc .service-content .right .item .support{padding:0vw 3vw}.service__pc .service-content .right .item .support h2{line-height:2;color:#0261bc}.service__pc .service-content .right .item .support .support-content{margin:2vw 0;display:flex;flex-direction:column}.service__pc .service-content .right .item .support .support-content img{width:20%;height:auto;object-fit:cover;vertical-align:top}.service__pc .service-content .right .item .support .support-content div{padding-left:1.2vw;font-weight:600;text-align:left}.service__pc .service-content .right .item .support .contact{margin-top:2vw;display:flex;flex-direction:column;text-align:left}.service__pc .service-content .right .item .support .contact span{font-size:1.4rem;font-weight:600}.service__pc .service-content .right .item .support .contact span:nth-of-type(2){font-size:1rem;font-weight:500}.service__pc .service-content .right .item .faqs{padding:0vw 3vw;margin-bottom:2vw}.service__pc .service-content .right .item .faqs h2,.service__pc .service-content .right .item .faqs .question{color:#0261bc}.service__pc .service-content .right .item .faqs .question{margin:1vw 0;font-weight:500;font-size:1rem}.service__pc .service-content .right .item .faqs .answer{font-size:1rem;color:#000000a6}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/custom-service.css.map */
