::selection {color:#08d;background: #ddd;}
::-moz-selection {color:#08d;background: #ddd;}
body {
  font-size: 15px;background: url(./img/bg.gif) repeat;color: #444;
  box-shadow: 0px 0px 15px #888;border:1px solid #ccc;
  font-family: 'Microsoft Yahei',Verdana, Arial, Helvetica,sans-serif;}
a{text-decoration: none;color: #08d;}
a:hover{text-decoration:underline;color:#ed5565;}

.note table{width:640px;height:60px;}
.index-list-ads{width:100%;overflow: hidden;margin-bottom:20px;}
.relate-ads{ width: 100%;overflow: hidden;margin: -8px 0 0 -8px;}
.nav-home{width: 11px;height: 9px;float: left;margin:13px 5px 0 0;background: url(img/home.gif) no-repeat;}
#nav-menu #hot{
  background-image: url(img/hot.gif);background-repeat: no-repeat;background-position: left top;
  z-index:-1;}

#nav-swith span {display: block;height: 2px;background: currentColor;visibility: hidden;}
#nav-swith {
  position: relative;float: right;margin-left: 5px;color: #444;
  top:0;right: 0;width: 30px;height: 30px;background: 0;display:none;}
#nav-swith:before {
  content: "";position: absolute;top: 7px;left: 7px;width: 9px;height: 9px;
  border: solid 2px currentColor;border-radius: 50%;}
#nav-swith:after {
  content: "";position: absolute;top: 19px;left: 17px;width: 6px;height: 2px;background: currentColor;}
#nav-swith:before,#nav-swith:after,#nav-swith span,#nav-menu{transition: .2s;-webkit-transition: .2s;}
.on #nav-swith:before,.on #nav-swith:after {
  content: "";position: absolute;top: 14px;left: 6px;
  width: 18px;height: 2px;background: currentColor;border: 0;border-radius: 0;}
.on #nav-swith:before{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
#nav-swith:after,.on #nav-swith:after{transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#nav-swith span {display: block;width: 18px;height: 2px;background: currentColor;visibility: hidden;}

.note{float:right;}
.clear{clear:both;}

