body{font-family:"microsoft yahei";}
a{color:#000;}
#dark{
   background-color: #fff !important;
}
.view-content img {
    width: 500px;
}
.gundongi::-webkit-scrollbar-thumb {
    background-color: #cacaca;
}
.gundongi::-webkit-scrollbar-track {
    background: transparent;
}
.gundongi::-webkit-scrollbar {
    width: 4px;
    height: 10px;
}
.gundongi{
    
    display: flex;
    justify-content: flex-start;
    text-align: left;
    flex-direction: column;
    line-height: 25px;
    height: 778px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
.indexveo{
    
    height: 36px;
    line-height: 18px;
    font-size: 14px;
    color: #1e2830;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.vietongji dd {
    padding: .16rem .2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #666;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}
.vietongji dd:nth-child(even) {
    background: #fff;
}
.vietongji dd span:first-child {
    text-align: left;
    flex-shrink: 0;
    width: 8rem;
    margin-right: .8rem;
    display: block;
    white-space: normal;
}
.vietongji dd span {
    /* white-space: nowrap; */
    text-align: center;
    width: 2.8rem;
    flex-shrink: 0;
}

.vietongji {
    overflow-x: scroll;
    position: relative;
    
   
}

.vietongji dd {
    width: 160%;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.league-match-nav {
    display: flex;
    align-items: center;
    height: 2.125rem;
    
}
.league-match-nav {
    width: auto !important;
    overflow: hidden;
    overflow-x: auto;
    margin: auto;
    padding: auto;
    display: flex;
    
}
.league-match-nav b {
        flex-shrink: 0;}
.league-match-nav a {
        flex-shrink: 0;
   
    font-family: Helvetica-Bold;
    height: 2.125rem;
    line-height: 2.125rem;
        text-align: center;
}
.fudong{position: sticky;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;}
.view-a a{
    float: left;
    width: 100%;
    line-height: 2.25rem;
    font-size: 0.875rem;
    background: url(/images/luxiang.png)left 10px no-repeat;
    text-indent: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.img-item {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #000 !important;
}
.play {
    z-index: 99;
    position: absolute;
    left: .61rem;
    bottom: .56rem;
    display: flex;
    align-items: center;
    
}
.lazy{width:34px;height:34px;}
.lazysm{width:34px;height:34px;}
.jfimg{width:36px;height:36px;}
.viwsm{height:60px;}
.imgbg{
  display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: .8rem;
    margin: unset;
    background: #ffffff;
    overflow: hidden;
    flex-shrink: 0;  
}
.main{
   background-color: #141414 !important;
}
.sbifen{width: 100%;color:#fff;margin: 0 auto;background-color: #3553cc;}
			.mt-bssj-l-2{display: flex;
    align-items: center;}
            .t-logo{width: 30px;
    height: 30px;}
    .s-logo{max-width: 100%;
    max-height: 100%;}
            
            .f-left {
    margin-left: 10px;
    text-align: left !important;
    justify-content: flex-start;
}
.wenzlb{
height:40px;

}	
.wenzian{cursor:pointer;
    
    	    border: 1px solid #1a87d3;
    	    background-color: #f0f8ff;

    	    padding: 4px;

}

.wenzian:hover{
    
    	    background-color: #1a87d3;
            color: #fff;
    	    padding: 4px;

}	
	
.parent {
  display: flex;
}

.lefts {
  order: 2;
  float:right;
}

.rights {
  order: 1;
  float:right;
}

.txtmcr{text-align:right;}
.txtmcl{text-align:left;}
.boxbg{background:#e5e7eb;}
.boxbg1{background:#fff;}
.boxbg2{background:#ffe7de;}
#wenzi li {
	width: 100%;
	display: flex;
	line-height: 30px;
	background:#fff;
}

#wenzi li .imgBox {
	width: 35px;
	height: 40px;
	padding-top: .32rem;
    padding-left: .32rem;

	flex-shrink: 0;
}

#wenzi li .tIcon {
	background-repeat: no-repeat;
	background-position: 50%;
	width: .3rem;
	height: .3rem;
	display: inline-block;
	background-size: auto .3rem;
}

#wenzi li .imgBox .tlive0 {
	background: url(../images/ico0.png) no-repeat;
	width: 30px;
	height: 30px;
}
#wenzi li .imgBox .tlive18 {
	background: url(../images/ico0.png) no-repeat;
	width: 30px;
	height: 30px;
}
#wenzi li .imgBox .tlive22 {
	background: url(../images/ico0.png) no-repeat;
	width: 30px;
	height: 30px;
}
#wenzi li .imgBox .tlive1 {
	background: url(../images/ico1.png) no-repeat;
	width: 30px;
	height: 30px;
}
#wenzi li .imgBox .tlive21 {
	background: url(../images/ico1.png) no-repeat;
	width: 30px;
	height: 30px;
}
#wenzi li .imgBox .tlive2 {
	background: url(../images/ico2.png) no-repeat;
	width: 30px;
	height: 30px;
}

