/* 雪球体育 zuqiuzhibo-xueqiu.com —— 布局参考 Reference 门户结构，品牌色：冰蓝 */
:root{--brand:#1677d2;--brand-d:#0f5ea8;--brand-l:#e8f2fc;--brand-t:#cfe6fb;--live:#ef4031;--gray:#9a9a9a;--line:#f2f4f6}
*{box-sizing:border-box;margin:0;padding:0;font-family:"PingFang SC","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,sans-serif}
body{background:#f2f4f7;color:#222;font-size:14px;line-height:1.5}
ul,ol,li{list-style:none}
a{color:#222;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:hover{color:var(--brand)}
img{border:0;max-width:100%}
table{border-collapse:collapse;border-spacing:0}
em{font-style:normal}
.container{width:1280px;margin:0 auto}
.flex-between{display:flex;justify-content:space-between;flex-wrap:wrap}
.bgwhite{background:#fff}
.padding20{padding:20px}
.mt20{margin-top:20px}
.pc{display:block}.mobile{display:none}
.main{padding:20px 0}
.bgimg{background:linear-gradient(180deg,#dbeafa 0,#eef5fc 260px,#f2f4f7 520px)}

/* header */
.header{width:100%;height:64px;line-height:64px;background:#fff;box-shadow:0 1px 6px rgba(22,119,210,.08);position:relative;z-index:50}
.header .container{display:flex;justify-content:space-between;align-items:center}
.header_logo{height:64px;display:flex;align-items:center}
.header_logo img{height:44px;width:auto}
.header_menu{display:flex}
.header_menu_item{padding:0 14px;text-align:center}
.header_menu_item a{display:block;color:#444;font-size:16px}
.header_menu_item.active,.header_menu_item:hover{background:var(--brand)}
.header_menu_item.active a,.header_menu_item:hover a{color:#fff}
.mobilemenu{display:none;cursor:pointer;width:32px;height:32px}
.header_right{align-items:center}
/* 首页「高清信号」入口（PC：足球直播标题右侧；WAP：顶部导航右侧），与详情页球吧信号同色同动效 */
.tit-right{display:flex;align-items:center}
.hd-signal{display:inline-block;background:var(--live);color:#fff!important;border-radius:14px;line-height:28px;padding:0 14px;font-size:14px;margin:0 14px 8px 0;animation:signal-pulse 2.4s ease-in-out infinite}
.hd-signal:hover{animation-play-state:paused;color:#fff}
.mobilemenu span{display:block;height:3px;background:#333;margin:6px 4px;border-radius:2px}

/* breadcrumb */
.position-container{width:100%;font-size:14px;color:#8a94a0;margin-bottom:20px}
.position-container a{color:#8a94a0}
.position-container a:hover{color:var(--brand)}

.container_left{width:880px}
.container_right{width:390px}
.w180{width:200px}
.w1000{width:1060px}
.item-block{border-radius:2px}

/* section title */
.section-tit{display:flex;justify-content:space-between;align-items:flex-end;width:100%;line-height:28px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.section-tit .name{font-weight:600;color:#000;font-size:16px;position:relative}
.section-tit .name span,.section-tit .name h1,.section-tit .name h2{display:inline-block;border-bottom:2px solid var(--brand);padding-bottom:12px;line-height:1;font-size:16px;font-weight:600}
.section-tit .name em{color:#c3cad2;font-size:14px;font-weight:600;padding-left:7px;text-transform:uppercase}
.section-tit .more{color:var(--brand);font-size:12px;padding-bottom:10px}
.section-sub{color:#8a94a0;font-size:13px;margin:6px 0 2px}

/* match tabs */
.match_filter{display:flex;flex-wrap:wrap}
.match_filter_item{min-width:70px;text-align:center;line-height:28px;margin:10px 6px 2px 0}
.match_filter_item a{background:#fff;border-radius:15px;display:block;color:#000;font-size:14px;border:1px solid #e3e8ee;padding:0 10px;cursor:pointer}
.match_filter_item.active a{background:var(--brand);border-color:var(--brand);color:#fff}
.match_juhe .match_zhibo_list{display:none}
.match_juhe .match_zhibo_list.show{display:block}
.match_list.mt20{margin-top:10px}

/* match date bar */
.match_time{width:140px;height:26px;background:#eef3f8;border-radius:0 15px 15px 0;font-size:12px;color:#000;font-weight:600;display:flex;justify-content:center;align-items:center;margin-left:-20px;margin-top:10px}
.match_time img{width:14px;height:14px;margin-right:6px}
.match_time.wide{width:auto;padding:0 18px}

/* match row */
.match-item{display:flex;align-items:center;font-size:15px;padding:15px 0;border-bottom:1px solid var(--line);justify-content:space-between}
.match-item .info_left{display:flex;align-items:center}
.match-item .info_left .time{display:inline-block;width:105px;font-weight:600}
.match-item .info_left .time em{color:var(--gray);margin-left:8px;font-size:14px;font-weight:400}
.match-item .info_left .league{display:inline-block;width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.match-item .info_left .league,.match-item .info_left .league a{color:#7a8390}
.match-item .info_center{display:flex;align-items:center}
.match-item .home .left{display:flex;align-items:center;width:170px;flex-direction:row-reverse;justify-content:flex-start}
.match-item .home .left img{width:30px;height:30px;object-fit:contain;margin-left:6px}
.match-item .home .left .text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}
.match-item .score{display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:600;width:110px}
.match-item .score .fenge{padding:0 16px}
.match-item .score .num{color:var(--live)}
.match-item .away .right{display:flex;align-items:center;width:170px}
.match-item .away .right img{width:30px;height:30px;object-fit:contain;margin-right:8px}
.match-item .away .right .text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}
.match-item .info_right{font-size:14px;width:84px;border-radius:14px;text-align:center;line-height:28px}
.match-item .info_right a{display:block;color:#fff}
.match-item .info_right.start{background:var(--brand)}
.match-item .info_right.live{background:var(--live)}
.match-item .info_right.end{background:#eef3f8}
.match-item .info_right.end a{color:#7a8390}
.match-empty{padding:40px 0;text-align:center;color:#9aa3ad}
.match_list_more{width:226px;height:34px;background:var(--brand-l);border-radius:17px;display:block;margin:20px auto 0;line-height:34px;text-align:center}
.match_list_more a{color:var(--brand)}

/* sidebar news / videos / tags */
.news02 p{color:#333;font-size:14px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:10px}
.news02 p:before{content:"";width:4px;height:4px;background:#8e98a3;border-radius:50%;display:inline-block;margin-right:8px;vertical-align:middle}
.video_list li{border-bottom:1px solid var(--line);padding:10px 0}
.video_list li:last-child{border:0}
.video_list li a{display:flex;justify-content:space-between;align-items:center;color:#a3a9b0;font-size:12px}
.video_list li .ico{width:34px;height:34px;border-radius:50%;background:var(--brand-l);display:flex;align-items:center;justify-content:center}
.video_list li .ico:after{content:"";border-left:11px solid var(--brand);border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
.video_list li .nr{width:calc(100% - 45px)}
.video_list li p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000;font-size:14px;padding-bottom:4px}
.video_list li:hover{background:#f8fafc}
.video_list li:hover p{color:var(--brand)}
.tags_list ul{display:flex;flex-wrap:wrap}
.tags_list li{font-size:14px;border-radius:20px;margin:0 6px 8px 0;padding:5px 12px;line-height:18px;background:#f3f6f9}
.tags_list li:hover{background:var(--brand)}
.tags_list li:hover a{color:#fff}

/* channel left nav */
.list_zhibo_nav li a{border-left:4px solid #fff;color:#333;font-size:14px;display:block;padding:14px 18%;border-bottom:1px solid var(--line)}
.list_zhibo_nav li a:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--brand-t);margin-right:10px;vertical-align:middle}
.list_zhibo_nav li a.on,.list_zhibo_nav li a:hover{border-left-color:var(--brand);background:#f7fafd;color:var(--brand)}
.list_zhibo_nav li a.on:before{background:var(--brand)}
.match_zhibo_nav_m{display:none}

/* all leagues */
.navs{display:flex;flex-wrap:wrap;padding:6px 0 14px}
.navs a{font-size:14px;line-height:30px;background:#f3f6f9;padding:0 10px;margin:6px 6px 0 0;border-radius:3px;color:#525c66;white-space:nowrap}
.navs a:hover{background:var(--brand);color:#fff}

/* match detail */
.match_allinfo .top{background:linear-gradient(135deg,var(--brand) 0,#2f8fe6 100%);min-height:175px;display:flex;justify-content:space-between}
.match_allinfo .zhudui,.match_allinfo .kedui{display:flex;justify-content:center;width:30%;flex-direction:column;align-items:center}
.match_allinfo .qiudui_logo{width:92px;height:92px;display:flex;justify-content:center;align-items:center}
.match_allinfo .qiudui_logo img{max-height:84px;max-width:84px}
.match_allinfo .qiudui_name{font-size:16px;color:#fff;padding-top:12px;text-align:center}
.match_allinfo .qiudui_name a{color:#fff}
.match_allinfo .zhuangtai{display:flex;flex-direction:column;justify-content:space-between;padding:26px 0;text-align:center;color:#d9ecff;width:34%}
.match_allinfo .zhuangtai h1{font-size:15px;font-weight:400;color:#fff}
.match_allinfo .bf{line-height:70px;font-weight:600;font-size:36px;color:#fff}
.match_allinfo .zt{font-size:16px;color:#ffe066}
.match_info{display:flex;align-items:center;background:#fff;padding:20px}
.zhibo_name{color:#000;width:88px;font-size:15px}
.zhibo_name:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--live);margin-right:6px}
.zhibo_btn{width:calc(100% - 88px)}
.zhibo_btn a,.zhibo_btn span.tip{display:inline-block;background:var(--live);color:#fff;border-radius:12px;line-height:40px;padding:0 16px;margin:4px 8px 4px 0;font-size:15px}
.zhibo_btn span.tip{background:#eef3f8;color:#66707a}
.zhibo_btn a small{opacity:.85;font-size:12px;margin-left:4px}
/* 球吧信号按钮：持续缩放 + 光晕，吸引点击；悬停时停住方便点按。
   按运营要求始终播放（不跟随系统「减少动态效果」设置关闭） */
.zhibo_btn a[data-signal-id]{margin:6px 12px 6px 6px;animation:signal-pulse 2.4s ease-in-out infinite;transform-origin:center;will-change:transform,box-shadow}
.zhibo_btn a[data-signal-id]:nth-child(2){animation-delay:.4s}
.zhibo_btn a[data-signal-id]:nth-child(3){animation-delay:.8s}
.zhibo_btn a[data-signal-id]:hover{animation-play-state:paused;transform:scale(1.06)}
@keyframes signal-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(239,64,49,.35)}50%{transform:scale(1.07);box-shadow:0 0 0 6px rgba(239,64,49,0)}}
.countdown{background:#1d2733;color:#fff;font-size:20px;text-align:center;padding:14px 0}
.countdown b{color:#ffe066;padding:0 4px}
.bisai_desc_info{padding:20px;font-size:15px;line-height:1.9;background:#fff}
.bisai_desc_info span{color:#333}

/* article */
.article_content .article_tit{font-size:22px;font-weight:600;line-height:1.6;color:#222}
.article_content .article_info{font-size:12px;color:#a5a5a5;padding:10px 0;margin-bottom:20px;border-bottom:1px solid #e5e9ee}
.article_content .nr{font-size:15px;line-height:1.8;color:#222;word-break:break-word}
.article_content .nr p,.article_content .nr div{margin-bottom:10px}
.article_content .nr img{max-width:100%!important;height:auto!important;display:block;margin:10px auto}
.article_content .nr table{width:100%;margin:10px 0}
.prenext{margin-top:20px}
.prenext p{color:#9aa3ad;font-size:14px;padding-bottom:8px}
.reping-list li{padding:10px 12px;margin:8px 0;background:#f6f9fc;border-radius:6px}
.reping-list li a{color:var(--brand);font-size:15px}
.reping-list li a:before{content:"▶";margin-right:8px;font-size:12px}
.nr-sub{font-weight:600;margin:14px 0 4px}

/* text lists */
.senav{border-bottom:1px solid var(--line);padding:20px 20px 0}
.senav a,.senav span{font-size:16px;color:#222;padding:0 10px 14px;display:inline-block;border-bottom:3px solid transparent}
.senav .on{border-bottom-color:var(--brand);color:var(--brand)}
.luxianglist li{padding:10px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}
.luxianglist li a{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 100px)}
.luxianglist li span{color:#a3a9b0;font-size:12px}
.luxianglist li:nth-child(5n){margin-bottom:20px}
.fenye{display:flex;justify-content:center;padding:20px 0}
.fenye a,.fenye span{display:inline-block;min-width:34px;height:32px;line-height:30px;text-align:center;border:1px solid #dfe5eb;margin:0 4px;padding:0 10px;color:#555;background:#fff}
.fenye a:hover,.fenye .current{background:var(--brand);border-color:var(--brand);color:#fff}

/* tables */
.table{width:100%;overflow-x:auto}
.table table{width:100%;margin-top:10px;font-size:15px;text-align:center}
.table th{font-weight:600;padding:12px 6px;border:1px solid #edf0f3;background:#fafcfe}
.table td{padding:11px 6px;border:1px solid #edf0f3}
.table td .red,.table td.red{color:var(--live)}
.table caption{font-weight:600;padding:12px 0 0;text-align:left}
.src-note{color:#b0b8c0;font-size:12px;padding-top:10px;text-align:right}

/* FAQ */
.faq dl{padding:6px 0}
.faq dt{font-weight:600;font-size:15px;padding:12px 0 4px}
.faq dt:before{content:"Q";display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border-radius:4px;background:var(--brand);color:#fff;font-size:12px;margin-right:8px}
.faq dd{color:#555;font-size:14px;line-height:1.8;padding:0 0 10px 28px;border-bottom:1px solid var(--line)}
.faq dd:last-child{border:0}

/* footer */
.footer-wrapper{width:100%;padding:20px 0;background:#1e2733;text-align:center;color:#8a94a0}
.friend-wrapper{border-bottom:1px solid #3a4452;text-align:left;padding:10px 0;margin-bottom:20px}
.friend-wrapper span{color:#9aa3ad;font-size:12px}
.friend-wrapper a{color:#c9d2db;margin:0 8px;font-size:12px}
.footer-desc{font-size:14px;color:#8a94a0}
.footer-copyright{color:#6b7682;font-size:12px;line-height:24px}
.footer-copyright a{color:#6b7682}

@media (max-width:1300px){.container{width:100%;padding:0 10px}.container_left{width:calc(100% - 410px)}.w1000{width:calc(100% - 220px)}}
@media (max-width:1024px){.header_menu_item{padding:0 6px}.header_menu_item a{font-size:14px}}
@media (max-width:780px){
  .pc{display:none!important}.mobile{display:block!important}
  .header{height:auto;line-height:normal;padding:6px 0}
  .header_logo{height:auto}.header_logo img{height:38px}
  .mobilemenu{display:block}
  .header_right.mobile{display:flex!important}
  .header_right .hd-signal{margin:0 10px 0 0;line-height:30px;padding:0 12px}
  .header_menu{display:none;position:absolute;top:100%;left:0;width:100%;background:#fff;flex-wrap:wrap;padding:10px;box-shadow:0 6px 10px rgba(22,119,210,.12)}
  .header_menu.open{display:flex}
  .header_menu_item{width:25%;line-height:2.2}
  .header_menu_item a{font-size:14px;color:#222}
  .header_menu_item.active{background:none}.header_menu_item.active a{color:var(--brand)}
  .container_left,.container_right,.w180,.w1000{width:100%}
  .container_right{margin-top:20px}
  .position-container{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .match_zhibo_nav_m{display:flex;justify-content:flex-end;width:100%;margin-bottom:6px}
  .match_zhibo_nav_m button{border:1px solid #dfe5eb;background:#fff;border-radius:14px;padding:4px 14px;color:#555}
  .list_zhibo_nav{display:none;margin-bottom:10px}
  .list_zhibo_nav.open{display:block}
  .list_zhibo_nav ul{display:flex;flex-wrap:wrap;padding:12px}
  .list_zhibo_nav li{width:31%;margin:1%}
  .list_zhibo_nav li a{padding:4px 0;border:1px solid #e3e8ee;border-radius:18px;text-align:center}
  .list_zhibo_nav li a:before{display:none}
  .padding20{padding:14px}
  .match_time{margin-left:-14px}
  .match_allinfo .qiudui_logo{width:64px;height:64px}
  .match_allinfo .qiudui_logo img{max-height:60px;max-width:60px}
  .match_allinfo .bf{font-size:28px;line-height:56px}
  .zhibo_name{width:100%;margin-bottom:6px}.zhibo_btn{width:100%}
  .match_info{flex-wrap:wrap}
  .zhibo_btn a,.zhibo_btn span.tip{line-height:32px;font-size:14px;padding:0 10px}
}
@media (max-width:640px){
  .match-item{flex-wrap:wrap;padding:10px 0}
  .match-item .info_left{width:100%;display:flex;justify-content:space-between}
  .match-item .info_left .league{width:auto;text-align:right}
  .match-item .info_center{width:100%;padding:14px 0;justify-content:space-between}
  .match-item .home,.match-item .away{width:40%}
  .match-item .home .left,.match-item .away .right{width:100%}
  .match-item .score{width:20%}.match-item .score .fenge{padding:0}
  .match-item .info_right{width:34%;margin:0 auto}
  .table table{font-size:13px}
  .article_content .article_tit{font-size:19px}
}