.mobilize-banner {
  height: 49.5625rem;
  background: url('../img/mobilize/dongyuanjijiebanner.png');
  /* background-size: 100% 100%; */
  display: flex;
  position: relative;
  background-size: cover;
  /* text-align: right; */
  background-position: center;
  position: relative; /* 为了添加占位符 */
}

.mobilize-container {
  padding: 3rem 0 7.75rem 0;
  text-align: center;
  background: #FFFFFF;
}

.width-limit {
  padding: 0 16.25rem;
}

.default-header {
  z-index: 9999;
}

.alt-header {
  opacity: 0;
  background: #fff;
  z-index: 9998;
  /* 初始时隐藏 */
}

.alt-header .logo .nav-list a {
  color: #302929;
}

.container-content {
  padding: 3.125rem 13.125rem 0 13.125rem;
  display: flex;
  justify-content: space-between;
}

.container-content div {
  flex: 1;
  /* 使每个 div 占据等宽的空间 */
  margin: 0 1.375rem;
  /* 为每个 div 添加左右边距 */
}

.container-item {
  padding: 2rem 2.1875rem 0 2.1875rem;
  background-color: rgba(254, 216, 183, 0.3);
  height: 26.25rem;
}

.container-item img {
  width: 8.75rem;
  height: 8.75rem;
}

.container-item h4 {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 1.5rem;
  color: #302929;
  line-height: 2.0625rem;
  font-style: normal;
  margin: 1.5rem 0 0.8125rem 0;
}

.container-item p {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 1.125rem;
  color: #808080;
  line-height: 1.9375rem;
  font-style: normal;
  height: 6.25rem;
}

.container-item div {
  display: inline-block;
  width: 4.375rem;
  height: 0.375rem;
  background: #B7272E;
  margin-top: 4.125rem;
}

.mobilize-bigScreen {
  text-align: center;
  padding: 3.125rem 11.25rem 5.75rem 11.25rem;
  background: url('../img/mobilize/yingjidongyuandaping.png');
  background-size: cover;
}
.mobilize-bigScreen:hover .bigScreen-img{
  display:block;
}
.bigScreen-img{
  display:none;
}
.mobilize-bigScreen:hover .bigScreen-content{
  display:none;
}
.mobilize-bigScreen:hover .common-title{
  display:none;
}
.mobilize-bigScreen:hover .common-img{
  display:none;
}
.mobilize-bigScreen:hover .common-text{
  display:none;
}
.mobilize-bigScreen .common-title {
  color: #FFFFFF;
}

.mobilize-bigScreen .common-text {
  color: #FFFFFF;
}

.bigScreen-content {
  margin: 0.625rem;
}

.bigScreen-items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.bigScreen-item {
  flex: 1;
  margin: 3.125rem 2.5rem;
  width: 27.5rem;
  height: 12.5rem;
  background: rgba(254,216,183,0.09);
  border: 0.0625rem solid #FED8B7;
  padding: 2.6875rem 1.5625rem 1.875rem 1.5625rem;
}

.flx {
  display: flex;
}

.flx div {
width: 0.375rem;
height: 2.5rem;
background: #FED8B7;
border-radius: 0.25rem;
margin-left: -1.75rem;
margin-right: 1.5625rem;
}

.flx h4{
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 1.5rem;
color: #FED8B7;
line-height: 2.0625rem;
text-align: left;
font-style: normal;
margin-bottom: 1.25rem;
}

.bigScreen-item p{
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 1.125rem;
  color: #FFFFFF;
  line-height: 1.5625rem;
  text-align: left;
  font-style: normal;
}

.bigScreen-btn-container {
  position: relative;
  margin-top: 3.75rem;
  margin-left: 40%;
}

.bigScreen-btn {
  width: 19.375rem;
  height: 5.625rem;
  background: #FED8B7;
  border-radius: 2.8125rem;
  opacity: 0.3;
  position: absolute;
  top: -0.875rem;
}

.btn {
  width: 17.5rem;
height: 3.75rem;
background: #FED8B7;
box-shadow: 0rem 0.3125rem 0.625rem 0rem rgba(143,34,39,0.3);
border-radius: 1.875rem;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 1.5rem;
color: #B7272E;
line-height: 3.75rem;
text-align: center;
font-style: normal;
margin: 0 0 0 0.875rem;
}

.mobilize-distribution {
  text-align: center;
  padding: 3rem 0 0 0;
  background: url('../img/mobilize/mbblbeijing.png');
  background-size: 100% 100%;
}

.distribution-content {
  display: flex;
  justify-content: center;
}

.distribution-content img {
  width: 46.3125rem;
  height: 49.3125rem;
}

.distribution-item h4{
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 1.5rem;
color: #302929;
line-height: 2.0625rem;
font-style: normal;
margin-bottom: 2.5rem;
}

