/*
Theme Name: 文献综述
Theme URI: https://www.waiwenfanyi.net
Author: waiwenfanyi
Author URI: https://www.waiwenfanyi.net
*/
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    vertical-align: baseline;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}

html {
    overflow-y: scroll;
    word-wrap: break-word;
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    word-break: break-all;
}

*,
:after,
:before {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body,
button,
input,
select,
textarea {
    background: #f2f2f2;
    color: #444;
    font: 14px "Microsoft YaHei", Helvetica, Arial, Lucida Grande, Tahoma, sans-serif;
    line-height: 180%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

dl {
    margin-bottom: 1.6em;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 1.6em;
}

table,
td,
th {
    border: 1px solid #ebebeb;
}

table {
    margin: 0 0 10px;
    border-collapse: separate;
    border-width: 1px 0 0 1px;
    border-spacing: 0;
}

caption,
td,
th {
    text-align: left;
    font-weight: 400;
}

th {
    font-weight: 700;
}

td,
th {
    border-width: 0 1px 1px 0;
}

td,
th {
    padding: 10px;
}

a:active,
a:hover {
    outline: 0;
}

a img {
    border: 0;
}

a {
    color: #444;
    text-decoration: none;
}

a:visited {
    color: #555;
}

a:hover {
    color: #1abc9c;
}

.clear {
    clear: both;
}

:focus {
    outline: 0;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a,
button,
input {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

@keyframes fade-in {

    0%,
    40% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fade-in {

    0%,
    40% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.tixing {
    color: #ba4c32;
    text-align: center;
}

#content {
    margin: 0 auto 10px;
    width: 1170px;
}

#masthead,
.hidefixnav {
    background-color: #fff;
    height: 158px;
}

.abnimated {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transition: all .2s ease-in-out;
    z-index: 999;
}

.abnimated.slideDown {
    top: -128px;
}

.abnimated.slideUp {
    top: 0;
}

.logo-site {
    float: left;
    margin-left: 10px;
    height: 78px;
    transition-duration: .3s;
}

.logo-site .site-title {
    margin-top: 2px;
    font-size: 24px;
    font-size: 2.4rem;
}

.myToast {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10001;
    width: 290px;
    height: 38px;
    margin: 0 auto;
    border-radius: 10px;
    background: #16A085;
    ;
    box-shadow: 0 1px 4px 0px rgb(0 0 0 / 50%);
}

.myToast>p {
    padding: 0 10px;
    text-align: center;
    line-height: 28px;
    word-wrap: break-word;
    color: black;
    margin: 6px 0;
}

.close_myToast {
    font-size: 20px;
    position: absolute;
    top: -2px;
    right: 1px;
    cursor: pointer;
}

.header_top {
    background-color: #fff;
    height: 30px;
    font-size: 14px;
    margin: 0 auto;
    width: 100%;
    max-width: 1170px;
}

.fenlei-title {
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 10px;
}

.header_ul_left>li {
    float: left;
    line-height: 30px;
    margin-right: 20px;
    color: #ccc;
}

.header_ul_right>li {
    float: right;
    line-height: 30px;
    margin-right: 20px;
    color: #ccc;
}



.search_detail {
    padding: 0 20px;
}

.weidenglu {
    display: block;
}

.yidenglu {
    display: none;

}


.bg {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: #000;
    background: rgba(0, 0, 0, .7);
    display: none;
    overflow: hidden;
}

.close_page {
    position: absolute;
    right: 0;
    top: 0;
}

.login,
.register,
.finded_pwd {
    position: absolute;
    margin: 0 auto;
    max-width: 400px;
    max-height: 420px;
    border-radius: 5px;
    border: 1px solid wheat;
    background: #ffff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.reg_timer,
.find_timer {
    cursor: wait;
    width: 100px;
    text-align: center;
    display: none;
    position: relative;
    font-size: 16px;
    right: -40px;
}


.login {
    /* display: none; */

}

.login>h3 {
    text-align: center;
    padding: 20px 0;
    font-size: 24px;
}

em {
    font-family: "iconfont";
    font-style: normal;
}

.user {
    /* text-align: center; */
    padding: 0 10px;
}

.user>li {
    margin: 20px;
    background: #e6eaed;
    position: relative;
    font-size: 14px;
    overflow: hidden;
    display: flex;
    align-content: center;
    align-items: center;
    min-height: 40px;
}

.user>li>span>em {
    font-size: 16px;
}

.user>li input {
    height: 24px;
    line-height: 24px;
    background: none;
}

.user_logic {
    text-align: center;
    background: #ff766c !important;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;

}

.user_acc>span,
.user_pwd>span {
    padding: 0 4px;
}

.user_acc>input,
.user_pwd>input {
    background: transparent;
}

.bg,
.login,
.finded_pwd,
.my_register {
    display: none;
}

.register>h3,
.finded_pwd>h3 {
    text-align: center;
    padding: 20px 0;
    font-size: 24px;
}

.register .user_logic {
    text-align: center;
    border-radius: 5px;
    background: #ff766c !important;
    cursor: pointer;

}

.find_pwd,
.go_login,
.geted_login {
    font-size: 12px;
    margin-left: 20px;
    cursor: pointer;
}

.find_pwd:hover,
.go_login:hover,
.geted_login:hover {
    color: #7dcced;
}

.getPhoneCode,
.getImgCode {
    text-align: center;
    display: none;
    width: 110px;
    height: 26px;
    line-height: 26px;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 12px;
    border: none;
    background: transparent;
}

.getPhoneCode {
    cursor: pointer;
    display: block;
}

.my_select_box:hover .my_select_fenlei {
    display: block;
}

.my_select_fenlei {
    border-radius: 5px;
    position: absolute;
    z-index: 999;
    top: 42px;
    cursor: pointer;
    background: #fff;
    display: none;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5);
}

.fenlei_title {
    background-color: #fff;
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
}

.fenlei_title>p {
    font-weight: 600;
    margin-left: 20px;
    width: 80%;
}

.fenlei_title>p+p {
    font-weight: 600;
    width: 10%;
}

.title_content_center_left>em {
    margin: 0 4px;
    font-size: 16px;
    color: #386bbc;
}

.user_home {
    position: absolute;
    top: 12px;
    right: -22px;
    color: #fff;
    cursor: pointer;
}

.user_home>a {
    color: #fff;
}

.user_home:hover .user_home>a {
    color: #008200;
    text-decoration: none;
}

.soso {
    margin: 10px;
    padding: 10px;
}

.soso_text {
    color: #3868bb;
}

.current {
    color: #16A085;
    margin: 0 5px;
}

.soso_list_title>h3 {
    font-size: 16px;
    color: #3868bb;
}

.soso_list_content {
    background-color: #fff;
    padding: 10px 6px;
    font-size: 16px;
    margin: 10px 0;
}

.main .entry_title {
    font-size: 24px;
    text-align: center;
}

.soso_list_content>span {
    margin: 4px;
    font-size: 14px;
}

.soso_list_text {
    word-break: break-all;
    word-wrap: break-word;
    color: #333333;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

}
.search_content_a{
    color: #16A085;
}

.search_content_a em,
.soso_list_content em {
    color: red;
}

.soso_list_content>em {
    color: #16A085;

}

.soso_list_content h2 {
    font-size: 16px;
}

.m_soso_list_content {
    height: 136px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.mysoso_list_text {
    margin-top: 10px;
}

.page {
    line-height: 26px;
    padding: 10px;
    overflow: hidden;
}

.page_box {
    display: flex;
    margin-left: 14px;
    flex-wrap: wrap;
    overflow: hidden;
}

.page_box a {
    display: inline;
    border: 1px solid #C2D5E3;
    color: #333333;
    float: left;
    height: 26px;
    margin-left: 4px;
    overflow: hidden;
    padding: 0 8px;
}

.page_box>li {
    list-style: none;
}

#PhoneCode {
    background: transparent;
}

#myImgCodeUrl {
    width: 110px;
    height: 34px;
    cursor: pointer;
    position: relative;
    left: 32px;
}

.get_phoneCode>span,
.get_imgCode>span {
    padding: 0 4px;
}

#myFindedImgCodeUrl {
    width: 110px;
    height: 34px;
    cursor: pointer;
}

.getFindedPhoneCode {
    cursor: pointer;
}

.get_findedImgCode>span,
.get_findedPhoneCode>span {
    padding: 0 4px;


}

.showPwd,
.findedShowPwd {
    position: relative;
    right: -105px;
    cursor: pointer;
}

#top-header {
    background: #fff;
}

#top-logo {
    display: none;
}

.top-nav {
    margin: 0 auto;
    width: 100%;
    max-width: 1170px;
    height: 78px;
}

.default-menu li a {
    float: right;
    margin: 0 10px 0 0;
    color: #1abc9c;
}

#site-nav .default-menu li a {
    margin: 10px 10px 0 0;
}

.top_right {
    float: right;
    width: 100%;
    max-width: 400px;
}

.my_top_right {
    height: 100%;
    max-width: 600px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.top_search {
    position: relative;
    /* width: 100%; */

}

input {
    outline: none;
    border: none;
}


.search {
    display: flex;
    justify-content: space-between;
    min-width: 396px;
    height: 42px;
    border: 1px solid #ddd;
    overflow: hidden;
    padding-left: 10px;
    border-radius: 4px 0px 0px 4px;
    /* margin-left: 35px; */
    line-height: 42px;
    float: left;
    align-items: center;
}

.mysearch {
    background-color: transparent;
}

.search_btn {
    float: right;
    min-width: 60px;
    padding: 0 4px;
    border-radius: 0px 4px 4px 0px;
    color: #fff;
    cursor: pointer;
    background: #16A085;
    text-align: center;
}

.search_btn>a,
.m_search_btn>a {
    width: 100%;
    display: inline-block;
}

.search_help {
    color: #26AAE1;
    position: relative;
    right: -10px;
    bottom: -38px;
    font-size: 16px;
}

.head_upload {
    background: #fffaf7;
    border: 1px solid #16A085;
    color: #16a085;
    display: inline-block;
    float: right;
    height: 40px;
    width: 165px;
    text-align: center;
    text-decoration: none !important;
    line-height: 43px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    margin-left: 40px;
}

#menu-box {
    z-index: 999;
    width: 100%;
    height: 50px;
    background: #16a085;
}

#top-menu {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1170px;
    transition-duration: .3s;
}

.main-nav {
    margin: 0;
}

.nav-menu,
.nav-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-menu li {
    position: relative;
}

.nav-menu ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10001;
    display: none;
    min-width: 75pt;
}

.nav-menu>li {
    float: left;
}

.nav-menu a,
.nav-menu li.sfHover>ul,
.nav-menu li:hover>ul {
    display: block;
}

.nav-menu a {
    position: relative;
    zoom: 1;
}

.nav-menu ul ul {
    top: 0;
    left: 100%;
}

.nav-menu {
    float: left;
}

.nav-menu li {
    position: relative;
    white-space: nowrap;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.nav-menu li.sfHover,
.nav-menu li:hover {
    -webkit-transition: none;
    transition: none;
}

.nav-menu .sf-mega {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    display: none;
}

.nav-menu li.sfHover>.sf-mega,
.nav-menu li:hover>.sf-mega {
    display: block;
}

#site-nav-wrap {
    float: left;
    margin-top: 5px;
    min-height: 40px;
    vertical-align: middle;
    font-weight: 700;
}

#site-nav .down-menu li {
    float: left;
    display: block;
    margin: 0 4px;
    height: 40px;
    font-weight: 700;
    font-size: 15px;
    line-height: 40px;
}

#site-nav .down-menu a {
    padding: 0 10px;
    color: #fff;
    text-align: left;
}

#site-nav .down-menu>.current-menu-item>a,
#site-nav .down-menu>.current-menu-item>a:hover,
#site-nav .down-menu>li>a:active,
#site-nav .down-menu>li>a:hover {
    border-radius: 5px;
    background: #fff;
    color: #16a085 !important;
    font-weight: 700;
}

#site-nav .down-menu ul {
    padding-top: 5px;
    box-shadow: 0 2px 2px #1abc9c;
}

.shadow #site-nav .down-menu ul {
    padding-top: 5px;
}

.shadow .down-menu ul {
    padding-top: 10px;
}

#site-nav .down-menu ul ul {
    padding-top: 0;
}

#menu-item-3525 ul {
    width: 300px;
}

#menu-item-4103 ul {
    width: 436px;
}

#menu-item-3526,
#menu-item-3715 {
    width: 148px;
}

#menu-item-4110 {
    width: 142px;
}

#menu-item-4111 {
    width: 107px;
}

#menu-item-4112 {
    width: 93px;
}

#menu-item-4113 {
    width: 94px;
}

#site-nav .down-menu ul li {
    display: block;
    margin: 0;
    height: auto;
    border-bottom: 1px solid #1abc9c;
    background: #fff;
    line-height: 1.4em;
}

#site-nav .down-menu ul a {
    display: block;
    margin: 0;
    padding: 10px 20px;
    height: auto;
    color: #1abc9c;
    text-transform: none;
    font-size: .9em;
    line-height: 1.7em;
}

#site-nav .down-menu ul li>a:hover {
    background: #1abc9c;
    color: #fff;
}

#navigation-toggle,
#sidr-close,
#yddaohang,
.sidr {
    display: none;
}

#navigation-toggle {
    /* padding: 0 8px 2px; */
    /* border: 1px solid #ebebeb; */
    border-radius: 2px;
    background: #fff;
    /* box-shadow: 0 1px 1px rgba(0, 0, 0, .03); */
    color: #444;
    /* line-height: 25px; */
}

#navigation-toggle:hover {
    border: 1px solid #16a085;
    background: #16a085;
    color: #fff;
}




#sidr-main {
    position: absolute;
    position: fixed;
    top: 40px;
    z-index: 999999;
    overflow-x: none;
    overflow-y: auto;
    width: 100%;
    background-color: #fff;
    box-shadow: 1px 1px 2px #e2dede;
    font-size: 14px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0;
    height: 95%;
}

.sidr.right {
    right: -20pc;
    left: auto;
}

.sidr.left {
    right: auto;
    left: -20pc;
}

#sidr-main .sidr-class-sub-menu {
    padding-left: 20px;
}

.sidr-class-sf-arrows .sidr-class-sf-with-ul:after {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    content: '';
    border-top-color: #ccc;
}



.my_main{
        padding-top: 15px;
        background: #fff;
}
.xgwd{
    background: #fff;
}

#sidr-main {
    clear: both
}

#sidr-main h3 {
    border-left: 3px solid #ff9494;
}

#sidr-main h3 a {
    color: #000;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    display: block;
    padding-left: 10px;
}

#sidr-main a {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    display: inline-block;
}

#sidr-main a:hover {
    color: #ff9494;
}

#sidr-main .sidr-class-linkbox2 {
    margin: 10px;
    border-bottom: 1px solid #ebebeb;
}

#sidr-main ul a {
    display: block;
    padding: 5px 10px;
    float: left;
    border-radius: 0 2px 2px 0;
    background: #777;
    color: #fff;
    margin: 1%;
    width: 10.5%;
    text-align: center;
}

#sidr-main ul li ul {
    margin: 0;
    margin-left: 0;
}

#sidr-main ul li ul li a:before {
    display: inline-block;
    margin-right: 10px;
    color: #444;
    -webkit-font-smoothing: antialiased;
}

.sidr-class-toggle-sidr-close:before {
    position: absolute;
    top: 50px;
    left: 30px;
    margin: 0;
}

.sidr-class-toggle-sidr-close {
    display: none !important;
    padding: 10px;
    border-bottom: 1px solid #777;
    text-align: center;
    font-weight: 600;
}

#sidr-id-navigation-toggle {
    display: none;
}

@media screen and (max-width:1170px) {
    .plygj {
        display: none !important;
    }
}

@media only screen and (max-width:1024px) {
    #site-nav-wrap {
        float: right;
        margin: 0;
    }

    #navigation-toggle {
        float: none;
        display: block;
        margin-left: -8px;
        padding: 0 8px;
        vertical-align: top;

    }

    .search {
        min-width: 370px !important;
    }

    #pcdaohang,
    #site-nav .nav-menu {
        display: none;
    }

    .pc_user_home {
        display: none;
    }

    .m_user_home {
        position: relative;
        top: 0;
        left: 0;
    }

    .kzjx,
    .mzdh {
        margin-top: 10px;
    }

    #top-menu {
        width: 95%;
        height: 0px;
    }

    .user_home {
        /* position: relative; */
        /* top: -106px; */
        /* left: 149px; */
        color: #444;
        cursor: pointer;
    }

    .user_home>a {
        color: #444;
    }

    #masthead,
    .hidefixnav {
        height: 108px;
    }

    #menu-box,
    #menu-box.shadow {
        height: 0px;
        border-bottom: 1px solid #ebebeb;
        background: #fff !important;
    }

    #menu-box.shadow {
        padding-top: 0;
        box-shadow: 0 0 5px #888;
    }

    .main-nav {
        margin: 7px 0 0;
    }

    #site-nav-wrap {
        margin: 0 10px 0 0;
        min-height: 30px;
    }

    #top-logo {
        float: left;
        /* display: block; */
        margin: 0;
        height: 40px;
    }

    #top-logo img {
        padding-top: 5px;
        width: 99pt;
        height: 30px;
    }

    .nav-set {
        margin: 0 15px 0 0;
    }

    #top-header {
        /* display: none; */
    }
    .pull_left{
        width: 100% !important;
        margin-right:0 !important;
    }
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10004;
    display: none;
    width: 100%;
    height: 100%;
    background: #000;
}

#main-search {
    display: none;
    margin: 10px auto 5px;
    padding: 20px;
    width: 1170px;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .03);
    text-align: center;
}

#searchform input,
#bdsearchform input {
    float: left;
    padding: 2px 10px;
    width: 75%;
    height: 37px;
    border: 1px solid #ebebeb;
    border-radius: 2px 0 0 2px;
    background: #ebebeb;
    font: 14px "Microsoft YaHei", Helvetica;
    line-height: 37px;
    -webkit-appearance: none;
}

#searchform input:focus {
    outline: 0;
    background: #fff;
}

#searchform button,
#bdsearchform button {
    position: relative;
    overflow: visible;
    width: 25%;
    height: 37px;
    border: 0;
    border-radius: 0 2px 2px 0;
    background: #16a085;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}

#searchform button:hover,
#bdsearchform button:hover {
    opacity: .6;
}

.nav-search {
    float: right;
    margin: 10px 5px;
    padding: 0 8px;
    border: 1px solid #fff;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    color: #16a085;
    line-height: 30px;
    cursor: pointer;
}

.nav-search:hover {
    opacity: .9;
}

.breadcrumb {

    overflow: hidden;
    margin: 5px auto;
    padding-left: 10px;
    width: 1170px;
    height: auto;
    line-height: 30px;
    word-wrap: break-wrap;
}

#primary {
    float: left;
    width: 71.5%;
    transition-duration: .3s;
}

#primary.primary {
    width: 100%;
}

.sidebar {
    display: none;
    width: 0;
}

#page .page,
.bulletin,
.post,
.single-picture .picture,
.type-attachment,
.wenda {
    position: relative;
    display: block;
    margin: 0 0 15px;
    padding: 15px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 1px 1px 2px #e2dede;
    moz-box-shadow: 0 0 4px #cecccc;
}

#page {
    margin: 0 auto;
    /*max-width: 1170px;*/
}
.myyl{
     margin: 0 auto !important;
    max-width: 1170px !important;
}
.entry-header h2 {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 28px;
}

.cat-list {
    color: #1abc9c;
    list-style-position: inside;
    list-style-type: disc;
}

.cat-box {
    position: relative;
    margin: 0 0 10px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .03);
}

.cat-box .cat-title {
    float: left;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #f8f8f8;
    border-radius: 5px 5px 0 0;
    background: #f8f8f8;
    font-size: 18px;
    line-height: 40px;
    overflow: hidden;
}

.cat-box .cat-title .catmore a {
    float: right;
    margin-right: 15px;
    color: #999;
    font-size: 14px;
}

