@charset "UTF-8";

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

body,html {
    font-size: 16px;
    color: #333;
    font-family: "Microsoft YaHei UI Light";
    min-width: 1024px
}

button,input[type=button],input[type=checkbox],input[type=radio],input[type=reset],input[type=submit] {
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important
}

em,i {
    font-style: normal
}

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

ol,ul {
    list-style: none
}

label {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    justify-content: center
}

input[type=checkbox],input[type=radio] {
    outline: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #ccc;
    position: relative;
    border-radius: 2px;
    -webkit-transition: all .2s;
    transition: all .2s;
    margin: 2px;
    overflow: hidden
}

input[type=checkbox]:checked:after {
    content: '\2713';
    display: block;
    position: absolute;
    top: 50%;
    left: 50.5%;
    width: 14px;
    height: 14px;
    padding-left: 4px;
    line-height: 14px;
    border: 1px solid #ddd;
    color: #fff;
    font-size: 14px;
    border-radius: 2px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

input[type=checkbox]:checked,input[type=checkbox]:checked:after {
    background: red;
    border-color: red
}

input[type=radio]:checked:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background-color: red;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

input[type=radio],input[type=radio]:checked:after {
    border-radius: 50%
}

input[type=radio]:checked {
    border-color: red
}

a {
    color: #667
}

.link {
    color: #333
}

.link:hover {
    color: #ec4e69
}

.orange {
    color: orange!important
}

.txtHidden {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.header--index-top {
    background: url(../images/top_bg.png) repeat-x;
    width: 100%;
    height: 74px
}

.header--index-top .index-top-main {
    line-height: 60px;
    width: 1250px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.header--index-top .index-top-main .logo {
    padding-top: 20px;
    margin-right: 48px;
    height: 36px
}

.header--index-top .index-top-main .top-nav {
    margin-right: 5px
}

.header--index-top .index-top-main .top-nav a {
    margin-right: 9px;
    padding: 0 6px 0 6px;
    line-height: 38px;
    display: inline-block
}

.header--index-top .index-top-login {
    width: 92px;
    height: 32px;
    line-height: 32px;
    background: #f3f3f3;
    margin: 20px 0 0 15px;
    display: inline-block
}

.header--index-top .index-top-main .search-bg {
    border: 1px solid #ccc;
    width: 216px;
    height: 30px;
    margin-top: 5px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.header--index-top .index-top-main .search-bg input {
    height: 30px;
    vertical-align: top;
    margin: 0 0 0 15px;
    width: 161px;
    background: 0 0;
    border: none
}

.header--index-top .index-top-main .search-bg em {
    background: url(../images/search_03.png) no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block
}

.header--index-top .index-top-main .search-bg:hover em {
    background: url(../images/search_03_h.png) no-repeat
}

.header--index-top .index-top-main .search-bg:hover {
    border: 1px solid #999
}

.red-font .active,.red-font a:hover {
    border-bottom: 4px solid #e01b3c;
    color: #e01b3c
}

.footer {
    width: 100%;
    background: #e74c5b
}

.footer .footer_main {
    width: 1250px;
    margin: 0 auto;
    padding: 70px 0;
    display: block;
    color: #fff
}

.footer .footer_main .head {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.footer .footer_main .head .left,.footer .footer_main .head .right {
    width: 50%
}

.footer .footer_main .head .left .block,.footer .footer_main .head .right .block {
    display: block
}

.footer .footer_main .head .left .block .tit,.footer .footer_main .head .right .block .tit {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px
}

.footer .footer_main .head .left .block .tit i,.footer .footer_main .head .right .block .tit i {
    display: inline-block;
    margin-right: 5px;
    font-size: 20px
}

.footer .footer_main .head .left .block .links,.footer .footer_main .head .right .block .links {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.footer .footer_main .head .left .block .links a,.footer .footer_main .head .right .block .links a {
    display: inline-block;
    margin: 0 8px 8px 0;
    color: #fff
}

.footer .footer_main .info {
    display: block;
    width: 100%;

    padding: 40px 0 0 0
}

.main {
    display: block;
    width: 100%;
    position: relative
}

.main .main_container {
    display: block;
    width: 1250px;
    margin: 0 auto
}

.game_play_top_swiper_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 10px 0
}

.game_play_top_swiper_container .change_btn {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    display: inline-block;
    z-index: 200;
    background: #00000040;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 60px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer
}

.game_play_top_swiper_container .prev {
    left: -30px;
    text-align: right;
    padding-right: 11px
}

.game_play_top_swiper_container .next {
    right: -30px;
    text-align: left;
    padding-left: 11px
}

.game_play_top_swiper_container .game_play--swiper .swiper-slide {
    width: auto
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block {
    display: inline-block;
    background: #fff;
    padding: 10px 0;
    width: 100%;
    border: 1px solid #eee;
    height: 163px
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #eee
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .title h4 {
    font-weight: 600;
    display: inline-block;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .title a {
    color: #e01b3c;
    display: inline-block;
    font-size: 12px
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_one {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    padding: 10px 0
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_one .mid {
    display: block;
    text-align: center
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_one .mid .time {
    font-size: 12px;
    font-weight: 600
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_one .mid>p {
    font-size: 12px;
    color: #999;
    display: block;
    padding: 8px 0
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_one .mid .item_order {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background: #e01b3c;
    padding: 2px 8px;
    border-radius: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_one .mid .item_order i {
    font-size: 12px;
    color: #fff;
    display: inline-block;
    margin-right: 5px
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_one .mid .item_order em {
    color: #fff;
    font-size: 12px
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_one>a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_one>a img {
    width: 60px;
    max-height: 60px
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_one>a p {
    font-size: 14px;
    color: #999
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_two {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    padding: 10px 0
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_two .left img {
    width: 60px;
    max-height: 60px
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_two .mid .time {
    font-size: 12px;
    font-weight: 600
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_two .mid>p {
    font-size: 12px;
    color: #999;
    display: block;
    padding: 8px 0
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_two .right .item_order {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background: #e01b3c;
    padding: 2px 8px;
    border-radius: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_two .right .item_order i {
    font-size: 12px;
    color: #fff;
    display: inline-block;
    margin-right: 5px
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_two .right .item_order em {
    color: #fff;
    font-size: 12px
}

.game_play_main_ctx {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    width: 100%
}

.game_play_main_ctx .play_left {
    width: 70%;
    padding-right: 15px
}

.game_play_main_ctx .play_left .top_banner {
    background: url(../images/mozbg.png) no-repeat center/cover;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    padding: 100px 0
}

.game_play_main_ctx .play_left .top_banner .lteam_info {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.game_play_main_ctx .play_left .top_banner .lteam_info img {
    width: 80px;
    min-height: 80px
}

.game_play_main_ctx .play_left .top_banner .lteam_info p {
    font-size: 16px;
    color: #fff;
    margin-top: 8px
}

.game_play_main_ctx .play_left .top_banner .score {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.game_play_main_ctx .play_left .top_banner .score strong {
    font-size: 40px;
    color: #fff
}

.game_play_main_ctx .play_left .top_banner .score em {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-top: 20px
}

.game_play_main_ctx .play_right {
    width: 30%;
    padding-left: 15px
}

.anchor_list_container {
    display: block;
    width: 100%;
    padding: 15px 0
}

.anchor_list_container>h2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.anchor_list_container>h2 img {
    width: 20px;
    display: inline-block;
    margin-right: 10px
}

.anchor_list_container>h2 em {
    font-size: 18px;
    font-weight: 700
}

.anchor_list_container .amchor_table {
    display: block
}

.anchor_list_container .amchor_table .scr {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #e01b3c;
    text-align: center;
    line-height: 20px;
    color: #fff;
    border-radius: 4px
}

.anchor_list_container .amchor_table .anchor_home_live {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    padding: 10px
}

.anchor_list_container .amchor_table .anchor_home_live h3 {
    font-size: 18px
}

.anchor_list_container .amchor_table .anchor_home_live p {
    font-size: 12px;
    display: block;
    margin-top: 8px;
    color: #999
}

.anchor_list_container .amchor_table .active {
    border-color: #e01b3c;
    background: #e74c5b30
}

.anchor_list_container .amchor_table .active h3 {
    color: #e01b3c
}

.all_the_programs_block {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    padding: 15px 0 0 0;
    border-bottom: 1px solid #e01b3c
}

.all_the_programs_block .all_the_programs_spacial {
    width: auto;
    background: #e01b3c;
    padding: 10px 10px;
    cursor: pointer
}

.all_the_programs_block .all_the_programs_spacial:hover .fast_hover_view {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.all_the_programs_block .all_the_programs_spacial>span {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #fff
}

.all_the_programs_block .all_the_programs_spacial>span img {
    width: 20px;
    margin-right: 8px
}

.all_the_programs_block .all_the_programs_spacial>span em {
    color: #fff
}

.all_the_programs_block .all_the_programs_spacial .fast_hover_view {
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 1px;
    width: 100%;
    z-index: 10000;
    background: #fff;
    padding: 15px;
    border: 2px solid #eee;
    border-radius: 6px
}

.all_the_programs_block .all_the_programs_spacial .fast_hover_view .link {
    width: 10%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 8px 15px 0
}

.all_the_programs_block .all_the_programs_spacial .fast_hover_view .link img {
    width: 20px;
    margin-right: 8px
}

.all_the_programs_block .all_the_programs_spacial .fast_hover_view .link em {
    display: inline-block
}

.all_the_programs_block .all_the_programs_fast_link {
    width: 80%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.all_the_programs_block .all_the_programs_fast_link .link {
    width: 12.5%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.all_the_programs_block .all_the_programs_fast_link .link img {
    width: 20px;
    margin-right: 8px
}

.all_the_programs_block .all_the_programs_fast_link .link em {
    display: inline-block
}

.aceroding_time_show_show {
    padding: 15px 0;
    display: block;
    width: 100%
}

.aceroding_time_show_show .time {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%
}

.aceroding_time_show_show .time strong {
    font-size: 18px;
    font-weight: 600
}

.aceroding_time_show_show .time em {
    display: inline-block;
    margin-left: 8px
}

.aceroding_time_show_show .team_view_main {
    display: block;
    width: 100%;
    padding: 15px 0
}

.aceroding_time_show_show .team_view_main .row {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #ffdaca;
    margin: 5px 0
}

.aceroding_time_show_show .team_view_main .row .hot_img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 50px
}

.aceroding_time_show_show .team_view_main .row .base {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 20%
}

.aceroding_time_show_show .team_view_main .row .base p {
    font-size: 12px
}

.aceroding_time_show_show .team_view_main .row .base h2 {
    margin-top: 8px;
    font-weight: 600;
    color: #333
}

.aceroding_time_show_show .team_view_main .row .teams {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 20%
}

.aceroding_time_show_show .team_view_main .row .teams a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    margin: 5px 0
}

.aceroding_time_show_show .team_view_main .row .teams a img {
    width: 35px;
    margin-right: 8px
}

.aceroding_time_show_show .team_view_main .row .teams a em {
    display: inline-block
}

.aceroding_time_show_show .team_view_main .row .users {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    padding: 10px 20px;
    width: 60%
}

.aceroding_time_show_show .team_view_main .row .users a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 16.66666%;
    position: relative
}

.aceroding_time_show_show .team_view_main .row .users a img {
    width: 60px;
    min-height: 60px;
    border-radius: 50%
}

.aceroding_time_show_show .team_view_main .row .users a p {
    font-size: 14px;
    margin-top: 5px
}

.aceroding_time_show_show .team_view_main .row .users a .live {
    position: absolute;
    top: 0;
    right: 0;
    background: #e01b3c;
    color: #fff;
    font-size: 12px;
    border-radius: 6px;
    z-index: 10;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    padding: 0 4px
}

.live_score_list_navbar_block {
    padding: 15px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.live_score_list_navbar_block>h2 {
    display: block;
    width: auto
}

.live_score_list_navbar_block .live_list_rec {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 10px
}

.live_score_list_navbar_block .live_list_rec a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 4px 12px;
    border-radius: 30px;
    background: 0 0;
    border: 1px solid #f1f1f1;
    margin-right: 10px
}

.live_score_list_navbar_block .live_list_rec a:hover {
    background: #e01b3c;
    border-color: #e01b3c
}

.live_score_list_navbar_block .live_list_rec a:hover em {
    color: #fff
}

.live_score_list_navbar_block .live_list_rec a img {
    width: 20px;
    margin-right: 5px
}

.live_score_list_navbar_block .live_list_rec .active {
    background: #e01b3c;
    border-color: #e01b3c
}

.live_score_list_navbar_block .live_list_rec .active em {
    color: #fff
}

.live_score_list_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 15px 0
}

.live_score_list_container .item_wrap {
    padding: 15px;
    width: 33.333%
}

.live_score_list_container .item_wrap .item {
    border: 1px solid #f1f1f1;
    width: 100%;
    border-radius: 8px;
    overflow: hidden
}

.live_score_list_container .item_wrap .item .img {
    width: 100%;
    height: 150px;
    position: relative;
    display: block
}

.live_score_list_container .item_wrap .item .img em {
    display: inline-block;
    padding: 5px 15px;
    color: #fff;
    background: #00000050;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000
}

.live_score_list_container .item_wrap .item .infos {
    padding: 12px 5px
}

.live_score_list_container .item_wrap .item .infos .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.live_score_list_container .item_wrap .item .infos .title .link {
    width: 70%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px
}

.live_score_list_container .item_wrap .item .infos .title .sub {
    font-size: 12px;
    color: #999
}

.live_score_list_container .item_wrap .item .infos .info {
    padding: 10px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.live_score_list_container .item_wrap .item .infos .info .user {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 12px;
    color: #bbb
}

.live_score_list_container .item_wrap .item .infos .info .user i {
    margin-right: 4px
}

.live_score_list_container .item_wrap .item .infos .info .views {
    font-size: 12px;
    color: #bbb
}

.live_score_list_container .item_wrap .item .infos .info .views i {
    margin-right: 4px
}

.live_score_list_container .item_wrap .item .infos .s_tit {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.live_score_list_container .item_wrap .item .infos .s_tit img {
    width: 25px;
    margin-right: 4px
}

.live_score_list_container .item_wrap .item .infos .s_tit em {
    font-size: 12px;
    color: orange;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

.tv_show_order_block {
    display: block;
    width: 100%;
    margin-bottom: 30px
}

.tv_show_order_block .top {
    padding-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.tv_show_order_block .top img {
    width: 60px;
    margin-right: 5px
}

.tv_show_order_block .top em {
    font-size: 20px
}

.tv_show_order_block .tv_show_order_list {
    display: block;
    width: 100%
}

.tv_show_order_block .tv_show_order_list .row {
    position: relative;
    display: block;
    width: 100%;
    padding: 8px 8px 8px 30px
}

.tv_show_order_block .tv_show_order_list .row:before {
    position: absolute;
    content: "";
    top: 15px;
    left: 15px;
    width: 5px;
    height: 5px;
    background: #eee;
    z-index: 10;
    border-radius: 50%
}

.tv_show_order_block .tv_show_order_list .row:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 17px;
    width: 1px;
    height: 100%;
    z-index: 10;
    background: #eee
}

.tv_show_order_block .tv_show_order_list .row .red {
    color: #e01b3c;
    font-size: 14px;
    display: inline;
    margin-right: 5px
}

.tv_show_order_block .tv_show_order_list .row .link {
    display: inline;
    font-size: 14px
}

.tv_show_order_block .tv_show_order_list .row .img_info {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 10px
}

.tv_show_order_block .tv_show_order_list .row .img_info .img {
    width: 80%;
    height: 80px
}

.tv_show_order_block .tv_show_order_list .row .img_info a {
    height: 80px;
    width: 20%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    background: #e01b3c;
    color: #fff
}

.tv_show_hot_block {
    display: block;
    width: 100%;
    padding: 15px 0;
    margin-bottom: 15px;
    position: relative
}

.tv_show_hot_block>h2 {
    display: block;
    padding: 8px 0 8px 12px;
    border-left: 3px solid #e01b3c
}

.tv_show_hot_block>h2 .red {
    color: #e01b3c
}

.tv_show_hot_block .show_hot_ul {
    padding: 10px 0
}

.tv_show_hot_block .show_hot_ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 10px 0;
    position: relative
}

.tv_show_hot_block .show_hot_ul li .left {
    width: 60px;
    text-align: center
}

.tv_show_hot_block .show_hot_ul li .left>img {
    width: 30px
}

.tv_show_hot_block .show_hot_ul li .user {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.tv_show_hot_block .show_hot_ul li .user:hover {
    color: #e01b3c
}

.tv_show_hot_block .show_hot_ul li .user img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px
}

.tv_show_hot_block .show_hot_ul li .hot {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    color: #e01b3c
}

.tv_show_hot_block .show_hot_ul li .hot img {
    width: 20px;
    margin-right: 5px;
    display: inline-block
}

.tv_show_news_main_block {
    display: block;
    width: 100%;
    padding: 15px 0;
    margin-bottom: 15px;
    position: relative
}

.tv_show_news_main_block>h2 {
    display: block;
    padding: 8px 0 8px 12px;
    border-left: 3px solid #e01b3c
}

.tv_show_news_main_block>h2 .red {
    color: #e01b3c
}

.tv_show_news_main_block .links {
    display: block;
    width: 100%;
    padding: 20px 0
}

.tv_show_news_main_block .links .link_view {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 15px
}

.tv_show_news_main_block .links .link_view:hover {
    color: #e01b3c
}

.tv_show_news_main_block .links .link_view .img {
    width: 140px;
    min-width: 140px;
    height: 95px;
    display: inline-block;
    border-radius: 4px
}

.tv_show_news_main_block .links .link_view .txt {
    display: block;
    width: auto;
    padding-left: 10px;
    font-size: 14px;
    max-height: 95px;
    overflow: hidden
}

.fighting_tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-bottom: 2px solid #e01b3c
}

.fighting_tabs a {
    display: block;
    width: 8.5%;
    text-align: center;
    padding: 15px 0;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    background-image: -webkit-linear-gradient(#fafafa,#ececec);
    background-image: linear-gradient(#fafafa,#ececec);
    font-size: 12px
}

.fighting_tabs a:hover {
    background: #e01b3c;
    color: #fff
}

.fighting_tabs .active {
    background: #e01b3c;
    color: #fff
}

.detail_video_page_top_swiper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    padding: 15px 0
}

.detail_video_page_top_swiper .change_btn {
    width: 50px;
    display: inline-block;
    height: 142px;
    background: #f1f1f1;
    text-align: center;
    line-height: 142px;
    cursor: pointer
}

.detail_video_page_top_swiper .change_btn i {
    font-size: 20px
}

.detail_video_page_top_swiper .prev {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.detail_video_page_top_swiper .next {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.detail_video_page_top_swiper .video_page_detail-swiper {
    width: 95%
}

.detail_video_page_top_swiper .video_page_detail-swiper .swiper-slide {
    width: auto
}

.detail_video_page_top_swiper .video_page_detail-swiper .swiper-item_block {
    display: inline-block;
    background: #fff;
    width: 100%;
    border-radius: 6px;
    border: 1px solid #f1f1f1;
    height: 142px
}

.detail_video_page_top_swiper .video_page_detail-swiper .swiper-item_block .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #eee
}

.detail_video_page_top_swiper .video_page_detail-swiper .swiper-item_block .title h4 {
    font-weight: 600;
    display: inline-block;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.detail_video_page_top_swiper .video_page_detail-swiper .swiper-item_block .title a {
    color: #e01b3c;
    display: inline-block;
    font-size: 12px
}

.detail_video_page_top_swiper .video_page_detail-swiper .swiper-item_block .item_style_one {
    padding: 10px 10px
}

.detail_video_page_top_swiper .video_page_detail-swiper .swiper-item_block .item_style_one .left,.detail_video_page_top_swiper .video_page_detail-swiper .swiper-item_block .item_style_one .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    padding: 2px 0
}

.detail_video_page_top_swiper .video_page_detail-swiper .swiper-item_block .item_style_one .left img,.detail_video_page_top_swiper .video_page_detail-swiper .swiper-item_block .item_style_one .right img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-right: 5px
}

.detail_video_page_top_swiper .video_page_detail-swiper .swiper-item_block .item_style_two {
    padding: 15px 10px
}

.detail_video_page_top_swiper .video_page_detail-swiper .swiper-item_block .item_style_two .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%
}

.detail_video_page_top_swiper .video_page_detail-swiper .swiper-item_block .item_style_two .left img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-right: 5px
}

.detail_video_page_top_swiper .video_page_detail-swiper .swiper-item_block .item_style_two .left .info {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    height: 65px;
    overflow: hidden
}

.detail_program_info_main {
    margin: 15px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 30px 0;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    width: 100%;
    background: #e01b3c;
    color: #fff
}

.detail_program_info_main>img {
    width: 160px
}

.detail_program_info_main .info {
    width: 80%;
    padding-left: 15px
}

.detail_program_info_main .info .txt {
    margin-top: 8px;
    text-indent: 22px;
    line-height: 22px
}

.detail_video_page__main {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.detail_video_page__main .page_left {
    width: 70%;
    padding-right: 15px
}

.detail_video_page__main .page_right {
    width: 30%;
    padding-left: 15px
}

.video_iframe_view {
    width: 100%;
    padding: 15px 0
}

.video_iframe_view .vod_ifram {
    width: 100%;
    height: 500px
}

.video_iframe_view .video_iframe_info {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 15px 10px;
    border: 1px solid #eee
}

.video_iframe_view .video_iframe_info .left {
    width: 75%
}

.video_iframe_view .video_iframe_info .left h2 {
    font-size: 18px
}

.video_iframe_view .video_iframe_info .left .views {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    padding: 15px 0 8px 0;
    font-size: 12px;
    color: #999
}

.video_iframe_view .video_iframe_info .left .views i {
    margin-right: 5px;
    display: inline-block
}

.video_iframe_view .video_iframe_info .left p {
    padding: 8px;
    font-size: 12px;
    color: #999
}

.video_iframe_view .video_iframe_info .right {
    width: 25%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative
}

.video_iframe_view .video_iframe_info .right:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 15px;
    width: 1px;
    height: 80%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #eee;
    z-index: 10
}

.video_iframe_view .video_iframe_info .right>img {
    width: 50px;
    border-radius: 50%
}

.video_iframe_view .video_iframe_info .right .name {
    display: block;
    width: 80%;
    padding: 5px 0;
    text-align: center
}

.video_iframe_view .video_iframe_info .right .link {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 5px 0
}

.video_iframe_view .video_iframe_info .right .link img {
    width: 10px;
    margin-right: 5px
}

.video_iframe_view .video_iframe_info .right .order {
    background: orange;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 2px 8px;
    border-radius: 30px;
    cursor: pointer;
    margin-top: 2px
}

.video_iframe_view .video_iframe_info .right .order img {
    width: 15px;
    margin-right: 5px
}

.video_iframe_view .video_iframe_info .right .order em {
    color: #fff;
    font-size: 14px
}

.actions_icon_bar_block {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 10px 0
}

.actions_icon_bar_block .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    cursor: pointer
}

.actions_icon_bar_block .item:hover {
    color: #e01b3c
}

.actions_icon_bar_block .item i {
    font-size: 20px;
    margin-right: 5px;
    display: inline-block
}

.actions_icon_bar_block .item em {
    font-size: 14px
}

.video_about_recommend_view {
    display: block;
    width: 100%;
    margin: 15px 0
}

.video_about_recommend_view>h2 {
    display: block;
    font-size: 20px;
    padding: 10px 0
}

.video_about_recommend_view .video_about_recommend_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.video_about_recommend_view .video_about_recommend_list .item_wrap {
    width: 50%;
    padding: 10px
}

.video_about_recommend_view .video_about_recommend_list .item_wrap:nth-child(odd) {
    padding-left: 0
}

.video_about_recommend_view .video_about_recommend_list .item_wrap .item {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.video_about_recommend_view .video_about_recommend_list .item_wrap .item .img {
    width: 30%;
    display: block;
    height: 90px;
    position: relative
}

.video_about_recommend_view .video_about_recommend_list .item_wrap .item .img em {
    background: #00000050;
    color: #fff;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 2px 5px
}

.video_about_recommend_view .video_about_recommend_list .item_wrap .item .info {
    width: 70%;
    padding-left: 15px
}

.video_about_recommend_view .video_about_recommend_list .item_wrap .item .info .link {
    width: 100%;
    display: block;
    height: 65px;
    overflow: hidden
}

.video_about_recommend_view .video_about_recommend_list .item_wrap .item .info .act {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 5px 15px
}

.video_about_recommend_view .video_about_recommend_list .item_wrap .item .info .act .views {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 14px;
    color: #999
}

.video_about_recommend_view .video_about_recommend_list .item_wrap .item .info .act .views i {
    display: inline-block;
    margin-right: 5px
}

.detail_program_discuss-main {
    display: block;
    width: 100%;
    margin: 15px 0
}

.detail_program_discuss-main .discuss-main_list {
    display: block;
    width: 100%
}

.detail_program_discuss-main .discuss-main_list li {
    border-bottom: 1px solid #f1f1f1;
    padding: 8px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.detail_program_discuss-main .discuss-main_list li .avatar {
    width: 50px
}

.detail_program_discuss-main .discuss-main_list li .avatar img {
    width: 50px;
    height: 50px;
    display: block
}

.detail_program_discuss-main .discuss-main_list li .avatar p {
    display: block;
    width: 100%;
    margin: 0;
    background: #f1f1f1;
    padding: 5px 0;
    font-size: 12px;
    text-align: center
}

.detail_program_discuss-main .discuss-main_list li .b_info {
    width: 90%
}

.detail_program_discuss-main .discuss-main_list li .b_info .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.detail_program_discuss-main .discuss-main_list li .b_info .top .link {
    font-weight: 600
}

.detail_program_discuss-main .discuss-main_list li .b_info .top .time {
    font-size: 14px;
    color: #999
}

.detail_program_discuss-main .discuss-main_list li .b_info .txt {
    line-height: 22px;
    display: block;
    width: 100%;
    padding: 10px 0
}

.discuss_word_bar-block {
    padding: 15px 0
}

.discuss_word_bar-block>h3 {
    display: block;
    width: 100%;
    border-bottom: 1px solid #e01b3c;
    padding: 10px 0;
    font-weight: 600
}

.discuss_word_bar-block>textarea {
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 10px;
    line-height: 22px;
    background: 0 0;
    display: block;
    width: 100%;
    margin: 10px 0
}

.discuss_word_bar-block>button {
    display: inline-block;
    padding: 8px 40px;
    color: #fff;
    background: #e01b3c;
    border-radius: 2px;
    border: none;
    cursor: pointer
}

.page-crumbs_container {
    padding: 15px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.page-crumbs_container a {
    display: inline-block;
    margin: 0 8px;
    font-size: 14px
}

.page-crumbs_container a:first-child {
    margin-left: 0;
    color: #000
}

.page_activity_detail_main {
    display: block;
    width: 100%;
    padding: 20px 0
}

.page_activity_detail_main>h1 {
    margin-bottom: 15px;
    display: block;
    text-align: center
}

.page_activity_detail_main .ban {
    width: 80%;
    margin: 0 auto 15px auto;
    display: block
}

.page_activity_detail_main .v_order {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.page_activity_detail_main .v_order a {
    display: inline-block;
    padding: 10px 50px;
    border-radius: 30px;
    background: #e01b3c;
    color: #fff;
    margin-bottom: 8px
}

.page_activity_detail_main .v_order p {
    font-size: 12px;
    color: #999
}

.page_activity_detail_main .icon_title {
    display: block;
    width: 100%;
    margin-top: 15px
}

.page_activity_detail_main .icon_title>img {
    width: 25px;
    margin-right: 8px;
    display: inline-block
}

.page_activity_detail_main .icon_title>h2 {
    display: inline;
    font-size: 18px;
    font-weight: 600
}

.page_activity_detail_main .icon_title .t_p {
    margin-top: 15px;
    display: block;
    width: 100%
}

.desc_txt img {
    max-width: 80%;
}

.page_activity_detail_main .icon_title .desc_txt {
    display: block;
    width: 100%;
    margin-top: 15px
}

.page_activity_detail_main .icon_title .live_user_listq,.page_activity_detail_main .icon_title .simple_live_show_list-block {
    margin-top: 15px
}

.simple_live_show_list-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.simple_live_show_list-block .item_wrap {
    width: 25%;
    padding: 10px
}

.simple_live_show_list-block .item_wrap .item {
    display: block;
    width: 100%
}

.simple_live_show_list-block .item_wrap .item .img {
    width: 100%;
    display: block;
    height: 100px;
    border-radius: 6px
}

.simple_live_show_list-block .item_wrap .item .tit {
    width: 100%;
    padding: 8px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block
}

.simple_live_show_list-block .item_wrap .item .tit:hover {
    color: #e01b3c
}

.simple_live_show_list-block .item_wrap .item .acts {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.simple_live_show_list-block .item_wrap .item .acts .left {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 14px;
    color: #999;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.simple_live_show_list-block .item_wrap .item .acts .left:hover em {
    color: #e01b3c
}

.simple_live_show_list-block .item_wrap .item .acts .left img {
    width: 20px;
    display: inline-block;
    margin-right: 5px;
    border-radius: 50%
}

.simple_live_show_list-block .item_wrap .item .acts .right {
    width: 50%;
    text-align: right;
    font-size: 12px;
    color: #999
}

.simple_live_show_list-block .item_wrap .item .acts .right i {
    margin-right: 5px;
    display: inline-block
}

.live_user_listq {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.live_user_listq .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 15px 0;
    cursor: pointer;
    width: 16%
}

.live_user_listq .item:hover h3 {
    color: #e01b3c
}

.live_user_listq .item img {
    width: 60px;
    height: 60px;
    display: block;
    border-radius: 50%
}

.live_user_listq .item h3 {
    display: block;
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 8px 0
}

.live_user_listq .item p {
    font-size: 12px;
    color: #999
}

.program_time_switch_main {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 10px 0
}

.program_time_switch_main .change_bnt {
    width: 80px;
    display: block;
    text-align: center;
    cursor: pointer
}

.program_time_switch_main .change_bnt:hover i {
    color: #8d020d
}

.program_time_switch_main .change_bnt i {
    color: #e01b3c;
    font-size: 20px
}

.program_time_switch_main .program_time_switch_swiper {
    width: 90%;
    padding: 15px 0
}

.program_time_switch_main .program_time_switch_swiper .swiper-slide {
    width: auto
}

.program_time_switch_main .program_time_switch_swiper .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.program_time_switch_main .program_time_switch_swiper .item:hover h3 {
    background: #e01b3c;
    color: #fff
}

.program_time_switch_main .program_time_switch_swiper .item h3 {
    padding: 4px 15px;
    font-size: 16px
}

.program_time_switch_main .program_time_switch_swiper .item p {
    display: none;
    font-size: 12px
}

.program_time_switch_main .program_time_switch_swiper .active h3 {
    background: #e01b3c;
    color: #fff;
    margin-bottom: 5px
}

.program_time_switch_main .program_time_switch_swiper .active p {
    display: block;
    color: #e01b3c
}

.detail_program_time_main {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.detail_program_time_main .list_left {
    width: 30%;
    padding-right: 15px
}

.detail_program_time_main .list_left a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #f1f1f1;
    padding-left: 30px
}

.detail_program_time_main .list_left a:hover {
    color: #e01b3c;
    background: #e74c5b10
}

.detail_program_time_main .list_left a em {
    font-size: 16px
}

.detail_program_time_main .list_left .active {
    background: #e01b3c;
    color: #fff
}

.detail_program_time_main .list_left .active:hover {
    background: #e01b3c;
    color: #fff
}

.detail_program_time_main .list_left .img_icon img {
    width: 50px;
    height: 50px;
    display: inline-block;
    margin-right: 8px
}

.detail_program_time_main .list_left .img_icon em {
    font-size: 14px
}

.detail_program_time_main .ctx_right {
    width: 70%;
    padding-left: 15px
}

.detail_program_time_main .ctx_right .top_name {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid #bbb
}

.detail_program_time_main .ctx_right .top_name h2 {
    font-weight: 600
}

.detail_program_time_main .ctx_right .top_name .link {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.detail_program_time_main .ctx_right .top_name .link img {
    width: 25px;
    display: inline-block;
    margin-right: 5px
}

.detail_program_time_main .ctx_right .top_name .link h3 {
    font-weight: 600;
    font-size: 16px
}

.detail_program_time_main .ctx_right .program_time_tabs_over {
    padding: 15px 0;
    border-top: 1px solid #f1f1f1
}

.detail_program_time_main .ctx_right .program_time_tabs_over .item_ctx {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.detail_program_time_main .ctx_right .program_time_tabs_over .item_ctx span {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    background: #eee
}

.detail_program_time_main .ctx_right .program_time_tabs_over .item_ctx .item {
    width: 12.5%;
    height: 74px;
    border-right: 1px solid #fff
}

.detail_program_time_main .ctx_right .program_time_tabs_over .item_ctx .item:last-child {
    border-right: none
}

.detail_program_time_main .ctx_right .program_time_tabs_over .item_ctx .item em,.detail_program_time_main .ctx_right .program_time_tabs_over .item_ctx .item i {
    display: block;
    margin: 2px 0;
    font-size: 14px
}

.detail_program_time_main .ctx_right .program_time_tabs_over .item_ctx .first {
    color: #e01b3c;
    font-weight: 600;
    font-size: 20px
}

.detail_program_time_main .ctx_right .program_time_tabs_over .item_ctx .sec {
    color: #e01b3c;
    font-weight: 700
}

.detail_program_time_main .ctx_right .program_time_tabs_over .otx_info {
    padding: 10px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.detail_program_time_main .ctx_right .program_time_tabs_over .otx_info .red {
    color: #e01b3c;
    padding-right: 6px
}

.detail_program_time_main .ctx_right .program_time_tabs_over .otx_info .span {
    font-size: 14px
}

.fix_spical_top_name {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid #bbb
}

.fix_spical_top_name h2 {
    font-weight: 600
}

.fix_spical_top_name .link {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.fix_spical_top_name .link img {
    width: 25px;
    display: inline-block;
    margin-right: 5px
}

.fix_spical_top_name .link h3 {
    font-weight: 600;
    font-size: 16px
}

.program_time_tabs_main .layui-tab-title .layui-this:after {
    border-color: #e01b3c;
    border-bottom-color: #fff;
    height: 40px
}

.program_time_tabs_main .program_time_tabs_item_ul {
    display: block;
    width: 100%
}

.program_time_tabs_main .program_time_tabs_item_ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    padding: 20px 0;
    position: relative
}

.program_time_tabs_main .program_time_tabs_item_ul li:nth-child(even) {
    background: #f1f1f1
}

.program_time_tabs_main .program_time_tabs_item_ul li .time {
    width: 100px;
    text-align: center;
    display: inline-block
}

.program_time_tabs_main .program_time_tabs_item_ul li .name {
    width: 70%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.program_time_tabs_main .program_time_tabs_item_ul li .over {
    width: 100px;
    text-align: center;
    display: inline-block
}

.more_rec_links_block {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin: 20px 0;
    border-bottom: 1px solid #f1f1f1;
    padding: 15px 0
}

.more_rec_links_block span {
    display: inline-block;
    margin-right: 10px;
    width: 100px;
    white-space: nowrap
}

.more_rec_links_block .links {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.more_rec_links_block .links a {
    display: inline-block;
    margin: 0 5px 5px 0
}

.program_discussion_area_main {
    display: block;
    width: 100%
}

.program_discussion_area_main .discussion_item {
    padding: 15px 0;
    border-bottom: 1px solid #f1f1f1
}

.program_discussion_area_main .discussion_item .user_info {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.program_discussion_area_main .discussion_item .user_info .link {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.program_discussion_area_main .discussion_item .user_info .link img {
    width: 30px;
    margin-right: 8px;
    border-radius: 50%
}

.program_discussion_area_main .discussion_item .user_info .link em {
    font-size: 14px
}

.program_discussion_area_main .discussion_item .user_info .time {
    font-size: 12px;
    color: #999;
    margin-left: 10px;
    display: inline-block
}

.program_discussion_area_main .discussion_item .base_title {
    display: block;
    width: 100%;
    padding: 10px 0
}

.program_discussion_area_main .discussion_item .base_title .title {
    display: block;
    width: 100%;
    padding: 8px 0
}

.program_discussion_area_main .discussion_item .base_title .title .tag {
    display: inline;
    padding: 3px;
    background: #e01b3c;
    color: #fff;
    font-size: 12px;
    margin-right: 10px
}

.program_discussion_area_main .discussion_item .base_title .title .link {
    display: inline;
    color: #01aaed;
    font-size: 16px;
    font-weight: 600
}

.program_discussion_area_main .discussion_item .base_title .txt {
    display: block;
    width: 100%;
    padding: 5px 0
}

.program_discussion_area_main .discussion_item .base_title .txt_img {
    padding: 10px 0;
    display: block;
    width: 100%
}

.program_discussion_area_main .discussion_item .base_title .txt_img img {
    width: 300px;
    display: inline-block;
    margin: 0 5px 5px 0
}

.program_discussion_area_main .discussion_item .act_bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.program_discussion_area_main .discussion_item .act_bar .item {
    background: #eee;
    padding: 5px 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-right: 10px
}

.program_discussion_area_main .discussion_item .act_bar .item i {
    font-size: 20px;
    margin-right: 5px
}

.program_discussion_area_main .discussion_item .act_bar .item em {
    font-size: 14px
}

.detail_program_recommend_new_man {
    display: block;
    width: 100%;
    margin: 20px 0
}

.detail_program_recommend_new_man>.title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 10px 0
}

.detail_program_recommend_new_man>.title h2 {
    display: inline-block;
    color: #e01b3c;
    font-weight: 600
}

.detail_program_recommend_new_man>.title a {
    font-size: 14px
}

.detail_program_recommend_new_man .news_list {
    display: block;
    width: 100%;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    padding: 10px
}

.detail_program_recommend_new_man .news_list .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #f1f1f1
}

.detail_program_recommend_new_man .news_list .row:last-child {
    border-bottom: none
}

.detail_program_recommend_new_man .news_list .row>.link {
    display: inline-block;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.detail_program_recommend_new_man .news_list .row .act_bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.detail_program_recommend_new_man .news_list .row .act_bar .link {
    display: inline-block;
    margin-left: 8px;
    font-size: 14px;
    cursor: pointer
}

.detail_program_recommend_news_table .tag {
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 12px;
    color: #fff;
    background: #e01b3c;
    text-align: center;
    line-height: 20px;
    border-radius: 2px
}

.detail_program_recommend_news_table .link {
    color: #01aaed
}

.live_browsing_list_container {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.live_browsing_list_container .live_browsing_list_left {
    position: relative;
    width: 15%;
    padding-right: 15px
}

.live_browsing_list_container .live_browsing_list_right {
    width: 85%;
    padding-left: 15px
}

.live_browsing_list_selector {
    background: #2d2e36;
    padding: 10px;
    width: 100%
}

.live_browsing_list_selector .selector_block {
    border-bottom: 1px solid #00000050
}

.live_browsing_list_selector .selector_block>.title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 10px 0
}

.live_browsing_list_selector .selector_block>.title h4 {
    display: inline-block;
    padding-left: 10px;
    border-left: 3px solid #e01b3c;
    color: #a8a8a8
}

.live_browsing_list_selector .selector_block>.title .all_bnt {
    cursor: pointer;
    color: #999;
    font-size: 12px
}

.live_browsing_list_selector .selector_block>.title .all_bnt:hover {
    color: #e01b3c
}

.live_browsing_list_selector .selector_block .always_show,.live_browsing_list_selector .selector_block .toggle_show {
    padding: 10px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.live_browsing_list_selector .selector_block .always_show a,.live_browsing_list_selector .selector_block .toggle_show a {
    display: inline-block;
    width: 33.333%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: 12px;
    padding: 0 5px;
    color: #999;
    margin-bottom: 8px
}

.live_browsing_list_selector .selector_block .always_show a:hover,.live_browsing_list_selector .selector_block .toggle_show a:hover {
    color: #e01b3c
}

.live_browsing_list_selector .selector_block .always_show .active,.live_browsing_list_selector .selector_block .toggle_show .active {
    color: #e01b3c
}

.live_browsing_list_selector .selector_block .toggle_show {
    display: none
}

.live_browsing_list_selector .selector_block .bar_active {
    display: block!important
}

.live_browsing_list_right .top_fast_navbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.live_browsing_list_right .top_fast_navbar .top_tit {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px 0
}

.live_browsing_list_right .top_fast_navbar .top_tit h2 {
    font-weight: 600
}

.live_browsing_list_right .top_fast_navbar .top_tit .ext {
    padding: 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.live_browsing_list_right .top_fast_navbar .top_tit .ext a {
    border: 1px solid #f1f1f1;
    border-radius: 30px;
    padding: 4px 10px;
    font-size: 12px;
    margin-right: 10px
}

.live_browsing_list_right .top_fast_navbar .top_tit .ext .active {
    color: #e01b3c
}

.live_browsing_list_right .top_fast_navbar .bar_left {
    width: 80%;
    padding-right: 15px
}

.live_browsing_list_right .top_fast_navbar .bar_left .game_play-fix-swiper .swiper-slide {
    width: auto
}

.live_browsing_list_right .top_fast_navbar .bar_left .game_play-fix-swiper .swiper-item_block {
    display: inline-block;
    background: #fff;
    padding: 10px 0;
    width: 100%
}

.live_browsing_list_right .top_fast_navbar .bar_left .game_play-fix-swiper .swiper-item_block .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #eee
}

.live_browsing_list_right .top_fast_navbar .bar_left .game_play-fix-swiper .swiper-item_block .title h4 {
    font-weight: 600;
    display: inline-block;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.live_browsing_list_right .top_fast_navbar .bar_left .game_play-fix-swiper .swiper-item_block .title a {
    color: #e01b3c;
    display: inline-block;
    font-size: 12px
}

.live_browsing_list_right .top_fast_navbar .bar_left .game_play-fix-swiper .swiper-item_block .item_style_one {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    padding: 10px 0
}

.live_browsing_list_right .top_fast_navbar .bar_left .game_play-fix-swiper .swiper-item_block .item_style_one .mid {
    display: block;
    text-align: center
}

.live_browsing_list_right .top_fast_navbar .bar_left .game_play-fix-swiper .swiper-item_block .item_style_one .mid .time {
    font-size: 12px;
    font-weight: 600
}

.live_browsing_list_right .top_fast_navbar .bar_left .game_play-fix-swiper .swiper-item_block .item_style_one .mid>p {
    font-size: 12px;
    color: #999;
    display: block;
    padding: 8px 0
}

.live_browsing_list_right .top_fast_navbar .bar_left .game_play-fix-swiper .swiper-item_block .item_style_one .mid .item_order {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background: #e01b3c;
    padding: 2px 8px;
    border-radius: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.live_browsing_list_right .top_fast_navbar .bar_left .game_play-fix-swiper .swiper-item_block .item_style_one .mid .item_order i {
    font-size: 12px;
    color: #fff;
    display: inline-block;
    margin-right: 5px
}

.live_browsing_list_right .top_fast_navbar .bar_left .game_play-fix-swiper .swiper-item_block .item_style_one .mid .item_order em {
    color: #fff;
    font-size: 12px
}

.live_browsing_list_right .top_fast_navbar .bar_left .game_play-fix-swiper .swiper-item_block .item_style_one>a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.live_browsing_list_right .top_fast_navbar .bar_left .game_play-fix-swiper .swiper-item_block .item_style_one>a img {
    width: 60px;
    max-height: 60px
}

.live_browsing_list_right .top_fast_navbar .bar_left .game_play-fix-swiper .swiper-item_block .item_style_one>a p {
    font-size: 14px;
    color: #999
}

.live_browsing_list_right .top_fast_navbar .bar_left .game_play-fix-swiper .swiper-item_block .item_style_two {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    padding: 10px 0
}

.live_browsing_list_right .top_fast_navbar .bar_left .game_play-fix-swiper .swiper-item_block .item_style_two .left img {
    width: 60px;
    max-height: 60px
}

.live_browsing_list_right .top_fast_navbar .bar_left .game_play-fix-swiper .swiper-item_block .item_style_two .mid .time {
    font-size: 12px;
    font-weight: 600
}

.live_browsing_list_right .top_fast_navbar .bar_left .game_play-fix-swiper .swiper-item_block .item_style_two .mid>p {
    font-size: 12px;
    color: #999;
    display: block;
    padding: 8px 0
}

.live_browsing_list_right .top_fast_navbar .bar_left .game_play-fix-swiper .swiper-item_block .item_style_two .right .item_order {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background: #e01b3c;
    padding: 2px 8px;
    border-radius: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.live_browsing_list_right .top_fast_navbar .bar_left .game_play-fix-swiper .swiper-item_block .item_style_two .right .item_order i {
    font-size: 12px;
    color: #fff;
    display: inline-block;
    margin-right: 5px
}

.live_browsing_list_right .top_fast_navbar .bar_left .game_play-fix-swiper .swiper-item_block .item_style_two .right .item_order em {
    color: #fff;
    font-size: 12px
}

.live_browsing_list_right .top_fast_navbar .bar_right {
    width: 20%;
    padding-left: 15px
}

.live_browsing_list_right .top_fast_navbar .bar_right .recommend_links {
    padding: 15px 0
}

.live_browsing_list_right .top_fast_navbar .bar_right .recommend_links .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.live_browsing_list_right .top_fast_navbar .bar_right .recommend_links .top a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 33.3333%;
    min-width: 70px
}

.live_browsing_list_right .top_fast_navbar .bar_right .recommend_links .top a .icon {
    width: 70px;
    height: 70px;
    display: inline-block;
    position: relative
}

.live_browsing_list_right .top_fast_navbar .bar_right .recommend_links .top a .icon img {
    width: 70px;
    height: 70px;
    border-radius: 50%
}

.live_browsing_list_right .top_fast_navbar .bar_right .recommend_links .top a .icon .living_gif {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 100;
    background: #e01b3c url(../images/icon_living_eb974.png);
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 50%;
    -webkit-animation: isliving .6s steps(6) infinite;
    animation: isliving .6s steps(6) infinite
}

.live_browsing_list_right .top_fast_navbar .bar_right .recommend_links .top a p {
    margin: 8px 0;
    font-size: 12px;
    display: block;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.live_browsing_list_right .top_fast_navbar .bar_right .recommend_links .other {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.live_browsing_list_right .top_fast_navbar .bar_right .recommend_links .other a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 30px;
    border: 1px solid #f1f1f1;
    padding: 4px 10px;
    margin: 0 5px 5px 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.live_browsing_list_right .top_fast_navbar .bar_right .recommend_links .other a img {
    width: 20px;
    display: inline-block
}

.live_browsing_list_right .top_fast_navbar .bar_right .recommend_links .other a em {
    font-size: 14px;
    display: inline-block;
    width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.live_browsing_list_right .live_browsing_list_mian {
    display: block;
    width: 100%
}

.live_browsing_list_right .live_browsing_list_mian .filter_title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px 10px;
    background: #a9bacd20
}

.live_browsing_list_right .live_browsing_list_mian .filter_title h2 {
    font-weight: 600;
    margin-right: 15px
}

.live_browsing_list_right .live_browsing_list_mian .live_list_rec {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 10px
}

.live_browsing_list_right .live_browsing_list_mian .live_list_rec a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 4px 12px;
    border-radius: 30px;
    background: 0 0;
    border: 1px solid #f1f1f1;
    margin-right: 10px
}

.live_browsing_list_right .live_browsing_list_mian .live_list_rec a:hover {
    background: #e01b3c;
    border-color: #e01b3c
}

.live_browsing_list_right .live_browsing_list_mian .live_list_rec a:hover em {
    color: #fff
}

.live_browsing_list_right .live_browsing_list_mian .live_list_rec a img {
    width: 20px;
    margin-right: 5px
}

.live_browsing_list_right .live_browsing_list_mian .live_list_rec .active {
    background: #e01b3c;
    border-color: #e01b3c
}

.live_browsing_list_right .live_browsing_list_mian .live_list_rec .active em {
    color: #fff
}

.live_browsing_list_right .live_browsing_list_mian .live_score_list_container .item_wrap {
    width: 16.66666%
}

@-webkit-keyframes isliving {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -108px 0
    }
}

@keyframes isliving {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -108px 0
    }
}

.more_container_block {
    display: block;
    width: 150px;
    margin: 30px auto;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.more_container_block:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.more_container_block a {
    display: block;
    text-align: center;
    padding: 10px 0;
    border-radius: 30px;
    background: #e01b3c;
    color: #fff;
    cursor: pointer
}

.group_diss_main {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.group_diss_main .item_wrap {
    width: 16.66666%;
    padding: 10px;
    display: block
}

.group_diss_main .item_wrap .item {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.group_diss_main .item_wrap .item .left {
    width: 100px;
    height: 100px;
    min-width: 100px;
    display: inline-block;
    border-radius: 6px
}

.group_diss_main .item_wrap .item .right {
    display: block;
    padding-left: 15px;
    width: 65%
}

.group_diss_main .item_wrap .item .right .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    cursor: pointer
}

.group_diss_main .item_wrap .item .right .top:hover h3 {
    color: #e01b3c
}

.group_diss_main .item_wrap .item .right .top h3 {
    display: block;
    width: 70%;
    max-width: 70%;
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.group_diss_main .item_wrap .item .right .top .tag {
    display: inline-block;
    padding: 2px 6px;
    font-size: 12px;
    background: #e01b3c;
    color: #fff;
    border-radius: 30px
}

.group_diss_main .item_wrap .item .right .tags {
    padding: 8px 0
}

.group_diss_main .item_wrap .item .right .tags .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    padding: 2px 0
}

.group_diss_main .item_wrap .item .right .tags .item img {
    width: 15px;
    margin-right: 5px
}

.group_diss_main .item_wrap .item .right .tags .item em {
    display: inline-block;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px
}

.group_diss_main .item_wrap .item .right .desc {
    font-size: 12px;
    display: block;
    width: 100%;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width:1900px) {
    .live_score_list_container .item_wrap {
        width: 20%!important
    }

    .group_diss_main .item_wrap {
        width: 20%!important
    }
}

@media screen and (max-width:1500px) {
    .live_score_list_container .item_wrap {
        width: 25%!important
    }

    .group_diss_main .item_wrap {
        width: 25%!important
    }

    .live_browsing_list_right .top_fast_navbar .bar_right .recommend_links .top a .icon {
        width: 50px;
        height: 50px
    }

    .live_browsing_list_right .top_fast_navbar .bar_right .recommend_links .top a .icon img {
        width: 50px;
        height: 50px
    }

    .live_browsing_list_right .top_fast_navbar .bar_right .recommend_links .other a em {
        font-size: 12px
    }

    .live_browsing_list_right .top_fast_navbar .bar_right .recommend_links .other a img {
        width: 15px;
        margin-left: 5px
    }
}

@media screen and (max-width:1240px) {
    .live_score_list_container .item_wrap {
        width: 33.3333%!important
    }

    .group_diss_main .item_wrap {
        width: 33.3333%!important
    }
}

@media screen and (max-width:1024px) {
    .live_score_list_container .item_wrap {
        width: 50%!important
    }

    .group_diss_main .item_wrap {
        width: 50%!important
    }
}

.user_banner_view {
    padding: 200px 0 50px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.user_banner_view .link {
    padding-right: 15px
}

.user_banner_view .link img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    border: 2px solid #fff
}

.user_banner_view .info {
    width: 80%;
    display: block
}

.user_banner_view .info .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.user_banner_view .info .top h2 {
    color: #fff;
    display: inline-block;
    padding: 0 15px 0 0
}

.user_banner_view .info .top .order {
    background: orange;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 2px 8px;
    border-radius: 30px;
    cursor: pointer;
    margin-top: 2px
}

.user_banner_view .info .top .order img {
    width: 15px;
    margin-right: 5px
}

.user_banner_view .info .top .order em {
    color: #fff;
    font-size: 14px
}

.user_banner_view .info .fast_link {
    padding: 10px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%
}

.user_banner_view .info .fast_link .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background: rgba(255,255,255,.4);
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: 15px;
    padding: 4px 10px
}

.user_banner_view .info .fast_link .item img {
    width: 16px;
    margin-right: 5px;
    display: inline-block
}

.user_banner_view .info .fast_link .item em {
    color: #fff;
    font-size: 14px
}

.user_banner_view .info .desc {
    font-size: 14px;
    padding: 5px 0;
    color: #fff
}

.user_banner_view .info .other_act {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 15px
}

.user_banner_view .info .other_act span {
    margin-right: 10px;
    display: inline-block;
    color: #fff;
    font-size: 14px
}

.user_center_base_container {
    display: block
}

.user_center_base_container .center_bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-bottom: 1px solid #f1f1f1
}

.user_center_base_container .center_bar a {
    display: inline-block;
    padding: 20px 0;
    width: 20%;
    text-align: center;
    border-bottom: 2px solid transparent
}

.user_center_base_container .center_bar a:hover {
    color: #e01b3c;
    border-bottom-color: #e01b3c
}

.user_center_base_container .center_bar .active {
    color: #e01b3c;
    border-bottom-color: #e01b3c
}

.user_center_base_main {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 15px 0
}

.user_center_base_main .center_left {
    width: 70%;
    padding-right: 15px
}

.user_center_base_main .center_right {
    width: 30%;
    padding-left: 15px
}

.recommend_guss_your_forte {
    display: block;
    width: 100%
}

.recommend_guss_your_forte .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 5px 0 15px 0
}

.recommend_guss_your_forte .title img {
    width: 30px;
    margin-right: 8px
}

.recommend_guss_your_forte .title h2 {
    font-weight: 600
}

.recommend_guss_your_forte .list {
    padding: 15px 0
}

.recommend_guss_your_forte .list .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 5px 0
}

.recommend_guss_your_forte .list .item .img {
    width: 35%;
    height: 90px;
    display: block
}

.recommend_guss_your_forte .list .item .info {
    display: block;
    width: 65%;
    padding-left: 10px;
    font-size: 14px
}

.recommend_guss_your_forte .list .item .info h3 {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600
}

.recommend_guss_your_forte .list .item .info p {
    font-size: 12px;
    padding: 5px 0;
    display: block;
    height: 53px;
    overflow: hidden
}

.recommend_guss_your_forte .list .item .info .bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.recommend_guss_your_forte .list .item .info .bar .view {
    font-size: 12px;
    color: #999;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 5px 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.recommend_guss_your_forte .list .item .info .bar .view img {
    width: 15px;
    margin-right: 5px
}

.recommend_guss_your_forte .list .item .info .bar .tak {
    color: orange;
    font-size: 12px
}

.user_center_base_vod_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 0
}

.user_center_base_vod_container .item_wrap {
    width: 25%;
    padding: 10px
}

.user_center_base_vod_container .item_wrap .item {
    width: 100%
}

.user_center_base_vod_container .item_wrap .item .img {
    width: 100%;
    height: 120px;
    display: block;
    position: relative;
    border-radius: 6px
}

.user_center_base_vod_container .item_wrap .item .img em {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    background: #00000050;
    color: #fff;
    font-size: 12px;
    padding: 3px 8px
}

.user_center_base_vod_container .item_wrap .item .title {
    width: 100%;
    display: block;
    font-size: 14px;
    padding: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.user_center_base_vod_container .item_wrap .item .bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.user_center_base_vod_container .item_wrap .item .bar span {
    color: #999;
    font-size: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.user_center_base_vod_container .item_wrap .item .bar span i {
    font-size: 16px;
    display: inline-block;
    margin-right: 5px
}

.user_center_base_vod_container .item_wrap .item .bar span em {
    font-size: 12px
}

.special_title_block {
    display: block;
    padding: 15px 0;
    background: #fbfbfb
}

.special_title_block h2 {
    padding-left: 20px;
    border-left: 2px solid #e01b3c
}

.anchor_living_news_discuss_container {
    display: block;
    padding: 15px 0
}

.anchor_living_news_discuss_container .news_discuss_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 25px
}

.anchor_living_news_discuss_container .news_discuss_item .left {
    width: 100px;
    min-width: 100px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.anchor_living_news_discuss_container .news_discuss_item .left .ava {
    display: inline-block;
    position: relative;
    width: 60px;
    height: 60px
}

.anchor_living_news_discuss_container .news_discuss_item .left .ava img {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.anchor_living_news_discuss_container .news_discuss_item .left .ava .living_gif {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 100;
    background: #e01b3c url(../images/icon_living_eb974.png);
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 50%;
    -webkit-animation: isliving .6s steps(6) infinite;
    animation: isliving .6s steps(6) infinite
}

.anchor_living_news_discuss_container .news_discuss_item .left .order {
    background: orange;
    color: #fff;
    margin-top: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 2px 8px;
    border-radius: 30px;
    cursor: pointer;
    width: 70px
}

.anchor_living_news_discuss_container .news_discuss_item .left .order img {
    width: 15px;
    margin-right: 5px
}

.anchor_living_news_discuss_container .news_discuss_item .left .order em {
    color: #fff;
    font-size: 14px
}

.anchor_living_news_discuss_container .news_discuss_item .right {
    width: 80%
}

.anchor_living_news_discuss_container .news_discuss_item .right>.name {
    display: block;
    width: 100%;
    color: #01aaed
}

.anchor_living_news_discuss_container .news_discuss_item .right>.time {
    font-size: 12px;
    color: #999;
    display: block;
    margin-bottom: 15px
}

.anchor_living_news_discuss_container .news_discuss_item .right>.title {
    display: block;
    width: 100%
}

.anchor_living_news_discuss_container .news_discuss_item .right .news_discuss_iframe {
    width: 400px;
    height: 250px;
    display: block;
    margin: 10px 0
}

.anchor_living_news_discuss_container .news_discuss_item .right .living_news_discuss_children {
    background: #eeeeee50;
    padding: 15px;
    border-radius: 6px;
    position: relative
}

.anchor_living_news_discuss_container .news_discuss_item .right .living_news_discuss_children:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 200px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 12px solid #eeeeee50;
    z-index: 10
}

.anchor_living_news_discuss_container .news_discuss_item .right .living_news_discuss_children .all_diss {
    padding: 8px 0;
    font-size: 14px;
    color: #1e9fff;
    display: inline-block;
    cursor: pointer
}

.anchor_living_news_discuss_container .news_discuss_item .right .living_news_discuss_children .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 15px 0 15px 0;
    border-bottom: 1px solid #dcdcdc
}

.anchor_living_news_discuss_container .news_discuss_item .right .living_news_discuss_children .row .row_left {
    width: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.anchor_living_news_discuss_container .news_discuss_item .right .living_news_discuss_children .row .row_left a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block
}

.anchor_living_news_discuss_container .news_discuss_item .right .living_news_discuss_children .row .row_right {
    width: 80%
}

.anchor_living_news_discuss_container .news_discuss_item .right .living_news_discuss_children .row .row_right .top {
    display: block;
    width: 100%
}

.anchor_living_news_discuss_container .news_discuss_item .right .living_news_discuss_children .row .row_right .top .t_name {
    font-size: 14px;
    display: inline;
    color: #1e9fff
}

.anchor_living_news_discuss_container .news_discuss_item .right .living_news_discuss_children .row .row_right .top .t_txt {
    font-size: 14px;
    color: #999;
    display: inline
}

.anchor_living_news_discuss_container .news_discuss_item .right .living_news_discuss_children .row .row_right .acti {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 10px 0;
    font-size: 12px;
    position: relative
}

.anchor_living_news_discuss_container .news_discuss_item .right .living_news_discuss_children .row .row_right .acti .rep {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 120px
}

.anchor_living_news_discuss_container .news_discuss_item .right .living_news_discuss_children .row .row_right .acti .parse {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.anchor_living_news_discuss_container .news_discuss_item .right .living_news_discuss_children .row .row_right .acti .parse i {
    margin-right: 5px;
    margin-top: 2px
}

.category_ranking_center_container {
    display: block;
    width: 100%;
    padding: 15px 0
}

.category_ranking_center_container .act_all_txt {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding: 10px 0;
    font-size: 14px
}

.category_ranking_center_container .act_all_txt .item {
    display: inline-block;
    padding: 0 10px;
    border-right: 1px solid #f1f1f1
}

.category_ranking_center_container .act_all_txt .item:last-child {
    border-right: none
}

.category_ranking_center_container .act_all_txt .active {
    color: #e01b3c
}

.category_ranking_center_container .category_ranking_center_table td,.category_ranking_center_container .category_ranking_center_table th {
    text-align: center
}

.category_ranking_center_container .category_ranking_center_table .team {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.category_ranking_center_container .category_ranking_center_table .team img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 5px
}

.category_ranking_center_group_filter {
    display: block;
    padding: 15px 0
}

.category_ranking_center_group_filter .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.category_ranking_center_group_filter .top img {
    width: 30px;
    margin-right: 5px
}

.category_ranking_center_group_filter .filter_ctx {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 8px 0;
    margin: 8px 0;
    border-top: 1px solid #f1f1f1;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.category_ranking_center_group_filter .filter_ctx .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.category_ranking_center_group_filter .filter_ctx .left a {
    display: inline-block;
    padding: 4px 8px;
    font-size: 12px;
    margin-right: 8px;
    margin-bottom: 8px;
    border: 1px solid #eee;
    border-radius: 30px
}

.category_ranking_center_group_filter .filter_ctx .left a:hover {
    background: #e01b3c;
    border-color: #e01b3c;
    color: #fff
}

.category_ranking_center_group_filter .filter_ctx .left .active {
    background: #e01b3c;
    border-color: #e01b3c;
    color: #fff
}

.category_ranking_center_group_filter .filter_ctx .right {
    text-align: right
}

.category_ranking_center_group_filter .filter_ctx .right span {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.category_ranking_center_group_filter .filter_ctx .right span img {
    width: 18px;
    margin-right: 5px
}

.category_ranking_center_group_filter .filter_ctx .right span em {
    font-size: 14px
}

.category_ranking_living_table {
    display: block
}

.category_ranking_living_table>.time {
    font-size: 16px;
    display: block;
    width: 100%;
    padding: 5px 10px;
    color: #fff;
    position: relative;
    border-bottom: 1px solid #e01b3c
}

.category_ranking_living_table>.time:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;
    background: #e74c5b;
    height: 100%;
    z-index: -1
}

.category_ranking_living_table .category_ranking_living_table_ctx {
    width: 100%
}

.category_ranking_living_table .category_ranking_living_table_ctx td,.category_ranking_living_table .category_ranking_living_table_ctx th {
    text-align: center
}

.category_ranking_living_table .category_ranking_living_table_ctx .gray {
    color: #bbb
}

.category_ranking_living_table .category_ranking_living_table_ctx .all_team {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.category_ranking_living_table .category_ranking_living_table_ctx .all_team .left,.category_ranking_living_table .category_ranking_living_table_ctx .all_team .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer
}

.category_ranking_living_table .category_ranking_living_table_ctx .all_team .left img,.category_ranking_living_table .category_ranking_living_table_ctx .all_team .right img {
    width: 30px;
    margin: 0 5px
}

.category_ranking_living_table .category_ranking_living_table_ctx .all_team .left em,.category_ranking_living_table .category_ranking_living_table_ctx .all_team .right em {
    display: inline-block;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.category_ranking_living_table .category_ranking_living_table_ctx .more_links {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.category_ranking_living_table .category_ranking_living_table_ctx .more_links a {
    font-size: 14px
}

.special_living_recommend_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px 0;
    margin-bottom: 15px
}

.special_living_recommend_container .item_wrap {
    width: 25%;
    display: block;
    padding: 10px
}

.special_living_recommend_container .item_wrap .item {
    width: 100%
}

.special_living_recommend_container .item_wrap .item .img {
    width: 100%;
    display: block;
    height: 120px;
    position: relative;
    border-radius: 6px;
    overflow: hidden
}

.special_living_recommend_container .item_wrap .item .img em {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    padding: 4px 6px;
    color: #fff;
    background: #00000050;
    font-size: 12px
}

.special_living_recommend_container .item_wrap .item .tit {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    padding: 8px 0
}

.special_living_recommend_container .item_wrap .item .act {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.special_living_recommend_container .item_wrap .item .act .user {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.special_living_recommend_container .item_wrap .item .act .user img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 5px
}

.special_living_recommend_container .item_wrap .item .act .user em {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #999;
    max-width: 80px
}

.special_living_recommend_container .item_wrap .item .act .view {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    font-size: 12px;
    color: #999
}

.special_living_recommend_container .item_wrap .item .act .view i {
    margin-right: 5px
}

.center td,.center th {
    text-align: center
}

.news_time_line_container {
    display: block;
    margin-bottom: 50px
}

.news_time_line_container .new_time_line_ul {
    position: relative;
    display: block;
    padding-top: 20px
}

.news_time_line_container .new_time_line_ul li {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 15px 0
}

.news_time_line_container .new_time_line_ul li:before {
    content: "";
    position: absolute;
    top: 30px;
    left: 20%;
    margin-left: -5px;
    z-index: 10;
    width: 8px;
    height: 8px;
    background: #e01b3c;
    border-radius: 50%
}

.news_time_line_container .new_time_line_ul li:first-child {
    padding: 0 0 30px 0
}

.news_time_line_container .new_time_line_ul li:first-child:before {
    font-family: layui-icon;
    content: "\e68d";
    color: #e01b3c;
    font-size: 24px;
    width: auto;
    height: auto;
    background: 0 0;
    margin-left: -12px;
    top: 2px
}

.news_time_line_container .new_time_line_ul li:first-child:after {
    top: 26px
}

.news_time_line_container .new_time_line_ul li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 20%;
    background: #e01b3c;
    z-index: 10;
    margin-left: -1.5px;
    width: 2px;
    height: 100%
}

.news_time_line_container .new_time_line_ul li .time_left {
    width: 20%;
    text-align: right;
    padding-right: 30px;
    padding-top: 10px;
    color: #e01b3c
}

.news_time_line_container .new_time_line_ul li .content_right {
    width: 80%;
    padding-left: 30px
}

.news_time_line_item {
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    padding: 15px;
    position: relative;
    min-height: 150px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.news_time_line_item:before {
    content: "";
    position: absolute;
    top: 10px;
    width: 15px;
    height: 15px;
    background: #fff;
    border-left: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    z-index: 10;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    left: -7.5px
}

.news_time_line_item .t_left {
    width: 50%
}

.news_time_line_item .t_left .time {
    font-size: 12px;
    color: #999;
    margin-bottom: 15px
}

.news_time_line_item .t_left a {
    margin-bottom: 15px;
    display: block
}

.news_time_line_item .t_left a h2 {
    font-size: 18px;
    font-weight: 600
}

.news_time_line_item .t_left .txt {
    line-height: 24px
}

.news_time_line_item .t_right {
    width: 50%
}

.news_time_line_item .t_right .img {
    width: 80%;
    display: block;
    margin: 0 auto;
    border-radius: 6px;
    height: 130px
}

.category_ranking_center_living_recommend_container {
    display: block;
    margin: 0 0 20px 0;
    padding: 15px 0
}

.category_ranking_center_living_recommend_container .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 20px 10px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    background: #eeeeee50;
    position: relative;
    margin: 5px 0
}

.category_ranking_center_living_recommend_container .item .hot {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 40px
}

.category_ranking_center_living_recommend_container .item .icon {
    width: 25px;
    margin-right: 8px
}

.category_ranking_center_living_recommend_container .item .time {
    display: inline-block;
    color: #fff;
    background: #e01b3c;
    border-radius: 4px;
    padding: 2px 6px
}

.category_ranking_center_living_recommend_container .item .ext_info {
    padding-left: 15px
}

.category_ranking_center_living_recommend_container .item .ext_info .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.category_ranking_center_living_recommend_container .item .ext_info .top .name {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #000;
    margin-right: 15px;
    font-size: 16px;
    font-weight: 600
}

.category_ranking_center_living_recommend_container .item .ext_info .top .name img {
    width: 20px;
    margin-right: 5px
}

.category_ranking_center_living_recommend_container .item .ext_info .top .t_name {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    max-width: 650px;
}

.category_ranking_center_living_recommend_container .item .ext_info .top .t_name .red {
    color: #e01b3c
}

.category_ranking_center_living_recommend_container .item .ext_info .top .t_name .tag {
    font-size: 12px;
    border-radius: 4px;
    padding: 2px 4px;
    color: #fff;
    background: #04aa04;
    margin-left: 5px
}

.category_ranking_center_living_recommend_container .item .ext_info .links {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 0 0 0
}

.category_ranking_center_living_recommend_container .item .ext_info .links a {
    display: inline-block;
    margin: 0 5px 5px 0;
    font-size: 14px
}

.near_future {
    display: block;
    position: relative;
    margin-bottom: 30px
}

.near_future>.item_top {
    display: block;
    border-bottom: 1px solid #e01b3c;
    padding: 10px 0;
    position: relative
}

.near_future>.item_top>h2 {
    font-size: 18px;
    font-weight: 600
}

.near_future>.item_top .extra_content {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 100;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.near_future>.item_top .extra_content>a {
    font-size: 12px
}

.near_future>.item_top .extra_content .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.near_future>.item_top .extra_content .btn em {
    display: inline-block;
    padding: 2px;
    font-size: 12px
}

.schedule_item_main {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin: 15px 0
}

.schedule_item_main .schedult_item_link {
    width: 16%;
    display: block;
    border: 1px solid #f1f1f1
}

.schedule_item_main .schedult_item_link:hover .vid_link {
    color: #fff;
    background: #e01b3c
}

.schedule_item_main .schedult_item_link .times {
    padding: 10px 5px;
    background: #e01b3c;
    color: #fff;
    font-size: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.schedule_item_main .schedult_item_link .team_row {
    padding: 10px 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.schedule_item_main .schedult_item_link .team_row img {
    width: 30px
}

.schedule_item_main .schedult_item_link .team_row i {
    padding-left: 5px
}

.schedule_item_main .schedult_item_link .team_row:nth-child(odd) {
    background: #fafafa
}

.schedule_item_main .schedult_item_link .vid_link {
    text-align: center;
    display: block;
    background: #e5e5e5;
    padding: 5px 0;
    -webkit-transition: all .2s;
    transition: all .2s
}

.category_ranking_center_home_news {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 8px 8px;
    border-radius: 4px;
    background: #eee
}

.category_ranking_center_home_news .news_left {
    width: 50%;
    background: #fff
}

.category_ranking_center_home_news .news_left .block {
    padding: 10px
}

.category_ranking_center_home_news .news_left .block a {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px 0
}

.category_ranking_center_home_news .news_left .block a h2 {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    font-size: 18px
}

.category_ranking_center_home_news .news_right {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.category_ranking_center_home_news .news_right .img {
    width: 90%;
    height: 230px;
    position: relative;
    display: block;
    border-radius: 6px;
    overflow: hidden;
    margin: 15px 0
}

.category_ranking_center_home_news .news_right .img h4 {
    display: block;
    background: #00000050;
    color: #fff;
    font-size: 12px;
    padding: 4px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%
}

.home_news_swiper_and_news_ctx {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 15px 0
}

.home_news_swiper_and_news_ctx .ctx_left {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 65%;
    padding-right: 5px;
    height: 320px
}

.home_news_swiper_and_news_ctx .ctx_left .main_banner {
    width: 70%;
    padding-right: 5px;
    position: relative
}

.home_news_swiper_and_news_ctx .ctx_left .main_banner .baner_img {
    display: block;
    width: 100%;
    height: 320px;
    border-radius: 6px
}

.home_news_swiper_and_news_ctx .ctx_left .main_banner .banner_dots {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.home_news_swiper_and_news_ctx .ctx_left .main_banner .banner_dots i {
    display: inline-block;
    margin: 0 5px;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background: #fff;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.home_news_swiper_and_news_ctx .ctx_left .main_banner .banner_dots .active {
    background: orange;
    width: 20px;
    border-radius: 30px!important
}

.home_news_swiper_and_news_ctx .ctx_left .secondary_banner {
    width: 30%;
    padding-left: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.home_news_swiper_and_news_ctx .ctx_left .secondary_banner .news_item {
    width: 100%;
    height: 105px;
    display: inline-block;
    border-radius: 6px
}

.home_news_swiper_and_news_ctx .ctx_right {
    width: 35%;
    padding-left: 5px;
    text-align: center
}

.home_news_swiper_and_news_ctx .ctx_right .red {
    color: #e01b3c
}

.home_news_swiper_and_news_ctx .ctx_right .mores_links {
    display: block;
    width: 100%;
    text-align: left
}

.home_news_swiper_and_news_ctx .ctx_right .mores_links .link {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 8px;
    border-bottom: 1px solid #eee;
    font-size: 14px
}

.home_news_swiper_and_news_ctx .ctx_right .mores_links .link i {
    display: inline-block;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.home_news_swiper_and_news_ctx .ctx_right .fast_link {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 6px 0
}

.home_news_swiper_and_news_ctx .ctx_right .fast_link a {
    border-radius: 30px;
    display: inline-block;
    margin: 0 5px 5px;
    border: 1px solid #eee;
    padding: 4px 6px;
    font-size: 12px;
    color: #999
}

.home_news_swiper_and_news_ctx .ctx_right .fast_link a:hover {
    color: #e01b3c;
    border-color: #e01b3c
}

.start_liver_recommend_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.start_liver_recommend_container .rec_left {
    width: 70%;
    padding-right: 15px
}

.start_liver_recommend_container .rec_left .all_the_programs_block {
    margin: 15px 0
}

.start_liver_recommend_container .rec_right {
    width: 30%;
    padding-left: 15px
}

.start_liver_recommend_container .rec_right>.top_head {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-bottom: 1px solid #e01b3c;
    padding: 10px 0;
    color: #fff
}

.start_liver_recommend_container .rec_right>.top_head .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.start_liver_recommend_container .rec_right>.top_head .left img {
    width: 30px;
    margin-right: 15px
}

.start_liver_recommend_container .rec_right>.top_head .left h2 {
    display: inline-block;
    color: #999;
    font-size: 16px
}

.start_liver_recommend_container .rec_right>.top_head .right {
    text-align: right;
    font-size: 12px
}

.start_liver_recommend_container .rec_right>.user_row {
    display: block;
    padding: 15px 0
}

.start_liver_recommend_container .rec_right>.user_row .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #eee
}

.start_liver_recommend_container .rec_right>.user_row .item .img {
    width: 50px;
    min-width: 50px;
    height: 50px;
    position: relative;
    display: block;
    border-radius: 50%
}

.start_liver_recommend_container .rec_right>.user_row .item .img i {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 100;
    background: #e01b3c url(../images/icon_living_eb974.png);
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 50%;
    -webkit-animation: isliving .6s steps(6) infinite;
    animation: isliving .6s steps(6) infinite
}

.start_liver_recommend_container .rec_right>.user_row .item .info {
    display: block;
    padding-left: 10px;
    width: 85%
}

.start_liver_recommend_container .rec_right>.user_row .item .info strong {
    display: block;
    width: 100%;
    font-size: 16px;
    margin-bottom: 5px
}

.start_liver_recommend_container .rec_right>.user_row .item .info em {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.start_liver_recommend_container .rec_right .recommend_news-block {
    display: block;
    margin: 15px 0
}

.start_liver_recommend_container .rec_right .recommend_news-block .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #e01b3c;
    padding: 10px 0
}

.start_liver_recommend_container .rec_right .recommend_news-block .top img {
    width: 30px;
    margin-right: 10px
}

.start_liver_recommend_container .rec_right .recommend_news-block .top h3 {
    font-weight: 600
}

.start_liver_recommend_container .rec_right .recommend_news-block .news_ctx {
    display: block;
    padding: 15px 0
}

.start_liver_recommend_container .rec_right .recommend_news-block .news_ctx .first {
    position: relative;
    display: block;
    width: 100%;
    height: 180px;
    border-radius: 6px
}

.start_liver_recommend_container .rec_right .recommend_news-block .news_ctx .first i {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    font-size: 36px;
    color: #fff;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.start_liver_recommend_container .rec_right .recommend_news-block .news_ctx .first h4 {
    display: block;
    padding: 5px 8px;
    color: #fff;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    z-index: 100;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.start_liver_recommend_container .rec_right .recommend_news-block .news_ctx .item {
    display: block;
    width: 100%;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px
}

.start_liver_recommend_container .rec_right .special_living_recommend_container .item_wrap {
    width: 100%
}

.start_liver_recommend_container .rec_right .special_living_recommend_container .item_wrap .item .img {
    height: 170px
}

.category_ranking_center_container .live_score_list_navbar_block {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.category_ranking_center_container .live_score_list_navbar_block img {
    width: 30px;
    margin-right: 10px
}

.category_ranking_center_container .live_score_list_navbar_block h2 {
    font-size: 16px;
    font-weight: 600
}

.category_ranking_center_container .live_score_list_navbar_block .live_list_rec {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 15px
}

.category_ranking_center_container .live_score_list_navbar_block .live_list_rec a {
    display: inline-block;
    padding: 4px 6px;
    font-size: 12px;
    border: 1px solid #eee;
    border-radius: 30px
}

.game_play_top_swiper_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 10px 0
}

.game_play_top_swiper_container .change_btn {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    display: inline-block;
    z-index: 200;
    background: #00000040;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 60px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer
}

.game_play_top_swiper_container .prev {
    left: -30px;
    text-align: right;
    padding-right: 11px
}

.game_play_top_swiper_container .next {
    right: -30px;
    text-align: left;
    padding-left: 11px
}

.game_play_top_swiper_container .game_play--swiper .swiper-slide {
    width: auto
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block {
    display: inline-block;
    background: #fff;
    padding: 10px 0;
    width: 100%;
    border: 1px solid #eee;
    height: 163px
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #eee
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .title h4 {
    font-weight: 600;
    display: inline-block;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .title a {
    color: #e01b3c;
    display: inline-block;
    font-size: 12px
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_one {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    padding: 10px 0
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_one .mid {
    display: block;
    text-align: center
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_one .mid .time {
    font-size: 12px;
    font-weight: 600
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_one .mid>p {
    font-size: 12px;
    color: #999;
    display: block;
    padding: 8px 0
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_one .mid .item_order {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background: #e01b3c;
    padding: 2px 8px;
    border-radius: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_one .mid .item_order i {
    font-size: 12px;
    color: #fff;
    display: inline-block;
    margin-right: 5px
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_one .mid .item_order em {
    color: #fff;
    font-size: 12px
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_one>a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_one>a img {
    width: 60px;
    max-height: 60px
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_one>a p {
    font-size: 14px;
    color: #999
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_two {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    padding: 10px 0
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_two .left img {
    width: 60px;
    max-height: 60px
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_two .mid .time {
    font-size: 12px;
    font-weight: 600
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_two .mid>p {
    font-size: 12px;
    color: #999;
    display: block;
    padding: 8px 0
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_two .right .item_order {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background: #e01b3c;
    padding: 2px 8px;
    border-radius: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_two .right .item_order i {
    font-size: 12px;
    color: #fff;
    display: inline-block;
    margin-right: 5px
}

.game_play_top_swiper_container .game_play--swiper .swiper-item_block .item_style_two .right .item_order em {
    color: #fff;
    font-size: 12px
}

.header_container {
    height: 70px;
    box-shadow: 0 4px 5px 0 #eee
}

.header_container .header_main {
    width: 1300px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 auto
}

.header_container .header_main .logo {
    display: inline-block
}

.header_container .header_main .logo img {
    width: 100px;
    height: 100%
}

.header_container .header_main .nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-left: 30px
}

.header_container .header_main .nav li a {
    display: block;
    height: 70px;
    line-height: 70px;
    padding: 0 20px;
    border-bottom: 3px solid transparent
}

.header_container .header_main .nav li a:hover {
    border-bottom-color: #e01b3c;
    color: #e01b3c
}

.header_container .header_main .nav li .active {
    border-bottom-color: #e01b3c;
    color: #e01b3c
}

.header_swiper {
    padding: 15px 0
}

.header_swiper .header_swiper_main {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 1300px
}

.body_container {
    padding: 15px 0
}

.body_container .body_main {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 1300px
}

.footer_container {
    padding: 80px 0;
    background: #e01b3c
}

.footer_container .footer_main {
    width: 1300px;
    text-align: center;
    margin: 0 auto;
    display: block
}

.footer_container .footer_main .footer_nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.footer_container .footer_main .footer_nav li:last-child a {
    border: none
}

.footer_container .footer_main .footer_nav li a {
    display: block;
    padding: 5px 30px;
    color: #fff;
    font-size: 14px;
    border-right: 1px solid #fff
}

.footer_container .footer_main .txt {
    padding: 25px 0;
    color: #fff;
    font-size: 14px;
    text-align: center
}

.footer_container .footer_main .txt a {
    color: #fff;
    font-size: 14px
}

.top_recommend_swiper_container {
    width: 100%;
    background: #f1f1f1;
    position: relative
}

.top_recommend_swiper_container .sw_img {
    width: 100%;
    display: block;
    height: 500px;
    position: relative
}

.top_recommend_swiper_container .item_titles_view {
    position: absolute;
    top: 0;
    left: 50%;
    width: 300px;
    height: 500px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: 24%;
    background: #ffffffe8;
    z-index: 100;
    overflow: hidden
}

.top_recommend_swiper_container .item_titles_view a {
    display: block;
    width: 100%;
    padding: 1rem .8rem;
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.top_recommend_swiper_container .item_titles_view a:hover {
    color: #e01b3c;
    border-bottom-color: #e01b3c;
    border-top-color: #e01b3c;
    background: #fff
}

.top_recommend_swiper_container .item_titles_view .active {
    border-bottom-color: #e01b3c;
    border-top-color: #e01b3c;
    color: #e01b3c;
    background: #fff
}

.film_type_filter_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    position: relative;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.film_type_filter_container .type_item {
    display: block;
    width: 30%
}

.film_type_filter_container .type_item>.tit {
    display: block;
    width: 100%;
    margin-bottom: .5rem;
    font-size: 18px;
    color: #777
}

.film_type_filter_container .type_item .type_lists {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.film_type_filter_container .type_item .type_lists .pop_more,.film_type_filter_container .type_item .type_lists>a {
    display: inline-block;
    padding: .4rem 0;
    font-size: 14px;
    width: 20%;
    cursor: pointer;
    position: relative
}

.film_type_filter_container .type_item .type_lists .pop_more:hover,.film_type_filter_container .type_item .type_lists>a:hover {
    color: #e01b3c
}

.film_type_filter_container .type_item .type_lists .pop_more:hover .hover_pop_container {
    display: block
}

.film_type_filter_container .type_item .type_lists .hover_pop_container {
    display: none;
    position: absolute;
    z-index: 1000;
    background: #fff;
    box-shadow: 0 0 12px 2px #eee;
    padding: 1.2rem;
    width: 300px;
    bottom: 100%;
    right: 20%
}

.film_type_filter_container .type_item .type_lists .hover_pop_container:before {
    content: "";
    position: absolute;
    bottom: -8px;
    right: 2.5rem;
    z-index: 1001;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 8px solid #fff
}

.film_type_filter_container .type_item .type_lists .hover_pop_container .pop_tit {
    display: block;
    color: #e01b3c;
    margin-bottom: .5rem
}

.film_type_filter_container .type_item .type_lists .hover_pop_container .pop_body {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.film_type_filter_container .type_item .type_lists .hover_pop_container .pop_body a {
    display: inline-block;
    padding: .4rem 0;
    font-size: 14px;
    cursor: pointer;
    width: 20%;
    position: relative
}

.film_type_filter_container .type_item .type_lists .hover_pop_container .pop_body a:hover {
    color: #e01b3c
}

.public_section_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 .5rem;
    margin: 1rem 0
}

.public_section_header .left,.public_section_header .right {
    width: 50%
}

.public_section_header .left img,.public_section_header .right img {
    width: 20px;
    display: inline-block;
    margin-right: .3rem
}

.public_section_header .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.public_section_header .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.public_section_header .right:hover {
    color: #e01b3c;
    cursor: pointer
}

.public_section_header .right img {
    width: 15px
}

.transverse_film_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 1.5rem
}

.transverse_film_container .first_film {
    width: 40%;
    position: relative
}

.transverse_film_container .first_film .img {
    width: 100%;
    display: block;
    height: 300px
}

.transverse_film_container .first_film h4 {
    margin: .4rem 0;
    display: block
}

.transverse_film_container .first_film p {
    font-size: 12px;
    color: #777;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.transverse_film_container .transverse_film_items {
    width: 60%;
    padding-left: 1.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.transverse_film_container .transverse_film_items .item_wrap {
    width: 33.3333%;
    padding: 0 .4rem .4rem .4rem
}

.transverse_film_container .transverse_film_items .item_wrap a {
    position: relative;
    width: 100%;
    height: 170px;
    display: block
}

.transverse_film_container .transverse_film_items .item_wrap a p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    font-size: 12px;
    background: #000000e2;
    padding: .2rem .4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vertical_film_container {
    margin-bottom: 1.5rem;
    width: 100%
}

.vertical_film_container .vertical_film_items {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.vertical_film_container .vertical_film_items .item_wrap {
    width: 16.666%;
    padding: 0 .4rem;
    position: relative;
    margin-bottom: .8rem
}

.vertical_film_container .vertical_film_items .item_wrap a {
    display: block;
    width: 100%;
    height: 300px;
    position: relative
}

.vertical_film_container .vertical_film_items .item_wrap p {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333
}

.vertical_film_container .vertical_film_items .item_wrap .hq {
    position: absolute;
    z-index: 100;
    display: inline-block;
    padding: 0 .7rem;
    top: 0;
    right: .4rem;
    font-size: 14px;
    color: #fff;
    background: #00000080;
    border-bottom-left-radius: 8px
}

.vertical_film_container .vertical_film_items .item_wrap .score_txt,.vertical_film_container .vertical_film_items .item_wrap .time_txt {
    position: absolute;
    top: 0;
    left: .4rem;
    z-index: 20;
    background: #e01b3c;
    color: #fff;
    font-size: 12px;
    padding: .1rem .3rem
}

.vertical_film_container .vertical_film_items .item_wrap .name_txt {
    font-size: 14px;
    font-weight: 700
}

.vertical_film_container .vertical_film_items .item_wrap .score_txt {
    -webkit-transform: scale(1);
    transform: scale(1);
    top: 0;
    left: .2rem
}

.vertical_film_container .vertical_film_items .group_film_actor {
    width: 33.333%
}

.vertical_film_container .vertical_film_items .group_film_actor .actor_tit {
    text-align: center;
    display: block;
    width: 95%;
    padding: .5rem 0;
    margin: 0 auto;
    background: #f5f5f5;
    margin-bottom: 1rem
}

.vertical_film_container .vertical_film_items .group_film_actor .actor_body {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.vertical_film_container .vertical_film_items .group_film_actor .actor_body .item_wrap {
    width: 50%
}

.will_up_film_timeline_container {
    position: relative;
    width: 100%;
    padding: 0 0 1.8rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.will_up_film_timeline_container .time {
    width: 16.666%;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    position: relative
}

.will_up_film_timeline_container .time:before {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    width: 8px;
    height: 8px;
    background: #bbb;
    border-radius: 50%;
    z-index: 1;
    margin-left: -4px
}

.will_up_film_timeline_container .time:after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #bbb
}

.pc_film_type_filter_container {
    margin: 15px 0;
    width: 100%;
    padding: 0 .5rem
}

.pc_film_type_filter_container .type_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-bottom: 15px
}

.pc_film_type_filter_container .type_item .tit {
    width: 50px;
    min-width: 50px;
    font-size: 14px
}

.pc_film_type_filter_container .type_item .type_lists {
    width: 100%;
    padding-right: .5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.pc_film_type_filter_container .type_item .type_lists a {
    display: inline-block;
    padding: .1rem .6rem;
    font-size: 14px
}

.pc_film_type_filter_container .type_item .type_lists a:hover {
    color: #fff;
    background: #e01b3c;
    border-radius: 30px
}

.pc_film_type_filter_container .type_item .type_lists .active {
    color: #fff;
    background: #e01b3c;
    border-radius: 30px
}

.film_types_filter_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 1rem;
    border-bottom: 1px solid #f1f1f1
}

.film_types_filter_header .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.film_types_filter_header .left a {
    font-size: 14px;
    display: inline-block;
    padding: .5rem .4rem;
    border-bottom: 2px solid transparent
}

.film_types_filter_header .left a:active {
    border-bottom-color: #e01b3c;
    color: #e01b3c
}

.film_types_filter_header .left .active {
    border-bottom-color: #e01b3c;
    color: #e01b3c
}

.film_types_filter_header .right {
    font-size: 12px;
    padding-right: .4rem
}

.film_types_filter_header .right span {
    color: #e01b3c;
    font-weight: 600
}

.pagination_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    padding: .3rem .1rem;
    margin: .3rem 0
}

.pagination_container>.item {
    display: inline-block;
    padding: 0 .2rem;
    font-size: 12px;
    color: #333;
    margin: 0 10px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #bbb;
    border-radius: 4px
}

.pagination_container>.item:active {
    color: #fff;
    background: #e01b3c;
    border-color: #e01b3c
}

.pagination_container>.txt {
    font-size: 12px;
    color: #333;
    display: inline-block
}

.pagination_container>.txt .o_t {
    color: #e01b3c;
    font-style: normal;
    font-weight: 600
}

.pagination_container>.fast_jump {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0 4px
}

.pagination_container>.fast_jump input {
    width: 45px;
    text-align: center;
    border: 1px solid #bbb;
    background: #fff;
    border-radius: 4px;
    outline: 0;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin: 0 4px 0 0
}

.pagination_container>.fast_jump .jump_to {
    font-size: 12px;
    color: #333
}

.tv_Index_pcd_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 1.5rem
}

.tv_Index_pcd_container .tv_left {
    width: 60%;
    padding-right: 15px
}

.tv_Index_pcd_container .tv_right {
    width: 40%;
    padding-left: 15px
}

.tv_Index_pcd_container .tv_right .fast_link_btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.tv_Index_pcd_container .tv_right .fast_link_btns .item_wrap {
    width: 25%;
    text-align: center;
    padding: .5rem
}

.tv_Index_pcd_container .tv_right .fast_link_btns .item_wrap a {
    display: block;
    padding: .5rem 0;
    width: 100%;
    border-radius: 8px;
    background: #f5f5f5;
    font-size: 14px
}

.tv_Index_pcd_container .tv_right .fast_link_btns .item_wrap a:hover {
    background: #e01b3c;
    color: #fff
}

.film_lines_container {
    display: block;
    width: 100%;
    margin-bottom: 1rem;
    padding: 0 .5rem
}

.film_lines_container .item {
    width: 100%;
    background: #f5f5f5;
    margin-bottom: .4rem;
    border-radius: 6px;
    padding: .4rem .4rem
}

.film_lines_container .item h3 {
    color: #e01b3c;
    font-size: 16px;
    margin-bottom: .4rem
}

.film_lines_container .item p {
    font-size: 12px;
    color: #777
}

.pc_tv_crumb_bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-right: 1rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.pc_tv_crumb_bar a {
    display: inline-block;
    padding: 0 .5rem;
    font-size: 14px
}

.pc_tv_crumb_bar a:hover {
    color: #e01b3c
}

.star_actor_container {
    width: 100%;
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.star_actor_container .item_wrap {
    width: 33.333%;
    margin-bottom: .8rem;
    padding: 0 .5rem
}

.star_actor_container .item_wrap .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%
}

.star_actor_container .item_wrap .item .img {
    width: 80px;
    height: 100px;
    display: inline-block
}

.star_actor_container .item_wrap .item .info {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    height: 100px;
    background: #fbfbfb;
    padding: .5rem 0 .5rem 1rem
}

.star_actor_container .item_wrap .item .info i {
    display: block;
    width: 100%;
    margin-top: 15px;
    font-size: 14px
}

.film_ranking_list_container {
    display: block;
    width: 100%
}

.film_ranking_list_container .item {
    width: 100%;
    padding: .4rem 0;
    border-bottom: 1px solid #f9f9f9;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative
}

.film_ranking_list_container .item .count {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    color: #e01b3c;
    font-size: 14px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.film_ranking_list_container .item .num {
    width: 26px;
    line-height: 26px;
    text-align: center;
    height: 26px;
    display: inline-block;
    border-radius: 50%;
    background: #eee;
    margin-right: 1rem
}

.film_ranking_list_container .item:first-child .num {
    background: #e01b3c;
    color: #fff
}

.film_ranking_list_container .item:nth-child(2) .num {
    background: #ff7701;
    color: #fff
}

.film_ranking_list_container .item:nth-child(3) .num {
    background: #ffb400;
    color: #fff
}

.all_the_programs_block {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    padding: 15px 0 0 0;
    border-bottom: 1px solid #e01b3c
}

.all_the_programs_block .all_the_programs_spacial {
    width: auto;
    background: #e01b3c;
    padding: 10px 10px;
    cursor: pointer
}

.all_the_programs_block .all_the_programs_spacial:hover .fast_hover_view {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.all_the_programs_block .all_the_programs_spacial>span {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #fff
}

.all_the_programs_block .all_the_programs_spacial>span img {
    width: 20px;
    margin-right: 8px
}

.all_the_programs_block .all_the_programs_spacial>span em {
    color: #fff
}

.all_the_programs_block .all_the_programs_spacial .fast_hover_view {
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 1px;
    width: 100%;
    z-index: 10000;
    background: #fff;
    padding: 15px;
    border: 2px solid #eee;
    border-radius: 6px
}

.all_the_programs_block .all_the_programs_spacial .fast_hover_view .link {
    width: 10%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 8px 15px 0
}

.all_the_programs_block .all_the_programs_spacial .fast_hover_view .link img {
    width: 20px;
    margin-right: 8px
}

.all_the_programs_block .all_the_programs_spacial .fast_hover_view .link em {
    display: inline-block
}

.all_the_programs_block .all_the_programs_fast_link {
    width: 80%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.all_the_programs_block .all_the_programs_fast_link .link {
    width: 12.5%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.all_the_programs_block .all_the_programs_fast_link .link img {
    width: 20px;
    margin-right: 8px
}

.all_the_programs_block .all_the_programs_fast_link .link em {
    display: inline-block
}

.category_ranking_living_table {
    display: block
}

.category_ranking_living_table>.time {
    font-size: 16px;
    display: block;
    width: 100%;
    padding: 5px 10px;
    color: #fff;
    position: relative;
    border-bottom: 1px solid #e01b3c
}

.category_ranking_living_table>.time:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;
    background: #e74c5b;
    height: 100%;
    z-index: -1
}

.category_ranking_living_table .category_ranking_living_table_ctx {
    width: 100%
}

.category_ranking_living_table .category_ranking_living_table_ctx td,.category_ranking_living_table .category_ranking_living_table_ctx th {
    text-align: center
}

.category_ranking_living_table .category_ranking_living_table_ctx .gray {
    color: #bbb
}

.category_ranking_living_table .category_ranking_living_table_ctx .all_team {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.category_ranking_living_table .category_ranking_living_table_ctx .all_team .left,.category_ranking_living_table .category_ranking_living_table_ctx .all_team .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer
}

.category_ranking_living_table .category_ranking_living_table_ctx .all_team .left img,.category_ranking_living_table .category_ranking_living_table_ctx .all_team .right img {
    width: 30px;
    margin: 0 5px
}

.category_ranking_living_table .category_ranking_living_table_ctx .all_team .left em,.category_ranking_living_table .category_ranking_living_table_ctx .all_team .right em {
    display: inline-block;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.category_ranking_living_table .category_ranking_living_table_ctx .more_links {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.category_ranking_living_table .category_ranking_living_table_ctx .more_links a {
    font-size: 14px
}

.category_ranking_center_living_recommend_container {
    display: block;
    margin: 0 0 20px 0;
    padding: 15px 0
}

.category_ranking_center_living_recommend_container .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 20px 10px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    background: #eeeeee50;
    position: relative;
    margin: 5px 0
}

.category_ranking_center_living_recommend_container .item .hot {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 40px
}

.category_ranking_center_living_recommend_container .item .icon {
    width: 25px;
    margin-right: 8px
}

.category_ranking_center_living_recommend_container .item .time {
    display: inline-block;
    color: #fff;
    background: #e01b3c;
    border-radius: 4px;
    padding: 2px 6px
}

.category_ranking_center_living_recommend_container .item .ext_info {
    padding-left: 15px
}

.category_ranking_center_living_recommend_container .item .ext_info .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.category_ranking_center_living_recommend_container .item .ext_info .top .name {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #000;
    margin-right: 15px;
    font-size: 16px;
    font-weight: 600
}

.category_ranking_center_living_recommend_container .item .ext_info .top .name img {
    width: 20px;
    margin-right: 5px
}

.category_ranking_center_living_recommend_container .item .ext_info .top .t_name {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600
}

.category_ranking_center_living_recommend_container .item .ext_info .top .t_name .red {
    color: #e01b3c
}

.category_ranking_center_living_recommend_container .item .ext_info .top .t_name .tag {
    font-size: 12px;
    border-radius: 4px;
    padding: 2px 4px;
    color: #fff;
    background: #04aa04;
    margin-left: 5px
}

.category_ranking_center_living_recommend_container .item .ext_info .links {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 0 0 0
}

.category_ranking_center_living_recommend_container .item .ext_info .links a {
    display: inline-block;
    margin: 0 5px 5px 0;
    font-size: 14px
}

.live_section_news_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    width: 100%
}

.live_section_news_container .section_left {
    width: 60%;
    padding-right: 15px
}

.live_section_news_container .section_right {
    width: 40%;
    padding-left: 15px
}

.program_preview_container {
    display: block;
    width: 100%;
    margin-bottom: 1rem;
    padding: 0 .5rem
}

.program_preview_container .item {
    display: block;
    width: 100%;
    padding: .3rem 0;
    border-bottom: 1px dashed #f1f1f1;
    font-size: 14px
}

.program_preview_container .item:active {
    color: #e01b3c
}

.live_online_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 1rem
}

.live_online_container .item_wrap {
    width: 50%;
    padding: 0 .5rem
}

.live_online_container .item_wrap .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-bottom: .8rem
}

.live_online_container .item_wrap .item .img {
    width: 100%;
    display: block;
    height: 7rem;
    position: relative
}

.live_online_container .item_wrap .item .img .tag {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    color: #fff;
    background: rgba(0,0,0,.8);
    padding: 0 .3rem
}

.live_online_container .item_wrap .item .tit {
    font-size: 14px;
    font-weight: 600;
    padding: .2rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.live_online_container .item_wrap .item .action_info {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-size: 12px
}

.live_online_container .item_wrap .item .action_info .name {
    font-size: 12px
}

.rec_link_live_items {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-left: 1rem;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .2rem;
    margin-bottom: 1rem
}

.rec_link_live_items .item {
    margin-bottom: .5rem;
    margin-right: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #f5f5f5;
    border-radius: 30px;
    padding: 5px 8px;
    font-size: 14px
}

.rec_link_live_items .item:hover {
    color: #e01b3c
}

.rec_link_live_items .item img {
    width: 25px;
    margin-right: 8px
}

.rec_link_live_items .item span {
    display: inline-block;
    white-space: nowrap
}