.nav-main-box {
    width: 240px;
    float: left;
    z-index: 1000;
    position: relative
}

.nav-main-box .cate-title {
    cursor: pointer;
    line-height: 45px;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    padding-left: 0;
    padding-left: 20px
}

.nav-main-box .active_home,.nav-main-box .cate-title:hover {
    color: #fff;
    background: no-repeat left center #546ce8
}

.nav-main-box .cate-title:after {
    content: "";
    background: url(../images/icon_meu.png) center left no-repeat;
    position: absolute;
    width: 20px;
    height: 45px;
    left: 10px;
    top: 0
}

.nav-main-box:hover .nav-main {
    display: block
}

.nav-main {
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: none;
    display: none;
    border-radius: 0 0 2px 2px;
    position: absolute;
    left: 0;
    width: 230px;
}

.nav-main>li {
    padding: 2px 5px;
    border: 1px solid #eaeaea;
    border-top-color: transparent;
    border-left: 2px solid transparent;
    border-right: none;
    background-color: #fff;
    list-style: none
}

.nav-main>li:last-child {
    border-bottom: none
}

.nav-main>li:before {
    content: '';
    width: 4px;
    height: 44px;
    position: absolute;
    right: -4px;
    z-index: 4;
    display: none
}

.nav-main>li:after {
    width: 5px;
    height: 9px;
    position: absolute;
    top: 11px;
    right: 8px;
    font-size: 16px;
    color: #999
}

.nav-main>li:hover:before {
    display: block
}

.nav-main.for-home {
    display: block
}

.nav-main>li>strong>a {
    display: block;
    line-height: 20px;
    font-size: 16px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    padding: 5px 5px;
    color: #505050;
    font-weight: 400
}

.nav-main>li>strong>a span.icon_menusp {
    width: 35px;
    text-align: center
}

.nav-main>li img {
    margin: 0 0 -3px 0;
    width: 100px;
    height: 100px;
    object-fit: contain;
}
.nav-main>li>strong>a span.icon_menusp img{width: 25px;height: auto;}
.nav-main>li>strong>a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 22px;
    height: 24px
}

.nav-main>li.woman>strong>a:before {
    background-position: 0 -62px
}

.nav-main>li.men>strong>a:before {
    background-position: -26px -62px
}

.nav-main>li.mombaby>strong>a:before {
    background-position: -53px -62px
}

.nav-main>li.cosmetic>strong>a:before {
    background-position: -80px -62px
}

.nav-main>li.hitech>strong>a:before {
    background-position: -106px -62px
}

.nav-main>li.life>strong>a:before {
    background-position: -132px -62px
}

.nav-main>li.sport>strong>a:before {
    background-position: -161px -62px
}

.nav-main>li.houseware>strong>a:before {
    background-position: -188px -62px
}

.nav-main>li.food>strong>a:before {
    background-position: -216px -62px
}

.nav-main>li.electric>strong>a:before {
    background-position: -244px -62px
}

.nav-main>li:hover {
    border-color: #eaeaea
}

.nav-main>li.woman:hover {
    border-left-color: #c10707
}

.nav-main>li.men:hover {
    border-left-color: #31447b
}

.nav-main>li.mombaby:hover {
    border-left-color: #f60
}

.nav-main>li.cosmetic:hover {
    border-left-color: #ff74bf
}

.nav-main>li.hitech:hover {
    border-left-color: #0098ff
}

.nav-main>li.life:hover {
    border-left-color: #87d521
}

.nav-main>li.sport:hover {
    border-left-color: #1aa53b
}

.nav-main>li.houseware:hover {
    border-left-color: #b16f2d
}

.nav-main>li.electric:hover {
    border-left-color: #339
}

.nav-main>li.food:hover {
    border-left-color: #c33
}

.nav-main>li.woman:hover:after {
    color: #f60
}

.nav-main>li.men:hover:after {
    color: #31447b
}

.nav-main>li.mombaby:hover:after {
    color: #f60
}

.nav-main>li.cosmetic:hover:after {
    color: #ff74bf
}