.cat-box .cat-title .catmore a:hover {
    text-decoration: underline;
}

.cat-box .cat-title .syfl {
    margin: 0 0 0 15px;
    color: #ff9494;
    overflow: hidden;
    float: left;
    width: 70%;
}

.cat-site {
    padding: 5px 20px 20px;
}

.cat-site h2 {
    overflow: hidden;
    margin: 0 0 5px;
    width: 90%;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1pc;
    line-height: 30px;
}

.cat-main {
    margin: 0 0 5px;
    color: #777;
}

.cat-list li {
    overflow: hidden;
    width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 210%;
}

.line-big .thumbnail,
.line-big .thumbnail a img {
    width: 180px;
    height: 90pt;
}

.line-big .cat-main {
    overflow: hidden;
    height: 90pt;
}

.line-big {
    margin: 0 -5px;
}

.line-big .xl3 {
    position: relative;
    padding: 0 5px;
    min-height: 1px;
}

.archive-content {
    color: #777;
    font-size: 14px;
    line-height: 26px;
}

.archive-tag {
    position: absolute;
    bottom: 18px;
    left: 15px;
    display: block;
    padding: 0 0 0 5px;
    height: 20px;
    border-left: 5px solid #1abc9c;
    color: #999;
    font-weight: blod;
    line-height: 20px;
}

.archive-tag a {
    color: #999;
}

.archive-tag a,
.s_tag a {
    padding: 0 10px 0 0;
    word-wrap: break-word;
    word-break: break-all;
}

.archive-tag a:hover {
    text-decoration: underline;
}

.entry-meta {
    position: absolute;
    padding: 0;
    color: #999;
    line-height: 20px;
}

.entry-meta a {
    color: #a9a9a9;
}

.new-icon,
.post-format a {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 5px;
    border-radius: 0 2px 0 0;
    background: #1abc9c;
    color: #fff;
    animation: fade-in;
    animation-duration: 1.2s;
    -webkit-animation: fade-in 1.2s;
}

.aside-cat {
    float: left;
    margin: 0 10px 0 0;
    background: #1abc9c;
    background: none repeat scroll 0 0 #1abc9c;
    filter: alpha(opacity=60);
}

.aside-cat a,
.aside-cat a:hover {
    padding: 0 10px;
    color: #fff;
    line-height: 28px;
}

.thumbnail {
    position: relative;
    float: right;
    clear: both;
    overflow: hidden;
    margin: 0 0 0 20px;
    width: 300px;
    height: 200px;
    -webkit-transition: -webkit-transform ease .15s, box-shadow ease .2s, z-index ease .15s;
}

.thumbnail a img {
    width: 300px;
    height: 200px;
    border-radius: 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}

.entry-header h1 {
    position: relative;
    margin-bottom: 10px;
    padding: 7px 10px;
    color: #333;
    text-align: center;
    font-weight: 700;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 35px;
}

.single-content {
    font-size: 1pc;
    font-size: 1.6rem;
    line-height: 25px;
}

.single-content a,
.single-content a:hover,
.single-content a:visited {
    color: #1abc9c;
}

.single-content fieldset p {
    margin: 0 0 5px;
}

.single-content dd,
.single-content ol,
.single-content p,
.single-content ul,
.single-contenthr {
    margin: 0 0 20px;
    text-align: justify;
    text-justify: inter-ideograph;
    word-wrap: break-word;
    line-height: 30px;
    word-break: break-all;
}

.single-content h2 {
    margin: 10px 0;
    padding: 5px 0 5px 24px;
    border-left: 6px solid #16a085;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 35px;
    background-color: #f7f7f7;
}

.single-content h3 {
    margin: 10px 0;
    padding: 5px 0 5px 24px;
    border-left: 6px solid #c66;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    background-color: #f7f7f7;
}

.single-content h4,
.single-content h5 {
    margin: 0 0 10px;
    text-indent: 2em;
}

.showmore span {
    padding: 0 8px;
    color: #1abc9c;
    font-weight: 400;
    font-size: 13px;
    cursor: pointer;
}

.section-content {
    display: none;
    padding-top: 1px;
}

.single-content p {
    text-indent: 2em;
}

.single-content ol li,
.single-content ul li {
    margin: 0 0 0 35px;
    line-height: 190%;
}

.single-content ul li {
    list-style-position: inside;
    list-style-type: disc;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.single-content ol li {
    list-style: decimal;
    list-style-position: inside;
}

blockquote {
    clear: both;
    margin: 0 auto;
    padding: 10px 10px 0;
    width: 94%;
    border: 1px solid #f2f2f2;
    background-color: #f2f2f2;
    color: #8b8b8b;
}

.single-content blockquote p {
    text-indent: 0;
    margin: 0 0 10px;
}

.single-content img {
    display: block;
    margin: 0 auto 10px;
    height: auto;
    max-width: 100%;
    width: auto \9;
    vertical-align: middle;
}

.bkwd-youxiugerenboke .single-content img {
    border: 5px solid #ddd;
    padding: 5px;
}

.wp-caption {
    padding: 5px;
    max-width: 100%;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    background: #f3f3f3;
}

.wp-caption-text {
    margin: 0 !important;
    text-align: center !important;
}

img.centered {
    display: block;
    margin: 0 auto 10px;
}

img.alignright {
    display: inline;
    margin: 0 0 10px 10px;
}

img.alignleft {
    display: inline;
    margin: 0 10px 10px 0;
}

.aligncenter,
.alignnone,
img.alignnone {
    display: block;
    margin: 0 auto 10px;
}

.alignright {
    float: right;
    margin: 0 0 10px 10px;
}

.alignleft {
    float: left;
    margin: 0 10px 10px 0;
}

.page-links {
    margin: 10px auto 5px;
    text-align: center;
}

.page-links span {
    display: inline-block;
    margin: 2px;
    padding: 0 9pt;
    border: 1px solid #1abc9c;
    border-radius: 2px;
    background: #1abc9c;
    color: #fff;
    line-height: 30px;
    cursor: pointer;
}

.page-links a span {
    border: 1px solid #ebebeb;
    background: #fff;
    color: #000;
    text-decoration: none;
}

.page-links a:hover span {
    border: 1px solid #1abc9c;
    background: #1abc9c;
    color: #fff;
    transition: all .2s ease-in 0s;
}

.post-password-form input[type=password] {
    padding: 5px;
    width: 40%;
    border: 1px solid #ebebeb;
    background: #fff;
    -webkit-appearance: none;
}

.post-password-form input[type=submit] {
    padding: 5px;
    width: 5pc;
    border: 1px solid #ebebeb;
    background: #fff;
    line-height: 25px;
    cursor: pointer;
    -webkit-appearance: none;
}

.single_info {
    margin-bottom: 10px;
    padding: 0 0 5px;
    border-bottom: 1px solid #ededed;
    color: #737373;
    text-align: center;
}

.cat,
.comment,
.date,
.edit,
.s_cat,
.s_tag,
.views {
    margin-right: 10px;
    color: #a9a9a9;
    font-size: 14px;
}

.cat a {
    color: #16A085;
}

.cat {
    margin-right: 5px;
}

.wdwzbq {
    background: rgba(41, 144, 215, .08);
    border: 1px solid #16a085;
    border-radius: 4px;
    margin: 10px auto 5px;
    font-size: 15px;
}

.wdwzbq p {
    text-indent: 0;
    padding: 10px 15px;
    margin: 0 !important;
    line-height: 24px;
}

.zuijiadaan {
    font-size: 22px;
    color: #16a085;
    margin: 0 0 15px;
    display: inline-block;
    padding: 5px 0 5px 28px;
}

.single_banquan {
    float: right;
    margin: 0;
    padding: 7px 10px;
    width: 100%;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #f5f6f7;
    font-size: 16px;
    line-height: 25px;
    color: red;
    margin-top: 10px;
    font-weight: bold;
}

.single_banquan a,
.single_info a,
.single_info_w a {
    color: #1abc9c;
}

.single_banquan a:hover,
.single_info a:hover,
.single_info_w a:hover {
    text-decoration: underline;
}

.single_info_w {
    text-align: left;
}

.abstract {
    display: block;
    margin: 0 0 10px;
    padding: 5px 15px;
    border: 1px dashed #ebebeb;
    background: #fff;
    color: #999;
    font-size: 14px;
}

.abstract span {
    float: left;
    padding-right: 10px;
    color: #999;
    font-weight: 600;
}

.abstract p {
    display: inline;
}

#slideshow {
    position: relative;
    margin: 0 0 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .03);
}

.rslides {
    position: relative;
    overflow: hidden;
    width: 100%;
}

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

.rslides li:first-child {
    position: relative;
    float: left;
    display: block;
}

.rslides img {
    float: left;
    display: block;
    width: 100%;
    height: auto;
    border-radius: 2px;
}

.rslides_tabs {
    position: absolute;
    bottom: 0;
    z-index: 2;
    margin: 0 auto;
    padding: 10px 0;
    width: 100%;
    max-width: 100%;
    text-align: right;
}

.rslides_tabs li {
    float: none;
    display: inline;
    margin-right: 5px;
}

.rslides_tabs a {
    color: #1abc9c;
}

.rslides_tabs li:first-child {
    margin-left: 0;
}

.rslides_tabs .rslides_here a {
    display: inline;
    padding: 0 5px;
    width: auto;
    height: auto;
    border: 1px solid #1abc9c;
    border-radius: 10px;
    background: #1abc9c;
    color: #fff;
}

.slider-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: block;
    padding: 8px 15px;
    width: 100%;
    max-width: none;
    border-radius: 2px 0 0 0;
    background: #000;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    filter: alpha(opacity=50);
}

.slider-caption p {
    position: relative;
}

.social-main {
    margin: 20px 0 0;
}

.social-main .like a {
    float: left;
    line-height: 30px;
    color: #333;
    border: 1px solid;
    padding: 6px 9pt;
    border-radius: 4px;
    border-color: #ccc;
    text-align: center;
    vertical-align: middle;
    width: 90pt;
}

.social-main .like a:hover {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad;
}

.clr {
    zoom: 1;
}

.social-main .like i {
    color: #333;
    font-style: normal;
    margin: 0 5px 0 0;
}

.social-main .bdsharebuttonbox {
    float: right !important;
}

.social-main .bdsharebuttonbox .s-txt {
    float: left;
    line-height: 34px;
    font-size: 14px;
    color: #999;
    margin-top: 5px;
}

.social-main .shang i {
    font-style: normal;
    margin: 0 5px 0 0;
}

.social-main .shang a {
    margin-left: 30px;
    float: left;
    line-height: 30px;
    border: 1px solid;
    padding: 6px 9pt;
    border-radius: 4px;
    border-color: #ccc;
    text-align: center;
    vertical-align: middle;
    width: 90pt;
}

.dashang {
    position: relative;
    z-index: 0;
}

.dashang:hover {
    background-color: transparent;
    z-index: 50;
}

.dashang span {
    position: absolute;
    left: -10px;
    visibility: hidden;
    color: #000;
    text-decoration: none;
    padding: 5px 5px 0;
}

.dashang span img {
    border-width: 0;
    padding: 2px 2px 0;
    height: 300px;
    max-width: 452px;
    margin: 0;
}

.dashang:hover span {
    visibility: visible;
    top: -20pc;
    left: -10pc;
}

@media screen and (max-width:600px) {
    .single-content p {
        margin: 0 0 10px 0;
    }

    .liubaixx {
        display: none;
    }
}

.post-navigation {
    clear: both;
    margin: 20px 0 -10px;
}

.post-navigation div {
    position: relative;
    margin-bottom: 10px;
    display: block;
    width: 50%;
    color: #999;
    font-size: 14px;
}

.post-previous {
    float: left;
    padding-left: 40px;
}

.post-next,
.post-previous {
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.post-next {
    float: right;
    padding-right: 40px;
    text-align: right;
}

.post-navigation div span {
    display: block;
    color: #999;
    font-size: 80%;
}

.post-navigation div a:after {
    position: absolute;
    top: 34%;
    margin-top: -11px;
    height: 22px;
    color: #ccc;
    font-size: 60px;
    line-height: 22px;
}

.post-previous a:after {
    left: 0;
    content: "\00AB";
}

.post-next a:after {
    right: 0;
    content: "\00BB";
}

.nav-single-c a {
    color: #b6b6b6;
    text-align: center;
    font-size: 50px;
}

.meta-nav-l {
    right: 0;
}

.meta-nav-l,
.meta-nav-r {
    position: fixed;
    top: 45%;
    z-index: 1;
    width: 75pt;
}

.meta-nav-r {
    left: 0;
}

#single-widget h3 {
    margin: 15px 0 0 20px;
}

#single-widget .widget {
    float: left;
    margin-right: -1px;
    width: 50%;
}

#single-widget .widget ul {
    margin: 0 5px 5px;
}

#sidebar {
    float: right;
    overflow: hidden;
    width: 27.5%;
}

#sidebar h3 {
    margin-left: 15px;
    height: 44px;
    border-bottom: 1px solid #e6e6e6;
    font-weight: 400;
    line-height: 34px;
}

.widget-title .cat {
    position: absolute;
    display: block;
    margin-top: 4px;
    height: 40px;
    border-bottom: 3px solid #1abc9c;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    color: #333;
    font-weight: 700;
    font-size: 1pc;
    line-height: 34px;
}

.widget {
    margin: 0 0 15px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    background: #fff;
    box-shadow: 1px 1px 2px #e2dede;
    moz-box-shadow: 0 0 4px #cecccc;
}

.widget ul li {
    width: 99%;
}

#hot_post_widget ul li,
#new_cat ul li,
.widget ul li {
    overflow: hidden;
    text-overflow: ellipsis;

    word-wrap: normal;
    line-height: 28px;
}

#hot_post_widget ul li,
#new_cat ul li {
    width: 80%;
}

#gaoxiaodz_post_widget ul,
#hot_wenda_widget ul,
#new_wenda_widget ul,
#random_post_widget ul,
#related_post_widget ul,
#zzhot_post_widget ul {
    color: #1abc9c;
    list-style-position: inside;
    list-style-type: disc;
}

#calendar_wrap,
#sidebar #searchform,
.tagcloud,
.widget .textwidget,
.widget ul {
    padding: 8px 15px 15px;
}

.widget .textwidget img {
    display: block;
    padding: 7px 0 0;
    width: auto;
    height: auto;
    max-width: 100%;
}

#sidebar .widget_nav_menu,
.widget_categories,
.widget_links {
    padding: 0;
}

#sidebar .widget_nav_menu ul,
.widget_categories ul,
.widget_links ul {
    padding: 8px 0 15px;
}

#sidebar .widget_nav_menu li,
.widget_categories li,
.widget_links li {
    float: left;
    width: 50% !important;
    height: 45px;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    background: #fff;
    text-align: center;
    line-height: 45px;
}

#sidebar .widget_nav_menu a,
.widget_categories a,
.widget_links a {
    width: 45% !important;
    height: 45px;
    text-align: center;
    line-height: 45px;
}

#sidebar .widget_nav_menu a:hover,
.tagcloud a:hover,
.widget_categories a:hover,
.widget_links a:hover {
    color: #1abc9c;
}

.hot_commend ul li {
    border-bottom: 1px dashed #dadada;
    white-space: normal;
}

.hot_commend .thumbnail {
    position: relative;
    overflow: hidden;
    margin: 8px 8px 8px 0;
}

.hot_commend .thumbnail,
.hot_commend a img {
    float: left;
    width: 75pt;
    height: 75px;
}

.hot_commend .hot-title {
    overflow: hidden;
    padding-top: 5px;
    height: 55px;
    line-height: 25px;
}

.hot-title p {
    font-weight: bold;
    font-size: 16px;
}

.hot-title .hot_commend .views {
    float: right;
    color: #999;
}

.li-icon {
    background: #ccc;
    font-size: 12px;
    color: #fff;
    line-height: 180%;
    margin: 0 5px 0 0;
    padding: 0 5px;
    border-radius: 2px;
}

.li-icon-1,
.li-icon-2,
.li-icon-3 {
    background: #1abc9c;
}

.list-date {
    float: right;
    color: #999;
}

.follow {
    position: fixed;
    top: 0;
    width: 310px;
}

.comments-area,
.comments-title {
    margin-bottom: 10px;
}

.comments-title {
    padding: 20px;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .03);
}

.comment-list,
.comment-list ol {
    padding: 0 20px 10px;
    background: #fff;
    list-style: none;
}

.comment-list .children li {
    position: relative;
    border-bottom: none;
    margin-left: 60px;
}

.comment-list .children .children li {
    margin-left: 0;
}

.comment-body {
    padding: 15px 0;
    border-top: 1px solid #e6e6e6;
}

.comment-list .avatar {
    float: left;
    display: block;
    margin: 0 10px 0 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.comment-author {
    color: #999;
}

.author_avatar .avatar,
.user_avatar .avatar {
    float: left;
    display: block;
    margin: 0 10px 0 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.dengji,
.duzhe,
.reply_t {
    font-size: 14px;
}

.fn {
    font-style: normal;
}

.floor,
.fn {
    font-weight: 700;
}

.floor {
    float: right;
    color: #c3c3c3;
    font-size: 14px;
}

.comment-meta,
.comment-meta a {
    color: #999;
}

.zuozhehuifu {
    padding: 1px 2px;
    font-size: 14px;
    color: #16a085;
    border: 1px solid #16a085;
    border-radius: 3px;
    margin: 0 5px;
}

.children a.at {
    color: #fff;
    font-size: 12px;
    margin-right: 5px;
    padding: 1px 5px;
    background: #1abc9c;
    border-radius: 3px;
}

.children .reply_tz,
.children .reply_tz a {
    font-size: 12px;
    color: #999;
    padding-right: 5px;
}

.no-comments {
    margin: 0 0 10px;
    padding: 10px;
    border: 1px solid #ebebeb;
    background: #fff;
    text-align: center;
}

#edita {
    color: #8b8b8b;
}

#respond {
    padding: 10px 20px;
    border-top: 1px solid #ebebeb;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .03);
}

#respond,
#respond h3 {
    margin: 0 0 15px;
}

#respond h3 a {
    float: right;
    padding: 2px 10px;
    border: 1px solid #ebebeb;
    border-radius: 2px;
}

#comment-author-info input {
    padding: 0 5px;
    width: 50%;
    height: 37px;
}

#comment,
#comment-author-info input {
    margin: 0 10px 10px 0;
    border: 1px solid #ebebeb;
    background: #fff;
    -webkit-appearance: none;
}

#comment {
    padding: 5px;
    width: 100%;
    border-radius: 2px;
}

.form-submit {
    height: 44px;
    line-height: 44px;
}

#respond #submit {
    float: right;
    margin: 0 10px;
    padding: 6px;
    width: 108px;
    border: 1px solid #16a085;
    border-radius: 2px;
    background: #16a085;
    color: #fff;
    cursor: pointer;
    transition: all .2s ease-in 0s;
    -webkit-appearance: none;
}

#respond #submit:hover {
    opacity: .6;
}

.comment-list p {
    color: #555;
    padding-left: 60px;
}

.children .avatar {
    margin: 0 10px 0 0;
    width: 40px;
    height: 40px;
}

.children p {
    padding-left: 50px;
}

.plbj p {
    padding-left: 0;
}

#commentform p {
    padding-left: 0;
    max-height: 100%;
}

.author_avatar,
.user_avatar {
    margin: 0 0 10px;
    height: 40px;
    line-height: 40px;
}

.author_avatar img,
.user_avatar img {
    float: left;
    margin: 0 10px 0 0;
    width: 40px;
    height: 40px;
    border: 1px solid #ebebeb;
}

.comment-tool {
    float: left;
}

.comment-tool a {
    margin: 0 0 0 10px;
    padding: 5px 10px;
    border: 1px solid #1abc9c;
    color: #1abc9c;
    border-radius: 22px;
    font-size: 17px;
}