button{
  font-family: inherit;font-size: 100%;line-height: 1.2;
  margin: 0;outline: 0;appearance: none;-webkit-appearance: none;
  padding: 0 6px;background: #ddd;border: 0;}
pre,code {
  background: #F3F3F3;font-size: .92857em;
  font-family: Menlo,Monaco,Consolas,"Lucida Console","Courier New",monospace;}
code {padding: 2px 4px;color: #B94A48;}
pre {border-radius: 8px;padding: 10px 15px;margin: 15px 0px;overflow: auto;max-height: 400px;}
pre code {padding: 3px;color: #444;}
blockquote {  margin: 1em 0;padding-left: 1.5em;border-left: 4px solid #eee;color: #666;}
table {border: 1px solid #ddd;}
table th,table td {padding: 5px 10px;border: 1px solid #eee;}
table th {background: #f3f3f3;}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],textarea {
  padding: 5px;border: 1px solid #ddd;width: 100%;border-radius: 2px;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
  font-family: 'Microsoft Yahei',Verdana, Arial, Helvetica,sans-serif;}
textarea {height: 150px;resize: vertical;overflow: auto;}
.post-meta a,.post-content a,.widget a,.comment-content a {border-bottom: 1px solid #EEE;}
.post-meta a:hover,.post-content a:hover,.widget a:hover,.comment-content a:hover {
  border-bottom-color: transparent;}
.browsehappy {padding: 8px 0;background: #FBE3E4;color: #8A1F11;text-align: center;}
.browsehappy a {color: #8A1F11;text-decoration: underline;font-weight: bold;}

#roll_top,#fall {position:relative;cursor:pointer;height:93px;width:11px;}
#ct{position:relative;cursor:pointer;height:53px;width:11px;}
#roll_top {background:url(./img/roll.png) no-repeat;}
#ct {background:url(./img/roll.png) no-repeat 0 -93px;}
#fall {background:url(./img/roll.png) no-repeat 0 -146px;}

/* sidebar tab */
#tab-title span{color:#08d;cursor:pointer;}
#tab-title span:hover{color:#f00;}
#tab-title .selected{color:#555;}
#tab-title .selected:hover{color:#555;cursor:default;}
#tab-content .hide{display:none;}
#tab-content ul{ ;}
#tab-content li{ width:auto;margin-bottom: 3px;}

#header {background:#fff;padding:0 20px;}
.h-logo{float:left;height:60px;}
#logo {margin-top: 3px;font-size: 22px;color: #555;  font-weight: normal;display: block;}
#logo:hover{color:#888;text-decoration: none;}
#logo img {max-height: 64px;}
.description {  font-size: 13px;color: #666;font-weight: normal;margin-top: 5px;}
.site-name{padding-top:20px;height:80px;}

#nav-menu {
  background: #40a1dd;height: 33px;width:100%;  line-height: 33px;font-weight: normal;margin: 0 auto;}
#nav-menu a {
  padding:0px 26px; display:block;color:#f8f8f8;  font-weight:normal;font-size:15px;
  float:left;border-right: 1px solid #bbb;}
#nav-menu a:hover,#nav-menu .current {background:#1388d0;text-decoration:none;}


.site-search{float:right;}
#search {  position: relative;margin-right:5px;}
#search input {padding-right: 30px;height:25px;width:158px;}
#search button {
  position: absolute;right: 4px;top:3px;border: none;  padding: 0;
  width: 24px;height: 25px;  background: transparent url(img/icon-search.png) no-repeat center center;
  direction: ltr;text-indent: -9999em;}
#search button:hover{cursor: pointer;}

@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {  #search button {    background-image: url(img/icon-search@2x.png);    -webkit-background-size: 24px 24px;    -moz-background-size: 24px 24px;    -o-background-size: 24px 24px;    background-size: 24px 24px;  }}

#content-body{background:#fff;padding:20px;}
#fengexian{
  background: url(./img/line.png) no-repeat center;height:17px;width:100%;margin-top:20px;margin-bottom:5px;}

.post {padding: 0 0 10px;}
.post .tu{float: left;margin:6px 12px 0 0;}
.post .tu img{padding: 4px;border: 1px solid #ccc;height: 115px;width: 150px;}
.post .index-content{ margin:0 0 15px 180px;}
.post .index-content .post-content{height:80px;overflow: hidden;}
.post-content h4{font-size:1.1em;}
.post-title {  border-bottom: 1px dashed #ddd;font-size: 18px;margin: 0px;  font-weight: normal;line-height: 26px;padding: 0 0 3px 0px;}.post-meta {margin: 8px 0 0 0;padding: 0;color: #888;font-size: .92857em;}.post-meta a,.post-meta a:hover{color:#888;}.post-meta li {  display: inline-block;margin: 0 8px 0 0;  padding-left: 12px;border-left: 1px solid #ddd;}.post-meta li:first-child {margin-left: 0;padding-left: 0;border: none;}.post-content {line-height: 1.8;word-wrap: break-word;margin: 10px 0;}.post .tags {clear: both;}

.copyright{margin-top: 21px;padding: 8px 12px;border: 1px solid #ececec;background: #fafafa;line-height: 1.6;}
.copyright img{float: left;background: #fff;padding: 5px;border: 1px solid #ececec;margin: 3px 10px 3px 0;}
.post-near {list-style: none;margin:15px 0 0;padding: 0;color: #666;}
.post-near .l{float:left;}
.post-near .r{float:right;text-align:right;}
.post-near li {line-height:1.6;width:50%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.relate-post{margin-top: 10px;}
.relate-post h4{
  font-size: 16px;padding: 5px 0px;font-weight: normal;line-height: 20px;
  text-align: left;border-bottom: 2px solid #777;  background-position: left bottom;margin:0 0 8px;}
.relate-post ul{margin:0;padding:0;}
.relate-post ul li{float: left;  width:25%;list-style: none;line-height: 1.8;overflow: hidden;}
.relate-post ul li img{width: 94%;height: 138px;margin: 5px 3%;}
.relate-post .taglist{float:right;margin-right:5px;font-size:14px;color:#999;}
.relate-post .taglist a{color: #999;margin:0 5px;}
.relate-text{display: block;overflow: hidden;margin:-8px 3% 8px 3%;line-height: 22px;height: 44px;}

.archive-title {margin: 0;padding-bottom: 10px;color: #888;font-size: 1em;font-weight:500;}
.archive-title a{color:#888;}

.more {text-align: center;}.more a {border: none;}.protected .text {width: 50%;}.page-navigator {list-style: none;margin: 25px 0;padding: 0;text-align: center;}.page-navigator li {display: inline-block;margin: 0 4px;}.page-navigator a {display: inline-block;padding: 0 10px;height: 30px;line-height: 30px;}.page-navigator a:hover {background: #EEE;text-decoration: none;}.page-navigator .current a {color: #444;background: #EEE;}

#comments {margin-top: 20px;}
#comments h3{
  font-size: 16px;padding: 5px 0px;font-weight: normal;line-height: 20px;
  text-align: left;border-bottom: 2px solid #777;  background-position: left bottom;margin:0 0 15px;}
.comment-list,.comment-list ol {list-style: none;margin: 0;padding: 0 0 20px;}
.comment-list .comment-list{padding:0;}
.comment-list li {margin-top: 15px;border-bottom: 1px dashed #ddd;padding-bottom: 10px;}
.comment-list li.comment-level-odd {background:none;}
.comment-list li.comment-level-even {background:none;}
.comment-list li.comment-by-author {;}

.comment-meta{color:#888;font-size: .92857em;}
.comment-meta a {margin:0 2px;}
.comment-author {margin-right:10px;}
.comment-author .avatar {float: left;margin-right: 10px;margin-top:2px;}
.comment-author img{padding:3px;border:1px solid #ccc;}
.comment-author .author-icon{
  color:#fff;font-size:10px;background:#ccc;padding:0px 5px;margin-left:5px;border-radius:3px;}
.comment-author cite {font-style: normal;}
.comment-agent{margin-left: 50px;color: #999;font-size: 13px;}

.comment-list .respond {margin-top: 10px;border-top: 1px dashed #ddd;padding-top: 5px;}
.respond .cancel-comment-reply {float: right;margin-top: 8px; font-size: .92857em;}
.comment-list li .comment-reply {margin-left:5px;}

.comment-content{margin-left:50px;}
.comment-content p{margin: 5px 0;line-height: 1.5;}
.comment-children li{margin-left:50px;border-bottom:none;padding-bottom:0;}

#comment-form label {display: block;margin-bottom: .5em;font-weight: bold;}
#comment-form .required:after {  content: " *";  color: #C00;}
.comment-form input {margin-bottom: 10px;}
.comment-form .textarea {width: 68%;margin: 0 2% 0 0;}
.comment-form .textbutton {width: 30%;margin: 0;}
.comment-form p{float: left;}
#comment-form button {
  width: 100%;height: 30px;border-radius: 2px;cursor: pointer;background:#eee;border:1px solid #ddd;}
#comment-form button:hover{background:#ddd;border:1px solid #ccc;}

#sidebar{float: right;width: 300px;}
.widget {margin-bottom: 18px;}
.widget h3{margin:0;}
.widget-title{
  font-size: 16px;line-height: 26px;white-space: nowrap;overflow: hidden;
  color: #555;font-weight: normal;border-bottom: 1px dashed #ddd;padding-bottom: 3px;}
.widget-list,.side-hlist{list-style: none;padding: 0;margin:8px 0;}
.widget-list li {
  margin: 3px 8px 3px 0;line-height: 1.6;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.side-hlist li{
  padding-left:10px;background: url(img/li.png) no-repeat 0px;margin: 1px 0;
  line-height:1.6;width:46%;float:left;}
.side-hlist img{margin:3px 10px 3px 0;}
.side-hlist .site-img{margin-top:5px;}
.widget-list li ul {margin-left: 15px;}

.widget-list img.avatar{
  border: 1px solid #ccc;padding: 2px 2px;width: 32px;height: 32px;
  float: left;margin: 3px 8px 0px 0px;}

.page-links{;}
.page-links li{
  float: left;width: 96px;line-height: 23px;height: 23px;display: block;list-style: none;
  overflow: hidden;text-align: center;border: 1px dashed #CCC;padding: 3px;margin: 5px;}

#footer {margin: 0 auto;background: #fff;padding: 0px 20px 18px 20px;}
#footer .f-info{padding-top: 8px;border-top: 4px solid #08d;line-height:25px;}
#footer .themeby{float:right;}.error-page {margin-top: 100px;margin-bottom: 100px;}.post-content,.comment-content {line-height: 1.8;word-wrap: break-word;}.post-content h2,.comment-content h2 {font-size: 1.28571em;}.post-content img,.comment-content img,.post-content video,.comment-content video {  max-width: 100%;}.post-content a img,.comment-content a img {  background: #FFF;position: relative;bottom: -4px;}.post-content hr,.comment-content hr {  margin: 2em auto;width: 100px;border: 1px solid #E9E9E9;border-width: 2px 0 0 0;}.aligncenter,div.aligncenter {  display: block;  margin-left: auto;  margin-right: auto;}.alignleft {  float: left;}.alignright {  float: right;}img.alignleft {  margin: 0 15px 0 0;}img.alignright {  margin: 0 0 0 15px;}

.hidden {  display: none!important;  visibility: hidden;}.sr-only {  border: 0;  height: 1px;  margin: -1px;  overflow: hidden;  padding: 0;  position: absolute;  width: 1px;}.sr-only.focusable:active,.sr-only.focusable:focus {  clip: auto;  height: auto;  margin: 0;  overflow: visible;  position: static;  width: auto;}.invisible {  visibility: hidden;}

.container,.row [class*=col-]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.container{margin:0 auto;overflow:hidden}
.row{margin-right:-6px;margin-left:-6px}
.row [class*=col-]{float:left;min-height:1px;padding-right:10px;padding-left:10px}
.row [class*="-pull-"],.row [class*="-push-"]{position:relative}
.col-mb-1{width:8.33333%}
.col-mb-2{width:16.66667%}
.col-mb-3{width:25%}
.col-mb-4{width:33.33333%}
.col-mb-5{width:41.66667%}
.col-mb-6{width:50%}
.col-mb-7{width:58.33333%}
.col-mb-8{width:66.66667%}
.col-mb-9{width:75%}
.col-mb-10{width:83.33333%}
.col-mb-11{width:91.66667%}
.col-mb-12{width:100%;}

body{width:1190px;margin: 10px auto;}
.container{max-width:1150px}
#main{padding-right: 20px;border-right: 1px solid #ccc;width: 810px;float: left;}

/* loading animation */
#main>*:not(.archive-title){animation: upin .3s;-webkit-animation: upin .3s;}
@keyframes upin {
  0% {opacity: 0;transform: translateY(30px);}
  100% {opacity: 1;transform: translateY(0);}}
@-webkit-keyframes upin {
  0% {opacity: 0;-webkit-transform: translateY(30px);}
  100% {opacity: 1;-webkit-transform: translateY(0);}}

#main ol{margin:0;}
#nav-menu a.onelink{display:inline;background: #ca9cab;border-right: none;}
#nav-menu a.onelink:hover{background:#a9818e;}
#roll {display:block;width:15px;margin-right:-265px;position:fixed;right:50%;top:35%;}

.col-1{width:8.33333%}
.col-2{width:16.66667%}
.col-3{width:326px;}
.col-4{width:33.33333%}
.col-5{width:41.66667%}
.col-6{width:50%}
.col-7{width:58.33333%}
.col-8{width:836px;}
.col-9{width:100%}
.col-10{width:83.33333%}
.col-11{width:91.66667%}
.col-12{width:100%}
.col-offset-0{margin-left:0}
.col-offset-1{;}
.col-offset-2{margin-left:16.66667%}
.col-offset-3{margin-left:25%}
.col-offset-4{margin-left:33.33333%}
.col-offset-5{margin-left:41.66667%}
.col-offset-6{margin-left:50%}
.col-offset-7{margin-left:58.33333%}
.col-offset-8{margin-left:66.66667%}
.col-offset-9{margin-left:75%}
.col-offset-10{margin-left:83.33333%}
.col-offset-11{margin-left:91.66667%}
.col-offset-12{margin-left:100%}
.col-pull-0{right:0}
.col-pull-1{right:8.33333%}
.col-pull-2{right:16.66667%}
.col-pull-3{right:25%}
.col-pull-4{right:33.33333%}
.col-pull-5{right:41.66667%}
.col-pull-6{right:50%}
.col-pull-7{right:58.33333%}
.col-pull-8{right:66.66667%}
.col-pull-9{right:75%}
.col-pull-10{right:83.33333%}
.col-pull-11{right:91.66667%}
.col-pull-12{right:100%}
.col-push-0{left:0}
.col-push-1{left:8.33333%}
.col-push-2{left:16.66667%}
.col-push-3{left:25%}
.col-push-4{left:33.33333%}
.col-push-5{left:41.66667%}
.col-push-6{left:50%}
.col-push-7{left:58.33333%}
.col-push-8{left:66.66667%}
.col-push-9{left:75%}
.col-push-10{left:83.33333%}
.col-push-11{left:91.66667%}
.col-push-12{left:100%}

.clearfix,.row{zoom:1}
.clearfix:after,.clearfix:before,.row:after,.row:before{content:" ";display:table}
.clearfix:after,.row:after{clear:both}

#reader ul {list-style: none;margin: 0;padding: 0;width: 100%;} 
#reader li {padding: 0;float: left;width: 12.5%;} 
#reader a {position: relative; display: block; margin: 9px; text-align: center; text-decoration: none;} 
#reader a img{width: 100%;height: auto;z-index: 0;margin: -1px;display: block;border: 1px solid #ddd;}  
#reader a small {
  line-height: 125px; font-size: 12px;padding: 8px 0 ; display: none; position: absolute;
  bottom: 0px;top:0px; left: 0px;right: 0px;z-index: 1;overflow: hidden;
  background-color:rgba(255,255,255,0.72)!important; background:#fff;color: #111;}
#reader a:hover small {display: block;}
#reader a i {
  font-size: 10px; font-style: normal; width: 38px; height: 18px; line-height: 18px; background-color: #F56763;
  color: #fff; position: absolute; top: 4px; right: 4px; border: 2px #fff solid; border-radius: 18px;}

/* media style */
@media(max-width:1228px){
body{width:98%;}
#nav-menu a.onelink{display:none;}
#roll {display:none;}
#main{width:70%;}
#sidebar{width:26.5%;}
.side-hlist li{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.post-meta .liulan,.relate-ads{display:none;}
.relate-post ul li img{height: 108px;}
.col-3{width:306px;}
.col-8{width:656px;}

.col-tb-1{width:8.33333%}
.col-tb-2{width:16.66667%}
.col-tb-3{width:25%}
.col-tb-4{width:33.33333%}
.col-tb-5{width:41.66667%}
.col-tb-6{width:50%}
.col-tb-7{width:58.33333%}
.col-tb-8{width:60%}
.col-tb-9{width:75%}
.col-tb-10{width:83.33333%}
.col-tb-11{width:91.66667%}
.col-tb-12{width:100%}
.col-tb-offset-0{margin-left:0}
.col-tb-offset-1{margin-left:8.33333%}
.col-tb-offset-2{margin-left:16.66667%}
.col-tb-offset-3{margin-left:25%}
.col-tb-offset-4{margin-left:33.33333%}
.col-tb-offset-5{margin-left:41.66667%}
.col-tb-offset-6{margin-left:50%}
.col-tb-offset-7{margin-left:58.33333%}
.col-tb-offset-8{margin-left:66.66667%}
.col-tb-offset-9{margin-left:75%}
.col-tb-offset-10{margin-left:83.33333%}
.col-tb-offset-11{margin-left:91.66667%}
.col-tb-offset-12{margin-left:100%}
.col-tb-pull-0{right:0}
.col-tb-pull-1{right:8.33333%}
.col-tb-pull-2{right:16.66667%}
.col-tb-pull-3{right:25%}
.col-tb-pull-4{right:33.33333%}
.col-tb-pull-5{right:41.66667%}
.col-tb-pull-6{right:50%}
.col-tb-pull-7{right:58.33333%}
.col-tb-pull-8{right:66.66667%}
.col-tb-pull-9{right:75%}
.col-tb-pull-10{right:83.33333%}
.col-tb-pull-11{right:91.66667%}
.col-tb-pull-12{right:100%}
.col-tb-push-0{left:0}
.col-tb-push-1{left:8.33333%}
.col-tb-push-2{left:16.66667%}
.col-tb-push-3{left:25%}
.col-tb-push-4{left:33.33333%}
.col-tb-push-5{left:41.66667%}
.col-tb-push-6{left:50%}
.col-tb-push-7{left:58.33333%}
.col-tb-push-8{left:66.66667%}
.col-tb-push-9{left:75%}
.col-tb-push-10{left:83.33333%}
.col-tb-push-11{left:91.66667%}
.col-tb-push-12{left:100%}
}

@media(max-width:1023px) {
.col-8{width:100%;}
#secondary{display:none;}
#header .cate-menu{display:none;}
.note{display:none;}
#roll{display:none;}
#main{margin:0;border:0;width:100%;}
.relate-post ul li img{height: 118px;}
#main{padding:0;}
#sidebar{display:none;}
#footer .f-info{text-align: center;}
#footer .themeby{display:none;}
}

@media(max-width:767px) {
body {font-size:0.88em;width:auto;border:0;margin:0 auto;padding:0;}
.archive-title,.note,.copyright{display:none;}
#nav-menu {
  width: 100%;max-height: 0;overflow: hidden;text-align: center;height:auto;background: #fff;}
#nav-menu a{width: 33.3333%;padding: 0;border: 0;color:#444;}
#nav-menu .nav-home{display:none;}
#nav-menu .current{background:#fff;color:#08d;}
#header .cate-menu{display:block;}
#header{border-bottom:1px solid #ccc;padding:8px 10px;}
.description{display:none;}
#logo{margin:0;font-size: 1.35em;}
.site-name{padding:0;float:left;margin-top:2px;}
.site-name,.h-logo{height:auto;}
#nav-swith{display:block;}
#nav-swith span {visibility: visible;}
#nav-swith:before,#nav-swith:after {
  left: 6px;width: 18px;height: 2px;background: currentColor;border: 0;
  border-radius: 0;transform: none;-ms-transform: none;-webkit-transform: none;}
#nav-swith:after {top: 21px;}
.on #nav-swith span {visibility: hidden;opacity: 0;}
.on #nav-menu {max-height: 240px;border-top:1px dashed #ddd;padding: 10px 0;margin-top:8px;}
.head-fixed .on #nav-menu {margin-bottom: 5px;}
.site-search{float:none;width: 158px;margin:0 auto;}
#search{float:left;}
.index-list-ads{display:none;margin:0;}
#content-body{ padding:10px;}
.post-meta li:first-child{display:none;}
.post-meta li:nth-child(2){border:none;padding-left: 0;}
#footer{padding:0 10px 10px 10px;}
}

@media(max-width:550px) {
.post .index-content{margin:0 0 15px 0;}
.post-meta li:nth-child(4){display:none;}
.relate-post ul li{width:50%;}
.relate-post ul li img{width:93%;}
}

@media(max-width:413px) {
.relate-post ul li{width:100%;}
.relate-post ul li img{display:none;;}
.relate-text{height:auto;margin:0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
}