*{box-sizing:border-box;margin:0;padding:0}
body{font:14px/1.7 "PingFang SC","Microsoft YaHei",Arial,sans-serif;background:#fff;color:#333}
a{color:#333;text-decoration:none}
a:hover{color:#1cb278}
img{border:0;max-width:100%}
ul,ol{list-style:none}
.w{width:1180px;margin:0 auto}
.t-page{min-height:420px}
.empty{color:#999;padding:24px 0}
.t-empty{padding:80px 0;text-align:center}
.t-empty h1{font-size:22px;margin-bottom:12px}
.t-empty a{color:#1cb278}

.t-head{background:#fff;padding:18px 0}
.t-head .w{display:flex;align-items:center;justify-content:space-between}
.t-logo{display:flex;align-items:center;gap:12px;max-width:520px}
.t-logo .mark{width:48px;height:48px;border-radius:10px;background:#1cb278;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;flex-shrink:0}
.t-logo strong{font-size:26px;color:#1cb278;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t-so{display:flex;align-items:center;width:420px;height:38px}
.t-so input{flex:1;height:38px;border:1px solid #ddd;border-right:0;padding:0 12px;outline:0;font-size:14px;color:#333;background:#fff}
.t-so input::placeholder{color:#bbb}
.t-so button{width:82px;height:38px;border:0;background:#1cb278;color:#fff;font-size:15px;cursor:pointer}
.t-so button:hover{background:#18a06b}

.t-nav{background:#1cb278;height:40px}
.t-nav a{display:inline-block;height:40px;line-height:40px;padding:0 15px;color:#fff;font-size:16px}
.t-nav a:hover{background:rgba(0,0,0,.08);color:#fff}

.t-part{padding:8px 0 18px}
.t-alt{background:#f7faf7}
.t-hero{display:flex;align-items:stretch;gap:20px;padding:18px 0 8px}
.t-col{width:270px;flex:0 0 270px}
.t-hd{font-size:16px;font-weight:700;line-height:22px;padding-bottom:8px;border-bottom:1px solid #eee;margin-bottom:8px}
.t-banner{flex:1;height:296px;background:#e8f6ef;overflow:hidden;position:relative}
.t-banner img,.t-banner a,.t-banner a img{display:block;width:100%;height:296px;object-fit:cover}
.t-banner-ph{display:block;width:100%;height:296px;background:linear-gradient(180deg,#d8efe4,#b7dfcc)}

.t-dot li{position:relative;padding-left:14px;line-height:32px;height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.t-dot li:before{content:"";position:absolute;left:0;top:14px;width:5px;height:5px;background:#ddd;border-radius:50%}
.t-dot a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.t-col .t-dot li:nth-child(n+9){display:none}

.t-title{font-size:22px;font-weight:700;padding:18px 0 10px;border-bottom:1px solid #eee}
.t-title a{float:right;font-weight:400;font-size:16px;color:#999}
.t-title a:hover{color:#1cb278}

.t-picks{display:flex;justify-content:space-between;padding:18px 0 8px;gap:16px}
.t-picks a{width:18%;display:block;line-height:22px;max-height:66px;overflow:hidden}

.t-news{display:grid;grid-template-columns:repeat(3,1fr);column-gap:28px;padding:8px 0 10px}
.t-news a{display:block;position:relative;padding-left:14px;line-height:36px;height:36px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.t-news a:before{content:"";position:absolute;left:0;top:16px;width:5px;height:5px;background:#ddd;border-radius:50%}

.t-links{padding:14px 0 8px;line-height:28px}
.t-links a{display:inline-block;margin-right:16px;color:#666}
.t-links img{height:28px;vertical-align:middle}

.t-foot{background:#282828;color:#ababab;padding:28px 0;text-align:center;font-size:13px;margin-top:10px;line-height:24px}
.t-foot a{color:#ababab}
.t-foot a:hover{color:#fff}
.t-foot .note{margin-top:8px}
.t-foot .map-engines{margin-top:6px}
.t-foot .map-engines a{margin:0 8px}

.t-crumb{color:#999;font-size:13px;padding:16px 0 10px}
.t-crumb a{color:#999}
.t-crumb a:hover{color:#1cb278}
.t-subs{padding:0 0 12px}
.t-subs a{display:inline-block;margin:0 12px 8px 0;color:#1cb278}
.t-intro{color:#666;padding:0 0 12px;line-height:24px}

.t-layout{display:flex;justify-content:space-between;padding-bottom:30px;align-items:flex-start}
.t-main{width:800px}
.t-side{width:360px}

.t-list{background:#fff}
.t-item{padding:16px 0;border-bottom:1px dashed #e6e6e6}
.t-item h2{font-size:18px;font-weight:700;line-height:26px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.t-item p{color:#999;font-size:13px;line-height:22px;margin:8px 0 6px;max-height:44px;overflow:hidden}
.t-item time{color:#bbb;font-size:12px}

.t-pager{padding:20px 0;text-align:center;font-size:13px}
.t-pager a,.t-pager span{display:inline-block;min-width:32px;height:32px;line-height:32px;padding:0 10px;margin:0 3px;border:1px solid #e5e5e5;color:#666}
.t-pager a:hover,.t-pager .on{background:#1cb278;border-color:#1cb278;color:#fff}

.t-box{background:#fff;margin-bottom:18px;padding:4px 0 8px}
.t-box h3{font-size:18px;font-weight:700;border-left:3px solid #1cb278;padding:0 0 0 10px;margin:0 0 10px;line-height:22px}

.t-doc{background:#fff;padding:10px 0 20px}
.t-doc h1{font-size:25px;text-align:center;font-weight:700;line-height:36px;padding:12px 20px 8px}
.t-meta{text-align:center;color:#999;font-size:13px;padding-bottom:12px}
.t-word{display:block;width:220px;margin:0 auto 16px;height:40px;line-height:40px;text-align:center;background:#1cb278;color:#fff;border-radius:4px;font-size:15px}
.t-word:hover{background:#18a06b;color:#fff}
.t-tags{text-align:center;padding-bottom:8px}
.t-tags a{display:inline-block;margin:0 6px;color:#1cb278}
.t-body{font-size:15px;line-height:30px;padding:8px 4px 20px;word-break:break-word}
.t-body p{margin:0 0 14px}
.t-body img{display:block;margin:12px auto;max-width:100%}
.t-rel{border-top:1px solid #eee;padding-top:16px;margin-top:8px}
.t-rel h3{font-size:18px;font-weight:700;border-left:3px solid #1cb278;padding-left:10px;margin-bottom:10px;line-height:22px}
.t-rel .t-dot{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
.t-rel .t-dot li{line-height:34px;height:34px}

.t-hero .t-dot li{height:32px;line-height:32px}
.t-hero .t-dot li:before{top:14px}
