html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
img,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
hgroup,
menu,
nav,
summary,
time,
mark,
audio,
video,
header,
footer {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    background: transparent
}

html {
    font-size: 62.5%;
    /* 10÷16=62.5% */
}

body {
    font-size: 14px;
    font-size: 1.4rem;
    /* 12÷10=1.2 */
}

body {
    cursor: default;
    width: 100%;
    height: auto;
    font-family: "Microsoft YaHei", "WenQuanYi Micro Hei", Arial, Verdana, Tahoma, sans-serif;
    background: #F3F3F3;
    color: #555;
    line-height: 24px;
    margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #555;
    font-weight: normal
}

h1,
h2 {
    font-size: 18px;
    font-size: 1.8rem;
}

h3,
h4,
h5,
h6 {
    font-size: 15px;
    font-size: 1.5rem;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

input,
textarea,
button {
    outline: none
}

input,
textarea {
    -webkit-appearance: none
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input {
    -webkit-appearance: none
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.wp-video,
.mejs-video,
audio,
canvas,
progress,
video,
embed {
    max-width: 100%;
}

header {
    position: relative
}

img,
input {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

ol {
    list-style-type: decimal
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

code {
    padding: 2px 4px;
    color: #32a5e7;
    background-color: #fbfbfb;
    border: 1px solid #e1e1e8;
    white-space: nowrap;
    margin: 0 5px;
}

a,
a:link,
a:visited {
    color: #555;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #32a5e7
}

p {
    font-size: 14px;
    font-size: 1.4rem;
}

strong {
    font-weight: bold
}

i {
    font-style: normal !important
}

ul,
li {
    list-style: none
}

[placeholder]:focus::-webkit-input-placeholder {
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    opacity: 0
}

[placeholder]:focus::-moz-input-placeholder {
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    opacity: 0
}

.mr10 {
    margin-right: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mt10 {
    margin-top: 10px;
}

.alignleft {
    float: left;
    text-align: left;
    margin-right: 10px
}

.aligncenter {
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px
}

.alignright {
    float: right;
    text-align: right;
    margin-left: 10px
}

::selection {
    background: #555;
    color: #FFF
}

::-moz-selection {
    background: #555;
    color: #FFF
}

* {
    border: 0;
    margin: 0;
    padding: 0
}

html {
    -webkit-text-size-adjust: none
}

.clear {
    clear: both
}

.clearfix:after {
    clear: both;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.bbs {
    border-bottom: 1px solid #ddd;
    margin: 10px;
}

/*.hide,.sub-menu {
	display:none
}
*/
.overlay {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    opacity: .7;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .95) 100%);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .95) 100%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

#wrapper {
    max-width: 1240px;
    margin: 0 auto;
    position: relative;
}

#wrapper #header {
    float: left;
    width: 200px;
    min-height: 800px
}

#sitetopbar {
    position: fixed;
    width: 150px;
    top: 0;
    margin: 0;
    /* bottom:0; */
    padding: 0;
    z-index: 9;
    background: #fff;
    padding-bottom: 30px;
    float: left;
}

.site-logo {
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.site-logo a img {
    width: 100%;
    height: auto;
}

.site-logo a .text-logo {
    display: inline-block;
    padding: 30px 0 20px 0;
    cursor: pointer;
    position: relative;
    /* color:#fff; */
}

.site-logo a h1 .site-name {
    font-size: 35px;
    font-size: 3.5rem;
    font-weight: initial;
    letter-spacing: 1px;
}

.site-logo a h1 .site-des {
    font-size: 12px;
    font-size: 1.2rem;
    display: block;
    margin: 5px 0 0 0;
}

.site-logo-m {
    display: none;
}

/*left-menu*/
.left-menu {
    font-size: 15px;
    font-size: 1.5rem;
    width: 150px;
    position: relative;
    z-index: 2;
}

.left-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    margin-bottom: 15px;
}

.left-menu ul li {
    list-style: none;
    position: relative;
}

.left-menu ul li a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    color: #555;

}

.left-menu ul li a i {
    padding: 4px 5px 6px 5px;
    background: #32A5E7;
    color: #fff;
    border-radius: 100%;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 0;
    margin-right: 10px;
}

.left-menu ul li a i:before {}

.left-menu ul li a:focus,
.left-menu ul li a:hover,
.left-menu li:hover a,
.left-menu ul li.current-menu-item a {
    color: #32a5e7;
}

/* 1级鼠标经过菜单背景字体颜色*/
.left-menu ul li .sub-menu {
    position: absolute;
    left: 140px;
    top: 0;
    width: 150px;
    display: none;
    border-width: 1px;
    border-color: #ddd;
    border-style: solid;
    padding: 2px 0 5px 0;
    background: #fff;
}


/* 2级背景颜色*/
.left-menu ul li .sub-menu li {
    float: none;
    display: block;
    height: 40px;
}

.left-menu ul li .sub-menu li a {
    padding-left: 20px;
    color: #555;
    background: #FFF;

}

/* 2级背景字体颜色*/
.left-menu ul li .sub-menu li a:hover,
.left-menu ul li .sub-menu li.current-menu-item a {
    color: #32a5e7;
}

/* 2级鼠标经过菜单背景字体颜色*/
.left-menu li:hover .sub-menu {
    display: block;
}

/* 鼠标经过2级出现*/
.left-menu .active a,
.left-menu .active a:hover,
.left-menu .active a:focus {
    color: #32a5e7;
    text-decoration: none
}

/*当前菜单高亮*/
.left-menu li.current-menu-item a,
.left-menu li.current-menu-parent a,
.left-menu li.current_page_item a,
.left-menu li.current-post-ancestor a {
    color: #555;
    text-decoration: none;
}

.left-menu li:hover .sub-menu:before {
    content: '';
    display: inline-block;
    border-top: 9px solid rgba(255, 255, 255, 0);
    border-bottom: 9px solid rgba(255, 255, 255, 0);
    border-right: 10px solid #ddd;
    position: absolute;
    top: 11px;
    left: -10px;
    z-index: 2;
}

.left-menu li:hover .sub-menu:after {
    content: '';
    display: inline-block;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 9px solid #FFF;
    position: absolute;
    top: 13px;
    left: -8px;
    z-index: 2;
}

.left-menu li:hover .sign {
    display: none
}

.sign {
    display: inline-block;
    width: 0;
    height: 0;
    content: "";
    vertical-align: top
}

.left-menu .sign {
    border-top: 4px solid transparent;
    border-left: 6px solid rgb(124, 124, 124);
    border-bottom: 4px solid transparent;
    position: relative;
    top: 16.2px;
    right: -5px;
}

.left-menu img {

    float: left;
    width: 26px;
    height: 26px;

    padding-top: 8px;
    padding-right: 10px;
}

.left-menu .minimenu-text,
.main-small-navigation .menu {
    display: none;
}

.main-small-navigation .menu {
    background: #FFFFFF;
    padding: 20px;
    border-bottom: 2px solid #E5E5E5;
    -webkit-box-shadow: 0 5px 16px gray;
    box-shadow: 0 5px 16px gray;
}

.main-small-navigation .menu li a i,
.main-small-navigation .menu li a img {
    display: none
}

.main-small-navigation .menu li {
    padding: 10px;
    border-bottom: solid 1px #e5e5e5;
}

.main-small-navigation .menu li.current-menu-item a {
    color: #32a5e7;
}

.main-small-navigation .menu li.submenu {
    border-width: 0;
}

.main-small-navigation .menu li.submenu .sub-menu {
    margin-top: 10px;
    border-top: solid 1px #e5e5e5;
    padding-left: 15px
}

.main-small-navigation .menu li.submenu .sub-menu a {
    font-size: 12px;
    font-size: 1.2rem;
}

.menu-toggle {
    position: absolute;
    right: 10px;
    top: 20px;
    color: #fff;
    border: 1px solid #f1f1f1;
    padding: 5px;
    display: none;
}

/*about social-icons*/
.social_a {
    padding: 20px 0 10px 0;
    position: relative;
    border-top: 1px solid #F5F5F5;
}

.social_a a {
    padding-left: 20px;
}

.social_a a i.icon-share {
    padding: 3px;
    background: #555;
    color: #fff;
    border-radius: 100%;
    margin-right: 10px;
}

.leftsocialmask {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 999;
}

.social_a .reveal-modal {
    display: none;
}

.white-popup {
    left: 140px;
    bottom: -10px;
    width: 220px;
    position: absolute;
    background-color: #FFFFFF;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    z-index: 9999;
}

.social_a #mfp-follow .items {
    font-size: 18px;
    list-style: none;
    margin: 10px 10px 20px;
    line-height: 60px;
    border-bottom: 1px solid #FFFFFF;
}

