.clear{zoom:1}.clear:after{content:'';display:block;clear:both;font-size:0}.jc_hd{position:relative;z-index:1000;width:100%;height:70px;line-height:1.5;background-color:#fff}.jc_wrap{position:relative;z-index:202;width:1200px;height:70px;margin:0 auto;font-size:0;white-space:nowrap;box-shadow:0 2px 8px rgba(8,20,49,.1)}.jc_hd_logo,.jc_hd_menu{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}.jc_hd_logo{vertical-align:top;margin-top:12px;margin-right:40px;margin-left:20px;position:relative}.jc_hd_logo a{position:relative;overflow:hidden;display:block;width:134px;height:46px;background:url(https://cloud.lolipa.cn/assets/img/logo.png) center no-repeat;background-size:100%}.jc_hd_logo.jdc_logo_en a{width:150px;background-image:url(https://cloud.lolipa.cn/assets/img/logo.png)}.jc_hd_menu{height:70px;overflow:hidden}#lottie{display:block;width:100%;height:100%}.jc_hd_menu_list{font-size:0;white-space:nowrap;float:left;transition:all .25s ease}.jc_hd_menu_list>li{display:inline-block}.jc_hd_list_item{display:block;position:relative;padding:0 16px;height:70px;line-height:70px;font-size:14px;color:#212121;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;transition:all .25s ease}.jc_hd_list_item:hover{color:#E1251B}.jc_hd_list_item:hover:after{opacity:1}.jc_hd_menu_list>li.active .jc_hd_list_item{color:#E1251B}.jc_hd_menu_list>li.active .jc_hd_list_item:after{opacity:1}.jc_hd_list_item:after{content:"";position:absolute;bottom:17px;left:50%;width:16px;height:2px;margin-left:-8px;background-color:#E1251B;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;transition:all .25s ease;opacity:0}.jc_hd .jc_hd_tag{display:inline-block;margin-left:5px;color:#E1251B;font-style:normal;font-size:12px;font-weight:400}.hd_menu_dropdown{display:none;position:absolute;left:0;top:70px;padding:0;width:100%;font-size:0}.hd_menu_dropdown:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:0 3px 5px 0 rgba(64,87,219,.1);z-index:-1}.hd_dropdown_item{margin-bottom:20px}.hd_dropdown_item .menu_dropdown_title{position:relative}.hd_dropdown_item .menu_dropdown_ct{padding:0;border:0 none}.hd_dropdown_item .hd_item_col_subMenu{padding-top:5px;padding-bottom:10px}.menu_dropdown_ct,.menu_dropdown_title{display:inline-block;*display:inline;*zoom:1}.menu_dropdown_title{width:183px;border-right-width:1px;border-right-style:solid;border-right-color:rgba(13,15,26,.15)}.menu_dropdown_ct{padding:6px 0 6px 20px;width:836px;vertical-align:top}.hd_menu_dropdown_item{display:none;position:absolute;top:8px;min-width:720px;font-size:0}.hd_solution .hd_menu_dropdown_item{display:block}.hd_solution .menu-second:hover{color:#fff}.hd_solution .hd_dropdown_item{margin:0}.dropdown_title_ul{padding:6px 0}.hd_product_ul{position:relative}.menu-second{display:block;position:relative;padding-left:20px;padding-right:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:38px;font-size:14px;color:#212121;font-weight:700;cursor:default}.dropdown_title_ul .on .font-arr,.dropdown_title_ul .on .menu-second,.dropdown_title_ul .on .newfont{color:#E1251B}.dropdown_title_ul .newfont{position:absolute;left:10px;top:0}.dropdown_title_ul .font-arr{position:absolute;right:0;top:0}.jc_hd_operation{position:absolute;z-index:10;right:0;top:0;height:70px;padding-left:210px}.jc_hd_login,.jc_hd_operation>a{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;font-size:14px;color:#212121}.jc_hd_operation>a{height:32px;line-height:32px;padding:0 12px}.jc_hd_operation .jc_hd_news{width:28px;height:60px;line-height:60px;text-align:center;border-left:1px solid #111;border-right:1px solid #111;font-size:16px;color:#999}.jc_hd_news i{display:none}.jc_hd_operation .gotNews{position:relative;color:#212121}.jc_hd_operation>a:hover{color:#E1251B}.jc_hd_operation .jc_hd_news:hover{color:#999;background:#111}.jc_hd_operation .gotNews:hover{color:#212121}.gotNews i{display:block;position:absolute;left:33px;top:16px;padding:0 2px;min-width:12px;max-width:18px;height:16px;line-height:16px;text-align:center;overflow:hidden;white-space:nowrap;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;font-size:12px;color:#212121;background:#f51c3a}.jc_hd_console{padding:0 10px}.jc_hd_operation .jc_hd_console:hover{color:#E1251B}.jc_hd_login{height:70px}.user_mng{position:relative;display:block;padding:0 20px 0 12px;height:70px;line-height:70px;color:#212121;cursor:default}.user_mng:hover{color:#212121}.user_mng img{display:none;float:left;margin-top:15px;margin-right:8px;width:40px;height:40px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.user_mng>b{float:left;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jc_hd_log_in{position:relative;margin-right:12px}.jc_hd_log_in:hover .user_mng{background:#fff;box-shadow:0 -9px 9px 0 rgba(64,87,219,.1);z-index:1}.jc_hd_log_in:hover .user_dropdown{display:block;*zoom:1}.jc_hd_log_in:hover .log_in_arr{border-width:0 4px 4px;border-color:transparent transparent #666}.log_in_arr{position:absolute;top:34px;right:10px;width:0;height:0;border-style:solid;border-width:4px 4px 0;border-color:#666 transparent transparent}.jc_hd_log_in .user_dropdown{display:none;position:absolute;right:0;top:70px;padding:16px 16px 0;width:280px;background:#fff;box-shadow:0 0 9px 0 rgba(64,87,219,.1)}.jdc-lang-en .jc_hd_log_in .user_dropdown{width:280px}.jc_hd_log_in .user_dropdown ul{padding-bottom:10px}.jc_hd_log_in ul a{display:block;line-height:32px;color:#212121;font-size:14px}.jc_hd_log_in ul a b{float:right;margin-top:7px;padding:0 6px;line-height:18px;font-weight:400;border-radius:9px;background:#E1251B;color:#fff}.jc_hd_log_in li a:hover{color:#E1251B}.jc_hd_log_in li a:hover b{color:#fff}.jc_hd_log_in .user_quit_wrap{padding:15px 0;border-top:1px solid #eee}.jc_hd_log_in .user_quit,.jc_hd_log_in .user_reset{float:right;line-height:20px;color:#212121;font-size:14px}.jc_hd_log_in .user_reset{float:left}.jc_hd_log_in .user_quit:hover,.jc_hd_log_in .user_reset:hover{color:#E1251B}.user_dropdown .user_balance{margin-bottom:5px}.user_dropdown .user_balance dt{line-height:20px;font-size:14px;color:#595959}.user_dropdown .user_balance dd{padding:0}.user_dropdown .user_balance .user_money{float:left;line-height:22px;font-size:14px;color:#e1251b;margin-top:6px}.user_dropdown .user_balance .user_money2{color:#e1251b}.user_dropdown .user_balance .user_recharge{float:right;padding:0 5px;min-width:70px;height:32px;line-height:32px;text-align:center;font-size:14px;border:1px solid #E1251B;color:#E1251B}.user_dropdown .user_balance .user_recharge:hover{color:rgba(225,37,27,.8);border-color:rgba(225,37,27,.8)}.user_dropdown .user-tip{background-color:#FFFCF2;border-radius:2px;padding:8px 8px 8px 32px;border:1px solid #FFCD61;margin-bottom:14px}.user_dropdown .user-tip .tip-txt{position:relative;font-size:14px;color:#000;white-space:initial}.user_dropdown .user-tip .tip-txt::after{position:absolute;left:-21px;top:2px;content:'';width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='a'%3E%3CfeColorMatrix in='SourceGraphic' values='0 0 0 0 1.000000 0 0 0 0 0.611765 0 0 0 0 0.000000 0 0 0 1.000000 0'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1zm0 5.1a.5.5 0 0 0-.5.5v5l.008.09a.5.5 0 0 0 .992-.09v-5l-.008-.09A.5.5 0 0 0 8 6.1zm0-2.2a.7.7 0 1 0 0 1.4.7.7 0 0 0 0-1.4z' fill='%23000' transform='matrix(1 0 0 -1 0 16)' filter='url(%23a)' fill-rule='evenodd'/%3E%3C/svg%3E")}.user_dropdown .user-tip .tip-link{display:inline-block;font-size:14px;color:#2C68FF;margin-left:4px}.user_dropdown .user-chk{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #f0f0f0}.user_dropdown .user-chk .chk-name{display:block;font-size:14px;color:#262626}.user_dropdown .user-chk .chk-status{display:block;font-size:14px;color:#e1251b}.user_dropdown .user-chk .status-type2{color:#0ED57D}.user_dropdown .user-chk .status-type3{color:#FF9C00}.jc_hd_log_out{display:none;margin-right:12px;font-size:0;padding-top:19px}.jc_hd_log_out a{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding:0 12px;color:#212121;font-size:16px;line-height:32px}.jc_hd_log_out a:hover{color:#E1251B}.jc_hd:before{content:'';position:absolute;left:0;top:0;width:100%;height:0;background:0 0;-webkit-transition:height .3s,background-color .3s;transition:height .3s,background-color .3s}.jc_hd_ct_bg{display:none;position:absolute;z-index:201;left:0;top:90px;width:100%;background:#222;opacity:.95;filter:alpha(opacity=95);-webkit-transition:all .3s cubic-bezier(0,1,.5,1);transition:all .3s cubic-bezier(0,1,.5,1)}.hd_ecology{width:auto;padding:8px 0;left:auto;right:auto!important;background:#fff;box-shadow:0 0 9px 0 rgba(64,87,219,.1)}.hd_ecology .menu-second{cursor:pointer}.hd_ecology .menu_dropdown_title{min-width:180px;width:auto;border:0}.hd_ecology .hd_menu_dropdown{width:auto}.hd_ecology .hd_dropdown_item{margin-bottom:0}.header-waterfall{display:none;padding:20px 30px;zoom:100%;clear:both;left:0;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.header-waterfall ul{max-width:1200px;margin:0 auto;overflow:hidden;margin-bottom:10px;position:relative}.header-waterfall ul li{margin-top:-1px;min-width:210px;max-width:220px;text-align:left;position:absolute}.header-waterfall ul li h3{font-size:16px;margin-bottom:8px;color:#fff;padding:0 10px;white-space:normal}.header-waterfall ul li a{display:block;padding:5px 10px;line-height:20px;color:#aeacaf;font-size:14px;white-space:normal}.header-waterfall ul li a:hover{color:#E1251B}.header-waterfall ul li .line{display:none;border-bottom:1px solid #ededed;margin:0 0 20px 10px;filter:alpha(opacity=20);opacity:.2}.noWaterfall li{position:static!important;float:left;margin-right:20px}.jc_hd_menu_list .help-hot{background:0 0;display:inline-block;color:#E1251B;font-size:12px;padding:0 3px;border-radius:2px;margin-left:5px;line-height:15px}.jc_hd_menu_list .help-grey{color:#999}.jc_hd_menu_list .help-org{color:#E1251B}.jc_hd_log_out .jc_reg{margin-left:10px;padding:0 15px;height:32px;line-height:32px;min-width:54px;color:#fff;background:#E1251B;border-radius:16px;text-align:center}.jc_hd_log_out .jc_reg:hover{background:rgba(225,37,27,.8);color:#fff}.jc_hc_upgrade{display:inline-block;vertical-align:middle;width:26px;height:26px;line-height:26px;text-align:center;margin-right:15px;position:relative}.jc_hc_upgrade a{display:block;height:26px}.jc_hc_upgrade a i{font-size:16px}.jc_hc_upgrade .upgrade_tips{display:none;position:absolute;top:30px;left:50%;font-size:12px;white-space:nowrap;color:#fff;height:26px;line-height:26px;background:#E1251B;padding:0 8px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-left:-104px}.jc_hc_upgrade .upgrade_tips .triangle{position:absolute;left:50%;top:-3px;width:0;height:0;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:3px solid #E1251B}.jc_hc_upgrade:hover i{color:#E1251B}.jc_hc_upgrade:hover .upgrade_tips{display:block}.user_subUser{color:#666;font-size:12px}.user_subUser dd,.user_subUser dt{line-height:20px}.user_subUser .user_subUser_name{color:#212121}.jc_hd_menu_list .jdc-menu-more,.jdc-nav-m{display:none}.jdc-nav-btn,.nav-m-user{display:inline-block;padding:8px;vertical-align:middle}.nav-user-icon{display:inline-block;vertical-align:middle;width:24px;height:24px;font-size:24px;line-height:1;color:#212121}.jdc-nav-btn span{display:block;width:20px;height:2px;position:relative;background:#212121;border-radius:3px;z-index:1;-webkit-transform-origin:20px;-ms-transform-origin:20px;transform-origin:20px;transition:background .5s cubic-bezier(0.77,.2,.05,1),opacity .55s ease,transform .5s cubic-bezier(0.77,.2,.05,1),width .5s}.jdc-nav-btn span+span{margin-top:5px}.jdc-nav-btn span:nth-last-child(2){-ms-transform:rotate(0);transform:rotate(0);transition:width .5s ease}.jdc-nav-btn.jdc-nav-btn-actived span{opacity:1;-ms-transform:rotate(45deg);transform:rotate(45deg)}.jdc-nav-btn.jdc-nav-btn-actived span:nth-last-child(3){opacity:1;-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.jdc-nav-btn.jdc-nav-btn-actived span:nth-last-child(2){width:0;opacity:0;-ms-transform:rotate(0);transform:rotate(0);transition:width .5s}.nav-m-menu-wrap,.nav-m-user-list{display:none}.jc_hd_lang{display:inline-block;vertical-align:middle;font-size:14px;color:#fff;margin-right:10px;cursor:pointer;position:relative}.jc_hd_lang:hover .lang-tit{background:#2a2e42}.jc_hd_lang:hover .lang-list{display:block}.jc_hd_lang .lang-tit{line-height:39px;height:39px;padding:0 15px 0 34px;position:relative}.jc_hd_lang .lang-tit:before{content:'';background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTk1OS45IDUxMS43Qzk1OS45IDI2NC40IDc1OS40IDY0IDUxMiA2NCAyNjQuNiA2NCA2NCAyNjQuNCA2NCA1MTEuN2MwIDIyOC40IDE3MS4xIDQxNi44IDM5Mi4zIDQ0NC4yIDE5LjkgMy45IDQwLjIgNS4xIDYwLjQgMy40IDI0NS4zLTIuNSA0NDMuMi0yMDIgNDQzLjItNDQ3LjZ6bS02NCA2LjNjLTEuMy0yMi00LjItNDMuOS04LjctNjUuNC40LTcuMS41LTE0LjMuMy0yMS41IDYuMSAyOC41IDguOSA1Ny43IDguNCA4Ni45ek0xMjggNTExLjdjMC0yNy4yIDIuOC01My42IDguMi03OS4yIDE2LjYgMTcuNyA1NS43IDE3LjQgNjUuMi05LjIgMTcuMSAxMC4yIDQwIDEyIDQwIDMyLjMgMCA2Ny4xIDIuNCAxMzguOSA2My4zIDE0MC4xIDEuNyAwIDM0IDEyLjIgNDkuNCA1MiA1LjMgMTMuOCAyNi4zIDAgNDkuMyAwIDExLjUgMCAwIDE5LjQgMCA2MS4yIDAgNDEuNyA4OS45IDEwNS45IDg5LjkgMTA1LjktLjQgMjcuNy43IDUwIDMgNjcuOC0yMC4zLS40LTM3LjQgMi4zLTUwLjkgNi45QzI2NS4xIDg1OC4xIDEyOCA3MDAuOSAxMjggNTExLjd6bTQ3OC41IDM3MmMtMi05LjctMTAuNy0xNS4xLTI2LjYtMTAuOSAxMi43LTU0IDE4LjgtODQuMiA0NS4zLTEwNy4yIDM4LjMtMzMuMiA0LjUtNzAuMS0yNC42LTY1LjctMjMgMy41LTguNC0yOC41LTI5LTMwLjMtMjAuNS0xLjctNDcuMy00Mi40LTc2LjgtNTYuNS0xNS42LTcuNC0zMS0yNy4zLTU1LjEtMjguMy0yMS40LS44LTUyLjYgMTguMS01Mi42IDMuNSAwLTQ2LjktNC44LTgwLjQtNS43LTkzLjgtLjgtMTAuNy03LTMuNiAyMS45LTIuOSAxNS43LjQgOC0zMS42IDIzLjYtMzIuOCAxNS4zLTEuMiA1MS43IDE0LjMgNjEgOC4xIDguNy01LjggNjMuNCAxNDMuOCA2My40IDI0LjcgMC0xNC4xLTcuMy0zOC43IDAtNTIuMSAyOS01Mi44IDU2LTk1LjkgNTMuNi0xMDIuMi0xLjQtMy42LTI5LjYtNi41LTUyLjIgMS4xLTcuNiAyLjYgMi40IDE0LjUtOC42IDE3LjEtNDEgOS41LTc3LjItMTEuMS02NC41LTMwLjQgMTMtMTkuNyA2MC4xLTguNiA2NC4yLTQ4LjMgMi4zLTIyLjcgNC4zLTQ5IDUuNy02OC42IDU1LjIgOC43IDQ5LjEtNzEuNi0zMy04MC4yIDE2MS45IDEuOSAzMDUuMiAxMDUuMSAzNTguMyAyNTcuOS0yLjUtMi4zLTUuNy0zLjgtOS4yLTQuMi0yNC44LTYyLTg1LTE3LjEtNjQuNiAzNy42LTEwOS40IDg0LjEtODEuNCAxNDIuOC00NS41IDE3Ni41IDE4LjkgMTcuNiAzNyA0NC4yIDQ4LjcgNjMuMi0xMi44IDM3LjMgNDcuMSAyMi40IDc2LjYtNDAuOEM4NDMgNzQ5IDczOC42IDg1MC4xIDYwNi41IDg4My43eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);background-size:contain;width:18px;height:18px;display:block;position:absolute;top:11px;left:12px}.jc_hd_lang .lang-tit:after{content:"";width:0;height:0;border-style:solid;border-width:4px 4px 0;border-color:#fff transparent transparent;margin-left:5px;vertical-align:-12px;opacity:.5}.jc_hd_lang .lang-list{display:none;position:absolute;top:39px;left:0;padding:10px 0;background:#2a2e42;width:100%;min-width:106px}.jc_hd_lang .lang-list a{display:block;color:#fff;height:36px;line-height:36px;padding:0 15px}.jc_hd_lang .lang-list a.cur,.jc_hd_lang .lang-list a:hover{color:#4762fe}.jc_hd_lang .lang-list a.cur{cursor:default}.jdc-lang-tips{position:absolute;z-index:200;top:100px;left:0;width:100%;background:rgba(34,36,48,.7);color:#fff;font-size:12px}.jdc-lang-tips .w{position:relative;padding:20px 0}.jdc-lang-tips .lang-tips-icon{float:left;width:20px;height:20px;line-height:20px;text-align:center;margin-right:10px;padding-left:30px}.jdc-lang-tips .lang-tips-icon i{font-size:16px;color:#e9ab1d}.jdc-lang-tips .lang-tips-text{overflow:hidden;line-height:18px;padding-right:40px}.jdc-lang-tips .lang-tips-text .lang-tips-check-box{margin-top:8px;color:#fff;display:inline-block;cursor:pointer}.jdc-lang-tips .lang-tips-close{position:absolute;top:10px;right:10px;color:#fff;width:30px;height:30px;line-height:30px;text-align:center;font-size:24px;opacity:.5}.jdc-lang-tips .lang-tips-close:hover{opacity:.9}.jdc-lang-tips .lang-tips-check{display:inline-block;width:16px;height:16px;background:#fff;border-radius:2px;vertical-align:-3px;margin-right:10px;position:relative}.jdc-lang-tips .lang-tips-check.is-checked{background:#4762fe}.jdc-lang-tips .lang-tips-check.is-checked:after{-ms-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.jdc-lang-tips .lang-tips-check:after{box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:9px;left:6px;position:absolute;top:2px;-ms-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:4px;transition:transform .15s ease-in .05s;-ms-transform-origin:center;transform-origin:center}.jc_wrap_top{height:70px;position:relative;z-index:10}.jc_wrap_bottom{height:49px;position:relative}.jc_wrap_bottom .jc_hd_menu_list{display:inline-block;vertical-align:middle}.jc_wrap_bottom .menu-tit{display:inline-block;vertical-align:middle;color:#212121;font-size:16px;padding:0 10px 0 20px}.jc_wrap_bottom .hd_menu_dropdown{top:49px}.jc_hd_search_btn{display:none}.jc_hd_search{position:absolute;top:0;left:0;display:inline-block;font-size:14px;vertical-align:middle;color:#fff;height:70px}.jc_hd_search:hover{color:#E1251B}.jdc-search{position:relative;width:178px;padding:15px 16px}.jdc-search .jdc-search-mask{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;z-index:3;cursor:pointer}.jdc-search .jdc-search-ipt{border:1px solid transparent;outline:0;background:#f5f5f5;height:40px;padding:4px 52px 4px 12px;width:100%;box-sizing:border-box;color:#212121;font-size:14px}.jdc-search .jdc-search-ipt::-webkit-input-placeholder{color:#8c8c8c}.jdc-search .jdc-search-ipt:-ms-input-placeholder{color:#8c8c8c}.jdc-search .jdc-search-ipt:-moz-placeholder{color:#8c8c8c}.jdc-search .jdc-search-ipt::-moz-placeholder{color:#8c8c8c}.jdc-search .jdc-search-ipt::placeholder{color:#8c8c8c}.jdc-search .jdc-search-btn{position:absolute;top:15px;right:16px;width:40px;height:40px;line-height:40px;border:none;background-color:#ededed;outline:0;text-align:center;cursor:pointer;z-index:1}.jdc-search .i-clear,.jdc-search .i-search{display:inline-block;width:16px;height:16px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMTZ2MTZIMHoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48ZyBtYXNrPSJ1cmwoI2IpIiBzdHJva2U9IiM4QzhDOEMiIHN0cm9rZS13aWR0aD0iMS41Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIj48cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIGQ9Ik0xMC40MTcgMTEuMDk4bDIuNDA0IDIuNDA0Ii8+PGNpcmNsZSBjeD0iNi41IiBjeT0iNi41IiByPSI1Ljc1Ii8+PC9nPjwvZz48L2c+PC9zdmc+);background-size:cover;vertical-align:middle}.jdc-search .i-clear{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMTZ2MTZIMHoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48ZyBtYXNrPSJ1cmwoI2IpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIj48Y2lyY2xlIHN0cm9rZT0iIzU5NTk1OSIgY3g9IjciIGN5PSI3IiByPSI2LjUiLz48cGF0aCBkPSJNNS4yMzIgNC41MjVsNC4yNDMgNC4yNDNhLjUuNSAwIDEgMS0uNzA3LjcwN0w0LjUyNSA1LjIzMmEuNS41IDAgMCAxIC43MDctLjcwN3oiIGZpbGw9IiM1OTU5NTkiLz48cGF0aCBkPSJNOS40NzUgNS4yMzJMNS4yMzIgOS40NzVhLjUuNSAwIDEgMS0uNzA3LS43MDdsNC4yNDMtNC4yNDNhLjUuNSAwIDAgMSAuNzA3LjcwN3oiIGZpbGw9IiM1OTU5NTkiLz48L2c+PC9nPjwvZz48L3N2Zz4=)}.jdc-search .jdc-search-clear{display:none;position:absolute;top:0;right:0;width:40px;height:40px;line-height:40px;text-align:center;font-size:12px;color:#595959;cursor:pointer;background-color:#e5e5e5}.jdc-search .jdc-search-clear:after{content:'';position:absolute;top:50%;left:0;width:1px;height:16px;margin-top:-8px;background-color:#D9D9D9}.jdc-search-dropdown{display:none;background:#fff;padding:1px 0 10px;box-shadow:0 2px 16px 0 rgba(0,0,0,.1)}.jdc-search-dropdown .jdc-search-dropdown-tit,.jdc-search-dropdown h3{font-size:14px;color:#666;padding-left:16px;margin-bottom:5px}.jdc-search-dropdown li a{display:block;color:#212121;line-height:32px;padding:0 16px;transition:all .25s ease}.jdc-search-dropdown li a:hover{color:#E1251B}.search-hover .jdc-search{width:270px}.search-active{left:-190px;box-shadow:0 2px 16px 0 rgba(0,0,0,.1)}.search-active .jdc-search{width:368px;background:#fff}.search-active .jdc-search .jdc-search-ipt{border:1px solid #E1251B;background-color:#fff}.search-active .jdc-search .jdc-search-btn{z-index:1;background:0 0}.search-active .jdc-search .jdc-search-mask{display:none}.jc_hd_consultation{margin-right:20px;width:174px;height:40px;line-height:32px;display:inline-block;font-size:16px;font-weight:700;vertical-align:middle;border:1px solid #E1251B;border-radius:20px;position:relative;overflow:hidden}.jc_hd_consultation a{display:block;color:#E1251B;padding:4px;height:32px}.jc_hd_consultation a:hover .hc-bg{left:-20px;width:calc(100% + 40px);height:calc(100% + 30px);border-radius:20px}.jc_hd_consultation a:hover .hc-txt1{opacity:1}.jc_hd_consultation a:hover .hc-txt2{opacity:0}.jc_hd_consultation a .hc-bg{position:absolute;top:50%;left:4px;width:32px;height:32px;background:linear-gradient(90deg,#e1251b 0,#fd441f 100%);border-radius:16px;-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:1;transition:all .4s ease}.jc_hd_consultation a i{position:relative;vertical-align:top;display:inline-block;padding:8px;width:16px;height:16px;margin-right:4px;border-radius:50%;overflow:hidden;z-index:2}.jc_hd_consultation a i img{vertical-align:top;width:100%;height:100%}.jc_hd_consultation a span{vertical-align:top;display:inline-block;z-index:2}.jc_hd_consultation a .hc-txt1{position:absolute;top:4px;left:58px;right:0;opacity:0;color:#fff;transition:all .2s ease .2s}.jc_hd_consultation a .hc-txt2{position:relative;opacity:1;transition:all .2s ease .2s}.scroll-btn{cursor:pointer;display:none;position:absolute;top:0;left:194px;z-index:1;height:70px;width:50px;background:linear-gradient(90deg,rgba(255,255,255,0)0,#fff 60%,#fff 100%)}.scroll-btn i{position:absolute;top:50%;left:50%;margin:-7px 0 0 7px;display:block;background:url(../image/hd-arr.png) no-repeat center;width:14px;height:14px;background-size:cover}.scroll-btn-left{-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}.scroll-btn-right{left:842px}.hd-dropdown-wrap{position:relative;font-size:14px;height:552px;width:1576px;margin:0 auto;overflow:auto;max-height:calc(100vh - 70px - 10px)}.hd-dropdown-col{width:20%;float:left;box-sizing:border-box}.hd-dropdown-col .hd-dropdown-dl+.hd-dropdown-dl{padding-top:0}.dropdown-product-col-right .hd-dropdown-dl+.hd-dropdown-dl{border-top:1px solid #e1e2e4}.hd-dropdown-dl{padding:24px 10px 24px 24px;position:relative;z-index:10}.hd-dropdown-dl dt{font-weight:700;white-space:normal;font-size:16px;color:#E1251B}.hd-dropdown-dl dt+dd{margin-top:10px}.hd-dropdown-dl dd{line-height:22px;padding:5px 0;font-size:14px;white-space:normal}.hd-dropdown-dl dd a{display:block}.hd-dropdown-dl dd p{color:#666;margin-top:4px}.dropdown-product-wrap{font-size:14px;max-width:1576px;margin:0 auto}.dropdown-product-left{float:left;width:20%;max-height:calc(100vh - 70px - 10px);height:552px}.dropdown-product-right{overflow:auto;max-height:calc(100vh - 70px - 10px);height:552px}.dropdown-product-scroll{overflow:auto;height:calc(100%)}.dropdown-product-nav li.active a:after{opacity:1;right:24px}.dropdown-product-nav li a:after{opacity:0;content:"";position:absolute;top:50%;right:30px;width:6px;height:8px;margin-top:-4px;background:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.375.625L4.75 4 1.375 7.375' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-transition:all .25s ease;-moz-transition:all .25s ease;transition:all .25s ease}.all-link{display:inline-block;font-size:12px;margin-top:10px}.dropdown-product-body{height:100%;padding:0 0 0 24px}.dropdown-product-ct{min-height:100%;display:none;overflow:hidden;position:relative}.dropdown-product-ct.dropdown-show{display:block}.dropdown-product-col{float:left;width:25%;box-sizing:border-box}.dropdown-product-col .hd-dropdown-dl{padding:24px 10px 24px 0}.dropdown-product-col-right{float:right;width:25%;height:100%;box-sizing:border-box;padding-left:24px;padding-right:0}.dropdown-product-col-right:after{content:"";position:absolute;top:0;right:0;width:25%;bottom:0;border-left:1px solid #e5e5e5;z-index:1}.dropdown-product-ct-search{display:none}.dropdown-product-ct-search .dropdown-search-tit{padding-top:20px}.dropdown-product-ct-search .dropdown-search-tit span{color:#666}.dropdown-product-ct-search .dropdown-search-tit span strong{font-weight:400;color:#ff6d37}.dropdown-search-clear,.search-result-box{display:none}.product-searching .search-result-box{display:block}.m-consultation{display:none;position:fixed;bottom:70px;right:0;width:52px;transition:right .5s ease}.m-consultation.scrolling{right:-40px}.m-consultation .m-consultation-mask{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:0 0}.m-consultation a{display:block}.m-consultation img{vertical-align:top;max-width:100%}.m-consultation .cu-sub{display:none;position:absolute;bottom:64px;right:16px;width:260px;padding:24px 24px 20px;background:#fff;box-sizing:border-box;border-radius:2px;box-shadow:0 4px 6px 1px rgba(166,138,138,.1);z-index:1}.m-consultation .cu-sub .cu-item{position:relative;padding-left:32px;line-height:20px;font-size:12px}.m-consultation .cu-sub .cu-item .cu-icon{position:absolute;top:2px;left:0;display:inline-block;width:20px;height:20px;line-height:20px;background:url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.388 15.334h-.546c-.146 0-.508-.008-.647-.028a5.932 5.932 0 0 1-3.06-1.371 5.935 5.935 0 0 1-1.323-1.6 5.81 5.81 0 0 1-.744-2.305 5.93 5.93 0 0 1 .48-3.074A5.974 5.974 0 0 1 10.31 3.41a5.94 5.94 0 0 1 3.715 1.559 5.947 5.947 0 0 1 1.817 3.164c.058.26.09.526.116.792a.3.3 0 0 1-.074.231 6.129 6.129 0 0 1-1.703 1.437 6.153 6.153 0 0 1-2.266.75c-.178.024-.29.004-.386-.178-.146-.28-.406-.426-.723-.452-.5-.04-1.002-.018-1.501-.014a.953.953 0 0 0-.84.476.885.885 0 0 0-.136.452c-.004.141-.002.281 0 .423.002.488.438.932.926.938.501.004 1 .004 1.502 0 .368-.002.728-.262.864-.63.044-.12.112-.154.232-.164a6.849 6.849 0 0 0 3.82-1.61c.037-.033.069-.075.115-.099.05-.026.074-.012.072.046a5.876 5.876 0 0 1-.636 1.753c-.281.512-.63.974-1.047 1.377a5.926 5.926 0 0 1-3.314 1.643 7.397 7.397 0 0 1-.475.03z' fill='%23E1251B'/%3E%3Cpath d='M19.999 11.213c-.05.166-.102.328-.216.464a.981.981 0 0 1-.78.38c-.579.003-1.157 0-1.736.003-.076 0-.086-.028-.086-.092.002-1.42-.002-2.844.004-4.265a2.05 2.05 0 0 0-.126-.745c-.925-2.518-2.674-4.155-5.258-4.883-.734-.206-1.487-.266-2.25-.23-3.039.14-5.663 2.117-6.698 4.901a.574.574 0 0 0-.038.21c0 1.665 0 3.33.004 4.994 0 .094-.028.11-.114.11-.558-.004-1.115-.002-1.673-.002-.515 0-.905-.317-1.015-.825-.002-.008-.01-.014-.016-.02V7.559c.046-.517.55-.889 1.041-.871.162.006.324-.002.486.002.082.002.124-.026.15-.104.13-.384.284-.76.467-1.12a8.885 8.885 0 0 1 1.19-1.774 8.693 8.693 0 0 1 2.294-1.887 8.447 8.447 0 0 1 3.01-1.04C9.17.667 9.749.667 9.749.667h.225c.845 0 1.649.176 1.913.232.751.154 1.457.44 2.132.801a8.76 8.76 0 0 1 4.125 4.84c.05.147.05.147.208.147h.64c.423.002.803.262.959.654.028.07.026.145.046.217.002 1.218.002 2.435.002 3.654z' fill='%23E1251B'/%3E%3C/svg%3E") no-repeat center;background-size:20px auto;vertical-align:top}.m-consultation .cu-sub .cu-item .cu-icon.cu-icon-1{background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.686 12.087s6.602 6.664 10.127 4.664c0 0 1.085-.947 1.31-2.39.023-.143-.262-.325-.35-.395a11.12 11.12 0 0 0-.92-.63c-.749-.478-1.518-.923-2.283-1.376-.24-.143-.503-.306-.788-.226a2.503 2.503 0 0 0-.486.177c-.538.282-.98.546-1.562.81 0 0-.93-.073-3.149-2.32-2.358-2.386-2.426-3.17-2.426-3.17.307-.435.586-.89.818-1.37.1-.207.237-.406.296-.632.059-.226-.063-.388-.164-.587a27.86 27.86 0 0 0-.719-1.31c-.432-.746-.872-1.522-1.424-2.187-.058-.07-.194-.277-.305-.27C2.436.958 1.23 2.184 1.23 2.184c-1.897 3.468 4.457 9.903 4.457 9.903z' fill='%23E1251B'/%3E%3C/svg%3E")}.m-consultation .cu-sub .cu-item .cu-icon.cu-icon-2{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Cpath d='M20 0H0v20h20V0z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2v4.375c0 .345.28.625.625.625H17l-.039 9.745c0 .69-.56 1.25-1.25 1.25H4.25c-.69 0-1.25-.56-1.25-1.25L2.99 3.25c0-.69.56-1.25 1.25-1.25H11zm2.125 11.125h-6.25l-.073.004a.625.625 0 0 0 0 1.242l.073.004h6.25l.073-.004a.625.625 0 0 0-.073-1.246zm0-3.75h-6.25l-.073.004a.625.625 0 0 0 0 1.242l.073.004h6.25l.073-.004a.625.625 0 0 0-.073-1.246zM8.75 5.625H6.875l-.073.004a.625.625 0 0 0 0 1.242l.073.004H8.75l.073-.004a.625.625 0 0 0-.073-1.246zM12 2l5 4h-4.375A.625.625 0 0 1 12 5.375V2z' fill='%23E1251B'/%3E%3C/g%3E%3C/svg%3E")}.m-consultation .cu-sub .cu-item dt{color:#333;margin-bottom:4px;line-height:24px}.m-consultation .cu-sub .cu-item dd{line-height:18px;margin-bottom:4px}.m-consultation .cu-sub .cu-item dd a{color:#8C8C8C}.recommend-tit{font-size:14px;font-weight:700;margin-top:36px}.jc_hd_login .Ynavi-msg-cnt{position:fixed;right:10px;top:60px;padding:16px 20px;min-width:320px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.4)}.jc_hd_login .Ynavi-msg-cnt h3{height:24px;margin:0 0 16px;line-height:24px}.jc_hd_login .Ynavi-msg-cnt h3 i{content:"";display:inline-block;width:4px;height:16px;margin:0 8px 0 0;padding:4px 10px;border-radius:100%;background:#ff9600;text-align:center;line-height:0;vertical-align:top}.jc_hd_login .Ynavi-msg-cnt h3 span{display:inline-block;height:24px;color:#666;font-size:14px;font-weight:700;line-height:24px;vertical-align:top}.jc_hd_login .Ynavi-msg-cnt p{margin:0 0 16px;padding:0 0 0 32px;color:#666;font-size:12px;line-height:24px}.jc_hd_login .Ynavi-msg-cnt div{text-align:right}.jc_hd_login .Ynavi-msg-cnt div a{display:inline-block;height:32px;padding:0 24px;border-radius:4px;background:#3171fe;color:#fff;font-size:12px;line-height:32px}.user_subUser dd,.user_subUser dt{padding-bottom:6px;height:20px}.sub-history{padding-top:6px;margin-bottom:10px}.user_subUser dt{color:#212121}.user_subUser .sub-tit{float:left;min-width:72px;color:#999;text-align:right;text-align:right}.user_subUser .sub-txt{display:block;color:#212121;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user_subUser .sub-link{float:right;color:#212121}.user_subUser .sub-link:hover{color:#E1251B}.user_subUser+ul{padding-bottom:10px;padding-top:6px;border-top:1px solid #eee}.jdc-sub-nav{overflow:hidden;padding-left:10px;padding-right:200px}.jdc-sub-nav .sub-nav-item,.jdc-sub-nav .sub-nav-tit{display:inline-block;font-size:14px;color:#212121;line-height:49px}.jdc-sub-nav ul{display:inline-block}.jdc-sub-nav .sub-nav-tit{font-size:16px;color:#666;padding:0 16px 0 10px;font-weight:700}.jdc-sub-nav .sub-nav-item a{display:block;padding:0 10px}.m-sub-nav{display:none}.jc_hd_right_img{position:absolute;bottom:7px;right:20px;height:36px}.jc_hd_right_img a{display:block;width:100%;height:100%}.jc_hd_right_img img{vertical-align:top;max-width:100%;max-height:100%}.hd-dropdown-col-about{height:100%;background:url(https://cloud.lolipa.cn/themes/web/Loli/assets/img/bg-header-about.png) no-repeat bottom right;background-size:cover;box-sizing:border-box;padding:24px}.hd-drodown-about{white-space:normal;box-sizing:border-box}.hd-drodown-about .about-tit{font-size:16px;line-height:20px;font-weight:700;color:#262626}.hd-drodown-about .about-txt{margin:16px 0;font-size:14px;line-height:22px;color:#595959}.hd_menu_dropdown{background:url(https://cloud.lolipa.cn/themes/web/Loli/assets/img/bg-hederv7-v2.jpg) no-repeat center top #484e52;box-shadow:inset 0 3px 8px rgba(95,126,209,.16);background-size:cover}.dropdown-product-nav{padding:0;border-bottom:1px solid #e7e7e7}.dropdown-product-nav li.active{background:0 0}.dropdown-product-nav li.active a{color:#E1251B;font-weight:600;padding:9px 30px 9px 48px}.dropdown-product-nav li.active a:after{display:none}.dropdown-product-nav li a{padding:9px 30px 9px 40px;line-height:22px;white-space:normal;display:block;color:#212121;font-size:14px;position:relative;-webkit-transition:padding .25s ease;-moz-transition:padding .25s ease;transition:padding .25s ease}.dropdown-product-nav li a:after{display:none}.product-link{position:relative;height:44px;box-sizing:border-box;display:block;font-size:16px;line-height:44px;font-weight:600;padding:0 21px 0 40px;margin:16px 0 0;color:#212121}.product-link::before{content:"";position:absolute;top:50%;left:15px;margin-top:-8px;width:16px;height:17px;background:url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' stroke-linejoin='round'%3E%3Cpath stroke='%23E1251B' d='M9 11h6v5H9z'/%3E%3Cpath stroke='%23262626' d='M1 1h6v5H1zM9 1h6v7H9zM1 9h6v7H1z'/%3E%3C/g%3E%3C/svg%3E")}.dropdown-product-wrap .arr-black:after{content:"";position:absolute;top:50%;right:25px;width:10px;height:12px;margin-top:-6px;background:url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.375.625L4.75 4 1.375 7.375' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-transition:all .25s ease;-moz-transition:all .25s ease;transition:all .25s ease}.dropdown-product-wrap .arr-black:hover:after{-webkit-transform:translate(4px);-ms-transform:translate(4px);transform:translate(4px);background:url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.375.625L4.75 4 1.375 7.375' stroke='%23E1251B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.dropdown-product-left .jc_hd_tag{display:inline-block;height:14px;font-size:10px;line-height:14px;padding:0 6px;margin-left:10px;border:1px solid #e1251b;vertical-align:2px}.dropdown-product-col-left{float:left;width:75%;box-sizing:border-box;margin-top:7px}.dropdown-product-col-left .hot-dropdown-item .arr-black{color:#e1251b}.dropdown-product-col-left .hot-dropdown-item .arr-black::after{right:-10px;background:url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.375.625L4.75 4 1.375 7.375' stroke='%23E1251B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.dropdown-product-col-left .flex{display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.dropdown-product-col-left .flex .flex-item{background:url(../image/p-item-hot-bg.jpg);background-size:cover;background-position:center;position:relative;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;width:283px;height:114px;margin-right:24px;margin-top:16px;padding:16px;border:1px solid #f0f0f0}.dropdown-product-col-left .flex .flex-item:last-child{margin-right:0}.dropdown-product-col-left .flex .flex-item a{display:block}.dropdown-product-col-left .flex .flex-item a:hover .tit b{color:#e1251b}.dropdown-product-col-left .flex .flex-item-v1{height:80px;background:url(../image/p-item-bg.jpg)}.dropdown-product-col-left .tit b{font-size:14px;color:#262626;font-weight:600}.dropdown-product-col-left .tit .tip{display:inline-block;width:69px;height:20px;border:1px solid #E1251B;font-size:12px;line-height:22px;color:#E1251B;text-align:center;margin-left:8px}.dropdown-product-col-left .desc{font-size:14px;color:#595959;margin-top:8px;overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis}.dropdown-product-col-left .link{position:absolute;left:0;right:0;bottom:0;height:33px;line-height:33px;background:rgba(255,255,255,.3);border-top:1px solid rgba(255,255,255,.6);font-size:12px;text-indent:16px;color:#8c8c8c}.dropdown-product-col-left .icon-arr{position:relative;transition:all .25s ease;padding-right:15px}.dropdown-product-col-left .icon-arr:hover{color:#e1251b}.dropdown-product-col-left .icon-arr:hover::after{-webkit-transform:translate(4px);-ms-transform:translate(4px);transform:translate(4px);background:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23e1251b' stroke-linecap='round' stroke-linejoin='round' d='M5 2.041l6.28 6.457L5 14.775' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E")}.dropdown-product-col-left .icon-arr::after{position:absolute;content:"";right:0;top:1px;width:10px;height:10px;color:#8c8c8c;background:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' d='M5 2.041l6.28 6.457L5 14.775' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");transition:all .25s ease}.dropdown-product-col-left .other-list{margin-top:16px;width:100%}.dropdown-product-col-left .other-list li{float:left;width:20%;margin-bottom:12px}.dropdown-product-col-left .other-list li a{font-size:14px;color:#262626}.dropdown-product-col-left .other-list li a:hover{color:#e1251b}.hd-dropdown-dl dd p{display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.hd-dropdown-dl dd .event-img-box{overflow:hidden;height:144px;border:4px solid #fff}.hd-dropdown-dl dd .event-img-box .event-img{width:100%;height:100%;background-position:50%;background-size:cover}.dropdown-product-search{margin-top:0;position:relative;padding:0;width:auto}.dropdown-product-search .search-box{margin-top:10px;padding:14px 10px 0 20px;position:relative;width:590px}.dropdown-product-search .dropdown-search-ipt{border:1px solid #e7e7e7;outline:0;background:#fff;height:40px;width:100%;padding:2px 28px;box-sizing:border-box;font-size:12px}.dropdown-product-search .dropdown-search-ipt:focus{border-color:#E43B32}.dropdown-product-search .dropdown-search-ipt:focus+.dropdown-search-icon{color:#E43B32}.dropdown-product-search .dropdown-search-icon{position:absolute;top:24px;left:27px;display:block;width:18px;height:18px;line-height:18px;font-size:18px;color:#9a9a9a}.dropdown-product-search .dropdown-search-clear{position:absolute;top:27px;right:20px;width:14px;height:14px;line-height:13px;text-align:center;background:#ccc;color:#fff;font-size:12px;border-radius:50%;cursor:pointer}.dropdown-product-search .hot-box{position:absolute;top:14px;left:630px;height:40px;width:auto;overflow:hidden}.dropdown-product-search .hot-box ul li{float:left}.dropdown-product-search .hot-box ul li a{display:inline-block;height:40px;line-height:40px;padding:0 12px;margin-right:12px;background:linear-gradient(rgba(42,99,245,.02),rgba(42,99,245,.02)),linear-gradient(#ededed,#ededed);border-radius:2px}.search-result-box{position:absolute;top:58px;left:20px;padding-top:12px;width:590px;background:#fff;box-shadow:0 2px 8px 0 rgba(38,38,38,.1);z-index:20;overflow:auto;max-height:330px}.result-list ul li a{display:block;height:40px;line-height:40px;padding:0 34px;font:14px;color:#262626}.result-list ul li a:hover{background:#f5f5f5;color:#e1251b}.result-none{text-align:center;z-index:10}.result-none img{margin-top:30px;width:120px;height:105px}.result-none p{padding-top:17px;font-size:14px;color:#595959;padding-bottom:40px}.dropdown-product-body{margin-top:22px}.jdc-search-dropdown ul{overflow:hidden;margin:0}.jdc-search-dropdown ul li{float:left;margin-right:12px;margin-bottom:12px}.jdc-search-dropdown ul li a{padding:2px 8px;border:1px solid #ddd;line-height:22px;font-size:12px}.jdc-search-dropdown ul li:hover a{border:1px solid #E1251B}.jdc-search-dropdown{width:400px}.jdc-search-dropdown .search-historyBlock .jdc-search-dropdown-tit,.jdc-search-dropdown .search-hotBlock .jdc-search-dropdown-tit{position:relative;color:#8c8c8c;font-size:12px;margin-bottom:8px;padding-left:0}.jdc-search-dropdown .search-historyBlock .jdc-search-dropdown-tit:after{position:absolute;content:"";width:1px;height:12px;background:#e5e5e5;left:52px;top:2px}.delete-icon{position:absolute;background:url(../image/gray-delete.png) center center no-repeat;height:20px;width:20px;left:60px;top:-2px;background-size:cover;cursor:pointer}.delete-icon:hover{background:url(../image/red-delete.png) center center no-repeat;background-size:cover}.search-historyBlock{display:none;position:relative;border-bottom:1px dashed #e5e5e5;margin:0 16px;margin-bottom:8px}.search-historyBlock.history-active{display:block}.search-hotBlock{padding-left:16px}@media (max-width:1680px){.dropdown-product-wrap,.hd-dropdown-wrap{max-width:1384px}.dropdown-product-col-left .flex .flex-item{width:245px}.jc_hd_list_item{padding:0 12px}}@media (max-width:1440px){.dropdown-product-wrap,.hd-dropdown-wrap{max-width:1192px}.dropdown-product-col-left .flex .flex-item{width:200px}.jc_hd_list_item,.jc_hd_log_out a,.jc_hd_operation>a{padding:0 8px}.jc_hd_log_in,.jc_hd_log_out{margin-right:8px}.jc_hd_operation{padding-left:72px}.jdc-search{width:40px}.jdc-search .jdc-search-ipt{padding:4px 0}.search-active{left:-328px}.search-active .jdc-search-ipt{padding:4px 52px 4px 12px}}.jdc-rwd .jc_wrap{width:auto}@media (min-width:769px){.jdc-rwd .nav-m-menu-wrap,.jdc-rwd .nav-m-user-list{display:none!important}}@media (max-width:1260px){.jdc-rwd .hd_menu_dropdown{width:auto;right:0}.jdc-rwd .hd-dropdown-wrap{width:auto}}@media (max-width:768px){.jdc-rwd .jc_wrap{height:50px}.jdc-rwd .jc_wrap_top{height:50px;border-bottom:0}.jdc-rwd .jdc-lang-tips .lang-tips-icon{padding-left:20px;margin-right:10px}.jdc-rwd .jdc-lang-tips{top:50px}.jdc-rwd .jc_hd{position:relative!important;background-color:#fff!important;height:50px!important}.jdc-rwd .jc_hd_hover:before{content:none}.jdc-rwd .jc_hd_logo{margin:9px 0 0 15px}.jdc-rwd .jc_hd_logo a{width:90px;height:32px}.jdc-rwd .jdc-nav-m{display:block;position:absolute;right:10px;top:0;height:100%;font-size:0}.jdc-rwd .jdc-nav-m:after{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;overflow:hidden}.jdc-rwd .nav-m-user-list{position:absolute;z-index:202;top:50px;left:0;right:0;padding-bottom:30px;background-color:#fff;font-size:14px;border-top:1px solid #eee}.jdc-rwd .nav-m-user-item{line-height:44px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#212121}.jdc-rwd .nav-m-user-item .user-tip{background-color:#FFFCF2;border-radius:2px;padding:10px 10px 10px 30px;border:1px solid #FFCD61;margin:10px 20px}.jdc-rwd .nav-m-user-item .user-tip .tip-txt{position:relative;font-size:14px;color:#000;white-space:initial;line-height:initial}.jdc-rwd .nav-m-user-item .user-tip .tip-txt::after{position:absolute;left:-21px;top:2px;content:'';width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='a'%3E%3CfeColorMatrix in='SourceGraphic' values='0 0 0 0 1.000000 0 0 0 0 0.611765 0 0 0 0 0.000000 0 0 0 1.000000 0'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1zm0 5.1a.5.5 0 0 0-.5.5v5l.008.09a.5.5 0 0 0 .992-.09v-5l-.008-.09A.5.5 0 0 0 8 6.1zm0-2.2a.7.7 0 1 0 0 1.4.7.7 0 0 0 0-1.4z' fill='%23000' transform='matrix(1 0 0 -1 0 16)' filter='url(%23a)' fill-rule='evenodd'/%3E%3C/svg%3E")}.jdc-rwd .nav-m-user-item .user-tip .tip-link{font-size:14px;color:#2C68FF;padding:0;line-height:initial;display:inline-block;margin-left:4px}.jdc-rwd .nav-m-user-item .nav-m-user-text,.jdc-rwd .nav-m-user-item a{display:block;padding:0 20px;color:#212121}.jdc-rwd .nav-m-user-item .nav-m-user-text .m-user-status,.jdc-rwd .nav-m-user-item a .m-user-status{float:right;color:#e1251b}.jdc-rwd .nav-m-user-item .nav-m-user-text .status-type2,.jdc-rwd .nav-m-user-item a .status-type2{color:#0ED57D}.jdc-rwd .nav-m-user-item .nav-m-user-text .status-type3,.jdc-rwd .nav-m-user-item a .status-type3{color:#FF9C00}.jdc-rwd .nav-m-user-item .nav-m-user-text:hover,.jdc-rwd .nav-m-user-item a:hover{color:#212121}.jdc-rwd .nav-m-user-item .nav-m-user-text em,.jdc-rwd .nav-m-user-item a em{font-size:18px}.jdc-rwd .nav-m-user-item .text-warning{color:#E1251B;font-size:14px}.jdc-rwd .nav-m-user-item .text-warning:hover{color:#E1251B}.jdc-rwd .nav-m-user-item dd{border-bottom:1px solid #eee}.jdc-rwd .nav-m-user-item dd:last-child{border-bottom:0 none}.jdc-rwd .nav-m-mask{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.6);z-index:999}.jdc-rwd .nav-m-btn-wrap{padding:20px 20px 0}.jdc-rwd .nav-m-btn-wrap .jdc-m-btn-primary.jdc-m-btn-default{background:0 0;border:1px solid #E1251B;color:#E1251B}.jdc-rwd .nav-m-btn-item+.nav-m-btn-item{margin-top:10px}.jdc-rwd .nav-m-menu-wrap{position:absolute;z-index:202;top:50px;left:0;right:0;padding-bottom:30px;background-color:#fff;font-size:14px;border-top:1px solid #eee}.jdc-rwd .nav-m-menu-wrap .nav-m-btn-wrap{padding:5px 20px;border-bottom:1px solid #eee}.jdc-rwd .nav-m-menu a{display:block;margin-right:50px;height:100%;color:#212121;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jdc-rwd .nav-m-menu .jc_hd_tag{margin-left:8px;font-size:14px;color:#dc3e06}.jdc-rwd .nav-m-tips{margin:15px 20px 0;line-height:26px;font-size:14px;color:#666}.jdc-rwd .nav-m-tips a{display:inline-block;color:#E1251B;text-decoration:underline}.jdc-rwd .m-title-level-1,.jdc-rwd .m-title-level-2,.jdc-rwd .m-title-level-3,.jdc-rwd .m-title-level-4{display:block;position:relative;color:#212121;height:50px;line-height:50px;padding-left:20px;border-bottom:1px solid #eee}.jdc-rwd .m-title-level-1 a,.jdc-rwd .m-title-level-1 a:hover,.jdc-rwd .m-title-level-2 a,.jdc-rwd .m-title-level-2 a:hover,.jdc-rwd .m-title-level-3 a,.jdc-rwd .m-title-level-3 a:hover{color:#212121}.jdc-rwd .m-title-level-2{background:#fff;padding-left:30px}.jdc-rwd .m-title-level-3{padding-left:40px}.jdc-rwd .m-title-level-4{border-bottom:0;padding-left:40px;background:#f5f7fd}.jdc-rwd .m-title-level-4 a{margin-right:20px;color:#212121}.jdc-rwd .m-title-level-4 a:hover{color:#212121}.jdc-rwd .m-title-level-4:last-child{border-bottom:1px solid #eee}.jdc-rwd .m-menu-list{background-color:#fff}.jdc-rwd .m-menu-parent:after{content:'\e8f5';position:absolute;top:15px;right:20px;width:20px;text-align:center;line-height:20px;height:20px;font-size:16px;-webkit-transition:-webkit-transform .3s;transition:transform .3s;font-family:jdcfont!important}.jdc-rwd .m-menu-parent.active>a{color:#E1251B}.jdc-rwd .m-menu-parent.active:after{color:#E1251B;-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.jdc-rwd .nav-m-search{display:block;padding:10px;border-bottom:1px solid #eee}.jdc-rwd .m-search-wrap{display:-ms-flexbox;display:flex;position:relative;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border:1px solid #eee;border-radius:21px;overflow:hidden}.jdc-rwd .m-search-wrap .m-search-ipt{-ms-flex:1;flex:1;box-sizing:border-box;background:0 0;height:36px;padding:5px 35px 5px 15px;color:#212121;border:0}.jdc-rwd .m-search-wrap .m-search-btn{background:#fff;border:0;color:#212121;width:50px;height:36px;line-height:36px;text-align:center;padding:0}.jdc-rwd .m-search-wrap .m-search-btn i{font-size:20px}.jdc-rwd .m-search-wrap .m-search-clear{display:none;position:absolute;top:10px;right:59px;width:16px;height:16px;line-height:14px;text-align:center;font-size:14px;color:#fff;background:#ddd;border-radius:100%}.jdc-rwd .m-consultation{display:block}.jdc-rwd .sub-user dd,.jdc-rwd .sub-user dt{padding:0 20px;line-height:40px;height:40px;border-top:0;font-size:14px;border-bottom:0}.jdc-rwd .sub-user .other-link{padding:0;border-top:1px solid #eee;font-size:16px}.jdc-rwd .sub-user .sub-history{padding-top:6px;margin-bottom:10px}.jdc-rwd .sub-user .sub-tit{float:left;min-width:85px;color:#666;text-align:right}.jdc-rwd .sub-user .sub-txt{display:block;color:#212121;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.jdc-rwd .sub-user .sub-link{float:right;color:#212121;padding:0}.jdc-rwd .sub-user .sub-link:hover{color:#212121}.jdc-rwd .m-sub-nav{display:block;border-top:1px solid #eee;background:#fff;height:49px;font-size:14px;position:relative}.jdc-rwd .m-sub-nav.open{color:#E1251B}.jdc-rwd .m-sub-nav.open .m-sub-nav-tit.jdc-common-arr:after{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.jdc-rwd .m-sub-nav .m-sub-nav-tit{position:relative;line-height:49px;padding:0 20px;font-size:16px;font-weight:700}.jdc-rwd .m-sub-nav .m-sub-nav-tit.jdc-common-arr:after{top:15px;font-weight:400}.jdc-rwd .m-sub-nav .m-sub-nav-bd{display:none;position:absolute;top:49px;left:0;width:100%;background-color:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:10px 0}.jdc-rwd .m-sub-nav .m-sub-nav-bd li{line-height:40px}.jdc-rwd .m-sub-nav .m-sub-nav-bd li a{padding:0 20px;font-size:14px;color:#212121}.jdc-rwd .m-sub-mask{position:fixed;top:50px;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.6);z-index:999}}
/* ============================================================
HEADER BEAUTIFY · 云厂商风格头部美化
------------------------------------------------------------
设计基调：与首页品牌蓝一致 —— 主色 #006eff，
渐变 linear-gradient(90deg,#0059eb,#2677ff)
- 保持现有通栏(撑满屏幕)布局、DOM 结构、JS 交互接口不变，
仅叠加样式与动效；
- header_home(首页) 与 header(内页) 共用 header-v6.css，同步生效；
- 多端自适应：桌面端 / 窄屏(≤1260) / 移动端(≤768) 分别适配。
============================================================ */
/* ---------- 1. 头部整体框架：通栏白底 + 细分割线 + 柔和投影 ---------- */
.jc_wrap {
border-bottom: 1px solid #eef2f8;
}
.jdc-rwd .jc_wrap {
box-shadow: 0 1px 0 rgba(22, 45, 91, 0.04), 0 8px 24px rgba(22, 45, 91, 0.05);
}
/* 操作区预留搜索框宽度（搜索框 200px + 左右 16px 内边距），与搜索框宽度联动 */
.jc_hd_operation {
padding-left: 232px;
}
/* 搜索框 200px 基准宽度，点击后由 search-active 展开为 368px */
.jc_hd_search .jdc-search {
width: 200px;
}
/* ---------- 2. 主导航菜单 ---------- */
.jc_hd_list_item {
color: #2a3344;
font-size: 15px;
font-weight: 500;
letter-spacing: 0.2px;
}
.jc_hd_list_item:hover,
.jc_hd_list_item.cur,
.jc_hd_menu_list > li.active .jc_hd_list_item {
color: #006eff;
}
/* 菜单激活指示条：渐变圆角 + 弹性展开动效 */
.jc_hd_list_item:after {
bottom: 15px;
width: 20px;
height: 3px;
margin-left: -10px;
border-radius: 99px;
background: linear-gradient(90deg, #0059eb, #2677ff);
opacity: 0;
-webkit-transform: scaleX(0.3);
transform: scaleX(0.3);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
opacity 0.25s ease;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease;
}
.jc_hd_list_item:hover:after,
.jc_hd_list_item.cur:after,
.jc_hd_menu_list > li.active .jc_hd_list_item:after {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
/* HOT 徽标：渐变胶囊 */
.jc_hd .jc_hd_tag {
display: inline-block;
padding: 0 6px;
border-radius: 8px;
background: linear-gradient(90deg, #ff5f6d, #ff8a4c);
color: #fff;
font-size: 11px;
line-height: 16px;
font-weight: 600;
vertical-align: middle;
}
/* ---------- 3. 右侧操作区链接 ---------- */
.jc_hd_operation > a {
color: #4a5366;
-webkit-transition: color 0.25s ease;
transition: color 0.25s ease;
}
.jc_hd_operation > a:hover {
color: #006eff;
}
/* 文档链接：hover 蓝色下滑线 */
.jc_hd_operation > a:first-of-type {
position: relative;
padding: 0 14px 0 6px;
}
.jc_hd_operation > a:first-of-type:after {
content: "";
position: absolute;
left: 6px;
right: 14px;
bottom: 4px;
height: 2px;
border-radius: 2px;
background: #006eff;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.jc_hd_operation > a:first-of-type:hover:after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
/* ---------- 4. 控制台按钮：描边幽灵按钮 → 渐变填充 ---------- */
.jc_hd_operation > a.jc_hd_console {
margin: 0 2px 0 8px;
height: 36px;
line-height: 34px;
padding: 0 20px;
border: 1px solid rgba(0, 110, 255, 0.45);
border-radius: 18px;
background: rgba(0, 110, 255, 0.07);
color: #006eff;
font-size: 14px;
box-sizing: border-box;
-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.jc_hd_operation > a.jc_hd_console:hover {
background: linear-gradient(90deg, #0059eb, #2677ff);
border-color: transparent;
color: #fff;
box-shadow: 0 6px 16px rgba(0, 85, 235, 0.3);
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
}
/* ---------- 5. 登录 / 注册 ---------- */
.jc_hd_log_out a {
display: inline-block;
-webkit-transition: color 0.25s ease, transform 0.3s ease, box-shadow 0.3s ease,
background 0.3s ease;
transition: color 0.25s ease, transform 0.3s ease, box-shadow 0.3s ease,
background 0.3s ease;
}
/* 登录：文字链接 + hover 下滑线 */
.jc_hd_log_out a:first-child {
position: relative;
height: 34px;
line-height: 34px;
padding: 0 12px 0 6px;
color: #39414f;
font-size: 15px;
}
.jc_hd_log_out a:first-child:after {
content: "";
position: absolute;
left: 6px;
right: 12px;
bottom: 3px;
height: 2px;
border-radius: 2px;
background: #006eff;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.jc_hd_log_out a:first-child:hover {
color: #006eff;
}
.jc_hd_log_out a:first-child:hover:after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
/* 注册：品牌渐变胶囊按钮 + 悬浮上浮光效 */
.jc_hd_log_out a:last-child,
.jc_hd_log_out .jc_reg {
height: 34px;
line-height: 34px;
padding: 0 24px;
margin-left: 8px;
border-radius: 17px;
background: linear-gradient(90deg, #0059eb, #2677ff);
color: #fff;
font-size: 15px;
font-weight: 500;
box-shadow: 0 4px 14px rgba(0, 85, 235, 0.28);
box-sizing: border-box;
}
.jc_hd_log_out a:last-child:hover,
.jc_hd_log_out .jc_reg:hover {
color: #fff;
background: linear-gradient(90deg, #004ed6, #2c7cff);
box-shadow: 0 8px 22px rgba(0, 85, 235, 0.4);
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
}
/* ---------- 6. 搜索框：圆角胶囊 + 聚焦光晕 ---------- */
.jc_hd_search .jdc-search {
-webkit-transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.jc_hd_search .jdc-search .jdc-search-ipt {
height: 40px;
padding: 4px 52px 4px 16px;
border-radius: 20px;
background: #f3f5fa;
border-color: #e7ecf4;
font-size: 14px;
-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.jc_hd_search .jdc-search .jdc-search-ipt::placeholder {
color: #9aa4b5;
}
/* hover：输入框提亮为白底 + 蓝色描边 + 轻盈投影 */
.jc_hd_search:hover .jdc-search-ipt {
background: #fff;
border-color: #cdddfa;
box-shadow: 0 3px 12px rgba(22, 45, 91, 0.08);
}
/* 键盘聚焦态：蓝色光圈 */
.jc_hd_search .jdc-search .jdc-search-ipt:focus {
outline: 0;
background: #fff;
border-color: #006eff;
box-shadow: 0 0 0 3px rgba(0, 110, 255, 0.12), 0 4px 16px rgba(0, 110, 255, 0.1);
}
/* 搜索按钮：默认透明圆形 + 蓝色放大镜，hover 淡蓝圆底 */
.jc_hd_search .jdc-search .jdc-search-btn {
top: 15px;
right: 16px;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
background: transparent;
-webkit-transition: background 0.3s ease, transform 0.3s ease,
box-shadow 0.3s ease;
transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.jc_hd_search:hover .jdc-search .jdc-search-btn {
background: rgba(0, 110, 255, 0.08);
}
.jc_hd_search .jdc-search .jdc-search-btn .i-search {
background-image: url("data:image/svg+xml;utf8,");
background-size: cover;
}
/* 激活态（点击后 search-active）：蓝色聚焦光环 + 渐变圆形按钮 + 白色图标 */
.jc_hd_search.search-active {
box-shadow: 0 8px 30px rgba(22, 45, 91, 0.14);
}
.search-active .jdc-search {
background: #fff;
}
.search-active .jdc-search .jdc-search-ipt {
background: #fff;
border-color: #006eff;
box-shadow: 0 0 0 3px rgba(0, 110, 255, 0.12), 0 4px 16px rgba(0, 110, 255, 0.1);
}
.search-active .jdc-search .jdc-search-btn {
background: linear-gradient(90deg, #0059eb, #2677ff);
box-shadow: 0 4px 12px rgba(0, 85, 235, 0.32);
}
.search-active .jdc-search .jdc-search-btn .i-search {
background-image: url("data:image/svg+xml;utf8,");
background-size: cover;
}
/* 搜索下拉面板：圆角 + 柔和投影 + 蓝色 hover（覆盖 index.css 的红色 hover） */
.jc_hd .jdc-search-dropdown {
border: 1px solid #eef2f8;
border-radius: 14px;
box-shadow: 0 12px 36px rgba(22, 45, 91, 0.15);
}
.jc_hd .jdc-search-dropdown .jdc-search-dropdown-tit {
color: #7a8499;
}
.jc_hd .jdc-search-dropdown li a {
color: #3a4356;
}
.jc_hd .jdc-search-dropdown li a:hover {
color: #006eff;
background: #f4f8ff;
}
.jc_hd_search .jdc-search-dropdown ul li:hover a {
border-color: #006eff;
background: #f4f8ff;
color: #006eff;
}
/* ---------- 7. 登录态用户下拉 ---------- */
.jc_hd_log_in:hover .user_mng {
background: #fff;
border-radius: 10px 10px 0 0;
box-shadow: 0 -10px 20px rgba(22, 45, 91, 0.07);
}
.jc_hd_log_in .user_dropdown {
border: 1px solid #eef2f8;
border-radius: 14px;
box-shadow: 0 12px 36px rgba(22, 45, 91, 0.14);
}
.jc_hd_log_in ul a:hover {
color: #006eff;
}
/* 充值按钮：品牌渐变胶囊 */
.jc_hd_log_in .user_dropdown .user_balance .user_recharge {
border: 0;
border-radius: 16px;
background: linear-gradient(90deg, #0059eb, #2677ff);
color: #fff;
box-shadow: 0 3px 10px rgba(0, 85, 235, 0.25);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.jc_hd_log_in .user_dropdown .user_balance .user_recharge:hover {
color: #fff;
opacity: 0.92;
box-shadow: 0 6px 14px rgba(0, 85, 235, 0.38);
}
/* ---------- 8. 内页咨询按钮：统一品牌蓝（保留填充动画） ---------- */
.jc_hd_consultation {
border-color: rgba(0, 110, 255, 0.45);
}
.jc_hd_consultation a {
color: #006eff;
}
.jc_hd_consultation a .hc-bg {
background: linear-gradient(90deg, #0059eb, #2677ff);
}
/* ---------- 9. 移动端适配（≤768px） ---------- */
@media (max-width: 768px) {
.jdc-rwd .jc_wrap {
border-bottom: 1px solid #eef2f8;
box-shadow: 0 1px 4px rgba(22, 45, 91, 0.05);
}
/* 移动端汉堡按钮 */
.jdc-rwd .jdc-nav-btn span {
background: #39414f;
}
.jdc-rwd .jdc-nav-btn.jdc-nav-btn-actived span {
background: #006eff;
}
.jdc-rwd .nav-user-icon {
color: #39414f;
}
/* 移动端搜索框 */
.jdc-rwd .m-search-wrap {
border-radius: 18px;
border-color: #e7ecf4;
-webkit-transition: border-color 0.3s ease, box-shadow 0.3s ease;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.jdc-rwd .m-search-wrap:focus-within {
border-color: #006eff;
box-shadow: 0 0 0 3px rgba(0, 110, 255, 0.12);
}
.jdc-rwd .m-search-wrap .m-search-btn {
color: #006eff;
}
/* 移动端登录 / 注册按钮 */
.jdc-rwd .nav-m-btn-wrap .jdc-m-btn-primary {
background: linear-gradient(90deg, #0059eb, #2677ff);
border: 0;
color: #fff;
box-shadow: 0 4px 12px rgba(0, 85, 235, 0.25);
}
.jdc-rwd .nav-m-btn-wrap .jdc-m-btn-primary.jdc-m-btn-default {
background: transparent;
border: 1px solid #006eff;
color: #006eff;
box-shadow: none;
}
/* 移动端抽屉菜单：激活与 hover 统一蓝调 */
.jdc-rwd .m-menu-parent.active > a,
.jdc-rwd .m-menu-parent.active:after {
color: #006eff;
}
.jdc-rwd .m-title-level-1 a:hover,
.jdc-rwd .m-title-level-2 a:hover,
.jdc-rwd .m-title-level-3 a:hover,
.jdc-rwd .nav-m-user-item a:hover {
color: #006eff;
}
}
/* ============================================================
HEADER BEAUTIFY V2 · HOT 徽标动效 + 下拉菜单卡片化
------------------------------------------------------------
1. HOT/NEW 徽标：品牌蓝渐变 + 流光扫光动效
2. 产品全览：4 列卡片网格（边框 + hover 上浮 + 蓝调）
3. 代理合作 / 支持与服务 / 关于我们：子菜单卡片化
============================================================ */
/* ---------- 1. HOT 徽标：品牌蓝流光 + 扫光动效 ---------- */
.jc_hd .jc_hd_tag {
position: relative;
overflow: hidden;
padding: 0 8px;
border-radius: 8px;
background: linear-gradient(90deg, #0059eb, #2677ff);
color: #fff;
font-size: 11px;
line-height: 18px;
font-weight: 700;
vertical-align: middle;
box-shadow: 0 2px 6px rgba(0, 85, 235, 0.3);
}
.jc_hd .jc_hd_tag::after {
content: "";
position: absolute;
top: 0;
left: -130%;
width: 55%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.65), transparent);
transform: skewX(-25deg);
animation: jc-hd-tag-shine 2.6s ease-in-out infinite;
}
@keyframes jc-hd-tag-shine {
0% { left: -130%; }
55%, 100% { left: 140%; }
}
.jc_hd_list_item:hover .jc_hd_tag {
box-shadow: 0 3px 10px rgba(0, 110, 255, 0.45);
}
/* 下拉菜单内 HOT 小标签：统一品牌蓝胶囊 */
.jc_hd_menu_list .help-hot {
background: linear-gradient(90deg, #0059eb, #2677ff);
color: #fff;
padding: 0 6px;
border-radius: 7px;
line-height: 17px;
font-size: 11px;
font-weight: 600;
font-style: normal;
}
/* 海外云卡片内 HOT/NEW 标签：蓝色描边胶囊 */
.dropdown-product-col-left .tit .tip {
display: inline-block;
height: 18px;
padding: 0 7px;
border: 1px solid #006eff;
background: rgba(0, 110, 255, 0.06);
border-radius: 9px;
font-size: 11px;
line-height: 16px;
color: #006eff;
text-align: center;
margin-left: 8px;
box-sizing: border-box;
}
/* ---------- 2. 产品全览：4 列网格 + 卡片化 ---------- */
.dropdown-product-ct.dropdown-show {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 14px;
align-items: start;
padding: 8px 0 12px;
}
.dropdown-product-col-left {
grid-column: span 3;
float: none;
width: auto;
margin-top: 0;
}
.dropdown-product-col-right {
grid-column: span 1;
float: none;
width: auto;
height: auto;
padding-left: 0;
}
.dropdown-product-col {
float: none;
width: auto;
height: auto;
}
.dropdown-product-col-right:after {
display: none;
}
/* 海外云 flex 卡片：白底 + 蓝色边框 hover + 上浮 */
.dropdown-product-col-left .flex .flex-item {
background-color: #fff;
background-image: none;
border: 1px solid #eef2f8;
border-radius: 12px;
box-shadow: 0 1px 3px rgba(22, 45, 91, 0.04);
transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.dropdown-product-col-left .flex .flex-item-v1 {
background-color: #fff;
background-image: none;
}
.dropdown-product-col-left .flex .flex-item:hover {
border-color: rgba(0, 110, 255, 0.55);
box-shadow: 0 10px 28px rgba(0, 85, 235, 0.13);
transform: translateY(-4px);
}
.dropdown-product-col-left .flex .flex-item a:hover .tit b {
color: #006eff;
}
.dropdown-product-col-left .hot-dropdown-item .arr-black {
color: #2a3344;
}
.dropdown-product-col-left .hot-dropdown-item .arr-black:hover {
color: #006eff;
}
/* 其余子菜单：每列卡片化 */
.dropdown-product-ct .dropdown-product-col > .hd-dropdown-dl {
margin: 0;
padding: 20px;
border: 1px solid #eef2f8;
border-radius: 12px;
background: #fff;
box-shadow: 0 1px 3px rgba(22, 45, 91, 0.04);
box-sizing: border-box;
transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.dropdown-product-ct .dropdown-product-col > .hd-dropdown-dl:hover {
border-color: rgba(0, 110, 255, 0.55);
box-shadow: 0 10px 28px rgba(0, 85, 235, 0.13);
transform: translateY(-4px);
}
.dropdown-product-ct .dropdown-product-col > .hd-dropdown-dl dt {
color: #2a3344;
font-size: 15px;
padding-bottom: 10px;
margin-bottom: 6px;
border-bottom: 1px solid #f0f3f8;
transition: color 0.3s ease, border-color 0.3s ease;
}
.dropdown-product-ct .dropdown-product-col > .hd-dropdown-dl:hover dt {
color: #006eff;
border-color: #dbe7fb;
}
.dropdown-product-ct .dropdown-product-col > .hd-dropdown-dl dd a {
position: relative;
color: #5a6478;
transition: color 0.25s ease, padding-left 0.25s ease;
}
.dropdown-product-ct .dropdown-product-col > .hd-dropdown-dl dd a:hover {
color: #006eff;
padding-left: 6px;
}
/* 最新活动卡片（海外云右侧） */
.dropdown-product-col-right .hd-dropdown-dl {
border: 1px solid #eef2f8;
border-radius: 12px;
background: #fff;
box-shadow: 0 1px 3px rgba(22, 45, 91, 0.04);
}
/* ---------- 3. 代理合作 / 支持与服务 / 关于我们：子菜单卡片化 ---------- */
.hd-dropdown-wrap .hd-dropdown-col > .hd-dropdown-dl {
margin: 18px 16px 0 0;
padding: 20px;
border: 1px solid #eef2f8;
border-radius: 12px;
background: #fff;
box-shadow: 0 1px 3px rgba(22, 45, 91, 0.04);
box-sizing: border-box;
transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.hd-dropdown-wrap .hd-dropdown-col > .hd-dropdown-dl:hover {
border-color: rgba(0, 110, 255, 0.55);
box-shadow: 0 10px 28px rgba(0, 85, 235, 0.13);
transform: translateY(-4px);
}
.hd-dropdown-wrap .hd-dropdown-col > .hd-dropdown-dl dt {
color: #2a3344;
font-size: 15px;
padding-bottom: 10px;
margin-bottom: 6px;
border-bottom: 1px solid #f0f3f8;
transition: color 0.3s ease, border-color 0.3s ease;
}
.hd-dropdown-wrap .hd-dropdown-col > .hd-dropdown-dl:hover dt {
color: #006eff;
border-color: #dbe7fb;
}
.hd-dropdown-wrap .hd-dropdown-col > .hd-dropdown-dl dd a {
position: relative;
color: #5a6478;
transition: color 0.25s ease, padding-left 0.25s ease;
}
.hd-dropdown-wrap .hd-dropdown-col > .hd-dropdown-dl dd a:hover {
color: #006eff;
padding-left: 6px;
}
/* 右侧推荐卡片：白底 + 蓝边框 hover */
.dropdown-recommend .recommend-card-txt {
background-image: none;
background-color: #fff;
border: 1px solid #eef2f8;
border-radius: 12px;
box-shadow: 0 1px 3px rgba(22, 45, 91, 0.04);
transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.dropdown-recommend .recommend-card-txt:hover {
border-color: rgba(0, 110, 255, 0.55);
box-shadow: 0 10px 28px rgba(0, 85, 235, 0.13);
transform: translateY(-3px);
}
.dropdown-recommend .recommend-card-txt .tit b {
color: #2a3344;
transition: color 0.3s ease;
}
.dropdown-recommend .recommend-card-txt:hover .tit b {
color: #006eff;
}
/* ============================================================
HEADER BEAUTIFY V3 · 移动端 HOT 统一 + 产品全览深化
------------------------------------------------------------
1. 移动端 HOT 与桌面端一致（品牌蓝渐变 + 流光）
2. 左侧导航栏（查看全部产品/各分类）交互动效
3. 左侧导航底部配图 → 品牌蓝渐变动效装饰
4. 海外云 4 列网格
5. 下拉选项卡片丰富化（渐变顶条/圆点/hover 光晕）
============================================================ */
/* ---------- 1. 移动端 HOT 与桌面端一致 ---------- */
.jdc-rwd .nav-m-menu .jc_hd_tag {
display: inline-block;
position: relative;
overflow: hidden;
margin-left: 8px;
padding: 0 8px;
border-radius: 8px;
background: linear-gradient(90deg, #0059eb, #2677ff);
color: #fff;
font-size: 12px;
line-height: 18px;
font-weight: 700;
vertical-align: middle;
box-shadow: 0 2px 6px rgba(0, 85, 235, 0.3);
}
.jdc-rwd .nav-m-menu .jc_hd_tag::after {
content: "";
position: absolute;
top: 0;
left: -130%;
width: 55%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.65), transparent);
transform: skewX(-25deg);
animation: jc-hd-tag-shine 2.6s ease-in-out infinite;
}
/* ---------- 2. 左侧导航栏：交互动效 ---------- */
/* 查看全部产品 */
.dropdown-product-left .product-link {
color: #2a3344;
transition: color 0.25s ease;
}
.dropdown-product-left .product-link:hover {
color: #006eff;
}
/* 导航项：蓝色指示条 + 背景高亮 + 箭头滑入 */
.dropdown-product-nav li a {
position: relative;
display: block;
margin: 3px 10px;
padding: 9px 34px 9px 40px;
border-radius: 9px;
color: #4a5366;
line-height: 22px;
font-size: 14px;
overflow: hidden;
transition: color 0.25s ease, background 0.25s ease, padding 0.25s ease;
}
.dropdown-product-nav li a::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 3px;
height: 0;
border-radius: 0 3px 3px 0;
background: linear-gradient(180deg, #0059eb, #2677ff);
transform: translateY(-50%);
transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.dropdown-product-nav li a::after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 18px;
width: 6px;
height: 9px;
margin-top: -4.5px;
opacity: 0;
background: url("data:image/svg+xml;utf8,") no-repeat center;
background-size: contain;
transform: translateX(-6px);
transition: opacity 0.25s ease, transform 0.25s ease;
}
.dropdown-product-nav li a:hover {
color: #006eff;
background: linear-gradient(90deg, rgba(0, 110, 255, 0.1), rgba(0, 110, 255, 0.02));
padding-left: 46px;
}
.dropdown-product-nav li a:hover::before {
height: 22px;
}
.dropdown-product-nav li a:hover::after {
opacity: 1;
transform: translateX(0);
}
.dropdown-product-nav li.active a {
color: #006eff;
font-weight: 600;
background: linear-gradient(90deg, rgba(0, 110, 255, 0.12), rgba(0, 110, 255, 0.03));
}
.dropdown-product-nav li.active a::before {
height: 22px;
}
.dropdown-product-nav li.active a::after {
opacity: 1;
transform: translateX(0);
}
/* ---------- 3. 左侧导航底部配图 → 品牌蓝渐变动效 ---------- */
.dropdown-product-left {
background-image: none;
background-color: #fff;
position: relative;
overflow: hidden;
}
.dropdown-product-left::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 240px;
background:
radial-gradient(ellipse 130% 100% at 50% 125%, rgba(0, 110, 255, 0.3), transparent 60%),
radial-gradient(ellipse 90% 80% at 82% 115%, rgba(56, 189, 248, 0.24), transparent 60%),
radial-gradient(ellipse 80% 70% at 12% 110%, rgba(96, 165, 250, 0.22), transparent 60%);
filter: blur(2px);
z-index: 0;
pointer-events: none;
animation: jc-aurora 8s ease-in-out infinite;
}
.dropdown-product-left::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 240px;
background:
radial-gradient(circle 96px at 20% 60%, rgba(0, 110, 255, 0.42), transparent 70%),
radial-gradient(circle 52px at 44% 26%, rgba(96, 165, 250, 0.38), transparent 70%),
radial-gradient(circle 68px at 70% 72%, rgba(56, 189, 248, 0.34), transparent 70%),
radial-gradient(circle 28px at 86% 36%, rgba(0, 110, 255, 0.3), transparent 70%),
radial-gradient(circle 16px at 32% 86%, rgba(147, 197, 253, 0.42), transparent 70%);
z-index: 0;
pointer-events: none;
animation: jc-orb 7.5s ease-in-out infinite;
}
@keyframes jc-aurora {
0%, 100% { transform: translate3d(0, 0, 0) scaleY(1); opacity: 0.7; }
50% { transform: translate3d(0, -12px, 0) scaleY(1.15); opacity: 1; }
}
@keyframes jc-orb {
0%, 100% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.8; }
33% { transform: translate3d(16px, -20px, 0) scale(1.08); opacity: 1; }
66% { transform: translate3d(-14px, -10px, 0) scale(0.94); opacity: 0.85; }
}
.dropdown-product-left .dropdown-product-scroll {
position: relative;
z-index: 1;
}
/* ---------- 4. 海外云 4 列网格 ---------- */
.dropdown-product-ct.dropdown-show .dropdown-product-col-left {
grid-column: 1 / -1;
width: auto;
float: none;
}
.dropdown-product-col-left .flex {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 14px;
align-items: start;
}
.dropdown-product-col-left .flex .flex-item,
.dropdown-product-col-left .flex .flex-item-v1 {
width: auto;
height: auto;
margin: 0;
}
/* ---------- 5. 下拉选项卡片丰富化 ---------- */
/* 海外云卡片 */
.dropdown-product-col-left .flex .flex-item {
position: relative;
overflow: hidden;
background: linear-gradient(180deg, #ffffff 0%, #fafcff 100%);
border: 1px solid #e8edf5;
border-radius: 12px;
box-shadow: 0 2px 6px rgba(22, 45, 91, 0.05);
padding: 16px;
box-sizing: border-box;
transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
/* 顶部渐变装饰条 */
.dropdown-product-col-left .flex .flex-item::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #0059eb, #2677ff);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.dropdown-product-col-left .flex .flex-item:hover::before {
transform: scaleX(1);
}
/* 标题前圆点装饰 */
.dropdown-product-col-left .flex .flex-item .tit b::before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
background: #c7d8f7;
margin-right: 6px;
vertical-align: 2px;
transition: background 0.3s ease, box-shadow 0.3s ease;
}
.dropdown-product-col-left .flex .flex-item:hover .tit b::before {
background: #006eff;
box-shadow: 0 0 0 3px rgba(0, 110, 255, 0.16);
}
.dropdown-product-col-left .flex .flex-item:hover {
border-color: rgba(0, 110, 255, 0.5);
box-shadow: 0 12px 30px rgba(0, 85, 235, 0.16);
transform: translateY(-4px);
}
.dropdown-product-col-left .flex .flex-item a:hover .tit b {
color: #006eff;
}
.dropdown-product-col-left .flex .flex-item .desc {
transition: color 0.3s ease;
}
.dropdown-product-col-left .flex .flex-item:hover .desc {
color: #3a6fd8;
}
/* 其余子菜单（国内云/SSL/云电脑/裸金属/托管宿主机）卡片增强 */
.dropdown-product-ct .dropdown-product-col > .hd-dropdown-dl {
position: relative;
overflow: hidden;
background: linear-gradient(180deg, #ffffff 0%, #fafcff 100%);
}
.dropdown-product-ct .dropdown-product-col > .hd-dropdown-dl::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #0059eb, #2677ff);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.dropdown-product-ct .dropdown-product-col > .hd-dropdown-dl:hover::before {
transform: scaleX(1);
}
.dropdown-product-ct .dropdown-product-col > .hd-dropdown-dl dt::before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
background: #c7d8f7;
margin-right: 6px;
vertical-align: 2px;
transition: background 0.3s ease, box-shadow 0.3s ease;
}
.dropdown-product-ct .dropdown-product-col > .hd-dropdown-dl:hover dt::before {
background: #006eff;
box-shadow: 0 0 0 3px rgba(0, 110, 255, 0.16);
}
/* =====================================================================
HEADER BEAUTIFY V4 · 产品全览搜索区美化 + 海外云选项横线统一
===================================================================== */
/* ---------- 搜索框美化 ---------- */
.dropdown-product-search .dropdown-search-ipt {
border: 1px solid #e7e7e7;
outline: 0;
background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
height: 40px;
width: 100%;
padding: 2px 28px;
box-sizing: border-box;
border-radius: 20px;
font-size: 13px;
color: #2a3344;
box-shadow: 0 1px 2px rgba(0, 110, 255, 0.04);
transition: all 0.3s ease;
}
.dropdown-product-search .dropdown-search-ipt::placeholder {
color: #9aa4b5;
}
.dropdown-product-search .dropdown-search-ipt:hover {
border-color: #c9d8f5;
box-shadow: 0 2px 8px rgba(0, 110, 255, 0.08);
}
.dropdown-product-search .dropdown-search-ipt:focus {
border-color: #006eff;
background: #ffffff;
box-shadow: 0 0 0 3px rgba(0, 110, 255, 0.12), 0 4px 12px rgba(0, 85, 235, 0.1);
}
.dropdown-product-search .dropdown-search-icon {
position: absolute;
top: 24px;
left: 27px;
display: block;
width: 18px;
height: 18px;
line-height: 18px;
font-size: 18px;
color: #9aa4b5;
transition: color 0.3s ease;
}
.dropdown-product-search .dropdown-search-ipt:focus + .dropdown-search-icon {
color: #006eff;
}
.dropdown-product-search .dropdown-search-clear {
position: absolute;
top: 26px;
right: 20px;
width: 16px;
height: 16px;
line-height: 14px;
text-align: center;
background: #c9d8f5;
color: #fff;
font-size: 12px;
border-radius: 50%;
cursor: pointer;
transition: background 0.2s ease, transform 0.2s ease;
}
.dropdown-product-search .dropdown-search-clear:hover {
background: #006eff;
transform: rotate(90deg);
}
/* ---------- 热门标签美化 ---------- */
.dropdown-product-search .hot-box ul li a {
display: inline-flex;
align-items: center;
box-sizing: border-box;
height: 40px;
padding: 0 14px;
margin-right: 12px;
background: linear-gradient(135deg, #eaf2ff 0%, #dde9ff 100%);
border: 1px solid rgba(0, 110, 255, 0.14);
border-radius: 20px;
color: #006eff;
font-size: 12px;
font-weight: 500;
line-height: 1;
box-shadow: 0 1px 2px rgba(0, 110, 255, 0.05);
transition: all 0.3s ease;
}
.dropdown-product-search .hot-box ul li a::before {
content: "";
flex: none;
width: 5px;
height: 5px;
border-radius: 50%;
background: #006eff;
margin-right: 6px;
box-shadow: 0 0 0 2px rgba(0, 110, 255, 0.14);
transition: all 0.3s ease;
}
.dropdown-product-search .hot-box ul li a:hover {
background: linear-gradient(135deg, #006eff 0%, #2677ff 100%);
border-color: transparent;
color: #fff;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 85, 235, 0.28);
}
.dropdown-product-search .hot-box ul li a:hover::before {
background: #fff;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
}
/* ---------- 海外云选项：名称下方横线（与国内云 dt 风格统一） ---------- */
.dropdown-product-col-left .flex .flex-item .tit {
padding-bottom: 10px;
margin-bottom: 6px;
border-bottom: 1px solid #f0f3f8;
transition: border-color 0.3s ease;
}
.dropdown-product-col-left .flex .flex-item:hover .tit {
border-color: #dbe7fb;
}
.dropdown-product-col-left .flex .flex-item .tit b {
font-size: 15px;
}
/* =====================================================================
HEADER BEAUTIFY V5 · 海外云等高 + 子菜单选项卡片美化
===================================================================== */
/* ---------- 修改1：海外云卡片与国内云卡片等高 ---------- */
.dropdown-product-col-left .flex .flex-item {
padding: 20px;
}
.dropdown-product-col-left .flex .flex-item .desc {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
white-space: normal;
line-height: 22px;
padding: 5px 0;
margin-top: 10px;
color: #5a6478;
}
/* ---------- 修改3：子菜单选项卡片美化 ---------- */
/* 海外云卡片：默认态更精致 + 交互态扫光 */
.dropdown-product-col-left .flex .flex-item {
border: 1px solid #e3ecfb;
background:
radial-gradient(circle 120px at 100% 0%, rgba(0, 110, 255, 0.06), transparent 60%),
linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
box-shadow: 0 2px 10px rgba(22, 45, 91, 0.05);
}
.dropdown-product-col-left .flex .flex-item::after {
content: "";
position: absolute;
top: -60%;
left: -80%;
width: 55%;
height: 220%;
background: linear-gradient(105deg, transparent, rgba(255, 255, 255, 0.7), transparent);
transform: rotate(25deg);
pointer-events: none;
transition: left 0.6s ease;
}
.dropdown-product-col-left .flex .flex-item:hover::after {
left: 130%;
}
.dropdown-product-col-left .flex .flex-item .tit b::before {
width: 8px;
height: 8px;
background: linear-gradient(135deg, #0059eb, #38bdf8);
margin-right: 8px;
vertical-align: 1px;
box-shadow: 0 0 0 3px rgba(0, 110, 255, 0.1);
transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.dropdown-product-col-left .flex .flex-item:hover .tit b::before {
background: linear-gradient(135deg, #0059eb, #38bdf8);
box-shadow: 0 0 0 4px rgba(0, 110, 255, 0.18);
transform: scale(1.15);
}
.dropdown-product-col-left .flex .flex-item:hover {
border-color: rgba(0, 110, 255, 0.55);
box-shadow: 0 14px 32px rgba(0, 85, 235, 0.16);
}
/* 国内云 / SSL / 云电脑 / 裸金属 / 托管宿主机 卡片 */
.dropdown-product-ct .dropdown-product-col > .hd-dropdown-dl {
border: 1px solid #e3ecfb;
border-radius: 14px;
background:
radial-gradient(circle 130px at 100% 0%, rgba(0, 110, 255, 0.05), transparent 60%),
linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
box-shadow: 0 2px 10px rgba(22, 45, 91, 0.05);
padding: 22px;
transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease, background 0.3s ease;
}
.dropdown-product-ct .dropdown-product-col > .hd-dropdown-dl::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #0059eb, #2677ff, #38bdf8);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.dropdown-product-ct .dropdown-product-col > .hd-dropdown-dl:hover::before {
transform: scaleX(1);
}
.dropdown-product-ct .dropdown-product-col > .hd-dropdown-dl::after {
content: "";
position: absolute;
top: -60%;
left: -80%;
width: 55%;
height: 220%;
background: linear-gradient(105deg, transparent, rgba(255, 255, 255, 0.7), transparent);
transform: rotate(25deg);
pointer-events: none;
transition: left 0.6s ease;
}
.dropdown-product-ct .dropdown-product-col > .hd-dropdown-dl:hover::after {
left: 130%;
}
.dropdown-product-ct .dropdown-product-col > .hd-dropdown-dl dt {
color: #2a3344;
font-size: 15px;
font-weight: 600;
padding-bottom: 10px;
margin-bottom: 6px;
border-bottom: 1px solid #eef2f8;
transition: color 0.3s ease, border-color 0.3s ease;
}
.dropdown-product-ct .dropdown-product-col > .hd-dropdown-dl:hover dt {
color: #006eff;
border-color: #cfe0ff;
}
.dropdown-product-ct .dropdown-product-col > .hd-dropdown-dl dt::before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background: linear-gradient(135deg, #0059eb, #38bdf8);
margin-right: 8px;
vertical-align: 1px;
box-shadow: 0 0 0 3px rgba(0, 110, 255, 0.1);
transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.dropdown-product-ct .dropdown-product-col > .hd-dropdown-dl:hover dt::before {
background: linear-gradient(135deg, #0059eb, #38bdf8);
box-shadow: 0 0 0 4px rgba(0, 110, 255, 0.18);
transform: scale(1.15);
}
.dropdown-product-ct .dropdown-product-col > .hd-dropdown-dl dd a {
color: #6b7689;
transition: color 0.25s ease, padding-left 0.25s ease;
}
.dropdown-product-ct .dropdown-product-col > .hd-dropdown-dl dd a:hover {
color: #006eff;
padding-left: 6px;
}
.dropdown-product-ct .dropdown-product-col > .hd-dropdown-dl:hover {
border-color: rgba(0, 110, 255, 0.55);
background:
radial-gradient(circle 130px at 100% 0%, rgba(0, 110, 255, 0.1), transparent 60%),
linear-gradient(180deg, #ffffff 0%, #eef5ff 100%);
box-shadow: 0 14px 32px rgba(0, 85, 235, 0.16);
transform: translateY(-4px);
}
/* =====================================================================
HEADER BEAUTIFY V6 · 卡片等高 / 行距统一 / 左侧面板光晕重构
===================================================================== */
/* ---------- 1. 海外云 / 国内云 卡片等高 & 内部间距统一 ---------- */
.dropdown-product-col-left .flex .flex-item,
.dropdown-product-ct .dropdown-product-col > .hd-dropdown-dl {
min-height: 146px;
padding: 20px;
box-sizing: border-box;
}
/* 国内云描述区与海外云一致：最多三行，避免个别长文案撑高卡片 */
.dropdown-product-ct .dropdown-product-col > .hd-dropdown-dl dd a {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
white-space: normal;
}
/* ---------- 2. 左侧面板：移除配图，重构品牌蓝流动光晕（扩大占据范围） ---------- */
.dropdown-product-left {
background-image: none !important;
background-color: #f6f9ff;
position: relative;
overflow: hidden;
}
/* 底层：通栏柔光渐变，铺满整块面板 */
.dropdown-product-left::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
height: auto;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(247, 250, 255, 0) 32%),
radial-gradient(ellipse 150% 72% at 50% 118%, rgba(0, 110, 255, 0.16), transparent 62%),
radial-gradient(ellipse 92% 56% at 82% 100%, rgba(56, 189, 248, 0.13), transparent 60%),
radial-gradient(ellipse 86% 50% at 8% 96%, rgba(96, 165, 250, 0.12), transparent 58%);
filter: none;
z-index: 0;
pointer-events: none;
}
/* 上层：漂浮光斑，缓慢漂移 */
.dropdown-product-left::after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
height: auto;
background:
radial-gradient(circle 190px at 16% 74%, rgba(0, 110, 255, 0.13), transparent 70%),
radial-gradient(circle 126px at 84% 58%, rgba(56, 189, 248, 0.15), transparent 70%),
radial-gradient(circle 100px at 52% 88%, rgba(96, 165, 250, 0.16), transparent 70%),
radial-gradient(circle 74px at 28% 40%, rgba(147, 197, 253, 0.15), transparent 70%),
radial-gradient(circle 56px at 72% 28%, rgba(0, 110, 255, 0.08), transparent 70%);
z-index: 0;
pointer-events: none;
animation: jc-left-glow-drift 18s ease-in-out infinite;
}
@keyframes jc-left-glow-drift {
0%, 100% {
transform: translate3d(0, 0, 0) scale(1);
opacity: 0.9;
}
25% {
transform: translate3d(-16px, 22px, 0) scale(1.05);
opacity: 1;
}
50% {
transform: translate3d(12px, -10px, 0) scale(0.97);
opacity: 0.85;
}
75% {
transform: translate3d(10px, 16px, 0) scale(1.03);
opacity: 0.95;
}
}
/* =====================================================================
HEADER BEAUTIFY V7 · 产品全览左侧面板风格统一 + 子菜单行间距修复
------------------------------------------------------------
设计目标：
1. 左侧面板：把品牌蓝/紫/青多色光晕铺满整块面板，配合首页
jc-tokenhub 同款渐变 + 径向叠层。无论子菜单是单列还是多列，
面板的光晕节奏统一、饱满、不显单薄。
2. 子菜单网格：统一 4 列 grid，行间距由 panel 高度自适应内容
控制 — 消除 panel 高度(552px) 与实际卡片数产生的"大段空白"，
第二行紧贴第一行(gap:14px)，与海外云节奏一致。
3. 不同子菜单（4/6/1/3/4/4 项）的高度都能自适应，避免子菜单
卡片稀少时下方出现大块留白（截图红色框区）。
===================================================================== */
/* ---------- 1. 左侧面板：光晕覆盖整块面板（蓝/紫/青 多色协调） ---------- */
.dropdown-product-left {
background-color: #eef3fc !important;
position: relative;
overflow: hidden;
}
/* 底层：纵向柔光渐变 + 6 个径向光斑（蓝紫青）铺满面板 */
.dropdown-product-left::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
height: auto;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.86) 0%, rgba(255, 255, 255, 0.42) 18%, rgba(247, 250, 255, 0) 38%),
radial-gradient(ellipse 200% 70% at 50% 0%, rgba(0, 110, 255, 0.18), transparent 70%),
radial-gradient(ellipse 130% 70% at 82% 30%, rgba(167, 139, 250, 0.18), transparent 70%),
radial-gradient(ellipse 130% 70% at 14% 50%, rgba(56, 189, 248, 0.18), transparent 70%),
radial-gradient(ellipse 160% 70% at 50% 88%, rgba(0, 110, 255, 0.22), transparent 70%),
radial-gradient(ellipse 100% 60% at 88% 88%, rgba(96, 165, 250, 0.2), transparent 70%);
filter: none;
z-index: 0;
pointer-events: none;
}
/* 上层：5 个彩色漂浮光斑，整面板均匀分布，缓慢漂移 */
.dropdown-product-left::after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
height: auto;
background:
radial-gradient(circle 190px at 14% 22%, rgba(0, 110, 255, 0.2), transparent 70%),
radial-gradient(circle 130px at 84% 30%, rgba(167, 139, 250, 0.18), transparent 70%),
radial-gradient(circle 110px at 86% 58%, rgba(56, 189, 248, 0.22), transparent 70%),
radial-gradient(circle 150px at 14% 72%, rgba(96, 165, 250, 0.2), transparent 70%),
radial-gradient(circle 84px at 60% 90%, rgba(0, 110, 255, 0.18), transparent 70%);
z-index: 0;
pointer-events: none;
animation: jc-left-glow-drift 18s ease-in-out infinite;
}
/* 让左侧滚动容器内容浮在光晕之上 */
.dropdown-product-left .dropdown-product-scroll {
position: relative;
z-index: 1;
}
/* "查看全部产品" 顶部品牌小标识（与首页 jc-pro-tag 风格统一） */
.dropdown-product-left .product-link {
position: relative;
z-index: 1;
display: flex;
align-items: center;
gap: 6px;
margin: 12px 10px 8px;
padding: 8px 14px;
font-size: 12px;
font-weight: 600;
color: #0059eb;
background: linear-gradient(135deg, #f0f6ff 0%, #eaf2ff 100%);
border: 1px solid rgba(0, 110, 255, 0.14);
border-radius: 99px;
letter-spacing: 0.5px;
height: auto;
line-height: 1.4;
}
.dropdown-product-left .product-link::before {
position: static;
margin: 0;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #006eff;
background-image: none;
box-shadow: 0 0 0 3px rgba(0, 110, 255, 0.16);
flex-shrink: 0;
content: "";
}
.dropdown-product-left .product-link::after {
display: none;
}
/* ---------- 2. 子菜单网格：4 列紧凑一致 + 行间距统一 ---------- */
/* 4 列 grid，让所有子菜单的卡片排布方式一致（与海外云一致） */
.dropdown-product-ct.dropdown-show {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 14px;
align-items: stretch;
padding: 10px 0 14px;
}
/* grid 子项撑满 cell 高度 → 每行最高卡片统一一行高度 */
.dropdown-product-col {
float: none;
width: auto;
height: auto;
display: flex;
}
.dropdown-product-col > .hd-dropdown-dl {
width: 100%;
height: 100%;
margin: 0;
}
/* 海外云 flex 卡片同样撑满 */
.dropdown-product-col-left .flex .flex-item,
.dropdown-product-col-left .flex .flex-item-v1 {
height: 100%;
}
/* ---------- 3. panel 高度自适应（消除红色框空白区） ---------- */
/* 让下拉面板与卡片内容高度一致，避免稀少卡片时下方大段留白 */
.hd-dropdown-wrap {
height: auto !important;
min-height: 380px;
max-height: calc(100vh - 70px - 10px);
overflow: hidden;
}
.dropdown-product-left {
height: auto !important;
min-height: 380px;
max-height: calc(100vh - 70px - 10px);
}
.dropdown-product-right {
height: auto !important;
min-height: 380px;
max-height: calc(100vh - 70px - 10px);
overflow: auto;
}
/* 海外云 grid 主区域占满右侧 */
.dropdown-product-ct.dropdown-show .dropdown-product-col-left {
display: flex;
}
.dropdown-product-ct.dropdown-show .dropdown-product-col-left .hot-dropdown-item {
width: 100%;
}
/* 滚动容器自适应高度，不再 fixed */
.dropdown-product-scroll {
height: auto;
}
/* =====================================================================
HEADER BEAUTIFY V8 · 产品全览动态化
- 要求1：查看全部产品放大，像下拉菜单里的标题
- 要求3：商品组标语最多 3 行（配合 JS 51 字截断）
===================================================================== */
/* 查看全部产品：由胶囊小标签改为醒目标题 */
.dropdown-product-left .product-link {
display: block;
margin: 16px 12px 12px;
padding: 8px 10px 12px;
font-size: 17px;
font-weight: 700;
letter-spacing: 0.2px;
color: #1f2733;
background: none;
border: none;
border-bottom: 1px solid #e2e8f2;
border-radius: 0;
height: auto;
line-height: 1.4;
}
.dropdown-product-left .product-link::before {
display: none;
}
.dropdown-product-left .product-link::after {
display: none;
}
.dropdown-product-left .product-link:hover {
color: #006eff;
background: none;
}