ul, li { list-style: none; }

a { text-decoration: none; color: #000; }

a:hover { color: #cc0000; text-decoration: none; }
.navs a{font-size:14px;line-height:34px;height:34px;background:#f1f1f1;padding:3px 10px;margin:5px 5px 0 0;border-radius:3px;transition:all .2s;color:#525252;white-space:nowrap;}
.navs a:hover{background:#019e7b;color:#fff !important}
body{background-color: #f5f5f5;margin: 0;padding: 0;}
.head{width: 100%;background-color: #FF4D4D;display: block;min-height: 60px;}
.head img{width: 220px;height: 60px;min-width: 140px;}
.head a{display: block;height: 60px;}
.head-cd1{display: flex;align-items: center;width: 100%;max-width: 1200px;margin: 0 auto;}
.head-nav img{width: 20px;height: 12px;min-width: 20px;display: block;position: absolute;bottom: 0;display: none;}
.head-nav{display: flex;margin-left: 20px;align-items: center;}
.head-nav a{display:flex;align-items:center;text-decoration: none;color: #fff;min-width: 70px;justify-content: center;position: relative;font-size:16px;font-weight:900;}
.head-nav a:nth-child(1) img{display: block;}
.head-inner{width: 100%;background-color: #fff;min-height: 50px;display: block;}
.head-inul{display: flex;align-items: center;width: 100%;max-width: 1200px;margin: 0 auto;min-height: 50px;overflow-x: auto;}
.head-inul a{text-decoration: none;color: #000;font-size: 14px;min-width: 64px;display: flex;justify-content: space-around;}
.head-inul a:hover{color: #FF4D4D;}
.bai a{display:flex;align-items:center;text-decoration: none;color: #fff;min-width: 70px;justify-content: center;position: relative;font-size:16px;font-weight:900;}
.bai  a:hover{color: #fff000;}
/*.head-inul a::before{content: '·';}*/
/*.head-inul a:nth-child(1):before{display: none;}*/

.midden{width: 100%;display: block;padding-top: 20px;}
.container{width: 100%;max-width: 1200px;margin: 0 auto;background:#fff;}
.live-top-video{display: flex;align-items: center;background:#fff;padding-left:10px;}
.live-top-video h4{margin: 5px 0;font-weight: 900;font-size:20px;}
.live-box{background-color: #fff;min-height: 150px;}
.live-box .live-top-ul{display: flex;min-height: 50px;align-items: center;border-bottom: 1px solid #e2e2e2;}
.live-box .live-top-ul a{display: block;color: #000;text-decoration: none;font-size: 14px;padding: 3px 15px;margin: 0 8px;text-align: center;border: 1px solid #eee;border-radius: 30px;}
.live-box .live-top-ul a:nth-child(1){background-color: #FF4D4D;border-color: #FF4D4D;color: #fff;}

.live-time{display: flex;padding: 10px 0;flex-direction: column;}
.live-time .live-date{margin: 8px 0;min-height: 30px;color: #FF4D4D;align-items: center;background-color: #FCEEED;max-width: 160px;border-radius: 0 50px 50px 0;}
.live-time .live-date b{background-color: #FF4D4D;width: 5px;height: 5px;border-radius: 50%;margin: 0 10px;}
.live-time .live-date span{font-size: 14px;}
.live-list{display: flex;min-height: 50px;align-items: center;position: relative;justify-content: space-around;padding-left: 20px;}
.live-list img{width: 18px;height: 30px;position: absolute;left: 0;}
.live-list a{font-size:14px;text-decoration: none;color: #000;font-weight: 900;}
.live-list a:hover{color: #FF4D4D;}
.live-list a:nth-child(4) span{margin: 0 8px;min-width:80px;max-width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;}
.live-list a:nth-child(4){display: flex;align-items: center;justify-content:center;min-width:45%}
.live-list a:nth-child(3){min-width:20%;text-align:center;}
.live-list a:nth-child(5){color: #FF4D4D;}
.live-list span{font-size: 14px;}
.live-list:nth-child(even){background-color: #FCFCFC;}
.footer{width: 100%;margin-top: 20px;background-color: #212224;}
.friend_link_box{padding:10px 0;display: flex;flex-direction: column;border-bottom: solid 1px #161617;}
.friend_link_box .friend-live{color: #fff;font-size: 18px;font-weight: 900;margin-bottom: 10px;}
.friend_link_box .friend-list{display: flex;flex-wrap: wrap;padding:10px 0;}
.friend_link_box .friend-list a{color: #8D93A1;display: block;margin-right:20px;font-size: 14px;text-decoration: none;}
.copyright{padding:  0;color: #8D93A1;font-size: 14px;text-align: center;}
.copyright p{margin: 3px 0;font-size: 14px;}
.copyright p:nth-child(3){margin: 8px 0;}
.foota{display: flex;align-items: center;padding:10px 0;justify-content: center;}
.foota a{color: #999;font-size: 14px;text-decoration: none;display: block;min-width: 70px;text-align: center;border-right: 1px solid #999;}
.foota a:last-child{border-right: 0;}
.foota a:hover{color: #fff;}
.footp p{font-size: 14px;color: #999;text-align: center;}

.link-danger{margin: 10px 0;font-size: 13px;}
.link-danger a{color: #8D93A1;text-decoration: none;font-size: 13px;}
.detail{min-height: 160px;background:#fff;color: #333;display: flex;align-items: center;}
.detail-img{display: flex;min-width: 180px;align-items: center;justify-content: center;}
.detail-img img{width:100px;height: 100px;}
.details-info p{margin: 5px 0;font-size: 13px;color: #8D93A1;}
.jshao{padding: 10px 5px;display: flex;flex-direction: column;background-color: #fff;}
.jshao .jshao1,.jshao .jshao2{display: flex;flex-direction: column;min-height: 40px;}
.jshao .jshao1 h4,.jshao .jshao2 h4{margin: 5px 0;color: #000;font-size: 16px;}
.jshao .jshao1 p,.jshao .jshao2 p{font-size: 14px;color: #212224;}
.live-top-video h4{color:#FF4D4D;}
.live{background: linear-gradient(-90deg,#201c3c,#381c30);height:auto;min-height: 180px;}
.live .liveul{display: flex;align-items: center;height: 100%;justify-content: space-evenly;padding:20px 0;}
.live .live_1{display: flex;align-items: center;}
.live .live_3{display: flex;align-items: center;flex-direction: row-reverse;}
.live .live_1 img,.live .live_3 img{width: 80px;height: 80px;}
.live .live_1 h4,.live .live_3 h4{color: #fff;font-size: x-large;margin: 0 10px;}
.live .live_2{display: flex;flex-direction: column;align-items: center;}
.live .live_2 h5{color: #8e8e8e;margin: 10px 0;font-size: 16px;}
.live .live_2 h2{font-size: 3em;color: #fff;margin: 10px 0;}
.live .live_2 .livelist{color: #8e8e8e;display: flex;align-items: center;}
.live .live_2 .livelist span:nth-child(2){margin: 0 10px ;}
.live .live_2 span:nth-child(3){font-size:24px;color:#fff;font-weight:900;}
.live .live_2 p:nth-child(4){color:#fff;font-size:16px;}
.related{display: flex;flex-direction: column;background-color: #fff;width: 100%;margin: 10px 0;}
.related .relat_table{min-height: 40px;background-color: #FF4D4D;color: #fff;font-size: 16px;display: flex;align-items: center;padding-left: 10px;}
.related .relat_title{display: flex;flex-wrap: wrap;padding: 10px;}
.related .relat_title a{font-size: 14px;text-decoration: none;color: #000;padding: 6px 12px;margin:0 5px;}
.related .relat_title a:hover{color: #FF4D4D;}
#recentlyMatch .match-item .time-type .type.live{height:25px;min-height:20px;background:0;}
#tiao{padding: 20px 0 !important;}
#tiao a{font-size: 14px !important;min-width: 90px !important;border-radius: 20px !important;}
.breadcrumbs{padding:6px 4px;background-color:#f8f8f8;}
.breadcrumbs a{color:#000;text-decoration:none;}
.breadcrumbs a:hover{color:#FF4D4D;}
.team a{color:#8D93A1;text-decoration:none;}
.team a:hover{color:#FF4D4D}
.wss{background-color:#f9f9f9;padding:8px 5px;}
#gotoTop img{display: block;width: 40px;height: 40px;object-fit: cover;position: fixed;right:0;bottom: 10%;cursor: pointer;}
.hide{display:none !important;}
.detail_3 .eventli[data-show="hide"]{display:none;}
[data-show="hide"]{display:none}
[data-show="show"]{display:flex;}
#epp{padding: 10px 0;display: flex;align-items: center;justify-content: center;}
#epp span{display: block;border: 1px solid #FF4D4D;padding: 7px 20px;font-size: 14px;border-radius: 20px;cursor: pointer;}
#epp span:hover{background-color:#FF4D4D;color:#fff;}
.live .liveul a{text-decoration:none;}
.over,.will{color:#8e8e8e !important;}
@media (max-width:768px) {
    .live-list a:nth-child(4) span{display: inline-block;max-width:62px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;min-width: 50px;}
    .live-box .live-top-ul a{margin: 0 3px;}
    .head-cd1{display: flex;flex-direction: column;}
    .head-inul{scrollbar-width:none;}
    .head-inul::-webkit-scrollbar{display:none;}
    .live .live_1 h4, .live .live_3 h4{font-size: 14px;}
    .live .live_1,.live .live_3{flex-direction: column-reverse;}
    .head-nav a{height:40px;min-width:80px;}
    .head-nav{margin-left:0;}
    .live-list a:nth-child(3){max-width:60px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    .detail{flex-direction:column;padding:15px;}
}