.nav-main>li.hitech:hover:after {
    color: #1aa53b
}

.nav-main>li.life:hover:after {
    color: #87d521
}

.nav-main>li.sport:hover:after {
    color: #1aa53b
}

.nav-main>li.houseware:hover:after {
    color: #b16f2d
}

.nav-main>li.electric:hover:after {
    color: #339
}

.nav-main>li.food:hover:after {
    color: #c33
}

.nav-main>li.woman:hover>strong>a,.nav-main>li.woman>.guide>a:hover {
    color: #546ce8
}

.nav-main>li.men:hover>strong>a,.nav-main>li.men>.guide>a:hover {
    color: #31447b
}

.nav-main>li.mombaby:hover>strong>a,.nav-main>li.mombaby>.guide>a:hover {
    color: #f60
}

.nav-main>li.cosmetic:hover>strong>a,.nav-main>li.cosmetic>.guide>a:hover {
    color: #ff74bf
}

.nav-main>li.hitech:hover>strong>a,.nav-main>li.hitech>.guide>a:hover {
    color: #0098ff
}

.nav-main>li.life:hover>strong>a,.nav-main>li.life>.guide>a:hover {
    color: #87d521
}

.nav-main>li.sport:hover>strong>a,.nav-main>li.sport>.guide>a:hover {
    color: #1aa53b
}

.nav-main>li.houseware:hover>strong>a,.nav-main>li.houseware>.guide>a:hover {
    color: #b16f2d
}

.nav-main>li.electric:hover>strong>a,.nav-main>li.electric>.guide>a:hover {
    color: #339
}

.nav-main>li.food:hover>strong>a,.nav-main>li.food>.guide>a:hover {
    color: #c33
}

.nav-main>li>.guide {
    display: block;
    font-size: 11px;
    color: #505050;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 20px;
    cursor: pointer;
    font-weight: 400;
    padding-left: 30px
}

.nav-main>li>.guide a {
    display: block;
    font-weight: 400;
    display: inline-block
}

.nav-main>li>.guide a:hover {
    text-decoration: underline
}

.nav-main>li.xt {
    background-color: #f1f1f1;
    font-weight: 700;
    text-align: center;
    border: none;
    cursor: pointer;
    line-height: 11px;
    display: none;
    padding: 1px 0
}

.nav-main.for-home>li.xt {
    display: block
}

.nav-main.for-home:hover>li.xt {
    display: none
}

.nav-main>li.xt:before {
    width: 0;
    height: 0;
    display: none
}

.nav-main>li.xt:after {
    content: "\f103";
    top: -2px;
    right: 110px;
    font-size: 20px
}

.sub-cate {
    background-color: transparent;
    position: absolute;
    top: -1px;
    left: 228px;
    display: none;
    z-index: 3;
    right: 0
}

.sub-cate .sub-cate-inner {
    width: 968px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    height: 360px;
    padding: 10px 10px 10px 14px;
    position: relative;
    list-style: none;
    overflow-y: auto;
    overflow-x: hidden
}

.sub-cate .sub-cate-inner::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.1);
    background-color: #fff;
    border-radius: 5px;
    box-sizing: border-box
}

.sub-cate .sub-cate-inner::-webkit-scrollbar {
    width: 2px;
    background-color: #fff;
    box-sizing: border-box
}

.sub-cate .sub-cate-inner::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #000;
    box-sizing: border-box
}

.sub-cate.show-cate {
    display: block
}

.sub-cate .sub-cate-inner>ul {
    min-height: 120px
}

.sub-cate.sport .sub-cate-inner ul {
    min-height: 110px
}

.sub-cate.men .sub-cate-inner ul {
    margin-bottom: 10px
}

.sub-cate.hitech .sub-cate-inner ul.end {
    min-height: 88px
}

.sub-cate .sub-cate-inner ul.no-child {
    min-height: 22px
}

