/* 
 * 日历网淡雅金色主题
 * 基于原版结构，只修改颜色值，100%保持原布局
 * 主色调：#D4AF37 (金色) | #8B4513 (深棕) | #FFF8DC (米白)
 */

/* ===== 原版CSS结构，仅修改颜色部分 ===== */
html{
    font-size:80px;
}
@media only screen and (max-width:900px) and (min-width:769px){
    html{
        font-size:70px;
    }
}
@media only screen and (max-width:768px) and (min-width:461px){
    html{
       font-size:65px;
    }
}
@media only screen and (max-width:460px) and (min-width:401px){
    html{
       font-size:53px;
    }
}

@media only screen and (max-width:400px){
    html{
        font-size:48px;
    }
}

*, :after, :before  {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    margin: 0 auto;
    font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", miui, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
    color: #333;
    letter-spacing:1px;
    font-size: 14px;
    background: #FFF8DC !important; /* 仅改背景色 */
}
a {-webkit-tap-highlight-color: transparent;}
.max-width{max-width:1000px;}
.clear{clear:both;}
.header {margin: 0 auto;}
.header .logo1 {float:left;margin-left:10px;}
.header .logo1 img{display: block;margin: auto;}
.header .logo2 {float:right;display: table;padding:5px 15px 0 0px;text-align: right;}

.top {
    overflow: hidden;
    padding-top: .1rem;
    clear: both;
    border-bottom: 3px solid #D4AF37 !important; /* 改颜色 */
    background: #FFFAF0 !important; /* 改颜色 */
}

.top img {
    height: .8rem;
    width: auto;
    border-radius: 10px;
    float: left;
    margin-right: 16px;
}

.top h1 {
    padding: .55rem .1rem 0 0;
    font-size: 14px;
    font-weight: normal;
    color: #666; /* 改颜色 */
    float: right;
}

.top span {
    float: right;
    display: block;
    background: #D4AF37 !important; /* 改颜色 */
    color: #FFF;
    padding: 8px 24px;
    font-size: 16px;
    border-radius: 6px;
    margin-top: 11px;
}

.top a {
    height: 60px;
}

