.breadcrumbs {
    border-bottom: 1px solid #eef3f8;
    color: #8e8e8e;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
}
.breadcrumbs ul, .breadcrumbs ul li {
    align-items: center;
    display: flex;
}
.breadcrumbs ul, .breadcrumbs ul li {
    align-items: center;
    display: flex;
}
a {
    color: inherit;
    text-decoration: inherit;
}
.tags .label{
    height: 28px;
    line-height: 28px;
}
.article_tags{
    margin-bottom: 20px;
}
.nuxt-svg-icon {
    align-items: center;
    display: inline-flex;
    justify-content: center;
}
.breadcrumbs ul li .nuxt-svg-icon {
    margin: 0 5px;
    --svg-icon-fill: #8e8e8e;
}
.bg-white{
    padding: 20px;
    background-color: #fff;
    margin-bottom: 10px;
}
.content .title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 19px;
    padding-top: 31px;
}
.content .article-info{
    align-items: center;
    color: #8e8e8e;
    display: flex;
    font-size: 14px;
    padding-bottom: 27px;
    justify-content: space-between;
}
.content .article{
    padding-bottom: 20px;
}
.content{
    border-bottom: 1px solid #eef3f8;
}
.preNextControl{
    display: flex;
    font-size: 16px;
    gap: 40px;
    justify-content: space-between;
    padding-top: 19px;
}
.preNextControl .control{
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 15px;
    overflow: hidden;
}
.preNextControl .control .btn[data-v-76e0208f], .preNextControl .control .postTitle{
    color: #333;
}
.preNextControl .control a:hover {
    color: #306dff;
}
.cardKuai{
    width: 100% !important;
    box-sizing: border-box;
}
.relativePosts{
    background-color: #fff;
}
.relativePosts .listItem{
    border-bottom: 1px solid #eef3f8;
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
}
.relativePosts .listItem .imgBox {
    flex: none;
    height: 130px;
    overflow: hidden;
    width: 200px;
}
.relativePosts .listItem .imgBox img{
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.relativePosts .postsListBox {
    flex: 1;
    padding-left: 10px;
}
.relativePosts .postsListBox .postsTitle{
    color: #000;
    font-size: 18px;
    padding-bottom: 13px;
}
.relativePosts .postsListBox .postsContent {
    color: #8e8e8e;
    display: -webkit-box;
    font-size: 14px;
    height: 40px;
    margin-bottom: 27px;
    -webkit-box-orient: vertical;
    line-height: 22px;
    overflow: hidden;
    -webkit-line-clamp: 2;
}
.relativePosts .postsListBox .postTagBox {
    display: flex;
    justify-content: space-between;
}
.relativePosts .postsListBox .postTag {
    display: flex;
    gap: 10px;
}
.relativePosts .postsListBox .pushPostTime{
    color: #8e8e8e;
    font-size: 12px;
}
.relativePosts .postsListBox .postTag span{
    border: 1px solid #eef3f8;
    border-radius: 2px;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    padding: 0 13px;
}
.relativePosts .postsListBox .postTag .span{
    border: 1px solid #eef3f8;
    border-radius: 2px;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    padding: 0 13px;
    display: inline-block;
}
.list .item {
    border-bottom: 1px solid #eef3f8;
    margin-bottom: 13px;
}
.list .item .top {
    color: #333;
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 11px;
}
.list .item .bottom {
    color: #8e8e8e;
    font-size: 12px;
    padding-bottom: 13px;
}
.list .item .point {
    background: #333;
    border-radius: 50%;
    display: inline-block;
    height: 5px;
    margin-right: 2px;
    position: relative;
    top: -2px;
    width: 5px;
}
.list .item .top:hover {
    color: #306dff;
}
.article_tj{
    width: 280px !important;
}
.tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.tags span {
    border: 1px solid #eef3f8;
    height: 28px;
    line-height: 28px;
    padding: 0 12px;
}
.tags .span {
    border: 1px solid #eef3f8;
    height: 28px;
    line-height: 28px;
    padding: 0 12px;
}
img, video {
    height: auto;
    max-width: 100%;
}
.liveBanner{
    background: url(/static/images/a6/live-banner-bg.webp) no-repeat;
    background-size: 100% 100%;
    height: 200px;
    width: 100%;
    margin-bottom: 34px;
}
.liveBanner .box{
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 0px 134px;
}
.liveBanner .box .teramInfo {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.liveBanner .box .infoCenter{
    flex: 1;
    flex-direction: column;
    padding-bottom: 31px;
}
.liveBanner .box .teramInfo .img{
    height: 80px;
    width: 80px;
}
.liveBanner .box .teramInfo .name{
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    max-width: 100px;
    padding-top: 10px;
    text-align: center;
}
.liveBanner .box .infoCenter, .liveBanner .box .infoCenter .liveTimeBox{
    display: flex;
    justify-content: center;
}
.liveBanner .box .infoCenter {
    flex: 1;
    flex-direction: column;
    padding-bottom: 31px;
}
.liveBanner .box .infoCenter .liveTimeBox .liveTime {
    border: 1px solid #eef3f8;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 31px;
    padding: 7px 15px;
    text-align: center;
}
.liveBanner .box .infoCenter .countDown{
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.liveBanner .box .infoCenter .countDown .str {
    font-size: 12px;
    padding-bottom: 10px;
}
.liveBanner .box .infoCenter .countDown .time{
    align-items: center;
    display: flex;
    font-size: 24px;
    gap: 4px;
}
.liveBanner .box .teramInfo {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.liveBanner .box .teramInfo .img{
    height: 80px;
    width: 80px;
}
.liveBanner .box .teramInfo .name{
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    max-width: 100px;
    padding-top: 10px;
    text-align: center;
}
.md20{
    margin-bottom: 20px;
}
.originListContnt{
    padding-bottom: 20px;
}
.originListContnt .title{
    align-items: center;
    color: #000;
    display: flex;
    font-size: 16px;
    gap: 6px;
    padding-bottom: 15px;
}
.originListContnt .title .icon{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAlRJREFUSEvtlj1MFFEQx3+zHJxY+oUxEDWaazSIEuPtGoOxEqWxEAsqg5oYI9gYoixk4y4GtSE2Nn5UxqiFjYqNiVHZPWJUMFTEoInGiNZ+AMeOt4fFQcDlhMLCLd/7z/xm5s17O0LMZ7r6RIQRP8VRGmUyktce09JkFdcU1gYdUvcnFxIL8HRQoBq47adoivTWMLeAg8Cgb0vNvAAbT2qyYhkVk4JRaCAJVolyD2FNBPm9dwjlkwoHNMuXQn2JEo4uZ/Rti4xF67Lb0cR4ggvAcaA8LqN57v8ArpRlaRPLVQ+hHfiq8ArQeTqZSyYC24CVKF1ieRqluGQiS+qFI58X6Dxvvt3R1aUJhoGfEUBRBv0Oqal1dGkywSWFtDD9LOLACqFAZizL6ZeOfLdcHUDYMgWAAd+WrZar3Qhtcc5iuqa7z5YzlqevgZppANPThwL1kwabyscZKQY0YbBBDYYUegNb9s0F6M2luTfMsj7jyPtiAGlH1xkJ3uXK+yiwpX7BANPVhlznncgV2Ml0Sv+iAyxPHwN7FK4HtjQvOsA8p3Vi0Ixw0W+XoUUHzDyf/4DYjv03SmR5eh/Yr9AYwofYsAsEBlQJ3FF4ENjSMPtFc7VVhJ5iHM+ibfVtuVwICBWGAluqQcXs4jDKzr95TQnpCzq5AaKmp28ENovp6YhAZWiwK3NW+hcYfd48fV53GCHPFD6K6WqzCFc1Cn/qrxYWAxHlrt8hLflpw9EVyRKeq5CSKA3lSH6qSHvaZMApVSqJnTOm42cCykp4KsK3EHoyttz8BfMjnY1Tf6WqAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100%;
    height: 24px;
    width: 24px;
}
.originList{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.originList .item{
    align-items: center;
    background-color: #f1f1f1;
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 60px;
    justify-content: center;
    position: relative;
    width: 123px;
}
.originList .item .top {
    color: #000;
    font-size: 16px;
}
.originList .item .bottom{
    color: #8e8e8e;
    font-size: 12px;
}
.originList .item .tjIcon{
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100%;
    height: 18px;
    position: absolute;
    right: -5px;
    top: 0;
    width: 36px;
    z-index: 8;
}
.originList .item:hover{opacity:.8}
.gameInfo{
    color: #333;
}
.gameInfo .top .icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAABKBJREFUSEuVln1oVmUYxn/XOefdZu5LRfxADXUVTpea5tgmZEF/JGKBKFJqaBSCuizBzxlvbWtpRlmpEZaBBiJJ/VOiGRp+LD+CUKdoYnNlKn5S6dx2znP3ntcJS52z8+95nud67vu6r+t6xP18E80ve5QCg1KMxlDs27+UepB1tF0dLRiWtPwsn5EeVCAGmeGAg2ZUZTnqdib1z73OaBegMGkZeRkMUEQ5YjzQCeMMIgPoZXBZsKElZF1naNiZVHg3oLsAmB5P0iPwGIuYixggOIPxqQvY7IyMIGIGYjLQ1Yyj+LwTwa79i3XpdpD/ABQmLTvXY7BEhUQJRoTYETpq/GxO1L6uxviA4qTlyqPI81gKjDJoMmO7jOWZjl93JnXjFlAaYEzSgmvQLxEw3WCKoBtw3GB5c8iOn5O6eGf5phHV9Mx0PIeYBTwI/GHGJ4ivakPOkpRT+tY+T3mw0ESh4CrGRgtYm9lEfXu9vQVYMMcyu/VioO94DUu3NQs4II/q82fZr5Jqm4ZRIehvsFeOhcrkyJ4F+rujCWv7f3SNdTHHSGesEBQCRwxmqbTS5iEWADkGa/2Q93cXcppJiv4PwIhXLJHoS0Gq50mJCQYNzpit4UnrneUzk5u9z0GccMYyReyuTery/YAUV1sPRTwjj3IszcV5xOrMkA1KlyZyomb6tk5PsRlNiK0SK/5s4WR9m6loCxjzl+8xCFFhokxGZPADxrvOcaETXFVJla2R0Ts1328HCS5EIU8jylunokHGGmWwec98zqJWa9hk/qjj9AvgRRPTZHQHjiGWxSrHeMTEHBk7VVplu4BhKUIuCD4PQzYFCTLMmCsYGyvY4KCDNxM+dY1N+ImAEk8swhgMXEFslGNdBJ5nzMRjAkYnYLOKK+0hD6ZKTMXoanDYka7mCC0McWKJoAiIVfq9GXmC0cADEj+Z461QnAuMMjzmAQVpPcAqF/KNxiQtv8XIdQn6CBYTOybESvyWkJVhBs2+Y7LidkDPWJkG9TI+Tq3d5iLy5LMkpfgngNiPtuHSHFzx4HrMwUexBpyjxhPnZDxpHuUGA4DTqao+TN14exSQ70fMxLhmxmdRQFPgmJRaMx3oHnuSRA3wi1ma+HmCQzEHP2I8ZuIixvoW+FJGEHjMljE+RVzMwT5zVEUeDQnwiBhiHovi1pm4bLDBeawXBH7EbODZ9D5ji8oqLWZ8ShsPqos58OBQJB72HUsNhqI0B1sRuXKMabWEvQaVfsjFyGMMXnow+sccAGta4OtbZpfdGDDEj0MFSsxojnWA4z0nbnhiguCllGX3NsUUcApjZRixI5FJN0LeQJQaNN/uqm3s+mYO+B7j0ooknQO/Y6y2iC145Ei8LHGt2fGFiTABLyCm6mYuHLtbLtwROHGS5foMlMerMsYBnWMdCCpb4Lc0BzAsNWkLgcEGl+Jk83zWBU13Jlu7kVm00Lpk5zBKRoVBUdrGYxuAvNZRzsCodUbVX466o+1k871Df6L5pUPpY8bzEjMMerV60SkcH4SO7w4kOX+v10WHr4r4wLL5lmO5DDcxS8Z1warzuRw+Wa6mjtz2X+7i/fITnHnmAAAAAElFTkSuQmCC) no-repeat;
    height: 24px;
    margin-right: 4px;
    width: 24px;
}
.gameInfo .article div {
    padding-bottom: 12px;
    font-size: 16px;
}
.gameInfo .top{
    align-items: center;
    display: flex;
    font-size: 16px;
    padding-bottom: 10px;
    padding-top: 20px;
}
.liveingScore, .liveingScore .score {
    display: flex;
    justify-content: center;
}
.liveingScore{
    gap: 50px;
    position: relative;
    top: 20px;
}
.liveingScore.win .score {
    background-color: transparent;
    color: #fff;
}
.liveingScore .score{
    align-items: center;
    border-radius: 2px;
    color: #000;
    font-size: 30px;
    height: 61px;
    width: 54px;
}
.liveingScore, .liveingScore .score{
    display: flex;
    justify-content: center;
}
.liveingScore .vs {
    align-items: center;
    display: flex;
    flex-direction: column;
}
.liveingScore .vs .text{
    color: #fff;
    font-size: 16px;
    margin-top: -12px;
    text-align: center;
}
.liveingScore.win .vs .iconBox{
    color: #fff;
    font-size: 30px;
    margin-top: 10px;
}
.liveingScore .vs .iconBox{
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.liveingScore .vs .iconBox svg{
      fill: #ffffff;
     font-size: 20px;
}
.liveingScore.win .score{
    background-color: transparent;
    color: #fff;
}
.winIcon{
    height: 80px;
    position: absolute;
    top: 0;
    width: 80px;
}
.winIcon.ping{
}
.winIcon.team2{
    right: 0;
}
.winIcon.team1{
    left: 0;
}
.matchSwiperList .swiper-slide{
    margin-right: 20px;
    width: 272px;
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.matchSwiperList{
    margin-bottom: 10px;
    position: relative;
    width: 100%;
}
.matchSwiperList .swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1;
}
.matchSwiperList .swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    overflow: clip;
    padding: 0;
    position: relative;
    z-index: 1;
}
.introduction {
    align-items: center;
    color: #000;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    justify-content: center;
    width: 100%;
}
.introduction .img{
    margin-bottom: 15px;
    max-width: 100%;
}
.league_left{
    width: 950px;
}
.league_right{
    width: 280px !important;
    border: 0 solid #e5e7eb;
    box-sizing: border-box;
}
.introduction .img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.introduction .text{
    color: #000;
    font-size: 14px;
    line-height: 22px;
}
.matchSwiperList .swiper-button-next, .matchSwiperList .swiper-button-prev {
    align-items: center;
    background: #fff;
    border-radius: 2px;
    display: flex;
    height: 120px;
    justify-content: center;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 30px;
    cursor: pointer;
}
.matchSwiperList .swiper-button-prev:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAgCAYAAAABtRhCAAAAAXNSR0IArs4c6QAAAktJREFUSEvFlz9vEzEYxt83F8HWZihDB7rSsQWG+LmoEx1KkViY+gVamPkzwQITgp3yBRjYEERVJQYusnOgQ4Lm0ySDjVzlItf15XyNFLwlfvz8zn/e16+ZrtiUUg+I6DkR5UKIF8xsqqyklPvMbDWKr8KbGnwtx2qt93u9Xj/k5WsbA/M839Van7rmxpjtNE3/+MCQthFQSrnDzD884yMAxz4spGXmJ9HAPM/vaK0L19juixDibWBmldoooFJqk4j+EtE1x/wVgNc+rE5bCxwMBhtJkoyIaKU0Z+Y3QoiXPixGOxeYZdl6kiRnzLzmwN4LIZ76sFhtJTDLshvtdtsu47pj/hHAYQAWrQ0Ci6JYHY/HI2a+6Zh/AnDgw5po7dhLwH6/f73T6diZ3SrNjTFf0jR96MOaaGdbEjhlv4notvP/CYC9UBZRSkVrg0CllA3qHcf8O4B7FbBo7YXYLX9IKU+ZedfpHAJARX6M1vrjz/dwOBx+M8bcdzpHQogtZtb+gCba0MeyUuozET1yOiWAXsUyRmtD489P6dKBS1/S/3JoSuhSw8KBRgfzwoFvoU3SVRNtZWqzHTYhTyaTMyLaiEnesdpg8i4BRVGsTY3c6+kYwJEfY020jS9gInoH4JkPDV3AIW1siWGXd3W2D/NLjLnaWqCF1BVG7mzrtFFAa7jUMtHJRpcKYWZ+LIT44O/pwoVwaRgq31ut1t1ut2sTxoW2cKnvzNS+hmaPGSLaA3ASupIWfsw4KdA+12x4/ARgn22VbQq1ml//AMLNgaocVKZ9AAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    content: "";
    height: 16px;
    width: 16px;
}
.matchSwiperList .swiper-button-next:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAgCAYAAAABtRhCAAAAAXNSR0IArs4c6QAAAnZJREFUSEvNl79rFEEUx79v7yyjjRYpxEaUNKKIcPP2CpuYIoIEtfFHY2d6Y2WaWBlBxCI2dtqoRUAJggFhuZld9BA0IIit+j9csyMru8fc7MzuLEhwutv5vPe5Wd7OvKEsy07lef4EwC9mvoaGoZQ6A+ARgN9trC8NKaW+AVgogV1mXvTBUsrvRHQihG0SbgO4VAFEtCOEWHYFpGn6Wmt9OYT1CrMsO5jn+UcAJw1om5lX7KDRaDQXRdGnENYrLCbG4/GhyWSyR0RHK1Br/SKO4xt2YBfWJaXqYZIkR/r9/hcA8wb4lJlv24FdWDt2KiwmkiSZ7/V6X4nosAE+ZOY7Dmkwa8bOCIsJKeUxItoDMGcUx30hxD1b2oWd5vJU44LWuni9B4z5dWbesPk0TYPZIra2wiqhlPIcERXVOx1EdFcI8cCx0mDWKyySpml6Xmv9wZKuCiG2HCsNYhuFRVKl1BKAd6ZAa30zjuPntjSEbRWW0osA3liCFWYudqmZoZRqZIOEpfQqgJdm9jzPl4fD4Y5D6mWDhaX0FoBnpiCKoguDweC9Q1pjtdZLnYTld3qFiF5ZhXRWCPHZUb111vUdNj2TUu6fUClVe01EtCiE2P3nr1QptX9F01bq5ura2NaiCfmYK2EI+/9sba7NG8AaM2+GbN4+1rnCLkdOF7b4o0EHMIANZl53rKx2WPvYKjakxdhk5jVb5mlHnOzMrlT9cDVGWuutOI5XHbJaw+Vj7di/K+zS+nVhXVskdWluuzTNvv24uFu8BTBt7ZtafaVU8LWgSfgDwPESaLzMdLn4eIVSytNE9BjAT2a+3nQ0GVe7VtaX5w8S3Jz85eWX0QAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    content: "";
    height: 16px;
    width: 16px;
}
.matchSwiperList .swiper-button-prev {
    left: -40px;
}
.matchSwiperList .swiper-button-next {
    right: -40px;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none;
}
.filterDate {
    cursor: pointer;
    position: absolute;
    right: 20px;
}
.filterDate .iconBox{
    align-items: center;
    color: #306dff;
    display: flex;
    gap: 4px;
    position: relative;
}
.filterDate_choose{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 0px;
    top:0px;
    z-index: 99;
}
.nuxt-svg-icon {
    align-items: center;
    display: inline-flex;
    justify-content: center;
}
.filterDate .iconBox .nuxt-svg-icon svg {
    height: 17px;
    width: 17px;
}
.laydate-theme-blue .layui-this {
    background-color: #409eff !important;
}
@media only screen and (max-width:1023px) {
    .liveBanner, .liveBanner .box {
        height: auto;
    }
    .liveBanner .box{
        padding: 0.5rem;
    }
    .liveBanner .box .teramInfo .img{
        height: 40px;
        width: 40px;
    }
    .team1, .team2{
        top:-50px
    }
    .layui-carousel{
        height: 155px !important;
    }
    .layui-carousel img{
        height: auto !important;
    }
    .relativePosts .listItem .imgBox {
        width: 130px;
        height: 90px;
    }
    .relativePosts .postsListBox .postTag{
        display: none;
    }
    .relativePosts .postsListBox .postsContent{
        display: none;
    }
    .relativePosts .postsListBox .postsTitle{
        font-size: 16px;
    }
    .relativePosts .listItem .imgBox img {
        overflow-clip-margin: content-box;
        overflow: clip;
    }
    .tpt-wp .league_left{
        width: 100%;
    }
    .league_out{
        padding: 20px 10px 0px 10px;
        border: 0 solid #e5e7eb;
        box-sizing: border-box;
    }
    .filterDate{
        top:-36px;
    }
}