/*main css cmsyou*/
@charset "utf-8";
*{border:0;margin:0;padding:0;outline:none}
body{font-family:Arial,"Microsoft yahei","Hiragino Sans GB",STXihei,SimSun,"宋体",Heiti,"黑体",sans-serif;font-size:14px;color:#273746;background:#f5f6f9}
a, a:link, a:visited{color:#273746;text-decoration:none;outline:none;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
a:hover{color:#00AAEE}
ul,li{list-style:none}
.is{color:#f13b03}
.fl{float:left}
.fr{float:right}
.clear{clear:both;content:'';display:table}
/*container*/
.container{width:1120px;margin:0 auto}
/*greeting*/
#greeting{height:50px;line-height:50px;background:#00AAEE;color:#fff;overflow:hidden}
#greeting .messages{float:left;width:96%;margin:0;font-size:16px;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#greeting a{color:#fff}
#greeting .close-greeting{float:right;color:#fff;cursor:pointer}
/*header*/
#header{}
#header .navbar{height:90px;border-top:3px solid #00AAEE;border-bottom:1px solid #f0f0f0;line-height:90px;background:#FFF;box-shadow:0 1px 3px rgba(0,0,0,.03);z-index:999}
#header .logo{float:left;margin-right:26px}
#header .logo a{display:block}
#header .logo a:hover{color:#2a363c}
#header .logo a img{vertical-align:middle}
#header .navbar-menu{float:left;font-size:16px}
#header .navbar-menu ul>li{float:left;position:relative;z-index:999}
#header .navbar-menu ul>li a{display:block;padding:0 16px}
#header .navbar-menu ul.sub-menu li{float:none;height:60px;line-height:60px;border-bottom:1px solid #f0f0f0}
#header .navbar-menu ul.sub-menu li a{height:60px;line-height:60px}
#header .current-menu-parent>a, #header .current-menu-item>a, .sub-menu li.current-menu-item a{color:#00AAEE}
#header .navbar-menu ul>li.menu-item-has-children>a:after{content:'';display:inline-block;width:7px;height:4px;vertical-align:middle;margin-left:6px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAIAAADNpLIqAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAA4SURBVHjaPEw5DgAwCMK+Ut/noH9kqS1pGbhCsMwEEBG4qKrhpawgnsZIjutubd39CB/m6vstwACDrCRuZb7BlQAAAABJRU5ErkJggg==") no-repeat;-webkit-transition:all .25s ease 0s;-moz-transition:all .25s ease 0s;-o-transition:all .25s ease 0s;transition:all .25s ease 0s}
#header .navbar-menu ul>li.menu-item-has-children:hover a:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#header .navbar-menu ul>li .sub-menu{display:none}
#header .navbar-menu ul>li:hover .sub-menu{display:block;position:absolute;width:200px;background:#FFF;border:1px solid #f0f0f0;z-index:99}
#header .navbar-search{float:left;padding:0 12px}
#header .navbar-search .search-show i{font-size:22px}
#header .navbar-search .search-show i.font-color{color:#00AAEE}
#header .site-search{display:none;width:100%;padding:12px 0;background-color:#FFF;border-bottom:1px solid #f0f0f0;box-shadow:0 1px 3px rgba(0,0,0,.03);position:absolute;z-index:99}
#header .search-form{padding:12px 125px;overflow:hidden}
#header .search-input{float:left;color:#999;border:solid 1px #f0f0f0;width:600px;height:40px;line-height:40px;padding:4px 0 4px 12px;border-right:none;font-size:16px;border-radius:2px 0 0 2px;outline:none}
#header .search-input:focus{border-color:#00AAEE}
#header .search-btn{color:#fff;border:none;background:#00AAEE;width:136px;height:50px;font-size:16px;border-radius:0 2px 2px 0}
#header .search-btn:hover, .search-btn:focus{color:#fff;opacity:0.85;filter:alpha(opacity=85)}
#header .search-form a{margin-left:20px;color:#999}
#header .search-form a:hover{color:#00AAEE}
#header .navbar-other{float:right}
/*login*/
#header .user{float:right;position:relative}
#header .user a.user-login{padding:6px 12px;border:2px solid #273746}
#header .user a.user-login:hover{background:#273746;color:#FFF}
#header .user .user-admin{padding:0 10px;cursor:pointer}
#header .user .user-admin:hover .user-menu{display:block}
#header .user .user-admin img{vertical-align:middle;border-radius:15px}
#header .user .user-admin .user-menu{display:none;position:absolute;right:0;width:90px;padding:0 10px;background:#FFF;border-top:2px solid #cacaca;box-shadow:0 1px 3px rgba(0,0,0,.03);z-index:999}
#header .user .user-admin .user-menu:after,.user .user-admin .user-menu:before{content:'';display:block;position:absolute;width:0;height:0}
#header .user .user-admin .user-menu:before{border:8px solid transparent;border-bottom:10px solid rgb(202, 202, 202);top:-20px;left:78px}
#header .user .user-admin .user-menu:after{border:8px solid transparent;border-bottom:10px solid #fff;top:-17px;left:78px}
#header .user .user-admin .user-menu a{display:block;width:100%;line-height:35px;text-align:center;border-bottom:1px solid #f3f3f3}
#header .user .user-admin .user-menu a i{padding-right:5px}
#header .user .user-admin .user-menu .user-name{line-height:46px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
/*focus*/
.focus{margin-bottom:20px;overflow:hidden}
/*FL sticky*/
.sticky{overflow:hidden;position:relative;margin-bottom:10px;height:360px;width:800px;background:#FFF;display:block}
.sticky .sticky-img{float:left;width:800px;height:360px;position:absolute}
.sticky .sticky-text{float:right;position:relative;width:260px;height:320px;padding:20px 15px;background:#FFF;filter:alpha(opacity=60);opacity:0.6}
/*right text*/
.sticky-text .info-tit{height:auto;max-height:70px;text-align:center;padding:20px 0;font-size:20px;font-weight:bold;line-height:30px;font-style:normal;overflow:hidden;/*text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;*/}
.sticky-text h2{border-bottom:1px solid #f0f0f0;position:relative}
.sticky-text .info-desc{font-size:14px;line-height:26px;margin-top:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.sticky-text .info-item{font-size:12px;padding-top:10px;position:relative;margin-top:10px}
.sticky-text .info-item img{display:inline-block;width:32px;height:32px;border-radius:100%;margin-right:10px;vertical-align:middle;overflow:visible}
.sticky-text .info-item .author img{float:left}
.sticky-text .info-item .info-link{position:absolute;top:10px;right:0}
.sticky-text .author{padding-bottom:3px}
.sticky-text .author span{ display:block}
.sticky-text .info-link .button{padding:8px 20px;font-size:12px;display:inline-block;border-style:solid;border-width:1px;cursor:pointer;font-weight:normal;line-height:normal;position:relative;text-decoration:none;text-align:center;background-color:#282828;border:none;color:#fff}
.sticky-text .info-link .button:hover{background-color:#00AAEE}
.sticky-text img.doublearrow{height:12px;width:12px;position:absolute;margin-top:3px}
/*stickys*/
.stickys{ float:left;width:810px;margin-left:-10px}
.stickys ul>li{ float:left;width:260px;height:173px;overflow:hidden;margin-left:10px;background:#FFF}
.stickys a{width:260px;height:173px;display:block;position:relative;cursor:pointer}
.stickys a img{width:260px;height:173px}
.stickys a.title{position:relative;z-index:10;cursor:pointer}
.stickys a h2{word-break:inherit;position:absolute;font-size:16px;color:#fff;line-height:25px;font-weight:400;bottom:10px;width:auto;max-width:210px;height:auto;max-height:50px;background:#000000;filter:alpha(opacity=60);opacity:0.6;padding:3px 6px;
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.stickys ul>li:hover a h2{border-left:3px solid #00AAEE}
/*FR*/
/*news*/
.focus .news{width:300px;height:543px;background:#FFF;border-top:2px solid #1B1C21;box-shadow:0 1px 3px rgba(0,0,0,.03)}
.focus .news h2{margin:18px 20px;border-left:4px solid #00AAEE;;padding-left:10px;font-weight:400;font-size:18px}
.focus .news ul{padding:0 18px;height:463px;color:#666;overflow-y:hidden}
.focus .news ul:hover{overflow-y:scroll}
/* Let's get this party started */
::-webkit-scrollbar{
    width:6px;
    height:6px;
}
/* Track */
::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius:6px;
    border-radius:6px;
}
/* Handle */
::-webkit-scrollbar-thumb{
    -webkit-border-radius:6px;
    border-radius:6px;
    background:rgba(0,0,0,0.6);
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive{
    background:rgba(0,0,0,0.4);
}
.focus .news ul li{margin-bottom:22px;cursor:pointer}
.focus .news ul h3{font-size:13px;line-height:18px;margin-bottom:6px;color:#666}
.focus .news ul span{display:block;color:#b3b3b3;font-size:12px;line-height:12px;text-align:right}
/*main*/
#main{margin-top:30px;overflow:hidden}
#main .content{float:left;width:800px;position:relative}
/*subNav*/
#main .subnav{background:#FFFFFF;width:800px;height:44px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,.03);overflow:hidden}
#main .subnavs{position:relative;white-space:nowrap}
#main .subnav li{display: inline-block;height:44px;line-height:44px;margin:0 12px;font-size:15px;font-weight:600}
#main .subnav li.current-menu-item a,#main .subnav li a:hover{border-top:3px solid #0AE;padding-top:10px;color:#0AE}
.subnav-fixed .subnav{position:fixed;top:0;z-index:10}
.subnav-fixed #postlist{padding-top:65px}
.subnav-bottom .subnav{position:absolute;top:auto;left:0;bottom:0;z-index:1}
/*catTitle*/
.f-title{display:block;color:#fff;position:relative;width:100%;height:auto;padding:120px 0;background-position:center;background-size:cover;background-color:rgba(255,255,255,.5)}
.f-title::before{content:'';left:0;top:0;right:0}
.f-title::before{position:absolute;bottom:0;background-image:-webkit-linear-gradient(top,transparent 0,#000 100%);background-image:linear-gradient(to bottom,transparent 0,#000 100%);opacity:.7}
.f-title .container::before{content:'';display:block;clear:both}
.f-title .container{position:relative}
.f-title h1{font-size:26px;border-bottom:2px solid rgba(225,225,225,.3);padding-bottom:10px;margin-bottom:10px}
.f-title h1 b{ border-bottom:2px solid #000000;padding-bottom:11px;*padding-bottom:10px}
/*article wrap*/
/*.wrap{ width:680px}*/
#postlist{}
.post{float:left;width:760px;padding:20px 20px;background:#FFF;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.03);margin-bottom:20px}
.post .thumb{float:left;position:relative}
.post .thumb img{width:210px;height:140px;background-color:#f5f6f9;display:block}
.post .thumb .cat{padding:6px 10px;margin-right:0;float:right;color:#FFF;font-weight:normal;border-radius:2px;background-color:rgba(0,0,0,.5);line-height:16px;position:absolute;top:10px;left:10px;z-index:1}
.post .thumb .link{display:block;width:210px;height:140px}
.post .info{float:right;position:relative;width:520px;height:140px}
.post .info h2.info-tit{text-align:left;padding-bottom:6px;margin-top:-6px;font-size:18px;font-weight:bold;line-height:30px;font-style:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.post .info h2{border-bottom:1px solid #f0f0f0;position:relative}
.post .info .info-desc{font-size:14px;line-height:20px;margin-top:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.post .info .info-item{float:left;width:100%;height:20px;line-height:20px;font-size:12px;position:absolute;bottom:0}
.post .info  span{font-size:12px}
.post .info .author{margin-right:26px}
.post .info .author a{max-width:92px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.post .info .author img.avatar{display:inline-block;width:20px;height:20px;border-radius:100%;margin-right:10px;vertical-align:middle;overflow:visible}
.post .info i.leiue{margin-right:4px;font-size:12px}
.post .info .collect{cursor:pointer;margin-left:20px}
/*Sidebar*/
.sidebar{ float:right;width:300px;overflow:hidden}
.sidebar .widget{float:left;width:300px;background:#FFF;margin-bottom:20px}
/*widget*/
.widget h3{border-bottom:2px solid #f0f0f0;height:32px;margin-bottom:10px}
.widget .widget_box b{border-bottom:2px solid #00AAEE;display:inline-block;height:32px}
.widget .widget_box{padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.03)}
/*fanly_widget_comments*/
.fanly_widget_comments ul a{padding:10px 15px 10px 50px;display:block;border-bottom:1px solid #eee;overflow:hidden;position:relative;font-size:12px;color:#999;line-height:20px}
.fanly_widget_comments ul li:last-child a{border-bottom:none}
.fanly_widget_comments ul a:hover{color:#999;background-color:#fbfbfb}
.fanly_widget_comments strong{color:#45B6F7}
.fanly_widget_comments .avatar{float:left;width:36px;height:36px;margin:3px 0 0 -46px;border-radius:50%}
/*fanly_widget_ads*/
.fanly_widget_ads .widget_box{padding:0}
.fanly_widget_ads .widget_box a img{vertical-align:middle}
/*fanly_widget_tags*/
.fanly_widget_tags .items{overflow:hidden}
.fanly_widget_tags .items a{color:#999;border:1px solid #f0f0f0;float:left;margin:0 6px 6px 0;padding:0 8px;font-size:12px;height:29px;line-height:29px;overflow:hidden}
.fanly_widget_tags .items a:hover{color:#fff;background-color:#3A3A3A}
/*fanly_widget_readers*/
.fanly_widget_readers .widget_box{float:left;width:260px}
.fanly_widget_readers li{float:left;width:40px;height:40px;margin:6px}
.fanly_widget_readers li a{display:block}
.fanly_widget_readers li a, .widget_ui_readers li a:hover{color:#fff}
.fanly_widget_readers li:hover{z-index:20}
.fanly_widget_readers li:hover .avatar-popup{display:block}
.fanly_widget_readers .avatar{width:100%;height:100%;border-radius:20px}
/*fanly_widget_texttip*/
.fanly_widget_texttip .widget_box{padding:0px}
.fanly_widget_texttip{border:none;border-radius:0}
.fanly_widget_texttip a{display:block;padding:0 20px 20px;font-size:12px}
.fanly_widget_texttip a h2{font-size:20px;font-weight:normal;margin:12px 0}
.fanly_widget_texttip a p{color:#999;line-height:20px;text-indent:2em}
.fanly_widget_texttip a strong{margin:-1px 0 0 0;background:#00AAEE;display:inline-block;padding:4px 15px;color:#fff;font-size:14px;font-weight:normal}
/*defaule blue*/
.fanly_widget_texttip a.blue{color:#00AAEE}
.fanly_widget_texttip a.blue strong{background-color:#00AAEE}
/*red*/
.fanly_widget_texttip a.red{color:red}
.fanly_widget_texttip a.red strong{background-color:red}
/*green*/
.fanly_widget_texttip a.green{color:green}
.fanly_widget_texttip a.green strong{background-color:green}
/*purple*/
.fanly_widget_texttip a.purple{color:purple}
.fanly_widget_texttip a.purple strong{background-color:purple}
/*gray*/
.fanly_widget_texttip a.gray{color:gray}
.fanly_widget_texttip a.gray strong{background-color:gray}
/*fanly_widget_statistics*/
.fanly_widget_statistics ul{overflow:hidden;line-height:26px;color:#888}
.fanly_widget_statistics li{float:left;width:50%;font-size:12px}
.fanly_widget_statistics li strong{color:#555555}
/*fanly_widget_posts / fanly_widget_views / fanly_widget_sticky / fanly_widget_modified*/
.fanly_widget_posts li:last-child a,.fanly_widget_views li:last-child a,.fanly_widget_sticky li:last-child a,.fanly_widget_modified li:last-child a{border-bottom:none;margin-bottom:0px;padding-bottom:0px}
.fanly_widget_posts li a,.fanly_widget_views li a,.fanly_widget_sticky li a,.fanly_widget_modified li a{color:#888;overflow:hidden;position:relative;display:block;font-size:14px;margin-top:10px;padding-bottom:10px;border-bottom:solid 1px #f5f6f9}
.fanly_widget_posts li a:hover .text,.fanly_widget_views li a:hover .text,.fanly_widget_sticky li a:hover .text,.fanly_widget_modified li a:hover .text{color:#45B6F7}
.fanly_widget_posts .text,.fanly_widget_views .text,.fanly_widget_sticky .text,.fanly_widget_modified .text{font-size:14px;display:block;padding-bottom:3px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.fanly_widget_posts .thumbnail,.fanly_widget_views .thumbnail,.fanly_widget_sticky .thumbnail,.fanly_widget_modified .thumbnail{float:left;margin-right:12px;width:110px;height:73px;background:#f5f6f9;background-repeat:no-repeat;background-size:cover;background-position:center center}
.fanly_widget_posts .muted,.fanly_widget_views .muted,.fanly_widget_sticky .muted,.fanly_widget_modified .muted{font-size:12px;color:#bbb;position:absolute;bottom:10px;right:0}
.fanly_widget_posts .nopic .text,.fanly_widget_views .nopic .text,.fanly_widget_sticky .nopic .text,.fanly_widget_modified .nopic .text{margin-top:0;color:#888}
.fanly_widget_posts .nopic .text:hover,.fanly_widget_views .nopic .text:hover,.fanly_widget_sticky .nopic .text:hover,.fanly_widget_modified .nopic .text:hover{color:#45B6F7}
/*fanly_widget_categories*/
.fanly_widget_categories .widget_box{ float:left;width:260px}
.fanly_widget_categories ul>li{ float:left;width:50%;line-height:26px}
/*fanly_widget_text*/
.fanly_widget_text .widget_box .textwidget{ width:260px;overflow:hidden}
.fanly_widget_text .widget_box .textwidget p{padding:4px 0}
/*fanly_widget_links*/
.fanly_widget_links .widget_box{ float:left;width:260px}
.fanly_widget_links ul>li{float:left;width:50%;line-height:26px}
/*Default widget_rss */
.widget_rss ul>li .rsswidget{display:block;width:260px;line-height:26px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
/*Default widget_recent_entries*/
.widget_recent_entries ul>li{padding:3px 0}
/*Default widget_pages*/
.widget_pages .widget_box{ float:left;width:260px}
.widget_pages ul>li{float:left;width:50%;line-height:26px}
/* Calendar Widget */
#calendar_wrap #wp-calendar{width:100%}
#calendar_wrap table{border-collapse:collapse;border-spacing:0}
#calendar_wrap caption{font-size:14px;font-weight:bold;margin:8px 0 5px 0}
#calendar_wrap table #today{background:#e1e1e1}
#calendar_wrap table thead th{padding:1px;width:14.2857%;text-align:center;background:#999;border:1px solid #FFF;color:#FFF;font-weight:bold;line-height:28px;text-shadow:none}
#calendar_wrap table td{width:14.2857%;padding:5px 0px 6px 0px;text-align:center;border:1px solid #FFF;background:#efefef;color:#777}
#calendar_wrap table tfoot td#prev, #calendar_wrap table tfoot td#next{text-align:center;padding:1px}
#calendar_wrap table td.pad{background:none;border:none}
/*articles*/
.f-box{float:left;margin-left:90px;width:640px;padding:20px 30px;background:#FFF;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.03);margin-bottom:20px}
#articles .f-box h3{border-bottom:2px solid #f0f0f0;padding-bottom:10px;margin-bottom:16px}
#articles .f-box h3 b{border-bottom:2px solid #00AAEE;padding-bottom:11px}
/*Share*/
.content #share.float-fixed{position:fixed;top:30px;z-index:8}
.content #share.float-bottom{position:absolute;top:auto;left:0;bottom:0;z-index:8}
/*share*/
.sharebox{float:left;width:60px;position:absolute;z-index:2}
.sharebox a{ display:block;width:30px;height:30px;padding:15px;border-bottom:1px solid #f0f0f0;cursor:pointer}
.sharebox a:hover{color:#FFF}
.sharebox i{ font-size:30px}
.sharebox .sns{background:#FBFBFB;z-index:2}
.sharebox .sns .weibo:hover{background:#f74864}
.sharebox .sns .weixin:hover{background:#1ec354}
.sharebox .sns .qzone:hover{background:#ffce0b}
.sharebox .sns .qq:hover{background:#3091f4}
.sharebox .sns .weixin .qrcode{display:none;background:#FFF;position:absolute;padding:10px;margin-top:-52px;box-shadow:0 0 6px rgba(14,22,30,.3);margin-left:60px;z-index:9}
.sharebox .sns .weixin:hover .qrcode{ display:block;opacity:1}
.sharebox .sns .weixin .qrcode:after,.sharebox .sns .weixin .qrcode:before{display:block;position:absolute;width:0;height:0;top:56px;left:-18px;content:''}
.sharebox .sns .weixin .qrcode:before{border:8px solid transparent;border-right:10px solid rgba(0,0,0,.3)}
.sharebox .sns .weixin .qrcode:after{border:8px solid transparent;border-right:10px solid #fff}
.sharebox .tool{margin-top:10px;background:#FBFBFB}
.sharebox .tool .comment{padding:5px 15px;height:auto}
.sharebox .tool .comment:hover{ background:#00AAEE}
/*single*/
.single{}
.single .single-top{ margin-bottom:20px}
.single h1{border-bottom:1px solid #f0f0f0;position:relative}
.single h1.title{text-align:left;padding-bottom:20px;margin-bottom:20px;font-size:22px;font-weight:400;line-height:36px;font-style:normal}
.single h1 i{background-color:#00AAEE;left:0;width:2em;height:3px;bottom:-2px;*bottom:2px;position:absolute}
.single .info{height:20px;line-height:20px;font-size:12px;position:relative;margin-top:10px;overflow:hidden}
.single .info  span{font-size:12px;margin-left:26px}
.single .info .author{margin-left:0}
.single .info .author a{max-width:92px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.single .info .author img.avatar{display:inline-block;width:20px;height:20px;border-radius:100%;margin-right:10px;vertical-align:bottom;overflow:visible}
.single .info i.leiue{margin-right:4px;font-size:12px}
.single .single-content h1,.single .single-content h2{font-size:18px;border-left:6px solid #00AAEE;padding-left:16px;margin:26px 0;line-height:36px}
.single .single-content h3,.single .single-content h4,.single .single-content h5,.single .single-content h6{font-size:16px;border:0 !important;border-left:4px solid #00AAEE !important;padding-left:16px;padding-bottom:0 !important;margin:10px 10px !important;line-height:32px}
.single .single-content p{margin-bottom:20px;line-height:1.8;font-size:16px;overflow:hidden}
.single .single-content p a{border-bottom:1px dashed #273746}
.single .single-content p a:hover{border-bottom:1px solid #0AE}
.single .single-content p img{max-width:100%;height:auto;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<638?"638px":"auto");overflow:hidden;display:block;margin:0 auto;border:1px solid #F5F5F5;background:#f5f6f9;border-radius:5px}
.single .single-content p embed{display:block;max-width:638px;margin:0 auto}
.single .single-content ul,.single .single-content ol{margin-bottom:20px}
.single .single-content ul li{font-size:16px;list-style-type:disc;padding:0;margin-left:40px;margin-bottom:12px}
.single .single-content ol li{font-size:16px;list-style-type:decimal;padding:0;margin-left:40px;margin-bottom:12px}
.single-tags{padding:10px 0 20px 0;line-height:30px;border-bottom:1px solid #f5f5f5}
.single-tags a{background:#f5f5f5;margin-right:14px;margin-bottom:12px;padding:3px 20px;border-radius:28px;line-height:28px;display:inline-block}
.single-collect{margin-top:20px;line-height:32px}
.single-collect .collects{float:right;display:inline-block;width:86px;height:32px;text-align:center;cursor:pointer;background:#ececec}
.single-collect .collects i{padding-right:6px}
.single-collect .avatar{padding-left:30px}
.single-collect .avatar img{float:right;margin-left:-15px;border:1px solid #fff;border-radius:50%}
.single-collect b{font-size:20px;margin-right:6px;color:#f13b03}
/*page*/
.page-box{float:right;width:880px;padding:20px 20px;background:#FFF;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.03);margin-bottom:20px}
.page-box h3{border-bottom:2px solid #f0f0f0;padding-bottom:10px;margin-bottom:16px}
.page-box h3 b{border-bottom:2px solid #00AAEE;padding-bottom:11px}
.page{}
.page .page-menu{float:left;background:#FFF;display:block;width:160px;height:auto;position:relative;border-bottom:2px solid #DDD}
.page .page-menu li:last-child{border-bottom:none !important}
.page .page-menu li.current-menu-parent, .page .page-menu li.current-menu-item{border-left:3px solid #00AAEE}
.page .page-menu li.current-menu-parent a, .page .page-menu li.current-menu-item a{color:#00AAEE;font-weight:bold}
.page .page-menu li{border-left:3px solid #fff;border-bottom:1px solid #EEEEEE;font-size:14px;height:46px;margin-bottom:1px;overflow:hidden}
.page .page-menu li a{height:46px;line-height:46px;display:block;color:#333;text-align:center}
.page .page-menu li:hover{border-left:3px solid #00AAEE}
.page .page-content{float:right;width:860px;background:#FFF;padding:30px 30px;margin-bottom:20px}
.page .page-content h1{margin-bottom:20px;border-bottom:3px solid #f0f0f0;padding-bottom:3px;width:100%;height:32px}
.page .page-content h1 b{display:inline-block;height:35px;font-size:20px;overflow:hidden;color:#00AAEE;border-bottom:3px solid #00AAEE}
.page .info{height:20px;line-height:20px;font-size:14px;margin-bottom:16px;overflow:hidden}
.page .info  span{font-size:14px;margin-right:20px}
.page .info .author{margin-left:0}
.page .info .author a{max-width:92px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page .info .author img.avatar{display:inline-block;width:20px;height:20px;border-radius:100%;margin-right:10px;vertical-align:middle;overflow:visible}
.page .info i.leiue{margin-right:4px;font-size:14px}
.page .page-content .page-links{margin-bottom:20px}
.page .page-content .page-links .item{padding-bottom:20px}
.page .page-content .page-links .item ul{clear:both;overflow:hidden}
.page .page-content .page-links .item ul li{float:left;width:20%;list-style-type:none;margin-left:0;font-size:14px;margin-bottom:0}
.page .page-content .page-links .item ul li a{display:block;height:16px;line-height:16px;padding:8px 10px;overflow:hidden;border:1px solid #eaeaea;margin:10px 10px 0 0;white-space:nowrap;text-overflow:ellipsis}
.page .page-content .page-links .item ul li a:hover{border-color:#00AAEE}
.page .page-content .page-links .item ul li img{vertical-align:top;width:16px;height:16px;margin-right:8px}
.page .page-content h2{font-size:18px;margin:10px 0;border-bottom:2px solid #f5f6f9;padding-bottom:3px;width:100%;height:30px}
/*.page .page-content h2 b{display:inline-block;height:33px;font-size:18px;overflow:hidden;color:#848484;border-bottom:2px solid #848484}*/
.page .page-content h1 b a{color:#00AAEE}
.page .page-content p{margin:20px 0;color:#666;font-size:16px;line-height:28px}
.page .page-content ul,.page .page-content ol{margin-bottom:20px}
.page .page-content ul li{font-size:16px;list-style-type:disc;padding:0;margin-left:40px;margin-bottom:12px}
.page .page-content ol li{font-size:16px;list-style-type:decimal;padding:0;margin-left:40px;margin-bottom:12px}
.page .page-content h3{border-bottom:1px solid #f0f0f0;margin:20px 0;width:100%;height:30px}
.page .page-content h4{margin:20px 0;width:100%;height:30px}
.page .page-content p img{max-width:760px;height:auto;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<760?"760px":"auto");overflow:hidden;display:block;margin:0 auto}
blockquote{margin:15px 0;padding:20px 20px 0 20px;border-top:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee;border-left:8px solid #eee;background:#fcfcfc}
/*relates*/
.relates{ float:left;width:640px}
.relates ul>li{ float:left;width:206px;height:137px;overflow:hidden;margin:6px 3px}
.relates a{display:block;width:100%}
.relates a img{background:#f5f6f9;width:206px;height:137px}
.relates .title{position:relative;z-index:1;cursor:pointer;word-break:inherit;font-size:14px;color:#fff;line-height:20px;font-weight:400;bottom:126px;width:auto;max-width:168px;height:auto;max-height:40px;background:#000000;filter:alpha(opacity=60);opacity:0.6;padding:3px 6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.relates ul>li:hover .title{border-left:2px solid #282828}
/*comments*/
#comments #respond input{border-width:1px;border-style:solid;border-radius:0;padding:8px 14px;color:#aaa;-moz-box-sizing:border-box;box-sizing:border-box}
#comment_form #author,#comment_form #email,#comment_form #url{width:100%;*width:auto;margin-bottom:20px;margin-top:5px;border-color:#efefef;background:#fbfbfb}
#comment-author-info label{display:block;color:#888;font-size:14px}
#comment-author-info{ margin-bottom:20px;height:60px}
#comment-author-info .comment-md-3{float:left;width:33.33%;*width:32%;padding-right:10px;font-size:13px;color:#ccc;box-sizing:border-box;position:relative}
#comment-author-info .comment-form-url{padding:0}
#comment-author-info .required{color:#ff4b33;font-weight:bold;margin-left:3px;vertical-align:middle}
#comments a{text-decoration:none}
#comments #respond{margin-bottom:20px}
#comments .respond p{margin-bottom:16px}
#comments .respond p.sign{margin-top:16px}
#comments .respond p.welcome img{vertical-align:middle;border-radius:15px;margin-right:10px}
#comments .comments-title{font-size:18px;line-height:30px;height:30px;border-bottom:2px solid #f0f0f0}
#comments .comments-title span{float:left;height:30px;border-bottom:2px solid #06f}
#comments .comments-box{position:relative;padding:6px 6px 0 6px;border:2px solid #ccd4d9;border-radius:2px;background-color:#fff;z-index:9}
#comments #comment{font-size:14px;line-height:22px;overflow-x:hidden;overflow-y:auto;width:100%;height:68px;resize:none;color:#666;border:none;outline:0}
#comments .comments-crtl{height:36px;margin-left:-4px;border-top:solid 1px #f2f2f2;background-color:#fbfbfb}
#comments .comments-tips{font-size:18px;line-height:116px;margin-right:110px;text-align:center;color:#fff}
#comments .tip{position:absolute;z-index:2;top:-2px;right:-2px;bottom:-2px;left:-2px;background:#7ad071}
#comments #error{background:#00AAEE}
#comments #submit{font-size:16px;position:absolute;right:-2px;bottom:-2px;width:100px;height:39px;padding:0;cursor:pointer;color:#fff;border:none;border:2px solid #00AAEE;border-top:none;border-left:none;border-radius:0 0 2px 0;outline:0;background:#00AAEE}
#comments .comments-signarea{margin-bottom:20px;padding:36px 0;text-align:center;border-radius:3px;background-color:#f6f6f6}
#comments .comments-signarea span{font-size:18px;color:#bbb}
#comments .comments-signarea span a{color:#0ae}
#comments #cancel-comment-reply{position:absolute;z-index:1;right:0;background-color:#ccd4d9}
#comments #cancel-comment-reply a{ display:block;font-size:12px;padding:3px 6px;color:#fff}
#comments .comment.depth-1{border-bottom:1px solid #ededed;margin-bottom:20px}
#comments .comment.depth-1:last-child{border-bottom:none}
#comments .comment-body{position:relative;z-index:1;min-height:55px;padding-right:30px;padding-left:70px}
#comments .comment-floor,.comment-avatar{position:absolute;top:0}
#comments .comment-children-body .comment-avatar{top:15px}
#comments .comment-floor{top:0;right:0;display:block;color:#666}
#comments .comment-floor a:hover{color:#3da9f7}
#comments .comment-children-body .comment-floor{top:10px}
#comments .comment-avatar{left:0}
#comments .comment-avatar img{border:1px solid #cdcdcd;border-radius:3px}
#comments .comment-children-body .comment-data a,.comment-reply-link{color:#444}
#comments .comment-to,.comment-date,.comment-floor a{color:#a5a5a5}
#comments .comment-date{padding-left:15px}
#comments .comment-body .comment-text{padding-bottom:10px}
#comments .comment-reply{padding-bottom:10px}
#comments .comment-reply a{ color:#bbb}
#comments .comment-reply a:hover{color:#3da9f7}
#comments .comment-children-body{padding-top:10px;padding-bottom:10px;padding-left:50px}
#comments .children li{border-top:1px solid #ededed}
#comments .children{margin-left:70px}
#comments .children .children{margin-left:0}
#comments .children{position:relative;z-index:5}
#comments .children .children{padding:0;border:0;background:0}
#comments .children:before,#comments .children:after{position:absolute;width:0;content:'';border:solid transparent}
#comments .children:before{z-index:8;top:-17px;left:4px;border-width:9px;border-color:rgba(255,255,255,0);border-bottom-color:#e5e5e5}
#comments .children:after{z-index:9;top:-15px;left:5px;border-width:8px;border-color:rgba(255,255,255,0);border-bottom-color:#fff}
#comments .children .children:before,#comments .children .children:after{display:none}
#comments .comment-topnav{text-align:center}
#comments .comment-topnav a{font-size:14px;display:inline;padding:6px 10px;text-align:center;color:#646464;border:1px solid #e0e0e0}
#comments .comment-topnav span{font-size:14px;font-weight:bold;display:inline;padding:6px 10px;text-align:center}
#comments .comment-topnav a:hover{text-align:center;border:1px solid #c7c7c7;background:#fff}
/*author*/
.author_header{display:block;color:#fff;position:relative;width:100%;height:auto;padding:60px 0;background-position:center;background-size:cover;background-color:rgba(0,0,0,.5)}
.author_header::before{content:'';left:0;top:0;right:0}
.author_header::before{position:absolute;bottom:0;background-image:-webkit-linear-gradient(top,transparent 0,#000 100%);background-image:linear-gradient(to bottom,transparent 0,#000 100%);opacity:.7}
.author_header .container{position:relative}
.author_avatar img{border-radius:80px;width:80px;height:80px;margin:10px auto;display:block}
.author_info{text-align:center}
.author_info h1{font-size:18px;display:inline-block}
.author_info span{font-size:14px;display:inline-block;margin-left:10px}
.author_info p{}
.author_meta .counter{float:left}
.author_meta .counter span{font-size:30px;margin-right:10px}
.author_meta .contact{float:right}
.author_meta .contact a{background-color:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.4);border-radius:5px;font-size:14px;line-height:34px;padding:6px 20px;color:white}
.author_meta .contact a:hover{background-color:rgba(255,255,255,.2)}
/*pagination*/
#pagination a{display:block;font-size:14px;text-align:center;padding:18px 0;background-color:#FFF;box-shadow:0 1px 3px rgba(0,0,0,.03);border-radius:2px}
/*Footer*/
#footer{color:#949494;background-color:#1B1C21;font-size:14px;margin-top:20px;display:block;position:relative;z-index:10}
#footer a{color:#949494}
#footer a:hover{color:#d7d7d7}
#footer .footer_main{padding:30px 0;height:30px;line-height:30px}
#footer .footer_main .footer_links{float:left}
#footer .footer_main .footer_links a{margin-right:15px}
#footer .footer_main .footer_socials{float:right}
#footer .footer_main .footer_socials a{float:left;color:#6B6E81;margin-left:16px;transition:none}
#footer .footer_main .footer_socials a i{font-size:20px;padding:10px;background:#343A40;border-radius:20px}
#footer .footer_main .footer_socials a:hover i{color:#FFF;-webkit-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease}
#footer .footer_main .footer_socials a.sina:hover i{background-color:#f74864}
#footer .footer_main .footer_socials a.weixin:hover i{background-color:#1ec354}
#footer .footer_main .footer_socials a.rss:hover i{background-color:#00AAEE}
#footer .footer_main .footer_socials .weixin .qrcode:after,#footer .footer_main .footer_socials .weixin .qrcode:before{content:'';display:block;position:absolute;width:0;height:0}
#footer .footer_main .footer_socials .weixin .qrcode:before{border:8px solid transparent;border-top:10px solid rgba(0,0,0,.3);top:121px;left:55px}
#footer .footer_main .footer_socials .weixin .qrcode:after{border:8px solid transparent;border-top:10px solid #fff;top:120px;left:55px}
#footer .footer_main .footer_socials .weixin .qrcode{display:none;position:absolute;width:120px;height:120px;margin-top:-135px; box-shadow:0 0 6px rgba(14,22,30,.3);margin-left:-44px;background:#FFF}
#footer .footer_main .footer_socials .weixin .qrcode img{ width:120px;height:120px}
#footer .footer_main .footer_socials .weixin:hover .qrcode{ display:block;opacity:1}
#footer .footer_copyright{background:#14151A;padding:20px 0;font-size:12px}
/*404*/
.F404{text-align:center}
.F404 h1{font-size:140px;margin:0 0 20px;padding:10px 0;font-weight:normal;padding-top:100px}
.F404 h2{font-size:32px;margin:0 0 10px;font-weight:normal}
.F404 h3{font-size:24px;margin:0 0 40px;font-weight:normal}
/*goTop*/
.gotop{display:none;color:#fff;background-color:#1B1C21;height:46px;width:46px;line-height:48px;text-align:center;border-radius:2px;z-index:101}
.gotop:hover{color:#fff;background-color:#14151A}
/*Gallery*/
.gallery{padding-bottom:20px;margin:auto}
.gallery .gallery-item{float:left;margin-top:10px;text-align:center}
.gallery-columns-1 .gallery-item{width:100%}
.gallery-columns-2 .gallery-item{width:50%}
.gallery-columns-3 .gallery-item{width:33.3%}
.gallery-columns-4 .gallery-item{width:25%}
.gallery-columns-5 .gallery-item{width:20%}
.gallery-columns-6 .gallery-item{width:16.6%}
.gallery-columns-7 .gallery-item{width:14.2%}
.gallery-columns-8 .gallery-item{width:12.5%}
.gallery-columns-9 .gallery-item{width:11.1%}
.gallery img{border:2px solid #cfcfcf;padding:6px 0}
.gallery .gallery-caption{margin-left:0;padding:2px 11px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.gallery p{clear:both;margin:0!important;;line-height:0!important;}
/*show | ad*/
.s-box{float: left;margin-left:90px;width:700px;background:#FFF;border-radius:2px;margin-bottom:20px;overflow:hidden}
.s-box .show img{width:100%;display:block}
/* pagenavi */
.pagenavi{clear:both; padding:5px 0; color:#666; font:normal 12px/24px Arial; text-align:center;}
.pagenavi span{ padding:0 5px;}
.pagenavi a{display:inline-block; height:22px; margin:1px 2px; padding:0 8px; border:solid 1px #ccc; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; background:#fff; color:#333; font:normal 12px/22px Arial, Helvetica, sans-serif; cursor:pointer;}
.pagenavi a:hover{border:solid 1px #0AE; background:#0AE; color:#fff!important; text-decoration:none;}
@media all and (max-width:1120px){
    .container{width:800px;}
    #header .navbar-menu{display:none;}
    #header .navbar-menu ul>li a{padding:0 10px;}
    #header .search-form{padding:12px 25px;}
    .focus .fr{display:none;}
    .sidebar{display:none !important;}
    .page .page-menu{display:none}
    .page .page-content{float:none;width:auto}
}
@media all and (max-width:820px){
    .container{width:auto!important;margin: 0 10px;}
    #header .navbar{height: 68px;line-height: 68px;}
    #header .logo a img {width: 80%;}
    #header .search-input {width: calc(100% - 150px);}
    #main {margin-top: 20px;}
    .focus .fl{width:100%}
    .sticky {width: auto;height: 300px;}
    .sticky .sticky-img {width: 100%;height: 100%;background-size: cover;}
    .sticky .sticky-text {position: absolute;bottom: 0;right: 0;width: auto;height: auto;padding: 0 12px;border-right: 6px solid #0ae;}
    .sticky-text .info-tit {padding: 16px 0;font-size: 16px;}
    .sticky-text .info-item{display:none;}
    .sticky-text .info-desc{display:none;}
    .stickys {width: 100%;margin-left: 0;}
    .stickys ul>li {width: 33.33%;height: 140px;margin-left: 0;background-size: cover;}
    .stickys a {width: 100%;height: 100%;line-height: 18px;}
    .stickys a h2 {position: unset;font-size: 14px;opacity: 0.3;border-left: 3px solid #fff;}
    #main .content {width: 100%;overflow: hidden;}
    #main .subnav{width: 100%;display: -moz-box;display: -webkit-box;display: box;opacity: .9;overflow: hidden;}
    .post {width: calc(100% - 20px);padding: 14px 10px;margin-bottom: 14px;}
    .post .info {width: calc(100% - 230px);margin-left: 20px;}
    #footer .footer_main .footer_links {display:none;}
    #footer .footer_main .footer_socials {float: unset;text-align: center;}
    #footer .footer_main .footer_socials a{float: unset;}
    #footer .footer_main .footer_socials .weixin .qrcode{left: calc(50% - 10px);margin-top: -168px;}
    #footer .footer_copyright span{float: unset;display: block;text-align: center;font-size: 14px;}
    #footer .footer_copyright .fr{float: unset;display: block;text-align: center;font-size: 14px;display:none;}
    #comment{width: calc(100% - 60px);}
    .sharebox {display: none;}
    .f-box,.s-box {margin-left: 0;width: auto;}
    #articles .f-box:last-of-type{display: none;}
}
@media all and (max-width:600px){
    #header .search-btn{width: 100px;}
    #header .search-input {width: calc(100% - 114px);}
    .sticky {height: 240px;}
    .stickys ul>li {height: 100px;}
    .post .info h2{border:none}
    .post .info h2.info-tit{-webkit-line-clamp:1;}
    .post .info .info-desc,.post .info .author,.post .info .time{color: #999;line-height: 18px;-webkit-line-clamp: 2;margin-top: -8px;/*display: none;*/}
    .post .thumb img {width: 160px;height: 100%;}
    .post .info {width: calc(100% - 180px);height: 106px;}
    .f-box {padding: 16px 16px;}
    #comment{width: calc(100% - 30px);}
    .pagenavi{padding: 10px 0 15px 0;}
}
@media all and (max-width:400px){
    .sticky {height: 180px;}
    .stickys ul>li {height: 80px;}
    .sticky-text .info-tit{line-height: 1.5em;padding: 8px 0;font-size: 14px;}
    .post .thumb .cat{display: none;}
    .post .thumb img {width: 120px;}
    .post .info {width: calc(100% - 140px);height: 80px;}
    .post .info h2.info-tit{font-size: 16px;}
    .f-title{padding: 60px 0;}
    .pagenavi{padding: 5px 0 5px 0;}
    #header .search-input{height:30px;line-height:30px;}
    #header .search-btn{ height: 40px;}
    #footer .footer_main{padding: 20px 0 0;}
    .gotop{ width: 36px; height: 36px;line-height:38px;}
}
/*loading*/
.pagination-loading{display:none}
.loading-wave{margin:40px auto;width:80px;height:40px;text-align:center;font-size:10px}
.subnav-fixed .loading-wave{margin-top:100px}
.loading-wave .loading-rect{background-color:#0AE;height:100%;width:6px;margin:0 2px;display:inline-block;-webkit-animation:loading-waveStretchDelay 1.2s infinite ease-in-out;animation:loading-waveStretchDelay 1.2s infinite ease-in-out}
.loading-wave .loading-one{-webkit-animation-delay:-1.2s;animation-delay:-1.2s}
.loading-wave .loading-two{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.loading-wave .loading-three{-webkit-animation-delay:-1s;animation-delay:-1s}
.loading-wave .loading-four{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}
.loading-wave .loading-five{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}
@-webkit-keyframes loading-waveStretchDelay{
    0%,40%,100%{-webkit-transform:scaleY(0.4);transform:scaleY(0.4)}
    20%{-webkit-transform:scaleY(1);transform:scaleY(1)}
}
@keyframes loading-waveStretchDelay{
    0%,40%,100%{-webkit-transform:scaleY(0.4);transform:scaleY(0.4)}
    20%{-webkit-transform:scaleY(1);transform:scaleY(1)}
}
/*fadein*/
#main{
    animation:fadein;/*动画名称*/
    animation-duration:0.5s;/*动画持续时间*/
    -webkit-animation:fadein 0.5s;/*针对webkit内核*/
}
@keyframes fadein{
    0%{opacity:0}/*初始状态 透明度为0*/
    40%{opacity:0}/*过渡状态 透明度为0*/
    100%{opacity:1}/*结束状态 透明度为1*/
}
@-webkit-keyframes fadein{/*针对webkit内核*/
    0%{opacity:0}
    40%{opacity:0}
    100%{opacity:1}
}
/*fadeout*/
@keyframes fadeout{
    0%{opacity:1}
    4%{opacity:1}
    100%{opacity:0}
}
@-webkit-keyframes fadeout{
    0%{opacity:1}
    40%{opacity:1}
    100%{opacity:0}
}
@-moz-keyframes fadeout{
    0%{opacity:1}
    40%{opacity:1}
    100%{opacity:0}
}
@-ms-keyframes fadeout{
    0%{opacity:1}
    40%{opacity:1}
    100%{opacity:0}
}
.sidebar{animation:fade-in;animation-duration:100s; -webkit-animation:fade-in 1.5s; }
/*art*/
.article-wechatitem{position:relative;width:450px; max-width:100%; text-align:left; border-radius:2px;border:1px solid #eee;box-shadow:2px 2px 0 rgba(0,0,0,0.02);padding:15px 15px 15px 110px; margin:20px auto; overflow:hidden;}
.article-wechatitem img{width:80px;height:80px;float:left;margin-left:-95px}
.article-wechatitem-tit{font-weight:bold;margin-bottom:5px;height:19px;overflow:hidden}
.article-wechatitem-desc{font-size:12px;color:#bbb; line-height:16px;height:32px;overflow:hidden}
.article-wechatitem-users{position:absolute;bottom:15px;color:#7BD172;font-size:12px}
/*author*/
.author-wrap{border: solid 1px #E1E1E1; border-radius: 4px; min-height: 148px; background: #F7F7F7; margin-top:20px; clear:both;}
.author-up{padding: 20px 16px 10px 16px; }
.author-upleft{float: left;}
.author-upleft img{border-radius: 50%; width: 50px; border: solid 1px #DFDFDF;}
.author-right {width:calc(100% - 69px); float: left; margin-left: 10px; margin-top: 4px; }
.author-rightdow{color: #969696; font-size: 13px; margin-top: 5px; letter-spacing: 1px;}
.author-dow{line-height: 20px; border-top: solid 1px #DFDFDF; margin:0 16px 0 16px;color: #969696;font-size: 13px; padding: 10px 0 10px 0; }
/*prevnext*/
.post-navigation{clear:both;overflow:hidden;margin:10px 0 0;padding:20px 0;background-color:#fff}
.post-navigation div{position:relative;display:block;width:40%;color:#999;font-size:14px}
.post-previous{float:left;padding-left:10%}
.post-next{float:right;padding-right:10%;text-align:right}
.post-navigation div span{display:block;color:#999;font-size:80%}
.post-navigation div a:after{position:absolute;top:34%;margin-top:-11px;height:22px;color:#EDEDED;font-size:56px;line-height:22px}
.post-previous a:after{left:0;content:'«'}
.post-next a:after{right:0;content:'»'}