body{
    background: var(--bg-color);
}

/*主色*/
.main-color,
.main-color * {
    color: var(--main-color);
}

/*辅助色*/
.subtitle,
.subtitle * {
    color: var(--auxi-color);
}

/*折扣色*/
.collection-hot-products>div p span.discount,
.collection-product-title .discount,
.collection-product-price .discount {
    color: var(--discount-color);
}

/*按钮*/
.collection-products .collection-product>.inner .btn-box button,
.btn-boxes {
    background: var(--btn-color) !important;
}

/*按钮文字*/
.collection-products .collection-product>.inner .btn-box button span,
.btn-boxes,
.btn-boxes *{
    color: var(--btn-text-color) !important;
}

/*线条*/
.featured-goods-line,
.category-list-line,
.blog .blog-line,
.top-line-bottom,
.top-banner-line,
.product-line{
    border-bottom: 1px solid var(--line-color);
}

/*促销标签*/
.collection-products .collection-product>.inner .sale-btn button{
    background: var(--promotion-color);
}

/*购物车圆点*/
.header .bar .right>a .circle,
.header .bar .right>span .circle{
    background:var(--cart-color)
}

/*购物车圆点文字*/
.header .bar .right>a .circle span,
.header .bar .right>span .circle span{
    color: var(--cart-text-color);
}

/*评分*/
.mark-color{
    fill: var(--mark-color);
}

/*公告*/
/*bg*/
.header .top-banner .text{
    background: var(--notice-bg-color);
}

/*text*/
.header .top-banner .text p,
.disclosure .disclosure__toggle span
{
    color: var(--notice-text-color);
}

/*箭头颜色*/
/*svg .b,*/
/*.disclosure .disclosure__toggle span .a,*/
.sort-down .b,
.sort-up .b
{
    fill: var(--notice-btn-color);
}


/*页头*/
.header .bar,
.header .main-nav,
.header .bar-search{
    background: var(--header-bg-color) !important;
    background-color: var(--header-bg-color) !important;
}
.header .main-nav ul.root>li>a span{
    color: var(--header-text-color);
    font-size: var(--header-typeface-size);
}
.header .bar .center .search-border input,
.search-border input,
.input-box-span,
.input-box{
    color: var(--search-text-color);
    opacity:  1;
}
.header .bar .center .search-border input::-webkit-input-placeholder ,
.search-border input::-webkit-input-placeholder ,
.input-box-span::-webkit-input-placeholder ,
.input-box::-webkit-input-placeholder { /* WebKit browsers */
    color: var(--search-text-color);
    opacity:  1;
}
.header .bar .center .search-border input:-moz-placeholder,
.search-border input:-moz-placeholder,
.input-box-span:-moz-placeholder,
.input-box:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: var(--search-text-color);
    opacity:  1;
}
.header .bar .center .search-border input::-moz-placeholder ,
.search-border input::-moz-placeholder ,
.input-box-span::-moz-placeholder ,
.input-box::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: var(--search-text-color);
    opacity:  1;
}
.header .bar .center .search-border input:-ms-input-placeholder,
.search-border input:-ms-input-placeholder,
.input-box-span:-ms-input-placeholder,
.input-box:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: var(--search-text-color);
    opacity:  1;
}

.header .main-nav ul.root>li>a span{
    font-size: var(--header-typeface-size);
}

.header.title-typeface-size .disclosure .disclosure__toggle span,
.header.title-typeface-size .main-nav ul.root>li>a span{
    font-weight: unset !important;
    font-family: var(--title-typeface);
}

.header.content-typeface-size .disclosure .disclosure__toggle span,
.header.content-typeface-size .main-nav ul.root>li>a span{
    font-weight: unset !important;
    font-family: var(--content-typeface);
}

.header.all-caps .main-nav ul.root>li>a span{
    text-transform: var(--header-typeface-uppercase);
}

/*页脚*/
.footer{
    background: var(--footer-bg-color);
}
.footer .top .col h1{
    color: var(--footer-title-color);
}
.footer .top .col .rte p a,
.footer .top .col p a,
.footer .top .col .rte p,
.footer .top .col li,
.footer .top .col p,
.footer .bottom .btm--item.btm--item__2 p,
.safety-signs>div p{
    color: var(--footer-text-color);
}

svg .c{
    fill: var(--media-icon-color);
}


/*title*/
.msshop-section-title,
.msshop-section-title *,
.title_font_size,
.title_font_size *,
.title_font_sizes,
.title_font_sizes *,
.popups h1 p{
    font-weight: unset !important;
    text-transform: var(--title-typeface-uppercase);
    font-family: var(--title-typeface) !important;
    font-size: var(--title-typeface-size) !important;
    letter-spacing: var(--title-typeface-spacing) !important;
    line-height: var(--title-typeface-line-height) !important;
}

/*content*/
.slideshow-image .table .cell>div>p,
.content_font_sizes,
.content_font_sizes p,
.custom-popup .popups >p, .custom-popup .popups >span{
    font-weight: unset !important;
    font-family: var(--content-typeface) !important;
    font-size: var(--content-typeface-size) !important;
    letter-spacing: var(--content-typeface-spacing) !important;
    line-height: var(--content-typeface-line-height) !important;
}

.msshop-section,
.msshop-section>div{
    margin: 0 auto;
}

/*布局*/
.msshop-section>div {
    max-width: var(--page-width); /*页面宽度*/
    width: 100%;
}

.msshop-section{
    margin-bottom: var(--blocks-spacing);/*分区（组件）间的垂直间距*/
}

/*网格间距*/
.collection-recommendations .recommendation-list,
.collection-products,
.collection-category-list,
.blog.grid .excerpts,
.collections-items{
    row-gap: var(--vertical-spacing) !important;
    /*column-gap: var(--horizontal-spacing) !important;*/
}

@media (max-width: 768px) {
    .collection-recommendations .recommendation-list,
    .collection-products,
    .collection-category-list,
    .blog.grid .excerpts,
    .collections-items,
    #msshop-section-template--blog__main .excerpts{
        /*column-gap: calc(0.5 * var(--horizontal-spacing)) !important;*/
    }
}

@media (max-width: 768px) {
    
}

/*按钮*/
.btn-boxes,
.btn-boxes-nocolor{
    box-shadow: var(--btn-box-shadow) !important;
    border-radius: var(--btn-border-radius) !important;
}

.blank-btn-boxes{
    border: var(--btn-border-thickness) solid #111417 !important;
    border-color: rgba(17, 20, 23, var(--btn-border-opacity)) !important;
    border-radius: var(--btn-border-radius) !important;
    box-shadow: var(--btn-box-shadow) !important;
}

/*输入框*/
.input-box{
    border: var(--inp-border-thickness) solid #E1E1E1 !important;
    background: rgba(255, 255, 255, var(--inp-border-opacity)) !important;
    border-radius: var(--inp-border-radius) 0 0  var(--inp-border-radius) !important;
}

.input-span{
    border-radius: 0 var(--inp-border-radius) var(--inp-border-radius) 0 !important;
}

.input-boxes{
    box-shadow: var(--inp-box-shadow) !important;
    border-radius: var(--inp-border-radius) !important;
}

.input-box-span{
    border: var(--inp-border-thickness) solid #111417 !important;
    opacity: var(--inp-border-opacity) !important;
    box-shadow: var(--inp-box-shadow) !important;
    border-radius: var(--inp-border-radius) !important;
}