.comment-tool a:hover {
    border: 1px solid #1abc9c;
    background: #1abc9c;
    color: #fff;
}

.smiley-box a img {
    width: 24px;
    height: 24px;
    margin: 0 2px;
}

.smiley-box {
    position: relative;
    display: none;
    width: 100%;
    max-width: 448px;
}

#anchor {
    top: -75px;
}

.loading-comments {
    display: none;
    margin: 0 0 10px;
    width: 100%;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .03);
    text-align: center;
    line-height: 45px;
}

#links {
    margin: 0;
    text-align: center;
    padding-top: 10px;
    width: auto;
    color: #ccc;
}

#colophon {
    width: auto;
    color: #ccc;
    margin-top: 10px;
}

.site-info {
    color: #999;
    background-color: #23282d;
    padding: 10px 0;
    text-align: center;
}

.add-info {
    display: block;
    padding: 5px 0;
}

#footer-widget-box {
    background-color: #2d3237;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, .1);
}

.footer-widget {
    margin: 0 auto;
    width: 1170px;
}

.footer-widget .widget {
    float: left;
    padding: 0 20px;
    width: 33.33%;
    border: 0;
    background-color: #2d3237;
    box-shadow: none;
    margin: 0;
}

.footer-widget h3 {
    font-size: 15px;
    color: #ccc;
    margin: 15px 0 0 0;
}

.footer-widget,
.footer-widget a {
    color: #ccc;
}

.site-info a {
    color: #999;
}

.about-me-img li {
    float: left;
    padding: 5px;
    width: 50% !important;
}

.about-me-img p {
    text-align: center;
}

.footer-widget .menu li {
    float: left;
    width: 33%;
}

@media screen and (min-width:550px) {
    .pagination {
        float: right;
    }

    .pagination a,
    .pagination a:visited {
        margin: 0 0 10px 5px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .03);
    }

    .pagination .current,
    .pagination .dots,
    .pagination a,
    .pagination a:visited {
        float: left;
        padding: 8px 11px;
        border: 1px solid #ebebeb;
        border-radius: 2px;
        background: #fff;
        line-height: 100%;
    }

    .pagination .current,
    .pagination .dots {
        margin: 0 0 0 5px;
    }

    .pagination a:hover {
        border: 1px solid #1abc9c;
        background: #1abc9c;
        color: #fff;
    }

    .pagination span.current {
        border: 1px solid #f2f2f2;
        background: #f2f2f2;
        color: #000;
        font-weight: 700;
    }

    .current-page-selector,
    .pages,
    .screen-reader-text {
        display: none;
    }
}

@media screen and (max-width:550px) {
    .current-page-selector {
        padding: 0 5px;
        font-size: 11px;
        margin: 0;
        text-align: center;
        background-color: #fff;
    }

    .pagesym {
        display: none;
    }

    .pagination {
        border: 1px solid #ebebeb;
        border-radius: 2px;
        background: #fff;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .03);
    }

    .pagination .nav-links {
        position: relative;
        min-height: 30px;
        text-align: center;
    }

    .pagination .current .screen-reader-text {
        position: static !important;
    }

    .screen-reader-text {
        position: absolute !important;
        overflow: hidden;
        height: 1px;
    }

    .page-numbers {
        display: none;
        padding: 4px;
        line-height: 25px;
    }

    .pagination .page-numbers.current {
        text-transform: uppercase;
    }

    .pagination .current {
        display: inline-block;
    }

    .pagination .next,
    .pagination .prev {
        position: absolute;
        display: inline-block;
        overflow: hidden;
        padding: 0 8px;
        background: #1abc9c;
        color: #fff;
        line-height: 35px;
    }

    .pagination .next {
        border-radius: 0 2px 2px 0;
    }

    .pagination .prev {
        border-radius: 2px 0 0 2px;
    }

    .pagination .next a,
    .pagination .prev a {
        display: inline-block;
        padding: 0;
        color: #fff;
        line-height: 20px;
    }

    .pagination .prev {
        left: 0;
    }

    .pagination .prev:before {
        left: -1px;
    }

    .pagination .next {
        right: 0;
    }

    .pagination .next:before {
        right: -1px;
    }

    #comment-navigation .current {
        padding: 0 0 0 50%;
        line-height: 35px;
    }
}

#down a {
    float: left;
    margin: 8px 0 15px 25px;
    padding: 0 15px;
    height: 35px;
    border: 1px solid #1abc9c;
    border-radius: 3px;
    background: #1abc9c;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    color: #fff;
    text-align: center;
    line-height: 35px;
}

#down a:hover {
    opacity: .6;
    transition: all .3s ease-in 0s;
}

#button_box {
    display: none;
}

#button_file h3 {
    padding: 0 0 5px;
    text-align: center;
}

.buttons a {
    float: left;
    display: block;
    margin: 10px 10px 10px 0;
    padding: 2px 15px;
    border: 1px solid #1abc9c;
    border-radius: 3px;
    background: #1abc9c;
    color: #fff !important;
}

.buttons a:hover {
    opacity: .6;
    transition: all .3s ease-in 0s;
}

#goto {
    margin-bottom: 14px;
    margin-left: 2em;
}

#goto,
#goto a {
    width: 90pt;
    height: 40px;
}

#goto a {
    display: block;
    background: #1abc9c;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font: 700 1pc/40px "宋体";
}

.new-ico {
    position: absolute;
    top: -1px;
    right: -1px;
    padding: 0 3px;
    border: 1px solid #1abc9c;
    border-radius: 0 2px 0 0;
    background: #1abc9c;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}

.page-id-3606 #primary,
.page-id-203 #primary,
.page-id-3271 #primary,
.page-id-3363 #primary,
.page-id-3625 #primary,
.page-template-template-code #primary,
.page-template-template-cssmh #primary,
.page-template-template-daohang #primary,
.page-template-template-daohangid #primary,
.page-template-template-full #primary,
.page-template-template-htmlmh #primary,
.page-template-template-jsmh #primary,
.page-template-template-links #primary,
.page-template-template-readers #primary,
.post-170 #primary,
.post-3364 #primary,
.template-ndwzpf #primary,
.page-template-template-nopinglun #primary {
    width: 100%;
}

.search-page {
    margin: 0 0 10px;
    padding: 0 20px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    background: #fff;
    box-shadow: 1px 1px 2px #e2dede;
    moz-box-shadow: 0 0 4px #cecccc;
}

.search-no-results .post {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: 0;
}

.search-page li {
    margin: 0 -20px;
    padding: 0 20px;
    border-bottom: 1px solid #dadada;
    line-height: 280%;
}

.search-inf {
    float: right;
    color: #999;
}

li.search-inf {
    border: 0;
}

.abc-site {
    overflow: hidden;
    margin: 0 0 15px;
    padding: 4px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    background: #fff;
    box-shadow: 1px 1px 2px #e2dede;
    moz-box-shadow: 0 0 4px #cecccc;
}

#button_file .abc-site {
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    moz-box-shadow: none;
}

.entry-content .abc-site {
    border: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
}

.abc-site img {
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.abc-l,
.abc-pc,
.abc-r {
    text-align: center;
}

.entry-content .abc-pc {
    margin: 0 -11px 10px;
    text-align: center;
}

.entry-content .abc-m {
    margin: 0 -11px 10px;
}

.abc-l {
    float: left;
    width: 70.4%;
}

.abc-r {
    float: right;
    width: 28.6%;
}

#dzq h3 {
    margin: 10px 0 5px;
}

#dzq ul {
    margin: 0 0 1px;
    list-style: outside none none;
}

#dzq .readers-list {
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 9pt;
    line-height: 18px;
}

#dzq .readers-list li {
    float: left;
    margin: 0 5px 0 0;
    width: 230px;
    list-style: none;
}

#dzq .readers-list a,
#dzq .readers-list a:hover strong {
    background-color: #f7faff;
    background-image: -webkit-linear-gradient(#f8f8f8, #f7faff);
    background-image: linear-gradient(#f8f8f8, #f7faff);
}

#dzq .readers-list a {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 4px;
    padding: 4px 4px 4px 44px;
    height: 3pc;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: #eee 0 0 2px;
    color: #999;
}

#dzq .readers-list em,
#dzq .readers-list img,
#dzq .readers-list strong {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

#dzq .readers-list img {
    float: left;
    margin: 0 8px 0 -40px;
    width: 36px;
    height: 36px;
    border-radius: 2px;
}

#dzq .readers-list em {
    margin-right: 10px;
    color: #666;
    font-style: normal;
}

#dzq .readers-list strong {
    position: absolute;
    top: 4px;
    right: 6px;
    width: 40px;
    color: #ddd;
    text-align: right;
    font: 700 14px/1pc microsoft yahei;
}

#dzq .readers-list a:hover {
    border-color: #1abc9c;
    background-color: #fff;
    background-image: none;
    box-shadow: #ccc 0 0 2px;
}

#dzq .readers-list a:hover img {
    margin-left: 0;
    opacity: .6;
}

#dzq .readers-list a:hover em {
    color: #1abc9c;
    font: 700 14px/36px microsoft yahei;
}

#dzq .readers-list a:hover strong {
    top: 0;
    right: 180px;
    height: 44px;
    border-right: 1px solid #ccc;
    color: #1abc9c;
    text-align: center;
    line-height: 40px;
}

.readers,
.readers a {
    overflow: hidden;
}

.readers a {
    float: left;
    margin: 0 5px 25px;
    width: 72px;
    height: 60px;
    color: #999;
    text-align: center;
    text-decoration: none;
    font-size: 9pt;
}

.readers .avatar {
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
    border-radius: 5px;
}

.readers a.item-top {
    margin: 0 1% 30px;
    padding: 10px;
    width: 23%;
    height: 100%;
    border-radius: 5px;
    background-color: #f6f6f6;
    color: #bbb;
    text-align: left;
}

.readers a.item-top .avatar {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}

.readers a.item-top h4 {
    padding: 10px 0 0;
    color: #ff5e52;
    text-align: center;
    font-size: 1pc;
}

.readers a.item-top strong {
    display: block;
    color: #ff5e52;
}

.readers a.item-top:hover {
    background-color: #f1f1f1;
}

.readers a.item-2 h4 {
    color: #7ccd38;
}

.readers a.item-2 strong {
    display: block;
    color: #7ccd38;
}

.readers a.item-3 h4 {
    color: #52baf5;
}

.readers a.item-3 strong {
    display: block;
    color: #52baf5;
}

.readers a.item-4 h4 {
    color: #ecb842;
}

.readers a.item-4 strong {
    display: block;
    color: #ecb842;
}

@media screen and (max-width:900px) {
    #sidr-main ul a {
        width: 23%;
    }

    .abc-r {
        display: none;
    }

    .abc-l {
        width: 99.9%;
    }
}

@media screen and (max-width:1170px) {

    #colophon,
    #content,
    #main-search,
    #mobile-nav,
    .breadcrumb,
    .footer-widget {
        width: 98%;
    }

    .mycontainer {
        float: left;
        width: 100% !important;
        margin: 0 auto;
    }

    .follow {
        width: 28%;
    }

    #colophon {
        width: auto;
    }

    .breadcrumb {
        width: 98%;
    }

    .hotw1 {
        display: none;
    }

    #plinks .plinks ul li {
        width: 90pt;
    }
}

@media screen and (max-width:1023px) {
    .dhxiaoshi {
        display: none;
    }
}

@media screen and (max-width:1024px) {
    .nav-search {
        margin: 7px 10px 0 0;
        padding: 0 8px;
        border: 1px solid #ebebeb !important;
        background: #fff !important;
        color: #999;
        vertical-align: top;
        line-height: 25px;
    }

    .nav-search:hover {
        border: 1px solid #a3a3a3;
        background: #a3a3a3 !important;
        color: #fff;
    }

    #main-search.shadow,
    #mobile-nav.shadow {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 999;
        margin: 10px auto 0;
    }

    .mobile-search {
        margin: 0 0 5px 20px;
        padding: 0 8px 2px;
        height: 25px;
        border: 1px solid #ebebeb;
        background: #fff;
        font-size: 13px;
    }

    #primary {
        width: 99.9%;
    }

    .logo-site {
        margin: 5px 0 0 10px;
    }

    #sidebar,
    .add-info,
    .authorbio,
    .singlezz {
        display: none;
    }

    #anchor {
        top: -43px;
    }

    .r-hide {
        display: none;
    }

    .new-icon {
        font-size: 9pt;
        line-height: 18px;
    }
}

@media screen and (max-width:1100px) {

    #cyEmoji,
    #dcyji {
        display: none !important;
    }
}

@media screen and (max-width:768px) {
    .readers a.item-top {
        width: 48%;
    }

    #plinks .plinks ul li {
        width: 130px;
    }

    #links,
    .footer-tag {
        display: none;
    }

    .entry-content .archive-content {
        overflow: hidden;
        height: 84px;
    }
}

@media screen and (max-width:720px) {
    #inf-d {
        width: 70%;
    }

    #gg,
    #zhuantituijian,
    .archive-tag,
    .search-inf {
        display: none;
    }

    .mzdh_list li {
        padding: 5px !important;
        width: 90pt !important;
    }
}

@media screen and (max-width:640px) {
    .recommend-items {
        display: none;
    }

    .entry-header h1 {
        background: #fff;
        box-shadow: 0 1px 1px transparent;
        text-align: center;
    }

    .site-info {
        padding: 5px 0;
    }

    #single-widget .widget {
        width: 99.6%;
    }

    .footer-widget .widget {
        margin: 0;
        width: 99.6%;
    }
}

@media screen and (max-width:620px) {

    .cat-box .thumbnail,
    .cat-box .thumbnail a img {
        width: 75pt;
        height: 75px;
    }

    .cat-box .cat-main {
        overflow: hidden;
        height: 75px;
    }

    .entry-header h2 {
        font-size: 16px;
        font-weight: 400;
        overflow: hidden;
        margin: 0 0 5px;
        height: 52px;
        text-align: justify;
        word-break: break-all;
    }

    .archive-content,
    .entry-content .cat,
    .entry-more {
        display: none;
    }

    .thumbnail {
        margin: 0 10px 0 0;
    }

    .thumbnail,
    .thumbnail a img {
        width: 75pt;
        height: 75px;
    }

    .aside-cat,
    .thumbnail .cat {
        display: none;
    }

    .entry-meta {
        left: 15px;
        display: inline;
        padding: 0;
    }

    .format-aside .entry-meta {
        float: left;
    }

    .xiaoshi {
        display: none;
    }
}

@media screen and (max-width:480px) {
    .social-main .bdsharebuttonbox {
        float: left !important;
    }

    .children p {
        padding-left: 60px;
    }

    .children .avatar {
        width: 50px;
        height: 50px;
    }

    .comment-list .children li {
        margin-left: 0;
    }

    .xl3 {
        width: 100%;
    }

    .line-big {
        margin: 0 -3px;
    }

    .slider-caption,
    .ydsxpian {
        display: none;
    }

    .single-content {
        font-size: 1pc;
        font-size: 1.6rem;
    }

    .fontsmall {
        font-size: 18px;
        font-size: 1.8rem;
    }

    .dengji,
    .entry-meta .edit-link,
    .plxiaoshi {
        display: none;
    }

    .comment-list li {
        position: relative;
        margin: 0;
    }

    .entry-header h1 {
        font-weight: 600;
        font-size: 20px;
        font-size: 2rem;
        line-height: 30px;
    }

    .single-content h2,
    .single-content h3 {
        padding: 5px 0 5px 10px;
        font-size: 1pc;
        font-size: 1.6rem;
    }
}

@media screen and (max-width:440px) {
    .readers a.item-top {
        width: 98%;
    }

    .post {
        padding: 15px;
    }

    .single-content h2,
    .single-content h3 {
        margin: 10px -15px;
    }

    .single-content h4,
    .single-content h5 {
        margin: 0 0 10px;
        text-indent: 0;
    }

    .entry-meta {
        bottom: 10px;
    }

    .plxiaoshi {
        display: none;
    }

    .single-content ol li,
    .single-content ul li {
        margin: 0;
        line-height: 190%;
    }

    .single_info {
        text-align: left;
    }

    .entry-header h1 {
        padding: 0;
        text-align: left;
    }

    .xControl,
    .xContent,
    .single-content p {
        text-indent: 0 !important;
    }

    .zuijiadaan {
        padding: 5px 0;
    }
}

@media screen and (max-width:320px) {

    .btxiaoshi,
    .entry-meta .comment,
    .single_info .comment,
    .tools,
    .ydxiaoshi {
        display: none;
    }

    #searchform input {
        width: 65%;
    }

    #searchform button {
        width: 35%;
    }
}

@media screen and (max-width:240px) {
    #plinks .plinks ul li {
        width: 150px;
    }

    .cat-list .list-date,
    .entry-meta .views,
    .single_info .views {
        display: none;
    }
}

@media screen and (min-width:300px) {
    .xl3 {
        float: left;
        width: 50%;
    }
}

@media screen and (min-width:1170px) {
    .xm3 {
        float: left;
        width: 50%;
    }
}

@media screen and (max-width:700px) {
    .xl3 {
        width: 100%;
    }
}

.expand_collapse {
    float: right;
    margin: 5pc 0;
    padding: 4px 0;
    width: 5pc;
    border: 1px solid #1abc9c;
    border-radius: 2px;
    background: #1abc9c;
    color: #fff;
    text-align: center;
}

.archives-yearmonth {
    margin: 5px 0 5px 5px;
    padding: 0 0 0 8px;
    border-left: 5px solid #1abc9c;
    line-height: 30px;
}

.archives-monthlisting li {
    margin: 5px 0 5px 5px;
    padding: 0 0 0 1pc;
}

.wp-smiley {
    display: inline !important;
    height: 22px !important;
    max-height: 22px !important;
}

.side-link {
    position: fixed;
    width: 54px;
    height: 275px;
    right: 0;
    top: 90%;
    z-index: 100;
    list-style: none;
    padding: 0;
}

.side-link li {
    width: 54px;
    height: 54px;
    position: relative;
}

.side-link li a div,
footer {
    position: absolute;
    overflow: hidden;
}

.side-link li a {
    border: 0;
    line-height: 54px;
    text-decoration: none;
    width: 54px;
    height: 54px;
    display: inline-block;
}

.side-link li a div {
    width: 54px;
    height: 54px;
    top: 0;
    right: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: .8;
    color: #fff;
    font: 13px "微软雅黑";
    text-indent: 55px;
    line-height: 54px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom: 1px solid #fff;
    background-color: #1abc9c;
    display: inline-block;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    -webkit-background-size: 54px 270px;
    -o-background-size: 54px 270px;
    background-size: 54px 270px;
}

.side-link li a div {
    width: 124px;
    background-color: #16a085;
    border: 1px solid #16a085;
}

.side-link li:hover a div {
    width: 124px;
    background-color: #16a085;
    border: 1px solid #16a085;
}

.cb_qq {
    background-position: -3px -2px;
}

.cb_mail {
    background-position: -3px -56px;
}

.cb_hz {
    background-position: -3px -110px;
}

.cb_pl {
    background-position: -3px -164px;
}

.cb_db {
    background-position: -3px -218px;
}

#gg {
    position: fixed;
    bottom: 0;
    background: #000;
    width: 100%;
    height: 23px;
    line-height: 23px;
    z-index: 9999;
    opacity: .6;
    filter: alpha(opacity=60);
    box-shadow: 10px 0 5px #000;
}

#gg a {
    color: #fff;
    letter-spacing: 2px;
    text-shadow: 0 1px 0 #000;
}

.close a {
    float: right;
    margin: 0 10px 0 0;
}

.suiji {
    height: 23px;
    color: #fff;
    margin: 0 0 0 20px;
    min-height: 23px;
    overflow: hidden;
}

.suiji,
.suiji a {
    float: left;
}

.suiji li {
    height: 23px;
    padding-left: 25px;
}

.recommend-items {
    background: #fff;
    margin: 0 0 10px;
    padding: 10px;
    border: 1px solid #e6e6e6;
    moz-box-shadow: 0 0 4px #cecccc;
    box-shadow: 1px 1px 2px #e2dede;
    border-radius: 2px;
    overflow: hidden;
}

