body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,input,select,textarea,div,table,td,th,tr,dt,dd,dl{margin:0;padding:0;}

ul,ol{list-style:none;}

em,i{font-style:normal;display: inline-block;}

table{border-spacing:0;border-collapse:collapse;}

img{border:0;vertical-align:middle;}

input,select{vertical-align:middle;outline: none;}

a:hover{color: #339966;text-decoration:none;}
a{color: #333;text-decoration:none;}
a:focus{
    text-decoration: none;
}

.dv-spo-allbg{
    position: fixed;
    z-index: -99;
    top: 132px;
    height: 553px;
    width: 100%;
    min-width: 950px;
    overflow: hidden;
    background-position: 50% 0;
    background-size: auto 100%;
    background: url("../images/indexbg.png") no-repeat;
}

.mt20{
    margin-top: 20px;
}
.mt30{
    margin-top: 30px;
}
.mt40{
    margin-top: 40px;
}
.mt50{
    margin-top: 50px;
}

.mb20{
    margin-bottom: 20px;
}
.mb30{
    margin-bottom: 30px;
}
.mb40{
    margin-bottom: 40px;
}
.mb50{
    margin-bottom: 50px;
}

img{border:none;}

body{font-family:'Microsoft YaHei','Arial','Heiti SC';background:#f5f5f5;}

.fl{display:block;float:left;}

.fr{display:block;float:right;}

.clear{clear:both;}

.container{width: 1230px;margin: 0 auto;}

.mb15{
    margin-bottom: 15px;
}
.mb20{
    margin-bottom: 20px;
}

.dv-spo-box {
    background: #fff;
    border-radius: 0px;
    /*box-shadow: 0 0 10px #e6e6e6;*/
    box-shadow: 1px 1px 10px rgb(229 229 229);
    padding: 20px;
}

#page{
	text-align: center;
	padding: 20px 0 40px;
}
#page .pagination{
    margin-top: 40px;
}
#page .pagination li span{
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 0px!important;
	margin-right: 15px;
	padding: 0px;
	border: 1px solid rgba(216, 83, 1, 0.56);
	background: #339966;
	color: #fff;
}
#page .pagination li a{
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 0px!important;
	margin-right: 15px;
	padding: 0px;
	border: 1px solid #f5f5f5;
	color: #666;
}
#page .pagination li.disabled span{
	color: #666;
	border: 1px solid #f5f5f5;
	background: #fff;
}
#page .pagination li:last-child a{
    margin-right: 0px;
}

