.clickpoint-with-thext-element{overflow:hidden}.clickpoint-with-thext-element .icon-loade-more{fill:var(--zepp-bgweb-background-color)}.clickpoint-with-thext-element .headline-box{max-width:1050px;text-align:center}.clickpoint-with-thext-element .headline-box .subheadline{margin-top:40px}@media(max-width: 1620px){.clickpoint-with-thext-element .headline-box .subheadline{margin-top:calc(39px + (40 - 39)*(100vw - 360px)/(1800 - 360))}}.clickpoint-with-thext-element .headline-box .introduction-text{padding:0 80px;margin-top:22px}@media(max-width: 1620px){.clickpoint-with-thext-element .headline-box .introduction-text{padding:0}}.clickpoint-with-thext-element .ExtClickPointsT1{margin-top:148px}@media(max-width: 1620px){.clickpoint-with-thext-element .ExtClickPointsT1{margin-top:calc(60px + (148 - 60)*(100vw - 360px)/(1800 - 360))}}@media(max-width: 699px){.clickpoint-with-thext-element .ExtClickPointsT1 .clickpoints-preview{margin-left:calc(-12px + (-39 - -12)*(100vw - 320px)/(699 - 320));margin-right:calc(-12px + (-39 - -12)*(100vw - 320px)/(699 - 320))}}@media(max-width: 1026px){.clickpoint-with-thext-element .ExtClickPointsT1 .clickpoints-preview.logged-out{display:block}}@media(max-width: 1026px){.clickpoint-with-thext-element .ExtClickPointsT1 .clickpoints-preview.logged-out+.clickpoints-preview{display:none}}.clickpoint-with-thext-element .ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element{margin-bottom:7px}@media(max-width: 1026px){.clickpoint-with-thext-element .ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element{border-bottom:none}}.clickpoint-with-thext-element .ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .number{margin-right:15px;width:25px;height:25px;min-width:25px;min-height:25px;border-radius:50%;border:1px solid hsla(0,0%,100%,.8);display:flex;align-items:center;justify-content:center;font-size:12px}@media(max-width: 1026px){.clickpoint-with-thext-element .ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .indicator,.clickpoint-with-thext-element .ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .position,.clickpoint-with-thext-element .ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .delete-icon{display:none}}@media(max-width: 1026px){.clickpoint-with-thext-element .ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .content{font-family:SourceSansPro,sans-serif;width:auto;padding:0;flex:inherit;margin-right:2px;letter-spacing:2.5px;text-transform:uppercase;color:var(--zepp-bggallerybox-color)}}.clickpoint-with-thext-element .ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .content svg{width:22px;height:13px;display:inline;fill:var(--zepp-bggallerybox-color);color:var(--zepp-bggallerybox-color);stroke:var(--zepp-bggallerybox-color)}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint{width:40px;height:40px}@media(max-width: 1620px){.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint{width:calc(25px + (40 - 25)*(100vw - 360px)/(1800 - 360));height:calc(25px + (40 - 25)*(100vw - 360px)/(1800 - 360))}}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint.bghighlighted2{color:var(--zepp-bghighlight2-background-color)}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint.bghighlighted2 svg{fill:currentColor}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint.bghighlighted2 .morelink:before{background:#d5ded6}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint.bghighlighted1{background:rgba(0,0,0,0);color:var(--zepp-bgweb-background-color)}@media(max-width: 1026px){.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint.bghighlighted1{color:var(--zepp-bgweb-color);background:var(--zepp-bgweb-background-color)}}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint.bghighlighted1 svg{fill:currentColor}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint svg{width:40px;height:40px}@media(max-width: 1620px){.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint svg{width:calc(25px + (40 - 25)*(100vw - 360px)/(1800 - 360));height:calc(25px + (40 - 25)*(100vw - 360px)/(1800 - 360))}}@media(max-width: 1026px){.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint svg{display:none}}@media(max-width: 1026px){.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint .number-show{display:flex;color:inherit;margin-top:2px}}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint .content *{color:#fff}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint .content .text-box{display:flex;flex-flow:column;justify-content:center}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint .content .image-box{width:100%;height:auto;min-width:0;flex:1}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint .content .image-box+.right-box{flex:1;margin-top:0;padding-left:0}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint .content .content-inner{padding:20px;gap:25px;flex:1;max-width:355px}@media(max-width: 1620px){.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint .content .content-inner{padding:calc(10px + (20 - 10)*(100vw - 320px)/(1800 - 320));gap:calc(10px + (25 - 10)*(100vw - 320px)/(1800 - 320))}}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint .content .introduction{margin-top:10px}@media(max-width: 1620px){.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint .content .introduction{margin-top:calc(8px + (10 - 8)*(100vw - 320px)/(1800 - 320))}}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint .content .linkbox{margin-top:20px}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint .content .linkbox a{font-size:17px}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint .content .dot{display:none !important}