table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%
}

button {
    cursor: pointer
}
.hidden {
    display: none
}

#copy-input {
    opacity: 0;
    height: 0;
    width: 5px;
    position: absolute;
    top: -1px;
    left: -1px
}

.pagination {
    text-align: center
}

.pagination-box {
    width: 100%;
    clear: both;
    float: left;
    margin-top: 20px
}

.pagination .page-item {
    display: inline-block;
    color: #ccc;
    margin-right: 3px
}

.pagination .page-link {
    color: #ccc;
    padding: 10px 15px;
    display: block;
    text-align: center;
    border: 1px solid #f2f2f2;
    background: #fff
}

.pagination .page-link:hover {
    background: #1da64c;
    color: #fff;
    border: 1px solid #1da64c
}

.pagination .active .page-link {
    border: 1px solid #1da64c;
    color: #fff;
    background: #1da64c
}

.breadcrumb {
    width: 100%;
    clear: both;
    float: left;
    margin: -5px 0 10px 0;
    position: relative;
    z-index: 2
}

.breadcrumb ul {
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumb ul li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumb ul li:after {
    content: "»";
    padding: 10px;
    color: #222;
    display: inline-block
}

.breadcrumb ul li:last-child:after {
    content: "";
    display: none
}

.breadcrumb ul li a {
    display: block;
    float: left;
    padding: 10px 0;
    color: #1f7ecb;
    font-weight: 400
}

.breadcrumb ul li:first-child svg {
    height: 18px
}

.breadcrumb ul li:first-child svg path {
    fill: #1f7ecb
}

.notify {
    position: fixed;
    width: 300px;
    bottom: 50px;
    left: 15px;
    z-index: 500
}

.notify .notify-item {
    width: 100%;
    clear: both;
    float: left;
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 2px rgba(31,31,31,.5);
    box-shadow: 0 0 10px 2px rgba(31,31,31,.5);
    margin-top: 15px
}

.notify .notify-item__close {
    position: absolute;
    right: -12.5px;
    top: -12.5px;
    cursor: pointer
}

.notify .notify-item__close i {
    width: 25px;
    height: 25px;
    border-radius: 25px;
    line-height: 25px;
    text-align: center;
    background: red;
    color: #fff
}

.notify .notify-item__content {
    width: 100%;
    clear: both;
    float: left;
    line-height: 22px;
    padding: 5px 10px;
    font-size: 14px
}

.notify .notify-item__content a {
    color: #00f
}

.btn {
    display: block;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    -webkit-transition: .2s;
    transition: .2s;
    border: none
}

.btn-group {
    width: 100%;
    clear: both;
    float: left
}

.btn-group .btn {
    display: inline-block;
    margin-right: 5px
}

.btn-primary {
    background: #1da64c;
    color: #fff
}

.btn-primary:hover {
    background: #d1de39;
    -webkit-transition: .2s;
    transition: .2s
}

.btn-default {
    border: 1px solid #f2f2f2;
    background: #fff;
    color: #1da64c
}

.btn-default:hover {
    background: #d1de39;
    color: #fff!important;
    -webkit-transition: .2s;
    transition: .2s
}

.btn-blue {
    background: #3b5998;
    color: #fff
}

.btn-blue:hover {
    background: #1f7ecb;
    -webkit-transition: .2s;
    transition: .2s
}

.btn-red {
    background: #de4935;
    color: #fff
}

.btn-red:hover {
    background: #d02812;
    -webkit-transition: .2s;
    transition: .2s
}

.btn-checkbox {
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 0;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    cursor: pointer;
    vertical-align: middle
}

.btn-checkbox:checked {
    background: url(https://cdn.chanhtuoi.com/assets/img/icon/icon-check.png);
    background-size: 20px 20px;
    color: #e9ecee;
    border: none
}

.babel {
    line-height: 20px;
    float: left;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    margin: 2.5px 10px 2.5px 0;
    padding: 0 8px;
    border-radius: 5px
}

.babel-primary {
    background: #1da64c
}

.babel-red {
    background: #e00034
}

.babel-default {
    background: #ccc
}

.golink {
    width: 100%;
    display: block;
    clear: both;
    text-align: center
}

.golink .btn {
    font-size: 17px;
    display: inline-block;
    padding: 5px 10px;
    color: #fff !important;
    font-weight: bold;
}
.golink img {
    margin: 0 !important;
    display: inline-block !important;
    width: 20px !important;
}
.item-text {
    width: 100%;
    clear: both;
    float: left;
    font-size: 18px;
    padding: 15px;
    font-weight: 700;
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

#loading_box {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100000;
    opacity: 0;
    visibility: hidden
}

#loading_image {
    width: 100%;
    height: 100%;
    background: url(https://cdn.chanhtuoi.com/assets/img/chanhtuoi_loading_ajax.gif) no-repeat center center;
    background-size: 50px 50px
}

.loading {
    position: relative;
    -webkit-transition: .2s;
    transition: .2s
}

.loading:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100000
}

.loading:after {
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    background: url(https://cdn.chanhtuoi.com/assets/img/chanhtuoi_loading.gif) no-repeat center center;
    background-size: 50px 50px;
    z-index: 100000
}

.img-loading {
    -o-object-fit: contain!important;
    object-fit: contain!important
}

.img-loading-content {
    -o-object-fit: contain!important;
    object-fit: contain!important;
    width: auto!important;
    height: auto!important
}

.banner-zone {
    position: fixed;
    bottom: 0;
    width: 100%;
    float: left;
    z-index: 1000000;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .2s;
    transition: .2s
}

.banner-zone.open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: .2s;
    transition: .2s
}

.banner-zone__content {
    width: 100%;
    clear: both;
    float: left;
    position: relative
}

.banner-zone__content-image {
    width: 100%;
    clear: both;
    float: left
}

.banner-zone__content-image img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    width: 100%;
    -webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
    box-shadow: 0 0 5px 3px rgba(0,0,0,.2)
}

.banner-zone__content-close {
    position: absolute;
    top: -15px;
    right: -15px
}

.banner-zone__content-close i {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    line-height: 30px;
    background: red;
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s
}

.banner-zone__content-close i:hover {
    background: #ce1414;
    -webkit-transition: .2s;
    transition: .2s
}

.heading {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 30px
}

.heading-text {
    width: 100%;
    clear: both;
    float: left;
    font-size: 18px;
    line-height: 25px;
    background: #fff;
    padding: 15px
}

.heading-title {
    width: 100%;
    clear: both;
    float: left;
    background: #fff
}

.heading-title__p {
    float: left;
    line-height: 25px;
    padding: 15px;
    padding-right: 0
}

.heading-title__h1 {
    float: left;
    font-size: 18px;
    line-height: 25px;
    padding: 15px;
    padding-left: 10px
}

.header {
    background: #1da64c;
    height: 80px;
    padding: 18px 0;
    clear: both
}

.header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header .logo {
    width: 185px;
    margin-right: 114px
}

.header .logo img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    height: 42px;
    -o-object-fit: contain;
    object-fit: contain
}

.header .search {
    width: 480px;
    margin-right: 100px;
    position: relative
}

.header .search-form {
    display: block;
    position: relative;
    width: 100%
}

.header .search-form input {
    display: block;
    height: 45px;
    padding: 0 72px 0 14px;
    border-radius: 5px;
    border: none;
    width: 100%
}

.header .search-form button {
    border-radius: 5px;
    position: absolute;
    right: 4px;
    top: 4px;
    bottom: 4px;
    padding: 10px 22px;
    border: none;
    background: #1da64c
}

.header .search-form button svg {
    height: 18px;
    width: 18px;
    line-height: 18px;
    color: #4bb43e;
    font-size: 18px
}

.header .search-suggest {
    position: absolute;
    top: 44px;
    left: 0;
    right: 0;
    z-index: 1001;
    background: #fff;
    -webkit-box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .2s;
    transition: .2s
}

.header .search-suggest.open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: .2s;
    transition: .2s
}

.header .search-suggest__title {
    width: 100%;
    clear: both;
    float: left;
    background: -webkit-gradient(linear,left top,right top,from(#1da64c),to(#d1de39));
    background: linear-gradient(to right,#1da64c,#d1de39);
    color: #fff;
    padding: 8px 10px
}

.header .search-suggest__list {
    width: 100%;
    clear: both;
    float: left
}

.header .search-suggest__list .item {
    width: 100%;
    clear: both;
    float: left;
    padding: 10px 10px 0 10px
}

.header .search-suggest__list .item:last-child {
    padding-bottom: 10px
}

.header .search-suggest__list .item-image {
    width: 70px;
    height: 70px;
    float: left;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    overflow: hidden
}

.header .search-suggest__list .item-image img {
    -o-object-fit: contain;
    object-fit: contain
}

.header .search-suggest__list .item-info {
    width: calc(100% - 70px);
    float: left;
    padding: 7px 0 7px 6px;
    position: relative
}

.header .search-suggest__list .item-info__title {
    font-weight: 700;
    line-height: 17.5px;
    font-size: 14px;
    max-height: 34px;
    overflow: hidden;
    margin-bottom: 5px
}

.header .search-suggest__list .item-info__title span {
    color: #00a651
}

.header .search-suggest__list .item-info__price {
    float: left;
    font-weight: 700;
    font-size: 14px;
    color: #1da64c;
    background: #fff
}

.header .search-suggest__list .item-info__time {
    float: left;
    font-weight: 700;
    font-size: 14px;
    color: #b7a4a4;
    background: #fff
}

.header .search-suggest__list .tags {
    margin-top: 0;
    padding: 10px 10px 0 10px
}

.header .search-suggest__list .tags li {
    margin-bottom: 10px
}

.header .beauty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.header .beauty svg {
    margin-right: 13px
}

.header .auth {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header .auth-login a {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header .auth-login a svg {
    margin-right: 13px
}

.header .auth-info {
    width: unset;
    margin-bottom: unset;
    float: none;
    cursor: pointer;
    position: relative
}

.header .auth-info:hover .auth-info-content {
    opacity: 1;
    visibility: inherit;
    -webkit-transition: .2s;
    transition: .2s;
    top: 45px
}

.header .auth-info>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header .auth-info-avatar {
    height: 40px;
    width: 40px;
    margin-right: 5px
}

.header .auth-info-name {
    line-height: 35px;
    display: inline-block;
    font-weight: 700;
    color: #fff
}

.header .auth-info-content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 1001;
    left: calc(-200px / 2 + 25px);
    top: 55px;
    background: #fff;
    border: 1px solid #f2f2f2;
    -webkit-box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    width: 200px;
    -webkit-transition: .2s;
    transition: .2s
}

.header .auth-info-content:before {
    content: '';
    display: block;
    position: absolute;
    left: calc(200px / 2 - 10px);
    width: 0;
    height: 0;
    top: -20px;
    border-width: 10px;
    border-color: transparent;
    border-style: solid;
    border-bottom-color: #fff
}

.header .auth-info-content:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -20px;
    height: 20px
}

.header .auth-info-content .item a {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .2s;
    transition: .2s
}

.header .auth-info-content .item a:hover {
    background: #1da64c;
    -webkit-transition: .2s;
    transition: .2s;
    color: #fff
}

.header .auth-info-content .item-note {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header .auth-info-content .item-note__icon {
    margin-right: 5px;
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.header .auth-info-content .item-note__icon img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%
}

.header .auth-info-content .item-note__info {
    font-weight: 700
}

.header .auth-info-content .item-note.redeem .item-note__info {
    color: gold
}

.header .auth-info-content .item-note.notification-user {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header .auth-info-content .item-note.notification-user .item-note__info {
    background-color: #e00034;
    padding: 3px 10px;
    font-size: 12px;
    border-radius: 10px;
    color: #ffff
}

.header .posts {
    margin-left: 20px;
    float: right
}

.header .posts a {
    background: #e00034;
    color: #fff;
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    display: block;
    border-radius: 5px
}

.header .posts a p {
    line-height: 35px;
    float: left
}

.header .posts a i {
    float: left;
    margin-right: 5px;
    line-height: 35px;
    font-size: 20px
}

.menu {
    width: 100%;
    margin-bottom: 15px;
    background: #fff
}

.menu-container {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.menu-item:hover {
    background: #1da64c;
    -webkit-transition: .2s;
    transition: .2s
}

.menu-item:hover .menu-link {
    color: #fff
}

.menu-item:hover .menu-link svg path {
    stroke: #fff;
    fill: #fff
}

.menu-item:hover .menu-child {
    opacity: 1;
    visibility: inherit;
    -webkit-transition: .2s;
    transition: .2s;
    top: 50px
}

.menu a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #5e5e5e
}

.menu a svg {
    margin-right: 5px
}

.menu a svg.dropdown {
    margin-left: 5px;
    margin-right: 0
}

.menu-link {
    display: block;
    padding: 15px 5px
}

.menu-child {
    box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    -webkit-box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    -khtml-box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    -moz-box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    -ms-box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    -o-box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 1000;
    width: 200px;
    background: #fff;
    top: 60px;
    border-top: 5px solid #d1de39;
    -webkit-transition: .2s;
    transition: .2s
}

.menu-child__item {
    width: 100%;
    clear: both;
    float: left
}

.menu-child__link {
    line-height: 40px;
    padding: 0 10px;
    display: block;
    -webkit-transition: .2s;
    transition: .2s
}

.menu-child__link:hover {
    background: #1da64c;
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s
}

.fixed-box {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 10000
}

.fixed-box__hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .2s;
    transition: .2s;
    margin-bottom: -10px
}

.fixed-box__hidden.open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: .2s;
    transition: .2s;
    margin-bottom: 10px
}

.fixed-box .item {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    -webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
    box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
    background: #fff;
    margin-bottom: 10px;
    position: relative
}

.fixed-box .item a {
    padding: 7px;
    display: block;
    width: 100%;
    height: 100%
}

.fixed-box .item:last-child {
    margin-bottom: 0
}

.fixed-box .item img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%
}

.fixed-box .item-icon {
    width: 100%;
    clear: both;
    float: left
}

.fixed-box .item-icon i {
    width: 26px;
    height: 26px;
    color: #52b63b;
    line-height: 26px;
    text-align: center;
    font-size: 26px
}

.fixed-box .item-tooltip {
    box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    -webkit-box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    -khtml-box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    -moz-box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    -ms-box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    -o-box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    display: block;
    position: absolute;
    right: 55px;
    top: 0;
    width: 160px;
    font-size: 14px;
    background: #1da64c;
    line-height: 40px;
    padding: 0 15px;
    border-radius: 5px;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s
}

.fixed-box .item-tooltip:after {
    bottom: 100%;
    right: -18px;
    top: 10px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border: solid transparent;
    border-color: transparent;
    border-left-color: #1da64c;
    border-width: 9px;
    margin-left: -9px
}

.fixed-box .item:hover .item-tooltip {
    opacity: 1;
    visibility: inherit;
    -webkit-transition: .5s;
    transition: .5s
}

.circle,.image-16-9,.image-3-2,.square {
    width: 100%;
    height: auto!important;
    position: relative
}

.circle:after,.image-16-9:after,.image-3-2:after,.square:after {
    content: "";
    display: block
}

.circle img,.image-16-9 img,.image-3-2 img,.square img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    position: absolute;
    width: 100%!important;
    height: 100%!important
}

.square:after {
    padding-bottom: 100%
}

.circle {
    border-radius: 100%;
    overflow: hidden
}

.circle:after {
    padding-bottom: 100%
}

.image-3-2:after {
    padding-bottom: 66.66%
}

.image-16-9:after {
    padding-bottom: 56.25%
}

.box-notificate {
    width: 100%;
    clear: both;
    float: left;
    padding: 60px 0 100px;
    text-align: center;
    background: #fff
}

.box-notificate__image {
    width: 100%;
    margin-bottom: 20px
}

.box-notificate__image img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto
}

.box-notificate__title {
    font-size: 30PX;
    font-weight: 700;
    color: #284c58;
    margin-bottom: 10px
}

.box-notificate__subtitle {
    line-height: 25px;
    margin-bottom: 30px
}

.box-notificate__gohome a {
    background: #00a651;
    padding: 10px 50px;
    color: #fff;
    border-radius: 5px;
    -webkit-transition: .2s;
    transition: .2s
}

.box-notificate__gohome a:hover {
    background: #d1de39;
    -webkit-transition: .2s;
    transition: .2s
}

.footer {
    clear: both;
    background-color: #012c3b;
    padding-top: 63px;
    position: relative;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMjUuOTM1IiBoZWlnaHQ9IjI4Mi42MyIgdmlld0JveD0iMCAwIDIyNS45MzUgMjgyLjYzIj4NCiAgPGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAyMzIuMzg2KSByb3RhdGUoLTcxKSI+DQogICAgPHBhdGggaWQ9IlBhdGhfNDg5IiBkYXRhLW5hbWU9IlBhdGggNDg5IiBkPSJNMjMxLjQ4OCw0Mi44NjhhMTUuNzg3LDE1Ljc4NywwLDAsMCw1LjE1NiwxMS42NzIsMzIuNjE0LDMyLjYxNCwwLDAsMSwwLDQ1LjI2OCwxNS43NDEsMTUuNzQxLDAsMCwwLTUuMTU2LDExLjY0OSwxNC4yMjEsMTQuMjIxLDAsMCwwLDMuOTMyLDEwLjE3NCwyMC4wMDUsMjAuMDA1LDAsMCwxLTE1LjQ3OCwzMi42OTRIMjUuODM0YTIwLjAwNSwyMC4wMDUsMCwwLDEtMTUuNDktMzIuNjQ4LDE0LjIzMiwxNC4yMzIsMCwwLDAsMy45NDQtMTAuMjJBMTUuNzQsMTUuNzQsMCwwLDAsOS4xMzQsOTkuODFhMzIuNjE0LDMyLjYxNCwwLDAsMSwwLTQ1LjI3LDE1Ljc4NywxNS43ODcsMCwwLDAsNS4xNTYtMTEuNjcyQTE0LjIsMTQuMiwwLDAsMCwxMC4zLDMyLjU4LDIwLjAxNywyMC4wMTcsMCwwLDEsMjUuODEyLDBIMjE5Ljk2NWEyMC4wMTcsMjAuMDE3LDAsMCwxLDE1LjUsMzIuNjcxQTE0LjE0MSwxNC4xNDEsMCwwLDAsMjMxLjQ4OCw0Mi44NjhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIiBmaWxsPSIjNTRjMzUyIi8+DQogICAgPGcgaWQ9Ikdyb3VwXzI1MTAiIGRhdGEtbmFtZT0iR3JvdXAgMjUxMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODguNTk0IDQyLjg2OCkiPg0KICAgICAgPHBhdGggaWQ9IlBhdGhfNDkwIiBkYXRhLW5hbWU9IlBhdGggNDkwIiBkPSJNOC41NjYsMEE4LjU3NCw4LjU3NCwwLDAsMCwyLjUwOCwxNC42MzJMNDguMjM0LDYwLjM1OUE4LjU3NCw4LjU3NCwwLDAsMCw2MC4zNTEsNDguMjQxTDE0LjYyNSwyLjUxNUE4LjUwNSw4LjUwNSwwLDAsMCw4LjU2NiwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi44NjUgMi44NTgpIiBmaWxsPSIjZmZmIi8+DQogICAgICA8Y2lyY2xlIGlkPSJFbGxpcHNlXzI4IiBkYXRhLW5hbWU9IkVsbGlwc2UgMjgiIGN4PSIxMS40MzIiIGN5PSIxMS40MzIiIHI9IjExLjQzMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCA0NS43MjYpIiBmaWxsPSIjZmZmIi8+DQogICAgICA8Y2lyY2xlIGlkPSJFbGxpcHNlXzI5IiBkYXRhLW5hbWU9IkVsbGlwc2UgMjkiIGN4PSIxMS40MzIiIGN5PSIxMS40MzIiIHI9IjExLjQzMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDUuNzI2KSIgZmlsbD0iI2ZmZiIvPg0KICAgIDwvZz4NCiAgPC9nPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat;
    background-position: calc(100% + 61px) calc(100% + 79px)
}