.distribution-item p {
  width: 22.8125rem;
height: 3.125rem;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 1.125rem;
color: #808080;
line-height: 1.5625rem;
font-style: normal;
}

.distribution-materials {
  text-align: right;
  margin-top: 33.625rem;
  margin-right: -5rem;
}

.distribution-militiaman {
  text-align: left;
  margin-top: 13.5625rem;
  margin-left: 1.8125rem;
}

.mobilize-plan {
  text-align: center;
  padding: 3rem 13.75rem 4.75rem 13.75rem;
  background: #FFFFFF;
}

.plan-content {
  margin-top: 4.0625rem;
  background: url('../img/mobilize/yingjiyuan.png');
  background-size: 100% 100%;
  height: 30.9375rem;
  display: flex;
  /* padding: 0 1.75rem; */
  padding-left: 1.25rem;
  /* justify-content: space-between; */
}

.plan-item {
  width: 15rem;
}

.plan-item h4 {
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 1.5rem;
color: #302929;
line-height: 2.0625rem;
text-align: left;
font-style: normal;
margin-bottom: 1rem;
}

.plan-item p {

  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 1rem;
  color: #808080;
  line-height: 1.6875rem;
  text-align: left;
  font-style: normal;
}

.plan-item1 {
  margin-top: 9.375rem;
}

.plan-item2 {
  margin-top: 4.8125rem;
  margin-left: 3.75rem;
}

.plan-item3 {
  margin-top: 8.3125rem;
  margin-left: 3.75rem;
}

.plan-item4 {
  margin-top: 9.8125rem;
  margin-left: 3.125rem;
}

.plan-item5 {
  margin-top: 3.125rem;
  margin-left: 3.75rem;
}

.mobilize-banner-text {
  padding-left: 13.75rem;
  padding-top: 19.25rem;
}

.mobilize-banner-text h1{
  position: relative;
  font-family: FZZDHJW--GB1, sans-serif;
  font-weight: normal;
  font-size: 5rem;
  text-align: left;
  font-style: normal;
}

/* 渐变文字层 */
.mobilize-banner-text h1::before {
  content: "人武动员集结系统";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  color: transparent;
  background: linear-gradient(45.48227628471054deg, #B7272E 0%, #FF5D64 34%, #B7272E 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.mobilize-banner-text p{
  position: relative;
  font-family: FZZDHJW--GB1, sans-serif;
  font-weight: normal;
  font-size: 1.875rem;
  text-align: left;
  font-style: normal;
}

/* 渐变文字层 */
.mobilize-banner-text p::before {
  content: "内置应急预案，支持自定义应急预案｜应急动员指挥大屏";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  color: transparent;
  background: linear-gradient(45.48227628471054deg, #B7272E 0%, #FF5D64 34%, #B7272E 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.mobilize-banner-text button {
  padding: 0;
  width: 13.75rem;
height: 3.125rem;
background: linear-gradient( 128deg, rgba(183,39,46,0) 0%, #B7272E 60%);
border-radius: 0.25rem;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 1.5rem;
color: #FFFFFF;
text-align: center;
font-style: normal;
margin-top: 2.8125rem;
}

.mobilize-banner-wjx {
  position: absolute;
  right: 0;
  width: 70%;
  height: 100%;
}

.star {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: starFloat 3s ease-in-out infinite;  /* 添加悬浮动画 */
  transition: all 0.3s ease;  /* 添加过渡效果 */
}

/* 悬浮动画 */
@keyframes starFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-30px);
  }
}

.star1 {
  top: 16%;
  left: 28%;
  width: 8.875rem;
  height: 8.875rem;
  color: #B7272E;  /* 文字颜色为红色 */
  font-size: 1rem;
  background: rgba(255, 255, 255, 0.1);  /* 白色半透明背景 */
  backdrop-filter: blur(0.125rem);  /* 轻微模糊效果 */
  clip-path: polygon(
    50% 0%,
    68% 28%,    /* 调高，更靠近顶部 */
    100% 32%,   /* 略微下移 */
    75% 55%,    /* 向外扩展 */
    85% 92%,    /* 向下延伸 */
    50% 73%,    /* 上移一点 */
    15% 92%,    /* 对称调整 */
    25% 55%,    /* 对称调整 */
    0% 32%,     /* 对称调整 */
    32% 28%     /* 对称调整 */
  );
  box-shadow: inset 0rem 0rem 4.0625rem 0rem rgba(215,51,0,0.68);  /* 内阴影 */
  animation-delay: 0s;
}

