/* ===== kkce 全站广告位样式 =====
 * 汇总自 ads.css / header-1-advertisement.css / fixed.css 及各页面 CSS。
 * 注：.topAdd / .topAddBox 各页面定义不一致，已保留在原文件未动。
 */

.ad_l {
  position: fixed;
  top: 45%;
  margin: -180px 0 0 -710px;
  left: 50%;
  width: 100px;
  height: 360px;
  z-index: 99;
  /* 修复 iOS Safari position:fixed 渲染异常 */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.ad_r {
  position: fixed;
  top: 45%;
  margin: -180px -710px 0 0;
  right: 50%;
  width: 100px;
  height: 360px;
  z-index: 99;
  /* 修复 iOS Safari position:fixed 渲染异常 */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
/* 优先匹配手机端（不受viewport:1300影响） */
@media (max-device-width: 768px), 
       (min-resolution: 2dppx) and (max-width: 1450px),
       (hover: none) and (pointer: coarse) {
  .ad_r {
    top: 20%;
  }
  .ad_l {
    top: 20%;
  }
}

.fixedImg {
  width: 100px;
  height: 360px;
  display: block;
  object-fit: cover;
  background-color: #f5f5f5; /* 图片加载前的占位色 */
}

.ad_01 {
  z-index: 2;
  font-size: 12px;
  position: absolute !important;
  right: 0;
  top: 0;
  display: inline-block;
  padding: 3px 5px;
  line-height: 12px;
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
}

.closeAd {
  background-color: #c1c1c1;
  color: #fff;
  text-align: center;
  width: 100px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  cursor: pointer;
}

/* ===== 全站广告位样式（从各页面 CSS 提取收敛） =====
   原分散于 Bccdn.css / detect.css / index.css / mod_header.css / batch*.css /
   website_maintenance_record.css，现统一收敛到 fixed.css（全站引用）。
   注：topAdd / topAddBox 各页面定义不一致、ads-container / ad-item 会给 16 个广告页
   新增样式，故这两组保留在原文件未动。 */

.page04d2 {
  /* margin: 10px auto; */
  margin: 5px auto;
  overflow: hidden;
  /*display: none;*/
  justify-content: space-between;
  position: relative;
  width: 1200px;
}
.ad_api {width: 1200px;
  height: 50px;
  color: #fff;
  /* line-height: 60px; */
  text-align: center;
  margin: 0 auto;}
.ad_api img {position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 1200px;
  height: 100%;}
.ad_api strong {transition: all 0.5s;
  display: inline-block;
  letter-spacing: 2px;
  position: relative;
  z-index: 2;}
.ad_api:hover strong {transform: scale(1.03, 1.03);}
.ad_api font {font-size: 12px;
  border-radius: 12px;
  display: inline-block;
  padding: 0px 12px;
  border: 1px solid #fff;
  line-height: 22px;}
.bocead02 {justify-content: space-between;
  width: 1200px;
  margin: 5px auto;
  flex-wrap: wrap;}
.ad_10 a p :not(:last-child) {position: relative;
  z-index: 2;}
.ad_10 a {display: block;
  width: 291px;
  height: 86px;
  color: #fff;
  font-size: 16px;
  padding: 16px 20px;
  box-sizing: border-box;
  position: relative;
  /* margin-bottom: 20px; */}
.ad_10 .detail {font-size: 12px;
  border-radius: 4px;
  display: inline-block;
  padding: 0px 12px;
  border: 1px solid #fff;
  line-height: 22px;
  float: right;
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 2;}
.ad_10 a img {display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 86px;}
.ad_02 {z-index: 2;
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  padding: 3px 5px;
  line-height: 12px;
  background: rgba(225, 225, 231, 0.1);
  color: #fff;}
.colAd {width: 100%;
  display: flex; 
  justify-content: space-evenly;
  flex-wrap: wrap;}
.colAd p {line-height: 30px;
  color: #20a0ff;
  font-size: 13px;
  text-align: center;}
.rank_col3_ad {width: 1200px;
  /* margin: 20px auto; */
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; /* 可选：兼容性更好 */
  /* margin-bottom: 15px; */}
.rank_col3_ad > div {position: relative;
  width: 386px;
  height: 60px;}
.rank_col3_ad img {width: 100%;
  height: 100%;
  display: block;}
.colAd3 {color: #20a0ff;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  padding-left: 5px;
  width: 220px;}
.colAd3ss {color: red;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  padding-left: 5px;
  width: 220px;}
.ad_04 {font-size: 14px;
  display: inline-block;
  padding: 3px 5px;
  line-height: 12px;
  background: rgba(37, 37, 53, 0.1);
  color: #fff;}
.ad {margin: 5px auto;
    overflow: hidden;
    justify-content: space-between;
    position: relative;
    width: 1200px;
    display: flex;
    /* padding-bottom: 15px; */}
.topad a {display: block;
    width: 597px;
    height: 50px;
    color: #fff;
    font-size: 16px;
    padding: 16px 20px;
    box-sizing: border-box;
    position: relative;}
.topad img {position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 597px;
    height: 50px;}
.ads {margin: 0px auto;
        overflow: hidden;
        justify-content: space-between;
        position: relative;
        width: 1200px;
        display: flex;
        /* padding-bottom: 10px; */}
.wmr-ads {margin-bottom: 24px;}

/* ===== 从各页面 CSS 提取收敛（各页面定义一致的部分） ===== */

.topAdd {
  /* margin-top: 40px; */
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.topAddBox {
  width: 580px;
  position: relative;
}

.topAdd img {
  width: 100%;
  height: 60px;
}

.ps-main #ad_20 {
  margin-bottom: 20px;
}

.topAddBox a img {
  width: 100%;
  height: 100%;
}
