/* 2020-03-11 11:03:18. */

.manuwrap {
    padding-top: 0
}

.manunew {
    background: #fff;
    clear: both;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    flex: 1 100%
}

.manunew a {
    display: inline-block;
    width: 12.4%;
    border: 1px solid #eee;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    margin-left: -1px;
    margin-bottom: -1px;
    transition: all ease 300ms;
    color: #000
}

.manunew a.hidden {
    display: none
}

.manunew a img {
    display: inline-block;
    max-height: 25px;
    vertical-align: middle
}

.filter li .fmanu {
    visibility: hidden
}

.box-catalog {
    margin: 0 0 20px;
    background-color: #fff;
    display: block;
    box-shadow: 0 4px 4px -2px rgba(0, 0, 0, .15);
    overflow: hidden
}

.box-cat-title {
    height: 32px;
    line-height: 32px;
    position: relative
}

.box-cat-title .h3 {
    text-transform: uppercase;
    padding-left: 10px;
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
    border-left: 4px solid #da251c;
    font-family: Roboto, sans-serif
}

.box-tintuc .box-cat-title .h3 {
    border-left: 4px solid #25a1dc
}

.box-cat-all {
    position: absolute;
    right: 10px;
    top: 0
}

.box-cat-all a {
    color: #2196f3
}

.box-cat-all a:hover {
    color: #da251c
}

.price_active {
    font-weight: bold
}

.box-cat-body {
    margin-bottom: 10px;
    height: 342px;
    width: 100%;
    overflow: hidden
}

.recommend_best .h3 {
    border-left: 4px solid #fff;
    text-transform: none
}

.cat_goods {
    display: block;
    overflow: hidden;
    background: #fff;
    margin-bottom: 15px
}

.cat_goods h2 {
    float: left;
    font-size: 16px;
    color: #333;
    font-weight: 600;
    padding: 14px 10px;
    text-transform: uppercase
}

.cat_goods .viewallcat {
    float: right;
    overflow: hidden
}

.cat_goods .viewallcat a {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #288ad6;
    padding: 14px 15px
}

.cat_goods .viewallcat a:hover {
    text-decoration: underline;
    color: #288ad6
}

.pagination {
    padding: 15px 0 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    display: inline-flex;
    clear: both
}

.pagination a {
    color: #999;
    margin-left: 3px;
    padding: 4px 9px;
    background-color: #eee;
    border: 1px solid #bbb;
    border-radius: 3px
}

.pagination a:hover {
    color: #666;
    text-decoration: none;
    background-color: #ddd;
    border-color: #999
}

.pagination a.current {
    color: #ff8c22;
    background-color: #ffe8ce;
    border-color: #ff8c22
}

.pagination span {
    padding: 5px 10px
}

.pagination .total {
    color: #ccc
}

.empty {
    padding: 30px 0;
    min-height: 300px;
    text-align: center
}

#owl-cate {
    position: relative;
    display: block;
    margin-bottom: 10px
}

#owl-cate .owl-buttons .owl-next,
#owl-cate .owl-buttons .owl-prev {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 40%;
    font-size: 35px;
    border-radius: 5px;
    background: rgba(0, 0, 0, .3);
    text-align: center;
    color: #fff;
    line-height: 35px;
    font-family: -webkit-body
}

#owl-cate .owl-prev {
    left: 10px
}

#owl-cate .owl-next {
    right: 10px
}

#owl-cate .owl-buttons {
    display: none
}

#owl-cate:hover .owl-buttons {
    display: block
}

#owl-cate .owl-pagination {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    z-index: 2
}

.h1 {
    display: block;
    font-weight: bold;
    line-height: 50px;
    font-size: 22px
}

.homeproduct {
    clear: both;
    display: block;
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    flex: 1 100%;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    margin-bottom: 15px
}

.homeproduct li.feature {
    width: 39.917%
}

.homeproduct li:hover {}

.homeproduct li img {
    display: block;
    width: 220px;
    height: 220px;
    margin: 15px auto
}

.homeproduct li .price {
    padding: 10px 10px 3px 10px
}

.homeproduct li .price strong {
    line-height: 18px
}

.homeproduct li label {
    display: inline-block;
    position: absolute;
    top: 187px;
    left: 10px;
    font-size: 11px;
    color: #fff;
    font-weight: 600;
    background: #3fb846;
    border-radius: 2px;
    padding: 0 5px;
    height: 18px
}

.homeproduct li .promotion {
    margin: 0;
    padding-top: 5px;
}

.homeproduct li .promotion p {
    color: #666;
    display: block;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.homeproduct li .promotion p::before {
    color: #999;
    content: "•";
    display: inline-block;
    font-size: 16px;
    margin-right: 5px;
    vertical-align: middle
}

.homeproduct li.feature img {
    width: 480px;
    height: auto;
    margin: 0 0 14px
}

.homeproduct li.feature a {
    padding: 0 0 10px
}

.homeproduct .ratingresult {
    padding: 5px 10px
}

.recommend_best .homeproduct {
    padding-bottom: 5px
}

.recommend_best .homeproduct li {
    border: 1px solid #ececec
}

.filter {
    background: #FFF;
    display: block;
    height: 40px;
    border-bottom: 1px solid #f5f5f5;
    width: 100%
}

.filter li {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: auto;
    vertical-align: top;
    font-size: 14px;
    position: relative;
    white-space: nowrap
}

.filter li.frange {
    margin-right: 10px
}

.filter li>a {
    color: #288ad6;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    line-height: 40px
}

.filter li a:hover {
    color: #333
}

.filter li>a.check {
    font-weight: 700
}

.filter li div.fsub a {
    color: #333;
    text-align: right
}

.filter li label.all a {
    color: #288ad6
}

.filter li .criteria,
.filter li .selected {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    color: #288ad6;
    padding-left: 10px;
    cursor: pointer;
    line-height: 40px
}

.filter li .criteria:hover {
    color: #333
}

.filter li .criteria:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 4px solid #288ad6;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.filter li div.fsub {
    display: none;
    overflow: visible;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1);
    padding: 5px 10px;
    position: absolute;
    width: 200px;
    left: -50%;
    top: 40px;
    z-index: 11
}

