.HotnewsControl {
        background: #f5f5f5 none repeat scroll 0 0;
        border: 1px solid #efefef;
        border-radius: 5px 5px 0 0;
        margin: 10px 0;
}
.HotnewsControl .HotnewsScroll {
        overflow: hidden;
        padding-bottom: 0;
}
.HotnewsControl .Header {
        background: rgba(0, 0, 0, 0) url("images/bar.png") no-repeat scroll 0 0;
        height: 43px !important;
        margin-left: -10px;
}
.HotnewsControl .Header > span {
        color: #fff;
        font: bold 10pt/28px arial;
        padding-left: 20px;
        text-transform: uppercase;
}
.HotnewsControl .HotnewsList {
        clear: both;
        padding: 0 10px 0 5px;
}
div.HotnewsControl .HotnewsList .HotnewsItem {
        background: rgba(0, 0, 0, 0) url("images/iconli.png") no-repeat scroll left 13px;
        clear: both;
        display: block;
        padding: 3px 5px 4px 14px !important;
        background-size: 5px;
}
.HotnewsControl .HotnewsList .HotnewsItem img {
        display: none;
        float: left;
        height: 60px;
        margin-right: 6px;
        vertical-align: top;
        width: 80px;
}
.HotnewsControl .HotnewsList .HotnewsItem a {
        color: #222;
        text-decoration: none;
}
.HotnewsControl .HotnewsList .HotnewsItem .ArticleTitle {
        color: #222222;
        padding-top: 0;
}
.HotnewsControl .HotnewsList .HotnewsItem .ArticleTitle:hover {
        color: #ff4e00;
}
.HotnewsControl .HotnewsList .active {
        background-color: #cccccc;
}
@media only screen and (max-width: 768px){
        div.HotnewsControl {
                width: calc(100vw - 10px) !important;
                margin: auto;
                margin-bottom: 10px;
        }
}