body{max-width:1920px;margin:0 auto}header{background:var(--main-color);padding:10px 0}header .row{margin:0;align-items:center}header .logo{display:flex;align-items:center}header .search-form{width:calc(83.333333% - 485px)}header .search-form input{height:52px;padding:0 52px 0 16px;outline:none;border:none;background:#fff;border-radius:8px !important;color:var(--text-color);border:1px solid;z-index:99}header .search-form input::-webkit-input-placeholder{color:#434D56}header .search-form input::-moz-placeholder{color:#434D56}header .search-form input:-ms-input-placeholder{color:#434D56}header .search-form button{top:4px;right:4px;height:44px;z-index:99}header .search-form button svg{width:23px;height:30px;margin-top:4px;fill:var(--main-color)}header .search-form button svg path{fill:var(--main-color)}header .search-form button:hover{opacity:0.7}header .search-form .suggest{top:calc(100% + 5px);width:100%;left:0;font-size:0.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-header-color)}header .search-form .suggest a{color:var(--text-header-color);margin-right:12px}header .search-form .suggest a:hover{color:var(--hover)}header .text-ico{padding-left:44px;margin-left:34px;background:url(//bizweb.dktcdn.net/100/531/252/themes/969808/assets/user.svg?1733304445511) left center no-repeat;color:var(--text-header-color)}header .text-ico span{font-weight:600}header .text-ico.hotline{background:url(//bizweb.dktcdn.net/100/531/252/themes/969808/assets/phone.png?1733304445511) left center no-repeat}header .text-ico.hotline span{font-size:1.06rem;transform:translateY(-1px)}header .text-ico.cart-head{background-image:url(//bizweb.dktcdn.net/100/531/252/themes/969808/assets/cart.svg?1733304445511);margin-left:auto}header .text-ico.cart-head .count_item_pr{top:50%;left:18px;margin-top:-20px;background:#16BCDC;line-height:16px;width:20px;color:#FFF;font-size:10px;border:2px var(--main-color) solid}header .text-ico:hover{color:var(--hover)}header .menu_bar{cursor:pointer}.menu-main.menu-fix{background-color:#fff;height:100vh;position:fixed;top:0 !important;left:0;z-index:9999;width:330px;max-width:90%;transform:translateX(-100%);visibility:hidden;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);box-shadow:none;touch-action:manipulation;max-height:100vh;overflow:hidden;overflow-y:auto;background:#fff;padding:0}.menu-main.menu-fix.current{visibility:visible;transform:translateX(0)}.menu-main.menu-fix .menu-title{padding:10px 15px;background:var(--main-color);color:#FFF;position:relative}.menu-main.menu-fix .menu-title i{position:absolute;top:14px;right:10px}.menu-main.menu-fix .main-menu{position:relative;margin-bottom:0 !important}.menu-main.menu-fix .main-menu:before{content:'';position:absolute;bottom:0;left:15px;width:calc(100% - 30px);height:1px;background:#ebebeb}@media (max-width: 1699px) and (min-width: 1500px){header .search-form .suggest a:nth-child(5) ~ a{display:none}}@media (min-width: 1500px){header .logo{display:flex;align-items:center;-ms-flex:0 0 calc(16.666667% - 69px);flex:0 0 calc(16.666667% - 69px);max-width:calc(16.666667% - 69px)}header .logo.logo-index{-ms-flex:0 0 calc(16.666667% - 17px);flex:0 0 calc(16.666667% - 17px);max-width:calc(16.666667% - 17px)}.menu-main.menu-fix .nav-horizontal.cate-menu:not(.cate-menu-coll){height:calc(100% - 261px) !important}}@media (max-width: 1499px){.menu-main.menu-fix .nav-horizontal.cate-menu:not(.cate-menu-coll){height:calc(100% - 246px) !important}}@media (max-width: 1499px) and (min-width: 1200px){header .logo{-ms-flex:0 0 calc(20.666667% - 67px);flex:0 0 calc(20.666667% - 67px);max-width:calc(20.666667% - 67px)}header .logo.logo-index{-ms-flex:0 0 calc(20.666667% - 15px);flex:0 0 calc(20.666667% - 15px);max-width:calc(20.666667% - 15px)}header .search-form{width:calc(79.333333% - 465px)}header .suggest a:nth-child(4) ~ a{display:none}header .text-ico.hotline span{transform:translateY(-3px)}}@media (min-width: 992px){header .logo{padding-right:25px}header .account ul{top:120%;right:0;background:#FFF;z-index:99;opacity:0;visibility:hidden;transition:all .3s;font-size:0.9rem}header .account ul li{padding:2px 5px}header .account ul li a:hover{color:var(--hover)}header .account:hover ul{top:100%;opacity:1;visibility:visible}}@media (max-width: 1199px){header .suggest{display:none}}@media (max-width: 1199px) and (min-width: 992px){header .logo{-ms-flex:0 0 calc(25% - 72px);flex:0 0 calc(25% - 72px);max-width:calc(25% - 72px)}header .search-form{width:calc(83.333333% - 500px)}header .suggest{display:none}header .text-ico{margin-left:20px}header .text-ico.hotline span{transform:translateY(-3px)}}@media (min-width: 992px){.menu_bar{margin-right:20px}}@media (max-width: 991px){header{padding:10px 0}header .logo{-ms-flex:0 0 171px;flex:0 0 171px;max-width:171px;margin-left:15px}header .logo img{max-height:70px;width:auto}header .row{-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:center}header .search-form{order:1;width:100%;margin-top:10px}header .search-form input{height:40px}header .search-form button{height:32px}header .search-form button img{width:32px}header .account ul{display:none}}@media (max-width: 767px){header{padding:10px 0}header .logo{-ms-flex:0 0 calc(100% - 175px);flex:0 0 calc(100% - 175px);max-width:calc(100% - 175px);margin-right:15px;justify-content:center}header .text-ico{margin-left:10px;padding-left:36px;width:24px;height:36px;overflow:hidden;background-size:24px !important;padding-left:24px}header .text-ico.cart-head{width:36px;padding-left:36px}header .text-ico.hotline{background-size:21px !important}}