body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
    margin: 0;
    padding: 0
}


:root {
    --button-bg-color: #4d5257; /* 按钮背景颜色 */
    --button-hover-bg-color: #54a6ff; /* 鼠标悬停时的背景颜色 */

    --button-text-color: #000000; /* 按钮文字颜色 */
}

.pageinfo,.homepage,.nopage,.listpage,.nopage,.endpage,.nextpage {
    display: inline-block;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: var(--button-text-color);
    /*background-color: var(--button-bg-color);*/
    border: 1px solid var(--button-bg-color);
    border-radius: 5px;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
    margin-left: 4px;
}
.curpage {
    background-color: var(--button-hover-bg-color);
}
.pageinfo:hover,.homepage:hover,.nopage:hover,.listpage:hover,.nopage:hover,.endpage:hover,.nextpage:hover {
    background-color: var(--button-hover-bg-color);
    border-color: var(--button-hover-bg-color);
    color: var(--button-text-color); /* 可以省略，因为悬停时通常保持文字颜色不变 */
}



body {
    background: #f2f5f9;
    font-size: 13px;
    color: #333;
    font-family: "Helvetica Neue", "Microsoft YaHei", Helvetica, Tahoma, sans-serif;
}

dd,
dl,
dt,
form,
ol,
ul {
    list-style: none;
    font-weight: 400;
}

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

a:hover {
    text-decoration: none
}

html,
body {
    margin: 0;
    padding: 0;
    min-width: 1200px;
}

.widthAll100 {
    width: 100% !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml10 {
    margin-left: 15px !important;
}

.mtf5 {
    margin-top: -5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.a69_mb15 {
    margin-bottom: 15px !important;
}

.Radius10 {
    border-radius: 10px;
}

.pl20 {
    padding-left: 40px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.no_show {
    display: none !important;
}

.a69_wrap {
    width: 1200px;
    margin: 0 auto;
}

.bgcolorWhite {
    background: #fff;
    overflow: hidden;
}

.pd20 {
    padding: 20px;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

/*风格一*/
.a69_titleV1 {
    height: 50px;
    line-height: 50px;
    /* border-bottom: 1px solid #f4f4f4; */
    padding: 0 15px !important;
    /* background: var(--bg-light-color); */
    /* background-image: url('../images/topbaricon.png'); */
    background-repeat: no-repeat;
}

.a69_titleV1 img {
    float: left;
    width: 39px;
    height: auto;
    margin: 8px 0;
}

.a69_titleV1 h4 {
    float: left;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin-left: 10px;
}

.a69_titleV1 h5 {
    color: #fff;
}

/* .a69_titleV1 h4::before {
    content: '';
    position: relative;
    top: 2px;
    display: inline-block;
    width: 6px;
    height: 19px;
    background: var(--news-text-before-bg-color);
    border-radius: 5px;
    margin-right: 10px;
} */

.a69_titleV1 ul {
    float: right;
    margin-left: 80px;
}

.a69_titleV1 li {
    float: left;
    height: 50px !important;
    line-height: 50px !important;
}

.a69_titleV1 li a {
    font-size: 15px;
    font-weight: bold;
    color: #000000;
}

.a69_titleV1 li span {
    margin: 0px 16px;
    color: #ddd
}

.a69_titleV1 .gd {
    float: right;
    color: #000000;
    font-size: 16px;
}

.a69_titleV1 a.more {
    float: right;
    color: #c03414;
}

/*风格一并带选择li*/
.a69_titleV1 ul.select {
    float: right;
    margin-left: 80px;
    margin-right: -16px;
    border-left: 1px solid #f4f4f4;
}

.a69_titleV1 ul.select li {
    width: 110px !important;
}

/*风格二*/
.titleV2 h4 {
    padding: 10px;
    background-color: #953119;
    font-weight: bold;
    border-bottom: 1px solid #E1E1E1;
    font-size: 1rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 1.313rem;
    color: #fff;
    position: relative;
}

.titleV2 h4::before {
    content: '';
    position: relative;
    top: 2px;
    display: inline-block;
    width: 6px;
    height: 16px;
    background: #F8B62A;
    border-radius: 5px;
    margin-right: 6px;
}

.liCount2 li {
    width: 50% !important;
}

.liCount3 li {
    width: 33% !important;
}

.liCount4 li {
    width: 25% !important;
}

.liCount5 li {
    width: 20% !important;
}

.liCount6 li {
    width: 16.6% !important;
}

/*选择风格一*/
.select {
    overflow: hidden;
}

.select li {
    width: 25%;
    float: left;
    text-align: center;
    height: 44px;
    line-height: 44px;
    background-color: #f8f8f8;
    cursor: pointer;
    font-size: 15px;
    color: #999;
}

.select li.current {
    background: #fff;
    color: #953119;
    border-top: 2px solid #953119;
}

/*选择风格二*/
.select2 {
    border-radius: 5px 5px 0px 0px;
    display: flex;
    border-bottom: 2px solid #F8B62A;
    background: linear-gradient(-180deg, #F04745 0%, #DC2221 100%) !important;
}

.select2 li {
    font-size: 15px;
    color: #fff;
    width: 15%;
    border-right: 1px solid #ff4d4d;
    height: 39px;
    line-height: 40px;
    text-align: center;
}

.select2 li:hover {
    background: #F8B62A;
}

.select2 li:hover a {
    color: #fff;
}

.select2 li:last-child {
    border: 0px;
}

.select2 li a {
    color: #fff;
    font-size: 15px;
}

.select2 li.current {
    background: #F8B62A;
    color: #fff;
}

/*选择风格三*/
.select3 {
    border-radius: 5px 5px 0px 0px;
    display: flex;
    border-bottom: 2px solid #F8B62A;
    background: #f8f8f8 !important;
}

.select3 li {
    color: #fff;
    width: 15%;
    height: 39px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.select3 li:hover {
    background: #F8B62A;
}

.select3 li:hover a {
    color: #fff;
}

.select3 li:last-child {
    border: 0px;
}

.select3 li a {
    color: #666;
    font-size: 15px;
}

.select3 li.current {
    background: #F8B62A;
    color: #fff;
    border-radius: 5px 5px 0px 0px;
}

.select3 li.current a {
    color: #fff;
    cursor: pointer;
}

/*选择风格四*/
.select4 {
    display: flex;
    /* border-bottom: 1px solid #00C0FF; */
    /* background: var(--bg-light-color); */
}

.select4 li {
    width: 15%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select4 li,
.select4 li a,
.select4 li span {
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    cursor: pointer;
}

.select4 li a,
.select4 li span {
    padding: 10px 8px;
}

.select4 li.current a,
.select4 li.current span {
    border-bottom: 4px solid var(--primary-color);
    color: #fff;
}

/*头部导航栏*/
#content {
    margin: 0 auto;
    padding-top: 15px;
}

#header {
    /* background: var(--header-bg); */
    position: relative;
    height: auto;
    width: 100%;
    margin-bottom: 20px;
}

#header #logo {
    float: left;
    margin: 10px 0 10px 0;
}

#header #logo img {
    width: auto;
    height: 50px;
}

#header #nav {
    height: 100%;
    margin: 0 auto;
}

#header .a69_navbar {
    float: right;
    height: 100%;
    margin-right: 50px;
}

#header .a69_navbar li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    height: 100%;
    width: 130px;
}

#header .a69_navbar li a {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    transition: all .2s;
    height: 100%;
    line-height: 50px;
    width: 100%;
    text-align: center;
}

#header .a69_navbar li a:hover {
    color: var(--navbar-link-hover);
}

#header .a69_navbar li.active a {
    /* background: #CCCC33; */
    /* color: #262626 !important; */
    font-weight: bolder;
}

#header .a69_navbar li.hover a {
    background: #c03414;
    color: #fff !important;
    font-weight: bolder;
}

#header .a69_navbar li.hover span.down {
    border-top: 6px solid #fff;
}

#header .a69_navbar li .down {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    color: #FFF;
    position: absolute;
    left: 45%;
    bottom: 18px;
}

/*导航下拉*/
.add_nav {
    width: 198px !important;
}

.add_nav ul li {
    float: left;
    width: 50%;
    text-align: center;
}

.subnav {
    position: absolute;
    top: 68px;
    left: 0;
    padding: 4px 0;
    background-color: #c03414;
    z-index: 10;
    width: 100%;
    border-bottom: 4px solid #c03414;
}

.subnav ul {
    padding: 0;
    width: 100%;
    display: block;
}

.subnav ul li {
    float: none;
    text-align: center;
}

.subnav ul li a {
    display: block;
    color: #262626 !important;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px
}

.subnav ul li a:hover {
    background: #953119;
    color: #262626;
}

.subnav li a {
    line-height: 45px !important;
}

/*首页zhibo*/
.a69_Contentfirst {
    display: flex;
    width: 100%;
    flex-direction: var(--data-order-flex-direction);
    gap: 10px
}

@media screen and (max-width:900px) {
    .a69_Contentfirst {
        gap: initial;
        flex-direction: column;
    }
}





