*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;transition:none 0.4s linear;-webkit-transition:none 0.4s linear;-moz-transition:none 0.4s linear}.layui-layer{transition:none;-webkit-transition:none;-moz-transition:none}*,::after,::before{box-sizing:border-box}html{font-size:10px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{font-size:1.4rem;font-size:14px;margin:0 auto;font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.5;color:#444}div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}li{list-style:none}h1{font-size:4rem;_font-size:40px}h2{font-size:3.6rem;_font-size:36px}h2{font-size:3rem;_font-size:30px}h3{font-size:2.5rem;_font-size:25px}h4{font-size:2.2rem;_font-size:22px}h5{font-size:1.8rem;_font-size:18px}h6{font-size:1.6rem;_font-size:16px}img{max-width:100%;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}a{color:inherit;text-decoration:none}a:active,a:hover{outline:0}a:hover,a:focus{text-decoration:none;color:inherit}img{border:0}a img{border:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{color:#000;background:#ff0}small,.small{font-size:85%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal.form-group:before,.form-horizontal.form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-header:before,.modal-header:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal.form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-header:after,.modal-footer:after{clear:both}.width-auto{width:auto}.width-full{width:100%}.height-auto{height:auto}.height-full{height:100%}

body {background: #f1f1f1} .display-flex{display:flex;align-items: center}

:root {
    --main-color: #000;
    --scroll-color: #1c1b1b;
    --main-contrast-color: white;
    --footer-color: #ffffff;
    --footer-contrast-color: #888888;
}

.panel-body {padding-top: 5px}

.container {width: 1200px}

.display-none {display: none}

h1 {font-size: 22px}

.badge-hot {position: relative;}
.badge-hot:before {position: absolute; top:-5px;right:-3px; width: 32px;height: 32px; content: '';background: url("/img/hot.png") no-repeat center;background-size: cover}

.padding-15 {padding: 15px}
.margin-b-15 {margin-bottom: 30px!important;}
.margin-top-30 {margin-top: 30px}
.border-top-3 {border-top: solid 1px var(--main-color, #308f5d)}
.border-left-3 {border-left: solid 1px var(--main-color, #308f5d)}

.grid {display: grid;grid-template-columns: 33% 33% 33%;align-items: center;justify-content: center;text-align: center;gap: 15px;}
.grid .grid-item img {width: 50%;height: 50%;}

.pagination>li>a, .pagination>li>span {color: var(--main-color, #308f5d);}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: var(--main-color, #308f5d);border-color: var(--main-color, #308f5d);color: var(--main-contrast-color, #ffffff);}

.main-container {margin-top: 30px}
.update-date {color: var(--main-color, #308f5d);margin-bottom: 15px}
.block-title {font-size: 16px;font-weight: 700;color: var(--main-color, #308f5d);border-bottom: solid 1px var(--main-color, #308f5d)}
.block-title.more {display: flex;align-items: center}
.block-title.more > a{flex:1;text-align:right;font-size: 14px;font-weight:normal;color: #888888}

.date-scroll-bar {background: #FFFFFF;padding: 15px 10px;display: none;overflow-x: auto;overflow-y: hidden;}
.date-scroll-bar .scroll {display: flex;gap: 5px}
.date-scroll-bar .scroll > div {padding: 5px 10px;margin-right:10px;background: #efefef;border-radius: 5px;font-size: 13px}
.date-scroll-bar .scroll > div.active {background: var(--main-color, #308f5d);color: var(--main-contrast-color, #FFFFFF);}
.date-scroll-bar span {padding-right: 15px}

.header {background: #ffffff;padding: 20px 0;border-bottom: solid 1px var(--main-color, #308f5d)}
.header .logo {margin-right: 15px;max-width: 160px;border-right: solid 1px #dedede;padding-right: 15px}
.header .container {display: flex;align-items:center;}
.navbar-menus {flex: 1}
.navbar-menus_row {display: flex;align-items:center;justify-content: center;gap: 10px;}
.navbar-menus_row a {flex: 1;text-align: center;font-size: 15px;font-weight:700;padding: 5px 0;}
.navbar-menus_row a.active {background: var(--main-color, #308f5d);color: var(--main-contrast-color, #FFFFFF)}

.schedule-info {display: contents}
.schedule-item_league {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 110px;display: block;text-align: start;}
.schedule-head {display: flex;align-items: center;margin-bottom: 15px}
.schedule-date {font-size: 16px;font-weight: 700;color: #5a5a5a;display: flex;align-items: center;}
.schedule-date {padding-left: 30px;position: relative}
.schedule-date::before {position: absolute;width:26px;height:26px; left:0;content: '';background: url("/img/calendar.png") no-repeat center; background-size: cover}
.schedule-filter {display: flex;align-items: center;padding-left: 30px;}
.schedule-filter .tab {display: flex;align-items: center;font-size: 14px;font-weight: 700;cursor: pointer;padding: 0 15px;}
.schedule-filter .tab.active {color: var(--main-color, #308f5d)}
.schedule-filter .tab.active > span:last-child  {border-bottom: solid 3px var(--main-color, #308f5d)}
.schedule-filter .tab:not(:last-child) {border-right: solid 1px #efefef}
.schedule-filter .tab > span:last-child {padding-left: 5px}
.schedule-filter .tab .tab-icon-important {display:inline-block;width:22px;height:22px;background: url("/img/important_nor.png") no-repeat center; background-size: cover}
.schedule-filter .tab .tab-icon-football {display:inline-block;width:22px;height:22px;background: url("/img/football_nor.png") no-repeat center; background-size: cover}
.schedule-filter .tab .tab-icon-basketball {display:inline-block;width:22px;height:22px;background: url("/img/basketball_nor.png") no-repeat center; background-size: cover}
.schedule-item {display: grid;grid-auto-flow: column;grid-template-columns: 10% 18% 52% 18%;align-items: center;padding: 13px 0;}
.schedule-item:not(:last-child) {border-bottom: solid 1px #efefef}
.schedule-item_detail {display: flex;align-items: center}
.schedule-item_detail .vs {padding: 0 15px;color: #999999}
.schedule-item_detail .home img, .schedule-item_detail .away img  {height: 35px;width: 35px;}
.schedule-item_detail a {display: contents}
.schedule-item_detail .home img {margin-right: 5px}
.schedule-item_detail .away img {margin-left: 5px}
.schedule-item_detail .home {width: 150px;padding-right: 10px;display: flex;align-items: center}
.schedule-item_detail .away {width: 150px;padding-left: 10px;display:flex;justify-content: flex-end;align-items: center}
.schedule-item_detail .home span, .schedule-item_detail .away span  {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 110px;display: block;text-align: start;}
.schedule-item_detail .team {display: flex;align-items: center}
.schedule-item_detail .score {display: none}
.schedule-item_watch {display: flex;justify-content: right;align-items: center}
.schedule-item_watch__play {background: #999999;color: #ffffff;text-align: center;padding: 5px 15px}
.schedule-item_watch__play.start {background: var(--main-color, #308f5d);color: var(--main-contrast-color, #ffffff);}
.schedule-item_watch__play.end {background: #2c2c2c;color: var(--main-contrast-color, #308f5d);}
.schedule-item_watch__play img {width: 16px;height: 16px}

.team-topic-list-item {display: block;}
.team-topic-list-item > span {display: block;padding-top: 5px}

.news-list > a { display: block; color: #777; padding-bottom: 10px;width: 100%;text-align: start;font-size: 14px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.news-list > a:hover{color: #000}

.news-page-list > a {display: block;padding-bottom: 10px;font-size: 16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.news-page-list > a > time { color: #999999;padding-right: 15px }
.news-page-list > a:hover{ color: #999999}

.sub-menu {padding: 15px 0;margin-bottom: 15px}
.sub-menu ul { display: flex;gap: 15px }
.sub-menu ul li.active { border-bottom: solid 3px var(--main-color, #308f5d);color: var(--main-color, #308f5d); }

.tag-list > a { color: #777; padding-right: 5px}
.tag-list > a:hover{color: #000}

.introduce .title {display: flex;align-items: center;padding: 15px 0}
.introduce .title > img {width: 32px;height: 32px;margin-right: 5px}
.introduce .title > h2 {display: flex;align-items: center;font-size: 18px;}
.introduce .title > a{padding-left:15px;font-size: 14px;font-weight:normal;color: #999999}
.introduce > p {color: #888888}

.match-detail {line-height: 2; font-size: 16px;color: #888888;padding-bottom: 15px}
.match-detail time {line-height: 2}

.signal {border-top: solid 1px var(--main-color, #308f5d);padding: 15px 0;}
.signal ul li {float: left;padding: 5px 10px;margin-bottom:15px;background: var(--main-color, #308f5d);color: var(--main-contrast-color, #FFFFFF)}
.signal ul li:not(:last-child) {margin-right: 15px}
.signal ul::after {clear:both;content:'';display:block;width:0;height:0;visibility:hidden;}

.tags::after {clear:both;content:'';display:block;width:0;height:0;visibility:hidden;}
.tags li {float: left;padding: 5px 10px;}

.base_tabs {margin-top: 15px;line-height: 2}
.base_tabs p {color: #888888}
.base_tabs > ul {display: flex;}
.base_tabs > ul > li {padding: 10px 15px;margin-right: 15px;border-bottom: solid 3px transparent;font-size: 18px;font-weight: 600;cursor: pointer;}
.base_tabs > ul > li.active {float: left;padding: 10px 15px;border-bottom: solid 3px var(--main-color, #308f5d);}
.base_tabs_body-panel {display: none;}
.base_tabs_body-panel.active {display: block;}
.analysis-record-caption {display: flex;color: #999;border-bottom: solid 1px #efefef;padding-bottom: 5px;}
.analysis-record-caption > span {font-size: 13px;flex: 1;text-align: center;align-items: center;justify-content: center;}
.analysis-record-line {display: flex;padding: 5px 0;}
.analysis-record-line > span {font-size: 14px;flex: 1;text-align: center;align-items: center;justify-content: center;}
.analysis-result-compare {display: flex;align-items: center;justify-content: center;text-align: center;}
.analysis-result-compare .compare-team {flex: 1;padding: 15px;box-sizing: border-box;border: solid 1px #efefef;margin-right: 15px;}
.analysis-result-compare .compare-team > p:nth-child(1) {font-size: 32px;font-weight: bold;}
@media (max-width: 1280px) {  .base_tabs > ul > li {zoom: 0.8;margin-right: 0;}  .analysis-record-caption, .analysis-record-line {zoom: 0.8;}  }

.content_box_bd{font-size:16px;line-height:30px;clear:both;padding:15px;overflow: hidden;}
.content_box_bd p{font-size:16px;margin-bottom:30px;text-indent:20px;line-height:30px}
.content_box_bd img{max-width:94%;margin:15px auto;display:block}

.video {margin-bottom: 5px}

.footer em {font-weight: bold;font-style: normal}
.footer {margin-top:30px;}
.footer-desc {padding: 15px;background: var(--footer-color, #ffffff); color: var(--footer-contrast-color, #888888)}
.footer-copyright {text-align: center;margin: 15px 0}
.friend-link {margin-top:30px;padding: 15px;background: var(--footer-color, #ffffff); color: var(--footer-contrast-color, #888888)}
.friend-link a {padding-right: 10px;font-size: 12px}

@media (max-width: 1024px) {
    body {font-size: 13px}
    a {font-size: 13px!important;}
    .container {width: 100%;padding: 0}
    .header {padding: 0;border: none}
    .header .container {display: block}
    .header .logo {display: block;max-width:105px;border-right: none;padding: 5px;margin: 0}
    .navbar-menus {display: block;padding: 7px 0;overflow-x: auto;overflow-y: hidden;background: var(--scroll-color, #308f5d);}
    .navbar-menus .navbar-menus_row {display: unset}
    .navbar-menus .scroll-bar {display:flex;width: 1200px;}
    .navbar-menus_row a {padding: 10px 10px;font-size: 13px;font-weight: 500;color: var(--main-contrast-color, #FFFFFF)}
    .badge-hot:before {right: -12px;opacity: 0.7;}
    .col-md-9, .col-md-3 {padding: 0}
    .schedule-date {font-size: 14px;padding-left: 18px}
    .schedule-date::before {width: 16px;height: 16px}
    .schedule-filter {padding-left: 15px;zoom: 0.9}
    .main-container {margin-top: 0}
    .date-scroll-bar {display: block}
    .date-scroll-bar .scroll {width: 2000px}
    .schedule-info {display: block}
    .schedule-item {grid-template-columns: 20% 40% 40%;padding: 10px 5px}
    .schedule-item_detail img {display: none}
    .schedule-item_detail .vs {display: none}
    .schedule-item_detail .score {display: block;padding-right: 15px}
    .schedule-item_detail .team {display: block}
    .schedule-item_detail .away, .schedule-item_detail .home {display: block;padding: 0}
    .schedule-item_watch__play {padding: 5px 10px;}
    .pagination li a {margin-bottom: 15px}
    .sub-menu {overflow-x: auto;overflow-y: hidden;margin-bottom: 0}
    .sub-menu ul {width: 1200px}
    .breadcrumb {margin-bottom: 0;padding-left: 0}
}