* { margin:0; padding:0; box-sizing:border-box; }
body { margin:0; padding:0; background-color:#F5F5F5; font:13px/1.5 Verdana,Arial,Tahoma,"Microsoft YaHei","微软雅黑","Microsoft JhengHei","宋体",sans-serif; color:#333; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
img { border:none; max-width:100%; height:auto; display:block; }
a { color:#444; text-decoration:none; transition:color .2s; }
a:hover { color:#ba2636; text-decoration:underline; }
ul, ol { list-style:none; padding:0; margin:0; }
input, select, button { font:13px/1.5 Verdana,Arial,Tahoma,"Microsoft YaHei",sans-serif; vertical-align:middle; }
input:focus, select:focus, button:focus { outline:0; }
.clearfix::after { content:""; display:table; clear:both; }
.clr { overflow:hidden; clear:both; }
.red { color:#e00; }
.green { color:#090; }
.blue { color:#00a; }
.gray { color:#888; }
.b { font-weight:bold; }
.center { text-align:center; }
.kg { text-indent:2em; }
.mt1 { margin-top:10px; }
.mt2 { margin-top:16px; }
.f12 { font-size:12px; }

/* ===== 容器 ===== */
.container { max-width:960px; margin:0 auto; padding:0; background-color:#fff; overflow:hidden; }

/* ===== Header ===== */
.header { width:100%; overflow:hidden; display:flex; align-items:center; flex-wrap:nowrap; padding:4px 6px; background:#fff; position:relative; }
.header .logo { flex:0 0 auto; }
.header .logo .logo-pc { display:block; }
.header .logo .logo-mobile { display:none; }
.header .banner { flex:1 1 auto; min-width:0; margin-left:10px; overflow:hidden; }
.header .banner img { display:block; width:100%; height:auto; max-width:700px; }
.header .hd_nav { display:none; margin-left:auto; padding:0 4px; color:#fff; text-align:right; flex:0 0 auto; }
.header .hd_nav a { margin-right:6px; font-size:18px; color:#2D92DA; font-weight:500; }
.header .sitemap { display:none; flex:0 0 auto; margin-left:8px; padding:0 4px; font-size:28px; line-height:1; color:#2D92DA; cursor:pointer; }
.header .sitemap .sitemap-icon { display:inline-block; font-weight:bold; }

/* ===== 导航 ===== */
.nav { background-color:#2D92DA; overflow:hidden; width:100%; }
.nav ul { display:flex; flex-wrap:wrap; font-size:15px; margin:0; padding:0; justify-content:flex-start; }
.nav ul li { flex:0 0 auto; text-align:center; list-style:none; }
.nav ul li a { display:block; line-height:40px; padding:0 6px; color:#fff; font-weight:normal; text-decoration:none; white-space:nowrap; font-size:15px; transition:background .25s; }
.nav ul li a:hover, .nav ul li a:active { background-color:#5077b8; color:#fff; text-decoration:none; }

/* ===== 主体布局（Flex 双栏） ===== */
.main-wrap { display:flex; flex-wrap:wrap; padding:0 2px; background:#fff; }

/* ----- 左栏 ----- */
.main-left { flex:1 1 0; min-width:0; padding-right:0; display:flex; flex-direction:column; }
.main-left .inner { display:flex; flex-wrap:wrap; }
.main-left .left-sidebar { flex:0 0 150px; margin-top:5px; max-width:150px; padding-right:8px; background:#fff url(/img/dots.gif) repeat-y right; min-height:405px; }
.main-left .center-content { flex:1 1 0; min-width:200px; background:#f7f7f7 url(/img/dots.gif) repeat-y right; padding:0 0 10px 0; overflow:hidden; margin-top:0px; }

/* ----- 右栏 ----- */
.main-right { flex:0 0 250px; max-width:250px; margin-top:5px; margin-left:8px; overflow:hidden; display:flex; flex-direction:column; }

/* ===== PC 左侧边栏样式 ===== */
.tbox { border:1px solid #2D92DA; border-top:2px solid #2D92DA; overflow:hidden; font-size:14px; margin-bottom:0; background:#fff; }
.tbox dt { height:32px; background-color:#f7f7f7; color:#505050; border-bottom:1px solid #2D92DA; overflow:hidden; line-height:32px; padding:0 8px; }
.tbox dt strong { font-size:14px; color:#2D92DA; }
.tbox dt strong a { color:#2D92DA; }
.tbox dt strong a:hover { color:#666; text-decoration:none; }
.tbox dt .more { float:right; font-weight:normal; font-size:12px; color:#505050; }
.tbox dt .more a { color:#505050; }
.tbox dt .more a:hover { color:#ff3333; text-decoration:underline; }
.tbox dd { padding:5px 8px; overflow:hidden; }

.d4 li { float:left; width:100%; margin:2px 0; text-indent:12px; border-bottom:1px dashed #ddd; background:url(/img/ico-3.gif) 4px 12px no-repeat; white-space:nowrap; overflow:hidden; line-height:28px; }
.d4 li a { display:block; overflow:hidden; }

.d6 { padding:0; margin:0; display:flex; flex-wrap:wrap; gap:4px; }
.d6 li { flex:0 0 calc(50% - 4px); margin:0; }
.d6 li a { display:block; color:#333; background-color:#f6f6f6; border:1px solid #f2f2f2; height:26px; line-height:26px; padding-left:8px; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.d6 li a:hover { text-decoration:none; background-color:#c1c1c1; }

.dd li { float:left; width:100%; margin:2px 0; text-indent:4px; border-bottom:1px dashed #ddd; background:url(/img/ico-2.gif) 2px 9px no-repeat; white-space:nowrap; overflow:hidden; line-height:26px; }
.dd li a { display:block; overflow:hidden; }

.ml { padding:0; margin:0; }
.ml li { line-height:30px; overflow:hidden; padding-left:16px; background:url(/img/ico-2.gif) 7px 13px no-repeat; border-bottom:1px solid #f2f2f2; }
.ml li a { color:#585858; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/* ===== 中间内容 ===== */
.center-content .title { padding:8px 0 0 18px; color:#093; }
.center-content .title h1 { margin:0; padding:0; font-size:16px; font-family:"Microsoft YaHei","微软雅黑"; font-weight:bold; }
.center-content .explain2, .center-content .explain { color:#333; line-height:22px; font-size:14px; padding:6px 18px; overflow:hidden; }
.center-content .explain2 { font-size:12px; }
.center-content .title_sm { margin:6px 0 4px 0; border-bottom:1px solid #2D92DA; padding:0 18px 0 18px; height:28px; line-height:28px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; }
.center-content .title_sm h2 { background:url(/img/dots_cur.gif) no-repeat left center; padding-left:20px; font-size:14px; color:#333; margin:0; font-weight:bold; }
.center-content .title_sm span { font-size:12px; color:#333; }
.center-content .title_sm span a { color:#333; }
.center-content .title_sm span a:hover { color:#ff3399; text-decoration:underline; }

/* ===== 表单 ===== */
.inform { padding:10px 18px; line-height:36px; font-size:15px; overflow:hidden; }
.inform .form-row { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:6px 10px; margin-bottom:4px; }
.inform .form-row label { display:inline-flex; align-items:center; gap:2px; }
.inform .form-row .ipt { height:26px; padding:0 6px; background-color:#fff; font-size:15px; border:1px solid #b9b9b9; border-radius:2px; vertical-align:middle; }
.inform .form-row select { height:28px; padding:0 4px; font-size:13px; border:1px solid #b9b9b9; border-radius:2px; background:#fff; vertical-align:middle; }
.inform .form-row .zbslt { font-size:13px; color:#666; height:28px; }
.inform .zbbtn { font-size:15px; color:#fff; height:34px; padding:0 28px; border:1px solid #fda039; border-radius:6px; background-color:#fda039; cursor:pointer; font-weight:bold; transition:background .2s; -webkit-appearance:none; }
.inform .zbbtn:hover { background-position:0 -50px; background-color:#e88f2a; }

/* ===== 四个区块（在左栏底部） ===== */
.four-blocks { display:flex; flex-wrap:wrap; gap:0; width:100%; margin-top:0; }
.four-blocks .listbox { flex:1 1 calc(50% - 0px); min-width:270px; border:1px solid #2D92DA; border-top:2px solid #2D92DA; background:#fff; margin:6px 0; overflow:hidden; font-size:14px; }
.four-blocks .listbox .title { height:32px; background-color:#f7f7f7; color:#505050; border-bottom:1px solid #2D92DA; line-height:32px; padding:0 10px; display:flex; justify-content:space-between; align-items:center; }
.four-blocks .listbox .title h2 { font-size:14px; color:#2D92DA; margin:0; font-weight:bold; }
.four-blocks .listbox .title h2 a { color:#2D92DA; }
.four-blocks .listbox .title h2 a:hover { color:#666; text-decoration:none; }
.four-blocks .listbox .title .more a { color:#505050; font-size:12px; }
.four-blocks .listbox .title .more a:hover { color:#ff3333; text-decoration:underline; }
.four-blocks .listbox .list { padding:4px 6px; overflow:hidden; }
.four-blocks .listbox .list .ml li { line-height:28px; padding-left:14px; background:url(/img/ico-2.gif) 4px 11px no-repeat; border-bottom:1px solid #f5f5f5; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.four-blocks .listbox .list .ml li a { display:block; color:#585858; overflow:hidden; text-overflow:ellipsis; }

/* ===== “名典问问” 共用模块 ===== */
.ww-module { border:1px solid #2D92DA; border-top:2px solid #2D92DA; background:#fff; margin-bottom:10px; overflow:hidden; }
.ww-module .ww-title { height:32px; background-color:#f7f7f7; color:#505050; border-bottom:1px solid #2D92DA; line-height:32px; padding:0 8px; display:flex; justify-content:space-between; align-items:center; }
.ww-module .ww-title h2 { font-size:14px; color:#2D92DA; margin:0; font-weight:bold; }
.ww-module .ww-title h2 a { color:#2D92DA; }
.ww-module .ww-title h2 a:hover { color:#666; text-decoration:none; }
.ww-module .ww-title .more a { color:#505050; font-size:12px; }
.ww-module .ww-title .more a:hover { color:#ff3333; text-decoration:underline; }
.ww-module .ww-list { padding:5px 8px; overflow:hidden; }
.ww-module .ww-list ul.dd li { float:left; width:100%; margin:2px 0; text-indent:4px; border-bottom:1px dashed #ddd; background:url(/img/ico-2.gif) 2px 9px no-repeat; white-space:nowrap; overflow:hidden; line-height:26px; }
.ww-module .ww-list ul.dd li a { display:block; overflow:hidden; }
.ww-module .ww-btn { display:none; }

/* ===== 右侧边栏其他模块 ===== */
.main-right .tbox { margin-bottom:10px; }
.main-right .tbox dd { padding:6px 10px; }
.main-right .tbox .d6 li { flex:0 0 calc(50% - 4px); }

/* ===== 手机专用模块（PC隐藏，手机显示） ===== */
.mobile-modules { display:none; width:100%; padding:0 2px; }

/* ===== 友情链接 ===== */
.f_link { max-width:960px; background-color:#f7f7f7; border:1px solid #dfdfdf; font-size:12px; line-height:22px; padding:10px 20px; overflow:hidden; display:flex; flex-wrap:wrap; gap:6px 0; }
.f_link .f_title { font-size:12px; font-weight:bold; color:#666; flex:0 0 80px; padding-top:4px; }
.f_link .f_list { flex:1 1 auto; display:flex; flex-wrap:wrap; gap:4px 12px; }
.f_link .f_list li { flex:0 0 auto; list-style:none; white-space:nowrap; }
.f_link .f_list li a { color:#444; }
.f_link .f_list li a:hover { color:#ba2636; text-decoration:underline; }

/* ===== 页脚 ===== */
.footer { max-width:960px; padding:12px 0; background-color:#f7f7f7; color:#999; text-align:center; line-height:32px; font-size:12px; border-top:1px solid #a2cdee; overflow:hidden; }
.footer a { color:#999; }
.footer a:hover { color:#ba2636; text-decoration:underline; }
.footer .ba { display:flex; flex-wrap:wrap; justify-content:center; gap:6px 16px; }
#btn_top { opacity:0.7; background:#888 url(/img/to_top.png) center 50% no-repeat; background-size:20px 20px; border-radius:6px; position:fixed; left:50%; bottom:60px; margin-left:485px; border:1px solid #555; width:42px; height:42px; display:none; z-index:100001; cursor:pointer; transition:opacity .2s; }
#btn_top:hover { opacity:1; }

/* ================================================================
           手机端样式 (max-width: 820px)
           ================================================================ */
@media (max-width: 820px) {
    .container { padding:0; max-width:100%; }

    /* 头部 */
    .header { position:fixed; top:0; left:0; right:0; height:50px; background:#2D92DA; padding:0 10px; z-index:40; max-width:100%; display:flex; align-items:center; justify-content:space-between; flex-wrap:nowrap; }
    .header .logo { flex:0 0 auto; margin-right:0; }
    .header .logo .logo-pc { display:none; }
    .header .logo .logo-mobile { display:block; width:130px; height:40px; }
    .header .banner { display:none; }
    .header .hd_nav { display:flex; margin-left:auto; gap:10px; align-items:center; }
    .header .hd_nav a { margin-right:6px; color:#fff; font-size:16px; font-weight:500; }
    .header .hd_nav a:hover { color:#fff; text-decoration:none; opacity:.85; }
    .header .sitemap { display:block; margin-left:8px; }
    .header .sitemap .sitemap-icon { color:#fff; font-size:26px; line-height:50px; }
    .header .sitemap .sitemap-icon:hover { color:#eee; }

    /* 导航 */
    .nav { margin-top:50px; padding:0; background:#f3f3f3; border-left:1px solid #cfc4b6; border-top:1px solid #cfc4b6; }
    .nav ul { display:flex; flex-wrap:wrap; background:#f3f3f3; justify-content:flex-start; }
    .nav ul li { flex:0 0 24.62%; border-right:1px solid #ede2cb; border-bottom:1px solid #ede2cb; text-align:center; line-height:32px; }
    .nav ul li a { font-size:16px; color:#232323; font-weight:500; line-height:32px; padding:0 4px; background:transparent; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .nav ul li a:hover, .nav ul li a:active { background-color:#eee; color:#232323; }

    /* 主体 Flex 改为单列，并使用 order 控制顺序 */
    .main-wrap { flex-direction:column; padding:0; }
    .main-left { flex:1 1 100%; width:100%; padding-right:0; order:1; }
    .main-right { flex:1 1 100%; max-width:100%; margin-left:0; margin-top:0; padding:0 2px; order:3; }  /* 让 main-right 排在最后 */

    .main-left .inner { flex-direction:column; }
    .main-left .left-sidebar { display:none; }
    .main-left .center-content { background:#fff; border:1px solid #cfc4b6; border-radius:4px; margin:6px 4px 0 4px; padding:0 0 6px 0; flex:1 1 auto; }
    .center-content .title { display:none; }
    .center-content .explain { display:none; }
    .center-content .title_sm { padding:0 12px; height:auto; line-height:40px; border-bottom:1px solid #ffe3ed; font-size:16px; font-weight:400; color:#333; background:#fafafa; flex-wrap:wrap; gap:2px 0; }
    .center-content .title_sm span { font-size:13px; }
    .inform { padding:8px 12px; font-size:15px; }
    .inform .form-row { gap:4px 8px; flex-wrap:wrap; }
    .inform .form-row select { height:30px; font-size:15px; max-width:100%; }
    .inform .form-row .ipt { height:30px; font-size:15px; max-width:120px; }
    .inform .zbbtn { height:38px; background:#2D92DA; border:1px solid #000099; padding:0 30px; font-size:16px; width:92%; max-width:280px; }

    /* 四个区块在手机下 */
    .four-blocks { display:flex; flex-wrap:wrap; gap:0; width:100%; padding:0 2px; margin-top:6px; }
    .four-blocks .listbox { flex:1 1 100%; min-width:0; margin:4px 0; border:1px solid #cfc4b6; border-radius:6px; background:#fff; overflow:hidden; }
    .four-blocks .listbox .title { height:35px; border-bottom:1px solid #ffe3ed; padding:0 12px; display:flex; justify-content:space-between; align-items:center; background:#f2f2f2; }
    .four-blocks .listbox .title h2 { font-size:15px; color:#555; margin:0; font-weight:bold; }
    .four-blocks .listbox .title h2 a { color:#555; }
    .four-blocks .listbox .title .more a { color:#ff7209; font-size:13px; }
    .four-blocks .listbox .list { padding:4px 6px 10px 6px; }
    .four-blocks .listbox .list .ml li { line-height:28px; padding-left:14px; background:url(/img/arrow.gif) left 12px no-repeat; border-bottom:1px solid #f2f2f2; margin-left:6px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
    .four-blocks .listbox .list .ml li a { display:block; color:#585858; }
    .four-blocks .listbox .list .ml li a:active { background-color:#f2f2f2; }

    /* 手机专用模块：放在 main-left 内部，位于 four-blocks 之后，order 默认在 main-left 内部最后 */
    .mobile-modules { display:block; padding:0 2px; margin-top:6px; }
    .mobile-modules .listbox { margin:8px 2px; border:1px solid #cfc4b6; border-radius:6px; background:#fff; overflow:hidden; }
    .mobile-modules .listbox .title { height:35px; border-bottom:1px solid #ffe3ed; padding:0 12px; display:flex; justify-content:space-between; align-items:center; background:#f2f2f2; }
    .mobile-modules .listbox .title h2 { font-size:15px; color:#555; margin:0; font-weight:bold; }
    .mobile-modules .listbox .title h2 span { color:#df004f; }
    .mobile-modules .listbox .title h2 a { color:#555; }
    .mobile-modules .listbox .title .more a { color:#ff7209; font-size:13px; }
    .mobile-modules .listbox .list { padding:4px 6px 10px 6px; }
    .mobile-modules .listbox .list .fl { display:flex; flex-wrap:wrap; gap:6px 8px; padding:4px 6px; }
    .mobile-modules .listbox .list .fl li { flex:0 0 auto; list-style:none; }
    .mobile-modules .listbox .list .fl li a { background-color:#f5efe2; margin:2px 8px; padding:4px 14px; border:1px solid #cfc4b6; border-radius:4px; color:#1d1812; display:inline-block; font-size:14px; }
    .mobile-modules .listbox .list .fl li a:hover { background-color:#e8ddd0; text-decoration:none; }
    .mobile-modules .listbox .list .ml li { line-height:28px; padding-left:14px; background:url(/img/arrow.gif) left 12px no-repeat; border-bottom:1px solid #f2f2f2; margin-left:6px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
    .mobile-modules .listbox .list .ml li a { display:block; color:#585858; }
    .mobile-modules .listbox .list .ml li a:active { background-color:#f2f2f2; }
    .mobile-modules .listbox .p10 { padding:10px; }
    .mobile-modules .listbox .button { display:block; width:92%; margin:10px auto 16px auto; height:38px; line-height:38px; text-align:center; font-size:16px; color:#fff; background:#2D92DA; border:0; border-radius:6px; cursor:pointer; -webkit-appearance:none; }
    .mobile-modules .listbox .button.bgcolor2 { background:#f8af36; }
    .mobile-modules .listbox .button.bgcolor2:hover { background:#e0991e; }
    .mobile-modules .listbox .sbutton { display:block; width:92%; margin:10px auto 16px auto; padding:6px 16px; border-radius:4px; border:0; background:#FF689B; color:#fff; font-size:16px; cursor:pointer; -webkit-appearance:none; }
    .mobile-modules .listbox .sbutton:hover { background:#e84d82; }
    .mobile-modules .listbox .inform { background:#fff; padding:12px 8px; margin:0; }
    .mobile-modules .listbox .inform form { display:flex; flex-direction:column; gap:6px; align-items:center; }
    .mobile-modules .listbox .inform p { font-size:16px; }
    .mobile-modules .listbox .inform form p { margin:2px 0; }
    .mobile-modules .listbox .inform .ipt { border:1px solid #d0ad9a; background:#fff; padding:2px 6px; font-size:15px; line-height:26px; height:30px; border-radius:2px; }
    .mobile-modules .listbox .inform select { height:30px; padding:0 4px; font-size:13px; border:1px solid #d0ad9a; border-radius:2px; background:#fff; }

    /* 右栏：只显示名典问问，隐藏其他 */
    .main-right .right-sidebar-top { display:none; }
    .main-right .ww-module { display:block; margin:6px 2px; border:1px solid #cfc4b6; border-radius:2px; background:#fff; overflow:hidden; max-width:100%; border-top:1px solid #cfc4b6; }
    .main-right .ww-module .ww-title { height:35px; border-bottom:1px solid #ffe3ed; padding:0 12px; display:flex; justify-content:space-between; align-items:center; background:#fff; }
    .main-right .ww-module .ww-title h2 { font-size:15px; color:#555; margin:0; font-weight:bold; }
    .main-right .ww-module .ww-title h2 span { color:#df004f; }
    .main-right .ww-module .ww-title h2 a { color:#555; }
    .main-right .ww-module .ww-title .more a { color:#ff7209; font-size:13px; }
    .main-right .ww-module .ww-list { padding:4px 6px 10px 6px; overflow:hidden; }
    .main-right .ww-module .ww-list ul.ml { margin:0; padding:0; }
    .main-right .ww-module .ww-list ul.ml li { line-height:28px; padding-left:14px; background:url(/img/arrow.gif) left 12px no-repeat; border-bottom:1px solid #f2f2f2; margin-left:6px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
    .main-right .ww-module .ww-list ul.ml li a { display:block; color:#585858; }
    .main-right .ww-module .ww-list ul.ml li a:active { background-color:#f2f2f2; }
    .main-right .ww-module .ww-btn { display:block !important; clear:both; padding:0 10px 12px 10px; margin-top:0; }
    .main-right .ww-module .ww-btn .button { display:block; width:92%; margin:0 auto; height:38px; line-height:38px; text-align:center; font-size:16px; color:#fff; background:#2D92DA; border:0; border-radius:6px; cursor:pointer; -webkit-appearance:none; text-decoration:none; }
    .main-right .ww-module .ww-btn .button:hover { background:#1a7ab8; text-decoration:none; }

    /* 友情链接手机 */
    .f_link { flex-direction:column; padding:8px 12px; margin:0px 2px; border-radius:2px; }
    .f_link .f_title { flex:1 1 auto; padding-bottom:4px; }
    .f_link .f_list { gap:4px 10px; }
    .f_link .f_list li { flex:0 0 auto; }

    /* 页脚 */
    .footer { padding:10px 12px; line-height:28px; font-size:12px; margin:0px 2px; border-top:1px solid #e1dad2; }
    .footer .ba { flex-direction:column; gap:2px; }
    #btn_top { left:auto; right:8px; bottom:40px; margin-left:0; width:38px; height:38px; border-radius:50%; background-size:18px 18px; }
}

/* 小屏手机优化 */
@media (max-width:480px) {
    .nav ul { display:grid; grid-template-columns:repeat(4,1fr); border-left:1px solid #cfc4b6; border-top:1px solid #cfc4b6; }
    .nav ul li { text-align:center; border-right:1px solid #cfc4b6; border-bottom:1px solid #cfc4b6; line-height:32px; background:#f3f3f3; }
    .nav ul li a { display:block; font-size:16px; color:#232323; font-weight:500; }
    .nav ul li a:hover { background:#eee; text-decoration:none; }
    .header .hd_nav a { font-size:18px; margin-right:6px; }
    .header .sitemap .sitemap-icon { margin-left:4px; font-size:30px; }
    .inform .form-row { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:6px 10px; flex-direction:row; }
    .inform .form-row label { font-size:15px; white-space:nowrap; }
    .inform .form-row .ipt, .inform .form-row select { max-width:130px; width:auto; flex-shrink:0; }
    .inform .zbbtn { max-width:100%; }
    .center-content .title_sm { flex-direction:column; align-items:flex-start; gap:2px; }
    .center-content .title_sm h2 { font-size:16px; }
    .center-content .title_sm span { display:none; font-size:11px; }
    .mobile-modules .listbox .list .fl li a { font-size:14px; }
    .mobile-modules .listbox .inform form p { font-size:15px; }
    .f_link .f_list li { font-size:11px; }
    .four-blocks .listbox .list .ml li, .main-right .ww-module .ww-list ul.ml li { font-size:14px; line-height:28px; padding:5px 0 5px 18px; background-position:0 13px; }
}

/* 中等屏幕 (平板) 优化 */
@media (min-width:769px) and (max-width:1024px) {
    .main-left .left-sidebar { flex:0 0 130px; max-width:130px; }
    .main-right { flex:0 0 220px; max-width:220px; margin-left:6px; }
    .nav ul li a { font-size:13px; padding:0 4px; }
    .nav ul li { flex:0 0 auto; }
}

/* PC 大屏 */
@media (min-width:821px) {
    .nav ul li { flex:0 0 auto; }
    .nav ul li a { padding:0 8px; font-size:15px; }
    .header .sitemap { display:none !important; }
    .mobile-modules { display:none !important; }
    .main-right .ww-module .ww-btn { display:none !important; }
    /* 确保手机下 .main-right 的样式不会影响PC */
    .main-right { display:flex !important; flex:0 0 250px; max-width:250px; margin-left:8px; margin-top:5px; }
    .main-right .right-sidebar-top { display:block; }
    .main-right .ww-module { display:block; border:1px solid #2D92DA; border-top:2px solid #2D92DA; background:#fff; margin-bottom:10px; overflow:hidden; max-width:100%; }
    .main-right .ww-module .ww-title { height:32px; background-color:#f7f7f7; color:#505050; border-bottom:1px solid #2D92DA; line-height:32px; padding:0 8px; display:flex; justify-content:space-between; align-items:center; }
    .main-right .ww-module .ww-title h2 { font-size:14px; color:#2D92DA; margin:0; font-weight:bold; }
    .main-right .ww-module .ww-title h2 span { color:inherit; }
    .main-right .ww-module .ww-title .more a { color:#505050; font-size:12px; }
    .main-right .ww-module .ww-list ul.dd li { float:left; width:100%; margin:2px 0; text-indent:4px; border-bottom:1px dashed #ddd; background:url(/img/ico-2.gif) 2px 9px no-repeat; white-space:nowrap; overflow:hidden; line-height:26px; }
    .main-right .ww-module .ww-list ul.dd li a { display:block; overflow:hidden; }
    .main-right .ww-module .ww-btn { display:none; }
}

/* 导航项自适应 */
.nav ul li { flex:0 0 auto; }
@media (min-width:821px) and (max-width:960px) { .nav ul li a { font-size:13px; padding:0 4px; } }
@media (min-width:821px) and (max-width:900px) { .nav ul li a { font-size:12px; padding:0 3px; } }