#wenzi li .imgBox .tlive3 {
	background: url(../images/ico3.png) no-repeat;
	width: 30px;
	height: 30px;
}

#wenzi li .imgBox .tlive4 {
	background: url(../images/ico4.png) no-repeat;
	width: 30px;
	height: 30px;
}

#wenzi li .imgBox .tlive5 {
	background: url(../images/ico5.png) no-repeat;
	width: 30px;
	height: 30px;
}

#wenzi li .imgBox .tlive6 {
	background: url(../images/ico6.png) no-repeat;
	width: 30px;
	height: 30px;
}

#wenzi li .imgBox .tlive7 {
	background: url(../images/ico7.png) no-repeat;
	width: 30px;
	height: 30px;
}

#wenzi li .imgBox .tlive8 {
	background: url(../images/ico8.png) no-repeat;
	width: 30px;
	height: 30px;
}

#wenzi li .imgBox .tlive9 {
	background: url(../images/jh.png) no-repeat;
	width: 30px;
	height: 30px;
}

#wenzi li .imgBox .tlive10 {
	background: url(../images/ico0.png) no-repeat;
	width: 30px;
	height: 30px;
}

#wenzi li .imgBox .tlive11 {
	background: url(../images/ico11.png) no-repeat;
	width: 30px;
	height: 30px;
}

#wenzi li .imgBox .tlive13 {
	background: url(../images/ico13.png) no-repeat;
	width: 30px;
	height: 30px;
}

#wenzi li .imgBox .tlive14 {
	background: url(../images/ico14.png) no-repeat;
	width: 30px;
	height: 30px;
}

#wenzi li .imgBox .tlive15 {
	background: url(../images/ico15.png) no-repeat;
	width: 30px;
	height: 30px;
}

#wenzi li .imgBox .tlive16 {
	background: url(../images/ico16.png) no-repeat;
	width: 30px;
	height: 30px;
}

#wenzi li .imgBox .tlive17 {
	background: url(../images/ico17.png) no-repeat;
	width: 30px;
	height: 30px;
}

#wenzi li .imgBox .tlivezhugong {
	background: url(../images/zhugong.png) no-repeat;
	width: 30px;
	height: 30px;
}

#wenzi li .content {
	width: 100%;
	
    background: #fff;
	border-radius: .26rem;
	padding: .14rem .4rem .14rem .14rem;
	position: relative;
}

#wenzi li .content p {
	line-height: 1.5rem;
	

	line-height: 24px;
	    font-size: 12px;
	  
	    color: #393939;
}

#wenzi li .content .aColor1 {
	background: #f6bd35;
}
#wenzi li .content .aColor0 {
	background: #00cfbe;
}

#wenzi li .content .colorBar {
	position: absolute;
	right: .15rem;
	width: 0.5rem;
	display: block;
	height: calc(100% - .44rem);
	top: .22rem;
	/* border-radius: .06rem; */
}	

