/**
* 全局css 样式
*/
:root {
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Arial, sans-serif;
  background-color: #fff;
  padding: 0px;
}

html {
  width: 100%;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
}

a {
  outline: none;
  text-decoration: none;
}

a:link {
  color: #000;
}

a:visited {
  color: #000;
}

a:hover {
  color: #000;
}

a:active {
  color: #000;
}

/* 为列表设置样式 */
ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: #fff;
}

/* 并排显示列表项 */
ul.breadcrumb li {
  display: inline;
  font-size: 18px;
}

/* 在每个列表项之前/之后添加一个斜杠符号 (/) */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

/* 为列表中的所有链接添加颜色 */
ul.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
}

/* 在鼠标悬停时添加颜色 */
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}

 .huise {
 	background-color: #F5F5F7 ;
 }
 
 .white {
 	background-color: #FFF ;
 }

/** 移动端 */
@media (max-width: 767px) {
  .container {
    width: 100%;
    display: flex;
    justify-content: center;
    /* 水平居中 */
  }

  .container-box {
    width: 100%;
  }
}

/** 中等屏幕 */
@media (min-width: 768px) and (max-width: 991px) {
  .container {
    width: 100%;
    display: flex;
    justify-content: center;
    /* 水平居中 */
  }

  .container-box {
    width: 100%;
  }
}

/** 大屏幕 */
@media (min-width: 992px) and (max-width: 1199px) {
  .container {
    width: 100%;
    display: flex;
    justify-content: center;
    /* 水平居中 */
  }

  .container-box {
    width: 100%;
  }
}

/** 超级大屏幕 */
@media (min-width: 1200px) {
  .container {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .container-box {
    width: 1200px;
  }
}