.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}
body{margin: 0;}
.head{width: 100%;margin: 0;background-color: #fff;min-height:80px;}
.container{width: 100%;max-width: 1200px;margin: 0 auto;min-height: 80px;}
.head .logo img{width: 100%;min-width: 120px;max-width:160px;}
.head .header{display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.head .logo{display: flex;align-items: center;}
.head .topul{display: flex;flex-direction: row;align-items: center;min-height: 35px;}
.head .topul a{display: block;color: #000;min-width: 90px;text-decoration: none;font-size: 16px;text-align: center;font-weight:900;}
.head .topul a:hover{color: red;}
.head .navul_2{background-color:#FFC107;min-height:50px;display:flex;align-items:center;justify-content:space-around;overflow:hidden;overflow-x:auto;white-space:nowrap;}
.head .navul_2 a{text-decoration:none;color:#000;font-weight:500;text-align:center;min-width:50px;}
.head a:hover{color: red;}
.head .navul_2::-webkit-scrollbar{display:none;}

.wheel{padding:20px 0}

#whelun { width: 100%; margin-left: auto; margin-right: auto;}
#whelun .owl-item{ display: block; margin:0;}
#whelun .owl-controls{display: block;}
#whelun .owl-buttons{display: flex;width: 100%;position: absolute;justify-content: space-between;top:40%;}
#whelun .owl-pagination{display:none;}

.details{width: 100%;margin: 0;}
.detail_1{display: flex;align-items: center;justify-content: flex-start;margin:10px 0;}
.detail_1 h2{width: 25%;color: #383b3d;font-weight: 700;min-width: 120px;font-size:2.4em;margin:10px 0;}
.detail_1 hr:nth-child(2){width: 10%;border: 0;background: #fc8c2c;height: 3px;margin: 0;min-width:70px;}
.detail_1 hr:nth-child(3){width: 80%;border: 0;height: 1px;background: #8e8e8e;margin: 0;}
.detail_2{padding:0;border-bottom:1px solid #8e8e8e ;}
.detail_2 a{color: #676464;text-decoration: none;font-size:18px;min-width: 110px;display: inline-block;}
.detail_2 a span{border-bottom: 3px solid #fff;padding-bottom: 10px;display: inline-block;}
.detail_2 a:nth-child(1) span{border-bottom: 3px solid #fc8c2c;color: #fc8c2c;font-weight: 900;}
.detail_3,.detail_3 .date {padding: 10px 0;}
.detail_3 .date{background-color:#f8f8f8;text-align:center;}
.detail_3 .date span{color: #000;font-size:15px;font-weight:900;}
.wss{text-align:center;color:#000;font-size:15px;font-weight:800;background-color:#f8f8f8;padding:8px 0;}
.detail_3 .event{display: block;width: 100%;}
.detail_3 .eventli{display: flex;flex-direction:row;align-items: center;min-height: 70px;border-top:1px solid #eee ;justify-content: space-between;}
.detail_3 .eventli .lileft{display: flex;width: 40%;align-items: center;justify-content: space-between;line-height:30px;padding:0 20px}
.detail_3 .eventli .liright{display: flex;width: 50%;align-items: center;justify-content:space-between;}
.lileft span:nth-child(1){color:#8e8e8e;}
.lileft a{text-decoration:none;color:#000;}
.lileft a:nth-child(2) span:hover{color:#f07800;}

.lileft span:nth-child(3){color:#1c9cfc;}
.liright .litext{display: flex;align-items: center;color: #8e8e8e;}
.liright .litext:hover{color:#f07800;}
.liright .litext span{margin: 0 10px;font-size: 15px;/*min-width: 70px;*/overflow: hidden;white-space:nowrap;text-overflow: ellipsis;max-width:110px;}
.liright .litext b{font-size: 16px;margin:0 5px;}
.liright .liimg{color: #1c9cfc;border: 1px solid #1c9cfc;font-size: 14px;display: flex;align-items: center;padding: 4px 5px;margin-right:20px;border-radius:5px;}
.liright .liimg i{display: flex;margin-right:5px;}
.liright  a{text-decoration:none;}
.friend{background-color: #383838;height: auto;width: 100%;}
.friend .frli{padding: 15px 0;width: 100%;}
.friend .frtop{margin: 8px 0;color: #adadad;font-size: 16px;display: flex;align-items: center;}
.friend .frtop i{display:block;width: 8px;height:18px;background-color: #fc8c2c;margin-right: 4px;}
.friend .frbottom a{justify-content: space-between;margin: 0 10px;color: #adadad;font-size: 16px;display: flex;align-items: center;text-decoration: none;min-width:90px;}
.friend .frbottom span{display: block;margin-left: 10px;}
.friend .frbottom {display: flex;flex-wrap: wrap;}

.footer{background-color: #2e2e2e;width: 100%;}
.footer .fo{padding:15px 0;width: 100%;display: flex;flex-direction: column;align-items: center;margin: 0 auto;}
.fo .f-p p{font-size: 12px;text-align: center;color: #7e7e7e;}
.fo .f-ul{display: flex;align-items: center;justify-content: center;}
.fo .f-li a{font-size: 14px;text-decoration: none;color: #7e7e7e;display: flex;padding: 0 10px;border-right: 1px solid #7e7e7e;line-height: 1;margin: 5px 0;}
.fo .f-li:last-child a{border:0;}
.fo .f-h5 h5{font-size: x-small;text-align:center;color: #7e7e7e;}

.friend .frbottom a:last-child span{display: none;}
.detail_3 .eventli:last-child{border-bottom: 1px solid #eee;}
/* .delist{position: absolute;} */
.delist img{width: 100%;min-height: 150px;}
.live{background:url(/style/img/lt_bg.jpg) no-repeat;height: 270px;min-height: 180px;}
.live .liveul{display: flex;align-items: center;height: 100%;justify-content: center;}
.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 ;}
.living{color:red !important}
.detail_5{padding:10px 5px;min-height: 30px;font-size: 14px;border-bottom: 1px solid #eee;}
.detail_5 a{color: #000;text-decoration: none;}
.playlive{padding:10px 5px;display: flex;flex-direction: column;}
.playtop{display: flex;align-items: center;border-bottom: 1px solid #eee;}
.playtop h3{margin: 10px 5px;}
.playtop span{color: #8e8e8e;font-size: 12px;}
#tiao{padding: 20px 0 !important;text-align: left !important;}
#tiao a{color: #fff;font-weight: 900;text-decoration: none;display: block;margin: 0 10px;border-radius: 10px;border: 1px solid #fc8c2c;background-color: #fc8c2c;}
#tiao a{font-size: 14px !important;min-width: 90px !important;border-radius: 20px !important;}
#epp{height: 40px;display: flex;justify-content: center;align-items: center;cursor: pointer;}
#epp span{cursor: pointer;color: #8e8e8e;font-size:15px;font-weight:900;}
#epp span:hover{color:#fc8c2c;}
.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;}
.detail{min-height: 160px;background: #333;color: #fff;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;}
#recentlyMatch .match-item .time-type .type.live{height:25px;min-height:20px;background:0;}

#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;justify-content:center;}

.detailx{display：flex;flex-direction:column;}
.detailx .x_top{text-align:center;padding:10px 0;background-color:#fc8c2c;opacity: 0.8;}
.detailx .x_top h3{color:#fff;margin:0;}
.detailx .x_lia{display:flex;flex-wrap:wrap;padding:20px 5px;background-color:#f9f9f9;}
.detailx .x_lia a{border:1px dashed #fc8c2c;padding:3px 6px;text-align:center;margin:3px 5px;color:#000;text-decoration:none;}
.wbj{margin:10px 0;}
.breadcrumbs{padding:6px 4px;background-color:#f8f8f8;}
.breadcrumbs a{color:#000;text-decoration:none;}
.breadcrumbs a:hover{color:#fc8c2c;}
.team a{color:#fff;text-decoration:none;}
a{text-decoration:none;}
.details-info{padding:12px}
@media (max-width:668px) {
    .head .header{flex-direction:column;}
    .live .live_3,.live .live_1{flex-direction: column-reverse;}
    .live .live_1 h4,.live .live_3 h4{font-size: 14px;}
    .live .live_2 .livelist span:nth-child(1),.live .live_2 .livelist span:nth-child(3){display: none;}
}
@media (max-width:668px) {.detail{flex-direction: column;padding: 10px;}}
@media (max-width:500px) {
    .head .topul a:nth-child(1){display: none;}
    .detail_2 a{min-width: 90px;}
    .detail_1 h2{font-size: 22px;}
}
@media (max-width:768px) {
    .head .navul_2{justify-content:flex-start;}
    .liright .litext span{max-width:90px;}
    .detail_3 .eventli{flex-direction: column;padding: 10px 0;}
    .detail_3 .eventli .lileft,.detail_3 .eventli .liright{width: 100%;padding:0;}
    .live .liveul{justify-content:space-around;}
    .lileft a:nth-child(3){margin-right:20px;}
    .lileft span:nth-child(1){margin-left:10px;}
}
@media (min-width:1920px) {
    .detail_1 h2{font-size:1.8em;}
}