.a69_homeMatch {
    background: var(--bg-light-color);
    overflow: hidden;
    width: 100%;
    margin-right: 10px;
    border-radius: 5px;
}

._header {
    display: flex;
    align-items: center;
    margin: 24px 0 16px;
    color: #fff;
}

.a69_homeMatch .title {

    font-size: 22px;
    color: var(--match-header-color);
    display: flex;
    margin: 0 auto;
    align-items: center;
}

.a69_homeMatch .title h4 {
    margin-left: 20px;
    padding: 10px 0;
}

._header>img {
    width: 25px;
    height: 25px;
}

._header>span {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    height: 40px;
}

._header>h1 {
    font-size: 18px;
    padding-left: 6px;
    color: #fff;
}

._header>h2 {
    font-size: 18px;
    padding-left: 6px;
}

._header .btn-more {
    float: right;
    display: inline-block;
    margin-right: 9px;
    padding: 0 16px;
    height: 33px;
    line-height: 33px;
    background: #953119;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
}

._header .btn-more:hover {
    color: #ffffff !important;
}

._header>a {
    color: #F8B62A;
    font-size: 16px;
    font-weight: bold;
    margin-left: auto;
}

.a69_Match {
    position: relative;
    /* border-bottom: 1px solid #f4f4f4; */
    padding-bottom: 20px;
    background: var(--bg-light-color);
}

.a69_Match .time_show_new {
    text-align: center;
    height: 16px;
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 16px;
    position: absolute;
    right: 20px;
    margin-top: 16px;
    font-size: 12px;
    color: #999;
}

.a69_Match .date {
    text-align: left;
    display: inline-block;
    margin-top: 15px;
    background: #F0F0F0;
    border-radius: 0px 10px 10px 0px;
}

.a69_Match .date p {
    padding: 2px 10px;
    font-size: 0.75rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 1rem;
    color: #953119;
}

.a69_Match .date p .point {
    margin-right: 4px;
}

.a69_Match .date h2 {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 16px;
    font-weight: normal;
    color: #FFF;
}

.a69_Match .list {
    font-size: 0.875rem;
    line-height: 1.188rem;
    /* color: #000; */
    margin-top: 18px;
    margin-left: 20px;
    margin-right: 20px;
}

.a69_Match .list>li>span {
    height: 40px;
}

.a69_Match .list>li {
    line-height: 20px;
    display: flex;
    font-size: 15px;
    align-items: center;
    border-bottom: solid 1px #00C0FF;
    padding: 1rem 0;
    font-size: 1rem;
}

.a69_Match .list>li:hover {
    background-color: #00C0FF;
}

.a69_Match .list>li>.time {
    min-width: 120px;
    width: 13%;
    margin-right: 10px;
    text-align: center;
    /* font-size: 12px; */
    color: #fff;
    /* border-radius: 5px; */
    display: flex;
    align-items: center;
}

.a69_Match .list>li>.type {
    display: flex;
    width: 105px;
    align-items: center;
}

