/*
作者：30Blog
APPID：San_Matrix
地址：https://app.zblogcn.com/?id=25357
*/
@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;outline:0;border:0;background:transparent;vertical-align:baseline;font-size:100%;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{color: #333;background: #fff;margin-top: 60px;font-family:"Microsoft Yahei",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
nav ul{list-style:none;}
li{list-style: none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
a{margin:0;padding:0;background:transparent;color:#333;vertical-align:baseline;text-decoration:none;font-size:100%;font-family:"Microsoft Yahei",Helvetica,Arial,sans-serif;}
a:hover,a:focus{text-decoration:none;cursor:pointer;}
img{margin: 0;padding:0;max-width: 100%;height: auto;}
.container{margin:0 auto;max-width:1200px}
.shlogo{position:relative;width:480px;height:50px;margin:20px auto;background-size:3em}
.shlogo .logo-text{text-align:center;line-height:100px}
.sousuo{padding:30px 0 15px 0;margin-top:20px}
.search{width:650px;position:relative;margin:0 auto}
.search-box{height:50px;overflow:hidden;display:-webkit-flex;display:flex;flex-wrap:wrap;border:1px solid #00000026;border-radius:24px;background-color:#fff}
.search-input{box-sizing:border-box;font-family:SF-Pro-Display-Semibold,PingFangSC-Regular,'Microsoft YaHei UI','Microsoft YaHei',helvetica,sans-serif;flex:1;height:50px;font-size:20px;color:#000000de;border:none;outline:0;padding-left:45px;padding-right:45px}
.breadcrumb{max-width:1200px;margin:0 auto;height:35px;line-height:35px}
.shortcode-tags{padding:0;margin:0 0 20px;overflow:hidden}
.shortcode-tags li{position:relative;float:left;border-radius:37px;margin:8px!important;list-style:none;color:#333;background:#f7f8f9;-webkit-box-shadow:0 0 1px rgb(0 0 0 / 15%);box-shadow:0 0 1px rgb(0 0 0 / 15%)}
.shortcode-tags li a{display:block;line-height:36px;padding:0 15px 0 15px;font-size:16px;color:#333;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.shortcode-tags li:hover{background-color:#ddd}
.content-wrap{width:100%;float:left}
.content{position:relative;min-height:500px;margin-right:370px}
.post{width:100%;padding:40px 0;border-bottom:1px solid #ebebeb;position:relative;overflow:hidden}
.post-img{float:left;margin-right:2.8%;margin-left:0;width:180px;height:109px;z-index:11}
.post-img img{width:180px;height:109px}
.post-title{line-height:32px;font-size:22px;font-weight:700}
.post-time{font-style:normal;display:block;height:28px;line-height:28px;color:#999;font-size:12px}
.post-text{display:block;font-size:14px;height:44px;line-height:22px;overflow:hidden}
.sidebar{float:left;margin-left:-320px;width:320px;position:relative}
.following{width:320px;}.following2{position:fixed;_position:absolute;top:20px;z-index:999;}
.widget{border:1px solid #e8e9e7;background-color:#fff;overflow:hidden;padding:15px;margin-bottom:20px}
.widget ul{margin:0;list-style:none}
.widget-tie h3{padding:0 0 10px 0;margin-bottom:15px;border-bottom:1px solid #e8e9e7;font-size:18px}
.divTags li{float:left;padding:12px 0 15px}
.divTags li{opacity:.8;font-size:12px;color:#fff;background-color:#428bca;display:inline-block;margin:0 5px 5px 0;padding:2px 6px;line-height:20px;font-weight:400}
.divTags li:nth-child(9n){background-color:#4a4a4a}
.divTags li:nth-child(9n+1){background-color:#428bca}
.divTags li:nth-child(9n+2){background-color:#5cb85c}
.divTags li:nth-child(9n+3){background-color:#d9534f}
.divTags li:nth-child(9n+4){background-color:#567e95}
.divTags li:nth-child(9n+5){background-color:#b433ff}
.divTags li:nth-child(9n+6){background-color:#00aba9}
.divTags li:nth-child(9n+7){background-color:#b37333}
.divTags li:nth-child(9n+8){background-color:#f60}
.divTags li:hover{opacity:.8;color:#fff!important}
.divTags li a{color:#fff}
.pagination{margin:0;padding:50px 0 50px 0;text-align:center;font-size:12px;display:block}
.pagination ul{display:inline-block;margin-left:0;margin-bottom:0;padding:0}
.pagination ul>li{display:inline}
.pagination ul>li>a,.pagination ul>li>span{margin:3px 5px 3px 0;float:left;padding:7px 14px;background-color:#fff;border:1px solid #ddd;font-size:12px;color:#666;border-radius:2px;cursor:pointer}
.pagination ul>li>a:focus,.pagination ul>li>a:hover{opacity:1}
.pagination ul>.active>a,.pagination ul>.active>span{color:#ababab;background-color:#f1f1f1}
.pagination ul>.active>a,.pagination ul>.active>span{cursor:default}
.pagination ul>.disabled>a,.pagination ul>.disabled>a:focus,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>span,.pagination ul>li>span{color:#999;background-color:transparent;cursor:default}
footer{position:relative;z-index:9999;clear:both;padding:40px 30px;font-size:14px;line-height:12px;text-align:center;color:#333;background-color:#fff;border-top:1px solid #ddd}
.footer a{color:#333}
.tag-list{display:block;color:#333;position:relative;width:100%;height:auto;margin-top:-14px;margin-bottom:20px;padding:20px;background-position:center;background-size:cover;background-color:rgba(255,255,255,.5);background:#fafafa}
.tag-list .tag-list-title{border-bottom:2px solid rgba(225,225,225,.3)}
.tag-list h1{font-size:28px;border-bottom:2px solid #000;padding-bottom:16px;margin-bottom:-2px;display:inline-block}
.tag-list p{font-size:16px;margin-top:16px}
@media screen and (max-width:980px) {
body{margin-top:30px}
.sidebar{display:none}
.content{margin-right:0}
.post{padding:15px}
.search{width:90%}
.breadcrumb{margin:10px auto!important;padding:0 20px!important}
.shlogo{width:100%;height:50px;margin:auto;padding:0}
.shortcode-tags{padding:0 10px}
.pagination{padding:20px 0 20px 0}
footer{padding:25px 20px}
}

@media screen and (max-width:760px){
.content{padding:10px 0;height:auto}
.post-img,.post-img img{width:110px;height:67px;top:12px}
.post-title{line-height:20px;font-size:14px;font-weight:700;max-height:40px;overflow:hidden}
.post-time{height:22px;line-height:22px;font-size:12px}
.post-text{color:#888;font-size:12px;line-height:18px;max-height:36px}
}