@charset "utf-8";

body{background-color:#f4f4f4;}

#header #area-guid-header .area-switch .btn-home{display:none;}

.btn{background:#fff;color:#333}
.page{height:auto; line-height:40px; font-size:14px; color:#999; text-align:center; font:bold;}
.page .btn{padding:0 8px; background:none; color:#999;}
.page .btn.active, .page .btn:active{box-shadow:none;}
.page-count{color:#dca437;}
.page-count i{font-style:normal;}
.page-count i:nth-child(2){font-size:16px; font-weight:bold;}
.page-count i:nth-child(3){font-size:10px; color:#bbb;}



#header.fixed{background-color:#4998e7; position:fixed; top:0; left:0; width:100%; z-index:99; border-bottom:1px solid #4998e7; color:#fff;}
#header.fixed .header-inner .btn{color:#fff; background:#4998e7;}
#header.fixed .header-inner .btn:active, #header.fixed .header-inner .btn.active{color:#fff;}
#header.fixed .logo-header{background-image:url("../images/logo_white.png");}
#header.fixed .logo-header1{background-image:url("../images/logo_white_mhknetcn.png");}

.nav{width:100%; height:42px; background-color:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; margin-bottom:8px; padding:0 10px; line-height:40px; font-size:18px;}
.swiper-slide{width:auto!important;}
.swiper-container{margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1;}
.swiper-container-no-flexbox .swiper-slide{float:left;}
.swiper-wrapper{position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property:transform,-webkit-transform; -webkit-box-sizing:content-box; box-sizing:content-box;}
.swiper-slide{-webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; width:100%; height:100%; position:relative; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property:transform, -webkit-transform;}

.section{margin:10px 0; padding:10px; background-color:#fff; box-shadow:0 1px 3px #ccc; margin-bottom:10px;}
.section .title{height:35px; line-height:35px;}
.section .title .text-title{font-size:16px; color:#4998e7; font-weight:bold;}
.section .title .text-title:before{display:inline-block; content:""; width:3px; border-radius:1px; background:#4998e7; margin-right:5px; height:13px;}
.section .title .pull-right{color:#5c5c5c; font-size:12px;}
.section .title-articles{background:url("../images/news_bg.png"); background-repeat:no-repeat; background-size:30% auto;}
.section .title-infos .text-title{color:#4998e7;}
.section .title-infos .text-title:before{background:#4998e7;}

.section .wrap{padding:0px;}
.articles li{height:35px; line-height:35px; list-style:none; border-bottom:1px solid #eee;}
.articles li:last-child{border-bottom:none;}
.articles li a{width:90%; height:35px; font-size:15px; line-height:35px; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.articles li .addtime{text-align:right; height:35px; line-height:35px; color:#999; width:10%; float:right; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.articles li.new a{font-size:15px; color:#4998e7; padding-left:20px; position:relative;}
.articles li.new a:before{font-size:10px; color:#fff; line-height:17px; text-align:center; display:inline-block; margin-left:1px; margin-right:3px; content:"新"; width:16px; height:16px; background:#4998e7; left:0; top:9px; position:absolute;}

.articles li.top .addtime{width:13%;}
.articles li.rec a{font-size:15px; color:#009900; width:90%; padding-left:20px; position:relative;}
.articles li.rec a:before{-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-size:10px; line-height:17px; text-align:center; display:inline-block; color:#fff; background:#009900; content:"荐"; width:16px; height:16px; margin-left:1px; margin-right:3px; left:0; top:9px; position:absolute;}
.articles li.rec .addtime{width:10%;}

.list-item{overflow:hidden; padding:10px 0; height:84px; overflow:hidden; border-bottom:1px solid #eee;}
.list-item .list-thumb{width:64px; height:64px; background:#3bb3d0; float:left; text-align:right; padding:5px; color:#fff; display:none;}
.list-item .list-thumb .num-view{margin-top:5px; height:30px; line-height:30px; font-weight:bold; font-size:18px;}
.list-item .list-thumb .icon-view{font-size:14px; height:24px; line-height:24px;}
.list-item .list-content{margin-left:0px;}
.list-item .list-content .list-title{height:40px; line-height:20px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2;}
.list-item .list-content .list-detail{height:20px; line-height:20px; font-size:12px; color:#999;}


.scroll-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    line-height: 25px;
    height: 25px;
    background-color: rgba(185,228,252,0.4);
    color: #1677ff;
    border-radius: 5px;
}

.scroll-wrapper {
    display: flex;
    width: 200%;
    float: left;
    margin-left: 21px;
    overflow: hidden;
    position: absolute;
}

.scroll-content {
    flex: 1;
    padding: 0 10px; 
    white-space: nowrap; 
}