body{font-family:Arial,"Microsoft YaHei",sans-serif;letter-spacing:0;color:#1a1a1a;background:#f5f7fb;}
.page{background:#f5f7fb;}
.header.new-public-header{height:60px;padding:0 max(24px,calc((100% - 1200px)/2));background:rgba(247,249,252,.96);color:#1a1a1a;border-bottom:1px solid #e7ebf2;box-shadow:0 4px 14px rgba(20,46,88,.07);backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease;}
.header.new-public-header.is-solid{background:rgba(255,255,255,.98);color:#1a1a1a;border-bottom-color:#e7ebf2;box-shadow:0 6px 20px rgba(20,46,88,.09);}
.has-overlay-hero .fz-page{padding-top:0;}
@media screen and (min-width:768px){
    .has-overlay-hero .header.new-public-header:not(.is-solid){background:linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);border-bottom:0px;color:#fff;border-bottom-color:rgba(255,255,255,.2);box-shadow:0 8px 28px rgba(7,24,50,.1);backdrop-filter:blur(16px) saturate(125%);}
    .has-overlay-hero .header.new-public-header:not(.is-solid) .logo-wrap .logo img{filter:drop-shadow(0 2px 8px rgba(7,24,50,.28));}
    .has-overlay-hero .header.new-public-header:not(.is-solid) .nav-item>a{color:rgba(255,255,255,.92);text-shadow:0 1px 3px rgba(7,24,50,.28);}
    .has-overlay-hero .header.new-public-header:not(.is-solid) .nav-item:hover>a,.has-overlay-hero .header.new-public-header:not(.is-solid) .nav-item.active>a{color:#fff;background:rgba(255,255,255,.15);}
    .has-overlay-hero .header.new-public-header:not(.is-solid) .nav-item>a:after{background:#fff;}
    .has-overlay-hero .header.new-public-header:not(.is-solid) .has-submenu .nav-dropdown-icon{color:rgba(255,255,255,.74);}
    .has-overlay-hero .header.new-public-header:not(.is-solid) .has-submenu:hover .nav-dropdown-icon{color:#fff;}
    .has-overlay-hero .header.new-public-header:not(.is-solid) .searchBtn a,.has-overlay-hero .header.new-public-header:not(.is-solid) .publicMenu-btn,.has-overlay-hero .header.new-public-header:not(.is-solid) .msg-select-header>a,.has-overlay-hero .header.new-public-header:not(.is-solid) .user-header{background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 6px 18px rgba(7,24,50,.08);}
    .has-overlay-hero .header.new-public-header:not(.is-solid) .searchBtn a:hover,.has-overlay-hero .header.new-public-header:not(.is-solid) .publicMenu-btn:hover,.has-overlay-hero .header.new-public-header:not(.is-solid) .user-select:hover .user-header{background:rgba(255,255,255,.24);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.38),0 8px 22px rgba(7,24,50,.12);}
    .has-overlay-hero .header.new-public-header:not(.is-solid) .headerBtn{color:#fff;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);}
    .has-overlay-hero .header.new-public-header:not(.is-solid) .headerBtn:hover{color:#286efa;background:#fff;}
    .has-overlay-hero .header.new-public-header:not(.is-solid) .user-name{color:#fff;}
    .has-overlay-hero .header.new-public-header:not(.is-solid) .user-dropdown-icon{color:rgba(255,255,255,.74);}
    .has-overlay-hero .header.new-public-header:not(.is-solid) .user-select:hover .user-dropdown-icon{color:#fff;}
}
.new-public-header .logo-wrap{flex:0 0 160px;height:60px;}
.new-public-header .logo-wrap .logo{display:flex;align-items:center;height:60px;}
.new-public-header .logo-wrap .logo img{width:auto!important;max-width:145px;height:34px;object-fit:contain;}
.new-public-header .public-header-logo-light,.new-public-header .public-header-logo-black{display:none;}
body.fang-home .new-public-header .logo-wrap .logo,body.fang-search .new-public-header .logo-wrap .logo,body.personal-cover-page .new-public-header .logo-wrap .logo{position:relative;width:145px;}
body.fang-home .new-public-header .public-header-logo-config,body.fang-search .new-public-header .public-header-logo-config,body.personal-cover-page .new-public-header .public-header-logo-config{display:none;}
body.fang-home .new-public-header .public-header-logo-light,body.fang-home .new-public-header .public-header-logo-black,body.fang-search .new-public-header .public-header-logo-light,body.fang-search .new-public-header .public-header-logo-black,body.personal-cover-page .new-public-header .public-header-logo-light,body.personal-cover-page .new-public-header .public-header-logo-black{position:absolute;left:0;top:50%;display:block!important;width:auto!important;max-width:145px;height:31px;opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity .3s ease;}
body.fang-home .new-public-header .public-header-logo-black,body.fang-search .new-public-header .public-header-logo-black,body.personal-cover-page .new-public-header .public-header-logo-black{opacity:1;}
body.fang-home .header.new-public-header.is-solid .public-header-logo-black,body.fang-search .header.new-public-header.is-solid .public-header-logo-black,body.personal-cover-page .header.new-public-header.is-solid .public-header-logo-black{opacity:1;}
body.fang-home .header.new-public-header.is-solid .public-header-logo-light,body.fang-search .header.new-public-header.is-solid .public-header-logo-light,body.personal-cover-page .header.new-public-header.is-solid .public-header-logo-light{opacity:0;}
body.fang-home.has-overlay-hero .header.new-public-header:not(.is-solid) .public-header-logo-light,body.fang-search.has-overlay-hero .header.new-public-header:not(.is-solid) .public-header-logo-light,body.personal-cover-page.has-overlay-hero .header.new-public-header:not(.is-solid) .public-header-logo-light{opacity:1;}
body.fang-home.has-overlay-hero .header.new-public-header:not(.is-solid) .public-header-logo-black,body.fang-search.has-overlay-hero .header.new-public-header:not(.is-solid) .public-header-logo-black,body.personal-cover-page.has-overlay-hero .header.new-public-header:not(.is-solid) .public-header-logo-black{opacity:0;}
.new-public-header>.nav{display:flex;align-items:center;justify-content:center;flex:1;height:60px;margin:0;padding:0 18px;}
.new-public-header .nav-item{position:relative;display:flex;align-items:center;height:60px;margin:0 2px;}
.new-public-header .nav-item>a{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 13px;border-radius:6px;color:#303744;font-size:15px;line-height:38px;white-space:nowrap;transition:color .2s ease,background .2s ease;}
.new-public-header .nav-item>a:after{position:absolute;right:13px;bottom:2px;left:13px;height:2px;border-radius:2px;background:#286efa;content:"";opacity:0;transform:scaleX(.35);transition:opacity .2s ease,transform .25s ease;}
.new-public-header .nav-item:hover>a,.new-public-header .nav-item.active>a{color:#286efa;background:rgba(40,110,250,.055);}
.new-public-header .nav-item:hover>a:after,.new-public-header .nav-item.active>a:after{opacity:1;transform:scaleX(1);}
.new-public-header .has-submenu .nav-dropdown-icon{display:inline-flex;align-items:center;justify-content:center;width:11px;height:11px;margin-top:1px;color:#8a94a6;font-size:10px;line-height:1;transform-origin:center;transition:color .2s ease,transform .25s ease;}
.new-public-header .has-submenu:hover .nav-dropdown-icon{color:#286efa;transform:rotate(180deg);}
.new-public-header .nav-item .subNav{top:52px;min-width:158px;padding:8px;border:1px solid #e7ebf2;border-radius:6px;background:#fff;box-shadow:0 16px 40px rgba(20,46,88,.14);transform:translate(-50%,5px);transition:opacity .2s ease,transform .2s ease;}
.new-public-header .nav-item:hover .subNav{transform:translate(-50%,0);}
.new-public-header .nav-item .subNav a{display:block;height:36px;padding:0 12px;border-radius:5px;color:#303744;font-size:14px;line-height:36px;white-space:nowrap;}
.new-public-header .nav-item .subNav a:hover,.new-public-header .nav-item:hover .subNav a.active{color:#286efa;background:#eef4ff;}
.new-public-header .user{flex:0 0 auto;height:60px;gap:8px;}
.new-public-header .searchBtn a,.new-public-header .publicMenu-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;background:#fff;color:#303744;box-shadow:inset 0 0 0 1px #e2e7ef;transition:color .2s ease,background .2s ease;}
.new-public-header .searchBtn a:hover,.new-public-header .publicMenu-btn:hover{color:#286efa;background:#eef4ff;}
.new-public-header .publicMenu-btn img{width:18px;height:18px;object-fit:contain;}
.new-public-header .publicMenu-btn .iconfont{font-size: 24px;}
.new-public-header .headerBtn{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 12px;margin-left:6px;border-radius:6px;color:#286efa;background:rgba(40,110,250,.09);}
.new-public-header .headerBtn:hover{color:#fff;background:#286efa;}
.new-public-header .user-select{height:38px;margin-left:0;}
.new-public-header .user-header{width:auto;min-width:0;height:38px;margin-left:0;padding:0 9px 0 5px;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 1px #e2e7ef;transition:background .18s ease,box-shadow .18s ease;}
.new-public-header .user-select:hover .user-header{background:#f5f8ff;box-shadow:inset 0 0 0 1px #cddcf8;}
.new-public-header .user-avatar img{width:28px;height:28px;border-radius:50%;object-fit:cover;}
.new-public-header .user-name{max-width:90px;margin-left:7px;color:#303744;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.new-public-header .user-dropdown-icon{display:inline-flex;align-items:center;justify-content:center;width:10px;height:10px;margin-left:7px;color:#8a94a6;font-size:9px;line-height:1;transition:color .18s ease,transform .22s ease;}
.new-public-header .user-select:hover .user-dropdown-icon{color:#286efa;transform:rotate(180deg);}
.new-public-header .user-body,.new-public-header .msg-select-body,.new-public-header .publicMenu .select-body{border:1px solid #e7ebf2;border-radius:6px;background:#fff;box-shadow:0 16px 40px rgba(20,46,88,.14);}
.new-public-header .publicMenu .select-body{top:52px;width:148px;padding:7px;transform:translate(-50%,5px);transition:opacity .18s ease,transform .18s ease;}
.new-public-header .publicMenu:hover .select-body{transform:translate(-50%,0);}
.new-public-header .publicMenu .select-body a{display:flex;align-items:center;height:36px;padding:0 12px;border-radius:5px;color:#4b5565;font-size:14px;line-height:36px;text-align:left;transition:color .18s ease,background .18s ease;}
.new-public-header .publicMenu .select-body a:hover,.new-public-header .publicMenu .select-body a.active{color:#286efa;background:#eef4ff;}
.new-public-header .user-body{top:38px;right:0;left:auto;width:164px;padding-top:7px;border:0;background:transparent;box-shadow:none;transform:translateY(5px);transition:opacity .18s ease,transform .18s ease;}
.new-public-header .user-select:hover .user-body{transform:translateY(0);}
.new-public-header .user-body:before{position:absolute;top:3px;right:24px;width:8px;height:8px;border-top:1px solid #e7ebf2;border-left:1px solid #e7ebf2;background:#fff;content:"";transform:rotate(45deg);}
.new-public-header .user-body .user-select-body{padding:7px;border:1px solid #e7ebf2;border-radius:6px;background:#fff;box-shadow:0 16px 40px rgba(20,46,88,.14);overflow:hidden;}
.new-public-header .user .user-body .user-select-body a{display:flex;align-items:center;height:36px;padding:0 11px;border-radius:5px;color:#4b5565;text-align:left;transition:color .18s ease,background .18s ease;}
.new-public-header .user .user-body .user-select-body a:hover,.new-public-header .user .user-body .user-select-body a.active{color:#286efa;background:#eef4ff;}
.new-public-header .user .user-body .user-select-body a:last-child{margin-top:5px;border-top:1px solid #edf0f5;border-radius:0 0 5px 5px;color:#d94a4a;}
.new-public-header .user .user-body .user-select-body a:last-child:hover{color:#c73535;background:#fff1f1;}
.new-public-header .msg-select-header>a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 1px #e2e7ef;}
.new-public-header .msg-select-header .icon-tongzhi{font-size: 20px;}
.new-public-header .msg-select-body{color:#303744;overflow:hidden;}
.new-public-header .msg-header{border-bottom-color:#edf0f5;background:#fff;}
.new-public-header .msg-header-left{color:#303744;}
.new-public-header .msg-header-right .msg-header-btn{color:#286efa;}
.new-public-header .msg-header-right .msg-header-btn:hover{color:#175bd8;}
.new-public-header .msg-body{background:#fff;}
.new-public-header .msg-list .msg-item{color:#667085;transition:background .18s ease,color .18s ease;}
.new-public-header .msg-list .msg-item .msg-item-inner{color:#667085;transition:color .18s ease;}
.new-public-header .msg-list .msg-item:hover{background:#f2f6ff;}
.new-public-header .msg-list .msg-item:hover .msg-item-inner{color:#303744;}
.new-public-header .msg-list .msg-item .msg-item-dot{background:#286efa;}
.new-public-header .msg-empty{color:#8a94a6;}
.new-public-header .msg-empty .icon-zanwuxiaoxi{font-size: 30px;}
.new-public-header .msg-footer{border-top-color:#edf0f5;background:#fafbfc;}
.new-public-header .msg-footer a{color:#286efa;transition:color .18s ease,background .18s ease;}
.new-public-header .msg-footer a:hover{color:#175bd8;background:#f2f6ff;}
.new-catalog-page{background:#f5f7fb;}
.new-catalog-page .page{min-height:100vh;background:#f5f7fb;}
.new-catalog-page .krpanobanner{height:500px;padding-top:60px;background:#111827;overflow:hidden;}
.new-catalog-page .fz-pano-hero{position:relative;}
.new-catalog-page .fz-hero-pano{position:absolute;inset:60px 0 0;background:#111827;}
.new-catalog-page .fz-hero-pano>div{width:100%!important;height:100%!important;}
.new-catalog-page .krswiper{background:#111827;}
.new-catalog-page .krswiper:after{position:absolute;right:0;bottom:0;left:0;height:150px;z-index:1;background:linear-gradient(to bottom,transparent,rgba(7,16,31,.32));content:"";pointer-events:none;}
.new-catalog-page .krBanner iframe{display:block;}
.new-catalog-page .krswiperzuoyou{top:50%;width:42px;height:42px;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:rgba(17,24,39,.32);box-shadow:0 8px 24px rgba(0,0,0,.16);backdrop-filter:blur(8px);transform:translateY(-50%);transition:background .2s ease,transform .2s ease;}
.new-catalog-page .krswiperzuoyou:hover{background:rgba(40,110,250,.82);}
.new-catalog-page .krswiper_pre{left:max(28px,calc((100% - 1280px)/2));}
.new-catalog-page .krswiper_next{right:max(28px,calc((100% - 1280px)/2));}
.new-catalog-page .krswiperzuoyou .icon{font-size:21px;}
.new-catalog-page .krswiper-pagination{bottom:20px;z-index:2;height:28px;padding:0 7px;border:1px solid rgba(255,255,255,.2);background:rgba(17,24,39,.28);backdrop-filter:blur(8px);}
.new-catalog-page .krswiper-pagination p{width:7px;height:7px;margin:0 5px;border:0;background:rgba(255,255,255,.48);transition:width .2s ease,background .2s ease;}
.new-catalog-page .krswiper-pagination p.active{width:22px;background:#fff;}
.new-catalog-page .mainContainer{padding-top:0!important;}
.new-catalog-page .filterBar{width:min(1180px,calc(100% - 40px));margin:24px auto 0;padding:18px 22px!important;border:1px solid #e7ebf2;border-radius:8px;background:#fff;box-shadow:0 10px 30px rgba(20,46,88,.06);overflow:visible;}
.new-catalog-page .mapsearchbox{margin:0 auto 18px;}
.new-channel-page .mapsearchbox{top:350px!important;margin-top:0;}
.new-catalog-page .mapsearchbox input{width:min(520px,calc(100vw - 180px));height:44px;border:1px solid rgba(255,255,255,.52);border-radius:6px;background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(7,16,31,.16);color:#303744;transition:border-color .2s ease,box-shadow .2s ease;}
.new-market-page .mapsearchbox input{border-color:#dfe5ee;background:#f7f9fc;box-shadow:none;}
.new-catalog-page .mapsearchbox input:focus{border-color:#286efa;box-shadow:0 0 0 3px rgba(40,110,250,.12);}
.new-catalog-page .mapsearchbox .sosobtns{display:flex;align-items:center;justify-content:center;width:92px;height:44px;margin-left:10px;border-radius:6px;background:#286efa;line-height:44px;box-shadow:0 8px 18px rgba(40,110,250,.2);transition:background .2s ease,transform .2s ease;}
.new-catalog-page .mapsearchbox .sosobtns:hover{background:#175bd8;transform:translateY(-1px);}
.new-catalog-page .mapcitybox{width:100%;height:42px;margin:0;padding-right:58px;gap:7px 3px;align-items:flex-start;}
.new-catalog-page .mapcitybox>span{flex:0 0 auto;margin:0 10px 0 0;color:#303744;font-size:14px;font-weight:700;line-height:32px;}
.new-catalog-page .mapcitybox p{height:30px;margin:0;padding:0 11px;border-radius:5px;color:#667085;font-size:14px;line-height:30px;transition:color .18s ease,background .18s ease;}
.new-catalog-page .mapcitybox p:hover{color:#286efa;background:#eef4ff;}
.new-catalog-page .mapcitybox p.active{color:#fff;background:#286efa;}
.new-catalog-page .mapcitybox .zhankai{right:0;color:#286efa;}
.new-catalog-page .mapcitybox .zhankai span,.new-catalog-page .guanbishouqi span{color:#286efa!important;}
.new-catalog-page .catalog-category-shell{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:10px;width:100%;}
.new-catalog-page .catalog-category-viewport{min-width:0;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-inline:contain;}
.new-catalog-page .catalog-category-viewport::-webkit-scrollbar{display:none;}
.new-catalog-page .catalog-category-control{display:flex;align-items:center;justify-content:center;width:26px;height:54px;padding:0;border:1px solid #dce5f2;border-radius:6px;background:#fff;color:#286efa;box-shadow:0 7px 18px rgba(20,46,88,.09);cursor:pointer;transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;}
.new-catalog-page .catalog-category-control:hover:not(:disabled){color:#fff;background:#286efa;border-color:#286efa;box-shadow:0 10px 24px rgba(40,110,250,.22);transform:translateY(-1px);}
.new-catalog-page .catalog-category-control:disabled{color:#aeb9c8;background:#f5f7fa;border-color:#e8edf3;box-shadow:none;cursor:default;opacity:.72;}
.new-catalog-page .catalog-category-control .iconfont{font-size:16px;}
.new-catalog-page .catalog-category-control .rotate180{transform:rotate(180deg)}
.new-catalog-page #filterBarNav{width:max-content;min-width:100%;padding:16px 2px;gap:10px;flex-wrap:nowrap;}
.new-catalog-page .filterBarnew{width:132px;height:54px;margin:0;border-radius:6px;background:#e8eef8;box-shadow:inset 0 0 0 1px rgba(40,110,250,.08);}
.new-catalog-page .filterBarnew>img{object-fit:cover;filter:saturate(.72) brightness(.82);transform:scale(1.02);}
.new-catalog-page .filterBarnew:after{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(10,27,52,.08),rgba(10,27,52,.55));content:"";}
.new-catalog-page .filterBarnew p{z-index:1;height:54px;padding:0 8px;color:#fff;font-weight:600;line-height:54px;text-shadow:0 1px 3px rgba(0,0,0,.28);}
.new-catalog-page .filterBarnew:hover img{transform:scale(1.08);}
.new-catalog-page .filterBarnew:hover,.new-catalog-page .filterBarnew.filteractive{box-shadow:inset 0 0 0 2px #fff,0 0 0 2px #286efa;}
.new-catalog-page .sorttoobar{display:flex;align-items:center;width:min(1180px,calc(100% - 40px));min-height:54px;margin:14px auto 0;padding:9px 12px;border:1px solid #e7ebf2;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(20,46,88,.045);}
.new-catalog-page .pricesort{padding:3px;border-radius:6px;background:#f1f4f8;gap:2px;}
.new-catalog-page .pricesort p{height:30px;padding:0 13px;border-radius:5px;color:#667085;line-height:30px;transition:color .18s ease,background .18s ease,box-shadow .18s ease;}
.new-catalog-page .pricesort p:hover{color:#286efa;}
.new-catalog-page .pricesort p.active{color:#286efa;background:#fff;box-shadow:0 2px 8px rgba(20,46,88,.1);}
.new-catalog-page .paixubox{align-items:center;margin-left:22px;color:#8a94a6;line-height:30px;}
.new-catalog-page .paixubox p{margin-left:3px;padding:0 8px;border-radius:5px;color:#667085;transition:color .18s ease,background .18s ease;}
.new-catalog-page .paixubox p:hover,.new-catalog-page .paixubox p.active{color:#286efa;background:#eef4ff;}
.new-catalog-page .paixuiocon{width:30px;height:30px;margin-left:4px;justify-content:center;border-radius:5px;transition:background .18s ease;}
.new-catalog-page .paixuiocon:hover{background:#eef4ff;}
.new-catalog-page .weituo{height:32px;border:1px solid #286efa;border-radius:6px;color:#286efa;line-height:30px;transition:color .18s ease,background .18s ease;background: #ffffff;}
.new-catalog-page .weituo:hover{color:#fff;background:#286efa;}
.new-catalog-page .products.mainPage{padding-top:24px;}
.new-catalog-page .products .list{align-items:stretch;gap:20px;}
.new-catalog-page .products .list-item{width:280px;margin:0 0 20px;padding-bottom:64px;border:1px solid #e8edf4;border-radius:8px;background:#fff;box-shadow:0 10px 28px rgba(20,46,88,.065);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
.new-catalog-page .products .list-item:nth-child(4n){margin-right:0;}
.new-catalog-page .products .list-item:hover{border-color:#d8e4fb;transform:translateY(-4px);box-shadow:0 18px 38px rgba(40,110,250,.12);}
.new-catalog-page .products .list-thumb{border-radius:7px 7px 0 0;background:#edf1f6;}
.new-catalog-page .products .list-thumb img{transition:transform .35s ease;}
.new-catalog-page .products .list-item:hover .list-thumb img{transform:scale(1.035);}
.new-catalog-page .products .list-desc{padding-right:14px;padding-left:14px;background:#fff;}
.new-catalog-page .products .list-desc-title{padding-top:13px;}
.new-catalog-page .products .list-desc-title a{color:#202938;font-size:15px;}
.new-catalog-page .products .list-desc-info{color:#8a94a6;}
.new-catalog-page .products .list-desc-tag{color:#667085;}
.new-catalog-page .products .tag-handpick{top:10px;left:10px;width:auto;padding:0 8px;border-radius:4px;background:rgba(255,255,255,.9);color:#286efa;box-shadow:0 3px 10px rgba(20,46,88,.1);}
.new-market-page .products .list-item{padding-bottom:108px;}
.new-market-page .products .list-desc-price>div:last-child{color:#286efa!important;background:#eef4ff!important;transition:color .18s ease,background .18s ease;}
.new-market-page .products .list-desc-price>div:last-child:hover{color:#fff!important;background:#286efa!important;}
.new-catalog-page .pagination{padding:18px 0 54px;}
.new-creator-page{background:#f5f7fb;}
.new-creator-page .page{min-height:100vh;background:#f5f7fb;}
.new-creator-page .creator-page-head{padding:112px 0 42px;background:#fff;border-bottom:1px solid #e7ebf2;}
.new-creator-page .creator-page-head span{display:block;margin-bottom:10px;color:#286efa;font-size:12px;font-weight:700;line-height:1;}
.new-creator-page .creator-page-head h1{color:#182230;font-size:32px;font-weight:700;line-height:1.25;letter-spacing:0;}
.new-creator-page .creator-page-head p{margin-top:10px;color:#667085;font-size:15px;line-height:1.7;}
.new-creator-page .mainContainer{padding-top:0!important;}
.new-creator-page .creator-filter{width:min(1180px,calc(100% - 40px));height:auto;margin:-20px auto 0;border:1px solid #e7ebf2;border-radius:8px;background:#fff;box-shadow:0 12px 32px rgba(20,46,88,.07);position:relative;z-index:2;}
.new-creator-page .creator-filter>.container{width:100%;height:64px;padding:0 18px;align-items:center;}
.new-creator-page .creator-filter .filterBar-nav{height:64px;align-items:center;gap:5px;}
.new-creator-page .creator-filter .filterBar-nav-item{margin-right:0;}
.new-creator-page .creator-filter .filterBar-nav-item a{display:flex;align-items:center;justify-content:center;height:36px;padding:0 17px;border-radius:6px;border:0;color:#667085;line-height:36px;transition:color .18s ease,background .18s ease,box-shadow .18s ease;}
.new-creator-page .creator-filter .filterBar-nav-item a:hover{color: #286efa !important;background:#eef4ff;font-weight:400;}
.new-creator-page .creator-filter .filterBar-nav-item.active a{border:0;color: #286efa !important;background:#eef4ff;box-shadow:inset 0 0 0 1px rgba(40,110,250,.1);font-weight:600;}
.new-creator-page .creator-filter-list{height:64px;}
.new-creator-page .creator-filter-list .filterBar-filtrate-item{height:64px;padding:0;}
.new-creator-page .creator-filter-list .filterBar-filtrate-btn{display:flex;align-items:center;gap:8px;height:36px;padding:0 13px;border:1px solid #dfe5ee;border-radius:6px;color:#4b5565;line-height:36px;transition:border-color .18s ease,background .18s ease;}
.new-creator-page .creator-filter-list .filterBar-filtrate-btn:hover{border-color:#bfd0f3;background:#f7f9fd;}
.new-creator-page .creator-filter-list .filterBar-dropdown{top:54px;right:0;left:auto;width:122px;padding:6px;border:1px solid #e7ebf2;border-radius:6px;background:#fff;box-shadow:0 14px 32px rgba(20,46,88,.13);}
.new-creator-page .creator-filter-list .filterBar-dropdown:before{display:none;}
.new-creator-page .creator-filter-list .filterBar-dropdown a{display:block;border-radius:5px;color:#4b5565;}
.new-creator-page .creator-filter-list .filterBar-dropdown li{width:100%;height:34px;padding:0 10px;border-radius:5px;line-height:34px;}
.new-creator-page .creator-filter-list .filterBar-dropdown a:hover{color:#286efa;background:#eef4ff;}
.new-creator-page .resultContainer{min-height:600px!important;padding-top:34px!important;background:#f5f7fb;}
.new-creator-page .creatorListbox{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.new-creator-page .creatorListItem{width:auto;min-height:278px;margin:0;padding:24px 20px;border:1px solid #e7ebf2;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(20,46,88,.055);cursor:default;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
.new-creator-page .creatorListItem:nth-child(5n){margin-right:0;}
.new-creator-page .creatorListItem:hover{border-color:#d6e2f8;transform:translateY(-4px);box-shadow:0 17px 38px rgba(40,110,250,.11);}
.new-creator-page .creator-avatar{display:block;width:92px;height:92px;border:4px solid #fff;border-radius:50%;background:#edf1f6;box-shadow:0 0 0 1px #e1e7f0,0 8px 20px rgba(20,46,88,.12);}
.new-creator-page .creator-avatar img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;transition:transform .3s ease;}
.new-creator-page .creatorListItem:hover .creator-avatar img{transform:scale(1.05);}
.new-creator-page .creator-info{width:100%;text-align:center;}
.new-creator-page .creator-i1{display:flex;align-items:center;justify-content:center;max-width:100%!important;margin:17px auto 11px;gap:5px;}
.new-creator-page .creator-i1>a:first-child{max-width:155px;color:#202938;font-size:17px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.new-creator-page .creator-i1>a:first-child:hover{color:#286efa;}
.new-creator-page .creator-i2{justify-content:center;width:100%;min-height:24px;margin-bottom:12px;gap:14px;color:#8a94a6;}
.new-creator-page .creator-i2 span{font-size:12px;white-space:nowrap;}
.new-creator-page .creator-i2 .icon{margin-right:4px;color:#8a94a6;}
.new-creator-page .creator-i3{width:100%;min-height:42px;color:#7b8493;font-size:13px;line-height:21px;text-align:center;}
.new-creator-page .pagination{margin:30px 0 50px;text-align:center;}
.new-creator-page .pagination li,.new-creator-page .pagination a,.new-creator-page .pagination span{border-radius:5px;}
@media screen and (max-width:767px){
    .new-catalog-page .krpanobanner{height:310px;padding-top:50px;}
    .new-catalog-page .fz-hero-pano{inset:50px 0 0;}
    .new-catalog-page .krswiperzuoyou{display:none;}
    .new-channel-page .mapsearchbox{top:190px!important;padding:0 15px;}
    .new-catalog-page .mapsearchbox input{width:calc(100vw - 122px);height:40px;}
    .new-catalog-page .mapsearchbox .sosobtns{width:76px;height:40px;line-height:40px;}
    .new-catalog-page .filterBar{width:calc(100% - 24px);margin-top:12px;padding:14px 12px!important;}
    .new-catalog-page .mapcitybox{overflow-x:auto;height:auto!important;padding:0 0 6px;flex-wrap:nowrap;scrollbar-width:none;}
    .new-catalog-page .mapcitybox::-webkit-scrollbar{display:none;}
    .new-catalog-page .mapcitybox .zhankai,.new-catalog-page .guanbishouqi{display:none!important;}
    .new-catalog-page .mapcitybox>span,.new-catalog-page .mapcitybox p{flex:0 0 auto;}
    .new-catalog-page .catalog-category-shell{display:block;}
    .new-catalog-page .catalog-category-control{display:none;}
    .new-catalog-page .catalog-category-viewport{overflow-x:auto;touch-action:pan-x;-webkit-overflow-scrolling:touch;}
    .new-catalog-page #filterBarNav{width:max-content;min-width:100%;flex-wrap:nowrap;padding:12px 2px 4px;}
    .new-catalog-page .filterBarnew{flex:0 0 118px;width:118px;height:50px;}
    .new-catalog-page .filterBarnew p{height:50px;line-height:50px;}
    .new-catalog-page .sorttoobar{width:calc(100% - 24px);align-items:flex-start;flex-direction:column;gap:9px;padding:10px;}
    .new-catalog-page .pricesort{max-width:100%;overflow-x:auto;}
    .new-catalog-page .pricesort p{flex:0 0 auto;}
    .new-catalog-page .paixubox{margin-left:0;}
    .new-catalog-page .products.mainPage{padding:16px 12px 0;}
    .new-catalog-page .products .container{width:100%;padding:0;}
    .new-catalog-page .products .list{gap:10px;}
    .new-catalog-page .products .list-item{width:calc(50% - 5px);margin-bottom:10px;padding-bottom:58px;}
    .new-catalog-page .products .list-thumb,.new-catalog-page .products .list-thumb a{width:100%;height:auto;aspect-ratio:1/1;}
    .new-market-page .products .list-item{padding-bottom:112px;}
    .new-creator-page .creator-page-head{padding:84px 15px 34px;}
    .new-creator-page .creator-page-head .container{width:100%;padding:0;}
    .new-creator-page .creator-page-head h1{font-size:26px;}
    .new-creator-page .creator-filter{width:calc(100% - 24px);margin-top:-16px;}
    .new-creator-page .creator-filter>.container{width:100%;height:auto;min-height:58px;padding:8px;}
    .new-creator-page .creator-filter .filterBar-nav{height:auto;gap:3px;}
    .new-creator-page .creator-filter .filterBar-nav-item a{height:34px;padding:0 12px;line-height:34px;}
    .new-creator-page .creator-filter-list,.new-creator-page .creator-filter-list .filterBar-filtrate-item{height:42px;}
    .new-creator-page .creator-filter-list .filterBar-dropdown{top:42px;}
    .new-creator-page .resultContainer{padding:22px 12px 0!important;}
    .new-creator-page .resultContainer>.container{width:100%;padding:0;}
    .new-creator-page .creatorListbox{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
    .new-creator-page .creatorListItem{min-height:244px;padding:18px 10px;}
    .new-creator-page .creator-avatar{width:76px;height:76px;}
    .new-creator-page .creator-i1{margin-top:14px;}
    .new-creator-page .creator-i1>a:first-child{max-width:92px;font-size:15px;}
    .new-creator-page .creator-i2{flex-wrap:wrap;gap:4px 8px;}
    .new-creator-page .creator-i3{font-size:12px;line-height:19px;}
}
.filterBar{background:#fff;border-bottom:1px solid #e7ebf2;box-shadow:0 7px 20px rgba(20,46,88,.04);}
.filterBar-nav .filterBar-nav-item a{border-radius:6px;transition:color .2s ease,background .2s ease;height: 36px!important;line-height: 36px!important;padding: 0 6px;}
.filterBar-nav .filterBar-nav-item.active a,.filterBar-nav .filterBar-nav-item a:hover{color:#fff;background:#286efa;color: #ffffff!important;}
.filterBar-filtrate-btn,.searchResult-keywords-item{border-radius:6px!important;}
.pageBanner,.articleHeader,.resultContainer,.mainContainer,.author,.personal,.tool,.app{background-color:#f5f7fb;}
.products .list-item{border-radius:6px;background:#fff;box-shadow:0 10px 30px rgba(20,46,88,.07);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease;}
.products .list-item:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(40,110,250,.12);}
.products .list-thumb{border-radius:6px 6px 0 0;overflow:hidden;}
.products .list-desc{padding-right:10px;padding-left:10px;}
.articleHeader{background:#fff;border-bottom:1px solid #e7ebf2;box-shadow:0 7px 20px rgba(20,46,88,.04);}
.post-list-item{border-radius:8px;background:#fff;box-shadow:0 10px 30px rgba(20,46,88,.07);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease;}
.post-list-item:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(40,110,250,.12);}
.post-list-img,.post-list-thumb{border-radius:6px;overflow:hidden;}
.creatorListItem{border-radius:8px;background:#fff;box-shadow:0 10px 30px rgba(20,46,88,.07);transition:transform .22s ease,box-shadow .22s ease;}
.creatorListItem:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(40,110,250,.12);}
.creator-avatar,.creatorProduct-item{border-radius:6px;overflow:hidden;}
.tool2-adv-item,.tool-vrEditor .item,.scene-item-inner{border-radius:8px;box-shadow:0 10px 30px rgba(20,46,88,.07);overflow:hidden;}
.tool-btn,.live-btn,.board-btn{border-radius:6px!important;}
.vip2-board{border-radius:8px;background:#fff;box-shadow:0 12px 34px rgba(20,46,88,.09);overflow:hidden;}
.viptab{border-radius:6px;background:#fff;box-shadow:0 8px 24px rgba(20,46,88,.06);}
.pagination a,.pagination span{border-radius:5px!important;}
.foot{background:#fff;border-top:1px solid #e7ebf2;color:#667085;}
.foot a{color:#667085;}
.foot a:hover{color:#286efa;}
.foot .foot-about-item dt{color:#1a1a1a;}
.foot .foot-otherinfo{border-top-color:#edf0f5;}
.mobile-header{height:50px;background:rgba(247,249,252,.98);border-bottom:1px solid #e7ebf2;box-shadow:0 4px 14px rgba(20,46,88,.07);}
.mobile-header .mobile-nav-logo img{max-height:30px;object-fit:contain;}
.moblie-nav .mobile-nav-wrapper{background:#fff;color:#303744;}
.moblie-nav .mobile-nav-item{border-bottom-color:#edf0f5;}
.moblie-nav .mobile-nav-item .mobile-subNav{background:#f5f7fb;}
.new-public-legacy-header{height:60px!important;background:rgba(247,249,252,.96)!important;border-bottom:1px solid #e7ebf2!important;box-shadow:0 4px 14px rgba(20,46,88,.07)!important;}
.new-public-legacy-header .columns{height:60px!important;}
.new-public-legacy-header .common-box{display:flex;align-items:center;justify-content:space-between;height:60px;}
.new-public-legacy-header .logo{display:flex;align-items:center;height:60px;margin:0 28px 0 0!important;}
.new-public-legacy-header .logo img{width:auto!important;max-width:145px!important;height:34px!important;object-fit:contain;}
.new-public-legacy-header .nav-menu{flex:1;}
.new-public-legacy-header .nav{display:flex;align-items:center;height:60px;margin:0;}
.new-public-legacy-header .nav>li>a{display:flex;align-items:center;height:60px;padding:0 14px!important;color:#303744!important;font-size:15px;line-height:60px!important;transition:color .2s ease,background .2s ease;}
.new-public-legacy-header .nav>li>a:hover{color:#286efa!important;background:rgba(40,110,250,.07);}
.new-public-legacy-header #mybelling{height:60px;}
.new-public-legacy-header #mybelling .nav>li>a{height:60px;}
.new-public-legacy-header .dropdown-menu{border-color:#e7ebf2;border-radius:6px;box-shadow:0 16px 40px rgba(20,46,88,.14);}
@media screen and (max-width:1200px){
    .header.new-public-header{padding:0 24px;}
    .new-public-header .nav-item>a{padding:0 10px;font-size:14px;}
    .new-public-header .logo-wrap{flex-basis:130px;}
}
@media screen and (max-width:767px){
    .header.new-public-header{display:none;}
    .page{padding-top:0;}
}