.footer-top {
    margin-bottom: 70px
}

.footer-top__title {
    font-weight: 700;
    font-size: 32px;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 17px
}

.footer-top__logo {
    padding-top: calc(32px + 17px + 8px)
}

.footer-top__logo a {
    display: block
}

.footer-top__logo a img {
    width: 215px;
    height: auto
}

.footer-top__intro {
    padding-right: 72px!important
}

.footer-top__intro__desc {
    line-height: 25px;
    color: #c9c9c9;
    position: relative;
    margin-bottom: 13px
}

.footer-top__intro__desc a {
    color: #73f4a0
}

.footer-top__intro__address,.footer-top__intro__info {
    color: #c9c9c9
}

.footer-top__intro__address a,.footer-top__intro__address span,.footer-top__intro__info a,.footer-top__intro__info span {
    color: #73f4a0
}

.footer-top__intro__address {
    margin-bottom: 7px
}

.footer-top__intro__info {
    margin-bottom: 5px
}

.footer-top__social-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer-top__social-list__item {
    border-radius: 10px;
    background: #f9f9f9;
    border: 1px solid #c8c8c8;
    padding: 0 12px;
    font-size: 14px;
    font-weight: 400;
    color: #707070;
    height: 48px;
    margin-bottom: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-top__social-list__item:nth-child(2n) {
    margin-left: 17px
}

.footer-top__social-list__item svg {
    margin-right: 10px;
    height: 25.583px;
    width: auto
}

.footer-bottom {
    background-color: #0c3c4d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px 33px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.footer-bottom a,.footer-bottom p {
    font-size: 12px;
    line-height: 16px;
    color: #fff
}

.footer-bottom__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer-bottom__link li {
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 5px;
    border-left: 1px solid #01cc90
}

.footer-bottom__link li:first-child {
    padding-left: 0;
    border-left: none
}

.footer-bottom__link li a {
    display: inline
}

.footer-bottom__copyright {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 10px;
    text-align: right
}

.main {
    width: 100%;
    clear: both;
    float: left
}

.components {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 30px
}

.components-left {
    width: 80%;
    float: left;
    margin-right: 10px
}

.components-right {
    width: calc(100% - 80% - 10px);
    float: right
}

.box {
    width: 100%;
    clear: both;
    float: left;
    background: #fff
}

.box-header {
    width: 100%;
    clear: both;
    float: left
}

.box-header ul {
    float: left
}

.box-header ul li {
    float: left;
    position: relative;
    padding: 10px
}

.box-header ul li a {
    line-height: 20px;
    padding: 0 15px 0 0;
    font-size: 14px;
    display: block;
    border-right: 1px solid #f2f2f2
}

.box-header ul li:last-child a {
    border-right: none
}

.box-header ul li:first-child {
    background: -webkit-linear-gradient(90deg,#51b935 0,#96d12e 100%);
    margin-right: 30px;
    margin-top: -10px;
    padding: 10px 0 13px 20px
}

.box-header ul li:first-child a {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 7px;
    border-right: none
}

.box-header ul li:first-child:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    background-image: url(https://cdn.chanhtuoi.com/assets/img/border-title-right.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 42px;
    right: -42px
}

.box-header__right {
    font-size: 14px;
    float: right;
    line-height: 40px;
    padding: 0 15px
}

.box-body {
    width: 100%;
    clear: both;
    float: left
}

.card {
    width: 100%;
    clear: both;
    float: left
}

.card-header {
    width: 100%;
    clear: both;
    float: left
}

.card-body {
    width: 100%;
    clear: both;
    float: left
}

.galery_content {
    max-height: unset!important
}

.galery_content_item {
    min-height: unset!important
}

.galery_list {
    background-color: #fff!important;
    z-index: 90!important
}

.gslide_sidebar .galery_content_item {
    display: block;
    text-align: left
}

.gslide_sidebar .galery_list .item {
    display: block!important
}

.gslide_sidebar .galery_nav {
    top: unset;
    position: absolute;
    bottom: -41px;
    height: 40px
}

.gslide_sidebar .galery_next,.gslide_sidebar .galery_prev {
    display: block;
    margin-left: 0;
    margin-right: 0;
    border-radius: 0
}

.gslide_sidebar .galery_next span,.gslide_sidebar .galery_prev span {
    width: 30px;
    height: 40px;
    line-height: 34px;
    text-align: center;
    display: block;
    font-size: 30px;
    color: #1da64c
}

.gslide_sidebar .galery_prev {
    left: 0
}

.gslide_sidebar .galery_next {
    right: 0
}

.item-3 .item {
    width: calc(100% / 3)
}

.item-3 .item:nth-child(3n+3) {
    border-right: none
}

.item-4 .item {
    width: calc(100% / 4)
}

.item-4 .item:nth-child(4n+4) {
    border-right: none
}

.item-5 .item {
    width: calc(100% / 5)
}

.item-5 .item:nth-child(5n+5) {
    border-right: none
}

.avatar {
    float: left;
    width: 30px;
    height: 30px
}

.avatar img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    border-radius: 30px
}

.code {
    width: 100%;
    clear: both;
    float: left;
    width: calc(100% - 32px);
    height: 36px;
    display: block;
    cursor: pointer;
    position: relative;
    background: #fff;
    border: 1px dashed #ccc;
    border-radius: 3px
}

.code-text {
    width: calc(100% - 34px);
    float: left;
    line-height: 34px;
    text-align: center;
    padding: 0 5px;
    font-weight: 700
}

.code-icon {
    float: left;
    width: 32px;
    height: 32px;
    margin: 1px;
    background: #1da64c;
    color: #fff;
    text-align: center;
    border-radius: 3px
}

.code-icon i {
    line-height: 32px;
    font-size: 20px
}

.code-link {
    float: left;
    width: 30px;
    height: 34px;
    margin: 1px;
    background: #69be28;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    position: relative;
    display: block;
    border-left: none
}

.code-link i {
    line-height: 38px;
    font-size: 20px
}

.code-link__tooltip {
    box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    -webkit-box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    -khtml-box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    -moz-box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    -ms-box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    -o-box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    display: block;
    position: absolute;
    left: -45px;
    top: 42px;
    width: 125px;
    font-size: 14px;
    background: #1da64c;
    line-height: 25px;
    padding: 0 5px;
    border-radius: 5px;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 12px
}

.code-link__tooltip:before {
    top: -12px;
    left: 50%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border: solid transparent;
    border-color: transparent;
    border-left-color: #1da64c;
    border-width: 6px;
    margin-left: -9px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.code-link:hover .code-link__tooltip {
    visibility: visible;
    opacity: 1
}

.code_copy {
    width: 100%;
    clear: both;
    float: left;
    height: 36px;
    display: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px dashed #ccc;
    border-radius: 3px
}

.code_copy-text {
    width: calc(100% - 34px);
    float: left;
    line-height: 34px;
    text-align: center;
    padding: 0 10px;
    font-weight: 700
}

.code_copy-icon {
    float: left;
    width: 32px;
    height: 32px;
    margin: 1px;
    background: #1da64c;
    color: #fff;
    text-align: center;
    border-radius: 3px
}

.code_copy-icon i {
    line-height: 32px;
    font-size: 20px
}

.code2 {
    width: 100%;
    clear: both;
    float: left;
    height: 39px;
    display: block;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

.code2__code {
    border-radius: 3px;
    border: 1px solid #bad3d3;
    line-height: 37px;
    background: #ebf7f7;
    text-align: right;
    padding: 0 10px;
    height: 39px;
    overflow: hidden
}

.code2__text {
    border-radius: 3px 0 0 3px;
    position: absolute;
    display: block;
    background: #00a651;
    top: 0;
    left: 0;
    bottom: 0;
    right: 30px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    line-height: 39px;
    font-size: 16px;
    -webkit-transition: .2s;
    transition: .2s
}

.code2__text:before {
    content: ' ';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 21px solid #00a651;
    border-left: 10px solid #00a651;
    left: 100%;
    top: 0
}

.code2__text::after {
    content: ' ';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-right: 13px solid #63bc35;
    border-bottom: 28px solid transparent;
    right: 0;
    top: 0;
    z-index: 1;
    -webkit-transform: rotate(-27deg);
    transform: rotate(-27deg);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
}

.code2:hover .code2__text {
    padding-left: 10px;
    right: 40px;
    -webkit-transition: .2s;
    transition: .2s
}

.code2__align {
    text-align: center
}

.chanhtuoi {
    width: 100%;
    clear: both;
    float: left
}

.chanhtuoi-coupon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #f2f2f2;
    border-bottom: none
}

.chanhtuoi-coupon .item {
    float: left;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    -webkit-transition: .2s;
    transition: .2s
}

.chanhtuoi-coupon .item:hover {
    box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
    -khtml-box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
    -webkit-transition: .2s;
    transition: .2s
}

.chanhtuoi-coupon .item a {
    width: 100%;
    padding: 15px;
    display: block;
    float: left
}

.chanhtuoi-coupon .item-image {
    width: 100%;
    clear: both;
    float: left;
    padding-bottom: 10px
}

.chanhtuoi-coupon .item-image img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    height: 150px
}

.chanhtuoi-coupon .item-info {
    width: 100%;
    clear: both;
    float: left
}

.chanhtuoi-coupon .item-info__title {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #222;
    padding-bottom: 5px;
    line-height: 25px;
    max-height: 50px;
    overflow: hidden
}

.chanhtuoi-coupon .item-info__desc {
    line-height: 19px;
    font-size: 14px;
    height: 36px;
    overflow: hidden
}

.chanhtuoi-deal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #f2f2f2;
    border-bottom: none
}

.chanhtuoi-deal .item {
    float: left;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    padding: 10px;
    -webkit-transition: .2s;
    transition: .2s
}

.chanhtuoi-deal .item:hover {
    box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
    -khtml-box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
    -webkit-transition: .2s;
    transition: .2s
}

.chanhtuoi-deal .item-header {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 10px
}

.chanhtuoi-deal .item-header__timer {
    float: right;
    margin-left: 5px;
    line-height: 23px;
    padding: 3px 0;
    height: 30px
}

.chanhtuoi-deal .item-header__timer i {
    line-height: 23px;
    float: left;
    margin-right: 5px;
    color: #bfe493;
    font-size: 18px
}

.chanhtuoi-deal .item-header__timer p {
    float: left;
    font-size: 14px
}

.chanhtuoi-deal .item-header__timer span {
    display: inline-block
}

.chanhtuoi-deal .item-image {
    width: 100%;
    clear: both;
    float: left;
    height: 215px;
    overflow: hidden;
    margin-bottom: 5px;
    position: relative
}

.chanhtuoi-deal .item-image a {
    width: 100%;
    height: 100%;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.chanhtuoi-deal .item-image img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%!important;
    height: auto!important
}

.chanhtuoi-deal .item-image .percen {
    position: absolute;
    top: 0;
    left: 0;
    background: #e00034;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    z-index: 2
}

.chanhtuoi-deal .item-info {
    width: 100%;
    clear: both;
    float: left
}

.chanhtuoi-deal .item-info__title {
    width: 100%;
    clear: both;
    float: left;
    padding-bottom: 5px
}

.chanhtuoi-deal .item-info__title a {
    line-height: 20px;
    color: #222;
    font-size: 14px;
    height: 59px;
    overflow: hidden;
    display: block
}

.chanhtuoi-deal .item-info__price {
    width: calc(100% - 70px);
    float: left;
    margin-bottom: 5px
}

.chanhtuoi-deal .item-info__price-news {
    width: 100%;
    clear: both;
    float: left;
    color: #1da64c;
    font-weight: 700;
    line-height: 22px
}

.chanhtuoi-deal .item-info__price-olds {
    width: 100%;
    clear: both;
    float: left;
    text-decoration: line-through;
    font-size: 14px;
    font-weight: 700;
    color: #d4d4d4;
    line-height: 16px
}

.chanhtuoi-deal .item-info__desc {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 8px;
    line-height: 18px;
    height: 36px;
    overflow: hidden;
    font-size: 14px
}

.chanhtuoi-deal .item-info__coupon {
    width: 100%;
    clear: both;
    float: left;
    height: 39px;
    overflow: hidden
}

.chanhtuoi-deal .item-info__other {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 8px
}

.chanhtuoi-deal .item-info__other-users {
    width: calc(100% - 70px);
    float: left;
    padding-right: 5px
}

.chanhtuoi-deal .item-info__other-users .name {
    width: calc(100% - 30px);
    float: left;
    padding-left: 5px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    font-weight: 700;
    font-size: 14px
}

.chanhtuoi-deal .item-info__other-comments {
    width: 70px;
    float: right;
    border: 1px solid #d4d4d4;
    border-radius: 5px
}

.chanhtuoi-deal .item-info__other-comments a {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 25px
}

.chanhtuoi-deal .item-info__other-comments a i {
    line-height: 25px;
    font-size: 18px;
    margin-right: 3px
}

.chanhtuoi-deal .item-info__comments {
    width: 70px;
    float: right;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    margin-bottom: 11px
}

.chanhtuoi-deal .item-info__comments a {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 30px
}

.chanhtuoi-deal .item-info__comments a i {
    line-height: 25px;
    font-size: 18px;
    margin-right: 3px
}

.chanhtuoi-deal .item-info__buynow {
    width: 100%;
    clear: both;
    float: left
}

.chanhtuoi-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5px;
    border: 1px solid #f2f2f2
}

.chanhtuoi-review .item {
    padding: 10px
}

.chanhtuoi-review .item a {
    display: block;
    width: 100%;
    height: 100%
}

.chanhtuoi-review .item-image {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 10px
}

.chanhtuoi-review .item-info {
    width: 100%;
    clear: both;
    float: left
}

.chanhtuoi-review .item-info__top {
    width: 100%;
    clear: both;
    float: left
}

.chanhtuoi-review .item-info__top ul {
    width: 100%;
    clear: both;
    float: left
}

.chanhtuoi-review .item-info__top ul li {
    color: #b7a4a4;
    line-height: 15px;
    font-size: 14px;
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    overflow: hidden;
    height: 17px
}

.chanhtuoi-review .item-info__top ul li i {
    margin-right: 3px
}

.chanhtuoi-review .item-info__title {
    width: 100%;
    clear: both;
    float: left;
    line-height: 20px;
    color: #222;
    font-size: 14px;
    max-height: 40px;
    overflow: hidden;
    display: block;
    font-weight: 700;
    margin-bottom: 5px
}

.chanhtuoi-review .item-info__desc {
    width: 100%;
    clear: both;
    float: left;
    text-align: justify;
    color: #b7a4a4;
    line-height: 20px;
    max-height: 80px;
    overflow: hidden;
    margin-bottom: 5px
}

.chanhtuoi-review .item-info__view {
    width: 100%;
    clear: both;
    float: left;
    color: #1da64c;
    font-weight: 700;
    margin: 10px 0;
    text-transform: uppercase
}

.chanhtuoi-content {
    width: 100%;
    clear: both;
    float: left;
    padding: 15px;
    position: relative
}

