@charset "utf-8"; /* header */ .header{width:100%;height:50px;line-height:48px;background:#fff;box-shadow:0px 2px 18px -5px rgba(0,0,0,0.14)} .header_logo{margin-right:50px} .header_logo img{width:auto;height:50px;padding: 5px;box-sizing: border-box} .header_menu_item{float:left;width:100px;height:50px;text-align:center;border-radius: 5px;} .header_menu_item.active{background:#05addf} .header_menu_item.active a{color:#FFFFFF} .header_menu_item a{display:block;width:100%;height:100%;font-size:18px;font-weight:400} .header_simple_navigation{background:#FFFFFF;box-shadow: 0px 2px 18px -5px rgba(0, 0, 0, 0.14);} .header_simple_navigation_item{height:50px;line-height:50px;float:left;margin-right:20px;} .header_simple_navigation_item a {font-size: 14px} @media (max-width: 600px) { .header {height: auto;line-height: unset} .header_logo {margin: 0} .header_logo img {width: auto;height: 50px;padding: 5px;box-sizing: border-box;} .header_menu_item {height: 35px;line-height: 35px} .header_menu_item.active {background: #7e1c08} .header_menu_item a {font-size: 14px;color: #FFFFFF} .header_menu {display: flex;background: #dd4d30;} .header_simple_navigation { overflow-y: hidden;overflow-x: auto;padding: 0 15px;box-sizing: border-box } .header_simple_navigation ul {} .header_simple_navigation_item{height:40px;line-height:40px;float:left;margin-right:20px;} } /* end header */ /* column */ .column {position: relative;width: 100%;background: #FFFFFF;border-radius: 12px 2px 2px 2px;} .column_hd {min-width:150px;position: relative;height: 40px;line-height: 40px;display: inline-block;background: #05addf;border-radius: 12px 0px 0px 0px;vertical-align: top;box-sizing: border-box;padding-left: 20px;} .column_hd img {display: inline-block;width: 24px;height: 24px;vertical-align: middle;margin-bottom: 4px;} .column_hd h2 {display: inline;font-size: 17px;font-weight: bold;color: #fff;} .column_hd::after {content: ' ';position: absolute;top:0;right: -26px;width: 33px;height: 40px;background: url("/static/images/title_bg.png") no-repeat;background-size: cover;} .column_hd a {color:#fff;/*position: absolute;right: -60%*/} .column_bd {width:100%;background: #FFFFFF;padding: 15px;box-sizing: border-box;line-height: 1.6;overflow: hidden} @media (max-width: 600px) { .column_hd {min-width:120px;height: 30px;line-height: 30px;padding-left: 10px;} .column_hd img {width: 16px;height: 16px;} .column_hd::after {right: -23px;width: 23px;height: 30px;} .column_hd h2 {font-size: 14px;} .column_bd {padding: 5px} .column_hd a {position: absolute;right: -50%;font-size: 14px} } /* end column */ /* match */ .date{color:#05addf;background-color: #f2f2f2;padding: 5px;} .match_filter_item {position:relative;display: inline-block;margin-bottom: 10px;padding:5px;} .match_filter_item a {display: block;width: 100%;height: 100%;padding: 5px 10px;font-size: 14px;font-weight: 400;color: #6b6b6b;border-radius: 2px;} .match_filter_item.active a {border: solid 1px #dd4d30;color: #dd4d30} .match_filter_item::after {content: "";position: absolute;width: 1px;height: 12px;background: #d8d8d8;right: 0;top: 50%;transform: translateY(-50%);} .match_date {font-size: 16px;padding: 15px 0;margin-top: 15px} .match-item:nth-child(2n) {background: #fafafa;} .match-item {display: flex;align-items: center;font-size: 15px;padding: 15px;border-bottom: solid 1px #dedede !important;} .match-item .info_left{display:flex;align-items:center} .match-item .info_left .time{display:inline-block;width:75px} .match-item .info_left .league{display:inline-block;width:80px;padding-right:20px;height:20px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-align:left} .match-item .info_center{display:flex} .match-item .info_center .home{display:flex;justify-content:center;align-items:center} .match-item .info_center .home .left{display:flex;align-items:center;width:150px;text-align:right;justify-content:flex-start} .match-item .info_center .home .left > img{width:30px;max-height:30px;margin-right:5px} .match-item .info_center .home .left .text{display:inline-block;height:20px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;padding-left:10px;text-align:left} .match-item .info_center .score{display:flex;justify-content:center;align-items:center;font-size:16px;width:130px} .match-item .info_center .away{display:flex;justify-content:center;align-items:center} .match-item .info_center .away .right{display:flex;align-items:center;width:150px;justify-content:flex-end} .match-item .info_center .away .right .text{display:inline-block;width:120px;height:20px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden} .match-item .info_center .away .right > img{width:30px;max-height:30px;margin-right:10px} .match-item .info_right{box-sizing:border-box;margin-left:auto;display:inline-block;vertical-align:middle;font-size:14px;border:solid 1px #999999;padding:5px 10px;border-radius:10px;margin-right:10px;width:95px;text-align:center} .match-item .begin{border: solid 1px #05addf;background-color: #05addf; } .begin a{color:#ffeb3b !important} .match-item .info_right a{color:#999999} .match-item .info_right.start {border: solid 1px #d41d1b;} .match-item .info_right.start a {color: #d41d1b;} .match-item .info_right.end {border: solid 1px #333333;background: linear-gradient(90deg, #292E2E 0%, #0f1852 50%, #292E2E 100%);} .match-item .info_right.end a {color: #FFFFFF;} .match_filter_roll {margin-top: 10px} @media (max-width: 600px) { .match_filter_roll {overflow-x: auto} .match {margin-top: 0} .match_date{padding:2px !important;font-size:14px !important;padding-left:10px !important;background:#f5e3e3} .match-item{position:relative} .match-item .info_left{display:block !important;width:75px !important;font-size:14px} .match-item .info_left span{display:block !important} .match-item .info_left .time,.match-item .info_left .league{width:70px !important;padding:0} .match-item .info_center .home .left{width:120px !important} .match-item .info_center img{display:none} .match-item .info_center{display:block !important;font-size:14px} .match-item .info_center .home{padding-bottom:5px} .match-item .info_center .home,.match-item .info_center .away{display:block !important} .match-item .info_center .home .left .text{padding-left:0 !important} .match-item .info_center .away .right{display:block !important} .match-item .info_center .score{display:block !important;position:absolute;right:10%;top:50%;transform:translate(-5%,-50%);font-size:14px !important} .match-item .info_center .score span{display:block} .match-item .info_center .score .fenge{display: none;} .match-item .info_right{position:absolute;top:50%;right:3%;transform:translate(-3%,-50%);background:#dedede;border:0 !important} .match-item .info_right.more{position:relative;padding:2px 5px;margin-top:15px} .match-item .info_right a{color:#FFFFFF !important;font-size:14px !important} .match-item .info_right.start{background:#d41d1b} .match-item .info_right.end{background:#999999} .match-item .info_right.end {border: solid 1px #333333;background: linear-gradient(90deg, #292E2E 0%, #0f1852 50%, #292E2E 100%);} .match-item .info_right.end a {color: #FFFFFF;} .match-item .begin {border: solid 1px #05addf;background-color: #05addf;} } /* end match */ /* hot_liansai_list */ .hot_liansai_list{padding-left:15px;box-sizing:border-box} .hot_liansai_list li{display:inline-block;width:100px;height:100px;margin-right:10px;text-align:center;border:solid 1px transparent} .hot_liansai_list li:hover{border:solid 1px #dedede} .hot_liansai_list_pic{width:56px;height:56px;margin-top:8px;margin-bottom:4px} .hot_liansai_list_text{max-width:60px;margin:0 auto;font-size:12px;font-weight:400;color:#949494} @media (max-width: 600px) { .hot_liansai_list li{width:29%;height:100px;} } /* end hot_liansai_list */ /* video_list */ .video_list li {font-size: 14px;font-weight: 400;color: #000;margin-bottom: 12px;} .video_list li a {word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;} @media (max-width: 600px) { .video_list {margin-top: 10px} .video_list li{padding: 0 15px} } /* end video_list */ /* banner_new_hd */ .banner_new li{margin-bottom:5px} .banner_new_hd{position:relative;overflow:hidden} .banner_new_hd_img{width:100%;height:197px;border-radius:6px;object-fit:cover} .banner_new_hd_text{position:absolute;width:100%;height:46px;left:0;bottom:-15px;max-width:324px;margin:33px 0 12px 12px;font-size:14px;font-weight:400;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .banner_new_bd {margin-top: 5px} .banner_new_bd ul li{height:26px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size: 14px} @media (max-width: 600px) { .banner_new_hd {padding: 10px} .banner_new_bd {margin-top: 0;padding: 0 10px} } /* end banner_new_hd */ /* tags_list */ .tags_list li{font-size:14px;font-weight:400;float:left;margin-right:2px;margin-bottom:14px;display:inline-block;height:22px;padding:0 6px;line-height:22px} .tags_list li:hover{background:#05addf} .tags_list li:hover a{color:#FFFFFF} @media (max-width: 600px) { .tags_list {padding: 10px} } /* end tags_list */ /* left_img_box */ .left_img_box .pic_list {float: left;margin-right: 20px;font-size: 14px} .left_img_box .video_list {float: left} .left_img_box .video_list li {margin-bottom: 8px;} .pic_list li {position: relative;margin-bottom: 15px;} .pic_list li .ib {width: 240px;height: 150px;} .pic_list li img {width: 100%;height: 100%;} .pic_list li p {line-height: 30px;margin-top: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: absolute;bottom: 0;background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));color: #fff;width: 100%;padding: 0 5px;box-sizing: border-box;} @media (max-width: 600px) { .left_img_box .pic_list, .left_img_box .video_list {float: none;margin: 0} .pic_list {padding: 15px 15px 0} .pic_list li .ib {width: 100%;height: 180px;} .left_img_box .video_list li a {position: relative;padding-left: 25px;} .left_img_box .video_list li a::after {content: ' ';position: absolute;width: 22px;height: 22px;background: url(/static/images/xinwen.png) no-repeat;background-size: cover;left: 0;top: 50%;transform: translate(0, -50%);} } /* end left_img_box */ /* sub_nav */ .sub_nav {margin-top: 30px} .sub_nav_menus li.active {background: #dd4d30;} .sub_nav_menus li {float: left;background: #dedede;padding: 5px 10px;margin-right: 10px;border-radius: 5px;} .sub_nav_menus li.active a {color: #FFFFFF;} .sub_nav_menus li a {display: block;font-size: 14px;} @media (max-width: 600px) { .sub_nav {margin-top:5px;overflow-x: auto;padding: 5px 15px;padding-bottom: 15px;} .sub_nav_menus {width: 1200px;overflow-x: auto;overflow-y: hidden} } /* sub_nav */ /* topic */ .topic_box{margin-top:30px;background: #FFFFFF;padding: 15px} .topic_box_tag_title{height:50px;padding:5px 20px 0 20px} .topic_box_tag_title img{float:left;width:50px;height:50px} .topic_box_tag_title h1{float:left;font-size:18px;color:#333333;line-height:50px;margin-left:10px} .topic_box_tag_title ul{float:left;margin-left:60px;margin-top:14px} .topic_box_tag_title li{float:left;margin-right:20px;font-size:14px;color:#999} .topic_box_tag_title li a{color:#999} .topic_box_tag_title .gd{font-size:14px;color:#666;float:right;margin-top:16px} .topic_box_list{margin-top:15px} .topic_box_list li{width:48%;float:left;font-size:14px;line-height:30px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin-right:15px} .topic_box_tag_title li.active a{font-weight:bold;color:#000000} .topic_box_score_box{display:flex;margin-top:15px} .topic_box_score_match_item{display:block;flex:1} .score_match_team img{width:32px;height:32px} .score_match_header{display:flex;align-items:center;padding-bottom:15px;font-size:15px} .score_match_date,.score_match_tag{flex:1} .score_match_tag{color:darkred} .score_match_date{} .score_match_body{display:flex;align-items:center} .score_match_team{flex:1;line-height:1.5} .score_match_vs{flex:1;font-size:16px} .score_match_team span{padding-left:5px} .score_match_team_h {margin-bottom: 15px} .score_match_team_h,.score_match_team_v{display:flex;align-items:center;font-size:15px} @media (max-width: 600px) { .topic_box{padding: 5px} .topic_box{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} .channel_content_right{width:100%} .cnews_list{width:100%;padding:15px;box-sizing:border-box} .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-x:auto} .match_show_date_tabs{width:1200px;padding-bottom:15px} .topic_box_score_box {zoom: 0.85} } /* end topic */ /* ranking */ .red {color: #DC2221 !important;} .tocr_block_taggle{height:44px;background:#F8F8F8;margin-top:5px} .tocr_block_taggle li.active{background:#fff;color:#DC2221} .tocr_block_taggle li{float:left;width:50%;font-size:18px;color:#999;text-align:center;line-height:44px;cursor:pointer;position:relative} .tocr_block_taggle li s{display:block;width:100%;height:4px;background:#DC2221;position:absolute;left:0;top:-2px;display:none} .tocr_block_table{margin:20px 20px 0 17px} .tocr_block_table table th{font-size:14px;color:#666} .tocr_block_table table td{font-size:14px;color:#333;text-align:center;padding-top:15px} @media (max-width: 600px) { } /* end ranking */ /** match_table **/ .match_show_box{padding-top:30px} .match_show_date_tabs a{box-sizing:border-box;float:left;border:1px solid #D3E1E2;border-radius:4px;width:100px;height:64px;font-size:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:15px} .match_show_date_tabs a p{font-size:14px} .match_show_date_tabs a.active p{color:#F23632} .match_show_date_tabs a.active{color:#F23632;border:1px solid #d41d1b;border-bottom:solid 8px #d41d1b;position:relative} .match_show_list{margin-top:30px} .match_status_tabs{padding:5px 0} .match_status_tabs a{display:block;float:left;padding:5px 30px;box-sizing:border-box;border:solid 1px #d41d1b;font-size:16px} .match_status_tabs a.active{background:#d41d1b;color:#FFFFFF} .data_content_table{margin-top:36px} .nbadata_table_title{font-weight:bold;font-size:18px;color:#333;margin:20px 0 20px 26px;padding-top:15px} .data_table_index{background:#efefef} .data_table_index table tbody tr th{font:14px/50px "microsoft yahei";color:#333;text-align:center;background:#dedede} .data_table_index table tbody tr td{font:16px/56px "microsoft yahei";color:#333;text-align:center;border-top:1px solid #eee} .data_table_index .orderred{background:#ce2623} .data_table_index .order{display:block;width:30px;height:30px;margin:0 auto;background:#dc2221;font:16px/30px "microsoft yahei";color:#fff} .nbadata_table_index .logo_name img{width:36px;height:36px;float:left;margin:7px 0 0 20px} .data_table_index .logo_name img{width:30px;height:30px;float:left;margin:14px 0 0 25px} @media (max-width: 600px) { .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-x:auto;overflow-y: hidden} .match_show_date_tabs{width:1200px;padding-bottom:15px} .data_content_table{zoom:0.8} .data_table_index .logo_name img{display:none} .match_show_date_tabs a {height: 54px;} } /** end match_table **/ /** video_pagination_list **/ .lxjj_box {margin-top: 30px} .video_pagination_list_item{height:52px;line-height:52px;border-bottom:1px #eee solid} .video_pagination_list_item .video_pagination_list_item_left{position:relative;float:left;padding-left:24px;font-size:14px} .video_pagination_list_item_date{color:#666;display:inline-block;width:80px;float:left} .video_pagination_list_item_title{width:390px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;float:left} .video_pagination_list_item .video_pagination_list_item_left a:after{height:6px;content:'';width:6px;background:#ddd;position:absolute;top:50%;left:7px;z-index:10;border-radius:50%;margin-top:-2px} .video_pagination_list_item:nth-child(even){background:#f8f8f8} .video_pagination_list_item_right{display:flex;color:#999;width:220px;float:right;text-align:right;padding-right:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .video_pagination_list_item_right a{color:#999;margin-left:15px;font-size: 14px} @media (max-width: 600px) { .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:#999999} .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} } /** end video_pagination_list **/ /** video_page_list **/ .video_page_list li{width:33.3%;float:left;text-align:center;margin-bottom:18px;margin-top:11px;} .video_page_list .dsp_photo{position:relative;width:246px;height:143px;margin:0 auto;border:solid 1px #efefef} .video_page_list .dsp_photo span{width:246px;height:143px;display:block} .video_page_list .dsp_photo span img{width:246px;height:143px;display:block;border-radius:6px} .video_page_list .dsp_photo .covermask{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s} .video_page_list .dsp_photo .playbtn{position:absolute;left:50%;top:50%;margin-left:-25px;margin-top:-25px;width:49px;height:49px;background:url(/static/images/dspleft_ico.png) no-repeat 0 0;opacity:0;-webkit-transform:scale(.7);-webkit-transition-property:opacity,-webkit-transform;-webkit-transition-duration:.5s;transform:scale(.7);transition-property:opacity,transform;transition-duration:.5s;zoom:1;background-size:100% 100%} .video_page_list .dsp_photo .covermask{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s} .video_page_list .dsp_photo:hover .covermask{opacity:.2;-webkit-transition:opacity .5s;transition:opacity .5s} .video_page_list .dsp_photo:hover .playbtn{opacity:.9;-webkit-transform:scale(1);-webkit-transition-property:opacity,-webkit-transform;-webkit-transition-duration:.5s;transform:scale(1);transition-property:opacity,transform;transition-duration:.5s;cursor:pointer} .video_page_list .dsp_title{font-size:14px;width:246px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:26px;height:28px;margin:0 auto;text-align:left} @media (max-width: 600px) { .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:0px 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} } /** end video_page_list **/ /** arc_page_list **/ .arc_page_list li{border-bottom:1px #eee solid;overflow:hidden;padding:8px 25px 10px 10px} .zx_slt{width:165px;height:122px;float:left;margin-right:10px;overflow:hidden;border-radius:4px} .zx_slt img{width:174px;height:122px;transition:transform .3s;-ms-transition:-ms-transform .3s;-moz-transition:-moz-transform .3s;-webkit-transition:-webkit-transform .3s;-o-transition:-o-transform .3s} .zx_xianqing{width:415px;float:left} .zx_xq_bt{font-size:18px;color:#353030;font-weight:700;line-height:40px;height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .zx_xianqing{width:555px;float:left} .zx_xq_jj{font-size:14px;color:#666;line-height:24px;height:54px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:9px} .zx_xq_banq .zx_xq_fl{width:100px;display:block;float:left} .zx_xq_banq .zx_xq_fl a{color:#0073c4} .zx_xq_banq .zx_xq_dw,.zx_xq_banq .zx_xq_dw .iconfont,.zx_xq_banq .zx_xq_dw a{color:#999} .zx_xq_banq .zx_xq_time{float:right;color:#999} @media (max-width: 600px) { .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} .zx_xq_banq .zx_xq_time{float:none} } /** end arc_page_list **/ /** live_right_box **/ .live_right_box{padding:15px 0} .live_right_item{font-size:15px;margin-bottom:20px} .live_right_item_hd_league{float:left} .live_right_item_hd_league a{color:#999999} .live_right_item_hd_date{float:right;color:#999999} .live_right_item_bd{padding-top:10px} .live_right_item_bd_team img{display:inline-block;width:28px;height:28px;vertical-align:middle} .live_right_item_bd_team{float:left;line-height:35px} .live_right_item_bd_action{float:right} .live_right_item_bd_action a{background:#05addf;color:#fff;border-radius:30px;text-align:center;padding:5px 15px;line-height:58px} /** end live_right_box **/ @media (max-width: 600px) { .live_right_box {padding: 15px} } /** live **/ .fixed_score_box{width:100%;display:block;background:linear-gradient(90deg,#292E2E 0%,#0f1852 50%,#292E2E 100%);padding:30px;box-sizing:border-box} .fixed_score_box .fixed_score_top{display:flex;justify-content:space-between;flex:1;color:white;padding-top:30px} .score_name_left{display:flex;align-items:center;flex:1} .score_name{text-align:center} .score_name_left.score_name_right{flex-direction:row-reverse} .score_name_left{display:flex;align-items:center;flex:1} .score_name_right .image_container,.score_name_left .image_container{width:80px;height:80px;border-radius:50%;background-color:white;display:flex;justify-content:center;align-items:center} .score_name_left .image_container{margin-right:20px} .score_name_left h1{height:26px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;line-height:26px;color:#FFFFFF} .score_name_right .image_container img,.score_name_left .image_container img{width:56px;height:56px;border-radius:50%} .score_name_left.score_name_right .image_container{margin-left:20px} .league_name{height:28px;line-height:18px;border:1px solid #FFFFFF;border-radius:18px;padding:4px 27px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF} .match_score{display:flex;justify-content:space-between;align-items:center;margin:25px 0;height:39px;padding:0 12px} .match_score > div{font-size:32px;font-family:DIN;font-weight:bold;line-height:39px;color:#FFFFFF} .match_status{height:36px;background:#FFFFFF;border-radius:18px;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;line-height:36px;width:140px;margin:auto;color:#F23632} .match_bg_container{position:absolute;display:flex;justify-content:center;bottom:0;left:50%;transform:translate(-50%)} .signal_box{margin-top:30px} .signal_box .tag-title img{vertical-align:middle} .signal_list{margin-top:15px} .signal_list ul li a{float:left;padding:5px 10px;background:#d41d1b;color:#FFFFFF;box-sizing:border-box;margin-right:15px;text-align:center;font-size:14px;border-radius:5px;margin-bottom:15px} .signal_list ul li a .desc{color:#dedede;font-size:12px} .bisai_desc_box,.luxiang_box{margin-top:30px} .bisai_desc_info{padding:15px} .bisai_desc_info p{font-size:14px;padding-top:15px} .luxiang_list{padding-top:15px} .luxiang_list li{font-size:14px;padding-bottom:10px} .luxiang_list li i{float:left;width:4px;height:4px;margin:7px 14px 0px 0px;background:#999} @media (max-width: 600px) { .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:0.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} } /** end live **/ /** lxjj **/ .play_video{overflow:hidden;display:flex;justify-content:center;background:#1d1d1d} .room_video_box{float:left;width:900px;padding-bottom:15px} .play_video .room_video{position:relative;height:540px} .room_video{height:auto!important} .room_video>a{display:block} .video_article_play_box{width:100%;height:100%;position:absolute;top:0;left:0;transition:all .3s} .video_article_play{display:block;background:url(/static/images/video_article_play.png);margin:210px auto 0;width:120px;height:120px} .room_video_title{padding-left:15px} .room_video_title h2{font-size:26px;color:#FFFFFF;margin-top:30px} .room_video_title time{font-size:14px;color:#CCCCCC;display:block;margin-top:10px} .play_video .correlation_video{width:300px;height:auto;float:left;background:#333333} .correlation_video .correlation_video_tab{height:55px;border-bottom:1px solid #454545} .correlation_video .correlation_video_tab li.active{border-bottom:2px solid #D0021B;color:#DC2221} .correlation_video .correlation_video_tab li{width:100%;height:54px;text-align:center;line-height:54px;font-size:20px;color:#CCCCCC;cursor:pointer} .scroll_video{height:619px;overflow-x:hidden;overflow-y:scroll;margin-top:5px} .scroll_video_block{height:99px} .scroll_video_block img{width:100px;height:75px;margin:12px 0 0 10px;float:left} .scroll_video_block p{font-size:14px;color:#FFFFFF;line-height:28px;width:160px;float:left;margin:6px 0 0 10px;height:56px;overflow:hidden} .scroll_video_block time{opacity:0.66;font-size:12px;color:#CCCCCC;float:left;margin:12px 0 0 10px} .video_recommend_block{width:750px;height:147px;box-sizing:border-box;border-bottom:1px solid #E2E2E2;margin-top:20px} .video_recommend_block > a{float:left;display:inline-block;position:relative} .video_recommend_block img{width:168px;height:126px} .video_recommend_block .video_tag{display:block;width:36px;height:36px;position:absolute;background:url(/static/images/video_play.png) no-repeat;left:66px;top:45px} .video_recommend_block h3{font-size:16px;width:422px;height:32px;color:#333333;line-height:32px;float:left;margin:-6px 0 0 20px;overflow:hidden} .video_recommend_block p{width:422px;float:left;margin:10px 0 0 20px} .video_recommend_block p a{font-size:14px;color:#666666;line-height:30px} .video_recommend_block time{float:right;font-size:14px;color:#666666;margin-top:12px} .play_video_box.mobile{display:none !important} @media (max-width: 600px) { .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:15px} .block_min{width:100%;height:80px;padding:5px 0;border-bottom:1px solid #f1f1f1;position:relative} .block_min img{float:left;width:4.5rem;height:3.75rem} .block_min p{float:left;width:calc(92vw - 100px - 1rem);font-size:16px;color:#000;height:50px;line-height:1.5;overflow:hidden;padding-left:10px} .block_min time{font-size:0.6rem;color:#999;line-height:0.9rem;float:left;margin-top:7px;margin-left:10px} .block_min .video_ico{width:1.5rem;height:1.5rem;background:url(/static/images/video_play.png) no-repeat;background-size:100%;position:absolute;left:10%;top:32%} } /** end lxjj **/ /** content **/ .content_box_hd h3{font-size:24px;font-weight:700} .content_box_hd_info li{float:left;color:#999;height:30px;line-height:30px;font-size:12px;padding-top:1px} .content_box_hd_info li cite{padding:0 10px;font-style:normal} .content_box_bd{font-size:16px;line-height:30px;clear:both;padding:15px} .content_box_bd p{font-size:16px;margin-bottom:30px;text-indent:20px;line-height:30px} .content_box_bd img{max-width:94%;margin:15px auto;display:block} .tags{margin-bottom:30px} .tags h2{font-size:16px;font-weight:bold;margin-bottom:15px;border-top:solid 1px #dedede;padding-top:15px} .tags li{float:left;padding:5px 15px;background:#F2F2F2;border-radius:10px;margin:5px 10px;font-size:14px} @media (max-width: 600px) { .content_box_hd{padding:15px} .content_box_bd img{width:100%;max-width:100%} } /** end content **/ /** liansai **/ .qd_jieshao{border-radius:8px;background:#fff;padding-bottom:10px} .qd_name{text-align:center;font-size:18px;font-weight:700;padding:18px 0 20px 0;overflow:hidden} .qd_name img{width:120px;height:120px} .qd_name span{display:block;width:60%;margin:0 auto} .qd_xq h5{font-size:14px;font-weight:700;color:#333} .qdjsbt{line-height:30px;font-size:18px;color:#333;font-weight:500;border-bottom:2px #e60640 solid;padding:0;position:relative;overflow:hidden} .qdjsbt span{float:left;margin-left:15px;font-size:18px;color:#333;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:280px} .dwjiansao{padding:10px 18px} .dwjiansao{line-height:20px;color:#666;padding:15px} /** end liansai **/ /* footer */ .footer-wrapper{width:100%;margin-top:40px;padding:38px 0 30px 0;background:#fff} .footer-wrapper .footer-inner{width:1080px;margin:0 auto} .footer-wrapper .footer-inner .footer-box{padding-right:121px;font-size:14px;font-weight:400} .footer-wrapper .footer-inner .footer-box .footer-left{float:left} .footer-wrapper .footer-inner .footer-box .footer-left .footer-logo{width:80px;height:80px} .footer-wrapper .footer-inner .footer-box .footer-right{float:right;width:867px} .footer-wrapper .footer-inner .footer-box .footer-right .footer-link{margin-bottom:16px} .footer-wrapper .footer-inner .footer-box .footer-right .footer-link .text{margin-right:5px;font-weight:600} .footer-wrapper .footer-inner .footer-box .footer-right .footer-link .website{margin-right:22px} .footer-wrapper .footer-inner .footer-box .footer-right .footer-desc{margin-bottom:15px;color:#999} .footer-wrapper .footer-inner .footer-box .footer-right .footer-copyright{color:#999} @media (max-width: 600px) { .footer-wrapper .footer-inner .footer-box {padding: 5px} .footer-wrapper .footer-inner{width:100%;margin:0 auto} .footer-wrapper .footer-inner .footer-box {display: flex} .footer-wrapper .footer-inner .footer-box .footer-left{padding-right: 15px} .footer-wrapper .footer-inner .footer-box .footer-left .footer-logo{width:40px;height:40px} .footer-wrapper .footer-inner .footer-box .footer-right{float:none;width:100%;font-size: 12px} } /* end footer */ /** col2 **/ .col2 {padding-left: 15px} .col2 li {float: left;width: 44%;margin-right: 5%} @media (max-width: 600px) { .col2 {padding: 0;} .col2 li {float: none;width: 100%;margin-right: 0} } /** end col2 **/ /* sitemap_box */ .sitemap_box {margin-bottom: 30px;background: #FFFFFF;margin-top: 30px} .sitemap_box_hd {font-size: 20px;font-weight: 600;box-sizing: border-box;padding-left: 20px;line-height: 40px;background: #dedede;position: relative;} .sitemap_box_bd {padding: 15px} .sitemap_box_bd a {margin: 0 20px;color: #007744;line-height: 34px;display: inline-block;min-width: 110px;} /* end sitemap_box */ .match_filter li a i { display: inline-block; width: 16px; height: 16px; margin: 0 4px -2px 0; } .icon-zhongyao { background: url(/static/images/sprite.png) -256px 0; } .icon-zuqiu { background: url(/static/images/sprite.png) 0 0; } .icon-lanqiu { background: url(/static/images/sprite.png) -32px 0; } .icon-quanbu { background: url(/static/images/sprite.png) -192px 0; } .get-more-match {display:block;padding: 15px;text-align: center;font-size: 16px;color: #cf0d0d;margin-top: 15px}