                * {
                    margin: 0;
                    padding: 0;
                    box-sizing: border-box;
                    font-family: "Microsoft YaHei", sans-serif;
                }
                body {
                    background-color: #f8f9fa;
                    color: #333;
                    line-height: 1.6;
                    padding: 5px;
                }
                .calendar-container {
                    max-width: 940px;
                    margin: 0 auto;
                    background: white;
                    border-radius: 12px;
                    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
                    padding: 5px;
                }
                .calendar-header {
                    margin-top:15px;
                    text-align: center;
                    margin-bottom: 5px;
                    padding-bottom: 5px;
                    border-bottom: 1px solid #eaeaea;
                }
                .calendar-title {
                    font-size: 24px;
                    color: #2c3e50;
                    font-weight: 600;
                }
                .calendar-nav {
                    display: flex;
                    justify-content: space-between;
                    margin-top: 15px;
                }
                .calendar-nav a {
                    text-decoration: none;
                    color: #3498db;
                    padding: 8px 15px;
                    border-radius: 6px;
                    transition: background 0.3s;
                }
                .calendar-nav a:hover {
                    background: #f0f7ff;
                }
                .calendar-weekdays {
                    display: grid;
                    grid-template-columns: repeat(7, 1fr);
                    text-align: center;
                    font-weight: 600;
                    margin-bottom: 10px;
                    color: #2c3e50;
                }
                .calendar-weekdays div {
                    padding: 12px 0;
                }
                .calendar-days {
                    display: grid;
                    grid-template-columns: repeat(7, 1fr);
                    gap: 8px;
                }
                .calendar-day {
                    border-radius: 8px;
                    padding: 8px 8px;
                    text-align: center;
                    background: #fff;
                    transition: all 0.2s;
                    border: 1px solid #f0f0f0;
                    min-height: 60px;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                }
                .calendar-day:hover {
                    transform: translateY(-2px);
                    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
                }
                .calendar-day.weekend, .calendar-weekdays .weekend, .weekend .lunar-date{
                    color: #27ae60;
                }
                .calendar-day .solar-date {
                    font-size: 18px;
                    font-weight: 600;
                    margin-bottom: 0px;
                }
                .calendar-day .lunar-date {
                    font-size: 12px;
                    color: #7f8c8d;
                }
                .calendar-day a {
                    text-decoration: none;
                    color: inherit;
                    display: block;
                }
                .calendar-day.empty {
                    background: transparent;
                    border: none;
                }
                .today {
                    background-color: #e8f4fd;
                    border-color: #3498db;
                }
                .today .solar-date, .today .lunar-date {
                    color: #e74c3c !important;
                    font-weight: 700;
                }
                .festival {
                    color: #e74c3c;
                    font-weight: bold;
                }
                a{color:#333;text-decoration:none}
a:hover{color:#f50}
.left{float:left;left: 50px;}.right{float:right}.mt2{margin-top:2%}.mt3{margin-top:3%}.box{margin-left:3%;margin-right:3%}.radius{border-radius:5px}.w100{width:100px}
.gray{color:#ccc}.red{color:#f00}.green{color:#008000}.orange{color:#FA6900}.gold{color:#FFD700}.blue2{color:#2e52a4}.ft8{font-size:0.8em}.ft6{font-size:0.6em}.ft4{font-size:0.4em}.initial{text-transform:capitalize}
.main,.location{clear:both;min-width:300px;width:100%;margin-left:auto;margin-right:auto;overflow:hidden}
hr{background-color:#dee2e5;border:none;display:block;height:1px;margin:1em 0}
.logo{display:flex;text-align:center;width:5em;height:5em;line-height:5em;margin:2% 0;border:solid 1px #5bc111;border-radius:100%;margin-left:auto;margin-right:auto;overflow:hidden}
.current{height:2.5em;line-height:2.5em;border-bottom:1px solid #eaeaea;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.current .home {display:inline-block;width:1.5em;height:1.5em;margin-top:0.5em;margin-left:3%;background:url(home.png) no-repeat;background-size:100% 100%;overflow:hidden}
.current .nav {width:1.5em;height:1.5em;margin-top:0.5em;margin-right:3%;background:url(nav.png) no-repeat;background-size:100% 100%}
.current em,.foot em{color:#ccc;margin:0 1%}
.content{max-width:100%;text-align:justify}
.content p{text-indent:2em;margin:0.5em 0;text-transform:uppercase;letter-spacing:0.05em;line-height:2em}
.content h2,.content h3 {padding:0.5em 0;border-bottom: 1px solid #eaeaea;font-weight:600}
.content h2:before,.content h3:before{content:"";float:left;display:block;width:4px;height:0.8em;background-color:#ff4939;margin-left:2em;margin-top:0.3em;margin-right:0.5em}
table,.table {clear:both;width:100%;border-collapse:collapse;border-spacing:0;border-left:1px solid #eaeaea;border-top:1px solid #eaeaea;}
.table,.tc {text-align:center}
.table td,.table th{padding:0.65em;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea}
.kalendar{position:relative}
.kalendar .left a,.kalendar .right a{display:block}
.kalendar .left,.kalendar .right{position:absolute;top:0px}.kalendar .right{right:50px}
.kalendar .left img,.kalendar .right img {width:1em;margin:7em 0.5em}
.kalendar .hm {font-size: 80px;color: #d4473d;font-weight: 700;}
.kalendar .mid p{padding:0.25em 0}
.kalendar .today{font-size:0.8em;margin-left:0.5em;color:#999999;border:0.02em solid #999999;border-radius:50%;text-align:center;overflow:hidden}
.yi,.ji{display:inline-block;color:#fff;background-color:#5bc111;padding:3px 5px;border-radius:3px}
.ji{background-color:#fc3939}
.txtBirth input,.txtBirth select{color:#333;height:38px;line-height:38px;border:1px solid #f5e3c5;padding:0 8px;border-radius:5px;background:#fff;overflow:hidden}
.txtBirth option{outline:none;overflow:hidden}
.txtBirth .tsb{min-width:80px;height:38px;border:0;cursor:pointer;font-size:16px;color:#fff;background:#e7a96d;outline:medium;-webkit-appearance:none;-webkit-border-radius:0;border-radius:5px}
.txtBirth .tsb:hover{background:#f17f05}
                @media (max-width: 768px) {
                    .calendar-container {
                        padding: 5px;
                    }
                    .calendar-day {
                        padding: 4px 4px;
                        min-height: 60px;
                    }
                    .calendar-day .solar-date {
                        font-size: 18px;
                    }
                    .calendar-day .lunar-date {
                        font-size: 10px;
                    }
                }
/*lhl start*/
.mt-10 {
    margin-top: 10px !important;
}
.mm-10{
    margin-bottom:10px !important;
}
.pt-10 {
    padding-top: 10px;
}

.border-left {
    border-left: 1px solid #efefef;
}

.border-bottom {
    border-bottom: 1px solid #efefef;
}

.border-top {
    border-top: 1px solid #efefef;
}

.border {
    border: 1px solid #efefef;
}

.block {
    display: block;
    width: 100%;
}
.panel {
    background-color: #fff;
    margin-bottom: 10px;
    background-color: #fff;
    padding: 15px 0;
}
.text-line-1 {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.text-line-2{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.bread + .panel, .bread-wrap + .panel {
    margin-top: 10px;
}

.panel-hd {
    display: flex;
    padding: 0px 10px 15px 10px;
    box-sizing: border-box;
}

.panel-hd h1, .panel-hd h2 {
    font-size: 24px;
    color: #2c3e50;
    font-weight: 600;
    flex: 1;
    text-align: center;
    }

.panel-hd_title {
    flex: 1;
    font-size: 1.8rem;
    font-weight: 600;
}
    .panel-hd_title:after {
        content: ' ';
        position: absolute;
        background-color: #2d92d9;
        width:4px;
        height:20px;
        left:0;
        top:4px;
        border-radius:5px;
    }

    .panel-hd_title_h1 {
        font-size: 1.8rem;
        text-align: center;
        color: #2d92d9;
        flex: 1;
    }

.panel-hd_footer {
}

.panel-bd {
    padding: 0 0px;
}

    .panel-bd + .panel-hd {
        margin-top: 20px;
    }

.panel-bd_des {
    font-size: 14px;
    text-align: center;
    color: #999;
    margin-bottom: 15px;
}

    .panel-bd_des small {
        font-size: 14px;
    }

.lhl_jxgj {
    border: 1px solid #efefef;
}

.lhl_cell {
    border-bottom: 1px solid #efefef;
    display: flex;
    align-items: center;
    font-size: 1.0rem;
    line-height: 32px;
}
.lhl_cell_hd {
    width: 70px;
    margin-left: 0px;
}

.lhl_cell_bd {
    flex: 1;
    border-left: 1px solid #efefef;
    padding-left: 10px;
    min-height: 32px;
}

.lhl_sc{
    margin-left: 0px;
    padding-left: 0px;
}

.lhl_sc_li{
     
 }
.lhl_cell_bd .lhl_cell .lhl_cell_hd {
        width: 45px;
        text-align: center;
    }

.lhl_cell_bd .lhl_cell .lhl_cell_hd .lhl_yj {
            font-size: 14px;
            width: 26px;
            height: 26px;
            border-radius: 13px;
            line-height: 26px;
        }

dd, dl, dt {
    padding: 0;
    margin: 0;
}



.lhl_jxgj dl {
    text-align: center;
}

.lhl_jxgj dt, .h6 {
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    color: #000;
    text-align: center;
}

.lhl_jxgj dd {
    font-size: 14px;
    display: inline-block;
    line-height: 30px;
    height: 30px;
}




.lhl_sc_text {
    width: 50px;
    text-align: center;
    line-height: 50px;
    writing-mode: vertical-rl;
    font-size: 18px;
    letter-spacing: 10px;
}

.form-line {
    text-align: center;
}

    .form-line li select {
        display: inline-block;
        margin: 5px;
    }

    .form-line select, .form-line input {
        color: #3e4144;
        font-size: 14px;
        line-height: 26px;
        padding: 2px;
        height: 34px;
        display: inline-block;
        margin: 0;
    }

        .form-line input[type="submit"], .form-line input[type="button"] {
            display: inline-block;
            background-color: #2d92d9;
            color: #fff;
            padding: 0 10px;
            font-size: 16px;
            height: 40px;
            line-height: 40px;
        }

.lhl_month ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

    .lhl_month ul li {
        text-align: center;
        padding: 10px;
        font-size: 16px;
    }

.panel-bd.tool_des p {
    line-height: 2;
    font-size: 16px;
}

.panel-bd.tool_des img {
    float: right;
    width: 45%;
    height: auto;
    margin-left: 10px;
    margin-top: 10px;
}

.panel-bd_form + .panel-bd_cnt {
    margin-top: 10px;
}

.panel-bd.tool_des + .panel-bd_cnt {
    margin-top: 20px;
}

.panel-bd_cnt h3 {
/*    border-left: 5px solid #2d92d9;*/
    padding-left: 15px;
    line-height: 30px;
    font-size: 1.6rem;
    font-weight: bold;
    /*    background-color: #F5F5F5;*/
    margin: 8px 0;
    position:relative;
}
    .panel-bd_cnt h3:after {
        content:' ';
        position: absolute;
        height: 18px;
        top: 6px;
        left: 0;
        background-color: #2d92d9;
        width:4px;
        border-radius:5px;
    }
    .panel-bd_cnt img {
        width: 45%;
        float: right;
        height: auto;
        margin-top: 10px;
        margin-left: 10px;
    }

.panel-bd_cnt p {
    line-height: 1.8;
    font-size: 1.6rem;
    margin-bottom: 10px;
}

.panel-bd_cnt a {
    color: #2d92d9;
}

.panel-bd_cnt table {
    margin-bottom: 10px;
}

.panel-bd_cnt .update_date {
    font-size: 1.2rem;
    color: #999999;
}


.panel-bd_links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 10px;
}
    .panel-bd_links li {
        overflow: hidden;
    }
    .panel-bd_links a {
       
        padding: 0 2px;
    }
    .panel-bd_links.item-2 {
        grid-template-columns: repeat(2,1fr);
        grid-gap: 10px;
    }
    .panel-bd_links.item-3 {
        grid-template-columns: repeat(3,1fr);
        grid-gap: 10px;
    }
.panel-bd_cnt .panel-bd_links {
    margin-bottom: 15px;
}

.panel-bd_cnt a.btn {
    color: #333;
}

.panel-bd_cnt .bzpan-ui a {
    color: #333;
}

.panel-bd_links li {
    text-align: center;
    background-color: #f2f2f2;
    border-radius: 5px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
}

    .panel-bd_links li a {
        display: block;
    }
/*lhl end*/
h2.public-box_title {
    padding: 0;
    color: #333;
    text-align: left;
    padding-left: 9px;
    border-left: 4px solid #297eb9;
    font-size: 1.8rem;
}

.correl ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

    .correl ul li {
        padding: 5px 0;
        text-align: center;
        font-size: 1.4rem;
    }

.content-fold {
    max-height: 100vh; /* 初始高度为视口高度 */
    overflow: hidden;
    transition: max-height 0.3s ease;
    position: relative;
}

    .content-fold.expanded {
        max-height: none; /* 展开后不限制高度 */
        padding-bottom: 40px;
    }

        .content-fold.expanded .fold-footer {
            background: none;
            height: initial;
        }

.fold-footer {
    height: 200px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 1)); /* 渐变背景 */
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end; /* 将按钮放置在底部 */
}

    .fold-footer button {
        padding: 10px 20px;
        cursor: pointer;
        background: none; /* 去掉按钮背景色 */
        color: #2d92d9;
        font-size: 1.6rem;
        font-weight: bold;
    }


.text-align-left {
    text-align: left;
}

ul.cells {
    padding: 0;
    list-style: none;
    display: block;
}

    ul.cells li {
        display: block;
        border-bottom: 1px solid #efefef;
        padding: 10px 0;
    }
    .lhl_cell_bd .lhl_cell .lhl_cell_hd .lhl_yj {
            font-size: 14px;
            width: 26px;
            height: 26px;
            border-radius: 13px;
            line-height: 26px;
        }
        .lhl_yj {
    display: inline flow-root list-item;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 15px;
    line-height: 30px;
    color: #fff;
    font-size: 20px;
}

.lhl_y, .lhl_j {
    background: #d4473d;
}

.lhl_j {
    background: #000;
}

.lhl_jxgj {
    border: 1px solid #efefef;
}
.lhl_mouse:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  border: 1px solid #dfdfe2;
  background: #f1f1f1;
}