@charset "utf-8";

/*
 * Copyright 2009-2020 shopxx.net. All rights reserved.
 * Support: http://www.shopxx.net
 * License: http://www.shopxx.net/license
 *
 * Style - Theme
 * Version: 7.0
 */

/* ---------- theme ---------- */
.theme .main-header {
    margin-bottom: 10px;
    background-color: #ffffff;
}

.theme {
    background-color: #f1f1f1;
}

.theme main {
    margin-bottom: 20px;
}

.theme .theme-ad {
    position: relative;
    width: 100%;
    height: 500px;
    margin-bottom: 117px;
}

.theme .theme-ad .theme-ad-swiper {
    height: 500px;
    transform: translateY(80px);
}

.theme .theme-ad .swiper-pagination-bullets {
    position: absolute;
    right: 0;
    bottom: -100px;
    left: 0;
}

.theme .theme-ad .swiper-pagination-bullet {
    width: 15px;
    height: 5px;
    margin-right: 3px;
    margin-left: 3px;
    border-radius: 1px;
}

.theme .featured-recommend {
	text-align: center;
}

.theme .featured-recommend>h5,
.theme .store-recommend>h5,
.theme .category-recommend>h5,
.theme .brand-recommend>h5 {
    padding: 20px 0;
    text-align: center;
}

.theme .featured-recommend>h5 span,
.theme .store-recommend>h5 span,
.theme .category-recommend>h5 span,
.theme .brand-recommend>h5 span {
    position: relative;
    padding: 0 35px;
}

.theme .featured-recommend>h5 span:before,
.theme .featured-recommend>h5 span:after,
.theme .store-recommend>h5 span:before,
.theme .store-recommend>h5 span:after,
.theme .category-recommend>h5 span:before,
.theme .category-recommend>h5 span:after,
.theme .brand-recommend>h5 span:before,
.theme .brand-recommend>h5 span:after {
    position: absolute;
    top: 50%;
    width: 25px;
    height: 20px;
    margin-top: -10px;
    content: "";
    background: url("../images/theme-icon.png") no-repeat;
}

.theme .featured-recommend>h5 span:before,
.theme .store-recommend>h5 span:before,
.theme .category-recommend>h5 span:before,
.theme .brand-recommend>h5 span:before {
    left: 0;
}

.theme .featured-recommend>h5 span:after,
.theme .store-recommend>h5 span:after,
.theme .category-recommend>h5 span:after,
.theme .brand-recommend>h5 span:after {
    right: 0;
    transform: rotate(180deg);
}

.theme .featured-recommend ul {
    display: flex;
    flex-wrap: wrap;
}

.theme .featured-recommend ul li {
    display: flex;
    flex-direction: column;
    width: calc((100% - 10px * 5) / 6);
    margin-top: 10px;
    margin-right: 10px;
    padding: 20px;
    background-color: #ffffff;
}

.theme .featured-recommend ul li:nth-child(6n) {
    margin-right: 0;
}

.theme .featured-recommend ul li:nth-child(-n+6) {
    margin-top: 0;
}

.theme .featured-recommend ul li .featured-image {
    display: block;
    height: 130px;
    margin-bottom: 15px;
}

.theme .featured-recommend ul li .featured-image img {
    max-height: 100%;
    transition: opacity 0.3s;
}

.theme .featured-recommend ul li:hover .featured-image img {
    opacity: 0.8;
}

.theme .featured-recommend ul li h5 {
    font-weight: normal;
    margin-bottom: 10px;
}

.theme .featured-recommend ul li strong {
    font-weight: bold;
    color: #E9678F;
}

.theme .store-recommend>ul {
    display: flex;
    flex-wrap: wrap;
}

.theme .store-recommend>ul>li {
    display: flex;
    width: calc((100% - 10px) / 2);
    margin-top: 10px;
    margin-right: 10px;
    text-align: center;
    background-color: #ffffff;
}

.theme .store-recommend>ul>li:nth-child(-n+2) {
    margin-top: 0;
}

.theme .store-recommend>ul>li:nth-child(2n) {
    margin-right: 0;
}

.theme .store-recommend>ul>li .store-left {
    width: 25%;
    padding: 20px;
}

.theme .store-recommend>ul>li .store-left .store-logo {
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin: 0 auto 10px auto;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    background-color: #ffffff;
}

.theme .store-recommend>ul>li .store-left .store-logo img {
    max-width: 100%;
    max-height: 100%;
}

.theme .store-recommend>ul>li .store-left p {
    margin-bottom: 10px;
    color: #ffffff;
}

.theme .store-recommend>ul>li .store-right {
    width: 75%;
    display: flex;
}