.a69_Match .list>li>.type>a {
    color: #fff;
    width: 100px;
    margin-right: 11px;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.a69_Match .list>li>.game {
    display: flex;
    margin-right: 5px;
    margin-left: 20px;
    width: 55%;
    justify-content: center;
    align-items: center;
}

.a69_Match .list>li>.game img {
    width: 22px;
    vertical-align: middle;
    margin: 0px 5px;
}

.a69_Match .list>li>.game .team>a {
    color: #fff;
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.a69_Match .list>li>.game .left {
    width: 140px;
    display: flex;
    text-align: right;
    height: 22px;
}

.a69_Match .list>li>.game .vs {
    width: 50px;
    text-align: center;
    font-size: 12px;
    padding: 0 15px;
    color: #fff;
}

.a69_Match .list>li>.game .right {
    width: 140px;
    display: flex;
    text-align: left;
    height: 22px;
}

.a69_Match .list>li>.signal {
    display: block;
    width: 10%;
    text-align: center;
    padding: 8px 10px;
    line-height: 1.188rem;
    /* color: #999999; */
    border-radius: 5px;
    margin: 0 0 0 auto;
    font-size: 13px;
}

.a69_Match .list>li>.signal.end {
    color: var(--post-comment-btn-bg-text-color);
    background-color: #FF7517;
    border: 1px solid var(--post-comment-btn-bg-text-color);
}

.MatchType .list>li>.type {
    width: 120px;
    overflow: hidden;
}

.MatchType .list>li>.type>a {
    width: 120px !important;
}

.MatchType .list>li>.game .left {
    width: 180px !important;
}

.MatchType .list>li>.game .right {
    width: 180px !important;
}

.MatchType .list>li>.game .team>a {
    width: 160px;
}

.MatchType .list>li>.game .team>span {
    width: 160px !important;
}

.MatchLX .list>li>.time {
    width: 85px !important;
}

.MatchLX .list>li>.type {
    width: 120px;
    overflow: hidden;
}

.MatchLX .list>li>.type>a {
    width: 120px !important;
}

.MatchLX .list>li>.game .vs {
    width: 20px !important;
    color: red;
}

.MatchLX .list>li>.game .bfy {
    width: 25px !important;
    text-align: left;
    color: red;
}

.MatchLX .list>li>.game .bfx {
    width: 25px !important;
    text-align: right;
    color: red;
}

.MatchLX .list>li>.game .team {
    display: block;
    width: 185px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.MatchLX .list>li>.signal {
    width: 70px
}


.topic_articles {
    background: #fff;
    height: 640px;
    overflow: hidden;
    width: 485px;
    border-radius: 5px;
    padding: 0 20px;
}

.topic_articles a:hover {
    color: #F8B62A;
    font-weight: bold;
}

.topic_articles h2 {
    height: 35px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topic_articles h2:first-child {
    margin-top: 15px;
}

.topic_articles h2 a {
    color: #222;
    font-size: 21px;
    font-weight: bold;
}

.topic_articles h2 .tag {
    font-size: 15px;
    font-style: normal;
    text-align: center;
    color: #fff;
    background-color: #953119;
    border-radius: 5px;
    padding: 5px 14px;
    margin-right: 4px;
}

.topic_articles ul {
    flex-wrap: wrap;
    column-gap: 4%;
    margin-bottom: 14px;
}

.topic_articles ul li {
    width: 100%;
    line-height: 21px;
    height: 21px;
    color: #777777;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 12px;
    border-bottom: 1px solid gainsboro;
}

.topic_articles ul li a {
    font-size: 16px;
    color: #222;
}

.topic_articles ul li .tag {
    font-size: 16px;
    color: #FFFFFF;
    height: 21px;
    padding: 0 12px;
    background: #F99133;
    display: inline-block;
    zoom: 1;
    margin-right: 10px;
}


/*比赛分析页*/
.matchInfoDiv {
    padding: 0px 20px;
}

.dzDIV {
    width: 100%;
    border: 1px solid #f0f0f0;
    margin: 15px 0;
}

.dzDIV .title {
    font-size: 24px;
    padding: 7px 10px;
    border-bottom: 1px solid #f0f0f0;
    text-align: center;
}

.dzDIV .title16 {
    font-size: 16px;
    padding: 7px 10px;
    border-bottom: 1px solid #f0f0f0;
    text-align: center;
}

.dzDIV .title img {
    width: 25px;
    margin: 0px 3px;
    vertical-align: middle;
}

.dzDIV .title span {
    color: #953119
}

.dzDIV .dz_head {
    background: #f0f0f0 !important;
    line-height: 37px;
    height: 37px;
    text-align: center;
    display: flex;
}

.dzDIV .dz_head img {
    vertical-align: middle;
}

.dzDIV .dz_list {
    line-height: 32px;
    height: 32px;
    text-align: center;
    display: flex;
    border-bottom: 1px solid #f0f0f0;
}

.dzDIV .dz_list:last-child {
    border-bottom: 0px !important
}

.dzDIV .dz_head span {
    width: 100%;
    font-size: 13px;
}

.dzDIV .dz_list span {
    width: 100%;
    font-size: 13px;
    border-right: 1px solid #f0f0f0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dzDIV .dz_list a {
    color: red;
    font-weight: bold;
}

.dzDIV .dz_list span:last-child {
    border-right: 0px;
}

.dzDIV p.lx {
    cursor: pointer;
    text-indent: 1.2em;
    margin-bottom: 15px;
    border-bottom: 1px solid #F4F4F4;
    padding-bottom: 10px;
}

.dzDIV .qingbao {
    background: url(../images/qingbao.png) no-repeat left 0px;
    padding-left: 28px;
}

.dzDIV .dz_list .bifen {
    color: red;
    font-weight: bold;
    font-size: 14px;
}

/*比赛分析页*/

/*比赛技术统计*/
.jishuDIV {
    width: 100%;
    border: 1px solid #f0f0f0;
    margin: 15px 0;
}

.jishuDIV .title {
    font-size: 24px;
    margin: 7px 10px;
}

.jishuDIV .jishu_head {
    display: flex;
    line-height: 32px;
    height: 32px;
    border-top: 1px solid #F4F4F4;
}

.jishuDIV .jishu_list {
    display: flex;
    line-height: 32px;
    height: 32px;
    border-top: 1px solid #F4F4F4;
}

.jishuDIV .jishu_head span {
    width: 50px;
    text-align: center;
    background: #F8B62A;
    color: #fff;
}

.jishuDIV .jishu_head span:nth-child(3) {
    width: 60px;
}

.jishuDIV .jishu_list span {
    width: 50px;
    text-align: center;
    overflow: hidden;
}

.jishuDIV .jishu_list span:nth-child(3) {
    width: 60px;
}

.jishuDIV .jishu_list:nth-child(2n) {
    background: #f4f4f4
}

/*比赛技术统计*/

/*积分统计*/
.jifenDIV {
    width: 100%;
}

.jifenDIV .title {
    font-size: 16px;
    padding: 7px 10px;
    text-align: center;
    background: #f2f5f9;
}

.jifenDIV .jifen_head {
    display: flex;
    line-height: 37px;
    height: 37px;
}

.jifenDIV .jifen_list {
    display: flex;
    line-height: 37px;
    height: 37px;
    border-top: 1px solid #F4F4F4;
}

.jifenDIV .jifen_head span {
    width: 50px;
    text-align: center;
    background: #F8B62A;
    color: #fff;
}

.jifenDIV .jifen_head span:nth-child(2) {
    width: 80px !important;
}

.jifenDIV .jifen_list span {
    width: 50px;
    text-align: center;
}

.jifenDIV .jifen_list span:nth-child(2) {
    width: 100px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

.jifenDIV .jifen_list img {
    width: 20px;
    margin: 0px 3px;
    vertical-align: middle;
}

.jifenDIV .jifen_list span:nth-child(7) {
    color: #e74c5b
}

.jifenDIV .jifen_list span:nth-child(1) {
    color: #666;
    font-weight: bold;
}

/*积分统计*/

/*首页球队*/
.IndexTeam {
    background: #fff;
    overflow: hidden;
    border-radius: 5px;
    padding: 10px;
}

.IndexTeam a {
    width: 118px;
    display: flex;
    text-align: center;
    float: left;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-bottom: 1px solid #fff;
    background: #e9edf3;
}

.IndexTeam .t {
    margin-bottom: 1px;
}

.IndexTeam a img {
    margin-right: 5px;
    max-width: 24px;
}

.IndexTeam a:nth-child(2n) {
    background: #f2f4f8;
}


/*首页图片*/
.NR1C {
    background: #fff;
    overflow: hidden;
    border-radius: 5px;
}

.NR1C ul li {
    float: left;
    margin: 15px 0px 15px 14px;
}

.NR1C ul li a {
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    display: block;
    width: 220px;
    height: 160px;
    position: relative;
    overflow: hidden;
}

.NR1C ul li img {
    width: 100%;
    height: 100%;
    transition: all 0.6s;
}

.NR1C ul li img:hover {
    transform: scale(1.3);
}

.NR1C ul li span {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 5px 10px 4px 11px;
    background-color: rgba(0, 0, 0, 0.6);
    font-size: 12px;
    color: #FFFFFF;
    width: 90%;
    overflow: hidden;
    height: 19px;
    line-height: 20px;
    padding: 5px 10px 7px 10px;
    font-size: 14px;
    color: #FFFFFF;
    width: 93%;
    line-height: 22px;
}

.NR1C ul li strong {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #ff4d4d;
    font-size: 12px;
    color: #FFFFFF;
    width: 80px;
    height: 25px;
    font-size: 12px;
    text-align: center;
    line-height: 25px;
    overflow: hidden;
    border-bottom-right-radius: 5px;
}



.a69_leftDIV {
    flex: var(--info-page-one-flex)
}

/* .leftDIV845{width:845px !important;} */
.a69_djQ5_djQ5X3JpZ2h0RElWcA {
    flex: var(--info-page-two-flex);
    height: fit-content;
    border-radius: 5px;
    overflow: hidden;
}

.a69_leftDIV>div {
    /* background: var(--bg-light-color); */
    border-radius: 5px;
    overflow: hidden;
}

.a69_list-A {
    padding: 12px 20px;
}

.a69_list-A a {
    line-height: 35px;
    width: 100%;
    color: #000000;
    font-size: 13px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    float: left;
}



/*右侧录像*/
.a69_djQ5_cmlnaHRDb2xvcnA {
    background: var(--bg-light-color)
}

.a69_djQ5_djQ5X3JpZ2h0X2x4cA li {
    padding: 10px 10px;
}

.a69_djQ5_djQ5X3JpZ2h0X2x4cA li:hover {
    background-color: #00c0ff;
}

.a69_djQ5_djQ5X3JpZ2h0X2x4cA li .bf p {
    color: #DC2221;
    font-weight: bold;
    font-size: 20px;
}

.ShiJiaqiu {
    border-bottom: 1px solid #f0f0f0;
    padding: 12px 8px 15px 50px;
    font-size: 14px;
    color: #777;
    line-height: 22px;
    height: 40px;
    background: url(../images/play-btn.png) no-repeat 15px center !important;
}

.a69_djQ5_djQ5X3JpZ2h0X2x4cA li>p {
    color: #666;
    font-size: 12px;
    padding: 8px 10px;
    font-size: 13px;
}

.msgSroce {
    padding: 0 10px 8px 10px;
    overflow: hidden;
}

.msgSroce>div {
    float: left;
    line-height: 35px;
}

.msgSroce>div:nth-of-type(1) p {
    font-size: 15px;
    color: #333;
    width: 123px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.msgSroce img {
    width: 22px;
    height: 22px;
    margin-right: 9px;
    vertical-align: middle;
}

.msgSroce>div:nth-of-type(2) {
    width: 100px;
    text-align: center;
    float: left;
    margin-top: 15px;
}

.msgSroce>div:nth-of-type(3) {
    width: 60px;
    text-align: right;
    float: right;
    margin-top: 15px;
    margin-top: 0px;
}

.msgSroce>div:nth-of-type(3) p {
    color: #2f8162;
    font-size: 14px;
}

.msgSroce>div:nth-of-type(3) p.no {
    color: #ccc;
    font-size: 14px;
}

.msgSroce>div:nth-of-type(3) p a {
    color: #953119;
    font-size: 14px;
}

/*右侧录像*/

/*右侧新闻*/
.right_news {
    padding: 20px;
}

.right_news li {
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.right_news li.kongge {
    height: 20px !important;
}

.right_news li.kongge::before {
    background: none !important;
}

.right_news li::before {
    content: '';
    position: relative;
    top: 6px;
    display: inline-block;
    width: 20px;
    height: 21px;
    border-radius: 5px;
    margin-right: 8px;
}

.right_news_sp li::before {
    background: url(../fonts/sp.svg) no-repeat left top !important;
}

.right_news_lx li::before {
    background: url(../fonts/lx.svg) no-repeat left top !important;
}

.right_news li a {
    line-height: 34px;
    color: #000;
    font-size: 14px;
}

.TextJianjie {
    position: relative;
    padding: 20px;
    line-height: 32px;
    font-size: 15px;
    text-indent: 2em;
}

.TextJianjie .rule li.dt {
    font-size: 12px
}

.TextJianjie h2 {
    font-size: 15px;
}

.TextJianjieDiv {
    text-indent: 2em;
    height: 240px;
    overflow: hidden;
    position: relative;
}

.TextJianjieDiv h1 {
    font-size: 14px;
    font-weight: 500;
}

.TextJianjieDiv img {
    float: left;
    margin: 20px;
    width: 120px;
}

.TextJianjieDiv .more {
    padding-bottom: 7px;
    margin-bottom: 0px !important;
    height: 20px;
    background-color: #fff;
    position: absolute;
    bottom: 0px;
    width: 100%;
    margin-left: -19px;
}

.TextJianjieDiv .more_down {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 16px solid #953119;
    position: absolute;
    right: 0px;
    left: 0px;
    margin: 0px auto;
    top: 2px;
    cursor: pointer;
}

.TextJianjieDiv .more_up {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 16px solid #953119;
    position: absolute;
    right: 0px;
    left: 0px;
    margin: 0px auto;
    top: 2px;
}

/*右侧新闻*/

/*新闻内容*/
.miaobao a {
    margin: 0px 3px;
}

.newsDIV {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
}

.biaoti {
    border-bottom: 1px solid #f0f0f0;
    line-height: 35px;
    padding: 25px;
}

.biaoti h1 {
    font-size: 28px;
    text-align: left;
    font-weight: 1000;
    color: #000;
}

.biaoti p {
    text-align: left;
    padding: 5px 0;
}

.newsbody h3 {
    color: #000;
    border-left: 3px solid #DC2221;
    background-color: #f8f8f8;
    margin: 10px 0 10px 0;
    padding: 10px 10px;
    font-size: 16px;
    font-weight: 700;
}

.newsbody {
    padding: 20px 25px 0 25px;
    font-size: 14px !important;
}

.newsbody h2 {
    margin-bottom: 15px;
}

.newsbody a.neilian {
    color: #2f8162;
}

.newsbody img {
    max-width: 650px;
    border-radius: 10px;
    border: 1px solid #ddd;
}

.newsbody .zhaiyao {
    font-size: 14px;
    border: 1px dashed #EAEAEA;
    background: #f9f9f9;
    padding: 10px;
    width: 760px;
    border-radius: 5px;
    margin-top: 1px;
    line-height: 35px;
}

.newsbody div,
.newsbody p {
    text-indent: 2em;
    margin-bottom: 25px;
    font-size: 17px;
    line-height: 36px;
}

.newsbody .XiangGuanZiYuan {
    margin-bottom: 15px !important;
}

.newsbody .XiangGuanZiYuan a {
    color: #f33e4f;
    margin-left: 10px;
}

.newsbody .XiangGuanZiYuan span {
    color: #777;
    border: 1px solid #ddd;
    background: #f7f7f7;
    font-size: 12px;
    padding: 5px 12px;
}

.newsbody .tags {
    color: #000;
    font-size: 15px;
    font-weight: bold;
}

.newsbody .tags a {
    height: 44px;
    background: #f5f5f5;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    padding: 5px 20px;
    margin: 5px 10px 15px 0;
}

.newsbody #tuijian a {
    margin-right: 15px;
}

.newsbody p.lx {
    cursor: pointer;
    text-indent: 1.2em;
    margin-bottom: 15px;
    border-bottom: 1px solid #00C0FF;
    padding-bottom: 10px;
    color: #fff;
}

.newsbody .qingbao {
    background: url("../images/qingbao.png") no-repeat left 2px;
    padding-left: 28px;
}

.newsbody .jijin {
    padding-left: 22px;
}

.newsbody .luxiang {
    padding-left: 25px;
}

.zhibobody a {
    color: #a5b957;
}

.zhibobody p {
    line-height: 26px !important;
}

.matchInfo .qingbaoDiv {
    overflow: hidden;
}

.matchInfo .qingbaoDiv p {
    padding-bottom: 0px;
    margin-bottom: 0px;
    line-height: 42px;
}

.matchInfo .qingbaoDiv p:last-child {
    border-bottom: 0px !important
}

.matchInfo .qingbaoDiv .X {
    overflow-y: auto;
    max-height: 500px;
    width: 46%;
    float: left;
    border: 1px solid #f0f0f0;
    border-radius: 6px;
    padding: 9px;
}

.matchInfo .qingbaoDiv .Y {
    overflow-y: auto;
    max-height: 500px;
    width: 45%;
    float: left;
    margin-left: 3%;
    border: 1px solid #f0f0f0;
    border-radius: 6px;
    padding: 9px;
}

/*新闻内容*/

/*左侧直播内页*/
.ZhiBoNeirong .a69_djQ5_bWF0Y2hJbmZvSW1ncA {
    display: flex;
    width: 100%;
    height: 170px;
    background: var(--bg-light-color);
    overflow: hidden;
}

.ZhiBoNeirong .a69_djQ5_bWF0Y2hJbmZvSW1ncA .teamName {
    width: 30%;
    margin-top: 20px;
}

.ZhiBoNeirong .a69_djQ5_bWF0Y2hJbmZvSW1ncA .teamX {
    text-align: right;
}

.ZhiBoNeirong .a69_djQ5_bWF0Y2hJbmZvSW1ncA .teamY {
    text-align: left;
}

.ZhiBoNeirong .a69_djQ5_bWF0Y2hJbmZvSW1ncA .a69_djQ5_c2NvcmVfbmFtZXA {
    width: 40%;
    text-align: center;
}

.ZhiBoNeirong .a69_djQ5_bWF0Y2hJbmZvSW1ncA img {
    width: 80px;
    height: 80px;
}

.ZhiBoNeirong .a69_djQ5_bWF0Y2hJbmZvSW1ncA .teamName span {
    font-size: 20px;
    color: #fff;
    margin-top: 10px;
    display: block;
}

.ZhiBoNeirong .a69_djQ5_bWF0Y2hJbmZvSW1ncA .teamX span {
    margin-right: 20px;
}

.ZhiBoNeirong .a69_djQ5_bWF0Y2hJbmZvSW1ncA .teamY span {
    margin-left: 20px;
}

.ZhiBoNeirong .a69_djQ5_c2NvcmVfbmFtZXA time {
    display: block;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.ZhiBoNeirong .a69_djQ5_c2NvcmVfbmFtZXA span {
    display: block;
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin-top: 17px;
}

.ZhiBoNeirong .a69_djQ5_c2NvcmVfbmFtZXA p {
    font-size: 18px;
    color: #fff;
    margin-top: 20px;
    text-align: center;
}

.ZhiBoNeirong .a69_djQ5_c2NvcmVfbmFtZXA p a {
    color: #fff;
}

.ZhiBoNeirong .matchInfo {
    background: var(--bg-light-color);
    border-radius: 6px;
    padding: 0px 0px 20px 0px
}

.ZhiBoNeirong .matchInfo h1 {
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}

.ZhiBoNeirong .matchInfo .signal {
    display: flex;
    padding: 0 45px 15px 45px;
}

.ZhiBoNeirong .matchInfo .signal span {
    width: 80px;
    text-align: center;
    font-size: 16px;
    background: url('../images/signal.png') left 9px no-repeat;
    padding-left: 18px;
    line-height: 30px;
    color: #fff;
}

.ZhiBoNeirong .matchInfo .signal a {
    width: 90px;
    text-align: center;
    font-size: 16px;
    margin-left: 10px;
    border: 1px solid #953119;
    color: #953119;
    line-height: 30px;
    border-radius: 5px;
}

.ZhiBoNeirong .matchInfo .signal2 {
    display: flex;
    padding: 0px 45px;
}

.ZhiBoNeirong .matchInfo .signal2 span {
    width: 80px;
    text-align: center;
    font-size: 16px;
    background: url('../images/signal.png') left 9px no-repeat;
    padding-left: 18px;
    line-height: 30px;
}

.ZhiBoNeirong .matchInfo .signal2 div {
    width: 170px;
    text-align: center;
    font-size: 18px;
    margin-left: 10px;
    border: 1px solid #fff;
    color: #fff;
    line-height: 30px;
    border-radius: 5px;
    font-weight: bold;
}

/*左侧直播内页*/


/*推荐新闻*/
.newsDIV_bottom {
    background: var(--bg-light-color);
    /* border: 1px solid #f0f0f0; */
    /* border-radius: 5px; */
}

.newsDIV_bottom ul li {
    border-bottom: solid 1px #00C0FF;
    padding: 15px;
    height: 112px;
    display: flex;
}

.newsDIV_bottom ul li:hover {
    background-color: #00C0FF;
}

.newsDIV_bottom ul li a.img {
    width: 20%;
    display: block;
    width: 150px;
    height: 110px;
    margin-right: 20px;
}

.newsDIV_bottom ul li img {
    width: 100%;
    height: 100%;
}

.newsDIV_bottom ul li div.intro {
    width: 75%;
}

.newsDIV_bottom ul li .title {
    font-size: 21px;
    font-weight: 500;
    color: #fff;
    height: 35px;
    line-height: 30px;
    overflow: hidden;
}

.newsDIV_bottom ul li .title a {
    color: #fff;
    font-weight: bold;
}

.newsDIV_bottom ul li .info {
    height: 50px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 25px;
    overflow: hidden;
}

.newsDIV_bottom ul li .cate {
    margin-top: 10px;
    text-align: right;
    color: #fff;
}

/*推荐新闻*/

/*底部*/
#footer {
    clear: both;
    background: var(--footer-bg-color);
    font-size: 14px;
    border-top: 4px solid var(--footer-border-color);
}

#footer p {
    margin: 0 auto;
    text-align: center;
    color: #FFFFFF;
    padding-top: 15px;
}

#footer .a69_container {
    padding: 20px;
    box-sizing: border-box;
}

#footer .a69_djQ5_ZnJpZW5kTGlua3A {
    overflow: hidden;
    line-height: 28px;
    color: #fff;
}

#footer .a69_djQ5_ZnJpZW5kTGlua3A li {
    float: left;
    margin-right: 5px;
}

#footer .container2 {
    background: #000;
    padding: 15px;
    text-align: center;
    color: #fff;
}

#footer a {
    color: var(--footer-link-text-color);
    margin-right: 8px;
}


