/*
Theme Name:LeHuo
*/
* {-webkit-tap-highlight-color:transparent;}
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {margin:0; padding:0;}
body {background-color:#fff; font:100%/1.5em 'Microsoft Yahei',Arial,tahoma; overflow-x:hidden; width:100%;}
a {text-decoration:none; outline:none; -webkit-tap-highlight-color:transparent;}
input {-webkit-appearance:none; border:0;}
input:focus,button:focus {outline:none;}
li {list-style:none;}
.clear {clear:both;}
a img {border:none;}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:0.75em; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;}
/*gold*/
.inner {width:1200px; margin:0 auto;}
.thumbnail {overflow:hidden; height:auto; position:relative;}
.thumbnail img {width:100%; height:100%; display:block; position:absolute; left:0; top:0;}
.left {float:left;}
.right {float:right;}
.ad {margin-bottom:30px;}
.topad {margin:30px auto;}
.ad img,.topad img {width:100%; height:auto; display:block;}
.nbm {margin-bottom:0;}
.bg {background:rgba(0,0,0,.5); position:fixed; left:0; top:0; width:100%; height:100%; z-index:3; display:none;}
/*404*/
.error404 {background:#fff url(images/bg404.png) repeat left top;}
.error404 .errorbg {padding:20px 0;}
.error404 .errorbg img {width:auto; max-width:100%; height:auto; display:block; margin:0 auto;}
.error404 .warming {text-align:center;}
.error404 .warming h4 {font-size:2em; color:#EA3D4E; line-height:1.5em;}
.error404 .warming p {font-size:0.875em; color:#555;}
.error404 .warming p a {color:#EA3D4E;}
/*header*/
.header {background-color:#fff; box-shadow:0 1px 3px #ddd; width:100%; height:70px; margin-bottom:4px;}
.header .inner {position:relative;}
/*logo*/
.logo {float:left; padding:15px 30px 15px 0;}
.logo a {background:url(images/logo.png) no-repeat left center; background-size:auto 100%; display:block; width:239px; height:39px; text-indent:-9999em;}
/*nav*/
.nav {float:right; padding:0 15px;}
.nav ul li {float:left; line-height:40px; padding:15px 12px; font-size:1em; position:relative;}
.nav ul li a {color:#333;}
.nav ul li a:hover {color:#01c26f;}
.nav ul li a i.fa {margin-left:5px;}
.nav ul li ul {position:absolute; left:50%; top:70px; z-index:9; background-color:#fff; border:1px solid #ddd; width:180px; margin-left:-90px; padding:10px 0; display:none;}
.nav ul li span.arrow {display:block; width:10px; height:10px; position:absolute; border-left:1px solid #ddd; border-bottom:1px solid #ddd; transform:rotate(135deg); top:-6px; left:50%; margin-left:-5px; background-color:#fff;}
.nav ul li li {float:none; padding:0; text-align:center; line-height:1em;}
.nav ul li li a {display:block; padding:10px 0;}
.nav ul li li a:hover {background-color:#01c26f; color:#fff;}
.nav ul li ul.open {display:block;}
.nav-btn {position:absolute; left:0; top:15px; font-size:1.5em; color:#01c26f; cursor:pointer; display:none;}
.nav i.fa-times {display:none;}
/*login*/
.user {float:right; padding:15px 0; line-height:40px;}
.user a {font-size:0.875em; padding:5px 15px; border-radius:15px;}
.user a.login {color:#fff; background-color:#01c26f; border:1px solid #01c26f;}
.user a.reg {margin-left:10px; background-color:#fff; border:1px solid #dedede; color:#333;}
.user a.usercenter {color:#fff; background-color:#999;}
/*slides*/
.slides {overflow:hidden; background-color:#000; clear:both;}
.slides a {display:block;}
.slides img {width:100%; height:auto; display:block;}
.owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;}
.owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y;
 -moz-backface-visibility: hidden;}
.owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel .owl-stage-outer {position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,.owl-carousel .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-carousel .owl-item img {display: block; width: 100%; }
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled { display: none;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-indent:-9999em; width:43px; height:82px; position:absolute; top:50%; margin-top:-41px;}
.owl-carousel .owl-nav .owl-prev {background:url(images/carousel-arrow-left.png) no-repeat center center; left:-80px;}
.owl-carousel .owl-nav .owl-next {background:url(images/carousel-arrow-right.png) no-repeat center center; right:-80px;}
.owl-carousel.owl-loaded {display: block; }
.owl-carousel.owl-loading {opacity: 0; display: block; }
.owl-carousel.owl-hidden {opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity:0.5;}
.owl-carousel.owl-drag .owl-item.active {opacity:0.8;}
.owl-carousel.owl-grab { cursor: move; cursor: grab;}
.owl-carousel.owl-rtl {direction: rtl; }
.owl-carousel.owl-rtl .owl-item {float: right; }
.no-js .owl-carousel {display: block; }
.owl-carousel .animated {animation-duration: 1000ms; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { animation-name: fadeOut; }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } 
}
.owl-height {transition: height 500ms ease-in-out; }
.owl-carousel .owl-item .owl-lazy {opacity: 0;  transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper {position: relative; height: 100%; background: #000; }
.owl-carousel .owl-video-play-icon {position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {-ms-transform: scale(1.3, 1.3);    transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%;
  width: 100%; }  
.owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; }
.owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-nav.disabled + .owl-dots { margin-top: 10px; }
.owl-dots {text-align: center;-webkit-tap-highlight-color: transparent; position:absolute; bottom:0px; width:100%; left:0; display:none;}
.owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; cursor:pointer;}
.owl-dots .owl-dot span {width: 10px; height: 10px; margin: 5px 7px;  background: #D6D6D6;  display: block;  -webkit-backface-visibility: visible;  transition: opacity 200ms ease;  border-radius: 30px; }
.owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span {background: #869791; }
/*bar*/
.bar {background-color:#fff; border-bottom:1px solid #eee; padding:5px 0; font-size:0.75em; color:#555; font-family:'Simsun'; overflow:hidden;}
.bar a {color:#555;}
/*breadcrumb*/
.breadcrumb {line-height:28px;}
/*search-form*/
.search-form {overflow:hidden;}
.search-form .s {border:1px solid #ddd; width:250px; height:16px; line-height:16px; padding:5px; float:left; border-radius:3px 0 0 3px;}
.search-form button {float:left; width:40px; height:28px; cursor:pointer; background-color:#01c26f; border:none; color:#fff; border-radius:0 3px 3px 0;}
/*container*/
.container {overflow:hidden; margin:30px auto; position:relative;}
/*sticky*/
.sticky {margin-bottom:20px; overflow:hidden;}
.sticky .section-title {margin-bottom:30px; width:100%; position:relative; height:24px;}
.sticky .section-title span.line {display:block; width:100%; height:1px; background-color:#eee; position:absolute; left:0; top:50%; margin-top:-0.5px; z-index:1;}
.sticky .section-title h3 {width:200px; margin:0 auto; background-color:#fff; line-height:24px; position:absolute; left:50%; top:0; margin-left:-100px; font-size:1.125em; font-weight:normal; color:#555; text-align:center; z-index:2;}
.sticky .section-title i {position:absolute; top:8px; font-size:0.5em; color:#ddd;}
.sticky .section-title .left {left:0;}
.sticky .section-title .right {right:0;}
.sticky ul {overflow:hidden; width:1220px;}
.sticky ul li {float:left; width:285px; padding-right:20px; font-size:0.875em; text-align:center; padding-bottom:10px;}
.sticky ul li .thumbnail {height:190px;}
.sticky ul li img {margin-bottom:5px;}
.sticky ul li a {display:block; color:#333;}
.sticky ul li figcaption {height:48px; overflow:hidden;}
.sticky .thumbnail {margin-bottom:5px;}
/*main*/
.main {float:left; width:850px; overflow:hidden;}
/*article*/
.article-list {overflow:hidden; margin-bottom:20px; border-bottom:1px solid #eee; padding-bottom:20px;}
.article-list .thumbnail {float:left; width:300px; height:200px; overflow:hidden; margin-right:20px; display:inline-block;}
.article-list h2,.post h1.post-title {font-size:1.25em; font-weight:normal; margin-bottom:15px; text-align:justify; max-height:50px; overflow:hidden; line-height:1.5em;}
.article-list h2 a {color:#333;}
.article-list p {font-size:0.875em; color:#555; text-align:justify; height:96px; overflow:hidden;}
/*post*/
.post h1.post-title {font-size:1.5em; max-height:none;}
.post .postmeta {margin-bottom:15px;}
.post .postmeta span.cate,.post .postmeta span.views,.post .postmeta span.cmt {float:none; margin-left:15px;}
.post .entry p {font-size:1em; padding:10px 0; color:#333; line-height:1.75em;}
.post .entry img {max-width:100%; height:auto;}
.post .tags {overflow:hidden; font-size:0.875em; padding:20px 0; text-align:center;}
.post .tags a {display:inline-block; color:#535353; background-color:#eee; padding:0 10px; margin:2px 5px; border-radius:3px;}
.post .tags a:hover {background-color:#bbb;}
.post .entry blockquote {overflow:hidden; margin:15px 2em 0; background-color:#f9f9f9; padding:0 15px 15px; border:1px dotted #ddd; border-radius:5px;}
.post .entry blockquote p {color:#777; font-style:italic; font-size:0.75em;}
.post .entry ul,.post .entry ol {margin-top:15px; overflow:hidden; padding-left:2em; font-size:0.875em;}
.post .entry ul li {list-style:inside disc none;}
.post .entry ol li {list-style:inside decimal none;}
.post .entry h1,.post .entry h2,.post .entry h3,.post .entry h4,.post .entry h5,.post .entry h6 {line-height:1.75em; margin:10px 0 20px; border-left:4px solid #000; padding-left:5px; color:#333;}
.post .ad {margin-bottom:10px;}
.pagefull .post h1.post-title {text-align:center;}
.pagefull .postmeta {text-align:center;}
.pagefull .postmeta img {float:none; display:inline;}
/*post-copyright*/
.post-copyright {text-align:center; color:#888; font-size:0.875em; padding:10px 0;}
/*donate*/
.donate {background-color:#f9f9f9; padding:10px 0;}
.donate .warming {font-size:0.875em; color:#353535; text-align:center;}
.donate .donate-btn {padding:10px 0; position:relative;}
.donate .donate-btn span {background-color:#01c26f; color:#fff; width:80px; display:block; margin:0 auto; text-align:center; height:80px; line-height:80px; font-size:1.25em; border-radius:50%; cursor:pointer;}
.donate  .donate-qrcode {position:absolute; left:50%; bottom:100px; background-color:#fff; border:1px solid #eee; margin-left:-150.8px; box-shadow:0px 0px 3px #ddd; display:none;}
.donate  .donate-qrcode img {display:block; width:130px; height:130px;}
.donate  .donate-qrcode .left {padding:10px; text-align:center; font-size:0.875em; font-weight:bold;}
.donate  .donate-qrcode i.arrow {display:block; border-left:1px solid #eee; border-bottom:1px solid #eee; width:10px; height:10px; background-color:#fff; transform:rotate(-45deg); position:absolute; bottom:-6px; left:50%; margin-left:-5px;}
.donate  .donate-qrcode.open {display:block;}
/*comment*/
#comment {padding:20px 0 40px;}
#comment h3 {font-weight:normal; font-size:0.875em; margin-bottom:15px;}
#comment p {padding:5px 0; overflow:hidden;}
#comment textarea {border:1px solid #ddd; width:98%; height:120px; font-size:0.875em;}
#comment .text {border:1px solid #ddd; height:24px; line-height:24px; padding:5px; width:250px; font-size:0.875em;}
#comment label {font-size:0.875em;}
#comment .submit,.user-panel .user-change button,.integral .submit,.user-panel .user-change .submit,.user-login .submit,a#cancel-reply {cursor:pointer; background-color:#f1f1f1; color:#333; display:block; float:left; padding:10px 20px; font-size:0.875em;}
#comment .submit:hover,.user-panel .user-change button,.integral .submit,.user-panel .user-change .submit,.user-login .submit {background-color:#01c26f; color:#fff;}
a#cancel-reply {padding:0 20px; height:37.6px; line-height:37.6px; background-color:#f00; color:#fff;}
#comment .warming {font-size:0.875em; color:#666; margin-bottom:10px;}
.commentslist li {margin-bottom:20px; overflow:hidden;}
.commentslist li .cmt-wrap {position:relative; padding-left:60px;}
.commentslist li .gravatar {width:42px; height:42px; overflow:hidden; border-radius:50%; position:relative; position:absolute; left:0; top:0;}
.commentslist li .gravatar img {width:100%; height:auto; display:block; border-radius:50%;}
.commentslist li .cmt-info {font-size:0.875em; color:#888; overflow:hidden; margin-bottom:5px;}
.commentslist li .cmt-info a {color:#888;}
.commentslist li .cmt-info span {margin-left:5px; font-size:0.875em;}
.commentslist li .cmt-info span.cmt-date {float:right; display:inline;}
.commentslist li .cmt-info span a {color:#8EC1F4; border:1px solid #8EC1F4; padding:0 5px; border-radius:2px;}
.commentslist li .cmt-info span a:hover {background-color:#8EC1F4; color:#fff;}
.commentslist li .cmt-text {font-size:0.875em; color:#333;}
.commentslist li li {margin-left:60px; margin-top:15px; overflow:hidden; border:1px solid #DEE4E9; padding:15px; margin-bottom:0;}
.commentslist li li .cmt-wrap {padding-left:0;}
.commentslist li li .gravatar {display:none;}
.commentslist li li li {margin-left:0;}
.commentslist li .cmt-text #comment textarea,.commentslist li .cmt-text #comment .warming,.commentslist li .cmt-text #comment h3 {font-size:1em;}
/*post-navi*/
.post-navi {padding:10px 0; font-size:0.875em; color:#555;}
.post-navi p {padding:5px 0;}
.post-navi a {color:#555;}
.post-navi a:hover {text-decoration:underline; color:#01c26f;}
/*related*/
.related {padding:10px 0;}
.related h3 {font-weight:normal; font-size:1em; color:#333;}
.related,.related ul {overflow:hidden;}
.related ul {width:103%;}
.related ul li {float:left; width:30.3%; padding-right:3%; padding-top:10px; text-align:center;}
.related .thumbnail {margin-bottom:5px;}
.related p {font-size:0.875em; padding:5px 0; height:43px; overflow:hidden;}
.related p a {color:#333;}
/*content*/
.content {width:1230px;}
.content .article-list {float:left; width:380px; padding-right:30px;}
.content .article-list .thumbnail {width:100%; height:auto; margin:0 0 10px; display:block; float:none;}
.content .article-list h2 {font-size:1.125em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*postmeta*/
.article-list .postmeta {margin-top:20px;}
.postmeta {font-size:0.875em; color:#666; overflow:hidden;}
.postmeta span a {color:#666;}
.postmeta span a:hover i.fa {color:#01c26f;}
.postmeta span.cate {float:right; margin-right:0;}
.postmeta img,.divComments img {width:25px; height:25px; border-radius:50%; display:inline-block; float:left; margin-right:5px;}
/*pagenavi*/
.pagenavi {clear:both; float:right; font-size:0.875em; overflow:hidden; padding-left:1px;}
.pagenavi a,.pagenavi span.now-page {display:block; float:left; background-color:#f9f9f9; color:#01c26f; border:1px solid #eee; padding:5px 15px; margin-left:-1px;}
.pagenavi a:hover,.pagenavi span.now-page {background-color:#f0f0f0;}
.pagenavi a:first-child {border-radius:3px 0 0 3px;}
.pagenavi a:last-child {border-radius:0 3px 3px 0;}
/*sidebar*/
.sidebar {float:right; width:300px;}
.sidebar .widget {margin-bottom:20px;}
.widget ul,.widget > div {overflow:hidden;}
.sidebar .widget h3,h3.section-title {font-weight:normal; font-size:1.25em; border-bottom:1px solid #eee; margin-bottom:15px; padding-bottom:10px;}
.widget .textwidget img {width:100%; height:auto; display:block;}
.widget ul li {font-size:0.875em;}
.widget ul li a {color:#333;}
.divComments li,.zbseven_divarticles li {overflow:hidden; margin-bottom:15px;}
.divComments .cmt-user {font-size:1em; overflow:hidden; margin-bottom:15px; color:#555;}
.divComments .cmt-cont {position:relative; background-color:#f0f0f0; padding:8px 15px; clear:both; font-size:1em; margin-bottom:5px;}
.divComments .cmt-cont span {position:absolute; left:30px; top:-9px; border-bottom:10px solid #f0f0f0; border-left:10px solid transparent; border-top:none; border-right:10px solid transparent;}
.divComments .cmt-meta {font-size:0.875em; color:#666; line-height:1.5em;}
.divComments .cmt-meta a {color:#333;}
.zbseven_divarticles li {border-bottom:1px solid #eee; padding-bottom:20px;}
.zbseven_divarticles li span {font-size:0.875em; margin-left:1px;}
.zbseven_divarticles li p {border-left:4px solid #eee; font-size:1em; padding-left:11px; margin-left:3.5px;}
.zbseven_divarticles li a {color:#333; display:block;}
.zbseven_divarticles li a span {color:#888;}
.zbseven_divarticles li i.fa {font-size:1em; color:#ddd; font-weight:bold; margin-right:8px;}
.zbseven_divarticles li a:hover i.fa {color:#01c26f;}
.divTags a {display:block; float:left; font-size:0.875em; background-color:#f9f9f9; color:#333; padding:0 10px; border:1px solid #fff;}
.divTags a:hover {color:#fff; background-color:#01c26f;}
.zbseven_divhots li,.zbseven_divcmts li {padding:5px 0; overflow:hidden; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.zbseven_divhots li i,.zbseven_divcmts li i {margin-right:10px; color:#666;}
.zbseven_divhots li i.red,.zbseven_divcmts li i.red {color:#b6262f;}
.zbseven_divhots li a:hover,,.zbseven_divcmts li a:hover {text-decoration:underline; color:#01c26f;}
.widget-author {border:1px solid #eee; padding-top:20px;}
.widget-author .gravatar {margin-bottom:10px;}
.widget-author .gravatar img {display:block; margin:0 auto; width:80px; height:80px; border-radius:50%;}
.widget-author .author-name {text-align:center; font-size:1em; font-weight:bold;}
.widget-author .author-intro {font-size:0.875em; color:#555; text-align:center; margin-bottom:20px;}
.widget-author .author-role {text-align:center; line-height:30px; margin-bottom:20px;}
.widget-author .author-role span {background-color:#01c26f; color:#fff; padding:5px 15px; border-radius:3px; font-size:0.875em;}
.widget-author .author-info {overflow:hidden; border-top:1px solid #eee;}
.widget-author .author-info span {display:block; float:left; width:50%; text-align:center; padding:10px 0; font-size:0.875em; color:#333;}
.widget-author .author-info span.rss {border-left:1px solid #eee; margin-left:-1px;}
.widget-author .author-info span a {color:#333;}
/*backtop*/
.backtop {position:fixed; right:5%; top:60%; background-color:#01c26f; color:#eee; padding:5px 10px; font-size:2em; border-radius:3px; z-index:1000; cursor:pointer;}
/*footer*/
.footer {width:100%; height:auto; background-color:#222; margin-top:30px;}
.footer .sub-footer {padding:25px 0 20px; overflow:hidden;}
.qrcode {float:right; width:100px; height:auto; margin-right:20px; display:inline-block;}
.qrcode img {width:100%; height:auto; display:block; background-color:#fff;}
.qrcode p {margin-top:5px; text-align:center; font-size:0.875em; color:#ddd;}
.social {margin-bottom:5px;}
.social,.pageslist,.friendlinks {padding:5px 0; overflow:hidden;}
.social a {color:#ddd; background-color:#515151; display:inline-block; float:left; width:30px; height:30px; text-align:center; line-height:30px; font-size:1em; margin-right:10px;}
.social a:hover {opacity:0.9;}
.social a.weibo {background-color:#e74c3c;}
.social a.qq {background-color:#43abec;}
.social a.weixin {background-color:#87bc33;}
.social a.twitter {background-color:#40bff4;}
.social a.facebook {background-color:#3b5998;}
.social a:last-child {margin-right:0;}
.friendlinks ul,.pageslist ul {overflow:hidden; position:relative; padding-left:70px;}
.friendlinks ul li,.pageslist ul li {float:left; color:#bbb; font-size:0.875em;}
.friendlinks ul li.title,.pageslist ul li.title {position:absolute; left:0; top:0;}
.friendlinks ul li a,.pageslist ul li a {color:#bbb; margin-left:10px;}
.copyright {width:100%; background-color:#111; font-size:0.75em; color:#aaa; padding:8px 0; overflow:hidden;}
.copyright a {color:#aaa;}
.contact {color:#ddd;}
.contact a {color:#bbb;}
.contact h3 {font-size:1.125em; color:#bbb; font-weight:normal; margin-bottom:15px;}
.contact p {font-size:0.875em; line-height:1.75em;}
/*user-login*/
.user-login {background-color:#fff; border:1px solid #eee; box-shadow:0px 0px 3px #ddd; width:390px; margin:30px auto; padding:20px 10px;}
.user-login h3 {font-size:1.125em; text-align:center; font-weight:normal; line-height:1.75em; padding:10px 0;}
.user-login p {clear:both; overflow:hidden; padding:10px 0;}
.user-login label {float:left; width:70px; text-align:right; font-size:0.875em; height:36px; line-height:36px;}
.user-login .text {float:left; border:1px solid #eee; width:308px; height:24px; padding:5px; line-height:24px;}
.user-login #chkRemember {-webkit-appearance:checkbox; height:20px; width:20px; float:left; margin-top:8px;}
.user-login #loginbtnPost {background-color:#01c26f; color:#fff; border:none; cursor:pointer; display:block; margin:0 auto; width:80px; text-align:center; line-height:30px; height:30px;}
.user-login .lose,.user-login .ds-login {font-size:0.875em;}
.user-login .lose a {color:#555;}
.user-login .ds-login a {background-color:#01c26f; color:#fff; font-size:0.875em; padding:2px 10px;}
/*userpanel table*/
.user-panel .articleslist {padding:20px 0 20px 10px;}
.user-panel table {font-size:0.875em; color:#555; text-align:center;}
.user-panel table td,.user-panel table th {width:20%; border-color:#eee; padding:10px;}
.user-panel table a {color:#01c26f;}
.user-panel .post-title {width:40%;}
.user-panel .comm {width:10%;}
/*buy-item*/
.buy-item p {color:#333; font-size:0.875em;}
.buy-item span {color:#000;}
.buy-item a {color:#f00;}
.user-login .buy-item .submit {margin-left:50px;}

/*user-nav*/
.line {position:absolute; left:250px; top:0; height:100%; width:1px;  background-color:#eee;}
.user-left {float:left; width:250px;}
.user-left .gravatar {width:120px; height:120px; margin:0 auto 15px; position:relative; border-radius:50%; overflow:hidden; border:1px solid #eee;}
.user-left .gravatar img {position:absolute; left:0; top:0; width:100%; height:100%; display:block;}
.user-left .user-name {text-align:center; margin-bottom:30px;}
.user-nav ul li {color:#333; padding:2px 0;}
.user-nav ul li a {color:#333; display:block; padding:10px 0; text-align:center;}
.user-nav ul li a:hover,.user-nav ul li.cur a {background-color:#01c26f; color:#fff;}
.user-panel {float:right; width:949px;}
.user-panel h3.title {font-size:1.25em; border-bottom:1px solid #eee; padding:0 15px 10px; font-weight:normal;}
.user-panel .user-info {overflow:hidden; border-bottom:1px solid #eee;}
.user-panel .user-info ul {overflow:hidden; padding:30px 0;}
.user-panel .user-info li {float:left; width:25%; text-align:center;}
.user-panel .user-info li span {display:block; font-size:0.875em; color:#555;}
.user-panel .user-info li i.fa {display:block; font-size:2em; color:#01c26f; margin-bottom:5px;}
.user-panel .user-info li a {font-size:0.75em; color:#01c26f;}
.user-panel .warning {padding:10px 15px; font-size:0.875em; color:#8a6d3b;}
.user-panel .user-change,.integral {padding:10px 15px;}
.user-panel .user-change p,.integral p {clear:both; padding:10px 0; overflow:hidden;}
.user-panel .user-change .text,.user-panel .user-change .verify,.integral .text,.user-login .verify,.integral .verify {border:1px solid #ddd; height:24px; line-height:24px; padding:5px; font-size:0.875em; width:500px;}
.user-login .verify {width:120px;}
.user-panel .user-change label,.integral label {display:block; float:left; height:36px; line-height:36px; width:180px; font-size:0.875em;}
.user-panel .user-change textarea {border:1px solid #ddd; width:500px; height:120px; padding:5px;}
.user-panel .user-change .verify,.integral .verify {width:200px;}
.user-panel .user-change button,.user-panel .user-change .submit,.user-login .submit {border:none; border-radius:3px; margin-left:180px;}
#editor_Content {width:80%; float:left;}
.ytuser-buy-box {overflow:hidden;}
.ytuser-buy-box input {cursor:pointer;}
/*screen width*/
@media only screen and (max-width:1366px){
	.owl-carousel .owl-nav .owl-prev {left:10px;}
	.owl-carousel .owl-nav .owl-next {right:10px;}
}
@media only screen and (max-width:1280px){
	.inner {width:1080px;}
	.nav ul li {font-size:0.875em;}
	.sticky ul {width:1100px;}
	.sticky ul li {width:255px;}
	.main {width:750px;}
	.content {width:1110px;}
	.content .article-list {width:340px;}
	.user-panel {width:829px;}
	#editor_Content {width:65%;}	
}
@media only screen and (max-width:1120px){
	.inner {width:980px;}	
	.nav ul li {padding:15px 10px;}
	.sticky ul {width:1000px;}
	.sticky ul li {width:230px;}
	.main {width:700px;}
	.sidebar {width:250px;}
	.article-list .thumbnail {width:250px; height:167px;}
	.article-list h2 {font-size:1.125em; margin-bottom:10px;}
	.article-list p {height:74px;}
	.article-list .postmeta {margin-top:10px;}
	.content {width:1005px;}
	.content .article-list {width:310px; padding-right:25px;}
	.user-panel {width:729px;}
	#editor_Content {width:72%;}
}
@media only screen and (max-width:1024px){
	.inner {width:900px;}
	.logo {padding:18px 30px 18px 0;}
	.logo a {width:200px; height:33px;}
	.user a {font-size:0.75em; padding:5px 12px;}
	.sticky ul {width:102.222222%;}
	.sticky ul li {width:22.826086%; padding-right:2.173913%;}
	.main {width:670px;}
	.sidebar {width:200px;}
	.content {width:915px;}
	.content .article-list {width:290px; padding-right:15px;}
	.content .article-list h2 {font-size:1em;}
	.user-panel {width:699px;}
	.user-left {width:200px;}
	.line {left:200px;}
	.user-panel .user-change label, .integral label {width:120px;}
	.user-panel .user-change button, .user-panel .user-change .submit, .user-login .submit {margin-left:120px;}	
}
@media only screen and (max-width:960px) {
	.header {height:55px;}
	.inner {width:93.75%;}
	.logo {float:none; width:200px; margin:0 auto; padding:12.5px 0;}	
	.user {position:absolute; top:7.5px; right:0; padding:0;}
	.user a.reg {margin-left:5px;}
	.sticky ul li figcaption {font-size:0.875em;}
	.main {width:70%;}
	.article-list .thumbnail {margin-right:10px;}
	.content {width:102%;}
	.content .article-list {width:48%; padding-right:2%;}
	.sidebar {width:27%;}
	.nav .menu,.owl-nav,.nav ul li span.arrow {display:none;}	
	.owl-dots,.nav.open .menu,.nav.open ul li ul,.bg.open,.nav-btn {display:block;}
	body.open {overflow:hidden; position:fixed; left:0; top:0;}
	/*nav open*/
	.nav.open {position:fixed; left:0; top:0; height:100%; width:250px; background-color:#fff; z-index:99; border-right:1px solid #eee; overflow-x:hidden; overflow-y:scroll;}
	.nav.open i.fa-times {display:block; position:absolute; left:50%; top:20px; font-size:2em; margin-left:-12px; cursor:pointer;}
	.nav.open .menu {padding-top:60px;}
	.nav.open .menu ul li {font-size:0.875em; float:none; clear:both; padding:0;}
	.nav.open .menu ul li ul {position:static; width:auto; border:none; padding:0; margin-left:0;}
	.nav.open .menu ul li ul li {text-align:left; line-height:40px; font-size:1em;}
	.nav.open .menu ul li a {padding:0 10px; overflow:hidden; position:relative; display:block;}
	.nav.open .menu ul li a i {position:absolute; right:10px; top:11px;}
	.nav.open .menu ul li ul li a {padding-left:20px;}
	.nav.open .menu ul li a:hover {color:#333; background-color:transparent;}
	/*user-left*/
	.user-left,.user-panel {width:auto; float:none; clear:both;}
	.line {display:none;}
	.user-nav {clear:both;}
	.user-nav ul {overflow:hidden; margin-bottom:20px;}
	.user-nav ul li {width:20%; float:left;}
	.user-panel h3.title {display:none;}
	.user-left .gravatar {display:none;}
	.user-left .user-name {display:none;}
}
@media only screen and (max-width:880px) {
	.main {width:auto; float:none; clear:both; margin-bottom:20px;}
	.sidebar {width:auto; float:none; clear:both;}
	.article-list p {height:96px;}
	.article-list h2 {font-size:1em;}
	.pagenavi {float:none; text-align:center;}
	.pagenavi a,.pagenavi span.now-page {display:inline-block; float:none;}
	.footer .sub-footer {padding:25px 0 0;}
	.footer .sub-footer .right {float:none; text-align:center; width:auto;}
	.contact {margin-bottom:15px;}
	.qrcode {float:none; margin:0 auto; display:block;}
	.copyright .left,.copyright .right {float:none; text-align:center; clear:both;}
	.social {text-align:center;}
	.social a {display:inline-block; float:none;}
	.contact h3 {font-size:1em; margin-bottom:5px; font-weight:bold;}
	.friendlinks ul,.pageslist ul {text-align:center; padding-left:0;}
	.friendlinks ul li.title, .pageslist ul li.title {position:static; display:block; float:none; clear:both; text-align:center; font-weight:bold; margin-bottom:5px;}
	.friendlinks ul li, .pageslist ul li {display:inline-block; float:none;}
}
@media only screen and (max-width:768px) {
	.container {margin:20px auto;}
	.ad,.sticky .section-title {margin-bottom:20px;}
	.topad {margin:20px auto;}
	.sticky {margin-bottom:10px;}
	.backtop {display:none;}
	.user-panel .user-info ul {padding:15px 0;}
	.user-panel .user-change label, .integral label {width:100px;}
	.user-panel .user-change .text, .integral .text,.user-panel .user-change textarea {width:400px;}
	#editor_Content {width:65%;}
	.slides .inner {width:100%;}
}
@media only screen and (max-width:640px) {
	.container {margin:10px auto 0;}
	.article-list .thumbnail {width:150px; height:100px;}
	.article-list p {display:none;}
	.article-list h2 {max-height:none; font-size:0.875em; line-height:1.5em;}
	.article-list .postmeta {margin-top:0; font-size:0.75em;}
	.content .article-list h2 {white-space:normal; height:48px; overflow:hidden;}
	.bar {border-bottom:none;}
	.bar .inner {width:100%;}
	.breadcrumb {float:none; text-align:center; border-bottom:1px solid #eee; margin-bottom:15px;}
	.search-form .s {width:200px;}
	.search-form {float:none; display:block; clear:both; width:252px; margin:0 auto;}	
	#editor_Content {float:none; clear:both; width:95%;}
}
@media only screen and (max-width:540px) {
	.sticky ul {width:102%;}
	.sticky ul li {width:48%; padding-right:2%;}
	.postmeta span.author,.postmeta span.cate {display:none;}
	.related ul {width:102%;}
	.related ul li {width:48%; padding-right:2%;}
	.user-nav ul li {font-size:0.875em;}
	.user-nav ul li i.fa {display:none;}
	.user-nav ul li a {padding:5px 0;}
	.user-panel .user-change .text, .integral .text,.user-panel .user-change textarea {width:95%;}
	.user-panel .user-change button, .user-panel .user-change .submit, .user-login .submit {margin-left:0;}
	.user-panel .user-change .verify, .integral .verify {width:150px;}
	.related .clear {clear:none;}
	.related .tclear {clear:both;}
}
@media only screen and (max-width:480px) {
	.article-list .thumbnail {width:120px; height:80px;}
	.user a.reg {padding:2px 5px; margin-left:1px;}
	.user a.login,.user a.usercenter {border:none; padding:2px 5px;}
	.content {width:100%;}
	.content .article-list h2 {height:auto;}
	.content .article-list {width:100%; padding-right:0;}
	.content .postmeta span.author {display:inline;}
	.user-nav ul li,.user-panel .user-info li span {font-size:0.75em;}
	.user-nav ul {margin-bottom:0;}
	.user-login {width:300px;}
	.user-login p {padding:5px 0;}
	.user-login label {float:none; width:auto; text-align:left; display:block; width:100%;}
	.user-login .remenber label {float:left; width:60px;}
	.user-login .text {width:288px;}
}
@media only screen and (max-width:360px) {
	.logo {width:200px; padding:15px 0;}
	.logo a {width:172px; height:28px;}
	.user-login {width:260px; margin:10px auto; padding:10px;}
	.user-login .text {width:248px;}
	.donate .donate-qrcode img {width:120px; height:120px;}
	.donate .donate-qrcode {margin-left:-140.8px;}
}