.newretail-base-layout{background:#fff}.newretail-base-layout *{box-sizing:border-box}.newretail-base-layout-header-container{width:1152px;display:flex;margin:0 auto;justify-content:space-between;padding:28px 0}.newretail-base-layout-header-container .nr-logo{height:40px}.newretail-base-layout-header-container .search-wrap{position:relative;z-index:10}.newretail-base-layout-header-container .search-wrap .search-suggests{position:absolute;top:40px;left:0;width:360px;background:#fff;border:1px solid #dadde0;border-radius:0 0 2px 2px;padding:13px 13px 19px}.newretail-base-layout-header-container .search-wrap .search-suggests.hide{display:none}.newretail-base-layout-header-container .search-wrap .search-suggests-title{font-size:16px;color:#313438;font-weight:600;margin-bottom:17px}.newretail-base-layout-header-container .search-wrap .search-suggests-suggest-item{display:flex;align-items:center}.newretail-base-layout-header-container .search-wrap .search-suggests-suggest-item:not(:last-child){margin-bottom:24px}.newretail-base-layout-header-container .search-wrap .search-suggests-suggest-item:first-child .search-suggests-suggest-index{background:#f36}.newretail-base-layout-header-container .search-wrap .search-suggests-suggest-item:nth-child(2) .search-suggests-suggest-index{background:#5c5ce6}.newretail-base-layout-header-container .search-wrap .search-suggests-suggest-item:nth-child(3) .search-suggests-suggest-index{background:#1a7af8}.newretail-base-layout-header-container .search-wrap .search-suggests-suggest-index{min-width:16px;height:16px;line-height:16px;background:#aeb2b7;border-radius:2px;margin-right:10px;font-size:12px;color:#fff;text-align:center}.newretail-base-layout-header-container .search-wrap .search-suggests-suggest-text{font-size:14px;color:#313438;font-weight:400}.newretail-base-layout-nav{display:flex;justify-content:space-between;width:1152px;margin:0 auto;position:relative;padding-top:11px}.newretail-base-layout-nav .main-nav{display:flex;align-items:center}.newretail-base-layout-nav .main-nav .nav-item{margin-right:40px;margin-left:0;font-size:16px;color:#313438;font-weight:500;display:flex;align-items:center;padding-bottom:11px}.newretail-base-layout-nav .main-nav .nav-item:hover{color:#1a7af8}.newretail-base-layout-nav .main-nav .nav-item:hover .arrow-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.newretail-base-layout-nav .main-nav .nav-item:hover .newretail-base-layout-nav-panel{opacity:1;visibility:visible;display:block}.newretail-base-layout-nav .main-nav .nav-item.active{color:#1a7af8;font-weight:700}.newretail-base-layout-nav .main-nav .nav-item .arrow-icon{font-size:10px;margin-left:4px;transition:all .3s}.newretail-base-layout-nav .sub-nav{display:flex;justify-content:flex-end;align-items:center;padding-bottom:5px}.newretail-base-layout-nav .sub-nav-item{font-size:14px;color:#313438;font-weight:400;margin-left:24px;position:relative;text-decoration:none}.newretail-base-layout-nav .sub-nav-item:first-child{margin-left:0}.newretail-base-layout-nav .sub-nav-item:hover{color:#1a7af8}.newretail-base-layout-nav .sub-nav-item:hover .newretail-base-layout-nav-userbar{opacity:1;visibility:visible}.newretail-base-layout-nav .sub-nav-item.primary{background-image:linear-gradient(90deg,#33adff,#1a7af8);border-radius:4px;padding:7px 14px;color:#fff}.newretail-base-layout-nav-panel{background:#fff;border-top:1px solid #f7f8fa;position:absolute;width:100%;left:0;bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%);z-index:100;border-radius:0 0 4px 4px;box-shadow:0 10px 20px 0 rgba(0,0,0,.05);opacity:0;visibility:hidden;transition:all .2s;cursor:auto;display:none}.newretail-base-layout-nav-panel .panel-type-1{position:relative;background:#f7f8fa}.newretail-base-layout-nav-panel .panel-type-1 .parent-panel{width:187px;background:#fff;padding-bottom:10px}.newretail-base-layout-nav-panel .panel-type-1 .parent-panel-item-link{width:100%;height:40px;display:flex;align-items:center;padding:0 16px 0 23px;font-size:16px;color:#313438;font-weight:400;cursor:pointer}.newretail-base-layout-nav-panel .panel-type-1 .parent-panel-item-link:hover{color:#1a7af8}.newretail-base-layout-nav-panel .panel-type-1 .parent-panel-item .filter-icon{width:18px;height:18px;margin-right:12px}.newretail-base-layout-nav-panel .panel-type-1 .parent-panel-item .text{flex:1 1;text-align:left}.newretail-base-layout-nav-panel .panel-type-1 .parent-panel-item .icon-right{color:#c8cbd0;font-size:12px}.newretail-base-layout-nav-panel .panel-type-1 .parent-panel-item:hover{color:#1a7af8;background:#f7f8fa}.newretail-base-layout-nav-panel .panel-type-1 .parent-panel-item:first-child .child-panel,.newretail-base-layout-nav-panel .panel-type-1 .parent-panel-item:hover .child-panel{opacity:1;visibility:visible}.newretail-base-layout-nav-panel .panel-type-1 .child-panel{position:absolute;left:187px;right:0;top:0;bottom:0;background:#f7f8fa;padding:8px 32px 28px;opacity:0;visibility:hidden;display:flex;flex-direction:column}.newretail-base-layout-nav-panel .panel-type-1 .child-panel .panel-title{font-size:18px;color:#313438;font-weight:600;margin-bottom:12px}.newretail-base-layout-nav-panel .panel-type-1 .child-panel .sub-filters{display:flex;flex-wrap:wrap;align-items:center}.newretail-base-layout-nav-panel .panel-type-1 .child-panel .sub-filters .sub-filter{margin-right:32px;font-size:16px;color:#313438;font-weight:400}.newretail-base-layout-nav-panel .panel-type-1 .child-panel .sub-filters .sub-filter:hover{color:#1a7af8}.newretail-base-layout-nav-panel .panel-type-1 .child-panel .brands-wrap{flex:1 1;display:flex;align-items:flex-end}.newretail-base-layout-nav-panel .panel-type-1 .child-panel .brands-wrap .brand-logo{width:121px;height:73px;margin-right:5px;cursor:pointer}.newretail-base-layout-nav-panel .panel-type-2{padding:28px 0 22px 20px}.newretail-base-layout-nav-panel .panel-type-2 .subnav-item-title{display:flex;align-items:flex-end;font-size:20px;color:#313438;font-weight:600;margin-bottom:8px;padding-left:20px}.newretail-base-layout-nav-panel .panel-type-2 .subnav-item-title .sub-title{font-size:14px;opacity:.5;font-weight:400;margin-left:12px}.newretail-base-layout-nav-panel .panel-type-2 .subnav-item .flex-wrap{display:flex;align-items:center;flex-wrap:wrap}.newretail-base-layout-nav-panel .panel-type-2 .subnav-item .menu-link{width:357px;padding:20px}.newretail-base-layout-nav-panel .panel-type-2 .subnav-item .menu-link:not(:nth-child(3n)){margin-right:20px}.newretail-base-layout-nav-panel .panel-type-2 .subnav-item .menu-link .menu-icon{width:60px;height:60px;margin-right:16px}.newretail-base-layout-nav-panel .panel-type-2 .subnav-item .menu-link .menu-main-title{font-size:16px;color:#313438;font-weight:600;margin-bottom:11px}.newretail-base-layout-nav-panel .panel-type-2 .subnav-item .menu-link .menu-sub-title{font-size:14px;color:#999;font-weight:400}.newretail-base-layout-nav-panel .panel-type-2 .subnav-item .menu-link a{height:100px;display:flex;align-items:center}.newretail-base-layout-nav-panel .panel-type-2 .subnav-item .menu-link a:hover .menu-main-title{color:#1a7af8}.newretail-base-layout-nav-userbar{position:absolute;right:0;bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%);background:#fff;box-shadow:0 0 24px 0 rgba(0,0,0,.05);border-radius:4px;padding:21px 16px;z-index:10;min-width:294px;color:#000;color:initial;opacity:0;visibility:hidden;transition:all .2s}.newretail-base-layout-nav-userbar .user-info{display:flex;align-items:center;margin-bottom:20px}.newretail-base-layout-nav-userbar .user-info-avatar{width:38px;height:38px;border-radius:50%;margin-right:12px}.newretail-base-layout-nav-userbar .user-info-detail .user-name{font-size:16px;color:#333;font-weight:500;margin-bottom:2px}.newretail-base-layout-nav-userbar .user-info-detail .user-intro{font-size:12px;color:#666;font-weight:400}.newretail-base-layout-nav-userbar .user-btns{display:flex;align-items:center;flex-wrap:nowrap}.newretail-base-layout-nav-userbar .user-btns .user-btn{text-align:center;color:#92989f;width:48px}.newretail-base-layout-nav-userbar .user-btns .user-btn:hover,.newretail-base-layout-nav-userbar .user-btns .user-btn:hover .user-btn-icon{color:#1a7af8}.newretail-base-layout-nav-userbar .user-btns .user-btn-icon{font-size:20px;margin-bottom:8px;color:#313438}.newretail-base-layout-nav-userbar .user-btns .user-btn-text{font-size:12px;font-weight:400}.newretail-base-layout-nav-userbar .user-btns .user-btn:not(:last-child){margin-right:24px}.newretail-base-layout-nav-userbar .exit-btn{position:absolute;right:17px;top:24px;font-size:14px;color:#666;font-weight:400}.newretail-base-layout-nav-userbar .exit-btn:hover{color:#1a7af8}.newretail-base-layout .nr-base-nav{background:#fff;width:100%;border-bottom:1px solid #f7f8fa}.newretail-base-layout .nr-base-nav-holder{display:none;height:46px}.newretail-base-layout.fixed .nr-base-nav{position:fixed;left:0;top:0;z-index:10}.newretail-base-layout.fixed .nr-base-nav-holder{display:block}