.recommend-items .item {
    position: relative;
    float: left;
    overflow: hidden;
    width: 22.6%;
    max-width: 100%;
    height: auto;
    margin: 1.2%;
}

.recommend-items .item .txt {
    position: absolute;
    bottom: 0;
    color: #fff;
    left: 0;
    overflow: hidden;
    padding: 0 5px;
    width: 100%;
    height: 22px;
    background: #000;
    background: rgba(0, 0, 0, .5);
    text-align: center;
    white-space: nowrap;
    line-height: 22px;
    filter: alpha(opacity=50);
}

.recommend-items .item a {
    color: #fff;
}

.recommend-items .item img {
    width: 100%;
    max-width: 100%;
    height: 135px;
}

#teamnewslist ol {
    list-style: none;
    margin-left: 36px;
    padding-left: 14px;
    border-left: 2px solid #eee;
    font-size: 18px;
    color: #666;
}

#teamnewslist b {
    font-size: 9pt;
    font-weight: 400;
    color: #999;
    display: block;
    position: relative;
    margin-bottom: 5px;
}

#teamnewslist b:after {
    position: absolute;
    top: 6px;
    left: -22px;
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #ccc;
    box-shadow: 2px 2px 0 #fff, -2px -2px 0 #fff;
}

#teamnewslist li {
    list-style: none;
    margin: 0 0 20px;
    line-height: 100%;
}

#teamnewslist li:hover {
    color: #555;
}

#teamnewslist li:hover b:after {
    border-color: #1abc9c;
}

#teamnewslist li:hover b {
    color: #1abc9c;
}

.video-content {
    position: relative;
    width: 90%;
    margin: 15px auto;
}

.video-content i {
    position: absolute;
    bottom: 40%;
    left: 47%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAflBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAwMLCwsQEBAiIiIsLCw4ODg9PT1ERERvb2+MjIyXl5ezs7O0tLS8vLzU1NTt7e309PT4+Pj6+vr////l6d4RAAAAKXRSTlMABxUaHCRLTl5faHp7mqqtuMPGx8jMzM7P0tPV1tjf5eft7e/1+vz9/pWOOCUAAAEOSURBVEjHnZbZcsIwDEVvEpKQfRXdV6Ct/v8H+wDtUG/49jzaOjO2ZUsGTLKy7cZJZBq7tsxwhbTq5Q99lQbCN80qFmuz8YQn9SJOljpxxeeDeBlyO76YJcBcmPFbucKWjDeMQiK4WFU+xwjz786TQaIYfk63lkjqc36XWGE55byRaBoASNd4YU0BVEJQAeit0YdHr9ADmT36oft7n5GhtAdV9ev11i2UaJ2C6vF55xJadB5B9fDkEDqMXkH1/c6aGzEFBP18uTHmJkhIUD2Yk7xALym06TfXpuljpRNHXw368tHXm39A9BOliwBfZuhCxpdKuhjz5Z5vKHzL4psi33b5xs5/Hf7xOYn5/nwDqO6c1qRa6HUAAAAASUVORK5CYII=) 50% 50% no-repeat;
    width: 40px;
    height: 40px;
    border-radius: 40px;
}

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

.tabqh h3 {
    position: relative;
    border-bottom: none !important;
    font-size: 1pc;
    height: 34px !important;
    margin-left: 0 !important;
}

.tabqh .tab {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.tabqh .tab span {
    float: left;
    width: 50%;
    text-align: center;
    border-left: 1px solid #e8e8e8;
    background: #fff;
}

.tabqh .tab span.fb {
    height: 37px;
    line-height: 2pc;
    border-top: 4px solid #1abc9c;
    background: #fff;
}

.tabqh li {
    float: left;
    width: 50%;
    height: 45px;
    line-height: 45px;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    background: #fff;
    text-align: center;
}

.tabqh li a {
    display: block;
}

.page-template-template-tag #primary {
    width: 100%;
}

#tag_letter {
    margin-left: 13px;
}

#tag_letter li {
    list-style: none;
    float: left;
    background: #16a085;
    width: 31px;
    height: 31px;
    line-height: 31px;
    color: #a5a5a5;
    text-align: center;
    margin: 4px;
    border-radius: 2px;
}

#tag_letter li:hover {
    background: #1abc9c;
}

#tag_letter li a {
    color: #fff;
    display: block;
}

#all_tags {
    margin: 30px 6px;
    clear: both;
}

#all_tags li {
    list-style: none;
}

#all_tags h4 {
    margin: -70px 0 0 5px;
    padding: 70px 0 30px;
    height: 40px;
    border-bottom: 1px dashed #dadada;
}

#all_tags li a {
    margin: 5px;
    color: #a9a9a9;
}

#all_tags li a:hover {
    text-decoration: underline;
    color: #1abc9c;
}

.showmore span {
    font-size: 13px;
    color: #1abc9c;
    font-weight: 400;
    padding: 0 8px;
    cursor: pointer;
}

#yunluo {
    position: relative;
    width: 100%;
    height: 0;
    overflow: visible;
}

#yunluo img {
    position: absolute;
    top: -10px;
    right: 0;
    z-index: 10;
}

.feilan a.orage,
.linkcat a.orage {
    background: #fab172;
}

.feilan a.green {
    background: #67d4a7;
}

.feilan a.purple {
    background: #949fd8;
}

.feilan a.black {
    background: #666;
}

.feilan a.pink {
    background: #ff9494;
}

.feilan a.blue {
    background: #004687;
}

.feilan a.gray {
    background: #b6b6b6;
}

.feilan a.huangs {
    background: #f90;
}

.feilan a.shuang {
    background: #b686d7;
}

.feilan a.ylysdhys {
    background: #a4cb87;
}

.feilan a.dmyxdhys {
    background: #e4c09a;
}

.feilan a.sygjdhys {
    background: #5e86bc;
}

.feilan a.mfztdhys {
    background: #5ecbef;
}

.feilan a.hzbkdhys {
    background: #ff7148;
}

.linkcat a.hongse {
    background: #1abc9c;
    border: 1px solid #1abc9c;
    color: #fff;
}

.feilan a {
    color: #fff !important;
    font-size: 1pc !important;
}

.link-page ul li {
    list-style: none;
    margin: 0;
    line-height: auto;
}

.link-page ul {
    line-height: 20px;
    text-align: center;
}

#linkdh .linkcat {
    padding: 0 0 10px;
    overflow: hidden;
    zoom: 1;
}

.link-all {
    overflow: hidden;
}

.link-all,
.link-all a img {
    max-width: 100%;
    width: auto;
    height: auto;
}

.link-all a img {
    margin: 0 auto;
}

.link-all a {
    background: #fff;
    color: #555;
    font-size: 14px;
    text-align: center;
    padding: 9pt 5px;
    display: block;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 2px;
    transition-duration: .5s;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
}

.link-all a:hover {
    background: #1abc9c;
    border: 1px solid #1abc9c;
    color: #fff;
}

.link-page {
    margin: 0 -2px;
}

.cx7,
.cx78,
.cx79,
.cx74 {
    float: left;
    min-height: 1px;
    padding: 2px;
}

@media screen and (min-width:280px) {
    .cx7 {
        width: 50%;
        transition-duration: .5s;
    }
}

@media screen and (min-width:550px) {
    .cx7 {
        width: 33.33333333%;
        transition-duration: .5s;
    }
}

@media screen and (min-width:700px) {
    .cx7 {
        width: 25%;
        transition-duration: .5s;
    }
}

@media screen and (min-width:900px) {
    .cx7 {
        width: 20%;
        transition-duration: .5s;
    }
}

@media screen and (min-width:1024px) {
    .cx7 {
        width: 14.2857%;
        transition-duration: .5s;
    }
}

#down .fa-download {
    font-size: 1pc;
    color: #fff;
    margin: 0 8px 0 0;
}

.sf-arrows .sf-with-ul {
    padding-right: 2.5em;
}

.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -.1em;
    margin-top: -2px;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top-color: #fff;
}

.sf-arrows>.sfHover>.sf-with-ul:after,
.sf-arrows>li:hover>.sf-with-ul:after,
.sf-arrows>li>.sf-with-ul:focus:after {
    border-top-color: #1abc9c;
}

.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #fff;
}

.sf-arrows ul .sfHover>.sf-with-ul:after,
.sf-arrows ul li:hover>.sf-with-ul:after,
.sf-arrows ul li>.sf-with-ul:focus:after {
    border-left-color: #fff;
}

.sf-arrows>.sfHover>.sf-with-ul:after,
.sf-arrows>li:hover>.sf-with-ul:after,
.sf-arrows>li>.sf-with-ul:focus:after {
    border-top-color: #fff;
}

.nav-single-c a {
    font-size: 50px;
    color: #b6b6b6;
    text-align: center;
}

.nav-single-c a:hover {
    color: #555;
}

.meta-nav-l {
    right: 0;
}

.meta-nav-l,
.meta-nav-r {
    position: fixed;
    top: 45%;
    width: 75pt;
}

.meta-nav-r {
    left: 0;
}

@media screen and (max-width:1300px) {
    .nav-single-c a {
        display: none;
    }
}

.fancybox-close {
    position: absolute;
    background: #1abc9c;
    top: -25px;
    right: 0;
    color: #fff;
    padding: 0 8px;
    border-radius: 5px 5px 0 0;
}

.fancybox-close:hover {
    color: #ccc;
}

.fancybox-title-outside-wrap {
    display: none;
}

.flbox .thumbnail a img,
.recommend-items .item a img,
.top_post_item .thumbnail a img,
.xl3 .cat-site .thumbnail a img {
    -webkit-transition: all 1.2s;
    transition: all 1.2s;
}

.flbox:hover a img,
.recommend-items .item:hover a img,
.top_post_item:hover a img,
.xl3 .cat-site .thumbnail a img:hover {
    border-radius: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -ms-transform: scale(1.2);
}

.flbox:hover h2 a {
    color: #1abc9c;
}

.flbox:hover {
    box-shadow: 0 3px 6px #bbb;
}

.gongzhonghao {
    float: left;
    width: 130px;
}

.guanzhu {
    padding-left: 15px;
    overflow: hidden;
    height: 137px;
}

.guanzhu .tit {
    color: #262626;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    font-weight: 700;
    height: 50px;
    white-space: nowrap;
    overflow: hidden;
}

.guanzhu a {
    display: block;
    margin-top: 10px;
    border-radius: 5px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 13px;
    padding-left: 21px;
}

.guanzhu .dingyue a {
    background-color: #d28300;
}

.guanzhu .xinlang a {
    background-color: #4e91d1;
}

.guanzhu a:hover {
    opacity: .9;
}

#tgzuozhe p {
    margin-bottom: 6px;
    line-height: 25px;
    font-size: 1pc;
    text-indent: 0;
}

#tgzuozhe .author-name {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    margin: 10px 0 15px;
}

.guanzhu .titzz {
    color: #1abc9c;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    font-weight: 700;
    height: 50px;
    padding: 7px 0;
    white-space: nowrap;
    overflow: hidden;
}

#tgzuozhe img {
    display: block;
    margin: 0 auto;
    width: 75pt;
    height: 75pt;
    border-radius: 50%;
}

.guanzhu .zhuanlan a {
    background-color: #72b1ff;
}

.guanzhu .guanwang a {
    background-color: #f7473f;
}

.jieshao p strong {
    font-size: 15px;
    line-height: 30px;
}

.jieshao li {
    line-height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.liebiao li {
    list-style-type: disc;
    list-style-position: inside;
    color: #1abc9c;
}

.dp-highlighter ol li {
    list-style: decimal;
    list-style-position: outside;
}

.authors a.item-top {
    width: 31%;
}

.authors a.item-top h4 {
    padding: 0;
}

.authors a.item-top .avatar {
    float: none;
    margin: 0 auto 10px;
}

.authors {
    padding-top: 15px;
}

.shouyezuozhe a.item-top {
    margin: 0 1%;
}

.shouyezuozhe {
    padding-top: 0;
}

.shouyezhuanti a.item-top {
    width: 31%;
    padding: 0;
    margin: 0 1%;
}

.shouyezhuanti a img {
    max-width: 100%;
    width: auto;
    height: auto;
    border-radius: 5px;
}

.zhuanti {
    padding: 15px 5px 10px 15px;
}

#sidebar a.hong {
    color: #c01e22;
}

#sidebar .Author-recommendation {
    width: 100% !important;
}

.Author-recommend {
    text-align: center;
}

.Author-recommendation {
    width: 33.33333%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.zzavatar img {
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50%;
}

.liebiaos li {
    line-height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.liebiaos li a {
    color: #333 !important;
}

.liebiaos li a:hover {
    color: #1abc9c !important;
}

.liebiaos li {
    list-style-type: disc;
    list-style-position: inside;
    color: #1abc9c;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    line-height: 190%;
}

.liebiaos p {
    text-align: left;
    margin: 8px 0;
}

.Author-recommend .wrap .description {
    margin: 10px auto 5px;
    max-width: 80%;
    height: 50px;
    font-size: 13px;
    line-height: 25px;
}

.Author-recommend .wrap {
    height: 400px;
    margin-top: 60px;
    padding: 0 20px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    background: #fff;
}

#aboutme_widget li {
    float: left;
    width: auto;
    margin-right: 6px;
    height: 40px;
    line-height: 38px;
}

#aboutme_widget a {
    color: #999;
    width: 40px;
    display: block;
    text-align: center;
    margin: 0 auto;
    border-radius: 25px;
    border: none;
}

#aboutme_widget .fauser a:hover {
    color: #fff;
    background: #b686d7;
    border: 1px solid #b686d7;
}

#aboutme_widget .fahome a:hover {
    color: #fff;
    background: #949fd8;
    border: 1px solid #949fd8;
}

.Author-recommend .wrap:hover {
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
}

.Author-recommend .wrap .zzavatar {
    width: 80px;
    height: 80px;
    margin-top: -40px;
    display: inline-block;
    background-color: #fff;
}

.Author-recommend .wrap .zzavatar img {
    vertical-align: baseline;
}

.Author-recommend .wrap .zzavatar {
    border-radius: 40px;
}

.Author-recommend .wrap h4 {
    font-size: 21px;
    font-weight: 700;
}

@media screen and (max-width:1170px) {
    .Author-recommendation {
        width: 50%;
    }
}

@media screen and (max-width:720px) {
    .Author-recommendation {
        width: 100%;
    }
}

@media screen and (max-width:360px) {
    #aboutme_widget li {
        margin-right: 0;
    }
}

#sidebar #slideshow1 ul {
    padding: 0;
}

#sidebar #slideshow1 .rslides_tabs {
    display: none;
}

#related-medias .media-list .item {
    margin: 0;
    padding: 15px 0 10px;
    line-height: 120%;
}

#related-medias .media-list .img-wrap {
    width: 58px;
    height: 58px;
    background-color: #e8e8e8;
    border: 1px solid #e8e8e8;
    border-radius: 50%;
    overflow: hidden;
}

#related-medias .media-list .img-wrap img {
    width: 100%;
    height: 100%;
    padding: 0 !important;
}

#related-medias .media-list .media-info {
    height: 60px;
    font-size: 0;
    padding-left: 14px;
    overflow: hidden;
}

#related-medias .media-list .media-inner {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

#related-medias .media-list .media-inner .media-name {
    display: inline-block;
    max-width: 100%;
    color: #1abc9c;
    font-size: 1pc;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#related-medias .media-list .media-inner .media-des {
    margin-top: 6px;
    height: 40px;
    line-height: 15px;
    color: #505050;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal !important;
}

.y-left {
    float: left;
}

#top_post_filter {
    border-bottom: 1px solid #e5e5e5;
    padding: 0 15px;
}

#top_post_filter li {
    float: left;
    width: 40%;
    height: 43px;
    line-height: 43px;
    color: #999;
    font-size: 1pc;
    text-align: left;
}

#top_post_filter .top_post_filter_active,
#top_post_filter li:hover {
    border-bottom: 3px solid #1abc9c;
    cursor: pointer;
    color: #333;
    font-weight: 700;
}

span.top_post_item {
    display: block;
    border-bottom: 1px dashed #ddd;
    padding: 8px 15px;
    width: 100%;
}

span.top_post_item .thumbnail,
span.top_post_item img {
    float: left;
    width: 75pt;
    height: 75px;
}

span.top_post_item .thumbnail {
    position: relative;
    margin: 8px 8px 8px 0;
    overflow: hidden;
}

span.top_post_item .hot-title {
    height: 55px;
    padding-top: 5px;
    line-height: 25px;
    overflow: hidden;
}

span.top_post_item .views {
    float: right;
    color: #999;
}

span.top_post_item:hover img {
    box-shadow: 0 0 3px 2px #ddd;
}

span.top_post_item_no_border {
    border-bottom: 0;
}

.widget_zonghe_post .border_gray {
    margin-bottom: 0;
}

.tab_post_links li:first-child {
    padding-top: 15px;
}

.tab_post_links li {
    padding-top: 5px;
}

#text-10 .textwidget,
#text-11 .textwidget {
    padding: 0;
}

.single_info a {
    color: #a9a9a9;
}

.leixing {
    margin-right: 9pt;
    color: #fff;
}

.tglx {
    background: #4aca6d;
}

.tglx,
.zzlx {
    padding: 2px 10px;
    border-radius: 2px;
}

.zzlx {
    background: #d270fb;
}

.yclx {
    padding: 2px 10px;
    border-radius: 2px;
    background: #fd5d3c;
}

#zgsc ul {
    width: 20%;
    float: left;
    margin: 0;
    padding: 0;
}

#zgsc li,
#zgsc ol,
#zgsc ul {
    list-style: none;
}

#zgsc ul li {
    display: block;
    padding: 5px 10px;
    margin: 0 2px 2px 0;
    border-bottom-right-radius: 8px;
    cursor: pointer;
}

#zgsc ul li span {
    display: block;
    font-size: 14px;
    cursor: pointer;
}

#zgsc .white {
    color: #fff;
}

#htmlchar tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

#htmlchar table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid #e1e1e1;
}

#htmlchar table tr {
    background-color: #f4fbf3;
}

#htmlchar table td {
    border: 1px solid #ccc;
    text-align: center;
}

#colordp .boxc {
    margin-right: 2px;
}

#colordp .boxc,
#colordp .boxr {
    float: left;
    display: block;
    padding: 5pc 0 0;
    width: 90px;
}

#colordp .boxr {
    margin-right: 30px;
}

#colordp span {
    background-color: #fff;
    width: 90px;
    text-align: center;
    display: block;
}

.clearfix {
    zoom: 1;
}

.columnInfo li {
    float: left;
    width: 33% !important;
    padding: 7px 0;
    text-align: center;
    list-style: none;
    margin: 5px 0;
}

.columnInfo li p {
    line-height: 20px;
    text-align: center !important;
}

.fz16 {
    font-size: 1pc !important;
}

.red {
    color: #1abc9c !important;
}

.gray {
    color: gray;
}

.columnInfo li.two {
    border: 1px solid #ddd;
}

