html{
  height: 100%;
}
.background-color {

  background: #FF3232;
  padding: 0.625rem 0 1rem;
  position: relative;
}
.header{
  box-sizing: border-box;
  display: flex;
  height: 1.875rem;
  padding: 0 0.78rem;
  justify-content: space-between;
  position: relative;
  z-index: 10;
}
.header .address{
  display: flex;
  align-items: center;
}
.header .address img{
  width: 1rem;
  height: 1.12rem;
  margin-right: 0.02rem;
}
.header .address span{
  font-size: 1.125rem;
  color: #ffffff;
}
.header p{
  text-align: center;
  line-height: 1.875rem;
  width: 9.375rem;
  height: 100%;
  font-size: 1.25rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #ffffff;
}
.header .change{
  display: flex;
  align-items: center;
}
.header .change span{
  font-size: 0.875rem;
  color: #ffffff;
}
.header .change img{
  width: 0.75rem;
  height: 0.75rem;
  margin: 0.06rem 0 0 0.12rem;
}

/* 搜索 */
.searchbox{
  width: 21.875rem;
  height: 2.375rem;
  background: #ffffff;
  border-radius: 6.25rem;
  margin: 0.625rem auto 0;
  z-index: 10;
  position: relative;
}
.searchbox a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.searchbox a img{
  width: 0.94rem;
  height: 0.9rem;
}
.searchbox a p{
  font-family: PingFangSC-Regular;
  color: #5E5E5E;
  font-size: 0.94rem;
}
/* banner */
.banner{
  width: 21.875rem;
  height: 8.75rem;
  margin: 0.75rem auto 0;
  border-radius: .625rem;
  overflow: hidden;
  z-index: 10;
  position: relative;
}
.banner a{
  display: block;
  width: 21.875rem;
  height: 8.75rem;
}
.banner a img{
  width: 100%;
  height: 100%;
}
/* nav */
.nav{
  width:  21.875rem;
  height: 11.875rem;
  margin: .5rem auto 0;
  background: #ffffff;
  border-radius: .625rem;
  z-index: 10;
  position: relative;
}
.nav .nav-itembox{
  /* float: left; */
  width: 100%;
  height: 10.625rem;
  /* display: flex;
  flex-wrap: wrap; */
  padding-top: 1.25rem;
}
.nav .nav-itembox a{
  float: left;
  display: block;
  width: 3.75rem;
  height: 3.75rem;
  text-align: center;
  margin:0 0.3rem .81rem;
}
.nav .nav-itembox a img{
  display: block;
  width: 2.69rem;
  margin: 0 auto;
}
.nav .nav-itembox a span{
  font-family: PingFangSC-Regular;
  font-size: 0.81rem;
  color: #323232;
  letter-spacing: 0;
  text-align: center;
}