#a69_footer2 {
    clear: both;
    /* background: var(--friendly-bg-color); */
    font-size: 14px;
    margin-bottom: 20px;
}

#a69_footer2 p {
    margin: 0 auto;
    text-align: center;
    color: #FFFFFF;
    padding-top: 15px;
}

#a69_footer2 .a69_container {
    background: #fff;
    padding: 20px;
}

#a69_footer2 .a69_djQ5_ZnJpZW5kTGlua3A {
    overflow: hidden;
    line-height: 28px;
    color: blue;
}

#a69_footer2 .a69_djQ5_ZnJpZW5kTGlua3A li {
    float: left;
    margin-right: 5px;
}


/*球队基本信息*/
.teamZiliao {
    margin: 15px 35px;
    overflow: hidden;
}

.teamZiliao li {
    line-height: 40px;
    height: 40px;
    border-bottom: 1px solid #f2f2f2;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 750px;
}

.teamZiliao li a {
    color: red;
}

.teamZiliao li.two {
    width: 33% !important;
    float: left !important;
}

.teamZiliao li.six {
    width: 25% !important;
    float: left !important;
}

.teamZiliao li.img {
    height: 96px;
    text-align: center;
    display: flex;
}

.teamZiliao li.img img {
    width: 85px;
    height: 85px;
}