.social_a #mfp-follow .items {
    border-bottom: none;
    margin: 0;
    background-color: #FFFFFF;
}

.social_a #mfp-follow .items .item {
    border-top: none;
    float: left;
    margin: 0 10px;
}

.social_a #mfp-login-method .items .item:first-child,
.suxingme #mfp-follow .items .item:first-child {
    border-top: none;
}

.social_a #mfp-follow .items .item:first-child {
    margin-left: 20px;
}

.social_a #mfp-follow .items .item a {
    padding-left: 0;
}

.social_a #mfp-follow .items .item:last-child {
    margin-right: 20px;
}

.social_a #mfp-follow .triangle-left {
    position: absolute;
    left: -14px;
    top: 20px;
    width: 0;
    height: 0;
    border-width: 10px 15px 10px 0px;
    border-style: solid;
    border-color: transparent #ffffff transparent transparent;
}

.social_a #mfp-follow .triangle-left {
    border-color: transparent #EDEDED transparent transparent;
}

.social_a #mfp-login-method .mfp-close,
.suxingme #mfp-follow .mfp-close {
    display: none;
}

.social_a .item i:hover {
    color: #000;
}

.social_a a .followtext {
    color: #555;
    font-size: 15px;
    font-size: 1.5rem;
}

.social_weixin {
    position: relative;
}

.social_weixin .chat-tips {
    padding: 20px;
    border: 1px solid #d1d2d6;
    position: absolute;
    right: -205px;
    top: -15px;
    background-color: #fff;
    display: none;
}

.social_weixin .chat-tips img {
    width: 150px;
    height: 150px;
}

.social_weixin:hover .chat-tips {
    display: block;
}

.social_weixin .chat-tips:before {
    content: '';
    display: inline-block;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 9px solid #ddd;
    position: absolute;
    top: 15px;
    left: -9px;
}

.social_weixin .chat-tips:after {
    content: '';
    display: inline-block;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #FFF;
    position: absolute;
    top: 17px;
    left: -7px;
}

.logged {
    padding: 0 0px 0 20px;
    line-height: 34px;
    margin-bottom: 20px;
}

.logged img {
    border-radius: 100%;
    width: 25px;
    height: auto;
    border: 1px solid #bbb;
    margin-right: 5px;
}

.logged a {
    padding-left: 0;
    font-size: 15px;
    font-size: 1.5rem;
}

.left-search form .icon-search {
    position: absolute;
    top: 28px;
    left: 20px;
    z-index: 100;
}

.left-search form {
    position: relative;
}

.left-search form #multiple-datasets {
    padding: 20px 0;
    border-top: 1px solid #F5F5F5;
}

.left-search form #multiple-datasets input {
    display: inline-block;
    width: 84px;
    height: 30px;
    line-height: 20px;
    background-color: #f3f3f3;
    border: 1px solid transparent;
    outline: none;
    padding: 4px 6px 4px 28px;
    margin-left: 15px
}



.left-search form #multiple-datasets input:focus {
    background-color: #ffffff;
    border: 1px solid #32a5e7;
    z-index: 99;
    position: relative;
    height: 30px;
}

/*about left-menu end*/
/*icon*/
.sux-iconx26 {
    width: 26px;
    height: 26px;
    margin-right: 10px;
}

/*end icon*/
#main {
    width: 100%;
    float: left;
    margin-bottom: 60px;
}

.wrap {
    padding: 20px 20px 40px;
    margin-right: 290px;
    background: #FFF;
    margin-left: 170px;
    min-height: 800px;
    overflow: hidden;
}

.posts .breadcrumb {
    padding: 20px 0 30px 0;
    margin-left: -20px;
}

.article-list .article-list-title .alt-span {
    float: right;
    font-size: 12px;
    font-size: 1.2rem;
    margin: 12px 0;
    line-height: 14px;
}

.index-sticky,
.index-cat,
.index-post,
.index-list,
.index-appoint {
    position: relative;
    overflow: hidden;
}

.list-title,
.sticky-title,
.article-title,
.article-list .article-list-title,
.widget .w_title,
.sidebox .w_title,
#comment-title,
#related .related_about {
    position: relative;
    margin: 0 0 35px;
    border-bottom: 1px solid #ddd;

}

.widget .w_title,
.sidebox .w_title {
    position: relative;
    margin: 0 0 35px;
    border-bottom: 1px solid #ddd;
}

.sticky-title h3,
.list-title h3,
.article-title h3,
.article-list .article-list-title .alt-t,
.widget h3,
#comment-title span,
#related .related_about span {
    display: inline-block;
    position: relative;
    font-weight: normal;
    padding-bottom: 10px;
    color: #555;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    border-bottom: 3px solid #32A5E7;
    bottom: -3px;
}

.left-menu-icon-more {
    background: url(../images/icon.png) no-repeat -7px -167px;
    padding: 0 0 0 18px;
}

.index-post {
    position: relative;
    overflow: hidden;
}

.wrap .breadcrumb {
    margin-left: -20px;
    padding: 25px 0;
}

.content {
    border-bottom: 2px dashed #E4E4E4;
    position: relative;
    float: left;
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
    width: 100%;
}

/**文章默认格式**/
.content .content-header {
    margin-bottom: 5px;
}

.content-header h2 {
    font-size: 21px;
    font-size: 2.1rem;
    position: relative;
    margin: 0 0 8px 0;
    color: #32a5e7;
    font-weight: normal;
}

.content-header .content-info {
    font-size: 1.3rem;
    font-size: 13px;
}

.content .content-img {
    float: left;
    margin: 0 20px 0 0;
    text-align: center;
    position: relative;
    overflow: hidden;
    width: 240px;
    max-height: 150px;
}

.content .content-img a {
    vertical-align: middle;
}

.content .content-img img {
    margin: 0 auto;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    display: block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 1s ease 0s;
}

.content:hover .content-img img {
    transform: scale(1.2);
    transition: all 0.5s ease 0s;
    -webkit-transform: scale(1.2);
    -webkit-transform: all 1s ease 0s;
}

.content .content-note {
    overflow: hidden;
    *display: inline-block;
}

.content .content-note p {
    margin-bottom: 10px;
    line-height: 25px;
    color: #888;
}

.content-note .content-info {
    display: block;
    color: #888;
}

/**文章默认格式 结束**/
/**文章状态格式**/
.content .content-status {
    background-color: #32a5e7;
    position: relative;
    padding: 15px;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    overflow: hidden;
}

.content-status .icon-quote-left {
    float: left;
    color: #FFF;
    font-size: 20px;
    font-size: 2rem;
}

.content-status p {
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    line-height: 25px;
    margin: 0 0 0 35px;
}

.content-status .status-info {
    float: right;
    clear: both;
}

.content-status .status-info span,
.content-status .status-info span a {
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff;
}

.content:hover .content-status {
    background-color: #333333 !important;
}

/**文章状态格式 结束**/
/**文章日志格式**/
.content .content-aside-img {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
}

.content .content-aside-img img {
    width: 100%;
    max-height: 320px;
    height: auto;
}

/**文章日志格式 结束**/
/**首页ajax翻页按钮**/
.post-read-more {
    text-align: center;
}

.post-read-more li {
    display: inline-block;
}

.post-read-more a,
.post-read-more span,
.ias-trigger a,
.ias-noneleft a {
    padding: 5px 15px;
    font-size: 15px;
    font-size: 1.5rem;
    border: 1px solid #32A5E7;
    color: #fff;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: all 0.4s ease;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;

    background: #32A5E7;
    text-decoration: none;
}

.post-read-more a:hover,
.ias-trigger a:hover {
    background: #fff;
    color: #32A5E7;
    border-color: #32A5E7
}

.post-read-more .loading {}

/**首页ajax翻页按钮 结束**/
/**文章默认格式 **/
.cover-text {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out
}

.content:hover .cover-text {
    z-index: 5;
    opacity: 1;
    filter: alpha(opacity=100);
    box-shadow: 0 0 6em 1em rgba(0, 0, 0, 0.8) inset;
    -webkit-box-shadow: 0 0 6em 1em rgba(40, 40, 40, 0.8) inset;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out
}

.text-detail {
    display: block;
    position: relative;
    top: 40%;
    height: 33%;
    margin: auto;
    text-decoration: none
}

.text-author {
    margin-top: 15px
}

.text-detail p {
    text-align: center;
    color: #fff;
    font-size: 30px;
    font-size: 3rem
}

.cover-text * {
    filter: alpha(opacity=0);
    opacity: 0;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out
}

.content:hover .cover-text * {
    filter: alpha(opacity=100);
    opacity: 1;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out
}

