@charset "utf-8";
/*全局样式*/
/* Note: body, html styles removed to avoid conflict with main.html usually, but keeping class specific ones */
.clearfix:after,.clearfix:before{display:table;content:"";}
.clearfix:after{clear:both;}
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:".";}

.box{margin:5px auto; width:100%; max-width:800px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#fff;}
.box img{width:auto;height:auto;max-width:100%;vertical-align:middle;}

.box table{border-collapse:collapse;table-layout:auto;width:100%;}
.box table th.title{height:30px;border:1px solid #e6e6e6;background:#f1f1f1;text-align:center;font-weight:700;line-height:30px;font-size:14px;}
.box table td{padding:6px;border:1px solid #e6e6e6;font-size:12px;}
.box table td.left{padding-right:0;padding-left:0;width:60px;color:navy;text-align:center;font-size:1.2rem;}

/*号码颜色*/
.box td span.ball,.box ul li p span.ball{display:inline-block;margin:0 2px;width:20px;height:20px;border-radius:10px;color:#fff;text-align:center;font-size:12px;line-height:20px;}
.box span.bg_green{background:#093;}
.box span.bg_blue{background:#36f;}
.box span.bg_red{background:#f00f00;}

/*年五行对照*/
.sx th{height:30px;border:solid 1px #ccc;background:#f1f1f1;}
.sx td{padding:5px 0;border:solid 1px #d8ccb4;border-top:solid 0 #d8ccb4;background:#fff;text-align:center;word-wrap:break-word;}
.sx td.a-left{padding-right:5px;padding-left:5px;text-align:left;}
.sx span{display:inline-block;margin:0 2px;width:20px;height:20px;border-radius:10px;background:red;color:#fff;text-align:center;font-size:12px;line-height:20px;}
.sx span.green{background:#093;}
.sx span.blue{background:#36f;}

/*十二生肖对照*/
.sesx{border:1px solid #e6e6e6;}
.sesx .title{height:30px;border-bottom:1px solid #e6e6e6;background:#f1f1f1;text-align:center;font-weight:700;line-height:30px;}
.sesx ul{padding:8px 0;text-align:center; width:100%;}
.sesx dl{word-wrap:break-word;font-size:12px;}
.sesx dl img{width:40px;height:auto;vertical-align:middle;margin:0 2px;}
.sesx ul li{float:left;padding:5px 0;width:33.33%;border-left:1px solid #f9f9f9; box-sizing:border-box;}
.sesx ul li:nth-child(3n+1){border:none;}
.sesx dt { display:block; margin-bottom:5px; font-weight:bold; }
.sesx dd { display:block; }

/*生肖属性*/
.attribute td{text-align:center;font-size:1.1rem;padding:8px 0px;}
.attribute td li:first-child{border-bottom:1px dotted #F1F1F1;padding-bottom:5px;margin-bottom:5px}
.attribute td span{color:#0000FF; font-weight:bold;}
.attribute td i{width:8px}

/* Adjustments for main.html integration */
.main-container .box {
    margin-bottom: 15px;
}