body {
    font-family: "微软雅黑", Tahoma, sans-serif;
    background-color: #F5F5F5;
}
.col_b {
width: 868px;
margin: 0 auto;
}
.Csprites, .data_table .luck_th, .data_table .bad_th, .data_table .nowell_th, .data_table .goblin_th { background-image: url(../../../images/life/laohuangli_sprites.png); background-repeat: no-repeat; }

.Csprites_btn, .data_search .selt_btn { background-image: url(../../../images/life/laohuangli_sprites_btn.png); background-repeat: no-repeat; border:0px; }

.fl { float: left; }

.mt15 { margin-top: 15px; }

select { border: none; }

.checkbox, .radio { width: 16px; height: 16px; line-height: 16px; margin: -1px 3px 0 0; display: inline-block; vertical-align: middle; }

.wp866 { width: 866px; margin: 0 auto; }

/* select_outer */
.select_outer { padding: 3px 2px 4px; border: 2px solid #ffa73e; background: white; float: left; display: inline; margin: -3px 8px 0 8px; vertical-align: middle; position: relative; }
.select_outer select { display: block;height:20px;+height:auto;margin: -1px 0 0 -1px; +margin:-2px;padding:1px;font-size: 14px; border:1px solid white;line-height: 20px; overflow: hidden; outline: none; color: #333333; }

.select_outer62 { width: 64px; }
.select_outer62 select { width: 66px;+width:68px; }

.select_outer50 { width: 52px; }
.select_outer50 select { width: 54px; +width:56px;}

.select_outer84 { width: 86px; float: none; display: inline-block; *display: inline; *zoom: 1; }
.select_outer84 select { width: 88px;+width:90px; }

.select_inner { width: 100%; height: 18px; line-height: 18px; overflow: hidden; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { .select_outer select { line-height: 16px; } }
/* data_table */
.data_table { width: 100%; width: 100%; border-collapse: collapse; border-spacing: 0; font-size: 14px; color: #666666; border: 1px solid #c5967c; }
.data_table th, .data_table td { border: 1px solid #c5967c; }
.data_table tbody th, .data_table tbody td { background-color: #fffbf3; }
.data_table tbody th { color: #8a4626; }
.data_table tfoot th, .data_table tfoot td { border-top: none; }
.data_table .thead_th, .data_table .thead_th_lt, .data_table .thead_th_rt { background-image: url("../../../images/life/laohuangli_sprites.png"); }
.data_table .thead_th { background-repeat: repeat-x; overflow: hidden; zoom: 1; text-align: center; position: relative; }
.data_table .thead_th strong { font-size: 14px; font-weight: bold; color: white; }
.data_table .thead_th_lt { float: left; height: 30px; background-repeat: no-repeat; width: 25px; }
.data_table .thead_th_rt { float: right; height: 30px; background-repeat: no-repeat; width: 25px; }
.data_table .thead_th_deep { background-position: 0 -50px; line-height: 30px; }
.data_table .thead_th_deep .thead_th_lt { background-position: 0 0; }
.data_table .thead_th_deep .thead_th_rt { background-position: 100% -100px; }
.data_table .thead_th_light { background-position: 0 -200px; line-height: 30px; }
.data_table .thead_th_light .thead_th_lt { background-position: 0 -150px; }
.data_table .thead_th_light .thead_th_rt { background-position: 100% -250px; }
.data_table .thead_th_light strong { color: #8a4626; }
.data_table .astro { color: #006f9f; text-decoration: underline; margin-left: 36px; }
.data_table .astro:hover { color: #fd5151; }
.data_table .god_child, .data_table .god_money, .data_table .god_happy, .data_table .god_luck { _padding-top: 8px; _height: 30px; }
.data_table .god_child i, .data_table .god_money i, .data_table .god_happy i, .data_table .god_luck i { display: inline-block; width: 20px; height: 20px; background: url(../../../images/life/laohuangli_sprites.png) no-repeat; vertical-align: -5px; margin-right: 5px; *vertical-align: 0; }
.data_table .god_child i { background-position: 0 -450px; }
.data_table .god_money i { background-position: 0 -475px; }
.data_table .god_happy i { background-position: 0 -498px; }
.data_table .god_luck i { background-position: 0 -525px; }
.data_table tbody th, .data_table tbody td { height: 38px; vertical-align: middle; }
.data_table tbody td { padding-left: 16px; padding-right: 16px; }
.data_table .c_deep { color: #333333; font-weight: bold; }
.data_table .c_light { color: #ff7200; font-weight: bold; }
.data_table .bg_deep { background-color: #bbbbbb; }
.data_table .bg_light { background-color: #ffcc94; }
.data_table .tday_luck_time { position: absolute; right: 35px; top: 4px; width: 70px; height: 21px; line-height: 21px; font-weight: normal; color: white; text-align: center; display: block; background-position: 0 -650px; font-size: 12px; }
.data_table .tday_luck_time:hover { text-decoration: underline; }
.data_table .td_thour { text-align: center; }
.data_table .tday_time_s { font-weight: bold; text-align: center; color: #8a4626; }
.data_table .tday_time_s:hover { color: #fd5151; }
.data_table .slide_up, .data_table .slide_dn { position: absolute; right: 22px; top: 1px; width: 29px; height: 29px; }
.data_table .slide_up { background-position: 0 -550px; }
.data_table .slide_up:hover { background-position: -50px -550px; }
.data_table .slide_dn { background-position: 0 -600px; }
.data_table .slide_dn:hover { background-position: -50px -600px; }
.data_table .luck_th, .data_table .bad_th, .data_table .nowell_th { width: 28px; height: 26px; margin: 0 auto; }
.data_table .luck_th { background-position: 0 -300px; }
.data_table .bad_th { background-position: 0 -350px; }
.data_table .nowell_th { background-position: 0 -400px; }
.data_table .luck_td em, .data_table .bad_td em, .data_table .nowell_td em { font-weight: bold; line-height: 24px; }
.data_table .luck_td { color: #64aa0b; }
.data_table .bad_td { color: #ea2020; }
.data_table .nowell_td { color: #1060e2; }
.data_table dl { width: 100%; height: 38px; line-height: 38px; overflow: hidden; background-color: #fffbf3; }
.data_table dt, .data_table dd { float: left; height: 38px; }
.data_table dt { text-align: center; width: 80px; color: #8a4626; font-weight: bold; }
.data_table dd { width: 190px; padding-left: 16px; border: solid #c5967c; border-width: 0 1px; }
.data_table dd.last { border-right-width: 0; }


/* data_search */
.data_search { border: 1px solid #c5967c; font-size: 14px; vertical-align: middle; }
.data_search .lbox { float: left; }
.data_search .lbox strong { font-weight: bold; color: #333333; }
.data_search .selt_btn { width: 129px; height: 40px; line-height: 9999px; margin-top: -3px; overflow: hidden; background-position: 0 0; cursor: pointer; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; position: relative; }
.data_search .selt_btn:hover { background-position: -150px 0; text-decoration: none; }

.huangli_search { background: url(../../../images/life/search_huangli.png) no-repeat; width: 864px; height: 109px; }
.huangli_search .lbox { padding: 46px 50px 0 180px; width: 350px; }
.huangli_search .md { padding-top: 42px; }

/* data_result */
.data_result .data_table { color: #666666; }
.data_result .data_table tbody th, .data_result .data_table tbody td { height: 30px; vertical-align: middle; text-align: center; }
.data_result .data_table tbody th { font-weight: bold; background-color: #fff2ce; font-size: 12px; }
.data_result .data_table tbody td { font-size: 14px; }
.data_result .data_table .tp_1st { width: 48px; height: 28px; }
.data_result .data_table .tp_oth { width: 66px; height: 28px; }
.data_result .data_table .moment { text-align: left; padding-left: 12px; padding-right: 10px; word-break: break-all; }
.data_result .data_table .c_deep { color: #333333; font-weight: bold; }
.data_result .data_table .c_light { color: #ff7200; font-weight: bold; }
.data_result .data_table .bg_deep { background-color: #d0d0d0; }
.data_result .data_table .bg_light { background-color: #ffcc94; }
.data_result .data_table .fz12 { font-size: 12px; }

/* tip */
.tip .tip_top, .tip .tip_btm { background: url(../../../images/life/laohuangli_bg.png) no-repeat; }

.tip { position: absolute; }
.tip .tip_box { position: relative; width: 134px; }
.tip .tip_top { width: 132px; height: 6px; overflow: hidden; background-position: 0 -133px; }
.tip .tip_content { padding: 5px 10px; width: 110px; line-height: 20px; color: #666666; border: 1px solid #f7bf90; border-width: 0 1px; background-color: #fef9e7; }
.tip .tip_btm { width: 132px; height: 2px; overflow: hidden; background-position: 0 -140px; }

/**黄历解释**/
.life{padding:0 60px 40px;color:#333;}
.mod_1b{border:1px solid #ba4a57;}

.qm-dq{border: 1px solid #ba4a57;margin: 10px auto 0 auto;background-color: #f5f5f5;padding: 20px 20px 10px 20px;}
.qm-dq .q1{display: inline-block;width: 100%;margin-bottom: 20px;position: relative;padding-bottom: 20px;border-bottom: 1px solid #ebebeb;}
.qm-dq .q1 .q2{width: auto;}
.title_hl{width: auto;height:39px;padding:20px 0;line-height:39px;text-align:center;color:#BA4A57;font-size:30px;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53,\5B8B\4F53;overflow:hidden;}
.title_hl img {
    margin-right: 10px; /* 调整这个值来改变间距 */
    vertical-align: middle; /* 让图片垂直居中 */
}
.title_hl1{width: auto;height:39px;line-height:39px;color:#000;font-size:16px;overflow:hidden;}
.description{margin:-8px 80px 0px;text-align:center;font-size:12px;color:#333;margin-bottom: 15px;}



.wrapper {
	width: 100%;
	margin: 0px auto;
	background-color: #f5f5f5;
	padding: 2px;
}

.global {
	background-color: #e9e9e7;
	padding: 0;
	margin: 0;
}

.content p {
	margin: 18px auto!important;
	font: 13px "Microsoft YaHei","微软雅黑","Microsoft JhengHei","宋体";
}}
/* 父元素 */
.container {
	position: relative;
}

/* 左右箭头样式 */
.index_leftarrow,
.index_rightarrow {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
}

.index_leftarrow {
	background: url(../images/index_leftarrow.png) no-repeat;
	background-size: 40px auto;
	top: 33%;
	left: 35%;
	margin-top: -15px;
}

.index_rightarrow {
	background: url(../images/index_rightarrow.png) no-repeat;
	background-size: 40px auto;
	top: 33%;
	right: 35%;
	margin-top: -15px;
}

.arrow_left,.arrow_right {
	position: fixed;
	width: 30px;
	height: 50px;
	background-color: #CC0000;
}

.arrow_left {
	background-image: url(../images/leftarrow1.png);
	background-repeat: no-repeat;
	background-size: 30px auto;
	top: 50%;
	left: 0;
	background-position: center
}

.arrow_right {
	background-image: url(../images/rightarrow1.png);
	background-size: 30px auto;
	top: 50%;
	right: 0;
	background-repeat: no-repeat;
	background-position: center
}

/*日历三部分*/
.calendar {
	height: 589px;
	position: relative;
}

.global_border {
	position: absolute;
}

.border_fl,.border_fr {
	width: 7px;
	height: 580px;
	background: url(../images/bg4.gif) repeat-y;
	top: 7px;
}

.border_fl {
	left: 0;
}

.border_fr {
	right: 0;
	background: url(../images/bg4_2.gif) repeat-y right;
}

.border_top {
	width: 99%;
	height: 7px;
	background: url(../images/2012_bj_1.gif) repeat-x;
	top: 0;
	left: 9px;
}

.border_bottom {
	width: 99%;
	height: 7px;
	background: url(../images/2012_bj_1_2.gif) repeat-x;
	bottom: 0;
	left: 7px;
}

.border_fltop {
	width: 9px;
	height: 7px;
	top: 0;
	left: 0;
	background: url(../images/2012_bj_2.gif);
}

.border_frtop {
	width: 9px;
	height: 7px;
	top: 0;
	right: 0;
	background: url(../images/2012_bj_3.gif);
}

.border_flbottom {
	width: 9px;
	height: 7px;
	bottom: 0;
	left: 0;
	background: url(../images/2012_bj_2_2.gif);
}

.border_frbottom {
	width: 9px;
	height: 7px;
	bottom: 0;
	right: 0;
	background: url(../images/2012_bj_3_2.gif);
}

.goodcalendar {
	width: 30%;
	height: 425px;
	float: left;
}

.left_arrow,.right_arrow {
	width: 19px;
	height: 36px;
	position: absolute;
	top: 50%;
}

.left_arrow {
	background: url(../images/left-arrow.png);
	left: 80px;
}

.right_arrow {
	background: url(../images/right-arrow.png);
	right: 80px;
}

.goodcalendar_top {
	height: 268px;
	float: left;
}

.suitable {
	height: 104px;
	width: 100%;
	float: left;
	overflow: hidden;
}

.suitable span {
	display: block;
	width: 60px;
	height: 60px;
	background: #4aba77;
	border-radius: 50px;
	text-align: center;
	line-height: 60px;
	font-size: 36px;
	color: #FFF;
	font-family: "SongTi";
	margin: 20px 0 0 120px;
}

.suitable .ji {
	background: #BA4A57;
}

.suitable_con {
    height: 126px;
    width: 235px;
    float: left;
    margin-left: 26px;
    margin-top: 10px;
    overflow: hidden;
    font-size: 14px;
    text-align: center;
}
.suitable_con span {
    font-size: 13px;
    margin-right: 5px;
    margin-bottom: 2px;
    display: inline-block;
}
.suitable_con ul {
	height: 136px;
	margin: 0;
	padding: 0px 0 0 0;
	background-size: cover;
}

.suitable_con ul li {
	float: left;
	font-size: 13px;
	width: 24.6%;
	text-align: center;
	height: 22px;
	overflow: hidden;
	padding-top: 1px;
	line-height: 22px;
	border-right: 1px solid #CCC;
}
.suitable_con li:nth-child(4n) {
  border-right: none;
}
.suitable_con ul:first-child {
}

.solar {
	height: 28px;
	width: 100%;
	background: #BA4A57;
	float: left;
	text-align: center;
	color: #FFF;
	line-height: 30px;
	font-size: 13px;
}
.solar:hover {
    text-decoration: none;
    color: #FFF;
}
.goodcalendar_foot {
	height: 159px;
	float: left;
	width: 100%
}

.suitable_con ul .compatibility {
	width: 100%;
	text-align: center;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	background: url(../images/bgm.jpg) repeat;
}

.mammon {
	width: 100%;
	height: 156px;
	float: left;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
}

.mammon_left {
	width: 50%;
	height: 156px;
	float: left;
	border-right: 1px solid #CCC;
	box-sizing: border-box;
}
.mammon_center {
	width: 100%;
	height: 156px;
	float: left;
	border-right: 1px solid #CCC;
	box-sizing: border-box;
}
.mammon_right {
	width: 50%;
	height: 156px;
	float: left;
}

.mammon_left h4,.mammon_right h4 {
	height: 28px;
	text-align: center;
	line-height: 30px;
	font-size: 13px;
}
.mammon_center h4,.mammon_right h4 {
	height: 28px;
	text-align: center;
	line-height: 30px;
	font-size: 13px;
}

.jishen {
	width: 100%;
}

.jishen ul {
	margin: 0;
	padding: 0;
	font-size: 15px;
}

.jishen li {
    height: 126px;
    width: 235px;
    float: left;
    margin-left: 26px;
    margin-top: 10px;
    overflow: hidden;
    font-size: 14px;
    text-align: center;
}
.jishen li:nth-child(4n) {
  border-right: none;
}
.cs {
	height: 106px;
	width: 80%;
	margin: 0 auto;
	padding: 0;
	font-size: 15px;
}

.cs ul {
	margin: 0;
	padding: 0;
}

.cs li {
	text-align: center;
	line-height: 24px;
}

.mammon_foot {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}

.mammon_foot span {
	display: block;
	height: 48px;
	text-align: center;
	line-height: 24px;
	margin-top: 15px;
}

.mammon_foot p {
	margin: 0;
	padding: 0;
}

.kalendar {
	width: 39%;
	height: 425px;
	float: left;
	border-left: 1px solid #956939;
	border-right: 1px solid #956939;
	background-color: #f2f3ee;
}

.kalendar_top {
	height: 300px;
}

.kalendar_top h3,.kalendar_top h5 {
	height: 30px;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	margin-top: 15px;
}

.kalendar_top h5 {
	margin-top: 65px;
}

.kalendar_date {
	height: 155px;
	text-align: center;
}

.kalendar_date span {
	font-size: 125px;
	color: #BA4A57;
	font-weight: bold;
	line-height: 0.85;      /* 调整这个值 */
	display: inline-block;
	height: 100px;          /* 固定高度 */
	overflow: visible;
	margin-bottom: 15px;
	margin-top: 10px;
	pointer-events: none;
}

.kalendar_date p {
	font-size: 25px;
	color: #BA4A57;
	font-weight: bold;
	line-height: 2.5;
}

.kalendar_foot {
	width: 310px;
	margin: 15px auto;
	border: 1px solid #956939;
}

.kalendar_foot_global {
	width: 310px;
	border-bottom: 1px solid #CCC;
	margin: auto;
}
/* 移除第二个 .kalendar_foot_global 的下划线 */
.kalendar_foot_global:nth-of-type(2) {
    border-bottom: none; /* 移除下划线 */
}
.kalendar_foot_global span {
	display: block;
	height: 28px;
	line-height: 24px;
	text-align: center;
	padding: 5px 0;
	font-size: 14px;
}

.kalendar_foot_global em,.ecliptic_left_mid ul li em {
	color: #88631E;
	font-size: 14px;
}

.kalendar_foot_global span strong {
	font-size: 14px;
}

.kalendar_foot_global span font {
	font-size: 14px;
}

.kalendar_foot_last {
	border-bottom: none;
}

/*时辰吉日*/
.times,.time_01 {
	margin-top: 20px;
	border: 1px solid #956939;
	overflow: hidden;
	width: 100%;
}
.t_11{
	border: 1px solid #CCC;
	background-color: #e9e9e7;
	border-width: 1px 0px 0px 1px;
	padding: 5px 0;
	margin: 0;
	font-size: 13px;
    text-align: center; /* 文字水平居中 */
    vertical-align: middle; /* 文字垂直居中 */
}
.t_12{
        border: 1px solid #CCC;
        line-height: 1.8;
        font-size: 13px;
        padding: 10px;
        vertical-align: middle; /* 文字垂直居中 */
}
.t_13{
        border: 1px solid #CCC;
        line-height: 1.8;
        font-size: 13px;
        padding: 10px;
        vertical-align: middle; /* 文字垂直居中 */
        background-color: #ffffe0;
}
.isji{
    width: 23px;
    height: 23px;
    background: #BA4A57;
    border-radius: 50%;
    line-height: 23px;
    text-align: center;
    font-size: 13px;
    color: #FFFFFF;
    display: block;
}
.is_xiong{
    width: 23px;
    height: 23px;
    background: #3f3f3f;
    border-radius: 50%;
    line-height: 23px;
    text-align: center;
    font-size: 13px;
    color: #FFFFFF;
    display: block;
}
.t_6 {
	border: 1px solid #CCC;
	background-color: #e9e9e7;
	border-width: 1px 0px 0px 1px;
	padding: 5px 0;
	margin: 0;
	font-size: 13px;
}
.times h5 {
	height: 30px;
	background: #BA4A57;
	text-align: center;
	line-height: 30px;
	color: #FFF;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
.huangli_di,.time_01 {
	overflow: hidden;
	width: 99.3%;
}
.t_15{
	border: 1px solid #CCC;
	background-color: #e9e9e7;
	border-width: 1px 0px 0px 1px;
	padding: 5px 0;
	margin: 0;
	font-size: 13px;
}
.t_16{
	border: 1px solid #CCC;
	border-width: 1px 0px 0px 1px;
	padding: 5px 0;
	margin: 0;
	font-size: 13px;
	line-height: 88px
}

.huangli_di h5 {
	height: 28px;
	background: #BA4A57;
	text-align: center;
	line-height: 28px;
	color: #FFF;
	font-size: 13px;
	margin: 0;
	padding: 0;
}
/*日期*/
.yl {
	margin: 20px 0;
	height: 30px;
	padding: 0;
}

.yl_left {
	float: left;
	width: 70px;
	padding: 0;
	margin-right: 1.5px;
}

.yl_left a:link,.yl_left a:visited {
	display: block;
	background: #BA4A57;
	line-height: 30px;
	font-size: 15px;
	text-align: center;
	font-weight: normal;
	color: #ffffff;
	border: #BA4A57;
}

.yl_left a:hover {
    border: 1px solid #956939;
	background-color: #ba4a57;
	color: #fff;
}

.yl_right {
	float: right;
	padding: 0;
	margin: 0;
}

.yl_mid {
	float: left;
	height: 30px;
	margin-left: 10px;
	padding: 0;
	margin: 0;
	text-align: center;
	display: flex;
	width: 85%;
}

.yl_mid li {
	float: left;
	text-align: center;
	flex: 1;
	background-color: #f2f3ee;
	border: 1px solid #956939;
	border-left: none !important;
 /* 默认去掉左边框 */
}

/* 针对第一个 li 元素，重新添加左边框 */
.yl_mid li:first-child {
	border-left: 1px solid #956939 !important;
}

.yl_mid li a:link,
.yl_mid li a:visited {
	display: block;
	line-height: 30px;
	font-size: 15px;
	font-weight: normal;
	color: #000;
}

.yl_mid li a:hover {
	background-color: #ba4a57;
	color: #fff;
}

.yl_mid .today {
	background: #BA4A57;
	border: 1px solid #BA4A57;
}

.yl_mid .today a:link,.yl_mid .today a:visited {
	color: #FFF;
}

.yl_mid .today a:hover {
	color: #fff;
}

.yl_mid .gray {
	background: #DDD;
}

.yl_mid .gray a:link,.yl_mid .gray a:visited {
	color: #000;
}

.yl_mid .gray a:hover {
	color: #D3463D;
}

.fright {
	float: right;
}

.p10 {
	padding: 10px;
}
.calendar-input {
    width: 150px;
    padding: 2px;
    font-size: 15px;
    border: 1px solid #d1c0a5;
    /* border-radius: 4px; */
    text-align: center;
}

.jri_list{
    width: 100%;
}
.jri_item{
    margin-left: 1px;
    background: #FFFFFF;
    border-radius: 10px;
    float: left;
    margin-bottom: 6px;
    margin-top: 6px;
}
.jri_item:hover{
    cursor: pointer;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.jri_pic{
    float: left;
    width: 68px;
    height: 68px;
    background: #E6E6E6;
    border-radius: 10px;
    margin: 10px;
}
.jri_item:first-child .jri_pic{
    background-image: url(../images/ico/icon_banjia.png);
    background-size: 100%;
}
.jri_item:nth-child(2) .jri_pic{
    background-image: url(../images/ico/icon_jiehun.png);
    background-size: 100%;
}
.jri_item:nth-child(3) .jri_pic{
    background-image: url(../images/ico/icon_dinghun.png);
    background-size: 100%;
}
.jri_item:nth-child(4) .jri_pic{
    background-image: url(../images/ico/icon_tiche.png);
    background-size: 100%;
}
.jri_item:nth-child(5) .jri_pic{
    background-image: url(../images/ico/icon_ruzhai.png);
    background-size: 100%;
}
.jri_item:nth-child(6) .jri_pic{
    background-image: url(../images/ico/icon_chuxing.png);
    background-size: 100%;
}
.jri_item:nth-child(7) .jri_pic{
    background-image: url(../images/ico/icon_dongtu.png);
    background-size: 100%;
}
.jri_item:nth-child(8) .jri_pic{
    background-image: url(../images/ico/icon_zhuangxiu.png);
    background-size: 100%;
}
.jri_item:nth-child(9) .jri_pic{
    background-image: url(../images/ico/icon_ruzhai.png);
    background-size: 100%;
}
.jri_item:nth-child(10) .jri_pic{
    background-image: url(../images/ico/icon_dongtu.png);
    background-size: 100%;
}
.jri_info{
    float: left;
    margin-top: 10px;
    width: 100px;
}
.jiri_tit{
    font-size: 14px;
    color: #333333;
}
.jiri_desc{
    font-size: 12px;
    color: #999999;
    padding-top: 5px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.shihelist{
    overflow: hidden;
    padding-bottom: 10px;
    margin-left: 18px;
}
.shiht_item{
    float: left;
    width: 105px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    background: #FFFFFF;
    border: 1px solid #BA4A57;
    opacity: 1;
    border-radius: 2px;
    margin-left: 20px;
    margin-bottom: 15px;
}
.shiht_item a{
    font-size: 14px;
    color: #BA4A57;
    display: block;
}
.shiht_item a:hover{
    cursor: pointer;
    color: #FFF;
}
.shiht_item:hover{
    background: #BA4A57;
}
.mt20{margin-top:20px}

.icon-day {
    border-radius: 4px;
    background: #ba4a57;
    width: 20px;
    height: 20px;
    display: flex;            /* 启用 Flex 布局 */
    align-items: center;      /* 垂直居中 */
    justify-content: center;  /* 水平居中 */
    text-align: center;       /* 文字居中（备用） */
    color: #fff;              /* 可选：设置文字颜色为白色 */
    font-size: 12px;          /* 可选：根据需要设置字体大小 */
    line-height: 20px;        /* 可选：与高度一致，增强垂直居中效果 */
    float: right;
    margin: 5px 0;
}
.icon-day:hover {
    transform: scale(1.1);      /* 放大为原来的 1.2 倍 */
    color: #fff;
}
/* 让日期选择框和"今"按钮并排显示 */
.kalendar_top h3.flex-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

/* 调整日期选择框大小 */
.kalendar_top h3 .calendar-input {
    width: 140px;
}