*, ::after, ::before {
padding: 0;
margin: 0;
box-sizing: border-box
}

html {
font-size: 16px
}

@media screen and (min-width: 375px) {
html {
font-size: calc(100% + 2 * (100vw - 375px) / 39);
font-size: calc(16px + 2 * (100vw - 375px) / 39)
}
}

@media screen and (min-width: 414px) {
html {
font-size: calc(112.5% + 4 * (100vw - 414px) / 586);
font-size: calc(18px + 4 * (100vw - 414px) / 586)
}
}

@media screen and (min-width: 600px) {
html {
font-size: calc(125% + 4 * (100vw - 600px) / 400);
font-size: calc(20px + 4 * (100vw - 600px) / 400)
}
}

@media screen and (min-width: 1000px) {
html {
font-size: calc(137.5% + 6 * (100vw - 1000px) / 1000);
font-size: calc(22px + 6 * (100vw - 1000px) / 1000)
}
}

body {
font: 100% Arial, sans-serif
}

h1, h2, h3 {
font-size: 1rem
}

b, strong {
font-weight: 700
}

a {
color: #3c3c3c;
text-decoration: none
}

a {
color: inherit
}

img {
vertical-align: middle;
border-style: none
}

dl, ul {
list-style: none
}

em {
font-style: normal
}

.clearfix {
zoom: 1;
clear: both
}

.fl {
float: left !important
}

.fr {
float: right !important
}

.grey {
background: #f5f6f9
}

.main {
width: 66.666667%;
padding-right: 15px;
padding-left: 15px
}

.sidebar {
padding-left: 0;
padding-right: 15px;
width: 33.333333%
}

#main {
margin-top: 1rem;
position: static
}

.container {
width: 1140px;
max-width: 100%
}

.container {
position: relative;
margin-left: auto;
margin-right: auto;
padding-right: 15px;
padding-left: 15px
}

.container:after, .container:before {
display: table;
content: " "
}

.row:after, .row:before {
display: inline-block
}

.clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before {
display: table;
content: " "
}

.clearfix:after, .container-fluid:after, .container:after, .row:after {
clear: both
}

.live-play-wrapper:after {
clear: both
}

.box {
padding: 0 .5rem;
background: #fff;
margin-bottom: 1rem
}

.box, .player, div#secondary {
margin-bottom: 1rem;
transition: background-color .2s ease-in-out
}

.box, .col-xl-4 iframe[id^=Liqwid_f], .player, div#secondary {
box-shadow: 0 2px 8px rgba(0, 0, 0, .14);
border: 5px solid transparent;
border-radius: 6px;
background-color: #fff;
min-width: 310px !important
}

.box ul {
/*margin-top: 10px*/
}

.box li {
border-bottom: 1px solid #efeeee;
line-height: 1.2rem;
margin-bottom: 3px
}

.box p {
line-height: 1.2rem;
margin-bottom: 3px;
margin-top: 5px
}

.box ul li a {
color: #014c8c
}

.box span.time {
margin-right: 10px
}

.box-list {
padding: 10px 0;
height: 65px;
line-height: 65px;
position: relative
}

.box-list img {
width: 100px;
height: 63px;
margin-top: 0;
margin-right: 20px;
float: left
}

.box-list span {
color: #333;
font-size: 14px;
float: left;
margin-right: 5px;
display: block;
padding: 0 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}

.apply-btn {
width: 90px;
height: 24px;
line-height: 24px;
background: #f34f4f;
border-radius: 3px;
display: block;
margin-top: 5px;
color: #fff;
text-align: center;
font-size: 12px;
background: #f34f4f;
position: absolute;
right: 65px;
top: 50px;
cursor: pointer
}

.navbar {
padding: .5rem 0 .5rem 1rem;
transition: background-color .2s ease-in-out;
/*background-color: #006ab7 !important*/
background: linear-gradient(315deg, #657691 0, #202123 30%);
}

.navbar {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: .5rem 1rem
}

.navbar-toggleable-md {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}

.nba-basketball .navbar {
background-color: #006ab7 !important
}

.navbar .container {
padding: 0 1rem 0 0
}

.navbar-inverse .navbar-toggler {
border-color: rgba(255, 255, 255, .1)
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-toggler {
color: #fff
}

.navbar a {
font-size: 14px
}

.navbar-toggleable-md .navbar-nav .nav-link {
padding: 0 5px;
}

.nav-link {
display: block;
padding: .5em 1em
}

.nav-link i {
font-size: inherit;
display: none
}

.navbar-brand {
padding-bottom: 0;
display: inline-block;
padding-top: .25rem;
margin-right: 1rem;
line-height: inherit;
white-space: nowrap
}

.navbar-brand img {
margin: 0 11px
}

.navbar-brand .logo {
margin-left: .5rem;
font-size: 1.8rem;
vertical-align: sub;
color: #fff !important
}

.navbar-nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none
}

.navbar-toggler-right {
position: absolute;
right: 1rem
}

.navbar-toggler {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
padding: .25rem .8rem;
font-size: 1.25rem;
line-height: 1;
background: 0 0;
border: 1px solid transparent;
border-radius: .25rem
}

.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: no-repeat center center;
-webkit-background-size: 100% 100%;
background-size: 100% 100%
}

.navbar-toggler-icon i {
font-size: inherit
}

.navbar-inverse .navbar-toggler-icon i {
margin-top: 5px;
display: inline-block
}

