body::before{content:"";display:block;height:182px;width:100%}.header-sticky-wrapper{position:fixed;top:0;left:0;width:100%;z-index:2000;background-color:#fff;transition:transform .4s ease-out}.header-hidden{transform:translateY(-100%)}.scrolled-shadow{box-shadow:0 7px 15px 0 rgba(0,0,0,.06)}.top-head-line-container{background:#313441;width:100%}.top-head-line{width:1370px;display:flex;margin:0 auto;justify-content:space-between}.top-head-line .language{display:flex;align-items:center;font-size:12px;color:#fff;margin-left:24px}.top-head-line .language i{font-size:12px}.top-head-line>*{display:flex}.top-head-line .language span{color:#dadada;cursor:pointer;font-weight:200}.top-head-line .language span:last-child{color:#dadada;margin-left:6px;font-weight:200}.top-head-line .right-con-box .login{display:flex;position:relative;height:38px;font-size:12px;line-height:38px;text-align:center;color:#dadada;font-weight:200}.top-head-line .right-con-box .login .self-drop-down-show{color:#dadada;font-weight:200}.dropdown.self-drop-down-show{display:flex;flex-direction:column}.top-head-line .right-con-box .login .iconfont{font-size:12px;margin-right:3px}.top-head-line .right-con-box .login a{display:inline-block;color:#dadada;text-decoration:none;cursor:pointer;font-size:12px;font-weight:200}.top-head-line .right-con-box .language span:hover{color:#f57000}.top-head-line .right-con-box .login a:hover{color:#f57000}.top-head-line .right-con-box .login .dropdown span{height:16px;cursor:pointer;line-height:16px;font-size:12px;color:#3d3d3d;margin-bottom:21px;text-align:left}.top-head-line .right-con-box .login .dropdown span:first-child{margin-top:18px}.top-head-line .right-con-box .login .dropdown span:last-child{margin-bottom:24px}.top-head-line .right-con-box .login span:nth-child(2){cursor:pointer}.top-head-line .right-con-box .login>span:nth-child(2) i{font-size:12px}.top-head-line .right-con-box .login .dropdown span:hover{color:var(--main-color)}.head-top-ucen-btn a i{display:inline-block;transform:scale(.6)}.head-top-ucen-btn a i::after{font-family:iconfont;content:"\e602";font-size:12px}.top-head-line .right-con-box .login .dropdown{flex-direction:column;position:absolute;top:37px;right:-4px;z-index:3;height:0;overflow:hidden;background:#fff;transition:.3s cubic-bezier(.4, 0, .2, 1);color:#000;padding:0 20px 0 18px;box-shadow:0 3px 21px 0 rgba(0,0,0,.1);border-radius:12px}.top-head-line .right-con-box .login .triangle{position:absolute;top:27px;right:35px;z-index:4;width:0;height:0;border-bottom:5px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;opacity:0;transition:all .2s}.top-head-line .right-con-box div:not(:last-child){display:flex}.top-head-line .left-con-box{align-items:center;color:#dadada;font-weight:200}.top-head-line .left-con-box .h-tel-c{color:#dadada;font-weight:200}.top-head-line .left-con-box .h-tel-c::before{font-family:iconfont;content:'\e601';color:#dadada;display:inline-block;margin:0 12px 0 13px;font-weight:200}.header-nav-container{background:#fff}.header-nav-container .header-fixed-width-container{margin:0 auto;max-width:1370px;display:flex;padding:20px 0;min-height:124px;justify-content:space-between;align-items:flex-end;box-sizing:border-box}.header-nav-left{display:flex;gap:15px;flex-direction:column}.header-nav-logo{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:700;color:#0a3394}.header-nav-logo .logo-orange{color:#ff7d00}.header-nav-logo .logo-text{font-size:16px;font-weight:400;color:#333}.header-nav-links ul{display:flex;list-style:none;gap:20px;font-size:14px;color:#333}.header-nav-links ul li{cursor:pointer}.header-nav-links ul li a{font-size:16px}.header-nav-links ul li.active a{color:#ff7d00}.header-nav-right{display:flex;flex-direction:column;gap:20px}.header-nav-search-box{display:flex;align-items:center;position:relative}.search-select{border:1px solid #ccc;border-right:none;padding:6px 8px;border-radius:4px 0 0 4px;font-size:14px;color:#333}.header-nav-search-box input{border:1px solid #ccc;padding:6px 8px;font-size:16px;width:220px}.search-btn{background:#2e6ff2;color:#fff;border:none;padding:6px 18px;border-radius:0 4px 4px 0;cursor:pointer;font-size:14px}.header-nav-recommended-links{display:flex;gap:25px;font-size:14px;color:#333;justify-content:center}.header-nav-recommended-links span{cursor:pointer}.header-nav-recommended-links .text-orange{color:#ff7d00}#cw-search-input{display:inline-block;padding-left:10px;padding-right:122px;height:42px;width:440px;border:1px solid #344de2;vertical-align:middle;color:#333;border-radius:0 30px 30px 0;border-left:0;box-sizing:border-box;font-size:14px;font-weight:400}#cw-header-search-btn{display:inline-block;width:90px;height:42px;border-radius:20px;background:#344de2;text-align:center;line-height:42px;color:#fff;font-size:17px;cursor:pointer;position:absolute;right:0;font-weight:400}.search-select-type-box{height:42px;box-sizing:border-box;border-radius:99px 0 0 99px;border:1px solid #344de2;background-color:#fff;border-right:0;color:#3d3d3d;width:106px;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.search-select-type-box button{width:100px}.header-logo-text{font-weight:700;color:#000;font-size:20px}.top-cart{display:flex;align-items:center;margin-left:10px;padding:0 10px;position:relative}.top-cart:hover{background-color:#4a4e63}.top-cart span{color:#dadada;font-size:12px;font-weight:300;cursor:pointer}.top-cart span:first-child{margin-top:2px;margin-right:5px}.cart-dropdown{display:none;position:absolute;top:100%;right:0;width:500px;background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);padding:20px;z-index:1000;margin-top:10px}.cart-table{width:100%;border-collapse:collapse;margin-bottom:20px}.cart-table th{text-align:left;padding:10px 5px;border-bottom:1px solid #eee;color:#333;font-weight:700;font-size:14px;white-space:nowrap}.cart-table td{padding:15px 5px;vertical-align:middle;border-bottom:1px dashed #f5f5f5;font-size:13px;color:#666}.cart-table .col-check{width:5%}.cart-table .col-code{width:40%}.cart-table .col-supplier{width:15%}.cart-table .col-qty{width:20%}.cart-table .col-price{width:20%;text-align:right;font-weight:700;color:#333}.cart-table th.col-price{text-align:right}.btn-delete{cursor:pointer;font-size:16px;color:#000;font-weight:700}.btn-delete:hover{color:red}.stepper{display:flex;align-items:center;border-radius:4px;width:fit-content}.stepper input{width:40px;text-align:center;border:none;outline:0}.stepper button{background:#f9f9f9;font-size:14px;border:none;padding:2px 8px;cursor:pointer}.cart-footer{display:flex;justify-content:flex-end;gap:10px;align-items:center;padding-top:10px;border-top:2px solid #eee}.cart-footer .total-price{font-size:22px;font-weight:700}.cart-footer .total-price .total-price-amount{color:#f60}.cart-footer .btn-checkout{padding:10px 20px;background-color:#f60;color:#fff;border:none;border-radius:20px;font-size:16px;font-weight:300;cursor:pointer}.tag-orange{display:inline-block;padding:5px;background-color:#f60;color:#fff;border-radius:8px;font-size:12px}.tag-blue{display:inline-block;padding:5px;background-color:#0f218b;color:#fff;border-radius:8px;font-size:12px}