.notes{
  /* margin-top: 10rem; */
  width: 21.875rem;
  background: #FFFFFF;
  margin: 0 auto;
  border-radius: .625rem;
  display: flex;
  box-sizing: border-box;
  padding: .625rem;
  flex-wrap: wrap;
}
.notes .fastbutton{
  display: block;
  width: 10.23rem;
  height: 4.875rem;
  box-sizing: border-box;
  padding: .51rem .72rem;
  position: relative;
  border-radius: .625rem;
}
.notes .fastbutton p{
  font-family: PingFangSC-Medium;
  font-size: .94rem;
  color: #2B2F30;
  font-weight: 600;
}
.notes .fastbutton p span{
  color: #248CFF;
}
.notes .fastbutton .scale{
  font-size: 10px;
  transform: scale(0.8);
  transform-origin: 0 0;
  color: #6A768A;
}
.notes .fastbutton img{
  position: absolute;
  width: 3.125rem;
  height: 3.125rem;
  right: .75rem;
  top: .75rem;
}
.notes .fastbutton .linkbutton{
  width: 3.28rem;
  height: 1.34rem;
  border-radius: 6.25rem;
  text-align: center;
  line-height: 1.34rem;
  font-size: .75rem;
  color: #ffffff;
  margin-top: .25rem;
}
.notes .tuwen{
  margin-right: .156rem;
  background: #EAF8EE;
}
.notes .tuwen .linkbutton{
  background:linear-gradient(to right,#35D663 0%,#21C28F 100%);
}
.notes .wangdian{
  background: #FDF3F4;
}
.notes .wangdian .linkbutton{
  background:linear-gradient(to right,#FF7B7B 0%,#FF7D66 100%);
}

.notes .bottombtn{
  height: 3.81rem;
  margin-top: .625rem;
  width: 100%;
  background: #F4F6F9;
  border-radius: .625rem;
  display: flex;
  box-sizing: border-box;
  padding: .625rem .625rem .625rem 3.75rem;
  align-items: center;
  position: relative;
}
.notes .bottombtn img{
  width: 2.81rem;
  position: absolute;
  top: 0.5rem;
  left: .625rem;
}
.notes .bottombtn .bottombtn-text{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 11.875rem;
  height: 100%;
}
.notes .bottombtn .bottombtn-text span{
  font-size: 0.94rem;
  font-weight: 600;
}
.notes .bottombtn .bottombtn-text p{
  font-size: .75rem;
  transform: scale(0.9);
  transform-origin: 0 0;
  color: #838383;
}
.notes .bottombtn .linkbutton{
  background: #ffffff;
  color: #000000;
  width: 3.81rem;
  height: 1.72rem;
  border-radius: 6.25rem;
  text-align: center;
  line-height: 1.72rem;
  font-size: 0.81rem;
  margin-top: 0.25rem;
  position: absolute;
  right: .625rem;
}

/* 最新信息 */
.tagbox{
  width: 18.75rem;
  display: flex;
  justify-content: space-around;
  padding: 1.25rem 0 .625rem;
  margin: 0 auto;
}
.tagbox .tagbtn {
  display: flex;
  align-items: center;
}
.tagbox .tagbtn p{
  color: #686E79;
  font-size: .94rem;
  
}
.tagbox .on p{
  color: #000000;
  font-size: 1.25rem;
  background: url(/static/modular/index/images/TAB.svg) no-repeat;
  background-position: center bottom;
  background-size: 90%;
}

.info{

}
.info ul{
  width: 21.875rem;
  margin: 0 auto;
}
.info ul li{
  background: #ffffff;
  padding-bottom: .625rem;
  border-radius: .625rem;
  /* position: relative; */
  margin-bottom: .625rem;
}
.info ul li .titlebox{
  position: relative;
  padding: 1.25rem .625rem 0;
}
.info ul li .first-titlebox{
  padding-top: 0;
}
.info ul li .first-titlebox .tel{
  top: 0!important;
}
.info ul li .title{
  display: block;
  width: 16.72rem;
}
.info ul li .title h5{
  font-size: 1.09rem;
  color: #000000;
  font-weight: 400;
  padding-bottom: .31rem;
  min-height: 2.19rem;
}
.info ul li .title i{
  font-style: normal;
  font-size: .81rem;
  color: #8c8c8c;
}
.info ul li .titlebox .tel{
  display: block;
  position: absolute;
  top: 1.25rem;
  right: .625rem;
}
.info ul li .tel img{
  width: 2.19rem;
  height: 2.19rem;
}
.info ul li .tuiguang-title{
  box-sizing: border-box;
  padding: 1.25rem .625rem;
  height: 4.81rem;
  width: 21.875rem;
  background: url(/static/modular/index/images/yellowbg.svg) repeat-x;
  /* background-size: 100% 100%; */
  border-radius: .625rem .625rem 0 0;
}
.info ul li .tuiguang-title .tuisong-title{
  height: 2.31rem;
  background:linear-gradient(to right,#FFE7D5 0%,#FFE5E5 100%);
  color: #F56B5C;
  font-size: 1.06rem;
  text-align: center;
  line-height: 2.25rem;
  border-radius: .44rem;
}
.info ul li .tuiguang-title .tuisong-title i{
  font-weight: 600;
  font-style: normal;
}
.info ul li p{
  font-size: .81rem;
  color: #8c8c8c;
  margin-top: .31rem;
  padding: 0 .625rem;
}
.info ul li .imgbox{
  display: flex;
  flex-wrap: wrap;
  margin-top: .625rem;
  padding: 0 .625rem;
}
.info ul li .imgbox .imgbox-item{
  width: 6.44rem;
  height: 6.56rem;
  background: #bbbbbb;
  border-radius: .31rem;
  margin:0 .625rem .625rem 0;
}
.info ul li .imgbox .imgbox-item:nth-child(3n){
  margin-right: 0;
}
.info ul li span{
  color: #BDBDBD;
  font-size: .75rem;
  margin: .625rem;
}
.info .more{
  width: 6.875rem;
  height: 2.19rem;
  background: linear-gradient(to left,#65DFCD 0%,#59A5F6 100%);;
  border-radius: 6.25rem;
  margin: .81rem auto;
}
.info .more a{
  display: flex;
  width: 100%;
  height: 100%;
  color: #ffffff;
  justify-content: center;
  align-items: center;
  font-size: .94rem;
}
.info .more img{
  width: .875rem;
  height: .875rem;
  margin-left: .31rem;
}
.bannerswiper{
  --swiper-pagination-color: #ffffff/* 两种都可以 */
}
.swiper-scrollbar{
  display: none;
}
.nav .swiper-horizontal>.swiper-pagination-bullets, .nav .swiper-pagination-bullets.swiper-pagination-horizontal, .nav .swiper-pagination-custom, .nav .swiper-pagination-fraction{
   bottom: .94rem!important;
}
.nav .swiper-pagination .swiper-pagination-bullet-active{
  background-color: #FF8847;
  width: 1.25rem;
  height: .25rem;
  margin: 0!important;
  border-radius: 6.25rem;
}
.nav .swiper-pagination .swiper-pagination-bullet{
  /* background-color: #000; */
  width: 1.25rem;
  height: .25rem;
  border-radius: 6.25rem;
  margin: 0!important;
}