.category-color {
    float: left;
    margin-right: 15px
}

.category-color a {
    background: #b8d6e6;
    padding: 3px 8px;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
    line-height: 28px;
}

.content:hover .category-color a {
    background: #32a5e7;
    color: #fff
}

.content-note .content-info-r {
    float: right;
}

.content-info-r i {
    color: #32a5e7
}

/**文章默认格式 结束**/

/**首页推荐阅读**/
.site-bottom {
    position: relative;
    overflow: hidden;
}

.site-bottom ul {
    position: relative;
    margin-left: -15px;
}

.site-bottom ul li {
    float: left;
    width: 25%;
    margin-bottom: 15px;
}

.site-bottom ul li .box {
    padding: 15px;
    margin-left: 15px;
    display: block;
    overflow: hidden;
    position: relative;
    border: 1px #F2F2F2 solid;
}

.site-bottom ul li .title {
    display: block;
    color: #32a5e7;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.site-bottom ul li .desc {
    padding: 10px 0;
    color: #aeaeae;
    line-height: 18px;
    height: 27px;
    overflow: hidden;
    margin-bottom: 12px;
    font-size: 12px;
    font-size: 1.2rem;
}

.site-bottom ul li img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.site-bottom ul li .action {
    text-align: -moz-center;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
}

.site-bottom ul li .action .read {
    background: #b8d6e6;
    padding: 5px 10px;
    color: #FFF;
    border-radius: 4px;
    margin-right: 10px;
}

.site-bottom ul li:hover .action .read {
    background: #32a5e7
}

.site-bottom ul li .action .amount {
    background: #F0F0F0;
    padding: 5px 10px;
    color: #555;
    border-radius: 4px;
    position: relative;
}

.site-bottom ul li .action .amount:before {
    content: " ";
    position: absolute;
    left: -5px;
    top: 9px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 7px solid #F0F0F0;
    border-bottom: 5px solid transparent;
}

/**首页推荐阅读 结束**/
/**首页分类显示**/
.site-article {
    position: relative;
    margin: 0 0 20px 0;
    clear: both;
}

.article-list .list-post {
    display: block;
    overflow: hidden;
    margin: 25px 0 0;
    width: 100%;
    position: relative;
}

.list-content {
    width: 31%;
    margin: 0 2.3% 0 0;
    float: left;
    overflow: hidden;
    position: relative;
}

.list-content img {
    position: relative;
    width: 100%;
    --webkit-transition: all .40s ease-in-out;
    -moz-transition: all .40s ease-in-out;
    -o-transition: all .40s ease-in-out;
    transition: all .40s ease-in-out;
}

.list-content:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.list-content p {
    padding: 5px 10px;
    color: #afafaf;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 20px;
}

.list-content img:hover {
    filter: alpha(opacity=65);
    -moz-opacity: .65;
    -khtml-opacity: .65;
    opacity: .65;
}

.list-content .list-content-title {
    z-index: 999;
    height: 25px;
    padding: 5px 20px;
    position: absolute;
    background: url(../images/list_meta.png);
    bottom: 0px;
    right: 0;
    left: 0px;
    color: #fff;
}

.list-content:hover .list-content-title {
    background: #32a5e7;
    opacity: .9;
}

.list-content:hover p {
    color: #FFF;
}

.list-content .list-content-title h3 {
    color: #FFF;
    font-size: 15px;
    font-size: 1.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/**首页分类显示 结束**/


/*index-list*/
.index-list {
    position: relative;
    overflow: hidden;
}

.index-list .list {
    float: left;
    /* margin-right:3%;
	*/
    width: 50%;
}

.list .list-box {
    margin: 10px;
    overflow: hidden;
}

.index-list .list .aa .pic340 {
    margin-bottom: 10px;
    width: 100%;
    max-height: 160px;
    position: relative;
    height: auto;
    overflow: hidden;
}

.index-list .list .aa h2 a {
    font-size: 18px;
    font-size: 1.8rem;
    color: #000;
}

.index-list .list .aa {
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 18px;
    position: relative;
}

.index-list .list .aa img {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.index-list .list .aa h2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.index-list .list .aa p {
    margin: 5px 0 18px 0;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
}

.index-list .list .bb li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
}

.index-list .list .bb li span {
    color: #969696;
    font-size: 13px;
    font-size: 1.3rem;
}

.index-list .list .bb li .pic80 {
    width: 90px;
    max-height: 70px;
    float: left;
    margin-right: 10px;
}

.index-list .list .bb li img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.index-list .list .bb li .title {
    display: block;
    font-size: 1.5rem;
    font-size: 15px;
    line-height: 20px;
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*index-sticky*/
.sticky {
    width: 100%;
}

.sticky .aa,
.sticky .bb {
    width: 50%;
    float: left;
    position: relative;
}

.sticky .aa .pic345 {
    width: 100%;
    height: 305px;
    overflow: hidden;
}

.sticky .aa .pic345 a {
    margin-right: 10px;
    display: block;
    height: 305px;
}

.sticky .aa img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sticky .aa .title {
    position: absolute;
    bottom: 32%;
    left: 0;
    padding: 10px;
    background: #222;
    opacity: .8;
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    font-size: 1.6rem;
    max-width: 80%
}

.sticky .aa .title h2 {
    color: #fff;
    font-size: 1.6rem;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sticky .aa .sticky-info {
    position: absolute;
    bottom: 13%;
    left: 0;
    padding: 5px 10px;
    background: #FFF;
    opacity: .8;
    font-weight: normal;
    font-size: 14px;
    font-size: 1.4rem;
    max-width: 80%
}

.sticky .bb li {
    width: 100%;
    height: 145px;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}

.sticky .bb li img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.sticky .bb .title {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    background: #222;
    opacity: .8;
    font-weight: normal;
    font-size: 14px;
    font-size: 1.4rem;
}

.sticky .bb a h2 {
    padding: 5px 10px;
    color: #fff;
    font-size: 1.6rem;
    font-size: 16px;
}

.sticky .bb li:hover a,
.sticky .aa:hover a {
    background: #32a5e7;
    opacity: 10
}

/*about the post*/
.breadcrumb span {
    font-size: 13px;
    font-size: 1.3rem;
}

.post {
    padding-top: 40px
}

.breadcrumb span a {
    color: #fff;
    background-color: #32a5e7;
    padding: 5px 8px;
}

.breadcrumb .current {
    color: #fff;
    background-color: #32a5e7;
    padding: 5px 8px;
}

.post-content img {
    max-width: 100%;
    margin: 0 auto;
    height: auto !important;
    display: block;
    margin-bottom: 20px;
}

.post-content {
    line-height: 28px;
    font-size: 15px;
    font-size: 1.5rem;
}

.posttitle-img {
    margin-left: -20px;
    margin-right: -20px;
    max-height: 300px;
    overflow: hidden;
    margin-top: -20px;
    position: relative;
}

.posttitle-img .breadcrumb {
    margin-left: 0;
    padding: 0;
}

.posttitle-img img {
    width: 100%;
    height: auto;
}

.breadcrumbs-absolute .breadcrumb {
    position: absolute;
    z-index: 2;
    top: 20px;
}

.post-title {
    margin: 15px 0;
    padding: 10px 0;
}

.post-title .title {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 38px;
    margin-bottom: 15px;
    color: #000;
}

.post-title .post_icon {
    line-height: 26px;
    color: #888;
    font-size: 13px;
    font-size: 1.3rem;
}

.post-title .post_icon a:visited,
.post-title .post_icon a:link {
    color: #888
}

.post-content p {
    margin-bottom: 16px;
    line-height: 27px;
    font-size: 16px;
    font-size: 1.6rem;
}

.post-content p a,
.post .post-content p a:visited {
    text-decoration: none;
    border-bottom: 1px solid #32a5e7;
    padding-bottom: 2px;
}

.post-content p a:hover {
    border-bottom-color: #32a5e7;
}

.post-content .table {
    width: 100%;
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    margin-bottom: 20px
}

.post-content .table th {
    text-align: center;
    background-color: #f6f5f2;
    font-weight: normal
}

.post-content .table td,
.post-content .table th {
    text-align: center;
    padding: 10px 15px;
    font-size: 14px;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8
}

.postmetadata {
    background: #FFFFFF;
    padding: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    clear: both;
    border: 1px solid #09A7EC;
    margin: 30px 0;
    border-left: 3px solid #09A7EC;
}

.postmetadata:hover {
    background: #09A7EC;
    color: #FFF
}

.postmetadata:hover a {
    color: #FFF !important;
}

#authorarea {
    background-color: #fbfbfb;
    border: 1px solid #EEEEEE;
    color: #000000;
    margin: 20px 0;
    padding: 10px;
    position: relative
}

#authorarea img {
    border: 1px solid #DDD;
    float: left;
    position: relative;
    margin: 0 10px 0 0;
    width: 50px
}

.authorinfo {
    min-height: 53px;
    margin-left: 65px
}

.post-author-name {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    margin-right: 10px
}

.post-author-description {
    font-size: 13px;
    font-size: 1.3rem;
    color: #555;
    margin-top: 10px
}

.post-author-url,
.post-author-weibo {
    font-size: 12px;
    font-size: 1.2rem;
    text-decoration: none;
    padding: 1px 8px;
    white-space: nowrap;
    margin-right: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.post-author-url {
    background-color: #D9534F
}

.post-author-weibo {
    background-color: #32a5e7
}

.post-author-url a,
.post-author-weibo a {
    color: #fff
}

.post-views {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 8px;
    background: #32a5e7;
    font-size: 14px;
    font-size: 1.4rem;
    opacity: .8;
    color: #fff;
}

.post-views:hover {
    padding-right: 10px;
    opacity: 1;
}

/*about the post end*/
/*内容分页*/
.nextpage {
    text-align: center;
    margin: 20px auto 15px;
}

.nextpage span {
    color: #32a5e7;
    margin: 2px;
    line-height: 22px;
    cursor: pointer;
    padding: 0 5px;
    display: inline-block;
}

.nextpage a,
.nextpage a span {
    color: #aaa;
    text-decoration: none;
}

.nextpage a:hover,
.nextpage a span:hover {
    color: #32a5e7
}

/*内容分页 结束*/

/*作者页面*/
.author-post-info,
.postauthor {
    margin: 20px 0;
    position: relative;
    overflow: hidden;
    min-height: 70px;
}

.postauthor {
    padding: 20px;
    margin: 30px 0;
    box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    -o-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    /* border-bottom:1px solid #DDDDDD; */
    border: 2px solid #F3F3F3;
    position: relative;
}

.author-post-info .author-avatar,
.postauthor .author-avatar {
    display: block;
    margin-right: 20px;
    border-radius: 50%;
    float: left;
}

.author-post-info .author-avatar img,
.postauthor .author-avatar img {
    border-radius: 50%;
}

.author-post-info .author-post-right,
.postauthor .postauthor-right {
    overflow: hidden;
}

.author-post-info .author-post-right .name,
.postauthor-right .name {
    display: inline-block;
    color: #393839;
    margin-bottom: 8px;
}

.postauthor-right h3 {
    font-size: 18px;
    font-size: 1.8rem;
}

.author-post-info .author-post-right .name {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 32px;
}

/*作者页面 结束*/

/*about the ad700*/
.ad700 {
    display: block;
}

.ad700 img {
    width: 100%;
    height: auto
}

.widget_ads img {
    display: block;
    width: 100%;
    height: auto;
}

.ad700 {
    margin-bottom: 38px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    clear: both;
}

.ad-border {
    display: block;
    border: 1px solid #32a5e7;
    position: relative;
    overflow: hidden;
}

.widget_ad_title {
    position: absolute;
    top: 0;
    left: 0;
    padding: 3px 8px;
    background: #32a5e7;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
}

/*about the related*/
#related {
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

#related .related_img {
    overflow: hidden;
    margin-left: -20px;
}

#related .related_img .related_box {
    float: left;
    width: 25%;
}