.theme .store-recommend>ul>li .store-right li {
    display: flex;
    flex-direction: column;
    width: calc(100% / 3);
    padding: 15px;
}

.theme .store-recommend>ul>li .store-right li .product-image {
    display: block;
    height: 130px;
    margin-bottom: 15px;
}

.theme .store-recommend>ul>li .store-right li .product-image img {
    max-height: 100%;
    transition: opacity 0.3s;
}

.theme .store-recommend>ul>li .store-right li:hover .product-image img {
    opacity: 0.8;
}

.theme .store-recommend>ul>li .store-right li h5 {
    margin-bottom: 10px;
    font-weight: normal;
}

.theme .store-recommend>ul>li .store-right li strong {
    font-weight: normal;
    color: #ed0014;
}

.theme .brand-recommend>ul {
    display: flex;
    flex-wrap: wrap;
}

.theme .brand-recommend>ul>li {
    width: calc((100% - 10px) / 2);
    padding: 20px;
    margin-top: 10px;
    margin-right: 10px;
}

.theme .brand-recommend>ul>li:nth-child(-n+2) {
    margin-top: 0;
}

.theme .brand-recommend>ul>li:nth-child(2n) {
    margin-right: 0;
}

.theme .brand-recommend>ul>li .brand-store {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.theme .brand-recommend>ul>li .brand-store .brand-store-left {
    display: flex;
    align-items: center;
}

.theme .brand-recommend>ul>li .brand-store .brand-store-left .brand-store-image {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-right: 10px;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    background-color: #ffffff;
}

.theme .brand-recommend>ul>li .brand-store .brand-store-left .brand-store-image img {
    max-width: 100%;
    max-height: 100%;
}

.theme .brand-recommend>ul>li .brand-store .brand-store-left h6 {
    margin-right: 10px;
    color: #ffffff;
}

.theme .brand-recommend>ul>li .brand-store .brand-store-left h6 span {
    display: block;
    margin-top: 5px;
}

.theme .brand-recommend>ul>li ul {
    display: flex;
    background-color: #ffffff;
}

.theme .brand-recommend>ul>li ul li {
    width: calc(100% / 3);
    padding: 15px;
    text-align: center;
}

.theme .brand-recommend>ul>li ul li .brand-product-image {
    display: block;
    height: 130px;
    margin-bottom: 15px;
}

.theme .brand-recommend>ul>li ul li .brand-product-image img {
    max-height: 100%;
    transition: opacity 0.3s;
}

.theme .brand-recommend>ul>li ul li:hover .brand-product-image img {
    opacity: 0.8;
}

.theme .brand-recommend>ul>li ul li h5 {
    margin-bottom: 10px;
    font-weight: normal;
}

.theme .brand-recommend>ul>li ul li strong {
    display: block;
    font-weight: normal;
    color: #ed0014;
}

.theme .category-recommend .nav {
    display: flex;
    border: none;
}

.theme .category-recommend .nav li {
    position: relative;
    flex-grow: 1;
}

.theme .category-recommend .nav li.active:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 30px;
    height: 3px;
    content: "";
    transform: translateX(-50%);
    background-color: #ed0014;
}

.theme .category-recommend .nav li a {
    margin-right: 0;
    text-align: center;
    border: none;
    border-radius: 0;
    background-color: #ffffff;
    transition: background-color 0.3s;
}

.theme .category-recommend .nav li a:hover {
    background-color: rgba(237, 0, 20, 0.05);
}

.theme .category-recommend .category-product {
    display: flex;
    flex-wrap: wrap;
}

.theme .category-recommend .category-product li {
    width: calc((100% - 10px * 5) / 6);
    padding: 20px;
    margin-top: 10px;
    margin-right: 10px;
    text-align: center;
    background-color: #ffffff;
}

.theme .category-recommend .category-product li:nth-child(-n+6) {
    margin-top: 0;
}

.theme .category-recommend .category-product li:nth-child(6n) {
    margin-right: 0;
}

.theme .category-recommend .category-product li .category-product-image {
    display: block;
    height: 130px;
    margin-bottom: 15px;
}

.theme .category-recommend .category-product li .category-product-image img {
    max-height: 100%;
    transition: opacity 0.3s;
}

.theme .category-recommend .category-product li:hover .category-product-image img {
    opacity: 0.8;
}

.theme .category-recommend .category-product li h5 {
    margin-bottom: 10px;
    font-weight: normal;
}

.theme .category-recommend .category-product li h6 {
    margin-bottom: 10px;
    font-weight: normal;
    color: #999999;
}

.theme .category-recommend .category-product li strong {
    display: block;
    padding: 0 20px;
    font-weight: normal;
    color: #ed0014;
}