@charset "utf-8";
*{border:0;margin:0;padding:0;outline:none;-webkit-tap-highlight-color:transparent}
body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans CN", sans-serif;;font-size:16px;color:#2D2D2F;background:#f5f6f9;background:#fff}
a, a:link, a:visited{color:#2D2D2F;text-decoration:none;outline:none;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
ul,li{list-style:none}

/*container*/
.container{position:relative;max-width:800px;margin:0 auto}

/*header*/
.header{border-top:3px solid #353537;height:60px;line-height:60px;background:#FFF;box-shadow:0 2px 3px 0 rgba(0,0,0,0.07);padding:0 20px}
.header .container{height:100%}
.header .menu{display:inline-block;max-width:calc(100% - 80px);white-space:nowrap;overflow:hidden}
.header .menu li{display:inline-block;padding:0 10px}
.header .menu li a{display:block;font-size:16px;color:#C7C7C7}
.header .menu li.current-menu-item a{border-bottom:3px solid #2D2D2F;color:#2D2D2F}
.header .menu li.current-menu-parent a{border-bottom:3px solid #2D2D2F;color:#2D2D2F}
.header .search{position:absolute;right:0;display:inline-block}
.header .search input{padding:10px 12px;width:30px;border-radius:30px;border:2px solid #353537;transition:.3s linear}
.header .search input:focus{width:230px}

.searchbox{position: relative;max-width: 520px;margin: 40px auto;}
.searchbox input{box-sizing: border-box;border: 2px solid #6b6b6b;border-radius: 5px;background: transparent;top: 0;right: 0;width: 100%;height: 50px;padding-left: 13px;}
.searchbox button{background: #6b6b6b;border-radius: 0 5px 5px 0;width: 90px;top: 0;right: 0;height: 50px;cursor: pointer;position: absolute;}
.searchbox button:before{content: "搜索";font-size: 16px;color: #FFF;}
h1.p_title{margin:30px 0 20px 0;text-align:center;font-weight:normal}
p.pp{margin:40px 0;text-align:center;border-bottom:1px solid #f9f9f9;padding-bottom:40px}

/*main*/
.main{padding:30px 20px}
.main #postlist{}
.main #postlist .post{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #EDEDED}
.main #postlist .author{display:flex;align-items:center;position:relative}
.main #postlist .author a{display:flex;align-items:center;font-size:16px}
.main #postlist .author a img{border-radius:100%;margin-right:6px}
.main #postlist .author span{color:#C7C7C7;padding:0 10px}
.main #postlist .author .cat{color:#FF7055}
.main #postlist .author .time{padding:0;position:absolute;right:0}
.main #postlist .topic{margin-top:20px}
.main #postlist .topic img{width:100%;background:#f5f6f9}
.main #postlist .topic h2{font-weight:normal;padding:14px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.main #postlist .topic p{font-size:14px;line-height:1.5;color:#818181;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.main #pagination{text-align:center}

.single h1{margin-bottom:20px}
.single .author{display:flex;align-items:center;position:relative;margin:20px 0}
.single .author a{display:flex;align-items:center;font-size:16px}
.single .author a img{border-radius:100%;margin-right:6px}
.single .author span{color:#C7C7C7;padding:0 10px}
.single .author .cat{color:#FF7055}
.single .author .time{padding:0;position:absolute;right:0}

.single .content h1,.single .content h2{font-size:18px;border-left:6px solid #2D2D2F;padding-left:16px;margin:26px 0;line-height:36px}
.single .content h3,.single .content h4,.single .content h5,.single .content h6{font-size:16px;border:0 !important;border-left:4px solid #2D2D2F !important;padding-left:16px;padding-bottom:0 !important;margin:10px 10px !important;line-height:32px}
.single .content p{margin-bottom:20px;line-height:1.8;font-size:16px;overflow:hidden}
.single .content p.excerpt{border-left:6px solid #6c6c6c;background:#fbfbfb;padding:10px 20px;color:#7d7d7d;border-radius:3px;box-shadow: 0 0.125rem 1rem 0 rgba(56,53,53,.1)}
.single .content a[target~="_blank"], .single .content a[rel~="nofollow"], .single .content a[rel~="noopener"]{color:#FF7055;border-bottom:1px dashed #FF7055}
.single .content a:hover{color:#FF7055;border-bottom:1px solid #FF7055}
.single .content img{max-width:100%;height:auto;overflow:hidden;display:block;margin:0 auto;border:1px solid #F5F5F5;background:#f5f6f9;border-radius:5px}
.single .content embed{display:block;max-width:638px;margin:0 auto}
.single .content ul,.single .content ol{margin-bottom:20px}
.single .content ul li{font-size:16px;list-style-type:disc;padding:0;margin-left:40px;margin-bottom:12px}
.single .content ol li{font-size:16px;list-style-type:decimal;padding:0;margin-left:40px;margin-bottom:12px}
.single .tags{text-align:center}
.single .tags a{background:#f5f6f9;margin:6px 6px;padding:3px 14px;border-radius:6px;line-height:28px;display:inline-block}

.relates h3{font-size:18px;border-left:6px solid #2D2D2F;padding-left:16px;margin:26px 0;line-height:36px}

.end{text-align:center;color:#C7C7C7;padding:20px 0}

h1.p_title{margin:30px 0 20px 0;text-align:center;font-weight:normal}
p.pp{margin:20px 0 40px 0;text-align:center;border-bottom:1px solid #f9f9f9;padding-bottom:40px}

.footer{text-align:center;background:#f5f6f9;color:#C7C7C7;padding:20px 0}
.footer .footnav{}
.footer .copyright{}
.footer a{margin:0 5px;line-height:1.6;color:#C7C7C7}

@media all and (min-width:1200px){
	.header{height:80px;line-height:80px}
	.header .container{max-width:1120px}
	.main #postlist .topic p{font-size:16px}
}
@media all and (max-width:480px){
	.links{display:none}
	h1.p_title{margin:10px 0 10px 0}
	p.pp {margin:10px 0 20px 0;padding-bottom:20px}
	.single h1{font-size:24px}
}
@media all and (max-width:380px){
	.header{padding:0 10px}
	.main{padding:20px 10px}
	.main #postlist .topic p{-webkit-line-clamp:2}
}