@charset "gb2312";

/* CSS Document */

html,body,h1,h2,p,span,a,div,ol,ul,li,table,tbody,tfoot,thead,tr,th,td,canvas{margin:0;padding:0}

body{width:100%;height:auto;background-color:#F5F5F5;text-align:center;font-family:"Microsoft Yahei",Arial,Helvetica,sans-serif;font-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none}

ol,ul{list-style:none}

a,a:visited{text-decoration:none;color:#545164;}

dl a:visited{text-decoration:none;color:#777;}

.remark{color:#999;font-size:14px;margin-bottom: 5px;}

.red{color:red;}

.blue{color:blue;}

.green{color:green;}

.clear{clear:both;overflow:hidden;display:block;font-size:0;height:0;line-height:0;}

.fright{float:right;}

.p10{padding:10px;}

.mt10{margin-top:10px;}

.center{text-align:center;}

.nor {font-weight: normal;}
.clearbox:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearbox{zoom:1;}


#path{background-color:#f0eeea;color:#398fcb;height:24px;line-height:24px;padding:55px 0 5px 16px;font-size:12px;text-align:left;overflow:hidden;width:95%;margin:0 auto;position:relative;}

#header{position:fixed;top:0;left:0;z-index:9999;overflow:hidden;width:100%;height:44px;background:#ba4a57;box-shadow:0 0 8px rgba(0,0,0,.5)}

#header small img{height:40px}

#header small{float:left;padding:2px 0px 0px 5px}

#header span{display:block;margin-top:8px;padding:3px 5px;width:27px;height:25px;text-align:center}

.fr{float:right}

#header ul li{float:left;padding:3px 5px;font-size:15px;line-height:40px}

#header ul li a{color:#a7180e;font-family:"Microsoft Yahei";}



#se_wrap,#se_inner,#se_bn,#foot,#foot p,#path{display:block}



/* search */

#se_wrap{width:88%;height:34px;padding:5px 0 0 5px;margin:5px auto;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;position:relative;box-shadow:1px 1px 1px rgba(0,0,0,0.2) inset;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.2) inset;background-color:white;overflow:hidden;text-align:left;}

#se_inner{height:39px;position:absolute;right:74px!important;left:0!important;top:0!important;background:none transparent}

.se-input{display:block;width:100%;padding:9px 25px 6px 6px;font-size:13px;line-height:24px;border:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}

#se_bn{background-size:74px 39px;-webkit-background-size:74px 39px;-moz-background-size:74px 39px;-o-background-size:74px 39px;width:74px;height:39px;position:absolute;top:0;right:0;z-index:2;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;border:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0; font-size:18px;background-color: #ba4a57;color: #fff;}



#foot{text-align:center;width:100%;height:80px;line-height:30px;font-size:14px;color:#935422;}

#foot p{line-height:28px;display:block;margin:0 7px;text-align:center;}



/* navi */

.mod_dl{padding-left: 3%; padding-right: 3%;padding:6px;height:auto;margin:0 auto;clear:both;}

.mod_dl dt{padding-left: 6px; margin: 3px 3px;border-left: 3px solid #ba4a57; height: 17px; font-size: 14px; line-height: 17px; color:#ba4a57;text-align:left;margin-bottom: 10px;}

.mod_dl dd {
    margin: 0;
    padding: 0;
    overflow: hidden;  /* 清除浮动 */
}

.mod_dl dd li {
    width: calc(33.333% - 6px);  /* 3个li，减去左右margin */
    float: left;
    display: block;
    white-space: nowrap;
    text-align: center;
    margin: 3px;
    padding: 6px 0;
    background-color: #ba4a57;
    box-sizing: border-box;  /* 确保 padding 不增加宽度 */
}

.mod_dl dd li a{font-size:14px;color:#fff;width: 100%;display:block;}

.mod_dl dd li a.hover {border-color: #72bbf2; color: #55a8e6; }



/* title */

h1.title{font: 20px 'Microsoft YaHei';padding: 8px 0;color: #333;text-align: center;border-bottom:1px dashed #efeff0;margin:0 10px;font-weight: bold;width:96%;}



/* content */

.detail{text-align:left;width:96%;margin:5px auto;overflow:hidden;position:relative;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; padding:0;}

.detail h1{text-align:left;line-height:28px;border-top:#804627 solid 1px;border-bottom:#ccc solid 1px;font-size:18px;font-weight:bold;margin:5px 0;color:#804627;background-color:#f8EACF;padding:3px 10px;}

.detail h2{padding-left: 6px;border-left: 3px solid #ba4a57;font-size: 15px; margin:16px 8px;}

.h2_content{font-size:15px;line-height:180%;color: #333;margin-left:10px;}

.h2_content p{margin:8px 0;}

.detail h3{text-align:left;line-height:28px;font-size:15px;font-weight:bold;margin:5px 0;color:#fff;background-color:#ba4a57;padding:3px 10px;}

.detail h4{padding-left: 6px;border-left: 3px solid #ba4a57;font-size: 15px; margin:16px 8px;}

.h4_content{font-size:15px;line-height:180%;color: #333;margin-left:18px;}

.h4_content p{margin:8px 0;}



.detail dl{margin:0;padding:0;}

.detail dd{text-align:left;font-size:15px;line-height:160%;margin:0.25rem;}

 dd.option{font-size:15px;line-height:28px;}

.detail li{text-align:left;font-size:14px;line-height:32px;border-bottom:#eee solid 1px;list-style:none;}

.detail a,.detail a:visited{color:#935422;font-size:15px;}

.detail a.inlink{width:100%;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-left: 5px;}

.detail dd strong {font-weight:bold;}
.detail .pResult { text-align:center; height:52px; border:1px solid #ba4a57; color:#2d72d2; font-size:16px; line-height:52px; background:#FFFFFE;}

.detail .pResult em { color:#ba4a57; font-weight:700}


.detail .gsqm_detail_hd{text-align: center;color:#8d4d2d;font-size: 14px;margin-top: 15px;}
.detail .gsqm_detail_hd strong{font-size:16px;}
.detail .gsqm_detail_table{margin:15px -29px;}
.detail .gsqm_detail_table table{width:100%;}
.detail .gsqm_detail_table table th,.detail .gsqm_detail_table table td{border:1px solid #ebdbd3;padding:4px;text-align: center;color:#8d4d2d;font-size:14px;}
.detail .gsqm_detail_table table th{background: #ffe8bd;padding:0;font-size: 14px;}
.detail .gsqm_detail_table table .tr_th th span{display:block;border:1px solid #fdf5e6;border-right:0 none;border-left:0 none;padding:5px 10px;}
.detail .gsqm_detail_table table .tl{text-align:left;}
.detail .gsqm_detail_table td em{color:#333;}
.detail .gsqm_detail_table td em.red{color:#ea2020;}
.detail .gsqm_detail_table .py{font-family:arial;}
.detail .gsqm_detail_item p{color:#8d4d2d;font-weight: bold;font-size: 14px;padding:5px 0 5px 20px;margin-bottom: 5px;}
.detail .gsqm_detail_item p em.red{color:#ea2020;margin-left:10px;}
.detail .gsqm_detail_item p strong{color:#333;}
.detail .gsqm_detail_item .tips_area{padding:5px 0 5px 80px;}
.detail .gsqm_detail_item .btn_orange_1{margin:10px auto;display:block;}

/* form */

dd.form{font-size:15px;padding:5px 10px;text-align: center;}

.ipt {border: 1px solid #d0ad9a;background: #fff;padding: 3px;font-size: 16px;color: #333;line-height: 20px;}

.select {color: #3e4144;font-size: 15px;line-height: 26px;padding: 3px;border: 1px solid #d0ad9a;height:34px;margin-right: 5px;}

.button{width: 80%;overflow: hidden;font-size:14px;height: 40px;margin: 10px auto;line-height: 40px;font-weight:bold;background: #fff;border: 1px solid #ba4a57;border-radius: 5px;text-align: center;display: block;text-decoration: none;color: #ba4a57;box-shadow: 0 0 4px rgba(0,0,0,.5);}

.sbutton{width:60px;overflow: hidden;font-size:14px;margin: 5px; padding:8px;font-weight:bold;background: #fff;border: 1px solid #915926;border-radius: 5px;text-align: center;text-decoration: none;color: #804627;box-shadow: 0 0 4px rgba(0,0,0,.5);}

.line {border-top: 1px dashed #dcc4b0;margin: 8px;}



ul.lingqian li{float:left;display: inline;width:60px;}

.fenye{text-align:center;margin:10px;}

.fenye a{border:#CCC 1px solid;padding:5px;}

.loading{-webkit-animation:loading 1000ms linear infinite}

.sug {height:36px;border-radius:8px;background-color:#D27873;line-height:36px;text-align:left;color:#ffffff;font-size:15px;font-weight:bold;margin-top:15px;display:block;overflow:hidden;padding-left:10px;}

.sug a,.sug a:visited {display: block;color:#ffffff;}



#btn_top {opacity: 0.6; background: #666 url(/img/to_top.png) center 50% no-repeat; border-radius:17px; position: fixed; right: 1px; bottom: 50px; border: solid 1px #555; width: 32px; height: 32px;}



/* hot pic list*/

ul.hot li {width: 33.333%;float: left;margin:0;padding:0;border:0;}

ul.hot li a {display: block;margin: 0.5rem 1rem;}

ul.hot li img {display: block;width: 100%;height: auto;}

ul.hot li p {height: 2rem;line-height: 2rem;text-align: center;font-size: .875rem;color: #282828;    overflow: hidden;}



/* wenda */

.wenda{position:relative;padding:0 10px;}

.wd_class{overflow:hidden;margin:10px -10px 0;border-top:1px solid #ede0c8;-webkit-transition:all .4s ease;transition:all .4s ease;width:100%;}

.wd_class li{float:left;box-sizing:border-box;width:50%;height:50px;border-bottom:1px solid #ede0c8;text-align:center;line-height:50px}

.wd_class li:nth-of-type(2n-1){border-right:1px solid #ede0c8}

.wd_class li a{display:block;width:100%}

.wd_class li b{color:#3d3c3c;font-weight:400;font-size:.9rem}

.wd_class li span{display:inline-block;margin-right:6px;width:26px;height:26px;background-position:center center;background-size:cover;background-repeat:no-repeat;vertical-align:middle}

.col_wrap{position:relative;margin-top:6px;padding:10px;border:1px solid #e9dbc1;border-width:1px 0;}

.col_box{margin:0;padding:0;border:0;font-style:normal}

.wd_list li{position:relative;padding:6px 0;border-bottom:1px solid #ede0c8;text-align:left}

.wd_list li b{display:box;display:-webkit-box;margin-right:56px;color:#935422;font-weight:400;font-size:14px;box-align:center;-webkit-box-align:center;line-height:160%;}

.wd_list li  a{color:#935422;}

.wd_list li:nth-last-of-type(1){border-bottom:0 none}

.wd_list .ques_info{display:block;padding:3px;color:#aaa;font-size:12px}

.wd_list li a.open,.wd_list span.open{position:absolute;right:0;bottom:20px;width:50px;height:24px;border:1px solid #b77f4b;border-radius:3px;color:#b77f4b;text-align:center;font-size:.8rem;line-height:24px;}



/* app */

div.app_tui{background-color:#333;border-top:0.0625rem solid #ddd;width:100%;height:3.5rem;position:relative;position:fixed;bottom:0;z-index:999;}

div.app_tui_exit{width:2.75rem;float:left;}

div.app_tui_exit a{display:block;width:2.25rem;height:2.25rem;-moz-background-size:2.25rem 2.25rem;-webkit-background-size:2.25rem 2.25rem;-o-background-size:2.25rem 2.25rem; background-size:2.25rem 2.25rem;padding:0.625rem 0 0.625rem 0.25rem;}

div.app_tui_title,div.app_tui_intro{position:absolute;display:inline-block;left:6.25rem;font-size:0.75rem;}

div.app_tui_title{color:#fff;font-weight:bold;top:0.375rem;font-size:0.875rem;}

div.app_tui_intro{color:#ccc;top:1.75rem;}

a.app_tui_a{width:100%;height:3.5rem;display:block;}

div.app_tui_img{position:absolute;left:2.75rem;bottom:0.375rem;}

div.app_tui_img,div.app_tui_img img{width:2.75rem;height:2.75rem;}

div.app_tui_down{text-align:center;height:3.5rem;position:absolute;right:0;bottom:0;}

div.app_tui_down a{font-size:0.75rem;display:inline-block;color:#fff;width:4rem;height:1.75rem;line-height:1.75rem;text-decoration:none;margin:0.875rem 0.75rem;border:0.0625rem solid #ddd;-moz-border-radius:0.125rem;-webkit-border-radius:0.125rem;border-radius:0.125rem;background-color:#a80101;}

#tmb{height:3.5rem;}



/* sidebar */

#side_nav {position: fixed; z-index:10; overflow: hidden; text-align: center; width:100px; top: 50px; height: 100%; right: -100px; background: #FAE9CA;filter:alpha(opacity=95);-moz-opacity:0.95;-khtml-opacity: 0.95;opacity: 0.95;}

#side_nav li{border-bottom: solid 1px #F5D1B6; font-size:14px;height:40px;line-height:40px;box-shadow:1px 1px 0px #f7f7f7}

#side_nav li a{display: block;color:#a7180e;}

#side_nav li.cur{background:#E76491; border: none;}

#side_nav li.cur a{color: #fff;}

#side_nav li.nobr{border: none;}

.qmlist ul.xsdq {margin:0 8px ;line-height: 240%;width:100%;padding:10px 0 10px 0;}

.qmlist ul.xsdq li {border: 1px solid #eee;float: left;padding: 0 6px;margin-right: -1px;margin-bottom: -1px;width: 100px;}

.qmlist ul.xsdq li a {padding:0 3px;font-size:14px;color: #813d20;display:inline;}

.namelist{float:left;}

.namelist ul.xsdq {margin:0 8px 0 0;line-height: 240%;width:100%;padding:5px 0 5px 0;}

.namelist ul.xsdq li {border: 1px solid #eee;float: left;margin-right: -1px;margin-bottom: -1px;width: 50px;text-align:center;overflow:hidden;}

.namelist ul.xsdq li a {padding:0 3px;font-size:14px;color: #813d20;white-space:nowrap;}

/**xmfx**/
.wrap-page{width:100%; padding:44px 0 0 0; position:relative; z-index:1;}
.dataTable {width:100%; border-left: 1px solid #e0c09a;}
.dataTable td,.dataTable th{ border: 1px solid #e0c09a;text-align: center; line-height: 30px; }
.dataTable th{ color: #c8a071; font-weight: 100;}

/***news_list**/
.intro_tab_list{padding:10px;}
.intro_tab_list ul li{height: 36px;line-height: 36px;overflow:hidden;}
.intro_tab_list ul li span{float:right;color: #999;font-size: 12px;}
.intro_tab_list ul li a{margin-right:80px;font-size: 14px;}

.dream_other{margin:10px 0;border: 1px solid #e0c09a;}
.dream_other_title{padding:10px; background-color:#fceed3; color:#935422;}
.dream_other_a{padding:10px; background-color:#FEFAF0; overflow:hidden;}
.dream_other_a a{width:23%; float:left; margin:5px 0; text-align:center; border: 1px solid #e0c09a;background-color: #fff; height:36px; text-align:center; line-height:36px; margin:1%;}

.page, .pageNum{text-align:center; padding:10px 0;}
.page a, .pageNum a{display:inline-block;height:28px;line-height:28px;padding:0 12px;margin: 3px;border: 1px solid #C78940;}
.page a:hover,.page a.current,.pageNum a:hover,.pageNum a.current{border: 1px solid #915926;background-color: #915926;color:#fff;}

.suanmingDetail_item{margin-top:10px;padding:0 10px;}

.subs {
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
    border-width: 0px;
    border-color: #e0c09a;
    border-style: solid;
    background: #fefaf0;
}

.subs .subs_title {
    padding: 8px 6px 8px 10px;
    font-weight: bold;
    background: #fceed3;
    color: #935422;
}

.subs .cont {
    position: relative;
    padding: 10px;
    line-height: 28px;
}

.dl-col2 {
    float: left;
    width: 100%;
    padding: 5px 0;
}

.dl-col2 li {
	float:left;
	width: 23%;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	text-align: center;
	margin: 1%;
}

.sm_kuang1{padding:5px; width:50px; float:left;}
.sm_kuang2{width:60px; padding:5px 0; text-align:center; float:left;}
.sm_kuang3{padding:5px 0; float:left; margin-left:15px; display:inline;}
.sm_kuang4{width:86px; padding:5px 0; float:left; line-height:160%; text-align:center;}
.sm_kuang5{width:70px;}
.jiachu{text-align:left;}

.suanmingDetail_title{margin-top:10px; text-align:center; font-size:18px; color:#935422;}
.suanmingDetail_info{line-height:24px;}
.suanmingDetail_info .xz_nav ul li{border:0;}
.suanmingDetail_item{margin-top:10px; padding:0 10px;}
.xz_nav{height:180px;width:100%;margin-top:10px;}
.xz_nav ul{padding-left:5px;}
.xz_nav li{float:left;width:15%;height:85px;margin:0 3px;text-align: center;}
.xz_nav li a{display:block;border-radius: 48px;height:48px;-moz-transition: all 0.8s ease-in-out; 

-webkit-transition: all 0.8s ease-in-out; 

-o-transition: all 0.8s ease-in-out; 

-ms-transition: all 0.8s ease-in-out; 

transition: all 0.8s ease-in-out; }

.xz_nav li a img{width:48px;height:48px;}





    .xz_nav li a:hover{ 

-moz-transform: rotate(360deg); 

-webkit-transform: rotate(360deg); 

-o-transform: rotate(360deg); 

-ms-transform: rotate(360deg); 

transform: rotate(360deg); 

}

/**HDJR**/
.clearfix:before, .sel-field:before, .tableData .pSuitable:before, .tableData .pUnsuitable:before, .tableData .pAdversary:before, .clearfix:after, .sel-field:after, .tableData .pSuitable:after, .tableData .pUnsuitable:after, .tableData .pAdversary:after { content: ""; display: table; }

.clearfix:after, .sel-field:after, .tableData .pSuitable:after, .tableData .pUnsuitable:after, .tableData .pAdversary:after { clear: both; }
.current_attr { 
    font-size: 13px; 
    color: #333; 
    line-height: 1.6; 
    margin-bottom: 12px; 
}

.current_attr ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px; /* 抵消子元素的外边距 */
}

.current_attr li {
    width: 50%; /* 每行显示两个 */
    box-sizing: border-box;
    padding: 8px 5px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
}

.current_attr li:nth-child(odd) {
    border-right: 1px solid #eee; /* 中间分隔线 */
}

/* 最后两行去除底部边框 */
.current_attr li:nth-last-child(-n+2) {
    border-bottom: none;
}

/* 如果总数为奇数，最后一个单独处理 */
.current_attr li:last-child:nth-child(odd) {
    width: 100%;
    border-right: none;
    text-align: center;
    justify-content: center;
}

.current_attr .label {
    flex-shrink: 0;
    width: 80px; /* 标签固定宽度 */
    color: #666;
    text-align: right;
    padding-right: 8px;
}

.current_attr .value {
    flex: 1;
    color: #333;
    font-weight: 500;
}
.tableData { background-color: #fefaf0; font-size: 1.11111rem; width: 100%; color: #7c4328; }

.tableData .thBg { text-align: center; background-color: #f6ead3; }

.tableData td { border: 1px solid #e0c09a; line-height: 1.62963rem; padding: 0.37037rem 0; }

.tableData .trTit td { line-height: 2.51852rem; padding: 0; }

.tableData .solar, .tableData .lunar { display: block; text-align: center; }

.tableData tr td:nth-child(2), .tableData tr td:nth-child(4) { padding-left: 0.88889rem; }

.tableData .bgBlack td:nth-child(n) { background-color: #d4d1cc; color: #333; }

.tableData .bgOrange td:nth-child(n) { background-color: #ffd496; }

.tableData .txtBlack { color: #333; }

.tableData .pSuitable { color: #14a700; }

.tableData .pSuitable span { float: left; margin-right: 0.88889rem; }

.tableData .pUnsuitable { color: #f43d3d; }

.tableData .pUnsuitable span { float: left; margin-right: 0.88889rem; }

.tableData .pAdversary { color: #2b98ed; }

.tableData .pAdversary span { float: left; margin-right: 0.88889rem; }

.tableData .tr-su .su-icon { color: #fff; display: block; margin: 0 auto; width: 1.85185rem; height: 1.85185rem; background-image: url(../img/yjc.png); background-repeat: no-repeat; background-size: 1.85185rem 5.62963rem; }

.tableData .tr-su .green { background-position: 0 0; }

.tableData .tr-su .red { background-position: 0 -1.85185rem; }

.tableData .tr-su .blue { background-position: 0 -3.7037rem; }

#myTab0 li{float:left;}

.a_retest { position: absolute; right: 0; padding: 0 0 0 20px; color: #006f9f; font-size: 12px;}
.a_retest:hover { background-position: -145px -584px; color: #ff8b00; }




.gua-single, .gua-double {
    margin: 15px 0;
    padding: 12px;
    background: #fff;
    border: 1px solid #e8e8e8;
    font-size: 13px;
}

.gua-name {
    text-align: center;
    font-weight: bold;
    color: #c00;
    font-size: 15px;
    margin-bottom: 8px;
    padding-bottom: 5px;
    border-bottom: 1px solid #f0f0f0;
}

.gua-headers {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    padding-bottom: 5px;
    border-bottom: 1px solid #f0f0f0;
}

.gua-name-left, .gua-name-right {
    font-weight: bold;
    color: #c00;
    font-size: 14px;
}

.gua-title {
    font-size: 12px;
    color: #666;
    margin-bottom: 8px;
    padding: 4px 0;
    border-bottom: 1px solid #f8f8f8;
}

.gua-titles {
    display: grid;
    grid-template-columns: 0.5fr 1fr 0.5fr 1fr;
    gap: 6px;
    font-size: 12px;
    color: #666;
    margin-bottom: 8px;
    padding: 4px 0;
    border-bottom: 1px solid #f8f8f8;
}

.title-item {
    text-align: center;
    font-weight: bold;
}

.gua-content {
    font-size: 12px;
}

/* 单卦样式 */
.yao-item {
    display: flex;
    align-items: center;
    padding: 4px 0;
    border-bottom: 1px solid #f8f8f8;
}

.yao-item:last-child {
    border-bottom: none;
}

.liushen {
    width: 40px;
    color: #c00;
    font-weight: bold;
}

.fushen {
    color: #06c;
    font-style: italic;
    margin-right: 4px;
}

.yao {
    flex: 1;
    color: #333;
}

/* 双卦样式 */
.yao-line {
    display: grid;
    grid-template-columns: 0.5fr 1fr 0.5fr 1fr;
    gap: 6px;
    align-items: center;
    padding: 6px 0;
    border-bottom: 1px solid #f8f8f8;
}

.yao-line:last-child {
    border-bottom: none;
}

.yao-cell {
    min-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    word-break: break-all;
}

.liushen-cell {
    justify-content: flex-start;
    color: #c00;
    font-weight: bold;
}

.fushen-inline {
    color: #06c;
    font-style: italic;
    margin-left: 2px;
    font-size: 11px;
}

.bengua-cell, .biangua-cell {
    color: #333;
    text-align: center;
}

.dongyao-cell {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dongyao {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: bold;
}

.dongyao.yang {
    background: #fff;
    color: #333;
    border: 1px solid #333;
}

.dongyao.yin {
    background: #333;
    color: #fff;
    border: 1px solid #333;
}

/* 卦辞样式优化 */
.guaci-container {
    margin: 20px 0;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #c00;
}

.guaci-title {
    font-size: 16px;
    font-weight: bold;
    color: #c00;
    margin-bottom: 10px;
    text-align: center;
}

.guaci-content, .guayao-content {
    font-size: 13px;
    line-height: 1.6;
    color: #333;
}


.h5_lishi { padding: 15px; background: #f5f5f5; min-height: 100vh; }
.title { font-size: 20px; color: #333; text-align: center; margin: 10px 0; }
.desc { font-size: 14px; color: #666; text-align: center; margin-bottom: 20px; }
.date-selector { background: #fff; padding: 15px; margin-bottom: 15px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.selector-box { display: flex; align-items: center; flex-wrap: wrap; font-size: 14px; color: #333; margin-bottom: 10px; justify-content: center;}
.select-wrap { position: relative; margin: 0 5px; }
.select-wrap select { width: 80px; height: 36px; border: 1px solid #ddd; border-radius: 4px; padding: 0 10px; font-size: 14px; background: #fff; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
.select-wrap:after { display: none; }
.query-btn { width: 100%; height: 40px; background: #ba4a57; color: white; border: none; border-radius: 4px; font-size: 16px; margin-bottom: 10px; }
.nav-days { display: flex; justify-content: space-between; align-items: center; font-size: 14px; }
.nav-day { color: #ba4a57; text-decoration: none; padding: 5px 10px; }
.current-date { color: #333; font-weight: bold; }
.quick-tools { display: flex; background: #fff; padding: 10px; margin-bottom: 15px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.tool-item { flex: 1; text-align: center; position: relative; }
.tool-item a { display: block; text-decoration: none; color: #333; font-size: 14px; }
.tool-item i { display: block; font-size: 24px; margin-bottom: 5px; }
.tool-item em { display: block; font-size: 12px; color: #999; font-style: normal; }
.divination-list { display: none; position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 1px solid #ddd; border-radius: 4px; z-index: 10; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.divination-list a { display: block; padding: 10px; border-bottom: 1px solid #eee; font-size: 13px; text-decoration: none; color: #333; }
.divination-list a:last-child { border-bottom: none; }
.event-list { background: #fff; overflow: hidden; margin-bottom: 15px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.event-list li { border-bottom: 1px solid #eee; }
.event-title { padding: 15px; display: flex; align-items: center; font-size: 16px; color: #333; cursor: pointer; }
.event-title .num { color: #ba4a57; margin-right: 5px; }
.event-title .text { flex: 1; }
.icon-arrow { color: #999; font-size: 18px; margin-left: 5px; }
.event-content { padding: 0 15px 15px; font-size: 14px; color: #666; line-height: 1.6; display: none; }
.event-content img { max-width: 100%; height: auto; }
.keywords { font-size: 13px; color: #999; margin-top: 10px; }
.related-tools { background: #fff; border-radius: 8px; padding: 15px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.related-tools h3 { font-size: 18px; color: #333; margin-bottom: 15px; }
.tool-grid { display: flex; flex-wrap: wrap; }
.tool-link { width: 50%; padding: 10px 0; text-align: center; font-size: 14px; text-decoration: none; border-bottom: 1px solid #eee; border-right: 1px solid #eee; box-sizing: border-box; color: #333; }
.tool-link:nth-child(2n) { border-right: none; }
.cRed { color: #e53e3e !important; }
.cGreen { color: #38a169 !important; }
.cBlue { color: #3182ce !important; }




.details {
    padding: 12px;
    margin-bottom: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    width: 90%;
    margin-left: 10px;
    border: 1px solid #ba4a57;
}

.title {
    font-size: 18px;
    color: #333;
    text-align: center;
    margin: 15px 0;
    font-weight: bold;
}

.title strong {
    color: #e74c3c;
}

.title span {
    color: #e74c3c;
    font-weight: bold;
    margin: 0 5px;
}

.desc {
    color: #666;
    font-size: 14px;
    line-height: 1.5;
    margin: 10px 0 20px;
    text-align: center;
}

/* 表单样式 */
.form-group {
    margin: 12px 0;
    padding: 8px 0;
}

.form-group label {
    display: inline-block;
    width: 40px;
    color: #666;
    font-size: 14px;
}

.form-group .select {
    width: 62px;
    padding: 0 8px;
    border: 1px solid #ba4a57;
    border-radius: 4px;
    background: #fff;
    font-size: 14px;
    margin: 0 3px;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 8px 10px;
    padding-right: 20px;
}

.form-group .select.full-width {
    width: 30%;
}

/* 单选框样式 */
.inline-radio {
    align-items: center;
    gap: 5px;
    margin: 12px 0;
}

.inline-radio label {
    width: auto;
    font-size: 14px;
    color: #333;
    margin-left: 8px;
}

.inline-radio input[type="radio"] {
    width: 18px;
    height: 18px;
    margin: 0;
    vertical-align: middle;
}

/* 快速链接样式 */
.quick-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 20px 0;
}

.quick-link {
    flex: 1;
    min-width: calc(50% - 4px);
    padding: 10px 8px;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    text-align: center;
    font-size: 13px;
    color: #495057;
    text-decoration: none;
    transition: all 0.2s;
}

.quick-link:hover {
    background: #e9ecef;
    transform: translateY(-1px);
}

/* 提交按钮样式 */
.form-submit {
    margin: 20px 0 10px;
    text-align: center;
}

.form-submit .button {
    width: 30%;
    height: 44px;
    background: #ba4a57;
    color: white;
    border: none;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 0 4px 12px rgba(238, 90, 82, 0.2);
}

.form-submit .button:active {
    transform: translateY(1px);
    box-shadow: 0 2px 6px rgba(238, 90, 82, 0.2);
}

/* 结果区域样式 */
.result-section h2 {
    font-size: 13px;
    line-height: 1.6;
    color: #333;
    margin: 20px 0 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    font-weight: 600;
}

.intro-section {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 20px 0;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
}

.intro-img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 6px;
}

.intro-content h3 {
    font-size: 16px;
    color: #2c3e50;
    margin: 0 0 8px 0;
    font-weight: 600;
}

.intro-content p {
    font-size: 14px;
    line-height: 1.6;
    color: #666;
    margin: 0;
}

/* 生肖过滤样式 */
.filter-shengxiao {
    margin: 20px 0;
    padding: 15px;
    border: 1px solid #ba4a57;
}

.filter-shengxiao p {
    font-size: 14px;
    color: #666;
    margin: 0 0 12px 0;
}

.chalist {
    display: flex;
}

.sx-item {
    padding: 4px 6px;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 20px;
    font-size: 13px;
    color: #495057;
    text-decoration: none;
    transition: all 0.2s;
    margin-right: 3px;
}

.sx-item.active {
    background: #ba4a57;
    border-color: #d1626f;
    color: white;
    font-weight: 500;
}

/* 吉日项样式 */
.jiri-item {
    margin: 15px 0;
    padding: 15px;
    border: 1px solid #ba4a57;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

.jiri-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
    flex-wrap: wrap;
}

.jiri-header .date {
    flex: 1;
    min-width: 150px;
}

.jiri-header .date strong {
    font-size: 16px;
    color: #2d3436;
    margin-right: 8px;
}

.jiri-header .nongli {
    font-size: 13px;
    color: #666;
    margin: 5px 0;
    flex: 1;
    min-width: 120px;
}

.detail-link {
    font-size: 13px;
    color: #ba4a57;
    text-decoration: none;
    padding: 4px 10px;
    border: 1px solid #ba4a57;
    border-radius: 4px;
    transition: all 0.2s;
}

.detail-link:active {
    background: #ba4a57;
    color: white;
}

.jiri-content {
    font-size: 14px;
    line-height: 1.6;
}

.yi-ji, .chong {
    display: flex;
    margin: 8px 0;
    align-items: flex-start;
}

.label {
    min-width: 13px;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    text-align: center;
    margin-right: 10px;
    font-weight: 500;
}

.label.yi {
    background: #d3f9d8;
    color: #2b8a3e;
}

.label.ji {
    background: #ffe3e3;
    color: #c92a2a;
}
.label.ch {
    background: #fdf4d8;
    color: #b9962d;
}

.content {
    flex: 1;
    color: #495057;
    word-wrap: break-word;
}

.highlight {
    color: #e74c3c;
    font-weight: 600;
    padding: 0 2px;
}

/* 结果提示样式 */
.result-tips {
    margin: 20px 0;
    padding: 15px;
    background: #fff8e1;
    border-left: 4px solid #ffc107;
    border-radius: 4px;
    font-size: 13px;
    line-height: 1.6;
    color: #664d03;
}

/* 指南样式 */
.guide-section h2 {
    font-size: 18px;
    color: #2c3e50;
    margin: 0 0 15px 0;
    text-align: center;
    font-weight: 600;
}

.guide-content {
    font-size: 14px;
    line-height: 1.7;
    color: #495057;
}

.guide-content h3 {
    font-size: 15px;
    color: #fff;
    margin: 20px 0 8px 0;
    padding-left: 20px;
    position: relative;
    font-weight: 600;
}

.guide-content h3 .icon {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 12px;
    height: 12px;
    background: #4dabf7;
    border-radius: 50%;
}

.guide-content p {
    margin: 8px 0 15px 0;
    padding-left: 20px;
}

.guide-content strong {
    color: #2c3e50;
    font-weight: 600;
}





.list-table {
    border: 1px solid #e0e0e0;
    overflow: hidden;
    margin: 10px 0;
    background: #fff;
}

.table-header {
    display: flex;
    background: #ba4a57;
    border-bottom: 1px solid #e0e0e0;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
}

.table-header .th {
    padding: 12px 8px;
    text-align: center;
    border-right: 1px solid #e0e0e0;
}

.table-header .th:last-child {
    border-right: none;
}

.table-body {
    background: #fff;
}

.table-row {
    display: flex;
    border-bottom: 1px solid #f0f0f0;
    min-height: 50px;
    align-items: center;
}

.table-row:last-child {
    border-bottom: none;
}

.table-row .td {
    padding: 8px;
    text-align: center;
    font-size: 13px;
    border-right: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    word-break: break-word;
}

.table-row .td:last-child {
    border-right: none;
}

.details-row {
    background: #f9f9f9;
    border-bottom: 1px solid #f0f0f0;
    display: none;
}

.details-row.expand {
    display: block;
}

.details-content {
    padding: 12px;
    font-size: 13px;
    color: #666;
    line-height: 1.6;
}

.details-content .desc {
    margin: 0;
}

.date-badge {
    display: inline-block;
    padding: 2px 8px;
    background: #e3f2fd;
    color: #1976d2;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
}

.table-row {
    cursor: pointer;
    transition: background-color 0.2s;
}

.table-row:hover {
    background-color: #f7e6e8;
}

.countdown-days {
    font-size: 22px;
    font-weight: bold;
    color: #e4393c;
    margin: 5px 0;
}
.details-box h3 {
    font-size: 16px;
    color: #d35400;
    margin: 0 0 10px 0;
    border-bottom: 2px solid #f39c12;
    font-weight: bold;
    padding: 0 20px 8px 20px;
}

.details-box .content {
    font-size: 14px;
    color: #7d6608;
    line-height: 1.6;
    text-align: justify;
    padding: 0 20px 0 20px;
}
    
/* 节日描述文字样式 */
.descs {
    font-size: 13px;
    color: #666;
    line-height: 1.6;
    margin: 0;
    text-align: justify;
    word-break: break-word;
}


.h5_xingzuo { padding: 15px; background: #f5f5f5; min-height: 100vh; }

/* 星座导航 */
.xingzuo_nav { background: #fff; border-radius: 8px; padding: 15px; margin-bottom: 15px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.nav_title { font-size: 16px; font-weight: bold; color: #333; margin-bottom: 12px; }
.nav_grid { display: flex; flex-wrap: wrap; margin: 0 -5px; }
.nav_item { width: 25%; padding: 0 5px 10px; box-sizing: border-box; text-decoration: none; }
.nav_item.active .nav_icon { background: #4CAF50; }
.nav_icon { width: 100%; aspect-ratio: 1; background: #f0f0f0; border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 5px; overflow: hidden; }
.nav_icon img { width: 60%; height: 60%; object-fit: contain; }
.nav_name { font-size: 12px; color: #333; text-align: center; margin-bottom: 2px; }
.nav_date { font-size: 10px; color: #999; text-align: center; }

/* 当前星座信息 */
.xingzuo_current {padding: 15px 15px 0 15px; }
.current_header { display: flex; margin-bottom: 12px; }
.current_img { flex-shrink: 0; margin-right: 12px; }
.current_img img { width: 100%; height: auto; border-radius: 8px; }
.current_info h2 { font-size: 16px; color: #333; margin-bottom: 6px; }
.current_info .name { font-weight: bold; }
.current_info .date { color: #666; font-size: 12px; margin-left: 5px; }
.desc { font-size: 13px; color: #666; line-height: 1.5; }
.current_attr { font-size: 13px; color: #333; line-height: 1.6; margin-bottom: 12px; }
.current_articles { border-top: 1px solid #eee; padding-top: 10px; }
.current_articles a { display: block; font-size: 13px; color: #333; text-decoration: none; padding: 6px 0; border-bottom: 1px dashed #eee; }
.current_articles a:last-child { border-bottom: none; }

/* 运势切换 */
.xingzuo_yunshi { padding: 5px 15px 15px 15px; }
.yunshi_tabs { }
.tab_nav { display: flex; border-bottom: 1px solid #eee; margin-bottom: 15px; }
.tab_item { flex: 1; text-align: center; padding: 10px 0; font-size: 13px; color: #666; cursor: pointer; }
.tab_item.active { color: #4CAF50; border-bottom: 2px solid #4CAF50; }
.tab_item:not(.active) { text-decoration: none; }
.tab_pane { display: none; }
.tab_pane.active { display: block; }
.pane_header { margin-bottom: 12px; }
.pane_header h3 { font-size: 16px; color: #333; margin-bottom: 4px; }
.pane_header p { font-size: 12px; color: #666; }
.pane_scores { margin-bottom: 12px; }
.score_item { display: flex; align-items: center; margin-bottom: 8px; }
.score_items { display: flex; align-items: center;}
.score_item .label { width: 70px; font-size: 13px; color: #333; flex-shrink: 0; }
.score_items .label { width: 70px; font-size: 13px; color: #333; flex-shrink: 0; }
.star_bar { flex: 1; height: 8px; background: #f0f0f0; border-radius: 4px; overflow: hidden; }
.star_fill { height: 100%; background: #FFD700; border-radius: 4px; }
.pane_lucky { display: flex; flex-wrap: wrap; margin-bottom: 12px; }
.lucky_item { width: 50%; padding: 6px 0; }
.lucky_item .label { font-size: 12px; color: #666; }
.lucky_item .value { font-size: 13px; color: #333; font-weight: bold; }
.pane_desc p { font-size: 13px; color: #333; line-height: 1.5; margin-bottom: 8px; }
.detail_link { font-size: 12px; color: #4CAF50; text-decoration: none; display: block; text-align: right;}

/* 星座话题 */
.xingzuo_topic { margin-left: 5px; }
.topic_header { 
    margin-top: 10px;
}
.topic_header h3 { 
    font-size: 16px; 
    margin: 0;
    font-weight: 600;
    overflow: hidden;
}
.topic_header h3 .more { 
    font-size: 15px; 
    color: #fff; 
    text-decoration: none;
    float: right; /* 右浮动 */
    font-weight: normal; /* 恢复普通字体粗细 */
    margin-left: 10px; /* 与标题文本的间距 */
}
.topic_main { display: flex; margin-bottom: 12px; }
.topic_img { width: 100px; flex-shrink: 0; margin-right: 12px; margin-top: 12px;}
.topic_img img { width: 100%; height: 75px; border-radius: 6px; object-fit: cover; }
.topic_content h4 { font-size: 14px; color: #333; margin-bottom: 6px; }
.topic_content h4 a { text-decoration: none; color: #333; }
.topic_content p { font-size: 12px; color: #666; line-height: 1.5; margin-bottom: 6px; }
.read_more { font-size: 12px; color: #4CAF50; text-decoration: none; }
.topic_list { }
.topic_item { display: block; font-size: 13px; color: #333; text-decoration: none; padding: 8px 0; border-bottom: 1px dashed #eee; }
.topic_item:last-child { border-bottom: none; }

/* 热门排行 */
.xingzuo_hot { margin-left: 5px; }
.hot_header { margin-bottom: 12px; }
.hot_header h3 { font-size: 16px; color: #fff; }
.hot_list { }
.hot_item { display: block; font-size: 13px; color: #333; text-decoration: none; padding: 8px 0; border-bottom: 1px dashed #eee; }
.hot_item .num { color: #FF5722; font-weight: bold; margin-right: 6px; }
.hot_item:last-child { border-bottom: none; }