[role=contentinfo] {
position: relative;
padding: 48px;
font-size: .68rem;
background: #314668;
background: linear-gradient(315deg, #657691 0, #202123 30%);
color: rgba(255, 255, 255, .75);
overflow: hidden
}

[role=contentinfo] li {
display: inline-block;
margin-right: 4px;
padding-left: 0;
border-bottom-width: 0
}

[role=contentinfo] li:hover {
background-color: transparent
}

[role=contentinfo] li:first-child {
border-top-width: 0
}

[role=contentinfo] li:last-child {
margin-right: 0
}

[role=contentinfo] li:last-child > a {
padding-right: 0;
border-right-width: 0
}

[role=contentinfo] .social {
padding: 0;
background-color: transparent
}

[role=contentinfo] ul {
list-style-type: none;
margin: 0 0 16px;
padding: 0
}

[role=contentinfo] li > a {
padding-right: 8px;
border-right: 1px solid rgba(255, 255, 255, .25)
}

[role=contentinfo] a {
color: #fff;
margin-right: 5px
}

.social, .social-h {
padding: 8px 0
}

[class*=social] a {
display: inline-block;
margin-right: 16px
}

[class*=social] a img {
max-width: 16px;
vertical-align: text-top
}

[class*=social] a:hover {
text-decoration: none
}

[class*=social] a:hover .social__description {
text-decoration: underline
}

[role=contentinfo] ul {
padding-left: 0;
text-align: left
}

[role=contentinfo] a.self {
float: right
}

[role=contentinfo] .contentinfo__inner {
position: relative;
margin-left: auto;
margin-right: auto;
max-width: 65em
}

[role=contentinfo] .contentinfo__inner p {
margin-bottom: 10px
}

.navv {
margin: 0 auto 20px;
text-align: left;
border: 1px solid #f2f2f2;
position: relative;
background-color: #fff;
}

/*电脑显示*/
@media screen and (min-width: 768px){
.fixDiv {
position: sticky;
z-index: 999;
top: 0;
background: #fff
}
}

.navv span:nth-child(1) {
position: absolute;
left: -3px;
top: -3px;
padding: 3px;
border-style: solid;
border-color: #009ad9;
border-width: 3px 0 0 3px
}

.navv span:nth-child(2) {
position: absolute;
right: -3px;
top: -3px;
padding: 3px;
border-style: solid;
border-color: #009ad9;
border-width: 3px 3px 0 0
}

.navv span:nth-child(3) {
position: absolute;
right: -3px;
bottom: -3px;
padding: 3px;
border-style: solid;
border-color: #009ad9;
border-width: 0 3px 3px 0
}

.navv span:nth-child(4) {
position: absolute;
left: -3px;
bottom: -3px;
padding: 3px;
border-style: solid;
border-color: #009ad9;
border-width: 0 0 3px 3px
}

.navv li {
width: 70px;
height: 25px;
line-height: 16px;
text-align: center;
display: inline-block;
margin: 5px;
padding: 5px;
font-size: 14px;
color: #fff;
background: #202123;
cursor: pointer;
}

.navv .active {
color: #fff;
background-color: #ef3b31
}

.navv li:hover{
background-color: #ef3b31
}



.main-index {
width: 85%;
padding-left: 5px;
padding-right: 5px
}

.sidebar-index {
width: 15%;
position: relative;
height: auto;
background: url(../images/bg.png);
overflow: hidden;
margin-bottom: 10px
}

.leaguebox-list {
position: absolute;
top: 0;
left: 0;
z-index: 0;
margin-top: 5px;
overflow-x: auto;
height: 100%;
}

.league-item {
float: left;
width: 170px;
height: 46px;
line-height: 46px;
text-align: left;
color: #f2f2f3;
font-size: 14px;
border-left: 3px solid transparent;
padding-left: 24px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.league-item .fa-chevron-right {
margin-left: 36px;
display: inline-block
}

.league-item a {
color: #f2f2f3;
text-decoration: none
}

.league-item.current a {
color: #454545
}

.league-item span {
font-size: 12px;
float: right;
margin-right: 26px
}

.league-item.current, .league-item:hover {
border-left: 3px solid #ef3b31
}

.league-item:hover {
color: #fff;
background-color: rgba(255, 255, 255, .2)
}

.league-item.current {
color: #454545;
background-color: #f4f6f9
}

.league-item .icon-wrap {
width: 91px;
height: 56px;
display: table-cell;
vertical-align: middle
}

.league-item:nth-child(even) {
border-right: 0
}

.league-item .icon {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
width: 24px;
height: 24px
}

.icon {
background-image: url(../images/gamehall.png);
background-repeat: no-repeat
}

.all .icon {
background-position: -210px -33px
}

.all.current .icon {
background-position: -210px 0
}

.asiafb .icon {
background-position: -75px -125px
}

.asiafb.current .icon {
background-position: -106px -125px
}

.nba .icon {
background-position: -357px -149px
}

.nba.current .icon {
background-position: -327px -149px
}

.cba .icon {
background-position: -226px -226px
}

.cba.current .icon {
background-position: -268px 0
}

.yingchao .icon {
background-position: -181px -162px
}

.yingchao.current .icon {
background-position: -210px -99px
}

.yijia .icon {
background-position: -29px -227px
}

.yijia.current .icon {
background-position: -268px -29px
}

.dejia .icon {
background-position: -294px -75px
}

.dejia.current .icon {
background-position: -323px -75px
}

.xijia .icon {
background-position: -243px 0
}

.xijia.current .icon {
background-position: -243px -30px
}

.fajia .icon {
background-position: -210px -66px
}

.fajia.current .icon {
background-position: -155px -162px
}

.zhongchao .icon {
background-position: -294px -149px
}

.zhongchao.current .icon {
background-position: -294px -173px
}

.yaguan .icon {
background-position: -61px -162px
}

.yaguan.current .icon {
background-position: -93px -162px
}

.ouguan .icon {
background-position: 0 -196px
}

.ouguan.current .icon {
background-position: -34px -196px
}

.chinabb .icon {
background-position: 0 -162px
}

.chinabb.current .icon {
background-position: -137px -123px
}

.composite .icon {
background-position: -84px -229px
}

.composite.current .icon {
background-position: -199px -229px
}

.hot a {
color: red !important;
text-shadow: 0 0 3px #e0e0e0
}

.hot-news {
border: 1px solid #f2f2f2;
background: #fff;
overflow: hidden;
position: relative;
z-index: 5;
margin-bottom: 20px
}

.hot-t {
/*float: left;*/
/*width: 20px;*/
background: #202123
}

.hot-t h3 {
padding: 3px;
line-height: 14px
}

.hot-t h3 a {
font-size: 12px;
font-weight: 400;
color: #fff
}

.hot-c {
float: left;
margin-left: 5px;
width: 95%;
margin-bottom: 5px;
font-size: 14px
}

ul.hot-c li {
background: url(../images/arrow.gif) no-repeat scroll 0 7px transparent;
float: left;
width: 50%;
padding-left: 5px;
margin: 5px 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}

ul.hot-c li a {
margin-left: 5px
}

.cloud {
position: absolute;
top: 700px;
left: 0;
z-index: 0;
margin-top: 5px
}

.cloud {
display: inline;
list-style-type: none;
width: 100%;
border: 1px solid #f2f2f2;
padding: 5px
}

.cloud li {
list-style: none;
display: inline
}

.cloud a {
text-shadow: 0 0 3px #e0e0e0
}

.channel-wrap {
clear: both;
border: none;
margin-bottom: 10px
}

@media screen and (max-width: 768px){
/*.channel-wrap{display:none;}*/
/*.hot-news{display:none;}*/
}
.channel-wrap ul {
border-left: 1px solid #d6dbe0;
border-top: 1px solid #d6dbe0;
_margin-bottom: 15px;
_margin-right: -1px;
margin-left: 0;
overflow: auto
}

.channel-wrap ul li {
float: left;
width: 20%;
list-style: none;
background: 0 0;
padding: 0;
margin: 0;
text-align: center;
background-color: #fff;
}

.channel-wrap ul li a {
border-bottom: 1px solid #d6dbe0;
border-right: 1px solid #d6dbe0;
display: block;
overflow: hidden;
padding: 8px 5px;
text-decoration: none;
color: #333;
font-size: 12px
}

.channel-wrap ul li img {
width: 120px;
height: 60px;
position: relative;
top: -1px
}

.cloud li:nth-of-type(3n+1) {
font-size: 1.25em;
color: #ff5e5c
}

.cloud li:nth-of-type(4n+3) {
font-size: 1.5em;
color: #1ac756
}

.cloud li:nth-of-type(5n - 3) {
font-size: 1em;
color: #19b5fe
}

.breadcrumb {
padding: .8rem 1rem;
margin-bottom: .5rem;
list-style: none;
background-color: #eceeef;
border-radius: .25rem;
overflow: hidden
}

.mybread a.breadcrumb-item {
margin-right: 10px
}

.breadcrumb-item {
float: left
}

.breadcrumb-item:after {
content: " » ";
margin: 0 .25rem;
color: gray
}

.mybread i.fa.fa-caret-right {
margin-right: 4px
}

.fa-caret-right:before {
content: "\f0da"
}

.block-header {
background: #02024d;
display: table;
table-layout: fixed;
width: 100%;
margin-bottom: 12px;
position: relative
}

.block-header-invert {
background: #fff;
border-bottom: 1px solid #dcdcdc;
margin-bottom: 18px;
table-layout: auto
}

.block-header_link {
display: block;
position: relative;
display: table-cell;
width: 100%
}

.block-header_title {
color: inherit;
font-size: 1rem;
padding: .6rem;
box-shadow: 0 2px 8px rgba(0, 0, 0, .14);
border: 5px solid transparent;
border-radius: 6px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}

.block-header_title i {
font-size: inherit
}

.block-header_title:after {
content: "";
background-color: #19b5fe;
left: 0;
width: 50px;
height: 3px;
bottom: -2px;
position: absolute
}

.block {
margin-bottom: 24px
}

.news-list_item {
display: table;
table-layout: fixed;
width: 100%;
margin-bottom: 25px;
padding: 25px 20px;
background: #fff
}

.news-list_figure {
width: 35%;
vertical-align: top
}

.news-list_body, .news-list_figure {
display: table-cell
}

.news-list_figure + .news-list_body {
padding-left: 18px;
line-height: 1.08rem;
letter-spacing: 1px
}

.news-list_body {
vertical-align: top;
display: table-cell !important;
width: auto !important
}

.news-list_headline {
display: inline-block;
font-weight: 400;
font-size: .94rem;
line-height: 1.3;
margin-bottom: 10px
}

.news-list_snippet {
font-size: .6rem;
color: #333;
margin-bottom: 10px
}

.news-list-info {
position: relative;
display: inline-block;
color: #748594;
font-size: 90%
}

.pagination {
margin-bottom: 5px;
text-align: center;
font-size: 14px;
margin: 20px 0
}

.pagination ul {
margin: 0;
padding: 0;
list-style-type: none
}

.pagination ul li {
display: inline-block;
margin: 0 3px
}

.pagination ul li.active span {
color: #fff;
background-color: #0ae;
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .1)
}

.pagination ul li a, .pagination ul li span {
display: inline-block;
padding: 7px 15px;
border-radius: 2px
}

.pagination ul li a {
text-decoration: none;
background-color: #fff;
color: #666;
opacity: 1;
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .13)
}

