/* clean 20260820search1 */

/* batch6 brand 20260820search1 — youth.cn */
body.tpl-jk{background:#fff;color:#333;font-family:"PingFang SC","Microsoft YaHei",SimHei,sans-serif;min-width:1100px;}
.w{width:1000px;margin:0 auto;}
.jk-rainbow{background:#f5f5f5;border-bottom:1px solid #e0e0e0;font-size:12px;color:#666;}
.jk-rb .w{display:flex;justify-content:space-between;height:36px;line-height:36px;}
.first01 span{margin-right:16px;}
.jk-headbar{padding:14px 0;border-bottom:3px solid #e60012;}
.jk-headbar .w{display:flex;justify-content:space-between;align-items:center;}
.jk-logo img{height:56px;width:auto;max-width:300px;object-fit:contain;}
.jk-search{display:flex;height:32px;border:1px solid #ccc;}
.jk-search input{border:0;width:180px;padding:0 8px;outline:none;}
.jk-search button{border:0;background:#e60012;color:#fff;padding:0 14px;cursor:pointer;}
.jk-channel-nav{background:#e60012;}
.jk-nav-in{width:1000px;margin:0 auto;}
.jk-channel-nav ul{display:flex;flex-wrap:wrap;}
.jk-channel-nav a{display:block;color:#fff!important;padding:0 16px;line-height:44px;font-weight:700;font-size:15px;}
.jk-channel-nav li.on a,.jk-channel-nav a:hover{background:rgba(0,0,0,.15);}
.jk-second{background:#f7f7f7;border-bottom:1px solid #e5e5e5;padding:14px 0;}
.second_logo img{height:48px;width:auto;}
.second_menu{width:auto;float:none;}
.menu_box{float:none;width:auto;padding:0 8px;}
.menu_box h4{font-size:14px;color:#e60012;border-bottom:2px solid #e60012;padding-bottom:4px;margin-bottom:6px;}
.menu_box li{font-size:13px;padding:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.youth-titlecon{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed #ddd;}
.youth-titlecon h1{font-size:16px;color:#e60012;flex:0 0 auto;margin:0;}
.jk-ticker{flex:1;white-space:nowrap;overflow:hidden;}
.jk-ticker a{margin-right:16px;font-size:13px;color:#333;}
.youth_fourth{text-align:center;padding:18px 0;}
.youth_fourth h1{font-size:34px;font-weight:900;line-height:1.35;margin-bottom:10px;}
.youth_fourth h1 a{color:#111;}
.youth_fourth h1 a:hover{color:#e60012;}
.smallTitle{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;}
.smallTitle a{color:#304b8a;font-size:14px;}
.youth_fifth{display:grid;grid-template-columns:360px minmax(0,1fr);gap:0;margin:0 auto 16px;width:1000px;border:1px solid #eee;background:#fff;overflow:hidden;align-items:stretch;}
.news_list li{padding:8px 0;border-bottom:1px dotted #ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_list h3{font-size:18px;font-weight:800;color:#304b8a;}
.jk-bigslide{height:340px;position:relative;overflow:hidden;background:#111;}
.jk-bigslide img{width:100%;height:340px;object-fit:cover;}
.jk-bigslide h3{position:absolute;left:0;right:0;bottom:0;margin:0;padding:10px;background:rgba(0,0,0,.55);color:#fff;font-size:16px;}
.youth_sixth{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;margin:0 auto 16px;width:1000px;list-style:none;border:1px solid #eee;overflow:hidden;}
.youth_sixth li{border-right:1px solid #eee;}
.youth_sixth li:last-child{border-right:0;}
.youth_sixth img{width:100%;height:110px;object-fit:cover;display:block;background:#222;}
.youth_seventh{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;margin:0 auto 16px;width:1000px;border:1px solid #eee;overflow:hidden;}
.jk-item{background:#fff;border:0;border-right:1px solid #eee;padding:10px 12px;}
.jk-item:last-child{border-right:0;}
.item_name{font-weight:800;color:#e60012;border-bottom:2px solid #e60012;padding-bottom:6px;margin-bottom:8px;}
.item_pic{position:relative;height:160px;overflow:hidden;background:#111;margin-bottom:8px;}
.item_pic img{width:100%;height:160px;object-fit:cover;}
.item_pic h4{position:absolute;left:0;right:0;bottom:0;margin:0;padding:6px 8px;background:rgba(0,0,0,.55);color:#fff;font-size:13px;}
.item_list li{padding:6px 0;border-bottom:1px dotted #eee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.jk-picwall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 auto 16px;width:1000px;border:1px solid #eee;}
.jk-piccell{display:block;position:relative;height:140px;overflow:hidden;background:#222;border-right:1px solid #eee;}
.jk-piccell:nth-child(4n){border-right:0;}
.jk-piccell img{width:100%;height:140px;object-fit:cover;}
.jk-piccell span{position:absolute;left:0;right:0;bottom:0;padding:4px 6px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;}
.jk-dual{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 auto 40px;width:1000px;border:1px solid #eee;}
.jk-dual-l,.jk-dual-r{background:#fff;border:0;padding:10px 14px;}
.jk-dual-l{border-right:1px solid #eee;}
.jk-col-hd{font-weight:800;color:#e60012;border-bottom:2px solid #e60012;padding-bottom:6px;margin-bottom:8px;}
.jk-rank li{display:flex;gap:8px;padding:8px 0;border-bottom:1px dashed #eee;}
.jk-rank i{flex:0 0 18px;height:18px;line-height:18px;text-align:center;background:#ddd;color:#fff;font-style:normal;font-size:12px;}
.jk-rank li:nth-child(-n+3) i{background:#e60012;}


/* list + detail — grid, no float */
:root{--dt-brand:#e60012;--dt-line:#e6e6e6;--dt-title:#222;--dt-card:#fff;--dt-bg:#f5f6f8;}
body.tpl-jk,body.tpl-sn,body.tpl-xfz{--ds-w:1000px;}
body.tpl-ah,body.tpl-dy,body.tpl-sd{--ds-w:1200px;}
.ds-crumb{width:var(--ds-w,1200px);max-width:calc(100% - 32px);margin:12px auto 0;padding:0;font-size:13px;color:#888;text-align:left;}
.ds-crumb a{color:inherit;}
.ds-shell{width:var(--ds-w,1200px);max-width:calc(100% - 32px);margin:0 auto 40px;padding:0;}
.ds-shell.dt-page{margin:16px auto 48px;}
.ds-main{width:100%;margin:0;padding:0 0 24px;text-align:left;}
.ds-main.w1400,.ds-main.w1200,.ds-main.w1000{width:100%!important;max-width:none!important;}
.ds-col-title{font-size:22px;font-weight:800;padding:14px 0 10px;border-bottom:3px solid #e60012;margin:0 0 8px;color:#e60012;text-align:left;}
.ds-list{background:var(--dt-card);border:1px solid var(--dt-line);padding:4px 18px 8px;}
.ds-list-empty{padding:48px 20px;text-align:center;color:#999;}
.ds-list-item{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #eee;overflow:hidden;}
.ds-list-item:last-child{border-bottom:0;}
.ds-list-item > a{flex:0 0 168px;display:block;width:168px;height:112px;overflow:hidden;background:#222;}
.ds-list-item img{width:168px;height:112px;object-fit:cover;display:block;float:none!important;margin:0!important;}
.ds-list-item .body{flex:1;min-width:0;text-align:left;}
.ds-list-item .body h2{font-size:17px;margin:2px 0 8px;font-weight:700;line-height:1.4;}
.ds-list-item .body h2 a{color:#222;}
.ds-list-item .body h2 a:hover{color:#e60012;}
.ds-list-item .sum{font-size:13px;color:#666;line-height:1.55;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ds-list-item .meta{font-size:12px;color:#999;}

.dt-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start;background:transparent;border:0;padding:0;overflow:visible;}
.dt-main,.dt-side{float:none!important;width:auto!important;margin:0!important;}
.dt-main{min-width:0;background:var(--dt-card);border:1px solid var(--dt-line);padding:22px 28px 28px;}
.dt-channel{margin-bottom:10px;text-align:left;}
.dt-channel a{display:inline-block;padding:2px 10px;font-size:12px;font-weight:700;color:#fff!important;background:#e60012;border-radius:2px;}
.dt-title{font-size:26px;font-weight:800;line-height:1.4;margin:0 0 14px;color:var(--dt-title);text-align:left!important;}
.dt-meta{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:flex-start;font-size:13px;color:#888;padding-bottom:12px;border-bottom:1px solid var(--dt-line);margin-bottom:12px;text-align:left;}
.dt-tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;}
.dt-tool{display:inline-block;padding:4px 12px;font-size:12px;border:1px solid #ddd;color:#666;background:#fafafa;border-radius:2px;cursor:default;text-decoration:none;}
a.dt-tool.dt-back{color:#e60012;border-color:#e60012;background:#fff;}
.dt-body{font-size:16px;line-height:1.95;color:#333;text-align:left;}
.dt-body p{margin:0 0 1em;text-align:left!important;}
.dt-body img{max-width:100%!important;height:auto!important;display:block;margin:16px auto;border:0!important;}
.dt-end{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:24px;padding-top:14px;border-top:1px dashed #ddd;font-size:13px;color:#888;}
.dt-end a{color:#e60012;font-weight:700;}
.dt-sec-hd{font-size:16px;font-weight:800;color:#e60012;border-bottom:2px solid #e60012;padding-bottom:8px;margin:0 0 12px;text-align:left;}
.dt-sec-hd a{color:inherit;}
.dt-related{margin-top:28px;padding-top:8px;}
.dt-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.dt-rel-card{display:block;border:1px solid var(--dt-line);background:#fff;overflow:hidden;color:#222;min-width:0;}
.dt-rel-card img{width:100%;height:110px;object-fit:cover;display:block;background:#222;}
.dt-rel-card span{display:block;padding:8px 10px;font-size:13px;line-height:1.4;height:58px;overflow:hidden;}
.dt-rel-card:hover span{color:#e60012;}
.dt-side-box{background:var(--dt-card);border:1px solid var(--dt-line);padding:14px;margin-bottom:14px;}
.dt-side-list li{padding:8px 0;border-bottom:1px solid #f0f0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;}
.dt-side-list a{color:#333;}
.dt-side-list a:hover{color:#e60012;}
.dt-rank li{display:flex;gap:8px;padding:8px 0;border-bottom:1px dashed #eee;align-items:flex-start;}
.dt-rank em{flex:0 0 18px;height:18px;line-height:18px;text-align:center;background:#ccc;color:#fff;font-style:normal;font-size:12px;font-weight:700;}
.dt-rank li:nth-child(-n+3) em{background:#e60012;}
.dt-rank a{flex:1;min-width:0;font-size:13px;color:#333;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.o2o-foot{width:var(--ds-w,1200px);max-width:calc(100% - 32px);margin:24px auto;padding:16px;color:#999;font-size:12px;border-top:1px solid #eee;text-align:center;}
/* carousel controls — empty <a> need block + arrows */
.YuxiSlider{position:relative!important;}
.YuxiSlider a.control,.YuxiSlider .control{
  position:absolute!important;top:50%!important;margin-top:-18px!important;
  width:36px!important;height:36px!important;line-height:36px!important;
  z-index:30!important;display:block!important;visibility:visible!important;opacity:1!important;
  background:rgba(0,0,0,.48)!important;border:0!important;border-radius:2px;
  color:#fff!important;text-align:center!important;text-decoration:none!important;
  text-indent:0!important;overflow:visible!important;cursor:pointer!important;
  font-size:0!important;
}
.YuxiSlider a.control.prev,.YuxiSlider .control.prev{left:8px!important;right:auto!important;}
.YuxiSlider a.control.next,.YuxiSlider .control.next{right:8px!important;left:auto!important;}
.YuxiSlider a.control:before,.YuxiSlider .control:before{
  content:"";display:block;position:absolute;left:50%;top:50%;width:9px;height:9px;
  margin:-5px 0 0 -3px;border-top:2px solid #fff;border-right:2px solid #fff;
  box-sizing:border-box;
}
.YuxiSlider a.control.prev:before,.YuxiSlider .control.prev:before{
  margin-left:-2px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);
}
.YuxiSlider a.control.next:before,.YuxiSlider .control.next:before{
  margin-left:-7px;-webkit-transform:rotate(45deg);transform:rotate(45deg);
}
.YuxiSlider a.control:hover,.YuxiSlider .control:hover{background:rgba(0,0,0,.72)!important;}
.YuxiSlider .slider{display:block!important;height:100%!important;width:100%!important;}
.YuxiSlider.yuxi-smooth{overflow:hidden!important;}
.YuxiSlider.yuxi-smooth .slider{display:block!important;position:relative!important;height:100%!important;width:100%!important;}
.YuxiSlider.yuxi-smooth .slider ul{position:relative!important;left:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;list-style:none!important;}
.YuxiSlider.yuxi-smooth .slider li{position:absolute!important;left:0!important;top:0!important;right:0!important;bottom:0!important;float:none!important;display:block!important;width:100%!important;height:100%!important;opacity:0;visibility:hidden;transition:opacity .55s ease;z-index:1;margin:0!important;padding:0!important;}
.YuxiSlider.yuxi-smooth .slider li.is-on{opacity:1;visibility:visible;z-index:2;}
.YuxiSlider.yuxi-smooth .slider img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
*,*:before,*:after{box-sizing:border-box;}
html,body{margin:0;padding:0;}
img{border:0;vertical-align:middle;}
.YuxiSlider img,.YuxiSlider.yuxi-smooth .slider img{max-width:none;}
ul,ol{margin:0;padding:0;list-style:none;}
a{text-decoration:none;}
h1,h2,h3,p{margin:0;}
.fl{float:left;}.fr{float:right;}
.clearfix{zoom:1;overflow:hidden;}
.clearfix:before,.clearfix:after{content:none!important;display:none!important;width:0!important;height:0!important;}
.menu_box,.fifth_list,.fifth_pic,.p_left,.p_middle,.p_right,.sn-mod-a,.sn-bcol,
.c3_panel,.dy-block,.dy-hero-slide,.dy-hero-list,.xfz-listbox,.xfz-sidebox,
.sd-slider,.sd-sidelist,.ah-focus-l,.ah-focus-r,.jk-item,.jk-dual-l,.jk-dual-r{float:none!important;width:auto!important;margin-left:0;margin-right:0;}
.c5,.c8,.xfz-topics,.dy-picrow,.dy-think,.sn-mosaic,.jk-picwall,.lw_picwall,.youth_sixth{display:grid!important;}
.c5_ic,.c8_item,.dy-pcard,.dy-think-item,.xfz-topic,.jk-piccell,.lw_pcell,.sn-mcell,.youth_sixth li{
  min-width:0!important;width:100%!important;max-width:100%!important;float:none!important;box-sizing:border-box;
}
@media (max-width:960px){
  .dt-layout{grid-template-columns:1fr;}
  .dt-related-grid{grid-template-columns:1fr 1fr;}
  .ds-list-item{flex-direction:column;}
  .ds-list-item > a,.ds-list-item img{width:100%;height:160px;}
  .dt-title{font-size:22px;}
}


.YuxiSlider img{max-width:none;}
.jk-second .w{display:grid;grid-template-columns:160px minmax(0,1fr);gap:16px;align-items:start;}
.second_logo,.second_menu,.menu_box,.fifth_list,.fifth_pic{float:none;width:auto;}
.second_menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.fifth_list{padding:8px 14px;border-right:1px solid #eee;height:340px;overflow:hidden;box-sizing:border-box;}
.jk-bigslide{height:340px;position:relative;overflow:hidden;background:#111;}
.jk-bigslide .control{position:absolute;top:50%;margin-top:-16px;width:32px;height:32px;z-index:5;background:rgba(255,255,255,.85);}
.jk-bigslide .prev{left:8px;}.jk-bigslide .next{right:8px;}
body.tpl-jk .o2o-foot{width:1000px;max-width:1000px;}

