@media screen and (max-width:374px){html{font: size 80px;
  }}
@media screen and (min-width:375px) and (max-width:413px){html{font-size:100px }}
@media screen and (min-width:414px) and (max-width:639px){html{font-size:110.7px}}
@media screen and (min-width:640px) and (max-width:719px){html{font-size:170px}}
@media screen and (min-width:720px) and (max-width:749px){html{font-size:192px}}
@media screen and (min-width:750px) and (max-width:799px){html{font-size:200px}}
@media screen and (min-width:800px){html{font-size:213px}}

/* 共有的css样式 */
/*  头部css样式 */
header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .32rem !important;
  width: 100%;
  float: right;
  height: 1.533333rem;
  background-color: #fff;
  /* border-bottom: 1px solid #ddd; */
  position: fixed;
  box-shadow: 0px -3px 17.7px rgb(160, 158, 158);
  z-index: 10000;
}

header .left {
  width: .953333rem;
  height: .993333rem;
}
header .left img {
  width: 100%;
  width: 3.2rem !important;
}

header .right {
  width: .59rem;
  height: .48rem;
}

header .right img {
  width: 100%;
}


/*  列表页 */
.list {
  position: absolute;
  width: 100%;
  height: 80vh;
  z-index: 100;
  padding: 0 0.32rem;
  background-color: #fff;
  margin-top: 1.6rem;
}

.list li a {
  position: relative;
  display: inline-block;
  width: 100%;
  text-decoration: none !important;
  height: 1.25rem;
  line-height: 1.25rem;
  border-bottom: 1px solid #ddd;
}

.list li a:hover {
  text-decoration: none !important;
}

.list li span {
  font-size: 0.43rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 0.64rem;
}

.list li i {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 0.32rem;
  height: 0.32rem;
  background: url(../image/arrow-right.png) no-repeat center center;
  background-size: 100% 100%;
}

/*  底部 */
footer {
  margin-top: .533333rem;
  padding: 0 .32rem !important;
  background: #214278;
}

footer .body_item {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 1.2rem;
  line-height: 1.2rem;
}

footer .body_item h1 {
  font-size: .373333rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  opacity: 0.8;
}

footer .body_item i {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 0.32rem;
  height: 0.32rem;
  background: url(../image/arrow-w.png) no-repeat center center;
  background-size: 100% 100%;
}

footer .body_item .line {
  width: 100%;
  height: 1px;
  background: #FFFFFF;
  opacity: 0.2;
}

footer .erweima {
  margin-bottom: 0.43rem;
  padding-top: .426667rem;
  display: flex;
  justify-content: center;
  height: 3.466667rem;
  background: #214278;
}

footer .erweima .img {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* width: 2.36rem;
  height: 2.36rem; */
}


footer .erweima .img img {
  width: 2.36rem;
  height: 2.36rem;
}

footer .erweima .img span {
  display: inline-block;
  margin-top: 0.25rem;
  font-size: 0.37rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.54rem;
  opacity: 0.8;
}

footer .erweima .img:last-child {
  margin-left: .746667rem;
}

footer .guan_url p,
footer .address p,
footer .phone p{
  display: inline-block;
  font-size: 0.37rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.64rem;
  opacity: 0.8;
  text-indent: 0em !important;
}

footer .address {
  display: flex;
}

footer .phone {
  padding-bottom: 0.43rem;
}

footer .guan_url .guan_img {
  display: inline-block;
  margin-right: 0.2rem;
  width: 0.43rem;
  height: 0.43rem;
  background: url(../image/url_img.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

footer .address::before {
  content: '';
  display: inline-block;
  margin-top: 0.16rem;
  margin-right: 0.2rem;
  width: 0.64rem;
  height: 0.43rem;
  background: url(../image/address_img.png) no-repeat;
  background-size: 100% 100%;
}

footer .phone::before {
  content: '';
  display: inline-block;
  margin-right: 0.2rem;
  width: 0.43rem;
  height: 0.43rem;
  background: url(../image/phone_img.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: text-top;
}

.foot_bottom {
  padding: 0.41rem 0;
  width: 100%;
  height: 1.79rem;
  text-align: center;
  background-color: #143466;
}

.foot_bottom p {
  font-size: 0.37rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.59rem;
  opacity: 0.8;
}