.dv-spo-center {
    width: 1200px;
    margin: 0 auto;
}
.fb {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*澶撮儴*/
.dv-spo-header-center .dv-spo-logo{
    height: 78px;
}
.dv-spo-header-center .dv-spo-logo img{
    height: 40px;
    margin-top: 15px;
}
.dv-spo-header .dv-spo-header-center {
    /*background: #fff url(../images/bg01.png) no-repeat center/cover;*/
    padding: 12px 0;
    border-top: 1px solid #ededed;
}
.dv-spo-header .dv-spo-header-center .dv-spo-search {
    position: relative;
}
.dv-spo-header .dv-spo-header-center .dv-spo-search ul{
    overflow: hidden;
    height: 36px;
    display: block;
}
.dv-spo-header .dv-spo-header-center .dv-spo-search li {
    float: left;
    font-size: 14px;
    position: relative;
    height: 36px;
    line-height: 36px;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
    border-radius: 4px 4px 0px 0px;
}
.dv-spo-header .dv-spo-header-center .dv-spo-search li.on {
    background: #339966;
    color: #fff!important;
}
.dv-spo-header .dv-spo-header-center .dv-spo-search .dv-spo-txt {
    width: 460px;
    height: 40px;
    padding: 0 50px 0 20px;
    border: 2px solid rgba(240, 81, 0, 0.56);
    background-color: #fff;
}
.dv-spo-header .dv-spo-header-center .dv-spo-search .dv-spo-submit {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 40px;
    background: #339966 url('../images/ss.png') no-repeat center/22px;
    cursor: pointer;
    border: 0;
}
.dv-spo-header .dv-spo-header-list {
    background: #339966;
    box-shadow: 0 1px 3px rgba(27,95,160,.1);
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #fff;
    text-align: center;
}
.dv-spo-header .dv-spo-header-list li {
    position: relative;
    flex: auto;
}
.dv-spo-header .dv-spo-header-list li.active {
    background-color: #fff;
    color: #339966;
}
.dv-spo-header .dv-spo-header-list li a{
    display: block;
    color: #fff;
}
.dv-spo-header .dv-spo-header-list li.active a{
    color: #339966;
}
.dv-spo-header .dv-spo-header-list li:hover .dv-spo-li-menu {
    -webkit-transform: scale3d(1,1,1);
    -moz-transform: scale3d(1,1,1);
    -ms-transform: scale3d(1,1,1);
    -o-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    opacity: 1;
}
.dv-spo-header .dv-spo-header-list li .dv-spo-li-menu{
    z-index: 99999;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    line-height: 38px;
    width: 128px;
    border-radius: 3px;
    box-shadow: 5px 4px 5px rgba(0,0,0,0.1);
    -webkit-transition: all 0.6s cubic-bezier(0.175,0.885,0.32,1.275);
    -moz-transition: all 0.6s cubic-bezier(0.175,0.885,0.32,1.275);
    -o-transition: all 0.6s cubic-bezier(0.175,0.885,0.32,1.275);
    transition: all 0.6s cubic-bezier(0.175,0.885,0.32,1.275);
    opacity: 0;
     -webkit-transform: scale3d(0,0,0);
    -moz-transform: scale3d(0,0,0);
    -ms-transform: scale3d(0,0,0);
    -o-transform: scale3d(0,0,0);
     transform: scale3d(0,0,0);
     -webkit-transform-origin: 40px top;
    -moz-transform-origin: 40px top;
    -ms-transform-origin: 40px top;
    -o-transform-origin: 40px top;
    transform-origin: 40px top;
}
.dv-spo-header .dv-spo-header-list li .dv-spo-li-menu a{
    color: #000;
    font-size: 16px;
}

.dv-spo-header-d-list {
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    margin: 0 auto;
    position: relative;
}
.dv-spo-header-d-list span {
    height: 20px;
    padding-left: 10px;
    border: 1px solid #339966;
    padding: 3px 10px;
    text-align: center;
    border-radius: 2em;
    background-color: #339966;
    color: #fff;
    font-size: 14px;
}
.dv-spo-header-d-list ul {
    display: inline-block;
}
.dv-spo-header-d-list li {
    display: inline-block;
    padding: 0 10px;
}
.dv-spo-header-d-list a {
    display: block;
    font-size: 14px;
}

/*灏鹃儴*/
.dv-spo-index_link {
    margin-bottom: 20px;
    min-height: 30px;
    background: #fff;
    padding: 10px;
    overflow: hidden;
    *zoom: 1;
    margin-top: 10px;
}
.dv-spo-index_link a {
    float: left;
    font-size: 14px;
    line-height: 34px;
    color: #333;
    margin-right: 16px;
}
.dv-spo-index_link a:hover {
    color: red;
}

footer {
    width: 100%;
    color: #fff;
    font-size: 12px;
    background-color: #339966;
    text-align: center;
}
footer .dv-spo-center {
    height: 115px;
    padding-top: 20px;
}
footer p:nth-of-type(1) {
    color: #fff;
    line-height: 42px;
    font-size: 12px;
}
footer p a {
    color: #fff;
    margin: 0 10px;
    font-weight: 400;
}
footer p:nth-of-type(2) {
    color: #fff;
    font-weight: 400;
    font-size: 12px;
}
footer p:nth-of-type(2) a {
    margin: 0;
}
footer p:nth-of-type(2) a:hover{
    color: red;
}

/*鍐呴〉map*/
.dv-spo-map-box {
    padding: 0px 0 0;
    margin-bottom: 10px;
}
.dv-spo-crumbs {
    /*padding-left: 25px!important;*/
    margin-top: -10px;
    font-size: 13px;
    color: #666;
    position: relative;
}
/* .crumbs:after{
    content: "";
    left: 0;
    width: 16px;
    position: absolute;
    height: 16px;
    background: url("../images/map.png") no-repeat;
    background-size: 16px;
} */
.dv-spo-crumbs.dv-spo-nobor{
    border: 0;
    padding: 0px;
}
.dv-spo-crumbs a {
    color: #333;
    display: inline-block;
    position: relative;
    font-size: 13px;
}
.dv-spo-crumbs a:not(:last-child)::after {
    padding: 0px 5px;
    content: '>';
}
.dv-spo-crumbs a:hover{
    color: #682FAFFF;
}

/* home tabs */
.dv-spo-index_label{
    border-top: 2px solid #339966;
    background: #fff;
}
.dv-spo-index_label ul {
    overflow: hidden;
    height: 50px;
    background: #f7f9fa;
    box-shadow: 0 2px 3px #ddd;
}
.dv-spo-index_label li {
    height: 50px;
    line-height: 50px;
    margin-right: 2px;
    background: #f7f9fa;
    text-align: center;
    padding: 0 15px;
    float: left;
    cursor: pointer;
}
.dv-spo-index_label li.on {
    background: #339966;
    color: #FFF;
}

/*璧勮list*/
.dv-spo-news_list {
    /*border-left: 1px solid #fff;*/
}
.dv-spo-news_list .dv-spo-item {
    background: #fff;
    /*padding-left: 15px;*/
    position: relative;
    margin-top: 10px;
    padding: 20px;
}
.dv-spo-news_list .dv-spo-item > a{
    display: block;
}
/* .news_list .item:before {
    content: '';
    position: absolute;
    top: 0;
    left: -9px;
    width: 17px;
    height: 17px;
    background-image: url(../images/post-list-dot.png);
} */
.dv-spo-news_list .dv-spo-title {
    align-items: center;
    display: flex;
    margin-bottom: 10px;
}
.dv-spo-news_list .dv-spo-item .dv-spo-title .dv-spo-tit {
    display: block;
    font-size: 16px;
    font-weight: bold;
    flex: 1;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dv-spo-news_list .dv-spo-title span {
    margin-left: 20px!important;
    color: #909399;
}
.dv-spo-news_list .dv-spo-info {
    background: #fff;
    align-items: center;
    display: flex;
}
.dv-spo-news_list .dv-spo-img {
    width: 178px;
    height: 110px;
    overflow: hidden;
    position: relative;
}
.dv-spo-news_list .dv-spo-img img{
    width: 100%;
    height: 100%;
}
.dv-spo-news_list .dv-spo-cont {
    margin: 0 15px;
    flex: 1;
    overflow: hidden;
    position: relative;
}
.dv-spo-news_list .dv-spo-text {
    height: 40px;
    line-height: 20px;
    color: #909090;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    margin-bottom: 5px;
}
.dv-spo-news_list .dv-spo-score {
    color: #339966!important;
    font-size: 14px;
    line-height: 1.5;
}

/* home videos */
.dv-spo-index_video{
    margin-left: -20px;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
}
.dv-spo-index_video div{
    width: 50%;
    padding-left: 20px;
    margin-bottom: 15px;
}
.dv-spo-index_video.dv-spo-video_page{
    margin-left: -40px;
}
.dv-spo-index_video.dv-spo-video_page div{
    width: 250px;
    margin-left: 40px;
    padding-left: 0px;
    margin-bottom: 15px;
}
.dv-spo-index_video.dv-spo-video_page div .dv-spo-img{
    width: 250px;
    height: 185px;
}
.dv-spo-index_video.dv-spo-video_page div .dv-spo-img img{
    width: 100%;
    height: 145px;
}
.dv-spo-index_video div .dv-spo-img {
    background: #fff;
    height: 136px;
    margin-bottom: 0px;
    display: block;
    overflow: hidden;
    position: relative;
}
.dv-spo-index_video div .dv-spo-img img{
    width: 100%;
    height: 106px;
}
.dv-spo-index_video div .dv-spo-img:hover span{
    background: url(../images/v2.png) no-repeat center;
}
.dv-spo-index_video div .dv-spo-img span {
    position: absolute;
    width: 46px;
    height: 46px;
    background: url(../images/v.png) no-repeat center;
    left: 50%;
    top: 50%;
    margin-left: -23px;
    margin-top: -33px;
}
.dv-spo-index_video div .dv-spo-img p {
    line-height: 32px;
    height: 32px;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

/* home replays */
.dv-spo-index_videopace{
    background: #fff;
    padding-bottom: 20px!important;
}
.dv-spo-index_videopace ul {
    border-bottom: 1px dashed #e8e8e8;
    padding: 10px;
    margin-bottom: 20px;
}
.dv-spo-index_videopace ul:last-child {
    margin-bottom: 0;
    border: 0;
    padding-bottom: 0;
}
.dv-spo-index_videopace ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
.dv-spo-index_videopace ul li {
    border-bottom: 1px solid #f5f5f5;
    display: flex;
    line-height: 36px;
    align-items: center;
    font-size: 16px;
}
.dv-spo-index_videopace.dv-spo-page_list ul li {
    line-height: 42px;
}
.dv-spo-index_videopace ul li span{
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 6px 10px 0 0;
    text-align: center;
    font-size: 12px;
    color: #fff;
    vertical-align: top;
    background: url(../images/sp.png) no-repeat center;
    background-size: 20px;
}
.dv-spo-index_videopace ul li a {
    display: block;
    flex: 1;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*鍐呴〉璧勮*/
.dv-spo-detail_new_list{
    background: #fff;
    padding-bottom: 20px!important;
}
.dv-spo-detail_new_list ul {
    border-bottom: 1px dashed #e8e8e8;
    padding: 10px;
    margin-bottom: 20px;
}
.dv-spo-detail_new_list ul:last-child {
    margin-bottom: 0;
    border: 0;
    padding-bottom: 0;
}
.dv-spo-detail_new_list ul li {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 25px;
    border-bottom: 1px solid #f5f5f5;
    padding: 5px 0;
}
.dv-spo-detail_new_list ul li span{
    display: inline-block;
    width: 5px;
    height: 5px;
    line-height: 20px;
    margin: 5px 10px 0 0;
    text-align: center;
    font-size: 12px;
    color: #fff;
    vertical-align: top;
    background: #cfcfcf;
    border-radius: 50%;
}
.dv-spo-detail_new_list ul li a {
    display: block;
    flex: 1;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*title*/
.dv-spo-index_title {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dv-spo-index_title span,.dv-spo-index_title h2,.dv-spo-index_title h3 {
    margin-left: 10px;
    font-size: 20px;
    color: #333;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.dv-spo-index_title:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 20px;
    margin-top: -9px;
    /*background-color: #339966;*/
    /*background: linear-gradient(90deg,#339966,#fff);*/
    vertical-align: middle;
}

/*宸﹀彸甯冨眬*/
.dv-spo-index_conter{
    width: 1200px;
    margin: 20px auto 0;
}
.dv-spo-index_con {
    margin-bottom: 20px;
    display: flex;
}
.dv-spo-index_con .dv-spo-index_left{
    width: 830px;
    /*flex: 1;*/
}
.dv-spo-index_con .dv-spo-index_right {
    width: 350px;
    margin-left: 20px;
}

/*鏍囩*/
.dv-spo-tags {
    width: 100%;
    margin-top: 20px;
    padding: 10px;
    background: #fff;
    display: inline-block;
}
.dv-spo-tags .dv-spo-tag {
    margin-bottom: 8px;
}
.dv-spo-tag {
    position: relative;
    display: inline-block;
    padding: 0px 5px 0px 9px;
    margin: 0 13px 5px 0;
    height: 26px;
    line-height: 26px;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    color: #333;
    border-radius: 2px;
    background-color: #f0f0f0;
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
}
.dv-spo-tags a.dv-spo-tag:after {
    content: ' ';
    display: block;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 9px solid #f0f0f0;
    position: absolute;
    top: 0;
    right: -9px;
}

/*鍐呴〉鏍囩*/
.dv-spo-detail_tags {
    overflow: hidden;
}
.dv-spo-detail_tags span {
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    float: left;
}
.dv-spo-detail_tags a {
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    color: #e74c3c;
    overflow: hidden;
    margin-left: 5px;
}

/*鍐呴〉鐑棬鏁版嵁*/
.dv-spo-detail_wangluo ul {
    margin-top: 20px;
    margin-left: -20px;
    overflow: hidden;
}
.dv-spo-detail_wangluo ul li {
    width: 192px;
    background: #fff;
    box-shadow: 0 0 10px 0 #dfdfdf;
    border-radius: 4px;
    padding: 10px;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
}
.dv-spo-detail_wangluo ul li .dv-spo-img {
    height: 110px;
    position: relative;
    overflow: hidden;
}
.dv-spo-detail_wangluo ul li .dv-spo-img img {
    display: block;
    width: 100%;
    height: 129px;
}
.dv-spo-detail_wangluo ul li p {
    font-size: 16px;
    color: #1d1d1f;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

/* pager */
.dv-spo-news_detail_page {
    margin: 30px 0 40px 0;
    height: 80px;
    position: relative;
    padding-top: 20px;
    border-top: 1px solid #e5e5e5;
}
.dv-spo-news_detail_page p {
    margin-bottom: 10px;
}

/*缃《*/
#dv-spo-totop {
    height: 30px;
    position: fixed;
    left: 50%;
    margin-left: 600px;
    width: 30px;
    z-index: 9999;
    bottom: 50px;
    border-bottom: 0px;
    border-radius: 5px;
    color: #08c;
    text-align: center;
    line-height: 1;
    display: none;
    cursor: pointer;
    transition: .3s;
}
#dv-spo-totop i{
    width: 100%;
    height: 100%;
    vertical-align: top;
    background: url(../images/top-arrow.png) no-repeat center;
    background-size: 30px;
}

/*娌℃湁鏁版嵁*/
.dv-spo-nothing {
    text-align: center;
    margin: 40px 0px;
    min-height: 390px;
}
.dv-spo-nothing img {
    width: 100px;
}
.dv-spo-nothing span {
    display: block;
}

/*鐩存挱鍒楄〃*/
.dv-spo-index_match_list .dv-spo-hotmatch {
    padding: 12px;
    border-bottom: 1px solid #d3e1e2;
    background: #fff;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.dv-spo-index_match_list .dv-spo-hotmatch  a.dv-spo-items-center {
    float: left;
    width: 800px;
}
.dv-spo-index_match_list .dv-spo-hotmatch  a.dv-spo-items-center > p {
    height: 28px;
    line-height: 28px;
    display: inline-block;
}
.dv-spo-index_match_list .dv-spo-hotmatch .dv-spo-status.dv-spo-live span {
    background: linear-gradient(90deg,#339966,#eaadad);
}
.dv-spo-index_match_list .dv-spo-hotmatch .dv-spo-status.dv-spo-prelive span {
    background: linear-gradient(90deg,#929292,#c1c1c1);
}
.dv-spo-index_match_list .dv-spo-hotmatch .dv-spo-status {
    float: left;
    margin-right: 10px;
}
.dv-spo-index_match_list .dv-spo-hotmatch .dv-spo-status span {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    width: 50px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 3px;
}
.dv-spo-index_match_list .dv-spo-hotmatch .dv-spo-time {
    float: left;
    margin-right: 20px;
}
.dv-spo-index_match_list .dv-spo-hotmatch .dv-spo-cate {
    float: left;
    margin-right: 10px;
    width: 60px;
}
.dv-spo-index_match_list .dv-spo-hotmatch .dv-spo-team1 {
    float: left;
    text-align: right;
    margin-right: 10px;
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.dv-spo-index_match_list .dv-spo-hotmatch .dv-spo-team1logo {
    width: 24px;
    float: left;
    margin-right: 10px;
}
.dv-spo-index_match_list .dv-spo-hotmatch .dv-spo-team1logo img {
    width: 24px;
    vertical-align: middle;
}
.dv-spo-index_match_list .dv-spo-hotmatch .dv-spo-team1num {
    margin-right: 2px;
    float: left;
    width: 30px;
    background: #F5F5F5;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
}
.dv-spo-index_match_list .dv-spo-hotmatch .dv-spo-fh {
    margin-right: 2px;
    float: left;
    width: 5px;
    text-align: center;
}
.dv-spo-index_match_list .dv-spo-hotmatch .dv-spo-team2num {
    margin-right: 10px;
    float: left;
    width: 30px;
    background: #F5F5F5;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
}
.dv-spo-index_match_list .dv-spo-hotmatch .dv-spo-team2logo {
    margin-right: 10px;
    float: left;
    width: 24px;
}
.dv-spo-index_match_list .dv-spo-hotmatch .dv-spo-team2logo img {
    width: 24px;
    vertical-align: middle;
}
.dv-spo-index_match_list .dv-spo-hotmatch .dv-spo-team2 {
    float: left;
    margin-right: 10px;
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.dv-spo-index_match_list .dv-spo-hotmatch .dv-spo-items-box {
    float: right;
    width: 260px;
}
.dv-spo-index_match_list .dv-spo-hotmatch .dv-spo-items-top, .dv-spo-index_match_list .dv-spo-hotmatch .dv-spo-items-top p {
    display: flex;
    align-items: center;
}
.dv-spo-index_match_list .dv-spo-hotmatch .dv-spo-items-top p:first-child {
    font-size: 14px;
}
.dv-spo-index_match_list .dv-spo-hotmatch .dv-spo-items-top p {
    color: #000;
    justify-content: center;
}
.dv-spo-index_match_list .dv-spo-hotmatch .dv-spo-items-top p:first-child:before {
    content: "";
    width: 20px;
    height: 26px;
    background: url(../images/live_icon.png) no-repeat;
    background-position: 50%;
    background-size: 20px 20px;
    margin-right: 3px;
}
.dv-spo-index_match_list .dv-spo-hotmatch .dv-spo-items-btm {
    float: left;
}
.dv-spo-index_match_list .dv-spo-hotmatch .dv-spo-items-btm p {
    color: #339966;
    font-size: 14px;
    line-height: 26px;
    border-bottom: 1px solid #339966;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    float: left;
    margin-right: 10px;
}
.dv-spo-index_match_list .dv-spo-hotmatch .dv-spo-items-box .dv-spo-more {
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
    cursor: pointer;
    float: left;
}
.dv-spo-index_match_list .dv-spo-hotmatch .dv-spo-items-box .dv-spo-more:after {
    content: "";
    width: 23px;
    height: 26px;
    background: url(../images/chevron-down.png) no-repeat;
    background-position: 50%;
    background-size: 12px 7px;
}
.dv-spo-index_match_more {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 130px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #fff;
    background-color: #339966;
    border-radius: 2px;
    margin-top: 10px;
}
.dv-spo-index_match_more a{
    color: #fff;
    display: block;
}

.dv-spo-index_match_list h6{
    display: flex;
    height: 24px;
    line-height: 24px;
    align-items: center;
    margin: 10px 0px;
    color: #666666;
    padding-left: 4px;
}
.dv-spo-index_match_list h6 time{
    font-size: 12px;
    font-weight: 400;
    line-height: 25px;
    color: #999999;
}

.dv-spo-news_con {
    margin-bottom: 20px;
    display: flex;
    margin-top: 20px!important;
}
.dv-spo-news_con .dv-spo-news_left{
    width: 830px;
    flex: 1;
}
.dv-spo-news_right {
    width: 350px;
    margin-left: 20px;
}

/*鏍囬 鏉ユ簮*/
.dv-spo-news_top_cont {
    padding: 30px 0 30px 0;
    border-bottom: 1px dashed #eee;
    text-align: center!important;
}
.dv-spo-news_top_cont.dv-spo-channel{
    padding-bottom: 0!important;
}
.dv-spo-news_top_cont h1 {
    font-size: 24px;
    display: block;
    line-height: 1.2;
    margin-bottom: 20px;
    /*height: 48px;*/
    font-weight: bold;
}
.dv-spo-news_top_cont .dv-spo-text {
    font-size: 14px;
    line-height: 1.5;
    color: #909399!important;
}
.dv-spo-news_top_cont .dv-spo-text span {
    margin: 0 20px;
}

/*鍐呭*/
.dv-spo-news_detail {
    padding: 30px 0;
    line-height: 28px;
    font-size: 16px;
    color: #606266;
    margin-bottom: 10px;
}
.dv-spo-news_detail p {
    line-height: 28px;
    font-size: 16px;
    color: #606266;
    margin-bottom: 10px;
}
.dv-spo-news_detail h3,.dv-spo-news_detail h2{
    line-height: 36px;
    font-size: 18px;
    color: #000;
    font-weight: 600;
    margin-bottom: 20px;
}
.dv-spo-news_detail strong{
    font-size: 16px;
    font-weight: bold;
}
.dv-spo-news_detail p img {
    display: block;
    width: 80%;
    margin: 15px auto;
    height: auto !important;
}
.dv-spo-news_detail+p{
    margin-top: 20px;
}

/*鐑棬鐞冮槦*/
.dv-spo-hot_team {
    margin: 20px 0 0;
    margin-left: -20px;
    overflow: hidden;
}
.dv-spo-hot_team a {
    background: #fff;
    width: 101px;
    float: left;
    margin-left: 20px;
    margin-bottom: 10px;
    display: block;
    padding: 10px;
}
.dv-spo-hot_team .dv-spo-img {
    position: relative;
    overflow: hidden;
    display: block;
}
.dv-spo-hot_team .dv-spo-img img {
    width: 70px;
    height: 70px;
    margin: 5px 0 0 5px;
}
.dv-spo-hot_team p {
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
}

/*瑙嗛璇︽儏鍒楄〃*/
.dv-spo-video_play {
    position: relative;
    background: #000000;
    width: 100%;
    height: 450px;
}
.dv-spo-video_play img.dv-spo-img {
    max-width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.dv-spo-video_play img.dv-spo-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.dv-spo-video_cont_list {
    margin-bottom: 10px;
}
.dv-spo-video_cont_list span {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}
.dv-spo-video_cont_list a {
    display: block;
    font-size: 15px;
    text-decoration: revert;
    height: 30px;
    line-height: 30px;
}

/*杞挱*/
.main-swiper-pagination {
    /*text-align: center;*/
    width: auto !important;
    height: 35px !important;
    position: absolute;
    top: 10px !important;
    left: 20px !important;
    z-index: 9;
}
.main-swiper-pagination .swiper-pagination-bullet {
    width: 22px;
    height: 22px;
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    border-radius: 0;
    margin: 0 0 0 5px!important;
    opacity: 1;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    color: #ffffff;
}
.main-swiper-pagination .swiper-pagination-bullet-active {
    background: #fff;
    color: #333;
}

/* home news layout */
.dv-spo-topcon {
    /*border-radius: 10px;*/
    background: #fff;
    padding: 20px;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}
.dv-spo-topcon_l {
    width: 460px;
}
.dv-spo-topcon_l .dv-spo-topcon_l_sw {
    overflow: hidden;
    font-size: 20px;
    margin-bottom: 20px;
}
.dv-spo-topcon_l .dv-spo-ul_o{
    position: relative;
    height: 236px;
}
.dv-spo-topcon_l .dv-spo-ul_o li{
    position: relative;
}
.dv-spo-topcon_l .dv-spo-ul_o li .dv-spo-img {
    display: block;
    height: 100%;
    width: 100%;
}
.dv-spo-topcon_l .dv-spo-ul_o li img {
    height: 100%;
    width: 100%;
}
.dv-spo-topcon_l .dv-spo-ul_o li p{
    position: absolute;
    bottom: 30px;
    left: 0px;
    text-align: center;
    color: #fff;
    width: 100%;
    height: 20px;
    display: block;
    font-weight: bold;
    z-index: 99;
    line-height: 20px;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dv-spo-topcon_l .dv-spo-ul_o li .dv-spo-bg{
    position: absolute;
    background: linear-gradient(to top, black 4%, transparent);
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
}

.dv-spo-topcon_l .swiper-button-prev {
    background: url("../images/L.png") no-repeat;
    left: 0;
}
.dv-spo-topcon_l .swiper-button-next {
    background: url("../images/R.png") no-repeat;
    right: 0;
}
.dv-spo-topcon_l .swiper-button-next:after, .dv-spo-topcon_l .swiper-button-prev:after {
    font-size: 22px;
    color: #fff;
}
.dv-spo-topcon_l .swiper-button-next, .dv-spo-topcon_l .swiper-button-prev {
    width: 35px;
    height: 55px;
}

.dv-spo-topcon_m {
    width: 440px;
}

.dv-spo-topcon_m_b {
    margin-top: 30px;
    position: relative;
}
.dv-spo-topcon_m_b::after {
    position: absolute;
    content: '';
    left: 0;
    top: 5px;
    height: calc(100% - 12px);
    width: 1px;
    /*background: #eeeeee;*/
}
.dv-spo-topcon_m_b ul:first-child{
    margin-bottom: 40px;
}
.dv-spo-topcon_m_b ul li {
    display: flex;
    height: 20px;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-left: 13px;
    margin-bottom: 15px;
}
.dv-spo-topcon_m_b ul li:last-child{
    margin-bottom: 15px;
}
.dv-spo-topcon_m_b ul li .dv-spo-yd {
    position: absolute;
    left: -3px;
    top: 6px;
    width: 7px;
    height: 7px;
    background-color: #ffffff;
    border: solid 1px #dcdbdc;
    border-radius: 50%;
    background: #fff;
    z-index: 99;
}
.dv-spo-topcon_m_b ul li .dv-spo-name {
    max-width: 320px;
    font-size: 15px;
    color: #444;
    margin-right: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dv-spo-topcon_m_b ul li:hover .dv-spo-yd{
    border-color: red;
}
.dv-spo-topcon_m_b ul li:hover .dv-spo-name {
    color: red;
}
.dv-spo-topcon_m_b ul li .dv-spo-time {
    margin-right: 25px;
    font-size: 14px;
    color: #999;
}

.dv-spo-topcon_r {
    width: 200px;
}

.dv-spo-index_three .dv-spo-center{
    padding: 20px;
    background: #fff;
    display: flex;
    justify-content: space-between;
}
.dv-spo-index_three_l {
    width: 892px;
    padding-right: 20px;
}
.dv-spo-index_three_main{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.dv-spo-topcon_l_b {
    width: 460px;
}
.dv-spo-topcon_l_b .dv-spo-news_imglist {
    margin-bottom: 24px;
}
.dv-spo-topcon_l_b .dv-spo-news_imglist ul {
    display: flex;
    justify-content: space-between;
}
.dv-spo-topcon_l_b .dv-spo-news_imglist ul li {
    width: 219px;
    height: 132px;
}
.dv-spo-topcon_l_b .dv-spo-news_imglist ul li .dv-spo-img {
    width: 219px;
    height: 123px;
    position: relative;
}
.dv-spo-topcon_l_b .dv-spo-news_imglist ul li .dv-spo-img img{
    width: 100%;
    height: 100%;
    border-radius: 15px;
}
.dv-spo-topcon_l_b .dv-spo-news_imglist ul li .dv-spo-img p{
    margin-top: 10px;
    font-size: 15px;
    color: #323232;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
}
.dv-spo-index_three_mainr {
    width: 421px;
}
.dv-spo-index_three_r {
    width: 253px;
}
.dv-spo-topcon_r_list ul{
    margin-top: 20px;
}
.dv-spo-topcon_r_list ul li {
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
}
.dv-spo-topcon_r_list ul li .dv-spo-img {
    display: block;
    position: relative;
    width: 100%;
}
.dv-spo-topcon_r_list ul li .dv-spo-img img{
    width: 100%;
    height: 110px;
    border-radius: 15px;
}
.dv-spo-topcon_r_list ul li p {
    width: 100%;
    height: 24px;
    line-height: 30px;
    font-size: 14px;
}
.dv-spo-topcon_r_list ul li p.dv-spo-blod {
    color: 000;
    font-weight: bold;
}
.dv-spo-topcon_r_list ul li p img {
    height: 19px;
    width: 19px;
    vertical-align: middle;
    margin-right: 10px;
}

/* home hot data */
.dv-spo-index_wangluo_list ul{
    margin-left: -20px;
    overflow: hidden;
}
.dv-spo-index_wangluo_list ul li {
    width: 224px;
    background: #fff;
    box-shadow: 0 0 10px 0 #dfdfdf;
    border-radius: 4px;
    padding: 10px;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
}
.dv-spo-index_wangluo_list ul li .dv-spo-img {
    height: 129px;
    position: relative;
    overflow: hidden;
}
.dv-spo-index_wangluo_list ul li .dv-spo-img img {
    width: 100%;
    height: 129px;
}
.dv-spo-index_wangluo_list ul li p {
    font-size: 16px;
    color: #1d1d1f;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

/* home team and player recommendations */
.dv-spo-index_hot_list {
    overflow: hidden;
    background: #fff;
    padding: 0px 5px 10px 5px;
}
.dv-spo-index_hot_list a:first-child{
    margin-left: 0px;
}
.dv-spo-index_hot_list a {
    display: block;
    float: left;
    width: 110px;
    margin-left: 10px;
    background: #fff;
    box-shadow: 0 0 4px 0 #dfdfdf;
    margin-top: 10px;
    padding: 10px;
}
.dv-spo-index_hot_list a img {
    /*width: 40px;*/
    max-width: 100%;
    height: 40px;
    display: block;
    margin: 0 auto;
}
.dv-spo-index_hot_list a span {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    display: block;
    text-align: center;
}

/*棰戦亾鍒楄〃*/

.dv-spo-pmap{
    margin-bottom: 20px;
}
.dv-spo-pmap ul{
    padding: 20px 0 0px;
    margin-bottom: 20px;
}
.dv-spo-pmap ul li{
    width: 101px;
    background: #fff;
    float: left;
    height: 40px;
    line-height: 40px;
    margin-right: 20px;
    margin-bottom: 15px;
    padding-left: 10px;
}
.dv-spo-pmap ul li:nth-child(7n){
    margin-right: 0px;
}
.dv-spo-pmap ul li a{
    overflow: hidden;
    height: 40px;
    display: block;
    font-size: 14px;
    color: #333;
}
.dv-spo-pmap ul li:hover a{
    color: #339966;
}

/*瑙嗛鍒楄〃*/
.dv-spo-tuwen_list {
    margin: 20px 0 0;
    margin-left: -20px;
    overflow: hidden;
}
.dv-spo-tuwen_list a {
    background: #fff;
    width: 101px;
    float: left;
    margin-left: 20px;
    margin-bottom: 10px;
    display: block;
    padding: 10px 0px;
}
.dv-spo-tuwen_list .dv-spo-img {
    position: relative;
    overflow: hidden;
    display: block;
}
.dv-spo-tuwen_list .dv-spo-img img {
    display: block;
    /*width: 70px;*/
    max-width: 100%;
    height: 70px;
    margin: 0 auto;
}
.dv-spo-tuwen_list .dv-spo-title {
    line-height: 40px;
    height: 40px;
    padding: 0 15px;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
}

/*璧涗簨鑱氬悎淇℃伅*/
.dv-spo-saishi_tab {
    border-radius: 4px;
    border: 1px solid #d3e1e2;
    padding: 0 10px;
    margin-top: 20px;
    overflow: hidden;
    background: #FFF;
}
.dv-spo-saishi_tab img {
    float: left;
    height: 40px;
    width: auto;
    margin-top: 5px;
}
.dv-spo-saishi_tab span {
    float: left;
    height: 50px;
    line-height: 50px;
    margin-left: 10px;
    font-size: 20px;
    color: #339966;
}
.dv-spo-saishi_tab .dv-spo-saishi_item {
    float: right;
}
.dv-spo-saishi_tab .dv-spo-saishi_item a {
    display: inline-block;
    font-size: 16px;
    margin-left: 10px;
    padding: 0px 10px;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    border-radius: 4px;
}
.dv-spo-saishi_tab .dv-spo-saishi_item a.on {
    background: #339966;
    color: #FFF;
}

/*鏃ユ湡tab*/
.dv-spo-data_conten {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 20px;
}
.dv-spo-data_conten a {
    position: relative;
    border: 1px solid #D3E1E2;
    border-radius: 4px;
    width: 160px;
    height: 64px;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #FFF;
    margin-left: 5px;
}
.dv-spo-data_conten a:first-child{
    margin-left: 0px;
}
.dv-spo-data_conten a.on i, .dv-spo-data_conten a:hover i {
    display: inline-block;
    width: 100%;
    height: 6px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #339966;
    border-radius: 0px 0px 2px 2px;
}
.dv-spo-data_conten a.on {
    color: #339966;
    font-weight: bold;
    border: 1px solid #339966;
    position: relative;
}

/* ranking */
.dv-spo-jf_rnak {
    background: #FFF;
    margin-top: 10px;
}
.dv-spo-jf_rnak .dv-spo-jfname {
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
}
.dv-spo-jf_rnak .dv-spo-rankingt.dv-spo-zuqiu {
    display: grid;
    grid-template-columns: 5% 23% 9% 9% 9% 9% 9% 9% 9% 9%;
    height: 51px;
    align-items: center;
    padding: 0 30px;
}
.dv-spo-jf_rnak .dv-spo-rankingt.dv-spo-nba {
    display: grid;
    grid-template-columns: 6% 26% 17% 17% 17% 17%;
    height: 51px;
    align-items: center;
    padding: 0 30px;
}
.dv-spo-jf_rnak .dv-spo-rankingt.dv-spo-bg{
    background: #EEEEEE;
    line-height: 40px;
}
.dv-spo-jf_rnak .dv-spo-bgg {
    border-bottom: 1px solid #EAEAEA;
}
.dv-spo-jf_rnak .dv-spo-rankingt .dv-spo-num {
    display: block;
    width: 28px;
    height: 28px;
    background: #ccc;
    font: 18px / 30px Helvetica;
    color: #fff;
    border-radius: 2px;
    text-align: center;
}
.dv-spo-jf_rnak .dv-spo-logo {
    display: flex;
    align-items: center;
    text-align: left;
}
.dv-spo-jf_rnak .dv-spo-team {
    padding-left: 5px;
}

/*鐩存挱tab*/
.dv-spo-live_con_tab {
    display: flex;
    justify-content: space-between;
    height: 40px;
    margin-top: 20px;
}
.dv-spo-live_con_tab li {
    float: left;
}
.dv-spo-live_con_tab li a {
    display: block;
    width: 200px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    color: #339966;
    border: 1px solid #339966;
    background: #ffffff;
    height: 40px;
    line-height: 40px;
}
.dv-spo-live_con_tab li:first-child a {
    border-radius: 4px 0px 0px 4px;
}
.dv-spo-live_con_tab li:last-child a {
    border-radius: 0px 4px 4px 0px;
}
.dv-spo-live_con_tab li a.active {
    background: #339966;
    color: #fff;
}

/*鐞冮槦 鐞冨憳璇︽儏*/
.dv-spo-detail_top {
    background: url(../images/bg-qd.png) no-repeat;
    background-size: 100%;
    overflow: hidden;
    position: relative;
}
.dv-spo-detail_top .dv-spo-img {
    float: left;
    width: 50px;
    height: 50px;
    margin: 11px;
    object-fit: contain;
}
.dv-spo-detail_top .dv-spo-name .dv-spo-zh {
    margin-top: 12px;
    margin-bottom: 3px;
    font-size: 20px;
    color: #333;
    display: flex;
}
.dv-spo-detail_top .dv-spo-name .dv-spo-zh span {
    font-size: 20px;
    font-weight: 500;
}
.dv-spo-detail_top .dv-spo-name .dv-spo-en {
    display: flex;
    font-size: 12px;
    color: #bbb;
}
.dv-spo-detail_top .dv-spo-market {
    height: 72px;
    line-height: 72px;
    color: #FFF;
    font-size: 18px;
    padding: 0 20px 0 20px;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #339966;
}
.dv-spo-detail_top .dv-spo-market::before {
    position: absolute;
    content: '';
    top: 0;
    border: solid transparent;
    border-right-color: rgba(255,255,255,0.6);
    border-top-color: rgba(255,255,255,0.6);
    border-width: 52px 20px;
    left: -42px;
    z-index: -1;
    transform: translateX(20px);
    animation-name: worth;
    animation-duration: .8s;
    animation-timing-function: cubic-bezier(0,1.24,0.75,1.29);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .4s;
}
.dv-spo-detail_top .dv-spo-market::after {
    position: absolute;
    content: '';
    top: 0;
    border: solid transparent;
    border-right-color: #339966;
    border-top-color: #339966;
    border-width: 52px 20px;
    left: -28px;
}

/* live detail */
.dv-spo-live_detail {
    position: relative;
    height: 280px;
    padding-top: 50px;
}
.dv-spo-live_bg {
    height: 280px;
    background: linear-gradient(90deg,#339966  18.8%,#339966 49.96%,#339966 81.5%);
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    z-index: -1;
}
.dv-spo-live_bg .dv-spo-live_bg_box .dv-spo-live_bg_con {
    position: absolute;
    display: flex;
    justify-content: center;
    bottom: 0;
    width: 100%;
}
.dv-spo-live_detail_team .dv-spo-live_detail_teamt {
    color: #fff;
}
.dv-spo-live_detail_team .dv-spo-live_name {
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding: 4px 27px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
}
.dv-spo-live_detail_team .dv-spo-live_con {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.dv-spo-team1 {
    text-align: center;
    width: 30%;
}
.dv-spo-team2 .dv-spo-team_img, .dv-spo-team1 .dv-spo-team_img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.dv-spo-team2 .dv-spo-team_img img, .dv-spo-team1 .dv-spo-team_img img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
}
.dv-spo-team1 h1, .dv-spo-team2 h1 {
    height: 26px;
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    color: #FFFFFF;
    margin-top: 10px;
}
.dv-spo-live_num {
    text-align: center;
    width: 40%;
}
.dv-spo-live_num_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 25px 0;
    height: 39px;
    padding: 0 12px;
}
.dv-spo-live_num_box > p
 {
    font-size: 32px;
    font-family: DIN;
    font-weight: bold;
    line-height: 39px;
    color: #FFFFFF;
}
.dv-spo-live_status {
    height: 36px;
    background: #FFFFFF;
    border-radius: 18px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 36px;
    width: 140px;
    margin: auto;
    color: #339966;
}
.dv-spo-team2 {
    text-align: center;
    width: 30%;
}

/* signal source */
.dv-spo-match_details {
    margin-top: 10px;
    margin-bottom: 10px;
}
.dv-spo-signa{
    margin-top: 10px;
}
.dv-spo-signa ul li {
    margin-right: 10px;
    background: #CCC;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 6px;
}
.dv-spo-signa ul li.dv-spo-click {
    background: #339966;
}
.dv-spo-signa ul li a{
    display: block;
    padding: 10px 20px;
    color: #fff;
}

/*鐩存挱璇︽儏*/
.dv-spo-live_content {
    padding: 20px 15px;
    background: #FFF;
}
.dv-spo-live_content p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
}
.dv-spo-live_content p span.dv-spo-tit {
    color: #C00;
    overflow: hidden;
}

/*缃戠粶淇℃伅璇︽儏*/
.dv-spo-wangluo_con {
    background: #fff;
    margin-top: 20px;
    padding: 15px;
    overflow: hidden;
}
.dv-spo-wangluo_con .dv-spo-img {
    float: left;
    margin-right: 20px;
}
.dv-spo-wangluo_con .dv-spo-img img {
    width: 200px;
    height: 120px;
    border-radius: 5px;
}
.dv-spo-wangluo_con .dv-spo-title {
    text-indent: 3rem;
    text-align: justify;
    float: left;
    width: 570px;
    font-size: 15px;
}

/* homepage layout */
body.home__page.qmw-home {
    --bg-1: #191b1f;
    --bg-body: #212326;
    --bg-header: #191b1f;
    --bg-footer: hsla(0,0%,100%,.02);
    --bg-nav-child: #373a3d;
    --bg-88: hsla(0,0%,100%,.88);
    --bg-70: hsla(0,0%,100%,.7);
    --bg-50: hsla(0,0%,100%,.5);
    --bg-24: hsla(0,0%,100%,.24);
    --bg-08: hsla(0,0%,100%,.08);
    --bg-06: hsla(0,0%,100%,.06);
    --bg-04: hsla(0,0%,100%,.04);
    --bg-blue: rgba(0,128,255,.88);
    --bg-blue-70: rgba(0,128,255,.7);
    --bg-blue-30: rgba(0,128,255,.3);
    --bg-blue-12: rgba(0,128,255,.12);
    --bg-red: hsla(0,100%,70%,.88);
    --font-color: hsla(0,0%,100%,.88);
    --font-color-70: hsla(0,0%,100%,.7);
    --font-color-50: hsla(0,0%,100%,.5);
    --font-color-40: hsla(0,0%,100%,.4);
    --font-blue: rgba(0,128,255,.88);
    --font-blue-70: rgba(0,128,255,.7);
    background: var(--bg-body);
    color: var(--font-color);
    display: flex;
    flex-direction: column;
    font-size: 12px;
    min-height: 100vh;
    min-width: 1340px;
    width: 100%;
}
body.home__page.qmw-home a {
    color: inherit;
    text-decoration: none;
}
body.home__page.qmw-home .page__header {
    background: var(--bg-header) !important;
    border: 0 !important;
    height: 66px;
    min-width: 1280px;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 9;
}
body.home__page.qmw-home .page__header__container {
    align-items: center;
    display: flex;
    height: 100%;
    margin: 0 auto;
    width: 1280px;
}
body.home__page.qmw-home .page__header__slide {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-end;
    width: 144px;
}
body.home__page.qmw-home .page__header__slide:first-child {
    justify-content: flex-start;
}
body.home__page.qmw-home .page__header__logo {
    align-items: center;
    display: flex;
    height: 100%;
}
body.home__page.qmw-home .page__header__logo img {
    height: 38px !important;
    max-width: 124px;
    object-fit: contain;
}
body.home__page.qmw-home .page__header__nav {
    background: transparent !important;
    box-shadow: none !important;
    display: flex;
    flex: 1;
    height: 100% !important;
    line-height: normal !important;
}
body.home__page.qmw-home .page__header__nav__item {
    color: var(--font-color);
    display: flex;
    flex: 0 0 100px !important;
    font-size: 18px;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: 100px;
}
body.home__page.qmw-home .page__header__nav__item > a {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    height: 100%;
    justify-content: center;
    padding: 0;
    width: 100%;
}
body.home__page.qmw-home .page__header__nav__item > a:before {
    color: var(--font-color-50);
    content: "鈱?;
    font-size: 12px;
    margin: 0 4px;
    transition: all .3s;
}
body.home__page.qmw-home .page__header__nav__child {
    background: var(--bg-nav-child);
    border-radius: 0 0 4px 4px;
    display: flex;
    flex-direction: column;
    left: 0;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
    transition: all .3s linear;
    width: 100%;
}
body.home__page.qmw-home .page__header__nav__list {
    color: var(--font-color);
    font-size: 16px;
    height: 46px;
    line-height: 46px;
}
body.home__page.qmw-home .page__header__nav__item:hover .page__header__nav__child {
    max-height: 100vh;
}
body.home__page.qmw-home .page__header__nav__item:hover > a,
body.home__page.qmw-home .page__header__nav__list:hover {
    color: var(--font-blue) !important;
}
body.home__page.qmw-home .page__header__nav__item:hover > a:before {
    transform: rotate(180deg);
}
body.home__page.qmw-home .qmw-shell.page__main {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    margin: 0 auto !important;
    padding: 32px 0 !important;
    width: 1280px !important;
}
body.home__page.qmw-home .page__main--col {
    flex-direction: column;
}
body.home__page.qmw-home .page__main--child {
    padding: 0 !important;
}
body.home__page.qmw-home .qmw-home-body.page__main {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    margin: 0 !important;
    padding: 0 !important;
    width: 1280px !important;
}
body.home__page.qmw-home .page__main__content {
    flex: 1;
    overflow: unset;
    width: 940px;
}
body.home__page.qmw-home .page__main__aside {
    flex: 0 0 300px;
    height: max-content;
}
body.home__page.qmw-home .page__main__aside--right {
    margin-left: 40px;
}
body.home__page.qmw-home .home__header {
    background: #181818;
    border-radius: 8px;
    height: 380px;
    margin-bottom: 36px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
body.home__page.qmw-home .home__header .swiper-wrapper {
    display: block;
    height: 100%;
}
body.home__page.qmw-home .home__header__list {
    border-radius: 8px;
    display: none;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}
body.home__page.qmw-home .home__header__list:first-child {
    display: block;
}
body.home__page.qmw-home .home__header__list__cover {
    display: flex;
    height: 100%;
    justify-content: flex-end;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
body.home__page.qmw-home .home__header__list__cover > img {
    height: 380px;
    object-fit: cover;
    width: 860px;
}
body.home__page.qmw-home .home__header__list__cover:before {
    background-image: linear-gradient(90deg,#181818 34%,hsla(0,0%,9%,0) 56%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
body.home__page.qmw-home .home__header__list__label {
    align-items: center;
    background: var(--bg-blue);
    border-radius: 0 0 8px 8px;
    color: #fff;
    display: flex;
    font-size: 14px;
    height: 34px;
    justify-content: center;
    position: absolute;
    right: 40px;
    top: 0;
    width: 80px;
    z-index: 2;
}
body.home__page.qmw-home .home__header__list__basic {
    display: flex;
    flex-direction: column;
    height: 254px;
    justify-content: center;
    left: 80px;
    position: absolute;
    top: 56px;
    width: 670px;
    z-index: 2;
}
body.home__page.qmw-home .home__header__list__title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--font-color);
    display: -webkit-box;
    font-size: 36px;
    font-weight: 600;
    line-height: 54px;
    margin: 0;
    max-height: 108px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 1px 1px rgba(0,0,0,.24);
    white-space: normal;
    width: 100%;
}
body.home__page.qmw-home .home__header__list__extra {
    align-items: center;
    color: var(--font-color-70);
    display: flex;
    font-size: 16px;
    height: 24px;
    margin-top: 16px;
}
body.home__page.qmw-home .home__header__list__extra > img {
    border-radius: 50%;
    height: 24px;
    margin-right: 8px;
    object-fit: cover;
    width: 24px;
}
body.home__page.qmw-home .home__header__list__btn {
    align-items: center;
    background: var(--bg-24);
    border-radius: 56px;
    color: var(--font-color-70);
    display: flex;
    font-size: 14px;
    height: 46px;
    justify-content: center;
    margin-top: 60px;
    padding: 0 12px;
    width: 128px;
}
body.home__page.qmw-home .home__header__list__btn svg {
    fill: var(--font-color-70);
}
body.home__page.qmw-home .home__header__list__btn span {
    margin-right: 4px;
}
body.home__page.qmw-home .home__header__pagination {
    bottom: 24px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: auto;
    z-index: 3;
}
body.home__page.qmw-home .home__header__pagination__bullet {
    background: var(--bg-24);
    border-radius: 4px;
    height: 8px;
    margin: 0 2px;
    width: 12px;
}
body.home__page.qmw-home .home__header__pagination__bullet--active {
    background: var(--bg-blue);
    width: 36px;
}
body.home__page.qmw-home .home__header:hover .home__header__list__btn {
    background: var(--bg-blue);
    color: var(--font-color);
}
body.home__page.qmw-home .qmw__section {
    padding-bottom: 36px;
}
body.home__page.qmw-home .qmw__section__header {
    align-items: center;
    background-image: linear-gradient(135deg, var(--bg-blue) 0 48%, transparent 48% 100%);
    background-position: left 6px;
    background-repeat: no-repeat;
    background-size: 14px 18px;
    box-sizing: border-box;
    display: flex;
    height: 54px;
    justify-content: space-between;
    line-height: 34px;
    margin: 0;
    padding: 0 0 24px 20px;
}
body.home__page.qmw-home .qmw__section__title {
    color: var(--font-color);
    display: flex;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}
body.home__page.qmw-home .qmw__section__side {
    color: var(--font-color-50);
    display: flex;
    font-size: 16px;
    gap: 12px;
}
body.home__page.qmw-home .qmw__section__btn {
    align-items: center;
    background: var(--bg-04);
    border-radius: 4px;
    color: var(--font-blue-70) !important;
    display: flex;
    font-size: 14px;
    height: 40px;
    justify-content: center;
    margin: 24px auto 0;
    width: 188px;
}
body.home__page.qmw-home .home__news .card__news {
    color: var(--font-color);
    display: flex;
    font-size: 16px;
    justify-content: space-between;
    line-height: 24px;
}
body.home__page.qmw-home .card__news__list {
    border-radius: 4px;
    height: 168px;
    overflow: hidden;
    position: relative;
    width: 223px;
}
body.home__page.qmw-home .card__news__list:before {
    background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.88));
    bottom: 0;
    content: "";
    height: 72px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}
body.home__page.qmw-home .card__news__cover,
body.home__page.qmw-home .card__news__cover > img {
    height: 168px;
    width: 223px;
}
body.home__page.qmw-home .qmw__cover__scale {
    overflow: hidden;
}
body.home__page.qmw-home .qmw__cover__scale > img {
    object-fit: cover;
    opacity: .9;
    transition: transform .5s ease;
}
body.home__page.qmw-home .qmw__cover__scale:hover > img {
    transform: scale(1.1);
}
body.home__page.qmw-home .card__news__tag {
    background: var(--bg-red);
    border-radius: 4px;
    color: var(--font-color);
    font-size: 12px;
    height: 24px;
    left: 12px;
    line-height: 24px;
    padding: 0 8px;
    position: absolute;
    top: 8px;
    z-index: 2;
}
body.home__page.qmw-home .card__news__title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    bottom: 12px;
    box-sizing: border-box;
    display: -webkit-box;
    left: 0;
    overflow: hidden;
    padding: 0 12px;
    position: absolute;
    text-overflow: ellipsis;
    white-space: normal;
    width: 100%;
    z-index: 2;
}
body.home__page.qmw-home .column__news {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 24px;
    max-height: 540px;
    overflow: hidden;
}
body.home__page.qmw-home .column__news__list {
    box-sizing: border-box;
    color: var(--font-color-50);
    display: flex;
    flex: 0 0 458px;
    font-size: 16px;
    justify-content: space-between;
    line-height: 24px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    width: 458px;
}
body.home__page.qmw-home .column__news__list:nth-child(10n+1),
body.home__page.qmw-home .column__news__list:nth-child(10n+2) {
    flex-direction: column;
    height: 82px;
    padding-left: 120px;
}
body.home__page.qmw-home .column__news__cover {
    border-radius: 4px;
    height: 81px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 108px;
}
body.home__page.qmw-home .column__news__cover > img {
    height: 81px;
    width: 108px;
}
body.home__page.qmw-home .column__news__title {
    align-items: center;
    color: var(--font-color);
    display: flex;
    flex: 1;
    max-height: 48px;
    overflow: hidden;
    padding-right: 12px;
}
body.home__page.qmw-home .column__news__title > span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.home__page.qmw-home .column__news__list:nth-child(10n+1) .column__news__title > span:last-child,
body.home__page.qmw-home .column__news__list:nth-child(10n+2) .column__news__title > span:last-child {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: normal;
}
body.home__page.qmw-home .column__news__tag {
    border: 1px solid var(--font-color-50);
    border-radius: 4px;
    box-sizing: border-box;
    color: var(--font-color-70);
    flex: 0 0 auto;
    font-size: 12px;
    height: 20px;
    line-height: 18px;
    margin-right: 8px;
    padding: 0 4px;
}
body.home__page.qmw-home .column__news__extra {
    align-items: center;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
}
body.home__page.qmw-home .fixture__section {
    position: relative;
}
body.home__page.qmw-home .fixture__section:before {
    background: var(--bg-body);
    content: "";
    height: 32px;
    left: 0;
    position: absolute;
    top: -32px;
    width: 100%;
}
body.home__page.qmw-home .fixture__list {
    box-shadow: 0 1px 0 0 var(--bg-06);
    box-sizing: border-box;
    color: var(--font-color-70);
    display: flex;
    flex-direction: column;
    font-size: 13px;
    padding: 0 10px;
}
body.home__page.qmw-home .fixture__list__data {
    align-items: center;
    color: var(--font-color-70);
    display: grid;
    grid-template-columns: 90px 100px 76px minmax(0, 1fr) 72px minmax(0, 1fr) 64px;
    height: 52px;
    min-width: 0;
}
body.home__page.qmw-home .fixture__list--header {
    background: var(--bg-04);
    border-radius: 4px;
    box-shadow: none;
    color: var(--font-color-50);
    font-size: 13px;
}
body.home__page.qmw-home .fixture__list__league {
    min-width: 0;
    overflow: hidden;
    padding-right: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.home__page.qmw-home .fixture__list__time {
    font-family: Arial, sans-serif;
    text-align: left;
}
body.home__page.qmw-home .fixture__list__status {
    color: var(--font-blue);
    font-size: 13px;
    text-align: left;
}
body.home__page.qmw-home .fixture__list__info {
    align-items: center;
    display: contents;
    font-size: 15px;
    height: 100%;
}
body.home__page.qmw-home .fixture__list__team {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    gap: 8px;
    height: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.home__page.qmw-home .fixture__list__team:first-child {
    justify-content: flex-end;
    padding-right: 12px;
    text-align: right;
}
body.home__page.qmw-home .fixture__list__team:last-child {
    justify-content: flex-start;
    padding-left: 12px;
}
body.home__page.qmw-home .fixture__list__team img {
    background: var(--bg-06);
    border-radius: 50%;
    flex: 0 0 22px;
    height: 22px !important;
    max-height: 22px !important;
    max-width: 22px !important;
    object-fit: contain;
    overflow: hidden;
    width: 22px !important;
}
body.home__page.qmw-home .fixture__list__team span {
    color: var(--font-color);
    display: block;
    font-weight: 600;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.home__page.qmw-home .fixture__list__score {
    align-items: center;
    color: var(--font-color);
    display: flex;
    font-size: 15px;
    font-weight: 700;
    justify-content: center;
    width: auto;
}
body.home__page.qmw-home .fixture__list__score__text {
    font-family: Arial, sans-serif;
    min-width: 20px;
    text-align: center;
}
body.home__page.qmw-home .fixture__list__score__symbol {
    color: var(--font-color-50);
    text-align: center;
    width: 20px;
}
body.home__page.qmw-home .fixture__list__extra {
    display: flex;
    justify-content: center;
}
body.home__page.qmw-home .fixture__list__tool {
    align-items: center;
    background: var(--bg-06);
    border-radius: 4px;
    color: var(--font-blue);
    display: flex;
    font-size: 12px;
    height: 26px;
    justify-content: center;
    min-width: 44px;
    padding: 0 10px;
}
body.home__page.qmw-home .qmw-home-match-original .qmw__section__header {
    margin-bottom: 14px;
}
body.home__page.qmw-home .qmw-home-match-tab {
    background: transparent;
    border: 0;
    margin: 0;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-index_label {
    background: #24272c !important;
    border-radius: 6px;
    border-top: 1px solid rgba(31,143,255,.55);
    margin-bottom: 12px;
    overflow: hidden;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-index_label ul {
    background: #24272c !important;
    display: flex;
    overflow-x: auto;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-index_label li {
    background: #24272c !important;
    color: var(--font-color-70);
    cursor: pointer;
    flex: 0 0 auto;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
    padding: 0 16px;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-index_label li.on {
    background: rgba(31,143,255,.14) !important;
    color: var(--font-blue);
    font-weight: 700;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-index_label li:not(.on) {
    background: #24272c !important;
}
body.home__page.qmw-home .dv-spo-index_match_header {
    align-items: center;
    background: var(--bg-04);
    border-radius: 6px;
    color: var(--font-color-50);
    display: grid;
    font-size: 13px;
    grid-template-columns: 62px 86px 82px minmax(90px, 1fr) 136px minmax(90px, 1fr) 170px;
    height: 42px;
    padding: 0 12px;
}
body.home__page.qmw-home .dv-spo-index_match_header .dv-spo-h-team:first-of-type {
    text-align: right;
}
body.home__page.qmw-home .dv-spo-index_match_header .dv-spo-h-score,
body.home__page.qmw-home .dv-spo-index_match_header .dv-spo-h-live {
    text-align: center;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-index_match_list .dv-spo-hotmatch {
    align-items: center;
    background: transparent !important;
    border-bottom: 1px solid var(--bg-06);
    display: grid;
    grid-template-columns: minmax(0, 1fr) 184px;
    min-height: 62px;
    overflow: visible;
    padding: 0 12px;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-index_match_list .dv-spo-hotmatch:hover {
    background: var(--bg-04) !important;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch a.dv-spo-items-center {
    align-items: center;
    color: var(--font-color-70);
    column-gap: 6px;
    display: grid;
    float: none;
    font-size: 13px;
    grid-template-columns: 48px 82px 90px 154px 24px 22px 8px 22px 24px 154px;
    min-height: 62px;
    min-width: 0;
    width: auto;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-status,
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-time,
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-cate,
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-team1,
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-team1logo,
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-team1num,
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-fh,
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-team2num,
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-team2logo,
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-team2 {
    float: none;
    margin: 0;
    min-width: 0;
    width: auto;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-status span {
    border-radius: 4px;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    width: 46px;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-status.dv-spo-live span {
    background: linear-gradient(90deg,#25b86f,#ffb6bd) !important;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-status.dv-spo-prelive span {
    background: linear-gradient(90deg,#4a5564,#8b95a3) !important;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-time {
    color: var(--font-color-70);
    font-family: Arial, sans-serif;
    font-size: 13px;
    text-align: left;
    white-space: nowrap;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-cate {
    color: var(--font-color-50);
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
    padding-right: 0;
    white-space: nowrap;
    word-break: keep-all;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-team1,
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-team2 {
    color: var(--font-color);
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-team1 {
    padding-right: 8px;
    text-align: right;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-team2 {
    padding-left: 8px;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-team1logo,
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-team2logo {
    display: flex;
    justify-content: center;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-team1logo img,
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-team2logo img {
    background: var(--bg-06);
    border-radius: 50%;
    height: 20px !important;
    max-height: 20px !important;
    max-width: 20px !important;
    object-fit: contain;
    width: 20px !important;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-team1num,
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-team2num {
    background: var(--bg-04);
    border-radius: 4px;
    color: var(--font-color);
    font-family: Arial, sans-serif;
    font-weight: 700;
    height: 22px;
    line-height: 22px;
    text-align: center;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-fh {
    color: var(--font-color-50);
    text-align: center;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-items-box {
    align-items: center;
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 18px;
    display: flex;
    float: none;
    gap: 0;
    justify-content: flex-end;
    overflow: visible;
    padding: 3px;
    position: relative;
    white-space: nowrap;
    width: auto;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-items-top,
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-items-top p {
    color: var(--font-color-50);
    display: flex;
    font-size: 12px;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-items-top {
    display: none;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-items-top p:first-child:before {
    display: none;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-items-btm p {
    background: transparent;
    border: 0;
    border-radius: 14px;
    color: #9ecbff;
    float: none;
    font-size: 11px;
    font-weight: 700;
    height: 24px;
    letter-spacing: .2px;
    line-height: 24px;
    margin: 0;
    max-width: none;
    min-width: 52px;
    padding: 0 6px;
    text-align: center;
    white-space: nowrap;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-items-btm a:first-child p {
    background: linear-gradient(135deg,#ff7a2f,#ff4d3a);
    box-shadow: 0 6px 14px rgba(255,88,45,.22);
    color: #fff;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-items-btm a:nth-child(2) p {
    background: rgba(31,143,255,.16);
    color: #48a7ff;
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-items-btm a:nth-child(3) p {
    background: rgba(255,255,255,.06);
    color: var(--font-color-70);
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-items-btm a:hover p {
    filter: brightness(1.12);
    transform: translateY(-1px);
}
body.home__page.qmw-home .qmw-home-match-tab .dv-spo-hotmatch .dv-spo-items-btm {
    display: flex;
    flex-wrap: nowrap;
    gap: 3px;
    overflow: visible;
    position: relative;
}
body.home__page.qmw-home .qmw-home-match-original .page__main__btn {
    align-items: center;
    background: linear-gradient(135deg, rgba(31,143,255,.18), rgba(255,119,43,.12));
    border: 1px solid rgba(31,143,255,.28);
    border-radius: 8px;
    color: var(--font-color);
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 42px;
    justify-content: center;
    letter-spacing: .5px;
    line-height: 42px;
    margin: 16px 0 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}
body.home__page.qmw-home .qmw-home-match-original .page__main__btn:hover {
    background: linear-gradient(135deg, rgba(31,143,255,.26), rgba(255,119,43,.18));
    border-color: rgba(31,143,255,.5);
    color: #fff;
}
body.home__page.qmw-home .qmw-home-match-original .page__main__btn:after {
    content: "→";
    color: #ff8a3d;
    font-size: 18px;
    margin-left: 10px;
    transform: translateY(-1px);
}
body.home__page.qmw-home .qmw-side {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* homepage slider alignment */
body.home__page.qmw-home .home__header .swiper-wrapper {
    display: flex;
    height: 100%;
}
body.home__page.qmw-home .home__header__list,
body.home__page.qmw-home .home__header__list:first-child {
    display: block;
    flex-shrink: 0;
    height: 100%;
    width: 100%;
}
body.home__page.qmw-home .home__header__navigation {
    color: var(--font-color-50);
}
body.home__page.qmw-home .home__header:hover .home__header__navigation:not(.swiper-button-disabled) {
    display: block;
}
body.home__page.qmw-home .fixture__tab {
    display: flex;
}
body.home__page.qmw-home .fixture__tab__list {
    color: var(--font-color-70);
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    padding: 0 6px;
}
body.home__page.qmw-home .fixture__tab__list--active {
    color: var(--font-color);
    font-weight: 700;
}
body.home__page.qmw-home .fixture__list__info > span {
    flex: 1;
    text-align: center;
}
body.home__page.qmw-home .fixture__list__team {
    padding-left: 0;
}
body.home__page.qmw-home .fixture__list__team:first-child {
    padding-right: 0;
}
body.home__page.qmw-home .qmw-side-feed {
    display: flex;
    flex-direction: column;
}
body.home__page.qmw-home .qmw-side-feed a {
    border-bottom: 1px solid var(--bg-04);
    color: var(--font-color-70);
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.home__page.qmw-home .qmw-side-feed a:hover {
    color: var(--font-blue);
}
body.home__page.qmw-home .qmw-side-tabs .qmw__section__header {
    margin-bottom: 12px;
}
body.home__page.qmw-home .qmw-side-tabbar {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 2px;
    white-space: nowrap;
}
body.home__page.qmw-home .qmw-side-tab {
    background: var(--bg-04);
    border-radius: 4px;
    color: var(--font-color-70);
    cursor: pointer;
    flex: 0 0 auto;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    max-width: 86px;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.home__page.qmw-home .qmw-side-tab.is-active {
    background: var(--bg-blue-12);
    color: var(--font-blue);
    font-weight: 700;
}
body.home__page.qmw-home .qmw-side-panel {
    min-width: 0;
    width: 100%;
}
body.home__page.qmw-home .qmw-side-video-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.home__page.qmw-home .qmw-side-video-card {
    background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025));
    border: 1px solid rgba(255,255,255,.055);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--font-color);
    display: flex;
    flex-direction: column;
    height: 124px;
    overflow: hidden;
    position: relative;
}
body.home__page.qmw-home .qmw-side-video-card img {
    display: block;
    flex: 0 0 72px;
    height: 72px;
    object-fit: cover;
    transition: transform .25s ease;
    width: 100%;
}
body.home__page.qmw-home .qmw-side-video-card:hover img {
    transform: scale(1.05);
}
body.home__page.qmw-home .qmw-side-video-card span {
    box-sizing: border-box;
    display: -webkit-box;
    flex: 1;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    overflow: hidden;
    padding: 8px 10px 10px;
    position: static;
    text-shadow: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
body.home__page.qmw-home .qmw-side-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
body.home__page.qmw-home .qmw-side-tags a {
    background: var(--bg-04);
    border-radius: 4px;
    color: var(--font-color-70);
    font-size: 13px;
    line-height: 28px;
    max-width: 132px;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.home__page.qmw-home .qmw-side-tags a:hover {
    background: var(--bg-blue-12);
    color: var(--font-blue);
}
body.home__page.qmw-home .qmw-home-tags-section .qmw-side-tags {
    align-items: flex-start;
    background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
    border: 1px solid rgba(255,255,255,.055);
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    max-height: none !important;
    overflow: visible !important;
    padding: 14px;
}
body.home__page.qmw-home .qmw-home-tags-section .qmw-side-tags a {
    align-items: center;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 999px;
    color: #d8e8ff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 13px;
    height: auto;
    line-height: 18px;
    max-width: none !important;
    min-height: 30px;
    overflow: visible !important;
    padding: 5px 11px;
    position: relative;
    text-overflow: clip !important;
    white-space: normal !important;
    word-break: keep-all;
}
body.home__page.qmw-home .qmw-home-tags-section .qmw-side-tags a:nth-child(5n+1) {
    background: rgba(31,143,255,.12);
    border-color: rgba(31,143,255,.18);
    color: #8cc8ff;
}
body.home__page.qmw-home .qmw-home-tags-section .qmw-side-tags a:nth-child(5n+2) {
    background: rgba(255,122,47,.10);
    border-color: rgba(255,122,47,.16);
    color: #ffd1b6;
}
body.home__page.qmw-home .qmw-home-tags-section .qmw-side-tags a:hover {
    background: linear-gradient(135deg, rgba(31,143,255,.22), rgba(255,122,47,.16));
    border-color: rgba(31,143,255,.36);
    color: #fff;
    transform: translateY(-1px);
}

/* homepage hot tag final override: keep every keyword readable */
body.home__page.qmw-home .qmw-home-tags-section {
    overflow: visible !important;
}
body.home__page.qmw-home .qmw-home-tags-section .qmw-side-tags {
    align-items: stretch !important;
    display: grid !important;
    gap: 7px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 12px !important;
}
body.home__page.qmw-home .qmw-home-tags-section .qmw-side-tags a {
    align-items: center !important;
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: center !important;
    height: auto !important;
    line-height: 16px !important;
    max-width: 100% !important;
    min-height: 28px !important;
    overflow: visible !important;
    padding: 4px 8px !important;
    text-align: center !important;
    text-overflow: initial !important;
    white-space: normal !important;
    word-break: break-word !important;
}
/* final homepage layout correction */
body.home__page.qmw-home {
    min-width: 0;
    overflow-x: hidden;
}
body.home__page.qmw-home .page__header {
    min-width: 0;
}
body.home__page.qmw-home .page__header__container,
body.home__page.qmw-home .qmw-shell.page__main {
    max-width: 1280px !important;
    width: calc(100vw - 60px) !important;
}
body.home__page.qmw-home .qmw-home-body.page__main {
    display: grid;
    gap: 40px;
    grid-template-columns: minmax(0, 1fr) 300px;
    width: 100% !important;
}
body.home__page.qmw-home .page__main__content {
    flex: none;
    min-width: 0;
    width: 100%;
}
body.home__page.qmw-home .page__main__aside {
    flex: none;
    width: 300px;
}
body.home__page.qmw-home .page__main__aside--right {
    margin-left: 0;
}
body.home__page.qmw-home .home__news .card__news {
    gap: 16px;
}
body.home__page.qmw-home .card__news__list {
    flex: 1;
    min-width: 0;
    width: auto;
}
body.home__page.qmw-home .card__news__cover,
body.home__page.qmw-home .card__news__cover > img {
    width: 100%;
}
body.home__page.qmw-home .column__news__list {
    flex: 0 0 calc(50% - 12px);
    width: calc(50% - 12px);
}
body.home__page.qmw-home .qmw-fixture-tab {
    max-width: 720px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
body.home__page.qmw-home .qmw-fixture-panels {
    min-height: 260px;
}
body.home__page.qmw-home .qmw-hot-inter,
body.home__page.qmw-home .qmw-hot-data {
    width: 100%;
}
body.home__page.qmw-home .qmw-hot-inter__list {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
body.home__page.qmw-home .qmw-hot-inter__list a {
    background: var(--bg-04);
    border-radius: 6px;
    color: var(--font-color);
    display: block;
    overflow: hidden;
}
body.home__page.qmw-home .qmw-hot-inter__list img {
    display: block;
    height: 112px;
    object-fit: cover;
    width: 100%;
}
body.home__page.qmw-home .qmw-hot-inter__list span {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    font-size: 14px;
    line-height: 22px;
    min-height: 44px;
    overflow: hidden;
    padding: 10px;
}
body.home__page.qmw-home .qmw-hot-tabs {
    background: var(--bg-04);
    border-radius: 4px;
    display: flex;
    margin-bottom: 18px;
    overflow-x: auto;
}
body.home__page.qmw-home .qmw-hot-tabs span {
    color: var(--font-color-70);
    cursor: pointer;
    flex: 0 0 auto;
    font-size: 16px;
    height: 46px;
    line-height: 46px;
    padding: 0 18px;
}
body.home__page.qmw-home .qmw-hot-tabs span.is-active {
    background: var(--bg-blue-12);
    color: var(--font-blue);
    font-weight: 700;
}
body.home__page.qmw-home .qmw-hot-panel {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(10, minmax(0, 1fr));
}
body.home__page.qmw-home .qmw-hot-panel a {
    align-items: center;
    color: var(--font-color-70);
    display: flex;
    flex-direction: column;
    min-width: 0;
}
body.home__page.qmw-home .qmw-hot-panel img {
    background: var(--bg-04);
    border-radius: 50%;
    height: 58px;
    object-fit: contain;
    padding: 6px;
    width: 58px;
}
body.home__page.qmw-home .qmw-hot-panel span {
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

/* homepage icon polish without relying on remote icon fonts */
body.home__page.qmw-home .qmw__section__header {
    background-image: url("../images/icon_section_title.svg") !important;
    background-position: left 6px;
    background-repeat: no-repeat;
    background-size: 14px 18px;
}
body.home__page.qmw-home .page__header__nav__item > a:before {
    content: none !important;
}
body.home__page.qmw-home .page__header__nav__item.qmw-nav-has-child > a:before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid var(--font-color-50);
    content: "" !important;
    display: block;
    flex: 0 0 auto;
    height: 0;
    margin: 2px 4px 0;
    transition: transform .3s, border-color .3s;
    width: 0;
}
body.home__page.qmw-home .page__header__nav__item.qmw-nav-has-child:hover > a:before {
    border-top-color: var(--font-blue);
}
body.home__page.qmw-home .home__header__navigation {
    align-items: center;
    color: var(--font-color-50);
    display: none;
    font-size: 0;
    justify-content: center;
}
body.home__page.qmw-home .home__header__navigation:before {
    border-right: 2px solid currentColor;
    border-top: 2px solid currentColor;
    content: "" !important;
    display: block;
    height: 16px;
    width: 16px;
}
body.home__page.qmw-home .home__header__navigation--prev:before {
    transform: rotate(-135deg);
}
body.home__page.qmw-home .home__header__navigation--next:before {
    transform: rotate(45deg);
}
body.home__page.qmw-home .home__header__navigation:hover {
    color: var(--font-blue);
}
body.home__page.qmw-home .home__header:hover .home__header__navigation:not(.swiper-button-disabled) {
    display: flex;
}
body.home__page.qmw-home .page__header__nav__item {
    flex: 1 1 0 !important;
    min-width: 72px;
    width: auto;
}
body.home__page.qmw-home .page__header__nav__item > a {
    padding: 0 6px;
}
body.home__page.qmw-home footer {
    background: var(--bg-header);
    border-top: 1px solid var(--bg-06);
    color: var(--font-color-50);
    margin-top: 48px;
    padding: 26px 0 30px;
    text-align: center;
    width: 100%;
}
body.home__page.qmw-home footer .dv-spo-center {
    box-sizing: border-box;
    height: auto;
    line-height: 26px;
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 !important;
    width: calc(100vw - 60px);
}
body.home__page.qmw-home footer p {
    color: var(--font-color-50) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 26px !important;
    margin: 0;
}
body.home__page.qmw-home footer a {
    color: var(--font-color-70) !important;
    margin: 0 8px;
}
body.home__page.qmw-home footer a:hover {
    color: var(--font-blue) !important;
}
body.home__page.qmw-home footer + .dv-spo-center {
    height: 0;
    max-width: 1280px;
    overflow: visible;
    width: calc(100vw - 60px);
}
body.home__page.qmw-home #dv-spo-totop {
    background: var(--bg-blue);
    border-radius: 50%;
    bottom: 32px;
    box-shadow: 0 8px 20px rgba(0, 128, 255, .24);
    display: none;
    height: 42px;
    position: fixed;
    right: 32px;
    width: 42px;
    z-index: 20;
}
body.home__page.qmw-home .qmw-hot-tabs {
    overflow-x: hidden;
}
@media (max-width: 980px) {
    body.home__page.qmw-home .qmw-home-body.page__main {
        grid-template-columns: 1fr;
    }
    body.home__page.qmw-home .page__main__aside {
        width: 100%;
    }
    body.home__page.qmw-home .qmw-hot-inter__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body.home__page.qmw-home .qmw-hot-panel {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

/* channel pages */
body.home__page.qmw-home.qmw-inner {
    background: var(--bg-body);
    color: var(--font-color);
    min-width: 0;
    overflow-x: hidden;
}
body.home__page.qmw-home.qmw-inner .page__main.qmw-channel-main {
    display: grid;
    gap: 30px;
    grid-template-columns: 140px minmax(0, 1fr) 300px;
    margin: 32px auto 0;
    max-width: 1280px;
    width: calc(100vw - 60px);
}
body.home__page.qmw-home.qmw-inner .page__main.qmw-channel-main.qmw-channel-main--wide {
    grid-template-columns: 140px minmax(0, 1fr);
}
body.home__page.qmw-home.qmw-inner .page__main.qmw-channel-main.qmw-channel-main--no-nav {
    grid-template-columns: minmax(0, 1fr) 300px;
    min-width: 1280px;
    width: 1280px;
}
body.home__page.qmw-home.qmw-inner .page__main__content,
body.home__page.qmw-home.qmw-inner .page__main__aside {
    min-width: 0;
}
body.home__page.qmw-home.qmw-inner .aside__nav {
    position: sticky;
    top: 86px;
    align-self: start;
}
body.home__page.qmw-home.qmw-inner .aside__nav__container {
    background: var(--bg-04);
    border-radius: 6px;
    overflow: hidden;
}
body.home__page.qmw-home.qmw-inner .aside__nav__list {
    color: var(--font-color-70);
    display: block;
    font-size: 15px;
    height: 42px;
    line-height: 42px;
    padding: 0 18px;
}
body.home__page.qmw-home.qmw-inner .aside__nav__list:hover,
body.home__page.qmw-home.qmw-inner .aside__nav__list--active {
    background: var(--bg-blue-12);
    color: var(--font-blue);
    font-weight: 700;
}
body.home__page.qmw-home.qmw-inner .qmw-crumb,
body.home__page.qmw-home.qmw-inner .qmw__breadcrumb {
    align-items: center;
    color: var(--font-color-50);
    display: flex;
    flex-wrap: nowrap;
    font-size: 14px;
    gap: 8px;
    line-height: 22px;
    margin-bottom: 18px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
}
body.home__page.qmw-home.qmw-inner .qmw-crumb a,
body.home__page.qmw-home.qmw-inner .qmw__breadcrumb a {
    color: var(--font-color-70);
    flex: 0 0 auto;
}
body.home__page.qmw-home.qmw-inner .qmw-crumb a:hover,
body.home__page.qmw-home.qmw-inner .qmw__breadcrumb a:hover {
    color: var(--font-blue);
}
body.home__page.qmw-home.qmw-inner .qmw-crumb span,
body.home__page.qmw-home.qmw-inner .qmw__breadcrumb span {
    flex: 0 0 auto;
}
body.home__page.qmw-home.qmw-inner .qmw-crumb span:last-child,
body.home__page.qmw-home.qmw-inner .qmw__breadcrumb span:last-child {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
body.home__page.qmw-home.qmw-inner .qmw__section {
    margin-bottom: 34px;
}
body.home__page.qmw-home.qmw-inner .qmw__section__content {
    background: var(--bg-04);
    border-radius: 6px;
    overflow: hidden;
}
body.home__page.qmw-home.qmw-inner .qmw-channel-hero {
    background: linear-gradient(135deg, rgba(0,128,255,.18), hsla(0,0%,100%,.04));
    border-radius: 8px;
    margin-bottom: 28px;
    padding: 24px 28px;
}
body.home__page.qmw-home.qmw-inner .qmw-channel-hero h1 {
    color: var(--font-color);
    font-size: 28px;
    font-weight: 700;
    line-height: 38px;
    margin: 0 0 8px;
}
body.home__page.qmw-home.qmw-inner .qmw-channel-hero p {
    color: var(--font-color-50);
    font-size: 14px;
    line-height: 24px;
    margin: 0;
}
body.home__page.qmw-home.qmw-inner .news__list {
    align-items: start;
    border-bottom: 1px solid var(--bg-06);
    box-sizing: border-box;
    display: grid;
    gap: 18px;
    grid-template-columns: 190px minmax(0, 1fr);
    min-height: 150px;
    overflow: hidden;
    padding: 18px;
}
body.home__page.qmw-home.qmw-inner .news__list:last-child {
    border-bottom: 0;
}
body.home__page.qmw-home.qmw-inner .news__list__cover,
body.home__page.qmw-home.qmw-inner .news__list__cover img {
    border-radius: 6px;
    display: block;
    flex: 0 0 190px;
    height: 112px;
    object-fit: cover;
    overflow: hidden;
    width: 190px;
}
body.home__page.qmw-home.qmw-inner .news__list > span:not(.news__list__cover) {
    display: block;
    min-width: 0;
    overflow: hidden;
}
body.home__page.qmw-home.qmw-inner .news__list__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--font-color);
    display: -webkit-box;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    overflow: hidden;
    overflow-wrap: anywhere;
}
body.home__page.qmw-home.qmw-inner .news__list__desc {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--font-color-50);
    display: -webkit-box;
    font-size: 13px;
    line-height: 22px;
    margin-top: 8px;
    overflow: hidden;
    overflow-wrap: anywhere;
}
body.home__page.qmw-home.qmw-inner .news__list__desc img,
body.home__page.qmw-home.qmw-inner .news__list__desc picture,
body.home__page.qmw-home.qmw-inner .news__list__desc video,
body.home__page.qmw-home.qmw-inner .news__list__desc iframe {
    display: none !important;
}
body.home__page.qmw-home.qmw-inner .news__list__extra,
body.home__page.qmw-home.qmw-inner .video__list__extra {
    color: var(--font-color-40);
    display: flex;
    gap: 12px;
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px;
}
body.home__page.qmw-home.qmw-inner .qmw-video-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.home__page.qmw-home.qmw-inner .video__list {
    background: var(--bg-04);
    border-radius: 6px;
    display: block;
    overflow: hidden;
}
body.home__page.qmw-home.qmw-inner .video__list__cover,
body.home__page.qmw-home.qmw-inner .video__list__cover img {
    display: block;
    height: 128px;
    object-fit: cover;
    overflow: hidden;
    width: 100%;
}
body.home__page.qmw-home.qmw-inner .video__list__cover {
    position: relative;
}
body.home__page.qmw-home.qmw-inner .video__list__icon {
    align-items: center;
    background: rgba(0, 128, 255, .92);
    border-radius: 50%;
    color: #fff;
    display: flex;
    height: 34px;
    justify-content: center;
    left: 50%;
    margin: -17px 0 0 -17px;
    position: absolute;
    top: 50%;
    width: 34px;
}
body.home__page.qmw-home.qmw-inner .video__list__icon:before {
    border-bottom: 8px solid transparent;
    border-left: 12px solid #fff;
    border-top: 8px solid transparent;
    content: "";
    margin-left: 3px;
}
body.home__page.qmw-home.qmw-inner .video__list__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--font-color);
    display: -webkit-box;
    font-size: 14px;
    line-height: 22px;
    min-height: 44px;
    overflow: hidden;
    padding: 10px 12px 12px;
}
body.home__page.qmw-home.qmw-inner .qmw-text-list {
    background: var(--bg-04);
    border-radius: 6px;
    overflow: hidden;
}
body.home__page.qmw-home.qmw-inner .qmw-text-list a {
    border-bottom: 1px solid var(--bg-06);
    color: var(--font-color-70);
    display: block;
    font-size: 14px;
    line-height: 44px;
    overflow: hidden;
    padding: 0 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.home__page.qmw-home.qmw-inner .qmw-text-list a:last-child {
    border-bottom: 0;
}
body.home__page.qmw-home.qmw-inner .qmw-text-list a:hover {
    color: var(--font-blue);
}
body.home__page.qmw-home.qmw-inner .qmw-side {
    gap: 18px;
    position: sticky;
    top: 86px;
}
body.home__page.qmw-home.qmw-inner .qmw-side .qmw__section {
    margin-bottom: 0;
}
body.home__page.qmw-home.qmw-inner .qmw-side-list {
    background: var(--bg-04);
    border-radius: 6px;
    padding: 8px 0;
}
body.home__page.qmw-home.qmw-inner .qmw-side-list a {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--font-color-70);
    display: -webkit-box;
    font-size: 13px;
    line-height: 22px;
    overflow: hidden;
    padding: 8px 14px;
}
body.home__page.qmw-home.qmw-inner .qmw-side-list a:hover {
    color: var(--font-blue);
}
body.home__page.qmw-home.qmw-inner .qmw-side-tags {
    background: var(--bg-04);
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 14px;
}
body.home__page.qmw-home.qmw-inner .qmw-side-tags a {
    background: var(--bg-06);
    border-radius: 14px;
    color: var(--font-color-70);
    font-size: 12px;
    line-height: 26px;
    padding: 0 10px;
}
body.home__page.qmw-home.qmw-inner .qmw-side-tags a:hover {
    background: var(--bg-blue-12);
    color: var(--font-blue);
}
body.home__page.qmw-home.qmw-inner .fixture__details {
    background: var(--bg-04);
    border-radius: 6px;
    margin-bottom: 16px;
    overflow: hidden;
}
body.home__page.qmw-home.qmw-inner .fixture__details__header {
    align-items: center;
    color: var(--font-color);
    cursor: pointer;
    display: flex;
    font-size: 15px;
    font-weight: 700;
    height: 46px;
    justify-content: space-between;
    padding: 0 16px;
}
body.home__page.qmw-home.qmw-inner .fixture__list {
    border-top: 1px solid var(--bg-06);
}
body.home__page.qmw-home.qmw-inner .fixture__list__data {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: 120px 76px 70px minmax(0, 1fr) 76px;
    min-height: 58px;
    padding: 0 14px;
}
body.home__page.qmw-home.qmw-inner .fixture__list--header .fixture__list__data {
    background: var(--bg-04);
    border-radius: 6px 6px 0 0;
    color: var(--font-color-50);
    min-height: 42px;
}
body.home__page.qmw-home.qmw-inner .fixture__list__league,
body.home__page.qmw-home.qmw-inner .fixture__list__time,
body.home__page.qmw-home.qmw-inner .fixture__list__status {
    color: var(--font-color-50);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.home__page.qmw-home.qmw-inner .fixture__list__info {
    align-items: center;
    color: var(--font-color);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) 78px minmax(0, 1fr);
}
body.home__page.qmw-home.qmw-inner .fixture__list__team {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.home__page.qmw-home.qmw-inner .fixture__list__team:first-child {
    text-align: right;
}
body.home__page.qmw-home.qmw-inner .fixture__list__score {
    color: var(--font-color);
    font-weight: 700;
    text-align: center;
}
body.home__page.qmw-home.qmw-inner .fixture__list__tool {
    background: var(--bg-blue-12);
    border-radius: 4px;
    color: var(--font-blue);
    display: inline-block;
    line-height: 28px;
    padding: 0 12px;
    text-align: center;
}
body.home__page.qmw-home.qmw-inner .qmw-article {
    background: var(--bg-04);
    border-radius: 8px;
    padding: 28px;
}
body.home__page.qmw-home.qmw-inner .qmw-article h1 {
    color: var(--font-color);
    font-size: 28px;
    font-weight: 700;
    line-height: 40px;
    margin: 0;
}
body.home__page.qmw-home.qmw-inner .qmw-article__meta {
    color: var(--font-color-40);
    display: flex;
    gap: 16px;
    font-size: 13px;
    line-height: 24px;
    margin: 12px 0 24px;
}
body.home__page.qmw-home.qmw-inner .qmw-article__body {
    color: var(--font-color-70);
    font-size: 16px;
    line-height: 30px;
}
body.home__page.qmw-home.qmw-inner .qmw-article__body img {
    border-radius: 6px;
    display: block;
    height: auto;
    margin: 16px auto;
    max-width: 100%;
}
body.home__page.qmw-home.qmw-inner .qmw-player-card {
    background: #111;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}
body.home__page.qmw-home.qmw-inner .qmw-player-card img {
    display: block;
    height: auto;
    opacity: .86;
    width: 100%;
}
body.home__page.qmw-home.qmw-inner .qmw-player-card__play {
    align-items: center;
    background: rgba(0,128,255,.92);
    border-radius: 50%;
    display: flex;
    height: 58px;
    justify-content: center;
    left: 50%;
    margin: -29px 0 0 -29px;
    position: absolute;
    top: 50%;
    width: 58px;
}
body.home__page.qmw-home.qmw-inner .qmw-player-card__play:before {
    border-bottom: 12px solid transparent;
    border-left: 18px solid #fff;
    border-top: 12px solid transparent;
    content: "";
    margin-left: 5px;
}
body.home__page.qmw-home.qmw-inner .qmw-rank {
    background: var(--bg-04);
    border-radius: 6px;
    margin-bottom: 20px;
    overflow-x: auto;
}
body.home__page.qmw-home.qmw-inner .qmw-rank__title {
    color: var(--font-color);
    font-size: 16px;
    font-weight: 700;
    line-height: 46px;
    padding: 0 16px;
}
body.home__page.qmw-home.qmw-inner .qmw-rank__row {
    align-items: center;
    border-top: 1px solid var(--bg-06);
    color: var(--font-color-70);
    display: grid;
    gap: 10px;
    grid-auto-columns: minmax(86px, 1fr);
    grid-auto-flow: column;
    min-height: 44px;
    min-width: 760px;
    padding: 0 14px;
}
body.home__page.qmw-home.qmw-inner .qmw-rank__row--head {
    color: var(--font-color-50);
    min-height: 38px;
}
body.home__page.qmw-home.qmw-inner .qmw-rank__num {
    background: var(--bg-08);
    border-radius: 50%;
    color: var(--font-color);
    display: inline-block;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 24px;
}
body.home__page.qmw-home.qmw-inner .qmw-rank__team {
    align-items: center;
    display: flex;
    gap: 8px;
    min-width: 150px;
}
body.home__page.qmw-home.qmw-inner .qmw-rank__team img {
    border-radius: 50%;
    height: 26px;
    object-fit: contain;
    width: 26px;
}
body.home__page.qmw-home.qmw-inner .qmw-prev-next {
    display: grid;
    gap: 10px;
    margin: 18px 0 30px;
}
body.home__page.qmw-home.qmw-inner .qmw-prev-next p {
    background: var(--bg-04);
    border-radius: 6px;
    color: var(--font-color-50);
    line-height: 42px;
    margin: 0;
    overflow: hidden;
    padding: 0 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.home__page.qmw-home.qmw-inner #page {
    margin: 28px 0;
    text-align: center;
}
body.home__page.qmw-home.qmw-inner #page a,
body.home__page.qmw-home.qmw-inner #page span {
    background: var(--bg-04);
    border-radius: 4px;
    color: var(--font-color-70);
    display: inline-block;
    line-height: 32px;
    margin: 0 4px;
    min-width: 32px;
    padding: 0 10px;
}
body.home__page.qmw-home.qmw-inner #page .current,
body.home__page.qmw-home.qmw-inner #page a:hover {
    background: var(--bg-blue-12);
    color: var(--font-blue);
}
@media (max-width: 1180px) {
    body.home__page.qmw-home.qmw-inner .page__main.qmw-channel-main {
        grid-template-columns: 120px minmax(0, 1fr);
    }
    body.home__page.qmw-home.qmw-inner .page__main__aside--right {
        display: none;
    }
}
@media (max-width: 760px) {
    body.home__page.qmw-home.qmw-inner .page__main.qmw-channel-main,
    body.home__page.qmw-home.qmw-inner .page__main.qmw-channel-main.qmw-channel-main--wide {
        grid-template-columns: 1fr;
        width: calc(100vw - 24px);
    }
    body.home__page.qmw-home.qmw-inner .aside__nav {
        position: static;
    }
    body.home__page.qmw-home.qmw-inner .aside__nav__container {
        display: flex;
        overflow-x: auto;
    }
    body.home__page.qmw-home.qmw-inner .aside__nav__list {
        flex: 0 0 auto;
    }
    body.home__page.qmw-home.qmw-inner .news__list {
        grid-template-columns: 120px minmax(0, 1fr);
    }
    body.home__page.qmw-home.qmw-inner .news__list__cover,
    body.home__page.qmw-home.qmw-inner .news__list__cover img {
        height: 78px;
        width: 120px;
    }
    body.home__page.qmw-home.qmw-inner .qmw-video-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body.home__page.qmw-home.qmw-inner .fixture__list__data {
        grid-template-columns: 72px 54px 56px minmax(0, 1fr);
    }
    body.home__page.qmw-home.qmw-inner .fixture__list__extra {
        display: none;
    }
}

/* qmw-style inner pages */
body.qmw-inner {
    background: var(--bg-body) !important;
}
body.qmw-inner .dv-spo-index_conter {
    margin: 0 auto;
    max-width: 1280px;
    padding: 28px 0 0;
    width: calc(100vw - 60px);
}
body.qmw-inner .dv-spo-index_con,
body.qmw-inner .dv-spo-news_con {
    align-items: start;
    display: grid;
    gap: 40px;
    grid-template-columns: minmax(0, 1fr) 300px;
    margin: 0;
    width: 100%;
}
body.qmw-inner .dv-spo-index_left,
body.qmw-inner .dv-spo-news_left {
    float: none;
    min-width: 0;
    width: 100%;
}
body.qmw-inner .dv-spo-index_right,
body.qmw-inner .dv-spo-news_right {
    float: none;
    margin: 0;
    position: sticky;
    top: 86px;
    width: 300px;
}
body.qmw-inner .dv-spo-map-box {
    margin: 0 0 18px;
    padding: 0;
}
body.qmw-inner .dv-spo-crumbs {
    border: 0;
    color: var(--font-color-50);
    font-size: 13px;
    line-height: 22px;
    margin: 0;
    padding: 0;
}
body.qmw-inner .dv-spo-crumbs a {
    color: var(--font-color-70);
    margin-left: 8px;
}
body.qmw-inner .dv-spo-crumbs a:hover {
    color: var(--font-blue);
}
body.qmw-inner .dv-spo-index_title {
    align-items: center;
    background-image: url("../images/icon_section_title.svg");
    background-position: left 6px;
    background-repeat: no-repeat;
    background-size: 14px 18px;
    border: 0;
    display: flex;
    height: auto;
    justify-content: space-between;
    line-height: 1;
    margin-bottom: 18px;
    padding-left: 22px;
}
body.qmw-inner .dv-spo-index_title h3,
body.qmw-inner .dv-spo-index_title span {
    color: var(--font-color);
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}
body.qmw-inner .dv-spo-index_title a {
    color: var(--font-color-50);
    font-size: 13px;
}
body.qmw-inner .dv-spo-index_title a:hover {
    color: var(--font-blue);
}
body.qmw-inner .dv-spo-index_tab {
    background: transparent;
    border: 0;
    margin-bottom: 28px;
}
body.qmw-inner .dv-spo-index_label {
    background: var(--bg-04);
    border-radius: 6px;
    margin-bottom: 18px;
    overflow: hidden;
}
body.qmw-inner .dv-spo-index_label ul {
    display: flex;
    gap: 0;
    overflow-x: auto;
}
body.qmw-inner .dv-spo-index_label li {
    color: var(--font-color-70);
    cursor: pointer;
    flex: 0 0 auto;
    font-size: 15px;
    height: 44px;
    line-height: 44px;
    padding: 0 18px;
}
body.qmw-inner .dv-spo-index_label li.on {
    background: var(--bg-blue-12);
    color: var(--font-blue);
    font-weight: 700;
}
body.qmw-inner .dv-spo-tuwen_list,
body.qmw-inner .dv-spo-index_video {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0 !important;
    overflow: visible;
}
body.qmw-inner .dv-spo-tuwen_list a,
body.qmw-inner .dv-spo-index_video > div,
body.qmw-inner .dv-spo-detail_wangluo li {
    background: var(--bg-04);
    border-radius: 6px;
    float: none !important;
    margin: 0 !important;
    overflow: hidden;
    padding: 0 !important;
    width: auto !important;
}
body.qmw-inner .dv-spo-tuwen_list .dv-spo-img,
body.qmw-inner .dv-spo-index_video .dv-spo-img {
    display: block;
    height: 128px;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}
body.qmw-inner .dv-spo-tuwen_list img,
body.qmw-inner .dv-spo-index_video img,
body.qmw-inner .dv-spo-detail_wangluo img {
    display: block;
    height: 100%;
    object-fit: cover;
    transition: transform .35s;
    width: 100%;
}
body.qmw-inner .qmw-news-left-original .dv-spo-index_label {
    background: #20252b !important;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 7px;
    border-top: 2px solid rgba(24, 144, 255, .86);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .14);
}
body.qmw-inner .qmw-news-left-original .dv-spo-index_label ul {
    background: transparent !important;
    box-shadow: none !important;
    height: 48px;
}
body.qmw-inner .qmw-news-left-original .dv-spo-index_label li {
    background: transparent !important;
    color: rgba(222, 232, 244, .72) !important;
    height: 48px;
    line-height: 48px;
    margin: 0;
    min-width: 66px;
    padding: 0 17px;
}
body.qmw-inner .qmw-news-left-original .dv-spo-index_label li.on {
    background: linear-gradient(135deg, rgba(24, 144, 255, .30), rgba(8, 68, 132, .18)) !important;
    color: #1890ff !important;
    font-weight: 700;
}
body.qmw-inner .qmw-news-left-original .dv-spo-index_label li:hover {
    color: #ffffff !important;
}
body.qmw-inner .qmw-news-left-original .dv-spo-tuwen_list {
    gap: 10px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
body.qmw-inner .qmw-news-left-original .dv-spo-tuwen_list a {
    background: linear-gradient(180deg, #24292f 0%, #1f2328 100%);
    border: 1px solid rgba(255, 255, 255, .04);
}
body.qmw-inner .qmw-news-left-original .dv-spo-tuwen_list .dv-spo-img {
    align-items: center;
    background:
        radial-gradient(circle at 50% 42%, rgba(255, 255, 255, .08), transparent 58%),
        #20252b;
    box-sizing: border-box;
    display: flex;
    height: 66px;
    justify-content: center;
    padding: 7px;
}
body.qmw-inner .qmw-news-left-original .dv-spo-tuwen_list img {
    height: 100%;
    max-height: 52px;
    max-width: 100%;
    object-fit: contain;
    transform: none;
    width: 100%;
}
body.qmw-inner .qmw-news-left-original .dv-spo-tuwen_list a:hover img {
    transform: none;
}
body.qmw-inner .qmw-news-left-original .dv-spo-tuwen_list .dv-spo-title {
    -webkit-line-clamp: 1;
    font-size: 13px;
    line-height: 20px;
    min-height: 34px;
    padding: 7px 8px;
}
body.qmw-inner .dv-spo-tuwen_list a:hover img,
body.qmw-inner .dv-spo-index_video a:hover img,
body.qmw-inner .dv-spo-detail_wangluo a:hover img {
    transform: scale(1.06);
}
body.qmw-inner .dv-spo-tuwen_list .dv-spo-title,
body.qmw-inner .dv-spo-index_video p {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--font-color);
    display: -webkit-box;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    min-height: 44px;
    overflow: hidden;
    padding: 10px;
}
body.qmw-inner .dv-spo-news_list {
    background: transparent;
}
body.qmw-inner .dv-spo-news_list .dv-spo-item {
    background: var(--bg-04) !important;
    border: 0;
    border-radius: 8px;
    margin-bottom: 14px;
    overflow: hidden;
    padding: 0;
}
body.qmw-inner .dv-spo-news_list .dv-spo-info {
    background: transparent !important;
    display: grid;
    gap: 18px;
    grid-template-columns: 190px minmax(0, 1fr);
    padding: 14px;
}
body.qmw-inner .dv-spo-news_list .dv-spo-img,
body.qmw-inner .dv-spo-news_list .dv-spo-img > div {
    height: 112px;
    margin: 0;
    overflow: hidden;
    width: 190px;
}
body.qmw-inner .dv-spo-news_list img {
    background: var(--bg-05);
    height: 100%;
    object-fit: cover;
    width: 100%;
}
body.qmw-inner .dv-spo-news_list .dv-spo-title {
    color: var(--font-color);
    display: flex;
    gap: 14px;
    justify-content: space-between;
}
body.qmw-inner .dv-spo-news_list .dv-spo-tit {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    font-size: 17px;
    font-weight: 600;
    overflow: hidden;
}
body.qmw-inner .dv-spo-news_list .dv-spo-title span,
body.qmw-inner .dv-spo-news_list .dv-spo-score,
body.qmw-inner .dv-spo-news_list .dv-spo-text {
    color: var(--font-color-50);
}
body.qmw-inner .dv-spo-news_list .dv-spo-text {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    font-size: 14px;
    line-height: 24px;
    margin-top: 12px;
    overflow: hidden;
}
body.home__page.qmw-home.qmw-inner .qmw-channel-news-list {
    display: grid;
    gap: 14px;
}
body.home__page.qmw-home.qmw-inner .qmw-channel-news-card {
    background: var(--bg-04);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    overflow: hidden;
}
body.home__page.qmw-home.qmw-inner .qmw-channel-news-card > a {
    display: grid;
    gap: 18px;
    grid-template-columns: 190px minmax(0, 1fr);
    padding: 14px;
}
body.home__page.qmw-home.qmw-inner .qmw-channel-news-card__cover {
    background: var(--bg-05);
    border-radius: 6px;
    height: 112px;
    overflow: hidden;
    width: 190px;
}
body.home__page.qmw-home.qmw-inner .qmw-channel-news-card__cover img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
body.home__page.qmw-home.qmw-inner .qmw-channel-news-card__info {
    min-width: 0;
}
body.home__page.qmw-home.qmw-inner .qmw-channel-news-card__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: var(--font-color);
    display: -webkit-box;
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
    overflow: hidden;
}
body.home__page.qmw-home.qmw-inner .qmw-channel-news-card__desc {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--font-color-50);
    display: -webkit-box;
    font-size: 14px;
    line-height: 24px;
    margin-top: 12px;
    overflow: hidden;
}
body.home__page.qmw-home.qmw-inner .qmw-channel-news-card__meta {
    color: var(--font-color-50);
    display: flex;
    font-size: 13px;
    gap: 18px;
    line-height: 20px;
    margin-top: 12px;
}
body.home__page.qmw-home.qmw-inner .qmw-channel-news-card__meta span:first-child {
    color: #20c879;
}
body.home__page.qmw-home.qmw-inner .qmw-channel-news-card:hover {
    background: var(--bg-05);
}
body.home__page.qmw-home.qmw-inner .qmw-channel-news-card:hover .qmw-channel-news-card__title {
    color: var(--font-blue);
}

/* Football channel news cards: keep image and text locked in one row. */
body.home__page.qmw-home.qmw-inner .qmw-news-original-section .qmw-channel-news-list {
    display: flex !important;
    flex-direction: column;
    gap: 12px;
}
body.home__page.qmw-home.qmw-inner .qmw-news-original-section .qmw-channel-news-card {
    background: #22272e;
    border: 1px solid rgba(255, 255, 255, .04);
    border-radius: 8px;
    box-sizing: border-box;
    overflow: hidden;
}
body.home__page.qmw-home.qmw-inner .qmw-news-original-section .qmw-channel-news-card > a {
    align-items: center;
    box-sizing: border-box;
    display: flex !important;
    gap: 18px;
    min-height: 128px;
    padding: 12px 14px;
    width: 100%;
}
body.home__page.qmw-home.qmw-inner .qmw-news-original-section .qmw-channel-news-card__cover {
    flex: 0 0 190px;
    height: 106px;
    margin: 0;
    width: 190px;
}
body.home__page.qmw-home.qmw-inner .qmw-news-original-section .qmw-channel-news-card__cover img {
    border-radius: 6px;
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}
body.home__page.qmw-home.qmw-inner .qmw-news-original-section .qmw-channel-news-card__info {
    flex: 1 1 auto;
    min-width: 0;
}
body.home__page.qmw-home.qmw-inner .qmw-news-original-section .qmw-channel-news-card__title {
    color: #168bff;
    font-size: 17px;
    line-height: 24px;
}
body.home__page.qmw-home.qmw-inner .qmw-news-original-section .qmw-channel-news-card__desc {
    margin-top: 10px;
}
body.home__page.qmw-home.qmw-inner .qmw-news-original-section .qmw-channel-news-card__meta {
    margin-top: 10px;
}

/* Channel article list uses its own classes to avoid legacy card rules. */
body.home__page.qmw-home.qmw-inner .qmw-news-original-section .qmw-channel-article-card {
    background: #22272e;
    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: 8px;
    overflow: hidden;
}
body.home__page.qmw-home.qmw-inner .qmw-news-original-section .qmw-channel-article-card > a {
    align-items: start;
    box-sizing: border-box;
    display: grid !important;
    gap: 18px;
    grid-template-columns: 190px minmax(0, 1fr);
    min-height: 126px;
    overflow: hidden;
    padding: 12px 14px;
    width: 100%;
}
body.home__page.qmw-home.qmw-inner .qmw-news-original-section .qmw-channel-article-card__cover {
    align-self: start;
    background: var(--bg-05);
    border-radius: 6px;
    flex: 0 0 190px;
    height: 106px;
    overflow: hidden;
    width: 190px;
}
body.home__page.qmw-home.qmw-inner .qmw-news-original-section .qmw-channel-article-card__cover img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}
body.home__page.qmw-home.qmw-inner .qmw-news-original-section .qmw-channel-article-card__info {
    min-width: 0;
    overflow: hidden;
}
body.home__page.qmw-home.qmw-inner .qmw-news-original-section .qmw-channel-article-card__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #fff;
    display: -webkit-box;
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
    overflow: hidden;
    overflow-wrap: anywhere;
}
body.home__page.qmw-home.qmw-inner .qmw-news-original-section .qmw-channel-article-card__desc {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--font-color-50);
    display: -webkit-box;
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
    overflow: hidden;
    overflow-wrap: anywhere;
}
body.home__page.qmw-home.qmw-inner .qmw-news-original-section .qmw-channel-article-card__desc img,
body.home__page.qmw-home.qmw-inner .qmw-news-original-section .qmw-channel-article-card__desc picture,
body.home__page.qmw-home.qmw-inner .qmw-news-original-section .qmw-channel-article-card__desc video,
body.home__page.qmw-home.qmw-inner .qmw-news-original-section .qmw-channel-article-card__desc iframe {
    display: none !important;
}
body.home__page.qmw-home.qmw-inner .qmw-news-original-section .qmw-channel-article-card__meta {
    color: var(--font-color-50);
    display: flex;
    font-size: 13px;
    gap: 18px;
    line-height: 20px;
    margin-top: 10px;
}
body.home__page.qmw-home.qmw-inner .qmw-news-original-section .qmw-channel-article-card__meta span:first-child {
    color: #20c879;
}
body.home__page.qmw-home.qmw-inner .qmw-news-original-section .qmw-channel-article-card:hover {
    background: #252b33;
}
body.home__page.qmw-home.qmw-inner .qmw-news-original-section .qmw-channel-article-card:hover .qmw-channel-article-card__title {
    color: #fff;
}

/* League home match list mirrors the homepage fixture grid. */
body.home__page.qmw-home .qmw-league-match-tab .dv-spo-hotmatch a.dv-spo-items-center {
    column-gap: 4px;
    font-size: 15px;
    grid-template-columns: 58px 90px 76px 144px 34px 30px 12px 30px 34px 144px;
    min-height: 78px;
}
body.home__page.qmw-home .qmw-league-match-tab .dv-spo-hotmatch .dv-spo-status span {
    white-space: nowrap;
    width: 52px;
}
body.home__page.qmw-home .qmw-league-match-tab .dv-spo-index_match_list .dv-spo-hotmatch {
    min-height: 78px;
}
body.home__page.qmw-home .qmw-league-match-tab .dv-spo-hotmatch .dv-spo-time,
body.home__page.qmw-home .qmw-league-match-tab .dv-spo-hotmatch .dv-spo-cate {
    font-size: 15px;
}
body.home__page.qmw-home .qmw-league-match-tab .dv-spo-hotmatch .dv-spo-team1,
body.home__page.qmw-home .qmw-league-match-tab .dv-spo-hotmatch .dv-spo-team2 {
    font-size: 16px;
    line-height: 22px;
    max-width: 144px;
}
body.home__page.qmw-home .qmw-league-match-tab .dv-spo-hotmatch .dv-spo-team1logo img,
body.home__page.qmw-home .qmw-league-match-tab .dv-spo-hotmatch .dv-spo-team2logo img {
    height: 30px !important;
    max-height: 30px !important;
    max-width: 30px !important;
    width: 30px !important;
}
body.home__page.qmw-home .qmw-league-match-tab .dv-spo-hotmatch .dv-spo-team1num,
body.home__page.qmw-home .qmw-league-match-tab .dv-spo-hotmatch .dv-spo-team2num {
    font-size: 15px;
    height: 28px;
    line-height: 28px;
}
body.home__page.qmw-home .qmw-league-match-tab .dv-spo-hotmatch .dv-spo-fh {
    font-size: 15px;
}
body.home__page.qmw-home .qmw-league-match-tab .dv-spo-hotmatch .dv-spo-items-box {
    border-radius: 19px;
    padding: 4px;
}
body.home__page.qmw-home .qmw-league-match-tab .dv-spo-hotmatch .dv-spo-items-btm p {
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    min-width: 60px;
}

body.home__page.qmw-home.qmw-inner .qmw-side .qmw-side-media .qmw-side-list {
    min-height: 0;
}

body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side {
    gap: 10px;
}
body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side > .qmw__section {
    margin-bottom: 0;
    padding-bottom: 0;
}
body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side > .qmw__section > .qmw__section__header,
body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side .qmw-side-media__header {
    background-position: left 4px;
    height: 34px;
    line-height: 28px;
    padding: 0 0 6px 20px;
}
body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side .qmw-side-media__tabs {
    margin-left: 8px;
    max-width: 96px;
}
body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side .qmw-side-media__tab {
    font-size: 11px;
    height: 22px;
    line-height: 22px;
    min-width: 36px;
    padding: 0 6px;
}
body.qmw-inner .dv-spo-index_videopace ul,
body.qmw-inner .dv-spo-detail_new_list ul,
body.qmw-inner .dv-spo-page_list ul {
    background: var(--bg-04) !important;
    border-radius: 8px;
    overflow: hidden;
    padding: 4px 0;
}
body.qmw-inner .dv-spo-index_videopace,
body.qmw-inner .dv-spo-detail_new_list,
body.qmw-inner .dv-spo-page_list {
    background: transparent !important;
    padding-bottom: 0 !important;
}
body.qmw-inner .dv-spo-index_videopace li,
body.qmw-inner .dv-spo-detail_new_list li,
body.qmw-inner .dv-spo-page_list li {
    border-bottom: 1px solid var(--bg-06);
    display: flex;
    gap: 8px;
    line-height: 24px;
    padding: 10px 14px;
}
body.qmw-inner .dv-spo-index_videopace li:last-child,
body.qmw-inner .dv-spo-detail_new_list li:last-child,
body.qmw-inner .dv-spo-page_list li:last-child {
    border-bottom: 0;
}
body.qmw-inner .dv-spo-index_videopace li span,
body.qmw-inner .dv-spo-detail_new_list li span,
body.qmw-inner .dv-spo-page_list li span {
    background: var(--bg-blue) !important;
    border-radius: 50%;
    flex: 0 0 auto;
    height: 5px;
    margin-top: 9px;
    width: 5px;
}
body.qmw-inner .dv-spo-index_videopace li a,
body.qmw-inner .dv-spo-detail_new_list li a,
body.qmw-inner .dv-spo-page_list li a {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--font-color-70) !important;
    display: -webkit-box;
    font-size: 14px;
    overflow: hidden;
}
body.qmw-inner .dv-spo-index_videopace li a:hover,
body.qmw-inner .dv-spo-detail_new_list li a:hover,
body.qmw-inner .dv-spo-page_list li a:hover {
    color: var(--font-blue);
}
body.qmw-inner .dv-spo-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
body.qmw-inner .dv-spo-tags .dv-spo-tag {
    background: var(--bg-04);
    border: 1px solid var(--bg-06);
    border-radius: 999px;
    color: var(--font-color-70);
    font-size: 13px;
    line-height: 30px;
    padding: 0 12px;
}
body.qmw-inner .dv-spo-tags .dv-spo-tag:hover {
    background: var(--bg-blue-12);
    border-color: var(--bg-blue-30);
    color: var(--font-blue);
}
body.qmw-inner .dv-spo-news_top_cont {
    background: var(--bg-04);
    border-radius: 10px 10px 0 0;
    padding: 28px 30px 18px;
}
body.qmw-inner .dv-spo-index_left > div[style*="background: #fff"],
body.qmw-inner .dv-spo-index_left > div[style*="background:#fff"],
body.qmw-inner .dv-spo-news_left > div[style*="background: #fff"],
body.qmw-inner .dv-spo-news_left > div[style*="background:#fff"] {
    background: transparent !important;
    padding: 0 !important;
}
body.qmw-inner .dv-spo-news_top_cont h1 {
    color: var(--font-color);
    font-size: 28px;
    font-weight: 700;
    line-height: 40px;
    margin: 0;
}
body.qmw-inner .dv-spo-news_top_cont .dv-spo-text {
    color: var(--font-color-50);
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 14px;
}
body.qmw-inner .dv-spo-news_detail,
body.qmw-inner .dv-spo-video_play,
body.qmw-inner .dv-spo-video_cont_list,
body.qmw-inner .dv-spo-detail_tags {
    background: var(--bg-04);
    color: var(--font-color-70);
    font-size: 15px;
    line-height: 30px;
    padding: 0 30px 24px;
}
body.qmw-inner .dv-spo-news_top_cont + .dv-spo-news_detail,
body.qmw-inner .dv-spo-news_top_cont + .dv-spo-video_play {
    padding-top: 10px;
}
body.qmw-inner .dv-spo-news_detail img,
body.qmw-inner .dv-spo-video_play img.dv-spo-img {
    border-radius: 8px;
    height: auto;
    max-width: 100%;
}
body.qmw-inner .dv-spo-detail_tags {
    border-radius: 0 0 10px 10px;
    border-top: 1px solid var(--bg-06);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
body.qmw-inner .dv-spo-detail_tags > span {
    color: var(--font-color);
    font-weight: 700;
}
body.qmw-inner .dv-spo-detail_tags a {
    background: var(--bg-blue-12);
    border-radius: 999px;
    color: var(--font-blue);
    line-height: 26px;
    padding: 0 10px;
}
body.qmw-inner .dv-spo-news_detail_page {
    background: var(--bg-04);
    border-radius: 8px;
    height: auto;
    margin: 18px 0 0;
    padding: 14px 18px;
}
body.qmw-inner .dv-spo-news_detail_page p {
    color: var(--font-color-50);
    font-size: 14px;
    line-height: 26px;
}
body.qmw-inner .dv-spo-news_detail_page a {
    color: var(--font-color-70);
}
body.qmw-inner .dv-spo-news_detail_page a:hover {
    color: var(--font-blue);
}
body.qmw-inner .dv-spo-detail_wangluo ul {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
body.qmw-inner .dv-spo-detail_wangluo .dv-spo-img {
    display: block;
    height: 128px;
    position: relative;
}
body.qmw-inner .dv-spo-detail_wangluo .dv-spo-name {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7));
    bottom: 0;
    color: #fff;
    font-size: 14px;
    left: 0;
    line-height: 22px;
    margin: 0;
    padding: 34px 10px 10px;
    position: absolute;
    right: 0;
}
body.qmw-inner .dv-spo-saishi_tab,
body.qmw-inner .dv-spo-detail_top {
    align-items: center;
    background: var(--bg-04);
    border-radius: 10px;
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
    padding: 18px;
}
body.qmw-inner .dv-spo-saishi_tab > img,
body.qmw-inner .dv-spo-detail_top .dv-spo-img {
    background: var(--bg-08);
    border-radius: 50%;
    height: 62px;
    object-fit: contain;
    padding: 6px;
    width: 62px;
}
body.qmw-inner .dv-spo-saishi_tab > span,
body.qmw-inner .dv-spo-detail_top .dv-spo-zh {
    color: var(--font-color);
    font-size: 22px;
    font-weight: 700;
}
body.qmw-inner .dv-spo-saishi_item {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-left: auto;
}
body.qmw-inner .dv-spo-saishi_item a {
    background: var(--bg-04);
    border-radius: 999px;
    color: var(--font-color-70);
    line-height: 30px;
    padding: 0 12px;
}
body.qmw-inner .dv-spo-saishi_item a.on,
body.qmw-inner .dv-spo-saishi_item a:hover {
    background: var(--bg-blue-12);
    color: var(--font-blue);
}
body.qmw-inner .dv-spo-index_match_list {
    display: grid;
    gap: 12px;
}
body.qmw-inner .dv-spo-hotmatch {
    background: var(--bg-04);
    border: 0;
    border-radius: 8px;
    color: var(--font-color);
    overflow: hidden;
}
body.qmw-inner .dv-spo-hotmatch .dv-spo-items-center {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: 78px 80px 1fr 42px 42px 24px 42px 42px 1fr;
    min-height: 86px;
    padding: 12px 14px;
}
body.qmw-inner .dv-spo-hotmatch p {
    margin: 0;
}
body.qmw-inner .dv-spo-status span {
    background: var(--bg-blue-12);
    border-radius: 4px;
    color: var(--font-blue);
    display: inline-block;
    line-height: 26px;
    padding: 0 8px;
}
body.qmw-inner .dv-spo-live span {
    background: rgba(255, 91, 91, .16);
    color: #ff7777;
}
body.qmw-inner .dv-spo-time,
body.qmw-inner .dv-spo-cate {
    color: var(--font-color-50);
    font-size: 13px;
}
body.qmw-inner .dv-spo-team1,
body.qmw-inner .dv-spo-team2 {
    color: var(--font-color);
    font-size: 15px;
}
body.qmw-inner .dv-spo-team1logo img,
body.qmw-inner .dv-spo-team2logo img {
    background: var(--bg-08);
    border-radius: 50%;
    height: 34px;
    object-fit: contain;
    padding: 4px;
    width: 34px;
}
body.qmw-inner .dv-spo-team1num,
body.qmw-inner .dv-spo-team2num,
body.qmw-inner .dv-spo-fh {
    color: var(--font-color);
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}
body.qmw-inner .dv-spo-items-box {
    border-top: 1px solid var(--bg-06);
    display: flex;
    gap: 10px;
    padding: 10px 14px;
}
body.qmw-inner .dv-spo-items-top {
    color: var(--font-color-50);
}
body.qmw-inner .dv-spo-items-btm a p,
body.qmw-inner .dv-spo-more {
    background: var(--bg-blue);
    border-radius: 4px;
    color: #fff;
    line-height: 26px;
    padding: 0 10px;
}
body.qmw-inner .dv-spo-nothing {
    align-items: center;
    background: var(--bg-04);
    border-radius: 8px;
    color: var(--font-color-50);
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    min-height: 220px;
}
body.qmw-inner .dv-spo-data_conten {
    background: var(--bg-04);
    border-radius: 8px;
    display: flex;
    gap: 8px;
    margin-bottom: 18px;
    overflow-x: auto;
    padding: 8px;
}
body.qmw-inner .dv-spo-data_conten a {
    border-radius: 6px;
    color: var(--font-color-70);
    flex: 0 0 auto;
    font-size: 14px;
    line-height: 24px;
    min-width: 82px;
    padding: 8px 12px;
    text-align: center;
}
body.qmw-inner .dv-spo-data_conten a.on,
body.qmw-inner .dv-spo-data_conten a:hover {
    background: var(--bg-blue-12);
    color: var(--font-blue);
}
body.qmw-inner .dv-spo-jf_rnak {
    background: var(--bg-04);
    border-radius: 8px;
    margin-bottom: 18px;
    overflow: hidden;
}
body.qmw-inner .dv-spo-jfname {
    border-bottom: 1px solid var(--bg-06);
    color: var(--font-color);
    font-size: 18px;
    font-weight: 700;
    line-height: 46px;
    padding: 0 16px;
}
body.qmw-inner .dv-spo-rankingt {
    align-items: center;
    border-bottom: 1px solid var(--bg-06);
    color: var(--font-color-70);
    display: grid;
    gap: 12px;
    grid-template-columns: 70px minmax(160px, 1fr) repeat(8, minmax(60px, 1fr));
    min-width: 760px;
    padding: 10px 16px;
}
body.qmw-inner .dv-spo-rankingt:last-child {
    border-bottom: 0;
}
body.qmw-inner .dv-spo-rankingt .dv-spo-logo {
    align-items: center;
    display: flex;
    gap: 8px;
}
body.qmw-inner .dv-spo-rankingt img {
    background: var(--bg-08);
    border-radius: 50%;
    object-fit: contain;
}
body.qmw-inner .dv-spo-rankingt .dv-spo-team {
    color: var(--font-color);
    margin: 0;
}
body.qmw-inner .dv-spo-rankingt .dv-spo-num {
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    text-align: center;
    width: 26px;
}
body.qmw-inner .dv-spo-jf_rnak {
    overflow-x: auto;
}
body.qmw-inner .dv-spo-video_play {
    margin-top: 0 !important;
    position: relative;
}
body.qmw-inner .dv-spo-video_play a {
    display: block;
    overflow: hidden;
    position: relative;
}
body.qmw-inner .dv-spo-video_play .dv-spo-play {
    height: 68px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 68px;
}
body.qmw-inner .dv-spo-video_cont_list {
    display: grid;
    gap: 10px;
}
body.qmw-inner .dv-spo-video_cont_list > span {
    color: var(--font-color);
    font-weight: 700;
}
body.qmw-inner .dv-spo-video_cont_list a {
    background: var(--bg-06);
    border-radius: 6px;
    color: var(--font-color-70);
    line-height: 36px;
    padding: 0 12px;
}
body.qmw-inner #page {
    margin: 26px 0 0;
    text-align: center;
}
body.qmw-inner #page a,
body.qmw-inner #page span {
    background: var(--bg-04);
    border: 1px solid var(--bg-06);
    border-radius: 4px;
    color: var(--font-color-70);
    display: inline-block;
    line-height: 32px;
    margin: 0 4px;
    min-width: 32px;
    padding: 0 10px;
}
body.qmw-inner #page .current,
body.qmw-inner #page a:hover {
    background: var(--bg-blue);
    color: #fff;
}
@media (max-width: 980px) {
    body.qmw-inner .dv-spo-index_con,
    body.qmw-inner .dv-spo-news_con {
        grid-template-columns: 1fr;
    }
    body.qmw-inner .dv-spo-index_right,
    body.qmw-inner .dv-spo-news_right {
        position: static;
        width: 100%;
    }
    body.qmw-inner .dv-spo-tuwen_list,
    body.qmw-inner .dv-spo-index_video,
    body.qmw-inner .dv-spo-detail_wangluo ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body.qmw-inner .dv-spo-news_list .dv-spo-info {
        grid-template-columns: 1fr;
    }
    body.qmw-inner .dv-spo-news_list .dv-spo-img,
    body.qmw-inner .dv-spo-news_list .dv-spo-img > div {
        height: 180px;
        width: 100%;
    }
    body.qmw-inner .dv-spo-hotmatch .dv-spo-items-center {
        grid-template-columns: 1fr;
        text-align: center;
    }
}

/* news detail page */
body.home__page.qmw-home.qmw-inner.qmw-news-detail {
    --bg-01: #1f2226;
    --bg-02: #191b1f;
    --bg-03: #202328;
    --bg-04: #262a2f;
    --bg-05: #2f343a;
    --font-color: #f7f9fc;
    --font-color-90: rgba(247,249,252,.9);
    --font-color-70: rgba(247,249,252,.72);
    --font-color-50: rgba(247,249,252,.52);
    --font-color-40: rgba(247,249,252,.42);
    --font-blue: #1f8cff;
    background: var(--bg-01);
    color: var(--font-color);
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .news-detail-main {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    margin: 0 auto;
    padding: 32px 0;
    width: 1280px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .page__main__content {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .page__main__aside {
    flex: 0 0 300px;
    height: max-content;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .page__main__aside--right {
    margin-left: 40px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw__section {
    padding-bottom: 20px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .page__main__aside > .qmw__section,
body.home__page.qmw-home.qmw-inner.qmw-news-detail .page__main__aside > div.qmw__section {
    padding-bottom: 10px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .page__main__aside .qmw__section__header {
    height: 34px;
    padding-bottom: 8px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw__section__header {
    align-items: center;
    background-image: none !important;
    background-position: 0 0 !important;
    background-size: 0 0 !important;
    box-sizing: border-box;
    display: flex;
    height: 42px;
    justify-content: flex-start;
    padding-bottom: 14px;
    padding-left: 26px;
    position: relative;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw__section__header:before {
    background: #1f8cff !important;
    border-radius: 1px;
    content: "";
    height: 20px;
    left: 4px;
    position: absolute;
    top: 1px;
    transform: skew(-12deg);
    width: 5px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw__section__header:after {
    background: #ff7a45 !important;
    border-radius: 1px;
    content: "";
    height: 20px;
    left: 12px;
    position: absolute;
    top: 1px;
    transform: skew(-12deg);
    width: 5px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw__section__title {
    color: var(--font-color);
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .news__info {
    padding-bottom: 36px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .news__info__title {
    color: var(--font-color);
    font-size: 32px;
    font-weight: 600;
    line-height: 44px;
    margin: 0 0 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .news__info__extra {
    color: var(--font-color-50);
    display: flex;
    font-size: 14px;
    gap: 18px;
    line-height: 24px;
    margin-bottom: 24px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .news__info__content {
    color: var(--font-color-70);
    font-size: 16px;
    line-height: 30px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .news__info__content p {
    margin: 0 0 20px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .news__info__content img {
    border-radius: 6px;
    display: block;
    height: auto;
    margin: 0 auto 20px;
    max-width: 100%;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .news__info__content a {
    color: var(--font-blue);
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .news__info__content .qmw-player-card {
    color: inherit;
    display: block;
    margin-bottom: 18px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .news__info__content .qmw-player-card img {
    margin-bottom: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .news__info__content .qmw-text-list {
    margin-top: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .news__info__content .qmw-text-list a {
    color: var(--font-color-70);
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .news__info__content .qmw-text-list a:hover {
    color: var(--font-blue);
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .news__info__tags {
    border-top: 1px solid var(--bg-04);
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
    padding-top: 20px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .news__info__tag {
    align-items: center;
    background: var(--bg-04);
    border-radius: 18px;
    color: var(--font-color-70);
    display: flex;
    font-size: 14px;
    line-height: 20px;
    min-height: 34px;
    padding: 6px 14px;
    transition: color .2s, background .2s;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .news__info__tag:hover {
    background: var(--font-blue);
    color: #fff;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .news__info__copyright {
    color: var(--font-color-40);
    display: block;
    font-size: 13px;
    line-height: 22px;
    margin-top: 18px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw__author {
    background-color: var(--bg-04);
    border-radius: 6px;
    box-sizing: border-box;
    color: var(--font-color);
    max-width: 300px;
    padding: 18px 14px 14px;
    width: 100%;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw__author__info {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw__author__info img {
    border-radius: 50%;
    height: 56px;
    object-fit: cover;
    width: 56px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw__author__info span {
    color: var(--font-color);
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw__author__basic {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin: 14px 0 12px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw__author__basic div {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw__author__basic span:first-child {
    color: var(--font-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw__author__basic span:last-child {
    color: var(--font-color-50);
    font-size: 13px;
    line-height: 20px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw__author .qmw__section {
    padding-bottom: 10px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw__author__more {
    align-items: center;
    background: var(--bg-05);
    border-radius: 4px;
    color: var(--font-color-70);
    display: flex;
    font-size: 14px;
    height: 38px;
    justify-content: center;
    line-height: 20px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw__author__more:hover {
    color: var(--font-blue);
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .recommend__item {
    background: var(--bg-04);
    border-radius: 6px;
    box-sizing: border-box;
    padding: 8px 10px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .recommend__news {
    border-bottom: 1px solid rgba(255,255,255,.06);
    box-sizing: border-box;
    display: grid;
    gap: 4px 10px;
    grid-template-columns: 88px minmax(0,1fr);
    padding: 8px 0;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .recommend__news:last-child {
    border-bottom: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .recommend__news__cover {
    border-radius: 4px;
    grid-row: span 2;
    height: 52px;
    overflow: hidden;
    width: 88px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .recommend__news__cover img {
    display: block;
    height: 100%;
    object-fit: cover;
    transition: transform .25s;
    width: 100%;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .recommend__news:hover img {
    transform: scale(1.06);
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .recommend__news > span:nth-of-type(1) {
    color: var(--font-color-90);
    display: -webkit-box;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .recommend__news:hover > span:nth-of-type(1) {
    color: var(--font-blue);
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .recommend__news > span:nth-of-type(2) {
    align-self: end;
    color: var(--font-color-40);
    font-size: 12px;
    line-height: 18px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .recommend__item--game {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .recommend__game {
    align-items: center;
    background: var(--bg-04);
    border-radius: 6px;
    box-sizing: border-box;
    color: var(--font-color);
    display: grid;
    gap: 10px;
    grid-template-columns: 66px minmax(0,1fr) 44px;
    min-height: 66px;
    padding: 9px 10px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .recommend__game:hover {
    background: var(--bg-05);
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .recommend__game__basic {
    color: var(--font-color);
    display: flex;
    flex-direction: column;
    font-size: 13px;
    gap: 4px;
    line-height: 18px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .recommend__game__basic span:last-child {
    color: var(--font-color-50);
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .recommend__game__info {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .recommend__game__team {
    align-items: center;
    color: var(--font-color-90);
    display: flex;
    font-size: 14px;
    gap: 8px;
    line-height: 20px;
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .recommend__game__team + .recommend__game__team {
    margin-top: 2px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .recommend__game__team img {
    background: rgba(255,255,255,.08);
    border-radius: 50%;
    height: 24px;
    object-fit: contain;
    padding: 2px;
    width: 24px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .recommend__game__team span,
body.home__page.qmw-home.qmw-inner.qmw-news-detail .recommend__game--text .recommend__game__info span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .recommend__game__btn {
    align-items: center;
    background: var(--font-blue);
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 13px;
    height: 28px;
    justify-content: center;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .dv-spo-news_detail_page {
    background: linear-gradient(135deg, rgba(38,42,47,.96), rgba(31,34,38,.96));
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 10px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
    display: grid;
    gap: 10px;
    height: auto;
    margin: 20px 0 34px;
    padding: 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .dv-spo-news_detail_page p {
    align-items: center;
    background: rgba(255,255,255,.03);
    border-radius: 8px;
    color: var(--font-color-50);
    display: flex;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    min-width: 0;
    padding: 10px 12px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .dv-spo-news_detail_page a {
    color: var(--font-color-80, rgba(247,249,252,.82));
    display: inline-block;
    margin-left: 6px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .dv-spo-news_detail_page p:hover {
    background: rgba(31,140,255,.08);
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .dv-spo-news_detail_page a:hover {
    color: var(--font-blue);
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .dv-spo-detail_wangluo ul {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(4, minmax(0,1fr));
    margin: 18px 0 0;
    overflow: visible;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .dv-spo-detail_wangluo ul li {
    background: var(--bg-04);
    border-radius: 7px;
    float: none !important;
    margin: 0 !important;
    overflow: hidden;
    padding: 0 !important;
    width: auto !important;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .dv-spo-detail_wangluo .dv-spo-img {
    display: block;
    height: auto;
    overflow: hidden;
    position: static;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .dv-spo-detail_wangluo .dv-spo-img img {
    display: block;
    aspect-ratio: 16 / 9;
    height: auto;
    object-fit: cover;
    transition: transform .3s;
    width: 100%;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .dv-spo-detail_wangluo .dv-spo-img:hover img {
    transform: scale(1.05);
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .dv-spo-detail_wangluo .dv-spo-name {
    background: none;
    bottom: auto;
    color: var(--font-color-90);
    align-items: center;
    display: flex;
    font-size: 14px;
    height: 42px;
    justify-content: center;
    left: auto;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    padding: 7px 10px 9px;
    position: static;
    text-align: center;
    text-overflow: initial;
    white-space: normal;
    width: auto;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .dv-spo-detail_wangluo .dv-spo-img:hover .dv-spo-name {
    color: var(--font-blue);
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw-side-list {
    background: var(--bg-04);
    border-radius: 6px;
    padding: 6px 12px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw-side-list a {
    border-bottom: 1px solid rgba(255,255,255,.06);
    color: var(--font-color-70);
    display: block;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    padding: 8px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw-side-list a:last-child {
    border-bottom: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw-side-list a:hover {
    color: var(--font-blue);
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw-side-tags {
    background: var(--bg-04);
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw-side-tags a {
    background: var(--bg-05);
    border-radius: 16px;
    color: var(--font-color-70);
    font-size: 13px;
    line-height: 18px;
    padding: 4px 10px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw-side-tags a:hover {
    background: var(--font-blue);
    color: #fff;
}

body.home__page.qmw-home.qmw-inner .qmw-side-media,
.qmw-side-media {
    overflow: hidden;
}

body.home__page.qmw-home.qmw-inner .qmw-side-media__input,
.qmw-side-media__input {
    height: 1px;
    opacity: 0;
    position: absolute;
    width: 1px;
}

body.home__page.qmw-home.qmw-inner .qmw-side-media__header,
.qmw-side-media__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

body.home__page.qmw-home.qmw-inner .qmw-side-media__tabs,
.qmw-side-media__tabs {
    align-items: center;
    background: rgba(255,255,255,.04);
    border-radius: 15px;
    display: flex;
    flex: 0 0 auto;
    gap: 2px;
    padding: 2px;
}

body.home__page.qmw-home.qmw-inner .qmw-side-media__tab,
.qmw-side-media__tab {
    align-items: center;
    border-radius: 13px;
    color: var(--font-color-50, #888);
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    height: 24px;
    justify-content: center;
    line-height: 24px;
    margin: 0;
    min-width: 42px;
    padding: 0 8px;
    pointer-events: auto;
    text-align: center;
    transition: background .2s, color .2s;
}

body.home__page.qmw-home.qmw-inner .qmw-side-media__input--video:checked ~ .qmw-side-media__header .qmw-side-media__tab--video,
body.home__page.qmw-home.qmw-inner .qmw-side-media__input--high:checked ~ .qmw-side-media__header .qmw-side-media__tab--high,
.qmw-side-media__input--video:checked ~ .qmw-side-media__header .qmw-side-media__tab--video,
.qmw-side-media__input--high:checked ~ .qmw-side-media__header .qmw-side-media__tab--high {
    background: var(--font-blue, #1f8cff);
    color: #fff;
}

body.home__page.qmw-home.qmw-inner .qmw-side-media__viewport,
.qmw-side-media__viewport {
    overflow: hidden;
    width: 100%;
}

body.home__page.qmw-home.qmw-inner .qmw-side-media__track,
.qmw-side-media__track {
    display: flex;
    transition: transform .28s ease;
    width: 200%;
}

body.home__page.qmw-home.qmw-inner .qmw-side-media__input--high:checked ~ .qmw-side-media__viewport .qmw-side-media__track,
.qmw-side-media__input--high:checked ~ .qmw-side-media__viewport .qmw-side-media__track {
    transform: translateX(-50%);
}

body.home__page.qmw-home.qmw-inner .qmw-side-media__panel,
.qmw-side-media__panel {
    flex: 0 0 50%;
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner .qmw-side-media .qmw-side-list,
body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw-side-media .qmw-side-list {
    min-height: 236px;
}

.qmw-side-media--legacy .qmw-side-media__tabs {
    background: #f3f6fa;
}

.qmw-side-media--legacy .qmw-side-media__tab {
    color: #777;
}

.qmw-side-media--legacy .dv-spo-index_videopace {
    margin-top: 12px !important;
}

.qmw-side-media--legacy .dv-spo-index_videopace ul {
    margin-bottom: 0;
}

/* Fixed PC layout for news detail. */
body.home__page.qmw-home.qmw-inner.qmw-news-detail {
    min-width: 1280px;
    overflow-x: auto;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .page__header {
    min-width: 1280px !important;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .page__header__container {
    max-width: none !important;
    width: 1280px !important;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .page__header__slide {
    flex: 0 0 144px !important;
    width: 144px !important;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .page__header__nav__item {
    flex: 0 0 100px !important;
    min-width: 100px !important;
    width: 100px !important;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .news-detail-main {
    max-width: none !important;
    width: 1280px !important;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail footer {
    min-width: 1280px !important;
    width: 100% !important;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail footer .dv-spo-center,
body.home__page.qmw-home.qmw-inner.qmw-news-detail footer + .dv-spo-center {
    max-width: none !important;
    width: 1280px !important;
}

/* Qiumiwu-style live detail page. */
body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-detail-main {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 28px 0 34px;
    width: 1280px !important;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-detail-header {
    width: 1280px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw__breadcrumb {
    align-items: center;
    color: var(--font-color-50);
    display: flex;
    font-size: 14px;
    gap: 8px;
    line-height: 22px;
    margin-bottom: 18px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw__breadcrumb a {
    color: var(--font-color-70);
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw__breadcrumb a:hover {
    color: var(--font-blue);
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .game__header {
    background: linear-gradient(90deg, rgba(255,102,102,.22), rgba(38,42,47,.98) 24%, rgba(38,42,47,.98) 76%, rgba(0,128,255,.22));
    border-radius: 10px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
    display: grid;
    grid-template-columns: minmax(0,1fr) 360px minmax(0,1fr);
    height: 250px;
    overflow: hidden;
    position: relative;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .game__header__side {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 24px 38px;
    position: relative;
    text-align: center;
    z-index: 1;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .game__header__side img {
    background: rgba(255,255,255,.08);
    border-radius: 50%;
    height: 78px;
    object-fit: contain;
    padding: 7px;
    width: 78px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .game__header__team {
    color: var(--font-color);
    display: block;
    font-size: 26px;
    font-weight: 600;
    line-height: 34px;
    margin: 12px 0 6px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-seo-title {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .game__header__side__label,
body.home__page.qmw-home.qmw-inner.qmw-live-detail .game__header__side__desc {
    color: var(--font-color-50);
    font-size: 13px;
    line-height: 20px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .game__header__side__bg {
    bottom: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .game__header__side--home .game__header__side__bg {
    left: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .game__header__side--away .game__header__side__bg {
    right: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .game__header__info {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .game__header__info__league {
    color: var(--font-color-70);
    font-size: 15px;
    line-height: 22px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .game__header__info__time {
    color: var(--font-color-50);
    font-size: 14px;
    line-height: 22px;
    margin-top: 6px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .game__header__info__score {
    align-items: center;
    color: var(--font-color);
    display: flex;
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    font-size: 54px;
    font-weight: 700;
    gap: 26px;
    line-height: 64px;
    margin: 16px 0 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .game__header__info__score em,
body.home__page.qmw-home.qmw-inner.qmw-live-detail .game__header__info__score strong {
    color: var(--font-color-50);
    font-style: normal;
    font-weight: 700;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .game__header__info__btn {
    background: var(--font-blue);
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    line-height: 32px;
    padding: 0 18px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .game__header__info__note {
    color: var(--font-color-50);
    font-size: 13px;
    line-height: 20px;
    margin-top: 8px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw__tab {
    background: var(--bg-04);
    border-radius: 8px;
    margin-top: 14px;
    width: 940px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw__tab__container {
    align-items: center;
    display: flex;
    height: 54px;
    justify-content: center;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw__tab__list {
    align-items: center;
    color: var(--font-color-70);
    display: flex;
    font-size: 16px;
    height: 54px;
    justify-content: center;
    min-width: 110px;
    position: relative;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw__tab__list--active,
body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw__tab__list:hover {
    color: var(--font-blue);
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw__tab__list--active:after {
    background: var(--font-blue);
    border-radius: 2px;
    bottom: 0;
    content: "";
    height: 3px;
    left: 36px;
    position: absolute;
    right: 36px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-detail-layout {
    box-sizing: border-box;
    display: flex;
    margin: 0;
    align-items: flex-start;
    padding-top: 0;
    width: 1280px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-detail-layout > .page__main__content {
    box-sizing: border-box;
    flex: 0 0 940px !important;
    min-width: 0;
    overflow: hidden;
    width: 940px !important;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-detail-layout > .page__main__aside--right {
    box-sizing: border-box;
    flex: 0 0 300px !important;
    margin-left: 40px !important;
    margin-top: -54px !important;
    width: 300px !important;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-signal-section {
    background: transparent;
    border-radius: 8px;
    margin: 0;
    padding: 24px 0;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-signal__header {
    background-image: none !important;
    gap: 8px;
    height: auto;
    justify-content: flex-start !important;
    margin: 0 0 12px;
    padding: 0;
    padding-left: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-signal__header:before,
body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-signal__header:after {
    content: none !important;
    display: none !important;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-signal__icon {
    background: transparent !important;
    border: 2px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    flex: 0 0 18px;
    height: 18px;
    position: relative;
    width: 18px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-signal__icon:before {
    background: none;
    border: 2px solid #fff;
    border-bottom: 0;
    border-left-color: transparent;
    border-right-color: transparent;
    border-radius: 16px 16px 0 0;
    content: "";
    height: 9px;
    left: -7px;
    position: absolute;
    top: 7px;
    width: 28px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-signal__icon:after {
    background: #fff;
    border-radius: 50%;
    content: "";
    height: 4px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 4px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-signal__header .qmw__section__title {
    font-size: 20px;
    font-weight: 700;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-signal {
    background: transparent;
    border-radius: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    padding: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-signal__btn,
body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-signal__empty {
    align-items: center;
    background: linear-gradient(180deg, #ff553f, #ff452f);
    border: 0;
    border-radius: 6px;
    box-shadow: 0 8px 18px rgba(255,73,50,.16);
    color: #fff;
    display: flex;
    font-size: 15px;
    font-weight: 600;
    height: 40px;
    justify-content: center;
    min-width: 138px;
    padding: 0 18px;
    transition: box-shadow .2s, filter .2s, transform .2s;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-signal__btn:hover {
    box-shadow: 0 10px 22px rgba(255,73,50,.28);
    color: #fff;
    filter: brightness(1.05);
    transform: translateY(-1px);
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-signal__empty {
    background: linear-gradient(180deg, #3b4047, #32373e);
    box-shadow: none;
    color: var(--font-color-70);
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-match-card,
body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-resource-card,
body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-review-card {
    padding-bottom: 24px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-match-box,
body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-resource-box {
    background: var(--bg-04);
    border-radius: 8px;
    overflow: hidden;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .game__score {
    background: transparent;
    border-radius: 0;
    overflow: hidden;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .game__score__row {
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.06);
    display: grid;
    grid-template-columns: 1fr 220px 1fr;
    min-height: 54px;
    padding: 0 22px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .game__score__row:last-child {
    border-bottom: 1px solid rgba(255,255,255,.06);
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .game__score__row span {
    align-items: center;
    color: var(--font-color-70);
    display: flex;
    font-size: 15px;
    gap: 10px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .game__score__row span:last-child {
    justify-content: flex-end;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .game__score__row strong {
    color: var(--font-color);
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .game__score__row--team {
    min-height: 72px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .game__score__row img {
    background: rgba(255,255,255,.08);
    border-radius: 50%;
    height: 28px;
    object-fit: contain;
    padding: 2px;
    width: 28px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-intro {
    background: transparent;
    border-radius: 0;
    color: var(--font-color-70);
    font-size: 15px;
    line-height: 28px;
    padding: 0 20px 20px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-intro article {
    border-top: 1px solid rgba(255,255,255,.06);
    margin: 0;
    padding-top: 16px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-link-grid {
    background: transparent;
    border-radius: 0;
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0,1fr));
    padding: 16px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-link-grid a {
    align-items: center;
    background: var(--bg-05);
    border-radius: 6px;
    color: var(--font-color-70);
    display: flex;
    font-size: 14px;
    height: 38px;
    justify-content: center;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-link-grid a:hover {
    background: var(--font-blue);
    color: #fff;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-review-list {
    background: var(--bg-04);
    border-radius: 8px;
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0,1fr));
    padding: 16px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-review {
    align-items: flex-start;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    gap: 12px;
    min-height: 96px;
    padding: 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-review img {
    background: rgba(255,255,255,.08);
    border-radius: 50%;
    flex: 0 0 42px;
    height: 42px;
    object-fit: cover;
    width: 42px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-review strong {
    color: var(--font-color);
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 6px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-review p {
    color: var(--font-color-70);
    display: -webkit-box;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* inter detail uses the live-detail skeleton with video/data content. */
body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-detail-header {
    margin-bottom: 24px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-header-card {
    background: var(--bg-04);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 10px;
    overflow: hidden;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-header-card .qmw__tab {
    border-top: 1px solid rgba(255,255,255,.05);
    border-radius: 0;
    margin-top: 0;
    width: 100%;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-detail-layout > .page__main__aside--right {
    margin-top: 0 !important;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-hero {
    background: linear-gradient(90deg, rgba(255,102,102,.22), rgba(38,42,47,.98) 22%, rgba(38,42,47,.98) 78%, rgba(0,128,255,.22));
    border-radius: 0;
    display: block;
    min-height: 306px;
    padding: 34px 42px 30px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-hero > .game__header__side,
body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-hero > .game__header__info {
    min-height: 250px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-hero__bg {
    bottom: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-hero__bg--left {
    left: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-hero__bg--right {
    right: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-hero .game__header__side img {
    border-radius: 10px;
    height: 86px;
    object-fit: cover;
    padding: 0;
    width: 132px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-hero .game__header__side--away img {
    border-radius: 50%;
    height: 86px;
    object-fit: contain;
    padding: 8px;
    width: 86px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-hero__mark {
    font-family: Arial, "Bebas Neue", sans-serif;
    font-size: 36px;
    letter-spacing: 1px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-hero__data {
    background: linear-gradient(90deg, rgba(38,42,47,.96), rgba(34,38,43,.98));
    border-top: 1px solid rgba(255,255,255,.06);
    box-sizing: border-box;
    display: block;
    grid-column: 1 / -1;
    padding: 20px 24px 22px;
    position: relative;
    z-index: 3;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-hero__content {
    box-sizing: border-box;
    display: grid;
    gap: 22px;
    margin: 0 auto;
    max-width: 1080px;
    position: relative;
    z-index: 3;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-hero__summary {
    align-items: center;
    display: grid;
    gap: 24px;
    grid-template-columns: 190px minmax(0,1fr);
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-hero__summary img {
    background: rgba(255,255,255,.05);
    border-radius: 8px;
    height: 126px;
    object-fit: cover;
    width: 190px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-hero__label {
    color: var(--font-color-50);
    display: block;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-hero__summary h2 {
    color: var(--font-color);
    font-size: 30px;
    font-weight: 700;
    line-height: 38px;
    margin: 0 0 12px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-hero__summary p {
    color: var(--font-color-70);
    font-size: 16px;
    line-height: 30px;
    margin: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-hero__signal {
    align-items: center;
    background: transparent;
    border: 0;
    border-top: 1px solid rgba(255,255,255,.06);
    box-sizing: border-box;
    display: flex;
    gap: 18px;
    margin-left: 214px;
    margin-top: 0;
    padding: 18px 0 0;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-hero__signal strong {
    align-items: center;
    color: var(--font-color);
    display: flex;
    flex: 0 0 auto;
    font-size: 18px;
    gap: 8px;
    line-height: 24px;
    min-width: 118px;
    white-space: nowrap;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-hero__signal .qmw-live-signal {
    align-items: center;
    background: transparent;
    display: flex;
    flex: 1;
    flex-wrap: nowrap;
    gap: 14px;
    min-width: 0;
    padding: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-hero__signal .qmw-live-signal__btn {
    background: linear-gradient(180deg, #ff604b, #ff402b);
    box-sizing: border-box;
    box-shadow: 0 10px 22px rgba(255,73,50,.24);
    flex: 1 1 0;
    font-size: 14px;
    height: 42px;
    min-width: 0;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-merged-section {
    margin: 0;
    padding: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-merged-card {
    background: transparent;
    border-top: 1px solid rgba(255,255,255,.06);
    border-radius: 0;
    overflow: hidden;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-signal-row {
    border-top: 1px solid rgba(255,255,255,.06);
    padding: 16px 20px 20px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-signal-row .qmw-live-signal__header {
    height: 30px;
    padding-bottom: 12px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-signal-row .qmw-live-signal {
    gap: 14px;
    padding: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-summary {
    display: grid;
    gap: 20px;
    grid-template-columns: 240px minmax(0,1fr);
    padding: 22px 24px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-summary__cover {
    background: rgba(255,255,255,.04);
    border-radius: 8px;
    height: 148px;
    overflow: hidden;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-summary__cover img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-summary__body {
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-summary__body h3 {
    color: var(--font-color);
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 12px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-summary__body p {
    color: var(--font-color-70);
    font-size: 15px;
    line-height: 28px;
    margin: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-summary__meta {
    display: flex;
    gap: 12px;
    margin-top: 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-summary__meta span {
    background: rgba(255,255,255,.04);
    border-radius: 14px;
    color: var(--font-color-50);
    font-size: 13px;
    line-height: 28px;
    padding: 0 12px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-match-card {
    padding-bottom: 24px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-match-list {
    background: var(--bg-04);
    border-radius: 8px;
    overflow: hidden;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-match {
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.06);
    color: var(--font-color-70);
    display: grid;
    grid-template-columns: 86px 88px minmax(0,1fr) 86px minmax(0,1fr) 56px;
    min-height: 58px;
    padding: 0 18px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-match:last-child {
    border-bottom: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-match:hover {
    background: rgba(255,255,255,.025);
    color: var(--font-blue);
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-match span {
    color: var(--font-color-50);
    font-size: 13px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-match strong {
    align-items: center;
    color: var(--font-color);
    display: flex;
    font-size: 15px;
    font-weight: 500;
    gap: 8px;
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-match strong:first-of-type {
    justify-content: flex-end;
    text-align: right;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-match strong:last-of-type {
    justify-content: flex-start;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-match strong img {
    background: rgba(255,255,255,.08);
    border-radius: 50%;
    height: 24px;
    object-fit: contain;
    padding: 2px;
    width: 24px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-match em {
    color: var(--font-color);
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    text-align: center;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-match i {
    background: rgba(31,140,255,.14);
    border-radius: 4px;
    color: var(--font-blue);
    font-size: 13px;
    font-style: normal;
    line-height: 28px;
    text-align: center;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-match--hot {
    grid-template-columns: 58px 92px 76px minmax(0,1fr) 70px minmax(0,1fr) 76px;
    min-height: 62px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-match--hot .qmw-match-status {
    align-items: center;
    border-radius: 4px;
    color: #fff;
    display: inline-flex;
    font-size: 13px;
    height: 28px;
    justify-content: center;
    line-height: 28px;
    width: 52px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-match-status--live {
    background: linear-gradient(90deg,#339966,#eaadad);
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-match-status--pre {
    background: linear-gradient(90deg,#929292,#c1c1c1);
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-match--hot .qmw-match-time,
body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-match--hot .qmw-match-league {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-match--hot i {
    background: rgba(31,140,255,.16);
    color: #6fb4ff;
    font-size: 12px;
    padding: 0 8px;
    white-space: nowrap;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction-card {
    padding-bottom: 24px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail #inter-signal,
body.home__page.qmw-home.qmw-inner.qmw-inter-detail #inter-related-match,
body.home__page.qmw-home.qmw-inner.qmw-inter-detail #inter-video {
    scroll-margin-top: 96px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction-card > .qmw__section__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction__badge {
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 4px;
    color: #f0c36a;
    font-size: 13px;
    line-height: 28px;
    padding: 0 10px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction {
    background: var(--bg-04);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 8px;
    box-sizing: border-box;
    padding: 18px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction__head {
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.07);
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction__head div {
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction__head span {
    color: var(--font-color-50);
    display: block;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 3px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction__head strong {
    color: var(--font-color);
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction__head em {
    background: rgba(31,140,255,.13);
    border-radius: 4px;
    color: #76baff;
    flex: 0 0 auto;
    font-size: 13px;
    font-style: normal;
    line-height: 30px;
    padding: 0 10px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction__split {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2,minmax(0,1fr));
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction__side,
body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction__draw {
    background: rgba(255,255,255,.035);
    border-radius: 6px;
    min-width: 0;
    overflow: hidden;
    padding: 12px;
    position: relative;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction__side span,
body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction__draw span {
    color: var(--font-color-60);
    display: block;
    font-size: 13px;
    line-height: 20px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction__side strong,
body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction__draw strong {
    color: var(--font-color);
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    position: relative;
    z-index: 1;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction__side i,
body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction__draw i {
    background: rgba(31,140,255,.22);
    bottom: 0;
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction__draw i {
    background: rgba(240,195,106,.30);
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction__summary {
    align-items: center;
    background: rgba(255,255,255,.035);
    border-radius: 6px;
    display: grid;
    gap: 12px;
    grid-template-columns: 44px minmax(110px,160px) minmax(0,1fr);
    margin-top: 14px;
    padding: 12px 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction__summary span {
    color: var(--font-color-50);
    font-size: 13px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction__summary strong {
    color: #f0c36a;
    font-size: 18px;
    font-weight: 700;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction__summary em {
    color: var(--font-color-50);
    font-size: 13px;
    font-style: normal;
    line-height: 22px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction__metrics {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3,minmax(0,1fr));
    margin-top: 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction__metrics div {
    align-items: center;
    background: rgba(255,255,255,.03);
    border-radius: 6px;
    display: flex;
    height: 46px;
    justify-content: space-between;
    padding: 0 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction__metrics span {
    color: var(--font-color-50);
    font-size: 13px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction__metrics strong {
    color: #7ed6a7;
    font-size: 18px;
    font-weight: 700;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction__points {
    display: grid;
    gap: 8px;
    margin: 14px 0 0;
    padding: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction__points li {
    color: var(--font-color-60);
    font-size: 13px;
    line-height: 22px;
    list-style: none;
    padding-left: 14px;
    position: relative;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-prediction__points li:before {
    background: #76baff;
    border-radius: 50%;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 5px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-guide {
    background: var(--bg-04);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 8px;
    box-sizing: border-box;
    padding: 18px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-guide__head {
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.07);
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-guide__head div {
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-guide__head span {
    color: var(--font-color-50);
    display: block;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 3px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-guide__head strong {
    color: var(--font-color);
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-guide__head a {
    background: rgba(31,140,255,.16);
    border-radius: 4px;
    color: #76baff;
    flex: 0 0 auto;
    font-size: 13px;
    line-height: 30px;
    padding: 0 12px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-guide__actions {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-guide__head .qmw-inter-guide__primary {
    background: #1f8cff;
    color: #fff;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-guide__head .qmw-inter-guide__secondary {
    background: rgba(255,255,255,.06);
    color: var(--font-color-60);
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-guide__focus {
    background: rgba(255,255,255,.035);
    border-radius: 6px;
    display: grid;
    gap: 6px;
    padding: 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-guide__focus span {
    color: var(--font-color-50);
    font-size: 13px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-guide__focus strong {
    color: #f0c36a;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-guide__focus em {
    color: var(--font-color-50);
    font-size: 13px;
    font-style: normal;
    line-height: 22px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-guide__metrics {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3,minmax(0,1fr));
    margin-top: 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-guide__metrics div {
    align-items: center;
    background: rgba(255,255,255,.03);
    border-radius: 6px;
    display: flex;
    height: 46px;
    justify-content: space-between;
    min-width: 0;
    padding: 0 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-guide__metrics span {
    color: var(--font-color-50);
    font-size: 13px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-guide__metrics strong {
    color: #7ed6a7;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-guide__points {
    display: grid;
    gap: 8px;
    margin: 14px 0 0;
    padding: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-guide__points li {
    color: var(--font-color-60);
    font-size: 13px;
    line-height: 22px;
    list-style: none;
    padding-left: 14px;
    position: relative;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-inter-guide__points li:before {
    background: #76baff;
    border-radius: 50%;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 5px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card {
    padding-bottom: 24px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card > .qmw__section__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__badge {
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 4px;
    color: #f0c36a;
    font-size: 13px;
    line-height: 28px;
    padding: 0 10px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction {
    background: var(--bg-04);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 8px;
    box-sizing: border-box;
    padding: 18px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__head {
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.07);
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__head div {
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__head span,
body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__summary span,
body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__metrics span {
    color: var(--font-color-50);
    font-size: 13px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__head strong {
    color: var(--font-color);
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__head em {
    background: rgba(31,140,255,.13);
    border-radius: 4px;
    color: #76baff;
    flex: 0 0 auto;
    font-size: 13px;
    font-style: normal;
    line-height: 30px;
    padding: 0 10px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__split,
body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__metrics {
    display: grid;
    gap: 10px;
    margin-top: 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__split {
    grid-template-columns: repeat(2,minmax(0,1fr));
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__metrics {
    grid-template-columns: repeat(3,minmax(0,1fr));
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__side,
body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__draw {
    background: rgba(255,255,255,.035);
    border-radius: 6px;
    min-width: 0;
    overflow: hidden;
    padding: 12px;
    position: relative;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__side span,
body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__draw span {
    color: var(--font-color-60);
    display: block;
    font-size: 13px;
    line-height: 20px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__side strong,
body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__draw strong {
    color: var(--font-color);
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    position: relative;
    z-index: 1;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__side i,
body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__draw i {
    background: rgba(31,140,255,.22);
    bottom: 0;
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__draw i {
    background: rgba(240,195,106,.30);
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__summary {
    align-items: center;
    background: rgba(255,255,255,.035);
    border-radius: 6px;
    display: grid;
    gap: 12px;
    grid-template-columns: 44px minmax(110px,160px) minmax(0,1fr);
    margin-top: 14px;
    padding: 12px 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__summary strong {
    color: #f0c36a;
    font-size: 18px;
    font-weight: 700;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__summary em {
    color: var(--font-color-50);
    font-size: 13px;
    font-style: normal;
    line-height: 22px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__metrics div {
    align-items: center;
    background: rgba(255,255,255,.03);
    border-radius: 6px;
    display: flex;
    height: 46px;
    justify-content: space-between;
    padding: 0 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__metrics strong {
    color: #7ed6a7;
    font-size: 18px;
    font-weight: 700;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__points {
    display: grid;
    gap: 8px;
    margin: 14px 0 0;
    padding: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__points li {
    color: var(--font-color-60);
    font-size: 13px;
    line-height: 22px;
    list-style: none;
    padding-left: 14px;
    position: relative;
}

body.home__page.qmw-home.qmw-inner.qmw-live-detail .qmw-live-prediction-card .qmw-inter-prediction__points li:before {
    background: #76baff;
    border-radius: 50%;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 5px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .recommend__game--live {
    grid-template-columns: 72px minmax(0,1fr) 62px;
    min-height: 86px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .recommend__game--live .recommend__game__basic {
    gap: 5px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .recommend__game--live .qmw-match-status {
    align-items: center;
    border-radius: 4px;
    color: #fff !important;
    display: inline-flex;
    font-size: 12px;
    height: 24px;
    justify-content: center;
    line-height: 24px;
    width: 52px;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .recommend__game--live .recommend__game__btn {
    background: rgba(31,140,255,.18);
    color: #6fb4ff;
    font-size: 12px;
    height: 34px;
    padding: 0 6px;
    text-align: center;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .recommend__game--live .recommend__game__btn span {
    line-height: 16px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-detail .qmw-live-video-section .dv-spo-index_title {
    margin-top: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-search-detail .qmw-search-news-card {
    padding-bottom: 24px;
}

body.home__page.qmw-home.qmw-inner.qmw-search-detail .qmw-search-hero {
    height: auto;
    min-height: 330px;
    padding-bottom: 24px;
}

body.home__page.qmw-home.qmw-inner.qmw-search-detail .qmw-search-hero .qmw-inter-hero__content {
    gap: 20px;
}

body.home__page.qmw-home.qmw-inner.qmw-search-detail .qmw-search-hero .qmw-inter-hero__signal {
    margin-top: 0;
    padding-top: 18px;
}

body.home__page.qmw-home.qmw-inner.qmw-search-detail .qmw-search-news-list {
    background: var(--bg-04);
    border-radius: 8px;
    box-sizing: border-box;
    margin-top: 0 !important;
    padding: 10px 18px 12px;
}

body.home__page.qmw-home.qmw-inner.qmw-search-detail .qmw-search-news-list ul {
    margin: 0;
    padding: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-search-detail .qmw-search-news-list li {
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.06);
    display: flex;
    height: 40px;
    list-style: none;
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-search-detail .qmw-search-news-list li:last-child {
    border-bottom: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-search-detail .qmw-search-news-list span {
    background: var(--font-blue);
    border-radius: 50%;
    display: block;
    flex: 0 0 auto;
    height: 5px;
    margin-right: 12px;
    width: 5px;
}

body.home__page.qmw-home.qmw-inner.qmw-search-detail .qmw-search-news-list a {
    color: var(--font-color);
    display: block;
    flex: 1;
    font-size: 14px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home__page.qmw-home.qmw-inner.qmw-search-detail .qmw-search-news-list a:hover {
    color: var(--font-blue);
}

/* Fixed PC schedule pages, with server-rendered fixture rows for SEO. */
body.home__page.qmw-home.qmw-inner.qmw-live-page {
    min-width: 1280px;
    overflow-x: auto;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .page__header {
    min-width: 1280px !important;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .page__header__container,
body.home__page.qmw-home.qmw-inner.qmw-live-page .qmw-live-main {
    max-width: none !important;
    width: 1280px !important;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .page__header__slide {
    flex: 0 0 144px !important;
    width: 144px !important;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .page__header__nav__item {
    flex: 0 0 100px !important;
    min-width: 100px !important;
    width: 100px !important;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .qmw-live-main {
    column-gap: 24px !important;
    display: grid !important;
    grid-template-columns: 150px 1106px !important;
    margin-top: 32px !important;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .aside__nav {
    align-self: start;
    grid-column: 1;
    position: sticky;
    top: 86px;
    width: 150px;
    z-index: 1;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .page__main__content {
    grid-column: 2;
    min-width: 0;
    overflow: visible;
    width: 1106px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .aside__nav__container {
    background: linear-gradient(180deg, rgba(38,42,47,.98), rgba(31,34,38,.98));
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 10px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 10px 24px rgba(0,0,0,.12);
    display: block !important;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    padding: 8px;
    width: 150px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .aside__nav__list {
    border-left: 0;
    border-radius: 7px;
    box-sizing: border-box;
    color: rgba(247,249,252,.72);
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 34px;
    letter-spacing: .2px;
    line-height: 34px;
    margin: 2px 0;
    overflow: hidden;
    padding: 0 12px;
    text-overflow: ellipsis;
    transition: background .18s ease, color .18s ease, transform .18s ease;
    white-space: nowrap;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .aside__nav__list + .aside__nav__list {
    border-top: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .qmw-live-nav-child {
    color: rgba(247,249,252,.68);
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    padding-left: 12px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .aside__nav__list:hover {
    background: rgba(31,140,255,.12);
    color: #fff;
    transform: translateX(2px);
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .aside__nav__list--active {
    background: linear-gradient(90deg, rgba(31,140,255,.95), rgba(31,140,255,.24));
    box-shadow: inset 3px 0 0 #ff7a45;
    color: #fff;
    font-weight: 700;
    transform: none;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__section {
    padding-bottom: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__data {
    align-items: center;
    column-gap: 12px;
    grid-template-columns: 92px 70px 70px minmax(0,1fr) 96px minmax(0,1fr) 180px 56px;
    height: 58px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list--header .fixture__list__data {
    min-height: 44px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__league,
body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__time,
body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__status,
body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__team__heading,
body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__score__heading,
body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__links__heading {
    font-size: 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__team {
    align-items: center;
    color: var(--font-color);
    display: flex;
    gap: 8px;
    height: 58px;
    min-width: 0;
    text-decoration: none;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__team--home {
    justify-content: flex-end;
    text-align: right;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__team--away {
    justify-content: flex-start;
    text-align: left;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__team span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__team img {
    background: rgba(255,255,255,.08);
    border-radius: 50%;
    flex: 0 0 24px;
    height: 24px;
    object-fit: contain;
    padding: 2px;
    width: 24px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__score--main {
    align-items: center;
    color: var(--font-color);
    display: grid;
    font-family: Arial, "Bebas Neue", sans-serif;
    font-size: 18px;
    font-weight: 700;
    grid-template-columns: 32px 32px 32px;
    height: 58px;
    justify-content: center;
    justify-items: center;
    letter-spacing: .2px;
    line-height: 58px;
    text-decoration: none;
    width: 96px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__score--main .fixture__list__score__text {
    display: block;
    min-width: 32px;
    text-align: center;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__score--main .fixture__list__score__symbol {
    color: var(--font-color-50);
    display: block;
    min-width: 32px;
    text-align: center;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__score--main .fixture__list__score__symbol:only-child {
    grid-column: 1 / -1;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__team__heading,
body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__score__heading,
body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__links__heading {
    align-items: center;
    display: flex;
    height: 58px;
    justify-content: center;
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__team__heading--home {
    justify-content: flex-end;
    padding-right: 32px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__team__heading--away {
    justify-content: flex-start;
    padding-left: 32px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__links {
    align-items: center;
    display: flex;
    gap: 6px;
    height: 58px;
    justify-content: center;
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__links a {
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 4px;
    color: var(--font-color-70);
    flex: 0 0 auto;
    font-size: 12px;
    line-height: 24px;
    padding: 0 7px;
    text-decoration: none;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__links a:hover {
    background: var(--bg-blue-12);
    border-color: rgba(31,140,255,.25);
    color: var(--font-blue);
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__extra {
    align-items: center;
    display: flex;
    justify-content: center;
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .qmw-live-divider {
    align-items: center;
    color: var(--font-color-50);
    display: flex;
    font-size: 14px;
    height: 42px;
    justify-content: center;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__empty {
    border-top: 1px solid var(--bg-06);
    color: var(--font-color-40);
    font-size: 14px;
    line-height: 44px;
    text-align: center;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page footer {
    min-width: 1280px !important;
    width: 100% !important;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page footer .dv-spo-center,
body.home__page.qmw-home.qmw-inner.qmw-live-page footer + .dv-spo-center {
    max-width: none !important;
    width: 1280px !important;
}

/* team detail page */
body.home__page.qmw-home.qmw-inner.qmw-team-detail {
    min-width: 1280px;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-detail-main {
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    padding: 32px 0 44px;
    width: 1280px;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-detail-header {
    margin-bottom: 26px;
    width: 1280px;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-hero {
    align-items: stretch;
    background:
        linear-gradient(90deg, rgba(31,140,255,.18), rgba(255,122,69,.08) 42%, rgba(38,42,47,.98) 100%),
        var(--bg-04);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 10px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 360px minmax(0,1fr) 138px;
    min-height: 196px;
    overflow: hidden;
    padding: 28px 32px;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .info__header__basic {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    text-align: center;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .info__header__basic__img {
    background: rgba(255,255,255,.08);
    border-radius: 50%;
    height: 92px;
    object-fit: contain;
    padding: 10px;
    width: 92px;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .info__header__basic__name {
    color: var(--font-color);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.25;
    margin: 14px 0 0;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .info__header__basic__alias {
    color: var(--font-color-50);
    font-size: 15px;
    line-height: 22px;
    margin-top: 6px;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .info__header__basic__extra {
    margin-top: 12px;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .info__header__basic__extra a {
    align-items: center;
    background: rgba(31,140,255,.14);
    border-radius: 16px;
    color: var(--font-blue);
    display: inline-flex;
    font-size: 13px;
    gap: 6px;
    height: 30px;
    padding: 0 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .info__header__basic__extra i {
    font-style: normal;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .info__header__content {
    align-content: center;
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2,minmax(0,1fr));
    padding: 8px 36px;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .info__header__list {
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.04);
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    min-height: 68px;
    padding: 12px 16px;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .info__header__list span:first-child {
    color: var(--font-color-50);
    font-size: 13px;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .info__header__list span:last-child {
    color: var(--font-color);
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .info__header__extra {
    align-items: center;
    display: flex;
    justify-content: center;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .info__header__extra__img {
    background: rgba(255,255,255,.06);
    border-radius: 50%;
    height: 96px;
    object-fit: contain;
    padding: 12px;
    width: 96px;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw__tab {
    background: var(--bg-04);
    border-radius: 8px;
    margin-top: 16px;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw__tab__container {
    align-items: center;
    display: flex;
    height: 56px;
    justify-content: center;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw__tab__list {
    align-items: center;
    color: var(--font-color-70);
    display: flex;
    font-size: 16px;
    height: 56px;
    justify-content: center;
    position: relative;
    text-decoration: none;
    width: 128px;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw__tab__list--active,
body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw__tab__list:hover {
    color: var(--font-blue);
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw__tab__list--active:after {
    background: var(--font-blue);
    border-radius: 2px;
    bottom: 0;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 42px;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-detail-layout {
    box-sizing: border-box;
    display: flex;
    margin: 0 auto;
    width: 1280px;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-detail-layout > .page__main__content {
    box-sizing: border-box;
    flex: 0 0 940px !important;
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-detail-layout > .page__main__aside--right {
    box-sizing: border-box;
    flex: 0 0 300px !important;
    margin-left: 40px !important;
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-profile,
body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-game-list,
body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-entry-grid {
    background: var(--bg-04);
    border-radius: 8px;
    box-sizing: border-box;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-profile {
    display: grid;
    gap: 20px;
    grid-template-columns: 150px minmax(0,1fr);
    padding: 22px;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-profile__logo {
    align-items: center;
    background: rgba(255,255,255,.04);
    border-radius: 8px;
    display: flex;
    grid-row: span 2;
    justify-content: center;
    min-height: 150px;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-profile__logo img {
    height: 108px;
    object-fit: contain;
    width: 108px;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-profile__info {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2,minmax(0,1fr));
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-profile__info dl {
    background: rgba(255,255,255,.035);
    border-radius: 6px;
    display: flex;
    margin: 0;
    min-height: 46px;
    padding: 12px 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-profile__info dt {
    color: var(--font-color-50);
    flex: 0 0 76px;
    font-weight: 400;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-profile__info dd {
    color: var(--font-color);
    flex: 1;
    margin: 0;
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-profile__desc {
    border-top: 1px solid rgba(255,255,255,.06);
    color: var(--font-color-70);
    font-size: 15px;
    grid-column: 2;
    line-height: 1.9;
    padding-top: 16px;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-game-list {
    overflow: hidden;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-game {
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.06);
    color: var(--font-color-70);
    display: grid;
    font-size: 14px;
    gap: 12px;
    grid-template-columns: 76px 82px 100px minmax(0,1fr) 74px minmax(0,1fr) 56px;
    min-height: 64px;
    padding: 0 18px;
    text-decoration: none;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-game:last-child {
    border-bottom: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-game:hover {
    background: rgba(255,255,255,.025);
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-game__status {
    color: var(--font-blue);
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-game__league,
body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-game__time {
    color: var(--font-color-50);
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-game__team {
    align-items: center;
    color: var(--font-color);
    display: flex;
    gap: 8px;
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-game__team--home {
    justify-content: flex-end;
    text-align: right;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-game__team--away {
    justify-content: flex-start;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-game__team img {
    background: rgba(255,255,255,.08);
    border-radius: 50%;
    flex: 0 0 auto;
    height: 24px;
    object-fit: contain;
    width: 24px;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-game strong {
    color: var(--font-color);
    font-size: 18px;
    text-align: center;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-game em {
    background: rgba(31,140,255,.16);
    border-radius: 4px;
    color: var(--font-blue);
    font-style: normal;
    line-height: 28px;
    text-align: center;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-game-list .fixture__empty {
    color: var(--font-color-40);
    line-height: 56px;
    text-align: center;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-entry-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4,minmax(0,1fr));
    padding: 18px;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-entry-grid a {
    align-items: center;
    background: var(--bg-05);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 6px;
    color: var(--font-color-70);
    display: flex;
    font-size: 14px;
    height: 38px;
    justify-content: center;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-entry-grid a:hover {
    background: var(--font-blue);
    color: #fff;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-video-section {
    padding-bottom: 8px;
}

body.home__page.qmw-home.qmw-inner.qmw-team-detail .qmw-team-video-section .dv-spo-index_title {
    margin-top: 0;
}

/* match detail page */
body.home__page.qmw-home.qmw-inner.qmw-match-detail {
    min-width: 1280px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-detail-main {
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    padding: 32px 0 44px;
    width: 1280px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-detail-header {
    margin-bottom: 26px;
    width: 1280px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-hero {
    align-items: stretch;
    background:
        linear-gradient(90deg, rgba(255,122,69,.16), rgba(31,140,255,.08) 46%, rgba(38,42,47,.98) 100%),
        var(--bg-04);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 10px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 360px minmax(0,1fr) 138px;
    min-height: 196px;
    overflow: hidden;
    padding: 28px 32px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .info__header__basic {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    text-align: center;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .info__header__basic__img,
body.home__page.qmw-home.qmw-inner.qmw-match-detail .info__header__extra__img {
    background: rgba(255,255,255,.08);
    border-radius: 50%;
    height: 92px;
    object-fit: contain;
    padding: 10px;
    width: 92px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .info__header__basic__name {
    color: var(--font-color);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.25;
    margin: 14px 0 0;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .info__header__basic__alias {
    color: var(--font-color-50);
    font-size: 15px;
    line-height: 22px;
    margin-top: 6px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .info__header__basic__extra {
    margin-top: 12px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .info__header__basic__extra a {
    align-items: center;
    background: rgba(255,122,69,.14);
    border-radius: 16px;
    color: #ff8b5b;
    display: inline-flex;
    font-size: 13px;
    gap: 6px;
    height: 30px;
    padding: 0 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .info__header__basic__extra i {
    font-style: normal;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .info__header__content {
    align-content: center;
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2,minmax(0,1fr));
    padding: 8px 36px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .info__header__list {
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.04);
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    min-height: 68px;
    padding: 12px 16px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .info__header__list span:first-child {
    color: var(--font-color-50);
    font-size: 13px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .info__header__list span:last-child {
    color: var(--font-color);
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .info__header__extra {
    align-items: center;
    display: flex;
    justify-content: center;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw__tab {
    background: var(--bg-04);
    border-radius: 8px;
    margin-top: 16px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw__tab__container {
    align-items: center;
    display: flex;
    height: 56px;
    justify-content: center;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw__tab__list {
    align-items: center;
    color: var(--font-color-70);
    display: flex;
    font-size: 16px;
    height: 56px;
    justify-content: center;
    position: relative;
    text-decoration: none;
    width: 116px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw__tab__list--active,
body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw__tab__list:hover {
    color: var(--font-blue);
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw__tab__list--active:after {
    background: var(--font-blue);
    border-radius: 2px;
    bottom: 0;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 42px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-detail-layout {
    box-sizing: border-box;
    display: flex;
    margin: 0 auto;
    width: 1280px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-detail-layout > .page__main__content {
    box-sizing: border-box;
    flex: 0 0 940px !important;
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-detail-layout > .page__main__aside--right {
    box-sizing: border-box;
    flex: 0 0 300px !important;
    margin-left: 40px !important;
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-game-list,
body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-profile,
body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-entry-grid {
    background: var(--bg-04);
    border-radius: 8px;
    box-sizing: border-box;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-game-list {
    overflow: hidden;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-game {
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.06);
    color: var(--font-color-70);
    display: grid;
    font-size: 14px;
    gap: 12px;
    grid-template-columns: 76px 82px 100px minmax(0,1fr) 74px minmax(0,1fr) 56px;
    min-height: 64px;
    padding: 0 18px;
    text-decoration: none;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-game--header {
    background: rgba(255,255,255,.035);
    color: var(--font-color-50);
    min-height: 46px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-game:last-child {
    border-bottom: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail a.qmw-match-game:hover {
    background: rgba(255,255,255,.025);
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-game__status {
    color: var(--font-blue);
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-game__league,
body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-game__time {
    color: var(--font-color-50);
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-game__team {
    align-items: center;
    color: var(--font-color);
    display: flex;
    gap: 8px;
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-game__team--home {
    justify-content: flex-end;
    text-align: right;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-game__team--away {
    justify-content: flex-start;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-game__team img {
    background: rgba(255,255,255,.08);
    border-radius: 50%;
    flex: 0 0 auto;
    height: 24px;
    object-fit: contain;
    width: 24px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-game strong {
    color: var(--font-color);
    font-size: 18px;
    text-align: center;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-game--header strong {
    color: var(--font-color-50);
    font-size: 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-game em {
    background: rgba(31,140,255,.16);
    border-radius: 4px;
    color: var(--font-blue);
    font-style: normal;
    line-height: 28px;
    text-align: center;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-game--header em {
    background: transparent;
    color: var(--font-color-50);
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-game-list .fixture__empty {
    color: var(--font-color-40);
    line-height: 56px;
    text-align: center;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-profile {
    display: grid;
    gap: 20px;
    grid-template-columns: 150px minmax(0,1fr);
    padding: 22px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-profile__logo {
    align-items: center;
    background: rgba(255,255,255,.04);
    border-radius: 8px;
    display: flex;
    grid-row: span 2;
    justify-content: center;
    min-height: 150px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-profile__logo img {
    height: 108px;
    object-fit: contain;
    width: 108px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-profile__info {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2,minmax(0,1fr));
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-profile__info dl {
    background: rgba(255,255,255,.035);
    border-radius: 6px;
    display: flex;
    margin: 0;
    min-height: 46px;
    padding: 12px 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-profile__info dt {
    color: var(--font-color-50);
    flex: 0 0 76px;
    font-weight: 400;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-profile__info dd {
    color: var(--font-color);
    flex: 1;
    margin: 0;
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-profile__desc {
    border-top: 1px solid rgba(255,255,255,.06);
    color: var(--font-color-70);
    font-size: 15px;
    grid-column: 2;
    line-height: 1.9;
    padding-top: 16px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-entry-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4,minmax(0,1fr));
    padding: 18px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-entry-grid a {
    align-items: center;
    background: var(--bg-05);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 6px;
    color: var(--font-color-70);
    display: flex;
    font-size: 14px;
    height: 38px;
    justify-content: center;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-entry-grid a:hover {
    background: var(--font-blue);
    color: #fff;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-live-review-list {
    background: var(--bg-04);
    border-radius: 8px;
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2,minmax(0,1fr));
    padding: 16px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-live-review {
    align-items: flex-start;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    gap: 12px;
    min-height: 96px;
    padding: 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-live-review img {
    background: rgba(255,255,255,.08);
    border-radius: 50%;
    flex: 0 0 42px;
    height: 42px;
    object-fit: cover;
    width: 42px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-live-review strong {
    color: var(--font-color);
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 6px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-live-review p {
    color: var(--font-color-70);
    display: -webkit-box;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-video-section {
    padding-bottom: 8px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-detail .qmw-match-video-section .dv-spo-index_title {
    margin-top: 0;
}

/* channel pages */
body.home__page.qmw-home.qmw-inner.qmw-channel-page {
    min-width: 1280px;
}

body.home__page.qmw-home.qmw-inner.qmw-channel-page .qmw-channel-layout {
    box-sizing: border-box;
    display: flex;
    margin: 0 auto;
    padding: 32px 0 44px;
    width: 1280px;
}

body.home__page.qmw-home.qmw-inner.qmw-channel-page .qmw-channel-layout > .page__main__content {
    box-sizing: border-box;
    flex: 0 0 940px !important;
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-channel-page .qmw-channel-layout > .page__main__aside--right {
    box-sizing: border-box;
    flex: 0 0 300px !important;
    margin-left: 40px !important;
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-channel-page .qmw-channel-hero {
    background:
        linear-gradient(135deg, rgba(31,140,255,.18), rgba(255,122,69,.08) 55%, rgba(38,42,47,.98)),
        var(--bg-04);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 10px;
    box-sizing: border-box;
    margin-bottom: 28px;
    padding: 30px 34px;
}

body.home__page.qmw-home.qmw-inner.qmw-channel-page .qmw-channel-hero h1 {
    color: var(--font-color);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-channel-page .qmw-channel-hero p {
    color: var(--font-color-60);
    font-size: 15px;
    line-height: 1.8;
    margin: 12px 0 0;
}

body.home__page.qmw-home.qmw-inner.qmw-channel-page .qmw-channel-group {
    padding-bottom: 4px;
}

body.home__page.qmw-home.qmw-inner.qmw-channel-page .qmw-channel-group .qmw__section__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-right: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-channel-page .qmw-channel-group .qmw__section__title {
    flex: 0 1 auto;
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-channel-page .qmw-section-more {
    align-items: center;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 14px;
    color: var(--font-color-50);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    text-decoration: none;
}

body.home__page.qmw-home.qmw-inner.qmw-channel-page .qmw-section-more:hover {
    background: var(--font-blue);
    border-color: var(--font-blue);
    color: #fff;
}

body.home__page.qmw-home.qmw-inner.qmw-channel-page .qmw-section-more:after {
    content: ">";
    font-size: 12px;
    margin-left: 5px;
}

body.home__page.qmw-home.qmw-inner.qmw-channel-page .qmw-section-more:hover:after {
    color: #fff;
}

body.home__page.qmw-home.qmw-inner.qmw-channel-page .qmw-channel-grid {
    background: var(--bg-04);
    border-radius: 8px;
    box-sizing: border-box;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4,minmax(0,1fr));
    padding: 18px;
}

body.home__page.qmw-home.qmw-inner.qmw-channel-page .qmw-channel-grid a {
    align-items: center;
    background: var(--bg-05);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 6px;
    color: var(--font-color-70);
    display: flex;
    font-size: 14px;
    height: 40px;
    justify-content: center;
    overflow: hidden;
    padding: 0 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home__page.qmw-home.qmw-inner.qmw-channel-page .qmw-channel-grid a:hover {
    background: var(--font-blue);
    color: #fff;
}

body.home__page.qmw-home.qmw-inner.qmw-channel-page .qmw-channel-pagebar {
    color: var(--font-color-60);
    margin-top: 22px;
    text-align: center;
}

body.home__page.qmw-home.qmw-inner.qmw-channel-page .qmw-channel-pagebar a,
body.home__page.qmw-home.qmw-inner.qmw-channel-page .qmw-channel-pagebar span {
    background: var(--bg-04);
    border-radius: 4px;
    color: var(--font-color-70);
    display: inline-block;
    line-height: 32px;
    margin: 0 3px;
    min-width: 32px;
    padding: 0 10px;
}

body.home__page.qmw-home.qmw-inner.qmw-channel-page .qmw-channel-pagebar .active,
body.home__page.qmw-home.qmw-inner.qmw-channel-page .qmw-channel-pagebar a:hover {
    background: var(--font-blue);
    color: #fff;
}

body.home__page.qmw-home.qmw-inner.qmw-channel-detail-page .qmw-channel-detail-card {
    background: transparent;
}

body.home__page.qmw-home.qmw-inner.qmw-channel-detail-page .news__info {
    padding-bottom: 28px;
}

/* player pages */
body.home__page.qmw-home.qmw-inner.qmw-player-page,
body.home__page.qmw-home.qmw-inner.qmw-player-detail {
    min-width: 1280px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-page .qmw-player-layout {
    box-sizing: border-box;
    display: flex;
    margin: 0 auto;
    padding: 32px 0 44px;
    width: 1280px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-page .qmw-player-layout > .page__main__content,
body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-detail-layout > .page__main__content {
    box-sizing: border-box;
    flex: 0 0 940px !important;
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-player-page .qmw-player-layout > .page__main__aside--right,
body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-detail-layout > .page__main__aside--right {
    box-sizing: border-box;
    flex: 0 0 300px !important;
    margin-left: 40px !important;
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-player-page .qmw-player-hero {
    background:
        linear-gradient(135deg, rgba(31,140,255,.18), rgba(255,122,69,.08) 55%, rgba(38,42,47,.98)),
        var(--bg-04);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 10px;
    box-sizing: border-box;
    margin-bottom: 28px;
    padding: 30px 34px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-page .qmw-player-hero h1 {
    color: var(--font-color);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-player-page .qmw-player-hero p {
    color: var(--font-color-60);
    font-size: 15px;
    line-height: 1.8;
    margin: 12px 0 0;
}

body.home__page.qmw-home.qmw-inner.qmw-player-page .qmw-player-group .qmw__section__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-right: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-player-page .qmw-section-more {
    align-items: center;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 14px;
    color: var(--font-color-50);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    text-decoration: none;
}

body.home__page.qmw-home.qmw-inner.qmw-player-page .qmw-section-more:hover {
    background: var(--font-blue);
    border-color: var(--font-blue);
    color: #fff;
}

body.home__page.qmw-home.qmw-inner.qmw-player-page .qmw-section-more:after {
    content: ">";
    font-size: 12px;
    margin-left: 5px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-page .qmw-player-grid {
    background: var(--bg-04);
    border-radius: 8px;
    box-sizing: border-box;
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(6,minmax(0,1fr));
    padding: 18px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-page .qmw-player-grid--list {
    grid-template-columns: repeat(5,minmax(0,1fr));
}

body.home__page.qmw-home.qmw-inner.qmw-player-page .qmw-player-card {
    align-items: center;
    background: var(--bg-05);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--font-color);
    display: flex;
    flex-direction: column;
    height: 136px;
    justify-content: center;
    min-width: 0;
    padding: 14px 10px;
    text-align: center;
}

body.home__page.qmw-home.qmw-inner.qmw-player-page .qmw-player-card:hover {
    border-color: rgba(31,140,255,.5);
    box-shadow: 0 10px 20px rgba(0,0,0,.16);
    color: var(--font-blue);
    transform: translateY(-2px);
}

body.home__page.qmw-home.qmw-inner.qmw-player-page .qmw-player-card__avatar {
    align-items: center;
    background: rgba(255,255,255,.05);
    border-radius: 50%;
    color: var(--font-blue);
    display: flex;
    font-size: 26px;
    font-weight: 700;
    height: 72px;
    justify-content: center;
    overflow: hidden;
    width: 72px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-page .qmw-player-card__avatar img {
    height: 72px;
    object-fit: cover;
    width: 72px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-page .qmw-player-card__name {
    font-size: 15px;
    line-height: 22px;
    margin-top: 12px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home__page.qmw-home.qmw-inner.qmw-player-page .qmw-player-pagebar {
    color: var(--font-color-60);
    margin-top: 22px;
    text-align: center;
}

body.home__page.qmw-home.qmw-inner.qmw-player-page .qmw-player-pagebar a,
body.home__page.qmw-home.qmw-inner.qmw-player-page .qmw-player-pagebar span {
    background: var(--bg-04);
    border-radius: 4px;
    color: var(--font-color-70);
    display: inline-block;
    line-height: 32px;
    margin: 0 3px;
    min-width: 32px;
    padding: 0 10px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-page .qmw-player-pagebar .active,
body.home__page.qmw-home.qmw-inner.qmw-player-page .qmw-player-pagebar a:hover {
    background: var(--font-blue);
    color: #fff;
}

/* team list pages reuse the player layout, but team logos need complete display */
body.home__page.qmw-home.qmw-inner.qmw-team-page .qmw-team-hero {
    background:
        radial-gradient(circle at 10% 15%, rgba(31,140,255,.24), transparent 34%),
        linear-gradient(135deg, rgba(31,140,255,.16), rgba(255,122,69,.08) 58%, rgba(38,42,47,.98)),
        var(--bg-04);
}

body.home__page.qmw-home.qmw-inner.qmw-team-page .qmw-team-grid {
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-team-page .qmw-team-card {
    height: 156px;
    padding: 16px 12px;
}

body.home__page.qmw-home.qmw-inner.qmw-team-page .qmw-team-card__logo {
    background:
        radial-gradient(circle at 50% 45%, rgba(255,255,255,.10), transparent 62%),
        rgba(255,255,255,.035);
    border-radius: 12px;
    height: 86px;
    padding: 10px;
    width: 104px;
}

body.home__page.qmw-home.qmw-inner.qmw-team-page .qmw-team-card__logo img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

body.home__page.qmw-home.qmw-inner.qmw-team-page .qmw-team-card__name {
    font-size: 15px;
    margin-top: 13px;
}

/* match list pages keep original match data, rendered in the current dark card style */
body.home__page.qmw-home.qmw-inner.qmw-match-page .qmw-match-hero {
    background:
        radial-gradient(circle at 10% 15%, rgba(31,140,255,.22), transparent 34%),
        linear-gradient(135deg, rgba(31,140,255,.14), rgba(255,122,69,.10) 58%, rgba(38,42,47,.98)),
        var(--bg-04);
}

body.home__page.qmw-home.qmw-inner.qmw-match-page .qmw-match-grid {
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-page .qmw-match-card {
    height: 156px;
    padding: 16px 12px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-page .qmw-match-card__logo {
    background:
        radial-gradient(circle at 50% 45%, rgba(255,255,255,.10), transparent 62%),
        rgba(255,255,255,.035);
    border-radius: 12px;
    height: 86px;
    padding: 10px;
    width: 104px;
}

body.home__page.qmw-home.qmw-inner.qmw-match-page .qmw-match-card__logo img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

body.home__page.qmw-home.qmw-inner.qmw-match-page .qmw-match-card__name {
    font-size: 15px;
    margin-top: 13px;
}

/* inter listing page */
body.home__page.qmw-home.qmw-inner.qmw-inter-page {
    min-width: 1280px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-page .qmw-inter-layout {
    box-sizing: border-box;
    display: flex;
    margin: 0 auto;
    padding: 32px 0 44px;
    width: 1280px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-page .qmw-inter-layout > .page__main__content {
    box-sizing: border-box;
    flex: 0 0 940px !important;
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-page .qmw-inter-layout > .page__main__aside--right {
    box-sizing: border-box;
    flex: 0 0 300px !important;
    margin-left: 40px !important;
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-page .qmw-inter-hero {
    background:
        radial-gradient(circle at 12% 18%, rgba(31,140,255,.24), transparent 34%),
        linear-gradient(135deg, rgba(31,140,255,.16), rgba(255,122,69,.08) 58%, rgba(38,42,47,.98)),
        var(--bg-04);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 10px;
    box-sizing: border-box;
    margin-bottom: 28px;
    padding: 30px 34px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-page .qmw-inter-hero h1 {
    color: var(--font-color);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-page .qmw-inter-hero p {
    color: var(--font-color-60);
    font-size: 15px;
    line-height: 1.8;
    margin: 12px 0 0;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-page .qmw-inter-grid {
    background: var(--bg-04);
    border-radius: 8px;
    box-sizing: border-box;
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4,minmax(0,1fr));
    padding: 18px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-page .qmw-inter-card {
    background: var(--bg-05);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 8px;
    color: var(--font-color);
    display: block;
    min-width: 0;
    overflow: hidden;
    text-decoration: none;
    transition: border-color .2s, box-shadow .2s, transform .2s;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-page .qmw-inter-card:hover {
    border-color: rgba(31,140,255,.5);
    box-shadow: 0 12px 22px rgba(0,0,0,.18);
    color: var(--font-blue);
    transform: translateY(-2px);
}

body.home__page.qmw-home.qmw-inner.qmw-inter-page .qmw-inter-card__cover {
    display: block;
    height: 124px;
    overflow: hidden;
    position: relative;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-page .qmw-inter-card__cover img {
    display: block;
    height: 100%;
    object-fit: cover;
    transition: transform .35s;
    width: 100%;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-page .qmw-inter-card:hover .qmw-inter-card__cover img {
    transform: scale(1.06);
}

body.home__page.qmw-home.qmw-inner.qmw-inter-page .qmw-inter-card__body {
    display: block;
    padding: 12px 12px 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-page .qmw-inter-card__label {
    border: 1px solid var(--bg-blue-50);
    border-radius: 4px;
    color: var(--font-blue);
    display: inline-block;
    font-size: 13px;
    height: 22px;
    line-height: 20px;
    margin-bottom: 8px;
    padding: 0 6px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-page .qmw-inter-card__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    font-size: 15px;
    line-height: 24px;
    min-height: 48px;
    overflow: hidden;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-page .qmw-inter-pagebar {
    color: var(--font-color-60);
    margin-top: 22px;
    text-align: center;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-page .qmw-inter-pagebar a,
body.home__page.qmw-home.qmw-inner.qmw-inter-page .qmw-inter-pagebar span {
    background: var(--bg-04);
    border-radius: 4px;
    color: var(--font-color-70);
    display: inline-block;
    line-height: 32px;
    margin: 0 3px;
    min-width: 32px;
    padding: 0 10px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-page .qmw-inter-pagebar .active,
body.home__page.qmw-home.qmw-inner.qmw-inter-page .qmw-inter-pagebar a:hover {
    background: var(--font-blue);
    color: #fff;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-detail-main {
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    padding: 32px 0 44px;
    width: 1280px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-detail-header {
    margin-bottom: 26px;
    width: 1280px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-detail-hero {
    align-items: stretch;
    background:
        linear-gradient(90deg, rgba(31,140,255,.18), rgba(255,122,69,.08) 42%, rgba(38,42,47,.98) 100%),
        var(--bg-04);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 10px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 360px minmax(0,1fr) 138px;
    min-height: 196px;
    overflow: hidden;
    padding: 28px 32px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .info__header__basic {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    text-align: center;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .info__header__basic__img,
body.home__page.qmw-home.qmw-inner.qmw-player-detail .info__header__extra__img {
    background: rgba(255,255,255,.08);
    border-radius: 50%;
    height: 96px;
    object-fit: cover;
    width: 96px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .info__header__basic__name {
    color: var(--font-color);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.25;
    margin: 14px 0 0;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .info__header__basic__alias {
    color: var(--font-color-50);
    font-size: 15px;
    line-height: 22px;
    margin-top: 6px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .info__header__basic__extra {
    margin-top: 12px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .info__header__basic__extra a {
    align-items: center;
    background: rgba(31,140,255,.14);
    border-radius: 16px;
    color: var(--font-blue);
    display: inline-flex;
    font-size: 13px;
    gap: 6px;
    height: 30px;
    padding: 0 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .info__header__content {
    align-content: center;
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2,minmax(0,1fr));
    padding: 8px 36px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .info__header__list {
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.04);
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    min-height: 68px;
    padding: 12px 16px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .info__header__list span:first-child {
    color: var(--font-color-50);
    font-size: 13px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .info__header__list span:last-child {
    color: var(--font-color);
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .info__header__extra {
    align-items: center;
    display: flex;
    justify-content: center;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw__tab {
    background: var(--bg-04);
    border-radius: 8px;
    margin-top: 16px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw__tab__container {
    align-items: center;
    display: flex;
    height: 56px;
    justify-content: center;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw__tab__list {
    align-items: center;
    color: var(--font-color-70);
    display: flex;
    font-size: 16px;
    height: 56px;
    justify-content: center;
    position: relative;
    text-decoration: none;
    width: 128px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw__tab__list--active,
body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw__tab__list:hover {
    color: var(--font-blue);
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw__tab__list--active:after {
    background: var(--font-blue);
    border-radius: 2px;
    bottom: 0;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 42px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-detail-layout {
    box-sizing: border-box;
    display: flex;
    margin: 0 auto;
    width: 1280px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-profile,
body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-game-list,
body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-entry-grid {
    background: var(--bg-04);
    border-radius: 8px;
    box-sizing: border-box;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-profile {
    display: grid;
    gap: 20px;
    grid-template-columns: 150px minmax(0,1fr);
    padding: 22px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-profile__logo {
    align-items: center;
    background: rgba(255,255,255,.04);
    border-radius: 8px;
    display: flex;
    grid-row: span 2;
    justify-content: center;
    min-height: 150px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-profile__logo img {
    border-radius: 50%;
    height: 108px;
    object-fit: cover;
    width: 108px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-profile__info {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2,minmax(0,1fr));
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-profile__info dl {
    background: rgba(255,255,255,.035);
    border-radius: 6px;
    display: flex;
    margin: 0;
    min-height: 46px;
    padding: 12px 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-profile__info dt {
    color: var(--font-color-50);
    flex: 0 0 76px;
    font-weight: 400;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-profile__info dd {
    color: var(--font-color);
    flex: 1;
    margin: 0;
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-profile__desc {
    border-top: 1px solid rgba(255,255,255,.06);
    color: var(--font-color-70);
    font-size: 15px;
    grid-column: 2;
    line-height: 1.9;
    padding-top: 16px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-game {
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.06);
    color: var(--font-color-70);
    display: grid;
    grid-template-columns: 72px 84px 92px minmax(0,1fr) 88px minmax(0,1fr) 56px;
    min-height: 58px;
    padding: 0 18px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-game:last-child {
    border-bottom: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail a.qmw-player-game:hover {
    background: rgba(255,255,255,.025);
    color: var(--font-blue);
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-game__status,
body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-game__league,
body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-game__time {
    color: var(--font-color-50);
    font-size: 13px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-game__team {
    align-items: center;
    color: var(--font-color);
    display: flex;
    font-size: 15px;
    gap: 8px;
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-game__team--home {
    justify-content: flex-end;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-game__team--away {
    justify-content: flex-start;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-game__team img {
    background: rgba(255,255,255,.08);
    border-radius: 50%;
    height: 24px;
    object-fit: contain;
    width: 24px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-game strong {
    color: var(--font-color);
    font-size: 17px;
    text-align: center;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-game em {
    background: rgba(31,140,255,.14);
    border-radius: 4px;
    color: var(--font-blue);
    font-size: 13px;
    font-style: normal;
    line-height: 28px;
    text-align: center;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-game-list .fixture__empty {
    color: var(--font-color-50);
    padding: 26px;
    text-align: center;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-entry-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3,minmax(0,1fr));
    padding: 18px;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-entry-grid a {
    align-items: center;
    background: var(--bg-05);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 6px;
    color: var(--font-color-70);
    display: flex;
    font-size: 14px;
    height: 40px;
    justify-content: center;
    overflow: hidden;
    padding: 0 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-entry-grid a:hover {
    background: var(--font-blue);
    color: #fff;
}

body.home__page.qmw-home.qmw-inner.qmw-player-detail .qmw-player-video-section .dv-spo-index_title {
    margin-top: 0;
}

/* homepage hot tag marquee */
body.home__page.qmw-home .qmw-home-tags-section .qmw-side-tags.is-marquee {
    background:
        radial-gradient(circle at 0 0, rgba(255,123,47,.14), transparent 30%),
        radial-gradient(circle at 100% 4%, rgba(31,143,255,.18), transparent 32%),
        linear-gradient(180deg, rgba(33,38,45,.96), rgba(25,28,33,.96)) !important;
    border: 1px solid rgba(255,255,255,.065) !important;
    border-radius: 16px !important;
    display: block !important;
    height: 296px !important;
    max-height: 296px !important;
    overflow: hidden !important;
    padding: 14px 0 !important;
    position: relative;
}

body.home__page.qmw-home .qmw-home-tags-section .qmw-side-tags.is-marquee:before,
body.home__page.qmw-home .qmw-home-tags-section .qmw-side-tags.is-marquee:after {
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 42px;
    z-index: 2;
}

body.home__page.qmw-home .qmw-home-tags-section .qmw-side-tags.is-marquee:before {
    background: linear-gradient(90deg, #1d2025, rgba(29,32,37,0));
    left: 0;
}

body.home__page.qmw-home .qmw-home-tags-section .qmw-side-tags.is-marquee:after {
    background: linear-gradient(270deg, #1d2025, rgba(29,32,37,0));
    right: 0;
}

body.home__page.qmw-home .qmw-tag-lane {
    overflow: hidden;
    padding: 0 13px;
}

body.home__page.qmw-home .qmw-tag-lane + .qmw-tag-lane {
    margin-top: 6px;
}

body.home__page.qmw-home .qmw-tag-track {
    align-items: center;
    animation: qmwTagMarquee 48s linear infinite;
    display: flex;
    gap: 8px;
    width: max-content;
}

body.home__page.qmw-home .qmw-tag-lane--2 .qmw-tag-track {
    animation-direction: reverse;
    animation-duration: 54s;
}

body.home__page.qmw-home .qmw-tag-lane--3 .qmw-tag-track {
    animation-duration: 50s;
}

body.home__page.qmw-home .qmw-tag-lane--4 .qmw-tag-track {
    animation-direction: reverse;
    animation-duration: 58s;
}

body.home__page.qmw-home .qmw-tag-lane--5 .qmw-tag-track {
    animation-duration: 46s;
}

body.home__page.qmw-home .qmw-tag-lane--6 .qmw-tag-track {
    animation-direction: reverse;
    animation-duration: 62s;
}

body.home__page.qmw-home .qmw-tag-lane--7 .qmw-tag-track {
    animation-duration: 52s;
}

body.home__page.qmw-home .qmw-tag-lane--8 .qmw-tag-track {
    animation-direction: reverse;
    animation-duration: 56s;
}

body.home__page.qmw-home .qmw-side-tags.is-marquee:hover .qmw-tag-track {
    animation-play-state: paused;
}

body.home__page.qmw-home .qmw-side-tags.is-marquee .qmw-tag-track a {
    background: rgba(255,255,255,.048) !important;
    border: 1px solid rgba(255,255,255,.072) !important;
    border-radius: 999px !important;
    color: #d7e6f4 !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    font-size: 12px !important;
    height: 28px !important;
    line-height: 28px !important;
    max-width: none !important;
    min-height: 28px !important;
    overflow: visible !important;
    padding: 0 11px !important;
    text-align: center !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

body.home__page.qmw-home .qmw-side-tags.is-marquee .qmw-tag-track a:nth-child(4n+1) {
    background: rgba(31,143,255,.15) !important;
    border-color: rgba(31,143,255,.24) !important;
    color: #9fd3ff !important;
}

body.home__page.qmw-home .qmw-side-tags.is-marquee .qmw-tag-track a:nth-child(4n+2) {
    background: rgba(255,126,51,.12) !important;
    border-color: rgba(255,126,51,.22) !important;
    color: #ffc8a4 !important;
}

body.home__page.qmw-home .qmw-side-tags.is-marquee .qmw-tag-track a:nth-child(4n+3) {
    background: rgba(55,211,153,.09) !important;
    border-color: rgba(55,211,153,.16) !important;
    color: #b8f4dc !important;
}

body.home__page.qmw-home .qmw-side-tags.is-marquee .qmw-tag-track a:hover {
    background: linear-gradient(135deg, rgba(31,143,255,.28), rgba(255,122,47,.2)) !important;
    color: #fff !important;
}

@keyframes qmwTagMarquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* homepage hot tag static restore */
body.home__page.qmw-home .qmw-home-tags-section .qmw-side-tags {
    align-items: flex-start !important;
    background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.014)) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 12px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 12px !important;
}

body.home__page.qmw-home .qmw-home-tags-section .qmw-side-tags a {
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 999px !important;
    color: #dcecff !important;
    display: inline-flex !important;
    flex: 0 1 auto !important;
    font-size: 12px !important;
    height: auto !important;
    line-height: 17px !important;
    max-width: 100% !important;
    min-height: 28px !important;
    overflow: visible !important;
    padding: 5px 10px !important;
    text-align: center !important;
    text-overflow: clip !important;
    white-space: normal !important;
    word-break: break-word !important;
}

body.home__page.qmw-home .qmw-home-tags-section .qmw-side-tags a:nth-child(4n+1) {
    background: rgba(31,143,255,.13) !important;
    border-color: rgba(31,143,255,.22) !important;
    color: #9fd3ff !important;
}

body.home__page.qmw-home .qmw-home-tags-section .qmw-side-tags a:nth-child(4n+2) {
    background: rgba(255,126,51,.11) !important;
    border-color: rgba(255,126,51,.19) !important;
    color: #ffc8a4 !important;
}

body.home__page.qmw-home .qmw-home-tags-section .qmw-side-tags a:hover {
    background: linear-gradient(135deg, rgba(31,143,255,.24), rgba(255,126,51,.18)) !important;
    color: #fff !important;
}

/* Qiumiwu-style recording list pages. */
body.home__page.qmw-home.qmw-inner.qmw-luxiang-page {
    min-width: 1280px;
    overflow-x: auto;
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page .page__main.qmw-channel-main {
    display: grid;
    gap: 30px;
    grid-template-columns: 104px minmax(0, 1fr);
    margin: 0 auto;
    max-width: 1280px;
    padding: 32px 0;
    width: 1280px;
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page .aside__nav {
    align-self: start;
    background: none;
    box-sizing: border-box;
    height: auto;
    max-height: calc(100vh - 98px);
    max-width: 104px;
    min-width: 104px;
    overflow: hidden;
    padding-top: 72px;
    position: sticky;
    top: 98px;
    width: 104px;
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page .aside__nav:before {
    align-items: center;
    background: linear-gradient(135deg, rgba(31,143,255,.18), rgba(255,122,47,.12));
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 8px;
    color: var(--font-color);
    content: "\5F55\50CF";
    display: flex;
    font-size: 18px;
    font-weight: 700;
    height: 48px;
    justify-content: center;
    left: 0;
    letter-spacing: 2px;
    position: absolute;
    top: 0;
    width: 102px;
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page.qmw-jijin-page .aside__nav:before {
    content: "\96C6\9526";
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page.qmw-shipin-page .aside__nav:before {
    content: "\89C6\9891";
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page.qmw-inter-page .aside__nav:before {
    content: "\8D5B\4E8B";
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page.qmw-search-index-page .aside__nav:before {
    content: "\641C\7D22";
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page .aside__nav__container {
    background: transparent;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 170px);
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 2px;
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page .aside__nav__list {
    border-radius: 4px;
    box-sizing: border-box;
    color: var(--font-color);
    display: block;
    flex: 0 0 36px;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    margin: 10px 0;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page .aside__nav__list:hover,
body.home__page.qmw-home.qmw-inner.qmw-luxiang-page .aside__nav__list--active {
    background-color: var(--bg-blue);
    color: #fff;
    font-weight: 600;
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page .page__main__content {
    overflow: hidden;
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page .qmw__section {
    margin-bottom: 0;
    padding-bottom: 36px;
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page .qmw__section__content {
    background: transparent;
    border-radius: 0;
    overflow: visible;
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page .qmw__news__item__content,
body.home__page.qmw-home.qmw-inner.qmw-luxiang-page .qmw__news__item__page {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page .qmw__news__item[data-column="4"] .qmw__news__item__page {
    flex-direction: row;
    flex-wrap: wrap;
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page .qmw__news__item__page:not([active="1"]) {
    display: none;
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page .video__list {
    background: transparent;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    height: 269px;
    justify-content: space-between;
    overflow: visible;
    position: relative;
    width: calc(25% - 18px);
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page .video__list__cover,
body.home__page.qmw-home.qmw-inner.qmw-luxiang-page .video__list__cover img {
    border-radius: 6px;
    display: block;
    height: 201px;
    object-fit: cover;
    overflow: hidden;
    width: 100%;
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page .video__list__icon {
    align-items: center;
    background-color: rgba(0,0,0,.4);
    border-radius: 50%;
    display: flex;
    font-size: 24px;
    height: 48px;
    justify-content: center;
    left: 50%;
    margin: 0;
    pointer-events: none;
    position: absolute;
    top: 81px;
    transform: translateX(-50%);
    width: 48px;
    z-index: 1;
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page .video__list__icon:before {
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    border-top: 10px solid transparent;
    content: "";
    margin-left: 3px;
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page .video__list__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-items: flex-start;
    color: var(--font-color);
    display: -webkit-box;
    font-size: 18px;
    height: 56px;
    line-height: 28px;
    min-height: 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
    text-overflow: ellipsis;
    white-space: normal;
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page .video__list[data-class="5"] .video__list__title:before {
    border: 1px solid var(--bg-blue-50);
    border-radius: 4px;
    box-sizing: border-box;
    color: var(--font-blue);
    content: "\56DE\653E";
    display: inline-block;
    font-size: 14px;
    height: 24px;
    line-height: 22px;
    margin-right: 6px;
    padding: 0 6px;
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page.qmw-jijin-page .video__list[data-class="5"] .video__list__title:before {
    content: "\96C6\9526";
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page.qmw-shipin-page .video__list[data-class="5"] .video__list__title:before {
    content: "\89C6\9891";
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page .video__list:hover .video__list__title {
    color: var(--font-blue);
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page #page {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin-top: 28px;
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page #page a,
body.home__page.qmw-home.qmw-inner.qmw-luxiang-page #page span {
    background: var(--bg-06);
    border: 1px solid var(--bg-24);
    border-radius: 4px;
    color: var(--font-color);
    display: inline-flex;
    font-size: 14px;
    height: 32px;
    justify-content: center;
    line-height: 30px;
    min-width: 32px;
    padding: 0 10px;
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page #page .current,
body.home__page.qmw-home.qmw-inner.qmw-luxiang-page #page a:hover {
    border-color: var(--bg-blue);
    color: var(--font-blue);
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .page__main.qmw-inter-luxiang-layout {
    align-items: start;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 26px;
    max-width: 1220px;
    padding: 32px 0;
    width: 1220px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .page__main__content {
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .page__main__aside--right {
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .qmw-inter-index-section .qmw__section__content {
    padding-top: 4px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .qmw-inter-index-list {
    display: grid;
    gap: 10px 14px;
    grid-template-columns: repeat(2,minmax(0,1fr));
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .qmw-inter-index-link {
    align-items: center;
    background: var(--bg-04);
    border: 1px solid rgba(255,255,255,.055);
    border-radius: 6px;
    box-sizing: border-box;
    color: var(--font-color-70);
    display: flex;
    min-height: 44px;
    overflow: hidden;
    padding: 10px 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .qmw-inter-index-link:before {
    background: var(--font-blue);
    border-radius: 2px;
    content: "";
    flex: 0 0 4px;
    height: 16px;
    margin-right: 10px;
    opacity: .85;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .qmw-inter-index-link span {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .qmw-inter-index-link:hover {
    border-color: rgba(31,143,255,.28);
    color: var(--font-blue);
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .qmw__news__item[data-column="4"] .video__list {
    flex: 0 0 calc((100% - 48px) / 4);
    width: calc((100% - 48px) / 4);
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .video__list {
    height: 178px;
    justify-content: flex-start;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .video__list__cover,
body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .video__list__cover img {
    height: 126px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .video__list__icon {
    height: 38px;
    top: 44px;
    width: 38px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .video__list__icon:before {
    border-bottom-width: 8px;
    border-left-width: 12px;
    border-top-width: 8px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .video__list[data-class="5"] .video__list__title:before {
    content: none;
    display: none;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .qmw__news__item__content,
body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .qmw__news__item__page {
    gap: 16px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .qmw__news__item__page {
    align-items: flex-start;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .video__list__title {
    -webkit-line-clamp: 2;
    align-items: center;
    color: var(--font-color-90);
    display: -webkit-box;
    font-size: 15px;
    font-weight: 600;
    height: 44px;
    justify-content: center;
    line-height: 22px;
    margin-top: 8px;
    text-align: center;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .qmw__section {
    padding-bottom: 28px;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page #page .qmw-pagebar .disabled {
    color: var(--font-color-40);
    cursor: default;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page #page .qmw-pagebar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page #page .qmw-pagebar .current {
    background: var(--bg-blue);
    border-color: var(--bg-blue);
    color: #fff;
}

/* League page right sidebar: keep media tabs and lists compact instead of stretching the rail. */
body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side {
    gap: 12px !important;
}

body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side > .qmw__section {
    padding-bottom: 0 !important;
}

body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side-media__header {
    align-items: flex-start !important;
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 0 8px 20px !important;
}

body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side-media__header .qmw__section__title {
    display: none;
}

body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side-media__header .qmw-side-media__tabs {
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 10px;
    display: grid;
    gap: 5px;
    grid-template-columns: 1fr 1fr;
    margin: 0;
    max-width: none;
    padding: 4px;
    width: 100%;
}

body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side-media__header .qmw-side-media__tab {
    border-radius: 7px;
    font-size: 0;
    height: 26px;
    line-height: 26px;
    min-width: 0;
    padding: 0;
}

body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side-media__header .qmw-side-media__tab:after {
    font-size: 13px;
}

body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side-media__header .qmw-side-media__tab--video:after {
    content: "相关录像";
}

body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side-media__header .qmw-side-media__tab--high:after {
    content: "相关集锦";
}

body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side-media .qmw-side-list {
    background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018));
    border: 1px solid rgba(255,255,255,.055);
    border-radius: 8px;
    min-height: 0 !important;
    padding: 6px 10px;
}

body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side-media .qmw-side-list a {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    border-bottom: 1px solid rgba(255,255,255,.055);
    color: var(--font-color-70);
    display: -webkit-box !important;
    font-size: 13px;
    height: auto;
    line-height: 22px;
    overflow: hidden;
    padding: 8px 14px;
    text-overflow: clip;
    white-space: normal;
}

body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side-media .qmw-side-list a:last-child {
    border-bottom: 0;
}

/* Global right sidebar: keep hot tags consistent with the homepage tag block. */
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags {
    align-items: flex-start !important;
    background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.014)) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 12px !important;
    width: 100% !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a {
    align-items: center !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    color: #dcecff !important;
    display: inline-flex !important;
    flex: 0 1 auto !important;
    font-size: 12px !important;
    height: auto !important;
    justify-content: center !important;
    line-height: 16px !important;
    margin: 0 !important;
    max-width: 126px !important;
    min-height: 26px !important;
    overflow: hidden !important;
    padding: 5px 10px !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    transition: background .18s,border-color .18s,color .18s,transform .18s !important;
    white-space: nowrap !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n+1) {
    background: rgba(31,143,255,.13) !important;
    border-color: rgba(31,143,255,.22) !important;
    color: #9fd3ff !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n+2) {
    background: rgba(255,126,51,.11) !important;
    border-color: rgba(255,126,51,.19) !important;
    color: #ffc8a4 !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:hover {
    background: linear-gradient(135deg, rgba(31,143,255,.24), rgba(255,126,51,.18)) !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
}

/* Compact pager for wangluo/search card grids. */
body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page #page .pagination {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    justify-content: center !important;
    list-style: none !important;
    margin: 24px auto 0 !important;
    padding: 0 !important;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page #page .pagination > li {
    display: block !important;
    margin: 0 !important;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page #page .pagination > li > a,
body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page #page .pagination > li > span {
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    color: var(--font-color-70) !important;
    display: block !important;
    font-size: 13px !important;
    height: 30px !important;
    line-height: 28px !important;
    min-width: 30px !important;
    padding: 0 10px !important;
    width: auto !important;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page #page .pagination > li.active > span,
body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page #page .pagination > li > a:hover {
    background: var(--bg-blue) !important;
    border-color: var(--bg-blue) !important;
    color: #fff !important;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page #page .pagination > li.disabled > span {
    background: rgba(255,255,255,.035) !important;
    color: var(--font-color-40) !important;
}

/* Final-final right sidebar TAG clamp. Keep this block at the end of the file. */
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags {
    align-items: flex-start !important;
    background: rgba(255,255,255,.035) !important;
    border: 1px solid rgba(255,255,255,.055) !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 9px !important;
    overflow: hidden !important;
    padding: 12px 10px !important;
    width: 100% !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a,
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n+1),
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n+2),
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n+3),
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n) {
    align-items: center !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    color: #dcecff !important;
    display: inline-flex !important;
    flex: 0 1 auto !important;
    font-size: 12px !important;
    height: 28px !important;
    justify-content: center !important;
    line-height: 26px !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 10px !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    transform: none !important;
    white-space: nowrap !important;
    width: auto !important;
    word-break: normal !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n+1) {
    background: rgba(31,143,255,.13) !important;
    border-color: rgba(31,143,255,.22) !important;
    color: #9fd3ff !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n+2) {
    background: rgba(255,126,51,.11) !important;
    border-color: rgba(255,126,51,.19) !important;
    color: #ffc8a4 !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:hover {
    background: linear-gradient(135deg, rgba(31,143,255,.24), rgba(255,126,51,.18)) !important;
    color: #fff !important;
    transform: none !important;
}

/* Live schedule pages use the same narrow sidebar rhythm as league media pages. */
body.home__page.qmw-home.qmw-inner.qmw-live-page .qmw-live-main {
    column-gap: 30px !important;
    display: grid !important;
    grid-template-columns: 104px minmax(0, 1fr) !important;
    margin: 0 auto !important;
    max-width: 1280px !important;
    padding: 32px 0 !important;
    width: 1280px !important;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .page__main.qmw-channel-main > .page__main__aside--nav,
body.home__page.qmw-home.qmw-inner.qmw-live-page .aside__nav {
    max-width: 104px !important;
    min-width: 104px !important;
    width: 104px !important;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .aside__nav {
    align-self: start;
    background: none !important;
    box-sizing: border-box;
    height: auto;
    max-height: calc(100vh - 98px);
    overflow: hidden;
    padding-top: 72px;
    position: sticky;
    top: 98px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .aside__nav:before {
    align-items: center;
    background: linear-gradient(135deg, rgba(31,143,255,.18), rgba(255,122,47,.12));
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 8px;
    color: var(--font-color);
    content: "\76F4\64AD";
    display: flex;
    font-size: 18px;
    font-weight: 700;
    height: 48px;
    justify-content: center;
    left: 0;
    letter-spacing: 2px;
    position: absolute;
    top: 0;
    width: 102px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .aside__nav__container {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column;
    max-height: calc(100vh - 170px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 2px 0 0 !important;
    scrollbar-width: none;
    width: 104px !important;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .aside__nav__container::-webkit-scrollbar {
    height: 0;
    width: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .aside__nav__list,
body.home__page.qmw-home.qmw-inner.qmw-live-page .qmw-live-nav-child {
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    color: var(--font-color);
    display: block;
    flex: 0 0 36px;
    font-size: 18px;
    font-weight: 400;
    height: 36px;
    letter-spacing: 0;
    line-height: 36px;
    margin: 10px 0;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    transform: none !important;
    white-space: nowrap;
    width: 100%;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .aside__nav__list:hover,
body.home__page.qmw-home.qmw-inner.qmw-live-page .aside__nav__list--active {
    background: var(--bg-blue) !important;
    color: #fff;
    font-weight: 600;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .page__main__content {
    grid-column: 2;
    min-width: 0;
    overflow: visible;
    width: auto !important;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__data {
    box-sizing: border-box;
    column-gap: 10px;
    grid-template-columns: 88px 76px 72px minmax(170px,1fr) 96px minmax(170px,1fr) 156px 58px;
    padding: 0 14px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list--header .fixture__list__data {
    height: 44px;
    min-height: 44px;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__league,
body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__time,
body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__status,
body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__extra {
    padding-right: 0;
    text-align: center;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__team__heading,
body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__team__heading--home,
body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__team__heading--away,
body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__score__heading,
body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__links__heading {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__team--home {
    justify-content: flex-end;
    padding-right: 0;
}

body.home__page.qmw-home.qmw-inner.qmw-live-page .fixture__list__team--away {
    justify-content: flex-start;
    padding-left: 0;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-media__viewport {
    overflow: hidden !important;
    width: 100% !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-media__track {
    display: flex !important;
    max-width: 200% !important;
    overflow: hidden !important;
    width: 200% !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-media__panel {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    width: 50% !important;
}

/* Original template TAG cloud structure, adapted to the current dark sidebar. */
body.home__page.qmw-home.qmw-inner .page__main__aside--right .dv-spo-tags {
    align-items: flex-start !important;
    background: rgba(255,255,255,.035) !important;
    border: 1px solid rgba(255,255,255,.055) !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 9px !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 12px 10px !important;
    width: 100% !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .dv-spo-tags .dv-spo-tag,
body.home__page.qmw-home.qmw-inner .page__main__aside--right .dv-spo-tag {
    align-items: center !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    color: #dcecff !important;
    display: inline-flex !important;
    flex: 0 1 auto !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    height: 28px !important;
    justify-content: center !important;
    line-height: 26px !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 10px !important;
    position: relative !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .dv-spo-tags .dv-spo-tag span {
    display: block !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .dv-spo-tags .dv-spo-tag:after {
    display: none !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .dv-spo-tags .dv-spo-tag:nth-child(4n+1) {
    background: rgba(31,143,255,.13) !important;
    border-color: rgba(31,143,255,.22) !important;
    color: #9fd3ff !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .dv-spo-tags .dv-spo-tag:nth-child(4n+2) {
    background: rgba(255,126,51,.11) !important;
    border-color: rgba(255,126,51,.19) !important;
    color: #ffc8a4 !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .dv-spo-tags .dv-spo-tag:hover {
    background: linear-gradient(135deg, rgba(31,143,255,.24), rgba(255,126,51,.18)) !important;
    color: #fff !important;
}

/* Right sidebar TAG final guard: keep pills inside the card on search/detail pages. */
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags {
    align-items: flex-start !important;
    background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.014)) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    height: auto !important;
    max-height: none !important;
    overflow: hidden !important;
    padding: 12px !important;
    width: 100% !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a,
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n+1),
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n+2),
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n+3),
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n) {
    align-items: center !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    color: #dcecff !important;
    display: block !important;
    flex: 0 1 auto !important;
    font-size: 12px !important;
    height: 28px !important;
    line-height: 26px !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 10px !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    transform: none !important;
    white-space: nowrap !important;
    width: auto !important;
    word-break: normal !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n+1) {
    background: rgba(31,143,255,.13) !important;
    border-color: rgba(31,143,255,.22) !important;
    color: #9fd3ff !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n+2) {
    background: rgba(255,126,51,.11) !important;
    border-color: rgba(255,126,51,.19) !important;
    color: #ffc8a4 !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:hover {
    background: linear-gradient(135deg, rgba(31,143,255,.24), rgba(255,126,51,.18)) !important;
    color: #fff !important;
    transform: none !important;
}

/* Right sidebar TAG hard clamp: two tidy columns, no horizontal overflow. */
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags {
    column-gap: 8px !important;
    overflow-x: hidden !important;
    row-gap: 8px !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a,
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n+1),
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n+2),
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n+3),
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n) {
    display: block !important;
    flex: 0 0 calc(50% - 4px) !important;
    max-width: calc(50% - 4px) !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: calc(50% - 4px) !important;
}

/* Final TAG reset: mirror the homepage hot TAG block across right sidebars. */
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags,
body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side-tags {
    align-items: flex-start !important;
    background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.014)) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 12px !important;
    width: 100% !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a,
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n+1),
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n+2),
body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side-tags a,
body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side-tags a:nth-child(4n+1),
body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side-tags a:nth-child(4n+2) {
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    color: #dcecff !important;
    display: inline-flex !important;
    flex: 0 1 auto !important;
    font-size: 12px !important;
    height: auto !important;
    justify-content: center !important;
    line-height: 17px !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-height: 28px !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 5px 10px !important;
    text-align: center !important;
    text-overflow: clip !important;
    transform: none !important;
    white-space: normal !important;
    width: auto !important;
    word-break: break-word !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a {
    height: 28px !important;
    line-height: 16px !important;
    max-width: 132px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n+1),
body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side-tags a:nth-child(4n+1) {
    background: rgba(31,143,255,.13) !important;
    border-color: rgba(31,143,255,.22) !important;
    color: #9fd3ff !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n+2),
body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side-tags a:nth-child(4n+2) {
    background: rgba(255,126,51,.11) !important;
    border-color: rgba(255,126,51,.19) !important;
    color: #ffc8a4 !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:hover,
body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side-tags a:hover {
    background: linear-gradient(135deg, rgba(31,143,255,.24), rgba(255,126,51,.18)) !important;
    color: #fff !important;
    transform: none !important;
}

/* Global right sidebar: align related recordings/highlights with football list pages. */
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-media {
    margin-bottom: 18px !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-media__header {
    align-items: flex-start !important;
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 0 8px 20px !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-media__header .qmw__section__title {
    display: none !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-media__header .qmw-side-media__tabs {
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 5px !important;
    grid-template-columns: 1fr 1fr !important;
    margin: 0 !important;
    max-width: none !important;
    padding: 4px !important;
    width: 100% !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-media__header .qmw-side-media__tab {
    border-radius: 7px !important;
    font-size: 0 !important;
    height: 26px !important;
    line-height: 26px !important;
    min-width: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-media__header .qmw-side-media__tab:after {
    font-size: 13px !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-media__header .qmw-side-media__tab--video:after {
    content: "相关录像";
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-media__header .qmw-side-media__tab--high:after {
    content: "相关集锦";
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-media .qmw-side-list {
    background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018)) !important;
    border: 1px solid rgba(255,255,255,.055) !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    min-height: 0 !important;
    padding: 6px 10px !important;
    width: 100% !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-media .qmw-side-list a {
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    border-bottom: 1px solid rgba(255,255,255,.055) !important;
    color: var(--font-color-70) !important;
    display: -webkit-box !important;
    font-size: 13px !important;
    height: auto !important;
    line-height: 22px !important;
    overflow: hidden !important;
    padding: 8px 14px !important;
    text-overflow: clip !important;
    white-space: normal !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-media .qmw-side-list a:last-child {
    border-bottom: 0 !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-media .qmw-side-list a:hover {
    color: var(--font-blue) !important;
}

/* Inter pages only: loosen sidebar rhythm before promoting these values sitewide. */
body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .page__main__aside--right > .qmw__section,
body.home__page.qmw-home.qmw-inner.qmw-inter-detail .page__main__aside--right > .qmw__section {
    margin-bottom: 20px !important;
    margin-top: 8px !important;
    padding-bottom: 0 !important;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .page__main__aside--right > .qmw__section:first-child,
body.home__page.qmw-home.qmw-inner.qmw-inter-detail .page__main__aside--right > .qmw__section:first-child {
    margin-top: 0 !important;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .page__main__aside--right > .qmw__section:last-child,
body.home__page.qmw-home.qmw-inner.qmw-inter-detail .page__main__aside--right > .qmw__section:last-child {
    margin-bottom: 0 !important;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .page__main__aside--right > .qmw__section > .qmw__section__header,
body.home__page.qmw-home.qmw-inner.qmw-inter-detail .page__main__aside--right > .qmw__section > .qmw__section__header {
    margin-bottom: 12px !important;
    padding-bottom: 4px !important;
    padding-top: 4px !important;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .page__main__aside--right .qmw__section__title,
body.home__page.qmw-home.qmw-inner.qmw-inter-detail .page__main__aside--right .qmw__section__title {
    line-height: 30px !important;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .page__main__aside--right .qmw-side-media,
body.home__page.qmw-home.qmw-inner.qmw-inter-detail .page__main__aside--right .qmw-side-media {
    margin-bottom: 20px !important;
    margin-top: 8px !important;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .page__main__aside--right .qmw-side-media__header,
body.home__page.qmw-home.qmw-inner.qmw-inter-detail .page__main__aside--right .qmw-side-media__header {
    margin-bottom: 12px !important;
    padding-bottom: 4px !important;
    padding-top: 4px !important;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .page__main__aside--right .qmw-side-tags,
body.home__page.qmw-home.qmw-inner.qmw-inter-detail .page__main__aside--right .qmw-side-tags {
    gap: 8px !important;
    padding: 12px !important;
}

body.home__page.qmw-home.qmw-inner.qmw-inter-luxiang-page .page__main__aside--right .qmw-side-tags a,
body.home__page.qmw-home.qmw-inner.qmw-inter-detail .page__main__aside--right .qmw-side-tags a {
    display: inline-flex !important;
    flex: 0 1 auto !important;
    line-height: 16px !important;
    max-width: 126px !important;
    min-height: 26px !important;
    padding: 5px 10px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Align the orange/blue section mark with the title baseline across inner pages. */
body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw__section__header {
    align-items: center !important;
    height: auto !important;
    min-height: 34px !important;
    padding: 4px 0 4px 26px !important;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw__section__header:before,
body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw__section__header:after {
    top: 50% !important;
    transform: translateY(-50%) skew(-12deg) !important;
}

body.home__page.qmw-home.qmw-inner.qmw-news-detail .qmw__section__title {
    align-items: center !important;
    display: inline-flex !important;
    line-height: 26px !important;
}

/* Visual repair pass for channel/list sidebars and paged media layouts. */
body.home__page.qmw-home.qmw-inner .page__main.qmw-channel-main > .page__main__aside--nav {
    box-sizing: border-box;
    flex: none !important;
    margin: 0 !important;
    max-width: 140px;
    min-width: 0;
    width: 140px !important;
}

body.home__page.qmw-home.qmw-inner .page__main.qmw-channel-main > .page__main__aside--nav .aside__nav__container {
    box-sizing: border-box;
    width: 100%;
}

body.home__page.qmw-home.qmw-inner.qmw-luxiang-page .page__main.qmw-channel-main > .page__main__aside--nav {
    max-width: 104px;
    width: 104px !important;
}

body.home__page.qmw-home.qmw-inner .page__main.qmw-channel-main > .page__main__content,
body.home__page.qmw-home.qmw-inner .page__main.qmw-channel-main > .page__main__aside--right {
    min-width: 0;
}

body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side {
    align-self: start;
    display: flex;
    flex-direction: column;
    gap: 18px !important;
}

body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side > .qmw__section,
body.home__page.qmw-home.qmw-inner.qmw-news-detail .page__main__aside--right > .qmw__section {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side-list,
body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-side-tags {
    box-sizing: border-box;
    width: 100%;
}

body.home__page.qmw-home.qmw-inner .qmw-text-list {
    box-sizing: border-box;
    padding: 4px 0;
}

body.home__page.qmw-home.qmw-inner .qmw-text-list a {
    line-height: 24px;
    padding: 11px 16px;
    white-space: normal;
}

body.home__page.qmw-home.qmw-inner .qmw-channel-hero,
body.home__page.qmw-home.qmw-inner .qmw__section__content {
    box-sizing: border-box;
}

body.home__page.qmw-home.qmw-inner .qmw-channel-main #page,
body.home__page.qmw-home.qmw-inner .qmw-channel-main .qmw-channel-pagebar {
    box-sizing: border-box;
    margin: 24px 0 0;
    padding: 0 0 8px;
}

/* Inter/Search detail media cards: show local shipin covers instead of bare text rows. */
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-card-list {
    background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018));
    border: 1px solid rgba(255,255,255,.055);
    border-radius: 10px;
    box-sizing: border-box;
    display: grid;
    gap: 0;
    padding: 8px;
    width: 100%;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-card {
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.055);
    box-sizing: border-box;
    display: grid;
    gap: 10px;
    grid-template-columns: 72px minmax(0,1fr);
    min-height: 62px;
    padding: 8px 2px;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-card:last-child {
    border-bottom: 0;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-card img {
    background: rgba(255,255,255,.04);
    border-radius: 7px;
    height: 46px;
    object-fit: cover;
    width: 72px;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-card span {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--font-color-70);
    display: -webkit-box;
    font-size: 13px;
    line-height: 21px;
    overflow: hidden;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-card:hover span {
    color: var(--font-blue);
}

/* Search detail hot news: keep 20 items readable with cover + 200-char snippet. */
body.home__page.qmw-home.qmw-inner.qmw-search-detail .qmw-search-news-list {
    background: transparent !important;
    display: grid;
    gap: 12px;
    padding: 0 !important;
}

body.home__page.qmw-home.qmw-inner.qmw-search-detail .qmw-search-news-list a.qmw-search-news-card-item {
    align-items: center;
    background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025));
    border: 1px solid rgba(255,255,255,.055);
    border-radius: 10px;
    box-sizing: border-box;
    color: var(--font-color);
    display: grid !important;
    gap: 16px;
    grid-template-columns: 154px minmax(0,1fr);
    height: auto !important;
    line-height: normal !important;
    min-height: 116px;
    overflow: hidden;
    padding: 12px 16px 12px 12px;
    text-overflow: clip !important;
    white-space: normal !important;
}

body.home__page.qmw-home.qmw-inner.qmw-search-detail .qmw-search-news-list a.qmw-search-news-card-item:hover {
    border-color: rgba(31,140,255,.28);
    background: linear-gradient(180deg, rgba(31,140,255,.08), rgba(255,255,255,.028));
}

body.home__page.qmw-home.qmw-inner.qmw-search-detail .qmw-search-news-card-item img {
    background: rgba(255,255,255,.04);
    border-radius: 8px;
    height: 92px;
    object-fit: cover;
    width: 154px;
}

body.home__page.qmw-home.qmw-inner.qmw-search-detail .qmw-search-news-card-item span {
    background: transparent !important;
    border-radius: 0 !important;
    display: block;
    flex: none !important;
    height: auto !important;
    margin: 0 !important;
    min-width: 0;
    width: auto !important;
}

body.home__page.qmw-home.qmw-inner.qmw-search-detail .qmw-search-news-card-item strong {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #fff;
    display: -webkit-box;
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
    overflow: hidden;
}

body.home__page.qmw-home.qmw-inner.qmw-search-detail .qmw-search-news-card-item em {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--font-color-70);
    display: -webkit-box;
    font-size: 14px;
    font-style: normal;
    line-height: 24px;
    margin-top: 8px;
    overflow: hidden;
}

body.home__page.qmw-home.qmw-inner.qmw-search-detail .qmw-search-news-card-item i {
    color: var(--font-color-40);
    display: block;
    font-size: 13px;
    font-style: normal;
    line-height: 20px;
    margin-top: 8px;
}

/* Sitewide right sidebar rhythm: use the inter detail spacing as the baseline. */
body.home__page.qmw-home.qmw-inner .page__main__aside--right > .qmw__section {
    margin-bottom: 20px !important;
    margin-top: 8px !important;
    padding-bottom: 0 !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right > .qmw__section:first-child {
    margin-top: 0 !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right > .qmw__section:last-child {
    margin-bottom: 0 !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right > .qmw__section > .qmw__section__header,
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-media__header {
    margin-bottom: 12px !important;
    padding-bottom: 4px !important;
    padding-top: 4px !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw__section__title {
    line-height: 30px !important;
}

/* Sitewide right sidebar tags: match the search detail presentation. */
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags {
    align-items: flex-start !important;
    background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.014)) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 12px !important;
    width: 100% !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a {
    align-items: center !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    color: #dcecff !important;
    display: inline-flex !important;
    flex: 0 1 auto !important;
    font-size: 12px !important;
    height: auto !important;
    justify-content: center !important;
    line-height: 16px !important;
    margin: 0 !important;
    max-width: 126px !important;
    min-height: 26px !important;
    overflow: hidden !important;
    padding: 5px 10px !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n+1) {
    background: rgba(31,143,255,.13) !important;
    border-color: rgba(31,143,255,.22) !important;
    color: #9fd3ff !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n+2) {
    background: rgba(255,126,51,.11) !important;
    border-color: rgba(255,126,51,.19) !important;
    color: #ffc8a4 !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:hover {
    background: linear-gradient(135deg, rgba(31,143,255,.24), rgba(255,126,51,.18)) !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
}

/* Final-final right sidebar TAG clamp. Keep this block at the end of the file. */
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags {
    align-items: flex-start !important;
    background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.014)) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    column-gap: 8px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    height: auto !important;
    max-height: none !important;
    overflow: hidden !important;
    padding: 12px !important;
    row-gap: 8px !important;
    width: 100% !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a,
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n+1),
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n+2),
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n+3),
body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n) {
    align-items: center !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    color: #dcecff !important;
    display: block !important;
    flex: 0 0 calc(50% - 4px) !important;
    font-size: 12px !important;
    height: 28px !important;
    line-height: 26px !important;
    margin: 0 !important;
    max-width: calc(50% - 4px) !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 10px !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    transform: none !important;
    white-space: nowrap !important;
    width: calc(50% - 4px) !important;
    word-break: normal !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n+1) {
    background: rgba(31,143,255,.13) !important;
    border-color: rgba(31,143,255,.22) !important;
    color: #9fd3ff !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:nth-child(4n+2) {
    background: rgba(255,126,51,.11) !important;
    border-color: rgba(255,126,51,.19) !important;
    color: #ffc8a4 !important;
}

body.home__page.qmw-home.qmw-inner .page__main__aside--right .qmw-side-tags a:hover {
    background: linear-gradient(135deg, rgba(31,143,255,.24), rgba(255,126,51,.18)) !important;
    color: #fff !important;
    transform: none !important;
}