.columnInfo li.one {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.post-password-form {
    margin: 15px 0;
    padding: 5px 5px 0;
    border-radius: 2px;
    border: 1px solid #ddd;
}

.post-password-form input[type=password] {
    width: 40%;
    height: 38px;
    line-height: 30px;
}

.post-password-form input[type=password],
.post-password-form input[type=submit] {
    background: #fff;
    padding: 5px;
    border-radius: 2px;
    border: 1px solid #ddd;
    -webkit-appearance: none;
}

.post-password-form input[type=submit] {
    width: 5pc;
    line-height: 25px;
    cursor: pointer;
}

.post-password-form input[type=submit]:hover {
    background: #1abc9c;
    color: #fff !important;
    border: 1px solid #1abc9c;
}

.secret-password .fa-check-square {
    font-size: 18px !important;
    color: #7ab951 !important;
    margin: 0 10px 10px;
}

.post-secret .fa-exclamation-circle {
    font-size: 18px !important;
    color: #f85d00 !important;
    margin: 0 10px 10px 30px;
}

.reply-read {
    margin: 15px 0;
    border-radius: 2px;
    border: 1px solid #ddd;
}

.reply-ts {
    float: left;
    width: 75%;
}

.read-sm,
.read-smx {
    padding: 5px 15px;
    margin-bottom: -1px;
}

.read-sm {
    border-bottom: 1px solid #ddd;
}

.read-pl {
    float: right;
    width: 25%;
    height: 74px;
    line-height: 74px;
    text-align: center;
    border-left: 1px solid #ddd;
}

.read-pl a {
    display: block;
    color: #555 !important;
}

.read-pl a:hover {
    background: #1abc9c;
    color: #fff !important;
}

.reply-read .fa {
    font-size: 18px !important;
    color: #f85d00 !important;
    margin: 0 10px 0 0;
}

@media screen and (max-width:414px) {
    #sidr-main ul a {
        width: 31.33%;
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.single-content fieldset {
    margin: 0 0 10px;
    padding: 5px 15px;
    border: 1px solid #ddd;
}

.single-content legend {
    padding: 5px;
    font-weight: 700;
}

.iboke112 {
    position: relative;
    z-index: 0;
}

.iboke112:hover {
    z-index: 50;
    background-color: transparent;
}

.iboke112 span {
    position: absolute;
    left: -10px;
    visibility: hidden;
    padding: 5px 5px 0;
    border: 1px dashed gray;
    background-color: #ffffe0;
    color: #000;
    text-decoration: none;
}

.iboke112 span img {
    margin: 0;
    padding: 2px 2px 0;
    height: 120px;
    max-width: 120px;
    border-radius: 0 !important;
}

.iboke112:hover span {
    top: 10px;
    left: 30px;
    visibility: visible;
}

#related-medias .media-list .media-inner .media-des .wp-smiley {
    height: 13px !important;
    max-height: 13px !important;
}

.vip,
.vip1,
.vip2,
.vip3,
.vip4,
.vip5,
.vip6,
.vip7,
.vp {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApkAAAAyCAMAAAAgNTBkAAADAFBMVEX6+vrc3NyWlpa7u7sAAADI+Qv5AS/1J4zdYgqmjwC9hwDmhwDQxGLKdDrj0QDdeiDw53Kc/QC+fEj45s348/JylayRqbYAErhSAACkTi/TiEHETBMAgebJdTNxlKcvg9yU7wD1XUkVtezA6i3qWb4Qpeb4fh7icxn7apZDu+45jeXrZ8PTYhfUu7XXmjjwgM3o29gAKdT+7JEAWdDeBpb/9mf/pQ2l1Q3/9i3jIwB71gDfsEXpPAD/8H3/8GvCkVzwizj/5F7fxamvAADzmEIhe91NgKBYi633pUz/8Z8WeOFAlOn/5iDUTgorZo24AAD8+fa1x9Gh1AD9uxr8a5cYWoXUdUj9wyr/ywDrdyz99A7//dLz1bOjvMzB0t3s8vYAS878FbLb5uwAu//4Vsd5oLnvMx/rVL3/7AH/7dH7puElf+b3hHMTdeBPrwBHmOr/+bBN2/+7/gDb/03/+FLBlmf4bhWTtcwAEtDwFQDw2LreyK/1hz+PAAD/+6TtGwDJYTL/9YniZAhclbgooub5bAIAG9D/uwCuAAD/7o3YAIP/994uhufzyJDutHDuu36/1uPno2X6UQAAAMbslQPN2+bdUgwAOdb///b/3kzmggCf/wAAn//ktHr/5hS5z9yIqcD/8oP8t1X/zAD5bwuDrsioxtksvv7/3SkAj/0AhP37KLsogeYAzP/0KxHkWwz7fAD/9gJLxP7M/wD5LQD8kS1kxQDsiBrynS3tYg4AItP9jtv/ZABuxAAADc/xaBL/8hXqAAD/oAD/4Fyz4B7NAAD/sx40i+j/bgD/rQCu4QD/76nFAAD/+pD/97//++b/pQD9C7P/+8b/z0TzAAD///z/+XrffQPXbgAAM6hFaoC3AGfqu37/+YOlAAD+gNfZV680k9HPSwn127sAAJYZbMjgAACdsLzwJxAAOmoAIa6+AF7kAADdNKobitRxl7DRXgqmAAAAAL0CbNz8apb7bg/5ADj4AAA9nwD/PQCZzAD/mQCfAADMRwjt7fL29vi2cAM9AAAABXRSTlMETpsTANyJmfwAAAzJSURBVHja7Zt5VFT3FcfTZv7p3iZpm31pjRq1pqmttrVbatVWU4PWfaFqiyZtNWmaol1I1CpxHURBDdBCRVxQUDMGUEFlggjEDR2caRuljS0NKDJAyKi8Gfq9j9/jwvxm4htm5pzXk/fx3fv7+XLu/b2TfM4dnmNus5iYGBHTTBNjYpppYjxu64zLbZex4RwKeqrDbWjIlvrPMeBp64b73TDik8LMtr+2YcM5FPRUh9vQkC31n2Ow09YBq3U4soUx4pPCzN//8Q/YzGz7PjL2/wlM4HKp+l9BkAt1NvxnEPBPe9vyv0EIWBvGOe1B4IJInnYzCH5VRUVFVroQFmbiuxPVpb90ShSe9J0gyJ/o8arLb7aNfGhsW/xzJ4jngNiIdexDgc7kauTH2uJ/DV4jeCPWx+TKWzZ8vC3+F+AwwRuxPs4VIbTc3hb/U7Ce4E3nmhlrCRM+Z2hb/KugnOCNWKdwRWROG9YW/xtQRvBGrF/saabVWpSSUjTF2sPMd0H//pSjoiY/ad+2+F+B1wneiPURfzOPrjloOXjm/Kq9Xz74laMwcUzrmBMjW0e2traOQSDjgqIDAp+Kal9XNURcfm35a4hr1yg461JTbggRBzb2OdynsU9jY+NAhJb7kJq9arne55vVtGj9oqZFTU1NsxDIuINb61MDVvfynHJ42D60fGj7UMzJcoSWh7KakTutDB7eHFY27OYwzMkyhJaH9VSTxiXUdDqd67qLyUjHRPpJIeI0d7/X+7n7ud3uaQiRce8RfzOXntl75s3zP1m1d9WTR8eOHdva0XoC0dFBoWbcODE20NT0r8aMvNZx7TUE6hCcdU1NuSFmZGNH42EEmiA489QMsWVmpq+poykTgTYIAEGRMjPDmJryOZiR7R3t5QicgODMUzNyp2FG3uy4WYbACQjOPabmuqIUZ0pRyr2X11id1mibGfhJMSPdHe7XEXg6BGcxNdnMgxd+dPo06qYs/ZTX+/bkAbByLUJcCLqxdu2AAEOTq91elSVkJdkpLgo14wNdrtXTkKwkO8VFoWZ8oHON7paDBqElWTkXIS51IVmBpffIj05Wkp3iQiDTzCwv55qInUZWkp3iQiDTzCwr6y6mdd1wp/POmMvOIlYzqmbyk3oFZCXZKS4KNeMDvaeZey9cuPg8mTnF662p8dK8HKOZSdCOxDwhH8nVqCS8ebBwuWYmIfKOHXlyrZ6GZOZ8zUxC5NpamBlyy0GD0JKszNLMJDr3WZmZcy29R370bJho18wkRK6snMo1ETvNBhMnaGYSIldV2fjPbzAua+5yxsRYnc6Ubp/n0RRTftJ8WLhMM5Nw52+iWytW5Pc0c9OFC0tPdZpZc+aMd+2C1g6WE9DvF+AtaK18JFd7CVTnPQonWU6g5uU78nSZKTeshZYsJ5hPicys5Rp9LdFu0CC0HA8tWU6gfaaPH28JCz7HS2RXtnewnKCSEszMZjMjd5qtCk6ynIAyzLTZuGZdivPemjUxw50pJCYTRTHl/6TkIcsJNmli+pu5desPf/C9aX379vV6z53zrlXVHEPzsvNjnHa0jpSP5GpUEt68PJISQdOSJqWYmXl5X5Br9TSsVdVE0LQkH7tm5kCuCa1lZiZJiYCN8HEWfitm5qyA5b09JzubpERgTtKkzBYzMzv7Fa6J2Gk2G0mJoGlJk1LMTJutysLg50xrDcR0Oou695oYPTH5Sad94o47yLD8fJIS0UGCkpCamO/0NPPHWy88f3rN+Snnn/y096WXvHv27FnQugCBaYl1D+1oDSQmV1MlkbdjB97MMTkxJ2lSYkc8qldMbgioaS2pOR+BaYmVfgewwwtQiC3domXs9u1ZTVmx9G6OdXtsrLgRG87IlB8dM7PS3m7PpkmJtTIbO6IybDHlf/MIW1XVhJsTbFUYlFirbNgBjMwXuhelqO/liC4z2c2J0fGSDRv+cTwoxNy2bZl7GSan2411Wz5MxUKr37v55Lc17vNevAgzfwn2EF0rCCgmV6OS8O4g8oDYiFWvmHLD2sDQxAy15X333HOPFy23E6lAbMS6Pjwx5UevJLKB2Ih1KosZydOqCBtQN7xW9ShyahzVzGQ1LdFicne/5s3bRswD6obX/Pf5Gx1eEMp3QMDXuSwRb4hhfQfEcMNwvwOS2y6JzndA8qNH8zsg+TR93wEBK/9hZvSR/HonKObfNfrAY4WYhsc008SYmGaaGBPTTBPjcbtppokh+ZBppokh+fDtppkfSJIGW4wPzHzL8xY2nENBT3W4DQ3ZUv85BjstCSQnD0a2MEZ8Upjp+YsHG86hoKc63IaGbKn/HIOdVlhYmEwXgm8a8Ulh5p9f/q0F2fNdZOz/HZjA5VL134IgF+ps+I8g4J/2tuXfgxCwNoxzbgSBCyJ52vUg+JuZnFyYllZYlNzDzPfee48WZInIP+nVIEhmWhyqy294WhZv9jg2HyI2A3XD6+cDncnVyPd7HD8DuwjedK65rXLlLRtWexw/B7sJ3oj1q1wRQsvRHsdckEPwRqyfs4QJn7PB43gFVBC8Ees+rojMaQs9jhdACcEbsX6zRxGNS6jpcrmSupspiJKa/KQej+N34ADBG7GW+ptZerrOUvfs2Z3Hv1S3sxQmbmzZeOhIy5GWlpaNCGRcUDMx8KmoTu2qhohDGmbvmt0wu6GhYQhCZNy7Xy7V0RAirr6yejfiyhUKzrsbuSSkljmpqaPqx+WMqx9XX18/CoGMO7iVMytgdS/PqYCHNzZUbLixAXOyAiEy7rVzSaROK4GH1xeWLLy+EHOyBCEy7j1sYZIK01xphWkPzFyT7EqWxZTVjPyTQsSTzScPIJqbKTgLNdnMuqeePX7ujbP7dh7fObUOQ7LF13II4fNRUMYVZGr6V2NGNvgadiFQh+C8a5eOqSk3xIy84ruyG4EmCM48NUNsmZOTWu+rz0GgDQJAUKSwpqZ8DmbkDd+NCgROQHDmqRm50zAjr/uulyBwAoKzOjVZzOSkwS7XnTEzXYVQM/pmyk+KGdnsaz6AwNMhOIupyWYef+bVb19EXftTTyvKpZVPwMpEhLgQdCMx8YlD8pFcPUJRaSYryU5xIQgyM1eu1dOQrCQ7xUWhZnygc43uliMQzXGwMhYhLnXBr7i4uCZL75EfnawkO8WFQKaZWVHBNRE7jawkO8WFQKaZWVLSVTIT47LmLldMTLLLleZKiqqZ8pMqArKS7BQXhZrxge5n5v5njn2NzETpli0KmblRM5OgHcQMZCZXK1tATY2SAQtna2YSIufmZsi1ehqSmas1MwmR58yZwzW6W44YgZbjoeE4zUwCG7oVFzfeEhZ8DqhR7DBxg2YmIXJxMX+cR+60dJi4UDOTELmg4DNck5TmegD/t8VgVxqLGf2fM/lJCcUBC09qZhLNjpN0Cz+E9jTz5P79x77eaWbNjBlKIrRkOQHtNuItKFE+kqsVYsY5JWMInGQ5gZpn52bskmv1NJwDLVlO8XMmdtVkZogtZ8y4RC0fhJb4NUnICcRn+oMPWsKCz1EIe/ENH8sJiinBTDubGbnT0gvgJMsJKMPM9IctDH7OTK6BmC5XYfde0RSTnxTQ05bCQ5YTnBRilvp9mj+9b8WGb32jrrT0ZUU5dUpZvFhVkealOiwXY0drYot8JFejklAyMkhKBE1LmpRiZmZktMq1ehrOUdVE+HzkY/WcrpmJnzN71zIujqREwEb4OCoO70J0Iy5udMDy3p5jt5OUCMxJmpR2MTPtdv40j9xp6ekkJQJzkiZlupiZ6end387T1PdyhGRmtMTkJ61TEhLIsFJVTYSPBCUhNTGv9jRz5b7937l4+mx75dRPKi++CDOh5kYEpiXWxbSjNZCYXE2VREZuLt7MMTkxJ2lSYkcMydD5bs4NATWtrq7GmzkC0xIr/Q5gBzFDbLlStMwaPXpS/aQs8hHr6KwscSPrs5YwkB/dXlyMN3M7TUqsxXbsAEZmmC9A8r95BGZmAd7M0wswKLEWpGNHFJCYjEtjmWomEzUx+Uk/9tGP0INevepw4M38Kr2RY3XgjzJpodXiZ+YljQRl+nSYeQQsJrpWEFBMrkblsWPHpiu5RAYQG7HqfTOXG1YHhsQMtWXC3XffraDln4hFQN3wGqaY/OjHAM4pJuxAbMTazhMzkqcVEOlAbMT6sBCTSVb/MFMiamKyYQl4VqWuzkHUgc4Nr+/z9zMVEMp3QCC1c0lQVBLC+g6I4Ybhfgckt02IzndA8qNH8zsg+bRbfgfEarKYUUfy62pQzL85bPL/gGmmiTExzTQxJqaZJsbENNPEmJhmmhgT00wTY2KaaWJMTDNNjIlppokxMc00MSammSbGxDTTxJiYZpoYk/8BLhnvWHDjZ+kAAAAASUVORK5CYII=) no-repeat;
    display: inline-block;
    overflow: hidden;
    border: none;
}

.vp {
    background-position: -515px -2px;
}

.vp,
.vp:hover {
    width: 1pc;
    height: 1pc;
    margin-bottom: -3px;
}

.vp:hover {
    background-position: -515px -22px;
}

.vip {
    background-position: -494px -3px;
}

.vip,
.vip:hover {
    width: 1pc;
    height: 14px;
    margin-bottom: -2px;
}

.vip:hover {
    background-position: -494px -22px;
}

.vip1 {
    background-position: -1px -2px;
}

.vip1,
.vip1:hover {
    width: 46px;
    height: 14px;
    margin-bottom: -1px;
}

.vip1:hover {
    background-position: -1px -22px;
}

.vip2 {
    background-position: -63px -2px;
}

.vip2,
.vip2:hover {
    width: 46px;
    height: 14px;
    margin-bottom: -1px;
}

.vip2:hover {
    background-position: -63px -22px;
}

.vip3 {
    background-position: -9pc -2px;
}

.vip3,
.vip3:hover {
    width: 46px;
    height: 14px;
    margin-bottom: -1px;
}

.vip3:hover {
    background-position: -9pc -22px;
}

.vip4 {
    background-position: -227px -2px;
}

.vip4,
.vip4:hover {
    width: 46px;
    height: 14px;
    margin-bottom: -1px;
}

.vip4:hover {
    background-position: -227px -22px;
}

.vip5 {
    background-position: -331px -2px;
}

.vip5,
.vip5:hover {
    width: 46px;
    height: 14px;
    margin-bottom: -1px;
}

.vip5:hover {
    background-position: -331px -22px;
}

.vip6 {
    background-position: -441px -2px;
}

.vip6,
.vip6:hover {
    width: 46px;
    height: 14px;
    margin-bottom: -1px;
}

.vip6:hover {
    background-position: -441px -22px;
}

.vip7 {
    background-position: -611px -2px;
}

.vip7,
.vip7:hover {
    width: 46px;
    height: 14px;
    margin-bottom: -1px;
}

.vip7:hover {
    background-position: -611px -22px;
}

.pinglunqs {
    float: right;
    color: #fff;
    padding: 2px 10px;
    border-radius: 2px;
}

.plshafa {
    background: #fd5d3c;
}

.plbandeng {
    background: #d270fb;
}

.pldiban {
    background: #4aca6d;
}



.article-zabc {
    text-align: center;
    background: #fff;
}

@media screen and (max-width: 768px) {

    .hengxian,
    .article-dabc,
    .article-zabc {
        display: none !important;
    }
}


.box {
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(26, 26, 26, .04);
}

.mar10-b {
    margin-bottom: 15px;
}

.pd20 {
    padding: 10px 20px;
}

.fs14 {
    font-size: 14px;
}

.user-info {
    margin-left: 168px;
}

.user-cover {
    height: 40px;
    background-color: #e6e6e6;
}

.pos-r {
    position: relative;
}

.avatar-img-box {
    left: 20px;
    top: -28px;
    border: 4px solid #1abc9c;
    border-radius: 4px;
    width: 148px;
    height: 148px;
    background-color: #f1f3f7;
}

.avatar-img-box img {
    width: 140px;
    height: 140px;
}

.pos-a {
    position: absolute;
}

.user-info .user-des {
    margin-right: 150px;
}

.user-info .wzzzys {
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 5px;
}

.zzmsys {
    margin: 8px 0;
    font-size: 15px;
}

.user-button-r {
    right: 20px;
    bottom: 20px;
}

.mar10-l {
    margin-left: 10px;
}

.user-info .tg a {
    text-decoration: none;
    width: 105px;
    display: inline-block;
    background-color: #e12f11;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 35px;
    text-align: center;
    right: 20px;
    bottom: 20px;
    position: absolute;
}

.user-info .aboutme {
    width: 70%;
}

.term-mlyunluo #content,
.genre-mlyunluo {
    webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.tooltip {
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    height: 16px;
    line-height: 16px;
    top: -.5em;
    vertical-align: baseline;
}

.tooltip-icon {
    border: 1px solid #1abc9c;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    font-family: caption, Arial;
    color: #1abc9c;
}

.tip-content {
    z-index: 999999;
    display: none;
    position: absolute;
    left: -5px;
    bottom: 30px;
    width: 240px;
}

.tip-content-inner {
    position: absolute;
    bottom: 0;
    left: 0;
    text-indent: 0;
    display: block;
    width: auto;
    max-width: 200px;
    padding: 10px;
    line-height: 20px;
    border: 1px solid #1abc9c;
    background: #fff;
    line-height: 20px;
    color: #333;
    font-size: 14px;
}

.tip-content-inner:before {
    content: "";
    position: absolute;
    left: 7px;
    bottom: -24px;
    border-style: solid solid solid solid;
    border-color: #1abc9c transparent transparent transparent;
    border-width: 12px 6px;
}

.tip-content-inner:after {
    content: "";
    position: absolute;
    left: 8px;
    bottom: -20px;
    border-style: solid solid solid solid;
    border-color: #fff transparent transparent transparent;
    border-width: 10px 5px;
}

.tooltip:hover>.tip-content {
    display: block;
}

#sc_notice {
    color: #7da33c;
    background: #ecf2d6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAIAAAAmKNuZAAABXklEQVR42u2U2UrDQBSG+8K+heKC653bE/Ra9EZb04CmooI32aABk2C1bRprFibbxB/HNqUpJIHoVeEPzHLmyzlnzpxG826tRjXwXYvrtWiFy3TfO361BJcMExpDbjDSra7QO6mMa0lbxviR0iRNU5pSEn1BGLCpOX6CQVlcS9q0XA0nSeRI/UtO2WPrt8oupiScYMv2jba8XQqnWw848OmbnLKfdwF029NhYNrPxTjki0XXWcZiwhbzsaudFeCQe9jJ/auloBej2VEPMBDfLmCGOApwDhnAu1m+5sUQ2pDHuC3v4KK8wCrARQkJImfmizANh7HeJ+KNuMFW/NAGsQLOIR9h7IGYZzFcnIQVguXVQy8Y4Qd5FgsWhV3qKlBfbMqrR0jQAqvCVeQLBdW7wOKyQjn/3zKu/5FlLYC9eZr8toBpR6jWAubziI6E6wMINeGSwU+DOl019z/D1ahv/4DCs72FOK8AAAAASUVORK5CYII=) -1px -1px no-repeat;
    border: 1px solid #aac66d;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
}

#sc_warn {
    color: #ad9948;
    background: #fff4b9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAIAAAAmKNuZAAAA6UlEQVRIx+2UvQ6CMBSFmUicTFx8AV2Q5+DxgAES30J3HVzZjYAS3BnKgCTWAMfcjZRGftLEhZNvIWm/pNzTallgKUTLAguRpoRZ1yI1wGzwEM2b4Df6TI3xulhH7gE1JKmR7xEvButiHeUJv1OeadkgXe6Lm5lNCMm9AbrnDqjEnY8VIaaixT065kiOdl8S3TCnT8fDEToe9ukaPkLX8Em6ZE1IOlNMOmx5Ibp5XyeNgj/wSWSjcHuLYkqKkm6QbmVFMSfVuDigOHZq7P/lkil+AtoXjrngEZoP6hfNkbnC/5ofd6U6hXwBuEe/1fg+Wb0AAAAASUVORK5CYII=) -1px -1px no-repeat;
    border: 1px solid #eac946;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
}