.filter li div.fsub.show {
    display: block
}

.filter li div:before,
.filter li div:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 40%;
    border-bottom: 10px solid #d9d9d9;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.filter li div:after {
    border-width: 9px;
    border-bottom-color: #fff;
    margin-left: 1px
}

.filter li div .all {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #d9d9d9;
    font-size: 14px;
    color: #333;
    padding: 10px 0
}

.filter li .feature i {
    margin-left: -20px
}

.filter li label {
    display: block;
    padding: 5px 0 6px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.filter li label:hover {
    color: #288ad6
}

.filter li label span {
    height: 15px;
    width: 15px;
    display: inline-block;
    margin-right: 5px;
    border: 1px solid #ececec;
    line-height: 15px;
    vertical-align: middle;
    text-align: center;
    border-radius: 3px
}

.filter li label span.check {
    background: #4a90e2;
    color: #fff;
    border: 1px solid #4a90e2!important
}

.filter li .closefilter {
    position: absolute;
    right: 8px;
    top: 10px;
    background: #fff;
    border: 1px solid #dfdfdf;
    padding: 2px 7px;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
    z-index: 92;
    border-radius: 10px;
    font-style: normal;
    display: block;
    cursor: pointer
}

.filter li .sortprice {
    text-align: left;
    left: -140px!important
}

.filter li .sortprice:before,
.filter li .sortprice:after {
    left: auto;
    right: 37px
}

.filter li .sortprice:before {
    right: 36px
}

.filter li>a span {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    text-align: center;
    line-height: 15px;
    border: 1px solid #c1c1c1;
    vertical-align: middle
}

.filter li>a.new2018 {
    color: #e3701d;
    font-weight: 600;
    display: inline-block
}

.choosedfilter {
    display: block;
    overflow: hidden;
    background: #fff;
    margin: 10px 0
}

.choosedfilter a {
    display: inline-block;
    vertical-align: text-bottom;
    padding: 6px;
    background: #288ad6;
    font-size: 12px;
    color: #fff;
    border-radius: 4px;
    margin-right: 5px
}

.choosedfilter a:after {
    content: "x";
    display: inline-block;
    color: #fff;
    margin-left: 8px
}

.choosedfilter a.reset {
    background: #c10017
}

.watching {
    float: right;
    white-space: nowrap;
    line-height: 30px
}

.watching h1 {
    display: inline;
    font-weight: bold;
    text-transform: uppercase
}

article {
    display: block;
    overflow: hidden
}

article p,
article div,
article h2,
article h3,
article h4 {
    margin: 10px auto;
    font-size: 14px;
    color: #333;
    line-height: 28px
}

article a,
article a:hover,
article a:active {
    color: #288ad6
}

article h3,
article h3 a {
    font-size: 16px
}

article h2,
article h2 a {
    font-size: 18px
}

article h4,
article h4 a {
    font-size: 14px
}

article div {
    margin-top: 0
}

article div em,
article p em {
    font-style: italic
}

article h2,
article h3,
article h4,
article h5 {
    font-weight: 700;
    margin: 20px auto
}

article ul {
    list-style: disc;
    margin-left: 30px
}

article ol {
    margin-left: 30px
}

article img {
    display: block;
    height: auto;
    margin: 15px auto 5px;
    max-width: 100%;
    width: auto
}

article .short_view {
    max-height: 300px;
    clear: both;
    overflow: hidden;
    display: block
}

article .view-more {
    width: 100%;
    min-height: 50px
}

article .view-more p {
    margin-top: 0;
    text-align: center
}

article .view-more p span {
    width: 50px;
    color: #288ad6;
    cursor: pointer;
    border: 1px solid #288ad6;
    padding: 8px 25px;
    border-radius: 3px;
    background: #fff
}

article .view-more p span:hover {
    background: #288ad6;
    color: #fff
}

article img.first-photo {
    margin: 0 20px 20px 0
}

._nextpre .owl-buttons {
    position: absolute;
    top: 24%;
    height: 0;
    width: 100%;
    display: block
}

._nextpre:hover .owl-buttons {
    display: block
}

._nextpre .owl-prev,
._nextpre .owl-next {
    position: absolute;
    padding: 20px 0 0;
    margin: 0;
    background: #fff;
    width: 34px;
    height: 50px;
    text-align: center;
    font-size: 46px;
    color: #999;
    font-family: -webkit-body;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, .15)
}

._nextpre .owl-prev {
    left: -5px;
    border-radius: 0 5px 5px 0
}

._nextpre .owl-next {
    right: 0;
    border-radius: 5px 0 0 5px
}