/* CSS Document */
* { margin:0; padding:0; border:none; font-family:"微软雅黑"; font-size:16px; color:#34495e; text-decoration:none;  box-sizing:border-box; }
ul,li { list-style:none;}
a { color:#2c3e50; }
a:hover { color:#667eea; }
.ht10 { height:10px; }
.ht20 { height:20px; }
.ht30 { height:30px; }
.ht50 { height:50px; }
.ht120 { height:120px; }
.pd3 { padding:0 3%; }
.pd200 { padding:0 200px;}
.pd400 { padding:0 400px;}
.decoration-fill { width:100%; float:left; }
label,textarea,select{ -webkit-appearance: none; }
.oafamily-header { width:100%; float:left; background:#f8f8f8; border-bottom:1px solid #e7e7e7; position:fixed; top:0; left:0; z-index:840; }
.oafamily-header-l { float:left; min-width:200px; }
.oafamily-header-l a { width:100%; display:block;  float:left; }
.oafamily-header-l dl { width:100%; float:left; position: relative; }
.oafamily-header-l dd { width:32px; height:32px; margin:10px 0; float:left; }
.oafamily-header-l dd img { width:100%; height:100%; }
.oafamily-header-l dt { float:left; margin-left:5px; line-height:54px; font-size:24px; }
.oafamily-header-l dt h1 { font-weight:500; line-height:54px; font-size:24px; }
.oafamily-header-l dt h1:hover { color:#667eea; }
.oafamily-header-r { float:right; line-height:54px; margin-right:60px; }

.oafamily-navigation { position: fixed; top: 53px; left: -100%; width: 100%; margin:0; padding:30px 0 0 0; height: calc(100% - 52px); background-color:#fff; transition: all 0.3s ease-in-out;  }
.oafamily-navigation li { float:left; margin:0 15px; position: relative; } 
.oafamily-navigation li a { line-height:54px; } 
.menu-btn { position: fixed; top:0px; right:3%; width:54px; height:54px; background: url(../images/menu.png) no-repeat; cursor: pointer; }
.oafamily-navigation.active { left: 0;  }
.oafamily-navigation ul { padding:0 3%;}

.oafamily-content { float:left; width:100%; color:#FFF; padding-top:63px; }
.oafamily-wrap { width:100%; float:left; }
.oafamily-title { width:100%; float:left; margin:30px 0; }
.oafamily-title h1 { width:100%; float:left; font-size:32px; text-align:center; font-weight:500; color:#000; }
.oafamily-title p { width:100%; float:left; margin-top:10px; font-size:14px; color:#c8c8c8; text-align:center; }

.table td {line-height:32px;}
.table i {
    padding: 2px 5px;
    color: #FFFFFF;
    border-radius: 50%;
    font-style: normal;
    font-size: 12px;
}
em {
    font-style: normal; margin:0 5px 0 2px;
}
.green {
    color: #008000;
}
.red {
    color: #f00;
}



.oafamily-rili { width:100%; float:left; }
.oafamily-rili h2 { width:100%; float:left; text-align:center; font-size:32px; color: #333333; font-weight: 400; }
.oafamily-rili h4 { width:100%; float:left; text-align:center; font-size:168px; color:#e02d2d; line-height:220px; font-weight: 400; }
.oafamily-rili h4 a { display2:block; width:60px; height:60px; line-height:55px; text-align:center; margin-top:80px; border-radius:50%; border: 1px solid #647246; font-size:32px; color: #647246; text-decoration: none; }
.oafamily-rili h4 a:nth-child(1) { float:left; }
.oafamily-rili h4 a:nth-child(2) { float:right; }
.oafamily-rili p { width:100%; float:left; text-align:center; font-size:32px; color: #333333; }
.oafamily-rili p font { color:#FF0000; font-size:32px; }
.oafamily-rili span { display:block; width:100%; float:left; text-align:center; font-size:24px;color: #808080; }
.oafamily-rili h5 { width:100%; float:left; text-align:center; font-size:128px; color:#e02d2d; line-height:200px; font-weight: 400; }
.oafamily-rili h5 a { width:50px; height:50px; line-height:45px; text-align:center; margin-top:80px; border-radius:50%; border: 1px solid #647246; font-size:32px; color: #647246; text-decoration: none; }
.oafamily-rili h5 a:nth-child(1) { float:left; }
.oafamily-rili h5 a:nth-child(2) { float:right; }

.calculator-card {
    background: var(--light);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
    border: 2px solid var(--border);}
.calculator-card:hover{
    border: 2px solid var(--primary-light); cursor: pointer;}
.wannianli-shichangjixiong { width:100%; float:left;
}

.oafamily-rili-yiji { width:100%; float:left; text-align:center; }
.oafamily-rili-yiji p { width:100%; float:left; text-align:center; }
.oafamily-rili-yiji p2 { line-height:24px; }
.oafamily-rili-yiji p i { 
	padding:2px 5px;
	color:#FFFFFF;
	border-radius:50%;
	font-style: normal; font-size:12px;
}
.i-a{ background:#DA301E;}
.i-b{ background:#647246;} 



/*工具*/
.tool-post { width:100%; float:left;
            color: #555;
            line-height: 1.6;
            font-size: 0.95rem;}
.tool-post p { text-indent: 2em;
    margin: 10px 0; font-size:18px; line-height:34px; }
.card {background: rgba(255, 255, 255, 0.95);
            border-radius: 15px;
            padding: 25px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
            border: 1px solid rgba(255,255,255,0.2);}
.card:hover { 
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(0,0,0,0.2);
        }



.jieqi-list { width:100%; float:left; margin-top:30px;
        }
        
        
        .jieqi-list ul { width:calc(100% + 30px); float:left; margin-left:-15px;
        }
        .jieqi-list li { width: calc(50% - 30px); float:left; margin:15px;
            background: rgba(255, 255, 255, 0.95);
            border-radius: 15px;
            padding: 25px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
            border: 1px solid rgba(255,255,255,0.2);
        }
        
        .jieqi-list li:hover { 
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(0,0,0,0.2);
        }
        
        .jieqi-list-title {
            margin-bottom: 12px;
        }
        
        .jieqi-list-title a {
            color: #2c3e50;
            text-decoration: none;
            font-size: 1.4rem;
            font-weight: 600;
            transition: color 0.3s ease;
        }
        
        .jieqi-list-title a:hover {
            color: #667eea;
        }
        
        .jieqi-list-time {
            color: #e74c3c;
            font-weight: 500;
            margin-bottom: 15px;
            font-size: 1rem;
            padding: 5px 12px;
            background: rgba(231, 76, 60, 0.1);
            border-radius: 20px;
            display: inline-block;
        }
        
        .jieqi-list-info {
            color: #555;
            line-height: 1.6;
            font-size: 0.95rem; 
			max-height: calc(1.6em * 2); /* 2行的高度 */
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制显示2行 */
  -webkit-box-orient: vertical;
        }



.table { width: 100%; float: left; border: 1px solid #f0f0f0; background-color:#fff; border-collapse: collapse; position: relative; overflow: hidden; }
.table th, .table td { margin: -1px; border: 1px solid #f0f0f0; border-width: 0 1px 1px 0; line-height: 20px; text-align: center; padding: 10px 15px; }
.table th { background-color2:#f7f7f7; font-size:18px; font-weight:600; line-height:34px; }		
		

        
		
		
		
.oafamily-wannianli { width:100%; float:left;}
.oafamily-wannianli td { width:14.285%; cursor:pointer; padding:20px 10px; }
.oafamily-wannianli td span { display:block; width:100%; float:left; font-size:22px; padding:0px 0; }
.oafamily-wannianli td span:nth-child(2) {  font-size:14px; margin-top:10px; }
.oafamily-wannianli td ymd {font-size: 98px;color: #647246;line-height: 120px;font-weight: 400;}
.jr { color:#e02d2d; }
.current-day { background-color:#e02d2d; }
.current-day span:nth-child(1) { color:#fff; }
.current-day span:nth-child(2) { color:#fff; }
.other-day:hover { background-color:#f7f7f7; }
.other-day span:nth-child(2) { color:#8c8c8c; }






.oafamily-footer { float:left; width:100%; padding:15px; color: #666;
    background-color: #f6f6f6;
    text-align: center;
    border-top: 1px solid #eaeaea; }
.oafamily-footer p { font-size:14px; color:#c8c8c8; text-align:center; }
.oafamily-footer p a { color:#c8c8c8; font-size:14px; }


@media (max-width:768px){ 
.pd3{ padding:0 2%; }
.pd200,.pd400 { padding:0;}
.oafamily-inside { padding:0; }
.oafamily-inside-post p img { width:100%; max-width:100%; }


.oafamily-header-r { display:none; }
.card { padding: 15px; }
.jieqi-list { margin-top:15px; }
.jieqi-list ul { width:100%; margin:0; }
.jieqi-list li { width:100%; margin:15px 0; padding: 15px; 
        }
.jieqi-list-info { height: auto; max-height:none;  overflow:visible; 
  display:block;
  -webkit-line-clamp:unset; 
  -webkit-box-orient:unset;
   } 
   .menu-btn { right:2%; }    
   
   .oafamily-rili h5 { font-size:68px; line-height:140px; font-weight: 400; }
.oafamily-rili h5 a { margin-top:50px;  }
}