:root{--theme-color:#07AAFF;--font-color:#262626;--placeholder-color:#A6A6A6;--font-size:14px}.width100{width:100%;min-width:1200px}.width1200{width:1200px;margin:0 auto;position:relative}.box{background:#ffffff;box-shadow:0 8px 30px 0 rgba(0,0,0,0.08);border-radius:4px}.nav{position:absolute;top:0;left:0;right:0;z-index:999;display:flex;justify-content:space-between;align-items:center;padding:0 30px;height:66px;min-width:1200px;font-size:14px;line-height:14px;box-sizing:border-box;-webkit-box-sizing:border-box;color:#fff;background:rgba(23,23,23,0.1);border-bottom:1px solid rgba(255,255,255,0.1)}.nav a{font-size:14px;line-height:14px;color:#fff}.nav-left{display:flex;align-items:center}.nav-left .logo-text{position:absolute;top:-999px;left:-999px;opacity:0;filter:alpha(opacity=0)}.nav-left .logo{display:flex;align-items:center;text-indent:-999em}.nav-left .logo-box{width:262px;height:30px}.nav-left .logo-img{width:100%;height:100%}.nav-left .logo-img1{display:block}.nav-left .logo-img2{display:none}.nav-left .menu{display:flex;align-items:center;height:66px;margin-left:65px}.nav-left .menu .menu-title{display:block;height:66px;line-height:66px;padding:0 15px}.nav-left .menu .menu-item:nth-child(n + 2){margin-left:18px}.nav-left .menu .active .menu-title{font-weight:700;color:#07aaff !important;color:var(--theme-color) !important}.nav-left .menu-item{position:relative}.nav-left .menu-slide{display:none;position:absolute;top:66px;left:-15px;padding-top:10px;z-index:999}.nav-left .menu-slide .box{padding:30px 22px 16px;box-sizing:border-box;-webkit-box-sizing:border-box}.nav-left .menu-item:hover .menu-slide{display:block}.nav-left .menu-slide-item{position:relative;display:flex;align-items:center;height:56px;margin-bottom:8px;padding-right:100px;border-radius:8px;color:#262626;color:var(--font-color);transition:all .5s;-webkit-transition:all .5s}.nav-left .menu-slide-item .icon{width:40px;height:40px;margin:0 16px 0 8px;background:#d8d8d8;border-radius:8px}.nav-left .menu-slide-item .slide-item-title{font-size:14px;line-height:14px;font-weight:500;color:#262626}.nav-left .menu-slide-item .slide-item-text{max-width:324px;margin-top:8px;margin-right:24px;font-size:12px;line-height:12px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-left .menu-slide-item:hover{background:#f5f5f5}.nav-left .menu-slide-item .icon-youjiantou{position:absolute;right:21px;top:50%;transform:translateY(-50%);width:14px;height:10px;background:url(../../../www/v10/header/jiantou.svg) no-repeat;opacity:0;filter:alpha(opacity=0);transition:all .5s}.nav-left .menu-slide-item:hover .icon-youjiantou{opacity:1;filter:alpha(opacity=100)}.nav-left .menu-item:last-child .menu-slide ul .menu-slide-item .icon-youjiantou{display:none}.nav-left .menu-item.site_prod_matrix .box{display:flex;flex-direction:column;flex-wrap:wrap}.nav-left .menu-item.site_prod_matrix .menu-slide{left:-16px}.nav-left .menu-item.site_prod_matrix .box-item:nth-child(2){margin-top:14px}.nav-left .menu-item.site_prod_matrix .menu-slide-title{display:block;padding-left:8px;padding-bottom:20px;margin-bottom:12px;font-size:16px;line-height:1;color:#262626;font-weight:700;border-bottom:1px solid #eee}.nav-left .menu-item.site_saas .menu-slide{left:-70px}.nav-left .menu-item.site_saas .box{display:flex;flex-direction:column;flex-wrap:wrap;padding-top:24px}.nav-left .menu-item.site_saas .menu-slide-title{display:block;margin-left:8px;padding-bottom:20px;margin-bottom:12px;font-size:16px;line-height:1;color:#262626;font-weight:700;border-bottom:1px solid #eee}.nav-left .menu-item:last-child .menu-slide .box{width:140px;padding:8px 0;background:#fff}.nav-left .menu-item:last-child .menu-slide-title{display:block;height:40px;line-height:40px;padding-left:20px;font-size:14px;color:#262626;color:var(--font-color);transition:all .5s;-webkit-transition:all .5s}.nav-left .menu-item:last-child .menu-slide-title:hover{color:#07aaff;color:var(--theme-color);background:#f5f5f5}.nav-left .menu-slide-item:active .slide-item-title{color:#07aaff;color:var(--theme-color)}.nav-right{display:flex;align-items:center;position:relative}.nav-right .nav-search{position:relative}.nav-right .nav-search .nav-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;cursor:pointer;background:url(../../../www/v10/header/search-white.svg) no-repeat center}.nav-right .search-input{width:160px;height:32px;padding-left:30px;padding-right:18px;line-height:32px;font-size:14px;border-radius:4px;outline:none;border:none;box-sizing:border-box;-webkit-box-sizing:border-box;transition:all .5s;-webkit-transition:all .5s;color:#fff;background:rgba(255,255,255,0.15)}.nav-right .search-input::placeholder{font-size:14px;color:#fff}.nav-right .search-input:-ms-input-placeholder,.nav-right .search-input::-webkit-input-placeholder,.nav-right .search-input:-moz-placeholder,.nav-right .search-input::-moz-placeholder,.nav-right .search-input:-ms-input-placeholder,.nav-right .search-input::-ms-input-placeholder{color:#fff}.nav-right .nav-search:hover .search-input{width:188px}.nav-right .hot-apis{display:none;position:absolute;padding-top:26px;top:32px;left:0}.nav-right .hot-apis .box{width:320px;padding:26px 18px 24px 30px;box-sizing:border-box;-webkit-box-sizing:border-box;box-shadow:0 8px 20px 0 rgba(115,117,130,0.12)}.nav-right .hot-apis-title{margin-bottom:7px;font-size:14px;line-height:14px;color:#babcc2;font-weight:400}.nav-right .hot-apis-list{display:flex;flex-wrap:wrap}.nav-right .hot-apis-list .hot-search-api{padding:6px 8px;margin:12px 12px 0 0;font-size:12px;line-height:12px;color:#595959;background:#ecf0f5;border-radius:2px}.nav-right .hot-apis-list .hot-search-api:hover{color:#07aaff;color:var(--theme-color)}.nav-right .search-data-header{display:none;position:absolute;top:56px;left:0;width:320px;max-height:350px;overflow-y:auto;background:#fff;border-radius:4px;box-shadow:0 8px 20px 0 rgba(115,117,130,0.12);box-sizing:border-box}.nav-right .search-data__item{display:block;padding:12px 30px}.nav-right .search-data__item:first-child{margin-top:15px}.nav-right .search-data__item:last-child{margin-bottom:13px}.nav-right .search-data__item:hover{background-color:#f6faff}.nav-right .search-data__item-title{display:flex;font-size:14px;line-height:14px;color:#262626;color:var(--font-color);font-weight:600}.nav-right .search-data__item-name{max-width:170px}.search-data__item-name{flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-data__item-type{flex-shrink:0;margin-left:6px;font-size:12px;line-height:14px}.search-data__item-type::before{content:'-';color:#ddd}.search-data__item-type1{color:#07AAFF}.search-data__item-type2{color:#29C287}.search-data__item-type3{color:#2A64FF}.nav-right .search-data__item-des{width:100%;height:12px;margin-top:7px;font-size:12px;line-height:12px;color:#5c6373;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-right .juhe-api{margin-left:24px}.nav-right .header-line{width:1px;height:14px;margin:0 24px;background:rgba(255,255,255,0.2)}.nav-right .login-status{position:relative;display:flex;align-items:center;min-width:134px}.nav-right .reg-gift-btn{width:82px;height:32px;margin-left:24px;line-height:32px;text-align:center;font-size:12px;color:#fff;background:#ed510a;border-radius:4px}.nav-right .reg-gift-btn:hover{opacity:.5;filter:alpha(opacity=50)}.nav-right .header-center{font-size:14px;position:relative}.nav-right .header-btn-badge{position:absolute;left:56px;top:-20px;min-width:19px;height:19px;padding:0 4px;line-height:19px;text-align:center;color:#fff;background:#fe514a;border-radius:10px;box-sizing:border-box;-webkit-box-sizing:border-box}.nav-right .header-username{position:relative;margin-left:24px;padding-right:20px;cursor:pointer}.nav-right .header-username::after{content:"";position:absolute;right:0;top:0;width:12px;height:12px;background:url(../../../www/v11/headerFooter/show-icon.svg) center no-repeat;background-size:12px 12px;transition:transform .3s}.nav-right .header-username:hover::after{transform:rotate(180deg)}.nav-right .header-username:hover .login-info{display:block}.nav-right .login-info{display:none;position:absolute;right:0;top:14px;width:124px;padding-top:33px}.nav-right .login-content{width:100%;padding:4px 0;color:#262626;background:#fff;box-shadow:0 5px 12px 0 rgba(0,0,0,0.06);border-radius:4px;box-sizing:border-box;transition:all .3s}.nav-right .login-content li{position:relative;padding:11px 14px 11px 39px;box-sizing:border-box;transition:all .5s}.nav-right .login-content li:hover{background:#F5F5F5}.nav-right .login-content li a::before{content:"";display:block;width:16px;height:16px;position:absolute;left:16px;top:10px;background-size:16px 16px}.nav-right .login-content a{color:#262626}.nav-right .login-content .user-info::before{background:url(../../../www/v11/headerFooter/user-icon.svg) center no-repeat}.nav-right .login-content .user-vcard::before{background:url(../../../www/v11/headerFooter/vcard-icon.svg) center no-repeat}.nav-right .login-content .logout::before{background:url(../../../www/v11/headerFooter/logout-icon.svg) center no-repeat}.nav-right .login-content .vcard-tip{font-size:12px;line-height:12px;color:#999999}.nav-right .login-content .vcard-text{font-size:12px;line-height:12px;margin-top:8px;color:#f1574c}.nav:hover{background:#fff;color:#262626;transition:all .5s;-webkit-transition:all .5s}.nav:hover .menu-title{color:#262626}.nav:hover .nav-left .logo-img1{display:none}.nav:hover .nav-left .logo-img2{display:block}.nav:hover .menu-item:hover .menu-title{color:#07aaff;color:var(--theme-color)}.nav:hover .nav-right .nav-search .nav-search-icon{background:url(../../../www/v10/header/search-black.svg)}.nav:hover .nav-right .search-input{color:#262626;background:rgba(187,187,187,0.15)}.nav:hover .nav-right .search-input::placeholder{color:#ccc}.nav:hover .nav-right .search-input:-ms-input-placeholder,.nav:hover .nav-right .search-input::-webkit-input-placeholder,.nav:hover .nav-right .search-input:-moz-placeholder,.nav:hover .nav-right .search-input::-moz-placeholder,.nav:hover .nav-right .search-input:-ms-input-placeholder,.nav:hover .nav-right .search-input::-ms-input-placeholder{color:#ccc}.nav:hover .nav-right .juhe-api,.nav:hover .nav-right .header-login,.nav:hover .nav-right .header-center{color:#262626}.nav:hover .nav-right .juhe-api:hover,.nav:hover .nav-right .header-login:hover,.nav:hover .nav-right .header-center:hover{color:#07aaff;color:var(--theme-color)}.nav:hover .nav-right .header-line{background:rgba(0,0,0,0.1)}.nav-fixed{position:fixed;backdrop-filter:none;box-shadow:0 4px 15px rgba(0,0,0,0.08);background:#fff;color:#262626;border-bottom:1px solid rgba(24,24,24,0.05);z-index:1000000}.nav-fixed .menu-title{color:#262626}.nav-fixed .nav-left .logo-img1{display:none}.nav-fixed .nav-left .logo-img2{display:block}.nav-fixed .menu-item:hover .menu-title{color:#07aaff;color:var(--theme-color)}.nav-fixed .nav-right .nav-search .nav-search-icon{background:url(../../../www/v10/header/search-black.svg)}.nav-fixed .nav-right .search-input{color:#262626;background:rgba(187,187,187,0.15)}.nav-fixed .nav-right .search-input::placeholder{color:#ccc}.nav-fixed .nav-right .search-input:-ms-input-placeholder,.nav-fixed .nav-right .search-input::-webkit-input-placeholder,.nav-fixed .nav-right .search-input:-moz-placeholder,.nav-fixed .nav-right .search-input::-moz-placeholder,.nav-fixed .nav-right .search-input:-ms-input-placeholder,.nav-fixed .nav-right .search-input::-ms-input-placeholder{color:#ccc}.nav-fixed .nav-right .juhe-api,.nav-fixed .nav-right .header-login,.nav-fixed .nav-right .header-center{color:#262626}.nav-fixed .nav-right .juhe-api:hover,.nav-fixed .nav-right .header-login:hover,.nav-fixed .nav-right .header-center:hover{color:#07aaff;color:var(--theme-color)}.nav-fixed .nav-right .header-line{background:rgba(0,0,0,0.1)}.header-login{position:relative}.header-login:hover+.header-login-tips{display:block}.header-login-tips{display:none;width:328px;position:absolute;top:22px;right:82px;padding-top:33px;z-index:999}.header-login-tips:hover{display:block}.header-login-tips-box{padding:16px;font-size:14px;line-height:20px;background:#fff;box-shadow:0 8px 30px 0 rgba(0,0,0,0.08);border-radius:4px;box-sizing:border-box}.header-login-tips-title{margin-bottom:4px;color:rgba(0,0,0,0.88)}.header-login-tips .header-login-tips-main{display:flex;flex-wrap:wrap;justify-content:space-between}.header-login-tips .header-login-tip{display:flex;align-items:center;margin-top:12px;color:rgba(51,51,51,0.88)}.header-login-tips .header-login-tip-img{width:20px;height:20px;margin-right:4px;background-image:url('../../../www/activity/2024/headerFooter/css_sprites.png');background-repeat:no-repeat}.header-login-tips .header-login-tip-img1{background-position:-140px -174px}.header-login-tips .header-login-tip-img2{background-position:-180px -174px}.header-login-tips .header-login-tip-img3{background-position:-220px -174px}.header-login-tips .header-login-tip-img4{background-position:-260px -174px}.header-login-tips .header-login-tips-link{display:block;width:100%;height:40px;margin-top:20px;line-height:40px;font-size:14px;color:#fff;text-align:center;background:#07AAFF;border-radius:2px;cursor:pointer}.reg-gift-btn:hover+.header-reg-tips{display:block}.header-reg-tips{display:none;position:absolute;z-index:999;top:32px;right:0;padding-top:23px;font-size:14px;line-height:20px}.header-reg-tips:hover{display:block}.header-reg-tips-box{width:334px;padding:16px;background:linear-gradient(180deg, #EEF6FE 0%, #FFFFFF 100%);box-shadow:0 8px 30px 0 rgba(0,0,0,0.08);border-radius:4px;box-sizing:border-box}.header-reg-tips-title{margin-bottom:5px;color:#333333;font-weight:700}.header-reg-tips-img{width:100%;height:62px;margin-top:8px;background-image:url('../../../www/activity/2024/headerFooter/css_sprites.png');background-repeat:no-repeat}.header-reg-tips-img1{background-position:-10px -10px}.header-reg-tips-img2{background-position:-10px -92px}@media screen and (max-width:1355px){.nav-left .menu{margin-left:15px}.nav-left .menu .menu-item:nth-child(n + 2){margin-left:0}.nav-right .juhe-api,.nav-right .header-username{margin-left:20px}.nav-right .header-line{margin:0 20px}}