.pagination ul li span {
cursor: default;
color: #aaa
}

.pagination ul li a:hover, .pagination ul li a:focus {
opacity: .8
}

.pagination ul li.active span {
color: #fff;
background-color: #0ae;
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .1)
}
.pagination a {
display: inline-block;
    width: 36px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin: 2px;
    font-size: 12px;
    background: #fff;
    box-shadow: 0 4px 8px rgba(85, 85, 85, 0.1);
}
.on{
    color: #ff0303;
}


#main .post {
/*padding: .5rem .8rem*/
}

#main .post .tit {
position: relative;
margin-bottom: 15px;
font-size: 26px;
line-height: 30px;
display: block;
font-weight: 400;
padding: 0 0 30px;
border-bottom: 1px solid #e7e7e7
}

#main .post .tit:after {
content: "";
background-color: #19b5fe;
left: 0;
width: 50px;
height: 3px;
bottom: -2px;
position: absolute
}
.content_box_bd {
position: relative;
font-size: 16px;
line-height: 30px;
clear: both;
padding: 15px;
overflow: hidden;
}
.content_box_bd_1 {
text-align: center;
}
.content_box_bd a {
display: block;
margin: 5px;
color: blue;
}
.article_content img {
max-width: 100%;
height: auto;
}
.play_icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.xlist {
padding: 1.5em 1.5em;
}
.splb {
display: flex
;
flex-wrap: wrap;
}
.xlist a {
margin: 5px;
padding: 5px;
}
.post-categories {
margin-bottom: 10px
}

.post-categories a {
padding: 4px 10px;
background-color: #19b5fe;
color: #fff;
font-size: 12px;
line-height: 16px;
font-weight: 400;
margin-bottom: 5px;
border-radius: 2px;
display: inline-block
}

.post-categories a:nth-child(5n) {
background-color: #4a4a4a
}

.post-categories a:nth-child(5n+1) {
background-color: #ff5e5c
}

.post-categories a:nth-child(5n+2) {
background-color: #ffbb50
}

.post-categories a:nth-child(5n+3) {
background-color: #1ac756
}

.post-categories a:nth-child(5n+4) {
background-color: #19b5fe
}

.post-categories a:hover {
background-color: #1b1b1b;
color: #fff
}

.post .date {
font-size: 90%;
margin-bottom: .5rem;
line-height: 2rem;
color: #748594
}

.post .date a {
color: #748594
}

.post .date i {
font-size: inherit
}

.post img {
max-width: 100%;
display: block;
margin: 20px auto;
height: auto
}

.post-content {
clear: both;
line-height: 1.6;
letter-spacing: 1px
}

.post-content h2 {
padding: 10px 0
}

.post-content div, .post-content p {
line-height: 1.2rem;
letter-spacing: 1px
}

.post-content a {
color: #123f58;
border-bottom: 1px dashed #123f58;
padding-bottom: 1px;
text-decoration: none
}

.readmore-js-expanded {
position: absolute;
z-index: 9999;
top: 250px;
background: #fff
}

.readmore-js-section {
z-index: 9999;
left: 0 !important;
top: 0
}

.readmore-js-collapsed {
color: #000 !important
}

.readmore-js-toggle {
display: block;
font-size: .6rem;
padding: 5px;
opacity: .8
}

.readmore-js-toggle {
text-align: center;
margin-bottom: 4px;
border-radius: 5px;
font-weight: 700
}

#recommendedrPosts {
margin: 10px 0
}

#recommendedrPosts h3 {
font-size: 18px;
margin-bottom: 0;
padding: 10px 0;
font-weight: 700;
color: #999
}

#recommendedrPosts a {
margin-bottom: 8px;
color: #228ae3;
display: block;
font-size: 14px
}

#scrollDiv {
height: 460px;
overflow: hidden
}

#scrollDiv li {
height: 90px;
width: 100%;
vertical-align: middle
}

.scrollTitle {
font-size: 1rem;
list-style: none;
padding: .6rem;
border-bottom: 1px solid #0000000d
}

.scrollTitle i {
font-size: inherit
}

.scroltit {
height: 26px;
line-height: 26px;
padding-bottom: 4px;
margin-bottom: 4px
}

.scroltit h3 {
width: 100px;
float: left
}

.scroltit .updown {
float: right;
width: 32px;
height: 22px;
margin-left: 4px
}

#but_up {
background: url(../images/up.gif) no-repeat 0 0;
text-indent: -9999px
}

#but_down {
background: url(../images/down.gif) no-repeat 0 0;
text-indent: -9999px
}

.readall_box {
position: relative;
z-index: 9999;
padding: 0 0 25px;
margin-top: -200px;
text-align: center
}

.readall_box .read_more_mask {
height: 200px;
background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
background: -webkit-gradient(linear, 0 top, 0 bottom, from(rgba(255, 255, 255, 0)), to(#fff));
background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0))
}

.read_more_btn {
cursor: pointer;
font-size: 16px;
color: #de686d;
background: #fff;
border-radius: 4px;
border: 1px solid #de686d;
line-height: 30px;
padding: 5px 10px
}

.read_more_btn:hover {
background: #de686d;
color: #fff
}

.unfold-field {
position: absolute;
font-size: 0;
bottom: 0;
width: 100%;
height: 124px;
z-index: 3
}

