@charset "UTF-8";
/* 移动端页面设计稿宽度 */
/* 移动端页面设计稿dpr基准值 */
/* 将移动端页面分为10块 */
/* 缩放所支持的设备最小宽度 */
/* 缩放所支持的设备最大宽度 */
/*
    rem与px对应关系，1rem代表html font-size值（为一块的宽度），$rem即为$px对应占多少块

        $px                    $rem
    -------------    ===    ------------
    $design-width              $blocks
*/
/* html根元素的font-size定义，简单地将页面分为$blocks块，方便计算 */
/* 单位px转化为rem */
/* 单位rem转化为px，可用于根据rem单位快速计算原px */
/**
 * 实现固定宽高比
 * @param  {string} $position: relative      定位方式
 * @param  {string} $width:    100%          容器宽度
 * @param  {string} $sub:      null          容器的目标子元素
 * @param  {number} $aspectX:  1             容器宽
 * @param  {number} $aspectY:  1             容器高
 */
/* 设置容器拉伸的最小宽度 */
/* 设置容器拉伸的最大宽度 */
/* 设置字体大小，不使用rem单位， 根据dpr值分段调整 */
/**
 * 获取边框某项对应的值
 * @example getBorderItemValue(10px, 2)
 * @param  {string|list}    $item  某一项或多个项的列表
 * @param  {number}         $index 下标
 * @return {string}                 项值
 */
/**
 * 判断是否为百分比
 * @param  {number} $value  值
 * @return {boolean}        是否为百分比
 */
/**
 * 边框圆角，支持单个值与多个值，在高清设备下px圆角加倍
 * @param  {number|list} $radius 圆角值
 * @param  {number}      $ratio  设备像素比
 */
/**
 * 元素边框
 * @param  {string|list} $direction: all           为all或列表时表示多个方向的边框，否则为单个边框
 * @param  {string|list} $size:      1px           边框尺寸，为列表时表将按照direction的顺序取值
 * @param  {string|list} $style:     solid         边框样式，高清设备下仅支持solid，同上
 * @param  {string|list} $color:     #ddd          边框颜色，同上
 * @param  {string}      $position:  relative      元素定位方式，一般为relative即可
 * @param  {string}      $radius:    0             边框圆角
 */
/* 实现1物理像素的单条边框线 */
/* 实现1物理像素的多条边框线 */
body {
  background-color: #F7F7F7;
}

.header-box #header {
  position: fixed;
  width: 10rem;
  z-index: 99;
  top: 0;
}

.header-box .nav_logo {
  height: 24px;
  margin-right: 2vw;
}

.header-box .van-nav-bar__left span {
  color: #004286;
}

.header-box .van-nav-bar__right .van-cell {
  padding: 0;
}

.header-box .sidebar img {
  vertical-align: text-bottom;
}

.header-box #navbar {
  z-index: 9999;
}

.header-box .van-collapse-item__wrapper .van-cell__title span {
  font-size: 13px;
  color: #5a5a5a;
}

.header-box .swiper {
  margin-top: 46px;
}

.header-box .my-swipe .van-swipe-item {
  background-color: #fff;
}

.header-box .swiper .van-cell__right-icon {
  display: none;
}

.header-box .grid {
  padding-bottom: 0.13333rem;
  background-color: #fff;
}

.header-box .grid .van-image {
  width: 1.33333rem;
}

.header-box .grid .van-grid-item__content--center {
  justify-content: flex-start;
}

.header-box .grid .van-grid-item__content.van-grid-item__content--center span {
  color: #474747;
  margin-top: 0.10667rem;
  font-size: 0.34667rem;
  text-align: center;
}

.header-box .grid .van-grid-item__content {
  padding: 8px;
}

.header-box .sidebar-icon {
  width: 0.4rem;
  height: 0.42667rem;
  margin-right: 0.10667rem;
}

.banner-img {
  width: 100%;
  margin-top: 46px;
}

.banner-img img {
  width: 100%;
  display: block;
}

#root {
  padding-bottom: 1.6rem;
}

.van-cell {
  padding: 0.18667rem 0.34667rem;
}