#sc_error {
    color: #c66;
    background: #ffecea url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAIAAAAmKNuZAAABP0lEQVR42u2UzWrCQBSFfVoX/oDGB1DRF1GCOxHX/ruuaRY1GxUqVO0koAZLTGIy6ZGU0VLsjDDtSjgJTGbmm7n33NyE1W5LVALPUzIpRQ/cRS/F4nunc1yv6ekEHTcb0u1OS6W7cVo6bQ4GNAyjKMLb3+2geBhRao5GWCCKm6RStmFgo7/fL1VVz+fj78+5HIbedoupw3yuZTJCONLvY8PHYqErys8rgH6YzbDAGo/5OOQrjk4vFG7lCFPnO1JqVCocHHKPk5eNxu8mvtbrWEZ6PQ7OWa1wLMvXLWnZLIJwCeHgAsfxbZulCf4iR0xvrRZb6VoWiHfgYKU5HH7DNZvXuNDzZAaLwhazQlU5VtRqQlYIFYqifBVKtfq/ZSz/J2MtAOFIaAHXeURHgn00CELXhennBlUuP5r7n+Ek6hNJm/hQEU50HAAAAABJRU5ErkJggg==) -1px -1px no-repeat;
    border: 1px solid #ebb1b1;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
}

#sc_tips {
    color: #777;
    background: #eaeaea url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAAAAACMIRMSAAAAkUlEQVQoz73SQQuCQBCGYf//X3Jd7NCh0qgUiigTEiRbKCjRWJa3e80c67s+l/lmJsrURFms5Ne088dEoQMMhUxp0cNVInsfyr1/CGQ6oLaJQCeAzfcYdWhzB16YsIdQrZ+N0Gs1AmM5kSrbKgA3qbJp8haYCbTExXN3NgJd+lRZb/qaapvf5upRFv9+gA9S8wZGXgP/uZcaJgAAAABJRU5ErkJggg==) -1px -1px no-repeat;
    border: 1px solid #ccc;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
}

#sc_blue {
    color: #1ba1e2;
    background: rgba(27, 161, 226, .26) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAIAAAAmKNuZAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAACgUlEQVR42mKMmPz0689/DNQA3OxMAAHE8un73x+//1PFuL///gMEEBMzEyMDlQDQKIAAYmKgKgAIICobBxBAVDYOIIBYyNDz/z/Drz////7/z8bMyMKMEvQAAcRCnlnhlnzMTAwHr3979v4PGwvCRIAAIs24f/8Zvv36F23Fn+smCORGWPBN2/N+z5Wv8OQBEEBEGfcfnKZ+/v7PwsTob8yb4yoAFHz6/s+03e9vPv/Fysz07z805QIEEAuhlAnyGpAhKcBiqMjhrMVlqcoJkVp3+vO2i18EuJhBwQfLBwABhNM4oCm///4X5GY2VeKw1eCy0+AE6oTLvvv6b/+1r3wcIF/++4fIVAABxILLd1rSbCZKnK463AqirJgKtp7/AowEYCZFEwcIICzGAR0FdJqHHk+gKS+uvLnv6ldWZiy5EyCAWDBC6p8wD4ujFpeeHAeucNhy/sudl79YWbAYBxBALMgJSoCLycuQL9iUV5gHFEwfv/1lYGTkYmMERigjWO/5hz/WnPx84s53kAg2mwACiAVuFlDeWJHdUZPrybvf609/vv7s552Xv4Hi3ByMcTYC+vLsvdvenb//4/uvfxxsTEw4MidAACFcBwyLR2/+1K158+Ljn28//wGjnxUck68+MSw//omBge/Npz8///wHmYW7SAMIIKhxQKf9+vv/5otfQJVA5TwcTEhlLMOD1783n/tirsIJjEpg6v30/R8uEwECCOE6RrADsSpiY2a48/Ln7Rc/OVgZf4HCE6frAAKI2Ez25y+I8fUnMIwZ8BTfAAFEbBHASFwVABBAVC4+AQKIysYBBBDT33//qWUW0CiAAGLh42QGllfUqrYBAgwAUQrczQJMgSUAAAAASUVORK5CYII=) -1px -1px no-repeat;
    border: 1px solid #1ba1e2;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
}

#sc_black {
    border-width: 1px 4px 4px 1px;
    border-style: solid;
    border-color: #3e3e3e;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
}

#sc_xuk {
    border: 2px dashed #29aae3;
    background-color: #f8f7f5;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
}

#sc_lvb {
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    border: 1px solid #e3e3e3;
    border-left: 2px solid #05B536;
    background: #FFF;
}

#sc_redb {
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    border: 1px solid #e3e3e3;
    border-left: 2px solid #ED0505;
    background: #FFF;
}

#sc_orange {
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    border: 1px solid #e3e3e3;
    border-left: 2px solid #EC8006;
    background: #FFF;
}

.syxgj {
    width: 32%;
    float: left;
}

.syxgjr {
    margin-right: 2% !important;
}

.syxgj .Author-recommendation {
    width: 100%;
}

.syxgj .Author-recommend .wrap .description {
    max-width: 100%;
}

#zhuantituijian .widget {
    border: 1px solid #f2f2f2;
    box-shadow: 1px 1px 2px #f2f2f2;
    moz-box-shadow: 0 0 4px #f2f2f2;
}

.syxgj .Author-recommend .wrap {
    height: 140px;
    margin-top: 40px;
}

.syxgj .Author-recommend .wrap h4 {
    font-size: 16px;
    font-weight: 600;
}

#zhuantituijian .widget_zhanzhangxx {
    background: #f2f2f2;
}

#zhuantituijian {
    background: #f2f2f2;
}

.mycontainer {
    float: left;
    width: 71.5%;
    margin: 0 auto;
}
.mycontainer_box{
    display: flex;
}
.pull_left{
    width: 80%;
    margin-right: 20px;
}
.pull_right{
    width: 30%;
}

.recom_ul{
    width: 300px;
    overflow: hidden;
}
.lxwm {
    width: 300px;
    overflow: hidden;
    color: #666;
  }
  
  .lxwm>div:first-child {
    text-align: left;
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
  }
    .new_word>h3 {
    color: #000;
    border-left: 4px solid #1d76bb;
  
    padding-left: 15px;
    font-size: 20px;
  
  }
  .erphp-wppay a{
      padding: 2px 4px;
      color: #fff!important;
      background: #1abc9c;
      border-radius: 14px;
  }
  .lxwm>div>h3 {
    color: #000;
    border-left: 4px solid #1d76bb;
  
    padding-left: 15px;
    font-size: 20px;
  
  }
  
  .lxwm p {
    padding: 4px 0;
    text-align: center;
  }
  
  .lxwm div {
    margin: 0 auto;
    text-align: center;
  }
  
  .lxwm img {
    margin: 0 9px;
    border: 1px solid #ccc;
    width: 45%;
    /*height: 45%;*/
  }
#update_version img {
    margin: 0 0 15px;
    padding: 0;
}

#update_version a {
    width: 30%;
    height: 35px;
    border-radius: 3px;
    text-align: center;
    line-height: 35px;
    font-size: 9pt;
    margin-bottom: 10px;
    color: #fff;
}

.blog_link {
    background-color: #2ba9fa;
}

.blog_link,
.cms_link {
    float: left;
    margin-right: 5%;
}

.cms_link {
    background-color: #ff6969;
}

.grid_link {
    float: left;
    background-color: #70c041;
}

#timemulu,
#timeline {
    position: relative;
}

#timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #fff;
    box-shadow: 2px 1px 1px #ddd inset;
}

.timeline-mulu,
.timeline-block {
    position: relative;
    margin: 5px 0;
}

.timeline-mulu .timemulu-content:hover,
.timeline-block .timeline-content:hover {
    box-shadow: 0 3px 6px #bbb;
}

.timeline-mulu .timemulu-content:hover h2 a,
.timeline-block .timeline-content:hover h2 a {
    color: #1abc9c;
}

.timeline-block:after {
    content: "";
    display: table;
    clear: both;
}

.timeline-mulu:first-child,
.timeline-block:first-child {
    margin-top: 0;
}

.timeline-mulu:last-child,
.timeline-block:last-child {
    margin-bottom: 0;
}

.timeline-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid #ddd;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
}

.timeline-img.cdb {
    border: 3px solid #1abc9c;
}

.timeline-img {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    line-height: 50px;
}

@media only screen and (max-width:900px) {
    .timeline-img {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: 700;
        text-align: center;
        line-height: 33px;
    }
}

.timeline-img img {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
}

.timeline-img.time-picture {
    background: #fff;
}

.timeline-img.movie {
    background: #c03b44;
}

.timeline-img.location {
    background: #f0ca45;
}

@media only screen and (min-width:900px) {
    .timeline-img {
        width: 60px;
        height: 60px;
        left: -10px;
    }
}

.timemulu-content {
    position: relative;
    background: #fff;
    padding: 3px 5px;
    border: 1px solid #ddd;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
}

.timeline-content {
    position: relative;
    margin-left: 60px;
    background: #fff;
    padding: 3px 5px;
    border: 1px solid #ddd;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
}

.timeline-content:after {
    content: "";
    display: table;
    clear: both;
}

.timemulu-content h2,
.timeline-content h2 {
    padding-left: 5px;
    font-size: 15px;
    font-size: 1.5rem;
}

.timeline-content .wdzy,
.timeline-content .wdzy a,
.timemulu-content .wdzy,
.timemulu-content .wdzy a {
    color: #a9a9a9;
}

.timeline-content .date,
.timeline-content .read-more,
.timemulu-content .date,
.timemulu-content .read-more {
    display: inline-block;
}

.timeline-content p,
.timemulu-content p {
    margin: 10px 0;
    line-height: 1.6;
}

.timeline-content .read-more,
.timemulu-content .read-more {
    float: right;
    padding: 2px 10px;
    background: #1abc9c;
    color: #fff;
    border-radius: 2px;
}

.no-touch .timeline-content .read-more:hover,
.no-touch .timemulu-content .read-more:hover {
    opacity: .6;
}

.timeline-content a.read-more:hover,
.timemulu-content a.read-more:hover {
    text-decoration: none;
    opacity: .6;
}

.timeline-content .date {
    float: left;
    padding: 10px 0;
    opacity: .7;
}

.timemulu-content .date {
    padding: 10px 0;
    opacity: .7;
}

.timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #fff;
}

@media only screen and (min-width:768px) {

    .timeline-content h2,
    .timemulu-content h2 {
        font-size: 15px !important;
        font-size: 1.5rem !important;
        padding-left: 5px !important;
        line-height: 2;
    }

    .timeline-content p,
    .timemulu-content p {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .timeline-content .date,
    .timeline-content .read-more,
    .timemulu-content .date,
    .timemulu-content .read-more {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

.fblue {
    color: #2371c8 !important;
}

.fhong {
    color: #c01e22 !important;
}

.flv {
    color: #178517 !important;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.mod {
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: 14px;
    box-shadow: 0 1px 2px #e5e5e5;
}

.mzdh {
    clear: both;
    height: 100%;
    border-width: 1px;
    margin-bottom: 5px;
    border-radius: 5px;
}

.mzdh_list {
    padding: 8px 9px 5px;
}

.iptmz {
    position: relative;
    z-index: 50;
    height: 29px;
}

.mzdh_list li {
    height: 25px;
    line-height: 25px;
    list-style: none;
    padding: 5px 10px;
    margin: 5px 0 5px 0;
    float: left;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mzdh_list li a {
    font-size: 14px;
    display: inline-block;
}

.mzdh_list img {
    width: 16px;
    height: 16px;
}

.mzdh_bottom {
    margin-bottom: 5px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 12px;
    overflow: hidden;
}

.mzdh_bottom a {
    margin: 0 8px;
    zoom: 1;
    font-weight: 100;
}

dd,
dl,
dt {
    margin: 0;
    padding: 0;
}

.kzjx {
    padding-bottom: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.kzjx h2 {
    padding-left: 5px;
    display: block;
    height: 34px;
    line-height: 34px;
    font-weight: 100;
    margin: 2px 0 4px;
    font-size: 16px;
    color: #d7e7f7;
    background: #f5f9ff;
    border-top: 1px solid #d7e7f7;
}

.kzjx h2 a {
    margin: 0 9px;
    color: #096cb2;
}

.kzjx h2.first {
    margin-top: 0;
    border-top: 0 none;
}

.kzjx strong {
    padding: 0 9px;
    font-weight: 100;
    display: inline-block;
    text-align: left;
}

.kzjx dl {
    height: 30px;
    line-height: 30px;
    margin: 0 6px;
}

.kzjx dl.noline {
    border-bottom: 0;
    padding-bottom: 2px;
}

.kzjx dd,
.kzjx dt {
    font-weight: 400;
    text-align: center;
}

.kzjx dt {
    float: left;
}

.kzjx dt a {
    color: #096cb2;
}

.kzjx dd {
    white-space: nowrap;
}

.kzjx dd .gray a {
    margin-left: 0;
}

.kzjx dd li {
    width: 130px;
    float: left;
    display: inline;
    text-align: left;
    overflow: hidden;
    margin: 0 5px;
}

.kzjx dd li a {
    margin: 0 5px;
    display: inline-block;
}

.kzjx .more {
    font-size: 12px;
    color: #666;
    float: right;
    margin-right: 5px;
}

.kzjx dd a.fenlei {
    color: #096cb2;
}

.kzjx dd a.hong {
    color: #c01e22;
}

.kzjx dd a.lv {
    color: #178517;
}

.kzjx dd a:hover.more {
    color: #f30;
}

.kzjx dl.linebottom_kz {
    border-bottom: 1px dotted #c7dff3;
    margin-bottom: 2px;
}

.borderbt {
    border-bottom: 1px dotted #c7dff3;
    padding-bottom: 4px;
    margin-bottom: 6px;
}

.bgSug1st i,
.fix-search-wrap .iptbtn,
.sch_btn,
.sch_btn_hov,
.sch_btn_mousedown {
    background-image: url(css/search_140829.png);
    background-repeat: no-repeat;
}

.search_w {
    margin: 10px auto;
}

.search_web {
    height: 82px;
}

.search_fly {
    height: 118px;
}

.active a,
.active a:hover {
    color: #fff !important;
}

.tab li a.ico_new {
    position: relative;
    z-index: 20;
}

.ico_new em {
    display: inline-block;
    position: absolute;
    top: -4px;
    right: -4px;
    width: 19px;
    height: 12px;
    background-position: 0 -425px;
}

.sch_area {
    padding: 15px 0;
    position: relative;
}

.sch_logo {
    width: 85px;
    text-align: left;
    float: left;
    margin: 0 12px;
}

.sch_form #searchform input {
    background: #fff;
}

.sch_form {
    width: 740px;
    float: left;
}

.sch_inbox {
    display: block;
    width: 558px;
    height: 34px;
    border: 1px solid #aaa;
    background: #fff;
    position: relative;
    float: left;
}

.shadowleft,
.shadowtop {
    overflow: hidden;
    position: absolute;
    display: block;
}

.shadowtop {
    width: 458px;
    height: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #f4f4f4;
    top: 0;
    left: 0;
}

.shadowleft {
    width: 0;
    height: 30px;
    left: -1px;
    top: 0;
    border-left: 1px solid #aaa;
}

.sch_inbox input {
    width: 452px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    padding-left: 5px;
    margin-top: 4px;
    border: 0 none;
    background: #fff;
    color: #000;
}

.sch_inbox .ipt_fix {
    width: 488px;
    margin-left: -36px;
}

.sch_btn,
.sch_btn_hov,
.sch_btn_mousedown {
    float: left;
    width: 101px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    margin-left: 5px;
    cursor: pointer;
    border: 0 none;
    background-position: 0 0;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .2);
    color: #333;
}

.sch_btn_hov {
    background-position: 0 -35px;
}

.sch_btn_mousedown {
    background-position: 0 -70px;
}

.sch_radio {
    display: block;
    height: 18px;
    line-height: 17px;
    float: left;
    padding-top: 5px;
}

.sch_radio label {
    display: inline-block;
    float: left;
    margin-right: 12px;
    position: relative;
    padding-left: 16px;
}

.sch_radio input {
    width: 13px;
    height: 13px;
    vertical-align: middle;
    position: absolute;
    top: 1px;
    left: 0;
}

.hotw1 {
    height: 40px;
    line-height: 40px;
    width: 300px;
    font-size: 12px;
    float: right;
    text-align: left;
    position: absolute;
    right: 5px;
    top: -3px;
    padding: 20px 0;
}

.hotw1 p {
    height: 20px;
    line-height: 20px;
}

.hotw1 a {
    margin-right: 10px;
    color: #666;
}

#J_travel_hotw .hotw1 a {
    margin-right: 10px;
}

.hotw1 a:hover {
    color: #f30;
}

.hotw1 a.hong {
    color: #c01e22;
}

.hotw1 a.lv {
    color: #178517;
}

.picture-h {
    background: #fff;
    margin: 0 0 10px 0;
    padding: 0;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .03);
}

.picture-h-img {
    max-width: 100%;
    width: auto;
    height: auto;
    overflow: hidden;
    transition-duration: .3s;
}

.picture-h-img a img {
    float: left;
    max-width: 100%;
    width: auto;
    height: auto;
}

.flexisel-h-title,
.picture-h-title {
    text-align: center;
    line-height: 30px;
    margin: 0 10px 5px 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.line-four {
    margin: 0 -5px;
}

.line-four .xl4 {
    position: relative;
    min-height: 1px;
    padding: 0 5px;
}

@media screen and (min-width:999px) {
    .picture-h-img {
        height: 135px;
        overflow: hidden;
    }
}

.xm4 {
    position: relative;
    min-height: 1px;
}

@media screen and (min-width:320px) {
    .xl4 {
        float: left;
        width: 50%;
    }
}

@media screen and (min-width:1170px) {
    .xm4 {
        float: left;
        width: 25%;
    }
}

@media screen and (max-width:1170px) {
    .xm4 {
        width: 25%;
    }
}

@media screen and (max-width:480px) {
    .line-four {
        margin: 0 -4px;
    }

    .xm4 {
        width: 50%;
    }
}

.tab-site {
    overflow: hidden;
    margin: 0 0 15px 0;
    border: 1px solid #ddd;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
}

.tab-bd {
    list-style-type: disc;
    list-style-position: inside;
    color: #1abc9c;
}

.dom-display .current {
    display: block;
}

.tab-hd {
    background: #f8f8f8;
}

.tab-hd-con {
    width: 25%;
}

.tab-hd {
    overflow: hidden;
    height: 40px;
    line-height: 40px;
}

.tab-area .current,
.tab-product .tab-hd .current {
    position: relative;
    z-index: 1;
    height: 40px;
    background: #fff;
}

.tab-hd-con {
    float: left;
    text-align: center;
    cursor: pointer;
    height: 39px;
    border-right: 1px solid #ddd;
}

.tab-hd-con a {
    display: inline-block;
}

.tab-bd-con {
    display: none;
    overflow: hidden;
}

.tab-bd {
    background: #fff;
    padding: 20px;
    margin-top: -1px;
    border-top: 1px solid #ddd;
}

.tab-bd li {
    float: left;
    width: 45%;
    line-height: 210%;
    margin: 0 20px 0 0;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media screen and (max-width:480px) {
    .tab-bd li {
        width: 95%;
        margin: 0;
    }
}

.nbs-flexisel-container {
    position: relative;
    background: #fff;
    max-width: 100%;
    margin: 0 0 15px 0;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
}

.nbs-flexisel-ul {
    position: relative;
    width: 9999px;
    margin: 0;
    padding: 0;
    text-align: center;
}

.nbs-flexisel-inner {
    overflow: hidden;
    float: left;
    width: 100%;
}

.nbs-flexisel-item {
    float: left;
    margin: 0;
    padding: 0;
    cursor: pointer;
    position: relative;
    line-height: 0;
}

.nbs-flexisel-item img {
    max-width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    padding: 0 10px;
    height: auto;
    max-width: 250px \9;
    -webkit-transition: -webkit-transform .3s linear;
    -moz-transition: -moz-transform .3s linear;
    -o-transition: -o-transform .3s linear;
    transition: transform .3s linear;
}

.nbs-flexisel-item:hover img {
    transition: All .7s ease;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
}

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 30px;
    height: 30px;
    font-size: 20px;
    color: #999;
    text-align: center;
    position: absolute;
    top: 20px !important;
    background: #fff;
    background: rgba(255, 255, 255, .8);
    filter: alpha(opacity=80);
    cursor: pointer;
    z-index: 100;
    border: 1px solid #ddd;
    border-radius: 2px;
}

.nbs-flexisel-nav-left {
    right: 66px;
}

.nbs-flexisel-nav-right {
    right: 30px;
}

@media screen and (max-width:1024px) {
    .container {
        width: 100%;
    }

    .nbs-flexisel-item img {
        width: 230px \9;
        transition-duration: .5s;
    }
}

.reward {
    padding: 5px 0;
}

.reward .reward-notice {
    font-size: 1pc;
    line-height: 1pc;
    margin: 15px auto;
    text-align: center;
}

.reward .reward-button {
    line-height: 60px;
    position: relative;
    width: 108px;
    margin: 0 auto;
}

.reward .reward-code {
    position: absolute;
    top: -210px;
    left: 50%;
    display: none;
    width: 350px;
    height: 200px;
    margin-left: -175px;
    border: 1px solid #e6e6e6;
    background: #fff;
    box-shadow: 0 1px 1px 1px #efefef;
}

.reward .reward-button:hover .reward-code {
    display: block;
}

.reward .reward-code img {
    display: inline-block;
    float: left;
    margin: 0 auto;
    border: 0;
}

.aboutme {
    position: relative;
    font-size: 18px;
    display: block;
}

#aboutme_widget ul {
    overflow: hidden;
    padding: 8px 0;
}

#aboutme_widget span {
    display: block;
}