.teamZiliao li img.jiangbei {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-right: 10px;
}

.teamZiliao li.img .info {
    text-align: left;
    font-weight: bold;
    font-size: 15px;
    line-height: 29px;
    margin-left: 30px;
}

.teamZiliao li.img .info p {
    width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.teamZiliao li.img .shenjia {
    font-size: 18px;
    line-height: 35px;
    margin-left: 100px;
    height: 35px;
    margin-top: 23px;
    color: #fff;
    background: #F8B62A;
    padding: 3px 30px;
    border-radius: 50px;
}

/*球队阵容*/
.zhengrong {}

.zhengrong .title {
    padding: 0 !important;
    background: #f2f5f9;
    line-height: 40px;
    height: 40px !important;
    text-align: center;
    display: block;
    font-size: 18px;
    font-weight: bold;
}

.zhengrong li {
    display: flex;
    height: 75px;
    padding: 0 15px;
    border-bottom: 1px solid #f0f0f0;
}

.zhengrong li span:first-child {
    width: 90px;
}

.zhengrong li span:first-child img {
    width: 50px;
    height: 50px;
    margin: 12px 15px;
    border-radius: 50%;
}

.zhengrong li span:nth-child(2) {
    width: 180px;
}

.zhengrong li span:nth-child(2) p:nth-child(1) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 180px;
    font-weight: 500;
    font-size: 17px;
    line-height: 40px;
}

.zhengrong li span:nth-child(2) p:nth-child(2) {
    line-height: 30px;
    font-size: 13px;
    color: #999;
}

.zhengrong li span:nth-child(3) {
    margin-left: 15px;
    width: 67px;
    height: 74px;
    line-height: 74px;
    font-size: 20px;
}

/*热门球队*/
.hotType {
    padding: 5px 5px 0px 5px;
    background: #fff;
}

.hotType li {
    text-align: center;
    padding: 13px;
    width: 131px;
    height: 90px;
    display: inline-block;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    border-bottom: 1px solid #f6f6f6;
}

.hotType li:nth-child(odd) {
    /*border-right:1px solid #f6f6f6*/
}

.hotType li img {
    width: 60px;
    height: 60px;
    margin: auto;
    vertical-align: middle;
    border-radius: 50%;
}

.hotType li p {
    font-size: 15px !important;
    vertical-align: middle;
    color: #666;
    font-weight: 100;
}

/*热门球队2*/
.hotType2 {
    padding: 5px 5px 0px 5px;
    background: #fff;
}

.hotType2 li {
    padding: 0px 0px 6px 0px;
    width: 142px;
    height: 41px;
    display: inline-block;
    line-height: 48px;
    overflow: hidden;
    white-space: nowrap;
    border-bottom: 1px solid #f6f6f6
}

.hotType2 li img {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0 10px 0 30px;
    vertical-align: middle;
}

.hotType2 li p {
    font-size: 15px !important;
    display: inline-block;
    vertical-align: middle;
    color: #666;
    font-weight: 100;
}

.hotType1200 li {
    width: 132px !important;
}

/*分页*/
.pages,
.pageback {
    margin-top: 7px;
    text-align: right;
    float: right;
    padding: 2px 0;
}

.pages a,
.pages strong,
.pageback a {
    font-size: 12px;
    color: #333;
    float: left;
    padding: 3px 10px;
    margin-right: 3px;
    height: 20px;
    background: #fff;
    line-height: 20px;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.pages a.cur {
    background: var(--pagination-bg-hover-color);
    color: var(--pagination-text-active-color);
    font-weight: bold;
}

/*404*/
.errorFont1 {
    font-size: 85px;
    color: red;
}

.errorFont2 {
    font-size: 35px;
    color: red;
}

.errorDIV {
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.error404 {
    text-align: center;
    border: 1px solid #ddd;
    padding-top: 150px;
}

.error404_max {
    min-height: 710px;
}

/*tag_index*/
.AlltagStr {
    overflow: hidden;
    padding: 20px;
}

.AlltagStr a {
    display: block;
    height: 37px;
    width: 65px;
    line-height: 37px;
    float: left;
    overflow: hidden;
    font-size: 15px;
    text-align: left;
    padding: 0px 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*a69_djQ5_UmlnaHRfYmlhb3FpYW5w*/
.a69_djQ5_UmlnaHRfYmlhb3FpYW5w {
    padding: 10px;
}

.a69_djQ5_UmlnaHRfYmlhb3FpYW5w span.qu {
    line-height: 28px;
    background: #017bd1;
    color: #fff;
    font-weight: bold;
    padding: 3px 8px;
    margin-right: 5px;
    border-radius: 3px;
    font-size: 14px;
}

.a69_djQ5_UmlnaHRfYmlhb3FpYW5w a {
    margin: 3px 4px;
    line-height: 28px;
    color: #666;
    color: #666;
    font-size: 14px;
    line-height: 35px;
}

.a69_djQ5_UmlnaHRfYmlhb3FpYW5w span.team {
    color: #909091;
}

.a69_djQ5_UmlnaHRfYmlhb3FpYW5w hr {
    height: 1px;
    border: none;
    border-top: 1px dashed #cccccc;
}

/*返顶部*/
.a69_index-menu-bar {
    width: 1360px;
    margin: 0 auto;
    height: 0;
    position: relative;
    z-index: 999;
}

.a69_index-menu-bar .a69_bar-wrap {
    width: 65px;
    height: 0;
    float: right
}

.a69_index-menu-bar ul {
    position: fixed;
    bottom: 70px;
    right: 5px;
}

.a69_index-menu-bar li {
    cursor: pointer;
    width: 65px;
    height: 40px;
    padding-top: 18px;
    background: #fff;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #f3f3f3
}

.a69_index-menu-bar li:before {
    display: inline-block;
    content: '';
    width: 28px;
    height: 28px
}

.a69_index-menu-bar li:last-child {
    border-bottom: 0
}

.a69_index-menu-bar li.i1:before {
    background: url(../images/baricon.png) no-repeat;
    background-position: 3px 0
}

.a69_index-menu-bar li.i2:before {
    background: url(../images/baricon.png) no-repeat;
    background-position: 2px -28px
}

.a69_index-menu-bar li.i3:before {
    background: url(../images/baricon.png) no-repeat;
    background-position: 2px -102px
}

.a69_index-menu-bar li.i4:before {
    background: url(../images/baricon.png) no-repeat;
    background-position: 0px -77px;
    height: 25px;
}

.a69_index-menu-bar .hov {
    padding: 8px 0px 4px 0px;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    text-align: center;
    font-size: 14px;
    background: linear-gradient(-180deg, #953119 0%, #953119 100%);
    color: #fff !important
}

.a69_index-menu-bar .barewm {
    display: none;
    width: 208px;
    height: 200px;
    background: url(../images/ewm_bg.png) no-repeat;
    position: absolute;
    right: 65px;
    bottom: 0;
    text-align: left
}

.a69_index-menu-bar .barewm img {
    margin: 17px
}

.a69_index-menu-bar li:hover .barewm,
.a69_index-menu-bar li:hover .hov {
    display: block
}

/*返顶部*/

/*频道*/
.pindaoLogo {
    text-align: center;
    text-indent: 0 !important;
    float: left;
    margin: 15px;
    border: 10px solid #f0f0f0;
    border-radius: 10px;
    padding: 15px;
}

.pindaoLogo p {
    text-align: center;
    text-indent: 0 !important;
    font-weight: bold;
    font-size: 16px;
}

.pindaoLogo div.bo {
    text-align: center;
    text-indent: 0 !important;
    background: #24cd77 !important;
}

.pindaoLogo div.bo a {
    color: #fff;
}

.hotTypeA {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    margin-bottom: 0;
}

.hotTypeA a {
    display: inline-block;
    margin: 5px;
    padding: 5px;
    flex: 1 0 30%;
    background: #F5F5F5;
    border: 1px solid #EEEEEE;
    opacity: 1;
    border-radius: 3px;
    text-align: center;
    font-size: 0.875rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 1.888rem;
    color: #999999;
}

/*视频页*/
.play_video_box {
    width: 1200px;
    background: #1d1d1d;
    /* padding-top: 10px; */
    margin: 10px auto 0;
}

.play_video {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    justify-content: center;
    height: 608px;
}

.room_video_box {
    width: 878px;
    height: 500px;
}

.luxianglb {
    width: 340px;
    overflow: hidden;
    background: #232222;
}

.jumpone {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex-direction: column;
}

.djgksp_c {
    font-size: 28px;
    color: #fff;
}

.djgksp_e {
    font-size: 18px;
    color: #999;
    padding-top: 15px;
}

.room_video_title {
    padding-left: 15px;
}

.room_video_title h1 {
    font-size: 26px;
    color: #FFFFFF;
    margin-top: 30px;
}

.room_video_title time {
    font-size: 14px;
    color: #CCCCCC;
    display: block;
    margin-top: 10px;
}

.luxianglb_title {
    text-align: center;
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 18px;
    height: 44px;
    line-height: 44px;
    border-bottom: 2px #3c3c3c solid
}

.xg_lvxiang {
    width: 340px;
    height: 555px;
    overflow-y: scroll;
    padding-top: 5px
}

.xg_lvxiang::-webkit-scrollbar {
    width: 10px;
    height: 1px
}

.xg_lvxiang::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    background: #535353
}

.xg_lvxiang::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 10px;
    background: #232222
}

.xg_lvxiang {
    scrollbar-arrow-color: #f4ae21;
    scrollbar-face-color: #333;
    scrollbar-3dlight-color: #666;
    scrollbar-highlight-color: #666;
    scrollbar-shadow-color: #999;
    scrollbar-darkshadow-color: #666;
    scrollbar-track-color: #666;
    scrollbar-base-color: #f8f8f8
}

.xg_lvxiang li {
    overflow: hidden;
    background: #434343;
    padding: 20px 0 10px 0;
    border-radius: 6px;
    color: #ccc;
    margin: 5px 15px 5px 15px
}

.xg_lvxiang li a {
    color: #ccc
}

.xg_lvxiang li a:hover {
    color: #009cff
}

.xg_lvxiang h5 {
    color: #fff;
    font-size: 18px;
    padding-top: 30px;
    padding-bottom: 10px;
    text-align: center
}

.xg_lvxiang li.lxselect a {
    color: #009cff
}

.xg_lvxiang li.lxselect {
    color: #009cff
}

.xg_lvxiang li a {
    padding: 0 15px 10px 15px;
    display: block;
}

.yanzanbo a {
    color: #ff3f71 !important;
    display: block;
    width: 98px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    border: 1px #ff3f71 solid;
    border-radius: 22px;
    padding: 0;
    text-align: center;
    float: right;
    padding: 0 !important;
    margin-right: 10px
}

.rightsan {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 8px solid #ff3f71;
    border-bottom: 4px solid transparent;
    margin-right: 5px
}

#header #logo {
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    /* padding-top: 10px; */
    padding-left: 20px;
}



.qtdw_name {
    color: #000;
}

.a69_djQ5_aG90bGlzdHA {
    height: 30px;
    /* border-left: 1px solid #0000003b;
    border-right: 1px solid #0000003b;
    border-top: 1px solid #0000003b; */
    padding: 10px;
}



.a69_djQ5_aG90bGlzdHA:last-child {
    border-bottom: 1px solid #0000003b;
}

.hdt {
    cursor: pointer;
    /* border: 2px solid var(--primary-color); */
    padding: 12px 15px;
    /* margin: 0 5px; */
    /* background-color: #187cba; */
    /* border-radius: 10px; */
    color: #fff;
    height: auto;
    /* padding-bottom: 10px; */
}

.hdt.active {
    /* background-color: var(--match-header-active); */
    color: #fff !important;
    /* padding-bottom: 10px; */
}

.hdt.active::after {
    content: '';
    display: block;
    width: 100%;
    border-bottom: 3px solid #874FEF;
    padding-bottom: 10px;
}

#A1 {
    display: flex;
    white-space: nowrap;
    flex-wrap: wrap;
}

