@media screen and (max-width: 1480px){html{font-size:12px}}@media screen and (max-width: 1280px){html{font-size:10px}}.home-header.top-nav{width:100%;background-color:#fff;position:sticky;top:0;z-index:111}.home-header-inner{margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 20px}.home-header-logo img{height:2rem;width:7.57rem}.home-header-sidebar{flex:1;margin:0 20px}.home-header-sidebar .head-section2{display:flex;align-items:center;gap:5px}.home-header-sidebar .head-section2 .btn-group{position:relative}.home-header-sidebar .head-section2 .btn-group .btn{font-size:1rem;padding:0.5rem 1rem;background:transparent;border:none;color:#333;cursor:pointer;text-decoration:none}.home-header-sidebar .head-section2 .btn-group.active .btn{color:var(--primary);text-decoration:underline}.home-header-sidebar .head-section2 .btn-group .btn:hover{color:var(--primary)}.home-header-sidebar .head-section2 .btn-group .btn.hover-blue:hover{color:var(--primary)}.home-header-sidebar .head-section2 .btn-group .btn .caret{margin-left:5px}.home-header-sidebar .head-section2 .btn-group .dropdown-menu{position:absolute;top:100%;left:0;min-width:12rem;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.15);border:1px solid #eee;padding:5px 0;display:none;background-color:#fff;z-index:1001;margin-top:0;pointer-events:all}.home-header-sidebar .head-section2 .btn-group:hover .dropdown-menu{display:block}.home-header-sidebar .head-section2 .btn-group .dropdown-menu li{cursor:pointer;display:block;width:auto}.home-header-sidebar .head-section2 .btn-group .dropdown-menu li a{padding:0.5rem 1.5rem;color:#333;display:block;text-decoration:none;transition:all 0.2s ease;cursor:pointer;width:max-content}.home-header-sidebar .head-section2 .btn-group .dropdown-menu li a:hover{color:var(--primary);padding-left:1.8rem}.home-header-operation{display:flex;align-items:center}.home-header-operation .lang-text{color:#666;text-decoration:none;margin-right:0.86rem}.home-header-operation .lang-text:hover{color:var(--primary)}.home-header-operation .lang-text.home-online-demo-btn{color:#fff;background:var(--primary);border-radius:0.79rem;padding:0.2rem 0.6rem}.home-header-operation .lang-text.home-online-demo-btn:hover{color:#fff}.home-header-operation .home-login-btn{border-radius:0.79rem;border:0.07rem solid var(--primary);font-family:PingFangSC, PingFang SC;font-weight:400;font-size:1rem;color:var(--primary);line-height:1.34rem;text-align:left;font-style:normal;padding:0.2rem 0.6rem}.home-header-operation #code{position:relative}.home-header-operation #code img{height:1.6rem;cursor:pointer;vertical-align:middle}.home-header-sidebar ul{list-style:none;padding:0;margin:0}.home-header-operation #code .code-hover{position:absolute;top:100%;right:0;padding:0.86rem 1.36rem;border-radius:0.86rem;background:linear-gradient(339deg, var(--gradient-start) 0%, var(--gradient-end) 100%);box-shadow:0rem 0rem 1.07rem 0rem var(--shadow);font-weight:bold;font-size:1rem;color:#FFFFFF;line-height:1.57rem}.home-header-operation #code .code-right-container .code-hover{right:-1rem}.home-header-operation #code .code-hover::before{content:"";position:absolute;width:0;height:0;border-left:0.5rem solid transparent;border-right:0.5rem solid transparent;border-bottom:0.5rem solid var(--primary);top:-0.3rem;right:1.2rem}.home-header-operation #code .code-right-container .code-hover::before{right:1rem}.home-header-operation #code .code-hover .code-img{padding:0.64rem 0.71rem;background-color:#fff;border-radius:0.86rem}.home-header-operation #code .code-hover .code-img img,.home-header-operation #code .reader-hover .code-img img{width:8rem;height:8rem}.home-header-operation #code .code-hover .code-lable,.home-header-operation #code .reader-hover .code-lable{text-align:center;margin-top:0.5rem;font-weight:bold;font-size:1rem;color:#FFFFFF;line-height:1.57rem}.home-header-operation .code-hover .reader-code-label{display:flex;justify-content:center;align-items:center;padding:0.36rem 1.29rem;border-radius:0.86rem;background-color:#fff;font-size:1rem;color:var(--primary);line-height:1.57rem;cursor:pointer}.home-header-operation .code-hover .reader-code-label .reader-code-label-text{width:7.07rem;margin-right:0.29rem}.home-header-operation .code-hover .reader-code-label svg{width:0.56rem;height:0.43rem;fill:var(--primary)}@media (max-width: 1200px){.home-header-inner{padding:10px}.home-header-sidebar .head-section2 .btn-group .btn{padding:8px 10px;font-size:13px}}@media (max-width: 992px){.home-header-sidebar{display:none}}.code-container,.reader-container{position:relative;display:inline-block}.code-hover{display:none;position:absolute;top:100%;right:0;z-index:1000}.reader-hover{text-align:center;position:absolute;z-index:10001;display:none;top:100%;right:0;width:16rem;height:7rem}.code-container:hover .code-hover,.reader-container:hover .reader-hover{display:block}