.Author-recommend .tebie .wrap .description {
    max-width: 100%;
    text-align: left;
    height: 100px;
}

#text-121 .Author-recommend .tebie .wrap,
#text-122 .Author-recommend .tebie .wrap {
    height: 200px;
}

#text-121 .textwidget,
#text-122 .textwidget,
#zhuantituijian .textwidget {
    padding: 0;
}

#text-121 .Author-recommendation,
#text-122 .Author-recommendation,
#zhuantituijian .Author-recommendation {
    padding-left: 0;
    padding-right: 0;
}

#text-122 .Author-recommend .wrap {
    margin-top: 40px;
    padding: 0 15px;
    height: 265px;
}

#text-121 .Author-recommend .wrap {
    margin-top: 58px;
    padding: 0 15px;
}

#text-121 .textwidget img,
#text-122 .textwidget img,
#zhuantituijian .textwidget img {
    padding: 0;
}

#text-121,
#text-122 {
    border: none;
    background: #e6e6e6;
}

#aboutme_widget a:hover {
    color: #fff;
    border: 1px solid #fff;
}

#aboutme_widget .toutiao a:hover {
    color: #fff;
    background: #d28300;
    border: 1px solid #d28300;
}

#aboutme_widget .weixin a:hover {
    color: #fff;
    background: #248a34;
    border: 1px solid #248a34;
}

#aboutme_widget .tsina a:hover {
    color: #fff;
    background: #c40000;
    border: 1px solid #c40000;
}

#aboutme_widget .tqq a:hover {
    color: #fff;
    background: #4e91d1;
    border: 1px solid #4e91d1;
}

#aboutme_widget .fauser a {
    color: #b686d7;
    border: 1px solid #b686d7;
}

#aboutme_widget .fahome a {
    color: #949fd8;
    border: 1px solid #949fd8;
}

#aboutme_widget .toutiao a {
    color: #d28300;
    border: 1px solid #d28300;
}

#aboutme_widget .weixin a {
    color: #248a34;
    border: 1px solid #248a34;
}

#aboutme_widget .tsina a {
    color: #c40000;
    border: 1px solid #c40000;
}

#aboutme_widget .tqq a {
    color: #4e91d1;
    border: 1px solid #4e91d1;
}

#aboutme_widget .weixin span {
    position: absolute;
    z-index: 19999;
    left: -10px;
    visibility: hidden;
    padding: 5px;
    border: 1px dashed gray;
    background-color: #ffffe0;
    color: #000;
    height: 132px;
    text-decoration: none;
}

#aboutme_widget img {
    margin: 0;
    padding: 2px;
    height: 90pt;
    max-width: 90pt;
}

#aboutme_widget .weixin:hover span {
    top: 50px;
    left: 0;
    visibility: visible;
}

#text-15 .textwidget {
    padding: 4px 4px 0;
}

.linkcat a.gray {
    background: #b6b6b6;
    border: 1px solid #b6b6b6;
    color: #fff;
}

.linkcat a.gray:hover {
    background: #1abc9c;
    border: 1px solid #1abc9c;
}

#primarys {
    width: 100%;
    float: left;
    transition-duration: .3s;
}

#primarys .cat-box {
    position: relative;
    margin: 0 0 15px 0;
    border: none;
    border-radius: 0;
    background: 0 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .03);
}

#primarys .cat-site {
    padding: 0;
}

#primarys .archive-tags {
    margin-bottom: 15px;
    padding-left: 10px;
    color: #999;
}

#primarys .cat-lists .item-st {
    float: left;
    margin: 5px 1% 15px;
    padding: 0;
    width: 23%;
    border: 1px solid #e5e5e5;
    background: #fff;
}

#primarys .cat-lists .item-st:hover {
    z-index: 1;
    box-shadow: 0 0 6px 3px #ddd;
}

#primarys .item-st .pic-num {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 6px;
    height: 20px;
    border-radius: 2px;
    background: #1abc9c;
    color: #fafafa;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
}

#primarys .cat-lists .item-st .thimg {
    position: relative;
    overflow: hidden;
}

#primarys .cat-lists .item-st .thimg img {
    overflow: hidden;
    width: auto;
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 3px;
    vertical-align: middle;
    -webkit-transition: all 1.2s;
    transition: all 1.2s;
}

#primarys .cat-lists .item-st .thimg img:hover,
#primarys .cat-lists .item-st:hover img {
    border-radius: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -ms-transform: scale(1.2);
}

#primarys .cat-lists .item-st h3 {
    overflow: hidden;
    margin: 15px 0 5px;
    padding: 0 10px;
    height: 25px;
    color: #515050;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 25px;
}

#primarys .cat-lists .item-st:hover h3 a {
    color: #1abc9c;
}

#primarys .cat-lists .item-st a {
    color: #515050;
}

#primarys .cat-lists .item-st .archive-tags .date {
    float: right;
}

#yunluos {
    width: 100%;
    height: 0;
    overflow: visible;
}

#yunluos img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}

@media screen and (max-width:1024px) {
    #primarys .cat-lists .item-st {
        width: 31.333%;
    }
}

@media screen and (max-width:767px) {
    #primarys .cat-lists .item-st {
        width: 48%;
    }
}

@media screen and (max-width:414px) {
    #primarys .cat-lists .item-st {
        width: 98%;
    }
}