.gundong::-webkit-scrollbar-thumb {
    background-color: #0dad6d;
}
.gundong::-webkit-scrollbar-track {
    background: transparent;
}
.gundong::-webkit-scrollbar {
    width: 8px;
    height: 10px;
}
.gundong{
    
    display: flex;
    justify-content: flex-start;
    text-align: left;
    flex-direction: column;
    line-height: 25px;
    height: 480px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.gundongwz::-webkit-scrollbar-thumb {
    background-color: #0dad6d;
}
.gundongwz::-webkit-scrollbar-track {
    background: transparent;
}
.gundongwz::-webkit-scrollbar {
    width: 8px;
    height: 10px;
}
.gundongwz{
    
    display: flex;
    justify-content: flex-start;
    text-align: left;
    flex-direction: column;
    line-height: 25px;
    height: 460px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
.fs-10{font-size:0.85rem}
.fs-8{font-size:0.85rem}

.fs-9{font-size:0.75rem}
@media screen and (max-width: 600px) {
  .view-content img {
    width: 100%;
}
  .lazy{width:30px;height:30px;}
   .lazysm{width:30px;height:30px;}
  .fs-10{font-size:0.60rem}
  .viwsm{width:60px;height:60px;}
  .jfimg{width:32px;height:32px;}
  .lefts {
    order: 1;
  }
.fs-8{font-size:0.75rem}
  .rights {
    order: 2;
  }
  .txtmcr,.txtmcl{text-align:center;}
}
.muluh {
    height: 560px;
}
.hicr {
    padding: 5px 5px 5px 5px;
    border-radius: 16px;
    color: #ffde00;
    font-size: 14px;
}
.bgview{background-color: #fff !important;}
a {
  text-decoration: none;
}


.bg-secondary-b{ background-color: #272727 !important;}
/*header*/
nav#header {
    background-color: #1986d3 !important;
}
#header::before, #header .container::before {
    background-color: #1986d3;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
}
#header .logo-banner {
    overflow-y: clip;

}

.logo-banner a{
    position: relative;
     z-index: 2;
     
    }
.logo-banner img {
        height: 50px;
        max-height: 100%;
        width: auto;
        margin: 0 auto;
        display: block;
}
.xc {
    position: absolute;
    height: 100%;
    width: calc(100% - 25px);
    left: 0;
    z-index: -1;
}
.xc::before {
    background-color: #dc3545;
    content: "";
    position: absolute;
    /* right: 0px!important; */
    bottom: 12px;
    right: -50px;
    height: 200%;
    transform: rotate(15deg);
    width: 100%;
    z-index: 1;
}
#navbar>ul>li>a:hover {
    background-color: #0052cc;
    color: #fff;
}
header>nav#header,
#header #navbar {
    background-color: #1986d3;
    color: var(--scl-head-text);
    z-index: 1;
}

header>#header .container {
    position: relative;
    z-index: 1;
    padding: 0;
}

