.header * {box-sizing: content-box!important;}
a {text-decoration: none !important;}

/*公共参数/*/
:root {
    /*头部尾部颜色*/
    --main-top-bg-color: #ffffff;
    /*字体颜色*/
    --main-top-color: #3e3e3e;
    /*字体大小*/
    --main-top-fontsize: 12px;
    /*头部边框颜色*/
    --main-top-border-color: #c8c8c8;

    /*logo与搜索框背景色*/
    --main-header-bg-color: #fafafa;
    /*搜索框等边框样式*/
    --main-head-border: 0;
    --main-head-border-radius: 0;
    --main-head-border-color: #000;

    /*导航栏li背景*/
    --main-nav-li-color: #c6c6c6;
    /*导航栏li圆角*/
    --main-nav-radius: 0;
    /*导航栏字体颜色*/
    --main-nav-color: #454545;
    /*导航栏字体大小*/
    --main-nav-fontsize: 15px;

    /*主体背景色*/
    --main-bg-color: #fafafa;
    /*商品卡片背景颜色*/
    --main-goods-bg-color: #FFFFFF;
}

/*主体部分*/
.home_content {
    background: var(--main-bg-color);
    padding: 0;
}

.home_floor {
    background: none;
}

/*顶部横条*/
.header_top {
    font-size: var(--main-top-fontsize);
    background: var(--main-top-bg-color);
    color: var(--main-top-color);
    border-bottom: 1px solid var(--main-top-bg-color);
}

/*顶部字体颜色*/
.header_top .top_tool li a {
    color: var(--main-top-color);
    border: 0;
    /*border-left: 1px solid var(--main-top-border-color);*/
    /*border-right: 1px solid var(--main-top-border-color);*/
    padding: 0 15px;
}

/*logo*/
.logo img {
    max-width: 180px !important;
    height: auto !important;
    max-height: none!important;
}

/*header头部*/
.header .body_wrapper {
    padding-top: 20px;
    height: 110px;
    background: var(--main-header-bg-color);
}

/*搜索框div*/
.header .body_wrapper .search_box .search {
    border: var(--main-head-border);
    border-radius: var(--main-head-border-radius);
}

/*搜索框与搜索按钮*/
.search_keyword {
    display: unset !important;
    border-radius: 0!important;
    margin: 0!important;
}
.search_submit {
    border-radius: var(--main-head-border-radius);
}

/*购物车按钮*/
.header .body_wrapper .header_cart {
    background-color: transparent;
    border: var(--main-head-border);
    border-radius: var(--main-head-border-radius);
}

/*购物车数字*/
.header .body_wrapper .header_cart .go_cart em {
    box-sizing: content-box;
    background-color: #186ADC;
    padding: 4px 5.5px;
}

/*登录按钮注册按钮*/
.header .body_wrapper .body_toolbar {
    background-color: transparent;
}

.header .body_wrapper .body_toolbar .body_toolbar_btn {
    border: var(--main-head-border);
    border-radius: var(--main-head-border-radius);
}

/*登录注册分割线*/
.header .body_wrapper .body_toolbar .login_reg em {
    color: var(--main-head-border-color);
}

/*---导航栏---*/

/*背景色*/
.user_center {
    background: var(--main-header-bg-color);
}

.header .nav_bar .nav_index {
    width: 933px;
    padding: 0;
}

/*导航栏li*/
.header .nav_bar .nav_index ul li {
    border-radius: var(--main-nav-radius);
}

/*导航栏字体样式*/
.header .nav_bar .nav_index ul .user_nav_index a {
    font-size: var(--main-nav-fontsize);
    color: var(--main-nav-color);
}

/*栏目标题悬浮*/
.header .nav_bar .nav_index ul .user_nav_index:hover {
    background: var(--main-nav-li-color);
    font-weight: bold;
}

/*导航栏悬浮标题下横线*/
.header .nav_bar .nav_index ul .home_nav_index a span::after {
    background: var(--main-nav-color);
}


/*==================其他页面自定义样式===================*/


/*商家列表页面*/
.seller_list li h3 {
    background-color: var(--main-top-bg-color);
    color: #000;
}



/*view6 模板footer*/
.row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}
.item {
    margin-bottom: var(--bs-gutter-x);
}
.col-lg-2 {
    flex: 0 0 auto;
    width: 16.66667%;
}
.col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
}
.col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333%;
}
.footer {
    font-family: "Source Sans Pro";
    position: relative;
    background-color: #303036;
    width: 100%;
    color: #ffffff;
    font-size: 1.32rem;
    display: block;
    line-height: 1.625;
}
.footer p {
    opacity: 0.8;
    margin: 0 0 2rem 0;
}
.footer i {
    opacity: 0.8;
}
.footer a {
    opacity: 0.8;
    color: #ffffff;
    text-decoration: none;
}
.footer-main {
    position: relative;
    padding: 4rem 0;
}
.footer-mnu li {
    margin-bottom: 1rem;
}
.container {
    max-width: 1320px;
    padding-right: var(--bs-gutter-x, 15px);
    padding-left: var(--bs-gutter-x, 15px);
    margin-right: auto;
    margin-left: auto;
}
.justify-content-between {
    justify-content: space-between !important;
}
.widget-brand-info .logo {
    display: inline-flex;
    opacity: 1;
}
.widget-brand-info-main p, .widget-contacts-info {
    line-height: 1.625!important;
}
.widget-heading {
    margin-bottom: 1.25rem;
}
.wbim-p p {
    margin-top: 1.25rem;
}
.widget-contacts li {
    display: flex;
    margin-bottom: 1rem;
}
.widget-contacts i {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    margin-right: 0.5rem;
}
@font-face {
    font-family: "Material Icons";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("./fonts/material-icons/material-icons.woff2") format("woff2");
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    height: 1rem;
    width: 1rem;
}
.material-icons.md-22 {
    font-size: 1.375rem;
    width: 1.375rem;
    height: 1.375rem;
}