*{box-sizing:border-box;margin:0;padding:0}
body{font:14px/1.7 "PingFang SC","Microsoft YaHei",Arial,sans-serif;background:#f8f8f8;color:#333}
a{color:#333;text-decoration:none}
a:hover{color:#d94b4f;text-decoration:underline}
ul,ol{list-style:none}
img{border:0;max-width:100%}
.f2-w{width:1147px;margin:0 auto}
.f2-page{padding-bottom:20px}
.empty{color:#999;padding:28px 0;text-align:center}
.empty a{color:#d94b4f}

.f2-head{background:#fff;border-top:2px solid #ff7433;border-bottom:1px solid #e9e9e9;margin-bottom:18px}
.f2-head .f2-w{display:flex;align-items:center;height:70px;gap:16px;flex-wrap:nowrap}
.f2-logo{display:flex;align-items:center;gap:8px;flex:none;text-decoration:none}
.f2-logo span{width:36px;height:36px;border-radius:8px;background:#ff7433;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}
.f2-logo strong{font-size:20px;color:#333;white-space:nowrap}
.f2-logo:hover{text-decoration:none;color:#333}
.f2-so{display:flex;height:34px;margin-left:auto}
.f2-so input{width:180px;height:34px;border:1px solid #eee;border-right:0;padding:0 10px;outline:0;background:#f3f3f3}
.f2-so button{width:64px;height:34px;border:0;background:#ff7433;color:#fff;cursor:pointer}
.f2-nav{display:flex;flex-wrap:nowrap;align-items:center;color:#999;font-size:16px;white-space:nowrap}
.f2-nav a{color:#333;padding:0 11px;font-size:16px}
.f2-nav a+a{border-left:1px solid #ddd}
.f2-nav a:nth-child(n+8){display:none}

.f2-hero{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:20px;align-items:stretch}
.f2-hero .f2-card{width:auto;min-width:0;display:flex;flex-direction:column}
.f2-card{background:#fff;border-radius:10px;padding:20px}
.f2-hd{height:42px;line-height:42px;background:#f5f5f8;border-radius:10px;margin-bottom:12px;padding:0 10px}
.f2-hd h3{font-size:16px;font-weight:700;color:#333}
.f2-hd h3:before{content:"";display:inline-block;width:7px;height:18px;background:#d94b4f;border-radius:10px;margin-right:6px;vertical-align:-3px}
.f2-hd h3 a{color:#333;font-weight:700}
.f2-hd h3 a:hover{color:#d94b4f;text-decoration:none}

.f2-rank{counter-reset:n}
.f2-rank li{counter-increment:n;height:40px;line-height:40px;overflow:hidden;display:flex;align-items:center}
.f2-rank li:before{content:counter(n);flex:none;width:16px;height:16px;line-height:16px;margin-right:8px;border-radius:4px;background:#c7c7c7;color:#fff;font-size:12px;text-align:center}
.f2-rank li:nth-child(1):before{background:#e33e42}
.f2-rank li:nth-child(2):before{background:#e7805c}
.f2-rank li:nth-child(3):before{background:#f79f4b}
.f2-rank li:nth-child(4):before{background:#e8b856}
.f2-rank a{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px}
.f2-rank span{flex:none;color:#999;font-size:12px;margin-left:8px}
.f2-rank li:nth-child(n+11){display:none}
.f2-jian li:before{content:"荐";width:auto;padding:0 4px;background:#e33e42}

.f2-feat{text-align:center;height:40px;line-height:40px;overflow:hidden}
.f2-feat a{color:#e33e42;font-size:20px;font-weight:700}
.f2-news li{height:40px;line-height:40px;overflow:hidden;display:flex;justify-content:space-between;gap:8px}
.f2-news span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#b2b2b2;font-size:14px}
.f2-news span a{color:#333;font-size:15px;margin-left:6px}
.f2-news em{flex:none;color:#999;font-size:12px;font-style:normal}
.f2-news li:first-child{display:none}
.f2-news li:nth-child(n+11){display:none}

.f2-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.f2-cats .f2-card{min-width:0}
.f2-lines li{height:36px;line-height:36px;overflow:hidden;display:flex;justify-content:space-between;gap:8px}
.f2-lines a{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.f2-lines span{flex:none;color:#999;font-size:12px}
.f2-lines li:nth-child(n+11){display:none}

.f2-flink{margin-top:20px;line-height:28px}
.f2-flink b{color:#d94b4f;margin-right:8px}
.f2-flink a{display:inline-block;margin:0 12px 4px 0;color:#797979;font-size:13px}
.f2-flink img{height:22px;vertical-align:middle}

.f2-foot{background:#414141;color:#e5e2e2;text-align:center;padding:16px 0;margin-top:16px;font-size:12px;line-height:22px}
.f2-foot a{color:#d8dde0}
.f2-foot .note{margin-top:6px}
.map-engines a{margin:0 6px}

.f2-layout{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.f2-main{width:787px;background:#fff;border-radius:10px;padding:30px}
.f2-side{width:336px}
.f2-side .f2-card{margin-bottom:12px}
.f2-cat-title{font-size:20px;color:#eb484a;font-weight:700;line-height:40px;border-bottom:2px solid #e8e8e8;margin-bottom:12px}
.f2-subs{padding:0 0 12px}
.f2-subs a{display:inline-block;margin:0 12px 6px 0;color:#d94b4f}

.f2-art li{padding:0 0 10px;margin-bottom:10px;border-bottom:1px dotted #e8e8e8}
.f2-art h2{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:16px;font-weight:700}
.f2-art h2 a{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}
.f2-art h2 span{flex:none;color:#9d9d9d;font-size:14px;font-weight:400}
.f2-art p{color:#666;font-size:14px;line-height:24px;margin-top:4px;max-height:48px;overflow:hidden}

.f2-pager{text-align:center;padding:18px 0 0}
.f2-pager a,.f2-pager span{display:inline-block;min-width:28px;height:28px;line-height:28px;margin:0 3px;padding:0 8px;border:1px solid #eee;color:#666}
.f2-pager .on,.f2-pager a:hover{background:#ff7433;border-color:#ff7433;color:#fff;text-decoration:none}

.f2-crumb{color:#666;font-size:13px;padding:10px 0 8px}
.f2-crumb a{color:#666;font-size:13px}
.f2-doc{padding:40px 33px}
.f2-doc h1{text-align:center;font-size:28px;font-weight:700;line-height:40px;padding:10px 0 8px}
.f2-meta{text-align:center;color:#c8c8c8;font-size:14px;line-height:45px}
.f2-word{display:block;width:220px;margin:0 auto 16px;height:40px;line-height:40px;text-align:center;background:#ff7433;color:#fff;border-radius:6px;font-size:15px}
.f2-word:hover{background:#e8672b;color:#fff;text-decoration:none}
.f2-tags{text-align:center;padding-bottom:8px}
.f2-tags a{margin:0 6px;color:#2965b1}
.f2-body{font-size:16px;line-height:30px;color:#000}
.f2-body p{margin:0 0 12px;text-indent:2em}
.f2-body img{display:block;margin:12px auto;max-width:100%;border-radius:10px}
.f2-rtags{margin-top:20px;padding-top:12px;border-top:1px solid #eee}
.f2-rtags h3{font-size:18px;font-weight:700;border-bottom:2px solid #1c1c1c;display:inline-block;line-height:28px;margin-bottom:10px}
.f2-rtags p{line-height:28px}
.f2-rtags a{display:inline-block;margin:0 8px 8px 0;padding:2px 10px;background:#f5f5f8;color:#2965b1;font-size:13px;border-radius:3px}
.f2-rtags a:hover{background:#ff7433;color:#fff;text-decoration:none}
.f2-rel{margin-top:20px;padding-top:12px;border-top:1px solid #eee}
.f2-rel h3{font-size:18px;font-weight:700;border-bottom:2px solid #1c1c1c;display:inline-block;line-height:28px;margin-bottom:10px}
.f2-rel ul{display:flex;flex-wrap:wrap}
.f2-rel li{width:50%;height:30px;line-height:30px;overflow:hidden;padding-right:12px}
.f2-rel li a{color:#2965b1;font-size:15px}
.f2-rel li a:before{content:"";display:inline-block;width:3px;height:3px;background:#000;border-radius:50%;margin-right:6px;vertical-align:middle}
.f2-rel li a:hover{color:#000}