#related .related_img .related_box a {
    display: block;
    position: relative;
    line-height: normal;
    margin-left: 20px;
}

#related .related_img .related_box a h3 {
    margin: 10px 0
}

#related .related_img .related_box a img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border: none;
}

/*about the like*/
#post .post-like {
    display: inline-block;
}

#post .post-like .action {
    border: 1px solid #f66;
    border-radius: 999em;
    color: #f66;
    display: inline-block;
    line-height: 22px;
    padding: 3px 10px;
    text-decoration: none;
}

#post .post-like .action:hover {
    border: 1px solid #FF2D2D;
    color: #FF2D2D;
}

#post .post-like .action i {
    font-size: 1.5rem;
}

.sticky_like .action {
    background-color: #fff;
    color: #f78585;
    font-size: 14px;
    font-size: 1.4rem;
    width: auto;
    opacity: .8;
    text-align: right;
    position: absolute;
    right: 10px;
    top: 15px;
}

.sticky_like a {
    height: 24px !important;
    line-height: 24px;
    float: right;
    padding: 0px 12px 0px 8px;
    border-radius: 12px;
}

.sticky_like .action:hover {
    background-color: #f66;
    color: #fff;
}

.sticky_like .action i,
.content_infor span .action i {
    margin-right: 1px;
    font-size: 1.4rem;
    font-size: 14px;
}

.content_infor span .action {
    background-color: #fff;
    color: #888;
    font-size: 12px;
    font-size: 1.2rem;
}

.content_infor span .action:hover {
    color: #f66;
}

.post-info-right {
    float: right;
    font-size: 1.5px;
    font-size: 1.5rem;
}

.post-info-right .post-like-right .action i {
    margin-right: 1px;
    color: #f66;
}

.post-info-right .post-like-right .action {
    background-color: #fff;
    color: #bbb;
}

.post-info-right .post-like-right .action:hover {
    color: #f66;
}

/*about the sidebar*/
.sidebar {
    float: left;
    margin-left: -270px;
    width: 234px;
    position: relative;
    padding-top: 20px;
    padding-left: 18px;
    padding-right: 18px;
    background: #fff;
    margin-bottom: 40px;
}

.widget,
.sidebox {
    clear: both;
    margin-bottom: 30px;
    position: relative;
}

.widget.affix {
    width: 234px;
    background: #fff;
    z-index: 99;
    margin-bottom: 0;
    padding: 20px;
    margin-left: -18px;
}

.affix {
    position: fixed;
}

.myinfo {
    clear: both;
    overflow: hidden;
}

.mytext {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.store a {
    background: url(../images/myinfo.png) no-repeat;
    margin: 0 20px 20px 0;
    border: none;
    width: 105px;
    height: 105px;
    display: block;
}

.store a:hover {
    background: url(../images/myinfo.png) no-repeat;
    0 -105px;
    border: none;
    margin: 0 20px 20px 0;
    width: 105px;
    height: 105px;
    display: block;
}

.search {
    margin-bottom: 10px;
    width: 250px;
    float: right
}

.search-input {
    position: relative
}

.search-input input.search-button {
    float: right;
    width: 40px;
    background-image: url(../images/vficons.png);
    height: 35px;
    background-repeat: no-repeat;
    background-position: -141px 4px;
    background-color: #32a5e7;
    text-align: center;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 4px;
}

.search-input input.search-button:hover {
    background-color: #555
}

.search-input b.search-liaosheji {
    width: 24px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    top: 0;
    background: url(../images/xiaojianji.gif) no-repeat left top
}

.search-input form label {
    line-height: 25px;
    color: #32a5e7
}

.search-input input[type="text"] {
    border: 1px solid #32a5e7;
    padding: 0 7px;
    height: 33px;
    line-height: 33px;
    outline: none;
    color: #888;
    margin: 0;
    display: block;
    width: 72%;
    border-radius: 4px;
}

.search-input select {
    padding: 0
}

.search-input input[type="text"]:topslide {
    border-color: #888;
    color: #333;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    box-shadow: 0 0 4px rgba(0, 0, 0, .3)
}

.search-input textarea {
    display: block;
    width: 80%;
    min-height: 60px
}

.error {
    color: #32a5e7
}

.search-input btn {
    cursor: pointer
}

/*about the hotspost*/
.hots-post-widget {
    margin: 0;
    padding: 0;
    list-style: none;
}

.hots-post-widget li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #E4E4E4;
    overflow: hidden;
}

.hots-post-widget li img {
    float: left;
    width: 80px;
    margin-right: 15px;
    overflow: hidden;
    max-height: 75px;
}

.hot-post-title {
    overflow: hidden
}

.hot-post-title .title {
    display: block;
    line-height: 20px;
}

.hot-post-title .info {
    font-size: 12px;
    font-size: 1.2rem;
    color: #bbb;
}

/*about the pinglun*/
.w_comment {
    clear: both;
    overflow: hidden;
}

.w_comment li {
    margin: 10px 0 0 0;
    clear: both;
    overflow: hidden;
    font-size: 12px;
}

.w_comment li p,
.w_comment li a.nr {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 20px;
    color: #888;
}

