audio, canvas, embed, iframe, img, object, svg, video {
    max-width: 100%;
    font-style: italic;
    vertical-align: middle;
}

/*
    会议日期
*/
.programmedate {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    padding-top: .34rem;
    /*padding-left: .5rem;
    padding-right: .5rem;*/
    padding-left: 4%;
    padding-right: 4%;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
}

.el-radio.is-bordered + .el-radio.is-bordered {
    margin-left: 0;
}

.el-radio {
    margin-right: 10px;
}

.el-radio__label {
    padding-left: 5px;
}

.el-radio--small.is-bordered {
    padding: 8px 5px 0 5px;
}

.programme {
    height: auto;
}

.Channellist {
    background: #f4f4f4;
    overflow: hidden;
    padding-bottom: .5rem;
}

.conlist {
    width: 100%;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.Channelblock {
    /*width: 28%;*/
    width: 125px;
    height: 80px;
    /*margin-right: 2.6%;*/
    margin-right: 5px;
    position: relative;
    margin-top: 5px;
    cursor: pointer;
}

    .Channelblock p {
        height: 100%;
        border-radius: 5px;
        font-size: 14px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 5px;
        /*display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;*/
    }

.moren_pindao {
    background: #548bff;
    color: #fff;
}

.common_css_channel {
    color: #888;
    border-radius: .15rem;
    background: #fff;
}

.moren_pindao {
    background: #548bff;
    color: #fff;
}

.channel_play_live {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 18px;
}

.pindao_title {
    text-align: center;
    color: #898989;
    font-size: 15px;
    margin-top: .85rem;
    margin-bottom: .85rem;
}

.chan_outer_div {
    display: -ms-flexbox;
    display: flex;
}

.one_css {
    margin-top: 22px;
}

.richeng_con {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 1px;
}

.pin_div_css {
    border: 1px solid #ededed;
    border-radius: 5px;
    background: #f4f4f4;
    padding: 6px 3px;
}

.pindao_live {
    margin-bottom: 28px;
}

.pindao_key_text {
    color: #434343;
    font-size: 16px;
    float: left;
    font-weight: 700;
    margin-left: 10px;
}

.live_btn, .live_btn_gray {
    float: right;
    margin-right: .42rem;
    /*width: 60px;*/
    height: 40px;
    /*display: none;*/
    margin-top: -.1rem;
}

.double_chan_css {
    margin-right: 0 !important;
}

.zhuti {
    background: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    /*height:100%;*/
}

.back_con {
    /*margin-bottom: 10px;*/
    /*height: 40px;*/
    overflow: hidden;
}

.time_text {
    margin-left: 0 !important;
    font-size: 14px !important;
}

.back_btn {
    float: right;
    margin-right: 0;
    margin-right: -8px;
    /*width: 60px;*/
    height: 40px;
    /*display: none;*/
    margin-top: -.1rem;
}

.pindao_list_sec {
    position: relative;
    /*margin-bottom: 6px;*/
    overflow: auto;
}

.secon_key {
    color: #434343 !important;
    margin-right: .38rem;
    font-size: .5rem;
    font-size: 13px;
    float: left;
    /*width: 87px;*/
}

.ri_value {
    max-width: 280px;
    float: left;
}

.pindao_list_sec span {
    word-break: break-word;
}

.blue_text {
    color: #558cff;
    font-size: 14px;
    border-bottom: 1px solid #558cff;
    margin-right: 10px;
    word-break: break-all;
    display: inline-block;
}

.back_to_top {
    height: 51px;
    width: 51px;
    position: fixed;
    bottom: 10rem;
    right: 1.5rem;
    z-index: 999;
}

.table {
    margin: 20px 0;
}

.programmeautor {
    color: #409EFF;
}

.programme_table_Tr {
    text-align: center;
    width: 100px;
}

.text-r p {
    font-size: 12px;
    margin: 0;
}

/*
    日程频道样式
*/
@media screen and (max-width: 374px) {
    .conlist {
        width: 320px;
    }

    .Channelblock {
        width: 100px;
        margin: 5px 3px;
    }

        .Channelblock p {
            font-size: 12px;
        }
}

@media screen and (max-width: 414px) and (min-width: 375px) {
    .conlist {
        width: 375px;
    }

    .Channelblock {
        width: 120px;
        margin: 5px 2.5px;
    }
}

@media screen and (min-width: 480px) and (max-width: 640px) {
    .conlist {
        width: 480px;
    }

    .Channelblock {
        width: 150px;
        height: 100px;
        margin: 5px 5px;
    }
}

@media screen and (min-width: 641px) and (max-width: 899px) {
    .conlist {
        width: 640px;
    }

    .Channelblock {
        width: 150px;
        height: 100px;
        margin: 5px 5px;
    }
}

@media screen and (min-width: 900px) {
    .conlist {
        width: 850px;
        /*width: 640px;*/
    }

    .Channelblock {
        width: 180px;
        height: 100px;
        margin: 10px 16px;
    }
}