.customMain {
  width: 89.58%;
  margin: 0 auto;
}

.box {
  width: 100%;
  height: 3.3rem;
  background-image: url(/static/img/common/woshou.png);
  background-size: cover;
  padding: 0.6rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

.boxLeft {
  /* width: 90%; */
}

.boxTitle {
  color: #fff;
  font-size: 0.5rem;
  padding-top: 0.2rem;
  padding-left: 0.2rem;
  padding-bottom: 0.4rem;
}

.boxFbt {
  color: #fff;
  font-size: 0.24rem;
  font-weight: 100;
  padding-left: 0.2rem;
  padding-top: 0.02rem;
}

.boxRight {
  /* text-align: right; */
  display: flex;
  align-items: baseline;
}

.boxRight .service_phone {
  color: #fff;
  font-size: 0.8rem;
}

.boxRight img {
  width: 1.68rem;
}

.info {
  width: 100%;
  height: 100%;
  display: flex;
  margin-top: 0.5rem;
}

.infoItem {
  width: 5.4rem;
  height: 4rem;
  margin-right: 0.5rem;
}
.infoItem:last-child {
  margin-right: 0;
}
.infoTitle {
  padding-top: 0.2rem;
  padding-left: 0.74rem;
  font-size: 0.5rem;
  color: #fff;
}
.phone {
  font-size: 0.3rem;
}
.infoFbt {
  padding-left: 0.8rem;
  padding-top: 0.1rem;
  font-size: 0.24rem;
  color: #fff;
}
.bg1 {
  background-image: url(/static/img/common/gwzx.png);
  background-size: cover;
}
.bg2 {
  background-image: url(/static/img/common/csjs.png);
  background-size: cover;
}
.bg3 {
  background-image: url(/static/img/common/jcjb.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .box {
    height: auto; /* 取消固定高度，自适应内容 */
    padding: 0.3rem; /* 减小内边距，适配窄屏 */
  }

  .boxLeft .boxTitle {
    font-size: 0.35rem; /* 减小标题字体，避免超出 */
    padding-left: 0; /* 取消左内边距，贴近容器 */
    padding-bottom: 0.2rem; /* 减小标题与副标题间距 */
  }

  .boxLeft .boxFbt {
    font-size: 0.2rem; /* 减小副标题字体 */
    padding-left: 0; /* 取消左内边距 */
  }

  .boxRight {
    margin-top: 0.2rem; /* 与左侧内容拉开间距 */
    align-items: baseline; /* 垂直居中对齐（替代 baseline） */
    justify-content: flex-start; /* 左对齐，贴合左侧内容 */
    gap: 0.2rem; /* 图片与手机号之间的间距 */
  }

  .boxRight .service_phone {
    font-size: 0.4rem; /* 减小手机号字体，避免超出 */
  }

  .boxRight img {
    width: 0.6rem; /* 调整图片尺寸，适配垂直布局 */
    height: auto; /* 保持图片比例 */
  }
  .info {
    width: 100%;
    display: block;
  }
  .infoItem {
    width: 100%;
    margin-top: 20px;
  }
}