header>#header li a {
    color: var(--scl-head-text);
    text-transform: uppercase;
    font-weight: 550;
}
.main-menu {
    background-color: #fff;
    border-top: 1px solid #eee;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
    max-width: 1140px;
    margin: 0 auto;
}
#navbar {
    padding-left: 25px;

}.btn-right-align {
  float: right;
}
.navbar-nav a.nav-link {color:#FFFFFF !important ;   font-weight: 500 !important;} 
.navbar-nav a.nav-link {
    padding: 8px 15px;
    position: relative;
    z-index: 1;
    display: block;
    height: 100%;
    align-items: center;
    height: 50px;
    display: grid;
    overflow-y: clip;
}

.navbar-nav a.nav-link:hover {color:#fff  !important ;}
.textwidget p {
    margin-bottom: 5px;
}
.menu-cuoc-one88 a,.menu-cuoc-fabet a {
    background: #ffc107;
    color: #000 !important;
}
.menu-top-nha-cai a {
    background: #dc3444;
    color: #fff !important;
}
.list-channel .textwidget p,.logo-banner .textwidget p,.list-channel p{margin-bottom: 0px !important;}
#header .textwidget p,.content_page .textwidget p{margin-bottom: 5px;}
.list-channel {    margin-bottom: 15px;}
.entry-content ul{padding-left: 20px;}
.entry-content ul li{list-style-type: disc;}
#menu-main-menu li.style-4 a {
  background: #eded0b;
  color: #333;
  /* border-radius: 4px; */
  /* font-family: Open Sans; */
  font-style: normal;
  font-weight: 700;
  /* font-size: 12px; */
  /* line-height: 17px; */
  text-transform: uppercase;
  /* padding: 8px 7px; */
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {color: #212529;}
.title_box h1,  .title_box h2, .title_box h3, .title_box h4,.title_box h6, .title_box span {
    padding: 20px 15px;
    background-color: #303030;
    font-size: 20px;
    color: white;
    display: block;
    width: fit-content;
    position: relative;
}
.title_box h1::after{
    content: "";
    width: 50px;
    height: 100%;
    border-bottom-right-radius: 100%;
    display: block;
    background-color: #303030;
    position: absolute;
    right: -50px;
    top: 0;
}
/*fitter*/
.list-filter {position: static;transform: inherit;}
.list-filter li a {
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    padding: 6px 12px;
    color: #fff;
    
    box-shadow: 0 0 3px rgb(0 0 0 / 50%);
    text-transform: uppercase;
   
}
.list-filter li :hover{color: #fff2c7;}
.list-filter a span {
    font-style: normal;
    font-weight: 500;
      line-height: 18px;
    color: #ffffff;
    padding: 1px 8px;
    background: #bc8f8f;
    border-radius: 20px;
    margin-left: 6px;
}

.list-filter li a.active {
    background: #01b243;
    color: #FFF;
}
@media  screen and (max-width: 991px) {
    .list-filter {gap: 5px;}
    .list-filter li {
        flex: 1 1 30%;
        margin: 0;
    }
    .list-filter li a{ width: 100%;}
    .title_box h1::after {
        content: "";
        width:0px;
        height: 100%;
        border-bottom-right-radius: 100%;
        display: block;
        background-color: #303030;
        position: absolute;
        right: -50px;
        top: 0;
    }
}
.bgtm{background-color: rgba(0, 0, 0, 0.5);}
.xemmore:hover{background-color:#01b243 !important}
.watch{background-color:#01b243 !important}
.nwatch{background-color:#636363 !important}
/*match*/
.match-card-hot{     background: #dd3333;
    background-image: url(/img/matchbg.png);
    background-position: center center;}
.team_logo{max-width: 60px;height: 60px;}
.match_status span{}
.match-card-now{
    background-color: var(--scl-normalmatch);
    background-image: url(/img/matchbg.png);
    background-position: center center;
    background-size: cover;
    
    }
.match-card-commentator{background: url(/img/matchbg.png) no-repeat;background-size: cover; background-position: center;}
.match-card-today{background: url(/img/matchbg.png) no-repeat;background-size: cover; background-position: center;}
.match-card-tomorrow{background: url(/img/matchbg.png) no-repeat;background-size: cover; background-position: center;}
.match-card-all{background: url(/img/matchbg.png) no-repeat;background-size: cover; background-position: center;}

.match-content{background: url(/img/bg-match-header.png) no-repeat;background-size: cover; background-repeat: no-repeat;}



.match-play-box{width: 100%;height: 400px;line-height: 400px;background: url(/images/viwbg.png) no-repeat;}
.fa-play {
  background: url(/img/play-solid.svg) no-repeat;
  display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
}
.match-content-chat ul li{background-color:#dddddd}
.match-chat .tab-pane{width: 100%;}

.match-animation-box{width: 100%;}

.match-content-chat .nav-link.active{background-color:#141414}
.match-content-chat .nav-link a{color:#ffffff}
.match-content-wz ul li{background-color:#c9e5ff}
.match-content-wz .nav-link.active{background-color:#004090}
.match-content-wz .nav-link a{color:#ffffff}


.vs-list{background-color:#525252;}
.vs-left{width:45%}
.vs-right{width:45%}
.vs-center{width:10%}
@media  screen and (max-width: 991px) {
  .match-content .team-home img,.match-content .team-away img{width: 50px; height: 50px;}
  .match-play-box{width: 100%;height: 200px;line-height: 200px;background-size: cover; background-size: cover;}
  .match-chat .tab-pane{width: 100%;height: 300px;}
  .gundong{height:280px;}
  .gundongwz{height:280px;}
  .match-animation-box{width: 100%;}
  .vs-left{width:40%}
.vs-right{width:40%}
.vs-center{width:20%}
}
@media  screen and (max-width: 360px) {
.list-filter li a {
    font-size: 12px;
}
.fs-8{font-size:0.65rem}
.fs-10{font-size:0.50rem}
  .match-animation-box{width: 100%;}
  .vs-left{width:40%}
.vs-right{width:40%}
.vs-center{width:20%}
}

/*newscontent*/
/**/
  .news-item .caption {
  padding: 25px 15px;
  display: inline-block;
  width: 100%; 
      color: #fff;
  }

.news-item p.title {
  font-size: 17px;
 

  margin-bottom: 15px;
      overflow: hidden;
    text-overflow: ellipsis;
      display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    
}
.news-item img{height:208px}
.news-item p.time {
  float: right;
  display: inline-block;
  margin-bottom: 0 !important;
  font-size: 13px;
  color: #545454; }

.news-item p.date {
  float: left;
  display: inline-block;
  font-size: 13px;
  color: #545454;
  margin-bottom: 0 !important; }

.news-item p.time span, .news-item p.date span {
  margin-right: 5px; }
.content-img, svg {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.content-img, svg {
    vertical-align: middle;
}
.content-img img{
    display: block;
    margin: auto;
}

/*about*/

.metismenu-card{    background-color: #f7f7f7;}

/*footer*/
.menu{list-style: none;}
.menu li a{color: #01b243;}
.menu{list-style: none;}
.widget-title{padding-left: 15px;border-color: #01b243 !important;color: #01b243;}