@charset "utf-8";
/* theme_tyrtv 太原游戏 - PC 皮肤覆盖（清新绿门户风） */

/* ---- 品牌色重定义（默认 #1587a8 -> 绿 #22a447）---- */
.mainBg{background-color:#22a447 !important;}
.mainBorder{border-color:#22a447 !important;}
.nav a:hover,.nav .current,.phbBox li .info .btn:hover,.smallSlider .smallDot i.current,.walkthroughLike ul li .btn:hover,.cont404 .btn:hover{background-color:#1c8c3c !important;}
.titMod h3{border-bottom-color:#22a447 !important;}
.crumbs a:hover,.moreLink:hover{color:#22a447 !important;}
a:hover{color:#22a447;}

/* ---- 整体背景 ---- */
.ty-body{background:#eef3ee;}

/* ---- 头部 ---- */
.ty-header{background:#fff;border-top:4px solid #22a447;}
.ty-header .w1200{padding:24px 0;position:relative;}
.ty-logo{display:flex;align-items:center;float:left;height:52px;margin-right:46px;}
.ty-logo img{max-height:52px;}
.ty-logo .ty-logo-ico{display:inline-block;width:46px;height:46px;margin-right:12px;border-radius:12px;background:linear-gradient(135deg,#3ecf67,#1c8c3c);background-image:url(/static/themes/theme_tyrtv/img/leaf.svg);background-size:30px 30px;background-position:center;background-repeat:no-repeat;}
.ty-logo b{font-size:28px;font-weight:800;color:#1c8c3c;letter-spacing:1px;}
.ty-search{float:left;width:480px;height:44px;margin-top:4px;border:2px solid #22a447;border-radius:6px;overflow:hidden;background:#fff;}
.ty-search input{float:left;width:368px;height:40px;line-height:40px;border:0;outline:0;padding:0 16px;font-size:14px;background:transparent;}
.ty-search button{float:right;width:96px;height:40px;line-height:40px;border:0;cursor:pointer;background:#22a447;color:#fff;font-size:16px;letter-spacing:2px;}
.ty-search button:hover{background:#1c8c3c;}
.ty-hotkw{float:right;margin-top:14px;font-size:13px;}
.ty-hotkw a{color:#666;margin-left:18px;position:relative;}
.ty-hotkw a:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#22a447;margin-right:6px;vertical-align:2px;}
.ty-hotkw a:hover{color:#22a447;}

/* ---- 主导航（居中、白底绿字、底部绿条）---- */
.ty-nav{background:#fff;border-bottom:3px solid #22a447;box-shadow:0 2px 6px rgba(0,0,0,.05);}
.ty-nav ul{text-align:center;font-size:0;}
.ty-nav li{display:inline-block;}
.ty-nav a{display:block;height:50px;line-height:50px;padding:0 32px;font-size:17px;font-weight:600;color:#333;}
.ty-nav a:hover{color:#22a447;}
.ty-nav a.current{background:#22a447;color:#fff;}

/* ---- 卡片：左侧绿色强调条（细节增强）---- */
.dfwrap .titMod{border-left:4px solid #22a447;padding-left:12px;border-radius:0 6px 6px 0;}
.dfwrap .tabBox,.dfwrap .phbWrap,.dfwrap .hotTag{border-radius:6px;}

/* ---- 页脚 ---- */
.ty-footer{background:#1f2a22;color:#9fb3a4;padding:28px 0;margin-top:24px;border-top:4px solid #22a447;}
.ty-footer .ty-foot-nav{text-align:center;padding-bottom:12px;}
.ty-footer .ty-foot-nav a{color:#cfe0d4;margin:0 6px;font-size:14px;}
.ty-footer .ty-foot-nav span{color:#3c5043;}
.ty-footer .ty-foot-nav a:hover{color:#3ecf67;}
.ty-footer .ty-foot-copy{text-align:center;padding-top:12px;font-size:13px;}
.ty-footer .ty-foot-copy a{color:#9fb3a4;}
.ty-footer .ty-foot-copy a:hover{color:#3ecf67;}
.ty-footer .ty-foot-tip{text-align:center;padding-top:8px;font-size:12px;color:#6b7d70;line-height:20px;}

/* ===================== 首页版式：左栏分类 + 右主内容 ===================== */
.ty-home{padding-top:12px;}
.ty-side{float:left;width:240px;background:#fff;border-radius:6px;overflow:hidden;}
.ty-side-hd{height:44px;line-height:44px;padding:0 16px;font-size:15px;font-weight:700;color:#fff;background:#22a447;}
.ty-side-cat{list-style:none;padding:6px 0;}
.ty-side-cat li a{display:block;padding:10px 16px;border-bottom:1px solid #f2f2f2;}
.ty-side-cat li a b{display:block;font-size:15px;color:#333;font-weight:600;}
.ty-side-cat li a span{display:block;font-size:12px;color:#999;margin-top:2px;}
.ty-side-cat li a:hover{background:#f3faf4;}
.ty-side-cat li a:hover b{color:#22a447;}
.ty-side-tags{padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px;}
.ty-side-tags a{padding:4px 12px;background:#f1f5f1;border-radius:14px;font-size:12px;color:#555;}
.ty-side-tags a:hover{background:#22a447;color:#fff;}
.ty-main{float:right;width:944px;}
.ty-banner{border-radius:8px;overflow:hidden;position:relative;margin-bottom:16px;}
.ty-banner img{width:944px;height:300px;object-fit:cover;display:block;}
.ty-banner span{position:absolute;left:0;right:0;bottom:0;padding:26px 20px 14px;color:#fff;font-size:18px;font-weight:700;background:linear-gradient(transparent,rgba(0,0,0,.65));}
.ty-block{background:#fff;border-radius:6px;padding:16px 18px;margin-bottom:16px;}
.ty-block-hd{display:flex;align-items:center;margin-bottom:14px;}
.ty-block-hd h3{font-size:17px;font-weight:700;color:#222;padding-left:10px;border-left:4px solid #22a447;line-height:18px;}
.ty-block-hd a{margin-left:auto;font-size:13px;color:#999;}
.ty-block-hd a:hover{color:#22a447;}
.ty-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.ty-card{display:flex;align-items:center;padding:12px;border:1px solid #eef2ee;border-radius:8px;transition:.2s;}
.ty-card:hover{border-color:#22a447;box-shadow:0 6px 16px rgba(34,164,71,.1);}
.ty-card img{width:60px;height:60px;border-radius:14px;object-fit:cover;margin-right:12px;}
.ty-card-info{flex:1;min-width:0;}
.ty-card-info b{display:block;font-size:14px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ty-card-info em{font-style:normal;font-size:12px;color:#999;}
.ty-card-dl{padding:5px 14px;font-size:12px;color:#22a447;border:1px solid #22a447;border-radius:14px;}
.ty-card:hover .ty-card-dl{background:#22a447;color:#fff;}
.ty-twocol{display:flex;gap:16px;}
.ty-news{flex:1;background:#fff;border-radius:6px;padding:16px 18px;}
.ty-news ul{list-style:none;}
.ty-news li{display:flex;align-items:center;height:36px;border-bottom:1px dashed #eee;}
.ty-news li a{flex:1;font-size:14px;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ty-news li a:hover{color:#22a447;}
.ty-news li i{font-style:normal;font-size:12px;color:#bbb;}
.ty-rank{width:330px;background:#fff;border-radius:6px;padding:16px 18px;}
.ty-rank ol{list-style:none;}
.ty-rank li{display:flex;align-items:center;height:36px;border-bottom:1px dashed #eee;}
.ty-rank li a{flex:1;font-size:14px;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ty-rank li a:hover{color:#22a447;}
.ty-rank li i{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;font-size:12px;font-style:normal;color:#fff;background:#c9d4cb;margin-right:10px;}
.ty-rank li i.ty-rk1{background:#22a447;}
.ty-rank li i.ty-rk2{background:#4cbf6a;}
.ty-rank li i.ty-rk3{background:#84d499;}