@charset "utf-8";
/*==================================================================
  0851-0859_mobile_V2026.css  区域频道移动端专属样式
  HTML 引用：media="screen and (max-width:768px)"
  统一字号：标题16px / 链接14px / 辅助13px
==================================================================*/

/*------区域频道主体内容（≤768px）------*/
@media screen and (max-width: 768px) {
  body{font-size:16px;}

  /*主菜单 - 0851-0859 区域频道 - 移动端3列布局（清爽浅色）*/
  #menu{
    width:100%;
    background:#f3f8ff;
    border-top:1px solid #cce3ff;
    box-shadow:0 1px 3px rgba(1,106,174,0.08);
    overflow:hidden;
    padding:8px;
    box-sizing:border-box;
  }
  .main_menu_08510859{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    max-width:none;
    font-size:16px;
  }
  .main_menu_08510859 .menu{
    flex:0 0 calc((100% - 16px) / 3);
    min-width:0;
    height:44px;
    line-height:44px;
    text-align:center;
    cursor:pointer;
    background:#ffffff;
    border-radius:8px;
    border:1px solid #e0ecff;
    overflow:hidden;
    white-space:nowrap;
    padding:0 4px;
    box-sizing:border-box;
    transition:all 0.25s ease;
    box-shadow:0 1px 2px rgba(1,106,174,0.05);
  }
  .main_menu_08510859 .menu a.link{
    display:block;
    width:100%;
    height:100%;
    color:#2367b8;
    text-decoration:none;
    font-weight:500;
    font-size:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    transition:color 0.25s ease;
  }
  .main_menu_08510859 .menu:hover{
    background:#e8f2ff;
    border-color:#b8d7ff;
    box-shadow:0 2px 5px rgba(1,106,174,0.12);
  }
  .main_menu_08510859 .menu:hover a.link{
    color:#016aae;
    font-weight:bold;
  }
  .main_menu_08510859 .menu.active{
    background:linear-gradient(180deg,#2a9df4 0%,#016aae 100%);
    border-color:#0056b3;
    box-shadow:0 2px 5px rgba(255,105,135,0.15);
  }
  .main_menu_08510859 .menu.active a,
  .main_menu_08510859 .menu.active a.link{
    color:#ffffff !important;
    font-weight:bold;
  }

  /* 名站-查询-新站 - 移动端2列 */
  .area_famous,
  .area_service,
  .area_newsite{padding:8px;font-size:16px;}
  .area_famous ul li,
  .area_service ul li,
  .area_newsite ul li{
    flex:0 0 calc(100% / 2);
    height:36px;
    line-height:36px;
    padding:2px 6px;
  }
  .area_famous ul li a,
  .area_service ul li a,
  .area_newsite ul li a{font-size:16px;}

  /* 招考 - 移动端1列 */
  .area_zhaokao{padding:8px;font-size:16px;}
  .area_zhaokao ul li{
    flex:0 0 100%;
    height:36px;
    line-height:36px;
    padding:2px 6px 2px 15px;
  }
  .area_zhaokao ul li a{font-size:16px;}

  /* 全省县市总索引 - 移动端 */
  #city_index{line-height:34px;font-size:16px;}
  .city_index_title{padding-left:10px;font-size:16px;font-weight:bold;}
  .city_index_content{padding:0 6px;overflow:hidden;font-size:16px;}
  .state{
    float:none;
    width:100%;
    text-align:left;
    padding-right:0;
    padding-left:10px;
    border-bottom:1px solid #e5e7eb;
    margin-bottom:4px;
    clear:both;
    font-size:16px;
    font-weight:bold;
  }
  .city{
    float:left;
    padding-right:6px;
    line-height:32px;
    font-size:16px;
  }

  /* 下辖县市区 - 移动端按钮式4列 */
  .area_city{padding:4px;}
  .area_city ul{gap:4px; text-align:center;}
  .area_city ul li{
    flex:0 0 calc((100% - 12px) / 4);
    height:32px;
    line-height:32px;
    padding:0 4px;
  }
  .area_city ul li a{
    padding:0 6px 0 18px;
    font-size:16px;
    border-radius:6px;
    background:linear-gradient(180deg,#e8f0fe 0%,#d2e1f8 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  }
  .area_city ul li a:hover{
    background:linear-gradient(180deg,#f3dae0 0%,#ddc3e0 100%);
    border-color:#c7a0d0;
    color:#6a1b9a;
    box-shadow:0 3px 8px rgba(106,27,154,0.18),inset 0 1px 0 rgba(255,255,255,0.4);
  }

  /* 县市电话簿 - 移动端1列 */
  .city_site_list h2{font-size:16px;padding:8px 0 4px;}
  .city_site_list ul{padding:5px;}
  .city_site_list li{
    flex:0 0 100%;
    height:42px;
    line-height:42px;
    padding:0 4px;
  }
  .city_site_list li a{
    padding:0 6px 0 18px;
    font-size:16px;
  }
}