@font-face {
    font-family: FontAwesome;
    src: url(https://www.kaitiwenxian.com/wp-content/themes/kaitiwenxian/fonts/fontawesome-webfont.woff2?v=4.5.0) format('woff2');
    font-weight: 400;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-fw {
    width: 1.28571429em;
    text-align: center;
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}

.fa-ul>li {
    position: relative;
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center;
}

.fa-li.fa-lg {
    left: -1.85714286em;
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right {
    margin-left: .3em;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.fa.pull-left {
    margin-right: .3em;
}

.fa.pull-right {
    margin-left: .3em;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
    filter: none;
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}

.fa-home:before {
    content: "\f015";
}

.fa-book:before {
    content: "\f02d";
}

.fa-refresh:before {
    content: "\f021";
}

.fa-user:before {
    content: "\f007";
}

.fa-paper-plane:before {
    content: "\f1d8";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-smile-o:before {
    content: "\f118";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-plus:before {
    content: "\f067";
}

.fa-pencil-square-o:before {
    content: "\f044";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-signal:before {
    content: "\f012";
}

.fa-rss:before {
    content: "\f09e";
}

.fa-weixin:before {
    content: "\f1d7";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-download:before {
    content: "\f019";
}

.fa-close:before,
.fa-remove:before,
.fa-times:before {
    content: "\f00d";
}

.fa-heart:before {
    content: "\f004";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-expand:before {
    content: "\f065";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-compress:before {
    content: "\f066";
}

.fa-arrow-circle-o-right:before {
    content: "\f18e";
}

.fa-arrow-circle-o-left:before {
    content: "\f190";
}

.fa-cloud-download:before {
    content: "\f0ed";
}

.fa-diamond:before {
    content: "\f219";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-reply:before {
    content: "\f112";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-newspaper-o:before {
    content: "\f1ea";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-users:before {
    content: "\f0c0";
}

.fa-comment:before {
    content: "\f075";
}

.fa-clock-o:before {
    content: "\f017";
}

.fa-check-circle-o:before {
    content: "\f05d";
}

.fa-comments:before {
    content: "\f086";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-graduation-cap:before {
    content: "\f19d";
}

.fancybox-enabled {
    overflow: hidden;
}

.fancybox-enabled body {
    overflow: visible;
    height: 100%;
}

.fancybox-is-hidden {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden;
}

.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99993;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.fancybox-container~.fancybox-container {
    z-index: 99992;
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.fancybox-outer {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-caption-wrap,
.fancybox-infobar,
.fancybox-toolbar {
    position: absolute;
    direction: ltr;
    z-index: 99997;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s, visibility 0s linear .25s;
    box-sizing: border-box;
}

.fancybox-show-caption .fancybox-caption-wrap,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    visibility: visible;
    transition: opacity .25s, visibility 0s;
}

.fancybox-infobar {
    top: 0;
    left: 50%;
    margin-left: -79px;
}

.fancybox-infobar__body {
    display: inline-block;
    width: 70px;
    line-height: 44px;
    font-size: 13px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    text-align: center;
    color: #ddd;
    background-color: rgba(30, 30, 30, .7);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased;
}

.fancybox-toolbar {
    top: 0;
    right: 0;
}

.fancybox-stage {
    overflow: hidden;
    direction: ltr;
    z-index: 99994;
    -webkit-transform: translateZ(0);
}

.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: 0;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch;
    display: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block;
}

.fancybox-slide--image {
    overflow: visible;
}

.fancybox-slide--image:before {
    display: none;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
    background: #000;
}

.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
    background: #e5e3df;
}

.fancybox-slide--next {
    z-index: 99995;
}

.fancybox-slide>* {
    display: inline-block;
    position: relative;
    padding: 24px;
    margin: 44px 0;
    border-width: 0;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box;
}

.fancybox-slide .fancybox-image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 99995;
    background: 0 0;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.fancybox-can-zoomOut .fancybox-image-wrap {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-image-wrap {
    cursor: zoom-in;
}

.fancybox-can-drag .fancybox-image-wrap {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-dragging .fancybox-image-wrap {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-image,
.fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    max-width: none;
    max-height: none;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--iframe .fancybox-content {
    padding: 0;
    width: 80%;
    height: 80%;
    max-width: calc(100% - 100px);
    max-height: calc(100% - 88px);
    overflow: visible;
    background: #fff;
}

.fancybox-iframe {
    display: block;
    padding: 0;
    border: 0;
    height: 100%;
}

.fancybox-error,
.fancybox-iframe {
    margin: 0;
    width: 100%;
    background: #fff;
}

.fancybox-error {
    padding: 40px;
    max-width: 380px;
    cursor: default;
}

.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font: 16px/20px Helvetica Neue, Helvetica, Arial, sans-serif;
}

.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    outline: 0;
    background: 0 0;
    z-index: 10;
    cursor: pointer;
}

.fancybox-close-small:after {
    content: "×";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
    color: #888;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background: #fff;
    transition: background .25s;
    box-sizing: border-box;
    z-index: 2;
}

.fancybox-close-small:focus:after {
    outline: 1px dotted #888;
}

.fancybox-close-small:hover:after {
    color: #555;
    background: #eee;
}

.fancybox-slide--iframe .fancybox-close-small {
    top: 0;
    right: -44px;
}

.fancybox-slide--iframe .fancybox-close-small:after {
    background: 0 0;
    font-size: 35px;
    color: #aaa;
}

.fancybox-slide--iframe .fancybox-close-small:hover:after {
    color: #fff;
}

.fancybox-caption-wrap {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 30px 0;
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
    pointer-events: none;
}

.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid hsla(0, 0%, 100%, .4);
    font-size: 14px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none;
}

.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
    pointer-events: all;
}

.fancybox-caption a {
    color: #fff;
    text-decoration: underline;
}

.fancybox-button {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: 0 0;
    color: #ddd;
    border-radius: 0;
    cursor: pointer;
    vertical-align: top;
    outline: 0;
}

.fancybox-button[disabled] {
    cursor: default;
    pointer-events: none;
}

.fancybox-button,
.fancybox-infobar__body {
    background: rgba(30, 30, 30, .6);
}

.fancybox-button:hover:not([disabled]) {
    color: #fff;
    background: rgba(0, 0, 0, .8);
}

.fancybox-button:after,
.fancybox-button:before {
    content: "";
    pointer-events: none;
    position: absolute;
    background-color: currentColor;
    color: currentColor;
    opacity: .9;
    box-sizing: border-box;
    display: inline-block;
}

.fancybox-button[disabled]:after,
.fancybox-button[disabled]:before {
    opacity: .3;
}

.fancybox-button--left:after,
.fancybox-button--right:after {
    top: 18px;
    width: 6px;
    height: 6px;
    background: 0 0;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
}

.fancybox-button--left:after {
    left: 20px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.fancybox-button--right:after {
    right: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.fancybox-button--left {
    border-bottom-left-radius: 5px;
}

.fancybox-button--right {
    border-bottom-right-radius: 5px;
}

.fancybox-button--close:after,
.fancybox-button--close:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 2px;
    width: 16px;
    top: calc(50% - 1px);
    left: calc(50% - 8px);
}

.fancybox-button--close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.fancybox-button--close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.fancybox-arrow {
    position: absolute;
    top: 50%;
    margin: -50px 0 0;
    height: 100px;
    width: 54px;
    padding: 0;
    border: 0;
    outline: 0;
    background: 0 0;
    cursor: pointer;
    z-index: 99995;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: opacity .25s;
}

.fancybox-arrow:after {
    content: "";
    position: absolute;
    top: 28px;
    width: 44px;
    height: 44px;
    background-color: rgba(30, 30, 30, .8);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAArBJREFUaEPtlz1IVWEYx62kwixSSgODIkoaAhMaqkXQnCWorcAlimguXFyspYYIVyUoaqmthBqajIaWciocQoqWUi9FeO4996vfE4/iGLwPfzhwLxzec4fz/3g+3vd529pav1YEWhEIi0Cz2dwaBqYEajQa3bVabbxard7HRJeSO4QL4aMI//fDzLUQUCUIoveTgTdmoF6vf+H/MSV/CBdZGOEpmQnW2UL2Q6VSeeBZ+IWJsZDIKEEonYMI/2wmKKl3LPuU/CFcCL/Es97QEyGgShCU76SRn5uDPM9/UFYDSv4QLoSfIgvLXkrPWNtDgJUg9MOk70i5lZWSO4TLTmca+r3vSgush0OAlSAYOE8/rJkJeuGekjuMCwMPPQsrZGUoDFgFhOh+MvHVTbxi7VBxh/GwK91YH/Zo6OthwCqgUqm0l1J67WfDUpZlR1XcYTyU0TDR/+2lNFPIswETG8NeuVwu5LDXt2nYe0sWDoSlWAVEGV2mH+o+ZkwU7t7AtroD/U+9oX9SSsdVwQvhQfgWDEy7gYwT+mQIsAqEDIxi4I8PemZku4o7mQexnfSANa/d2D4V7vLPiXzLzwFe86vJEVECUOsnEP3dDbwk+ruV/Elcfs185GP1KkZOJwGqP2arvEDjVr1x76j5k/golV5O3w/euB/535MEqP4Y8be97jPWi2r+JD5q/Szb5YofWo/tFE4CVH5sBxQ7z5xHf4n3QSV/MheRv0Lj1oi6HVo3kwGVANy4jiB60XedeUzsUfIncSF626ZhbY0mPpcEqP7YBNO8Za/9aTV/Ep+NB5TOvJfOYuEu7zasUT4NnkoRh7UBRH/z0nlBNnYlpVP5MaI7EP/ExS/zfkbJn8xFtIdNvBuYSgZUA2DgEHV/lwae471PzR/GRwa67NIeBvgfQH8BtrW3Slud9ZsAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 24px 24px;
}

.fancybox-arrow--right {
    right: 0;
}

.fancybox-arrow--left {
    left: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.fancybox-arrow--left:after,
.fancybox-arrow--right:after {
    left: 0;
}

.fancybox-show-nav .fancybox-arrow {
    opacity: .6;
}

.fancybox-show-nav .fancybox-arrow[disabled] {
    opacity: .3;
}

.fancybox-loading {
    border: 6px solid hsla(0, 0%, 39%, .4);
    border-top: 6px solid hsla(0, 0%, 100%, .6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: 0 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 99999;
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes a {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

.fancybox-fx-slide.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--current {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
    opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
    opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
}

.fancybox-fx-rotate.fancybox-slide--previous {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
    opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--next {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
    opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--current {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
}

.fancybox-fx-circular.fancybox-slide--previous {
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--next {
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--current {
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
    opacity: 1;
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
}

@media (max-width:800px) {
    .fancybox-infobar {
        left: 0;
        margin-left: 0;
    }

    .fancybox-button--left,
    .fancybox-button--right {
        display: none !important;
    }

    .fancybox-caption {
        padding: 20px 0;
        margin: 0;
    }
}

.fancybox-button--fullscreen:before {
    width: 15px;
    height: 11px;
    left: calc(50% - 7px);
    top: calc(50% - 6px);
    border: 2px solid;
    background: 0 0;
}

.fancybox-button--pause:before,
.fancybox-button--play:before {
    top: calc(50% - 6px);
    left: calc(50% - 4px);
    background: 0 0;
}

.fancybox-button--play:before {
    width: 0;
    height: 0;
    border-top: 6px inset transparent;
    border-bottom: 6px inset transparent;
    border-left: 10px solid;
    border-radius: 1px;
}

.fancybox-button--pause:before {
    width: 7px;
    height: 11px;
    border-style: solid;
    border-width: 0 2px;
}

.fancybox-button--thumbs,
.fancybox-thumbs {
    display: none;
}

@media (min-width:800px) {
    .fancybox-button--thumbs {
        display: inline-block;
    }

    .fancybox-button--thumbs span {
        font-size: 23px;
    }

    .fancybox-button--thumbs:before {
        width: 3px;
        height: 3px;
        top: calc(50% - 2px);
        left: calc(50% - 2px);
        box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
    }

    .fancybox-thumbs {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        width: 220px;
        margin: 0;
        padding: 5px 5px 0 0;
        background: #fff;
        word-break: normal;
        -webkit-tap-highlight-color: transparent;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        box-sizing: border-box;
        z-index: 99995;
    }

    .fancybox-show-thumbs .fancybox-thumbs {
        display: block;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 220px;
    }

    .fancybox-thumbs>ul {
        list-style: none;
        position: absolute;
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        overflow-y: auto;
        font-size: 0;
    }

    .fancybox-thumbs>ul>li {
        float: left;
        overflow: hidden;
        max-width: 50%;
        padding: 0;
        margin: 0;
        width: 105px;
        height: 75px;
        position: relative;
        cursor: pointer;
        outline: 0;
        border: 5px solid transparent;
        border-top-width: 0;
        border-right-width: 0;
        -webkit-tap-highlight-color: transparent;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        box-sizing: border-box;
    }

    li.fancybox-thumbs-loading {
        background: rgba(0, 0, 0, .1);
    }

    .fancybox-thumbs>ul>li>img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        min-height: 100%;
        max-width: none;
        max-height: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .fancybox-thumbs>ul>li:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 2px;
        border: 4px solid #4ea7f9;
        z-index: 99991;
        opacity: 0;
        transition: all .2s cubic-bezier(.25, .46, .45, .94);
    }

    .fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
        opacity: 1;
    }
}

.dp-highlighter {
    background: #fff;
    border: 1px dashed #ccc;
    width: 96%;
    word-break: break-all;
    white-space: normal;
    overflow: auto;
    margin: 10px auto;
    padding: 5px;
}

.dp-highlighter:hover {
    background: #fafafa;
    border: 1px dashed #08c;
}

.dp-highlighter .bar {
    padding: 2px;
}

.dp-highlighter .collapsed .bar,
.dp-highlighter .nogutter .bar {
    padding-left: 0;
}

.dp-highlighter ol {
    margin: 0 0 1px -15px;
    padding: 2px;
    color: #666;
}

.dp-highlighter.nogutter ol {
    list-style-type: none;
    margin-left: 0;
}

.dp-highlighter .columns div,
.dp-highlighter ol li {
    border-left: 1px dashed #ccc;
    padding-left: 10px;
    line-height: 18px;
}

.dp-highlighter .nogutter .columns div,
.dp-highlighter .nogutter ol li {
    border: 0;
}

.dp-highlighter .columns {
    color: gray;
    width: 100%;
}

.dp-highlighter .columns div {
    padding-bottom: 5px;
}

.dp-highlighter ol li span {
    color: #000;
}

.dp-highlighter .collapsed ol {
    margin: 0;
}

.dp-highlighter .collapsed ol li {
    display: none;
}

.dp-highlighter .printing {
    border: none;
}

.dp-highlighter .printing .tools {
    display: none !important;
}

.dp-highlighter .printing li {
    display: list-item !important;
}

.dp-highlighter .tools {
    padding: 3px 8px 3px 15px;
    border-bottom: 1px solid #2B91AF;
    color: silver;
}

.dp-highlighter .collapsed .tools {
    border-bottom: 0;
}

.dp-highlighter .tools a {
    font-size: 9pt;
    color: gray;
    text-decoration: none;
    margin-right: 10px;
}

.dp-highlighter .tools a:hover {
    color: red;
    text-decoration: underline;
}

.dp-about {
    background-color: #fff;
    margin: 0;
    padding: 0;
}

.dp-about table {
    width: 100%;
    height: 100%;
}

.dp-about td {
    padding: 10px;
    vertical-align: top;
}

.dp-about .copy {
    border-bottom: 1px solid #ACA899;
    height: 95%;
}

.dp-about .title {
    color: red;
    font-weight: 700;
}

.dp-about .para {
    margin: 0 0 4px 0;
}

.dp-about .footer {
    background-color: #ECEADB;
    border-top: 1px solid #fff;
    text-align: right;
}

.dp-about .close {
    background-color: #ECEADB;
    width: 60px;
    height: 22px;
}

.dp-c .comment {
    color: green;
}

.dp-c .string {
    color: #00f;
}

.dp-c .preprocessor {
    color: gray;
}

.dp-c .keyword {
    color: #00f;
}

.dp-c .vars {
    color: #d00;
}

.dp-vb .comment {
    color: green;
}

.dp-vb .string {
    color: #00f;
}

.dp-vb .preprocessor {
    color: gray;
}

.dp-vb .keyword {
    color: #00f;
}

.dp-sql .comment {
    color: green;
}

.dp-sql .string {
    color: red;
}

.dp-sql .keyword {
    color: #7f0055;
}

.dp-sql .func {
    color: #ff1493;
}

.dp-sql .op {
    color: #00f;
}

.dp-xml .cdata {
    color: #ff1493;
}

.dp-xml .comments {
    color: green;
}

.dp-xml .tag {
    font-weight: 700;
    color: #00f;
}

.dp-xml .tag-name {
    color: #7f0055;
    font-weight: 700;
}

.dp-xml .attribute {
    color: red;
}

.dp-xml .attribute-value {
    color: #00f;
}

.dp-delphi .comment {
    color: #008200;
    font-style: italic;
}

.dp-delphi .string {
    color: #00f;
}

.dp-delphi .number {
    color: #00f;
}

.dp-delphi .directive {
    color: #008284;
}

.dp-delphi .keyword {
    font-weight: 700;
    color: navy;
}

.dp-delphi .vars {
    color: #000;
}

.dp-py .comment {
    color: green;
}

.dp-py .string {
    color: red;
}

.dp-py .docstring {
    color: green;
}

.dp-py .keyword {
    color: #00f;
    font-weight: 700;
}

.dp-py .builtins {
    color: #ff1493;
}

.dp-py .magicmethods {
    color: grey;
}

.dp-py .exceptions {
    color: brown;
}

.dp-py .types {
    color: brown;
    font-style: italic;
}

.dp-py .commonlibs {
    color: #8A2BE2;
    font-style: italic;
}

.dp-rb .comment {
    color: #c00;
}

.dp-rb .string {
    color: #f0c;
}

.dp-rb .symbol {
    color: #02b902;
}

.dp-rb .keyword {
    color: #069;
}

.dp-rb .variable {
    color: #6cf;
}

.dp-css .comment {
    color: green;
}

.dp-css .string {
    color: red;
}

.dp-css .keyword {
    color: #00f;
}

.dp-css .colors {
    color: #8b0000;
}

.dp-css .vars {
    color: #d00;
}

.dp-j .comment {
    color: #3f7f5f;
}

.dp-j .string {
    color: #2a00ff;
}

.dp-j .keyword {
    color: #7f0055;
    font-weight: 700;
}

.dp-j .annotation {
    color: #646464;
}

.dp-j .number {
    color: #C00000;
}

.dp-cpp .comment {
    color: #e00;
}

.dp-cpp .string {
    color: red;
}

.dp-cpp .preprocessor {
    color: #CD00CD;
    font-weight: 700;
}

.dp-cpp .keyword {
    color: #5697D9;
    font-weight: 700;
}

.dp-cpp .datatypes {
    color: #2E8B57;
    font-weight: 700;
}

.dp-perl .comment {
    color: green;
}

.dp-perl .string {
    color: red;
}

.dp-perl .keyword {
    color: #7f0055;
}

.dp-perl .func {
    color: #ff1493;
}

.dp-perl .declarations {
    color: #00f;
}

.dp-css .vars {
    color: #d00;
}

.dp-g .comment {
    color: #3f7f5f;
}

.dp-g .string {
    color: #2a00ff;
}

.dp-g .keyword {
    color: #7f0055;
    font-weight: 700;
}

.dp-g .type {
    color: #007f00;
    font-weight: 700;
}

.dp-g .modifier {
    color: #640064;
    font-weight: 700;
}

.dp-g .constant {
    color: red;
    font-weight: 700;
}

.dp-g .method {
    color: #ff6000;
    font-weight: 700;
}

.dp-g .number {
    color: #C00000;
}

.comment-list .dp-highlighter {
    background: #fff;
    margin-top: 5px;
    border: 1px dashed #ccc;
}

.comment-list .dp-highlighter li {
    margin: 0;
    padding: 0 5px;
    border: 0;
}

.comment-list .dp-highlighter ol {
    margin: 0;
}

@media screen and (min-width:280px) {
    .cx78 {
        width: 33.33%;
    }
}

@media screen and (min-width:500px) {
    .cx78 {
        width: 20%;
    }
}

@media screen and (min-width:1024px) {
    .cx78 {
        width: 10%;
    }
}

@media screen and (min-width:100px) {
    .cx79 {
        width: 50%;
    }

    .cx74 {
        width: 100%;
    }
}

@media screen and (min-width:340px) {
    .cx79 {
        width: 33.333%;
    }

    .cx74 {
        width: 50%;
    }
}

@media screen and (min-width:700px) {
    .cx79 {
        width: 16.666%;
    }

    .cx74 {
        width: 25%;
    }
}

#custom_html-5 .textwidget,
#custom_html-4 .textwidget {
    padding: 15px 15px 5px;
}

.wplist-item {
    margin: 0 0 15px 0;
    padding: 10px;
    transition-duration: .5s;
    border: 1px solid #1abc9c;
}

.wplist-item:hover {
    box-shadow: 0 0 6px 3px #1abc9c;
}

.wplist-item a {
    color: #999 !important;
}

.wplist-item a:hover,
.wplist-item a:visited {
    color: #999;
}

.wplist-title {
    font-size: 16px;
    font-size: 1.6rem;
    color: #666;
    font-weight: 700;
    line-height: 190%;
}

.wplist-item-img {
    position: relative;
    float: left;
    max-width: 200px;
    height: auto;
    clear: both;
    margin: 8px 20px 0 0;
    overflow: hidden;
    transition-duration: .5s;
}

@media screen and (max-width:480px) {
    .wplist-item-img {
        max-width: 100%;
        margin: 0 auto;
    }

    .wplist-btn {
        display: none;
    }

    .entry-content .abc-site {
        padding: 0 10px;
    }

    .entry-content .abc-pc {
        margin: 0 -10px;
    }

    .single-content .abc-site img {
        margin: 0 auto;
    }
}

.wplist-item img {
    float: left;
    width: auto;
    height: auto;
    max-width: 100%;
}

.wplist-btn {
    background: #16a085;
    float: right;
    color: #fff;
    line-height: 30px;
    margin: 0 5px 5px 0;
    padding: 0 10px;
    border-radius: 2px;
    border: 1px solid #16a085;
}

.wplist-btn:hover {
    background: #1abc9c;
    color: #fff;
}

.wplist-des {
    line-height: 25px !important;
    text-indent: 0 !important;
    font-size: 14px;
    margin: 0px !important;
}

mark {
    background-color: #2ba9fa;
    color: #fff;
    padding: 0 8px;
    margin: 0 3px;
    border-radius: 4px;
}

.post pre,
.wenda pre {
    background-color: #272822;
    border: 1px solid #272822;
    overflow: hidden;
    padding: 8px;
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    white-space: normal;
}

.post pre,
.wenda pre {
    -webkit-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
    -moz-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
    box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
}

.post pre ol,
.wenda pre ol {
    margin: 0 0 0 35px;
}

.post pre ol li,
.wenda pre ol li {
    padding-left: 10px;
    color: #bebec5;
    line-height: 24px;
    font-size: 14px;
    list-style: decimal;
    text-shadow: 0 1px 0 #000;
    margin-left: 0;
}

.prettyprint .com {
    color: #93a1a1;
}

.prettyprint .lit {
    color: #AE81FF;
}

.prettyprint .clo,
.prettyprint .opn,
.prettyprint .pun {
    color: #F8F8F2;
}

.prettyprint .fun {
    color: #dc322f;
}

.prettyprint .atv,
.prettyprint .str {
    color: #E6DB74;
}

.prettyprint .kwd,
.prettyprint .tag {
    color: #F92659;
}

.prettyprint .atn,
.prettyprint .dec,
.prettyprint .typ,
.prettyprint .var {
    color: #A6E22E;
}

.prettyprint .pln {
    color: #66D9EF;
}

.article-zabc .jblzuo {
    float: left;
    width: 980px;
    max-height: 120px;
}

.article-zabc .qebzuo {
    float: left;
    width: 728px;
    height: 90px;
}

.article-zabc .jblyou {
    float: right;
    width: 210px;
    max-height: 120px;
}

.article-zabc .qebyou {
    float: right;
    width: 462px;
    height: 90px;
}

blockquote {
    font: 18px/1.5 Consolas, "Courier New", KaiTi, KaiTi_GB2312, FangSong_GB2312, SimHei, arial, Monaco, monospace;
    margin: 1em auto;
    padding: 1px;
    max-width: 80%;
    quotes: "\201C""\201D""\2018""\2019";
    background: #f2f2f2;
    border-radius: 20px;
    color: #8b8b8b;
}

blockquote:after,
blockquote:before {
    font-size: 2em;
    color: #16a085;
    line-height: .01em;
    vertical-align: -.5em;
}

blockquote:before {
    content: open-quote;
    top: 20px;
    float: left;
    position: relative;
    margin-left: -.8em;
}

blockquote:after {
    float: right;
    position: relative;
    content: close-quote;
    bottom: 20px;
    margin-right: -.8em;
}

blockquote ol {
    margin: .2em;
    padding: 0;
}

blockquote li {
    margin: .2em;
    padding: 0;
}

blockquote p {
    text-indent: 0 !important;
    margin: 10px !important;
}

.post .single-content a[rel="nofollow noopener"]:after,
.wenda .single-content a[rel="nofollow noopener"]:after,
#hothost a:after {
    content: '';
    background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAA/UlEQVQYV12QwWrCQBCG9yLFi2d76EVQDx576sHgbhTMA3jTPksh2STVUlBPfQkfqO8gqOzGmEKn808xiAvLkJlv//zzK2P9bvJBZKz7HecV6iF627dC675N6olvxT1SkxVD2dkESfGk41N/nJWdaEMPz1/UMImPp2sR+VGgAam7Y5JiJooMoyqTFhSmZQ/Dl09qovJv59GWlRiGMmwIGMTHbq2UugUgwPiGDXgWUL+XfTS1da88IMDXh/CMBVWYX2ho/aPOL4MpQ4BvbciCnIYsM1q6tjQZVncHiyI6iUfbcwhYlNkGPGNBgTg6MEoCX0lWBBvwXF/u/c/87g96DLwN1VorFQAAAABJRU5ErkJggg==);
    display: inline-block;
    height: 10px;
    margin: 0 3px 0 5px;
    width: 10px;
}

#down p {
    text-indent: 0;
}

#hothost {
    border-left: 5px solid #1abc9c;
    border-right: 5px solid #1abc9c;
    background-color: #ebebeb;
    padding: 10px;
    color: rgb(0, 0, 0);
    font-size: 16px;
    margin: 15px 0 5px 0;
}

#hothost a {
    color: #1abc9c;
}

.fenlei-head {
    padding: 20px 15px;
    border: 1px solid #eaeaea;
    border-bottom: none;
    background: #fff;
    margin: 0 0 10px;
}

.fenlei {
    margin-left: 60px;
}

.fenlei-title {
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 10px;
}

.fenlei-meta {
    padding-top: 15px;
    border-top: 1px solid #eaeaea;
    font-size: 16px;
}

#cblzhuanti a {
    display: inline-block;
    background: #fff;
    text-align: center;
    color: #fff;
    font-family: "宋体";
    text-decoration: none;
    font-weight: 700;
    font-size: 17px;
    line-height: 40px;
    height: 40px;
    border-style: solid;
    border-width: 0;
    margin: 2px 0;
}

#cblzhuanti a:hover {
    opacity: .6;
}

#cblzhuanti {
    margin: 0 -5px -5px;
}

.hotspot li {
    width: 33.33%;
    float: left;
    margin-bottom: 20px;
}

.hotspot li img {
    height: 80px;
}

.hotspot li i {
    float: right;
}

.hotspot li:nth-child(2) a {
    position: relative;
}

.hotspot li:nth-child(2) a:after,
.hotspot li:nth-child(2) a:before {
    position: absolute;
    content: "";
    background: #f2f2f2;
    width: 10px;
    height: 100%;
}

.hotspot li:nth-child(2) a:after {
    right: -5px;
    bottom: 0;
}

.hotspot li:nth-child(2) a:before {
    left: -5px;
    bottom: 0;
}

.hotspot li a {
    background: #fff;
    display: block;
    height: 110px;
    padding: 15px;
}

.hotspot h2 {
    line-height: 22px;
    font-size: 16px;
    color: #444;
    height: 22px;
    margin-top: 10px;
}

.hotspot p {
    line-height: 17px;
    font-size: 14px;
    color: #444;
    height: 17px;
    margin-top: 12px;
}

.hotspot li a:hover {
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .15);
}

.alert_box_more_main {
    margin-top: 20px;
}

.alert_box_more_main a {
    font-size: 18px;
    color: #c01e22;
}


.sticky-icon {
    line-height: 1;
    padding: 4px;
    font-size: 12px;
    background-color: #FF5E52;
    color: #fff;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    margin-right: 5px;
    top: -2px;
}

.bkwd-youxiugerenboke #down {
    text-align: center;
}

.bkwd-youxiugerenboke #down a {
    margin: 8px 0 15px;
    float: none;
    padding: 10px 15px;
}

.entry-title {
    height: 100%;
}
.floatbtn{
    position: fixed;
    right: 12px;
    bottom: 10%;
    width: 36px;
    font-size: 25px;
    line-height: 25px;
    text-align: center;
    z-index: 999;
}
.floatbtn li{
    font-size: 16px;
    border-radius: 3px;
    background-color: #fff;
    color: #555;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 0 10px rgb(0 0 0 / 7%);
    width: 32px;
    height: 32px;
    display: block;
    position: relative;
    margin: 10px 0;
}
.floatbtn em{
    color: #16A085;
}
.floatbtn img{
    width: 100%;
    width: 100%;
}
.img_drop{
    display: none;
    width: 130px;
    height: 130px;
    padding: 10px;
    position: absolute;
    top: -60px;
    left: -140px;
    background: #fff;
    border-radius: 3px;
    z-index: 139;
    text-align: center;
    -moz-box-shadow: 0 -4px 10px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 -4px 10px rgb(0 0 0 / 4%), 0 1px 2px rgb(0 0 0 / 8%);
    box-shadow: 0 -4px 10px rgb(0 0 0 / 4%), 0 1px 2px rgb(0 0 0 / 8%);
}
.lx_wx_li:hover .lx_wx{
    display: block;
}
.lx_qq_li:hover .lx_qq{
    display: block;
}
@media screen and (max-width:1024px) {
    .lx_wx_li{
        display: none!important;
    }
    .lx_qq_li{
        display: none!important;
    }
}