article,aside,details,figcaption,figure,footer,header,main,nav,section {display: block}
article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,input,legend,li,main,menu,nav,ol,p,pre,section,td,textarea,th,ul {margin: 0;padding: 0}
body {background-color: #e9eaec;font: 100%/1.5em 'Microsoft Yahei', Arial, tahoma}
a {text-decoration: none;outline: 0;-webkit-tap-highlight-color: transparent;color: #333}
a:hover {color: #3ca0d6}
input {-webkit-appearance: none;border: 0}
input:focus {outline: 0}
li {list-style: none}
.clear {clear: both}
a img {border: none}
table {background-color: transparent;border-top: solid 1px #ddd;border-spacing: 0;font-size: .75em;border-left: solid 1px #ddd;border-collapse: collapse;width: 100%;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}
hr {border: none;border-bottom: 1px solid #eee}
.inner {width: 1180px;margin: 0 auto}
.thumbnail img {width: 100%;display: block}
.blank {height: 15px;clear: both;width: 100%;overflow: hidden}
.topad {margin-bottom: 15px}
.mainad {margin-bottom: 20px}
.mainad img,.topad img {width: 100%;height: auto;display: block}
.content .mainad {border-bottom: 1px solid #eee;padding: 0 18px 20px}
.header {background-color: #1d304c;height: 60px;width: 100%}
.logo {float: left;width: auto;height: 60px;width: 200px}
.logo a {display: block}
.logo img {display: block;height: 60px;width: auto}
.nav {float: right}
.nav .menu ul li,.top-other ul li {float: left;color: #fff;line-height: 60px;font-size: 1em;border-left: 1px solid #444;border-right: 1px solid #000;position: relative}
.nav .menu ul li a {color: #fff;padding: 0 20px;display: block}
.nav .menu ul li a:hover,.nav .menu ul li.selected a {background-color: #007aff}
.nav .menu ul li ul {position: absolute;top: 60px;overflow: hidden;left: 0;background-color: #1d304c;z-index: 9;border-radius: 0 0 3px 3px;border-top: 1px solid #000;width: 150px;display: none}
.nav .menu ul li ul li {float: none;font-size: .875em;border-bottom: 1px solid #000;line-height: 1.5em;border: none;text-align: center;border-top: 1px solid #444}
.nav .menu ul li ul li a {padding: 10px 0}
.nav .menu ul.submenu {display: block}
.top-other {float: right}
.top-other ul li i {padding: 0 15px;cursor: pointer;display: block}
.top-other ul li .social-share {position: absolute;top: 60px;border: 1px solid #e9e9e9;right: -2px;width: 80px;padding: 0 20px;background-color: #fff;display: none;z-index: 9}
.top-other ul li .social-share a {display: block;clear: both;color: #333;margin: 10px 0}
.top-other .icon-menu {display: none}
.top-other ul li.cur-menu {box-shadow: 0 0 3px #232323;margin-right: -1px;border-right-color: #444}
.search-bg {background-color: #f5f5f5;width: 100%;padding: 20px 0;display: none}
.search-bg.search-open {display: block}
.search-bg .inner {overflow: hidden}
.search-form,.search-form input {float: left}
.search-form .s {background-color: #fff;width: 500px;border: 1px solid #ddd;height: 22px;font-size: .875em;padding: 5px;line-height: 22px;border-radius: 3px}
.search-form button {border: none;border-radius: 3px;padding: 0 5px;background-color: #1d304c;margin: 1px 5px;height: 32px;cursor: pointer;color: #fff;font-size: 1em}
.tagscloud {float: left;padding-left: 10px;line-height: 32px;font-size: .875em}
.tagscloud a,.tagscloud span {float: left}
.tagscloud a {color: #32a5e7;margin-left: 10px}
.container {overflow: hidden}
.breadcrumb {font-size: .875em;margin: 20px 0;padding-bottom: 20px;color: #666;border-bottom: 1px solid #eee}
.breadcrumb span {padding: 0 18px;border-left: 3px solid #3ca0d6}
.main {width: 840px;float: left}
.focus {float: left;margin-bottom: 20px;height: 387px;width: 410px;position: relative}
.focus ul li img {width: 100%;height: 387px;display: block}
.flexslider {height: 387px;width: 100%}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;position: relative}
.flexslider .slides:after {display: block;clear: both;line-height: 0;visibility: hidden;height: 0}
html[xmlns] .flexslider .slides {display: block}
* html .flexslider .slides {height: 1%}
.no-js .flexslider .slides > li:first-child {display: block}
.flex-viewport {max-height: 387px;-ms-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-webkit-transition: all 1s ease;transition: all 1s ease}
.loading .flex-viewport {max-height: 387px}
.carousel li {margin-right: 5px}
.flex-control-nav {width: 100%;position: absolute;bottom: 35px;right: 10px;text-align: right}
.flex-control-nav li {margin: 0 3px;display: inline-block;zoom: 1}
.flex-control-paging li a {width: 10px;display: block;-moz-border-radius: 50%;height: 10px;cursor: pointer;text-indent: 9999em;-webkit-border-radius: 50%;background-color: #869791;border-radius: 50%;overflow: hidden}
.flex-control-paging li a:hover {background-color: #da6b4a}
.flex-control-paging li a.flex-active {background-color: #da6b4a;cursor: default}
.top {width: 410px;height: 387px;float: right;margin-bottom: 20px;background-color: #fff;overflow: hidden}
.content h3,.hots h3,.top h3,.widget h3 {border-left: 3px solid #3ca0d6;margin: 20px 0;padding-left: 15px;font-weight: 400;font-size: 1.25em}
.swiper {float: left;height: 387px;overflow: hidden;width: 100%;position: relative;margin-bottom: 20px}
.swiper .swiper-container {width: 100%;height: 100%}
.swiper .swiper-slide {font-size: 18px;display: -ms-flexbox;-webkit-box-pack: center;display: flex;display: -webkit-flex;position: relative;display: -webkit-box;-webkit-justify-content: center;-ms-flex-align: center;-webkit-box-align: center;-webkit-align-items: center;justify-content: center;-ms-flex-pack: center;background: #f8f9fa;align-items: center}
.swiper .swiper-slide:hover {-moz-opacity: .9;opacity: .9}
.swiper .swiper-pagination {left: auto !important;right: 1%;width: auto !important}
.swiper .swiper-pagination-bullet {background: #fff}
.swiper .swiper-slide img {width: 100%;height: 387px;display: block;overflow: hidden}
.swiper .swiper-slide p {position: absolute;right: 0;line-height: 40px;overflow: hidden;height: 40px;left: 0;bottom: 0;color: #fff;padding-right: 20%;background-color: rgba(0, 0, 0, .6);padding-left: 3%;font-size: 14px}
.top ul,.widget .bloggerinfo {padding: 0 18px}
.top ul li {border-bottom: 1px solid #eee;padding-bottom: 15px;margin-bottom: 15px}
.top ul li.last {border-bottom: none;margin-bottom: 0}
.top h4 {font-size: 1.125em;overflow: hidden;margin-bottom: 10px;white-space: nowrap;text-overflow: ellipsis}
.hots ul li p,.top p {font-size: .875em;color: #555;overflow: hidden}
.top p {height: 48px}
.hots ul li p {height: 72px}
.content,.hots {overflow: hidden;background-color: #fff;margin-bottom: 20px}
.content .section-title,.friendlinks .section-title,.hots .section-title,.widget .section-title {border-bottom: 1px solid #eee;margin-bottom: 16px}
.hots ul,.section {padding: 0 18px;overflow: hidden}
.hots ul li {float: left;width: 49%;padding-bottom: 20px}
.hots ul li.right {float: right}
.hots ul li .thumbnail {width: 130px;float: left;height: 98px;padding-right: 10px}
.hots ul li img {height: 98px}
.hots ul li h4 {white-space: nowrap;text-overflow: ellipsis;font-size: 1em;overflow: hidden;margin-bottom: 5px}
.section {padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #eee}
.section h2 {font-weight: 400;text-overflow: ellipsis;overflow: hidden;font-size: 1.25em;white-space: nowrap;margin-bottom: 15px}
.section .thumbnail {float: left;padding-right: 25px;width: 200px;position: relative}
.section .thumbnail span {position: absolute;top: 0;padding: 0 5px;font-size: .75em;left: 0;background: rgba(71, 150, 216, .7);color: #fff}
.section .thumbnail img {height: 150px}
.section .excerpt p {font-size: .875em;color: #555;height: 72px;overflow: hidden}
.postmeta {margin-bottom: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.postmeta span {font-size: .75em;color: #666;margin-right: 15px}
.post {margin: 0 18px;overflow: hidden}
.post h1.post-title {font-size: 1.25em;margin-bottom: 10px;color: #555}
.post .postmeta {border-bottom: 1px solid #efefef;padding-bottom: 5px}
.post .postmeta span {color: #999}
.post .entry {color: #333}
.post .entry p {font-size: 1em;line-height: 1.75em;margin-bottom: 20px}
.post .entry blockquote,.post .entry h1,.post .entry h2,.post .entry h3,.post .entry h4,.post .entry h5,.post .entry h6,.post .entry hr,.post .entry ol,.post .entry ul {margin-bottom: 20px}
.post .entry h1,.post .entry h2,.post .entry h3,.post .entry h4,.post .entry h5,.post .entry h6 {border-left: 3px solid #3ca0d6;padding-left: 15px;font-weight: 700}
.post .entry li {font-size: 1em}
.post .entry ol,.post .entry ul {padding-left: 2em}
.post .entry ul li {list-style: inside disc none;margin-left: 1px}
.post .entry ol li {list-style: inside decimal none}
.post .entry blockquote {overflow: hidden;border-left: 4px solid #eee;margin: 0 2em 20px;padding: 20px 20px 0;color: #777;border: 1px solid #eee;font-size: .875em;background-color: #f5f5f5;border-radius: 4px}
.post .entry a {color: #4796d8}
.post .entry img {max-width: 100%;height: auto}
.tags {margin-bottom: 20px;font-size: .875em;color: #888}
.tags a {color: #888;margin-right: 5px;display: inline-block;padding: 0 7px;border-radius: 50px;line-height: 20px; border: #c8bfbf 1px solid;}
.postnavi {margin-bottom: 20px;overflow: hidden;margin-top: 10px;}
.postnavi .prev {float: left}
.postnavi .next {float: right}
.postnavi i {font-style: normal;font-family: 'Open Sans","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei'}
.postnavi a {font-size: .875em;color: #555}
.postnavi a:hover {color: #3ca0d6}
.commentslist,.related-pic,.related-post {border-top: 1px solid #eee;margin-bottom: 20px}
.commentslist h3,.related-pic h3,.related-post h3 {border: none;font-size: 1em;color: #333;padding-left: 0;margin: 20px 0 10px}
.related-post ul li {line-height: 1.75em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: .875em}
.related-pic {overflow: hidden}
.related-pic ul {width: 819px;overflow: hidden}
.related-pic ul li {float: left;width: 189.75px;padding: 5px 0;margin-right: 15px}
.related-pic ul li .thumbnail {margin-bottom: 5px;height: 143px;position: relative}
.related-pic ul li .thumbnail img {position: absolute;top: 0;left: 0;height: 100%}
.related-pic ul li p {font-size: .875em;height: 44px;overflow: hidden}
.commentslist ol li {margin-bottom: 20px;border: 1px solid #eee;padding: 10px;border-radius: 3px;background-color: #f9f9f9}
.commentslist ol li .cmt-wrap {position: relative;padding-left: 55px}
.commentslist ol li .thumbnail {position: absolute;top: 5px;width: 45px;height: 45px;border-radius: 2px;left: 0;overflow: hidden}
.commentslist ol li .thumbnail img {width: 100%;display: block;height: auto;border-radius: 2px}
.commentslist ol li .cmt-user {font-size: .875em;margin-bottom: 5px}
.commentslist ol li .cmt-meta {font-size: .75em;color: #888;margin-bottom: 10px}
.commentslist ol li .cmt-meta span.reply {margin-left: 10px}
.commentslist ol li .cmt-txt {font-size: 1em}
.commentslist ol li li {margin-top: 10px;background-color: #fff}
.comment-form {margin-bottom: 20px;overflow: hidden}
.comment-form textarea {border: 1px solid #dedede;text-indent: 5px;border-radius: 3px;width: 100%;box-sizing: border-box;padding: 5px 0;height: 120px}
.comment-form p {margin-top: 15px}
.comment-form .input {float: left}
.comment-form .text,.comment-form p.verifyCode .input {border: 1px solid #dedede;width: 200px;border-radius: 3px;padding: 5px;margin-right: 5px;height: 24px;line-height: 24px}
.comment-form p.verifyCode .input {width: 120px}
.comment-form label {font-size: .875em;color: #555}
.comment-form .submit {float: right;background-color: #3ca0d6;border: none;color: #fff;border-radius: 3px;cursor: pointer;padding: 5px 15px;font-size: 1.125em}
.pagenavi {text-align: center;margin-bottom: 20px}
.pagenavi a,.pagenavi em,.pagenavi span {background-color: #fff;padding: 5px 10px;color: #333;border: 1px solid #eee;font-size: .75em;margin: 0}
.pagenavi a:hover {color: #3ca0d6}
.pagenavi a.current,.pagenavi span {background-color: #3ca0d6;color: #fff;border-color: #3ca0d6}
.sidebar {width: 320px;float: right}
.widget {background-color: #fff;margin-bottom: 20px;overflow: hidden}
.textwidget {padding: 9px 18px}
.textwidget p {padding: 9px 0}
.textwidget img {width: 100%;height: auto}
.widget ul {padding: 0 18px 3px}
.widget.theme-widget ul {padding: 0 18px}
.widget ul li {overflow: hidden;text-overflow: ellipsis;font-size: .875em;overflow: hidden;white-space: nowrap;margin-bottom: 13px}
.bar1 ul li {white-space: normal}
.widget .thumbnail {float: left;height: 75px;width: 100px;padding-right: 15px}
.widget .thumbnail img {height: 75px}
.widget ul li p {font-size: 1em}
.widget ul li i {font-style: normal;padding: 3px 8px;color: #888;margin-right: 8px;background-color: #eee;font-size: .75em;border-radius: 3px}
.widget ul li i.a1 {background-color: #e66f38;color: #fff}
.widget ul li i.a2 {background-color: #88ca14;color: #fff}
.widget ul li i.a3 {background-color: #4796d8;color: #fff}
.a5,.a6,.a7,.a8,.a9,.widget ul li i.a4 {font-style: normal;padding: 3px 8px;background-color: #eee;margin-right: 8px;font-size: .75em;color: #888;border-radius: 3px}
.widget .follow {padding: 0 9px;text-align: center}
.widget .follow img {margin: 0 9px;width: 130px;height: 130px}
.widget .follow p {margin-bottom: 18px}
.widget ul li.list p {white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.widget ul li.list .thumbnail {display: none}
.widget ul li.list.cur .thumbnail {display: block}
.widget ul li.list.cur i {display: none}
.widget ul li.list.cur p {white-space: normal}
.widget .bloggerinfo .bloggerinfoimg img {width: 100%;height: auto;display: block;border-radius: 50%}
.widget .bloggerinfo .bloggerinfoimg,.widget .bloggerinfo p {margin-bottom: 18px}
.widget .bloggerinfo p.name {text-align: center;font-size: 1.25em}
.widget .bloggerinfo p.des {font-size: .875em;color: #555;text-indent: 2em}
.widget #calendar {margin-bottom: 18px}
.widget #calendar table {border: none}
.widget #calendar table td,.widget #calendar table th {border: none;text-align: center}
.widget #calendar table td.day2 a {background-color: #3ca0d6;color: #fff;height: 17px;border-radius: 50%;width: 17px;display: block;margin: 0 auto;line-height: 17px}
.widget.twitter p {margin-bottom: 5px;font-size: 1em;color: #555;white-space: normal;text-align: justify}
.widget.twitter ul li p.time {color: #888;font-size: .875em}
.widget.twitter p.more {margin-bottom: 18px;text-align: right;font-size: .75em}
.divTags ul {padding: 0 18px 18px;overflow: hidden}
.divTags a {display: block;padding: 0 8px;float: left;border-radius: 2px;background-color: #e1474d;overflow: hidden;font-size: .75em;margin: 2px 5px 2px 0;color: #fff}
.divTags a:hover {opacity: .9}
.divTags a:nth-child(8n-7) {background-color: #8a9b0f}
.divTags a:nth-child(8n-6) {background-color: #eb6841}
.divTags a:nth-child(8n-5) {background-color: #3fb8af}
.divTags a:nth-child(8n-4) {background-color: #fe4365}
.divTags a:nth-child(8n-3) {background-color: #fc9d9a}
.divTags a:nth-child(8n-2) {background-color: #edc951}
.divTags a:nth-child(8n-1) {background-color: #c8c8a9}
.divTags a:nth-child(8n) {background-color: #83af9b}
.divTags a:first-child {background-color: #e1474d}
.divTags a:last-child {background-color: #3299bb}
.widget.blogsort ul li {position: relative;margin-bottom: 10px}
.widget.blogsort ul li i,.widget.twitter p i {background-color: transparent;border-radius: 0;padding: 0;margin-right: 0}
.widget.blogsort ul li span {float: right}
.widget.blogsort ul li ul {padding: 0 0 0 1em}
.widget.blogsort ul li ul li {margin-bottom: 0;margin-top: 10px}
.widget.newcmt ul {padding: 0 18px 13px}
.widget.newcmt ul li {white-space: nowrap;color: #555;overflow: hidden;font-size: .875em;text-overflow: ellipsis;margin-bottom: 5px}
.widget.newcmt ul li img {float: left;width: 40px;height: 40px;padding: 6px 5px 0 0}
.widget.newcmt ul li span {display: block}
.widget.newcmt ul li a {color: #555}
.widget .side-search {padding: 18px}
.widget .side-search form {display: block;margin: 0 auto;width: 187px;overflow: hidden}
.widget .side-search .input-search {border: 1px solid #dedede;line-height: 22px;float: left;border-radius: 3px 0 0 3px;text-indent: 5px;height: 22px;padding: 5px 0;width: 140px}
.widget .side-search .btn {float: left;height: 34px;border: none;color: #fff;background-color: #3ca0d6;padding: 0 10px}
#weiyu {padding: 18px}
#weiyu .main_img p {margin-bottom: 5px}
#weiyu .main_img p.author {font-size: 1em;color: #555}
#weiyu .main_img p span {font-size: .75em;color: #888}
#weiyu .main_img p a span {font-size: 1em}
#weiyu .main_img img {float: left;height: 45px;width: 45px;display: block;padding: 6px 8px 0 0}
#weiyu .main_cont {margin-bottom: 20px;overflow: hidden}
#weiyu .main_cont p {padding: 0 20px;color: #555;font-size: .875em}
#weiyu .main_cont .blockquote_l {background: url(../images/block_l.png) no-repeat left top;height: 20px;width: 20px;display: block}
#weiyu .main_cont .blockquote_r {background: url(../images/block_r.png) no-repeat left top;display: block;width: 20px;height: 20px;float: right}
#weiyu ul.r {margin-bottom: 15px}
#weiyu ul.r li {font-size: .875em;color: #333;padding-bottom: 10px;border-bottom: 1px solid #eee;margin-bottom: 10px;position: relative;color: #666}
#weiyu ul.r li span {display: block}
#weiyu ul.r li span.name {font-weight: 700;color: #333;margin-bottom: 10px}
#weiyu ul.r li span.time {font-size: .875em;color: #888;margin-top: 10px}
#weiyu ul.r li em {position: absolute;right: 0;top: 0;font-style: normal}
#weiyu ul.r li em a {color: #3ca0d6}
#weiyu textarea {width: 100%;border: 1px solid #ddd;padding: 5px;font-size: .875em;height: 80px;box-sizing: border-box;margin-bottom: 10px}
#weiyu li .tinfo label {display: block;width: 50px;border: 1px solid #ddd;padding: 0 5px;font-size: .875em;border-right: none;height: 27px;float: left;text-align: right}
#weiyu li .tinfo p {margin-bottom: 5px;overflow: hidden}
#weiyu li .tinfo input {border: 1px solid #ddd;float: left;font-size: .875em;padding: 5px;border-radius: 0}
#weiyu .button_p {background-color: #e1474d;padding: 5px 20px;color: #fff;border: none;cursor: pointer;border-radius: 3px;float: right}
.friendlinks {background-color: #fff;margin-bottom: 20px}
.friendlinks .section-title {padding: 10px 18px;font-size: .875em;margin-bottom: 10px}
.friendlinks .section-title span {font-size: .875em;color: #666;margin-left: 15px}
.friendlinks ul {overflow: hidden;padding: 0 8px 10px}
.friendlinks ul li {float: left;margin: 5px 10px;display: inline;font-size: .75em}
.friendlinks ul li a {color: #555}
.fixed-widget {position: fixed;right: 20px;top: 60%;z-index: 8}
.fixed-widget ul li {cursor: pointer;font-size: 2em;width: 50px;text-align: center;height: 50px;line-height: 50px}
.footer {background-color: #1d304c;color: #888;width: 100%;padding: 10px 0}
.footer .inner {overflow: hidden}
.footer a {color: #888}
.footer .other {float: right;font-size: .75em}
.copyright {float: left;font-size: .75em}
@media only screen and (max-width:1200px) {.inner {width: 1024px}
.nav .menu ul li,.top-other ul li {font-size: .875em}
.search-form .s {width: 400px}
.main {width: 740px}
.focus {width: 380px;height: 359px}
.flexslider,.focus ul li img {height: 359px}
.top {width: 340px}
.top h4 {margin-bottom: 9px}
.top ul li {padding-bottom: 10px;margin-bottom: 10px}
.sidebar {width: 264px}
.related-pic ul {width: 719px}
.related-pic ul li {width: 164.75px}
.related-pic ul li .thumbnail {height: 123px}
.widget .follow img {width: 100px;height: 100px}
}

@media only screen and (max-width:1060px) {.inner {width: 960px}
.nav .menu ul li a {padding: 0 15px}
.search-form .s {width: 350px}
.main {width: 700px}
.top {width: 300px}
.top h4 {font-size: 1em}
.sidebar {width: 240px}
.widget .thumbnail {width: 80px;height: 60px;padding-right: 8px}
.widget .thumbnail img {height: 60px}
.related-pic ul {width: 679px}
.related-pic ul li {width: 154.75px}
.related-pic ul li .thumbnail {height: 116px}
.widget .follow img {width: 90px;height: 90px}
}

@media only screen and (max-width:980px) {.inner,.nav .menu ul li a {width: 840px}
.top-other .icon-menu {display: block}
.nav {display: none;top: 60px;left: 0;width: 100%;background-color: #1d304c;position: fixed;overflow-x: hidden;height: 100%;z-index: 9;box-shadow: 0 0 3px #232323;overflow-y: scroll}
.nav .menu {padding-bottom: 60px}
.nav .menu > ul {border-bottom: 1px solid #444}
.nav .menu ul li {border: none;clear: both;border-top: 1px solid #444;display: block;float: none;border-bottom: 1px solid #000;line-height: 45px}
.nav .menu ul li a {display: block;margin: 0 auto}
.nav .menu ul li ul {display: block;left: auto;position: relative;top: auto;width: 100%}
.nav .menu ul li ul li {font-size: 1em;text-align: left;line-height: 45px}
.nav .menu ul li ul li a {padding: 0 15px 0 40px}
.nav .menu ul li a:hover {background-color: transparent}
body.nav-active {overflow: hidden;position: fixed;left: 0;top: 0;width: 100%}
.nav.mobile-nav {display: block}
.search-form .s {width: 750px}
.search-form {float: none}
.tagscloud {padding-left: 0}
.search-bg {padding: 15px 0 10px}
.main,.sidebar {width: 100%;float: none}
.top {width: 440px}
.related-pic ul {width: 819px}
.related-pic ul li {width: 189.75px}
.related-pic ul li .thumbnail {height: 142px}
}

@media only screen and (max-width:860px) {.inner,.nav .menu ul li a {width: 768px}
.search-form .s {width: 700px}
.top {width: 368px}
.related-pic ul {width: 102.04918%}
.related-pic ul li {width: 22.99%;margin-right: 2.008032%}
.related-pic ul li .thumbnail {height: 128px}
}

@media only screen and (max-width:800px) {.inner,.nav .menu ul li a {width: 96%}
.search-form .s {width: 90%}
.top {width: 47%}
.fixed-widget,.friendlinks .section-title span {display: none}
.footer {text-align: center}
.copyright,.footer .other {float: none}
}

@media only screen and (max-width:747px) {.focus {width: 100%;height: auto;float: none}
.flexslider,.focus ul li img {height: auto}
.flex-viewport {max-height: 677px}
.flex-control-nav {bottom: 45px}
.top {width: 100%;float: none}
.top ul {padding: 0 18px 10px}
.top p {height: auto}
.related-pic ul li .thumbnail {height: 119px}
}

@media only screen and (max-width:640px) {.search-form .s {width: 88%}
.hots ul li .thumbnail {width: 100px;height: 75px;padding-top: 7px}
.hots ul li img {height: 75px}
.hots ul li p {height: 62px;line-height: 1.5em}
.hots ul li h4 {font-size: .875em;margin-bottom: 0}
.postmeta,.section h2 {margin-bottom: 5px}
.section .thumbnail {width: 160px;height: 121px;padding-top: 5px;padding-right: 15px}
.section .thumbnail img {height: 121px}
.related-pic ul li .thumbnail {height: 101px}
}

@media only screen and (max-width:540px) {.search-form {margin-bottom: 10px}
.search-form .s {width: 86%}
.tagscloud {line-height: 1.5em}
.hots ul li,.hots ul li.right {float: none;width: 100%}
.hots ul li h4 {font-size: 1em;margin-bottom: 5px}
.hots ul li .thumbnail {padding-top: 0}
.hots ul li p {height: 46px}
.section h2 {font-size: 1.125em}
.related-pic ul li .thumbnail {height: 85px}
}

@media only screen and (max-width:480px) {.header {height: 40px}
.logo {width: 133px;height: 40px}
.logo img {height: 40px}
.top-other ul li {line-height: 40px}
.top-other ul li .social-share {top: 40px}
.nav {top: 40px}
.nav .menu {padding-bottom: 40px}
.search-form .s {width: 80%}
.section h2 {font-size: 1em}
.section .thumbnail {width: 120px;height: 90px;padding-right: 8px}
.section .thumbnail img {height: 90px}
.postmeta {display: none}
.related-pic ul {width: 102%}
.related-pic ul li {width: 48%;margin-right: 2%}
.related-pic ul li .thumbnail {height: 155px}
}

@media only screen and (max-width:420px) {.related-pic ul li .thumbnail {height: 134px}
.comment-form .input,.comment-form .submit {float: none;clear: both}
}

@media only screen and (max-width:360px) {.widget .follow img {width: 100px;height: 100px}
.related-pic ul li .thumbnail {height: 113px}
}

@media only screen and (max-width:320px) {.search-form .s {width: 78%}
.related-pic ul li .thumbnail {height: 99px}
}
@media (max-width: 650px) {
  .topad {
    display: none;
  }
}
.return-top { border-radius: 3px; background: url(../images/returntop.png) no-repeat center #eee; background-size: 16px; width: 40px; height: 40px; position: fixed; right: 20px; bottom: 20%; transition: all 0.3s; z-index: 9999999; opacity: 0; }
.at-top { opacity: 1; }
.return-top:hover { background: url(../images/return_top.png) no-repeat center #056DE8; background-size: 16px; }
.entry-copyright {margin-top: 10px;padding: 6px;font-size: 13px;line-height: 1.5;color: #999;border: 1px solid #c9c9c9; background: #f6f8fc; border-radius: 5px;
}


.my_pages{clear:both!important;padding:5px 0 0;text-align:center;margin:5px auto;line-height:30px;}
.my_pages ul{text-align:center;list-style:none;}
.my_pages ul li{list-style:none;text-align:center;height:24px;display:inline;margin:0 2px;padding:0;overflow:hidden;white-space:nowrap;font-size:13px;}
.my_pages ul li a{background:#fff;color:#555;display:inline;height:24px;overflow:hidden;padding:6px 10px;margin:0;border: #999 1px solid;}
.my_pages ul li a:hover{color:#fff;background:#FF6600;border:#FF6600 1px solid;height:24px;overflow:hidden;text-decoration:none;cursor:pointer;}
.my_pages ul li.thisclass a{background:#FF6600;border:#FF6600 1px solid;height:24px;overflow:hidden;color:#fff;font-weight:700;}