.HotnewsControl {
    background: rgba(0, 0, 0, 0) url("images/bhotnew.png") no-repeat scroll 0 0;
        padding: 35px 45px 0px 23px;
}
.HotnewsControl .Header {
    height: 60px;
}
.HotnewsControl .Header span {
    color: #FF152B;
    display: inline-block;
    font: 21px/60px "Segoe UI";
    padding-left: 48px;
}
.HotnewsControl .HotnewsScroll {
    height: 200px !important;
    min-height:200px!important;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.HotnewsControl .HotnewsList {
    clear: both;
    display: block;
    padding: 0 5px;
}
div .HotnewsControl .HotnewsList .HotnewsItem {
    background: rgba(0, 0, 0, 0) url("images/i.gif") no-repeat scroll left center;
    clear: both;
    display: block;
    padding:0 0 0 10px!important;
}
.HotnewsControl .HotnewsList .HotnewsItem img {
    display: none;
    float: left;
    height: 50px;
    margin-right: 6px;
    vertical-align: top;
    width: 65px;
}
.HotnewsControl .HotnewsList .HotnewsItem a {
    color: #222222;
    text-decoration: none;
}
.HotnewsControl .HotnewsList .HotnewsItem .ArticleTitle {
    color: #222222;
    padding-top: 0;
}
.HotnewsControl .HotnewsList .HotnewsItem .ArticleTitle:hover {
    color: #00458a;
}
.HotnewsControl .HotnewsList .active {
    background-color: #cccccc;
}
@media only screen and (max-width: 768px){
.HotnewsControl {
    background:none!important;
        padding: none!important;
}
        div.HotnewsControl .HotnewsScroll {
    height: auto!important;
    min-height: auto!important;
   
}
     div.HotnewsControl .Header {
    background: rgba(0, 0, 0, 0) url(images/logo.png) no-repeat scroll left 10px top 2px;
    border-radius: 2px 2px 0 0;
    box-shadow: 0 -2px 12px 0 rgba(0, 0, 0, 0.2) inset;
    height: 28px;
}
        .HotnewsControl .Header span {
   position:relative;
    padding-left: 5px!important;
     top:-18px;
}
}