@media screen and (max-width:1200px) {
    .container {
        width: 100%;
        margin: 0
    }

    .container-main {
        width: 100%;
        height: inherit;
        margin: 0;
        padding-top: 15px
    }

    .sven_body {
        float: none;
        width: 100%;
        margin-bottom: 15px
    }

    .sven_header {

    }

    .sven_header-logo {
        float: none;
        text-align: center;
        padding: 5px 0
    }

    .sven_header-logo img {
        height: 35px
    }

    .sven_navbar {
        height: unset;
        padding: 0 5px
    }

    .sven_navbar>ul {
        display: flex
    }

    .sven_navbar>ul>li {
        flex: 1;
        float: none;
        padding: 0;
        height: 40px;
        line-height: 40px
    }

    .sven_navbar>ul>li>a {
        font-size: 15px
    }

    .sven_navbar-hot {
        overflow-x: auto;
        overflow-y: hidden
    }

    .sven_navbar-hot>ul {
        padding-left: 0;
        width: 1000px
    }

    .sven_navbar-hot>ul>li {
        padding: 0 15px
    }

    .sven_match__tabs {
        padding-left: 0
    }

    .sven_match__tabs>ul>li {
        padding: 0 10px
    }

    .sven_match__tabs>ul>li.active>a {
        font-size: 15px
    }

    .sven_match_card {
        padding: 10px
    }

    .sven_match__item {
        font-size: 14px;
        padding: 10px 0
    }

    .sven_match__date {
        padding: 0;
        padding-bottom: 5px;
        border-bottom: solid 1px var(--contrast-color);
        font-size: 15px
    }

    .sven_match__item__date {
        width: 15%;
        padding-left: 5px
    }

    .sven_match__item__league {
        width: 18%;
        padding-right: 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #888
    }

    .sven_match_link {
        width: 65%
    }

    .sven_match__item__team {
        display: block
    }

    .sven_match__btn {
        font-size: 14px;
        width: 70px
    }

    .sven_team__home,
    .sven_team__away {
        width: 120px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .sven_team__score {
        display: none
    }

    .sven_team__home,
    .sven_team__score {
        text-align: left
    }

    .sven_list_tabs ul li {
        padding: 12px 15px
    }

    .sven_aside {
        width: 100%;
        padding: 0;
        float: none
    }

    .sven_article_call__list {
        padding-left: 0
    }

    .news_article_item {
        padding: 15px
    }

    .news_article_item .news_image {
        width: 108px;
        height: 68px;
        margin-right: 8px
    }

    .news_article_item h1 {
        margin-bottom: 5px;
        line-height: 1
    }

    .news_article_item h1 a {
        font-size: 16px;
        line-height: .5
    }

    .news_article_item time {
        font-size: 14px;
        color: #999
    }

    .pagination-box {
        padding: 15px
    }

    .wrap-box_table {
        overflow-x: auto
    }

    .table {
        width: 700px;
        min-width: 700px
    }

    .sven_match_video__bd div {
        font-size: 16px
    }

    .sven_match_video__team_left {
        max-width: 150px
    }

    .sven_match_video__team_right {
        margin-left: 68.5%
    }

    .sven_match_live {
        padding: 10px
    }

    .sven_match_video__bd div {
        margin-top: 24%
    }

    .sven_article_video__team {
        flex: unset
    }

    .sven_article_video__hd {
        display: block
    }

    .sven_article_video__date {
        text-align: center
    }

    #zjzj {
        overflow-x: auto;
        overflow-y: hidden;
        padding-left: 0
    }

    #zjzj .responsive-table {
        width: 470px
    }

    #zjzj .responsive-table_hd {
        justify-content: unset
    }

    .sven_article .article {
        padding: 10px
    }

    .article img {
        display: block;
        width: 100% !important;
        max-width: 100% !important
    }

    .match_status_tabs {
        display: flex !important;
        align-items: center;
        justify-content: center;
        margin-top: 15px
    }

    .match_show_box {
        box-sizing: border-box;
        padding-left: 20px;
        overflow-y: hidden;
        overflow-x: auto
    }

    .match_show_date_tabs {
        width: 1200px;
        padding-bottom: 15px
    }

    .picbody_box {
        display: block
    }

    .pic_list {
        margin: 0;
        padding: 15px !important
    }

    .pic_list li .ib {
        width: auto !important;
        height: 220px !important
    }

    .liansai_intro {
        padding: 0 15px;
        margin-bottom: 40px
    }

    .liansai_desc__down {
        display: block
    }

    .liansai_info,
    .liansai_desc {
        float: none
    }

    .liansai_desc__title {
        padding: 0
    }

    .liansai_info {
        width: 100%
    }

    .liansai_info__logo img {
        width: 32px;
        height: 32px
    }

    .liansai_info__name h2 {
        font-size: 14px
    }

    .liansai_desc {
        width: 100%
    }

    .liansai_desc__body {
        height: 50px;
        overflow: hidden
    }

    .topic_box {
        margin-top: 0;
        margin-bottom: 15px
    }

    .topic_box_list li {
        width: 100%;
        box-sizing: border-box;
        padding: 0 15px
    }

    .topic_box_tag_title {
        position: relative
    }

    .topic_box_tag_title ul {
        width: 100%;
        margin-left: 0;
        margin-bottom: 15px
    }

    .topic_box_tag_title .gd {
        position: absolute;
        top: 50%;
        right: 5%;
        transform: translate(-50%, -5%)
    }

    .topic_box_score_box {
        padding: 15px
    }

    .topic_box_score_match_item {
        align-items: center;
        font-size: 12px !important
    }

    .score_match_vs {
        flex: none
    }

    .data_content_table {
        zoom: .8
    }

    .data_table_index .logo_name img {
        display: none
    }

    .topic_box {
        padding: 0
    }

    .lxjj_box {
        margin-top: 0
    }

    .video_pagination_list_item {
        display: flex;
        align-items: center;
        padding: 5px;
        box-sizing: border-box;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        color: #000;
        text-decoration: none;
        line-height: 30px
    }

    .video_pagination_list_item .video_pagination_list_item_left,
    .video_pagination_list_item_right {
        float: none;
        padding: 0
    }

    .video_pagination_list_item_left {
        width: 82%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        color: #000;
        text-decoration: none;
        line-height: 30px;
        margin-right: 5px
    }

    .video_pagination_list_item_left a {
        display: flex;
        align-items: center
    }

    .video_pagination_list_item_date {
        width: unset;
        font-size: 14px;
        padding-right: 15px;
        color: #999
    }

    .video_pagination_list_item_title {
        width: unset;
        float: none;
        font-size: 14px
    }

    .video_pagination_list_item .video_pagination_list_item_left a:after {
        display: none
    }

    .video_pagination_list_item_right a {
        display: block;
        margin: 0
    }

    .video_pagination_list_item_right {
        width: 18%;
        line-height: 1.6;
        display: block
    }

    .live_right_box {
        padding: 15px
    }

    .video_page_list li {
        width: 100%
    }

    .video_page_list .dsp_photo,
    .video_page_list .dsp_photo span {
        width: 100%;
        height: 200px
    }

    .video_page_list .dsp_photo span img {
        width: 100%;
        height: 200px
    }

    .video_page_list {
        padding: 0 20px
    }

    .video_page_list .dsp_photo .playbtn {
        opacity: 1;
        width: 69px;
        height: 69px;
        margin: 0;
        transform: translate(-50%, -50%)
    }

    .video_page_list .dsp_title {
        margin: 0;
        width: 100%;
        font-size: 16px;
        padding-top: 5px
    }

    .arc_page_list li {
        padding: 10px;
        box-sizing: border-box;
        display: flex
    }

    .arc_list li {
        width: 100% !important;
        box-sizing: border-box
    }

    .zx_slt {
        width: 90px !important;
        height: 65px !important;
        overflow: unset;
        float: none
    }

    .zx_xianqing {
        width: unset !important;
        float: none !important
    }

    .zx_slt img {
        width: 90px !important;
        height: 65px !important
    }

    .zx_xq_bt {
        font-size: 14px !important;
        line-height: 1.2 !important;
        height: 18px !important;
        white-space: unset !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important
    }

    .zx_xq_jj {
        font-size: 12px !important;
        line-height: 1.2 !important;
        height: unset !important;
        margin: 0 !important
    }

    .fixed_score_box {
        padding: 15px
    }

    .bisai_desc_box {
        padding: 15px;
        margin-top: 10px
    }

    .luxiang_list {
        padding: 15px
    }

    .luxiang_list li {
        font-size: 14px;
        padding-bottom: 15px
    }

    .luxiang_list li a {
        display: block;
        height: 20px !important;
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden
    }

    .signal_list {
        padding: 15px;
        margin-top: 0
    }

    .signal_list li a {
        width: 29%
    }

    .fixed_score_box {
        zoom: .82
    }

    .score_name_left h1 {
        text-align: center
    }

    .score_name_left {
        display: block
    }

    .league_name {
        line-height: 1.5;
        padding: 5px 10px;
        height: unset
    }

    .league_name span {
        display: block
    }

    .score_name_right .image_container,
    .score_name_left .image_container {
        margin-bottom: 15px
    }

    .score_name_left .image_container {
        margin-left: 20px
    }

    .play_video.pc {
        display: none
    }

    .play_video_box {
        height: auto;
        background: #fff
    }

    .play_video_box .play_link {
        width: 100%;
        height: 240px;
        background: #000;
        position: relative
    }

    .play_link img {
        width: 100%;
        height: 100%
    }

    .video_article_play_m {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 60px !important;
        height: 60px !important;
        transform: translate(-50%, -50%)
    }

    .play_video_box>span {
        display: block;
        font-size: 16px;
        line-height: 1.2rem;
        color: #333;
        padding: 15px
    }

    .play_video_box>time {
        display: block;
        font-size: 14px;
        color: #666;
        padding: 5px 15px
    }

    .video_recommend_box {
        padding: 15px
    }

    .video_recommend_block {
        width: 100%;
        height: 120px
    }

    .video_recommend_block p {
        width: 70%;
        margin: 0 0 0 20px
    }

    .video_recommend_block h3 {
        width: 70%
    }

    .video_recommend_block p a {
        line-height: 1.2
    }

    .video_recommend_block img {
        width: 80px;
        height: 60px
    }

    .video_recommend_block .video_tag {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 26px;
        height: 26px;
        background-size: cover
    }

    .play_video_box.mobile {
        display: block !important
    }

    .collection {
        padding: 5px
    }

    .block_min {
        width: 100%;
        height: 80px;
        border-bottom: 1px solid #f1f1f1;
        position: relative;
        padding: 5px 0 30px
    }

    .block_min img {
        float: left;
        width: 4.5rem;
        height: 3.75rem
    }

    .block_min p {
        float: left;
        width: calc(92vw - 100px - 1rem);
        font-size: 14px;
        height: 50px;
        line-height: 1.5;
        overflow: hidden;
        padding-left: 10px
    }

    .block_min time {
        font-size: .6rem;
        color: #999;
        line-height: .9rem;
        float: right;
        margin-top: 0;
        margin-left: 10px
    }

    .block_min .video_ico {
        width: 1.5rem;
        height: 1.5rem;
        background: url(../images/video_play.png) no-repeat;
        background-size: 100%;
        position: absolute;
        left: 10%;
        top: 32%
    }

    .content_box {
        padding: 0
    }

    .content_box_hd {
        padding: 5px
    }

    .content_box_bd iframe {
        width: 100%;
        max-width: 100%;
        overflow: hidden
    }

    .content_box_bd img {
        width: 100%;
        max-width: 100%
    }

    .col2 {
        padding: 0
    }

    .col2 li {
        float: none;
        width: 100%;
        margin-right: 0
    }
}

@media(max-width:600px) {
    .sven_list_tabs {
        display: flex;
        width: 100%;
        white-space: nowrap;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
        overflow-x: scroll;
        overflow-y: hidden;
        text-align: justify;
        padding: 0 5px;
        margin-bottom: 10px;
        box-sizing: border-box
    }

    .sven_navbar {
        display: flex;
        width: 100%;
        white-space: nowrap;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
        overflow-x: scroll;
        overflow-y: hidden;
        text-align: justify;
        padding: 0 5px;
        margin-bottom: 10px;
        box-sizing: border-box
    }

    .head-nav a {
        padding: 0 5px
    }
    .canshu li{width:100%;line-height:2}
    .pc{display:none}
    .mobile{display:block}
    .fixbottom{position:fixed;left:0;bottom:0;z-index:9999999}
    .fixbottom img{width:100%;border:0}
    .fixbottom a{display:block;line-height:0}
    .sven_footer{padding-bottom:60px;}
}