/* 页面平滑加载动画 */
.indexBody {
   animation: fadeIn 0.25s ease-out;  /* 改为 fadeIn */
   will-change: opacity;
   display: flex;
   flex-direction: column;
   flex: 1;
   min-height: calc(100vh - 40px - 90px - 60px - 50px); /* 40px顶部  90px头部  60px导航 50px底部 0px间距 */
}
@keyframes fadeIn {
   0% { opacity: 0; }
   100% { opacity: 1; }
}

.clear {
   clear: both;
}
.clearfix {
   width: 100%;
   overflow: hidden;
}

/* ========== 合作单位查询页面专用样式（移动端全面优化） ========== */
.coopeMain {
   width: 100%;
   position: relative;
}

.coverMask {
   width: 100%;
   height: 230px;
}

.titP {
   color: #fff;
   font-size: 28px;
   position: absolute;
   top: 20%;
   left: 50%;
   transform: translateX(-50%);
   white-space: nowrap;
}

.searchDiv {
   position: absolute;
   top: 45%;
   left: 50%;
   transform: translateX(-50%);
   display: flex;
   align-items: center;
   justify-content: center;
   width: auto;
   max-width: 90vw;
}

.inputSearch {
   padding-left: 10px;
   display: block;
   width: 380px;
   max-width: calc(100vw - 120px);
   height: 37px;
   border-radius: 2px;
   border: none;
   box-sizing: border-box;
}

#search {
   height: 38px;
   line-height: 38px;
   border: 1px solid transparent;
   padding: 0 18px;
   color: #fff;
   white-space: nowrap;
   text-align: center;
   font-size: 14px;
   cursor: pointer;
   background-color: #fc3930;
   border-radius: 2px;
   flex-shrink: 0;
}

/* 主容器样式 */
.cooperMain {
   width: 90%;
   max-width: 1100px;
   margin: 30px auto 10px;
   background: #fff;
   border-radius: 10px;
}

/* 查询结果卡片 */
.query-results {
   background: #fff;
   overflow: hidden;
   border-radius: 10px;
   min-height: 530px;
   width: 100%;
   margin: 0 auto;
   position: relative;
   display: none;
}
/* 申请流程卡片 */
.baseBox {
   background: #fff;
   overflow: hidden;
   border-radius: 10px;
   min-height: 530px;
   width: 100%;
   margin: 0 auto;
   padding: 30px 15px 10px;
}

.baseBox p {
   line-height: 50px;
   text-align: center;
   font-size: 30px;
   margin-bottom: 20px;
   letter-spacing: 5px;
}

.baseTit a {
   background: #fc3930;
   line-height: 50px;
   height: 50px;
   color: #fff;
   display: block;
   width: 270px;
   max-width: 90%;
   margin: 100px auto 10px auto;
   padding: 0 15px;
   border-radius: 3px;
   font-size: 18px;
   text-align: center;
   text-decoration: none;
}
.baseTit a:hover {
   color: #fff;
}

/* 合作流程步骤 */
.coop-box {
   padding-top: 30px;
}
.coop-box .lt {
   float: left;
   width: 25%;
   position: relative;
   list-style: none;
}
.coop-box-t {
   width: 115px;
   height: 115px;
   line-height: 115px;
   border-radius: 50%;
   display: block;
   border: 1px solid #dae9f7;
   margin: 0 auto;
}
.coop-box-t img {
   width: 46px;
   height: 46px;
   display: block;
   margin: 30px auto;
}
.coop-box .lt h3 {
   font-weight: 400;
   text-align: center;
   font-size: 15px;
   color: #333;
   margin-top: 16px;
}
.next {
   width: 15px !important;
   height: 25px;
   position: absolute;
   right: -10px;
   top: 50px;
}