.w_comment .avatar {
    width: 25px;
    height: 25px;
    float: left;
    position: relative;
    margin: 0 10px 0 0;
    border-radius: 100%;
    -webkit-transition: .4s;
    -webkit-transition: -webkit-transform .4s ease-out;
    -moz-transition: -moz-transform .4s ease-out;
    transition: transform .4s ease-out box-shadow:0 1px 3px rgba(0, 0, 0, 0.22);
}

.w_comment li:hover .avatar {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: scaleZ(5) rotateY(180deg);
    -moz-transform: scaleZ(5) rotateY(180deg);
    transform: scaleZ(5) rotateY(180deg)
}

.cmt-nr {
    background-color: #FAFAFA;
    padding: 5px 10px;
    margin-top: 12px;
    margin-bottom: 10px;
    position: relative;
    border-radius: 6px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
}

.cmt-nr .icon-arrow-up {
    content: " ";
    position: absolute;
    left: 5px;
    top: -7px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-bottom: 8px solid #FAFAFA;
    border-right: 7px solid transparent;
}

/*hotpostlist_widget*/

.widget_suxingme_hotpost li,
.widget_suxingme_mostviews li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    font-size: 1.2rem;
}

.widget_suxingme_hotpost li a .overlay,
.widget_suxingme_mostviews li a .overlay {
    border-radius: 2px;
    opacity: .3;
}

.widget_suxingme_hotpost li a:hover .overlay,
.widget_suxingme_mostviews li a:hover .overlay {
    opacity: .8
}

.widget_suxingme_hotpost li a,
.widget_suxingme_mostviews li a {
    position: relative;
    display: block;
    color: #fff;
    overflow: hidden;
    height: 90px;
    width: 234px;
}

.widget_suxingme_hotpost li img,
.widget_suxingme_mostviews li img {
    width: 100%;
    max-width: 100%;
    border-radius: 2px;
}

.widget_suxingme_hotpost li p.title,
.widget_suxingme_mostviews li p.title {
    position: absolute;
    bottom: 0;
    padding: 10px;
    text-shadow: 1px 1px 2px #000;
    line-height: 18px;
    font-size: 12px;
    font-size: 1.2rem;
}

.widget_suxingme_hotpost li span,
.widget_suxingme_mostviews li span {
    position: absolute;
    right: 0;
    top: 0;
    border-top-right-radius: 2px;
    line-height: 1;
    color: #fff;
    padding: 3px 8px 4px 4px;
    font-size: 12px;
    font-size: 1.2rem;
    /* opacity: .7; */
    display: block;
    z-index: 9;
    background: #32A5E7;
}

/*about the tab*/
.tab_menu {
    overflow: hidden;
    margin-bottom: 13px;
    border-bottom: 1px solid #32a5e7;
}

.tab_menu li {
    width: 33.3333%;
    float: left;
    display: block;
}

.tab_menu li.current {
    color: #FFF;
    background: #32a5e7;
}

.tab_menu li span {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 36px;
    text-align: center;
    width: 100%;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tab_content .hide {
    display: none;
}

.tab_post_links li {
    clear: both;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #eee;
}

.tab_post_links li a {
    overflow: hidden;
    position: relative;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
}

.tab_post_links li img {
    width: 90px;
    height: 60px;
    float: right;
    margin: 0 0 10px 8px;
}

.tab_post_links .tab-post-title {
    display: block;
}

.tab_post_links .tab-post-info {
    color: #888;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 27px;
}

/*about the rss*/
.w_rss .rss_button {
    width: 83px;
    height: 32px;
    border: 0;
    background: #32a5e7;
    color: #fff;
    letter-spacing: 2px;
    font-size: 15px;
}

.w_rss .rss_mail {
    float: left;
    padding: 1px 8px;
    width: 180px;
    height: 30px;
    border: 0;
    background: #f7f7f7;
    outline: 0;
}

/*about the 公告栏*/
.widget-container {
    display: block;
    border: 1px solid #32a5e7;
    position: relative;
    overflow: hidden;
}

.widget-container ul {
    margin: 40px 15px 20px 15px;
}

.widget-container ul li {
    border-bottom: 1px dashed #D7E7FF;
    padding: 0 0 5px 0;
    margin-bottom: 5px;
}

.widget-container ul li i {
    float: left;
    color: #32a5e7
}

.widget-container ul li p {
    margin-left: 25px;
}

/*about the readers*/

.w-readers {
    overflow: hidden;
}

.w-readers li {
    float: left;
    margin: 0 10px 10px 0;
}

.w-readers li a {
    display: block;
    width: 46px;
    height: 46px;
}

.w-readers li a img.avatar {
    width: 46px;
    height: 46px;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);
}

.w-readers li a img.avatar:hover {
    opacity: 0.8
}

.widge_tags {
    margin: 10px 0;
    overflow: hidden;
}

.widge_tags li {
    float: left;
    margin: 0 5px 5px 0;
}

.widge_tags li a {
    color: #fff;
    background: #ccc;
    display: block;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    list-style: none;
    text-align: -moz-center;
    text-align: center;
    overflow: hidden;
}

.sidebox .list_bookmarks li a {
    float: left;
    color: #888;
    padding: 4px 0 6px 0;
    display: inline-block !important;
    margin: 0 5px 5px 0;
    list-style: none;
    text-align: -moz-center;
    text-align: center;
    background: #F5F5F5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 31%;
}

.widge_tags a:hover,
.sidebox .list_bookmarks li a:hover {
    background: #32a5e7;
    color: #fff;
}

.sidebox .list_bookmarks {
    overflow: hidden;
    position: relative;
}

/*about the sidebar end*/
/*about the footer*/
.list_bookmarks {
    position: relative;
}

.list_bookmarks h3 {
    position: relative;
    margin: 0 0 35px;
    border-bottom: 1px solid #ddd;
}

.list_bookmarks h3 span {
    display: inline-block;
    position: relative;
    font-weight: normal;
    padding-bottom: 10px;
    color: #555;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    border-bottom: 3px solid #32A5E7;
    bottom: -3px;
}

.list_bookmarks li {
    float: left;
    margin: 0px 10px 0px 0px;
}

.list_bookmarks li a {}

#footer {
    clear: both;
    position: relative;
    margin: 0 auto;
    width: 100%;
    background: #32A5E7;
}

#footer .wrap {
    padding: 20px 20px 40px;
    background: #FFF;
    max-width: 860px;
    min-height: auto;
    margin: 0 auto;
    overflow: hidden;
}

#footer .site-footer {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 25px 0;
    max-width: 1240px;
    margin: 0 auto;
}

#footer .site-footer .copyright,
#footer .site-footer .copyright a {
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
}

/*about the comments end*/
#comments {
    margin-bottom: 40px;
    clear: both;
}

#comments .comment-list,
#comments .commentlist {
    margin: 30px 10px 0 10px;
}

#comments .comment-list li,
#comments .commentlist li {
    margin-bottom: 20px;
}

#comments .comment-list .avatar,
#comments .commentlist .avatar {
    width: 45px;
    height: 45px;
    float: left;
}

#comments .comment-list .avatar img,
#comments .commentlist .avatar img {
    width: 45px;
    height: 45px;
    position: absolute;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .4s;
    -webkit-transition: -webkit-transform .4s ease-out;
    -moz-transition: -moz-transform .4s ease-out;
    transition: transform .4s ease-out
}

#comments .comment-list li:hover .avatar img,
#comments .commentlist li:hover .avatar img {
    -webkit-transform: scaleZ(5) rotateY(180deg);
    -moz-transform: scaleZ(5) rotateY(180deg);
    transform: scaleZ(5) rotateY(180deg)
}

#comments .comment-list .author,
#comments .commentlist .author {
    font-size: 15px;
    font-weight: bold;
}

#comments .comment-list .comment_box,
#comments .commentlist .comment_box {
    padding: 10px 15px;
    line-height: 25px;
    margin-top: -2px;
    margin-left: 60px;
    position: relative;
    border: 1px #eee solid;
    font-size: 15px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .05);
}

#comments .comment-list .comment_box:before,
#comments .commentlist .comment_box:before {
    content: '';
    display: inline-block;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 9px solid #eee;
    position: absolute;
    top: 15px;
    left: -9px;
}

#comments .comment-list .comment_box:after,
#comments .commentlist .comment_box:after {
    content: '';
    display: inline-block;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #FFF;
    position: absolute;
    top: 17px;
    left: -7px;
}

#comments .comment-list .comment_box .comment_meta,
#comments .comment-list .comment_box .comment_meta a,
#comments .commentlist .comment_box .comment_meta,
#comments .commentlist .comment_box .comment_meta a {
    font-size: 13px;
    font-size: 1.3rem;
    color: #999;
}