#A1 li a {
    color: #000;
}

.zblist {
    /* width: 16% !important; */
    white-space: nowrap;
}

#bisaiTab,
#bisaiTab1,
#bisaiTab2 {
    cursor: pointer;
}

#B4 li a,
#B5 li a {
    color: #fff;
}

#B5 {
    display: flex;
    white-space: nowrap;
    flex-wrap: wrap;
}

.newsDIV_bottom ul li {
    height: unset;
}

.newsDIV_bottom ul li .cate {
    float: left;
}

.right_news {
    display: flex;
    flex-wrap: wrap;
    white-space: nowrap;
    padding: 20px 20px 20px 0;
}

.dname {
    font-size: 14px;
    color: #fff;
    font-weight: 200;
}

.newsbody img {
    width: 90%;
    max-width: unset;
}

#C1 ul {
    display: flex;
    white-space: nowrap;
    flex-wrap: wrap;
}

body {
    overflow-x: hidden;
}

.gqzb {
    cursor: pointer;
}

#B1 a,
#C1 a {
    color: #fff;
}

/*你的位置*/
.a69_djQ5_Z3lfcG9zaXRpb25fdGl0cA {
    width: 100%;
    margin: 0 0 10px 10px;
    white-space: nowrap;
    overflow: hidden;
    align-items: center;
    line-height: 40px;
}

.a69_djQ5_Z3lfcG9zaXRpb25fdGl0cA>li,
.a69_djQ5_Z3lfcG9zaXRpb25fdGl0cA>li a {
    font-size: 12px;
    color: #fff;
    list-style: none;
    border-bottom: unset;
    display: inline;
}

.a69_djQ5_Z3lfcG9zaXRpb25fdGl0cA>li:last-child {
    color: #fff;
}

/*内页位置导航*/
.breadcrumb1>li,
.breadcrumb1>li a {
    font-size: 12px;
    color: #ffff;
    padding-right: 5px;
}

.breadcrumb1 {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 1.5em;
    list-style: none;
    margin-top: 10px;
}

.detailteam {
    display: flex;
    flex-wrap: wrap;
    white-space: nowrap;
}

.detailteam li a {
    color: #000;
}

/*--评论--*/
#comment_box {
    /* background: #fff; */
    border: 1px solid #00C0FF;
    padding: 10px;
    margin: 20px;
}

#comments-title {
    padding-top: 70px;
    margin-top: -40px
}

.a69_djQ5_Yy10aXRsZXA {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}

.comment-disable {
    padding: 1.5em;
    color: #888;
    text-align: center
}

.comment-disable i.iconfont {
    padding-right: 5px;
    color: #666;
    font-size: 18px
}

.comment-num {
    color: #999;
    font-size: 16px
}

.comment-num .emphasize {
    color: #f33
}

.no-comment {
    color: #999;
    text-align: center
}

.no-comment i.iconfont {
    font-size: 60px;
    color: #ddd;
    display: block;
    margin-top: -20px;
    height: 90px
}

.comment-msg {
    padding: 1.5em 0;
    overflow: hidden;
    border-top: 1px solid #ddd
}

.comment-list .ul {
    list-style: none;
    border-top: 1px solid #ededed
}

.comment-list .li {
    overflow: hidden;
    padding: 1em
}

.comment-list .li:hover {
    background: #f8f8f8
}

.comment-list .li img {
    width: 50px;
    height: 50px;
    border-radius: 100px;
}

.comment-list .li:hover img {}

.comment-list .li .clbody {
    margin-left: 70px
}

.comment-list .ul .ul {
    margin-left: 4%
}

.comment-list .title {
    font-size: 18px;
    padding: 10px 0;
    color: #222;
}

.compost .a69_djQ5_Y29tLWluZm9w {
    margin-bottom: 10px;
}

.compost .a69_djQ5_Y29tLWluZm9w li {
    float: left;
    margin-bottom: 1em;
    width: 99%;
    padding-right: 10%;
    position: relative
}

.compost .a69_djQ5_Y29tLWluZm9w li:nth-child(2) {
    padding-right: 0
}

.compost .a69_djQ5_Y29tLWluZm9w li .verify {
    position: absolute;
    right: 6.5%;
    top: 0;
    z-index: 1;
    height: 40px
}

.compost .a69_djQ5_Y29tLWluZm9w li .verify img {
    height: 100%;
    border: 1px solid #ddd
}

.compost .a69_djQ5_Y29tLWluZm9w li input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 4px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-indent: 10px
}

.compost .a69_djQ5_Y29tLW5hbWVw {
    padding: 1em 0 1em .2em
}

#cancel-reply {
    color: #EF0166
}

#auTxaArticle {
    border-radius: 3px;
    text-indent: 5px;
    margin: 0 0 20px 0;
    padding: 5px;
    width: 98%;
    border: 1px solid #ddd;
    background: #fff;
    -webkit-appearance: none;
    font-size: 14px;
}

.a69_djQ5_Y29tLXN1Ym1pdHA {
    border-radius: 3px;
    border: none;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    color: #000;
    padding: 0 20px;
    font-size: 14px;
}