/* 查询结果图片及绝对定位文字 */
.query-results img {
   width: 95%;
   display: block;
   margin: 0 auto;
   position: relative;
   padding: 20px;
}
#landname,
#landdesp,
.landcode,
.validity {
   position: absolute;
   font-family: monospace;
   color: #000;
}
#landname {
   top: 55%;
   left: 22%;
   font-weight: bold;
   font-size: clamp(14px, 2.5vw, 28px);
}
#landdesp {
   top: 61%;
   left: 19%;
   font-size: clamp(12px, 2vw, 20px);
   width: 72%;
   line-height: 1.5;
   text-indent: 2rem;
}
.landcode {
   right: 16%;
   bottom: 21%;
   font-weight: bold;
   font-size: clamp(12px, 1.8vw, 20px);
}
.validity {
   right: 16%;
   bottom: 15%;
   font-weight: bold;
   font-size: clamp(12px, 1.8vw, 20px);
}

/* ========== 响应式适配 ========== */
/* 平板及以下 */
@media screen and (max-width: 992px) {
	.indexBody {
	   min-height: calc(100vh - 40px - 90px - 110px); /* 40px顶部  90px头部  60px导航 50px底部 0px间距 */
	}
   
   .baseBox, .query-results {
	   min-height: 350px;
   }
}

/* 手机横屏 / 小平板 */
@media screen and (max-width: 768px) {
   .coverMask, .coopeMain img {
	   height: 250px;
   }
   .coop-box .lt {
	   width: 50%;
	   margin-bottom: 30px;
   }
   .coop-box .lt:nth-child(2n) .next {
	   display: none; /* 每行第二个隐藏箭头 */
   }
   .coop-box-t {
	   width: 90px;
	   height: 90px;
	   line-height: 90px;
   }
   .coop-box-t img {
	   width: 30px;
	   height: 30px;
	   margin: 28px auto;
   }
   .next {
	   top: 30px;
	   right: -5px;
   }
   .titP {
	   font-size: 22px;
	   top: 15%;
   }
   .searchDiv {
	   top: 40%;
	   width: 90%;
	   flex-wrap: wrap;
	   gap: 8px;
   }
   .inputSearch {
	   width: 50%;
	   max-width: 50%;
   }
   #search {
	   width: 50%;
	   text-align: center;
	   margin-top: 15px;
   }
   .baseBox {
	   padding: 20px 10px;
   }
   .baseBox p {
	   font-size: 24px;
	   letter-spacing: 2px;
   }
   .baseTit a {
	   margin-top: 60px;
   }
   .coop-box .lt {
	   width: 50%;
   }
   #landname {
	   top: 50%;
	   left: 25%;
   }
   #landdesp {
	   top:57%;
	   left: 20%;
	   width: 70%;
   }
   .landcode {
	   bottom: 22%;
	   right: 12%;
   }
   .validity {
	   bottom: 16%;
	   right: 12%;
   }
}

/* 超小屏手机 (≤ 480px) */
@media screen and (max-width: 480px) {
   .coverMask, .coopeMain img {
	   height: 250px;
   }
   .titP {
	   font-size: 18px;
	   top: 12%;
   }
   .searchDiv {
	   top: 35%;
   }
   .cooperMain {
	   width: 100%;
	   margin-top: 0;
	   padding-top: 15px;
   }
   .baseBox {
	   padding: 0px;
   }
   .baseBox, .query-results {
	   min-height: 280px;
   }
   .baseBox p {
	   font-size: 20px;
	   margin-bottom: 10px;
   }
   .coop-box .lt {
	   width: 50%;
   }
   .coop-box-t {
	   width: 70px;
	   height: 70px;
	   line-height: 70px;
   }
   .coop-box-t img {
	   width: 24px;
	   height: 24px;
	   margin: 21px auto;
   }
   .baseTit a {
	   margin: 40px auto;
	   font-size: 16px;
	   height: 45px;
	   line-height: 45px;
   }
   .query-results img {
	   padding: 10px 0;
   }
   #landname {
	   top: 50%;
	   left: 28%;
	   font-size: 12px;
   }
   #landdesp {
	   top: 57%;
	   font-size: 9px;
	   line-height: 1.4;
	   text-indent: 1rem;
	   width: 68%;
	   left: 22%;
   }
   .inputSearch {
	   width: 80%;
	   max-width: 80%;
   }
   #search {
	   width: 80%;
	   text-align: center;
   }
   .landcode, .validity {
	   font-size: 9px;
	   right: 8%;
   }
   .landcode {
	   bottom: 24%;
   }
   .validity {
	   bottom: 18%;
   }
}