/* Font Awesome Diy 4.7.0 by @davegandy - http://fontawesome.io */
@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.7.0');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)} @-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} 100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}} @keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} 100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1)";-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1)";-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}/*icon*/.fa-circle:before{content:"\f111";}.fa-home:before{content:"\f015";}.fa-th-large:before{content:"\f009";}.fa-file-text:before{content:"\f15c";}.fa-tags:before{content:"\f02c";}.fa-send:before,.fa-paper-plane:before{content:"\f1d8";}.fa-clock-o:before{content:"\f017";}.fa-folder-open:before{content:"\f07c";}.fa-commenting:before{content:"\f27a";}.fa-angle-right:before{content:"\f105";}.fa-cloud:before{content:"\f0c2";}.fa-angle-down:before{content:"\f107";}.fa-weibo:before{content:"\f18a";}.fa-search:before{content:"\f002";}.fa-angle-right:before{content:"\f105";}.fa-tags:before{content:"\f02c";}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d";}.fa-chain:before,.fa-link:before{content:"\f0c1";}.fa-copyright:before{content:"\f1f9";}.fa-angle-left:before{content:"\f104";}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044";}.fa-refresh:before{content:"\f021";}.fa-share-alt:before{content:"\f1e0";}.fa-wechat:before,.fa-weixin:before{content:"\f1d7";}.fa-qq:before{content:"\f1d6";}.fa-chain:before,.fa-link:before { content: "\f0c1";}.fa-music:before {content: "\f001";}.fa-skyatlas:before { content: "\f216"; }.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
::-webkit-scrollbar-track-piece:vertical {background-image:-webkit-linear-gradient(left, #f0f0f0, #FFF)}
::-webkit-scrollbar-track-piece:horizontal {background-image:-webkit-linear-gradient(top, #f0f0f0, #FFF)}
::-webkit-scrollbar {width:10px;height:10px}
::-webkit-scrollbar-thumb {position:relative;min-height:25px;border-radius:9999px;background-color:#bbb;background-clip:padding-box}
::-webkit-scrollbar-thumb:vertical {border-top:0 solid transparent;border-right:2px solid transparent;border-bottom:0 solid transparent;border-left:3px solid transparent}
::-webkit-scrollbar-thumb:horizontal {border-top:3px solid transparent;border-right:0 solid transparent;border-bottom:2px solid transparent;border-left:0 solid transparent}
::-webkit-scrollbar-thumb:active, ::-webkit-scrollbar-thumb:hover {background-color:#7d7d7d}
body,ul,li,div,input,p,dl,dd,dt,h3,h4,h1,h2,h5,h6,pre,span,sub,strong,i,em,article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary,audio, canvas, progress, video,input,textarea{ padding:0; margin:0; font-weight:normal; font-style:normal; list-style:none; outline: 0;}
div,p,span,li,strong,h1,h2,h3,h4,h5,input,textarea{word-break: break-all;word-wrap: break-word; }
input,textarea{ -webkit-appearance: none;}
img{ border:none;}
a{ color:#444; text-decoration:none;}
a:hover{ color:#222;}
a, .user-information .sns-link .fa, .site-nav .menu-item a:hover .fa, .post-powered .user-photo, .to-music-fm{ transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; -webkit-transition: all .3s ease-out;}
.clearfix:after,.wrapper:after,.site-census:after,.posts-expand:after{ content:"."; height:0; line-height: 0; visibility: hidden; font-size: 0; clear:both; display:block;}
.site-nav .menu-item a:hover .fa, .user-information .sns-link .fa:hover{-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg);}
*html .clearfix{ height:1%;}
.clearfix{zoom:1;}
html{ font: normal 14px/1.4em 'Microsoft YaHei',sans-serif; color:#444; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%}
body{ background:#f5f7f9;  border-top: 3px solid #333; background-attachment:fixed;  background-size:cover; overflow-y:scroll}
body:after { content: ""; display: block; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: url(img/bgfixd.png); z-index: -1; }
.browsehappy { padding: 8px 0; background: #FBE3E4; color: #8A1F11; text-align: center;}
.browsehappy a { color: #8A1F11; text-decoration: underline; font-weight: bold;}
/*animate style*/
.sidebar,.main-wrap,.sidebar .fixed, .friend-link span{box-shadow: 0 5px 6px #ddd;}
/*wrapper*/
.wrapper,.site-copyright{ width: 1200px; margin: 0 auto;zoom:1;}
.fadeIn {-webkit-animation-name: fadeIn; animation-name: fadeIn;}
.animated {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;  }
/*sidebar*/
.sidebar{ position: relative; width: 240px; float: left;}
.site-section-inner{ position: inherit;}
.sidebar .fixed{ position: fixed; top: 0; width: 240px;}
/*logo-file-content*/
.logo-file-content{background: #222; color: #fff; padding: 20px 0; text-align:center; overflow: hidden;}
.logo-file-content .brand{ display: block; line-height: 36px; height: 36px; text-align: center;}
.logo-file-content .brand .site-title{ font-size: 24px; font-weight: 100; color: #fff;}
.logo-file-content .site-subtitle {font-size: 13px; line-height: 26px; height: 26px; color: #ddd;}
/*site-nav*/
.site-nav{padding: 15px 0;background: #fff;}
.site-nav .menu{ overflow: hidden}
.site-nav .menu-item{position: relative; line-height: 27px; border-top:1px solid #fff ;}
.site-nav .menu-item .fa{margin-right: 10px;}
.site-nav .menu-item a { display: block; padding: 5px 20px; text-align: left;}
.site-nav .menu-item a:hover,
.site-nav .current a{background: #f7f7f7; text-shadow: 1px 1px 1px #fff;}
.site-nav .current a:after{ content: "\f10c"; position: absolute; top: 50%; right: 15px; margin-top: -6px; font: normal 12px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.site-nav .menu-item span{font-size: 12px; margin-left: 12px;}
/*pannel-console*/
.pannel-console{ padding: 20px; background: #fff;}
.pannel-console:before{ content: ''; position: relative; left: 0; top: -20px; height: 0; line-height: 0; font-size: 0; display: block; border-top:1px solid #eee;}
.tab-title-select{ width: 100%; text-align: center; display: table; padding-bottom: 25px;}
.tab-title-select span.tab-change{ display:inline-block; line-height:100%; padding: 0 2px 7px; margin: 0 10px; border-bottom: 1px solid #fff; cursor: pointer;}
.tab-title-select span.tab-on{ border-color: #222;}
/*post-toc-content*/
.post-toc-content ul {padding: 0 10px;}
.post-toc-content ul .nav-item{ margin-top: 5px;}
.post-toc-content ul .nav-item a{ display: inline-block; height: 20px; line-height: 20px; overflow: hidden; border-bottom: 1px solid #777; padding: 0 0 3px;}
.post-toc-content ul .nav-item a:hover, .post-toc-content ul .nav-item a.on{ border-bottom: 1px solid #0976b7; color: #0976b7}
/*user-information*/
.user-information{ position: relative; overflow: hidden; padding-bottom: 20px;}
.user-information .avatar{ float: left; width: 70px; height: 70px; padding: 1px; border: 1px solid #ddd; overflow: hidden;}
.user-information .avatar,.user-information .avatar img{ border-radius: 50%;}
.user-information .sns-link{ position: absolute; top: 0; right: 0; width: 20px; height: 20px; font-size: 20px; text-align: center;}
.user-information .sns-link a{ color: #e6162d;}
.user-information .site-author-name{ font-size: 14px; line-height: 130%; padding:2px 0 10px; margin-left: 90px; font-weight: 600;}
.user-information .site-description{ font-size: 13px; line-height: 1.6; margin-left: 90px; color: #999;}
/*site-census*/
.site-census{ position: relative; text-align:center; padding-bottom: 15px;}
.site-state-item { float:left; padding: 0 20px; border-left: 1px solid #ccc; line-height: 1.4;}
.site-state-item:first-of-type{ border: none;}
.site-count { font-size: 16px; font-weight: 600; font-family: georgia; display: block; text-align: center; color: inherit;}
.site-name { font-size: 13px; color: #999;}
.cate-current{ position: absolute; left: 50%; top: 50px;  margin-left: -3px; z-index: 20}
/*links-item*/
.links-of-categores{overflow: hidden; margin-top: 8px}
.links-item { display: inline-block; text-align: center; width: 48%; margin-top: 5px;}
.links-item a {display: block; box-sizing: border-box; line-height: 28px; height: 28px; margin: 0 3px; padding: 0 15px;}
.links-item a:hover,.links-item.current a { color: #222; background: #eee; border-radius: 3px;}
/*main-wrap*/
.main-wrap{float: right; box-sizing: border-box; width: 940px; min-height: 572px; margin-top:20px; padding: 40px 0; background: #fff;}
.post-positions{ height: 30px; line-height: 30px; margin: 0 40px 40px; overflow: hidden;}
.place-navtion{ float: left; max-width: 400px}
.place-navtion .post-archive-total{ background-color: #222; color: #fff; border-radius: 50px; padding: 0 8px 1px; margin: 0 10px; font-size: 12px; line-height: 100% }
.place-navtion .fa{ margin: 0 7px;}
/*search-module*/
.search-module{ height: 30px; overflow: hidden; float: right;}
.search-module .querybox {border: 1px solid #d3d3d3; font-family: Microsoft yahei, Arial, Helvetica; height: 22px;font-size: 14px;line-height: 25px;padding: 3px 10px;border-right: 0;float: left;width: 160px;background-color: #fff;box-shadow: inset 0 1px 3px #eee;}
.search-module .submit-search {padding: 0 16px;height: 30px;display: block;border: none;text-align: center;cursor: pointer;float: left; color: #444;background: #444;font-size: 15px;border-radius: 0 2px 2px 0;outline: none;}
.search-module .submit-search .fa{color: #fff;}
/*site-main-container*/
.site-main-container{padding-top: 20px;}
/*posts-expand*/
.posts-expand:after{ visibility:inherit; margin: 40px 0; border-bottom: 1px solid #ddd;}
.posts-expand .post-title {font-size: 24px; line-height:normal; word-break: break-word;}
.posts-expand .post-title-link { line-height: 1.2; position: relative; display: inline-block; vertical-align: top; color: #444; border-bottom: none;}
.posts-expand .post-title-link::before { position: absolute; bottom: -5px; left: 0; visibility: hidden; width: 100%; height: 2px; content: ''; transition-delay: 0s; transition-timing-function: ease-in-out; transition-duration: .2s; transform: scaleX(0); background-color: #444;}
.posts-expand .post-title-link:hover::before { visibility: visible; transform: scaleX(1);}
.posts-expand .post-meta { font-size: 12px; margin: 30px 0 35px;}
.posts-expand .post-meta span{ margin-right: 15px;}
.posts-expand .post-meta span time{ color: #999;}
.posts-expand .post-meta .fa{ padding: 0 4px;}
.posts-expand .post-meta a{ padding-bottom:1px; border-bottom: 1px solid #999;}
.posts-expand .post-meta a:hover{ border-color:#222 ;}
.posts-expand .post-body{line-height: 2; color: #555;}
/*post-archive*/
.posts-expand{ padding: 0 40px;}
.posts-expand .post-title:before{ content: ''; position: absolute; display: block; left: -40px; width: 6px; height: 100%; background-color: #222;}
/*post-archive*/
.post-archive .post-title{ position: relative; font-weight: 600; line-height: 140%;}
.post-archive .posts-expand:after{ margin: 40px 0; display: none; visibility: hidden; border-bottom: 1px solid #eee;}
.post-archive .posts-expand .post-body{ color: inherit; line-height: 2;  font-size: 15px;}
.post-archive .posts-expand .post-body a{border-bottom: 1px solid #555;}
.post-archive h2{margin: 20px 0 15px; font-size: 18px; font-weight: 600; padding-top: 10px;}
.post-archive pre { font-size: 13px; line-height: 1.6; margin: 0 0 20px; padding: 15px; color: #0f0; background: #000; white-space: pre-wrap;  word-wrap: break-word}
.post-archive code{ font-family: Menlo, Monaco, Consolas, "Lucida Console", "Courier New", monospace; font-size: .92857em;}
.post-archive blockquote { margin: 15px 0; padding: 10px 20px; border-left: 4px solid #ddd; background-color: #f9f9f9}
.post-archive p{ margin: 0 0 25px;}
.post-archive ol, .post-archive ul{ margin: 14px 0; padding-left: 40px;}
.post-archive ol p, .post-archive ul p,.post-archive blockquote p{ margin: 0; padding: 0; text-indent: 0}
.post-archive strong{ font-weight: bold}
.post-archive em{ font-style: normal;background: #f7f7f7; color: #f4645f;margin:0 6px; padding: 1px 4px; border-radius: 3px; text-shadow: 0 1px #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);font-size: 13px;}
.post-archive hr { margin: 2em auto; width: 100px; border: 1px solid #E9E9E9; border-width: 2px 0 0 0; }
.post-archive img, .post-archive video { display: block; margin: 0 auto; max-width: 100%; }
.post-archive a img{ background: #FFF; position: relative; bottom: -4px; }
/*post-tags*/
.posts-expand .post-tags{ margin-top: 30px; text-indent: 0;}
.posts-expand .post-tags a{ border-bottom: 1px dotted #999!important; margin: 0 5px;}
.posts-expand .post-tags a:hover{border-bottom: 1px solid #222!important;}
/*more*/
.posts-expand .post-body .more { margin-top: 30px; text-align: center;}
.posts-expand .post-body .more a { display:inline-block; line-height: 2; font-size: 14px; padding: 0 17px; color: #444; border: 1px solid #444; border-radius: 2px; background: #fff;}
.posts-expand .post-body .more a:hover { color: #fff; border-color: #222; background: #222;}
/*page-navigator*/
.post-pages{ clear:both; overflow: hidden}
.page-navigator { margin: 20px 0 5px; text-align: center;}
.page-navigator li { display: inline-block; margin: 0 2px; box-shadow: 1px 1px 3px #fbfbfb;}
.page-navigator li span,.page-navigator a{display: inline-block; border: 1px solid #ddd; padding: 0 11px; height: 28px; line-height: 28px; }
.page-navigator a:hover{border-color:#222 ; color: #222;}
.page-navigator .current a { color: #fff; background: #222; border-color:#222 ;}
.page-navigator .prev a,.page-navigator .next a { padding: 0 13px; }
/*site-copyright*/
.site-copyright{ padding: 60px 0 40px; text-align: center; font-size: 12px; line-height: 2; color: #888; text-shadow: 1px 1px 1px #fff;}
.site-copyright p{ margin-left: 260px;}
.site-copyright p .fa{padding: 0 8px;}
.site-copyright a{ color: #888; padding: 0 10px}
/*post.php*/
.post-archive{ padding: 0; position: relative}
.post-archive .posts-expand:after{visibility: hidden;}
.post-archive .post-meta{ margin: 40px 0;}
.post-near { margin: 5px 40px 0; padding: 10px 0; border-top: 1px solid #eee;white-space: nowrap;}
.post-near-item { display: inline-block; width: 50%; white-space: normal; overflow: hidden;}
.post-near-item a { font-size: 14px; line-height: 25px; color: #444; border-bottom: none;}
.post-near-item i{ font-weight: 100;}
.post-near-prev i {padding-right: 5px;}
.post-near-next { text-align: right;}
.post-near-next i { padding-left: 5px;}
.post-share-btn{ position: absolute; right: -41px; top: 0; box-shadow: 2px 2px 5px #ddd}
.post-share-show-btn{ display: block; background-color: #444; cursor: pointer; width:40px; line-height: 40px; text-align: center; color: #fff; font-size: 20px; font-weight: 100}
.post-share-show-btn:hover{background-color: #222; transition: all .3s ease-out;}
.post-share-item{ width: 40px; padding: 0!important; margin: 0!important; font-size: 20px; line-height: 40px; text-align: center; background-color: #fff;}
.post-share-item li a{ display: block;}
.post-share-item li a:hover{background-color: #eee}
.post-share-item .weixin a{ color: #00aa00;}
.post-share-item .weibo a{ color: #e6162d;}
.post-share-item .qq a{ color: #0976b7;}
/*post-powered*/
.post-powered{ clear:both; margin:40px 40px 0;}
.post-powered .abstention{border-top:1px solid #eee; padding:30px 0;}
.post-powered .user-photo{ float:left; margin-right:30px; width:73px; height:73px; border:1px solid #eee; background-color:#fff; padding:5px; overflow:hidden; box-shadow: 0 0 4px #f1f1f1;}
.post-powered .user-photo:hover{box-shadow: 0 0 10px #eee;}
.post-powered .user-photo img{ display:block; border:0; width:73px; height:73px; opacity: 0.7}
.post-powered .post-bq{ line-height:2.4; font-size:13px;}
.post-powered .post-bq i.fa{ width:16px; text-align:center; padding-right:5px;}
.post-powered .post-bq span {color: #96629e}
.post-powered .post-bq .arctit{ color:#FD5452;}
.post-powered .post-bq a:hover{ text-decoration:underline}
/*comments*/
.post-comments-section{ padding: 0 40px;}
.comments { font-size: 13px; margin-top: 30px;}
.comments .widget-title { font-size: 14px; font-weight: 400; line-height: 2.7; display: block; margin: 0; padding-bottom: 0; border-bottom: 1px solid #ddd;}
.comments .widget-title .fa{ margin-right: 5px;}
.comment-list {margin-top: -1px; padding: 0;}
.comment-list li {padding: 22px 0 0; border-top: 1px solid #ddd}
.comment-list li.comment-level-even {background: #fff}
.comment-list li .comment-reply {font-size: .92857em; float: right; margin-top: -39px}
.cancel-comment-reply{ text-align: right;}
.comment-meta a {font-size: .92857em; color: #999}
.comment-author {display: block; margin-bottom: 1px; color: #444}
.comment-author .avatar {float: left; width: 32px; margin: 2px 10px 0 0; padding: 1px; border: 1px solid #ddd}
.comment-author cite {font-weight: 700; font-style: normal; line-height: 1.2}
.comment-content{ margin: 15px 0 25px; line-height: 1.8;}
.comment-user-info{ padding-bottom: 10px;}
.comment-user-info .author-username{ font-weight: bold; padding: 0 5px;}
/*form*/
#comment-form {padding-top: 12px}
#comment-form p{ margin-bottom: 10px;}
#comment-form label {position: absolute; line-height: 32px; margin: 0 8px; color: #888}
#comment-form input {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; padding: 7px 6px 7px 45px; color: #444; border: 1px solid #d4d4d4; background: #fdfdfd; }
#comment-form .textarea { font-size: 14px; line-height: 1.8; overflow: auto; resize: none; width: 842px; height: 100px; padding: 5px 8px; background: #fdfdfd;border: 1px solid #d4d4d4;color: #333; }
#comment-form .submit { line-height: 32px; display: block; width: 100%; height: 38px; color: #fff; border: 1px solid #222; outline: 0; background: #333; cursor: pointer; }
#comment-form input, #comment-form .textarea, #comment-form .submit{font-family: "Microsoft YaHei";}
/*post-archive-single*/
.post-archive-single{ position: relative}
.post-archive-single .archives-menus{position: fixed; margin-left: 793px; line-height:24px; font-weight: bold;}
.post-archive-single .archives-menus li{ display: block; padding: 0 15px; border-left:3px solid #ddd; margin-bottom: 2px; cursor: pointer; background-color: #fdfdfd}
.post-archive-single .archives-menus li.on{ border-color: #0976b7; background-color: #f4faff}
/*collection-title*/
.archive-page-counter{ text-align: center}
.post-archive-single .collection-title{ padding: 0;}
.post-archive-single .collection-title .fa{ font-size: 12px; vertical-align: top; margin: 4px 10px 0 0; color: #ccc}
.post-archive-single .archive-year{ padding: 40px 0; font-size: 20px; font-weight: bold;}
.post-archive-single .archive-year,.archivers-item .article-push-time{font-family: Georgia, serif}
/*archivers-item*/
.post-archive-single .archivers-item{ margin: 0; padding-left: 20px; font-size: 15px;}
.post-archive-single .archivers-item li{ line-height: 35px; height: 35px;}
.post-archive-single .archivers-item li a:hover{color: #333; border-bottom: 1px solid #333;}
.post-archive-single .archivers-item .arcurl{ margin-left: 50px;}
/*category-list*/
.category-count{ padding-top: 30px}
.category-articles-count{ background-color: #333; color: #fff; border-radius: 30px; padding:  0 5px; font-size: 12px; margin-left: 10px;}
.post-archive ul.category-list{ margin: 60px 0 40px; padding: 0; font-size: 16px; text-align: center}
.post-archive ul.category-list li{ display: inline-block; margin: 0 0 30px; width: 24%;}
.post-archive ul.category-list li a{ border-bottom: 1px solid #fff; padding-bottom: 3px;}
.post-archive ul.category-list li a:hover{ border-bottom: 1px solid #333;}
/*tag-cloud-tags*/
.tag-cloud-tags{ margin: 40px 0; }
.tag-cloud-tags a { display: inline-block; font-weight: 100; margin: 14px 10px 0 0; padding:3px 5px; font-size: 18px;}
.tag-cloud-tags a:hover{ background-color: #333; color: #fff; border-radius: 3px;}
/*back-to-top*/
.fixed-float-bar{ position: fixed; z-index: 1050; right: 50px; bottom: 100px; width: 25px; background: #222}
.back-to-top {width: 15px; height: 13px; padding: 5px; cursor: pointer; -webkit-transform: translateZ(0); color: #fff}
.back-to-top:before { display: block; width: 0; height: 0; margin-top: 2px; content: ''; border-width: 0 7px 8px; border-style: solid; border-color: transparent transparent #fff;  }
.to-music-fm{border-top:1px solid #737373; width:25px;height:25px; overflow:hidden;margin-left:0;background:#222}
.to-music-fm:hover{width:78px;margin-left:-53px;}
.to-music-fm a{display:block; height:25px;line-height:25px;color:#fff;text-align:center}
.content-loading{position: fixed; top: 50px; right: 50px; display: none;}
.error-title{ text-align: center;}
.nodata{width:458px ;height: 240px; background: url("img/nodata.png") no-repeat; margin: 30px auto 0;}
/*Payment*/
.post-archive .posts-expand .post-body a.payment{ border: 2px solid #f7f7f7; border-radius: 100%; padding: 0}
.payment { display: block; cursor: pointer; background: url("img/payment.png") no-repeat center; width: 42px; height: 42px; margin: 0 auto; border: none; position: relative; z-index: 10;}
.payment::after { content: ''; position: absolute; width: 100%; height: 20px; bottom: 100%; pointer-events: none; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.payment:hover::after { pointer-events: auto;}
.payment-content { position: absolute; z-index: 11; width: 240px; height: 120px; left: 50%; margin-left: -120px; bottom: 42px; text-align: center; color: #fff; opacity: 0; margin-bottom: 20px; cursor: default; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s;}
.payment *, .payment *:after, .payment *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.payment .payment-content { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0);}
.payment:hover .payment-content { opacity: 1; pointer-events: auto; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.payment-content > span { float: left; width: 50%; height: 100%; position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s;}
.payment-content > span img { display: block; max-width: 100px; margin: 10px;}
.payment-front {background: #2f3238; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: perspective(1000px) rotate3d(0,1,0,-90deg); transform: perspective(1000px) rotate3d(0,1,0,-90deg);}
.payment-front:before { content:''; display: block; margin: 10px; background: #2f3238 url("img/qrcode.jpg"); width: 100px; height: 100px; background-size: cover;}
.payment-back { background: #e64b50; font-size:12px; padding: 1em 1em 0; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: perspective(1000px) rotate3d(0,1,0,90deg); transform: perspective(1000px) rotate3d(0,1,0,90deg); line-height:18px;}
.payment:hover .payment-content > span { -webkit-transform: perspective(1000px) rotate3d(0,1,0,0deg); transform: perspective(1000px) rotate3d(0,1,0,0deg);}
/* Arrow */
.payment-content .payment-front::after,
.payment-content .payment-back::after { content: ''; position: absolute; top: 100%; width: 0; height: 0;}
.payment-content .payment-front::after { right: 0; border-top: 10px solid #2f3238; border-left: 10px solid transparent;}
.payment-content .payment-back::after { left: 0; border-top: 10px solid #e64b50; border-right: 10px solid transparent;}
/*friend-link*/
.friend-link{ position:relative; top:-2px; height: 0; text-align: center;}
.friend-link span{ display: inline-block; margin: 0 auto; font-size: 12px; padding: 0 10px; cursor: pointer; background: #fff; color: #333; border-radius: 0 0 5px 5px;vertical-align: top;}
.friend-link .friend-more-links{ position: absolute; bottom:-2px; left: 0; background: #fff; text-align: left; padding:10px 0 20px; box-shadow: 0px -3px 6px #f1f1f1; display: none; z-index: 21; width: 100%;}
.friend-link .friend-more-links h5{ font-weight: bold; text-align: center; font-size: 14px; padding-bottom: 15px; border-bottom:1px dashed #eee; margin:5px 20px 15px;}
.friend-link .friend-more-links ul{ margin: 0 20px; overflow: hidden}
.friend-link .friend-more-links li{ width: 50%; line-height: 2.0; float: left; text-align: center;}
.friend-link .friend-more-links li a{ display: block; margin: 5px 5px 0;}
.friend-link .friend-more-links li a:hover{ background: #f3f3f3;}
/*media*/
@media (max-width:740px){
body{background: #fff;}
.sidebar, .main-wrap, .sidebar .fixed{box-shadow: none}
.sidebar,.main-wrap { float: none!important}
.user-information,.site-census,.post-share-btn,.site-nav .menu-item span,.post-comments-count,.user-photo,.site-subtitle,
.tab-title-select, .post-toc-content, .site-nav .current a:after, .content-loading, .site-nav .menu-item:nth-of-type(2),
.post-near, .pannel-console:before, .site-nav, .site-copyright p a, .page-navigator li,.friend-link {display: none!important;}
.wrapper, .site-copyright,.main-wrap,.sidebar,.sidebar .fixed { width: auto!important;}
.site-nav .menu-item, .logo-file-content, .site-nav, .pannel-console, .links-item a { padding: 0!important;}
.site-nav .menu-item, .links-of-categores,.links-item, .post-archive ul.category-list, .comments, .site-copyright p, .links-item a { margin: 0!important;}
.main-wrap{ margin-top: auto; padding: 15px 0; min-height: inherit;}
.site-section-inner{ position: relative; line-height: 50px;}
.site-section-inner .mobile-navtion,
.site-section-inner .mobile-home{ display: block; text-decoration: none; position: absolute; font: normal normal normal 14px/50px FontAwesome; font-size: 28px; color: #fff; top: 0; height: 50px; padding: 0 15px; z-index: 100}
.site-section-inner .mobile-navtion{right:0;}
.site-section-inner .mobile-home{left:0;}
.site-section-inner .mobile-navtion:before{ content: "\f0c9"; }
.site-section-inner .mobile-home:before{ content: "\f015"; }
.logo-file-content .brand{ display: inline; height: auto; line-height: inherit}
.logo-file-content .brand .site-title{font-weight: bold}
.pannel-console{display: none}
.payment{ margin-bottom: 30px;}
#comment-form *,.comments .widget-title{font-size: 16px;}
#comment-form input{ display: block!important; margin-top: 10px; width: 100%;}
#comment-form label:nth-of-type(2){margin: 10px 8px 0}
#comment-form .textarea{ width: 96%; padding: 1% 1.5%}
.sidebar .fixed{position: inherit!important; }
#author-control{display: block!important;}
.posts-expand,.post-comments-section{ padding: 0 10px}
.post-positions{ margin: 0 10px}
.discriptions{ max-height: 81px; overflow: hidden}
.post-archive .post-body{font-size: 15px;}
.posts-expand .post-title{ font-size: 18px; font-weight: 600}
.post-archive .post-title{ font-size: 22px;}
.post-powered,.post-near{ margin: 0 10px;}
.posts-expand .post-meta{ margin: 15px 0;}
.links-of-categores{ background-color: #f4f4f4}
.links-item{display: block; width: auto; float: left; width: 50%}
.links-item a{ line-height: 50px; height: 50px; font-size: 16px; font-weight: bold; border-right:1px solid #fff; border-bottom:1px solid #fff;}
.archive-page-counter,.site-copyright{ padding: 10px;}
.post-archive-single .archive-year{padding: 10px 0;}
.post-archive ul.category-list{ text-align: left}
.post-archive ul.category-list li{ display: block; width: auto; margin-bottom: 10px;}
.fixed-float-bar{ right: 20px; bottom: 20px}
.page-navigator li.prev, .page-navigator li.next, .page-navigator li.current{display: inline-block!important;}
.nodata{ width: auto; background-size: 100% auto;}
}