/*
QQ:545432457
*/
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;}
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;
}

.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: #8b8b8a;
    float: right;
}

.top span {
    float: right;
    display: block;
    background: #d2514c;
    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:#d2514c;}

.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: #d2514c;
    border-radius: 5px;
}

.footer {margin: 0 auto;margin-top:20px;padding:10px 0 10px 0;color:#d2514cbf;text-align: center;}
.footer p{padding:0 25px 0 25px;}
.footer p a{color:#d2514cbf;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: #d2514c;}
.alm-date-nl-jq {font-weight:bold;}
.alm-date-nl-jq h2 {margin:0;font-size: 15px;padding:0;}
.dayjieqi {color: #d2514c;}
.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: #d2514c;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:#d2514c;font-weight:bold;}
/* .alm_date_gz_yr {border:#d6b191 1px solid;background:#fff;padding:5px 10px 5px 10px;margin:15px 10px 0 10px;font-size: 14px;border-radius: 8px;} */
.alm-date-nl-nyr {border: #d2514c 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:#d2514c;}
.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:#de686d 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:#de686d 1px solid;}
.calendar-navigation-right a {text-decoration:none;color:#3e3e3e;}
.calendar-navigation-right a:hover {color:#de686d;}

#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:#d2514c 2px solid;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:#d2514c}
#calendar div.jiarixiu .nlday {color:#d2514c}
#calendar div.dtdaycss {background:#d2514c;border-radius: 10px;border:#d2514c 2px solid;}
#calendar div.dtdaycss a{color:#fff;}
#calendar .zhoumo a{color:#d2514c;}
#calendar div.dtdaycss .nlday{color:#fff !important;}
.zhoucssa {color:#d2514c;}
.tx {float:left;position:absolute;z-index:999;font-weight:normal;font-size:14px;color:#fff;background:#42962e;border-radius: 5px;padding:0 1px 1px 1px;}
.tb {float:left;position:absolute;z-index:999;font-weight:normal;font-size:14px;color:#d2514c;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:#42962e;}
.yiji .ji .yjspan{background:#d2514c;}
.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:#d2514c;}

.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:#bf555a;}
.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(255, 0, 0, 0.26); /* 红色半透明 */
    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: #de686d 1px solid !important;
    background-color: #d2514c1a;
}


.time-scyj-title {text-align:center;padding:10px 5px;background:#fff;color:#de686d;font-weight:bold;border-bottom:#de686d .035rem solid;}
.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;/*background:#fffefe;*/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:#42962e;
    background: url(../images/yi.png) 0 0 no-repeat;
    background-image: -webkit-image-set(url(../images/yi.png) 1x, url(/static/images/yi.png) 1x);
    width: 32px;
    height: 32px;
}
.scyj-xm .ji{
    background:#d2514c;
    background: url(../images/ji.png) 0 0 no-repeat;
    background-image: -webkit-image-set(url(../images/ji.png) 1x, url(/static/images/ji.png) 1x);
    width: 32px;
    height: 32px;
}

.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 #dc915b
}

.almLine1:last-child {
    border-bottom: none
}

.cs,.wx {
    width: 90px
}

.cs,.pzbj,.wx {
    padding: 15px 0
}

.pzbj {
    border-left: 1px solid #dc915b;
    border-right: 1px solid #dc915b;
    -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: #d2514c;
    font-size: 16px;
}

.almLineTxt {
    color: #333
}

.verticleTitle {
    float: left;
    font-size: 16px;
    color: #d2514c;
    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: 21px;
}

.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: #d2514c;
    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: #d2514c;
    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 #f7d5b2;
}
.shichen .title {
    float: left;
    width: .58rem;
    color: #e1903d;
    font-size: .26rem;
    margin: .23rem .23rem 0 .3rem;
}
.shichen .shichen-box {
    color: #424242;
    /* float: left; */
    width: 6.8rem;
    margin: 0 auto;
    margin-top: .08rem;
}
.shichen .shichen-box ul {
    /* width: 6.6rem; */
    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: #de686d;
    border: 1px #da301e solid;
    width: 0.27rem !important;
}
.shichen .now-line {
    background: #dc915b !important;
}

/* 黄道吉日 start*/
.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:#de686d 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:#de686d 1px solid;}
.hd-navigation-right a {text-decoration:none;color:#3e3e3e;}
.hd-navigation-right a:hover {color:#de686d;}

.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:#de686d;font-weight:bold;border-bottom:#de686d .035rem solid;}
.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:#bf555a;}
.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: #de686d;border-bottom: #de686d 1px solid;}

/* 详情页 */

.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:#de686d;font-weight:bold;border-bottom:#de686d .06rem solid;}
.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: #de686d;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #de686d;
	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:#de686d 1px solid;box-sizing: border-box;text-align:center;padding: .03rem;font-size: 16px;}
.hd-show-tab .tag-year a:hover{color:#de686d;}
.hd-show-tab .tag-year-now{background: #de686d;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 {
    /* background: #f9f7f6; */
    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: #bf555a
}

.showweekday{
    padding-top: .2rem;
    display: flex;
    justify-content: center;
    color: #de686d;
}
.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 #de686d;
    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 {
    /* padding: 0 .4rem;
    background: #f5f5f5; */
    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 #de686d;
    border-bottom: .0155rem solid #de686d
}

.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 #de686d;
    border-left: .0155rem solid #de686d
}

.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: #bf555a;
}

.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,iVBORw0KGgoAAAANSUhEUgAAABUAAAAkCAYAAABmMXGeAAADLUlEQVRIS8WWz29UVRzFz7lvZt68mTAdo1Y3ECUlLgZ00WhSfmWAAs60pdbQRhLduXdpTDT2j1BCa6J7u4AQQ8qUphMgpsEm/DCNUkgQYwwLUGaCMG3n3mPu0BpELIWZhrt8efnk3O/3e8/3cBgwvX19yYWbN5OlMKx+Xi5bAkITh5eKxS0CNpPscNaem3du7q1S6ZdmwDzf0zMYSAMA9lP6rg6UGATluSi6MTQ2Zp9GMC8WCrsNeQjAIZGGwDSkCWPtyGwmU3kaMH/ct2+9guBtkv0id1O6LfKKdW7USDNHx8evDAPuSRTz28HB4LVq9Q0Ys5PkRyBfguRAHiMwbsmpJy0FvYIGuFJ5PojHP3PSNtxvXF3SDyAnGQQjP4Xhn0NjYwurUdyA+jPT2RmPtbdvNuQQyYOQXhHwF8jfKI3OW3u2s6vrAoeHH1uKf6Ae/H1XV5TKZncYoEBjPpDURsCKPAtgoi5NXr1+/dLQ7OyKiv8FBcCZ7u5MlEi8WidHjNQB8jkAknSO0qQhv0A6/UduhVI8DMVUPh8LwzCTDoJ3AfST3EsgIanqSyHpK1h75vUVSvEfaKNxQJArFl9cBDywx5B9AFIC6gB+BjBVt/ZUpVYr7SqXaw8375FQ/1PDE4rFXALYCvJjAi8DiAA4ARcAnF4Mgi+r1eqNXeXynQfB/wv1P50oFMIXrG2P4vFPAGxteAQQAKhJugXy67p06mo6Pf3guK0I9eDZXC6xsGHDm8aYAQMcELDRg5dKcdlJZQETt+/ePblcisdCPXgqn0+2RVFvQB704wYyjfuKnaSLBM7UnDs8n0j8vv348TurgvpRO5/Pt8VSqQ4BhwF0kMz675DqICvOuW9kzIm5VOr0aqGNidiyZ092MZn8EFKB5PYltf4yVsCvcO7IrXv3Rp8ptPXXb3mjWj5SLR/+lj/TZUNxZLeTeps2lGXrWxeLDUDqB7kXQNiU9U0XCpl15EZLHqG0qWmTvpbPJytRtHNpnbwvKdvUOmn54lte0SYe/1SSf9PNreg1CRM+9jAW2++Ad9Cq2OMDGo15jz6gAUFLAtqaRMk1Cb1rEc//BkqZRpF9NU6pAAAAAElFTkSuQmCC);
    background-size: 100% 100%
}

.hd-detail .ji-hour {
    font-size: 15px;
    display: flex;
    padding: .21333rem .33333rem;
    border-top: .02667rem solid #eaeaea;
    width: calc(100% - .53333rem);
    margin: 0 auto;
    color: #777;
    flex-shrink: 0
}

.hd-detail .ji-hour span:first-child {
    width: 1rem;
    min-width: 1rem
}

.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: #ac515c;
    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
}


/* 黄道吉日 end*/

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

/*其他 end*/

@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, #de686d .21333rem, #fff .25333rem) 0 100%, radial-gradient(circle at top left, transparent .2rem, #de686d .21333rem, #fff .25333rem) 0 0, radial-gradient(circle at top right, transparent .2rem, #de686d .21333rem, #fff .25333rem) 100% 0, radial-gradient(circle at bottom right, transparent .2rem, #de686d .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 #de686d;
        border-bottom: .0255rem solid #de686d
    }

    .hd-detail .jiri-box:before {
        height: calc(100% - .42667rem);
        border-right: .0255rem solid #de686d;
        border-left: .0255rem solid #de686d
    }
    .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: #d2514c;
        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;
    }
}