@charset "utf-8";
*{margin: 0;padding: 0;}
ol,ul{list-style: none;}
img{border: none;}
body{color: #4a4a4a;font-size: 1rem;font-weight: 400;line-height: 1.5;background: #f5f5f5;font-family: "微软雅黑";}
a{color: #444;text-decoration: none;}
a:hover{color: #f7941e;}
.container{max-width: 1280px;margin: 0 auto;overflow: hidden;}
.top-nav{width: 100%;height: 40px;color: #fff;background: #222;box-shadow: 1px 1px 0 0 hsla(0,0%,88%,.75);overflow: hidden;margin-bottom: 20px;}
.logo img{width: auto;height: 41px;border: 0;margin-right: 10px;}
.top-nav a{color: #fff;vertical-align: middle;font-size: 18px;line-height: 40px;float: left;}
.top-nav ul{float:right;}
.top-nav li{float: left;}
.top-nav li a{color: #fff;line-height: 40px;margin: 0 20px;}
.nav{width: 13%;float: left;font-size: 1rem;line-height: 1.25;font-weight: 600;border-top:4px solid #222;background-color: white;padding-bottom: 0.5em;}
.nav a{line-height: 1.6rem;color: #4a4a4a;display: block;padding: 0.5em 0.75em;text-align: center;}
.nav a.current{background-color: #222;color: #fff;}
.main{width: 65%;margin-left: 1%;margin-right: 1%;float: left;}
.post-box{margin-bottom: .5rem;background-color: white;color: #4a4a4a;padding: 1rem 1.25rem;overflow: hidden;}
.post-title{font-size: 1.125rem;font-weight: 600;margin-bottom: 15px;}
.left-img{width: 150px;height: 120px;float: left;margin-right: 1rem;overflow: hidden;}
.right-txt{overflow: hidden;font-size: .875rem;}
.post-meta{font-size: .875rem;margin-top: 10px;color: #999;}
.post-meta span{margin-right: .5rem;}
.aside{width: 20%;float: right;margin-bottom: 1rem;}
.aside-box{background-color: #ffffff;font-size: .875rem;border-left:4px solid #dcdcdc;color: #3b3108;padding: 1em;margin-bottom: 10px;}
.title{color: #363636;font-size: 1.125rem;font-weight: 600;line-height: 1.25;margin-bottom: 1rem;}
.aside-box ul li{line-height: 2;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.aside a{color: #136ec2;}
.footer{font-size: .875rem;color: #d8d8d8;margin-top: .5rem;text-align: center;background-color: #222;width: 100%;line-height: 1.7;padding: 10px 0;}
.footer a{color: #666;}
.read img{max-width: 90%;margin: 0 auto;display: block;}
.post-box h1{text-align: center;font-size: 1.5rem;margin: .5rem 0;}
.read{margin: 1.5rem 0;}
.read a{color: #136ec2;}
.read p{padding-bottom: 1rem;line-height: 1.7;}
.c{text-align: center;}
.post_nav{margin: 1rem 0 0;color: #999;font-size: .875rem;}
.tag{color: #999;font-size: .875rem;}
.post-info{font-size: 90%;padding:.5em 1em;line-height: 1.5;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;background-color: #f5f5f5;border-left: 2px solid #ddd;margin: 1rem 0;}
.mutuality{background-color: white;color: #4a4a4a;padding: 1rem 1.25rem;}
.page-navigator{text-align: center;margin-left:0;padding: 1em 0;}
.page-navigator li{display: inline-block;margin: 0 3px;}
.page-navigator li.current a{text-decoration: underline;font-weight: 700;}
.page-navigator a{text-decoration: none;display:inline-block;padding:3px 10px;margin:3px;background-color: #e5e5e5;}
.breadcrumb{font-size: .875rem;padding: 5px 0 5px 1.25rem;background-color: #ffffff;border-bottom: 1px solid #f5f5f5;}
.ad{background-color: #fff7dc;padding: .5rem;overflow: hidden;line-height: 2;text-align: center;}
.ad span{font-weight: 600;color: red;padding-right: 5px;}
.ad img{margin: 0;}
span.wx{color: #ffe504;background-color: #008000;padding: 3px 15px;border-radius: 5px;word-break:break-all;}
.wx i{color: #ffffff;font-style: normal;}
.rukou{text-align: center;font-weight: bold;font-size: 18px;padding: 10px;background-color: white;margin-bottom: 1px;line-height: 2;}
.aside-box span{font-size: 16px;font-weight: 600;}
.aside-box img{width: 100%;padding-top: 10px;border: none;}
.rukou a{color: red;text-decoration: underline;}
blockquote{border: 1px #d0d4c8 dashed;background: #f4f5f6 url(blockquote.gif) 5px 3px no-repeat;padding: 8px 12px 8px 36px;margin-bottom: 20px;}
h2,h3{border-top:1px dashed #CCC;border-bottom:1px dashed #CCC;margin: 15px 0;padding: 4px 0;font-size: 1.125rem;font-weight: bold;}
p.p-ad{margin: 1rem 0;text-align: center;color: red;font-size: large;font-weight: 700;}
.p-ad span{color: #FFEB3B;background-color: green;padding: 3px 10px;border-radius: 10px;font-size: small;}
.ad1{width: 100%;height: 150px;background: url(http://www.zhaoqingfu.cn/usr/uploads/2020/06/1387213258.jpg) no-repeat center;margin: 0 auto;}
p.post-a{padding: 10px 0 10px 10px;border-left: 4px solid #FF5722;background-color: #fff2cb;font-size: large;color: black;font-weight: 700;margin-top: 20px;line-height: 2;}
.post-a span{padding: 2px 10px;background-color: #009688;font-size: 14px;color: white;font-family: sans-serif;border-radius: 10px;}
table{border-collapse: collapse;}
td, th{border: 1px solid #666;padding: 4px 8px;}
th{background-color: #f4f4f4;}
.post-fad{text-align: center;background-color: #009688;padding: 5px;height: 100px;margin-top: 10px;line-height: 100px;font-size: 28px;color: white;}
.read ul li{line-height: 1.3;margin: 10px 0;list-style-type: decimal;margin-left: 20px;}
@media only screen and (max-width: 992px){.nav{float: none;border-radius: 0;border-width:0;overflow: hidden;margin-bottom: 10px;width: auto;padding-bottom: 0;}
.nav li{float: left;}
.container{max-width: 992px;padding:0 .5rem;}
.main{width: 74%;margin-left: 0;margin-right: 1%;}
.aside{width: 25%;}
.left-img{display:none;}
.right-txt p{word-wrap: break-word;word-break: break-all;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.top-nav{margin-bottom: 5px;}}
@media only screen and (max-width: 768px){.main{width: 100%;}
.aside{width: 100%;float: left;}
.aside-box{border-width: 0;}
.top-nav li{}
.top-nav{background-color: #009688;margin-bottom: 0;}
.nav{margin-bottom: 5px;}
.rukou{font-size: 16px;}
.nav a{font-size: 14px;padding: 5px;font-weight: bold;}
.post-title{font-size: 1rem;}
.post-box h1{font-size: 16px;}
p.post-a{font-size: 16px;font-weight: bold;}
.read p{font-size: 15px;}
.top-nav li a{color: #FFEB3B;font-size: 16px;font-weight: bold;}
.nav a.current{background-color: #fff;color: #4a4a4a;}
.meta-t{display: none;}
.aside-box img{display: none;}}
@media only screen and (max-width: 650px){.post-box{padding: .5rem;}
.breadcrumb{padding: 5px .5rem;}}
@media only screen and (max-width: 479px){p.p-ad{font-size: 1rem;}}
@media only screen and (max-width: 320px){.logo img{width: 120px;}
.container{padding: 0;}}