﻿.module {
	background:#fff;
	border:1px solid #e2e2e2;
	box-shadow:1px 2px 5px rgba(0,0,0,0.08);
	margin-bottom:25px;
}
.module .bd {
	margin:0 20px;
}
.mod-panel .hd {
	position:relative;
	height:180px;
	margin-bottom:15px;
	background:#fff url("../../../image/jieqis/hd_bg.png") 0 center no-repeat;
	border:1px solid #f0f0f0;
}
.mod-panel .hd:after {
	position:absolute;
	left:0;
	top:0;
	content:'';
	width:320px;
	height:180px;
	background-image:linear-gradient(to right,rgba(255,255,255,0),#ffffff);
}
.mod-panel .hd .info {
	position:relative;
	z-index:99;
	margin-left:180px;
	margin-right:20px;
	padding-top:20px;
}
.mod-panel .hd .info h1 {
	margin-bottom:5px;
	line-height:36px;
	font-size:28px;
	font-family:'楷体';
	font-weight:bold;
}
.mod-panel .hd .info p {
	line-height:22px;
	text-indent:2em;
	color:#666;
}
.mod-panel .bd ul {
	overflow:hidden;
}
.mod-panel .bd li {
	float:left;
	width:16.66%;
}
.mod-panel .bd .item {
	border:1px solid #f0f0f0;
	margin:0 1px 10px;
}
.mod-panel .bd .item .pic img {
	width:100%;
	height:auto;
}
.mod-panel .bd .item .info {
	padding:10px;
	background:#fff;
}
.mod-panel .bd .item p.name {
	font-size:14px;
	font-weight:bold;
	color:#4bae4f;
}
.mod-panel .bd .item p.lunar,.mod-panel .bd .item p.solar {
	font-size:13px;
	color:#666;
}
.mod-intro .hd {
	padding-top:25px;
	margin-bottom:10px;
}
.mod-intro .hd h2 {
	line-height:32px;
	text-align:center;
	font-size:22px;
	font-weight:bold;
}
.mod-intro .hd p {
	line-height:24px;
	text-align:center;
	color:#666;
}
.mod-intro .bd {
	text-align:center;
}
.mod-intro .bd .title {
	height:42px;
	margin-bottom:10px;
	background:url("../../../image/jieqis/title_bg.png") center center no-repeat;
}
.mod-intro .bd .table-inner {
	margin:0 10px 25px;
	overflow-x:auto;
}
.mod-intro .bd .intro {
	max-width:320px;
	padding:15px 20px;
	background:#f8f8f8;
	margin:0 auto 20px;
	border-radius:6px;
}
.mod-intro .bd .intro h3 {
	line-height:30px;
	font-size:18px;
	font-weight:bold;
}
.mod-intro .bd .intro p {
	line-height:24px;
}
.mod-intro .bd table {
	width:100%;
	table-layout:fixed;
}
.mod-intro .bd table td,.mod-intro .bd table th {
	border:1px solid #e8e8e8;
	line-height:20px;
}
.mod-intro .bd table td img,.mod-intro .bd table th img {
	width:100%;
	height:auto;
}
.mod-intro .bd table td {
	padding:5px;
}
.mod-intro .bd table th {
	line-height:30px;
	text-align:center;
	font-weight:bold;
}
.mod-intro .bd table.season-1 {
	background:#f0fff6;
}
.mod-intro .bd table.season-1 th {
	color:#00854b;
}
.mod-intro .bd table.season-2 {
	background:#fff7f8;
}
.mod-intro .bd table.season-2 th {
	color:#ff3550;
}
.mod-intro .bd table.season-3 {
	background:#fff7ed;
}
.mod-intro .bd table.season-3 th {
	color:#fe8a03;
}
.mod-intro .bd table.season-4 {
	background:#f4fbff;
}
.mod-intro .bd table.season-4 th {
	color:#00a0f3;
}
.section{padding:0 20px;overflow:hidden;display:block;margin-top:20px;box-shadow: 0 1px 5px 0 rgba(0,0,0,.05);}
.section h3.section_title{font-size:16px;line-height:40px;padding-top:5px;}
.section h3.section_title span{float:right;font-size:12px;font-weight: normal;}
.section h1{font-size:24px;line-height:150%;margin:20px 0 0 0;text-align: center;}
.section .info{line-height: 150%;text-align: center;margin:15px -10px 0 -10px;font-size:12px;}
.section .info span{margin:0 10px;}
.section .info span i{margin-right:5px;font-size:12px;}
.section .tal{text-align:left!important;}
.list_r , .list_url{margin-right:-2%;overflow: hidden;padding:5px 0 20px 0;}
.list_r li{float:left;width:48%;margin:15px 2% 0 0;font-size:15px;line-height:24px;height:24px;overflow:hidden;box-sizing:border-box;}
.list_r li a , .multi_r li a{float:left; width:-webkit-calc(100% - 55px); width:-moz-calc(100% - 55px); width:calc(80% - 55px);}
.list_r li a.notime , .multi_r li a.notime{width:100%!important}
.list_r li span , .multi_r li span{float:right;font-size:12px;}
.list_r li i , .list_url li i , .multi_r li i{margin-right:5px;font-size:16px;}
@media screen and (max-width:799px) {
        .list_r , .list_r li , .multi_r li{margin-right:0;width:100%;}
    
    
.list_r , .list_r li , .multi_r li{height: auto;}
.list_r li a , .multi_r li a{ -webkit-line-clamp: 5;width:100%;}    
.pc , .list_r li span ,  .multi_r li span , .multi_it li .info , .list_it li .info{display: none;}
.subcategory{margin-right:-4%;}
.subcategory li{width:46%;margin:20px 4% 0 0; }
.list_p , .list_p li , .compost .com_info ul , .compost .com_info li{margin-right:0;width:100%;}  
.compost .com_info li:nth-child(4){width:50%!important }   
.list_url li{width:48%;}
.list_r li a{width:100%;}
	.module .bd {
	margin:0 10px;
}
.mod-panel .hd {
	height:90px;
	margin-bottom:10px;
	background-size:160px 90px;
}
.mod-panel .hd:after {
	width:160px;
	height:90px;
}
.mod-panel .hd .info {
	margin-left:90px;
	margin-right:15px;
	padding-top:10px;
}
.mod-panel .hd .info h1 {
	margin-bottom:3px;
	line-height:24px;
	font-size:20px;
}
.mod-panel .hd .info p {
	max-height:36px;
	line-height:18px;
	font-size:13px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	overflow:hidden;
	-webkit-line-clamp:2;
}
.mod-panel .bd ul {
	margin:0 5px;
}
.mod-panel .bd li {
	width:50%;
}
.mod-intro .hd h2 {
	line-height:30px;
	font-size:16px;
}
.mod-intro .hd p {
	line-height:20px;
	font-size:13px;
}
.mod-intro .bd .title {
	height:21px;
	margin-bottom:5px;
	background-size:100% auto;
}
.mod-intro .bd .title img {
	width:36px;
	height:19px;
}
.mod-intro .bd .pic img {
	width:250px;
	height:250px;
}
.mod-intro .bd .table-inner {
	margin:0 0 10px;
}
.mod-intro .bd .intro h3 {
	line-height:30px;
	font-size:16px;
	font-weight:bold;
}
.mod-intro .bd table {
	width:600px;
}
.mod-intro .bd table th,.mod-intro .bd table td {
	white-space:nowrap;
}
;}