/* BaoleWeb contact v1.0.0 — page-scoped styles */
#bly-contact{--ct-blue:#006eff;--ct-ink:#202733;--ct-muted:#687789;--ct-line:#dfe6ee;color:var(--ct-ink);background:#fff;font:16px/1.8 "PingFang SC","Helvetica Neue",Arial,"Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",sans-serif;text-align:left}
#bly-contact *{box-sizing:border-box}
#bly-contact :is(h1,h2,h3,p,figure){margin:0}
#bly-contact :is(a,button){-webkit-tap-highlight-color:transparent}
#bly-contact a{color:inherit;text-decoration:none}
#bly-contact button{font:inherit;cursor:pointer}
#bly-contact :is(a,button):focus-visible{outline:2px solid var(--ct-blue);outline-offset:5px}
#bly-contact .ct-wrap{width:calc(100% - 112px);max-width:1560px;margin-inline:auto}
#bly-contact h2{font-size:32px;font-weight:400;line-height:1.5}
#bly-contact h3{font-size:22px;font-weight:400;line-height:1.5}
#bly-contact .ct-icon{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;color:var(--ct-blue);flex-shrink:0}
#bly-contact .ct-hero{background-color:#eff5fc;background-image:linear-gradient(90deg,#f0f6fd 18%,rgba(240,246,253,.98) 48%,rgba(231,241,255,.87) 100%),url('/themes/web/BaoleWeb/style/baole-about-v1.7.0/about-city-poster.webp');background-size:cover;background-position:center 47%}
#bly-contact .ct-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:50px;min-height:310px;padding-block:48px}
#bly-contact .ct-eyebrow{font-size:14px;color:#5f7390;margin-bottom:12px}
#bly-contact h1{font-size:46px;font-weight:400;line-height:1.4;color:#202733;margin-bottom:20px}
#bly-contact .ct-intro{font-size:17px;color:#53647a}
#bly-contact .ct-mobile-break{display:none}
#bly-contact .ct-hotline{min-width:360px;padding-left:42px;border-left:1px solid #cddbeb}
#bly-contact .ct-hotline>p{color:#465d7b;font-size:16px}
#bly-contact .ct-phone{display:block;font-family:Arial,sans-serif;font-size:43px;line-height:1.6;color:#0063df;white-space:nowrap;font-weight:400;letter-spacing:-.8px}
#bly-contact .ct-hotline-foot{display:flex;align-items:center;gap:18px;font-size:13px;color:#617792}
#bly-contact .ct-shortcuts{border-bottom:1px solid var(--ct-line);background:white}
#bly-contact .ct-shortcuts .ct-wrap{display:flex;gap:52px}
#bly-contact .ct-shortcuts a{padding:17px 0;font-size:15px;position:relative;transition:color .2s}
#bly-contact .ct-shortcuts a:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--ct-blue);transform:scaleX(0);transform-origin:left;transition:transform .2s}
#bly-contact .ct-shortcuts a:hover{color:var(--ct-blue)}
#bly-contact .ct-shortcuts a:hover:after,#bly-contact .ct-shortcuts a:focus-visible:after{transform:scaleX(1)}
#bly-contact :is(#contact-sales,#contact-support,#contact-business,#contact-location){scroll-margin-top:105px}
#bly-contact .ct-section{padding-block:64px 55px}
#bly-contact .ct-section-heading{margin-bottom:32px}
#bly-contact .ct-section-heading>p{color:var(--ct-muted);font-size:15px;margin-top:9px}
#bly-contact .ct-agent-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--ct-line)}
#bly-contact .ct-agent{padding:32px 36px 35px;position:relative;background:#fff;transition:background .22s}
#bly-contact .ct-agent+.ct-agent{border-left:1px solid var(--ct-line)}
#bly-contact .ct-agent:before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:var(--ct-blue);transform:scaleX(0);transform-origin:left;transition:transform .24s}
#bly-contact .ct-agent:hover{background:#f8fbff}
#bly-contact .ct-agent:hover:before,#bly-contact .ct-agent:focus-within:before{transform:scaleX(1)}
#bly-contact .ct-agent-head{display:flex;align-items:center;gap:16px;margin-bottom:22px}
#bly-contact .ct-qq{display:flex;align-items:center;gap:13px;margin-bottom:25px;font-family:Arial,"Microsoft YaHei",sans-serif}
#bly-contact .ct-qq>span{font-size:13px;color:#8591a0}
#bly-contact .ct-qq>strong{font-weight:400;font-size:24px;letter-spacing:.2px}
#bly-contact .ct-button{min-height:43px;padding:8px 27px;border:1px solid var(--ct-blue);display:inline-flex;align-items:center;justify-content:center;background:var(--ct-blue);color:white;font-size:15px;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
#bly-contact .ct-button:hover{background:#005bd5;border-color:#005bd5;color:#fff}
#bly-contact .ct-button-secondary{background:transparent;color:var(--ct-blue);border-color:#a9c5ea}
#bly-contact .ct-button-secondary:hover{background:#eaf3ff;border-color:var(--ct-blue);color:#005bd5}
#bly-contact .ct-agent-actions,#bly-contact .ct-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
#bly-contact .ct-copy{display:inline-flex;align-items:center;gap:5px;padding:4px 0;border:0;background:transparent;color:#647b96;font-size:13px;white-space:nowrap;transition:color .2s}
#bly-contact .ct-copy svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4}
#bly-contact .ct-copy:hover{color:var(--ct-blue)}
#bly-contact .ct-channel-tip{font-size:13px;color:#8793a2;margin-top:14px}
#bly-contact .ct-support-area{background:#f5f7fa;padding-block:64px 0}
#bly-contact .ct-service-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:68px;padding-bottom:43px}
#bly-contact .ct-service+.ct-service{border-left:1px solid var(--ct-line);padding-left:68px}
#bly-contact .ct-service-contact{margin-bottom:26px}
#bly-contact .ct-label{display:block;font-size:13px;color:#76869a;margin-bottom:3px}
#bly-contact .ct-inline{display:flex;align-items:center;gap:23px;flex-wrap:wrap}
#bly-contact .ct-service-number{font-family:Arial,sans-serif;font-size:27px;line-height:1.5}
#bly-contact .ct-service-number:hover{color:var(--ct-blue)}
#bly-contact .ct-ticket-note{display:flex;gap:11px;margin-top:26px;align-items:flex-start}
#bly-contact .ct-ticket-note .ct-icon{width:22px;height:22px;margin-top:3px;color:#7990af}
#bly-contact .ct-ticket-note strong{display:block;font-size:14px;font-weight:400;color:#52657e}
#bly-contact .ct-ticket-note span{display:block;font-size:13px;color:#8290a3;margin-top:2px}
#bly-contact .ct-business-note{font-size:14px;color:#7a8a9e;margin-top:26px;line-height:1.9}
#bly-contact .ct-more-channels{display:grid;grid-template-columns:1.05fr 1fr;border-top:1px solid var(--ct-line);gap:68px;padding-block:30px 34px}
#bly-contact .ct-channel{display:flex;gap:20px;align-items:center}
#bly-contact .ct-channel h3{font-size:14px;color:#738299;margin-bottom:1px}
#bly-contact .ct-channel a{font-size:20px;font-family:Arial,sans-serif;line-height:1.5}
#bly-contact .ct-channel a:hover{color:var(--ct-blue)}
#bly-contact .ct-channel>.ct-copy{margin-left:auto;margin-right:28px}
#bly-contact .ct-channel+.ct-channel{padding-left:68px}
#bly-contact .ct-location{display:grid;grid-template-columns:1fr 1.5fr;align-items:center;gap:70px;padding-block:82px}
#bly-contact .ct-location h2{font-size:34px;margin-bottom:29px}
#bly-contact .ct-location h3{font-size:18px;margin-bottom:16px}
#bly-contact address{font-size:15px;font-style:normal;color:#68798e;line-height:2}
#bly-contact .ct-location .ct-actions{margin-top:30px;gap:22px}
#bly-contact .ct-visit-note{font-size:13px;color:#8a96a6;margin-top:17px}
#bly-contact .ct-map-shell{border:1px solid var(--ct-line);background:#edf2f7;min-width:0}
#bly-contact .ct-map{width:100%;height:360px;display:block;border:0;background:#e9eef4}
#bly-contact .ct-map-caption{background:#fff;padding:12px 17px;font-size:12px;color:#7c8b9d;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
#bly-contact .ct-map-caption a{color:#006eff}
#bly-contact .ct-self-service{border-top:1px solid var(--ct-line);padding-block:33px;background:#fbfcfe}
#bly-contact .ct-self-service .ct-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}
#bly-contact .ct-self-service h2{font-size:22px}
#bly-contact .ct-self-service p{font-size:14px;color:#7c8b9d;margin-top:6px}
#bly-contact .ct-toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%,12px);padding:10px 24px;background:#233650;color:#fff;border-radius:2px;box-shadow:0 4px 20px #172e4d22;font-size:14px;opacity:0;pointer-events:none;z-index:10005;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px)}
#bly-contact .ct-toast.is-visible{transform:translate(-50%,0);opacity:1}
#bly-contact .ct-copy-fallback{position:fixed;left:-9999px;top:0}
@media(min-width:1800px){#bly-contact .ct-hero-inner{min-height:335px}#bly-contact .ct-hotline{min-width:465px}#bly-contact .ct-phone{font-size:48px}#bly-contact .ct-section{padding-block:74px 65px}}
@media(max-width:1150px){#bly-contact .ct-wrap{width:calc(100% - 64px)}#bly-contact .ct-hotline{min-width:315px;padding-left:30px}#bly-contact .ct-phone{font-size:36px}#bly-contact .ct-agent{padding:28px 24px}#bly-contact .ct-agent-actions{gap:15px}#bly-contact .ct-agent .ct-button{padding-inline:22px}#bly-contact .ct-service-grid,#bly-contact .ct-more-channels{gap:40px}#bly-contact .ct-service+.ct-service,#bly-contact .ct-channel+.ct-channel{padding-left:40px}#bly-contact .ct-channel{gap:12px;flex-wrap:wrap}#bly-contact .ct-channel>.ct-copy{margin-right:0}#bly-contact .ct-location{gap:35px;grid-template-columns:1fr 1.15fr}}
@media(max-width:800px){#bly-contact .ct-wrap{width:calc(100% - 40px)}#bly-contact .ct-hero-inner{gap:28px;padding-block:38px;min-height:0;align-items:flex-start;flex-direction:column}#bly-contact h1{font-size:36px;margin-bottom:14px}#bly-contact .ct-eyebrow{font-size:12px}#bly-contact .ct-intro{font-size:15px}#bly-contact .ct-hotline{padding:20px 0 0;border-left:0;border-top:1px solid #ceddec;min-width:0;width:100%;max-width:440px}#bly-contact .ct-phone{font-size:35px}#bly-contact .ct-hotline>p{font-size:14px}#bly-contact .ct-hotline-foot{justify-content:space-between;gap:10px}#bly-contact .ct-shortcuts .ct-wrap{gap:0;justify-content:space-between}#bly-contact .ct-shortcuts a{font-size:14px;padding-block:15px}#bly-contact .ct-section{padding-block:42px 36px}#bly-contact h2{font-size:27px}#bly-contact .ct-section-heading{margin-bottom:24px}#bly-contact .ct-section-heading>p{font-size:14px}#bly-contact .ct-agent-list{grid-template-columns:1fr}#bly-contact .ct-agent{padding:25px 24px;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;align-items:center}#bly-contact .ct-agent+.ct-agent{border-left:0;border-top:1px solid var(--ct-line)}#bly-contact .ct-agent-head{margin-bottom:0;gap:10px}#bly-contact .ct-agent-head h3{font-size:21px}#bly-contact .ct-agent-head .ct-icon{width:24px;height:24px}#bly-contact .ct-qq{margin-bottom:0;justify-content:flex-end;gap:8px}#bly-contact .ct-qq>strong{font-size:21px}#bly-contact .ct-agent-actions{grid-column:1/-1;justify-content:space-between;margin-top:8px}#bly-contact .ct-agent .ct-button{padding:7px 24px;min-height:40px}#bly-contact .ct-support-area{padding-top:40px}#bly-contact .ct-service-grid{grid-template-columns:1fr;gap:38px;padding-bottom:34px}#bly-contact .ct-service+.ct-service{padding:34px 0 0;border-left:0;border-top:1px solid var(--ct-line)}#bly-contact .ct-service-contact{margin-bottom:23px}#bly-contact .ct-service-number{font-size:26px}#bly-contact .ct-more-channels{grid-template-columns:1fr;gap:25px;padding-block:28px 34px}#bly-contact .ct-channel+.ct-channel{padding-left:0}#bly-contact .ct-channel>.ct-copy{margin-left:auto;margin-right:0}#bly-contact .ct-channel .ct-icon{width:26px;height:26px}#bly-contact .ct-channel a{font-size:19px}#bly-contact .ct-location{grid-template-columns:1fr;padding-block:44px;gap:28px}#bly-contact .ct-location h2{font-size:28px;margin-bottom:20px}#bly-contact .ct-map{height:330px}#bly-contact .ct-self-service .ct-wrap{align-items:flex-start;flex-direction:column;gap:18px}#bly-contact .ct-self-service h2{font-size:21px}#bly-contact .ct-toast{bottom:22px;font-size:13px}}
@media(max-width:420px){#bly-contact .ct-mobile-break{display:block}#bly-contact .ct-agent{display:block;padding:23px 20px}#bly-contact .ct-agent-head{margin-bottom:13px}#bly-contact .ct-qq{justify-content:flex-start;margin-bottom:17px}#bly-contact .ct-agent-actions{margin-top:0}#bly-contact .ct-channel{gap:10px}#bly-contact .ct-channel .ct-copy{font-size:12px}#bly-contact .ct-channel a{font-size:17px}#bly-contact .ct-channel .ct-copy svg{display:none}#bly-contact .ct-actions{gap:16px}#bly-contact .ct-button{padding-inline:22px}#bly-contact .ct-map-caption{font-size:11px}}
@media(prefers-reduced-motion:reduce){#bly-contact *,#bly-contact *:before{transition:none!important;scroll-behavior:auto!important}}

/* QQ brand mark: Font Awesome Free 6.7.2, CC BY 4.0. */
#bly-contact .ct-qq-icon{width:28px;height:32px;fill:currentColor;stroke:none;flex-shrink:0;color:var(--ct-blue)}
#bly-contact .ct-button>.ct-qq-icon{width:16px;height:18px;color:inherit;margin-right:9px}
@media(max-width:800px){#bly-contact .ct-agent-head>.ct-qq-icon{width:24px;height:28px}}