.comment-list .cinfo {
    height: 20px
}

.comment-list .clbody .p {
    word-wrap: break-word
}

.cinfo .author {
    color: #666
}

.c-time {
    color: #999;
    font-size: 12px
}

.comment-at {
    color: #EF0166
}

.reply-a {
    opacity: 0.5
}

.comment-list li:hover .reply-a {
    opacity: 1
}

.mcolor {
    color: #EF0166
}

#header .a69_navbar {
    margin-right: unset;
    float: left;
}

@media (min-width: 900px) {

    .mobile-a69_djQ5_bWF0Y2gtaXRlbXA,
    .mobile {
        display: none;
    }
}

@media (max-width: 900px) {
    .a69_Match .list>li>.time {
        width: 18%;
        min-width: initial;
    }

    .pc-a69_djQ5_bWF0Y2gtaXRlbXA,
    .pc {
        display: none;
    }

    .mobile-a69_djQ5_bWF0Y2gtaXRlbXA {
        padding: 5px 0;
    }

    html,
    body {
        min-width: unset;
    }

    .a69_wrap {
        width: 100%;
        padding-top: 10px;
    }

    .a69_navbar {
        display: flex;
        white-space: nowrap;
    }



    #header #logo,
    #header .a69_navbar {
        float: left;
        margin-right: 30px;
    }

    .a69_Match .list>li>.game {
        width: 40%;
    }

    .a69_djQ5_aG90bGlzdHA,
    .a69_Match .list>li>span {
        height: unset;
    }

    .a69_Match .list>li>.type {
        width: 20%;
        transform: translateX(15px);
    }

    .game {
        flex-wrap: wrap;
    }

    .a69_Match .list>li>.game .right {
        flex-direction: row-reverse;
    }

    .a69_Match .list>li>.game .left,
    .a69_Match .list>li>.game .right {
        width: unset !important;
    }

    .a69_Match .list>li>.game .right {
        text-align: right;
    }

    .a69_Match .list>li>.game {
        margin-left: unset;
    }

    .a69_djQ5_Y29udGVudHJpZ2h0cA {
        flex-wrap: wrap;
    }

    .a69_leftDIV {
        /* width: 97% !important; */
    }

    .a69_Contentfirst {
        /* flex-wrap: wrap; */
    }

    .MatchType .list>li>.game .team>a {
        width: 110px;
    }

    .newsDIV_bottom ul li .title {
        font-size: 14px;
        line-height: 20px;
        overflow: unset;
    }

    .newsDIV_bottom ul li .title a {
        font-weight: unset;
    }

    .ZhiBoNeirong .a69_djQ5_bWF0Y2hJbmZvSW1ncA .teamName span {
        font-size: 16px;
    }

    .ZhiBoNeirong .a69_djQ5_c2NvcmVfbmFtZXA span {
        font-size: 30px;
    }

    .ZhiBoNeirong .a69_djQ5_c2NvcmVfbmFtZXA p {
        font-size: 16px;
    }

    .select4 li {
        width: 25%;
    }

    .ZhiBoNeirong .matchInfo .signal2 {
        padding: unset;
    }

    .ZhiBoNeirong .matchInfo .signal2 div {
        width: 140px;
    }

    .newsbody .qingbao {
        padding-left: 15px;
    }

    .daohang {
        width: 96% !important;
    }

    .MatchLX .list>li>.signal {
        width: 38px;
    }

    .a69_Match .list {
        margin-left: 5px;
        margin-right: 5px;
    }

    #header .a69_navbar {
        padding-left: 10px;
        padding-top: 10px;
        justify-content: unset;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        line-height: unset;
        width: 100%;
    }

    #header .a69_navbar li a {
        font-size: 14px;
        line-height: 30px;
    }

    .newsbody {
        padding: 20px 10px 0 10px;
    }

    .biaoti {
        padding: 10px;
    }

    #comment_box {
        margin: 10px;
    }

    .ZhiBoNeirong .matchInfo {
        padding: 0px 5px 20px 0px;
    }

    .zblist {
        white-space: unset;
    }

    .compost .a69_djQ5_Y29tLWluZm9w li {
        width: 100%;
    }

    .compost .a69_djQ5_Y29tLWluZm9w li input {
        padding-left: 0;
    }

    .a69_Match .list>li>.signal {
        line-height: 25px;
        font-size: 14px;
    }

    .a69_Match .list>li {
        align-items: unset;
        padding: 10px 5px;
    }

    .a69_djQ5_djQ5X3JpZ2h0RElWcA {
        width: 97%;
        margin: 10px auto;
    }

    .ZhiBoNeirong .matchInfo .signal {
        padding: 0 10px 15px 10px;
    }

    .daohang {
        padding: 0 10px 0 10px !important;
    }

    .a69_index-menu-bar {
        width: 100% !important;
    }

    .a69_top_wrap {
        flex-direction: column;
    }

    #header .a69_navbar li {
        height: auto;
        width: 20%;
    }

    .a69_gzgx_zgxgh {
        width: 100px !important;
    }

    .header_item .a69_djQ5_bWVudV9pdGVtX3VscA {
        left: -5px !important;
        top: 25px !important;
    }

    .a69_djQ5_aHRpdGxlMXA {
        margin-left: 15px;
    }

    .newsDIV_bottom ul li div.intro {
        width: 100%;
    }

    .a69_djQ5_dGl0bGVfaXRlbXA {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden !important;
    }

    .cate_time {
        white-space: nowrap;
    }

    .a69_djQ5_aW50cm9fZGl2cA {
        display: flex;
        align-items: baseline;
    }

    .arc {
        padding-left: 10px !important;
    }

    .newsbody iframe {
        height: auto;
    }

    #pageContents::-webkit-scrollbar {
        display: none;
    }

    .breadcrumb1>li a {
        padding-right: unset;
    }

    .a69_Match .list>li>.game .vs {
        color: red;
        text-align: right;
    }

    .a69_djQ5_c2Vhc29uX2FyZWFw a {
        width: 41%;
        text-align: center;
    }

    .nav_list_top {
        width: 20% !important;
    }
}

.a69_djQ5_bGlzdF93aW5uZXJw_history {
    margin-bottom: 5px;
}

#header {
    display: flex;
    flex-direction: column;
}

.a69_top_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.all_bisai {
    padding-left: 15px;
}

.a69_gzgx_zgxgh {
    padding-right: unset !important;
}

.list_page li {
    border-bottom: unset !important;
    padding: unset !important;
}

.detail_jijin p {
    margin-bottom: unset;
    text-indent: unset;
}

.arc {
    padding-left: 23px;
    margin-top: 10px;
    font-weight: bold;
    font-size: 15px;
}

/* .a69_djQ5_cmlnaHQtdGl0bGVw p::before {
    content: '';
    position: relative;
    top: 2px;
    display: inline-block;
    width: 6px;
    height: 19px;
    background: var(--primary-color);
    border-radius: 5px;
    margin-right: 10px;
} */

.a69_djQ5_cmlnaHQtdGl0bGVw p {
    /* background: #fff !important; */
    color: #fff !important;
    font-weight: bold;
    font-size: 18px !important;
}

.a69_djQ5_bGlzdF9pbWdw img {
    width: 100px;
    height: 80px;
}

.a69_djQ5_bGlzdF9pbWdw a {
    padding-right: 15px;
}

.a69_djQ5_aW50cm9fdGl0bGVw .title a {
    font-size: 18px;
    font-weight: bold;
}

.a69_djQ5_aW5mb190eXBlcA {
    margin: 15px 0;
}

.a69_djQ5_aW5mb190eXBlcA a {
    color: #0073c4;
}

.titleR .tt::before {
    content: '';
    position: relative;
    top: 2px;
    display: inline-block;
    width: 6px;
    height: 19px;
    background: -webkit-linear-gradient(270deg, #a5b957 50%, #a5b957 50%);
    border-radius: 5px;
    margin-right: 10px;
}

.titleR .tt {
    background: #fff;
    color: #000;
    font-weight: bold;
    font-size: 17px;
}

.tag_team a {
    margin-right: 20px;
}

.tag_page a {
    padding: unset !important;
}

.a69_djQ5_aG90X2xlYWd1ZXA a {
    margin-right: 20px;
    color: var(--footer-link-text-color);
}

.a69_djQ5_aG90X2xlYWd1ZXA {
    display: flex;
    white-space: nowrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.a69_djQ5_aG90X2xlYWd1ZXA span {
    color: #fff;
    font-size: 14px;
}

.a69_djQ5_Y29tbWVudF9hcmVhcA {
    padding: 0;
    margin: 0;
    list-style: none;
}

.a69_djQ5_Y29tbWVudF9hcmVhcA li {
    line-height: 22px;
    border-bottom: 1px dotted #00C0FF;
    padding: 8px 0;
    color: #fff;
}

.list_comment_chatgpt_title {
    font-weight: 900;
    color: #fff;
}

#a69_djQ5_c3ViLW5hdi1wcA {
    display: inline-flex;
    flex-flow: wrap;
    padding: 10px 0
}

#a69_djQ5_c3ViLW5hdi1wcA>li {
    padding: 5px 10px;
    width: unset !important;
}

