@charset "gb2312";

/*

 * @Created: 20120907

 * @Author : Kevin

 */

/* date bg */

.date_a .btn, .date_a .btn_hover, .date_a a, .date_b .date_bt, .date_b .date_bm, .date_b span, .date_b .date_bm li a:hover, .date_b .date_bm li.last a, .pop_tit, .pop_tit a, .pop_tit em, .date_list_title, .date_list_title a{background-color: #ba4a57;}

/* date */

.date{z-index:40;}

.date_a{float:left;width:633px;height:60px;padding:25px 0 0 96px;}

.date_a span, .date_a .btn, .date_a a{float:left;}

.date_a span{margin-top:8px;font-size:14px;}

.date_a .btn{width:98px;height:33px;margin-left:10px;border:0 none;color:#fff;font-size:14px;font-family:Microsoft YaHei;cursor:pointer;}

.date_a .btn:hover{border: 1px solid #ba4a57;color: #ba4a57;background-color: #f5f5f5;}

.date_a a{width:65px;height:27px;margin:3px 0 0 10px;text-align:center;line-height:27px;border: 1px solid #ba4a57;background-color: #f5f5f5;color: #ba4a57}

.date_a a:hover{color:#fff;text-decoration:none;background-color: #ba4a57;}

.st_outer{float:left;background:#fff;*border:2px solid #FFA73E;padding-bottom:3px\9;*padding:3px 3px 2px;width:55px;margin-right:20px;*margin-right:10px;margin-top:4px;margin-left:7px;display:inline;}

.st_inner{*position:relative;*width:55px;*height:18px;*overflow:hidden;*font-size:0;}

.st_inner select{border:1px solid #ba4a57;color:#333;*margin:-1px;padding:4px;font-size:14px;width:65px;*width:57px;}

.date_b{float:right;width:125px;height:85px;}

.date_b .date_bt, .date_b .date_bm{display:block;height:42px;cursor:pointer;background-position:0 -124px;position:relative;z-index:45;}

.date_b .date_b_hover, .date_b .date_b_hover{background-position:0 -167px;}

.date_b .date_bt{border-bottom:1px solid #f5f5f5;}

.date_b span{display:block;height:42px;padding-left:42px;text-align:center;}

.date_b .date_bt span{background-position:0 -209px;}

.date_b .date_bm span{background-position:0 -251px;}

.date_b strong{display:block;color:#338BCF;padding-top:5px;font-size:14px;line-height:16px;}

.date_b strong a{color:#fff;}

.date_b strong a:hover{color:#f60;text-decoration:none;}

.date_b em{padding-top:2px;color:#fff;}

.date_b em.yes{color:#ADADAD;}

.date_b .date_bm ul{position:absolute;left:-1px;top:42px;width:125px;background:#fff;border:1px solid #DBEFFF;z-index:50;}

.date_b .date_bm li{float:left;width:125px;height:28px;line-height:28px;border-bottom:1px solid #DBEFFF;text-align:center;}

.date_b .date_bm li a{display:block;font-size:14px;}

.date_b .date_bm li a:hover{text-decoration:none;color:#fff;background-position:0 -294px;}

.date_b .date_bm li.last{border-bottom:0 none;}

.date_b .date_bm li.last a{background-position:0 -323px;}

.date_b .date_bm li.last a:hover{background-position:0 -323px;}

.pop_animal{position:absolute;top:-1px;left:-573px;width:487px;height:321px;padding:3px 3px 4px;background:#E6E6E6;z-index:49;}

.pop_animal iframe{z-index:-1;position:absolute;top:3px;left:3px;width:487px;height:321px;}

.pop_tit{height:31px;line-height:31px;padding:0 13px 0 20px;border:1px solid #D9D9D9;border-bottom:0 none;color:#999;background-position:0 -352px;background-repeat:repeat-x;}

.pop_tit a{float:right;width:14px;height:14px;margin-top:9px;background-position:-84px -72px;}

.pop_tit em{display:inline-block;margin-top:0;font-size:14px;padding-left:18px;background-position:-84px -92px;}

.animal{width:487px;height:289px;}

.animal a{float:left;width:163px;height:73px;margin:0 -1px -1px 0;background:url(../../../images/life/animal.png) no-repeat;}

.animal a:hover{position:relative;}

.animal a.aries{background-position:0 0;}

.animal a.taurus{background-position:0 -75px;}

.animal a.gemini{background-position:0 -150px;}

.animal a.cancer{background-position:0 -225px;}

.animal a.leo{background-position:0 -300px;}

.animal a.virgo{background-position:0 -375px;}

.animal a.libra{background-position:0 -450px;}

.animal a.scorpio{background-position:0 -525px;}

.animal a.sagittarius{background-position:0 -600px;}

.animal a.capricorn{background-position:0 -675px;}

.animal a.aquarius{background-position:0 -750px;}

.animal a.pisces{background-position:0 -825px;}

.animal a.aries:hover{background-position:-167px 0;}

.animal a.taurus:hover{background-position:-167px -75px;}

.animal a.gemini:hover{background-position:-167px -150px;}

.animal a.cancer:hover{background-position:-167px -225px;}

.animal a.leo:hover{background-position:-167px -300px;}

.animal a.virgo:hover{background-position:-167px -375px;}

.animal a.libra:hover{background-position:-167px -450px;}

.animal a.scorpio:hover{background-position:-167px -525px;}

.animal a.sagittarius:hover{background-position:-167px -600px;}

.animal a.capricorn:hover{background-position:-167px -675px;}

.animal a.aquarius:hover{background-position:-167px -750px;}

.animal a.pisces:hover{background-position:-167px -825px;}

/* date_list */

.date_list{font-size:14px;}

.date_list li{margin-top:10px;}

.date_list_title {
    height: 31px;
    line-height: 31px;
}

.date_list_title a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 31px;
    color: #fff;
    font-weight: bold;
    padding: 0 10px;
    text-decoration: none;
    position: relative;
    padding-right: 30px;
}

.date_list_title a.collapsed::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" version="1.1"><path d="M511.936 621.504l-278.4-279.68 45.376-45.12 232.704 233.792 231.616-236.032 45.632 44.8z" fill="white"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}


.date_list_title a.expanded::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" version="1.1"><path d="M512.064 274.49600002l278.4 279.68-45.376 45.12-232.704-233.792-231.616 236.032-45.632-44.8z" fill="white"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}


.date_list_title a.slide{background-position:-95px -415px;}

.date_list_title a.slide:hover{background-position:-95px -477px;}

.date_list_cont{border:1px solid #ba4a57;border-top:0 none;padding:15px 45px;line-height:26px;word-break:break-all;white-space:normal;}

.date_list_cont p.keyword{margin-top:10px;font-weight:bold;}

.date_list_cont p.keyword a{color:#fd5151;}

.date_list_img{float:left;text-align:center;padding:0 10px 10px 0;}

.date_list_img em{display:block;color:#039;}

/* SVG图标样式 */
.svg-icon {
    position: absolute;
    left: 12px; /* 调整图标水平位置 */
    top: 50%;
    transform: translateY(-50%);
    width: 32px; /* 控制图标大小 */
    height: 32px;
    fill: #ffffff; /* 默认白色 */
    transition: fill 0.3s ease; /* 添加过渡效果 */
}

/* 悬停状态 */
.date_b_hover .svg-icon {
    fill: #FF6600; /* 悬停时变为橙色，如果需要悬停时也保持白色，可以改为#ffffff */
}

/* 如果希望在悬停时图标也保持白色，可以这样设置： */
/*
.date_b_hover .svg-icon {
    fill: #ffffff; 
}
*/

/* 确保父容器有相对定位 */
.date_b span {
    display: block;
    height: 42px;
    padding-left: 42px; /* 为图标留出空间 */
    text-align: center;
    position: relative; /* 为SVG定位提供参考 */
}

/* 文字样式调整 */
.date_b strong {
    display: block;
    color: #ffffff; /* 文字颜色设为白色 */
    padding-top: 5px;
    font-size: 14px;
    line-height: 16px;
    margin-left: 4px; /* 微调文字位置 */
}

.date_b strong a {
    color: #ffffff; /* 链接颜色也设为白色 */
}

.date_b strong a:hover {
    color: #f60; /* 悬停时变为橙色 */
    text-decoration: none;
}

.date_b em {
    padding-top: 2px;
    color: #fff; /* 描述文字设为白色 */
}

/* 移除原有的背景图样式 */
.date_b .date_bt span {
    background: none;
}

.date_b .date_bm span {
    background: none;
}