.mobile.svelte-6o5njf{display:none}.container.svelte-6o5njf{min-height:calc(100vh - 351px);padding-top:10px;position:relative;max-width:1184px;margin:0 auto;display:flex}main.svelte-6o5njf{position:relative;min-width:1184px}.bg-box.svelte-6o5njf{position:fixed;top:0;left:0;width:100%;height:614px}.bg-box.svelte-6o5njf::before{content:" ";position:absolute;top:0px;left:0;right:0;height:614px;background:linear-gradient(180deg, #00bebd, #88fffe 50%, #fff);opacity:0.1;z-index:-1}@media(max-width: 768px){.web.svelte-6o5njf{display:none}.mobile.svelte-6o5njf{display:block;min-width:auto}}
.detail-inner.svelte-k42al4{min-height:calc(100vh - 369px);position:relative;max-width:1184px;margin:0 auto}h1.svelte-k42al4,h1.svelte-k42al4{font-size:2.8em;font-weight:700;margin:0 0 0.5em 0}p.svelte-k42al4{margin:1em auto}@media(min-width: 480px){h1.svelte-k42al4{font-size:4em}}
.result-page.svelte-aokzbt{width:1px;height:1px;opacity:0}
.search-results-container.svelte-zuzbfb.svelte-zuzbfb{margin:0 auto;min-height:calc(100vh - 500px);width:80%;max-width:1184px;position:relative;padding:100px}.result-detail.svelte-zuzbfb.svelte-zuzbfb{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);font-size:0.9em}.results-header.svelte-zuzbfb.svelte-zuzbfb{font-size:1.2em;margin-bottom:20px}.loading.svelte-zuzbfb.svelte-zuzbfb,.no-results.svelte-zuzbfb.svelte-zuzbfb{opacity:0.8;text-align:center}.results-list.svelte-zuzbfb.svelte-zuzbfb{list-style:none;padding:0;margin:0}.result-item.svelte-zuzbfb.svelte-zuzbfb{margin-bottom:20px;padding-bottom:10px;padding-left:24px;border-bottom:1px solid #eee;position:relative}.result-item.svelte-zuzbfb a.svelte-zuzbfb::before{content:"";display:inline-block;width:13px;height:14px;line-height:18px;vertical-align:-2px;background-image:url(https://img.bosszhipin.com/static/file/2023/ku1dpu9ade1699324334335.svg);background-size:cover;position:absolute;left:2px;top:3px}.result-item.svelte-zuzbfb:hover a.svelte-zuzbfb::before{background-image:url(https://img.bosszhipin.com/static/file/2023/86jin8dpak1699324351845.svg)}.result-item.svelte-zuzbfb.svelte-zuzbfb:last-child{border-bottom:none;margin-bottom:0px}.result-link.svelte-zuzbfb.svelte-zuzbfb{text-decoration:none;display:block}.result-link.svelte-zuzbfb.svelte-zuzbfb:hover{color:#0ab6b5}.result-link.svelte-zuzbfb .tag.web.svelte-zuzbfb{font-size:12px;border:1px solid #0ab6b5;border-radius:4px;padding:1px 3px;color:#0ab6b5}.result-link.svelte-zuzbfb .tag.app.svelte-zuzbfb{font-size:12px;border:1px solid #0ab6b5;border-radius:4px;padding:1px 3px;color:#0ab6b5}@media(max-width: 768px){.search-results-container.svelte-zuzbfb.svelte-zuzbfb{padding:15px;width:calc(100vw - 30px)}}
.home-container.svelte-jp5rt4{display:none;width:100vw}@media(max-width: 768px){.home-container.svelte-jp5rt4{display:block}}
section.svelte-yg0t8o.svelte-yg0t8o{position:fixed;top:0;left:0;z-index:999;background-color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#666}section.svelte-yg0t8o.svelte-yg0t8o{height:100%;width:100%}section.svelte-yg0t8o p.svelte-yg0t8o{font-size:18px;font-weight:400}
.menu-wrapper.svelte-1bv3pg3.svelte-1bv3pg3{float:left;padding:0;width:284px;background:#fff;border-radius:12px;flex-shrink:0;margin:10px 16px 10px 0;box-shadow:0 8px 12px rgba(0, 0, 0, 0.1);position:-webkit-sticky;position:sticky;top:69px;max-height:100%;overflow-y:auto;max-height:calc(100vh - 80px);align-self:flex-start}.title.svelte-1bv3pg3.svelte-1bv3pg3{height:46px;line-height:46px;padding:0 24px;font-size:1rem;font-weight:600;color:#222;background:linear-gradient(90deg, #f5fcfc 0, #fcfbfa 100%);border-radius:12px 12px 0 0}.faq-body-nav-item.svelte-1bv3pg3.svelte-1bv3pg3{margin:0 5px 5px 5px;margin-bottom:5px;position:relative}.faq-body-nav-item.svelte-1bv3pg3 a.svelte-1bv3pg3{padding:14px 0 14px 32px;box-sizing:border-box;cursor:pointer;display:block;font-size:0.8125rem}.faq-body-nav-item.svelte-1bv3pg3 a.svelte-1bv3pg3::before{content:"";display:inline-block;width:13px;height:14px;line-height:18px;vertical-align:-2px;background-image:url(https://img.bosszhipin.com/static/file/2023/ku1dpu9ade1699324334335.svg);background-size:cover;position:absolute;left:8px;top:16px}.faq-body-nav-item.active.svelte-1bv3pg3 a.svelte-1bv3pg3{background-color:rgba(0, 190, 189, 0.1);border-radius:4px;color:#00bebd;font-weight:700}.faq-body-nav-item.active.svelte-1bv3pg3 a.svelte-1bv3pg3::before{background-image:url(https://img.bosszhipin.com/static/file/2023/86jin8dpak1699324351845.svg)}.faq-body-nav-item.svelte-1bv3pg3:hover a.svelte-1bv3pg3::before{background-image:url(https://img.bosszhipin.com/static/file/2023/86jin8dpak1699324351845.svg)}.faq-body-nav-item.svelte-1bv3pg3 a .svelte-1bv3pg3:hover{color:#00bebd;background-color:rgba(0, 190, 189, 0.1)}.faq-body-nav-item.svelte-1bv3pg3.svelte-1bv3pg3:hover{color:#00bebd}a.svelte-1bv3pg3.svelte-1bv3pg3{text-decoration:none;-webkit-tap-highlight-color:rgba(0, 190, 189, 0.1)}@media(max-width: 768px){.menu-wrapper.svelte-1bv3pg3.svelte-1bv3pg3{padding:0;width:calc(100vw - 30px);background:#fff;border-radius:0px;padding:10px 15px 30px 15px;margin:0;box-shadow:none}}
#footer.svelte-9qe76d.svelte-9qe76d.svelte-9qe76d{background:#313438;color:hsla(0, 0%, 100%, 0.5);margin-top:30px;position:relative;bottom:0;left:0;padding:20px 0 10px;z-index:22;min-width:1184px !important}p.svelte-9qe76d.svelte-9qe76d.svelte-9qe76d{margin:0px}#footer.svelte-9qe76d .home-inner.svelte-9qe76d.svelte-9qe76d{position:relative;box-sizing:border-box}.inner.svelte-9qe76d.svelte-9qe76d.svelte-9qe76d{width:1184px;margin:0 auto;zoom:1}.footer-social.svelte-9qe76d.svelte-9qe76d.svelte-9qe76d{position:absolute;font-size:0.75rem;text-align:right;right:0;top:0}.footer-social.svelte-9qe76d img.svelte-9qe76d.svelte-9qe76d{margin:6px 0 7px;width:88px;height:16px}.footer-social.svelte-9qe76d p.svelte-9qe76d.svelte-9qe76d{text-align:right;padding:0;font-size:13px}.footer-social.svelte-9qe76d p.svelte-9qe76d span.svelte-9qe76d{font-size:13px;padding-left:5px}.footer-social.svelte-9qe76d .footer-icon.svelte-9qe76d.svelte-9qe76d{margin-top:20px}.footer-icon.svelte-9qe76d span.svelte-9qe76d.svelte-9qe76d{display:none}.footer-social.svelte-9qe76d p.svelte-9qe76d img.svelte-9qe76d{width:100px;height:100px}.footer-social.svelte-9qe76d p .qrcode-weixin.svelte-9qe76d.svelte-9qe76d{display:none;position:absolute;right:-25px;bottom:50px;width:100px;height:100px;background:#fff}.icon-weixin.svelte-9qe76d:hover .qrcode-weixin.svelte-9qe76d.svelte-9qe76d{display:block}#footer.svelte-9qe76d .icon-app.svelte-9qe76d.svelte-9qe76d,#footer.svelte-9qe76d .icon-client-app.svelte-9qe76d.svelte-9qe76d,#footer.svelte-9qe76d .icon-weibo.svelte-9qe76d.svelte-9qe76d,#footer.svelte-9qe76d .icon-weixin.svelte-9qe76d.svelte-9qe76d{border:none !important;background-color:hsla(0, 0%, 100%, 0.1)}.footer-social.svelte-9qe76d a.svelte-9qe76d.svelte-9qe76d{-webkit-transition:none;transition:none}.icon-weibo.svelte-9qe76d.svelte-9qe76d.svelte-9qe76d{background-position:10px -190px}.icon-weixin.svelte-9qe76d.svelte-9qe76d.svelte-9qe76d{background-position:10px -254px;position:relative}.icon-app.svelte-9qe76d.svelte-9qe76d.svelte-9qe76d{background-position:6px -313px}.footer-social.svelte-9qe76d a.svelte-9qe76d.svelte-9qe76d{-webkit-transition:none;transition:none}.icon-weibo.svelte-9qe76d.svelte-9qe76d.svelte-9qe76d{display:inline-block;background-image:url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5123/static/images/icons.69b3aa96.png);background-repeat:no-repeat;width:42px;height:42px;line-height:42px;border:1px solid #eaebee;border-radius:100%;margin-left:23px;vertical-align:top}.icon-weixin.svelte-9qe76d.svelte-9qe76d.svelte-9qe76d{display:inline-block;background-image:url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5123/static/images/icons.69b3aa96.png);background-repeat:no-repeat;width:42px;height:42px;line-height:42px;border:1px solid #eaebee;border-radius:100%;margin-left:23px;vertical-align:top}.icon-app.svelte-9qe76d.svelte-9qe76d.svelte-9qe76d{display:inline-block;background-image:url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5123/static/images/icons.69b3aa96.png);background-repeat:no-repeat;width:42px;height:42px;line-height:42px;border:1px solid #eaebee;border-radius:100%;margin-left:23px;vertical-align:top}.icon-client-app.svelte-9qe76d.svelte-9qe76d.svelte-9qe76d{position:relative;display:inline-block;text-align:center;width:42px;height:42px;line-height:42px;border:1px #eaebee solid;border-radius:100%;margin-left:23px;vertical-align:top}.icon-client-app.svelte-9qe76d img.icon-image.svelte-9qe76d.svelte-9qe76d{width:18px;height:auto;vertical-align:middle}.icon-client-app.svelte-9qe76d .download-app-tip.svelte-9qe76d.svelte-9qe76d{display:none;position:absolute;bottom:50px;left:50%;margin-left:-48px;background:#707070;border-radius:2px;font-size:0.8125rem;font-weight:400;color:#ffffff;line-height:20px;padding:1px 6px;white-space:nowrap}.icon-client-app.svelte-9qe76d:hover .download-app-tip.svelte-9qe76d.svelte-9qe76d{display:block}.footer-about.svelte-9qe76d dl.svelte-9qe76d.svelte-9qe76d{width:192px;float:left;margin:0}.footer-about.svelte-9qe76d dl dt.svelte-9qe76d.svelte-9qe76d{height:30px;line-height:30px;font-size:14px;color:rgba(255, 255, 255, 0.8);margin-bottom:10px}dd.svelte-9qe76d.svelte-9qe76d.svelte-9qe76d{display:block;margin-inline-start:0px}dd.svelte-9qe76d a.svelte-9qe76d.svelte-9qe76d{display:block;width:100%;font-size:0.75rem;height:24px;line-height:24px;white-space:nowrap}dd.svelte-9qe76d p.svelte-9qe76d.svelte-9qe76d{display:block;width:100%;font-size:0.75rem;height:24px;line-height:24px;white-space:nowrap;margin:0;display:flex;gap:4px}dd.svelte-9qe76d a.svelte-9qe76d.svelte-9qe76d{text-decoration:none;transition:all linear 0.2s}dd.svelte-9qe76d a.svelte-9qe76d.svelte-9qe76d{text-decoration:none}dd.svelte-9qe76d a.svelte-9qe76d.svelte-9qe76d:hover{color:#0ab6b5;text-decoration:none}.clear-fix.svelte-9qe76d.svelte-9qe76d.svelte-9qe76d:after{content:"";display:block;overflow:hidden;visibility:hidden;clear:both}.copyright.svelte-9qe76d.svelte-9qe76d.svelte-9qe76d{color:#eeeff3;font-size:0.75rem;margin-top:20px;max-width:900px;line-height:26px}.copyright.svelte-9qe76d a.svelte-9qe76d.svelte-9qe76d{text-decoration:none}.copyright.svelte-9qe76d a.svelte-9qe76d.svelte-9qe76d:hover{color:#0ab6b5;text-decoration:none}.copyright.svelte-9qe76d span.svelte-9qe76d.svelte-9qe76d{color:#8d92a1;display:inline-block;margin-right:15px}.copyright.svelte-9qe76d img.svelte-9qe76d.svelte-9qe76d{width:16px;height:16px;vertical-align:middle;margin:-5px 0 0}.inner.svelte-9qe76d.svelte-9qe76d.svelte-9qe76d:after{content:"";display:block;clear:both;overflow:hidden}.copyright.svelte-9qe76d a.svelte-9qe76d.svelte-9qe76d{color:rgba(255, 255, 255, 0.5)}
.mobile.svelte-1l1mutq.svelte-1l1mutq{display:none}header.svelte-1l1mutq.svelte-1l1mutq{width:100%;min-width:1184px;height:49px;background:#202329;box-shadow:0 1px 8px rgba(0, 0, 0, 0.06);position:-webkit-sticky;position:sticky;top:0;z-index:105;top:0;left:0;right:0}header.svelte-1l1mutq .inner.svelte-1l1mutq{position:relative;box-sizing:border-box}.inner.svelte-1l1mutq.svelte-1l1mutq{max-width:1184px;margin:0 auto}header.svelte-1l1mutq .inner.svelte-1l1mutq:before{content:" ";height:49px;width:726px;display:block;position:absolute;left:196px;top:0;z-index:-1;background:url(https://img.bosszhipin.com/static/file/2023/g3f9o7qs9z1679895399114.png)
      0 0 / auto 49px no-repeat}.logo.svelte-1l1mutq.svelte-1l1mutq{float:left;padding:15px 0 0 0}.logo.svelte-1l1mutq a.svelte-1l1mutq{display:block;width:104px;height:19px;background:url(https://img.bosszhipin.com/static/file/2023/odhroxegzz1678788090652.png)
      0 0 no-repeat;background-size:104px 19px}.logo-span.svelte-1l1mutq.svelte-1l1mutq{float:left;margin:15px 0 0 6px;color:#fff;font-size:0.8125rem;text-decoration:none}.tooltip.svelte-1l1mutq.svelte-1l1mutq{float:left;position:relative;margin-top:17px;margin-left:5px;color:#fff;width:12px;height:12px;border-radius:50%;border:2px solid #fff;cursor:pointer;font-size:0.75rem;text-align:center;line-height:12px}.tooltip.svelte-1l1mutq .tooltip-text.svelte-1l1mutq::after{content:"";position:absolute;bottom:100%;right:10px;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #fff transparent}.tooltip.svelte-1l1mutq .tooltip-text.svelte-1l1mutq{visibility:hidden;width:200px;background-color:#fff;color:#333;line-height:24px;font-size:0.75rem;text-align:center;padding:10px;border-radius:6px;position:absolute;z-index:1;top:25px;right:-10px;box-shadow:0 8px 12px rgba(0, 0, 0, 0.2);opacity:0;transition:visibility 0s linear 1s,
      opacity 0.6s linear}.tooltip.svelte-1l1mutq:hover .tooltip-text.svelte-1l1mutq{visibility:visible;opacity:1;transition-delay:0s}.tooltip.svelte-1l1mutq.svelte-1l1mutq:hover{background-color:#00bebd;border-color:#00bebd;color:#fff;transition:background-color 0.6s ease,
      border-color 0.6s ease,
      color 0.6s ease}.back-icon.svelte-1l1mutq.svelte-1l1mutq{width:24px;height:24px;position:absolute;top:12px;left:10px}.mobile-title.svelte-1l1mutq.svelte-1l1mutq{font-size:17px;font-weight:500;color:#fff;text-decoration:none}.tip.svelte-1l1mutq.svelte-1l1mutq{position:absolute;top:17px;right:15px;color:#fff;width:12px;height:12px;border-radius:50%;border:2px solid #fff;cursor:pointer;font-size:0.75rem;text-align:center;line-height:12px}.tip-text.svelte-1l1mutq.svelte-1l1mutq{color:#606266;line-height:1.4;text-align:justify;font-size:14px}@media(max-width: 768px){.web.svelte-1l1mutq.svelte-1l1mutq{display:none}.mobile.svelte-1l1mutq.svelte-1l1mutq{display:block;box-shadow:0 1px 8px rgba(0, 0, 0, 0.06);display:flex;justify-content:center;align-items:center}header.svelte-1l1mutq.svelte-1l1mutq{background:#00bebd;min-width:auto}}
.search-box.svelte-1fne5t5.svelte-1fne5t5{display:flex;align-items:center;gap:0.5rem;float:right;position:relative;width:240px;padding-top:10px;box-sizing:border-box;margin-left:15px}input[type="search"].svelte-1fne5t5.svelte-1fne5t5{border:1px transparent solid;width:100%;padding:3px 12px 3px 32px;line-height:20px;border-radius:6px;font-size:0.75rem;background:rgba(255, 255, 255, 0.2);color:#fff;box-sizing:border-box;transition:all 0.2s linear}input[type="search"].svelte-1fne5t5.svelte-1fne5t5:focus{border-color:#00bebd;outline:none}input[type="search"].svelte-1fne5t5.svelte-1fne5t5:hover{border-color:#00bebd;outline:none}.search-box.svelte-1fne5t5 input.svelte-1fne5t5:focus::placeholder{color:transparent}.search-box.svelte-1fne5t5 input.svelte-1fne5t5::placeholder{color:#ccc}.search-btn.svelte-1fne5t5.svelte-1fne5t5{position:absolute;left:10px;border-radius:8px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:2px;cursor:pointer}.search-btn.svelte-1fne5t5 img.svelte-1fne5t5{width:16px;height:16px}@media(max-width: 768px){.search-box.svelte-1fne5t5.svelte-1fne5t5{display:flex;align-items:center;gap:0.5rem;position:relative;width:100%;padding-top:10px;box-sizing:border-box;padding:15px;margin-left:0px;float:none}input[type="search"].svelte-1fne5t5.svelte-1fne5t5{border:1px #e8ebf2 solid;background:transparent;color:#222;height:40px;transition:all 0.2s linear;font-size:14px}.search-box.svelte-1fne5t5 input.svelte-1fne5t5::placeholder{font-size:14px}.search-btn.svelte-1fne5t5.svelte-1fne5t5{left:24px;top:24px}.search-btn.svelte-1fne5t5 img.svelte-1fne5t5{width:18px;height:18px}}
nav.svelte-zb5col.svelte-zb5col.svelte-zb5col{font-size:0;float:left;margin-left:30px;height:49px;line-height:49px}nav.svelte-zb5col ul.svelte-zb5col.svelte-zb5col{display:inline-block;white-space:nowrap;vertical-align:top;list-style-type:none;margin:0;padding:0}nav.svelte-zb5col li.svelte-zb5col.svelte-zb5col{display:inline-block;white-space:nowrap;vertical-align:top;text-align:center;font-size:0.875rem;margin:0 8px}nav.svelte-zb5col li.svelte-zb5col>a.svelte-zb5col{text-decoration:none;font-weight:500}a.svelte-zb5col.svelte-zb5col.svelte-zb5col{color:#fff}a.svelte-zb5col.svelte-zb5col.svelte-zb5col:hover{color:#00bebd}nav.svelte-zb5col li.selected.svelte-zb5col>a.svelte-zb5col{color:#00bebd}.mobile.svelte-zb5col.svelte-zb5col.svelte-zb5col{display:none}@media(max-width: 768px){.mobile.svelte-zb5col.svelte-zb5col.svelte-zb5col{display:block}.web.svelte-zb5col.svelte-zb5col.svelte-zb5col{display:none}nav.svelte-zb5col.svelte-zb5col.svelte-zb5col{float:none;margin-left:0px;padding:0 15px 3px 15px;border-bottom:1px solid #eee}nav.svelte-zb5col li.svelte-zb5col.svelte-zb5col{display:inline-block;white-space:nowrap;vertical-align:top;text-align:center;font-size:0.875rem;margin:0;width:calc(34vw - 15px)}a.svelte-zb5col.svelte-zb5col.svelte-zb5col{color:#0d121c;-webkit-tap-highlight-color:transparent}nav.svelte-zb5col li.selected.svelte-zb5col>a.svelte-zb5col{color:#0d121c;font-weight:500}nav.svelte-zb5col li.selected.svelte-zb5col.svelte-zb5col{border-bottom:3px solid #00bebd}}
.question-answer.svelte-1c26gi8{background:#fff;padding:40px 60px;font-size:0.9735rem;line-height:30px;border-radius:12px;color:#222;margin:10px 0;box-shadow:0 8px 12px rgba(0, 0, 0, 0.1);width:100%}.title.svelte-1c26gi8{font-size:28px;font-weight:600;line-height:40px;padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #f5f5f6}.solution-text.svelte-1c26gi8,.solution-title.svelte-1c26gi8{font-size:20px;font-weight:600;margin:10px 0;position:relative;padding-left:10px}.solution-title.svelte-1c26gi8{margin-top:20px}.solution-text.svelte-1c26gi8::before,.solution-title.svelte-1c26gi8::before{content:"";position:absolute;top:6px;left:0;height:18px;width:4px;background-color:red}.text-title.svelte-1c26gi8{display:block;font-size:1.2rem;color:#333;font-weight:500;line-height:30px;padding:10px 0}.text.svelte-1c26gi8{display:block;font-size:0.9735rem;color:#333;line-height:30px}img.svelte-1c26gi8{display:block;width:auto;max-width:400px;max-height:300px;margin-bottom:10px;cursor:zoom-in}ul.svelte-1c26gi8{list-style-type:none;padding-left:10px}a.svelte-1c26gi8{color:#00bebd;display:inline-block}.auto-link.svelte-1c26gi8{color:#00bebd;text-decoration:underline;cursor:pointer}.auto-link.svelte-1c26gi8:hover{color:#009a99}@media(max-width: 768px){.question-answer.svelte-1c26gi8{position:relative;width:calc(100vw - 30px);padding:20px 15px;background:#fff;font-size:0.9735rem;line-height:30px;border-radius:12px;color:#222;box-shadow:none;margin:10px 0 10px 0px}.title.svelte-1c26gi8{font-size:22px}img.svelte-1c26gi8{max-width:100%}}
.modal-overlay.svelte-1il34rv{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal.svelte-1il34rv{background:white;padding:20px 20px 20px 20px;border-radius:4px;position:relative;min-width:200px;margin:0 20px}.foot.svelte-1il34rv{display:flex;justify-content:flex-end}.close-btn.svelte-1il34rv{display:block;padding:7px 15px;font-size:12px;border-radius:3px;background:#00bebd;color:#fff;border:none;margin-top:10px;cursor:pointer}
/*!
 * Viewer.js v1.11.7
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-11-24T04:32:14.526Z
 */

.viewer-zoom-in::before, .viewer-zoom-out::before, .viewer-one-to-one::before, .viewer-reset::before, .viewer-prev::before, .viewer-play::before, .viewer-next::before, .viewer-rotate-left::before, .viewer-rotate-right::before, .viewer-flip-horizontal::before, .viewer-flip-vertical::before, .viewer-fullscreen::before, .viewer-fullscreen-exit::before, .viewer-close::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 560 40%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M49.6 17.9h20.2v3.9H49.6zm123.1 2 10.9-11 2.7 2.8-8.2 8.2 8.2 8.2-2.7 2.7-10.9-10.9zm94 0-10.8-11-2.7 2.8 8.1 8.2-8.1 8.2 2.7 2.7 10.8-10.9zM212 9.3l20.1 10.6L212 30.5V9.3zm161.5 4.6-7.2 6 7.2 5.9v-4h12.4v4l7.3-5.9-7.3-6v4h-12.4v-4zm40.2 12.3 5.9 7.2 5.9-7.2h-4V13.6h4l-5.9-7.3-5.9 7.3h4v12.6h-4zm35.9-16.5h6.3v2h-4.3V16h-2V9.7Zm14 0h6.2V16h-2v-4.3h-4.2v-2Zm6.2 14V30h-6.2v-2h4.2v-4.3h2Zm-14 6.3h-6.2v-6.3h2v4.4h4.3v2Zm-438 .1v-8.3H9.6v-3.9h8.2V9.7h3.9v8.2h8.1v3.9h-8.1v8.3h-3.9zM93.6 9.7h-5.8v3.9h2V30h3.8V9.7zm16.1 0h-5.8v3.9h1.9V30h3.9V9.7zm-11.9 4.1h3.9v3.9h-3.9zm0 8.2h3.9v3.9h-3.9zm244.6-11.7 7.2 5.9-7.2 6v-3.6c-5.4-.4-7.8.8-8.7 2.8-.8 1.7-1.8 4.9 2.8 8.2-6.3-2-7.5-6.9-6-11.3 1.6-4.4 8-5 11.9-4.9v-3.1Zm147.2 13.4h6.3V30h-2v-4.3h-4.3v-2zm14 6.3v-6.3h6.2v2h-4.3V30h-1.9zm6.2-14h-6.2V9.7h1.9V14h4.3v2zm-13.9 0h-6.3v-2h4.3V9.7h2V16zm33.3 12.5 8.6-8.6-8.6-8.7 1.9-1.9 8.6 8.7 8.6-8.7 1.9 1.9-8.6 8.7 8.6 8.6-1.9 2-8.6-8.7-8.6 8.7-1.9-2zM297 10.3l-7.1 5.9 7.2 6v-3.6c5.3-.4 7.7.8 8.7 2.8.8 1.7 1.7 4.9-2.9 8.2 6.3-2 7.5-6.9 6-11.3-1.6-4.4-7.9-5-11.8-4.9v-3.1Zm-157.3-.6c2.3 0 4.4.7 6 2l2.5-3 1.9 9.2h-9.3l2.6-3.1a6.2 6.2 0 0 0-9.9 5.1c0 3.4 2.8 6.3 6.2 6.3 2.8 0 5.1-1.9 6-4.4h4c-1 4.7-5 8.3-10 8.3a10 10 0 0 1-10-10.2 10 10 0 0 1 10-10.2Z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 280px;
    color: transparent;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    width: 20px;
  }

.viewer-zoom-in::before {
  background-position: 0 0;
  content: 'Zoom In';
}

.viewer-zoom-out::before {
  background-position: -20px 0;
  content: 'Zoom Out';
}

.viewer-one-to-one::before {
  background-position: -40px 0;
  content: 'One to One';
}

.viewer-reset::before {
  background-position: -60px 0;
  content: 'Reset';
}

.viewer-prev::before {
  background-position: -80px 0;
  content: 'Previous';
}

.viewer-play::before {
  background-position: -100px 0;
  content: 'Play';
}

.viewer-next::before {
  background-position: -120px 0;
  content: 'Next';
}

.viewer-rotate-left::before {
  background-position: -140px 0;
  content: 'Rotate Left';
}

.viewer-rotate-right::before {
  background-position: -160px 0;
  content: 'Rotate Right';
}

.viewer-flip-horizontal::before {
  background-position: -180px 0;
  content: 'Flip Horizontal';
}

.viewer-flip-vertical::before {
  background-position: -200px 0;
  content: 'Flip Vertical';
}

.viewer-fullscreen::before {
  background-position: -220px 0;
  content: 'Enter Full Screen';
}

.viewer-fullscreen-exit::before {
  background-position: -240px 0;
  content: 'Exit Full Screen';
}

.viewer-close::before {
  background-position: -260px 0;
  content: 'Close';
}

.viewer-container {
  bottom: 0;
  direction: ltr;
  font-size: 0;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.viewer-container::-moz-selection, .viewer-container *::-moz-selection {
    background-color: transparent;
  }

.viewer-container::selection,
  .viewer-container *::selection {
    background-color: transparent;
  }

.viewer-container:focus {
    outline: 0;
  }

.viewer-container img {
    display: block;
    height: auto;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
  }

.viewer-canvas {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.viewer-canvas > img {
    height: auto;
    margin: 15px auto;
    max-width: 90% !important;
    width: auto;
  }

.viewer-footer {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
}

.viewer-navbar {
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.viewer-list {
  box-sizing: content-box;
  height: 50px;
  margin: 0;
  overflow: hidden;
  padding: 1px 0;
}

.viewer-list > li {
    color: transparent;
    cursor: pointer;
    float: left;
    font-size: 0;
    height: 50px;
    line-height: 0;
    opacity: 0.5;
    overflow: hidden;
    transition: opacity 0.15s;
    width: 30px;
  }

.viewer-list > li:focus,
    .viewer-list > li:hover {
      opacity: 0.75;
    }

.viewer-list > li:focus {
      outline: 0;
    }

.viewer-list > li + li {
      margin-left: 1px;
    }

.viewer-list > .viewer-loading {
    position: relative;
  }

.viewer-list > .viewer-loading::after {
      border-width: 2px;
      height: 20px;
      margin-left: -10px;
      margin-top: -10px;
      width: 20px;
    }

.viewer-list > .viewer-active,
  .viewer-list > .viewer-active:focus,
  .viewer-list > .viewer-active:hover {
    opacity: 1;
  }

.viewer-player {
  background-color: #000;
  bottom: 0;
  cursor: none;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.viewer-player > img {
    left: 0;
    position: absolute;
    top: 0;
  }

.viewer-toolbar > ul {
    display: inline-block;
    margin: 0 auto 5px;
    overflow: hidden;
    padding: 6px 3px;
  }

.viewer-toolbar > ul > li {
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      cursor: pointer;
      float: left;
      height: 24px;
      overflow: hidden;
      transition: background-color 0.15s;
      width: 24px;
    }

.viewer-toolbar > ul > li:focus,
      .viewer-toolbar > ul > li:hover {
        background-color: rgba(0, 0, 0, 0.8);
      }

.viewer-toolbar > ul > li:focus {
        box-shadow: 0 0 3px #fff;
        outline: 0;
        position: relative;
        z-index: 1;
      }

.viewer-toolbar > ul > li::before {
        margin: 2px;
      }

.viewer-toolbar > ul > li + li {
        margin-left: 1px;
      }

.viewer-toolbar > ul > .viewer-small {
      height: 18px;
      margin-bottom: 3px;
      margin-top: 3px;
      width: 18px;
    }

.viewer-toolbar > ul > .viewer-small::before {
        margin: -1px;
      }

.viewer-toolbar > ul > .viewer-large {
      height: 30px;
      margin-bottom: -3px;
      margin-top: -3px;
      width: 30px;
    }

.viewer-toolbar > ul > .viewer-large::before {
        margin: 5px;
      }

.viewer-tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  color: #fff;
  display: none;
  font-size: 12px;
  height: 20px;
  left: 50%;
  line-height: 20px;
  margin-left: -25px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px;
}

.viewer-title {
  color: #ccc;
  display: inline-block;
  font-size: 12px;
  line-height: 1.2;
  margin: 5px 5%;
  max-width: 90%;
  min-height: 14px;
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity 0.15s;
  white-space: nowrap;
}

.viewer-title:hover {
    opacity: 1;
  }

.viewer-button {
  -webkit-app-region: no-drag;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  height: 80px;
  overflow: hidden;
  position: absolute;
  right: -40px;
  top: -40px;
  transition: background-color 0.15s;
  width: 80px;
}

.viewer-button:focus,
  .viewer-button:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }

.viewer-button:focus {
    box-shadow: 0 0 3px #fff;
    outline: 0;
  }

.viewer-button::before {
    bottom: 15px;
    left: 15px;
    position: absolute;
  }

.viewer-fixed {
  position: fixed;
}

.viewer-open {
  overflow: hidden;
}

.viewer-show {
  display: block;
}

.viewer-hide {
  display: none;
}

.viewer-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.viewer-invisible {
  visibility: hidden;
}

.viewer-move {
  cursor: move;
  cursor: grab;
}

.viewer-fade {
  opacity: 0;
}

.viewer-in {
  opacity: 1;
}

.viewer-transition {
  transition: all 0.3s;
}

@keyframes viewer-spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.viewer-loading::after {
    animation: viewer-spinner 1s linear infinite;
    border: 4px solid rgba(255, 255, 255, 0.1);
    border-left-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    content: '';
    display: inline-block;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 1;
  }

@media (max-width: 767px) {
  .viewer-hide-xs-down {
    display: none;
  }
}

@media (max-width: 991px) {
  .viewer-hide-sm-down {
    display: none;
  }
}

@media (max-width: 1199px) {
  .viewer-hide-md-down {
    display: none;
  }
}