.chanhtuoi-content__viewall {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    background: -webkit-gradient(linear,left bottom,left top,from(#bdacac),to(transparent));
    background: linear-gradient(to top,#bdacac,transparent);
    padding: 50px 15px 15px 15px;
    z-index: 1
}

.chanhtuoi-content__viewall button {
    display: inline-block;
    background: #e1e1e1;
    border: none;
    padding: 5px 30px;
    border-radius: 5px;
    color: #1da64c;
    line-height: 25px
}

.chanhtuoi-content__viewall button i {
    margin: 0 5px;
    font-size: 16px
}

.chanhtuoi-news {
    width: 100%;
    clear: both;
    float: left;
    padding: 15px;
    border-top: 1px solid #f2f2f2
}

.chanhtuoi-news .item {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 15px
}

.chanhtuoi-news .item:last-child {
    margin-bottom: 0
}

.chanhtuoi-news .item-image {
    float: left;
    width: 270px;
    max-height: 180px;
    margin-right: 15px
}

.chanhtuoi-news .item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 180px;
    width: calc(100% - 270px - 15px);
    float: left
}

.chanhtuoi-news .item-info__box {
    width: 100%;
    clear: both;
    float: left
}

.chanhtuoi-news .item-info__title {
    width: 100%;
    clear: both;
    float: left;
    line-height: 20px;
    color: #222;
    font-size: 16px;
    max-height: 40px;
    overflow: hidden;
    display: block;
    font-weight: 700;
    margin-bottom: 5px;
    max-height: 40px;
    overflow: hidden
}

.chanhtuoi-news .item-info__desc {
    width: 100%;
    clear: both;
    float: left;
    text-align: justify;
    line-height: 20px;
    max-height: 80px;
    overflow: hidden;
    margin-bottom: 10px;
    font-size: 14px
}

.chanhtuoi-news .item-info__other {
    width: 100%;
    clear: both;
    float: left
}

.chanhtuoi-news .item-info__other ul {
    width: 100%;
    clear: both;
    float: left
}

.chanhtuoi-news .item-info__other ul li {
    color: #b7a4a4;
    line-height: 15px;
    font-size: 14px;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    height: 17px
}

.chanhtuoi-news .item:nth-child(1) {
    width: 63%;
    margin-right: 15px;
    clear: none
}

.chanhtuoi-news .item:nth-child(1) .item-image {
    width: 100%;
    height: 350px!important;
    max-height: 350px;
    margin-right: 0
}

.chanhtuoi-news .item:nth-child(1) .item-info {
    width: 100%;
    background: #f5f5f5;
    padding: 15px;
    display: block;
    height: auto
}

.chanhtuoi-news .item:nth-child(1) .item-info__title {
    font-size: 18px;
    line-height: 25px;
    max-height: 50px;
    margin-bottom: 5px
}

.chanhtuoi-news .item:nth-child(2),.chanhtuoi-news .item:nth-child(3) {
    width: calc(100% - 63% - 15px);
    clear: none
}

.chanhtuoi-news .item:nth-child(2) .item-image,.chanhtuoi-news .item:nth-child(3) .item-image {
    width: 100%;
    height: 200px;
    margin-right: 0
}

.chanhtuoi-news .item:nth-child(2) .item-info,.chanhtuoi-news .item:nth-child(3) .item-info {
    width: 100%;
    height: auto;
    padding: 10px 0;
    display: block
}

.chanhtuoi-news .item:nth-child(2) .item-info__title,.chanhtuoi-news .item:nth-child(3) .item-info__title {
    margin-bottom: 10px
}

.chanhtuoi-news .item:nth-child(2) .item-info__desc,.chanhtuoi-news .item:nth-child(3) .item-info__desc {
    display: none!important
}

.chanhtuoi-news .item:nth-child(2) {
    margin-bottom: 10px
}

.chanhtuoi-code {
    width: 100%;
    clear: both;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 7.5px
}

.chanhtuoi-code .item {
    box-shadow: 0 10px 10px -5px rgba(31,31,31,.5);
    -webkit-box-shadow: 0 10px 10px -5px rgba(31,31,31,.5);
    -khtml-box-shadow: 0 10px 10px -5px rgba(31,31,31,.5);
    -moz-box-shadow: 0 10px 10px -5px rgba(31,31,31,.5);
    -ms-box-shadow: 0 10px 10px -5px rgba(31,31,31,.5);
    -o-box-shadow: 0 10px 10px -5px rgba(31,31,31,.5);
    width: calc(100% / 4 - 15px);
    margin: 0 7.5px 15px 7.5px;
    background: #f1f1f1;
    padding: 15px;
    border-radius: 5px
}

.chanhtuoi-code .item-top {
    width: 100%
}

.chanhtuoi-code .item-top__shortname p {
    line-height: 70px;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    color: #e00034;
    height: 70px;
    overflow: hidden
}

.chanhtuoi-code .item-top__monopoly {
    float: left;
    height: 20px;
    overflow: hidden;
    margin-bottom: 4px;
    border-radius: 20px;
    margin-top: 2px
}

.chanhtuoi-code .item-top__monopoly__star {
    float: left;
    color: #fffbac;
    background: red;
    border: 2px solid #fffbac;
    font-size: 14px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    text-align: center;
    line-height: 16px;
    z-index: 1;
    position: relative
}

.chanhtuoi-code .item-top__monopoly__text {
    float: left;
    color: #fff;
    padding: 0 10px 0 15px;
    font-size: 14px;
    line-height: 20px;
    background: red;
    margin-left: -10px;
    border-radius: 0 20px 20px 0;
    height: 20px;
    overflow: hidden;
    text-transform: uppercase
}

.chanhtuoi-code .item-top__other {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 10px
}

.chanhtuoi-code .item-top__other__confirm {
    float: left;
    line-height: 15px;
    font-size: 14px;
    font-weight: 700;
    color: #1da64c;
    text-transform: uppercase
}

.chanhtuoi-code .item-top__other__time {
    font-size: 14px;
    line-height: 15px;
    color: #1da64c
}

.chanhtuoi-code .item-top__other__time i {
    float: left;
    margin-right: 3px;
    line-height: 16px
}

.chanhtuoi-code .item-top__other__time p {
    float: left;
    line-height: 15px
}

.chanhtuoi-code .item-top__title {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 18px;
    font-size: 14px;
    height: 36px;
    overflow: hidden
}

.chanhtuoi-code .item-top__desc {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 18px;
    height: calc(18px * 3);
    overflow: hidden;
    position: relative
}

.chanhtuoi-code .item-top .item-desc__viewmore {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #f1f1f1;
    color: #2780c9;
    cursor: pointer
}

.chanhtuoi-code .item-top .item-desc__viewmore::before {
    content: '';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 3em;
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(90%,#f1f1f1));
    background-image: linear-gradient(90deg,rgba(255,255,255,0),#f1f1f1 90%);
    pointer-events: none
}

.chanhtuoi-code .item-bottom {
    width: 100%;
    position: relative;
    border-top: 4px dotted #fff;
    padding-top: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.chanhtuoi-code .item-bottom .item-code {
    clear: both;
    width: 100%;
    margin-bottom: 0
}

.chanhtuoi-code .item-bottom__buynow {
    width: 100%;
    clear: both;
    float: left;
    padding: 0 10px
}

.chanhtuoi-code .item-bottom:before {
    content: "";
    width: 15px;
    height: 30px;
    background: #fff;
    left: -18px;
    top: -18px;
    z-index: 999;
    position: absolute;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    float: left
}

.chanhtuoi-code .item-bottom:after {
    content: "";
    width: 15px;
    height: 30px;
    background: #fff;
    z-index: 10;
    position: absolute;
    top: -18px;
    right: -18px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    position: absolute
}

.chanhtuoi-slide {
    width: 100%;
    clear: both;
    float: left;
    position: relative;
    background: #e00034;
    padding-top: 15px
}

.chanhtuoi-slide .owl-nav {
    position: absolute;
    left: -45px;
    right: -45px;
    top: 0;
    bottom: 0;
    z-index: -1
}

.chanhtuoi-slide .owl-next,.chanhtuoi-slide .owl-prev {
    position: absolute;
    top: calc(100% / 2 - 30px);
    z-index: 1
}

.chanhtuoi-slide .owl-next span,.chanhtuoi-slide .owl-prev span {
    width: 30px;
    height: 60px;
    line-height: 48px;
    font-size: 60px;
    color: #1da64c;
    text-align: center;
    display: block
}

.chanhtuoi-slide .owl-prev {
    left: 0
}

.chanhtuoi-slide .owl-next {
    right: 0
}

.chanhtuoi-slide__title {
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 20px;
    position: relative
}

.chanhtuoi-slide__list {
    background: #fff
}

.chanhtuoi-slide__list .item {
    width: 100%;
    clear: both;
    float: left;
    padding: 10px;
    border-right: 1px solid #f2f2f2
}

.chanhtuoi-slide__list .item-image {
    width: 100%;
    height: 213px;
    position: relative;
    margin-bottom: 5px
}

.chanhtuoi-slide__list .item-image .highlight {
    position: absolute;
    top: 5px;
    left: -10px;
    color: #fff;
    padding: 5px 10px;
    font-size: 14px;
    width: 80px;
    text-align: center;
    font-weight: 700;
    background: #b5b5b5
}

.chanhtuoi-slide__list .item-image .highlight:before {
    content: " ";
    border-color: transparent #b5b5b5 transparent transparent;
    display: block;
    position: absolute;
    left: -10px;
    bottom: -7px;
    border-style: inset solid inset inset;
    border-width: 0 10px 7px
}

.chanhtuoi-slide__list .item-image .top-1 {
    background: red
}

.chanhtuoi-slide__list .item-image .top-1:before {
    border-color: transparent red transparent transparent
}

.chanhtuoi-slide__list .item-image .top-2 {
    background: #1da64c
}

.chanhtuoi-slide__list .item-image .top-2:before {
    border-color: transparent #1da64c transparent transparent
}

.chanhtuoi-slide__list .item-image .top-3 {
    background: #fb8901
}

.chanhtuoi-slide__list .item-image .top-3:before {
    border-color: transparent #fb8901 transparent transparent
}

.chanhtuoi-slide__list .item-info__title {
    width: 100%;
    clear: both;
    float: left;
    font-size: 14px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    margin-bottom: 5px
}

.chanhtuoi-slide__list .item-info__price {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 5px
}

.chanhtuoi-slide__list .item-info__price .price {
    float: left;
    margin-right: 10px;
    color: #1da64c;
    font-weight: 700;
    line-height: 22px
}

.chanhtuoi-slide__list .item-info__price .price_old {
    float: left;
    text-decoration: line-through;
    font-size: 14px;
    font-weight: 700;
    color: #d4d4d4;
    line-height: 16px;
    margin-top: 3px
}

.chanhtuoi-slide__list .item-info__buynow {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 5px
}

.chanhtuoi-slide__list .item-info__view {
    width: 100%;
    clear: both;
    float: left;
    font-weight: 700;
    text-align: center
}

.chanhtuoi-share {
    width: 100%;
    clear: both;
    float: left;
    margin-top: 10px;
    background: #fff;
    padding: 10px
}

.chanhtuoi-share .share {
    width: 100%;
    clear: both;
    float: left
}

.chanhtuoi-share .share .fb-share-button {
    float: left;
    margin-right: 5px
}

.chanhtuoi-share .share .zalo-share-button {
    float: left
}

.chanhtuoi-date {
    width: 100%;
    clear: both;
    float: left;
    padding: 15px 15px 0
}

[data-content_box] {
    overflow: hidden
}

.sidebar {
    width: 100%;
    clear: both;
    float: left
}

.sidebar .owl-nav {
    position: absolute;
    bottom: -41px;
    left: 0;
    right: 0;
    z-index: 1;
    height: 40px;
    z-index: 0
}

.sidebar .owl-dots {
    position: absolute;
    bottom: -41px;
    left: 30px;
    right: 30px;
    text-align: center;
    height: 40px;
    padding: 13px 0
}

.sidebar .owl-next,.sidebar .owl-prev {
    position: absolute
}

.sidebar .owl-next span,.sidebar .owl-prev span {
    width: 30px;
    height: 40px;
    line-height: 34px;
    text-align: center;
    display: block;
    font-size: 30px;
    color: #1da64c
}

.sidebar .owl-next span:hover,.sidebar .owl-prev span:hover {
    background: #1da64c;
    color: #fff
}

.sidebar .owl-prev {
    left: 0
}

.sidebar .owl-next {
    right: 0
}

.sidebar .owl-dot {
    background: #ccc!important;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin-right: 3px
}

.sidebar .owl-dot.active {
    background: #1da64c!important
}

.sidebar-title {
    text-transform: uppercase;
    font-weight: 700;
    color: #1da64c;
    line-height: 29px;
    float: left
}

.sidebar-item {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #f2f2f2;
    position: relative
}

.sidebar-item:last-child {
    margin-bottom: 0
}

.sidebar-item__header {
    width: 100%;
    clear: both;
    float: left;
    padding: 5px 5px 5px 10px;
    border-bottom: 1px solid #f2f2f2
}

.sidebar-item__header-right {
    float: right
}

.sidebar-item__header-right select {
    font-weight: 700;
    height: 29px;
    border: none;
    color: #1f7ecb;
    width: 85px;
    font-size: 14px
}

.sidebar-item__body {
    width: 100%;
    clear: both;
    float: left;
    border-bottom: 1px solid #f2f2f2
}

.sidebar-item__footer {
    width: 100%;
    clear: both;
    float: left;
    height: 40px
}

.sidebar .products {
    padding: 3px 0
}

.sidebar .products .item-list {
    width: 100%;
    clear: both;
    float: left;
    padding: 1px 0
}

.sidebar .products .item {
    width: 100%;
    clear: both;
    float: left;
    padding: 10px;
    padding-bottom: 0
}

.sidebar .products .item:last-child {
    padding-bottom: 10px
}

.sidebar .products .item-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 70px;
    height: 70px;
    float: left;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    position: relative
}

.sidebar .products .item-image img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    border-radius: 5px
}

.sidebar .products .item-info {
    width: calc(100% - 70px);
    float: left;
    padding-left: 6px;
    position: relative
}

.sidebar .products .item-info__title {
    font-weight: 400;
    line-height: 17.5px;
    font-size: 14px;
    max-height: 70px;
    overflow: hidden
}

.sidebar .products .item-info__title span {
    color: #e00034
}

.sidebar .products .item-info__price {
    position: absolute;
    right: 0;
    bottom: 0;
    font-weight: 700;
    font-size: 14px;
    color: #1da64c;
    background: #fff
}

.sidebar .products .item-info__price:before {
    content: '';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 3em;
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(90%,#fff));
    background-image: linear-gradient(90deg,rgba(255,255,255,0),#fff 90%);
    pointer-events: none
}

.sidebar .posts .item-list {
    width: 100%;
    clear: both;
    float: left
}

.sidebar .posts .item {
    width: 100%;
    clear: both;
    float: left;
    padding: 7px 10px;
    border-bottom: 1px dashed #f2f2f2
}

.sidebar .posts .item:last-child {
    border-bottom: none
}

.sidebar .posts .item-title {
    width: 100%;
    clear: both;
    float: left;
    font-size: 14px;
    line-height: 18px;
    height: 36px;
    overflow: hidden;
    margin-bottom: 5px
}

.sidebar .posts .item-content {
    width: 100%;
    clear: both;
    float: left
}

.sidebar .posts .item-content__avatar {
    float: left;
    width: 30px;
    margin-right: 8px
}

.sidebar .posts .item-content__users {
    width: calc(100% - 30px - 8px);
    float: left;
    margin-bottom: 5px
}

.sidebar .posts .item-content__users .name {
    width: 100%;
    clear: both;
    float: left;
    font-size: 14px;
    line-height: 15px;
    font-weight: 700;
    margin-right: 5px;
    margin-bottom: 3px
}

.sidebar .posts .item-content__users .time {
    width: 100%;
    clear: both;
    float: left;
    font-size: 14px;
    line-height: 15px;
    float: left
}

.sidebar .posts .item-desc {
    width: 100%;
    clear: both;
    float: left;
    font-size: 14px;
    line-height: 16.5px;
    height: 33px;
    overflow: hidden
}

.sidebar .members .item-list {
    width: 100%;
    clear: both;
    float: left
}

.sidebar .members .item {
    width: 100%;
    clear: both;
    float: left;
    padding: 10px;
    height: 67px;
    border-bottom: 1px dashed #f2f2f2
}

.sidebar .members .item:last-child {
    border-bottom: none
}

.sidebar .members .item-icon {
    width: 20px;
    height: 47px;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 5px
}

.sidebar .members .item-icon span {
    background: #e1e1e1;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    text-align: center;
    font-size: 14px
}

.sidebar .members .item-icon.stt1 span {
    background: #f9b271;
    color: #fff
}

.sidebar .members .item-icon.stt2 span {
    background: #1da64c;
    color: #fff
}

.sidebar .members .item-icon.stt3 span {
    background: #a0410d;
    color: #fff
}

.sidebar .members .item-image {
    width: 47px;
    height: 47px;
    margin-right: 10px;
    float: left
}

.sidebar .members .item-image img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%
}

.sidebar .members .item-info {
    width: calc(100% - 47px - 20px - 15px);
    float: left
}

.sidebar .members .item-info__name {
    width: 100%;
    clear: both;
    float: left;
    font-weight: 700;
    font-size: 14px;
    color: #1f7ecb;
    line-height: 23px;
    height: 23px;
    overflow: hidden
}

.sidebar .members .item-info__content {
    width: 100%;
    clear: both;
    float: left
}

.sidebar .members .item-info__content-amorial {
    width: 45%;
    float: left
}

.sidebar .members .item-info__content-amorial .icon {
    float: left;
    height: 20px;
    width: 15px
}

.sidebar .members .item-info__content-amorial .icon img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.sidebar .members .item-info__content-amorial .amorial {
    margin-right: 5px;
    float: left;
    line-height: 23px;
    font-size: 14px
}

.sidebar .members .item-info__content-money {
    width: 55%;
    float: right
}

.sidebar .members .item-info__content-money .icon {
    float: right;
    height: 20px;
    width: 15px
}

.sidebar .members .item-info__content-money .icon img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.sidebar .members .item-info__content-money .money {
    float: right;
    line-height: 23px;
    font-weight: 700;
    color: #e00034;
    font-size: 14px;
    margin-left: 5px
}

.sidebar-reviews .item {
    width: 100%;
    clear: both;
    float: left;
    padding: 10px;
    padding-bottom: 0
}

.sidebar-reviews .item:last-child {
    padding-bottom: 10px
}

.sidebar-reviews .item-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 70px;
    float: left;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    overflow: hidden
}

.sidebar-reviews .item-info {
    width: calc(100% - 70px);
    float: left;
    padding-left: 6px;
    position: relative
}

.sidebar-reviews .item-info__title {
    font-weight: 400;
    line-height: calc(55px / 3);
    font-size: 14px;
    max-height: 55px;
    overflow: hidden
}

.sidebar-reviews .item-info__title span {
    color: #00a651
}

.sidebar-reviews .item:first-child .item-image {
    width: 100%;
    height: 140px;
    margin-right: 0;
    margin-bottom: 5px
}

.sidebar-reviews .item:first-child .item-info {
    width: 100%
}

.sidebar-reviews .item:first-child .item-info__title {
    height: 55px
}

.sidebar-comments {
    display: block;
    width: 100%;
    border: none;
    background: #69be28;
    color: #fff;
    line-height: 34px;
    border-radius: 5px;
    -webkit-transition: .2s;
    transition: .2s
}

.sidebar-comments i {
    margin-right: 3px
}

.sidebar-comments:hover {
    background: #1da64c;
    -webkit-transition: .2s;
    transition: .2s
}

.coupons {
    width: 100%;
    clear: both;
    float: left;
    background: #fff
}

.coupons-banner {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 20px
}

.coupons-banner img {
    width: 100%;
    clear: both;
    float: left;
    width: 100%
}

.coupons-title {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 20px;
    padding: 0 15px;
    text-align: center;
    font-size: 25px
}

.coupons-categories {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 20px
}

.coupons-categories ul {
    width: 100%;
    clear: both;
    float: left;
    text-align: center;
    padding: 0 100px
}

.coupons-categories ul li {
    display: inline-block
}

.coupons-categories ul li a {
    display: block;
    margin: 6px 3px;
    padding: 7px 20px;
    background: #f3f4f6;
    line-height: 20px;
    border-radius: 999px;
    -webkit-transition: .2s;
    transition: .2s
}

.coupons-categories ul li a:hover {
    background: #1f7ecb;
    -webkit-transition: .2s;
    transition: .2s;
    color: #fff
}

.coupons-categories ul li a.active {
    background: #1f7ecb;
    color: #fff
}

.coupons-notication {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 10px;
    padding: 0 15px;
    text-align: center
}

.coupons-filter {
    float: left;
    margin-bottom: 10px;
    padding: 0 15px
}

.coupons-filter ul li {
    float: left;
    margin-right: 20px;
    line-height: 25px
}

.coupons-filter ul li p {
    color: #222
}

.coupons-filter ul li a {
    padding-bottom: 5px;
    color: #1f7ecb
}

.coupons-filter ul li a.active {
    border-bottom: 2px solid #1f7ecb
}

.coupons-search {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.coupons-search_image {
    width: 100%;
    text-align: center
}

.coupons-search_image img {
    width: 750px;
    display: block;
    margin: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.coupons-search_form {
    width: 100%;
    text-align: center
}

.coupons-search_form .form_seach {
    width: 550px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    border-radius: 5px;
    height: 50px;
    margin: 10px auto 20px
}

.coupons-search__input {
    float: left;
    width: calc(100% - 50px);
    height: 50px;
    border: none;
    padding: 0 10px;
    border-radius: 5px 0 0 5px;
    background: #fff
}

.coupons-search__button {
    float: left;
    width: 50px;
    height: 50px;
    border: none;
    background-color: #1da64c;
    color: #fff;
    border-radius: 0 5px 5px 0
}

.coupons-code {
    width: 100%;
    clear: both;
    float: left
}

.coupons-code .pagination-box {
    margin-bottom: 20px
}

.deals {
    width: 100%;
    clear: both;
    float: left;
    padding: 15px;
    background: #fff
}

.deals-image {
    width: 300px;
    height: 300px;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #f2f2f2;
    position: relative
}

.deals-image img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
    margin: 0 auto
}

.deals-image .percen {
    position: absolute;
    top: 0;
    left: 0;
    background: #e00034;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    z-index: 2
}

.deals-info {
    width: calc(100% - 300px);
    float: left;
    padding-left: 15px
}

.deals-info__vote {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 10px
}

.deals-info__vote .vote {
    height: 40px
}

.deals-info__vote .vote .votes {
    line-height: 33px;
    font-weight: 700
}

.deals-info__vote .vote .minus,.deals-info__vote .vote .plus {
    top: 9px
}

.deals-info__vote .share {
    width: calc(100% - 108px);
    float: right;
    padding-top: 10px
}

.deals-info__vote .share .fb-share-button {
    float: right;
    margin-left: 5px
}

.deals-info__vote .share .zalo-share-button {
    float: right
}

.deals-info__title {
    width: 100%;
    clear: both;
    float: left;
    font-size: 22px;
    line-height: 30px;
    color: #484747;
    font-weight: 700;
    margin: 0 0 10px 0;
    max-height: 60px;
    overflow: hidden;
    font-weight: 700
}

.deals-info__price {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 10px
}

.deals-info__price .price {
    float: left;
    font-size: 25px;
    font-weight: 700;
    line-height: 40px;
    margin-right: 10px;
    color: #1da64c
}

.deals-info__price .price_old {
    float: left;
    line-height: 25px;
    text-decoration: line-through;
    color: #b7a4a4;
    font-size: 17px;
    line-height: 25px;
    margin-right: 10px;
    margin-top: 10px
}

.deals-info__price .price_diff {
    float: left;
    font-size: 14px;
    background: 0 0;
    color: #222;
    padding: 0 10px 0 0;
    line-height: 25px;
    text-align: center;
    border-radius: 5px;
    margin-top: 10px
}

.deals-info__brand {
    float: left;
    margin-top: 12px
}

.deals-info__brand a {
    font-weight: 700;
    display: block;
    line-height: 25px;
    font-size: 14px;
    color: #1f7ecb;
    border-left: 1px solid #dcdfe5;
    padding: 0 10px
}

.deals-info__flashsale {
    width: 100%;
    clear: both;
    float: left;
    height: 38px;
    background: url(https://cdn.chanhtuoi.com/assets/img/icon/flashsale.png) no-repeat;
    background-size: 100%;
    padding: 8px 10px 8px 155px;
    margin-bottom: 10px
}

.deals-info__flashsale .text {
    float: left;
    margin-right: 10px;
    line-height: 22px;
    font-size: 14px
}

.deals-info__flashsale .time .days,.deals-info__flashsale .time .hours,.deals-info__flashsale .time .minutes,.deals-info__flashsale .time .second {
    float: left;
    height: 22px;
    line-height: 22px;
    background: #e00034;
    padding: 0 10px;
    font-weight: 700;
    margin: 0 5px;
    color: #fff;
    border-radius: 3px
}

.deals-info__flashsale .time .day_text {
    float: left;
    font-size: 14px;
    line-height: 22px
}

.deals-info__flashsale .time .dots {
    float: left;
    font-weight: 700
}

.deals-info__timesale {
    width: 100%;
    clear: both;
    float: left;
    background: #ebebeb;
    height: 38px;
    margin-bottom: 10px;
    padding: 8px 15px
}

.deals-info__timesale .text-end {
    display: block;
    line-height: 22px;
    font-size: 14px;
    padding: 0 15px;
    text-align: left;
    font-weight: 400;
    color: #ccc
}

.deals-info__timesale .text-end i {
    margin-right: 5px;
    font-size: 16px;
    line-height: 22px
}

.deals-info__timesale .text {
    float: left;
    margin-right: 10px;
    line-height: 22px;
    font-size: 14px;
    font-weight: 700
}

.deals-info__timesale .text i {
    margin-right: 5px;
    color: #69be28
}

.deals-info__timesale .time .days,.deals-info__timesale .time .hours,.deals-info__timesale .time .minutes,.deals-info__timesale .time .second {
    float: left;
    height: 22px;
    line-height: 22px;
    background: #5b5b5b;
    padding: 0 10px;
    font-weight: 700;
    margin: 0 5px;
    color: #fff;
    border-radius: 3px
}

.deals-info__timesale .time .day_text {
    float: left;
    font-size: 14px;
    line-height: 22px
}

.deals-info__timesale .time .dots {
    float: left;
    font-weight: 700
}

.deals-info__buynow {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 15px
}

.deals-info__buynow-code {
    width: 50%;
    float: left
}

.deals-info__buynow-link {
    width: 50%;
    float: left;
    clear: none;
    padding-right: 15px
}

.deals-info__buynow-note {
    width: 50%;
    float: left;
    line-height: 32px;
    font-size: 14px;
    border: 2px dashed red;
    text-align: center
}

.deals-info__buynow-note strong {
    color: #1da64c
}

.deals-info__buynow .btn {
    height: 36px
}

.deals-info__other {
    width: 100%;
    clear: both;
    float: left
}

.deals-info__other-users {
    float: left;
    padding-right: 10px
}

.deals-info__other-users .name {
    width: calc(100% - 30px);
    float: left;
    padding-left: 5px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    font-weight: 700;
    font-size: 14px
}

.deals-info__other-edit {
    float: left;
    padding: 3px 0
}

.deals-info__other-edit .btn {
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    font-size: 14px
}

.deals-info__other-edit .btn i {
    margin-right: 5px
}

.deals-info__other-comments {
    width: 70px;
    float: right;
    border-radius: 5px
}

.deals-info__other-comments a {
    display: block;
    text-align: right;
    font-size: 14px;
    line-height: 25px
}

.deals-info__other-comments a i {
    line-height: 25px;
    font-size: 18px;
    margin-right: 3px
}

.deals-time {
    width: 100%;
    clear: both;
    float: left;
    border-radius: 5px;
    border: 1px solid #dddfe4;
    margin-top: 15px
}

.deals-time ul {
    width: 100%;
    clear: both;
    float: left
}

.deals-time ul li {
    display: inline-block;
    margin-right: 0;
    line-height: 25px;
    padding: 8px 10px;
    font-size: 14px;
    color: #848991
}

.deals-time ul li i {
    font-size: 18px;
    margin-right: 3px;
    line-height: 25px
}

.flashsale {
    width: 100%;
    clear: both;
    float: left;
    background: #fff
}

.flashsale .owl-next,.flashsale .owl-prev {
    position: absolute;
    top: calc(100% / 2 - 27px);
    color: rgba(0,0,0,.54)!important;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 999px;
    -webkit-transition: .2s;
    transition: .2s
}

.flashsale .owl-next.disabled,.flashsale .owl-prev.disabled {
    display: none
}

.flashsale .owl-next span,.flashsale .owl-prev span {
    font-size: 22px;
    line-height: 30px;
    display: block;
    margin-top: -5px;
    position: relative;
    z-index: 1
}

.flashsale .owl-next:after,.flashsale .owl-prev:after {
    content: '';
    position: absolute;
    background: #fff!important;
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-box-shadow: 0 1px 12px 0 rgba(0,0,0,.12);
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.12);
    border-radius: 999px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.flashsale .owl-next:hover,.flashsale .owl-prev:hover {
    width: 50px;
    height: 50px;
    top: calc(100% / 2 - 35px)
}

.flashsale .owl-next:hover span,.flashsale .owl-prev:hover span {
    font-size: 30px
}

.flashsale .owl-prev {
    left: -30px
}

.flashsale .owl-prev:hover {
    left: -40px
}

.flashsale .owl-next {
    right: -30px
}

.flashsale .owl-next:hover {
    right: -40px
}

.flashsale-head {
    width: 100%;
    clear: both;
    float: left;
    border-bottom: 1px solid #ddd
}

.flashsale-head__image {
    float: left;
    padding: 15px
}

.flashsale-head__image img {
    float: left;
    width: auto;
    height: 20px
}

.flashsale-head__link {
    float: right;
    padding: 15px
}

.flashsale-head__link a {
    line-height: 20px;
    color: #1da64c
}

.flashsale-body {
    width: 100%;
    clear: both;
    float: left;
    padding: 15px
}

.flashsale-list {
    width: 100%;
    clear: both;
    float: left
}

.flashsale-list .item {
    width: 100%;
    clear: both;
    float: left
}

.flashsale-list .item-image {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 10px;
    position: relative
}

.flashsale-list .item-percen {
    position: absolute;
    right: 0;
    background: rgba(255,212,36,.9);
    padding: 3px 5px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px
}

.flashsale-list .item-percen:after {
    content: "";
    width: 0;
    height: 0;
    left: 0;
    bottom: -4px;
    position: absolute;
    border-color: transparent rgba(255,212,36,.9);
    border-style: solid;
    border-width: 0 24px 4px
}

.flashsale-list .item-percen__price {
    color: #ee4d2d
}

.flashsale-list .item-percen__text {
    color: #fff;
    font-size: 15px
}

.flashsale-list .item-info {
    width: 100%;
    clear: both;
    float: left;
    text-align: center
}

.flashsale-list .item-info__price {
    display: inline-block;
    background: -webkit-gradient(linear,left top,right top,color-stop(5%,#ff933f),to(#f93782));
    background: linear-gradient(90deg,#ff933f 5%,#f93782 100%);
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: 20px;
    border-radius: 5px;
    padding: 0 5px
}

.vote {
    width: 100px;
    float: left;
    border: 1px solid #f2f2f2;
    padding: 3px;
    color: #e00034;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    position: relative;
    height: 30px
}

.vote.has_vote_minus .minus {
    background: #1f7ecb;
    color: #fff
}

.vote.has_vote_plus .plus {
    background: #e00034;
    color: #fff
}

.vote .minus,.vote .plus {
    position: absolute;
    float: left;
    cursor: pointer;
    border-radius: 9999px
}

.vote .minus i,.vote .plus i {
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    text-align: center
}

.vote .minus {
    left: 5px;
    color: #1f7ecb
}

.vote .minus:hover {
    background: #1f7ecb;
    color: #fff
}

.vote .plus {
    right: 5px;
    color: #e00034
}

.vote .plus:hover {
    background: #e00034;
    color: #fff
}

.vote .votes {
    width: 100%;
    float: left;
    line-height: 22px;
    text-align: center
}

.reviews {
    width: 100%;
    clear: both;
    float: left;
    background: #fff;
    padding: 15px;
    padding-bottom: 0
}

.reviews-title {
    width: 100%;
    clear: both;
    float: left;
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 10px
}

.reviews-info__content {
    width: calc(100% - 401px);
    float: left
}

.reviews-info__content ul {
    float: left
}

.reviews-info__content ul li {
    color: #b7a4a4;
    line-height: 25px;
    font-size: 14px;
    float: left;
    margin-right: 15px;
    overflow: hidden;
    height: 25px
}

.reviews-info__content ul li a {
    color: #b7a4a4
}

.reviews-info__content ul li a:hover {
    color: #1da64c
}

.reviews-info__content ul li i {
    margin-right: 3px
}

.reviews-info__share {
    width: 401px;
    float: right;
    padding-top: 3px
}

.reviews-info__share .fb-share-button {
    float: right;
    margin-left: 5px
}

.reviews-info__share .zalo-share-button {
    float: right
}

.tags {
    width: 100%;
    clear: both;
    float: left;
    background: #fff;
    margin-top: 10px;
    padding: 15px;
    padding-bottom: 0
}

.tags ul {
    float: left
}

.tags ul li {
    float: left;
    margin-right: 10px;
    margin-bottom: 15px
}

.tags ul li a {
    display: block;
    font-size: 14px;
    line-height: 25px;
    background: #eee;
    padding: 0 25px 0 25px;
    -webkit-transition: .2s;
    transition: .2s;
    position: relative
}

.tags ul li a:hover {
    background: #69be28;
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s
}

.tags ul li a:hover:after {
    border-left-color: #69be28;
    -webkit-transition: .2s;
    transition: .2s
}

.tags ul li a:before {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 1px rgba(0,0,0,.25);
    box-shadow: inset 0 1px rgba(0,0,0,.25);
    content: '';
    height: 6px;
    left: 10px;
    position: absolute;
    width: 6px;
    top: 8px
}

.tags ul li a:after {
    background: #fff;
    border-bottom: 12.5px solid transparent;
    border-left: 10px solid #eee;
    border-top: 12.5px solid transparent;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.tags ul li:first-child p {
    line-height: 25px
}

.actions {
    width: 100%;
    clear: both;
    float: left;
    background: #fff;
    margin-top: 10px
}

.actions ul {
    width: 100%;
    clear: both;
    float: left
}

.actions ul li {
    float: left
}

.actions ul li a {
    text-align: center;
    padding: 8px 15px;
    display: block;
    -webkit-transition: .2s;
    transition: .2s;
    line-height: 25px
}

.actions ul li a i {
    margin-right: 5px
}

.actions ul li:hover {
    background: #1da64c;
    -webkit-transition: .2s;
    transition: .2s
}

.actions ul li:hover a {
    color: #fff
}

.actions ul li:hover .actions-box {
    opacity: 1;
    visibility: inherit;
    top: 51px;
    -webkit-transition: .2s;
    transition: .2s
}

.actions ul .has_box {
    position: relative
}

.actions ul .has_box .actions-box {
    opacity: 0;
    visibility: hidden;
    border-radius: 3px;
    position: absolute;
    left: -80px;
    top: 61px;
    width: 400px;
    background: #fff;
    -webkit-box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    border-top: 3px solid #ff8d16;
    z-index: 1000;
    padding: 5px 10px;
    -webkit-transition: .2s;
    transition: .2s
}

.actions ul .has_box .actions-box:before {
    content: '';
    display: block;
    position: absolute;
    left: calc(300px / 2 - 58px);
    width: 0;
    height: 0;
    top: -20px;
    border-width: 10px;
    border-color: transparent;
    border-style: solid;
    border-bottom-color: #ff8d16
}

.actions ul .has_box .actions-box:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -20px;
    height: 20px
}

.actions ul .has_box .actions-box__title {
    width: 100%;
    clear: both;
    float: left;
    font-size: 18px;
    font-weight: 700;
    color: #1da64c;
    margin-bottom: 5px
}

.actions ul .has_box .actions-box__title i {
    margin-right: 5px
}

.actions ul .has_box .actions-box__subtitle {
    width: 100%;
    clear: both;
    float: left;
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 5px
}

.actions ul .has_box .actions-box__form {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 5px
}

.actions ul .has_box .actions-box__form textarea {
    width: 100%;
    clear: both;
    float: left;
    padding: 5px;
    height: 72px;
    font-size: 14px;
    line-height: 15px;
    border: 1px solid #1da64c;
    border-radius: 3px;
    margin-bottom: 5px;
    background: #fff
}

.actions ul .has_box .actions-box__form button {
    width: 100%;
    border: none;
    background: #1da64c;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    -webkit-transition: .2s;
    transition: .2s
}

.actions ul .has_box .actions-box__form button:hover {
    background: #69be28;
    -webkit-transition: .2s;
    transition: .2s
}

.actions ul .has_box .actions-box__form button i {
    margin-right: 4px
}

.author {
    width: 100%;
    clear: both;
    float: left;
    background: #fff;
    margin-top: 10px
}

.author-title {
    width: 100%;
    clear: both;
    float: left;
    padding: 15px;
    border-bottom: 1px solid #f2f2f2
}

.author-info {
    width: 100%;
    clear: both;
    float: left;
    padding: 15px
}

.author-info__avatar {
    width: 80px;
    float: left;
    margin-right: 15px
}

.author-info__content {
    width: calc(100% - 80px - 15px);
    float: left
}

.author-info__content-title {
    width: 100%;
    clear: both;
    float: left;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px
}

.author-info__content-text {
    width: 100%;
    clear: both;
    float: left;
    line-height: 22px;
    white-space: pre-line;
    margin-bottom: 10px;
    font-size: 14px
}

.author-info__content-social li {
    float: left;
    margin: 0 10px 5px 0
}

.author-info__content-social li a {
    font-size: 14px;
    float: left;
    color: #b7a4a4
}

.author-info__content-social li a i {
    margin-right: 5px
}

.comments {
    width: 100%;
    clear: both;
    float: left;
    background: #fff;
    margin-top: 10px
}

.comments-add {
    width: 100%;
    clear: both;
    float: left;
    padding: 15px
}

.comments-add__notification {
    width: 100%;
    clear: both;
    float: left;
    line-height: 30px;
    padding: 15px
}

.comments-add__notification a {
    color: #1da64c;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase
}

.comments-add__avatar {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 15px
}

.comments-add__avatar img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    border-radius: 50px
}

.comments-add__editor {
    width: calc(100% - 50px - 15px);
    float: left;
    padding: 5px 0
}

.comments-best {
    width: 100%;
    clear: both;
    float: left
}

.comments-best__title {
    width: 100%;
    clear: both;
    float: left;
    padding: 8px 15px;
    background: #69be28;
    font-weight: 700;
    line-height: 25px;
    color: #fff;
    cursor: pointer
}

.comments-best__title i {
    margin-right: 3px;
    font-size: 18px;
    line-height: 25px
}

.comments-best__title p {
    float: left
}

.comments-best__title .text-right {
    float: right
}

.comments-content {
    width: 100%;
    clear: both;
    float: left
}

.comments-content__title {
    width: 100%;
    clear: both;
    float: left;
    padding: 8px 15px;
    background: #dadada;
    font-weight: 700;
    line-height: 25px;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.comments-content__title i {
    margin-right: 3px;
    font-size: 18px;
    line-height: 25px
}

.comments-content__title .pass-download i,.comments-content__title .pass-download span#pass-download-text {
    color: #1da64c
}

.comments-content__box {
    width: 100%;
    clear: both;
    float: left
}

.comments-list {
    width: 100%;
    clear: both;
    float: left
}

.comments-list__nocomment {
    width: 100%;
    clear: both;
    float: left;
    line-height: 30px;
    font-size: 18px;
    padding: 15px
}

.comments-list .item {
    width: 100%;
    clear: both;
    float: left;
    padding: 15px;
    border-bottom: 1px solid #f5f5f5;
    -webkit-transition: background-color ease-in .2s;
    transition: background-color ease-in .2s
}

.comments-list .item-avatar {
    width: 50px;
    height: 50px;
    float: left;
    border-radius: 50px;
    margin-right: 10px
}

.comments-list .item-avatar img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    border-radius: 50px
}

.comments-list .item-info {
    width: calc(100% - 50px - 10px);
    float: left
}

.comments-list .item-info__header {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 5px
}

.comments-list .item-info__header .name {
    font-weight: 700;
    float: left;
    line-height: 25px;
    margin-right: 10px
}

.comments-list .item-info__header .like {
    margin-right: 10px;
    float: left;
    line-height: 25px;
    font-size: 14px;
    color: #b7a4a4
}

.comments-list .item-info__header .time {
    float: left;
    line-height: 25px;
    font-size: 14px;
    color: #b7a4a4
}

.comments-list .item-info__content {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 10px;
    line-height: 20px;
    overflow: hidden;
    white-space: pre-line
}

.comments-list .item-info__content li,.comments-list .item-info__content p {
    margin-bottom: 10px
}

.comments-list .item-info__content li:last-child,.comments-list .item-info__content p:last-child {
    margin-bottom: 0
}

.comments-list .item-info__content a {
    color: #00f
}

.comments-list .item-info__garelly {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 5px
}

.comments-list .item-info__garelly a {
    width: 300px;
    height: 300px;
    display: inline-block;
    margin-right: 5px;
    border: 1px solid #ccc
}

.comments-list .item-info__garelly a img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%
}

.comments-list .item-info__action {
    width: 100%;
    clear: both;
    float: left
}

.comments-list .item-info__action ul {
    width: 100%;
    clear: both;
    float: left
}

.comments-list .item-info__action ul li {
    display: inline-block;
    margin-right: 10px;
    position: relative
}

.comments-list .item-info__action ul li a {
    line-height: 20px;
    font-size: 14px;
    display: block;
    color: #b7a4a4
}

.comments-list .item-info__action ul li a i {
    margin-right: 3px;
    line-height: 20px;
    font-size: 16px
}

.comments-list .item-info__action ul li a:hover {
    color: #1da64c
}

.comments-list .item-info__action ul li:hover .share_comments {
    visibility: visible;
    opacity: 1
}

.comments-list .item-child {
    width: 100%;
    float: left;
    padding-top: 10px
}

.comments-list .item-child .item {
    padding: 10px 10px 10px 50px;
    border-bottom: none
}

.comments-list .item-child .item:last-child {
    margin-bottom: 0
}

.comments-list .item-child .item:last-child .item-info {
    margin-bottom: 0
}

.comments-list .item-child .item.item-add {
    display: none
}

.comments-list .item-child .item-editor {
    width: calc(100% - 50px - 15px);
    float: left;
    padding: 5px 0 5px 10px
}

.comments-list .item-child .item_child_hidden {
    display: none
}

.comments-list .item-child .view_more_comment_child {
    width: 100%
}

.comments-list .item-child .view_more_comment_child button {
    border: none;
    background: 0 0;
    color: #1da64c;
    padding-left: 60px
}

.comments-list .item-child .view_more_comment_child button i {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    margin-right: 10px
}

.comments-list .item-child .view_more_comment_child button span {
    font-weight: 700;
    font-size: 14px
}

.comments .load_more_comment {
    width: 100%;
    clear: both;
    text-align: center;
    background: #ededed;
    height: 45px
}

.comments .load_more_comment .btn-load-more {
    border: none;
    color: #1da64c;
    font-size: 16px;
    line-height: 45px
}

.comments .pagination-box {
    width: 100%;
    clear: both;
    float: left;
    padding: 15px;
    margin: 0
}

.comments .pagination-box .pagination {
    text-align: right
}

.comments .pagination-box .pagination .page-item .page-link {
    padding: 7px 14px
}

.share_comments {
    clear: both;
    background: #f5f5f5;
    padding: 3px;
    position: absolute;
    top: 100%;
    text-align: center;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
    z-index: 999;
    -webkit-box-shadow: 0 0 2px 0;
    box-shadow: 0 0 2px 0
}

.share_comments__item {
    margin-right: 0!important;
    cursor: pointer
}

.share_comments__item a {
    padding: 2px 15px
}

.share_comments__item .zb-logo-zalo {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background: url(https://stc.sp.zdn.vn/share/logo_white_s.png);
    background-repeat: no-repeat;
    margin-right: 10px
}

.mce-panel {
    background: #fff!important;
    border: 1px solid #9f9f9f!important
}

.mce-btn {
    background: #9f9f9f!important
}

.mce-flow-layout-item {
    margin: 0 2px!important
}

.mce-ico {
    color: #fff!important
}

.editor-box {
    width: 100%;
    float: left;
    position: relative
}

.editor-box .editor {
    width: 100%;
    height: 40px;
    line-height: 20px;
    background: #f7f7f7;
    padding: 9px 15px;
    border-radius: 5px;
    border: 1px solid #dadada;
    color: #b7a4a4;
    cursor: pointer;
    position: relative;
    font-family: Arial,sans-serif;
    font-size: 15px
}

.editor-box.show_editor .editor {
    width: 100%;
    float: left;
    background: #fff;
    height: 100px;
    border: 2px solid #9f9f9f;
    border-radius: 0;
    color: #000;
    font-size: 15px;
    font-family: Arial,sans-serif
}

.editor-box:before {
    content: '';
    position: absolute;
    top: 10px;
    left: -10px;
    z-index: 99;
    width: 0;
    height: 0;
    border-right: 10px solid #9f9f9f;
    border-top: 10px solid transparent!important;
    border-bottom: 10px solid transparent!important
}

.editor-box.show_editor .action {
    display: block
}

.editor-box.show_editor .preview {
    display: block
}

.editor-box .action {
    display: none;
    width: 100%;
    float: left;
    border: 2px solid #9f9f9f;
    border-top: none;
    padding: 5px
}

.editor-box .action-gallery {
    float: right;
    margin-left: 5px
}

.editor-box .action-gallery input {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.editor-box .action-gallery__btn {
    background: #fff;
    border: 1px solid #69be28;
    padding: 0 20px;
    line-height: 28px;
    color: #69be28;
    -webkit-transition: .2s;
    transition: .2s;
    display: block;
    cursor: pointer
}

.editor-box .action-gallery__btn i {
    margin-right: 3px;
    line-height: 28px
}

.editor-box .action-gallery__btn:hover {
    background: #5c9a2d;
    border-color: #5c9a2d;
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s
}

.editor-box .action-submit {
    float: right;
    margin-left: 5px
}

.editor-box .action-submit__btn {
    background: #69be28;
    border: 1px solid #69be28;
    padding: 0 20px;
    line-height: 28px;
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer
}

.editor-box .action-submit__btn i {
    margin-right: 3px;
    line-height: 28px
}

.editor-box .action-submit__btn:hover {
    background: #5c9a2d;
    border-color: #5c9a2d;
    -webkit-transition: .2s;
    transition: .2s
}

.editor-box .action-user {
    float: right;
    margin-left: 5px
}

.editor-box .action-user select {
    width: 100%;
    clear: both;
    float: left;
    height: 30px;
    padding: 0 5px;
    border: 1px solid #1da64c;
    color: #1da64c
}

.editor-box .action-user select.select2 {
    width: 170px!important
}

.editor-box .action-user .select2-container--default .select2-selection--single {
    background-color: #fff;
    border-radius: 0!important;
    border: 1px solid #1da64c!important
}

.editor-box .preview {
    float: left;
    padding: 10px 0 0;
    display: none
}

.editor-box .preview-image {
    float: left;
    width: 70px;
    height: 70px;
    margin-right: 10px;
    position: relative
}

.editor-box .preview-image img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    float: left;
    width: 100%;
    height: 200%
}

.select2-container .select2-selection--single {
    height: 30px!important
}

.select2-container .select2-selection__rendered {
    color: #1da64c!important;
    line-height: 30px!important
}

.select2-container .select2-results__option {
    color: #1da64c!important
}

.select2-container .select2-results__option--highlighted {
    color: #fff!important
}

.select2-container .select2-search--dropdown .select2-search__field {
    border: 1px solid #1da64c!important
}

.select2-container .select2-selection__arrow b {
    border-top-color: #1da64c!important
}

.select2-container--open .select2-selection__arrow b {
    border-bottom-color: #1da64c!important
}

.users-intro {
    width: 100%;
    clear: both;
    float: left;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    margin-top: -15px;
    position: relative;
    padding: 20px 0;
    height: 120px;
    overflow: hidden
}

.users-intro__avatar {
    position: relative;
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 15px
}

.users-intro__avatar img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    float: left
}

.users-intro__info {
    position: relative;
    width: calc(100% - 80px - 15px);
    float: left;
    height: 80px;
    overflow: hidden
}

.users-intro__info .name {
    float: left;
    font-size: 25px;
    line-height: 50px;
    color: #282a37;
    font-weight: 700;
    margin-right: 10px
}

.users-intro__info .armorial {
    float: left;
    position: relative
}

.users-intro__info .armorial ul {
    width: 100%;
    clear: both;
    float: left
}

.users-intro__info .armorial ul li {
    float: left;
    margin-right: 5px
}

.users-intro__info .armorial ul li a {
    display: block;
    width: 50px;
    height: 50px
}

.users-intro__info .armorial ul li a img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%
}

.users-intro__info .join {
    width: 100%;
    clear: both;
    float: left;
    color: #282a37;
    line-height: 30px
}

.users-intro .container {
    position: relative
}

.users-intro__social {
    position: absolute;
    right: 0;
    top: 50px;
    color: #fff;
    background-color: rgba(83,83,83,.5)
}

.users-intro__social ul {
    width: 100%;
    clear: both;
    float: left;
    padding: 5px
}

.users-intro__social ul li {
    float: left;
    margin-right: 8px
}

.users-intro__social ul li a {
    color: #fff
}

.users-intro__social ul li .fa-facebook {
    color: #4267b2
}

.users-intro__social ul li .fa-youtube-play {
    color: #ea4335
}

.users-intro__social ul li .fa-twitter {
    color: #1ca1f2
}

.users-intro__social ul li .fa-linkedin {
    color: #0073b1
}

.users-nav {
    width: 100%;
    clear: both;
    float: left;
    background: #fff;
    margin-bottom: 10px
}

.users-nav__left {
    float: left
}

.users-nav__left ul {
    width: 100%;
    clear: both;
    float: left
}

.users-nav__left ul li {
    float: left;
    -webkit-transition: .2s;
    transition: .2s
}

.users-nav__left ul li a {
    padding: 10px;
    display: block;
    line-height: 30px
}

.users-nav__left ul li:hover {
    background: #1da64c;
    -webkit-transition: .2s;
    transition: .2s
}

.users-nav__left ul li:hover a {
    color: #fff
}

.users-nav__left ul li.active {
    background: #1da64c;
    -webkit-transition: .2s;
    transition: .2s
}

.users-nav__left ul li.active a {
    color: #fff
}

.users-nav__right {
    float: right;
    padding: 5px 0
}

.users-nav__right ul {
    width: 100%;
    clear: both;
    float: left
}

.users-nav__right ul li {
    float: left;
    margin-left: 10px
}

.users-nav__right ul li a {
    padding: 9px 10px;
    display: block;
    border: 1px solid #1da64c;
    line-height: 20px;
    -webkit-transition: .2s;
    transition: .2s;
    color: #1da64c;
    border-radius: 3px
}

.users-nav__right ul li a i {
    margin-right: 5px
}

.users-nav__right ul li a:hover {
    background: #1da64c;
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s
}

.users {
    width: 100%;
    clear: both;
    float: left;
    margin: 5px 0
}

.users-sidebar {
    width: 250px;
    float: left;
    margin-right: 15px
}

.users-sidebar__scroll {
    width: 100%;
    clear: both;
    float: left
}

.users-sidebar__item {
    width: 100%;
    clear: both;
    float: left;
    background: #fff;
    margin-bottom: 10px;
    border: 1px solid #d1d5db
}

.users-sidebar__title {
    width: 100%;
    clear: both;
    float: left;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 700
}

.users-sidebar__subtitle {
    width: 100%;
    clear: both;
    float: left;
    padding: 5px 15px;
    font-size: 14px;
    background: #eee
}

.users-sidebar__list {
    width: 100%;
    clear: both;
    float: left
}

.users-sidebar__list li {
    -webkit-transition: .2s;
    transition: .2s
}

.users-sidebar__list li a,.users-sidebar__list li p {
    padding: 10px 15px;
    display: block;
    line-height: 22px;
    border-top: 1px solid #eee
}

.users-sidebar__list li a i,.users-sidebar__list li p i {
    margin-right: 8px
}

.users-sidebar__list li.active,.users-sidebar__list li:hover {
    background: #1da64c;
    -webkit-transition: .2s;
    transition: .2s
}

.users-sidebar__list li.active a,.users-sidebar__list li.active p,.users-sidebar__list li:hover a,.users-sidebar__list li:hover p {
    color: #fff
}

.users-content {
    width: calc(100% - 250px - 15px);
    float: right;
    background: #fff;
    border: 1px solid #d1d5db;
    margin-bottom: 10px
}

.users-content__intro {
    width: 100%;
    clear: both;
    float: left
}

.users-content__intro-title {
    padding: 15px;
    border-bottom: 1px solid #f2f2f2
}

.users-content__intro-text {
    line-height: 22px;
    white-space: pre-line;
    padding: 10px 15px
}

.users-content__title {
    width: 100%;
    clear: both;
    float: left;
    background: #1da64c;
    color: #fff;
    padding: 10px 15px;
    font-size: 16px
}

.users-content__content {
    width: 100%;
    clear: both;
    float: left
}

.users-content__content .pagination-box {
    margin-top: 0;
    margin-bottom: 15px
}

.point-histories {
    width: 100%;
    clear: both;
    float: left;
    padding: 15px
}

.point-histories__table {
    border: 1px solid #1da64c
}

.point-histories__table tr td,.point-histories__table tr th {
    padding: 8px
}

.point-histories__table tr th {
    background: #1da64c;
    color: #fff
}

.point-histories__table tr td {
    font-weight: 400
}

.point-histories__table tr td:last-child {
    text-align: center;
    width: 155px
}

.point-histories__table tr td:nth-last-child(2) {
    text-align: center;
    width: 120px
}

.point-histories__table tr td:nth-last-child(3) {
    text-align: center
}

.users-menu {
    width: 100%;
    clear: both;
    float: left
}

.users-menu ul {
    width: 100%;
    clear: both;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.users-menu ul li {
    width: calc(100% / 2);
    float: left;
    text-align: center;
    background: #d1d5db
}

.users-menu ul li a {
    padding: 10px 10px;
    display: block
}

.users-menu ul li.active {
    background: #d1de39
}

.users-menu ul li.active a {
    color: #fff
}

.users-menu.gifts ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.users-menu.gifts ul li {
    width: calc(100% / 6);
    border: 1px solid #f2f2f2
}

.users-tabs {
    width: 100%;
    clear: both;
    float: left
}

.users-tabs .tab-contents {
    width: 100%;
    clear: both;
    float: left
}

.users-tabs .tab-contents:nth-child(n+1) {
    display: none
}

.users-tabs .tab-contents__list {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 15px
}

.users-tabs .tab-contents__list .item {
    width: 100%;
    clear: both;
    float: left;
    padding: 15px;
    border-bottom: 1px solid #f2f2f2
}

.users-tabs .tab-contents__list .item:first-child {
    border-top: 1px solid #f2f2f2
}

.users-tabs .tab-contents__list .item.not_seen {
    background: #f2f2f2;
    border-bottom: 1px solid #fff
}

.users-tabs .tab-contents__list .item-image {
    float: left;
    width: 74px;
    height: 74px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #f2f2f2;
    margin-right: 10px
}

.users-tabs .tab-contents__list .item-image img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    -o-object-fit: contain;
    object-fit: contain
}

.users-tabs .tab-contents__list .item-info {
    width: calc(100% - 74px - 10px);
    float: left;
    height: 74px;
    overflow: hidden
}

.users-tabs .tab-contents__list .item-info__title {
    width: 100%;
    clear: both;
    float: left;
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 22px;
    max-height: 44px;
    overflow: hidden
}

.users-tabs .tab-contents__list .item-info__time {
    color: #b7a4a4;
    font-size: 14px;
    line-height: 20px
}

.users-tabs .tab-contents__list .item-info__time i {
    margin-right: 5px
}

.users-tabs .tab-contents__gifts {
    width: 100%;
    clear: both;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.users-tabs .tab-contents__gifts .item {
    width: calc(100% / 3);
    float: left;
    padding: 10px;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
    border: 1px solid #f2f2f2
}

.users-tabs .tab-contents__gifts .item:hover {
    box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
    -khtml-box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
    -webkit-transition: .2s;
    transition: .2s;
    border: 1px solid #fff
}

.users-tabs .tab-contents__gifts .item-image {
    width: 100%;
    height: 180px;
    margin-bottom: 5px;
    position: relative
}

.users-tabs .tab-contents__gifts .item-image img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%
}

.users-tabs .tab-contents__gifts .item-image span {
    position: absolute;
    top: 0;
    left: 0;
    background: #1da64c;
    color: #fff;
    padding: 5px 10px
}

.users-tabs .tab-contents__gifts .item-info {
    width: 100%;
    clear: both;
    float: left
}

.users-tabs .tab-contents__gifts .item-info__title {
    text-align: center;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 5px
}

.users-tabs .tab-contents__gifts .item-info__desc {
    font-size: 14px;
    line-height: 18px;
    text-align: justify
}

.deal-contribute .pagination-box {
    margin-top: 15px
}

.link-right {
    width: 100%;
    clear: both;
    float: left;
    text-align: right
}

.link-right a {
    display: inline-block;
    padding: 10px 15px;
    font-size: 14px
}

.link-right a:hover {
    background: #d1de39;
    color: #fff
}

.change-password {
    width: 100%;
    clear: both;
    float: left;
    width: 60%;
    margin: 0 20%;
    padding: 15px
}

.change-password .notification {
    margin-bottom: 15px
}

.users-info {
    width: 100%;
    clear: both;
    float: left;
    padding: 15px
}

.users-info__avatar {
    float: left;
    width: 200px;
    margin-right: 15px
}

.users-info__avatar-image {
    margin: 0 25px 15px 25px;
    width: 150px;
    float: left;
    height: 150px;
    border-radius: 150px;
    border: 1px solid #f2f2f2;
    overflow: hidden
}

.users-info__avatar-image img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%
}

.users-info__avatar-nav {
    width: 100%;
    float: left
}

.users-info__avatar-nav .btn {
    margin-bottom: 10px
}

.users-info__content {
    width: calc(100% - 200px - 15px);
    float: left
}

.users-info__content ul {
    width: 100%;
    clear: both;
    float: left
}

.users-info__content ul li {
    width: 100%;
    clear: both;
    float: left;
    padding: 5px 0;
    line-height: 22px;
    border-bottom: 1px solid #f2f2f2
}

.users-info__content ul li strong {
    width: 130px;
    float: left;
    margin-right: 10px
}

.users-info__content ul li p {
    width: calc(100% - 10px)
}

.update-info {
    width: 100%;
    clear: both;
    float: left;
    padding: 15px 150px
}

.popup {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 10001;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .2s;
    transition: .2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.popup.open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: .2s;
    transition: .2s;
    overflow-x: hidden;
    overflow-y: auto
}

.popup-close {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10001
}

.popup-dialog {
    width: 600px;
    float: left;
    margin: 30px auto;
    position: relative
}

.popup-header {
    width: 100%;
    clear: both;
    float: left
}

.popup-header__close {
    position: absolute;
    top: calc(-25px / 2);
    right: calc(-25px / 2);
    cursor: pointer;
    z-index: 10003
}

.popup-header__close i {
    width: 25px;
    height: 25px;
    border-radius: 25px;
    background: #1da64c;
    line-height: 25px;
    text-align: center;
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s
}

.popup-header__close i:hover {
    background: #d1de39;
    -webkit-transition: .2s;
    transition: .2s
}

.popup-body {
    width: 100%;
    clear: both;
    float: left;
    background: #fff;
    border-radius: 3px;
    position: relative;
    z-index: 10002;
    max-height: calc(100vh - 60px);
    overflow: auto
}

.popup#notificate {
    z-index: 10002
}

.popup .notificate-header {
    width: 100%;
    clear: both;
    float: left
}

.popup .notificate-header p {
    background: #1da64c;
    padding: 10px 10px;
    color: #fff;
    font-weight: 700
}

.popup .notificate-body {
    width: 100%;
    clear: both;
    float: left;
    padding: 10px
}

.popup .notificate-body p {
    line-height: 20px
}

.popup .notificate-footer {
    width: 100%;
    clear: both;
    float: left;
    border-top: 1px solid #1da64c;
    padding: 10px 10px;
    text-align: right
}

.popup .notificate-footer .btn {
    display: inline-block;
    margin-left: 5px;
    padding: 8px 10px
}

.popup .subcriber-category {
    width: 100%;
    clear: both;
    float: left
}

.popup .subcriber-category__header {
    width: 100%;
    clear: both;
    float: left;
    background: #d1de39;
    color: #fff;
    text-align: center
}

.popup .subcriber-category__header .heading {
    width: 100%;
    clear: both;
    float: left;
    padding: 10px 10px;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 0
}

.popup .subcriber-category__header .subheading {
    width: 100%;
    clear: both;
    float: left;
    padding: 0 10px 10px 10px
}

.popup .subcriber-category__footer {
    padding: 15px;
    text-align: center
}

.popup .subcriber-category__footer button {
    display: inline-block;
    width: 50%
}

.popup .subcriber-category__content {
    width: 100%;
    clear: both;
    float: left;
    padding: 15px
}

.popup .subcriber-category__content .list {
    width: 100%;
    clear: both;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.popup .subcriber-category__content .list .item {
    width: calc(100% / 5);
    border: 1px solid #f2f2f2;
    padding: 15px;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s
}

.popup .subcriber-category__content .list .item.active,.popup .subcriber-category__content .list .item:hover {
    background: #1da64c;
    -webkit-transition: .2s;
    transition: .2s
}

.popup .subcriber-category__content .list .item.active .item-image,.popup .subcriber-category__content .list .item:hover .item-image {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.popup .subcriber-category__content .list .item.active .item-info__title,.popup .subcriber-category__content .list .item:hover .item-info__title {
    color: #fff
}

.popup .subcriber-category__content .list .item-image {
    width: 130px;
    height: 130px;
    margin-bottom: 10px
}

.popup .subcriber-category__content .list .item-image img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.popup .subcriber-category__content .list .item-info {
    width: 100%;
    clear: both;
    float: left
}

.popup .subcriber-category__content .list .item-info__title {
    font-weight: 700;
    text-align: center
}

.popup .media {
    padding: 15px
}

.popup .media-desc {
    width: 100%;
    clear: both;
    float: left;
    font-weight: 700;
    margin-bottom: 10px
}

.popup .media-uploadfile {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 10px
}

.popup .media-uploadfile .btn {
    width: 100%;
    clear: both;
    float: left;
    cursor: pointer
}

.popup .media-uploadurl {
    width: 100%;
    clear: both;
    float: left
}

.popup .media-uploadurl #tinymce_file_url {
    width: 100%;
    height: 34px;
    float: left;
    margin-bottom: 5px;
    border: 1px solid #1da64c;
    border-radius: 5px;
    padding: 0 10px
}

.popup .media-uploadurl .btn {
    width: 100%;
    clear: both;
    float: left
}

.popup .coupon-popup {
    width: 100%;
    clear: both;
    float: left
}

.popup .coupon-popup__close {
    position: absolute;
    top: 3px;
    right: 5px;
    font-size: 20px
}

.popup .coupon-popup__top {
    width: 100%;
    clear: both;
    float: left;
    padding: 20px
}

.popup .coupon-popup__top-title {
    width: 100%;
    clear: both;
    float: left;
    font-size: 25px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 700
}

.popup .coupon-popup__top-subtitle {
    width: 100%;
    clear: both;
    float: left;
    text-align: center;
    line-height: 25px
}

.popup .coupon-popup__top-subtitle a {
    color: #1da64c
}

.popup .coupon-popup__top-code {
    width: 100%;
    clear: both;
    float: left;
    padding: 20px 0;
    text-align: center
}

.popup .coupon-popup__top-code input {
    width: 200px;
    display: inline-block;
    height: 50px;
    border: 1px dashed #ccc;
    border-right: none;
    padding: 10px;
    background: #f3f4f6;
    margin-right: -4px;
    border-radius: 3px 0 0 3px;
    font-weight: 700;
    font-size: 16px
}

.popup .coupon-popup__top-code button {
    border-left: none;
    border: 1px dashed #ccc;
    border-left: none;
    display: inline-block;
    color: #fff;
    height: 50px;
    padding: 10px;
    position: relative;
    z-index: 1;
    border-radius: 0 3px 3px 0;
    font-size: 16px
}

.popup .coupon-popup__top-code button:after {
    content: '';
    background: #1da64c;
    position: absolute;
    top: 2px;
    right: 2px;
    left: 2px;
    bottom: 2px;
    z-index: -1;
    border-radius: 3px
}

.popup .coupon-popup__top-code button i {
    margin-right: 3px
}

.popup .coupon-popup__top-code-text {
    width: 200px;
    display: inline-block;
    height: 50px;
    line-height: 28px;
    border: 1px dashed #ccc;
    border-right: none;
    padding: 10px;
    background: #f3f4f6;
    margin-right: -4px;
    border-radius: 3px 0 0 3px;
    font-weight: 700;
    font-size: 16px
}

.popup .coupon-popup__top-buynow {
    width: 100%;
    clear: both;
    float: left;
    text-align: center
}

.popup .coupon-popup__top-buynow .btn {
    display: inline-block;
    padding: 10px 30px
}

.popup .coupon-popup__top-vote {
    width: 100%;
    clear: both;
    float: left;
    padding: 15px 0 0;
    text-align: center
}

.popup .coupon-popup__top-vote__text {
    display: inline-block;
    margin-right: 5px
}

.popup .coupon-popup__top-vote__icon {
    display: inline-block;
    margin-right: 5px;
    cursor: pointer
}

.popup .coupon-popup__center {
    width: 100%;
    clear: both;
    float: left;
    padding: 20px;
    border-top: 1px solid #ccc
}

.popup .coupon-popup__center-left {
    width: 50%;
    float: left;
    padding-right: 20px
}

.popup .coupon-popup__center-left p {
    font-weight: 700;
    font-size: 18px
}

.popup .coupon-popup__center-right {
    width: 50%;
    float: left;
    height: 98px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.popup .coupon-popup__center-right a {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    padding: 10px 10px 10px 45px;
    text-align: left
}

.popup .coupon-popup__center-right a.btn-blue {
    background: #0080ff
}

.popup .coupon-popup__center-right a i {
    position: absolute;
    left: 13px;
    top: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px
}

.popup .coupon-popup__bottom {
    width: 100%;
    clear: both;
    float: left;
    background: #f3f4f6;
    padding: 15px 0
}

.popup .coupon-popup__bottom-link {
    text-align: center
}

.popup .coupon-popup__bottom-link a {
    color: #1da64c;
    font-weight: 700
}

.popup .verify_email-image {
    width: 100%;
    clear: both;
    float: left;
    padding: 44px 0
}

.popup .verify_email-image img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    width: 150px;
    height: 150px
}

.popup .verify_email-title {
    width: 100%;
    clear: both;
    float: left;
    text-align: center;
    font-weight: 700;
    font-size: 19px;
    margin-bottom: 15px
}

.popup .verify_email-info {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 30px;
    text-align: center
}

.popup .verify_email-action {
    width: 100%;
    clear: both;
    float: left;
    padding: 10px
}

.popup .verify_email-action .btn {
    width: calc(50% - 5px);
    float: left;
    padding: 20px 10px
}

.popup .verify_email-action .btn:nth-child(1) {
    margin-right: 10px
}

.popup .change_email {
    padding: 20px
}

.popup .change_email-title {
    width: 100%;
    clear: both;
    float: left;
    font-weight: 700;
    font-size: 19px;
    margin-bottom: 15px
}

.popup .change_email-info {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 10px
}

.popup .change_email-form {
    width: 100%;
    clear: both;
    float: left
}

.popup .change_email-form__group {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 10px;
    position: relative
}

.popup .change_email-form__group label {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 5px;
    line-height: 25px
}

.popup .change_email-form__group a {
    color: #1da64c
}

.popup .change_email-form__group input[type=text] {
    width: 100%;
    clear: both;
    float: left;
    border: none;
    border-bottom: 2px solid #667787;
    height: 35px;
    font-size: 14px;
    font-weight: 700;
    background: #f4f8fb;
    padding: 0 10px
}

.popup .change_email-form__group input[type=checkbox] {
    position: absolute;
    right: 0;
    top: 2px
}

.popup .change_email-submit {
    width: 100%;
    clear: both;
    float: left;
    text-align: center
}

.popup .change_email-submit .btn {
    display: inline-block;
    padding: 10px 80px
}

.search-more {
    width: 100%;
    clear: both;
    float: left;
    margin-top: 10px;
    text-align: center
}

.search-more__btn {
    width: 300px;
    display: inline-block;
    padding: 10px 0;
    text-align: center;
    border-radius: 5px;
    -webkit-transition: .2s;
    transition: .2s;
    border: none;
    background: #828282;
    color: #fff;
    font-weight: 700
}

.search-more__btn:hover {
    background: #6b6161
}

.box-center {
    width: 500px;
    margin: 10px auto 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
    box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
    display: grid
}

.box-center__header {
    width: 100%;
    clear: both;
    float: left;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    margin: 15px 0;
    color: #1da64c
}

.box-center__body {
    width: 100%;
    clear: both;
    float: left;
    padding: 15px
}

.form-half {
    width: 100%;
    clear: both;
    float: left
}

.form-half .form-group {
    width: calc(50% - 10px);
    float: left;
    clear: none
}

.form-half .form-group:nth-child(1) {
    margin-right: 20px
}

.form-group {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 10px
}


.form-textarea {
    padding: 10px;
    height: 100px
}

.form-label {
    width: 100%;
    clear: both;
    float: left;
    font-weight: 700;
    line-height: 34px;
    height: 34px;
    overflow: hidden
}

.form-label .small {
    color: #9f9f9f;
    font-size: 14px;
    margin-left: 3px
}

.form-editor {
    width: 100%;
    clear: both;
    float: left
}

.form-icon {
    width: 100%;
    clear: both;
    float: left;
    position: relative
}

.form-icon .icon {
    float: left;
    width: 34px;
    height: 34px;
    line-height: 34px;
    border-radius: 3px 0 0 3px;
    text-align: center;
    background: #9f9f9f;
    color: #fff
}

.form-icon .form-control {
    width: calc(100% - 34px);
    border-radius: 0 3px 3px 0;
    clear: none
}

.form-desc {
    width: 100%;
    clear: both;
    float: left;
    font-style: italic;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 15px
}

.form-select {
    width: 100%;
    clear: both;
    float: left
}

.form-select .item {
    float: left;
    cursor: pointer;
    margin: 0 10px 10px 0;
    border: 1px solid #1f7ecb;
    padding: 8px 10px;
    color: #1f7ecb;
    border-radius: 3px
}

.form-select .item i {
    margin-right: 5px
}

.form-select .item.active {
    background: #1f7ecb;
    color: #fff;
    display: block
}

.form-list-image {
    width: 100%;
    clear: both;
    float: left;
    border: 1px solid #1da64c;
    padding: 5px
}

.form-list-image .item {
    width: calc(100% / 8 - 10px);
    margin: 5px;
    float: left;
    border: 2px solid #f2f2f2;
    cursor: pointer
}

.form-list-image .item.active,.form-list-image .item:hover {
    border: 2px solid #1da64c
}

.form-list-image .item img {
    -o-object-fit: contain;
    object-fit: contain
}

.form-suggest {
    position: absolute;
    top: 34px;
    width: 100%;
    background: #fff;
    border: 1px solid #1da64c;
    z-index: 1;
    max-height: 332px;
    overflow-y: auto;
    display: none
}

.form-suggest ul {
    width: 100%;
    clear: both;
    float: left
}

.form-suggest ul li {
    width: 100%;
    clear: both;
    float: left;
    cursor: pointer;
    border-bottom: 1px solid #f2f2f2;
    padding: 5px 10px;
    line-height: 22px;
    height: 33px;
    overflow: hidden;
    font-size: 14px
}

.form-suggest ul li:last-child {
    border-bottom: none
}

.form-suggest ul li:hover {
    background: #1da64c;
    color: #fff
}

.form-lists {
    width: 100%;
    clear: both;
    float: left;
    margin-top: 10px
}

.form-lists .item {
    float: left;
    margin: 0 10px 10px 0
}

.form-lists .item p {
    background: #ccc;
    float: left;
    line-height: 25px;
    padding: 0 10px
}

.form-lists .item-delete {
    float: left;
    background: red;
    color: #fff;
    height: 25px;
    cursor: pointer
}

.form-lists .item-delete i {
    line-height: 25px;
    padding: 0 10px
}

.form-image {
    width: 100%;
    clear: both;
    float: left
}

.form-image__img {
    float: left;
    width: 150px;
    height: 150px;
    border-radius: 150px;
    overflow: hidden;
    border: 1px solid #f2f2f2;
    margin: 0 calc(50% - 75px) 10px calc(50% - 75px)
}

.form-image__img img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%
}

.form-image__upload {
    width: 100%;
    float: left;
    text-align: center
}

.form-image__upload input[type=file] {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.form-image__upload label {
    cursor: pointer;
    display: inline-block;
    width: 250px
}

.form-image__upload label i {
    margin-right: 5px
}

.form-image__note {
    width: 100%;
    clear: both;
    float: left;
    font-size: 14px;
    text-align: center;
    margin-top: 5px
}

.form-submit {
    width: 100%;
    clear: both;
    float: left;
    text-align: center;
    margin-top: 10px
}

.form-submit__btn {
    font-weight: 700;
    text-transform: uppercase;
    width: 50%;
    display: inline-block
}

.form-submit__btn i {
    margin-right: 5px
}

.form-horizonal .form-label {
    width: 190px;
    clear: none
}

.form-horizonal .form-control {
    width: calc(100% - 190px);
    clear: none
}

.form-horizonal .form-image {
    width: calc(100% - 190px);
    clear: none
}

.hr {
    width: 100%;
    float: left;
    display: block;
    height: 2px;
    background: #f2f2f2;
    margin: 15px 0
}

.file-hidden {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.notification {
    width: 100%;
    clear: both;
    float: left;
    background: #1da64c;
    padding: 8px 15px;
    color: #fff;
    position: relative
}

.notification-text {
    width: 100%;
    clear: both;
    float: left
}

.notification-text p {
    line-height: 22px
}

.notification-close {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    background: #6bbf2b;
    text-align: center;
    cursor: pointer
}

.notification-close i {
    line-height: 25px
}

.create-deals {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 30px
}

.create-deals .notification {
    margin-bottom: 10px
}

.create-deals .heading {
    width: 100%;
    clear: both;
    float: left;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px
}

.create-deals__preview {
    float: left;
    width: 250px
}

.create-deals__preview .heading {
    padding: 15px;
    margin-bottom: 0
}

.create-deals__preview .scrolling_item {
    width: 100%;
    clear: both;
    float: left;
    background: #fff
}

.create-deals__form {
    width: 50%;
    float: left;
    background: #fff;
    margin-right: 10px;
    padding: 15px
}

.create-deals__form .form-image__img {
    width: 100%;
    border-radius: 0;
    margin: 0 0 10px 0;
    border: none
}

.create-deals__form .form-image__img img {
    -o-object-fit: contain;
    object-fit: contain
}

.create-deals__form .loading:after {
    background-size: 25px 25px
}

.contacts {
    width: 100%;
    clear: both;
    float: left;
    background: #fff
}

.contacts-title {
    width: 100%;
    clear: both;
    float: left;
    font-size: 20px;
    color: #222;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 15px;
    text-transform: uppercase
}

.contacts-form {
    width: 50%;
    float: left;
    padding: 15px
}

.contacts-form .contacts-title {
    text-align: center
}

.contacts-content {
    width: 50%;
    float: left;
    padding: 15px
}

.contacts-content__slogan {
    width: 100%;
    clear: both;
    float: left;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contacts-content__slogan-icon {
    width: 88px;
    text-align: center
}

.contacts-content__slogan-icon svg {
    height: 44px;
    text-align: center
}

.contacts-content__slogan-text {
    width: calc(100% - 88px);
    padding-left: 10px;
    line-height: 22px;
    text-align: justify
}

.contacts-content__list {
    width: 100%;
    clear: both;
    float: left;
    padding: 10px 0 0;
    border-bottom: 1px solid #f2f2f2
}

.contacts-content__list li {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 10px
}

.contacts-content__list li a {
    display: inline-block;
    line-height: 22px;
    color: #058edc;
    font-weight: 700
}

.contacts-content__company {
    width: 100%;
    clear: both;
    float: left;
    padding: 10px 0
}

.contacts-content__company ul {
    width: 100%;
    clear: both;
    float: left
}

.contacts-content__company ul li {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 10px
}

.contacts-content__company ul li a {
    display: inline-block;
    line-height: 22px;
    color: #058edc;
    font-weight: 700
}

.box-top {
    width: 100%;
    clear: both;
    float: left;
    position: fixed;
    top: 0;
    z-index: 100;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 2px rgba(31,31,31,.5);
    box-shadow: 0 0 10px 2px rgba(31,31,31,.5);
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .2s;
    transition: .2s;
    height: 50px
}

.box-top.active {
    opacity: 1;
    visibility: visible;
    -webkit-transition: .2s;
    transition: .2s
}

.box-top__vote {
    width: 108px;
    float: left;
    margin-right: 10px
}

.box-top__title {
    float: left;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    font-weight: 700
}

.box-top__link {
    float: right
}

.box-top__link a {
    display: block;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 5px
}

.box-top__link a i {
    margin-left: 4px
}

.box-top__coupons {
    width: 100%;
    clear: both;
    float: left;
    position: relative
}

.box-top__coupons .filter {
    width: calc(100% - 30px);
    float: left
}

.box-top__coupons .filter ul li {
    float: left;
    margin-right: 20px;
    line-height: 25px
}

.box-top__coupons .filter ul li p {
    color: #1da64c;
    line-height: 30px
}

.box-top__coupons .filter ul li a {
    padding-bottom: 5px;
    line-height: 30px
}

.box-top__coupons .filter ul li a.active {
    color: #1da64c
}

.box-top__coupons .dropdown {
    width: 30px;
    float: left
}

.box-top__coupons .dropdown-btn {
    width: 30px;
    height: 30px;
    border-radius: 0;
    padding: 5px
}

.box-top__coupons .dropdown-box {
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    width: 200px;
    box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    -webkit-box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    -khtml-box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    -moz-box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    -ms-box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    -o-box-shadow: 0 10px 25px -5px rgba(31,31,31,.5);
    z-index: 1000;
    background: #fff;
    border-top: 5px solid #3b5998
}

.box-top__coupons .dropdown-box ul li {
    width: 100%;
    clear: both;
    float: left
}

.box-top__coupons .dropdown-box ul li a {
    line-height: 20px;
    padding: 10px;
    display: block;
    -webkit-transition: .2s;
    transition: .2s
}

.box-top__coupons .dropdown-box ul li a.active,.box-top__coupons .dropdown-box ul li a:hover {
    background: #d1de39;
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s
}

.fb-share-button {
    display: inline-block;
    background: #4267b2;
    color: #fff;
    border-radius: 3px;
    line-height: 20px;
    padding: 0 8px;
    font-size: 14px
}

.fb-share-button:hover {
    background: #2f5092
}

.fb-share-button i {
    margin-right: 3px
}

.babel {
    line-height: 20px;
    float: left;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    margin: 2.5px 10px 2.5px 0;
    padding: 0 8px;
    border-radius: 5px
}

.babel-primary {
    background: #1da64c
}

.babel-red {
    background: #e00034
}

.collaborator {
    width: 100%;
    clear: both;
    float: left;
    margin: 20px 0
}

.collaborator-title {
    width: 100%;
    clear: both;
    float: left;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 20px
}

.collaborator-content {
    width: 100%;
    clear: both;
    float: left;
    padding: 15px;
    background: #fff
}

.collaborator-content__add {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 15px
}

.collaborator .pagination-box {
    margin-top: 15px
}

.collaborator-add {
    width: 100%;
    clear: both;
    float: left
}

.collaborator-add .left {
    width: calc(80% - 10px);
    margin-right: 10px;
    float: left;
    background: #fff;
    padding: 15px
}

.collaborator-add .right {
    width: 20%;
    float: right
}

.collaborator-add__action .btn-group .btn {
    width: 100%;
    margin-bottom: 10px
}

.collaborator .form-image__img {
    width: 100%;
    border-radius: 0;
    margin: 0 0 10px 0;
    border: none
}

.collaborator .form-image__img img {
    -o-object-fit: contain;
    object-fit: contain
}

.brands {
    width: 100%;
    clear: both;
    float: left
}

.brands .box {
    margin: 10px 0 15px 0
}

.brands-box {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 15px;
    background: #fff;
    border-radius: 5px
}

.brands-box.has-deals {
    margin-bottom: 0;
    border-top: 1px solid #f2f2f2
}

.brands-box.has-deals .item-info {
    display: block
}

.brands-box__title {
    width: 100%;
    clear: both;
    float: left;
    border-bottom: 1px solid #f5f5f5;
    font-size: 25px;
    font-weight: 700;
    padding: 10px 15px;
    color: #1da64c
}

.brands-box__list {
    width: 100%;
    clear: both;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.brands-box__list .item {
    width: calc(100% / 4);
    float: left;
    -webkit-transition: .2s;
    transition: .2s
}

.brands-box__list .item:hover {
    -webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
    box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
    -webkit-transition: .2s;
    transition: .2s
}

.brands-box__list .item a {
    width: 100%;
    clear: both;
    float: left;
    padding: 15px
}

.brands-box__list .item-image {
    width: 40px;
    height: 40px;
    float: left;
    border-radius: 40px;
    overflow: hidden
}

.brands-box__list .item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.brands-box__list .item-info {
    width: calc(100% - 40px);
    height: 40px;
    float: left;
    padding-left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.brands-box__list .item-info__title {
    font-weight: 700;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden
}

.brands-box__list .item-info__deals {
    font-size: 13px;
    color: #bfc3c8;
    margin-top: 5px
}

.brands-box__link {
    width: 100%;
    clear: both;
    float: left;
    padding: 15px
}

.brands-box__link-link {
    color: #1da64c;
    font-weight: 700
}

.brands-intro {
    width: 100%;
    clear: both;
    float: left;
    background-color: #002543;
    margin: -15px 0 30px 0;
    padding: 20px 0
}

.brands-intro__avatar {
    position: relative;
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 15px
}

.brands-intro__avatar img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    float: left;
    -o-object-fit: contain;
    object-fit: contain;
    background: #fff
}

.brands-intro__info {
    position: relative;
    width: calc(100% - 80px - 15px);
    float: left;
    height: 80px;
    overflow: hidden;
    padding: 10px 0
}

.brands-intro__info .name {
    float: left;
    font-size: 25px;
    line-height: 30px;
    color: #fff;
    font-weight: 700;
    margin-right: 10px
}

.brands-intro__info .total-deals {
    width: 100%;
    clear: both;
    float: left;
    color: #fff;
    line-height: 30px
}

.brands-intro__info .link {
    position: absolute;
    right: 0;
    top: calc(50% - 36px/2)
}

.brands-desc {
    width: 100%;
    clear: both;
    float: left;
    margin: -30px 0 30px;
    border-bottom: 1px solid #d1d5db;
    background: #fff
}

.brands-desc__content {
    width: 100%;
    clear: both;
    float: left;
    color: #5a5d62
}

.brands-desc__content p {
    line-height: 20px;
    padding: 15px 0 10px
}

.brands-desc__content h2 {
    font-weight: 400;
    font-size: 17px;
    margin-bottom: 10px
}

.brands-desc__nav {
    width: 100%;
    clear: both;
    float: left
}

.brands-desc__nav ul li {
    float: left
}

.brands-desc__nav ul li a {
    display: inline-block;
    font-weight: 700;
    padding: 10px;
    font-size: 16px;
    color: #5a5d62
}

.brands-desc__nav ul li a.active {
    color: #1da64c;
    border-bottom: 2px solid #1da64c
}

.table {
    width: 100%;
    clear: both;
}

.table td,.table th {
    padding: 10px;
    vertical-align: top;
    border-top: 1px solid #1da64c
}

.table thead th {
    border-bottom: 2px solid #1da64c
}

.table tbody {
    border-top: 2px solid #1da64c
}

.table-bordered {
    border: 1px solid #1da64c
}

.table-bordered td,.table-bordered th {
    border: 1px solid #1da64c
}

.table-bordered thead td,.table-bordered thead th {
    border-bottom-width: 2px
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ddd
}

.table-chanhtuoi tbody tr {
    height: 60px
}

.table-chanhtuoi tbody tr a {
    display: inline-block;
    font-weight: 700;
    line-height: 17.5px;
    height: 35px;
    overflow: hidden
}

.table-chanhtuoi__image {
    width: 60px;
    height: 60px;
    padding: 5px!important;
    vertical-align: middle!important
}

.table-chanhtuoi__image img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    -o-object-fit: contain;
    object-fit: contain
}

.table-chanhtuoi__cate {
    width: 120px
}

.table-chanhtuoi__time {
    width: 215px
}

.table-chanhtuoi__status {
    width: 135px
}

.table-chanhtuoi__status .babel {
    margin-right: 0
}

.table-chanhtuoi__action {
    width: 50px;
    text-align: center
}

.table-chanhtuoi__action a {
    display: inline-block;
    color: #1da64c
}

.ads {
    width: 100%;
    float: left;
    clear: both
}

.ads iframe {
    margin: 0 auto
}

.offer {
    width: 700px;
    margin: 10px auto 30px;
    display: grid
}

.offer-back {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 10px
}

.offer-back__link {
    font-size: 14px;
    line-height: 40px
}

.offer-back__link i {
    margin-right: 5px
}

.offer-content {
    width: 100%;
    clear: both;
    float: left;
    background: #fff
}

.offer-content__top {
    width: 100%;
    clear: both;
    float: left;
    padding: 30px
}

.offer-content__top-title {
    width: 100%;
    clear: both;
    float: left;
    font-size: 25px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 700
}

.offer-content__top-subtitle {
    width: 100%;
    clear: both;
    float: left;
    text-align: center;
    line-height: 25px
}

.offer-content__top-subtitle a {
    color: #1da64c
}

.offer-content__top-code {
    width: 100%;
    clear: both;
    float: left;
    padding: 20px 0;
    text-align: center
}

.offer-content__top-code input {
    width: 200px;
    display: inline-block;
    height: 50px;
    border: 1px dashed #ccc;
    border-right: none;
    padding: 10px;
    background: #f3f4f6;
    margin-right: -4px;
    border-radius: 3px 0 0 3px;
    font-weight: 700;
    font-size: 16px
}

.offer-content__top-code button {
    border-left: none;
    border: 1px dashed #ccc;
    border-left: none;
    display: inline-block;
    color: #fff;
    height: 50px;
    padding: 10px;
    position: relative;
    z-index: 1;
    border-radius: 0 3px 3px 0;
    font-size: 16px
}

.offer-content__top-code button:after {
    content: '';
    background: #1da64c;
    position: absolute;
    top: 2px;
    right: 2px;
    left: 2px;
    bottom: 2px;
    z-index: -1;
    border-radius: 3px
}

.offer-content__top-code button i {
    margin-right: 3px
}

.offer-content__top-buynow {
    width: 100%;
    clear: both;
    float: left;
    text-align: center
}

.offer-content__top-buynow .btn {
    display: inline-block;
    padding: 10px 30px
}

.offer-content__top-vote {
    width: 100%;
    clear: both;
    float: left;
    padding: 15px 0 0;
    text-align: center
}

.offer-content__top-vote__text {
    display: inline-block;
    margin-right: 5px
}

.offer-content__top-vote__icon {
    display: inline-block;
    margin-right: 5px;
    cursor: pointer
}

.offer-content__center {
    width: 100%;
    clear: both;
    float: left;
    padding: 20px 30px;
    border-top: 1px solid #ccc
}

.offer-content__center-left {
    width: 50%;
    float: left;
    padding-right: 20px
}

.offer-content__center-left p {
    font-weight: 700;
    font-size: 18px
}

.offer-content__center-right {
    width: 50%;
    float: left;
    height: 98px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.offer-content__center-right a {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    padding: 10px 10px 10px 45px;
    text-align: left
}

.offer-content__center-right a.btn-blue {
    background: #0080ff
}

.offer-content__center-right a i {
    position: absolute;
    left: 13px;
    top: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px
}

.offer-content__bottom {
    width: 100%;
    clear: both;
    float: left;
    background: #e4e8ef;
    padding: 15px 0
}

.offer-content__bottom-link {
    text-align: center
}

.offer-content__bottom-link a {
    color: #1da64c;
    font-weight: 700
}

.link-inline {
    display: inline-block;
    margin: 0 0 0 10px;
    font-size: 14px;
    color: #1da64c
}

.markup {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.markup img {
    width: 100%;
    height: 100%
}

.line {
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box!important;
    overflow: hidden
}

.line-1 {
    -webkit-line-clamp: 1
}

.line-2 {
    -webkit-line-clamp: 2
}

.line-3 {
    -webkit-line-clamp: 3
}

.line-4 {
    -webkit-line-clamp: 4
}

.expired {
    position: relative;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.comments .items_parent:nth-child(even) {
    background: #f8f8f8
}

.comments .items {
    width: 100%;
    clear: both;
    float: left;
    padding: 0 15px;
    padding-top: 15px;
    -webkit-transition: background-color ease-in .2s;
    transition: background-color ease-in .2s
}

.comments .items-avatar {
    width: 40px;
    height: 40px;
    float: left;
    border-radius: 50px;
    margin-right: 10px
}

.comments .items-avatar .avata-comment img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    border-radius: 50px
}

.comments .items-info {
    width: calc(100% - 52px);
    float: left
}

.comments .items-info__content {
    width: 100%;
    overflow: hidden;
    position: relative
}

.comments .items-info__content .content_comment {
    padding-bottom: 0;
    line-height: 150%
}

.comments .items-info__content .content_comment span {
    display: inline
}

.comments .items-info__content .content_comment .txt-name {
    color: #04416d;
    margin-right: 5px;
    font-weight: 700;
    float: left
}

.comments .items-info__content .content_comment .txt-name .babel {
    float: left;
    font-size: 12px;
    margin: .5px 0 .5px 0
}

.comments .items-info__content .content_comment .txt-name .babel:nth-child(even) {
    margin-left: 5px
}

.comments .items-info__content .content_comment .txt-name .nickname {
    color: #04416d
}

.comments .items-info__content .content_comment .view_full_content a {
    color: #b7a4a4
}

.comments .items-info__content .content_comment .text-content li,.comments .items-info__content .content_comment .text-content p {
    color: #3e3e3e;
    font-size: 15px
}

.comments .items-info__content .content_comment .text-content li a,.comments .items-info__content .content_comment .text-content p a {
    color: #00f
}

.comments .items-info__content .content_comment .text-content a {
    color: #00f
}

.comments .items-info__content__viewmore {
    position: absolute;
    bottom: 2px;
    right: 2px;
    background: #f9f9f9;
    color: #757575;
    cursor: pointer
}

.comments .items-info__garelly {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 5px;
    margin-top: 5px
}

.comments .items-info__garelly a {
    width: 300px;
    height: 300px;
    display: inline-block;
    margin-right: 5px;
    border: 1px solid #ccc
}

.comments .items-info__garelly a img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%
}

.comments .items-info__action {
    margin-top: 2px;
    width: 100%;
    clear: both;
    float: left
}

.comments .items-info__action ul {
    width: 100%;
    clear: both;
    float: left
}

.comments .items-info__action ul li {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    color: #757575
}

.comments .items-info__action ul li p {
    line-height: 20px;
    font-size: 14px;
    display: block;
    color: #757575;
    cursor: pointer
}

.comments .items-info__action ul li p:hover {
    color: #087cce
}

.comments .items-info__action ul li p .count_like {
    margin-right: 5px
}

.comments .items-info__action ul li:hover .share_comments {
    visibility: visible;
    opacity: 1
}

.comments .items .item-child {
    width: 100%;
    float: left;
    padding-top: 10px
}

.comments .items .item-child__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 15px;
    padding-bottom: 10px;
    padding-left: 46px
}

.comments .items .item-child__list .items {
    padding: 15px 0 15px 10px;
    border-bottom: none;
    border-left: 2px solid #ededed;
    margin-top: 0
}

.default {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.marker {
    background-color: #f3f5f9;
    color: #001737;
    padding: 5px 10px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase
}

.marker-dark,.marker-ribbon {
    background-color: #1c273c
}

.marker-dark:after,.marker-ribbon:after {
    border-bottom-color: #040508
}

.marker-ribbon:after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    border-bottom: 7px solid #040508;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#bestproducts {
    background: #fff!important
}

.bestproducts {
    background: #fff;
    padding: 0 20px
}

.bestproducts-slide {
    width: calc(100% + 40px);
    margin: 0 -20px;
    float: left
}

.bestproducts-slide__list .item {
    width: 100%;
    padding: 10px
}

.bestproducts-slide__list .item-image {
    width: 80px;
    margin: 0 auto 5px
}

.bestproducts-slide__list .item-info__title {
    font-size: 14px;
    text-align: center;
    font-weight: 400
}

.bestproducts-slide__list .owl-next,.bestproducts-slide__list .owl-prev {
    position: absolute;
    top: calc(100% / 2 - 27px);
    color: rgba(0,0,0,.54)!important;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 999px;
    -webkit-transition: .2s;
    transition: .2s
}

.bestproducts-slide__list .owl-next.disabled,.bestproducts-slide__list .owl-prev.disabled {
    display: none
}

.bestproducts-slide__list .owl-next span,.bestproducts-slide__list .owl-prev span {
    font-size: 22px;
    line-height: 30px;
    display: block;
    margin-top: -2px;
    position: relative;
    z-index: 1
}

.bestproducts-slide__list .owl-next:after,.bestproducts-slide__list .owl-prev:after {
    content: '';
    position: absolute;
    background: #fff!important;
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-box-shadow: 0 1px 12px 0 rgba(0,0,0,.12);
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.12);
    border-radius: 999px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.bestproducts-slide__list .owl-next:hover,.bestproducts-slide__list .owl-prev:hover {
    width: 50px;
    height: 50px;
    top: calc(100% / 2 - 35px)
}

.bestproducts-slide__list .owl-next:hover span,.bestproducts-slide__list .owl-prev:hover span {
    font-size: 30px
}

.bestproducts-slide__list .owl-prev {
    left: -15px
}

.bestproducts-slide__list .owl-prev:hover {
    left: -25px
}

.bestproducts-slide__list .owl-prev span {
    margin-left: -2px
}

.bestproducts-slide__list .owl-next {
    right: -15px
}

.bestproducts-slide__list .owl-next:hover {
    right: -25px
}

.bestproducts-slide__list .owl-next span {
    margin-left: 2px
}

.bestproducts-name {
    width: 100%;
    clear: both;
    float: left
}

.bestproducts-name .name {
    width: 100%;
    clear: both;
    float: left;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    margin: 20px 0 15px 0;
    text-align: center
}

.bestproducts-description {
    width: 100%;
    clear: both;
    float: left
}

.bestproducts-description .css-content p {
    white-space: unset;
    font-size: 16px
}

.bestproducts-nav {
    width: 100%;
    clear: both;
    float: left;
    margin-top: 15px
}

.bestproducts-nav__content {
    width: 100%;
    clear: both;
    float: left;
    padding-bottom: 10px;
    border-bottom: 2px solid #ddd
}

.bestproducts-nav__content ul li {
    display: inline-block;
    margin-right: 20px;
    position: relative
}

.bestproducts-nav__content ul li:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #1da64c;
    position: absolute;
    bottom: -12px;
    left: 0;
    visibility: hidden;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.bestproducts-nav__content ul li a {
    font-size: 16px;
    color: #596882
}

.bestproducts-nav__content ul li:first-child:after {
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.bestproducts-nav__content ul li:hover a {
    color: #1da64c
}

.bestproducts-nav__content ul li:hover:after {
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.bestproducts-nav__info {
    width: 100%;
    clear: both;
    float: left;
    margin-top: 10px
}

.bestproducts-nav__info ul li {
    color: #b7a4a4;
    line-height: 25px;
    font-size: 14px;
    float: left;
    margin-right: 15px;
    overflow: hidden;
    height: 25px
}

.bestproducts-nav__info ul li a {
    color: #b7a4a4
}

.bestproducts-nav__info .share {
    width: 155px;
    float: right;
    position: relative;
    top: 3px
}

.bestproducts-nav__info .share .zalo-share-button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.bestproducts-products {
    width: 100%;
    clear: both;
    float: left;
    margin-top: 25px
}

.bestproducts-products__name {
    width: 100%;
    clear: both;
    float: left
}

.bestproducts-products__name .title-name {
    width: 100%;
    clear: both;
    font-weight: 200;
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 20px
}

.bestproducts-products__content {
    width: 100%;
    clear: both;
    float: left
}

.bestproducts-products__content .product-content {
    width: 100%
}

.bestproducts-products__content .product-content .item {
    width: 100%;
    clear: both;
    float: left;
    position: relative;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #eee;
    margin-bottom: 15px
}

.bestproducts-products__content .product-content .item-image {
    width: 160px;
    clear: both;
    float: left;
    position: relative
}

.bestproducts-products__content .product-content .item-info {
    width: calc(100% - 160px);
    float: left;
    padding-left: 15px
}

.bestproducts-products__content .product-content .item-info__product {
    width: calc(100% - 190px);
    float: left;
    padding-right: 15px
}

.bestproducts-products__content .product-content .item-info__product .name-product {
    width: 100%;
    clear: both;
    float: left;
    font-size: 20px;
    line-height: 28px;
    color: #196ffa;
    font-weight: 400
}

.bestproducts-products__content .product-content .item-info__product .name-product a {
    color: #196ffa
}

.bestproducts-products__content .product-content .item-info__product .box-price {
    width: 100%;
    clear: both;
    float: left;
    float: left;
    color: #e00034;
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px
}

.bestproducts-products__content .product-content .item-info__product .box-vote {
    width: 100%;
    clear: both;
    float: left;
    margin-top: 10px
}

.bestproducts-products__content .product-content .item-info__product .box-vote ul li {
    float: left
}

.bestproducts-products__content .product-content .item-info__product .box-vote ul .vote-star i {
    float: left;
    margin-right: 3px;
    color: #ffce3d;
    font-size: 16px;
    line-height: 20px
}

.bestproducts-products__content .product-content .item-info__product .box-vote ul .vote-review {
    margin-left: 5px;
    font-size: 14px;
    line-height: 20px
}

.bestproducts-products__content .product-content .item-info__product .box-deliver {
    width: 100%;
    clear: both;
    float: left;
    position: relative;
    margin-top: 15px
}

.bestproducts-products__content .product-content .item-info__product .box-deliver .icon {
    float: left
}

.bestproducts-products__content .product-content .item-info__product .box-deliver .icon img {
    float: left;
    width: 40px;
    height: 25px
}

.bestproducts-products__content .product-content .item-info__product .box-deliver .text {
    font-size: 14px;
    line-height: 25px;
    margin-left: 10px
}

.bestproducts-products__content .product-content .item-info__action {
    width: 190px;
    float: left
}

.bestproducts-products__content .product-content .item-info__action .qty-sell {
    width: 100%;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 100;
    color: #3e3e3e;
    position: relative
}

.bestproducts-products__content .product-content .item-info__action .qty-sell .qty {
    color: #10b759;
    font-size: 30px
}

.bestproducts-products__content .product-content .item-info__action .qty-sell i {
    color: #a5a5a5
}

.bestproducts-products__content .product-content .item-info__action .qty-sell .info-more {
    width: 210px;
    display: none;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    position: absolute;
    padding: 10px;
    top: 35px;
    right: 0;
    z-index: 999;
    text-align: left;
    background: #fff;
    font-size: 13px;
    line-height: 18px
}

.bestproducts-products__content .product-content .item-info__action .buy-now {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 10px
}

.bestproducts-products__content .product-content .item .rank-sell {
    font-size: 18px;
    width: 48px;
    text-align: center;
    top: 10px;
    left: -10px;
    position: absolute;
    z-index: 1;
    background: #1c273c;
    color: #fff;
    display: none
}

.bestproducts-products__content .product-content .item .marker-danger {
    padding-left: 56px;
    top: 10px;
    left: 0;
    position: absolute;
    z-index: 1;
    background: #e00034!important;
    color: #fff;
    display: none
}

.bestproducts-products__content .product-content .item:first-child .marker-danger,.bestproducts-products__content .product-content .item:first-child .rank-sell {
    display: block
}

.bestproducts-products__content .product-content .item:nth-child(2) .marker-danger,.bestproducts-products__content .product-content .item:nth-child(2) .rank-sell {
    display: block
}

.bestproducts-products__content .product-content .item:hover {
    box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
    -khtml-box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
    -o-box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
    -webkit-transition: .2s;
    transition: .2s
}

.bestproducts-products__content .product-content .item:hover .name-product a:hover {
    color: #1da64c
}

.bestproducts-products__infoupdate {
    width: 100%;
    text-align: right;
    color: #666;
    font-style: italic
}

.bestproducts-products__infoupdate p {
    color: #666
}

.bestproducts-manual {
    width: 755px;
    margin: auto
}

.bestproducts-manual__item {
    margin-top: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 50px;
    position: relative
}

.bestproducts-manual__item .item-name {
    margin-top: 20px;
    width: 100%;
    font-size: 22px;
    font-weight: 600
}

.bestproducts-manual__item .item-content {
    margin-top: 20px;
    width: 100%
}

.bestproducts-manual__item .item-content__title {
    width: 100%
}

.bestproducts-manual__item .item-content__title .title-name {
    font-weight: 500;
    font-size: 18px
}

.bestproducts-manual__item .item-content__description {
    margin-top: 20px
}

.bestproducts-manual__item .croll-top {
    position: absolute;
    top: 19px;
    right: 0;
    z-index: 99;
    cursor: pointer
}

.bestproducts-manual__item .croll-top i {
    color: #0168fa
}

.bestproducts-manual__item:last-child {
    border-bottom: none
}

.related-best-product {
    margin-top: 20px
}

.chanhtuoi_ads {
    display: inline-block;
    width: 100%;
    margin: 10px 0!important
}

.chanhtuoi_ads__banner {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 0!important
}

.chanhtuoi_ads__banner img {
    margin: 0 auto
}

.chanhtuoi_ads__products {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 0!important;
    background-color: #ececec;
    padding: 0 30px;
    border-radius: 5px;
    overflow: hidden
}

.chanhtuoi_ads__products .owl-next,.chanhtuoi_ads__products .owl-prev {
    position: absolute;
    top: calc(100% / 2 - 27px);
    background: rgba(0,0,0,.5)!important;
    color: #fff!important;
    width: 20px;
    height: 50px;
    text-align: center;
    display: block
}

.chanhtuoi_ads__products .owl-next span,.chanhtuoi_ads__products .owl-prev span {
    font-size: 25px;
    line-height: 50px;
    display: block;
    padding-bottom: 5px
}

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

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

.chanhtuoi_ads__products a {
    color: #000
}

.chanhtuoi_ads__products div {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 20px;
    text-align: left
}

.chanhtuoi_ads__products .item {
    width: 100%;
    clear: both;
    float: left;
    margin: 15px 0;
    display: inline-block;
    border-radius: 5px;
    overflow: hidden
}

.chanhtuoi_ads__products .item-info {
    width: 100%;
    clear: both;
    float: left;
    background: #fff;
    padding: 10px
}

.chanhtuoi_ads__products .item-info__title {
    width: 100%;
    clear: both;
    float: left;
    height: 36px;
    line-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 4px;
    font-size: 14px
}

.chanhtuoi_ads__products .item-info__price {
    width: 100%;
    clear: both;
    float: left
}

.chanhtuoi_ads__products .item-info__price--big {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 4px;
    font-size: 18px;
    color: #f57224;
    letter-spacing: -.56px;
    line-height: 22px;
    height: 22px
}

.chanhtuoi_ads__products .item-info__price--small {
    float: left;
    color: #9e9e9e;
    text-decoration: line-through;
    font-size: 14px
}

.chanhtuoi_ads__products .item-info__price__discount {
    float: left;
    font-size: 14px;
    margin-left: 10px
}

.chanhtuoi_ads__box {
    width: 100%;
    clear: both;
    float: left
}

.chanhtuoi_ads__box__caption {
    font-weight: 700;
    font-size: 16px!important;
    text-align: center!important;
    line-height: 24px!important
}

.chanhtuoi_ads__box__detail {
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    -webkit-box-shadow: rgba(10,40,56,.2) 0 10px 20px 0,#2aaa4d 11px 0 0 -5px inset;
    box-shadow: rgba(10,40,56,.2) 0 10px 20px 0,#2aaa4d 11px 0 0 -5px inset;
    border-color: #2aaa4d;
    padding: 10px 10px 10px 15px
}

.chanhtuoi_ads__box__detail ul {
    margin-bottom: 2px!important
}

.chanhtuoi_ads__box__detail li,.chanhtuoi_ads__box__detail p {
    margin-bottom: 2px!important;
    line-height: 24px!important;
    font-size: 16px!important
}

.box-auth {
    width: 700px;
    margin: 10px auto 20px;
    display: grid
}

.auth-left {
    width: 50%;
    float: left;
    background: #f5f5f5 url(https://cdn.chanhtuoi.com/assets/img/login-popup-bg.svg);
    background-size: 100% auto;
    padding: 15px
}

.auth-image {
    width: 100%;
    clear: both;
    float: left;
    padding: 44px 0
}

.auth-image img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    width: 150px;
    height: 150px
}

.auth-title {
    width: 100%;
    clear: both;
    float: left;
    text-align: center;
    font-weight: 700;
    font-size: 19px;
    margin-bottom: 15px
}

.auth-info {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 30px
}

.auth-info p {
    line-height: 25px;
    text-align: center
}

.auth-info ul li {
    position: relative;
    padding-left: 30px;
    line-height: 25px;
    font-size: 15px;
    margin-bottom: 5px
}

.auth-info ul li:before {
    content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://cdn.chanhtuoi.com/assets/img/icon/icon-check.png) no-repeat;
    background-size: 20px 20px;
    left: 0;
    top: 2.5px
}

.auth-action {
    width: 100%;
    clear: both;
    float: left
}

.auth-action .btn {
    width: 100%;
    font-size: 18px;
    height: 42px
}

.auth-right {
    width: 50%;
    float: right;
    padding: 15px
}

.auth-right .auth-title {
    text-align: left;
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 1.3
}

.auth-social {
    width: 100%;
    clear: both;
    float: left
}

.auth-social a {
    position: relative;
    font-weight: 700
}

.auth-social .btn {
    margin-bottom: 15px
}

.auth-social svg {
    margin-right: 5px;
    font-size: 18px;
    position: absolute;
    left: 10px;
    line-height: 19px
}

.auth-form {
    width: 100%;
    clear: both;
    float: left
}

.auth-form .form {
    width: 100%;
    clear: both;
    float: left
}

.auth-form .form-group {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 10px
}

.auth-form .form-group label {
    font-size: 14px;
    float: left;
    margin-bottom: 5px
}

.auth-form .form-group label a {
    color: #1da64c
}

.auth-form .form-group p {
    font-size: 14px
}

.auth-form .form-group.checkbox .btn-checkbox {
    float: left
}

.auth-form .form-group.checkbox label {
    width: calc(100% - 20px);
    padding-left: 5px;
    cursor: pointer
}

.auth-form .form-group .forgot-password {
    width: 100%;
    clear: both;
    float: left;
    text-align: right;
    font-size: 14px
}

.auth-form .form-control {
    width: 100%;
    clear: both;
    float: left;
    height: 45px;
    border: 1px solid #979797;
    border-radius: 3px;
    padding: 10px
}

.auth-form .form-submit {
    width: 100%;
    clear: both;
    float: left;
    margin-top: 0
}

.auth-form .form-submit .btn {
    width: 100%;
    height: 42px;
    font-size: 18px
}

.auth-form__message {
    font-style: italic;
    margin-bottom: 10px;
    color: red;
    display: none
}

.auth-loading {
    width: 100%;
    clear: both;
    float: left;
    padding: 20px 0;
    display: none
}

.auth-loading img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 100px
}

.auth-success {
    width: 100%;
    clear: both;
    float: left;
    display: none
}

.auth-success__title {
    width: 100%;
    clear: both;
    float: left;
    font-weight: 700;
    color: #01be42;
    font-size: 18px;
    margin-bottom: 10px
}

.auth-success__icon {
    float: left;
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    display: block;
    margin-left: calc(50% - 25px);
    position: relative
}

.auth-success__icon i {
    font-size: 50px;
    color: #01be42
}

.auth-success__icon span {
    position: absolute;
    background: red;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    top: calc(-20px / 2 + 10px);
    right: calc(-20px / 2);
    color: #fff;
    text-align: center
}

.auth-success__note {
    width: 100%;
    clear: both;
    float: left;
    line-height: 25px
}

.auth .gifts {
    width: 100%;
    clear: both;
    float: left;
    height: 348px;
    overflow: hidden
}

.auth .gifts-image {
    width: 100%;
    height: calc(348px - 44px - 110px - 10px);
    margin-bottom: 5px;
    position: relative
}

.auth .gifts-image img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%
}

.auth .gifts-image span {
    position: absolute;
    top: 0;
    left: 0;
    background: #1da64c;
    color: #fff;
    padding: 5px 10px
}

.auth .gifts-title {
    font-weight: 700;
    line-height: 22px;
    max-height: 44px;
    overflow: hidden;
    margin-bottom: 5px;
    text-align: center
}

.auth .gifts-desc {
    line-height: 22px;
    font-size: 14px;
    text-align: justify;
    max-height: 110px;
    overflow: hidden
}

.chanhtuoi-code .item.assistant {
    background-color: #2d3e50
}

.chanhtuoi-code .item.assistant .assistant-header {
    color: #fff
}

.chanhtuoi-code .item.assistant .assistant-content {
    color: #fff;
    font-weight: 700;
    line-height: 18px;
    text-align: justify;
    height: 146px
}

.chanhtuoi-code .item.assistant .assistant-content .desc {
    margin-bottom: 5px
}

.draft .left {
    width: calc(50% - 10px);
    float: left;
    margin-right: 10px;
    background: #fff;
    padding: 15px
}

.draft .right {
    width: calc(50% - 10px);
    float: right;
    margin-left: 10px;
    background: #fff;
    padding: 15px
}

.draft .form-actions .btn {
    display: inline
}

.vote-star-box {
    background-color: #fff;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    clear: both;
    -webkit-box-align: center
}

.vote-star-box .vote-stars {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vote-star-box .vote-stars .vote-star {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vote-star-box .vote-stars .vote-star .item {
    padding-right: 4px;
    cursor: pointer
}

.vote-star-box .vote-stars .vote-star .item-icon {
    width: 18px;
    height: 18px;
    -webkit-transition: .3s all;
    transition: .3s all
}

.vote-star-box .vote-stars .vote-star.inactive .item-icon {
    background-image: url(/assets/img/icon/star-inactive.svg)
}

.vote-star-box .vote-stars .vote-star.active {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.vote-star-box .vote-stars .vote-star.active .item-icon {
    background-image: url(/assets/img/icon/star-active.svg)
}

.vote-star-box .vote-text {
    margin-left: 5px
}

.vote-star-box.disabled .vote-stars .item {
    cursor: default
}

.vote-star-box.disabled .vote-stars .item-icon {
    background-image: url(/assets/img/icon/star-selected.svg)
}

.vote-star-box:not(.disabled) .vote-stars:hover .active {
    width: 0!important
}

.vote-star-box:not(.disabled) .vote-stars:hover .item-icon {
    background-image: url(/assets/img/icon/star-selected.svg)
}

.vote-star-box:not(.disabled) .vote-stars .item:hover~.item .item-icon {
    background-image: url(/assets/img/icon/star-inactive.svg)
}

.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page .chanhtuoi-content {
    background-color: #fff
}

@media screen and (max-width: 1200px) {
    .footer {
        background-image:unset
    }
}