#comments .comment-list .comment_box .commentcount,
#comments .commentlist .comment_box .commentcount {
    float: right;
    font-size: 18px;
    font-size: 1.8rem;
    color: #bbb;
}

#comments .comment-list li:hover .comment_reply a,
#comments .commentlist li:hover .comment_reply a {
    color: #32a5e7
}

#comments .comment-list .children .comment,
#comments .commentlist .children .comment {
    padding: 12px 0 0 10px;
    margin: 20px 0 0 15px;
}

.comment-navi {
    text-align: right
}

.comment-navi a,
.comment-navi span {
    margin: 0 2px;
    padding: 4px 4px;
    display: inline-block
}

.comment-navi a:hover {
    border-bottom: 2px solid #999
}

.comment-navi a.prev:hover,
.comment-navi a.next:hover {
    border: none
}

.comment-navi span.current {
    border-bottom: 2px solid #999
}

#loading-comments {
    display: none;
    background: none !important;
    height: 50px;
    text-align: center;
    font-size: 14px !important;
    font-size: 1.4rem !important;
    color: #4a7304 !important;
    margin-bottom: 20px;
}

#comments-navi {
    overflow: hidden;
    float: right;
    display: block;
}

#comments-navi .page-numbers {
    display: inline-block;
    line-height: 35px;
    color: #ccc;
    padding: 0 5px;
    margin-right: 20px;
    height: 35px;
    text-align: center;
}

#comments-navi a:hover,
#comments-navi .current {
    color: #32a5e7;
    border-bottom: 2px solid #32a5e7;
}

#respond_box {
    margin: 0 0 50px;
    overflow: hidden;
    clear: both;
    font-size: 14px;
    font-size: 1.4rem
}

#commentform #comment-author-info {
    float: left;
    width: 100%;
}

#comment-author-info p {
    float: left;
    width: 33%;
    position: relative;
    margin-bottom: 1.5rem;
}

#comment-author-info p.name {
    margin-left: 0;
}

#commentform p,
#commentform p a {
    color: #999;
    font-size: 14px;
    font-size: 1.4rem;

}

#commentform input {
    padding: 0 0 0 12px;
    width: 80%;
    display: block;
    border: 1px rgba(0, 0, 0, 0.15) solid;
    line-height: 36px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#commentform textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    resize: none;
    height: 10rem;
    border: 1px rgba(0, 0, 0, 0.15) solid;
    line-height: 30px;
}

#commentform input:topslide,
#commentform textarea:topslide {
    border: 1px solid #32a5e7
}

#commentform input#submit,
#commentform input#reset {
    padding: 5px;
    width: 120px;
    margin-top: 5px;
    text-align: center;
    line-height: 30px;
    background: #32a5e7;
    color: #FFF;
    border: 1px solid #32a5e7;
    cursor: pointer;
    float: right;
    border-radius: 3px;
}

#commentform input:focus,
#commentform textarea:focus {
    border: 1px #32a5e7 solid;
}

#commentform #submit:hover,
#commentform #reset:hover {
    background: #fff;
    color: #32a5e7;
    border: 1px solid #32a5e7;
}

#commentform input#comment_mail_notify {
    width: 20px;
    height: 15px;
    margin-top: 10px
}

.cancel-comment-reply img {
    margin: 5px 5px;
    float: right;
    border: 1px solid #eee
}

.comm-firstblood {
    display: block;
    border-style: solid;
    border-width: 1px 0 0 0;
    margin: 0 65px;
    text-align: center;
    border-color: #e6e6e6;
}

.comm-firstblood span {
    text-align: center;
    font-weight: 400;
    color: #aeaeae;
    padding: 0 20px;
    position: relative;
    top: -12px;
    background: #FFF;
}

/*about page*/
#pagenavi {
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 60px;
}

#pagenavi .page-numbers,
#pagenavi .pages {
    margin: 0;
    padding: 6px 14px;
    color: #B5B5B5;
    border: 1px solid #ddd;
    white-space: nowrap;
    display: inline-block;
}

#pagenavi .page-numbers {}

#pagenavi .pages {}

#pagenavi .page-numbers:hover {
    color: #FFF;
    background: #32a5e7;
    border: 1px solid #32A5E7;
}

#pagenavi .current {
    color: #FFF !important;
    background: #32a5e7;
    border: 1px solid #32A5E7;
}

/*表情*/
.smiley-box {
    display: none;
    position: relative
}

/*about share*/
.post-share {
    /* margin: 0 auto; */
    /* width: 260px; */
    text-align: center;
}

.post-share a {
    color: #fff;
    line-height: 35px;
    text-align: center;
    margin: 5px;
    border-radius: 4px;
}

.post-share .like a {
    background: #ED575D;
    width: 100px;
    display: inline-block;

}

.post-share .post-bdshare a {
    background: #09A7EC;
    width: 100px;
    display: inline-block;

}

/***分享***/
.share-box {
    display: none;
}

.share-box .mask {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9999;
}

.share-box .share-item {
    position: fixed;
    width: 260px;
    height: 210px;
    background-color: #FFF;
    border-radius: 10px;
    z-index: 10000;
    padding: 10px 0px 10px 30px;
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .4);
    -box-shadow: 0 0 10px rgba(0, 0, 0, .4);
}

.share-box .share-item span.title {
    display: block;
    font-size: 16px;
}

.share-box .share-item a {
    display: block;
    width: 68px;
    height: 68px;
    border: 1px solid #EEE;
    border-radius: 5px;
    margin-right: 10px;
    margin-top: 10px;
}

.share-box .share-item a.sicon-qzone {
    background: url(../images/qzone-48.png) no-repeat scroll 50% 50%;
}

.share-box .share-item a.sicon-tsina {
    background: url(../images/weibo-48.png) no-repeat scroll 50% 50%;
}

.share-box .share-item a.sicon-tqq {
    background: url(../images/t_weibo-48.png) no-repeat scroll 50% 50%;
}

.share-box .share-item a.sicon-renren {
    background: url(../images/renren-48.png) no-repeat scroll 50% 50%;
}

.share-box .share-item a.sicon-weixin {
    background: url(../images/weixin-48.png) no-repeat scroll 50% 50%;
}

.share-box .share-item a.sicon-more {
    background: transparent;
    color: #8B8B8B;
    line-height: 68px;
    font-size: 38px;
    text-align: center;
}

.share-box .share-item a:hover.sicon-more {
    text-decoration: none;
}

.share-box .share-item a.sicon-more:before {
    content: "\2b";
    font-family: 'Glyphicons Halflings';
}



/*about page-archives
.archives h3 {
	padding:4px 0;
	margin:20px 0 10px 0;
	font-size:16px;
	font-size:1.6rem;
}
.archives td {
	padding:6px 10px 8px;
	border-bottom:solid 1px #eee
}
.archives td a {
	color:#32a5e7
}
.archives table {
	padding:10px 0 20px
}
.meta-tit {
	border-bottom:solid 1px #e6e6e6;
	padding:0 0 10px;
	margin-bottom:20px
}
.archives td .comm,.archives td .view {
	color:#aaa;
	font-size:12px;
	font-size:1.2rem;
}
*/

.archive-title {
    border-bottom: 1px #eee solid;
    position: relative;
    padding-bottom: 4px;
    margin-bottom: 10px
}

.archives li a {
    padding: 8px 0;
    display: block
}

.archives li a:hover .atitle:after {
    background: #32a5e7
}

.archives li a .time {
    display: inline-block;
    width: 100px;
    font-size: 12px;
    text-indent: 20px
}

.archives li a .info {
    float: right;
}

.archives li a .atitle {
    display: inline-block;
    padding: 0 15px;
    position: relative
}

.archives li a .atitle:after {
    position: absolute;
    left: -6px;
    background: #ccc;
    height: 8px;
    width: 8px;
    border-radius: 6px;
    top: 8px;
    content: ""
}

.archives li a .atitle:before {
    position: absolute;
    left: -8px;
    background: #fff;
    height: 12px;
    width: 12px;
    border-radius: 6px;
    top: 6px;
    content: ""
}

.archives {
    position: relative;
    padding: 10px 0;
    margin-bottom: 30px;
}

.archives:before {
    height: 100%;
    width: 4px;
    background: #eee;
    position: absolute;
    left: 100px;
    content: "";
    top: 0
}

.m-title {
    position: relative;
    margin: 10px 0;
    cursor: pointer
}

.m-title:hover:after {
    background: #32a5e7
}

.m-title:before {
    position: absolute;
    left: 93px;
    background: #fff;
    height: 18px;
    width: 18px;
    border-radius: 6px;
    top: 3px;
    content: ""
}