#a69_djQ5_c3ViLW5hdi1wcA>li>a {
    color: #fff;
    font-size: 14px;
}

.a69_djQ5_enQtbGlw p {
    margin-right: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    color: #fff;
}

.a69_djQ5_enQtbGlw:hover {
    background-color: #00C0FF;
}

.a69_djQ5_enQtbGlw {
    /* display: block; */
    height: 48px;
    line-height: 48px;
    text-align: center;
    /* display: flex; */
    align-items: center;
    /* justify-content: space-between; */
    border-bottom: 1px solid #00C0FF;
}

.hidden {
    display: none !important;
}

.showMoreButton {
    width: 100%;
    cursor: pointer;
    text-align: center;
    margin: 12px 0;
}


.news-a69_djQ5_Y29udGFpbmVyX19pbmZvLXNoYXJlcA {
    font-size: 14px;
    margin-right: 15px;
}

.news-container__info .a69_djQ5_Zmktd2VjaGF0cA {
    font-size: 22px;
}

.news-container__info .fi {
    font-size: 20px;
}

.a69_djQ5_ZmktcXFw,
.a69_djQ5_ZmktcXpvbmVw,
.a69_djQ5_Zmktd2VjaGF0cA {
    cursor: pointer;
}


#share_dialog {
    position: absolute;
    z-index: 20
}

#share_dialog .icon {
    display: block;
    margin: 0 auto
}

#share_dialog .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    background-color: #373a3d;
    border-radius: 0 0 4px 4px;
    color: hsla(0, 0%, 100%, .5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 12px
}

#share_dialog .content i {
    border-bottom: 9px solid #373a3d;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    left: 50%;
    position: absolute;
    top: -8px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

#share_dialog .content .qr_wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 112px;
    margin-bottom: 4px;
    padding: 5px;
    width: 112px
}

#share_dialog .content .qr_wrapper img {
    background-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

#share_dialog .content .tips {
    color: hsla(0, 0%, 100%, .5);
    font-size: 12px;
    font-weight: 400;
    height: 16px;
    line-height: 16px
}

#a69_djQ5_c2hhcmUtY29udGVudHA {
    float: right;
}

@media only screen and (max-width:640px) {

    /* #a69_djQ5_c2hhcmUtY29udGVudHA {
        float:unset !important;
        display: block;
        position: absolute;
        top: 25px;
    } */
    .a69_djQ5_Ymlhb3RpLXBw {
        padding-bottom: 30px;
        display: flex;
        flex-direction: column;
        line-height: 1.7;
    }
}

.steam-side-area {
    padding: 0 8px;
    padding-bottom: 20px;
    background: var(--bg-light-color);
}

.steam-side-area-coneten {
    margin-top: 20px;
}

.steam-side-area .steam-side-area-item {
    /* border-left: 1px solid #0000003b;
    border-right: 1px solid #0000003b;
    border-top: 1px solid #0000003b; */
    padding: 10px 10px 10px 7px;
    margin: 0px auto;
    width: 95%;
    border-bottom: 1px solid #00C0FF;
}

.steam-side-area .steam-side-area-item:hover {
    background-color: #00C0FF;
}



.steam-side-area .steam-side-area-item .time {
    flex: 0 0 20%;
    text-align: center;
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

.steam-side-area .steam-side-area-item .league-name {
    flex: 0 0 25%;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    justify-content: center;
}

.steam-side-area .steam-side-area-item .team-info {
    flex: 0 0 48%;
    display: flex;
    align-items: start;
    flex-direction: column;
    text-align: left;
    color: #fff;
}

.steam-side-area .steam-side-area-item .team-info img {
    width: 22px;
    height: 22px;
}

.steam-side-area .steam-side-area-item .button-area {
    flex: 0 0 11%;
}

.steam-side-area .steam-side-area-item .button-area a {
    width: 100%;
    height: 100%;
    color: #fff;
    /* background: var(--header-bg); */
    cursor: pointer;
    padding: 3px 5px;
    display: block;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #fff;
}

.famous-nav {
    color: #fff;
    /* background: rgba(0, 0, 0, 0); */
    background-position: center !important;
    background-size: cover !important;
    display: flex;
    align-items: center;
    overflow-x: auto;
    /* background-image: url('../images/topbarbg.png'); */
    background-repeat: no-repeat;
}

.famous-nav-item {
    display: flex;
    justify-content: center;
    min-width: 70px;
    margin: 0 5px;
    color: #fff;
    padding: 20px;
    border-radius: 5px;
    /* background-color: #231a1a; */
}

.page-link-active {
    background-color: var(--pagination-bg-active-color) !important;
    color: var(--pagination-text-active-color) !important;
}

.remen-left {
    width: 890px;
}

.remen-header {
    display: flex;
    align-items: flex-end;
}

.remen-title {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    line-height: 33px;
}

.remen-subtitle {
    margin-left: 5px;
    font-size: 20px;
    font-weight: 600;
    color: #DFE6F0;
    line-height: 28px;
}

.remen-list-wrapper {
    background: var(--inner-bg-color);
    border-radius: 8px;
    margin-top: 16px;
    padding: 16px;
    display: flex;
    justify-content: space-between;
}

.remen-item {
    display: block;
    color: #ffffff;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}

.remen-item-big {
    width: 630px;
    height: 332px;
}

.remen-item-big-1 {
    background-image: url('../images/hot-zq-bg-big.jpg');
    border-radius: 8px;
}

.remen-item-big .line1 {
    position: absolute;
    left: 32px;
    bottom: 75px;
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 25px;
}

.remen-item-big .status {
    position: absolute;
    left: 32px;
    bottom: 29px;
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 25px;
}

.remen-item-big .zhudui {
    position: absolute;
    left: 32px;
    /* right: 395px; */
    bottom: 30px;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 22px;
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.remen-item-big .kedui {
    position: absolute;
    left: 320px;
    right: 84px;
    bottom: 30px;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 22px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.remen-item-big .score {
    position: absolute;
    left: 100px;
    right: 270px;
    bottom: 25px;
    font-size: 24px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 33px;
    text-align: center
}

.remen-item-big .icon1 {
    position: absolute;
    left: 150px;
    bottom: 15px;
    width: 50px;
    height: 50px;
}

.remen-item-big .icon2 {
    position: absolute;
    left: 260px;
    bottom: 15px;
    width: 50px;
    height: 50px
}

.remen-item-small {
    width: 217px;
    height: 104px;
}

.remen-item {
    display: block;
    color: #ffffff;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}

.remen-item-small-1 {
    background-image: url('../images/hot-zq-bg-big.jpg');
    border-radius: 8px;
    margin: 6px 0;
}

.remen-right {
    width: 300px;
}

.rmls {
    /* background: linear-gradient(246deg, #16529f 0%, #00BFFF 100%); */
    border-radius: 8px;
    /*margin-top: 16px;*/
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    min-height: 410px;
    box-sizing: border-box;
    padding: 16px 0px 6px;
}

.rmls-item {
    width: 62px;
    height: 107px;
    background: #FFFFFF;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.rmls-item img {
    margin-top: 8px;
    width: 60px;
    height: 60px;
}

.rmls-item div {
    margin-top: 12px;
    color: #000;
    font-size: 12px;
    text-align: center;
}

.dibu-wrapper {
    margin-top: 36px;
    display: flex;
    align-items: flex-start;
}

.dibu-area {
    flex: 1;
}

.dibu-title {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
}

.dibu-title img {
    width: 22px;
    height: 22px;
    margin-right: 16px;
    background-color: #fff;
    border-radius: 50%;
}

.dibu-list {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
}

.dibu-list a {
    margin: 10px 20px;
}

.dibu-line {
    margin: 0 60px;
    width: 1px;
    height: 90px;
    background: #fff;
}

.dibu-area {
    flex: 1;
}

.dibu-container {
    width: 1228px;
    margin-left: auto;
    margin-right: auto;
    background: var(--bg-light-color);
    border-radius: 24px;
    margin-top: 24px;
    padding: 24px;
    color: #fff;
}

.cav {
    color: #fff;
    float: right;
}

.remen-item-small .line1 {
    position: absolute;
    top: 12px;
    left: 12px;
}

.remen-item-small .zhudui {
    position: absolute;
    left: 90px;
    right: 16px;
    bottom: 46px;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 17px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.remen-item-small .kedui {
    position: absolute;
    left: 90px;
    right: 16px;
    bottom: 24px;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 17px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.remen-item-small .icon1 {
    position: absolute;
    left: 68px;
    bottom: 47px;
    width: 16px;
    height: 16px;
}

.remen-item-small .icon2 {
    position: absolute;
    left: 68px;
    bottom: 25px;
    width: 16px;
    height: 16px;
}