/* 移动端页面设计稿宽度 */
/* 移动端页面设计稿dpr基准值 */
/* 将移动端页面分为10块 */
/* 缩放所支持的设备最小宽度 */
/* 缩放所支持的设备最大宽度 */
/*
    rem与px对应关系，1rem代表html font-size值（为一块的宽度），$rem即为$px对应占多少块

        $px                    $rem
    -------------    ===    ------------
    $design-width              $blocks
*/
/* html根元素的font-size定义，简单地将页面分为$blocks块，方便计算 */
/* 单位px转化为rem */
/* 单位rem转化为px，可用于根据rem单位快速计算原px */
/**
 * 实现固定宽高比
 * @param  {string} $position: relative      定位方式
 * @param  {string} $width:    100%          容器宽度
 * @param  {string} $sub:      null          容器的目标子元素
 * @param  {number} $aspectX:  1             容器宽
 * @param  {number} $aspectY:  1             容器高
 */
/* 设置容器拉伸的最小宽度 */
/* 设置容器拉伸的最大宽度 */
/* 设置字体大小，不使用rem单位， 根据dpr值分段调整 */
/**
 * 获取边框某项对应的值
 * @example getBorderItemValue(10px, 2)
 * @param  {string|list}    $item  某一项或多个项的列表
 * @param  {number}         $index 下标
 * @return {string}                 项值
 */
/**
 * 判断是否为百分比
 * @param  {number} $value  值
 * @return {boolean}        是否为百分比
 */
/**
 * 边框圆角，支持单个值与多个值，在高清设备下px圆角加倍
 * @param  {number|list} $radius 圆角值
 * @param  {number}      $ratio  设备像素比
 */
/**
 * 元素边框
 * @param  {string|list} $direction: all           为all或列表时表示多个方向的边框，否则为单个边框
 * @param  {string|list} $size:      1px           边框尺寸，为列表时表将按照direction的顺序取值
 * @param  {string|list} $style:     solid         边框样式，高清设备下仅支持solid，同上
 * @param  {string|list} $color:     #ddd          边框颜色，同上
 * @param  {string}      $position:  relative      元素定位方式，一般为relative即可
 * @param  {string}      $radius:    0             边框圆角
 */
/* 实现1物理像素的单条边框线 */
/* 实现1物理像素的多条边框线 */
.end_box .end-li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.end_box .end-li {
  background-color: #FFF;
}

.end_box .end-i {
  width: 0.4rem;
  margin-right: 0.13333rem;
  height: 0.4rem;
  vertical-align: middle;
}

.end_box .end-i img {
  width: 100%;
}

.end_box .end-li span {
  color: #000;
  font-size: 0.32rem;
}

.end_box .end-li:nth-of-type(2) {
  background-color: #de3022;
}

.end_box .end-li:nth-of-type(2) span {
  color: #000;
  font-size: 0.32rem;
}

.end_box {
  background-color: #FFF;
  width: 100%;
  box-sizing: border-box;
  height: 1.6rem;
  padding: 0 0.4rem;
  display: flex;
  position: fixed;
  z-index: 9;
  bottom: 0;
  align-items: center;
  justify-content: space-between;
}

.end_box .home {
  height: 0.8rem;
}

.end_box .home .end-i {
  margin: 0;
  width: 0.6rem;
  height: 0.6rem;
}

.end_box .zaixian {
  height: 0.8rem;
}

.end_box .zaixian .end-i {
  width: 0.6rem;
  height: 0.6rem;
  margin: 0;
}

.end_box .dianhua {
  width: 3.06667rem;
  height: 0.93333rem;
  border-radius: 30px;
  background-color: #fff;
  border: 1px solid #de3022;
  margin-right: 0.26667rem;
  flex-direction: row;
}

.end_box .dianhua span {
  font-weight: bold;
  font-size: 0.34667rem;
  color: #de3022 !important;
}

.end_box .jiameng {
  width: 3.06667rem;
  height: 0.93333rem;
  border-radius: 30px;
  background-color: #de3022;
  border: 1px solid #de3022;
  flex-direction: row;
}

.end_box .jiameng span {
  font-weight: bold;
  font-size: 0.34667rem;
  color: #fff !important;
}

.foot_tel {
  padding: 0.13333rem;
  background: #363636;
  font-size: 0.32rem;
  color: #ccc;
  text-align: center;
}

.foot_tel a {
  color: #999;
  font-size: 0.32rem;
}

.foot_tel p {
  line-height: 0.53333rem;
}

.foot_tel .tel {
  color: #fff;
  font-size: 0.34667rem;
}

.foot_tel .copyright a {
  font-size: 0.24rem;
}