/* ===== 潮流网 全站样式 (桌面端 + 移动端H5适配) ===== */
* { box-sizing: border-box; }
html { font-family: "Microsoft YaHei", "微软雅黑", sans-serif; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); overflow-x: hidden; }
body { margin: 0; text-align: left; font-size: 14px; background: #fff; color: #2a2a2a; font-family: "Microsoft YaHei", "微软雅黑", sans-serif; overflow-x: hidden; }
p { margin: 0; }
img { max-width: 100%; height: auto; vertical-align: middle; border: 0; display: block; }
ul, ol, dl, h1, h2, h3, h4, h5, h6, dt, dd { margin: 0; padding: 0; }
ul li, ol li { list-style: none; }
em { font-style: normal; }
a, a:visited { text-decoration: none; color: #2a2a2a; transition: color .16s ease, background-color .2s ease; }
a:hover { color: #ee2e3d; cursor: pointer; }

.clearfix:before, .clearfix:after { content: ""; display: table; line-height: 0; }
.clearfix:after { clear: both; }
.f-fl, .f-lifl li, .f-dlfl dt, .f-dlfl dd { float: left; display: inline; }
.f-fr { float: right; display: inline; }

/* ===== 布局容器 ===== */
.g-box-full { width: 100%; display: block; }
.g-box-1200 { width: 1200px; margin: 0 auto; display: block; }

/* ===== 顶部信息栏 ===== */
.g-headTop { overflow: hidden; line-height: 28px; background: #f9f9f9; border-bottom: 1px solid #E8E8E8; }
.g-headTop .g-box-1200 { font-size: 12px; color: #666; }
.g-headTop .f-fr { color: #666; }

/* ===== Logo区 ===== */
.g-head-logo { padding: 10px 0; overflow: hidden; height: 125px; }
.g-logo2019 { width: 215px; height: 76px; overflow: hidden; margin: 27px 0 0; }
.g-top-sou { overflow: hidden; width: 280px; height: 36px; margin: 45px 0 0 550px; background: #f5f5f5; border: 1px solid #ddd; border-radius: 4px; }
.g-top-sou .u-search-input { border: 0; height: 32px; line-height: 32px; float: left; width: 210px; margin: 1px 0 1px 10px; outline: none; background: transparent; font-size: 13px; }
.g-top-sou .u-search-btn { float: right; width: 50px; background: #ee2e3d; border: 0; cursor: pointer; height: 34px; margin: 0; color: #fff; font-size: 13px; }
.g-wap { width: 125px; overflow: hidden; }
.g-wap p { overflow: hidden; width: 80px; height: 80px; margin: 9px auto 0; border: 1px solid #eee; }
.g-wap p img { width: 100%; height: 100%; object-fit: cover; }
.g-wap span { color: #666; display: block; text-align: center; font-size: 12px; }

/* ===== 导航 ===== */
.g-nav2019 { height: 50px; position: relative; background: #020202; border-bottom: 0; }
.m-nav2019 ul { display: block; }
.m-nav2019 ul li { float: left; }
.m-nav2019 ul li a { display: block; font-size: 18px; line-height: 50px; color: #fff; padding: 0 30px; }
.m-nav2019 ul li.m-hover a, .m-nav2019 ul li:hover a { color: #fff; background: #ee2e3d; }
.f-wxgzh { position: relative; }
.f-wxgzh p { display: none; position: absolute; left: 0; top: 50px; z-index: 99; width: 150px; height: 150px; background: #fff; padding: 12px; box-shadow: 0 2px 8px rgba(0,0,0,.2); }
.f-wxgzh p img { width: 125px; height: 125px; display: block; }
.m-nav2019 ul li.f-wxgzh:hover p { display: block; }

/* ===== 首页轮播 ===== */
.m-inhuand { height: 460px; overflow: hidden; margin-bottom: 15px; position: relative; background: #000; }
.m-inhuand .b-slide { width: 1200px; height: 460px; position: relative; margin: 0 auto; overflow: hidden; }
.m-inhuand .bd ul { width: 9999px; height: 460px; }
.m-inhuand .bd li { width: 1200px; height: 460px; position: relative; float: left; }
.m-inhuand .bd li .pic { width: 1200px; height: 460px; overflow: hidden; }
.m-inhuand .bd li .pic img { width: 1200px; height: 460px; object-fit: cover; }
.m-inhuand .bd li .text { background: rgba(0,0,0,.6); position: absolute; left: 100px; bottom: 21px; width: 913px; padding: 0 25px; }
.m-inhuand .bd li .text h4 { font-size: 30px; line-height: 64px; height: 64px; overflow: hidden; border-bottom: 1px solid #fff; text-align: center; }
.m-inhuand .bd li .text h4 a { color: #fff; }
.m-inhuand .bd li .text h4 a:hover { color: #ee2e3d; }
.m-inhuand .bd li .text p { font-size: 14px; line-height: 24px; color: #fff; margin-top: 7px; height: 48px; overflow: hidden; }
.m-inhuand .hd a { position: absolute; top: 196px; width: 38px; height: 64px; cursor: pointer; background: rgba(0,0,0,.4); color: #fff; text-align: center; line-height: 64px; font-size: 24px; }
.m-inhuand .hd .prev { left: 10px; }
.m-inhuand .hd .next { right: 10px; }
.m-inhuand .hd a:hover { background: #ee2e3d; }

/* ===== 今日头条 ===== */
.m-jrtt { width: 60px; height: 132px; background: #000; text-align: center; color: #fff; font-size: 20px; line-height: 26px; padding-top: 18px; font-weight: bold; margin-top: 10px; }
.m-scroll-show { height: 180px; overflow: hidden; width: 1095px; position: relative; }
.m-imgtuup li { margin-left: 38px; width: 230px; height: 170px; padding: 5px 0; float: left; }
.m-imgtuup li a { padding: 5px 0 0 5px; height: 158px; display: block; }
.m-imgtuup li a p { width: 220px; height: 150px; position: relative; overflow: hidden; }
.m-imgtuup li a p img { width: 220px; height: 150px; object-fit: cover; }
.m-imgtuup li a:hover { box-shadow: 0 0 5px rgba(150,150,150,.8); }
.m-imgtuup li a p span { position: absolute; height: 56px; background: rgba(255,255,255,.7); display: block; width: 90%; margin: 0 5%; bottom: -29px; text-align: center; line-height: 24px; padding-top: 8px; }
.m-txdiv .m-scroll-btn { width: 45px; height: auto; float: right; margin: 4px 0 0; }
.m-txdiv .m-scroll-btn li { width: 45px; height: 45px; background: #000; margin: 16px 0 0; cursor: pointer; color: #fff; text-align: center; line-height: 45px; font-size: 20px; }
.m-txdiv .m-scroll-btn li:hover { background: #ee2e3d; }

/* ===== 区块标题 ===== */
.g-intith3 { position: relative; height: 100px; margin-bottom: 10px; margin-top: 20px; text-align: center; }
.g-intith3 strong { display: inline-block; font-size: 36px; font-weight: bold; color: #000; letter-spacing: 8px; padding: 0 30px; background: #fff; position: relative; z-index: 5; line-height: 100px; }
.g-intith3 p { height: 2px; background: #000; top: -53px; position: relative; z-index: 2; margin: 0; }
.g-intith3 strong.m-clkb { color: #ee2e3d; }
.g-intith3 strong.m-zbpc { color: #000; }
.g-intith3 strong.m-zbbk { color: #333; }
.g-intith3 strong.m-gxdz { color: #ee2e3d; }

/* ===== 子标题 ===== */
.m-titleh4 { height: 50px; line-height: 50px; }
.m-titleh4 strong { font-size: 18px; }
.m-titleh4 a.f-fr { display: inline-block; color: #999; font-size: 13px; margin-top: 0; }
.m-titleh4 a.f-fr:hover { color: #ee2e3d; }

/* ===== 首页栏目布局 ===== */
.m-inleft { width: 220px; }
.m-incenter { width: 530px; margin-left: 40px; }
.m-inleft2 { width: 800px; }
.m-inright { width: 370px; }
.m-inleft3 { width: 375px; }
.m-inright3 { width: 790px; }
.m-dzleft { width: 370px; }
.m-dzright { width: 790px; }
.f-bot20 { margin-bottom: 20px; }

/* ===== 左侧竖图列表 ===== */
.m-imguqli li { margin-bottom: 21px; height: 150px; }
.m-imguqli li a img { height: 150px; width: 100%; object-fit: cover; }
.m-imgjiepai li { margin-bottom: 20px; height: 230px; }
.m-imgjiepai li a img { height: 230px; width: 100%; object-fit: cover; }
.m-imguqx li { margin-bottom: 20px; height: 168px; }
.m-imguqx li a img { height: 168px; width: 100%; object-fit: cover; margin-top: 3px; }

/* ===== 中间Tab切换 ===== */
.m-incdu { background: #fafafa; height: 36px; position: relative; }
.m-incdu .m-clultit li { width: 100px; line-height: 36px; font-size: 16px; text-align: center; position: relative; cursor: pointer; }
.m-incdu .m-clultit li.f-hover { background-color: #000; color: #fff; font-weight: bold; }
.m-incdu .m-clultit li.f-hover span { display: block; position: absolute; width: 10px; height: 5px; left: 50%; bottom: -5px; margin-left: -5px; background: #000; }
.m-inmore { display: block; height: 48px; line-height: 48px; text-align: center; font-size: 16px; border: 1px #000 solid; margin-bottom: 20px; }
.m-inmore:hover { background-color: #000; color: #fff; }

/* ===== 中间资讯列表 ===== */
.m-hotul li.m-oneimg { padding: 5px; margin: 0 0 15px; }
.m-hotul li.m-oneimg:hover { box-shadow: 0 0 5px rgba(150,150,150,.8); }
.m-hotul li.m-oneimg p.m-img { float: left; }
.m-hotul li.m-oneimg p.m-img a { width: 110px; height: 76px; float: left; overflow: hidden; margin-right: 24px; display: block; }
.m-hotul li.m-oneimg p.m-img a img { width: 110px; height: 76px; object-fit: cover; }
.m-hotul li.m-oneimg .m-tit { font-size: 18px; margin-bottom: 5px; height: 52px; overflow: hidden; line-height: 26px; }
.m-hotul li.m-oneimg .m-tit a:hover { font-weight: bold; }
.m-hotul li.m-oneimg .m-newtime { color: #aaa; font-size: 13px; }
.m-hotul li.m-hotullino { border-bottom: 1px #eee solid; margin: 0 0 15px; height: 1px; width: 100%; }

/* ===== 两列小图 ===== */
.m-qxzx { margin-left: -40px; }
.m-qxzx li { width: 245px; height: 168px; margin-left: 40px; float: left; }
.m-qxzx li a img { height: 168px; width: 100%; object-fit: cover; }
.m-qxbig { margin-left: -40px; }
.m-qxbig li { width: 375px; height: 256px; margin: 0 0 25px 40px; float: left; }
.m-qxbig li a img { width: 375px; height: 256px; object-fit: cover; }
.m-qxpp li { height: 184px; }
.m-qxpp li a img { height: 184px; width: 100%; object-fit: cover; }

/* ===== 右侧排行 ===== */
.m-rtit { background: #f9f9f9; padding: 20px 0; }
.m-imt2 { background: #f9f9f9; padding: 20px 0; }
.m-rtitimgp { text-align: center; padding: 10px 0; }
.m-rtitimgp img { display: inline-block; max-width: 90%; }
.m-rimgul { margin: 0 30px; }
.m-rimgul li { display: block; overflow: hidden; }
.m-rimgul li p { height: 37px; line-height: 34px; overflow: hidden; font-size: 16px; }
.m-rimgul li p i { font-size: 18px; font-family: Impact; font-weight: bold; margin-right: 10px; color: #ee2e3d; }
.m-htoul { padding-top: 12px; }
.m-htoul li { height: 38px; line-height: 38px; }
.m-htoul li i { font-size: 24px; }
.m-htoul li a p { font-size: 18px; }
.m-htoul2 { padding-top: 14px; }
.m-htoul2 li { height: 36px; line-height: 36px; }
.m-htoul2 li a p { font-size: 16px; }
.m-htoul3 li { line-height: 26px; height: auto; border-bottom: 1px #b0b0b0 dotted; padding: 10px 0; margin: 0 30px; }
.m-htoul3 li i { font-size: 24px; font-family: Impact; font-weight: bold; margin-right: 20px; color: #f00; }
.m-htoul3 li a p { font-size: 16px; }

/* ===== 右侧大图排行 ===== */
.m-hotgul { margin: 0 30px; }
.m-hotgul li { margin: 20px 0 0; border-bottom: 1px #bababa dotted; }
.m-hotgul li i { font-size: 24px; font-family: Impact; margin-right: 15px; color: #fe1919; }
.m-hotgul li a { display: block; height: 96px; overflow: hidden; margin-bottom: 20px; }
.m-hotgul li a p.f-fl { width: 92px; height: 96px; overflow: hidden; margin-right: 16px; float: left; }
.m-hotgul li a p.f-fl img { display: block; width: 92px; height: 96px; object-fit: cover; }
.m-hotgul li a strong { display: block; font-weight: normal; font-size: 18px; overflow: hidden; line-height: 24px; margin-bottom: 5px; }
.m-hotgul li a span { font-size: 13px; color: #aaa; height: 30px; overflow: hidden; display: block; }

/* ===== 装备评测书籍样式 ===== */
.m-ibookul { margin-left: -14px; }
.m-ibookul li { width: 251px; height: 238px; border: 1px #eee solid; margin-left: 14px; float: left; margin-bottom: 14px; }
.m-ibookul li a img { margin: 6px; width: 240px; height: 162px; object-fit: cover; }
.m-ibookul li a p { margin: 5px 10px 0; line-height: 22px; height: 45px; overflow: hidden; }
.m-lisul { padding-top: 8px; }
.m-lisul li { height: 34px; line-height: 34px; overflow: hidden; width: 250px; margin: 0 0 0 12px; }
.m-lisul li span { float: left; width: 5px; height: 5px; background-color: #000; margin: 14px 5px 0 0; }
.m-lisul li a:hover span { background-color: #f00; }

/* ===== 深度评测 ===== */
.m-shendugul { margin: 0 30px; }
.m-shendugul li { margin: 20px 0 0; border-bottom: 1px #bababa dotted; }
.m-shendugul li a { display: block; height: 75px; overflow: hidden; margin-bottom: 20px; }
.m-shendugul li a p.f-fl { width: 92px; height: 75px; overflow: hidden; margin-right: 16px; float: left; }
.m-shendugul li a p.f-fl img { display: block; width: 110px; height: 75px; object-fit: cover; }
.m-shendugul li a strong { display: block; font-weight: normal; font-size: 16px; overflow: hidden; line-height: 24px; margin-bottom: 5px; }
.m-shendugul li a span { font-size: 12px; color: #aaa; height: 30px; overflow: hidden; display: block; }
.m-shizhan { background: #fafafa; padding-bottom: 20px; }

/* ===== 换一换 ===== */
.m-hyh { position: relative; height: 5px; display: block; padding-top: 30px; margin: 0 30px; }
.m-hyh span { height: 1px; display: block; background-color: #000; }
.m-hyh a { display: block; width: 198px; height: 33px; line-height: 33px; text-align: center; border: 1px #000 solid; color: #ed2d3c; position: absolute; background-color: #fff; top: 15px; left: 50%; margin-left: -99px; }
.m-hyh a:hover { background-color: #000; color: #fff; }

/* ===== 装备百科轮播 ===== */
.m-hdbox { position: relative; width: 800px; height: 505px; margin: 0 0 19px; overflow: hidden; box-shadow: 0 0 5px rgba(150,150,150,.8); }
.m-hdbox .flashbox { width: 800px; height: 400px; position: relative; overflow: hidden; }
.m-hdbox .flashbox ul { width: 9999px; height: 400px; position: absolute; left: 0; top: 0; }
.m-hdbox .flashbox li { width: 800px; height: 400px; float: left; display: block; }
.m-hdbox .flashbox a { display: block; width: 800px; height: 400px; position: relative; }
.m-hdbox .flashbox a img { width: 800px; height: 400px; object-fit: cover; }
.m-hdbox .flashbox strong { display: block; width: 730px; line-height: 30px; padding: 10px 20px 0; color: #ed2e3d; font-size: 24px; font-weight: bold; overflow: hidden; }
.m-hdbox .flashbox p { display: block; width: 730px; line-height: 28px; color: #aaa; overflow: hidden; padding: 0 20px; font-size: 14px; }
.m-hdbox .flashpoint { width: 165px; height: 8px; position: absolute; left: 326px; bottom: 20px; }
.m-hdbox .flashpoint i { float: left; width: 25px; height: 8px; background: #ccc; margin-right: 30px; cursor: pointer; opacity: .5; }
.m-hdbox .flashpoint i.on { background: #000; opacity: .8; }

/* ===== 百科热门 ===== */
.m-baikehot { height: 256px; position: relative; background: #f5f5f5; }
.m-baikehot > p { width: 14px; height: 88px; background: #000; color: #fff; padding: 16px 18px; font-size: 16px; font-weight: bold; margin: 70px 0 0; float: left; line-height: 22px; }
.m-bkul { display: block; width: 700px; padding: 30px 0 0; height: 200px; overflow: hidden; float: left; }
.m-bkul li { width: 320px; margin-left: 30px; float: left; height: 34px; line-height: 34px; overflow: hidden; }
.m-bkul li span { float: left; width: 5px; height: 5px; background: #000; margin: 14px 5px 0 0; }

/* ===== 标签云 ===== */
.m-txtll { background: #f5f5f5; padding: 20px; }
.m-intags { line-height: 36px; }
.m-intags a { display: inline-block; padding: 0 15px; line-height: 32px; background: #eee; margin: 5px; border-radius: 4px; font-size: 14px; }
.m-intags a:hover { background: #ee2e3d; color: #fff; }

/* ===== 个性定制 ===== */
.m-dzldiv { background: #f9f9f9; padding: 20px 0; }
.m-dzright dt, .m-dzright dd { width: 376px; }
.m-dzright dd { margin-left: 38px; }

/* ===== 底部 ===== */
.g-foot-full { background: #020202; margin-top: 26px; }
.m-ftlink { background: #fff; padding: 20px 0; margin-top: 32px; }
.m-ftlink img { float: left; margin-right: 10px; }
.m-copyinfo { padding: 20px 0; }
.m-copyinfo p { color: #ccc; text-align: center; line-height: 34px; }
.m-copyinfo p a { color: #ccc; margin: 0 10px; }
.m-copyinfo p a:hover { color: #ee2e3d; }

/* ===== 列表页 ===== */
.m-listnav { margin: 22px 0; }
.m-listnav a { display: inline-block; height: 34px; line-height: 34px; border: 1px #f2f2f2 solid; padding: 0 10px; margin-right: 25px; }
.m-listnav a:hover, .m-listnav .m-hover a { border-color: #ee2e3d; background: #ee2e3d; color: #fff; }
.m-navwz { color: #aaa; font-size: 14px; height: 36px; line-height: 36px; margin-bottom: 10px; }
.m-navwz a { color: #333; margin: 0 5px; }
.m-navwz a:hover { color: #ee2e3d; }

/* 列表页主内容 */
.m-mainleft { width: 790px; float: left; }
.m-mianright { width: 360px; float: right; }
.w790 { width: 790px; float: left; }
.w360 { width: 360px; float: right; }
.w790 h4 { border-bottom: 1px solid #eee; height: 50px; line-height: 50px; font-size: 20px; color: #ee2e3d; font-weight: bold; margin-bottom: 20px; padding-left: 6px; }

/* 发售日历卡片 */
.m-fashou-box { overflow: hidden; }
.m-fashou-item { width: 380px; float: left; margin: 0 15px 24px; border: 1px solid #eee; padding-bottom: 12px; }
.m-fashou-date { height: 36px; line-height: 36px; font-size: 14px; color: #fff; background: #ee2e3d; padding: 0 12px; font-weight: bold; }
.m-fashou-img { display: block; }
.m-fashou-img a { display: block; overflow: hidden; }
.m-fashou-img img { width: 100%; height: 260px; display: block; object-fit: cover; }
.m-fashou-title { font-size: 16px; line-height: 24px; padding: 10px 12px 6px; max-height: 48px; overflow: hidden; }
.m-fashou-title a { color: #000; }
.m-fashou-title a:hover { color: #ee2e3d; }
.m-fashou-price { font-size: 14px; color: #ee2e3d; font-weight: bold; padding: 0 12px; }
.m-fashou-price .f-fr { color: #999; font-weight: normal; }

/* 月份标签 */
.m-monthtags { padding: 8px 10px 0; overflow: hidden; }
.m-monthtags li { float: left; width: 50%; margin-bottom: 12px; }
.m-monthtags li a { display: block; margin: 0 5px; height: 40px; line-height: 40px; text-align: center; background: #f5f5f5; font-size: 14px; color: #333; border-radius: 4px; }
.m-monthtags li a:hover { background: #ee2e3d; color: #fff; }
.m-monthtags li.on a { background: #ee2e3d; color: #fff; }

.m-listul li { border-bottom: 1px solid #eee; padding-bottom: 20px; margin: 0 0 20px; }
.m-listul li a.f-fl { margin-right: 20px; float: left; display: block; }
.m-listul li a.f-fl img { width: 300px; height: 205px; object-fit: cover; }
.m-listul li .m-listdiv { overflow: hidden; }
.m-listul li .m-listdiv .m-title { line-height: 28px; font-size: 18px; max-height: 56px; overflow: hidden; }
.m-listul li .m-listdiv .m-title a { color: #000; }
.m-listul li .m-listdiv .m-title a:hover { color: #ee2e3d; }
.m-listul li .m-listdiv .m-listinfo { font-size: 13px; color: #999; height: 76px; line-height: 26px; overflow: hidden; margin: 10px 0; }
.m-listul li .m-listdiv .m-listime { font-size: 14px; color: #aaa; }
.m-listul li .m-listdiv .m-listime font { color: #ee2e3d; font-weight: bold; }

/* 侧边模块 */
.m-mdiv { border: 1px #000 solid; border-top: none; position: relative; margin-bottom: 40px; padding-top: 24px; }
.m-h3tit { position: absolute; width: 100%; top: -17px; height: 36px; line-height: 36px; font-size: 26px; text-align: center; font-weight: normal; color: #333; background: #fff; }
.m-h3tit:before { content: ""; display: block; width: 40px; height: 3px; background: #ee2e3d; margin: 0 auto; }

/* 侧边轮播 */
.m-mdiv .m-hdbox { width: 310px; height: 268px; margin: 10px auto 0; box-shadow: none; border-bottom: 1px #000 dotted; }
.m-mdiv .m-hdbox .flashbox { width: 310px; height: 212px; }
.m-mdiv .m-hdbox .flashbox li { width: 310px; height: 268px; }
.m-mdiv .m-hdbox .flashbox a { width: 310px; height: 212px; }
.m-mdiv .m-hdbox .flashbox a img { width: 310px; height: 212px; }
.m-mdiv .m-hdbox .flashbox em { display: none; }
.m-mdiv .m-hdbox .flashbox strong { width: 290px; height: 42px; line-height: 42px; padding: 0 10px; position: absolute; left: 10px; bottom: 56px; color: #000; font-size: 16px; background: rgba(255,255,255,.8); }
.m-mdiv .m-hdbox .flashpoint { left: 104px; bottom: 22px; z-index: 3; }
/* 侧边轮播：淡入淡出切换 */
.m-mdiv .m-hdbox .flashbox { position: relative; overflow: hidden; }
.m-mdiv .m-hdbox .flashbox ul { position: static; width: 100%; height: auto; }
.m-mdiv .m-hdbox .flashbox li { position: absolute; left: 0; top: 0; width: 100%; height: auto; float: none; opacity: 0; z-index: 1; pointer-events: none; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; }
.m-mdiv .m-hdbox .flashbox li.on { opacity: 1; z-index: 2; pointer-events: auto; }
/* 侧边轮播左右箭头 */
.m-mdiv .m-hdbox .hd a { position: absolute; top: 74px; width: 28px; height: 64px; line-height: 64px; text-align: center; font-size: 20px; color: #fff; background: rgba(0,0,0,.4); cursor: pointer; z-index: 6; }
.m-mdiv .m-hdbox .hd .prev { left: 0; }
.m-mdiv .m-hdbox .hd .next { right: 0; }
.m-mdiv .m-hdbox .hd a:hover { background: #ee2e3d; }

.m-mtags { padding: 10px 10px 0; overflow: hidden; }
.m-mtags a { display: block; float: left; width: auto; min-width: 60px; height: 40px; line-height: 40px; background: #eee; text-align: center; padding: 0 12px; margin: 0 0 20px 10px; font-size: 14px; border-radius: 20px; }
.m-mtags a:hover { background: #ee2e3d; color: #fff; }
.g-year-title { overflow: hidden; margin: 0 15px 12px; height: 45px; padding-left: 6px; line-height: 45px; font-size: 16px; font-weight: bold; color: #333; border-bottom: 1px solid #eee; }

/* 分页 */
.m-page { height: 44px; line-height: 44px; padding: 0 0 20px; text-align: center; }
.m-page a, .m-page b { padding: 8px 15px; font-size: 14px; color: #333; border: 1px solid #eee; border-radius: 3px; background: #eee; margin: 0 5px; }
.m-page a:hover { background: #000; color: #fff; border-color: #000; }
.m-page b { color: #fff; background: #000; border-color: #000; font-weight: normal; }

/* ===== 返回顶部 ===== */
.g-float { position: fixed; bottom: 20px; right: 20px; z-index: 100; display: none; }
.g-float a { display: block; width: 50px; height: 50px; background: #000; color: #fff; text-align: center; line-height: 50px; border-radius: 5px; font-size: 20px; }
.g-float a:hover { background: #ee2e3d; }

/* ===== 移动端 H5 适配 ===== */
@media screen and (max-width: 768px) {
  .g-box-1200 { width: 100%; padding: 0 10px; }
  body { font-size: 13px; }

  /* 顶部栏 */
  .g-headTop { display: none; }

  /* Logo区 */
  .g-head-logo { height: auto; padding: 8px 0; }
  .g-logo2019 { width: 140px; height: auto; margin: 5px 0 0; }
  .g-top-sou { display: none; }
  .g-wap { display: none; }

  /* 导航 */
  .g-nav2019 { height: auto; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .m-nav2019 ul { display: flex; white-space: nowrap; }
  .m-nav2019 ul li { float: none; }
  .m-nav2019 ul li a { font-size: 15px; line-height: 42px; padding: 0 14px; }
  .f-wxgzh p { display: none !important; }

  /* 轮播 */
  .m-inhuand { height: 200px; }
  .m-inhuand .b-slide { width: 100%; height: 200px; }
  .m-inhuand .bd li { width: 100%; height: 200px; }
  .m-inhuand .bd li .pic { width: 100%; height: 200px; }
  .m-inhuand .bd li .pic img { width: 100%; height: 200px; }
  .m-inhuand .bd li .text { left: 10px; right: 10px; width: auto; bottom: 10px; padding: 8px 12px; }
  .m-inhuand .bd li .text h4 { font-size: 16px; line-height: 24px; height: 48px; }
  .m-inhuand .bd li .text p { font-size: 12px; line-height: 18px; height: 36px; margin-top: 4px; }
  .m-inhuand .hd a { top: 50%; transform: translateY(-50%); width: 30px; height: 40px; line-height: 40px; font-size: 18px; }

  /* 今日头条 */
  .m-jrtt { display: none; }
  .m-scroll-show { width: 100%; height: auto; }
  .m-imgtuup { position: relative !important; }
  .m-imgtuup li { width: 48%; margin: 0 1%; height: auto; padding: 5px 0; }
  .m-imgtuup li a { height: auto; }
  .m-imgtuup li a p { width: 100%; height: auto; }
  .m-imgtuup li a p img { width: 100%; height: 120px; }
  .m-imgtuup li a p span { font-size: 12px; line-height: 18px; height: 40px; }
  .m-txdiv .m-scroll-btn { display: none; }

  /* 区块标题 */
  .g-intith3 { height: 60px; margin-top: 10px; margin-bottom: 5px; }
  .g-intith3 strong { font-size: 22px; letter-spacing: 4px; padding: 0 15px; line-height: 60px; }
  .g-intith3 p { top: -32px; }

  /* 首页栏目 - 单列堆叠 */
  .m-inleft, .m-incenter, .m-inleft2, .m-inright, .m-inleft3, .m-inright3, .m-dzleft, .m-dzright { width: 100%; float: none; margin: 0 0 15px; }
  .m-incenter { margin-left: 0; }

  /* 列表项适配 */
  .m-imguqli li, .m-imgjiepai li, .m-imguqx li { height: auto; }
  .m-imguqli li a img { height: 180px; }
  .m-imgjiepai li a img { height: 200px; }
  .m-imguqx li a img { height: 160px; }

  /* Tab标题 */
  .m-incdu .m-clultit li { width: auto; padding: 0 15px; font-size: 14px; }

  /* 中间资讯列表 */
  .m-hotul li.m-oneimg p.m-img a { width: 90px; height: 62px; margin-right: 12px; }
  .m-hotul li.m-oneimg p.m-img a img { width: 90px; height: 62px; }
  .m-hotul li.m-oneimg .m-tit { font-size: 15px; height: 40px; line-height: 20px; }
  .m-inmore { height: 40px; line-height: 40px; font-size: 14px; }

  /* 两列小图 */
  .m-qxzx { margin-left: -2%; }
  .m-qxzx li { width: 48%; margin-left: 2%; height: auto; }
  .m-qxzx li a img { height: 120px; }
  .m-qxbig { margin-left: -2%; }
  .m-qxbig li { width: 48%; margin: 0 0 15px 2%; height: auto; }
  .m-qxbig li a img { width: 100%; height: 140px; }

  /* 右侧排行 */
  .m-rimgul { margin: 0 15px; }
  .m-rimgul li p { font-size: 14px; height: 34px; line-height: 34px; }
  .m-hotgul { margin: 0 15px; }
  .m-hotgul li a { height: 70px; }
  .m-hotgul li a p.f-fl { width: 70px; height: 70px; }
  .m-hotgul li a p.f-fl img { width: 70px; height: 70px; }
  .m-hotgul li a strong { font-size: 14px; line-height: 20px; }
  .m-shendugul { margin: 0 15px; }
  .m-shendugul li a { height: 60px; }
  .m-shendugul li a p.f-fl { width: 80px; height: 60px; }
  .m-shendugul li a p.f-fl img { width: 80px; height: 60px; }

  /* 书籍列表 */
  .m-ibookul { margin-left: -2%; }
  .m-ibookul li { width: 48%; margin: 0 0 14px 2%; height: auto; }
  .m-ibookul li a img { width: calc(100% - 12px); height: 120px; }
  .m-lisul li { width: 100%; margin: 0; padding: 0 10px; }

  /* 百科轮播 */
  .m-hdbox { width: 100%; height: auto; }
  .m-hdbox .flashbox { width: 100%; height: auto; }
  .m-hdbox .flashbox li { width: 100%; }
  .m-hdbox .flashbox a { width: 100%; height: 200px; }
  .m-hdbox .flashbox a img { width: 100%; height: 200px; }
  .m-hdbox .flashbox strong { width: 100%; font-size: 18px; padding: 10px; }
  .m-hdbox .flashbox p { width: 100%; padding: 0 10px 10px; font-size: 13px; }
  .m-hdbox .flashpoint { display: none; }

  /* 百科热门 */
  .m-baikehot { height: auto; padding: 15px; }
  .m-baikehot > p { float: none; width: auto; height: auto; margin: 0 0 10px; padding: 8px 12px; display: inline-block; }
  .m-bkul { width: 100%; height: auto; float: none; padding: 0; }
  .m-bkul li { width: 100%; margin: 0; }

  /* 个性定制 */
  .m-dzright dt, .m-dzright dd { width: 100%; float: none; margin: 0 0 15px; }

  /* 标签云 */
  .m-intags a { font-size: 12px; padding: 0 10px; line-height: 28px; margin: 3px; }

  /* 列表页 */
  .m-listnav { margin: 12px 0; overflow-x: auto; white-space: nowrap; }
  .m-listnav a { margin-right: 10px; font-size: 13px; }
  .m-mainleft, .m-mianright, .w790, .w360 { width: 100%; float: none; }
  .w790 h4 { font-size: 18px; height: 42px; line-height: 42px; }
  .m-listul li a.f-fl { float: none; margin: 0 0 10px; display: block; }
  .m-listul li a.f-fl img { width: 100%; height: 180px; }
  .m-listul li .m-listdiv .m-title { font-size: 16px; }
  .m-listul li .m-listdiv .m-listinfo { height: auto; max-height: 60px; }

  /* 侧边模块 */
  .m-mdiv { margin-top: 30px; }
  .m-h3tit { font-size: 20px; }
  .m-mdiv .m-hdbox { width: 100%; }
  .m-mdiv .m-hdbox .flashbox { width: 100%; }
  .m-mdiv .m-hdbox .flashbox li { width: 100%; }
  .m-mdiv .m-hdbox .flashbox a { width: 100%; }
  .m-mdiv .m-hdbox .flashbox a img { width: 100%; }
  .m-mdiv .m-hdbox .flashbox strong { width: calc(100% - 20px); left: 10px; }
  .m-mdiv .m-hdbox .hd a { top: 78px; width: 24px; height: 44px; line-height: 44px; font-size: 16px; }

  /* 月份标签 */
  .m-mtags a { min-width: auto; padding: 0 10px; margin: 0 5px 10px; font-size: 13px; height: 32px; line-height: 32px; }
  .m-monthtags li { width: 33.33%; }
  .m-monthtags li a { margin: 0 3px; height: 34px; line-height: 34px; font-size: 13px; }

  /* 发售日历卡片 */
  .m-fashou-item { width: 100%; float: none; margin: 0 0 16px; }
  .m-fashou-img img { height: 200px; }
  .m-fashou-title { font-size: 15px; }

  /* 底部 */
  .g-foot-full { margin-top: 15px; }
  .m-ftlink { margin-top: 15px; padding: 10px 0; }
  .m-copyinfo p { font-size: 12px; line-height: 28px; }

  /* 返回顶部 */
  .g-float { bottom: 10px; right: 10px; }
  .g-float a { width: 40px; height: 40px; line-height: 40px; font-size: 16px; }
}