.unfold-field .unflod-field_mask {
height: 78px;
width: 100%;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, hsla(0, 0%, 100%, 0)), to(#fff));
background-image: linear-gradient(-180deg, hsla(0, 0%, 100%, 0), #fff)
}

.unfold-field_text {
cursor: pointer;
width: 100%;
color: #406599;
height: 46px;
font-size: 0;
line-height: 46px;
text-align: center;
background: #fff
}

.unfold-field_text span {
font-size: 16px;
border: 1px solid #19b5fe;
padding: 10px 20px;
border-radius: 20px
}

.unfold-field_text span::after {
content: "";
vertical-align: middle;
background: url(../images/bottom.png);
background-size: contain;
background-repeat: no-repeat;
width: 9px;
height: 6px;
display: inline-block;
margin-left: 5px
}

.more-news {
padding: 1rem
}

.more-news i {
font-size: inherit
}

.more-news h3 {
padding-bottom: .5rem;
font-size: 1.2rem
}

.more-news h3 span {
float: right;
font-size: .6rem;
color: #1b95e0;
vertical-align: middle
}

.more-news p {
line-height: 1.5
}

.more-news span.time {
float: right
}

.more-news .news-item {
margin-bottom: 1rem;
text-align: center
}

.more-news a {
font-family: Flama-Mediums, sans-serif
}

.img-fluid {
width: 100%;
max-width: 100%;
height: auto
}

.d-block {
display: block !important
}

.more-news .badge-date {
background-color: #00000057;
color: #fff;
border: none;
text-transform: uppercase;
position: absolute;
left: 2px;
top: 2px
}

.badge-pill {
padding-right: .6em;
padding-left: .6em;
border-radius: 10rem
}

.badge {
display: inline-block;
padding: .25em .4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25rem
}

.btn {
display: inline-block;
font-weight: 400;
line-height: 1.25;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .5rem 1rem;
font-size: .68rem;
border-radius: .25rem;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}

.btn-primary {
color: #fff;
background-color: #1b95e0;
border-color: #1b95e0
}

.auto-size-16\/9 {
padding-bottom: 56.25%;
display: block;
position: relative
}

.auto-size_target {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}

.more-news .desc {
padding: 12px 0;
font-size: .6rem;
text-align: center
}

.row {
margin-right: -15px;
margin-left: -15px;
flex-wrap: wrap;
font-size: .68rem
}

.row:before, row:after {
display: inline-block
}

.gametitle {
text-align: center;
background: #fff;
background: -moz-linear-gradient(top, #fff 0, #fff 80%, #ececec 100%);
background: -webkit-linear-gradient(top, #fff 0, #fff 80%, #ececec 100%);
background: linear-gradient(to bottom, #fff 0, #fff 80%, #ececec 100%);
border-bottom: 0;
margin-bottom: 0;
border: 1px solid #ededed;
border-top-left-radius: 7px;
border-top-right-radius: 7px
}

h2 .headimg {
height: 48px;
width: 48px
}

.gametitle .at {
font-size: 136%
}

.sec-header h1, .sec-header h2, .sec-header h3 {
padding: .5rem 0;
border-bottom: 1px solid #e3e3e3;
font-size: 1.4rem
}

.playerrow {
box-shadow: 0 2px 8px rgba(0, 0, 0, .14);
border: 5px solid transparent;
border-radius: 6px;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-color: #fff;
overflow: hidden;
margin-bottom: 20px
}

.match-info-wrap {
padding: 5px 0 35px 0;
border-bottom: 1px solid #e7e7e7;
overflow: hidden
}

.xh{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
}


.zw {
width: 100%;
height: 30px;
}

.zw a {
margin-left: 5px;
color: blue;
margin-right: 20px;
}

.col-wrap .col-40 {
width: 40%;
height: auto
}

.col-wrap .col-33 {
width: 33.33%;
height: auto
}

.col-wrap .col-20 {
width: 20%;
height: auto
}

.match-info-wrap .match-info-detail {
text-align: center;
font-size: 14px
}

.match-info-wrap .match-info-img {
text-align: center;
margin: 20px
}

.match-info-wrap .match-info-img img {
height: 80px;
width: 80px
}

.match-info-wrap .match-info-title {
text-align: center;
font-size: 16px
}

.match-info-wrap .match-info-title a {
color: #fff
}

.match-info-wrap .match-info-score-wrap {
padding: 25px 0;
font-size: 24px
}

.match-info-wrap .match-info-detail .match-status-wrap {
text-align: center
}

.match-info-wrap .match-info-detail .match-status-wrap .match-name {
display: inline-block;
padding: 3px 15px;
border-radius: 3px;
color: #ef3b31;
border: 1px solid #ef3b31
}

.live-sources {
text-align: left;
padding: 10px;
overflow: hidden
}

.live-sources i {
color: #dc2221;
margin-right: 10px
}

.live-sources a {
color: #19b5fe;
margin-right: 5px
}

.box-top {
height: 60px;
background-color: #1b95e0;
box-shadow: 0 0 10px #989898;
color: #fff;
padding: 10px 30px;
line-height: 22px
}

.box-top h1 {
font-size: .84rem;
display: inline-block
}

.box-top span, .box-top span a {
color: #fff
}

.box-top span {
float: right
}

.narrow {
overflow: hidden;
margin: 0 auto;
border: 0 solid #717171;
background-color: #fff;
margin-bottom: 10px;
box-shadow: 0 0 10px #989898
}

.title1 {
height: 40px;
line-height: 40px;
background: url(../images/streamhub-white-bar.png);
padding: 0 30px;
font-weight: 700
}

.headactions {
float: right;
line-height: 1em;
padding: 12px 10px 0 0
}

.headactions img {
vertical-align: middle;
cursor: pointer;
padding: 0 5px
}

.showhand {
cursor: pointer
}

.cp {
padding: 10px 30px
}

.cp a {
margin-right: 20px;
line-height: 25px
}

.title {
height: 2rem;
line-height: 2rem;
border-bottom: 1px solid #f2f2f2;
width: 100%
}

.title i {
font-size: inherit;
color: #dc2221;
margin-right: 8px
}

.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}

.title span {
font-size: .84rem
}

.game {
height: 60px;
width: 100%;
line-height: 60px;
border-bottom: 1px solid #f2f2f2;
position: relative;
display: block
}

.game:hover {
background: #f4faff
}

.vs1 {
width: 25%;
height: 60px;
float: left;
position: relative;
font-size: .68rem;
overflow: hidden
}

.vsMid {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}

.vs2 {
width: 50%;
height: 60px;
float: left;
position: relative;
font-size: .68rem;
word-break: break-word;
overflow: hidden
}
.vs3 {
display: flex;
    height: 60px;
    text-align: center;
    float: left;
    position: relative;
    font-size: 14px;
    margin: 0 5px;
    align-items: center;
}
.mvs1 {
width: 23%;
height: 60px;
float: left;
position: relative;
font-size: 14px
}

.mvs2 {
width: 46%;
height: 60px;
float: left;
position: relative;
font-size: 14px
}

.mvs3 {
width: 31%;
height: 60px;
float: left;
position: relative;
font-size: 14px
}

.live1 {
display: inline-block;
height: 26px;
line-height: 26px;
padding: 0 10px;
text-align: center;
vertical-align: middle;
color: #228ae3;
margin-left: 5px;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
-ms-border-radius: 13px;
-o-border-radius: 13px
}

.live1:hover {
background: #f33;
color: #fff
}

.mvs1 .name, .mvs1 .time {
margin-right: 10px;
margin-left: 10px
}

.vs .name, .vs .time {
width: 100%;
margin: 0 auto
}

.vs .name {
color: #999;
position: absolute;
top: 20px
}

.vs .time {
position: absolute;
bottom: 10px;
color: red
}
.player2 {
position: absolute;
left: 60%
}

.countryLogo1 {
width: 30px;
height: 30px;
margin-left: 10px;
vertical-align: middle
}

.countryLogo2 {
margin-right: 10px;
width: 30px;
height: 30px;
vertical-align: middle
}

.live, .end {
top: 50%;
left: 50%;
line-height: 25px;
border-radius: 12.5px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, .15);
padding: 5px 9px !important;
cursor: pointer
}


.live2 {
display: flex;
    width: 80px;
    height: 35px;
    line-height: 25px;
    border-radius: 12.5px;
    padding: 5px 9px !important;
    background: #fff;
    border: solid 1px #1b95e0;
    color: #1b95e0;
    align-items: center;
    justify-content: center;
}

.live {
display: flex;
    width: 80px;
    height: 35px;
    background: #1b95e0;
    color: #fff;
    align-items: center;
    justify-content: center;
}



.end {
background: #b61b1a !important;
color: #fff
}

.live i, .end i {
margin-right: 10px
}

.collapse .fa {
display: none
}

.gameMove {
display: none
}

.overlay-icon {
position: absolute;
width: 100%;
height: 100%;
text-align: center;
display: block;
-webkit-transform: translateZ(0)
}

.overlay-icon + .overlay-icon .overlay-icon__cell {
right: 5%;
left: auto
}

.overlay-icon__cell {
display: inline-block;
width: 16%;
max-width: 90px;
min-width: 34px;
position: absolute;
left: 5%;
bottom: 9%
}

.overlay-icon__cell:after {
content: "";
float: left;
width: 100%;
padding-bottom: 100%
}

.overlay-icon__target {
width: 100%;
height: 100%;
fill: #fff;
position: absolute;
left: 0;
top: 0
}

.video-block {
box-shadow: 0 2px 8px rgba(0, 0, 0, .14);
border-radius: 6px;
padding: 0 !important;
line-height: 30px;
margin-bottom: 20px;
overflow: hidden;
font-size: 14px
}

.video-block h2 {
color: #333;
display: inline;
font-size: .68rem
}

.video-block h2 a {
font-size: 12px;
color: #888;
vertical-align: middle
}

.video-block h2 a:hover {
color: #009be8
}

.video-block table {
width: 100%;
text-align: center;
color: #666
}

.video-block table thead {
background-color: #0c7abf
}

.video-block table thead {
font-size: .68rem
}

.video-block table i {
color: #dc2221
}

.video-block table a {
color: #333
}

.video-block table .span {
text-align: left;
padding: 5px 20px;
width: 100%
}

.video-block table .span a {
margin-right: 10px
}

.video-block table .span0 {
text-align: left;
padding: 10px
}

.video-block table .span0 h1 {
font-size: inherit
}

.video-block table .span0 h1 a {
color: #fff
}

.video-block table .span0 .g {
font-size: .68rem
}

.video-block table .span0 .g p {
font-size: .6rem
}

.video-block table th {
color: #fff
}

.video-block table .span0 .pic {
width: 30%;
float: left
}

.video-block table .span0 .g {
width: 65%;
position: relative;
float: right
}

.video-block table .span0 .pic p {
height: 40px;
line-height: 40px;
font-size: 16px;
text-align: center;
font-weight: bolder;
border: 1px solid #dedede
}

.video-block table .span0 p {
line-height: 1.5em
}

.video-block table .span0 h2 a {
font-size: 16px;
font-weight: 700
}

.video-block table .span0 .hot-block {
height: 36px;
overflow: hidden
}

.video-block table .span0 .hot {
font-size: 12px;
padding: 0 5px;
color: #888;
background: linear-gradient(#fff, #f4f2f3) repeat scroll 0 0 transparent;
line-height: 20px;
border-radius: 4px;
margin-right: 5px;
vertical-align: middle;
float: right;
margin-top: 8px;
border: 1px solid #e7e4e6
}

.video-block table .span0 .toggle {
line-height: 18px;
display: none;
margin-bottom: 5px;
text-indent: 59px
}

.video-block table .span0 .toggle a {
color: #888
}

.video-block table .span0 .toggle a:hover {
color: #009be8
}

.video-block table .odd {
background: #fff
}

.video-block table .span1 {
width: 110px;
text-align: center
}

.video-block table .even {
background: #f4faff
}

.video-block table .span0 .tape, .video-block table .span0 .highlight {
font-size: 12px;
padding: 0 5px;
color: #888;
background: linear-gradient(#FFF, #F4F2F3) repeat scroll 0% 0% transparent;
line-height: 20px;
border-radius: 4px;
margin-right: 5px;
vertical-align: middle;
float: right;
margin-top: 4px;
border: 1px solid #e7e4e6
}

.endmatch {
width: 100%;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 10px
}

.endmatch h2, .endmatch h3 {
background-color: #f4f4f4;
color: #123f58;
padding: 10px;
margin: 10px 0;
text-align: center;
font-size: .6rem;
font-weight: 700
}

table.gridtable {
width: 100%;
font-size: 12px;
color: #333;
border-width: 1px;
border-color: #e7e7e7;
border-collapse: collapse;
margin-bottom: 10px
}

table.gridtable th {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #e7e7e7;
background-color: #dedede;
text-align: center;
white-space: nowrap
}

table.gridtable td {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #e7e7e7;
background-color: #fff;
text-align: center;
white-space: nowrap
}

.endmatch .w49 {
width: 49%;
float: left
}

.tabs-wrap {
clear: both;
overflow: hidden
}

#tabbed-widget .widget-top {
background: #f7f7f7;
height: 38px;
border-bottom: 3px solid #eaeaea
}

.tabs-wrap#tab1 {
display: block
}

#tabbed-widget ul.tabs li {
float: left;
position: relative;
margin-left: 3px;
line-height: 30px;
padding: 2px;
background: 0 0
}

#tabbed-widget ul.tabs li a {
display: inline-block;
text-align: center;
color: #123f58;
text-shadow: 0 1px 0 #fff;
padding: 5px 9px 1px;
line-height: 30px
}

