.hl-product-bar{position:relative;z-index:997;height:64px}.hl-product-bar .product-bar-container{position:absolute;top:0;left:0;width:100%;height:auto;background:#101010;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s ease}.hl-product-bar .product-bar-container .container{height:64px;overflow:hidden}.hl-product-bar .product-bar-container .container .product-name{float:left;height:64px}.hl-product-bar .product-bar-container .container .product-name .product-toggle{display:none}.hl-product-bar .product-bar-container .container .product-name .product-list{height:100%;display:flex;align-items:center;gap:28px}.hl-product-bar .product-bar-container .container .product-name .product-list .product-item a{display:flex;align-items:center;text-decoration:none;height:100%;position:relative}.hl-product-bar .product-bar-container .container .product-name .product-list .product-item a .product-item-name{color:#fff;font-family:HarmonyOS Sans;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.231px;opacity:.5;transition:opacity .3s ease;white-space:nowrap}.hl-product-bar .product-bar-container .container .product-name .product-list .product-item a:after{content:"";position:absolute;right:-14px;top:50%;display:block;width:1px;height:18px;background:#fff;transform:translateY(-50%);opacity:.3;transition:opacity .3s ease}.hl-product-bar .product-bar-container .container .product-name .product-list .product-item:last-child a:after{display:none}.hl-product-bar .product-bar-container .container .product-name .product-list .product-item:hover a .product-item-name,.hl-product-bar .product-bar-container .container .product-name .product-list .product-item.active a .product-item-name{opacity:1}.hl-product-bar .product-bar-container .container .product-name .product-list .product-item.active a{cursor:default}.hl-product-bar .product-bar-container .container .product-name .product-list .product-item.active a:after{opacity:1}.hl-product-bar .product-bar-container .container .product-buy{float:right;height:64px;display:flex;align-items:center;margin-left:36px}.hl-product-bar .product-bar-container .container .product-buy .product-buy-btn{text-decoration:none;color:#fff;font-family:HarmonyOS Sans;font-size:14px;font-style:normal;font-weight:500;line-height:normal;white-space:nowrap;padding:6px 20px;border-radius:30px;background:#c10016}.hl-product-bar .product-bar-container .container .product-tab{float:right;position:relative;display:flex;align-items:center;gap:30px;height:64px}.hl-product-bar .product-bar-container .container .product-tab .product-tab-item{height:100%;display:flex;align-items:center;color:#fff;font-family:HarmonyOS Sans;font-size:14px;font-style:normal;font-weight:500;line-height:normal;text-decoration:none}.hl-product-bar .product-bar-container .container .product-tab-btn{display:none}.hl-product-bar .product-bar-top-fixed{position:fixed;top:0;left:0;z-index:999;background-color:#0006!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media screen and (max-width: 1200px){.hl-product-bar .product-bar-container .container{width:100%;height:auto}.hl-product-bar .product-bar-container .container .product-buy{margin-left:15px}.hl-product-bar .product-bar-container .container .product-tab{width:100%;height:auto;flex-direction:column;gap:0;max-height:0;visibility:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1)}.hl-product-bar .product-bar-container .container .product-tab .product-tab-item{font-size:16px;display:block;width:50%;padding:10px 0;line-height:20px;margin-right:auto}.hl-product-bar .product-bar-container .container .product-tab.product-tab-open{visibility:visible;max-height:100vh}.hl-product-bar .product-bar-container .container .product-tab-btn{float:right;width:14px;height:64px;display:flex;align-items:center;cursor:pointer}.hl-product-bar .product-bar-container .container .product-tab-btn svg{width:14px;height:20px;transition:transform .4s cubic-bezier(.4,0,.2,1);flex-shrink:0}.hl-product-bar .product-bar-container .container .product-tab-btn.product-tab-btn-active svg{transform:scaleY(-1)}.hl-product-bar .product-bar-container .container .product-tab .product-tab-item:last-child{padding-bottom:25px}}@media screen and (max-width: 992px){.hl-product-bar .product-bar-container .container{padding:0 25px}.hl-product-bar .product-bar-container .container .product-name{width:50%;height:auto}.hl-product-bar .product-bar-container .container .product-name .product-toggle{display:flex;align-items:center;gap:15px;height:64px;color:#fff;font-family:HarmonyOS Sans;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.231px;cursor:pointer}.hl-product-bar .product-bar-container .container .product-name .product-toggle svg{width:14px;height:20px;transition:transform .4s cubic-bezier(.4,0,.2,1);flex-shrink:0}.hl-product-bar .product-bar-container .container .product-name .product-toggle.product-toggle-active svg{transform:scaleY(-1)}.hl-product-bar .product-bar-container .container .product-name .only-product{pointer-events:none}.hl-product-bar .product-bar-container .container .product-name .only-product svg{display:none}.hl-product-bar .product-bar-container .container .product-name .product-list{gap:0;align-items:flex-start;flex-direction:column;max-height:0;visibility:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1)}.hl-product-bar .product-bar-container .container .product-name .product-list .product-item{width:100%}.hl-product-bar .product-bar-container .container .product-name .product-list .product-item a{padding:10px 0}.hl-product-bar .product-bar-container .container .product-name .product-list .product-item a .product-item-name{font-size:14px;line-height:20px}.hl-product-bar .product-bar-container .container .product-name .product-list .product-item a:after{display:none}.hl-product-bar .product-bar-container .container .product-name .product-list.product-list-open{visibility:visible;max-height:100vh}.hl-product-bar .product-bar-container .container .product-tab .product-tab-item{font-size:14px}.hl-product-bar .product-bar-container .container .product-name .product-list .product-item:last-child a{padding-bottom:25px}}