.sub-cate .sub-cate-inner ul>li {
    list-style: none;
    display: inline-block;
    width: 19.55555%;
    vertical-align: top;
    padding: 0 5px;
    /* border: 1px solid #ddd; */
    border-radius: 12px;
    margin-bottom: 5px;
}
.sub-cate .sub-cate-inner ul>li a{display: block;text-align: center;}
.sub-cate .sub-cate-inner ul>li a:hover{background: #ddd;}
.sub-cate .sub-cate-inner ul>li a.title_menu {
    display: block;
    line-height: 24px;
    font-weight: 700;
    color: #546ce8;
    text-transform: capitalize;
    text-align: center;
}

.sub-cate .sub-cate-inner ul>li a.title {
    color: #333;
    font-size: 13px;
    font-weight: 700;
    text-overflow: ellipsis;
    width: 175px;
    white-space: nowrap;
    overflow: hidden
}

.sub-cate.men .sub-cate-inner ul>li a:hover {
    color: #31447b
}

.sub-cate.mombaby .sub-cate-inner ul>li a:hover {
    color: #f60
}

.sub-cate.cosmetic .sub-cate-inner ul>li a:hover {
    color: #ff74bf
}

.sub-cate.hitech .sub-cate-inner ul>li a:hover {
    color: #0098ff
}

.sub-cate.life .sub-cate-inner ul>li a:hover {
    color: #87d521
}

.sub-cate.sport .sub-cate-inner ul>li a:hover {
    color: #1aa53b
}

.sub-cate.houseware .sub-cate-inner ul>li a:hover {
    color: #b16f2d
}

.sub-cate.electric .sub-cate-inner ul>li a:hover {
    color: #339
}

.sub-cate.food .sub-cate-inner ul>li a:hover {
    color: #c33
}

.ic-new {
    background: url("../../images/ic-sprite.png") no-repeat 0 0;
    color: #fff;
    font-size: 0;
    height: 20px;
    right: 18px;
    line-height: 0;
    position: absolute;
    top: 2px;
    width: 30px;
    display: block
}

.nav-main-box .sport .ic-new {
    right: 10px
}

.nav-main-box .houseware .ic-new {
    right: 15px
}

.sub-cate .box-feature {
    clear: both;
    margin-top: 10px;
    overflow: hidden
}

.sub-cate .box-feature a {
    display: block;
    float: left;
    width: 150px;
    text-align: center;
    margin-right: 5px
}

.sub-cate .box-feature a img {
    border: 1px solid transparent
}

.sub-cate .box-feature a:hover img {
    border-color: #ddd
}

.sub-cate .box-feature a span {
    display: block;
    background-color: #f5f5f5;
    line-height: 18px;
    border: 1px solid #f1f1f1;
    margin-top: 5px;
    padding: 5px
}

.sub-cate .box-feature a span:hover {
    border-color: #ddd
}

.sub-cate .img-cate {
    position: absolute;
    right: 0;
    bottom: 0;
    clear: both;
    display: block
}

.sub-cate.houseware .block-sub-cate {
    width: 28%;
    float: left
}

.sub-cate.houseware .block-sub-cate a.catelv1 {
    color: #333;
    font-size: 13px;
    font-weight: 700;
    text-overflow: ellipsis;
    width: 175px;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 700;
    margin-bottom: 5px
}

.block-sub-cate .sub-cate-lv2 a:hover,.sub-cate.houseware .block-sub-cate a.catelv1:hover {
    color: #b16f2d;
    text-decoration: underline
}

.block-sub-cate .sub-cate-lv2 {
    margin: 5px 0 0 10px
}

.block-sub-cate .sub-cate-lv2 a {
    display: block;
    line-height: 22px;
    font-weight: 400
}

.block-sub-cate .sub-cate-lv2 li:first-child a {
    font-weight: 700;
    font-size: 12px;
    text-overflow: ellipsis;
    width: 165px;
    white-space: nowrap;
    overflow: hidden
}

.sub-cate .sub-cate-inner p {
    float: right;
    padding-right: 40px;
    font-weight: 400;
    color: #666;
    text-transform: capitalize
}

.sub-cate .sub-cate-inner p a {
    color: #666;
    font-size: 16px
}

.sub-cate .sub-cate-inner p a:hover {
    color: #ff7e00;
    text-decoration: underline
}