#tabbed-widget ul.tabs li a:hover {
color: #000
}

#tabbed-widget ul.tabs li.active a {
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
background: #fff;
box-shadow: 0 -1px 2px #d4d4d4;
-moz-box-shadow: 0 -1px 2px #d4d4d4;
-webkit-box-shadow: 0 -1px 2px #d4d4d4
}

.widget-container {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 20px;
width: 100%;
overflow: hidden
}

.widget-container h3 {
font-size: inherit;
font-weight: 400
}

.tabs-wrap li, .widget-top li {
background: url(../images/sidebar-bullet.png) no-repeat left 8px;
padding: 0 0 5px 12px;
line-height: 18px;
overflow: hidden
}

.widget-top li {
font-size: .68rem;
font-weight: 700
}

.tabs-wrap li {
font-size: .6rem;
font-weight: 400
}

.widget-container p {
padding-bottom: 1em
}

.widget-container a:hover {
text-decoration: underline
}

.footer-widget-container li span.date, .widget-container li span.date {
color: #aaa;
margin: 5px 0;
font-size: 85%
}

.tabs-wrap ul {
padding: .5rem;
border: 1px solid #f7f7f7;
border-top: none;
overflow: hidden;
background-color: #fff;
}

#main, #sidebar-container {
position: static
}

.widget-news {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0
}

.widget-news-title {
font-size: 1rem;
list-style: none;
padding: .6rem;
border-bottom: 1px solid #0000000d;
margin-bottom: 5px
}

.widget-news-title i {
font-size: inherit
}

.widget-news .widget-news-item {
padding: 0
}

.widget-news-item {
border: 1px solid transparent
}

.widget-news-item {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: -1px;
background-color: #fff
}

.widget-news-item a {
font-size: .6rem;
color: #160c8d
}

.widget-news-item a:visited {
color: #350050
}

.widget-tags {
margin-top: .5rem
}

.list-group-title {
font-size: 1.2rem;
list-style: none;
padding: .6rem;
border-bottom: 1px solid #0000000d;
overflow: hidden
}

.list-group-title i {
font-size: inherit
}

.list-group-title h2 {
margin-left: 8px;
display: inline-block
}

.list-group-title h2 a {
color: #3a3a3a
}

.list-group-item {
border: 1px solid transparent;
min-height: 59px;
padding: 7px;
overflow: hidden
}

.list-group-item a {
line-height: 1rem;
font-size: .6rem;
display: block
}

.list-group-item .news-image {
width: 40%;
height: 80px;
float: left;
vertical-align: middle
}

.list-group-item .news-body {
padding: 0 .5rem;
float: left;
width: 60%
}

.list-group-item .news-body .tile_date {
font-size: .6rem;
color: #979797;
margin-bottom: 5px
}

.list-group-item .news-body h4.tile_title {
font-size: .6rem;
color: #102520;
font-weight: 400
}

.widget-live {
overflow: hidden
}

.widget-live-title {
height: 30px;
line-height: 30px;
border-bottom: 1px solid #f2f2f2;
width: 100%;
padding: 0 0 0 8px
}

.widget-live-title span {
font-size: 16px
}

.widget-live-item .vs {
width: 33.3%;
height: 90px;
float: left;
display: block;
position: relative;
font-size: 16px
}

.widget-live-item .name {
width: 100%;
display: block;
text-align: center;
color: #999;
height: 20px;
line-height: 20px;
font-size: 15px;
margin-top: 10px
}

.widget-live-item .time {
position: absolute;
bottom: 10px;
width: 100%;
height: 20px;
left: 0;
text-align: center;
color: red;
font-size: 14px
}

.widget-live-item .countryLogo1, .widget-live-item .countryLogo2 {
margin: 10px auto;
width: 45px;
height: 45px;
display: block
}

.widget-live-item .player1, .widget-live-item .player2 {
width: 100%;
text-align: center;
color: #333;
font-size: 14px;
display: block;
overflow: hidden;
padding-top: 1px;
right: 0
}

.widget-team {
overflow: hidden;
line-height: 1.24;
margin-top: 0
}

.widget-title {
font-size: 1rem;
list-style: none;
padding: .6rem;
border-bottom: 1px solid #0000000d;
overflow: hidden
}

.widget-live span {
font-size: 16px;
font-weight: 700;
color: #c3c3c3;
display: inline-block;
margin-right: 10px
}

.widget-live ul {
/*padding: .6rem*/
}