.star2 {
  top: 24.34%;
  left: 73.63%;
  width: 8.875rem;
  height: 8.875rem;
  color: #B7272E;  /* 文字颜色为红色 */
  font-size: 1rem;
  background: rgba(255, 255, 255, 0.1);  /* 白色半透明背景 */
  backdrop-filter: blur(0.125rem);  /* 轻微模糊效果 */
  clip-path: polygon(
    50% 0%,
    68% 28%,    /* 调高，更靠近顶部 */
    100% 32%,   /* 略微下移 */
    75% 55%,    /* 向外扩展 */
    85% 92%,    /* 向下延伸 */
    50% 73%,    /* 上移一点 */
    15% 92%,    /* 对称调整 */
    25% 55%,    /* 对称调整 */
    0% 32%,     /* 对称调整 */
    32% 28%     /* 对称调整 */
  );
  box-shadow: inset 0rem 0rem 4.0625rem 0rem rgba(215,51,0,0.68);  /* 内阴影 */
  animation-delay: 0.6s; 
}

.star3 {
  left: 34.1%;
  top: 64.82%;
  width: 8.5rem;
height: 8.5rem;
color: #FED8B7;
  font-size: 0.875rem;
  clip-path: polygon(
    50% 0%,
    68% 28%,    /* 调高，更靠近顶部 */
    100% 32%,   /* 略微下移 */
    75% 55%,    /* 向外扩展 */
    85% 92%,    /* 向下延伸 */
    50% 73%,    /* 上移一点 */
    15% 92%,    /* 对称调整 */
    25% 55%,    /* 对称调整 */
    0% 32%,     /* 对称调整 */
    32% 28%     /* 对称调整 */
  );
  box-shadow: inset 0rem 0rem 1.875rem 0rem #FED8B7;
  border: 0.0625rem solid #FED8B7;
  opacity: 0.77;
  background: rgba(255, 255, 255, 0.2);  /* 白色半透明背景 */
  animation-delay: 1.2s;
}

.star4 {
  left: 1%;
  top: 62.78%;
  width: 11.125rem;
height: 11.125rem;
  color: #FFFFFF;
  font-size: 1rem;
  clip-path: polygon(
    50% 0%,
    68% 28%,    /* 调高，更靠近顶部 */
    100% 32%,   /* 略微下移 */
    75% 55%,    /* 向外扩展 */
    85% 92%,    /* 向下延伸 */
    50% 73%,    /* 上移一点 */
    15% 92%,    /* 对称调整 */
    25% 55%,    /* 对称调整 */
    0% 32%,     /* 对称调整 */
    32% 28%     /* 对称调整 */
  );
  background: linear-gradient( 180deg, #FF6D6D 0%, #C31B23 100%);
box-shadow: inset 0rem 0rem 1.875rem 0rem rgba(183,39,46,0.55);
border: 1px solid rgba(183,39,46,0.44);
animation-delay: 1.8s; 
}

.star5 {
  top: 82.72%;
  left: 74.35%;
  width: 7rem;
  height: 7rem;
  color: #B7272E;
  font-size: 0.75rem;
  background: rgba(255, 255, 255, 0.1);  /* 白色半透明背景 */
  backdrop-filter: blur(0.125rem);  /* 轻微模糊效果 */
  clip-path: polygon(
    50% 0%,
    68% 28%,    /* 调高，更靠近顶部 */
    100% 32%,   /* 略微下移 */
    75% 55%,    /* 向外扩展 */
    85% 92%,    /* 向下延伸 */
    50% 73%,    /* 上移一点 */
    15% 92%,    /* 对称调整 */
    25% 55%,    /* 对称调整 */
    0% 32%,     /* 对称调整 */
    32% 28%     /* 对称调整 */
  );
  box-shadow: inset 0rem 0rem 3.75rem 0rem rgba(183,39,46,0.55);
  border: 0.0625rem solid rgba(183,39,46,0.44);
  animation-delay: 2.4s; 
}

@media screen and (min-width: 1921px) {
  .container-content {
    padding: 3.125rem calc(13.125rem + ((100vw - 1920px) * 0.5)) 0 calc(13.125rem + ((100vw - 1920px) * 0.5));
  }

  .mobilize-bigScreen {
    padding: 3.125rem   calc(11.25rem + ((100vw - 1920px) * 0.5)) 5.75rem calc(11.25rem + ((100vw - 1920px) * 0.5));
  }

  .plan-item2 {
    margin-left: calc(3.75rem + ((100vw - 1920px) * 0.2));
  }

  .plan-item3 {
    margin-left: calc(3.75rem + ((100vw - 1920px) * 0.2));
  }

  .plan-item4 {
    margin-left: calc(3.2rem + ((100vw - 1920px) * 0.2));
  }

  .plan-item5 {
    margin-left: calc(3.9rem + ((100vw - 1920px) * 0.2));
  }

  .mobilize-banner {
    height: calc(49.5625rem + ((100vw - 1920px) * 0.51));
  }

  .mobilize-banner-text {
    padding-top: calc(19.25rem + ((100vw - 1920px) * 0.25));
    padding-left: calc(13.75rem + ((100vw - 1920px) * 0.51));
  }

}