﻿.section {
    width: 100%;
}

.page-rss {
    top: 28px;
    position: relative;
    padding-bottom: 15px;
}


.page-rss > .container > .wrap-list-rss {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding-top: 10px;
}

    .page-rss > .container > .wrap-list-rss .list-rss:first-child {
        margin-right: 15px;
        padding-left: 0px;
    }

    .page-rss > .container > .wrap-list-rss .list-rss {
        width: 100%;
        color: #4f4f4f;
        font-size: 18px;
        line-height: 1.1666666667;
        margin-bottom: 15px;
        margin-top: 0px;
    }

        .page-rss > .container > .wrap-list-rss .list-rss li {
            border-bottom: 1px solid #E5E5E5;
            position: relative;
            list-style-type: none;
        }

        .page-rss > .container > .wrap-list-rss .list-rss a {
            padding: 15px 0;
            display: block;
            color: #666;
        }

            .page-rss > .container > .wrap-list-rss .list-rss a:hover {
                color: #ee321f;
            }

        .page-rss > .container > .wrap-list-rss .list-rss .icon-rss {
            font-size: 13px;
            line-height: 1.1538461538;
            float: right;
            color: #222;
            margin-top: 3px;
            line-height: 20px;
            transition: all 0.4s ease;
        }

            .page-rss > .container > .wrap-list-rss .list-rss .icon-rss .ic {
                fill: #fff;
                padding: 2px;
                margin-top: -3px;
                margin-left: 10px;
                background-position: 50%;
                background-repeat: no-repeat;
                content: "";
                height: 19px;
                margin-right: 5px;
                width: 19px;
                background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.027' height='14.027'%3E%3Cg data-name='Icon feather-rss' fill='none' stroke='%23ee321f' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath data-name='Path 47' d='M.5 6.199a7.328 7.328 0 0 1 7.328 7.328'/%3E%3Cpath data-name='Path 48' d='M.5.5a13.027 13.027 0 0 1 13.027 13.027'/%3E%3Cpath data-name='Path 49' d='M2.128 12.712a.814.814 0 1 1-.814-.814.814.814 0 0 1 .814.814Z'/%3E%3C/g%3E%3C/svg%3E")
            }
/*Suggest search*/
mark {
    background: #ffd400;
}
/**/

.width_common {
    display: block;
}

.width_common-mb {
    display: none;
}

@media only screen and (max-device-width: 768px) {
    .video-sticky {
        position: fixed;
        top: 80px;
        /*left: 0;*/
        z-index: 90;
    }

    .video-sticky-detail {
        position: fixed;
        top: 140px;
        /*left: 0;*/
        z-index: 90;
    }

    .marquee-wrapper {
        background: #e8e8e8;
        z-index: 10;
        width: 100%;
        height: auto;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        position: absolute;
        left: 0;
        right: 0;
        height: 32px;
        line-height: 34px;
        -webkit-box-shadow: 0 5px 10px 0 rgb(0 0 0 / 50%);
        box-shadow: 0 5px 10px 0 rgb(0 0 0 / 50%);
        bottom: -32px;
        display: none;
    }

        .marquee-wrapper .mini-title {
            font-size: 16px;
            font-weight: bold;
            display: inline-block;
            visibility: visible;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            overflow: hidden;
            white-space: nowrap;
            margin: 0 1rem;
        }

    .animation {
        -webkit-animation: marquee 3s ease-in-out;
        -moz-animation: marquee 3s ease-in-out;
        animation: marquee 3s ease-in-out;
        position: absolute;
        animation-duration: 6000ms
    }

    .marquee-wrapper .mini-title.marquee > span {
        -webkit-animation: marquee 3s ease-in-out;
        -moz-animation: marquee 3s ease-in-out;
        animation: marquee 3s ease-in-out;
        position: absolute;
    }

    .show {
        display: block !important;
    }

    @keyframes marquee {
        from {
            left: 0%;
        }

        to {
            left: -150%;
        }
    }
    /*Rss*/
    .container-rss {
        padding-left: 15px;
        padding-right: 15px;
    }

    .width_common {
        display: none;
    }

    .width_common-mb {
        display: block;
        width: 100%;
        padding-left: 0px;
    }

    .list_rss li {
        width: 100%;
        float: left;
        border-top: 1px solid #e7e7e7;
        list-style-type: none;
    }

        .list_rss li .link_rss {
            color: #333;
            display: inline-block;
            font-size: 18px;
            padding: 12px 10px;
        }

        .list_rss li .img_rss {
            margin-top: 15px;
            color: black;
        }

    .right {
        float: right;
    }

    .list_rss li .ic-rss {
        fill: #fff;
        padding: 18px;
        margin-top: -3px;
        margin-left: 10px;
        background-position: 50%;
        background-repeat: no-repeat;
        content: "";
        height: 19px;
        margin-right: 5px;
        width: 19px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.027' height='14.027'%3E%3Cg data-name='Icon feather-rss' fill='none' stroke='%23ee321f' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath data-name='Path 47' d='M.5 6.199a7.328 7.328 0 0 1 7.328 7.328'/%3E%3Cpath data-name='Path 48' d='M.5.5a13.027 13.027 0 0 1 13.027 13.027'/%3E%3Cpath data-name='Path 49' d='M2.128 12.712a.814.814 0 1 1-.814-.814.814.814 0 0 1 .814.814Z'/%3E%3C/g%3E%3C/svg%3E")
    }
}