.m-title:after {
    position: absolute;
    left: 96px;
    background: #ccc;
    height: 12px;
    width: 12px;
    border-radius: 6px;
    top: 6px;
    content: ""
}

/*评论墙*/
.readers_wall {
    overflow: hidden;
    list-style: none;
    margin: 0;
}

.readers_wall li {
    float: left;
    text-align: center;
    width: 100px;
    font-size: 12px;
    margin-bottom: 10px;
}

.readers_wall img {
    border-radius: 100%;
    margin-bottom: 5px;
    transition: 0.5s;
    -webkit-transtion: 0.5s;
}

.readers_wall span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.readers_wall a:hover img {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}

/*友情链接页面*/
.page-links {
    overflow: hidden;
    margin: 0 0 24px;
}

.page-links ul {
    margin: 0;
    padding: 5px 0 0 0;
}

.page-links ul li {
    float: left;
    width: 25%;
    line-height: 24px;
    margin-bottom: 10px;
}

.page-links ul li img {
    margin: 0 5px 2px 0;
    padding: 4px 0;
    width: 16px;
    height: 16px;
}

/*about gotop*/
#totop {
    display: none;
    position: fixed;
    bottom: 45px;
    padding: 8px 13px 11px 13px;
    background: #ccc;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-size: 15px;
    font-size: 1.5rem;
    border-radius: 3px;
}

#totop:hover {
    background: #32a5e7;
    color: #FFF
}

/*about fancybox*/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)
}

.fancybox-outer,
.fancybox-inner {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url(../images/fancybox_sprite.png)
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(../images/fancybox_loading.gif) center center no-repeat
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url(../images/blank.gif);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    overflow: hidden
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url(../images/fancybox_overlay.png)
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8)
}

/*slider*/

.container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    width: 100%;
    max-height: 350px;
    overflow: hidden;
    height: auto;
}

/*轮播*/

/*轮播*/
.slider {
    position: relative;
    width: 100%;
    height: 350px;
    overflow: hidden;
}

.slider #suxingmeslider {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.slider #suxingmeslider li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.slider #suxingmeslider li:first-child {
    position: relative;
    display: block;
    float: left;
}

.slider #suxingmeslider img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
    min-height: 350px;
}

.centered-btns_nav {
    position: absolute;
    top: 42%;
    z-index: 2;
    width: 38px;
    height: 61px;
    line-height: 200px;
    background-image: url(../images/arrow.gif);
    overflow: hidden;
    opacity: .7;
    -webkit-transition: all .3s ease;
}

.slider .next {
    right: 0;
    background-position: right 0;
    right: -39px;
}

.slider .prev {
    left: -39px;
}

.slider:hover .next {

    right: 0;


}

.slider:hover .prev {

    left: 0
}

.centered-btns_nav:active {
    opacity: 1;
}

.centered-btns_tabs {
    font-size: 0;
    list-style-type: none;
    position: absolute;
    bottom: 5px;
    width: 100%;
    text-align: center;
    z-index: 100;
}

.centered-btns_tabs li {
    display: inline-block;
    margin: 0 3px;
    *display: inline;
    *zoom: 1;
}

.centered-btns_tabs a {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    line-height: 20px;
    background-color: rgba(0, 0, 0, .3);
    background-color: #ccc\9;
    overflow: hidden;
    *display: inline;
    *zoom: 1;
}

.centered-btns_tabs .centered-btns_here a {
    background-color: rgba(0, 0, 0, .8);
    background-color: #666\9;
}

.centered-btns_nav {
    /* display:none; */
}



/*metabox*/

/*shortcodes*/
.blue-strip {
    background-color: #32a5e7;
    color: #fff;
}

.gray-strip {
    background-color: #F1F1F1;
    color: #555;
}

.post-content a.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 8px 25px 9px 18px;
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 10px 0 20px;
    margin-right: 20px;
}

.post-content a.btn i {
    margin-right: 8px
}

/*围边按钮*/
.post-content p a.btn-button {
    color: #32a5e7;
    background-color: transparent;
    border: 2px solid #32a5e7;
}


/*反色按钮*/
.post-content p a.blue-button {
    color: #FFF;
    background-color: #32a5e7;
    border: 1px solid #32a5e7;
    margin-right: 20px;
}

.post-content p a.blue-button,
.post-content p a.download-button {
    color: #FFF;
    background-color: #32a5e7;
    border: 2px solid #32a5e7;
    margin-right: 20px;
}

.post-content p a.preview-button {
    color: #FFF;
    background-color: #f66;
    border: 2px solid #f66 !important;
    margin-right: 20px;
}

.post-content p a.blue-button:hover,
.post-content p a.download-button:hover {
    color: #32a5e7;
    background-color: #FFF;
    border-color: #32a5e7;
}

.post-content p a.preview-button:hover {
    color: #f66;
    background-color: #FFF;
    border-color: #f66;
}

.post-content p a.btn-button:hover {
    color: #fff;
    background-color: #32a5e7;
    border-color: #32a5e7;
}

/*符号列表*/
.post-liright {
    margin-left: 5px;
    margin-bottom: 15px;
}

.post-liright img {
    max-width: 90%;
    height: auto;
    margin: 0 auto;
    display: block;
}

/*引文*/
.post-content .sx {
    margin: 15px 0 25px 0;
    padding: 10px 15px 10px 10px
}

.gray-cue,
.blue-cue,
.green-cue,
.red-cue {
    position: relative;
    border-width: 1px;
    border-style: solid;
}

.cue_text {
    padding-left: 30px;
}

.cue_text p {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 10px;
}

.sx i {
    position: absolute;
    font-size: 20px;
    font-size: 2rem;
    margin: -1px 0 0 0;
}

.post-content .gray-cue {
    background-color: #d9edf7;
    color: #3a87ad;
    border-color: #bce8f1;
}

.blue-cue {
    background-color: #fcf8e3;
    color: #c09853;
    border-color: #fbeed5;
}

.green-cue {
    background-color: #E9F6DF;
    color: #6CB136;
    border-color: #D7E7CB;
}

.red-cue {
    background-color: #f2dede;
    color: #b94a48;
    border-color: #eed3d7;
}

.gray-cue i {
    color: #3a87ad;
}

.sx-cue i {
    color: #c09853;
}

.green-cue i {
    color: #6CB136;
}

.red-cue i {
    color: #b94a48;
}

.sx-cue a,
.green-cue a,
.gray-cue a {
    color: #32a5e7
}

/*引用*/
.yinyong {
    background: #F9F9F9;
    margin: 15px 0;
}

.yinyong quote {
    padding: 8px 20px;
    font-size: 16px;
    color: #32a5e7;
    border-left: 2px solid #32a5e7;
    display: inline-block;
}

.yinyong quote p {
    margin-bottom: 0 !important;
}

.nav-mobile {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    background: #32a5e7 url(../images/nav.svg) no-repeat center center;
    height: 40px;
    width: 40px;
}

/*mobilemenu */
a.meanmenu-reveal {
    display: none;
}

/* when under viewport size,.mean-container is added to body */
.mean-container .mean-bar {
    width: 100%;
    position: relative;
    background: #32a5e7;
    min-height: 46px;
    z-index: 999999;
}

.mean-container a.meanmenu-reveal {
    width: 22px;
    height: 22px;
    padding: 13px 13px 11px 13px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-size: 1.6rem;
    text-indent: -9999rem;
    line-height: 22px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
    display: block;
    background: #fff;
    height: 3px;
    margin-top: 3px;
}

.mean-container .mean-nav {
    float: left;
    width: 100%;
    background: #32a5e7;
    margin-top: 46px;
}

.mean-container .mean-nav ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
}

.mean-container .mean-nav ul li {
    position: relative;
    float: left;
    width: 100%;
}

.mean-container .mean-nav ul li a {
    display: block;
    float: left;
    width: 100%;
    padding: 1rem 3rem;
    margin: 0;
    text-align: left;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
    width: 80%;
    padding: 1rem 4.5rem;
    opacity: 0.75;
    filter: alpha(opacity=75);
    text-shadow: none !important;
    visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
    border-bottom: none;
    margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
    width: 70%;
    padding: 1rem 4.5rem;
}

