.index{margin-top:1rem;margin-bottom:1rem}.index .left .left-zx{padding:1rem;background:#fff}.index .left .left-zx .zx-title{height:2.5rem;line-height:2.5rem;border-bottom:1px solid #05473f;padding:0}.index .left .left-zx .zx-title span{float:left;background:#05473f;padding:0 2rem;color:#fff;border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.index .left .left-zx .zx-title p{float:left;display:none;font-style:italic;margin-left:1rem;margin-bottom:0;color:#05473f}.index .left .left-zx .zx-title a{float:right;color:#05473f;text-decoration:none}.index .left .left-zx .zx-list{padding:0}.index .left .left-zx .zx-list .zx-type>ul{list-style:none;padding:0;margin:0;margin-top:1rem;overflow:hidden;display:block}.index .left .left-zx .zx-list .zx-type ul li{float:left;margin-right:.5rem;margin-bottom:.5rem;cursor:pointer}.index .left .left-zx .zx-list .zx-type ul li{padding:.2rem .8rem;background:#d0d9d8;color:#777;text-decoration:none}.index .left .left-zx .zx-list .zx-type ul li:hover{background:#c90;color:#fff}.index .left .left-zx .zx-list .zx-type ul li.active{background:#c90;color:#fff}.index .left .left-zx .zx-list>.list{margin-top:.5rem}.index .left .left-zx .zx-list>.list>.list-img{display:none}.index .left .left-zx .zx-list>.list>.list-img img{width:95%;border-radius:.3rem}.index .left .left-zx .zx-list>.list>.list-news{margin-bottom:.2rem}.index .left .left-zx .zx-list>.list>.list-news ul{list-style:none;padding:0;margin:0}.index .left .left-zx .zx-list>.list>.list-news ul li{height:32px;line-height:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:0;padding-left:0;padding-top:0}.index .left .left-zx .zx-list>.list>.list-news ul li a{color:#000;background:url(/static/u23/images/tv1.png) no-repeat 100% 100%;background-position:-2px 5px;background-size:10px 15px;padding-left:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.index .left .zb-list{background:#fff;margin-top:1rem;padding:1rem;margin-bottom:1rem}.index .left .zb-list>.zb-list-title{width:100%;height:2.5rem;border-bottom:1px solid #05473f}.index .left .zb-list>.zb-list-title>.date{float:left;background:#05473f;padding:.5rem 1rem;color:#fff;border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.index .left .zb-list>.zb-list-title>.des{float:left;display:none;font-style:italic;margin-left:1rem;margin-bottom:0;color:#05473f;line-height:2.5rem}.index .left .zb-list>.zb-list-title>.list-tab{float:right}.index .left .zb-list>.zb-list-title>.list-tab>ul{list-style:none;padding:0;margin:0}.index .left .zb-list>.zb-list-title>.list-tab>ul>li{float:left;cursor:pointer}.index .left .zb-list>.zb-list-title>.list-tab>ul>li a{color:#666;padding:.1rem .5rem;text-decoration:none}.index .left .zb-list>.zb-list-title>.list-tab>ul>li a cate{font-weight:700}.index .left .zb-list>.zb-list-title>.list-tab>ul>li.active a{background:#c90;color:#fff}.index .left .zb-list>.zb-list-title>.list-tab>ul>li:hover a{background:#c90;color:#fff}.index .left .zb-list>.zb-list-title>.list-tab>ul>li i{margin-right:.2rem}.index .left .zb-list>.zb-list-title>.list-tab>ul>li:first-child{margin-right:.4rem}.index .left .zb-list>.list-ls{width:100%;margin-bottom:2rem}.index .left .zb-list>.list-ls>ul{list-style:none;padding:0;margin:0;overflow:hidden}.index .left .zb-list>.list-ls>ul>li{padding:.8rem 0;border-bottom:1px solid #e4e4e4}.index .left .zb-list>.list-ls>ul>li>.li-first{display:block;width:100%;margin-top:.3rem}.index .left .zb-list>.list-ls>ul>li>.li-first>.list-time{float:left;margin-right:1rem;padding:0 1rem;border:1px solid #05473f;color:#000;margin-top:.5rem}.index .left .zb-list>.list-ls>ul>li>.li-first>.list-ss{float:left;margin-right:1rem;display:block;background:#05473f;border-radius:4px;color:#fff;padding:.1rem .6rem;min-width:106px;max-width:182px;text-align:center;font-size:.9rem;margin-top:.5rem}.index .left .zb-list>.list-ls>ul>li>.li-first>.list-ss a:link,a:visited,a:active{}.index .left .zb-list>.list-ls>ul>li>.li-first>.list-vs{float:left;margin-right:1rem;margin-top:.5rem}.index .left .zb-list>.list-ls>ul>li>.li-first>.list-vs a{display:block;color:#000}.index .left .zb-list>.list-ls>ul>li>.li-first>.list-vs a img{width:1.3rem}.index .left .zb-list>.list-ls>ul>li>.li-first>.list-st{float:right;color:#05473f}.index .left .zb-list>.list-ls>ul>li>.list-zby{float:left;width:100%;margin-top:.8rem}.index .left .zb-list>.list-ls>ul>li>.list-zby>ul{list-style:none;padding:0;margin:0}.index .left .zb-list>.list-ls>ul>li>.list-zby>ul>li>a{displays:block;color:red;text-decoration:none;background:url(/style/img/xinhao.png) no-repeat 100% 100%;background-size:16px 16px;background-position:0 5px;padding-left:20px;margin-left:2px;font-weight:300}.index .right{}.index .right>.rmss{display:block;background:#fff;padding:0 1rem}.index .right>.rmss>.row{padding:1rem}.index .right>.rmss .rmss-title{height:2.5rem;line-height:2.5rem;border-bottom:1px solid #05473f;box-sizing:border-box;padding:0}.index .right>.rmss .rmss-title span{background:#05473f;color:#fff;padding:.5rem 2rem}.index .right>.rmss .rmss-list{padding:0;height:32rem;overflow-y:scroll;overflow-x:hidden;box-sizing:border-box}.index .right>.rmss .rmss-list::-webkit-scrollbar{display:none}.index .right>.rmss .rmss-list ul{list-style:none;padding:0;margin:0;margin-top:.5rem}.index .right>.rmss .rmss-list ul li{width:100%;display:inline-block;font-size:.85rem;padding:.4rem 0;border-bottom:1px solid #f5f5f5}.index .right>.rmss .rmss-list ul li span:first-child{float:left;background:#c90;padding:2px 25px;border-radius:2px;color:#fff;display:inline-block;margin:0 1rem 0 0;line-height:100%}.index .right>.rmss .rmss-list ul li a{float:left;display:block;width:100%;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.1rem}.index .right>.rmss .rmss-list ul li a i{color:#c6cdd4}.index .right>.rmss .rmss-list ul li span:nth-child(2){float:right;margin-top:.1rem;color:#333}.index .right>.rmss .rmss-list ul li span:nth-child(2) b{color:#05473f}.index .right>.lie .lie-title{height:2.5rem}.index .right>.lie{margin-top:1rem;background:#fff;padding:1rem}.index .right>.lie .row{padding:0 1rem}.index .right>.lie .lie-title{width:100%;border-bottom:1px solid #05473f;padding:0;height:2.5rem;line-height:2.5rem}.index .right>.lie .lie-title span{background:#05473f;color:#fff;padding:.5rem 2rem}.index .right>.lie .lie-title a{float:right;color:#05473f;text-decoration:none;padding:.2rem}.index .right>.lie .lie-list{padding:0}.index .right>.lie .lie-list ul{padding:0;margin:0;list-style:none;margin-top:.5rem;overflow:hidden;display:block}.index .right>.lie .lie-list ul li{display:block}.index .right>.lie .lie-list ul li>a{float:left;color:#000;display:block;background:url(/static/u23/images/tv1.png) no-repeat 100% 100%;background-position:-2px 10px;background-size:10px 15px;padding-left:14px;text-decoration:none;padding-top:.4rem;padding-bottom:.4rem;border-bottom:1px solid #f5f5f5;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.index .right>.lie .lie-list ul li>span{float:right;color:#05473f}.index .right>.lie .lie-tag{padding:.5rem 0}.index .right>.lie .lie-tag a{display:inline-block;color:#000;margin-right:.5rem}

.logo a {
    color: #666;
}

.beian {
    color: #fff;
}

.col-lg-8 {
    width: 760px;
}

.matchname {
    background: unset !important;
    color: #000 !important;
}

.play {
    display: flex !important;
}

.list-vs {
    width: 50%;
    text-align: center;
    margin-right: unset !important;
}

.list-ss {
    min-width: unset !important;
    max-width: unset !important;
    width: 11%;
}

.list-time, .matchname {
    margin-right: unset !important;
}

.sai-left, .sai-right {
    width: 40%;
    display: flex;
    white-space: nowrap;
    overflow: hidden;
}

.saishi-2 {
    width: 15%;
    padding: 0 10px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.gqzb {
    float: right !important;
}

.sai-left {
    justify-content: flex-end;
    align-items: center;
}

.sai-right {
    justify-content: flex-start;
    align-items: center;
}

.hdt {
    cursor: pointer;
    margin-right: 10px;
}

.active {
    color: #fff !important;
}

.team {
    list-style: none;
    display: flex;
    white-space: nowrap;
    flex-wrap: wrap;
    line-height: 30px;
}

.team li {
    padding-right: 10px;
}

.botm1-ul {
    list-style: none;
    display: flex;
    white-space: nowrap;
}

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

.newstime {
    width: 22%;
}

.newstitle {
    width: 75%;
    text-align: left;
}

.page {
    color: #666 !important;
    font-size: 20px;
    font-weight: bold;
}

.pagelist {
    text-align: center;
}

.zb-nr {
    padding: 1rem;
    background: #fff;
    margin-bottom: 1rem;
}

.zb-nr .title {
    padding: 0;
}

.zb-nr .title>h1 {
    font-size: 1.3rem;
    text-align: center;
}

.zb-nr .title>.live-time {
    text-align: center;
}

.zx-arc {
    padding: 0;
    margin-top: 1rem;
}

.arc-tag {
    padding: 0;
}

.zb-nr>.live-des {
    margin-top: 1rem;
    padding: 0;
}

.zb-nr>.live-des>ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pinglun {
    list-style: none;
}

/*你的位置*/
.gy_position_tit {
    width: 100%;
    margin: 0 0 10px 0;

    align-items: center;
    line-height: 40px;
}

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

.gy_position_tit > li:last-child {
    color: #df0021;
}

/*内页位置导航*/
.breadcrumb1 > li, .breadcrumb1 > li a {
    font-size: 12px;
    color: #000;
    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;
    whi -space: nowrap;
}

.detailteam li a {
    color: #000;
}

/*--评论--*/
#comment_box{background:#fff;border:1px solid #e5e5e5;padding:10px;margin: 10px;width:100%}
#comments-title{padding-top:70px;margin-top:-40px}
.c-title{font-size: 18px;font-weight: 500;color: #222;}
.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 .com-info{margin-bottom:10px;}
.compost .com-info li{float:left;margin-bottom:1em;width:100%;position:relative}
.compost .com-info li:nth-child(2){}
.compost .com-info li .verify{position:absolute;right:6.5%;top:0;z-index:1;height:40px}
.compost .com-info li .verify img{height:100%;border:1px solid #ddd}
.compost .com-info li input{width:96%;height:40px;line-height:40px;padding-left:4px;border:1px solid #ddd;border-radius:3px;text-indent:10px}
.compost .com-name{padding:1em 0 1em .2em}
#cancel-reply{color:#EF0166}
#auTxaArticle{border-radius:3px;text-indent:5px;margin:0 0 20px 0;padding:5px;width:91%;border:1px solid #ddd;background:#fff;-webkit-appearance:none;font-size: 14px;}
.com-submit{border-radius:3px;border:none;cursor:pointer;height:40px;line-height:40px;background:#05473f;color:#fff;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}

.detailzhibo {
    border: 2px solid #1c969f;
    width: 30%;
    display: flex;
    flex-direction: column;
    text-align: center;
    border-radius: 5px;
    margin-top: 10px;
}

.detailtop {
    padding-top: 10px;
    color: #1c969f;
}

.detailbottom {
    color: gray;
}

@media only screen and (min-width: 900px) {
    .mobile {
        display: none;
    }
}

@media only screen and (max-width: 900px) {
    body {
        margin: 0 5px !important;
        overflow-x: hidden;
    }
    .pc {
        display: none;
    }
    .m-logo {
        font-size: 18px;
        font-weight: bold;
    }
    .m-logo a {
        color: #666 !important;
    }
    .col-4 {
        max-width: unset;
        padding-right: unset;
    }
    .header-m>.menu span {
        border: unset;
    }
    .fa-bars img {
        width: 40px;
        height: 40px;
        background: #05473f;
    }
    .col-lg-4 {
        padding-right: 0;
        padding-left: 0;
        width: 97%;
    }
    .matchname {
        float: right !important;
        white-space: nowrap;
        width: 30%;
    }
    .list-vs {
        width: 100%;
    }
    .gqzb {
        white-space: nowrap;
        width: 50%;
        height: 40px;
        align-items: center;
        display: flex !important;
        justify-content: center;
        margin-right: 6em !important;
    }
    .list-vs {
        height: 60px;
        display: flex;
        justify-content: center;
    }
    .sai-left, .sai-right {
        overflow: unset;
    }
    .detailzhibo {
        width: 55%;
    }
    #comment_box {
        margin: unset;
    }
    .compost .com-info li {
        width: 95%;
    }
    .gy_position_tit {
        padding-left: 10px;
        line-height: 20px !important;
    }
    .saishi-2 {
        padding: 0 20px;
    }
    .listtitle {
        display: flex !important;
    }
    .newstime {
        width: 38%;
    }
    .newstitle a {
        font-size: 14px;
    }
    .header_menu_item {
        float: unset !important;
    }
    .header_menu_item:after {
        left: 80% !important;
    }
    .header_menu_item_item .menu-item {
        float: unset !important;
    }
    .header_menu_item .header_menu_item_item {
        left: -5px !important;
    }
    .header-buttom .header_ul {
        display: flex;
        flex-wrap: wrap;
    }
    .header-buttom {
        height: auto;
    }
    .top_nav_home {
        width: 23%;
        padding-right: unset !important;
        margin-right: unset !important;
    }
    .header-buttom .header_ul .top_nav_home {
        display: flex;
        justify-content: center;
    }
    .justify-content-between .logo {
        justify-content: center;
    }
    .justify-content-between {
        justify-content: center !important;
    }
    .header-center {
        margin-bottom: 15px;
    }
    .index_content .index_row, .col-lg-8 {
        width: 100% !important;
    }
    .index_left {
        padding-left: unset !important;
        padding-right: unset !important;
    }
    .index_zb-list {
        margin-left: unset !important;
    }
    .left-zx {
        width: 103%;
    }
    .row {
        margin-left: 0;
    }
    .col-lg-8 {
        padding-left: unset !important;
    }
    .phb_title {
        width: 100% !important;
    }
    .new_content_h1 {
        margin-left: unset !important;
    }
    .jijin_title {
        justify-content: flex-start;
    }
    .index_row_ul {
        padding: 0 10px !important;
    }
    .top_header {
        width: 103% !important;
    }
    .season_area {
        width: 100% !important;
    }
    .mastch_list_round_area ul li {
        width: 4rem !important;
    }
    .tag_title {
        height: unset;
    }
    .season_area a {
         width: 47%;
        text-align: center;
    }
}

/*集锦 录像 开始*/
.header_menu_item:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    color: #fff;
    position: absolute;
    top: 45%;
    left: 65%;
}

.header_menu_item {
    float: left;
    text-align: center;
    position: relative;
    margin-right: 0;
}

.header_menu_item a {
    display: inline-block;
    width: 100%;
    max-height: 67px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    text-align: center;
}

.header_menu_item .header_menu_item_item {
    display: flex;
    background: #05473f;
    z-index: 999;
    position: absolute;
    display: block;
    left: 0;
    list-style: none;
    display: none;
    padding-right: 20px;
    left: -40px;
}

.header_menu_item_item .menu-item {
    float: left;
    text-align: center;
}

.header_menu_item .header_menu_item_item li a {
    line-height: 35px;
}

.header_menu_item .header_menu_item_item li a {
    line-height: 40px;
    font-size: 14px;
    color: #fff;
}

.header_menu_item_item {
    white-space: nowrap;
    flex-wrap: wrap;
}

.header_menu_item:hover .header_menu_item_item{display: block;}

.header_menu_item {
    margin-right: 30px;
}
/*集锦 录像 结束*/

.header-buttom .banner>ul {
    overflow: unset;
}

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

.justify-content-between .logo a {
    font-size: 18px;
    font-weight: bold;
}

.justify-content-between {
    align-items: center;
}

.top_nav_home {
    padding-right: 40px;
}

.item_i {
    color: #fff !important;
}

.arc {
    margin: 10px 0;
}

.arc a {
    color: #05473f;
    font-weight: bold;
    font-size: 15px;
}

.arc a:hover {
    color: #05473f;
}

.tag_li {
    display: flex !important;
}

.tag_img img {
    width: 150px;
    height: 110px;
}

.tag_img {
    margin-right: 20px;
}

.tag_title {
    width: 100%;
}

.tag_title a {
    font-size: 17px;
    font-weight: bold;
}

.tag_title a:hover {
    color: #000;
}

.tag_time {
    white-space: nowrap;
    float: left;
    margin-right: 1rem;
    display: block;
    background: #05473f;
    border-radius: 4px;
    color: #fff;
    padding: 0.1rem 0.6rem;
    min-width: 106px;
    max-width: 182px;
    text-align: center;
    font-size: .9rem;
    margin-top: 0.5rem;
    width: 100% !important;
}

.tag_type {
    margin: 15px 0;
}

.tag_type a {
    color: #007bff;
}

.location p {
    font-size: 14px;
}

.rank-list-tr {
    background: #fff;
}

.rank-list {
    margin-bottom: 15px;
}

.pagelist .page {
    padding: unset !important;
}

.col-lg-12 a:hover {
    color: #000;
}

.hot_league a {
    margin-right: 20px;
    margin-top: 20px;
    color: #fff !important;
}

.hot_league {
    display: flex;
    white-space: nowrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

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