/* 
梅河口生活网
https://www.jlmhk.com
---------------------
老唐
Email:a1@163.com
QQ:76055505
*/
@charset "utf-8";

body{background-color:#f4f4f4;}

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

#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?t=20260731");}
#header.fixed .logo-header1{background-image:url("../images/logo_white_meihekoucom.png?t=20260731");}

.nav{min-height:40px !important;}
.nav .swiper-container{touch-action:pan-x; overscroll-behavior-x:contain;}
.nav .swiper-wrapper.hint{animation:navHint 15s ease-in-out 1.2s infinite;}
@keyframes navHint{0%{transform:translate3d(0,0,0);} 26.67%{transform:translate3d(var(--navMax,0px),0,0);} 53.33%{transform:translate3d(0,0,0);} 100%{transform:translate3d(0,0,0);}}

.nav{width:100%; height:auto; background-color:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; margin-bottom:8px; padding:8px 10px; line-height:1.5; font-size:18px;}
.nav .swiper-container{-webkit-box-flex:1; -webkit-flex:1; flex:1;}
.nav .swiper-slide{display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center;}
.nav .swiper-slide a{display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; height:100%;}
.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{min-height:25px; height:auto; line-height:1.5;}
.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; min-height:13px; height:auto;}
.section .title .pull-right{color:#5c5c5c; font-size:12px; margin-top:3px;}
.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{display:table; table-layout:fixed; width:100%; min-height:40px; height:auto; line-height:1.5; list-style:none; border-bottom:1px solid #eee;}
.articles li:last-child{border-bottom:none;}
.articles li a{display:table-cell; vertical-align:middle; width:78%; font-size:15px; line-height:1.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.articles li .addtime{display:table-cell; vertical-align:middle; text-align:right; width:22%; font-size:12px; line-height:1.5; color:#999; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.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:16px; text-align:center; display:inline-block; content:"新"; width:16px; height:16px; background:#4998e7; left:0; top:50%; transform:translateY(-50%); position:absolute; margin:0;}
.articles li.top a{font-size:15px; color:#e74950; width:84%; padding-left:20px; position:relative;}
.articles li.top a:before{-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-size:10px; line-height:16px; text-align:center; display:inline-block; color:#fff; background:#e74950; content:"顶"; width:16px; height:16px; left:0; top:50%; transform:translateY(-50%); position:absolute; margin:0;}
.articles li.top .addtime{width:15%;}
.articles li.rec a{font-size:15px; color:#009900; width:84%; padding-left:20px; position:relative;}
.articles li.rec a:before{-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-size:10px; line-height:16px; text-align:center; display:inline-block; color:#fff; background:#009900; content:"荐"; width:16px; height:16px; left:0; top:50%; transform:translateY(-50%); position:absolute; margin:0;}
.articles li.rec .addtime{width:15%;}

.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;}

html[data-zoom] .articles li.new a,
html[data-zoom] .articles li.top a,
html[data-zoom] .articles li.rec a{padding-left:26px;}
html[data-zoom] .articles li.new a:before,
html[data-zoom] .articles li.top a:before,
html[data-zoom] .articles li.rec a:before{width:22px; height:16px; line-height:16px; padding-bottom:6px; font-size:9px; margin-top:-1px;}