.mean-container .mean-nav ul li a:hover {
    background: #252525;
    background: rgba(255, 255, 255, 0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
    width: 26px;
    padding: 12px !important;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    font-weight: 700;
    border: none !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
    background: #2C9ADA;
}

.mean-container .mean-push {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    clear: both;
}

.mean-nav .wrapper {
    width: 100%;
    padding: 0;
    margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar,
.mean-container .mean-bar * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.mean-remove {
    display: none !important;
}

/*.tooltip*/
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #333;
    border-radius: 0
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #333
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #333
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    right: 5px;
    border-width: 5px 5px 0;
    border-top-color: #333
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #333
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #333
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #333
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #333
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #333
}

/*404*/
.box404 {
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 40px;
    width: 60%;
    padding: 30px;
    text-align: center;
}

.page404-title {}

.page404-title h1 {
    font-size: 148px;
    font-size: 14.8rem;
    line-height: 150px;
}

.page404-title h5 {}

.box404 .bottons {}

.box404 .pull-left {
    padding: 30px
}

.box404 .pull-left a {
    padding: 10px 15px;
    border: 1px solid #bbb;
    color: #bbb;
    border-radius: 5px;
    font-size: 12px;
}

.box404 .pull-left a:hover {
    background: #bbb;
    color: #fff;

}

/*tags-page*/

.tag-clouds a {
    display: inline-block;
    margin: 0 10px 10px 0;
    color: #999;
    background-color: #eee;
    padding: 7px 10px 5px 10px;
    font-size: 14px;
    border-radius: 2px
}

.tag-clouds a:hover {
    background-color: #777;
    color: #fff
}

@media screen and (max-width:890px) {
    #main {
        margin-bottom: 40px;
    }

    .wrap {
        margin-right: 0;
        padding: 15px 15px 0;
        margin-left: 160px;
    }

    .site-bottom ul li {
        width: 50%
    }

    .site-bottom ul li .title {
        text-align: left;
        font-size: 15px;
        font-size: 1.5rem;
    }

    .site-bottom ul li img {
        width: 100px;
        max-height: 80px;
        height: auto;
        overflow: hidden;
        float: left;
        margin-right: 10px
    }

    .site-bottom ul li .desc {
        padding: 0;
        height: auto;
    }

    .slider {
        height: 280px;
    }

    .slider .action a {
        line-height: 280px;
    }

    .content .content-img {
        width: 180px;
    }

    #sitetopbar,
    .left-menu,
    .left-menu ul li .sub-menu {
        width: 150px;
    }

    .left-menu ul li .sub-menu {
        left: 161px;
    }

    .left-menu ul li a {
        padding-left: 30px;
    }

    .left-menu ul li .sub-menu li a {
        padding-left: 35px;
    }

    #totop {
        right: 0 !important
    }

    #footer .site-footer {
        margin-left: 160px;
    }

    .warp {
        width: 100%;
    }

    .sidebar,
    .index-ad,
    .index-cat,
    .sticky .aa .sticky-info,
    .flexslider ul.slides li .slide_desc_left,
    .site-bottom ul li .action {
        display: none;
    }
}

@media screen and (max-width:600px) {
    #main {
        margin-bottom: 20px;
    }

    .wrap {
        padding: 10px 10px 0;
        margin-left: 0;
    }

    .wrap .breadcrumb {
        margin-left: -10px;
    }

    .posttitle-img .breadcrumb {
        margin-left: 0;
        margin-top: 20px;
    }

    .breadcrumbs-absolute .breadcrumb {
        margin-left: 0;
        margin-top: 0;
    }

    .posts .breadcrumb {
        margin-left: -15px;
    }

    .mean-container .mean-nav ul li a {
        text-align: center;
        padding: 1rem 0;
    }

    #sitetopbar {
        padding-bottom: 0;
    }

    .site-logo {
        display: none;
    }

    .site-logo-m {
        display: block;
    }

    .site-logo-m img {
        display: block;
        margin: 0 auto;
        max-height: 60px;
    }

    .site-logo-m h1 {
        width: 60px;
        margin: 10px;
    }

    .site-logo-m h1 a {
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        height: 60px;
    }

    .slider {
        margin-top: 20px;
        height: 200px;
    }

    .slider #suxingmeslider img {
        display: block;
        width: 100%;
        height: 200px;
        margin: 0 auto;
        object-fit: cover;
    }

    .wrap .post,
    #respond {
        padding: 10px;
    }

    #footer .site-footer {
        margin-left: 0;
        padding: 15px 0 15px 15px;
    }

    .site-logo a .text-logo {
        padding: 20px 0 20px 0;
        color: #FFF;
    }

    .post-title {
        margin: 10px 0;
    }

    .post-title .title {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 35px;
        font-weight: 300;
        text-align: center;
        margin-bottom: 10px;
    }

    .post-title .post_icon {
        font-size: 12px;
        font-size: 1.2rem;
        text-align: center;
    }

    .post .post-content p {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 26px;
    }

    .post .post-content p iframe {
        width: 100% !important;
        height: 300px !important;
    }

    #related .related_img {
        margin-left: -15px
    }

    #related .related_img .related_box {
        float: left;
        width: 50%;
    }

    #related .related_img .related_box a {
        margin-left: 15px
    }

    #related .related_img .related_box a h3 {
        font-size: 12px;
        font-size: 1.2rem;
        height: 42px;
        overflow: hidden;
        line-height: 20px;
    }

    .main-small-navigation .menu-toggle {
        display: block;
    }

    .sticky .aa,
    .sticky .bb {
        width: 100%;
    }

    .sticky .aa {
        margin-bottom: 15px;
    }

    .sticky .aa .title,
    .sticky .bb .title {
        /* position:relative; */
        background: none;
        bottom: 0;
        left: auto;
        padding: 0;
    }

    .sticky .aa .title h2,
    .sticky .bb a h2 {
        color: #FFF;
        position: absolute;
        bottom: 0;
        padding: 10px;
        text-shadow: 1px 1px 2px #000;
        line-height: 18px;
        font-size: 12px;
        font-size: 1.2rem;
    }

    .sticky .aa .pic345,
    .sticky .bb li .pic80 {
        height: 150px;
    }

    .sticky .aa .pic345 a,
    .sticky .bb .pic80 a {
        width: 100%;
    }

    .sticky .aa .pic345 a img {
        width: 100%;
        height: auto;
    }

    .sticky .bb li img {
        height: 100%
    }

    .sticky .aa .pic345 a {
        margin-right: 0;
    }

    .sticky .bb li {
        width: 100%;
        float: left;
        height: auto;
    }

    .sticky .bb {
        margin-right: 0;
        overflow: hidden;
        position: relative;
    }

    .index-list {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .list .list-box {
        margin: 0;
    }

    .index-list .list .aa h2 a {
        font-size: 15px;
        font-size: 1.5rem;
    }

    .index-list .list .aa p {
        font-size: 12px;
        font-size: 1.2rem;
    }

    .site-bottom ul li {
        width: 100%;
    }

    .index-list .list .bb li .title {
        font-size: 1.2rem;
        font-size: 12px;
    }

    .site-bottom ul li .title {
        text-align: left;
    }

    .site-bottom ul li img {
        width: 90px;
        height: 70px;
        float: left;
        margin-right: 10px;
    }

    .site-bottom ul li .desc {
        padding: 0;
        height: auto;
    }

    .content-header h2 {
        font-size: 16px;
        font-size: 1.6rem;
        margin: 0;
    }

    .content .content-img {
        width: 90px;
        margin: 0 10px 0 0;
        height: 70px;
        max-height: none;
    }

    .content .content-img img {
        height: 100%;
    }

    .content-header .content-info,
    .index-list .list .bb li span {
        font-size: 12px;
        font-size: 1.2rem
    }

    .content .content-note p {
        height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
    }

    .content .content-status {
        padding: 10px;
    }

    .content .content-status .icon-quote-left {
        font-size: 18px;
        font-size: 1.8rem;
    }

    .content .content-status p {
        font-size: 12px;
        font-size: 1.2rem;
    }

    .share-right {
        float: left !important;
    }

    #comment-author-info p {
        width: 100%
    }

    .flexslider ul.slides li .slide_content_left {
        padding: 5px 0;
        white-space: normal;
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        opacity: .8;
        filter: alpha(opacity=80);
    }

    .slide_content_left h2 {
        padding: 0 10px
    }

    .flex-control-nav {
        top: 10px;
        bottom: auto;
    }

    .text-detail {
        top: 30%
    }

    .index-list .list {
        width: 100%;
    }

    .slide_content_left h2 {
        font-size: 1.6rem;
        font-size: 16px;
    }

    #sitetopbar {
        position: relative;
        width: 100%;
        background: #32a5e7;
        overflow: hidden;
        border-width: 0;
        float: none;
    }

    #totop {
        right: 0 !important
    }

    #menu-navigation,
    .content-status .status-info,
    .logged,
    .left-search,
    .sidebar,
    .bbs,
    .index-cat,
    .flexslider ul.slides li .slide_desc_left,
    .social_a,
    .content-info-r,
    category-color,
    .category-color a {
        display: none;
    }
}