.youcezb{
display: flex
;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
flex-wrap: wrap;
align-content: center;
flex-direction: column;
align-items: center;
}








.widget-live a {
color: #014c8c !important
}

.widget-team-title {
padding-left: 15px;
padding-right: 15px;
margin-top: 40px;
margin-bottom: .5rem;
overflow: hidden
}

.widget-team-title strong {
font-weight: bolder;
display: block;
word-wrap: break-word;
font-size: 1.25rem
}

.widget-team-headimg {
height: 120px;
width: 120px;
padding-top: 10px;
padding-bottom: 10px;
float: right
}

.widget-team-headimg img {
margin-right: -1px;
width: 90px;
height: 90px
}

.widget-team-summary {
overflow: hidden;
clear: both;
border-top: solid 1px #ebebeb
}

.widget-team-summary {
line-height: 1rem;
/*font-size: .6rem;*/
margin: 13px 0 6px;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px
}

.widget-team-parameter {
padding-left: 15px;
padding-right: 15px;
font-size: .6rem
}

.widget-team-parameter ul {
list-style: none;
margin: 0;
padding: 0
}

.widget-team-parameter li {
line-height: 26px
}

#wrap {
position: relative;
padding: 10px;
overflow: hidden
}

#read-more {
padding: 5px;
background: #fff;
color: #333
}

#read-more a {
padding-right: 22px;
font-weight: 700;
text-decoration: none
}

#read-more a:hover {
color: #000
}

.more {
font-size: .5rem;
margin-top: 10px;
color: #ccc;
float: right
}

.team-bold {
font-weight: bolder
}

.columnNav {
height: auto;
background: #fff;
border: 1px solid #dbdbdb;
overflow: hidden
}

.columnNav dl dd {
font-size: .6rem
}

.columnNav dl {
display: inline-block;
width: 24%;
text-align: center;
color: #3a3a3a;
font-size: .6rem;
margin-top: 15px;
_float: left
}

.columnNav dl .livIco {
width: 53px;
height: 53px
}

.columnNav dl a {
display: block;
margin: 0 auto;
margin-bottom: 8px
}

.columnNav dl img {
width: 100%
}

.hidden-xl-up {
display: none !important
}

.sec-header h1, .sec-header h2, .sec-header h3 {
padding: .5rem 0;
border-bottom: 1px solid #e3e3e3;
font-size: 1.18rem
}

.Header {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
height: 54px;
padding: 10px
}

.info {
width: 100%;
height: 90px;
margin-top: 20px;
background-size: 100%;
position: relative
}

.infoWrap {
position: absolute;
width: 70%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #666;
text-decoration: none
}

.list {
width: 33.33%;
float: left;
height: 60px;
color: #fff
}

.name1 {
display: inline-block;
height: 60px;
line-height: 60px;
float: left
}

.first {
width: 54px;
height: 54px;
display: inline-block;
margin: 2px 0 0 16px
}

.name2 {
display: inline-block;
height: 60px;
line-height: 60px;
float: right
}

.second {
width: 54px;
height: 54px;
display: inline-block;
float: right;
margin: 2px 16px 0 10px
}

.gameName, .gameTime {
width: 100%;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 14px
}

.container-tv {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}

.container-tv {
width: 1140px;
position: relative
}

.live-play-bg {
background-image: url(../images/play_bg.png);
background-size: cover;
background-repeat: repeat-y;
background-attachment: fixed
}

.live-play-wrapper {
position: relative;
padding-bottom: 30px
}

.live-videoplay {
position: relative;
-webkit-box-sizing: content-box;
box-sizing: content-box;
margin-top: 20px
}

.live-videoplay .live-videoplay-player .player-box {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.33%;
background: #000
}

.video-js {
display: block;
vertical-align: top;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
background-color: #000;
position: relative;
padding: 0;
font-size: 10px;
line-height: 1;
font-weight: 400;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
word-break: initial
}

.live-play-title {
font-size: 22px;
margin: 20px 0 5px;
color: #fff
}

.live-video-list {
width: 1110px
}

.live-videoplay-line li {
display: inline-block
}

.live-videoplay-line_item {
display: inline-block;
color: #fff;
margin: 12px 10px 0 0
}

.live-videoplay-line_item a {
background: rgba(255, 255, 255, .2);
display: block;
padding: 5px 10px;
border-radius: 100px;
cursor: pointer
}

.live-videoplay-line .selected a {
background: rgba(31, 147, 234, .7)
}

.live-videoplay .live-videoplay-wideleft, .live-videoplay .live-videoplay-wideright {
-webkit-transition: all .6s;
transition: all .6s
}

.live-videoplay .live-videoplay-wideright {
position: absolute;
top: 0;
right: -15px;
width: 305px;
opacity: 1
}

.no-padding-left, .no-padding-right {
padding-right: 0
}

.live-videoplay .live-videoplay-share {
width: 100%;
height: 54px;
background-color: #1f1f1f;
font-size: 14px
}

.live-videoplay .live-videoplay-share-item {
line-height: 54px;
color: #999;
margin: 0 0 0 15px;
cursor: pointer
}

.live-videoplay .live-videoplay-share-item:hover {
color: #fff
}

.live-videoplay .live-videoplay-share-item i {
margin-right: 2px
}

.live-videoplay .live-videoplay-share-item__share-btn {
float: right;
width: 80px;
height: 30px;
line-height: 30px;
text-align: center;
margin: 13px 30px 0 0;
border-radius: 4px;
background: #1f93ea;
color: #fff;
cursor: pointer
}

.live-videoplay .live-videoplay-share-item__share-text {
float: right;
margin-right: 15px;
font-weight: 600;
color: #ff6329;
line-height: 54px
}

.live-video-list ul {
margin: 0 -5px;
font-size: 0
}

.live-video-list ul li {
display: inline-block;
vertical-align: text-top;
padding: 0 5px;
width: 9%
}

.live-video-list ul li .live-video-list-pic {
display: inline-block;
position: relative;
width: 100%;
height: 0;
padding-bottom: 57.89%
}

.live-video-list ul li .live-video-list-pic .live-video-item_img {
position: absolute;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover
}

.live-video-list ul li .live-video-list-pic .live-video-item_img__play {
position: absolute;
left: 50%;
top: 50%;
width: 60px;
height: 60px;
margin: -30px 0 0 -30px
}

.live-video-list ul li .live-video-list-pic .live-video-item_img__play img {
width: 100%;
height: 100%;
opacity: .7
}

.live-share-panel .live-share-wrap {
position: relative;
text-align: center
}

.live-share-panel .live-share-wrap .live-share-list ul {
white-space: nowrap;
font-size: 0;
margin: 0
}

.live-share-panel .live-share-wrap .live-share-list ul .live-share-item {
margin-right: 10px;
display: inline-block
}

.live-share-panel .live-share-wrap .live-share-list ul .live-share-item:last-child {
margin-right: 0
}

.live-share-panel .live-share-wrap .live-share-list ul .live-share-item a {
line-height: 1;
padding: 0;
margin: 0;
cursor: pointer
}

.live-share-panel .live-share-wrap .live-share-list ul .live-share-item a i {
display: inline-block;
width: 50px;
height: 50px;
background-repeat: no-repeat;
background-size: 100% 100%
}

.live-share-panel .live-share-wrap .live-share-list ul .live-share-item .wxfriends {
background-image: url(../images/wechat.png)
}

.live-share-panel .live-share-wrap .live-share-list ul .live-share-item .facebook {
background-image: url(../images/facebook.png)
}

.live-share-panel .live-share-wrap .live-share-list ul .live-share-item .qq {
background-image: url(../images/qq.png)
}

.live-share-panel .live-share-wrap .live-share-list ul .live-share-item .weibo {
background-image: url(../images/weibo.png)
}

.live-share-panel .live-share-wrap .live-share-list ul .live-share-item .qzone {
background-image: url(../images/qzone.png)
}

.live-share-panel .live-share-wrap .live-share-list ul .live-share-item .copylink {
background-image: url(../images/copylink.png)
}

.jBox-wrapper {
text-align: left;
box-sizing: border-box
}

