/* 移动端全局样式表 */
/* rem与px换算比例: 10px/16px = 0.625rem */
*,p{
  margin: 0;
  padding: 0;
  font-family: PingFangSC, PingFang SC;
}
hr{
  margin: 0;
}
/* 网站头部 */
.page-view{
  width: 100vw;
  min-height: 100vh;
  background-color: #F4F4F4;
}
.logo-view{
  width: 100vw;
  height: 4.125rem;
  background: #E42500;
  display: flex;
  align-items: center;
}
.logo-img{
  width: 5.9375rem;
  height: 2.25rem;
}
.logo-right{
  position: absolute;
  right: 0.5rem;
  display: flex;
  align-items: center;
}
.logo-img2{
  width: 1.2rem;
  height: 1.2rem;
}
.pc-view{
  margin-left: 1.4rem;
  display: flex;
  align-items: center;
}
.logo-view span{
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-left: 0.4rem;
}
.logo-view span a{
  font-size: 0.9rem;
  color: #FFFFFF;
}
.my-navber{
  background: #FFFFFF;
  border-radius: 6px;
}
.navber-view img{
  width: 1rem;
  height: 1rem;
  margin-top: -0.125rem;
}
.handrail{
  width: 0.125rem;
  height: 3.35rem;
  background: #F4F4F4;
  position: absolute;
  left: 20rem;
  top: 0;
}
.nav{
  overflow-x: auto;
  width: 18.125rem;
  display: flex;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
  background-color: #E42500;
}
.nav-pills>li+li{
  margin-left: 0;
  /* min-width: 3.1rem; */
}
.nav-pills>li{
  /* min-width: 3.1rem; */
}
.nav-pills>li>a{
  color: #E42500;
  width: 3.1rem;
  text-align: center;
}
.max-a{
  width: 5rem !important;
}
.nav>li>a{
  font-size: 1rem;
  padding: 0.3125rem;
  margin-right: 0.5rem;
}
.menu{
  position: absolute;
  margin-left: 0.5rem;
  top: 1rem;
  right: 1.725rem;
}
/* 内容框 */
.body-view{
  background: #FFFFFF;
  border-radius: 6px;
}
/* 网站底部 */
.bottom-view{
  width: 100vw;
  height: 4.125rem;
  background: #E42500;
  color: #FFFFFF;
  font-size: 0.6875rem;
  font-weight: 400;
  line-height: 1rem;
}
.bottom-p-1{
  margin-bottom: 6px;
}
.bottom-p-2{
}
/* 颜色 */
.color-1{
  color: #ffffff;
}
/* 自定义弹窗组件 */
.mask{
  position: absolute;
  top: 0;
  display: none;
  height:100vh;
  background: rgba(0,0,0,0.4);
  z-index: 9999;
  width: 100%;
}
.action-sheet {
  max-height: 28.75rem;
  overflow: auto;
  border-top-left-radius: 0.6rem;
  border-top-right-radius: 0.6rem;
  display: none;
  background: #fff;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 10000;
}
.menu-title{
  border-top-left-radius: 0.6rem;
  border-top-right-radius: 0.6rem;
  position: fixed;
  width: 100vw;
  height: 4.0625rem;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #D3D5D8;
}
.menu-name{
  font-size: 1.125rem;
  font-weight: 600;
  color: #2C2F36;
  line-height: 1.5625rem;
}
.close-icon{
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
}
.menu-body{
  margin-top: 5.3125rem;
}
.menu-item-view{
  display: flex;
  flex-flow: row wrap;
}
.menu-item{
  text-align: center;
  width: 5rem;
  /*height: 2.125rem;*/
  background: #E9EFF1;
  border-radius: 6px;
  margin-bottom: 1.25rem;
  margin-left: 0.25rem;
  margin-right: 0.20rem;
  font-size: 0.875rem;
  font-weight: 400;
  color: #2C2F36;
  line-height: 1.25rem;
  padding: 0.4375rem 0;
}
.menu-item a{
  color: #0f0f0f;
}
.handrail-view{
  width: 100vw;
  height: 0.25rem;
  background: #D3D5D8;
  margin-bottom: 1.25rem;
}
.menu-title-sub{
  font-size: 1rem;
  font-weight: 600;
  color: #2C2F36;
  line-height: 1.375rem;
  margin-bottom: 1.25rem;
  margin-left: 0.9375rem;
}
/* 行距 */
.padding-TB{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.padding-LR{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.padding-LR-max{
  padding-left: 1rem;
  padding-right: 1rem;
}
.paddingTop-10{
  padding-top: 0.625rem;
}
.paddingBottom-10{
  padding-bottom: 0.625rem;
}
.marginTop-10{
  margin-top: 0.625rem;
}
.marginTop-20{
  margin-top: 1.25rem;
}
.marginTop-30{
  margin-top: 1.875rem;
}
.marginTop--30{
  margin-top: -1.875rem;
}
.marginBottom-10{
  margin-bottom: 0.625rem;
}
.marginBottom-20{
  margin-bottom: 1.25rem;
}
.marginBottom-30{
  margin-bottom: 1.875rem;
}
.marginLeft-5{
  margin-left: 0.3125rem;
}
.marginLeft-10{
  margin-left: 0.625rem;
}
.marginLeft-20{
  margin-left: 1.25rem;
}
.marginRight-5{
  margin-right: 0.3125rem;
}
.marginRight-10{
  margin-right: 0.625rem;
}
.marginRight-20{
  margin-right: 1.25rem;
}
.flex{
  display: flex;
}
.textAlign-center{
  text-align: center;
}
.justifyContent-center{
  justify-content: center;
}
.alignItems-center{
  align-items: center;
}
.position-relative{
  position: relative;
}
.border-bottom{
  border-bottom: 1px solid #D3D5D8;
}


/* 详情页图文banner样式 */
.detail-banner{

}
.detail-banner .carousel-indicators .active{
  margin:5px;
  background: none;
}
.detail-banner .carousel-indicators li{
  margin:5px;
  width:120px;
  height: 60px;
  border: 0;
  text-indent:0;
  background-color: #ffffff;
}
.detail-banner .banner-info{
  position: sticky;
  margin-top: 20px;
}
.detail-banner .carousel-control{
  max-height: 420px;
  top:-80px;
  width: 0;
  opacity:1;
}
.detail-banner .carousel-control.left{
  margin-left: 20px;
}
.detail-banner .carousel-control.right{
  margin-right: 20px;
}
.detail-banner .img-rotate{
  width: 100%;
}
.detail-banner .img-info{
  /* padding-top: 100px; */
  position: sticky;
  background:rgb(0, 0, 0,1);
  color: #ffffff;
  text-shadow:none;
}
.detail-banner .img-info a{
  color: rgba(255, 255, 255, 1);
}