/* 重置logo */
.logo-wrap .head-logo .logo { 
  width: 165px;
  height: 60px;
  background-size: 165px 60px;
  background-repeat: no-repeat;
  background-position: left;
}

.logo-wrap .head-logo img { 
    width: 300px;
    height: 63px;
    background-size: 300px 63px;
    background-repeat: no-repeat;
    background-position: left;
    margin-top: 7px;
    margin-left: -58px;
}

/* 购物车文字 */
.head-logo > .head-caption {
  height: 75px;
  width: 400px;
  font-size: 16px;
  line-height: 75px;
  color: #333;
  margin-left: 20px;
}

/* 购物车文字 */
.head-logo > .head-caption a {
  cursor: pointer;
  margin-left: 40px;
}

/* 搜索框重置 */
.head-logo .sch {
  width: 580px;
  padding-top: 20px;
}

.head-logo .sch .sch-bd {
  margin-left: 30px;
}

.main {
  width: 1200px;
  margin: 0 auto;
}

/* 面包屑导航 */
.component-breadcrumb {
  height: 40px;
  line-height: 40px;
  font-size: 12px;
}

/* 图标 */
.component-breadcrumb > .breadcrumb-item > .breadcrumb-icon {
  padding: 0 5px;
  color: #999;
}

/* 面包屑导航结束 */

/* 左侧路径导航开始 */
.component-navigation-container {
  float: left;
  padding: 10px 0 40px;
  width: 210px;
  background-color: #fff;
}

/* 每个导航模板 */
.component-navigation-container > .navigation-colunm-container {
  margin-top: 30px;
}

/* 导航模板标题 */
.component-navigation-container > .navigation-colunm-container > .colunm-title {
  padding-left: 38px;
  font-size: 16px;
  color: #333;
  font-weight: 600;
}

/* 导航模板中的路径列表 */
.component-navigation-container
  > .navigation-colunm-container
  > .navigation-list-container {
  padding-top: 20px;
}

/* 导航路径每项 */
.component-navigation-container
  > .navigation-colunm-container
  > .navigation-list-container
  > .navigation-item {
  position: relative;
  padding-left: 38px;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
}

/* 当前导航选中 */
.component-navigation-container
  > .navigation-colunm-container
  > .navigation-list-container
  > .navigation-item.highlight
  > a,
.component-navigation-container
  > .navigation-colunm-container
  > .navigation-list-container
  > .navigation-item.highlight
  > span {
  color: var(--main-color);
}

/* 左侧路径导航结束 */

/* 右侧用户中心界面 */
.component-user-content-container {
  float: right;
  width: 975px;
}

/* 用户信息修改 */
.component-user-caption-container {
  margin-bottom: 2px;
  padding-left: 30px;
  height: 80px;
  background-color: #fff;
  line-height: 80px;
  font-size: 20px;
  color: #666;
}

/* 无内容时显示 */
.components_empty_container {
  padding: 150px 0 200px;
  background-color: #fff;
  color: var(--info-color);
  text-align: center;
}

.components_empty_container .iconfont {
  font-size: 100px;
}

.components_empty_container .layui-icon {
  font-size: 100px;
}

.address_empty_text {
  margin-top: 10px;
}