.jBox-container, .jBox-content, .jBox-title {
position: relative;
word-break: break-word;
box-sizing: border-box
}

.jBox-container {
background: #fff
}

.jBox-content {
padding: 8px 10px;
font-size: 12px;
overflow-x: hidden;
overflow-y: auto;
-webkit-transition: opacity .2s;
transition: opacity .2s
}

.jBox-Tooltip .jBox-container {
border-radius: 3px;
box-shadow: 0 0 3px rgba(0, 0, 0, .25)
}

.jBox-Tooltip .jBox-title {
padding: 8px 10px 0;
font-weight: 700
}

.jBox-Modal .jBox-container {
border-radius: 4px
}

.jBox-Modal .jBox-content {
padding: 15px 20px
}

.jBox-Modal .jBox-title {
border-radius: 4px 4px 0 0;
padding: 15px 20px;
background: #fafafa;
border-bottom: 1px solid #eee
}

.jBox-Modal .jBox-container {
box-shadow: 0 3px 15px rgba(0, 0, 0, .4), 0 0 5px rgba(0, 0, 0, .4)
}

body[class*=" jBox-blockScroll-"], body[class^=jBox-blockScroll-] {
overflow: hidden
}

@-webkit-keyframes jBoxLoading {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}

@keyframes jBoxLoading {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}

.col-xs-9 {
width: 75%;
float: left;
position: relative;
min-height: 1px;
padding-left: 15px
}

.col-xs-3 {
width: 25%;
float: left;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px
}

.col-xs-4 {
width: 33.33333333%;
float: left;
padding-right: 15px;
padding-left: 15px;
position: relative;
min-height: 1px
}

.col-xs-8 {
width: 66.66666667%;
float: left
}

.tv-desc, .tv-related {
width: 1110px;
position: relative;
margin-right: auto;
margin-left: auto
}

.tv-desc, .tv-related {
padding: 20px 15px
}

.tv-desc h2, .tv-related h2 {
font-size: 1rem;
padding: 5px 0
}

.tv-desc p {
line-height: 1.8;
letter-spacing: 1px
}

.tv-desc .row, .tv-related .row {
line-height: 1.8
}

.tv-desc .row i, .tv-related .row i {
margin-right: 10px;
font-size: inherit;
vertical-align: bottom
}

.live-videoplay .live-videoplay-wideleft, .live-videoplay .live-videoplay-wideright {
-webkit-transition: all .6s;
transition: all .6s
}

.live-videoplay-chatroom .chatroom {
height: 561px;
max-height: 561px;
background: #333
}

.live-videoplay-chatroom .fifa-chatroom {
height: 527px;
max-height: 527px;
padding: 0 10px;
background: #333;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

.live-videoplay-chatroom .fifa-chatroom .chatroom-client {
padding: 5px 0
}

.live-videoplay-chatroom .fifa-chatroom .chatroom-client img {
width: 270px;
height: 80px
}

.live-videoplay-chatroom .fifa-chatroom .fifa-chatroom_box {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}

.live-videoplay-chatroom .fifa-chatroom .fifa-chatroom_box iframe {
width: 100%;
height: 100%;
padding: 5px 0
}

.gameforecast {
display: block;
border-bottom: 1px solid #f2f2f2
}

.gameforecast .vs {
width: 33.3%;
height: 90px;
float: left;
display: block;
position: relative;
font-size: 16px;
text-align: center
}

.gameforecast .countryLogo1, .gameforecast .countryLogo2 {
margin: 10px auto;
width: 45px;
height: 45px;
display: block
}

.gameforecast .player1, .gameforecast .player2 {
width: 100%;
text-align: center;
color: #333;
font-size: 14px;
display: block;
overflow: hidden;
padding-top: 1px;
right: 0
}

.video-relate-box {
margin-bottom: 20px;
width: 1140px;
position: relative;
margin: 0 auto;
padding: 15px
}

.video-relate-box .title {
line-height: 30px;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 20px
}

.video-relate-box .title span {
font-size: 16px;
margin-right: 10px;
line-height: 45px;
display: inline-block;
margin-bottom: -1px;
cursor: pointer
}

.video-relate-box .title span.on {
color: #19b5fe;
border-bottom: 3px solid #19b5fe
}

.video-relate-box .video-content {
margin-right: -15px;
margin-left: -15px
}

.video-relate-box .video-content ul {
display: block;
overflow: hidden
}

.video-relate-box .video-content ul li {
display: inline-block;
width: 25%;
padding-left: 15px;
padding-right: 15px;
float: left
}

.video-relate-box .video-content ul li.first {
margin-left: 0;
height: inherit
}

.video-relate-box .video-content ul li a > div:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '';
z-index: 10
}

.video-relate-box .video-content ul li a > div:hover > div {
top: 0
}

.video-relate-box .video-content ul li img {
transition: transform .5s ease 0s
}

.video-relate-box .video-content ul li p {
text-indent: 0;
color: #666;
line-height: 20px;
display: block;
overflow: hidden
}

.video-relate-box .video-content ul li p.v-tit {
height: 36px;
line-height: 36px;
font-size: .68rem;
text-align: center;
border-top: 0
}

.video-relate-box .video-content ul li p.v-time {
height: 20px;
font-size: 12px;
float: right
}

.v-time i {
margin-right: 5px
}

.video-relate-box .video-content ul li p:hover {
color: #f37e00
}

.video-relate-box .video-content ul li p + p {
line-height: 1;
color: #888 !important
}

.video-relate-box .match-date {
color: #fff;
background: rgba(0, 0, 0, .5);
z-index: 999;
border: none;
font-size: 16px;
padding: .25em .4em;
font-weight: 700;
text-transform: uppercase;
position: absolute;
left: 2px;
top: 2px
}

@media (min-width: 992px) and (max-width: 1139px) {
.video-relate-box {
width: 100%
}

.video-relate-box .video-content ul li {
width: 25%;
padding-right: 15px;
padding-left: 15px
}
}