.dh-box {
    margin: 10px auto;
    height:60px;
    background: linear-gradient(to right, #8B4513, #D4AF37) !important; /* 改颜色 */
}

.dh {
    display: flex;
    gap: .18rem;
    align-items: center;
    justify-content: center;
    height: 60px;
    font-size: .23rem;
    font-weight: 550;
}

.dh a {
    color: #FFF;
    padding: .1rem .15rem;
}

.dh .av,.dh a:hover {
    background: #fff;
    color: #8B4513 !important; /* 改颜色 */
    border-radius: 5px;
}

.footer {
    margin: 0 auto;
    margin-top:20px;
    padding:10px 0 10px 0;
    color: #D4AF37; /* 改颜色 */
    text-align: center;
}
.footer p{padding:0 25px 0 25px;}
.footer p a{
    color: #D4AF37; /* 改颜色 */
    text-decoration:none;
}

.main {margin: 0 auto;box-sizing: border-box;margin-top:20px;}
.main-box {float:left;width:63%;box-sizing: border-box;padding-right:15px;}
.main-box1 {border:#e3e2e1 1px solid;}
.alm {
    float:right;
    width:37%;
    box-sizing: border-box;
    border:#ccc 0px solid;
    padding:20px 5px 20px 5px;
    text-align:center;
    background:#f9f7f6;
}
.alm-date-xq {font-weight:bold;}
.alm-date-xq h1{margin:0;font-size: 16px;}
.alm-date-ago{
    font-weight:bold;
    padding-top: 8px;
    font-size: 16px;
    color: #D4AF37; /* 改颜色 */
}
.alm-date-nl-jq {font-weight:bold;}
.alm-date-nl-jq h2 {margin:0;font-size: 15px;padding:0;}
.dayjieqi {color: #D4AF37 !important;} /* 改颜色 */
.alm-date-jlr1 {font-size: 14px;margin:15px 10px 0 10px;padding-bottom: 5px;}
.alm-date-jlr1 span {margin:0 2px 0 2px;line-height:1.5;}
.alm-date-jlr1 .yuexiang1 {display: inline-block; padding-right:10px;color: #D4AF37;font-weight:bold;} /* 改颜色 */
.alm-date-jlr2 {font-size: 14px;margin:10px 10px 0 5px;}
.alm-date-jlr2 span {margin:0 12px;line-height:1.5;}
.zyjrgny {color:#D4AF37;font-weight:bold;} /* 改颜色 */
.alm-date-nl-nyr {
    border: #D4AF37 1px solid; /* 改颜色 */
    padding:5px 10px 5px 10px;
    margin:15px 10px 0 10px;
    font-size: 14px;
    border-radius: 8px;
}
.alm-date-nl-nyr p{margin:5px 0 5px 0;}
.alm-date-nl-nyr h2 {margin:0;font-size: 14px;font-weight: normal;}
.alm-date-day {padding:5px 0;font-weight:bold;display: flex;width: 100%;}
.alm-date-day .dayzj {
    font-size: 80px;
    color:#D4AF37; /* 改颜色 */
}
.alm-date-day .dayzb {text-align:right;}
.alm-date-day .dayyb {text-align:left;}

.column {line-height: 120px;height: 120px;display: flex;align-items: center;justify-content: center;}
.column a{display: flex;align-items: center;width: 100%;justify-content: center;text-decoration: none;}
.column img{max-height: 100%; }
.column:first-child, .column:last-child {width: 35%;}
.column:nth-child(2) {width: 30%;}

.calendar-navigation-large {float:left;width:100%;box-sizing: border-box;padding: 5px 15px 5px 15px;background:#f9f7f6;}

.calendar-navigation {float:left;width:65%;box-sizing: border-box;line-height:30px;}
.calendar-navigation .sxny {display: inline-block;}
.calendar-navigation .sxny a{text-decoration:none;color:#8b8b8a;}
.calendar-navigation select{outline:none;border:#ffffff 1px solid;background:#fff;color:#3e3e3e;box-sizing: border-box}
.calendar-navigation .xialacd {background:#fff;box-sizing: border-box;width:110px;border:#D4AF37 1px solid;text-align:center;border-radius: 6px;} /* 改颜色 */
.calendar-navigation .sxny_select {display: inline-block;}
.calendar-navigation-right {
    float:right;
    width:80px;
    background:#fff;
    box-sizing: border-box;
    line-height:30px;
    text-align:right;
    text-align:center;
    font-size: 13px;
    border-radius: 6px;
    border:#D4AF37 1px solid; /* 改颜色 */
}
.calendar-navigation-right a {text-decoration:none;color:#3e3e3e;}
.calendar-navigation-right a:hover {color:#D4AF37;} /* 改颜色 */

#weekdays {display: grid;grid-template-columns: repeat(7, 1fr);text-align: center;gap: 10px;margin:20px 0 20px 0;padding:0 15px 0 15px;}
#calendar {display: grid;grid-template-columns: repeat(7, 1fr);text-align: center;gap: 5px;padding:0 15px 15px 15px;}
#calendar div{font-weight: bold;border:#fff 2px solid;text-align:center;margin:2px 0;padding:5px 5px 5px 5px;border-radius: 10px;white-space: nowrap;overflow:hidden;}
#calendar div span{display:block;white-space: nowrap;overflow:hidden;}
#calendar div .nlday{font-weight:normal;font-size:14px;color: #8b8b8a;}
#calendar div:hover{
    font-weight: bold;
    border:#D4AF37 2px solid !important; /* 改颜色 */
    border-radius: 10px;
}
#calendar div a{color:#333;width: 100%;font-size: 22px;text-decoration:none;display: inline-block;border-radius: 10px;}
#calendar div.jiarixiu {background:rgb(211, 233, 211);border-radius: 10px;}
#calendar div.jiariban {background:#fbf4ed;border-radius: 10px;}
#calendar div.jiarixiu a {color:#2E8B57 !important;} /* 保持绿色 */
#calendar div.jiarixiu .nlday {color:#2E8B57 !important;}
#calendar div.dtdaycss {
    background:#D4AF37 !important; /* 改颜色 */
    border-radius: 10px;
    border:#D4AF37 2px solid !important; /* 改颜色 */
}
#calendar div.dtdaycss a{color:#fff !important;}
#calendar .zhoumo a{color:#D4AF37 !important;} /* 改颜色 */
#calendar div.dtdaycss .nlday{color:#fff !important;}
.zhoucssa {color:#D4AF37 !important;} /* 改颜色 */
.tx {float:left;position:absolute;z-index:999;font-weight:normal;font-size:14px;color:#fff;background:#2E8B57;border-radius: 5px;padding:0 1px 1px 1px;} /* 改颜色 */
.tb {float:left;position:absolute;z-index:999;font-weight:normal;font-size:14px;color:#D4AF37;background:#fff;border-radius: 5px;padding:0 1px 1px 1px;} /* 改颜色 */
.fdy {color: #c0bfbf;opacity: 0.3;border-radius: 10px;}

.yiji{border:#d6b191 0px solid;background:#fff;padding:5px 10px;margin:15px 12px 0 12px;font-size: 14px;border-radius: 8px;}
.yiji .qujimore{clear:both;padding:5px 0;text-align:left;}
.yiji .qujimore .yjspan{display:block;float:left;text-align:center;margin-right:12px;width:40px;line-height:58px;height:58px;font-size:18px;color:#FFF;border-radius:3px;}
.yiji .qujimore span{display: inline-block;margin:0 2px;}
.yiji .qujimore span a{margin-right:8px;}
.yiji .yi .yjspan{background:#2E8B57 !important;} /* 保持绿色 */
.yiji .ji .yjspan{background:#D4AF37 !important;} /* 改颜色 */
.pzbj {padding:0 20px 0 20px;margin:5px 0 12px 0;display: inline-block;}
.yiji h2 {margin:0;font-size: 14px;font-weight: normal;overflow:hidden;}

.jsxs {width: 100%;margin-top:15px;background:#f9efea;border-radius: 5px;padding:2px 10px;box-sizing: border-box;}
.jsxs .jsxs-all {margin:0;padding:2px 2px;text-align:left;margin:3px 0;line-height:1.5;}
.jsxs .jsxs-left{width: 25%;float:left;font-weight:bold;text-align:left;box-sizing: border-box;}
.jsxs .jsxs-right{width: 75%;float:right;text-align:left;box-sizing: border-box;}

.rili-jiaqi-dn {max-width:1000px;margin: 0 auto;box-sizing: border-box;margin-top:20px;font-size: 14px;border:#edebea 1px solid;background:#fcfcfc;}
.rili-jiaqi-dn span {width:20%;box-sizing: border-box;display: inline-block;text-align: center;padding:10px 5px;}
.fjlbbt {background:#edebea;}
.fjlb_name {font-weight:bold;}
.rili_wnlxx {max-width:1000px;margin: 0 auto;box-sizing: border-box;margin-top:20px;font-size: 14px;border:#edebea 1px solid;background:#fcfcfc;}
.rili_wnlxxbt {text-align: center;padding:10px 5px;font-weight:bold;background:#edebea;}
.rili_wnlxxsm {padding:0 20px;line-height:1.8;text-indent: 2em;}
.sxjieqi {font-weight:bold;color:#D4AF37 !important;} /* 改颜色 */

.time-scyj {margin: 0 auto;box-sizing: border-box;font-size: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;}
.time-scyj-box {width: 49.8%;box-sizing: border-box; margin-top: 10px;position: relative;}
.time-scyj-box a:hover{color:#8B4513 !important;} /* 改颜色 */
.sc-ji {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    font-family: 'Arial Black', arial-black, sans-serif;
    font-size: 60px;
    color: rgba(139, 69, 19, 0.26) !important; /* 改颜色 */
    z-index: 1;
}
.sc-xiong {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    font-family: 'Arial Black', arial-black, sans-serif;
    font-size: 60px;
    color: rgba(7, 7, 7, 0.26);
    z-index: 1;
}
.sc-now{
    border: #D4AF37 1px solid !important; /* 改颜色 */
    background-color: rgba(139, 69, 19, 0.1) !important; /* 改颜色 */
}
.time-scyj-title {
    text-align:center;
    padding:10px 5px;
    background:#fff;
    color:#D4AF37 !important; /* 改颜色 */
    font-weight:bold;
    border-bottom:#D4AF37 .035rem solid !important; /* 改颜色 */
}
.main-scyj-box1 {border-top:#e9e6e6 1px solid;border-left:#e9e6e6 1px solid;border-right:#e9e6e6 1px solid; z-index: 10; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);} 
.time-scyj-left {float:left;width:65%;box-sizing: border-box;padding-right:20px;}
.time-scyj-right {float:right;width:35%;box-sizing: border-box;border:#ccc 0px solid;}
.time-scyj-lr {line-height:1.6;}
.time-scyj-lr-l {padding:10px 25px;border:#e9e6e6 0px solid;line-height:2.3;background:#f9f7f6;}
.time-scyj-lr-l span {width:30%;display: inline-block;box-sizing: border-box;}
.scyj-xm {border-bottom:#e9e6e699 1px solid;text-align:left;padding:6px 25px;}
.scpt span {width:50%;display: inline-block;}
.scts span {margin:0 2px;display: inline-block;}
.yj{padding: 6px 0px 12px 20px;}
.scyj-xm .yjspan{display:block;float:left;text-align:center;margin:0 10px 2px 2px;width:28px;line-height:28px;height:28px;font-size:12px;color:#fff;border-radius: 50%;}
.scyj-xm .yi{ background:#2E8B57; } /* 保持绿色 */
.scyj-xm .ji{ background:#D4AF37; } /* 改颜色 */

.jrhl-jr {font-weight:bold;}
.jrhl-jr-2 {letter-spacing:0;line-height:1.6;}
.jrhl-jr-3 {letter-spacing:0;margin-top:10px;line-height:1.6;}

.scroller {
    margin: 0.2rem auto;
    border-left: 1px solid #e3e2e1;
    border-right: 1px solid #e3e2e1;
}

.almLine1 {
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-box;
    display: box;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
    border-bottom: 1px solid #B8860B !important; /* 改颜色 */
}
.almLine1:last-child { border-bottom: none; }
.cs,.wx { width: 90px; }
.cs,.pzbj,.wx { padding: 15px 0; }
.pzbj {
    border-left: 1px solid #B8860B !important; /* 改颜色 */
    border-right: 1px solid #B8860B !important; /* 改颜色 */
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
}
.almTitle { width: 100%; height: 15px; }
.almLine,.almLines,.almList1,.scyjContent {
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-box;
    display: box;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
    border-bottom: 1px solid #e3e2e1;
}
.almLines { border-bottom: none; }
.almLine>div {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    width: 33.3%;
    font-size: 16px;
    padding: 10px 0;
    text-align: center;
}
.csContent,.tscontent { border-left: 1px solid #e3e2e1; border-right: 1px solid #e3e2e1; }
.shenWeiBox { border-top: 1px solid #e3e2e1; }
.caishenwei span,.csContent span,.fushenwei span,.wxContent span,.xishenwei span,.yangguiren span,.yinguiren span,.zhishenContent span { display: block; text-align: center; }
.caishenwei span.almLineTitle,.csContent span.almLineTitle,.fushenwei span.almLineTitle,.wxContent span.almLineTitle,.xishenwei span.almLineTitle,.yangguiren span.almLineTitle,.yinguiren span.almLineTitle,.zhishenContent span.almLineTitle { padding-bottom: 5px; }
.caishenwei,.fushenwei,.xishenwei,.yangguiren { border-right: 1px solid #e3e2e1; }
.almLineTitle {
    color: #D4AF37 !important; /* 改颜色 */
    font-size: 16px;
}
.almLineTxt { color: #333; }
.verticleTitle {
    float: left;
    font-size: 16px;
    color: #D4AF37 !important; /* 改颜色 */
    width: 26px;
    padding-left: 15px;
    padding-top: 21px;
}
.jianchuTxt,.stars28Txt {
    float: left;
    width: 26px;
    font-size: 16px;
    color: #333;
    padding-left: 15px;
    padding-right: 28px;
}
.jianchuTxt { padding-top: 50px; }
.stars28Txt { padding-top: 41px; }
.almListContent {
    width: 100%;
    border-left: 1px solid #e3e2e1;
    border-right: 1px solid #e3e2e1;
}
.almList1>div,.almListContent {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
}
.almList1>div {
    width: 33.3%;
    font-size: 13px;
    text-align: center;
}
.almListTitle {
    width: 100%;
    font-size: 16px;
    color: #D4AF37 !important; /* 改颜色 */
    margin: 10px 0;
}
.almListTxt {
    max-width: 98%;
    margin: 0 auto 10px;
    line-height: 24px;
    color: #333;
}
.almList2,.almListTxt {
    text-align: center;
    font-size: 16px;
}
.almList2Title {
    width: 100%;
    color: #D4AF37 !important; /* 改颜色 */
    margin: 9px 0 10px;
}
.almList2Txt {
    width: 100%;
    color: #333;
    line-height: 18px;
    margin-bottom: 7.5px;
}
.almList2Txt.pzTxt {
    padding-bottom: 7.5px;
    border-bottom: 1px solid #e3e2e1;
    margin-bottom: 0px;
}
.jianchuContent, .stars28Content { border-bottom: 1px solid #e3e2e1; }
.almContent { margin: 10px 0 0 0; }

.shichen{ height: 1.15rem; border-bottom: 1px solid #E6B800 !important; } /* 改颜色 */
.shichen .title {
    float: left;
    width: .58rem;
    color: #B8860B !important; /* 改颜色 */
    font-size: .26rem;
    margin: .23rem .23rem 0 .3rem;
}
.shichen .shichen-box {
    color: #424242;
    width: 6.8rem;
    margin: 0 auto;
    margin-top: .08rem;
}
.shichen .shichen-box ul { height: 50px; }
.shichen li {
    float: left;
    font-size: .24rem;
    width: .22rem;
    margin: 0 .14rem;
    line-height: .33rem;
    text-align: center;
}
.shichen li .shichen-line { display: inline-block; width: 1px; height: .2rem; background: #424242; }
.shichen .now {
    color: #D4AF37 !important; /* 改颜色 */
    border: 1px #8B4513 solid !important; /* 改颜色 */
    width: 0.27rem !important;
}
.shichen .now-line { background: #B8860B !important; } /* 改颜色 */

/* 黄道吉日部分 */
.hd-box {width:100%;box-sizing: border-box;}
.hd-box1 {border:#eee 1px solid;}
.hd-navigation-large {width:100%;height:43px;box-sizing: border-box;padding: 5px 15px 5px 15px;background:#fafafa;}
.hd-navigation {
    float:left;
    width:100px;
    background:#fff;
    box-sizing: border-box;
    line-height:30px;
    text-align:right;
    text-align:center;
    font-size: 13px;
    border-radius: 6px;
    border:#D4AF37 1px solid; /* 改颜色 */
}
.hd-navigation-right {
    float:right;
    width:80px;
    background:#fff;
    box-sizing: border-box;
    line-height:30px;
    text-align:right;
    text-align:center;
    font-size: 13px;
    border-radius: 6px;
    border:#D4AF37 1px solid; /* 改颜色 */
}
.hd-navigation-right a {text-decoration:none;color:#3e3e3e;}
.hd-navigation-right a:hover {color:#D4AF37;} /* 改颜色 */

.hd-scyj {
    margin: 0 auto;
    box-sizing: border-box;
    font-size: 16px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.hd-scyj-box {width: 100%;box-sizing: border-box; margin-top: 10px;}
.hd-scyj-title {
    text-align:center;
    padding:10px 5px;
    background:#fff;
    color:#D4AF37 !important; /* 改颜色 */
    font-weight:bold;
    border-bottom:#D4AF37 .035rem solid !important; /* 改颜色 */
}
.hd-scyj-box1 {border-top:#e9e6e6 1px solid;border-left:#e9e6e6 1px solid;border-right:#e9e6e6 1px solid; z-index: 10; } 

.hd-scyj-left {float:left;width:65%;box-sizing: border-box;padding-right:20px;}
.hd-scyj-right {float:right;width:35%;box-sizing: border-box;border:#ccc 0px solid;}

.hd-scyj-lr {line-height:.42rem;}
.hd-scyj-lr .taglist{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap:10px;
    border:#e9e6e6 1px solid;
    padding: .15rem;
    background:#fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.tag{
    background:#fff;
    box-sizing: border-box;
    border:#e9e6e699 1px solid;
    text-align:center;
    border-radius: 6px;
    padding: .03rem;
}
.tag a:hover {color:#8B4513;} /* 改颜色 */
.tag span {display: block;overflow: hidden;white-space: nowrap;font-size: .2rem;}
.tag .tip {display: block;font-weight: normal;overflow: hidden;font-size: 12px;opacity: 0.5;padding-top: .05rem;}
.hd-scyj-lr-l {padding:10px 25px;border:#e9e6e6 0px solid;line-height:2.3;background:#f9f7f6;}
.hd-scyj-lr-l span {width:30%;display: inline-block;box-sizing: border-box;}
.highlight {
    font-weight: bold;
    color: #D4AF37 !important; /* 改颜色 */
    border-bottom: #D4AF37 1px solid !important; /* 改颜色 */
}

/* 详情页 */
.hd-show{margin: 0 auto;}
.hd-show-box {width: 100%;box-sizing: border-box; margin-top: 10px;}
.hd-show-title {
    text-align:left;
    padding:10px 5px;
    background:#fafafa;
    color:#D4AF37 !important; /* 改颜色 */
    font-weight:bold;
    border-bottom:#D4AF37 .06rem solid !important; /* 改颜色 */
}
.hd-show-box1 {border-top:#e9e6e6 1px solid;border-left:#e9e6e6 1px solid;border-right:#e9e6e6 1px solid; z-index: 10; } 
.hd-show-lr {line-height:.42rem;border: #e9e6e6 1px solid;padding: .15rem;background: #fff;}
.show-content {
	margin-bottom: 30px;
	color: #454545;
	padding: 5px 5px 0 5px;
}

.show-readall-box {
	position: relative;
	z-index: 9999;
	padding: 0 0 25px;
	margin-top: -200px;
	text-align: center;
}

.show-readall-box .show-read-more-mask {
	height: 200px;
	background: -moz-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0));
	background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff));
	background: -o-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0))
}

.show-read-more-btn {
	cursor: pointer;
	font-size: 16px;
	color: #D4AF37 !important; /* 改颜色 */
	background: #fff;
	border-radius: 4px;
	border: 1px solid #D4AF37 !important; /* 改颜色 */
	line-height: 30px;
	padding: 5px 10px;
}

.hd-show-tab{
    margin: .5rem auto;
    height: .5rem;
    display: flex;
    line-height: 30px;
    align-items: center;
    justify-content: center;
}
.hd-show-tab .tag-year{
    width: 1.3rem;
    border:#D4AF37 1px solid !important; /* 改颜色 */
    box-sizing: border-box;
    text-align:center;
    padding: .03rem;
    font-size: 16px;
}
.hd-show-tab .tag-year a:hover{color:#D4AF37;} /* 改颜色 */
.hd-show-tab .tag-year-now{
    background: #D4AF37 !important; /* 改颜色 */
    color: #fff;
}
.hd-show-tab .tag-year-now a{color: #fff;}
.hd-show-tab .tag-year-now a:hover{color:#fff;}
.hd-show-tab .tag-year span {display: block;overflow: hidden;white-space: nowrap;}

.hd-show-mian {
    margin: 0 auto;
    box-sizing: border-box;
    font-size: 15px;
}
.hd-show-mian .head {
    text-align: center;
    color: #585657;
    font-size: 19px;
}
.hd-show-mian .head .emphasize {
    font-size: 23px;
    color: #8B4513 !important; /* 改颜色 */
}
.showweekday{ padding-top: .2rem; display: flex; justify-content: center; color: #D4AF37; } /* 改颜色 */
.showweekday input[type=checkbox] {
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    cursor: pointer;
    vertical-align: center;
    height: 18px;
    width: 18px;
    background-color: #eff2f5;
    border-radius: 4px;
    position: relative;
    border: 1px solid #D4AF37 !important; /* 改颜色 */
    margin-right: 4px;
}
.showweekday input[type=checkbox]:checked::after {
    content: "\2714";
    display: block;
    position: absolute;
    right: 3px;
    bottom: 0;
    color: #666;
    font-size: 14px;
}
.hd-detail {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.hd-detail .jiri {
    display: flex;
    align-items: center;
    padding: .17333rem .1rem;
}
.hd-detail .jiri-box {
    width: 49.8%;
    position: relative;
    margin-top: .3rem;
}
.hd-detail .jiri-box:last-child { margin-bottom: 0; }
.hd-detail .jiri-box:after {
    border-top: .0155rem solid #D4AF37 !important; /* 改颜色 */
    border-bottom: .0155rem solid #D4AF37 !important; /* 改颜色 */
}
.hd-detail .jiri-box:after,
.hd-detail .jiri-box:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.hd-detail .jiri-box:before {
    border-right: .0155rem solid #D4AF37 !important; /* 改颜色 */
    border-left: .0155rem solid #D4AF37 !important; /* 改颜色 */
}
.hd-detail .jiri-box.bd .jiri { padding: .37333rem .16rem .13333rem; }
.hd-detail .jiri .left {
    width: 1.8rem;
    color: #333;
    text-align: center;
    border-right: .01333rem solid #eaeaea;
    padding-right: .10667rem;
}
.hd-detail .jiri .left.weekactive { color: #8B4513 !important; } /* 改颜色 */
.hd-detail .jiri .left .week,
.hd-detail .jiri .left .year {
    font-weight: 400;
    font-size: 15px;
    line-height: .4rem;
}
.hd-detail .jiri .left .year { margin-bottom: .26667rem; }
.hd-detail .jiri .left .date {
    font-weight: 500;
    font-size: 22px;
    line-height: .58667rem;
    margin-bottom: .26667rem;
    width: 1.8rem;
}
.hd-detail .jiri .right {
    flex: auto;
    font-size: 15px;
    margin-left: .26667rem;
}
.hd-detail .jiri .right .right-firstline {
    font-weight: 500;
    color: #333;
    line-height: .4rem;
    margin-bottom: .18667rem;
}
.hd-detail .jiri .right .right-firstline .afterday {
    float: right;
    position: relative;
    right: .66667rem;
    color: #999;
}
.hd-detail .jiri .right .lunar {
    color: #555;
    margin-bottom: .18667rem;
}
.hd-detail .jiri .right .fairy {
    color: #aeaeae;
    line-height: .53333rem;
}
.hd-detail .jiri .enter {
    margin-right: .2rem;
    width: .18667rem;
    height: .32rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAkCAYAAABmMXGeAAADLUlEQVRIS8WWz29UVRzFz7lvZt68mTAdo1Y3ECUlLgZ00WhSfmWAAs60pdaQRhLduXdpTDT2j1BCa6J7u4AQQ8qUphMgpsEm/DCNUkgQYwwLUGaCMG3n3mPu0BpELIWZhrt8efnk3O/3e8/3cBgwvX19yYWbN5OlMKx+Xi5bAkITh5eKxS0CNpPscNaem3du7q1S6ZdmwDzf0zMYSAMA9lP6rg6UGATluSi6MTQ2Zp9GMC8WCrsNeQjAIZGGwDSkCWPtyGwmU3kaMH/ct2+9guBtkv0id1O6LfKKdW7USDNHx8evDAPuSRTz28HB4LVq9Q0Ys5PkRyBfguRAHiMwbsmpJy0FvYIGuFJ/7vzcK8v9/8H4Bw==);
    background-size: 100% 100%;
}
.detail-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 -.02667rem .06667rem rgba(0, 0, 0, .2);
    max-width: 10.66667rem;
    left: 50%;
    transform: translateX(-50%);
}
.detail-footer .bottom-fixed .desc {
    display: flex;
    border-bottom: .01333rem solid #eaeaea;
    padding: .29333rem .4rem;
}
.detail-footer .bottom-fixed .desc p {
    font-size: 15px;
    font-weight: 400;
    color: #333;
    line-height: .69333rem;
}
.detail-footer .bottom-fixed .desc .desc-right {
    flex: 1;
    text-align: right;
    margin-right: .4rem;
}
.detail-footer .bottom-fixed .specific-date {
    display: flex;
    font-size: 15px;
    line-height: .56rem;
    color: #585657;
    text-align: center;
    padding: .26667rem 0 .42667rem;
}
.detail-footer .bottom-fixed .specific-date .end-date,
.detail-footer .bottom-fixed .specific-date .start-date {
    flex: auto;
}
.detail-footer .bottom-fixed .specific-date .start-end {
    color: #8B4513 !important; /* 改颜色 */
    margin-bottom: .21333rem;
}
.detail-footer .bottom-fixed .specific-date .calendar,
.detail-footer .bottom-fixed .specific-date .lunar {
    font-size: 15px;
    font-weight: 400;
    color: #333;
    line-height: .4rem;
    margin-bottom: .16rem;
}
.detail-footer .bottom-fixed .specific-date .splitline {
    width: .53333rem;
    background-image: url(../images/time-select-pic.6cd044c.png);
    background-size: 100% 100%;
}
.mescroll-upwarp .upwarp-nodata { margin: .13333rem 0; font-size: 14px; }

/* 响应式部分 */
@media only screen and (max-width: 900px) {
    body {font-size: 14px;letter-spacing:0;}
    .top {height: 1.35rem;clear: both;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);}
    .top img {height: 1.1rem;width: auto;}
    .dh{font-size: .26rem;}
    .logo {width:100%;}
    .footer {width:100%;font-size: 13px;}
    .main {margin-top:10px;margin-left:5px;margin-right:5px;}
    .main-box {float:left;width:100%;padding-right:0;}
    .alm {float:left;width:100%;margin-top:10px;}
    .footer {margin-top:10px;}
    #weekdays {gap: 2px;margin:10px 0 10px 0;padding:0 5px 0 5px;}
    #calendar {gap: 2px;padding:0 5px 5px 5px;}
    #calendar div{font-weight: bold;margin:2px 1px;padding:4px 2px 1px 2px;}
    #calendar div a{font-size: 20px; -webkit-tap-highlight-color: transparent;}
    .tiaoxiu {border-radius: 5px;padding:0;margin-left:5px;}
    .jiarixiu .daycg {margin-left:15px;}
    .jiariban .daycg {margin-left:15px;}
    .calendar-navigationda {padding: 5px 8px 5px 8px;}
    .calendar-navigation {width:65%;}
    .calendar-navigation-right {width:80px;}
    .footer {padding:5px 0 5px 0;}
    .footer p{padding:0 10px 0 10px;line-height:1.6;}
    .alm_date_nl_yr {font-size: 15px;letter-spacing:1px;}
    .alm_date_gz_yr {padding:5px;margin:10px 2px 0 2px;}
    .yiji{margin:15px 2px 0 2px;}
    .rili-jiaqi-dn {margin-left:5px;margin-right:5px;margin-top:10px;font-size: 13px;}
    .rili-jiaqi-dn span {padding:12px 2px;}
    .rili-jiaqi-dn .fjlb_name {width:20%;}
    .rili-jiaqi-dn .fjlb_fjts {width:20%;}
    .rili-jiaqi-dn .fjlb_date {width:30%;}
    .rili-jiaqi-dn .fjlb_txdate {width:30%;}
    .rili-jiaqi-dn .fjlb_next{display:none;}
    .rili_wnlxx {margin-left:5px;margin-right:5px;margin-top:10px;font-size: 13px;}
    .rili_wnlxxsm {padding:0 15px;}
    .alm-date-jlr1 {font-size: 14px;margin:10px 5px 0 5px;}
    .alm-date-jlr1 span {margin:0 1px;}
    .zwsc-sjd {display:none;}
    .scroller{margin:0 5px;}
    .time-scyj {margin:0 5px;}
    .time-scyj-left {float:left;width:100%;padding-right:0;}
    .time-scyj-right {float:right;width:100%;}
    .time-scyj-box {float:left;width:100%;padding-right:0;}
    .time-scyj-lr-l {padding:10px 25px;}
    .time-scyj-lr-l span {font-size: 13px;width:49%;display: inline-block;box-sizing: border-box;}
    .time-scyj-title {margin-top:10px;}
    .hd-scyj,.hd-show,.hd-show-mian {margin:0 5px;}
    .hd-scyj-box {float:left;width:100%;padding-right:0;}
    .hd-scyj-title {margin-top:10px;}
    .hd-scyj-lr .taglist{grid-template-columns: repeat(auto-fill, minmax(1.5rem, 1fr));gap:10px;padding: .15rem;background:#fff;}
    .tag{padding: .1rem;}
    .tag span {font-size: .28rem;}
    .hd-show-box,.hd-detail .jiri-box {width:100%;padding-right:0;}
    .hd-show-title {margin-top:10px;}
    .hd-detail .jiri-box {
        background: radial-gradient(circle at bottom left, transparent .2rem, #D4AF37 .21333rem, #fff .25333rem) 0 100%, radial-gradient(circle at top left, transparent .2rem, #D4AF37 .21333rem, #fff .25333rem) 0 0, radial-gradient(circle at top right, transparent .2rem, #D4AF37 .21333rem, #fff .25333rem) 100% 0, radial-gradient(circle at bottom right, transparent .2rem, #D4AF37 .21333rem, #fff .25333rem) 100% 100%;
        background-size: 51% 51%;
        background-repeat: no-repeat;
    }
    .hd-detail .jiri-box:after {
        width: calc(100% - .44rem);
        border-top: .0255rem solid #D4AF37 !important; /* 改颜色 */
        border-bottom: .0255rem solid #D4AF37 !important; /* 改颜色 */
    }
    .hd-detail .jiri-box:before {
        height: calc(100% - .42667rem);
        border-right: .0255rem solid #D4AF37 !important; /* 改颜色 */
        border-left: .0255rem solid #D4AF37 !important; /* 改颜色 */
    }
    .hd-detail .ji-hour {
        width: calc(100% - .33333rem);
    }
}

@media only screen and (max-width: 430px) {
    .verticleTitle {
        font-size: 16px;
        width: 16px;
        padding-left: 10px;
    }
    .jianchuTxt, .stars28Txt {
        width: 16px;
        font-size: 16px;
        padding-left: 15px;
        padding-right: 22px;
    }
    .almList2, .almListTxt {
        text-align: center;
        font-size: 16px;
    }
    .stars28Txt {
        padding-top: 41px;
    }
    .jianchuTxt {
        padding-top: 70px;
    }
    .verticleTitle {
        padding-top: 58px;
    }
}

@media only screen and (max-width: 420px) {
    .almList2, .almListTxt {
        text-align: center;
        font-size: 16px;
    }
    .almListTxt {
        max-width: 100%;
    }
    .almListTitle {
        font-size: 16px;
    }
    .almLineTitle {
        font-size: 16px;
    }
    .almLine>div {
        font-size: 16px;
    }
    .verticleTitle {
        float: left;
        font-size: 16px;
        color: #D4AF37 !important; /* 改颜色 */
        width: 16px;
        padding-left: 6px;
        padding-top: 38px;
    }
    .jianchuTxt, .stars28Txt {
        float: left;
        width: 16px;
        font-size: 16px;
        color: #333;
        padding-left: 11px;
        padding-right: 20px;
    }
    .dayViewYiJiContainer .dayViewJiContainer, .dayViewYiJiContainer .dayViewYiContainer {
        font-size: 16px;
        line-height: 36px;
    }
    .verticleTitle {
        padding-top: 42px;
    }
}

@media only screen and (max-width: 370px) {
    .almList2, .almListTxt {
        text-align: center;
        font-size: 14px;
    }
    .verticleTitle {
        padding-top: 58px;
    }
}

/* 其他工具类 */
.mt-20 { margin-top: 20px !important; }
.mb-20 { margin-bottom: 20px !important; }
.min-h-120 { min-height: 120px !important; }