@charset "utf-8";
/* ============================================
   乐哈风格首页CSS
   网址：lehaw.com
   最后更新：2026-08-7
   ============================================ */

* { font-size: 15px; margin: 0; padding: 0; word-wrap: break-word; }
body { color: #333; font-size: 100%; font-family: "微软雅黑", Helvetica, STHeiti, "Droid Sans Fallback"; background: #E9F3E6; }
a { color: #333; text-decoration: none; }
img { max-width: 100%; vertical-align: middle; border: 0; }
ul, li { list-style: none; }
input, select, textarea { outline: none; }
hr { height: 1px; border: none; background: #eee; }

.fl { float: left; } .fr { float: right; }
.clear { clear: both; overflow: hidden; }
.main { margin: 0 auto; width: 100%; max-width: 800px; box-shadow: 0 0 15px #ccc; position: relative; min-height: 100vh; background: #fff; }


/* ===== 顶部导航 ===== */
.nav_part {
  position: relative;
  background: url(/images/leha/bg_main.png) no-repeat 0 bottom;
  background-size: 100% 100%;
  padding-bottom: 30px;
}
.top_home {
  position: relative; width: calc(100% - 20px); margin: 0 auto; padding: 0 10px 0;
  display: flex; align-items: center; justify-content: space-between;
}
.to_home { display: block; flex-shrink: 0; }
.to_home img { height: 26px; display: block; }
.my_top { display: flex; align-items: center; }
.my_nav { display: flex; align-items: center; margin-right: 10px; }
.my_nav li { display: inline-block; margin-right: 8px; }
.my_nav li a {
  display: block; padding: 2px 6px;
  background: transparent;
  border-radius: 0;
  color: #fff !important;
  font-size: 12px;
  position:relative;
  z-index:10;
}
.me { display: inline-block; vertical-align: middle;position:relative;z-index:10; }
.me img { width: 24px; height: 24px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.15); }

/* ===== 快报区（背景#FFFAF3，边框#329df0） ===== */
.news_home {
  margin: 20px auto 0;
  width: calc(100% - 56px);
  border-radius: 12px;
  border: 2px solid #329df0;
  box-shadow: none;
  position: relative;
  background: #FFFAF3;
  padding-bottom: 6px;
  overflow: visible;
}
/* 快报左下角装饰图（弹吉他女孩） */
.news_home::after {
  position: absolute; bottom: -30px; left: -36px;
  content: ""; width: 94px; height: 94px;
  display: inline-block;
  background-image: url(/images/leha/img_left.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
/* 快报右下角装饰图（唱歌男孩） */
.news_home::before {
  position: absolute; bottom: -35px; right: -50px;
  content: ""; width: 98px; height: 94px;
  background-image: url(/images/leha/img_right.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 3;
  pointer-events: none;
}
.top_news_home {
  position: relative; height: 50px; background: transparent;
  border-radius: 12px 12px 0 0; display: flex; align-items: center;
  padding: 0 12px;
}
/* 快报左上角装饰图（ 已启用 text.png） */
.top_news_home::before {
  position: absolute; top: -30px; left: -10px;
  content: ""; width: 93px; height: 58px;
  display: inline-block;
  background-image: url(/images/leha/text.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
/* 快报右上角装饰图 */
.top_news_home::after {
  position: absolute; top: -40px; right: -26px;
  content: ""; width: 120px; height: 80px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.top_news_home > div {
  display: flex; align-items: center; gap: 6px; flex: 1; overflow: hidden;
  width: -webkit-fill-available;
}
.homelogo { height: 28px; flex-shrink: 0; margin-right: 10px; }
.separate_l {
  border-right: 1px solid #048590; height: 21px;
  display: inline-block; vertical-align: middle; margin: 0 5px; flex-shrink: 0;
}
#scroll_Two {
  flex: 1; overflow: hidden; line-height: 25px;
}
.cont_scroll_two {
  list-style: none; margin: 0; padding: 0;
}
.cont_scroll_two {
  list-style: none; margin: 0; padding: 0;
}
.cont_scroll_two li {
  height: 25px; line-height: 25px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  display: flex; align-items: center;
}
.cont_scroll_two li i {
  display: block; font-style: normal;
  width: 29px; height: 17px;
  font-size: 12px; color: #fff; text-align: center;
  background: #329df0 !important;
  border-radius: 20px !important; padding: 2px 5px !important;
  line-height: 17px; margin-right: 5px;
  transform: scale(.85); position: relative;
}
.cont_scroll_two li a { color: #5C5C5C; font-size: 13px; position:relative; z-index:10; }
.type1, .type2 {
  display: inline-block; font-style: normal;
  font-size: 11px; color: #fff; padding: 0 5px; line-height: 16px; margin-right: 5px;
  border-radius: 2px;
}
.type1 { background: linear-gradient(0deg, #E8525A 0%, #F76E76 100%); }
.type2 { background: #329df0; }

/* 移除滚动动画 - 现在静态显示 */

/* ===== 滚动播报条（蓝色背景 #329df0） ===== */
.notice_scroll_part {
  display: flex; align-items: center;
  background: #329df0; padding: 2px 12px 2px;
  border-radius: 0 0 12px 12px;
  box-shadow: 0px 2px 4px rgba(60,143,112,1);
}
.img_notice {
  width: 14px; height: 12px; flex-shrink: 0;
  background: url(/images/leha/icon_trumpet.png) no-repeat center;
  background-size: 100% 100%;
  margin-left: 18px;
  margin-right: 8px;
}
.lr_cont_ntc { flex: 1; overflow: hidden; height: 23px; line-height: 23px; width: 88%; }
.cont_ntc_s { list-style: none; margin: 0; padding: 0; white-space: nowrap; }
.cont_ntc_s li { display: inline; margin-right: 2%; color: #FEF5EF; font-size: 12px; }
.cont_ntc_s li a { color: #FEF5EF; font-size: 12px; position:relative; z-index:10; }
.cont_ntc_e {
  width: 18px; height: 18px; flex-shrink: 0;
  background: url(/images/leha/go.png) no-repeat center;
  background-size: 100% 100%; margin-left: 4px;
}

/* ===== 滚动下往上 ===== */
/* 1. 容器设置：固定高度，隐藏溢出 */
    .lh-scroll-cont {
        width: 100%;
        height: 26px; /* 必须等于单行文字的高度 */
        overflow: hidden;
        border: 1px solid #ddd;
        position: relative;
        background-color: #fff;
    }

    /* 2. 内容设置：绝对定位，执行动画 */
    .lh-scroll-item {
        position: absolute;
        width: 100%;
        height: 100%;
        line-height: 26px; /* 垂直居中 */
        text-align: left;
		padding-left: 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        
        /* 动画名称 时长 速度曲线 无限循环 */
        animation: scrollUpStay 4s linear infinite;
    }

	.lh-scroll-item a {
		color: #004299;
		padding-left: 5px;
	}
	
    /* 3. 定义关键帧：实现“停留2秒 + 滚动” */
    @keyframes scrollUpStay {
        /* 初始状态：在容器底部下方 */
        0% {
            transform: translateY(100%);
        }
        /* 进入完成：到达可视区域 (耗时约 25% 即 1秒) */
        25% {
            transform: translateY(0);
        }
        /* 停留结束：保持不动直到 75% (即停留了 50% 的时间 = 2秒) */
        75% {
            transform: translateY(0);
        }
        /* 移出完成：离开容器顶部 (耗时约 25% 即 1秒) */
        100% {
            transform: translateY(-100%);
        }
    }
    
    /* 可选：鼠标悬停时暂停，方便阅读 */
    .lh-scroll-cont:hover .lh-scroll-item {
        animation-play-state: paused;
    }