@media (min-width: 768px) and (max-width: 991px) {
.main, .sidebar {
width: 100%;
max-width: 100%
}

.sidebar {
padding-left: 15px
}

.nav-link i {
display: inline-block
}

.collapse.show .fa {
margin: 0 14px 0 8px;
width: 23px;
display: inline-block
}

.navbar-brand img {
height: 40px;
vertical-align: top
}

.navbar a {
        font-size: 22px;
        margin: 5px 0;
}

.nav-item{border: 1px solid #f2f2f23d;}

.sidebar-index {
display: none
}

.main-index {
width: 100%
}

.mtime, .span1, .video-block table .span0 .pic p {
display: none
}

.video-block table .span0 .g p {
font-size: 1rem;
display: none
}

.video-block table .span0 h1 {
font-size: 1.375rem
}

span .tile_date {
font-size: .875rem
}

.endmatch h2, .endmatch h3 {
font-size: 1rem
}

.widget-container li {
font-size: .8rem
}

.block-header_title {
font-size: 1.25rem
}

.news-list_headline, .news-list_headline-link {
font-size: 1rem
}

.news-list_snippet {
font-size: .875rem
}

.endmatch .w49 {
width: 100%
}

.list-group-item .news-body .tile_date {
font-size: .8rem
}

.list-group-item .news-body h4.tile_title {
font-size: .8rem
}

.container-tv {
width: 100%
}

.live-videoplay {
margin-top: 0
}

.col-xs-9 {
width: 100%;
padding-left: 0
}

.col-xs-3 {
display: none
}

.infoWrap {
width: inherit
}

.name1, .name2 {
display: none
}

.tv-desc, .tv-related, .live-video-list {
width: 100%
}

.live-video-list {
height: 60px;
padding: 0 10px;
overflow-x: scroll;
overflow-y: hidden
}

.live-video-list ul {
min-width: 1200px;
overflow: hidden
}

.tv-desc .row, .tv-related .row {
margin-right: 0;
margin-left: 0
}

.video-relate-box {
width: 100%
}

.video-relate-box .video-content ul li {
width: 33.33%;
padding-right: 15px;
padding-left: 15px
}

.video-relate-box .video-content ul li:last-child {
display: none
}

.list-group-item .news-image {
width: 20%
}

.list-group-item .news-body {
width: 80%
}

[role=contentinfo] .contentinfo__inner img {
display: none
}
}

@media (max-width: 767px) {
.navv {
border: 1px solid #f2f2f2;
padding: 5px 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}

.navv li {
width: 56px;
height: 25px;
padding: 5px;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
}

.nav-link i {
display: inline-block
}

.hot-c {
width: 90%
}

ul.hot-c li {
width: 100%
}

.channel-wrap ul li img {
width: 60px !important;
height: 30px !important
}

.pagination ul li {
/*display: none*/
}

.pagination ul li.pre-page, .pagination ul li.next-page {
display: inline-block
}

.sidebar-index {
display: none
}

.main-index {
width: 100%;
max-width: 100%
}

.main, .sidebar {
width: 100%;
max-width: 100%
}

.sidebar {
padding-left: 15px
}

.collapse.show .fa {
margin: 0 14px 0 8px;
width: 23px;
display: inline-block
}

.navbar-brand img {
height: 40px;
vertical-align: top
}

.navbar a {
        font-size: 22px;
        margin: 5px 0;
}

.nav-item{border: 1px solid #f2f2f23d;}
.game .mvs2 {
width: 76%
}

.game:hover {
background: #f4faff
}

.mvs1 .time {
float: left
}

.mvs1 .name {
float: left
}

.game .mvs3 {
display: none
}

.gameMove {
display: block;
margin: 10px auto;
padding-bottom: 10px;
border-bottom: 1px solid #f2f2f2
}

.vs {
width: 33.3%;
height: 90px;
float: left;
display: block;
position: relative;
font-size: 16px
}

.countryLogo1, .countryLogo2 {
margin: 5px auto;
width: 45px;
height: 45px;
display: block
}

.box li span.time {
display: none
}

.columnNav dl dd {
font-size: .78rem;
white-space: nowrap;
overflow: hidden;
margin: 0 5px
}

.widget-team-parameter, .widget-team-summary div, .widget-team-summary p {
font-size: .875rem;
line-height: 1.25rem
}

.list-group-item a {
font-size: .875rem
}

.more-news .news-item {
font-size: .875rem
}

.row {
font-size: .875rem
}

.tv-desc .row, .tv-related .row {
margin-right: 0;
margin-left: 0
}

.more-news .desc {
font-size: .875rem
}

.mtime, .span1, .video-block table .span0 .pic p {
display: none
}

.video-block table .span0 .g p {
font-size: 1rem;
display: none
}

.video-block table .span0 h1 {
font-size: 1.375rem
}

span .tile_date {
font-size: .875rem
}

.endmatch h2, .endmatch h3 {
font-size: 1rem
}

.widget-container li {
font-size: .8rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}

.block-header_title {
font-size: 1.25rem;
padding: 3%
}

.news-list_item {
margin-bottom: 0;
padding: 3%;
border-bottom: 1px solid #f5f4f4
}

.news-list_headline, .news-list_headline-link {
font-size: .8rem
}

.news-list_snippet {
display: none
}

.news-list-info {
display: none
}

.endmatch .w49 {
width: 100%
}

.list-group-item .news-body .tile_date {
font-size: .8rem
}

.list-group-item .news-body h4.tile_title {
font-size: .8rem
}

.container-tv {
width: 100%
}

.live-videoplay {
margin-top: 0
}

.col-xs-9 {
width: 100%;
padding-left: 0
}

.col-xs-3 {
_display: none;
padding-right: 0;
padding-left: 0
}

.infoWrap {
width: inherit
}

.name1, .name2 {
display: none
}

.live-videoplay .live-videoplay-share-item__share-text {
display: none
}

.tv-desc, .tv-related, .live-video-list {
width: 100%
}

.live-video-list {
height: 60px;
border-top: 5px solid #dedede;
border-bottom: 5px solid #dedede;
padding: 0 10px;
overflow-x: scroll;
overflow-y: hidden
}

.live-video-list ul {
min-width: 1200px;
overflow: hidden
}

.live-video-list li {
width: 100px;
border-top: 0;
margin-right: 10px
}

.video-relate-box {
width: 100%
}

.video-relate-box .video-content ul li {
width: 100%;
padding-right: 15px;
padding-left: 15px
}

.live-videoplay .live-videoplay-wideright {
position: relative;
left: 0;
right: 0;
width: 100%
}

.live-videoplay-chatroom .fifa-chatroom {
height: auto;
padding: 0
}

[role=contentinfo] .contentinfo__inner img {
display: none
}

[role=contentinfo] {
padding: 16px
}

[role=contentinfo] .social {
line-height: 2
}
}
.tagss_3 {
text-align: left;
}
.tagg a {
background: #fff;
height: 30px;
line-height: 32px;
margin-right: 5px;
display: inline-block;
padding: 0 12px;
box-shadow: 1px 2px 8px rgba(206, 213, 217, 0.4);
font-size: 12px;
margin-bottom: 10px;
}
.art-copyright {
margin-top: 16px;
background: #f0f0f0;
padding: 10px;
color: #868686;
text-align: left;
}
.info-pre-next {
margin: 20px 12px;
}
.saishi_ul{
display: flex
;
flex-wrap: wrap;

}

.saishi_li {
height: 50px;
line-height: 50px;
}


.saishiming_15 {
line-height: 50px;
margin: 5px;
padding: 5px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}



.panel .tit {
margin-bottom: 10px;
padding: 10px 0;
border-bottom: #e8e8e8 solid 1px;
}

.panel .tit span {
font-size: 20px;
display: block;
color: #323233;
padding-left: 15px;
}


/* 手机屏幕 */
@media screen and (max-width: 768px){
/* 设备小于768px加载样式 */
.game {
margin: 15px 0;
height: 150px;
border-bottom: 1px solid #f2f2f2;
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
}

.vs1 {
display: flex;
width: 100%;
height: 35px;
line-height: 35px;
float: left;
position: relative;
font-size: .68rem;
overflow: hidden;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}

.time {
width: 20%;
left: 0;
color: red;
font-size: 14px;
}


.name {
width: 75%;
display: block;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.vs2 {
width: 100%;
float: left;
position: relative;
word-break: break-word;
overflow: hidden;
}

.player1 {
width: 100%;
text-align: center;
color: #333;
font-size: 17px;
display: block;
overflow: hidden;
padding-top: 1px;
}
.zbj {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.vs3 {
font-size: 14px;
height: 35px;
line-height: 35px;
margin: 0 5px;
}

}
.box-gxsj{margin-bottom: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .14);
    border: 5px solid transparent;
    border-radius: 6px;
    background-color: #fff;
    min-width: 310px !important;}


.top20{margin-bottom: 20px;}

.xxk {
    border-top: 2px solid #202123;
    background: #fff
}

.xxk ul {
    height: 65px;
    background: #f7f9fa;
    box-shadow: 0 2px 3px #ddd
}

.xxk span.on {
    background: #202123;
    color: #FFF
}

.xxk span {
    height: 50px;
    line-height: 50px;
    margin-right: 2px;
    background: #f7f9fa;
    text-align: center;
    padding: 0 12px;
    float: left;
    cursor: pointer
}

.itemp {
    display: flex;
    height: 120px;
    overflow: hidden;
    white-space: nowrap;
    overflow-x: auto;
    background: #fff;
    padding: 0 5px 10px
}

.itemp a {
    background: #fff;
    box-shadow: 0 0 4px 0 #dfdfdf;
    margin: 5px;
    padding: 5px;
    width: 110px;
    height: 100px;
}

.itemp a img {
    width: 65px;
    height: 65px;
    display: block;
    margin: 0 auto
}

.itemp a span {
    height: 30px;
    line-height: 30px;
    display: block;
    text-align: center
}

.hide {
    display: none
}

@media screen and (max-width: 768px) {
    .xxk ul {
        display: flex;
        overflow: hidden;
        white-space: nowrap;
        overflow-x: auto
    }
}