/*!
    Theme Name: YIA
    Theme URI: https://themebetter.com/
    Description: A better wordpress theme by themebetter.com
    Author: themebetter.com
    Author URI: https://themebetter.com/
    Version: 3.1
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video, textarea, select, input {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    outline:none;
    box-shadow:none
}
dl, dt, dd, ol, ul, li {
    border:0;
    font-size:100%;
    vertical-align:baseline;
    outline:none;
    box-shadow:none
}
article, aside, details, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display:block
}
iframe {
    display:block;
    max-width:100%;
    margin:0 auto 24px
}
audio:not([controls]) {
    display:none;
    height:0
}
[hidden], template {
    display:none
}
abbr[title] {
    border-bottom:1px dotted
}
b, strong {
    font-weight:bold
}
dfn {
    font-style:italic
}
mark {
    background:#ff0;
    color:#000
}
small {
    font-size:80%
}
sub, sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup {
    top:-0.5em
}
sub {
    bottom:-0.25em
}
img {
    border:0
}
figure {
    margin:1em 40px
}
pre {
    line-height:1.5
}
code, kbd, pre, samp {
    font-size:1em
}
hr {
    margin-top:24px;
    margin-bottom:24px;
    border:0;
    border-top:1px solid #edf1fc
}
legend {
    display:block;
    width:100%;
    padding:0;
    margin-bottom:24px;
    font-size:20px;
    line-height:inherit;
    color:#6b6970;
    border:0;
    border-bottom:1px solid #eaeaea
}
blockquote, q {
    quotes:none
}
blockquote::before, blockquote::after, q::before, q::after {
    content:none
}
table {
    border-collapse:collapse;
    border-spacing:0
}
body {
    font-family:"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    -webkit-text-size-adjust:none;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    -webkit-font-smoothing:antialiased;
    line-height:1.5;
    font-size:14px;
    background:#f3f5f7;
    color:#6b6970
}
body.hide {
    max-height:100vh;
    overflow:hidden
}
body.-fixed {
    padding-top:68px
}
* {
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box
}
*::before, *::after {
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box
}
@media(max-width: 890px) {
    body.-fixed {
        padding-top:48px
    }
    body.contact-right {
        padding-bottom:58px
    }
}
@font-face {
    font-family:"yiafa";
    src:url("../fonts/iconfont.woff2") format("woff2"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype")
}
.yiafa {
    font-family:"yiafa" !important;
    font-size:14px;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#989ead
}
/*:root {*/
/*    --primary-color: #0bb27a;*/
/*    --ft-bgc: #0bb27a;*/
/*    --ft-color: #f0f0f0;*/
/*    --ft-hv-color: #fff*/
/*}*/

:root {
    --primary-color: #181818;
    --ft-bgc: #181818;
    --ft-color: #e5e5e5;
    --ft-hv-color: #ffffff;

    --adp-bg: #f6f6f6;
    --adp-card: #ffffff;
    --adp-text: #151515;
    --adp-muted: #6f6f6f;
    --adp-border: #e8e8e8;
    --adp-soft: #f2f2f2;
    --adp-radius: 2px;
}
a {
    cursor:pointer;
    color:var(--primary-color);
    text-decoration:none;
    -webkit-backface-visibility:hidden
}
.yia-ipt {
    height:32px;
    padding:0 8px;
    border:1px solid #eaeaea;
    border-radius:4px;
    -webkit-appearance:none;
    outline:none;
    color:#6b6970;
    transition:border .3s
}
.yia-ipt:focus {
    border:1px solid var(--primary-color)
}
input[type=submit] {
    -webkit-appearance:none
}
.yia-primary-btn {
    height:32px;
    padding:0 16px;
    line-height:32px;
    font-size:12px;
    border:1px solid var(--primary-color);
    cursor:pointer;
    border-radius:4px;
    background:#fff;
    text-align:center;
    transition:all .3s;
    background:var(--primary-color);
    color:#fff;
    opacity:.9
}
.yia-primary-btn:hover {
    opacity:1
}
.yia-outline-btn {
    height:32px;
    padding:0 16px;
    line-height:32px;
    font-size:12px;
    border:1px solid var(--primary-color);
    cursor:pointer;
    border-radius:4px;
    background:#fff;
    text-align:center;
    transition:all .3s;
    background:#fff;
    border:1px solid #eaeaea
}
.yia-outline-btn:hover {
    background:#f3f5f7
}
.yia-more-btn {
    height:32px;
    padding:0 16px;
    line-height:32px;
    font-size:12px;
    border:1px solid var(--primary-color);
    cursor:pointer;
    border-radius:4px;
    background:#fff;
    text-align:center;
    transition:all .3s;
    background:#fff;
    border:1px solid #eaeaea;
    display:inline-block;
    margin:24px auto 0 auto;
    line-height:34px;
    height:auto;
    min-width:100px;
    padding:0 24px;
    border-radius:20px;
    border:1px solid #eaeaea
}
.yia-more-btn:hover {
    background:#f3f5f7
}
@media(max-width: 640px) {
    .yia-more-btn {
        margin-top:16px
    }
}
.yia-hide {
    display:none
}
.yia-notice {
    position:fixed;
    padding:16px;
    max-width:400px;
    top:124px;
    left:50%;
    transform:translate(-50%, -100%);
    background:rgba(0, 0, 0, .8);
    color:#fff;
    text-align:center;
    z-index:1001
}
.yia-notice .content {
    max-width:400px
}
.yia-paginate {
    margin-bottom:24px;
    text-align:center
}
.yia-paginate .page-numbers, .yia-paginate .post-page-numbers {
    display:inline-block;
    min-width:30px;
    height:28px;
    padding:0 4px;
    margin:0;
    line-height:28px;
    text-align:center;
    color:#989ead;
    vertical-align:top;
    cursor:pointer
}
.yia-paginate .page-numbers:hover, .yia-paginate .post-page-numbers:hover {
    color:var(--primary-color)
}
.yia-paginate .page-numbers:hover .yiafa, .yia-paginate .post-page-numbers:hover .yiafa {
    color:var(--primary-color)
}
.yia-paginate .page-numbers.current, .yia-paginate .post-page-numbers.current {
    color:var(--primary-color);
    font-weight:bold
}
.yia-paginate .page-numbers.dots, .yia-paginate .post-page-numbers.dots {
    cursor:context-menu
}
.yia-auto-paginate {
    height:32px;
    line-height:32px;
    margin-bottom:24px;
    text-align:center
}
.yia-auto-paginate .yia-load-more, .yia-auto-paginate .yia-no-more, .yia-auto-paginate .yia-spin {
    display:none
}
.yia-auto-paginate .yia-no-more {
    color:#8d8f96
}
.yia-auto-paginate .yia-load-more {
    color:var(--primary-color);
    cursor:pointer
}
.yia-auto-paginate .yia-load-more:hover {
    opacity:.85
}
.yia-auto-paginate .yia-spin {
    height:32px;
    width:32px;
    border:2px solid rgba(0, 0, 0, 0);
    border-radius:50%;
    border-bottom:2px solid var(--primary-color);
    animation:yia-spin 1s infinite;
    -webkit-animation:yia-spin 1s infinite
}
.yia-auto-paginate.-manual .yia-load-more {
    display:block
}
.yia-auto-paginate.-auto .yia-spin {
    display:inline-block
}
@media(max-width: 640px) {
    .yia-auto-paginate {
        margin-bottom:10px
    }
}
.yia-no-data {
    color:#8d8f96;
    text-align:center
}
.yia-nodata {
    padding:24px;
    background:#fff;
    padding:100px 0;
    margin-bottom:24px;
    text-align:center
}
.yia-nodata .yiafa {
    font-size:60px;
    color:var(--primary-color)
}
.yia-nodata .no-data-desc {
    margin-top:24px;
    color:#8d8f96;
    text-align:center
}
.yia-nodata .status-404 {
    font-size:180px;
    text-align:center;
    font-weight:900;
    color:var(--primary-color);
    line-height:1
}
.yia-nodata .yia-go-home {
    padding-left:24px
}
.error404 .yia-nodata {
    padding:200px 0
}
.yia-sep {
    display:inline-block;
    padding:0 4px;
    color:#8d8f96
}
.yia-highlight {
    color:var(--primary-color);
    font-weight:bold
}
.yia-top-box {
    padding:24px;
    background:#fff;
    margin-bottom:24px
}
.yia-top-box .yia-card-title {
    margin-bottom:0
}
.yia-top-box .yia-label {
    margin-right:4px;
    font-weight:bold;
    color:#202935
}
.yia-top-box .yia-desc {
    margin-top:16px
}
.yia-events-banner {
    padding:32px
}
.yia-events-banner .yia-desc {
    margin-top:0;
    font-size:15px
}
.yia-events-banner .-banner {
    width:100%;
    margin-bottom:16px;
    overflow:hidden
}
.yia-events-banner .-banner img {
    display:block;
    width:100%;
    max-width:100%
}
.yia-events-banner h1 {
    margin-bottom:8px;
    font-size:22px;
    color:#202935
}
@media(max-width: 890px) {
    .yia-events-banner {
        padding:24px
    }
    .yia-events-banner h1 {
        font-size:18px
    }
    .yia-events-banner .yia-desc {
        font-size:14px
    }
}
.yia-card-title {
    position:relative;
    color:#202935;
    margin-bottom:24px;
    padding-left:22px;
    font-weight:bold;
    font-size:18px;
    line-height:1;
    font-size:18px !important
}
.yia-card-title:before {
    position:absolute;
    content:"";
    left:0;
    top:0;
    height:18px;
    border-left:6px solid var(--primary-color)
}
@keyframes yia-spin {
    from {
        transform:rotate(0deg)
    }
    to {
        transform:rotate(360deg)
    }
}
@media(max-width: 768px) {
    .yia-card-title {
        font-size:16px !important
    }
    .yia-card-title::before {
        top:0;
        height:16px
    }
    .yia-top-box .yia-desc {
        margin-top:8px
    }
}
@media(max-width: 640px) {
    .yia-paginate {
        margin-bottom:10px
    }
    .yia-top-box {
        padding:16px;
        margin-bottom:10px
    }
    .yia-card-title {
        margin-bottom:16px
    }
    .yia-nodata {
        margin-bottom:10px;
        padding:80px 16px
    }
    .yia-nodata .status-404 {
        font-size:100px
    }
    .yia-nodata .yia-go-home {
        display:block
    }
    .error404 .yia-nodata {
        padding:120px 16px
    }
}
body>.container {
    margin-top:24px
}
.container {
    margin:0 auto
}
.container:after {
    clear:both;
    display:block;
    content:"";
    line-height:0
}
.container .yia-main {
    width:100%;
    overflow:hidden
}
.container .with-sidebar {
    float:left;
    width:calc(100% - 320px - 24px)
}
.container .sidebar {
    position:relative;
    float:left;
    width:320px;
    margin-left:24px
}
.container .sidebar .no-widget {
    margin-bottom:24px;
    color:#8d8f96;
    text-align:center
}
.container .index-top {
    width:100%
}
.layout-left .yia-main {
    float:right
}
.layout-left .sidebar {
    margin:0 24px 0 0
}
@media(max-width: 1024px) {
    .container .yia-main {
        float:none
    }
    .container .with-sidebar {
        width:100%
    }
    .container .sidebar {
        float:none;
        width:100%;
        margin:0
    }
}
@media(max-width: 890px) {
    .container.yia-main {
        padding-top:24px
    }
}
@media(max-width: 768px) {
    .container.yia-main {
        padding-top:24px
    }
    .container .sidebar .no-widget {
        margin-bottom:24px;
        padding:0 24px
    }
}
@media(max-width: 640px) {
    body>.container {
        margin-top:0
    }
    .container {
        padding:0
    }
    .container.yia-main {
        padding-top:0
    }
    .container .sidebar .no-widget {
        margin-bottom:10px;
        padding:0 16px
    }
}
.-fixed .header {
    position:fixed;
    top:0;
    z-index:999
}
.tb-langs-tootip, .header .tbm-login6 ul {
    visibility:hidden;
    position:absolute;
    top:100%;
    right:0;
    padding:8px 0;
    background:#fff;
    box-shadow:0 0 8px rgba(0, 0, 0, .1);
    text-align:center;
    z-index:1;
    list-style:none;
    transition:margin .3s
}
.tb-langs-tootip a, .header .tbm-login6 ul a {
    display:block;
    padding:8px 24px;
    line-height:1;
    color:#6b6970;
    white-space:nowrap;
    text-align:left
}
.tb-langs-tootip a:hover, .header .tbm-login6 ul a:hover {
    background:#f3f5f7
}
.tb-langs-tootip a.active, .header .tbm-login6 ul a.active {
    color:var(--primary-color)
}
.tb-langs-tootip::before, .header .tbm-login6 ul::before {
    position:absolute;
    content:"";
    height:24px;
    top:-24px;
    left:0;
    right:0
}
.tb-langs-tootip::after, .header .tbm-login6 ul::after {
    position:absolute;
    content:"";
    top:-12px;
    right:12px;
    border:6px solid rgba(0, 0, 0, 0);
    border-bottom:6px solid #fff
}
.tb-langs-tootip.acive, .header .tbm-login6 ul.acive {
    visibility:visible;
    margin-top:21px
}
.header {
    width:100%;
    padding:0;
    background:#fff;
    box-shadow:0 0 4px rgba(0, 0, 0, .1);
    transition:all .3s
}
.header:after {
    clear:both;
    display:block;
    content:"";
    line-height:0
}
.header .logo {
    display:inline-flex;
    margin-right:64px;
    height:68px;
    align-items:center;
    overflow:hidden;
    vertical-align:bottom
}
.header .logo a {
    color:var(--primary-color);
    font-size:24px
}
.header .logo-img {
    display:block;
    max-height:68px
}
.header .icon-menu {
    display:none;
    padding:0 8px;
    margin-left:-8px;
    font-size:20px;
    color:#202935;
    cursor:pointer
}
.header .icon-menu:hover {
    color:var(--primary-color)
}
.header .tb-langs {
    position:relative;
    float:right;
    padding:18px 16px 0 0;
    margin-left:20px;
    line-height:32px;
    cursor:pointer;
    transition:all .3s
}
.header .tb-langs:after {
    position:absolute;
    right:0;
    font-family:"yiafa";
    content:"";
    font-size:12px;
    transform:rotate(-90deg);
    transition:all .3s
}
.header .tb-langs:hover>span {
    color:var(--primary-color)
}
.header .tb-langs:hover::after {
    color:var(--primary-color);
    transform:rotate(90deg)
}
.header .tb-langs:hover .tb-langs-tootip, .header .tb-langs:hover .tbm-login6 ul, .header .tbm-login6 .tb-langs:hover ul {
    visibility:visible;
    margin-top:18px
}
.header.header-full {
    padding:0 24px
}
.header .search-form {
    position:relative;
    float:right;
    padding:18px 0
}
.header .search-form .icon-search {
    position:absolute;
    color:#8d8f96;
    font-size:18px;
    line-height:32px;
    left:8px
}
.header .search-form .search-input {
    height:32px;
    width:32px;
    width:200px;
    padding:0 8px 0 32px;
    line-height:32px;
    border-radius:16px;
    border:none;
    background:#f3f5f7;
    vertical-align:bottom;
    transition:all .3s
}
.header .search-form .search-btn {
    display:none;
    height:32px;
    padding:0 16px;
    line-height:32px;
    font-size:12px;
    border:1px solid var(--primary-color);
    cursor:pointer;
    border-radius:4px;
    background:#fff;
    text-align:center;
    transition:all .3s;
    background:var(--primary-color);
    color:#fff;
    opacity:.9;
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.header .search-form .search-btn:hover {
    opacity:1
}
.header .top-search {
    float:right;
    display:none;
    font-size:20px;
    margin-right:-8px;
    padding:0 8px;
    line-height:48px;
    color:#202935;
    cursor:pointer
}
.header .top-search:hover {
    color:var(--primary-color)
}
.m-icon-user {
    display:none;
    float:right;
    padding:0 0 0 16px;
    line-height:48px
}
.m-icon-user i {
    color:#202935;
    font-size:19px
}
.m-icon-user:hover i {
    color:var(--primary-color)
}
.header .tbm-login6 {
    position:relative;
    float:right;
    margin-left:16px
}
.header .tbm-login6 .-login, .header .tbm-login6 .-register {
    margin-top:18px;
    height:32px;
    line-height:32px;
    display:inline-block;
    border-radius:100px;
    padding:0 22px;
    font-size:14px;
    cursor:pointer
}
.header .tbm-login6 .-login:hover, .header .tbm-login6 .-register:hover {
    opacity:.88
}
.header .tbm-login6 .-login {
    background-color:var(--primary-color);
    color:#fff;
    margin-right:5px
}
.header .tbm-login6 .-register {
    background-color:#f3f5f7
}
.header .tbm-login6 a {
    display:block;
    padding-top:18px
}
.header .tbm-login6 a:hover {
    color:var(--primary-color)
}
.header .tbm-login6 .-name {
    line-height:32px;
    display:inline-block;
    margin-left:10px;
    padding-right:12px;
    color:#202935;
    position:relative
}
.header .tbm-login6 .-name:after {
    content:"";
    position:absolute;
    top:50%;
    right:0;
    margin-top:-2px;
    border-left:4px solid rgba(0, 0, 0, 0);
    border-right:4px solid rgba(0, 0, 0, 0);
    border-top:5px solid #202935
}
.header .tbm-login6 .-name:hover {
    color:var(--primary-color)
}
.header .tbm-login6 .-name:hover:after {
    border-top-color:var(--primary-color)
}
.header .tbm-login6 .-avatar {
    float:left
}
.header .tbm-login6 .avatar {
    display:block;
    width:32px;
    height:32px;
    border-radius:50%
}
.header .tbm-login6 ul {
    margin:0
}
.header .tbm-login6 ul .tbm-fa {
    margin-right:8px;
    font-size:15px
}
.header .tbm-login6:hover ul {
    visibility:visible;
    margin-top:18px
}
.yia-crumbs {
    padding:12px 0;
    background:#fff;
    color:#8d8f96;
    font-size:12px
}
.yia-crumbs a {
    color:#8d8f96
}
.yia-crumbs a:hover {
    color:var(--primary-color)
}
@media(max-width: 890px) {
    .header {
        position:fixed;
        top:0;
        z-index:999;
        height:48px;
        text-align:center
    }
    .header .logo {
        position:absolute;
        margin-right:0;
        left:50%;
        height:48px;
        transform:translateX(-50%)
    }
    .header .logo-img {
        max-height:24px
    }
    .header .icon-menu {
        float:left;
        display:block;
        line-height:48px
    }
    .header .tb-langs {
        display:none
    }
    .header .top-search {
        display:block
    }
    .header .search-form {
        display:none;
        position:fixed;
        top:47px;
        left:0;
        width:100%;
        padding:24px;
        background:#fff;
        line-height:1;
        border-top:1px solid #eaeaea;
        border-bottom:1px solid #eaeaea;
        z-index:4
    }
    .header .search-form .icon-search {
        left:32px
    }
    .header .search-form .search-input {
        width:100%;
        padding-right:58px;
        border-radius:4px
    }
    .header .search-form .search-btn {
        position:absolute;
        right:24px;
        display:inline-block
    }
    .m-icon-user {
        display:block
    }
    .header .tbm-login6 {
        display:none
    }
}
@media(max-width: 768px) {
    .header .logo a {
        font-size:18px
    }
    .header .search-form {
        padding:24px
    }
    .header .search-form .icon-search {
        left:32px
    }
    .header .search-form .search-btn {
        right:24px
    }
}
@media(max-width: 640px) {
    .header {
        padding:0 16px;
        box-shadow:none;
        border-bottom:1px solid #eaeaea
    }
    .header .search-form {
        padding:16px
    }
    .header .search-form .icon-search {
        left:24px
    }
    .header .search-form .search-btn {
        right:16px
    }
    .header.header-full {
        padding:0 16px
    }
    .yia-crumbs {
        padding:12px 16px;
        background:rgba(243, 245, 247, .7)
    }
}
.yia-top-menu {
    display:inline-block;
    margin:0;
    padding:0;
    list-style:none;
    vertical-align:top
}
.yia-top-menu:after {
    clear:both;
    display:block;
    content:"";
    line-height:0
}
.yia-top-menu ul {
    margin:0;
    padding:0;
    list-style:none
}
.yia-top-menu .yiafa.toggle_sub {
    display:none
}
.yia-top-menu li {
    position:relative;
    white-space:nowrap;
    cursor:pointer
}
.yia-top-menu li a {
    display:block;
    padding:6px 16px;
    color:#202935;
    font-size:14px;
    transition:color .3s
}
.yia-top-menu li a i {
    margin-right:6px
}
.yia-top-menu li.current-menu-item>a, .yia-top-menu li.current-menu-parent>a, .yia-top-menu li.current-post-ancestor>a, .yia-top-menu li.current-post-parent>a, .yia-top-menu li.current_page_item>a, .yia-top-menu li.current-category-ancestor>a, .yia-top-menu li.current-menu-ancestor>a {
    color:var(--primary-color);
    font-weight:600
}
.yia-top-menu li.current-menu-item.menu-item-has-children:after, .yia-top-menu li.current-menu-parent.menu-item-has-children:after, .yia-top-menu li.current-post-ancestor.menu-item-has-children:after, .yia-top-menu li.current-post-parent.menu-item-has-children:after, .yia-top-menu li.current_page_item.menu-item-has-children:after, .yia-top-menu li.current-category-ancestor.menu-item-has-children:after, .yia-top-menu li.current-menu-ancestor.menu-item-has-children:after {
    color:var(--primary-color)
}
.yia-top-menu li.menu-item-has-children:after {
    position:absolute;
    visibility:hidden;
    font-family:"yiafa" !important;
    content:"";
    top:6px;
    right:12px;
    font-size:12px;
    color:#202935;
    transform:rotate(180deg)
}
.yia-top-menu li:hover>.sub-menu {
    top:-18px;
    transform:translateX(0);
    visibility:visible
}
.yia-top-menu li:hover>a {
    color:var(--primary-color)
}
.yia-top-menu li:hover.menu-item-has-children:after {
    visibility:visible;
    color:var(--primary-color)
}
.yia-top-menu .sub-menu {
    visibility:hidden;
    position:absolute;
    width:200px;
    padding:18px 0;
    left:100%;
    top:-8px;
    background:#fff;
    box-shadow:0 0 25px rgba(0, 0, 0, .1);
    transform:translateX(-8px);
    z-index:1;
    transition:transform .3s
}
.yia-top-menu .sub-menu li {
    position:relative
}
.yia-top-menu .sub-menu li a {
    padding:6px 24px;
    white-space:normal
}
.yia-top-menu .sub-menu li a:hover {
    background:rgba(255, 255, 255, .4)
}
.yia-top-menu>li {
    float:left;
    margin-right:32px
}
.yia-top-menu>li>a {
    font-size:16px;
    padding:0;
    line-height:68px
}
.yia-top-menu>li.menu-item-has-children {
    padding-right:16px
}
.yia-top-menu>li.menu-item-has-children:after {
    visibility:visible;
    right:0;
    top:50%;
    transform:translateY(-50%) rotate(-90deg);
    transition:transform .3s
}
.yia-top-menu>li>.sub-menu {
    left:50%;
    top:60px;
    transform:translateX(-50%);
    border-left:none;
    transition:top .3s
}
.yia-top-menu>li:hover>.sub-menu {
    left:50%;
    top:68px;
    transform:translateX(-50%)
}
.yia-top-menu>li:hover.menu-item-has-children:after {
    transform:translateY(-50%) rotate(90deg)
}
.yia-top-menu.yia-menu-bold>li>a {
    font-weight:bold
}
@media(max-width: 890px) {
    .yia-top-menu {
        visibility:visible;
        position:fixed;
        top:47px;
        left:-100%;
        right:0;
        bottom:0;
        width:100%;
        padding:24px;
        background:#fff;
        text-align:left;
        border-top:1px solid #eaeaea;
        overflow-y:auto;
        z-index:3;
        transition:left .3s
    }
    .yia-top-menu .yiafa.toggle_sub {
        display:block;
        content:"";
        color:#999;
        position:absolute;
        right:-20px;
        top:0;
        font-weight:bold;
        font-size:12px;
        height:40px;
        line-height:40px;
        padding:0 20px;
        z-index:2;
        transform:rotate(90deg);
        cursor:pointer
    }
    .yia-top-menu.active {
        left:0
    }
    .yia-top-menu>li {
        display:block;
        float:none;
        padding:0;
        margin-right:0
    }
    .yia-top-menu>li>a {
        padding:12px 0;
        font-size:14px;
        font-weight:bold;
        line-height:1
    }
    .yia-top-menu>li>.sub-menu {
        left:auto;
        top:auto;
        transform:translateX(0);
        transition:none
    }
    .yia-top-menu>li.menu-item-has-children {
        padding-right:0
    }
    .yia-top-menu>li.menu-item-has-children:after {
        display:none
    }
    .yia-top-menu>li:hover>.sub-menu {
        left:auto;
        top:auto;
        transform:translateX(0)
    }
    .yia-top-menu li a {
        padding-right:30px;
        overflow:hidden;
        text-overflow:ellipsis
    }
    .yia-top-menu li:hover>.sub-menu {
        top:auto
    }
    .yia-top-menu .sub-menu {
        display:none;
        visibility:visible;
        position:relative;
        width:100%;
        padding:0 0 0 24px;
        left:auto;
        top:auto;
        box-shadow:none;
        transform:translateX(0)
    }
    .yia-top-menu .sub-menu li a {
        padding:8px 0;
        line-height:1
    }
    .yia-top-menu .sub-menu li:after {
        display:none
    }
}
@media(max-width: 768px) {
    .yia-top-menu {
        padding:24px
    }
}
@media(max-width: 640px) {
    .yia-top-menu {
        padding:16px
    }
}
.post-list {
    padding:0;
    margin:0;
    list-style:none
}
.post-list .post-stick {
    display:inline-block;
    margin-right:8px;
    padding:5px 8px 4px 8px;
    font-size:12px;
    color:#fff;
    line-height:1;
    background:#ff5e52;
    border-radius:4px;
    vertical-align:text-bottom
}
.post-list .thumbs-item {
    overflow:hidden;
    transition:opacity .3s
}
.post-list .thumbs-item:hover {
    opacity:.85
}
.post-list.layout-product {
    display:flex;
    flex-wrap:wrap;
    margin-right:-24px
}
.post-list.layout-product .post-item {
    flex-grow:0;
    flex-shrink:0;
    width:calc(20% - 24px);
    padding:24px;
    margin:0 24px 24px 0;
    vertical-align:text-top;
    background:#fff;
    overflow:hidden
}
.post-list.layout-product .thumbs-item {
    position:relative;
    width:100%;
    padding-bottom:100%;
    height:0;
    margin-bottom:12px;
    overflow:hidden
}
.post-list.layout-product .thumbs-item img {
    position:absolute;
    height:100%;
    left:50%;
    transform:translateX(-50%)
}
.post-list.layout-product .post-title {
    height:40px;
    text-align:center;
    color:#202935;
    cursor:pointer;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden
}
.post-list.layout-product .post-title:hover {
    color:var(--primary-color)
}
.post-list.layout-product .post-tag {
    margin-top:8px;
    margin-right:-16px;
    margin-left:-8px;
    padding-top:0;
    height:28px;
    text-align:center;
    overflow:hidden
}
.post-list.layout-product .post-tag a {
    margin-top:0
}
.post-list.layout-default .post-item {
    position:relative;
    display:flex;
    padding:24px;
    overflow:hidden;
    background:#fff
}
.post-list.layout-default .post-item:not(:last-child) {
    border-bottom:1px dashed #eaeaea
}
.post-list.layout-default .post-item:last-child {
    margin-bottom:24px
}
.post-list.layout-default .post-main {
    flex:1
}
.post-list.layout-default h2 {
    margin-top:-4px
}
.post-list.layout-default .title-line-one {
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    overflow:hidden
}
.post-list.layout-default .post-title {
    color:#202935;
    font-size:20px;
    font-weight:bold;
    line-height:1.5;
    transition:color .3s
}
.post-list.layout-default .post-title:hover {
    color:var(--primary-color)
}
.post-list.layout-default .yia-cat-item {
    display:inline-block;
    margin-right:8px;
    padding:4px 8px;
    font-size:12px;
    color:#fff;
    line-height:1;
    background:var(--primary-color);
    border-radius:4px;
    vertical-align:text-bottom;
    transition:opacity .3s
}
.post-list.layout-default .yia-cat-item:hover {
    opacity:.85
}
.post-list.layout-default .thumbs-item img {
    display:block
}
.post-list.layout-default .post-info {
    margin-top:16px;
    color:#8d8f96;
    align-items:center;
    line-height:1
}
.post-list.layout-default .post-info:after {
    clear:both;
    display:block;
    content:"";
    line-height:0
}
.post-list.layout-default .post-info .yia-a-l {
    color:#8d8f96
}
.post-list.layout-default .post-info .yia-a-l:hover {
    color:var(--primary-color)
}
.post-list.layout-default .post-info .meta-item {
    margin-right:24px;
    font-size:13px
}
.post-list.layout-default .post-info .meta-item i {
    display:inline-block;
    margin-right:4px;
    font-size:14px
}
.post-list.layout-default .post-info .yia-like {
    float:right;
    margin:0;
    cursor:pointer
}
.post-list.layout-default .post-info .yia-like:hover::before {
    color:var(--primary-color)
}
.post-list.layout-default .post-info .icon-like-active {
    color:var(--primary-color)
}
.post-list.layout-default .post-content {
    position:relative;
    margin-top:16px
}
.post-list.layout-default .post-tag {
    display:flex;
    max-height:36px;
    align-items:center;
    flex-wrap:wrap;
    padding-top:2px;
    overflow:hidden
}
.post-list.layout-default .single-right .post-thumbs, .post-list.layout-default .single-left .post-thumbs {
    flex:0 0 200px;
    height:150px
}
.post-list.layout-default .single-right .thumbs-item, .post-list.layout-default .single-left .thumbs-item {
    width:100%;
    height:100%
}
.post-list.layout-default .single-right .thumbs-item img, .post-list.layout-default .single-left .thumbs-item img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.post-list.layout-default .single-left .post-thumbs {
    margin-right:24px
}
.post-list.layout-default .single-right .post-thumbs {
    margin-left:24px
}
.post-list.layout-default .single-full .post-thumbs {
    display:block;
    margin-top:16px
}
.post-list.layout-default .single-full .thumbs-item {
    width:100%
}
.post-list.layout-default .single-full .thumbs-item img {
    display:block;
    max-width:100%
}
.post-list.layout-default .multi .post-thumbs {
    display:flex;
    margin-left:-16px;
    margin-top:16px;
    align-items:flex-end;
    justify-content:space-around
}
.post-list.layout-default .multi .thumbs-item {
    width:25%;
    padding-left:16px
}
.post-list.layout-default .multi .thumbs-item img {
    width:100%;
    max-height:150px;
    max-width:200px;
    -o-object-fit:cover;
    object-fit:cover
}
@media(max-width: 1024px) {
    .post-list.layout-product .post-item {
        width:calc(25% - 24px)
    }
}
@media(max-width: 890px) {
    .post-list.layout-product .post-item {
        width:calc(33.33% - 24px)
    }
}
@media(max-width: 768px) {
    .post-list .post-stick {
        padding:0 3px;
        line-height:18px
    }
    .post-list.layout-product .post-tag, .post-list.layout-default .post-tag {
        display:none
    }
    .post-list.layout-default .post-title {
        font-size:18px
    }
    .post-list.layout-default .yia-cat-item {
        padding:3px
    }
    .post-list.layout-default .post-info {
        margin-top:12px
    }
    .post-list.layout-default .post-content {
        max-height:42px;
        overflow:hidden
    }
    .post-list.layout-default .single-left .post-thumbs, .post-list.layout-default .single-right .post-thumbs {
        flex:0 0 140px;
        max-height:105px
    }
    .post-list.layout-default .single-left .post-thumbs img, .post-list.layout-default .single-right .post-thumbs img {
        width:140px;
        max-height:105px
    }
    .post-list.layout-default .single-left .post-content, .post-list.layout-default .single-right .post-content {
        margin-top:12px;
        top:2px
    }
    .post-list.layout-default .single-left .post-thumbs {
        margin-right:16px
    }
    .post-list.layout-default .single-right .post-thumbs {
        margin-left:16px
    }
    .post-list.layout-default .multi .thumbs-item img {
        max-height:105px
    }
    .post-list.layout-product .post-title {
        font-weight:normal
    }
}
@media(max-width: 640px) {
    .post-list.layout-default .post-item {
        padding:16px
    }
    .post-list.layout-default .post-item:last-child {
        margin-bottom:10px
    }
    .post-list.layout-default h2 {
        margin-top:-2px;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        overflow:hidden
    }
    .post-list.layout-default .title-line-one {
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        overflow:hidden
    }
    .post-list.layout-default .post-title {
        font-size:16px;
        font-weight:normal
    }
    .post-list.layout-default .post-content {
        display:none
    }
    .post-list.layout-default .post-info {
        margin-top:15px
    }
    .post-list.layout-default .post-info .meta-item {
        margin-right:12px
    }
    .post-list.layout-default .post-info .meta-item i {
        margin-right:4px
    }
    .post-list.layout-default .post-info .meta-item.icon-like {
        margin-right:0
    }
    .post-list.layout-default .post-info .meta-m-hide {
        display:none
    }
    .post-list.layout-default .single-left .post-thumbs, .post-list.layout-default .single-right .post-thumbs {
        flex:0 0 100px;
        max-height:75px
    }
    .post-list.layout-default .single-left .post-thumbs img, .post-list.layout-default .single-right .post-thumbs img {
        width:100px;
        max-height:75px
    }
    .post-list.layout-default .single-left .post-thumbs+.post-main h2, .post-list.layout-default .single-right .post-thumbs+.post-main h2 {
        min-height:48px
    }
    .post-list.layout-default .single-left .post-thumbs {
        margin-right:12px
    }
    .post-list.layout-default .single-right .post-thumbs {
        margin-left:12px
    }
    .post-list.layout-default .single-full .post-info {
        margin-top:8px
    }
    .post-list.layout-default .single-full .post-thumbs {
        margin-top:8px
    }
    .post-list.layout-default .multi .post-info {
        margin-top:8px
    }
    .post-list.layout-default .multi .post-thumbs {
        margin-left:-4px;
        margin-top:8px
    }
    .post-list.layout-default .multi .thumbs-item {
        padding-left:4px
    }
    .post-list.layout-product {
        margin-right:-10px
    }
    .post-list.layout-product .post-item {
        padding:16px;
        margin:0 10px 10px 0;
        width:calc(50% - 10px)
    }
    .post-list.layout-product .post-title {
        text-align:left
    }
}
.layout-events {
    padding:0;
    margin:0;
    list-style:none;
    margin-bottom:24px;
    padding:32px 32px 32px 38px;
    background:#fff
}
.layout-events .post-item {
    position:relative;
    padding-left:24px;
    padding-bottom:48px;
    border-left:1px solid #edf1fc;
    text-align:left
}
.layout-events .post-item::after {
    position:absolute;
    content:"";
    left:-5px;
    top:3px;
    width:9px;
    height:9px;
    border:2px solid var(--primary-color);
    border-radius:50%;
    background:#fff
}
.layout-events .post-item:last-child {
    padding-bottom:0 !important
}
.layout-events h2 {
    color:#202935;
    font-size:15px;
    font-weight:bold;
    line-height:1.5;
    margin-bottom:12px;
    transition:color .3s
}
.layout-events h2:hover {
    color:var(--primary-color)
}
.layout-events .-info {
    position:relative;
    top:-3px;
    display:block;
    margin-bottom:16px;
    line-height:20px
}
.layout-events .excerpt {
    padding:12px;
    background:#f3f5f7;
    color:#8d8f96
}
@media(max-width: 890px) {
    .layout-events {
        padding:24px 24px 24px 29px
    }
    .layout-events .post-item {
        padding-bottom:24px
    }
    .layout-events .-info {
        margin-bottom:8px
    }
}
@media(max-width: 640px) {
    .layout-events {
        margin-bottom:10px;
        padding:20px 16px 20px 21px
    }
    .layout-events .post-item {
        padding-bottom:24px
    }
}
.yia-events-tag {
    display:inline-block;
    font-size:12px;
    margin-left:12px;
    line-height:1;
    padding:3px 4px
}
.yia-events-tag.-main {
    position:relative;
    color:#fff;
    border:1px solid var(--primary-color);
    background:var(--primary-color)
}
.yia-events-tag.-blue {
    position:relative;
    color:#fff;
    border:1px solid #2db7f5;
    background:#2db7f5
}
.yia-events-tag.-red {
    position:relative;
    color:#fff;
    border:1px solid #ff5e52;
    background:#ff5e52
}
.yia-events-tag.-green {
    position:relative;
    color:#fff;
    border:1px solid #7fd75a;
    background:#7fd75a
}
.yia-events-tag.-orange {
    position:relative;
    color:#fff;
    border:1px solid #f90;
    background:#f90
}
.post-tag {
    padding-top:8px
}
.post-tag a {
    display:inline-block;
    margin:8px 10px 0 0;
    padding:4px 8px;
    max-width:calc(100% - 16px);
    font-size:12px;
    background:#f3f5f7;
    border-radius:4px;
    color:#8d8f96;
    vertical-align:text-bottom;
    transition:color .3s;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.post-tag a:before {
    content:"# "
}
.post-tag a:hover {
    color:var(--primary-color)
}
.yia-cat-tag {
    padding:0;
    margin-top:16px;
    margin-bottom:-12px
}
.yia-cat-tag .tag-prefix {
    vertical-align:top;
    line-height:26px
}
.yia-cat-tag a {
    margin:0 10px 8px 0
}
.article .post-tag {
    position:relative;
    justify-content:center;
    margin:38px 0 0 0;
    padding-top:12px;
    border-top:1px solid #eaeaea
}
.article .post-tag a {
    margin:10px 10px 0 0;
    padding:4px 8px
}
.article .post-tag .tag-prefix {
    position:absolute;
    top:-12px;
    padding:0 24px;
    background:#fff;
    left:50%;
    transform:translateX(-50%)
}
@media(max-width: 768px) {
    .post-list .post-tag {
        display:none
    }
    .yia-cat-tag {
        margin-top:12px
    }
}
@media(max-width: 640px) {
    .article .post-tag {
        margin:30px 0 0 0;
        justify-content:flex-start
    }
    .article .post-tag a {
        margin:8px 10px 0 0
    }
}
.p-indent .article-content p {
    text-indent:32px
}
.article:after {
    clear:both;
    display:block;
    content:"";
    line-height:0
}
.article .post-info {
    margin-top:12px;
    text-align:center;
    color:#8d8f96
}
.article .post-info .meta-item {
    margin:0 16px 8px 0;
    line-height:1;
    font-size:13px
}
.article .post-info .meta-item i {
    margin-right:4px;
    font-size:14px
}
.article .post-info a {
    color:#8d8f96
}
.article .post-info a:hover {
    color:var(--primary-color)
}
.article .update-meta {
    position:relative
}
.article .update-meta .publish-pop {
    position:absolute;
    visibility:hidden;
    opacity:0;
    top:calc(100% + 8px);
    left:0;
    padding:8px;
    background:#fff;
    box-shadow:0 0 8px rgba(0, 0, 0, .1);
    border-radius:3px;
    font-size:12px;
    transition:opacity .3s
}
.article .update-meta .publish-pop::before {
    position:absolute;
    content:"";
    height:24px;
    top:-6px;
    left:0;
    right:0
}
.article .update-meta .publish-pop::after {
    position:absolute;
    content:"";
    top:-6px;
    left:6px;
    border:3px solid rgba(0, 0, 0, 0);
    border-bottom:3px solid #fff
}
.article .update-meta:hover .publish-pop {
    visibility:visible;
    opacity:1
}
.article .yia-paginate {
    padding-top:32px;
    margin-bottom:0
}
.article .article-copyright {
    padding:8px 16px;
    margin-top:32px;
    font-size:14px;
    background:rgba(243, 245, 247, .7);
    color:#8d8f96
}
.article .article-copyright a {
    color:#8d8f96
}
.article .article-copyright a:hover {
    color:var(--primary-color)
}
.article .article-footer {
    display:flex;
    padding-top:32px;
    justify-content:center
}
.article .article-footer.yia-be {
    justify-content:space-between;
    align-items:flex-start
}
.article .yia-like {
    display:inline-block;
    text-align:center;
    line-height:34px;
    padding:0 18px;
    border-radius:18px;
    font-size:14px;
    border:1px solid var(--primary-color);
    cursor:pointer;
    transition:all .3s
}
.article .yia-like i {
    margin-right:8px;
    font-size:18px;
    color:var(--primary-color);
    vertical-align:bottom;
    transition:all .3s
}
.article .yia-like:hover {
    color:#fff;
    background:var(--primary-color);
    border:1px solid var(--primary-color)
}
.article .yia-like:hover i {
    color:#fff
}
.yia-p-e {
    position:relative;
    padding:24px 72px;
    margin-top:24px;
    border-radius:4px;
    color:#8d8f96;
    text-align:justify;
    background:rgba(243, 245, 247, .7)
}
.yia-p-e .yiafa {
    position:absolute;
    font-size:30px;
    line-height:1;
    color:var(--primary-color);
    opacity:.2
}
.yia-p-e .icon-quotes-l {
    left:22px;
    top:16px
}
.yia-p-e .icon-quotes-r {
    right:22px;
    bottom:16px
}
.article-content {
    padding-top:16px;
    font-size:16px;
    line-height:1.8;
    word-wrap:break-word;
    color:#202935
}
.article-content:after {
    display:table;
    content:"";
    line-height:0;
    clear:both
}
.article-content img {
    display:block;
    max-width:100%;
    height:auto
}
.article-content h1, .article-content h2, .article-content h3, .article-content h4, .article-content h5, .article-content h6, .article-content p {
    margin:0 0 24px
}
.article-content h1, .article-content h2, .article-content h3, .article-content h4, .article-content h5, .article-content h6 {
    padding-top:140px;
    margin-top:-140px
}
.article-content h1 {
    font-size:22px;
    font-weight:bold
}
.article-content h2 {
    font-size:18px;
    font-weight:bold;
    margin:24px 0;
    margin-top:-116px
}
.article-content h3 {
    font-size:16px
}
.article-content h4 {
    font-size:14px
}
.article-content h5 {
    font-size:14px
}
.article-content h6 {
    font-size:14px
}
.article-content a {
    color:var(--primary-color)
}
.article-content a :hover {
    text-decoration:underline
}
.article-content pre {
    max-height:500px;
    margin:24px 0;
    font:12px"courier new";
    background:#4a4a4a;
    padding:8px 24px;
    color:#ffda8b;
    border:none;
    overflow:auto;
    word-wrap:break-word
}
.article-content pre.wp-block-preformatted, .article-content pre.wp-block-verse {
    font:12px"Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding:24px;
    background-color:#f3f5f7;
    color:#6b6970
}
.article-content blockquote {
    margin:24px 0;
    padding-left:24px;
    font-size:14px;
    border-left:4px solid #eaeaea
}
.article-content blockquote p {
    margin:0;
    padding:0;
    margin-bottom:4px
}
.article-content ul, .article-content ol {
    margin:0 0 24px 0
}
.article-content table {
    width:100%;
    margin-bottom:8px
}
.article-content table th, .article-content table tr, .article-content table td {
    border:1px solid #eaeaea
}
.article-content table th {
    text-align:center
}
.article-content table td {
    padding:4px 8px
}
.article-content embed[align=middle] {
    margin:0 auto;
    display:block
}
.article-content .post-password-form {
    padding-top:24px;
    text-align:center
}
.article-content .post-password-form p {
    text-indent:0
}
.article-content .post-password-form p:nth-child(1) {
    margin-bottom:16px
}
.article-content .post-password-form p input[type=password] {
    width:140px;
    height:32px;
    padding:8px;
    margin:0 12px 0 0;
    border:1px solid #eaeaea;
    border-radius:4px;
    -webkit-appearance:none;
    outline:none;
    transition:border .3s
}
.article-content .post-password-form p input[type=password]:focus {
    border:1px solid var(--primary-color)
}
.article-content .post-password-form p input[type=submit] {
    height:32px;
    padding:0 12px;
    border-radius:4px;
    -webkit-appearance:none;
    outline:none;
    background:var(--primary-color);
    color:#fff;
    font-size:14px;
    cursor:pointer;
    vertical-align:top;
    transition:opacity .3s
}
.article-content .post-password-form p input[type=submit]:hover {
    opacity:.85
}
.article-content .alignnone {
    margin:0 auto
}
.article-content .alignleft {
    float:left;
    margin:0 24px 24px 0
}
.article-content .aligncenter {
    margin:0 auto;
    text-align:center
}
.article-content .aligncenter img {
    margin:0 auto
}
.article-content .alignright {
    float:right;
    margin:0 0 24px 24px
}
.article-content .wp-caption {
    margin-bottom:24px;
    max-width:100%
}
.article-content .wp-caption p {
    margin-bottom:8px;
    text-indent:0
}
.article-content .wp-caption .alignnone {
    text-align:center
}
.article-content figcaption {
    font-size:12px;
    color:#8d8f96
}
.article-content .wp-block-image {
    margin-bottom:24px;
    text-align:center
}
.wp-block-gallery {
    margin-left:0 !important
}
.wp-block-image {
    margin-bottom:24px
}
.wp-block-quote cite {
    font-size:12px;
    color:#8d8f96
}
.wp-block-image {
    overflow:hidden
}
.aligncenter img {
    margin-left:auto;
    margin-right:auto
}
.wp-block-image .aligncenter>figcaption {
    display:block
}
.is-phone .article-footer.yia-be {
    justify-content:center
}
.page-template-page-no-sidebar .article-content, .page .article-content {
    padding-top:0
}
@media(max-width: 768px) {
    .article .post-info {
        text-align:left
    }
    .article .article-content {
        padding-top:16px
    }
    .article .article-content h1 {
        font-size:18px
    }
    .article .article-content h2 {
        font-size:16px
    }
    .page-template-page-no-sidebar .article-content, .page .article-content {
        padding-top:0
    }
}
@media(max-width: 640px) {
    .article .post-info {
        margin-top:8px
    }
    .article .article-copyright {
        margin-top:24px
    }
    .article .article-footer {
        display:block;
        padding-top:24px;
        text-align:center
    }
    .article .yia-paginate {
        padding-top:24px
    }
    .yia-p-e {
        margin-top:24px;
        padding:16px 40px
    }
    .yia-p-e .yiafa {
        font-size:18px
    }
    .yia-p-e .icon-quotes-l {
        left:16px;
        top:13px
    }
    .yia-p-e .icon-quotes-r {
        right:16px;
        bottom:13px
    }
}
.article-nav {
    display:flex;
    margin-bottom:24px;
    justify-content:space-between;
    padding:24px;
    background:#fff;
    padding:32px
}
.article-nav .article-nav-item {
    flex-grow:0;
    flex-basis:50%;
    padding-right:24px
}
.article-nav .article-nav-item.next {
    padding:0 0 0 24px;
    text-align:right;
    border-left:1px dashed #eaeaea
}
.article-nav .article-nav-item a {
    color:#202935;
    font-weight:bold;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden
}
.article-nav .article-nav-item a p {
    margin-bottom:8px;
    color:#8d8f96;
    font-weight:normal
}
.article-nav .article-nav-item a:hover {
    color:var(--primary-color)
}
@media(max-width: 890px) {
    .article-nav {
        margin-bottom:24px;
        padding:32px
    }
}
@media(max-width: 768px) {
    .article-nav {
        margin-bottom:24px;
        padding:24px
    }
}
@media(max-width: 640px) {
    .article-nav {
        margin-bottom:10px;
        padding:20px
    }
    .article-nav .article-nav-item {
        padding-right:8px
    }
    .article-nav .article-nav-item.next {
        padding:0 0 0 8px
    }
}
.article-relevant {
    padding:24px;
    background:#fff;
    padding:32px;
    margin-bottom:24px
}
.article-relevant ul li:last-child {
    margin-bottom:0
}
@media(max-width: 890px) {
    .article-relevant {
        margin-bottom:24px;
        padding:32px
    }
}
@media(max-width: 768px) {
    .article-relevant {
        margin-bottom:24px;
        padding:24px
    }
}
@media(max-width: 640px) {
    .article-relevant {
        margin-bottom:10px;
        padding:20px
    }
}
.yia-article-modal {
    display:none;
    position:fixed;
    top:0;
    bottom:0;
    width:100%;
    text-align:center;
    z-index:1000
}
.yia-article-modal .modal-mask {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0, 0, 0, .6)
}
.yia-article-modal .icon-close {
    position:absolute;
    font-size:32px;
    padding:24px;
    right:0;
    top:0;
    color:#fff;
    cursor:pointer;
    z-index:1;
    transition:transform .3s
}
.yia-article-modal .icon-close:hover {
    transform:rotate(180deg)
}
.yia-article-modal .yia-article-swiper {
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
    top:50%;
    transform:translateY(-50%)
}
.yia-article-modal .yia-swiper-no-transition {
    transition-duration:0ms !important
}
.yia-article-modal .swiper-wrapper {
    display:flex;
    width:100%;
    height:100%;
    flex-wrap:nowrap;
    align-items:center
}
.yia-article-modal .swiper-item {
    position:relative;
    flex:0 0 100%;
    height:100%
}
.yia-article-modal .swiper-item img {
    max-width:100%;
    max-height:100%
}
.yia-article-modal .swiper-zoom-container {
    display:flex;
    width:100%;
    height:100%;
    justify-content:center;
    align-items:center
}
.yia-article-modal .swiper-pagination {
    position:absolute;
    width:100%;
    bottom:24px;
    text-align:center;
    color:#fff;
    z-index:1
}
.yia-article-modal .swiper-nav {
    position:absolute;
    padding:24px;
    left:-12px;
    cursor:pointer;
    top:50%;
    transform:translateY(-50%)
}
.yia-article-modal .swiper-nav i {
    color:#fff;
    font-size:40px
}
.yia-article-modal .swiper-nav:hover {
    opacity:.85
}
.yia-article-modal .swiper-next {
    left:auto;
    right:-12px
}
.yia-article-modal .swiper-button-disabled i {
    color:#989ead
}
@media(max-width: 640px) {
    .yia-article-modal .icon-close {
        padding:16px;
        font-size:18px
    }
    .yia-article-modal .swiper-nav {
        left:-1px;
        padding:16px
    }
    .yia-article-modal .swiper-nav i {
        font-size:20px
    }
    .yia-article-modal .swiper-next {
        right:-1px
    }
    .yia-article-modal .swiper-pagination {
        bottom:16px
    }
}
.yia-post-author {
    display:flex;
    margin-top:24px;
    padding:24px;
    background:rgba(243, 245, 247, .7)
}
.yia-post-author .avatar {
    flex:0 0 56px;
    max-height:56px;
    border-radius:50%;
    overflow:hidden
}
.yia-post-author .author-detail {
    padding-left:16px
}
.yia-post-author .author-name {
    display:inline-block;
    margin-bottom:8px;
    color:#202935;
    font-size:16px;
    font-weight:bold;
    line-height:1.2
}
.yia-post-author .author-name:hover {
    color:var(--primary-color)
}
.yia-post-author .author-desc {
    line-height:1.8
}
.author-card {
    text-align:center
}
.author-card .avatar {
    border-radius:50%;
    vertical-align:middle
}
.author-card h1 {
    margin-top:12px;
    font-size:18px;
    line-height:1;
    font-weight:normal;
    color:#202935
}
.author-card .author-desc {
    color:#8d8f96;
    margin-top:8px
}
@media(max-width: 768px) {
    .yia-post-author {
        padding:16px
    }
    .yia-post-author .avatar {
        flex:0 0 32px;
        max-height:32px
    }
    .yia-post-author .author-detail {
        padding-left:12px
    }
}
@media(max-width: 640px) {
    .author-card .avatar {
        width:48px;
        height:48px
    }
    .author-card h1 {
        font-size:16px;
        font-weight:bold
    }
}
.archive-dropdown {
    min-width:200px;
    margin-left:4px
}
.page .article, .page .page-archives, .page .page-link, .page .page-tougao, .page .page-tags, .single .article, .single .page-archives, .single .page-link, .single .page-tougao, .single .page-tags {
    padding:24px;
    background:#fff;
    padding:32px;
    margin-bottom:24px
}
.page .page-title, .single .page-title {
    margin-bottom:24px;
    text-align:center;
    color:#202935;
    font-size:24px;
    font-weight:bold
}
.single .page-title {
    margin-bottom:0
}
@media(max-width: 890px) {
    .page .article, .page .page-archives, .page .page-link, .page .page-tougao, .page .page-tags, .single .article, .single .page-archives, .single .page-link, .single .page-tougao, .single .page-tags {
        margin-bottom:24px;
        padding:32px
    }
}
@media(max-width: 768px) {
    .page .article, .page .page-archives, .page .page-link, .page .page-tougao, .page .page-tags, .single .article, .single .page-archives, .single .page-link, .single .page-tougao, .single .page-tags {
        margin-bottom:24px;
        padding:24px
    }
    .page .article .page-title, .page .page-archives .page-title, .page .page-link .page-title, .page .page-tougao .page-title, .page .page-tags .page-title, .single .article .page-title, .single .page-archives .page-title, .single .page-link .page-title, .single .page-tougao .page-title, .single .page-tags .page-title {
        font-size:20px;
        text-align:left
    }
}
@media(max-width: 640px) {
    .page .article, .page .page-archives, .page .page-link, .page .page-tougao, .page .page-tags, .single .article, .single .page-archives, .single .page-link, .single .page-tougao, .single .page-tags {
        padding:20px;
        margin-bottom:10px
    }
    .page .article .page-title, .page .page-archives .page-title, .page .page-link .page-title, .page .page-tougao .page-title, .page .page-tags .page-title, .single .article .page-title, .single .page-archives .page-title, .single .page-link .page-title, .single .page-tougao .page-title, .single .page-tags .page-title {
        font-size:18px
    }
}
.page-tags.yia-main {
    float:none
}
.page-tags .tag-list {
    margin:0;
    padding:0;
    margin-top:-24px;
    margin-right:-24px
}
.page-tags .tag-list:after {
    clear:both;
    display:block;
    content:"";
    line-height:0
}
.page-tags .tag-list li {
    list-style:none
}
.page-tags .tag-item {
    float:left;
    width:20%;
    margin:24px 0 0 0;
    padding-right:24px
}
.page-tags .tag-item a {
    position:relative;
    display:block;
    width:100%;
    padding:0 56px 0 16px;
    line-height:40px;
    background:#f3f5f7;
    border-radius:4px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    transition:all .3s
}
.page-tags .tag-item a:hover {
    background:var(--primary-color);
    color:#fff
}
.page-tags .tag-item a:hover .tag-count {
    color:#fff
}
.page-tags .tag-item .tag-count {
    position:absolute;
    right:16px;
    color:#8d8f96;
    text-align:right
}
@media(max-width: 1024px) {
    .page-tags .tag-item {
        width:25%
    }
}
@media(max-width: 768px) {
    .page-tags .tag-list {
        margin-top:-16px;
        margin-right:-16px
    }
    .page-tags .tag-item {
        width:33.3%;
        margin:16px 0 0 0;
        padding-right:16px
    }
    .page-tags .tag-item a {
        width:100%
    }
}
@media(max-width: 640px) {
    .page-tags .tag-list {
        margin-top:-10px;
        margin-right:-10px
    }
    .page-tags .tag-item {
        width:50%;
        margin-top:10px;
        padding-right:10px
    }
    .page-tags .tag-item a {
        padding:0 48px 0 16px
    }
    .page-tags .tag-item .tag-count {
        right:16px
    }
}
.page-archives.yia-main {
    float:none
}
.page-archives .group {
    position:relative;
    padding:80px 0 0 0;
    margin-left:36px;
    border-left:1px solid #eaeaea
}
.page-archives .group>ul {
    display:none;
    padding-bottom:24px;
    margin-left:-36px
}
.page-archives .group:nth-of-type(1)>ul {
    display:block
}
.page-archives .group-ym {
    position:absolute;
    left:-25px;
    top:0;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    background:#f3f5f7;
    font-size:12px;
    border-radius:50%;
    cursor:pointer
}
.page-archives .group-ym:hover {
    opacity:.85
}
.page-archives .group-ym.active {
    color:#fff;
    background:var(--primary-color)
}
.page-archives ul {
    padding:0;
    margin:0;
    list-style:none
}
.page-archives li {
    list-style:none
}
.page-archives .day-group {
    position:relative;
    margin:0 0 24px 68px
}
.page-archives .day-group:last-child {
    margin-bottom:0
}
.page-archives .group-item {
    position:relative
}
.page-archives .group-item:not(:last-child) {
    margin-bottom:12px
}
.page-archives .group-item a {
    color:#202935;
    font-size:14px
}
.page-archives .group-item a:hover {
    color:var(--primary-color)
}
.page-archives .group-d {
    position:absolute;
    left:-68px;
    top:2px;
    width:40px;
    line-height:1;
    color:#8d8f96;
    background:#fff;
    border-radius:50%
}
.page-archives .group-d::before {
    position:absolute;
    content:"";
    width:13px;
    height:13px;
    top:1px;
    right:-2px;
    background:#fff;
    border:1px solid var(--primary-color);
    border-radius:50%
}
.page-link.yia-main {
    float:none
}
.page-link-wraper {
    padding:0;
    margin:0;
    margin-right:-24px
}
.page-link-wraper:after {
    clear:both;
    display:block;
    content:"";
    line-height:0
}
.page-link-wraper ul {
    padding:0;
    margin:0;
    margin-right:-24px
}
.page-link-wraper ul:after {
    clear:both;
    display:block;
    content:"";
    line-height:0
}
.page-link-wraper li {
    list-style:none
}
.page-link-wraper .linkcat {
    margin-right:24px;
    margin-bottom:32px
}
.page-link-wraper .linkcat:last-child {
    margin-bottom:0
}
.page-link-wraper .linkcat-title {
    position:relative;
    color:#202935;
    margin-bottom:24px;
    padding:0 0 12px 12px;
    font-weight:bold;
    font-size:16px;
    line-height:1;
    border-bottom:1px solid #f3f5f7
}
.page-link-wraper .linkcat-title:before {
    position:absolute;
    content:"";
    top:-1px;
    left:0;
    height:16px;
    border-left:4px solid var(--primary-color)
}
.page-link-wraper .link-item {
    float:left;
    width:20%;
    margin-top:24px;
    padding-right:24px
}
.page-link-wraper .link-item a {
    display:inline-block;
    width:100%;
    padding:12px 16px;
    background:#f3f5f7;
    vertical-align:text-top;
    border-radius:4px;
    line-height:1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    transition:all .3s
}
.page-link-wraper .link-item a:hover {
    background:var(--primary-color);
    color:#fff
}
.page-link-wraper .link-item:nth-child(1), .page-link-wraper .link-item:nth-child(2), .page-link-wraper .link-item:nth-child(3), .page-link-wraper .link-item:nth-child(4), .page-link-wraper .link-item:nth-child(5) {
    margin-top:0
}
@media(max-width: 1024px) {
    .page-link-wraper .link-item {
        width:25%
    }
    .page-link-wraper .link-item:nth-child(5) {
        margin-top:24px
    }
}
@media(max-width: 768px) {
    .page-link-wraper {
        margin-right:-16px
    }
    .page-link-wraper .linkcat {
        margin-right:16px
    }
    .page-link-wraper .linkcat-title {
        margin-bottom:16px
    }
    .page-link-wraper .link-item {
        width:33.33%;
        padding-right:16px;
        margin-top:16px
    }
    .page-link-wraper .link-item a {
        width:100%
    }
    .page-link-wraper .link-item:nth-child(4), .page-link-wraper .link-item:nth-child(5) {
        margin-top:16px
    }
    .page-link-wraper ul {
        margin-right:-16px
    }
}
@media(max-width: 640px) {
    .page-link-wraper {
        margin-right:-10px
    }
    .page-link-wraper ul {
        margin-right:-10px
    }
    .page-link-wraper .linkcat {
        margin-right:10px;
        margin-bottom:24px
    }
    .page-link-wraper .link-item {
        width:50%;
        padding-right:10px;
        margin-top:10px
    }
    .page-link-wraper .link-item:nth-child(3), .page-link-wraper .link-item:nth-child(4), .page-link-wraper .link-item:nth-child(5) {
        margin-top:10px
    }
}
#tougao .yia-ipt {
    width:100%
}
#tougao .f-group {
    margin-bottom:16px
}
#tougao label {
    line-height:32px;
    font-weight:bold;
    text-align:left
}
.social-share {
    flex:1;
    margin-bottom:-8px
}
.social-share .share-label {
    vertical-align:super
}
.social-share .yiafa {
    display:inline-block;
    width:36px;
    height:36px;
    margin:0 16px 8px 0;
    font-size:24px;
    border-radius:50%;
    line-height:34px;
    text-align:center
}
.social-share .icon-weibo {
    color:#ff763b;
    border:1px solid #ff763b;
    transition:color .3s, background .3s;
    cursor:pointer
}
.social-share .icon-weibo:hover {
    color:#fff;
    background:#ff763b
}
.social-share .icon-wechat {
    color:#7bc549;
    border:1px solid #7bc549;
    transition:color .3s, background .3s;
    cursor:pointer
}
.social-share .icon-wechat:hover {
    color:#fff;
    background:#7bc549
}
.social-share .icon-qq {
    color:#56b6e7;
    border:1px solid #56b6e7;
    transition:color .3s, background .3s;
    cursor:pointer
}
.social-share .icon-qq:hover {
    color:#fff;
    background:#56b6e7
}
.social-share .icon-qzone {
    color:#fdbe3d;
    border:1px solid #fdbe3d;
    transition:color .3s, background .3s;
    cursor:pointer
}
.social-share .icon-qzone:hover {
    color:#fff;
    background:#fdbe3d
}
.social-share .icon-douban {
    color:#33b045;
    border:1px solid #33b045;
    transition:color .3s, background .3s;
    cursor:pointer
}
.social-share .icon-douban:hover {
    color:#fff;
    background:#33b045
}
.social-share .icon-line {
    color:#08bc1f;
    border:1px solid #08bc1f;
    transition:color .3s, background .3s;
    cursor:pointer
}
.social-share .icon-line:hover {
    color:#fff;
    background:#08bc1f
}
.social-share .icon-twitter {
    color:#41b8fc;
    border:1px solid #41b8fc;
    transition:color .3s, background .3s;
    cursor:pointer
}
.social-share .icon-twitter:hover {
    color:#fff;
    background:#41b8fc
}
.social-share .icon-facebook {
    color:#4867aa;
    border:1px solid #4867aa;
    transition:color .3s, background .3s;
    cursor:pointer
}
.social-share .icon-facebook:hover {
    color:#fff;
    background:#4867aa
}
.social-share .icon-telegram {
    color:#2ca5e0;
    border:1px solid #2ca5e0;
    transition:color .3s, background .3s;
    cursor:pointer
}
.social-share .icon-telegram:hover {
    color:#fff;
    background:#2ca5e0
}
.social-share .icon-skype {
    color:#00aff0;
    border:1px solid #00aff0;
    transition:color .3s, background .3s;
    cursor:pointer
}
.social-share .icon-skype:hover {
    color:#fff;
    background:#00aff0
}
.social-share .icon-copy {
    color:#202935;
    border:1px solid #202935;
    transition:color .3s, background .3s;
    cursor:pointer
}
.social-share .icon-copy:hover {
    color:#fff;
    background:#202935
}
.qrcode {
    position:fixed;
    top:0;
    bottom:0;
    width:100%;
    text-align:center;
    z-index:1000;
    display:none
}
.qrcode .qrcode-mask {
    background-color:rgba(0, 0, 0, .6);
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.qrcode .qrcode-in {
    position:absolute;
    left:50%;
    top:100%;
    padding:40px;
    background:#fff;
    transform:translate(-50%, -50%)
}
.qrcode .icon-close {
    position:absolute;
    right:16px;
    top:16px;
    font-size:20px;
    cursor:pointer;
    transition:transform .3s
}
.qrcode .icon-close:hover {
    transform:rotate(180deg)
}
@media(max-width: 640px) {
    .social-share .share-label {
        display:block;
        margin-bottom:4px;
        text-align:center
    }
    .social-share .yiafa {
        width:30px;
        height:30px;
        font-size:20px;
        line-height:28px
    }
    .social-share .yiafa:not(:last-child) {
        margin-right:8px
    }
    .social-share .yiafa:last-child {
        margin-right:0
    }
    .social-share+.yia-like {
        margin-top:24px
    }
}
.comments-container {
    margin-bottom:24px;
    padding:32px;
    background:#fff
}
.comments-container .yia-paginate {
    margin:24px 0 0 0
}
.comments-container .comment-respond {
    position:relative;
    max-width:660px;
    margin:0 auto;
    padding-top:24px
}
.comments-container .comment-respond .yia-must-login {
    padding:24px;
    text-align:center;
    background:#f3f5f7
}
.comments-container .comment-respond .yia-must-login>p {
    margin-bottom:16px
}
.comments-container .comment-respond .yia-must-login .yia-register {
    color:#6b6970
}
.comments-container .comment-respond .yia-must-login .yia-sign-in, .comments-container .comment-respond .yia-must-login .yia-register {
    display:inline-block;
    margin:0 8px
}
.comments-container .comment-respond #cancel-comment-reply-link {
    position:absolute;
    height:32px;
    width:calc(50% - 8px);
    left:0;
    bottom:0;
    text-align:center;
    line-height:32px;
    color:#8d8f96;
    font-weight:normal;
    cursor:pointer;
    background:#fff;
    border-radius:4px;
    border:1px solid #eaeaea;
    z-index:1
}
.comments-container .comment-respond #cancel-comment-reply-link:hover {
    color:var(--primary-color)
}
.comments-container .comment-form {
    position:relative;
    display:flex;
    flex-wrap:wrap;
    margin:0 auto;
    text-align:center;
    justify-content:space-between
}
.comments-container .comment-form #comment {
    flex:0 0 100%;
    width:100%;
    height:100px;
    padding:8px;
    color:#6b6970;
    border:1px solid #eaeaea;
    border-radius:4px;
    -webkit-appearance:none;
    outline:none;
    resize:none;
    transition:border .3s
}
.comments-container .comment-form #comment:focus {
    border:1px solid var(--primary-color)
}
.comments-container .comment-form .comment-form-item {
    flex-grow:1;
    min-width:calc(50% - 8px);
    height:32px;
    padding:0 8px;
    margin-top:16px;
    border:1px solid #eaeaea;
    border-radius:4px;
    -webkit-appearance:none;
    line-height:30px;
    outline:none;
    transition:border .3s
}
.comments-container .comment-form .comment-form-item:focus {
    border:1px solid var(--primary-color)
}
.comments-container .comment-form .comment-form-item:nth-child(3), .comments-container .comment-form .comment-form-item:nth-child(5) {
    margin-left:16px
}
.comments-container .comment-form .c-code {
    position:relative
}
.comments-container .comment-form .c-code span {
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:60px;
    text-align:center;
    background:#f3f5f7;
    line-height:30px
}
.comments-container .comment-form .c-code input {
    width:100%;
    line-height:30px;
    padding-left:64px
}
.comments-container .comment-form .form-submit {
    width:100%;
    margin-top:16px
}
.comments-container .comment-form .form-submit .submit {
    width:100%;
    border-radius:4px;
    border-bottom-right-radius:4px
}
.comments-title {
    font-size:20px;
    font-weight:bold;
    line-height:1;
    color:#202935
}
.comments-title .comments-count {
    font-size:14px;
    font-weight:normal;
    color:var(--primary-color)
}
.comments-title .icon-write {
    margin-right:8px;
    font-size:18px;
    color:#989ead;
    font-weight:normal;
    vertical-align:text-bottom
}
.comments-list {
    padding:0;
    margin:0
}
.comments-list ul {
    padding:0;
    margin:0
}
.comments-list li {
    padding-top:24px;
    list-style:none
}
.comments-list li.depth-2, .comments-list li.depth-4, .comments-list li.depth-6, .comments-list li.depth-8, .comments-list li.depth-10 {
    border-top:2px dashed #fff;
    background:#f3f5f7
}
.comments-list li.depth-1, .comments-list li.depth-3, .comments-list li.depth-5, .comments-list li.depth-7, .comments-list li.depth-9 {
    border-top:2px dashed #f3f5f7;
    background:#fff
}
.comments-list>li {
    border-top:none !important
}
.comments-list>li>.children {
    margin-left:56px
}
.comments-list .children {
    margin-top:24px;
    transition:all .3s
}
.comments-list .children li {
    padding:24px
}
.comments-list .children li:first-child {
    border-top:none
}
.comments-list .comment-main {
    display:flex;
    width:100%
}
.comments-list .comment-main .item-left {
    flex:0 0 56px;
    padding-right:16px
}
.comments-list .comment-main .item-avatar {
    display:block;
    height:40px;
    width:40px;
    border-radius:50%
}
.comments-list .comment-main .item-right {
    flex:1 1 auto
}
.comments-list .comment-main .item-user {
    margin-bottom:8px;
    font-size:12px
}
.comments-list .comment-main .item-user .i-u-name {
    margin-right:8px
}
.comments-list .comment-main .item-user .item-user-item {
    margin-right:8px;
    color:#8d8f96
}
.comments-list .comment-main .item-user .item-user-status {
    display:inline-block;
    height:20px;
    padding:0 4px;
    background:var(--primary-color);
    border-radius:4px;
    line-height:20px;
    color:#fff
}
.comments-list .comment-main .item-user .comment-reply-link {
    float:right;
    display:none;
    font-size:12px
}
.comments-list .comment-main+#respond .form-submit {
    text-align:right
}
.comments-list .comment-main+#respond .submit {
    width:calc(50% - 8px)
}
.comments-list .comment-main:hover .comment-reply-link {
    display:inline-block !important
}
@media(max-width: 890px) {
    .comments-container {
        margin-bottom:24px;
        padding:32px
    }
    .comments-container .yia-paginate {
        margin-top:24px
    }
    .comments-container .comment-respond {
        padding-top:24px
    }
    .comments-list li {
        padding-top:24px
    }
    .comments-list .children {
        margin-top:24px
    }
}
@media(max-width: 768px) {
    .comments-container {
        margin-bottom:24px;
        padding:24px
    }
    .comments-container .yia-paginate {
        margin-top:24px
    }
    .comments-container .comment-respond {
        padding-top:24px
    }
    .comments-title {
        font-size:16px
    }
    .comments-title .icon-write {
        font-size:16px
    }
    .comments-list li {
        padding-top:24px
    }
    .comments-list .children {
        margin-top:24px
    }
    .comments-list .children li {
        padding:16px
    }
    .comments-list>li>.children {
        margin-left:44px
    }
    .comments-list .comment-main .item-left {
        flex:0 0 32px;
        padding-right:12px
    }
    .comments-list .comment-main .item-avatar {
        width:32px;
        height:32px
    }
    .comments-list .comment-main .item-user .comment-reply-link {
        display:inline-block;
        color:#8d8f96;
        float:none
    }
}
@media(max-width: 640px) {
    .comments-container {
        margin-bottom:10px;
        padding:20px
    }
    .comments-container .yia-paginate {
        margin-top:16px
    }
    .comments-container .comment-respond {
        padding-top:16px
    }
    .comments-container .comment-form .comment-form-item {
        flex:0 0 100%
    }
    .comments-container .comment-form .comment-form-item:nth-child(3), .comments-container .comment-form .comment-form-item:nth-child(5) {
        margin-left:0
    }
    .comments-list li {
        padding-top:16px
    }
    .comments-list .children {
        margin-top:16px
    }
    .comments-list .children li {
        padding:8px
    }
}
.widget {
    width:100%;
    padding:24px;
    margin-bottom:24px;
    background:#fff
}
.widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6 {
    font-weight:bold;
    color:#202935
}
.widget h1 {
    font-size:1.5rem
}
.widget h2 {
    font-size:1.2rem
}
.widget h3, .widget h4, .widget h5, .widget h6 {
    font-size:1rem
}
.widget a {
    color:#6b6970
}
.widget a:hover {
    color:var(--primary-color)
}
.widget .widget-no-data {
    color:#8d8f96;
    text-align:center
}
.widget.yia-fix-top {
    position:fixed;
    width:320px;
    z-index:1;
    box-shadow:0 0 8px #e8ebed
}
.widget.yia-fix-top::after {
    position:absolute;
    content:"";
    top:-24px;
    left:0;
    height:24px;
    width:100%;
    background:#f3f5f7;
    z-index:-1
}
.widget.yia-fix-bottom {
    position:absolute
}
.mo-title h3, .widgettitle {
    position:relative;
    color:#202935;
    margin-bottom:24px;
    padding-left:22px;
    font-weight:bold;
    font-size:18px;
    line-height:1
}
.mo-title h3:before, .widgettitle:before {
    position:absolute;
    content:"";
    left:0;
    top:0;
    height:18px;
    border-left:6px solid var(--primary-color)
}
.widget_text p {
    color:#6b6970
}
.widget_block>ul {
    margin:0;
    padding:0 16px
}
.widget_block>ul>li {
    margin-bottom:8px
}
.widget_block .wp-block-quote {
    position:relative;
    padding-left:24px;
    border-left:4px solid #eee
}
.widget_block .wp-block-quote p {
    margin-bottom:8px
}
.wp-block-search .wp-block-search__label {
    display:none
}
.wp-block-search .wp-block-search__input {
    height:32px;
    padding:8px;
    border:1px solid #eaeaea;
    border-right:none;
    border-radius:4px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    -webkit-appearance:none
}
.wp-block-search .wp-block-search__input:focus {
    border:1px solid var(--primary-color)
}
.wp-block-search .wp-block-search__button {
    height:32px;
    padding:6px 16px;
    margin-left:0;
    background:var(--primary-color);
    color:#fff;
    font-size:12px;
    cursor:pointer;
    border-radius:4px;
    border:1px solid var(--primary-color);
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    transition:opacity .3s
}
.wp-block-search .wp-block-search__button:hover {
    background:var(--primary-color);
    border:1px solid var(--primary-color);
    opacity:.85
}
.widget_search .search-form {
    display:flex;
    flex:auto;
    flex-wrap:nowrap;
    max-width:100%
}
.widget_search .search-form .search-input {
    flex:1;
    height:32px;
    padding:8px;
    border:1px solid #eaeaea;
    border-right:none;
    border-radius:4px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    -webkit-appearance:none
}
.widget_search .search-form .search-input:focus {
    border:1px solid var(--primary-color)
}
.widget_search .search-form .search-btn {
    height:32px;
    padding:6px 16px;
    margin-left:0;
    background:var(--primary-color);
    color:#fff;
    font-size:12px;
    cursor:pointer;
    border-radius:4px;
    border:1px solid var(--primary-color);
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    transition:opacity .3s
}
.widget_search .search-form .search-btn:hover {
    opacity:.85
}
.widget_search .search-form .icon-search {
    display:none
}
.wp-block-separator {
    position:relative;
    width:20%;
    margin:48px auto;
    height:2px;
    background:#edf1fc;
    border:none
}
.wp-block-separator.is-style-wide {
    width:100%
}
.wp-block-separator.is-style-dots {
    width:auto
}
.widget_links ul, .widget_meta ul, .widget_recent_entries ul, .widget_categories ul {
    margin:0 0 0 16px;
    padding:0;
    color:#6b6970
}
.widget_links li, .widget_meta li, .widget_recent_entries li, .widget_categories li {
    list-style:disc
}
.widget_nav_menu .menu {
    margin:0
}
.widget_nav_menu ul {
    padding:0 16px;
    color:#6b6970
}
.widget_nav_menu ul li {
    padding-top:8px
}
.widget_calendar table {
    width:100%;
    text-align:center
}
.widget_calendar table caption {
    padding-bottom:16px;
    font-weight:bold;
    color:#202935
}
.widget_calendar a {
    text-decoration:none
}
.widget_calendar a:hover {
    text-decoration:underline
}
.widget_calendar .wp-calendar-nav {
    margin-top:16px
}
.widget_calendar tbody td, .widget_calendar tfoot td, .widget_calendar thead th {
    line-height:24px;
    text-align:center;
    border:1px solid #eaeaea
}
.widget_calendar thead th {
    background-color:#f3f5f7
}
.widget_calendar tbody td a {
    color:var(--primary-color)
}
.widget_calendar tbody td a:hover {
    color:var(--primary-color)
}
.widget_calendar #today {
    background:var(--primary-color)
}
.widget_calendar #today>a {
    color:#fff
}
.yia-author-intro {
    font-size:14px
}
.yia-author-intro .avatar {
    display:block;
    max-width:56px;
    max-height:56px;
    border-radius:50%;
    margin:0 auto
}
.yia-author-intro .w-author-name {
    margin-bottom:8px;
    color:#202935;
    font-size:16px;
    font-weight:bold;
    line-height:1.2
}
.yia-author-intro .w-author-desc {
    line-height:1.8;
    text-align:left
}
.yia-author-simple {
    display:flex
}
.yia-author-simple .w-author-avatar {
    flex:0 0 56px
}
.yia-author-simple .w-author-name {
    margin-top:4px
}
.yia-author-simple .w-author-detail {
    padding-left:16px
}
.yia-author-card {
    text-align:center
}
.yia-author-card .w-author-avatar {
    text-align:center
}
.yia-author-card .w-author-detail {
    padding-left:0
}
.yia-author-card .w-author-name {
    margin-top:8px;
    text-align:center
}
.yia-author-card .w-author-counts {
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    justify-content:center;
    padding-top:12px;
    margin-left:-24px;
    margin-right:-24px
}
.yia-author-card .w-author-counts .datas-item {
    flex:0 0 25%;
    text-align:center;
    font-size:12px
}
.yia-author-card .w-author-counts .datas-item span {
    display:block;
    color:var(--primary-color);
    font-size:14px
}
.yia-author-card .w-author-post {
    padding:8px 0 0 0;
    margin-bottom:0;
    margin-top:16px;
    list-style:none;
    text-align:left;
    border-top:1px dashed #eaeaea
}
.yia-author-card .w-author-post li {
    position:relative;
    margin-top:8px
}
.yia-author-card .w-author-post a {
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.yia-login {
    text-align:center
}
.yia-login img {
    display:none;
    border-radius:50%
}
.yia-login .w-user-name {
    display:none;
    margin:4px 0 16px 0;
    color:#202935;
    font-size:16px;
    font-weight:bold;
    line-height:1.2
}
.yia-login .login-btns-wraper {
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:-16px
}
.yia-login .login-btns-wraper>a {
    display:inline-block;
    min-width:62px;
    padding:0 8px;
    margin-right:16px;
    color:#6b6970
}
.yia-login .login-btns-wraper .yia-sign-in {
    color:#fff
}
.yia-login .login-btns-wraper .yia-lostpassword {
    border:1px solid #eaeaea
}
.yia-login .login-btns-wraper .yia-register {
    border:1px solid #eaeaea
}
.yia-login .login-btns-wraper .yia-sign-out {
    display:none;
    border:1px solid #eaeaea
}
.yia-login.logged img {
    display:inline-block
}
.yia-login.logged .w-user-name, .yia-login.logged .yia-sign-out {
    display:block
}
.yia-login.logged .yia-sign-in, .yia-login.logged .yia-register, .yia-login.logged .yia-lostpassword {
    display:none
}
.widget-post-list {
    margin:0;
    padding:0;
    list-style:none
}
.widget-post-list .post-item {
    margin-bottom:24px
}
.widget-post-list .post-item:hover .post-title {
    color:var(--primary-color)
}
.widget-post-list .post-item:hover .thumbs-item img {
    transform:scale(1.2)
}
.widget-post-list .thumbs-item {
    width:100%;
    height:100%
}
.widget-post-list .thumbs-item img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    transform:scale(1);
    transition:transform .3s
}
.widget-post-list .post-title {
    margin-bottom:8px;
    color:#202935;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    transition:color .3s
}
.widget-post-list .post-metas {
    font-size:12px;
    line-height:1;
    color:#8d8f96
}
.widget-post-list .post-metas span {
    margin-right:16px
}
.widget-post-list.layout-one .post-item>a {
    display:flex;
    width:100%
}
.widget-post-list.layout-one .thumbs-item {
    position:relative;
    flex:0 0 82px;
    height:62px;
    margin-right:16px;
    overflow:hidden
}
.widget-post-list.layout-one .thumbs-item+.post-detail .post-title {
    min-height:42px
}
.widget-post-list.layout-one .post-title {
    margin-top:-2px
}
.widget-post-list.layout-hot .post-item>a {
    position:relative;
    display:block;
    padding-left:36px
}
.widget-post-list.layout-hot .post-item .hot-index {
    position:absolute;
    display:inline-block;
    left:0;
    top:3px;
    width:20px;
    padding-top:4px;
    text-align:center;
    color:#8d8f96;
    background:#d9d9d9;
    color:#fff;
    line-height:1;
    vertical-align:text-top
}
.widget-post-list.layout-hot .post-item .hot-index:after {
    position:absolute;
    content:"";
    bottom:-20px;
    left:0;
    border:10px solid rgba(0, 0, 0, 0);
    border-top:10px solid #d9d9d9
}
.widget-post-list.layout-hot .post-item:nth-child(1) .hot-index {
    background:#fe2d46
}
.widget-post-list.layout-hot .post-item:nth-child(1) .hot-index:after {
    border-top-color:#fe2d46
}
.widget-post-list.layout-hot .post-item:nth-child(2) .hot-index {
    background:#f60
}
.widget-post-list.layout-hot .post-item:nth-child(2) .hot-index:after {
    border-top-color:#f60
}
.widget-post-list.layout-hot .post-item:nth-child(3) .hot-index {
    background:#faa90e
}
.widget-post-list.layout-hot .post-item:nth-child(3) .hot-index:after {
    border-top-color:#faa90e
}
.widget-post-list.layout-hot .post-item:last-child {
    margin-bottom:0
}
.yia-widget-events {
    padding-top:0 !important;
    text-align:center;
    overflow:hidden
}
.yia-widget-events .-header {
    position:relative;
    margin-bottom:24px;
    margin-left:-24px;
    margin-right:-24px;
    min-height:80px;
    background:#202935
}
.yia-widget-events .-header h2 {
    position:absolute;
    color:#fff;
    bottom:12px;
    left:24px;
    right:24px;
    font-size:15px;
    text-align:center;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    z-index:1
}
.yia-widget-events .-header::before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    background:-moz-gradient(linear, 0 50%, 0 100%, from(transparent), to(rgba(0, 0, 0, 0.6)));
    background:-webkit-gradient(linear, 0 50%, 0 100%, from(transparent), to(rgba(0, 0, 0, 0.6)));
    background:gradient(linear, 0 50%, 0 100%, from(transparent), to(rgba(0, 0, 0, 0.6)))
}
.yia-widget-events .-banner {
    width:100%;
    overflow:hidden;
    border-bottom-left-radius:0 !important;
    border-bottom-right-radius:0 !important
}
.yia-widget-events .-banner img {
    display:block;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%;
    height:100%
}
.yia-widget-events .post-list {
    padding:0 0 0 5px
}
.yia-widget-events .post-item {
    padding-left:16px;
    padding-bottom:24px
}
.yia-widget-events .post-item::after {
    top:1px
}
.yia-widget-events .layout-events {
    padding:0;
    margin-bottom:0
}
.yia-widget-events .layout-events .-info {
    margin-bottom:4px;
    font-size:12px;
    color:#8d8f96
}
.yia-widget-events .layout-events h2 {
    margin-bottom:0;
    font-weight:normal;
    font-size:14px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden
}
@media(max-width: 768px) {
    .yia-widget-events .post-item {
        padding-bottom:16px
    }
}
@media(max-width: 640px) {
    .yia-widget-events .-header {
        margin-bottom:16px;
        margin-left:-16px;
        margin-right:-16px
    }
}
.index-top .widget-post-list.layout-two {
    display:flex;
    margin-right:-24px;
    flex-wrap:wrap;
    align-items:flex-start
}
.index-top .widget-post-list.layout-two .post-item {
    display:flex;
    flex:0 0 50%;
    padding:0 24px 0 0;
    margin-bottom:24px;
    margin-top:0;
    align-items:center
}
.index-top .widget-post-list.layout-two .post-item>a {
    display:flex;
    width:100%
}
.index-top .widget-post-list.layout-two .post-item:nth-last-child(1), .index-top .widget-post-list.layout-two .post-item:nth-last-child(2) {
    margin-bottom:0
}
.index-top .widget-post-list.layout-two .thumbs-item {
    position:relative;
    flex:0 0 82px;
    height:62px;
    margin:0 16px 0 0;
    overflow:hidden
}
.index-top .widget-post-list.layout-two .thumbs-item+.post-detail .post-title {
    min-height:42px
}
.index-top .widget-post-list.layout-one .post-item:nth-last-child(1) {
    margin-bottom:0
}
.sidebar .widget-post-list.layout-two {
    display:flex;
    margin-right:-24px;
    flex-wrap:wrap;
    align-items:flex-start
}
.sidebar .widget-post-list.layout-two .post-item {
    display:flex;
    flex:0 0 50%;
    margin:0 0 24px 0;
    padding:0 24px 0 0;
    align-items:center
}
.sidebar .widget-post-list.layout-two .post-item>a {
    display:block;
    width:100%
}
.sidebar .widget-post-list.layout-two .post-item:nth-last-child(2), .sidebar .widget-post-list.layout-two .post-item:nth-last-child(1) {
    margin-bottom:0
}
.sidebar .widget-post-list.layout-two .thumbs-item {
    position:relative;
    width:100%;
    height:62px;
    margin:0 0 8px 0;
    overflow:hidden
}
.sidebar .widget-post-list.layout-two .post-title {
    margin-bottom:0
}
.sidebar .widget-post-list.layout-two .post-metas {
    display:none
}
.sidebar .widget-post-list.layout-one .post-item:nth-last-child(1) {
    margin-bottom:0
}
.yia-website-statistics .stacistic-info {
    margin:0;
    padding:0;
    list-style:none
}
.yia-website-statistics .stacistic-info:after {
    clear:both;
    display:block;
    content:"";
    line-height:0
}
.yia-website-statistics .stacistic-info li {
    float:left;
    width:50%;
    margin-top:16px;
    color:#202935;
    line-height:1
}
.yia-website-statistics .stacistic-info li span {
    color:var(--primary-color)
}
.yia-website-statistics .stacistic-info li:nth-child(1), .yia-website-statistics .stacistic-info li:nth-child(2) {
    margin-top:0
}
.yia-tags ul {
    margin:0;
    padding:0;
    margin-right:-16px
}
.yia-tags .tag-item {
    display:inline-block;
    width:33.33%;
    margin-top:12px;
    padding-right:16px;
    list-style:none
}
.yia-tags .tag-item a {
    display:block;
    height:14px;
    color:#202935;
    line-height:1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.yia-tags .tag-item a:hover {
    color:var(--primary-color)
}
.yia-tags .tag-item:nth-child(1), .yia-tags .tag-item:nth-child(2), .yia-tags .tag-item:nth-child(3) {
    margin-top:0
}
.yia-tags.column2 .tag-item {
    width:50%
}
.yia-links .blogroll {
    margin:0;
    padding:0;
    margin-right:-16px
}
.yia-links .blogroll:after {
    clear:both;
    display:block;
    content:"";
    line-height:0
}
.yia-links .blogroll li {
    float:left;
    width:50%;
    margin-top:12px;
    padding-right:16px;
    list-style:none
}
.yia-links .blogroll li:nth-child(1), .yia-links .blogroll li:nth-child(2) {
    margin-top:0
}
.yia-links .blogroll a {
    display:block;
    color:#202935;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.yia-links .blogroll a:hover {
    color:var(--primary-color)
}
.yia-recent-comment {
    padding-bottom:24px
}
.yia-recent-comment ul {
    margin:0;
    padding:0
}
.yia-recent-comment .comment-item {
    margin-bottom:20px;
    list-style:none
}
.yia-recent-comment .comment-item:last-child {
    margin-bottom:0
}
.yia-recent-comment .comment-item:hover .item-name {
    color:var(--primary-color)
}
.yia-recent-comment a {
    position:relative;
    display:block;
    padding-left:52px;
    color:#8d8f96 !important;
    font-size:12px
}
.yia-recent-comment .item-avatar {
    position:absolute;
    top:2px;
    width:36px;
    height:36px;
    border-radius:50%;
    left:0
}
.yia-recent-comment .item-name {
    margin-right:12px;
    font-size:14px;
    color:#202935
}
.yia-recent-comment .item-content {
    margin-top:8px;
    font-size:14px;
    word-break:break-all
}
.yia-swiper {
    position:relative;
    width:100%;
    padding:0 !important;
    overflow:hidden;
    transform:translateY(0)
}
.yia-swiper .swiper-inner {
    display:flex;
    flex-wrap:nowrap
}
.yia-swiper .swiper-inner:after {
    clear:both;
    display:block;
    content:"";
    line-height:0
}
.yia-swiper .swiper-inner .swiper-item {
    position:relative;
    flex:0 0 100%
}
.yia-swiper .swiper-inner .swiper-item img {
    display:block;
    max-width:100%
}
.yia-swiper .swiper-inner .swiper-text {
    display:none;
    position:absolute;
    height:40px;
    width:100%;
    bottom:0;
    padding:0 84px 0 16px;
    line-height:40px;
    color:#fff;
    background:rgba(0, 0, 0, .4);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.yia-swiper .swiper-pagination {
    position:absolute;
    left:50%;
    bottom:10px;
    transform:translateX(-50%)
}
.yia-swiper .swiper-pagination .swiper-pagination-bullet {
    display:inline-block;
    margin:0 4px;
    width:8px;
    height:8px;
    background:#fff;
    opacity:.2;
    cursor:pointer
}
.yia-swiper .swiper-pagination .swiper-pagination-bullet-active {
    background:#fff;
    opacity:1
}
.yia-swiper .swiper-nav {
    display:none;
    position:absolute;
    top:50%;
    left:11px;
    padding:8px;
    transform:translateY(-50%);
    cursor:pointer
}
.yia-swiper .swiper-nav i {
    color:#fff;
    font-size:24px;
    font-weight:bold
}
.yia-swiper .swiper-nav.swiper-next {
    left:auto;
    right:11px
}
.yia-swiper.with-desc .swiper-text {
    display:block
}
.yia-swiper.with-desc .swiper-pagination {
    left:auto;
    transform:translateX(0);
    right:12px
}
.yia-swiper:hover .swiper-nav {
    display:block
}
.is-phone .widget {
    display:none
}
.is-phone .widget.widget-on-phone {
    display:block
}
.is-phone .widget.widget-on-phone.yia-author-intro {
    display:flex
}
.is-phone .widget.widget-on-phone.yia-author-card {
    display:block
}
.yia-axods {
    padding:0;
    overflow:hidden;
    text-align:center
}
.yia-axods img {
    max-width:100%
}
.catalog-list {
    position:relative;
    margin-right:-20px;
    margin-left:-24px;
    margin-top:0;
    margin-bottom:0;
    padding:0 24px;
    list-style:none;
    max-height:280px;
    overflow-y:auto
}
.catalog-list::-webkit-scrollbar {
    width:4px
}
.catalog-list::-webkit-scrollbar-thumb {
    background-color:#eaeaea;
    border-radius:4px
}
.catalog-list .catalog-dot {
    position:absolute;
    top:12px;
    left:20px;
    width:9px;
    height:9px;
    background:#fff;
    border-radius:50%;
    border:2px solid var(--primary-color)
}
.catalog-list .catalog-item {
    border-left:1px solid #eaeaea
}
.catalog-list .catalog-item a {
    display:block;
    width:100%;
    padding:0 0 0 24px;
    line-height:32px;
    color:#202935;
    cursor:pointer;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    transition:color .3s
}
.catalog-list .catalog-item.active a, .catalog-list .catalog-item:hover a {
    color:var(--primary-color)
}
.catalog-list .catalog-item.level-2 a {
    padding-left:48px
}
.catalog-list .catalog-item.level-3 a {
    padding-left:72px
}
.catalog-list .catalog-item.level-4 a {
    padding-left:96px
}
.catalog-list .catalog-item.level-5 a {
    padding-left:120px
}
.catalog-list .catalog-item.level-6 a {
    padding-left:144px
}
@media(max-width: 1024px) {
    .sidebar .widget-post-list.layout-two {
        display:flex;
        margin-right:-24px;
        flex-wrap:wrap;
        align-items:flex-start
    }
    .sidebar .widget-post-list.layout-two .post-item {
        display:flex;
        flex:0 0 50%;
        margin-bottom:24px;
        margin-top:0;
        padding:0 24px 0 0;
        align-items:center
    }
    .sidebar .widget-post-list.layout-two .post-item>a {
        display:flex;
        width:100%
    }
    .sidebar .widget-post-list.layout-two .post-item:nth-child(1), .sidebar .widget-post-list.layout-two .post-item:nth-child(2) {
        margin-top:0
    }
    .sidebar .widget-post-list.layout-two .thumbs-item {
        position:relative;
        flex:0 0 82px;
        height:62px;
        margin:0 16px 0 0;
        overflow:hidden
    }
    .sidebar .widget-post-list.layout-two .post-title {
        margin-bottom:8px
    }
    .sidebar .widget-post-list.layout-two .post-metas {
        display:block
    }
    .yia-catalog {
        display:none !important
    }
}
@media(max-width: 890px) {
    .widget {
        padding:24px;
        margin-bottom:24px
    }
    .yia-swiper .swiper-nav {
        left:11px
    }
    .yia-swiper .swiper-nav.swiper-next {
        right:11px
    }
    .yia-axods {
        padding:0
    }
}
@media(max-width: 768px) {
    .widget {
        padding:24px;
        margin-bottom:24px
    }
    .yia-recent-comment a {
        padding-left:44px
    }
    .yia-recent-comment .comment-item {
        margin-bottom:16px
    }
    .yia-recent-comment .item-avatar {
        width:32px;
        height:32px
    }
    .yia-recent-comment .item-content {
        margin-top:6px
    }
    .yia-swiper .swiper-nav {
        left:11px
    }
    .yia-swiper .swiper-nav.swiper-next {
        right:11px
    }
    .yia-axods {
        padding:0
    }
    .yia-links .blogroll {
        margin-right:-24px
    }
    .yia-links .blogroll li {
        padding-right:24px
    }
    .mo-title h3, .widgettitle {
        font-size:16px
    }
    .mo-title h3::before, .widgettitle::before {
        height:15px;
        top:1px
    }
    .yia-author-intro:not(.yia-author-card) .w-author-detail {
        padding-left:16px
    }
    .widget-post-list .post-item:not(:last-child) {
        margin-bottom:16px
    }
    .widget-post-list.layout-hot .post-item>a {
        padding-left:32px
    }
    .widget-post-list.layout-one .thumbs-item {
        margin-right:12px
    }
    .index-top .widget-post-list.layout-two, .sidebar .widget-post-list.layout-two {
        margin-right:-16px
    }
    .index-top .widget-post-list.layout-two .thumbs-item, .sidebar .widget-post-list.layout-two .thumbs-item {
        margin-right:12px
    }
    .index-top .widget-post-list.layout-two .post-item, .sidebar .widget-post-list.layout-two .post-item {
        padding-right:16px;
        margin-bottom:16px
    }
    .index-top .widget-post-list.layout-two .post-title, .sidebar .widget-post-list.layout-two .post-title {
        margin-top:-2px
    }
}
@media(max-width: 640px) {
    .widget {
        padding:16px;
        margin-bottom:10px
    }
    .yia-author-intro:not(.yia-author-card) .w-author-detail {
        padding-left:12px
    }
    .yia-author-card .w-author-counts {
        margin-right:-16px;
        margin-left:-16px
    }
    .mo-title h3, .widgettitle {
        margin-bottom:16px
    }
    .yia-swiper .swiper-nav {
        left:3px
    }
    .yia-swiper .swiper-nav.swiper-next {
        right:3px
    }
    .yia-axods {
        padding:0
    }
    .yia-links .blogroll {
        margin-right:-16px
    }
    .yia-links .blogroll li {
        padding-right:16px
    }
    .yia-recent-comment .comment-item {
        margin-bottom:16px
    }
    .widget-post-list .thumbs-item+.post-detail .post-title {
        min-height:42px
    }
    .catalog-list {
        margin-right:-16px
    }
    .index-top .widget-post-list.layout-two, .sidebar .widget-post-list.layout-two {
        display:flex;
        margin-right:-16px;
        flex-wrap:wrap;
        align-items:flex-start
    }
    .index-top .widget-post-list.layout-two .post-item, .sidebar .widget-post-list.layout-two .post-item {
        display:flex;
        flex:1 0 50%;
        margin-bottom:16px;
        padding:0 16px 0 0;
        align-items:center
    }
    .index-top .widget-post-list.layout-two .post-item>a, .sidebar .widget-post-list.layout-two .post-item>a {
        display:block;
        width:100%
    }
    .index-top .widget-post-list.layout-two .post-item:nth-child(1), .index-top .widget-post-list.layout-two .post-item:nth-child(2), .sidebar .widget-post-list.layout-two .post-item:nth-child(1), .sidebar .widget-post-list.layout-two .post-item:nth-child(2) {
        margin-top:0
    }
    .index-top .widget-post-list.layout-two .thumbs-item, .sidebar .widget-post-list.layout-two .thumbs-item {
        position:relative;
        width:100%;
        height:92px;
        margin:0 0 8px 0;
        overflow:hidden
    }
    .index-top .widget-post-list.layout-two .post-title, .sidebar .widget-post-list.layout-two .post-title {
        min-height:auto;
        margin-bottom:0
    }
    .index-top .widget-post-list.layout-two .post-metas, .sidebar .widget-post-list.layout-two .post-metas {
        display:none
    }
}
.menu-tools {
    float:right;
    margin-left:16px;
    padding:18px 0
}
.menu-tools .tool-prefix {
    margin-right:8px
}
.tools-icon {
    display:inline-block;
    position:relative;
    margin-right:8px;
    text-align:center;
    vertical-align:middle;
    cursor:pointer
}
.tools-icon:last-child {
    margin-right:0
}
.tools-icon a, .tools-icon i {
    display:inline-block;
    width:32px;
    height:32px;
    font-size:22px;
    line-height:32px;
    border-radius:50%
}
.tools-icon .icon-wechat {
    color:#7bc549;
    border:1px solid #7bc549;
    transition:color .3s, background .3s;
    cursor:pointer
}
.tools-icon .icon-wechat:hover {
    color:#fff;
    background:#7bc549
}
.tools-icon .icon-mini {
    color:#7bc549;
    border:1px solid #7bc549;
    transition:color .3s, background .3s;
    cursor:pointer
}
.tools-icon .icon-mini:hover {
    color:#fff;
    background:#7bc549
}
.tools-icon .icon-qq {
    color:#56b6e7;
    border:1px solid #56b6e7;
    transition:color .3s, background .3s;
    cursor:pointer
}
.tools-icon .icon-qq:hover {
    color:#fff;
    background:#56b6e7
}
.tools-icon .icon-phone {
    color:#fdbe3d;
    border:1px solid #fdbe3d;
    transition:color .3s, background .3s;
    cursor:pointer
}
.tools-icon .icon-phone:hover {
    color:#fff;
    background:#fdbe3d
}
.tools-icon .icon-telegram {
    color:#2ca5e0;
    border:1px solid #2ca5e0;
    transition:color .3s, background .3s;
    cursor:pointer
}
.tools-icon .icon-telegram:hover {
    color:#fff;
    background:#2ca5e0
}
.tools-icon .icon-facebook {
    color:#4867aa;
    border:1px solid #4867aa;
    transition:color .3s, background .3s;
    cursor:pointer
}
.tools-icon .icon-facebook:hover {
    color:#fff;
    background:#4867aa
}
.tools-icon .icon-skype {
    color:#00aff0;
    border:1px solid #00aff0;
    transition:color .3s, background .3s;
    cursor:pointer
}
.tools-icon .icon-skype:hover {
    color:#fff;
    background:#00aff0
}
.tools-icon .icon-twitter {
    color:#41b8fc;
    border:1px solid #41b8fc;
    transition:color .3s, background .3s;
    cursor:pointer
}
.tools-icon .icon-twitter:hover {
    color:#fff;
    background:#41b8fc
}
.tools-icon .icon-line {
    color:#08bc1f;
    border:1px solid #08bc1f;
    transition:color .3s, background .3s;
    cursor:pointer
}
.tools-icon .icon-line:hover {
    color:#fff;
    background:#08bc1f
}
.tools-icon:hover .contact-info {
    visibility:visible;
    transform:translateY(8px)
}
.tools-icon .contact-info {
    visibility:hidden;
    position:absolute;
    padding-top:18px;
    top:24px;
    right:0;
    cursor:context-menu;
    transition:transform .3s;
    z-index:1
}
.tools-icon .contact-item {
    position:relative;
    min-width:184px;
    text-align:center;
    padding:16px;
    background:#fff;
    box-shadow:0 0 8px rgba(0, 0, 0, .1)
}
.tools-icon .contact-item:after {
    clear:both;
    display:block;
    content:"";
    line-height:0
}
.tools-icon .contact-item .contact-img {
    margin-top:8px;
    max-width:136px
}
.tools-icon .contact-item .contact-desc {
    color:#8d8f96
}
.tools-icon .contact-item:after {
    position:absolute;
    content:"";
    top:-12px;
    right:10px;
    border:6px solid rgba(0, 0, 0, 0);
    border-bottom:6px solid #fff
}
.site-tools {
    position:fixed;
    right:24px;
    bottom:93px;
    z-index:999
}
.site-tools .tools-icon {
    display:block;
    width:56px;
    height:56px;
    margin:8px 0 0 0;
    cursor:pointer
}
.site-tools .tools-icon i, .site-tools .tools-icon a {
    width:100%;
    height:100%;
    font-size:32px;
    line-height:56px;
    background:#fff;
    border-radius:0
}
.site-tools .tools-icon .contact-info {
    bottom:0;
    top:auto;
    right:48px;
    padding:0 12px 0 0;
    transform:translate(0, 0);
    transition:right .3s
}
.site-tools .tools-icon .contact-item {
    text-align:center
}
.site-tools .tools-icon .contact-item:after {
    bottom:20px;
    top:auto;
    right:-12px;
    border-bottom:6px solid rgba(0, 0, 0, 0);
    border-left:6px solid #fff
}
.site-tools .tools-icon:hover .contact-info {
    right:100%
}
.site-tools .-catalog {
    display:none
}
.site-tools .-catalog .icon-mulu {
    color:#202935;
    font-size:33px;
    border:1px solid #eaeaea
}
.site-tools .scroll-top {
    opacity:0;
    transition:opacity .25s
}
.site-tools .scroll-top .icon-scroll-top {
    color:#fff;
    background:rgba(0, 0, 0, .3)
}
.site-tools .scroll-top:hover .icon-scroll-top {
    background:rgba(0, 0, 0, .6)
}
@media(max-width: 1024px) {
    .site-tools .-catalog {
        display:block
    }
}
@media(max-width: 890px) {
    .menu-tools {
        position:fixed;
        display:flex;
        bottom:0;
        left:0;
        height:58px;
        width:100%;
        padding:0;
        margin-left:0;
        align-items:center;
        background:#fff;
        line-height:48px;
        border-top:1px solid #eaeaea;
        z-index:2
    }
    .menu-tools .tool-prefix {
        display:none
    }
    .menu-tools .tools-icon {
        flex:1;
        margin-right:0;
        vertical-align:sub;
        line-height:1
    }
    .menu-tools .tools-icon a, .menu-tools .tools-icon i {
        border:none;
        width:auto;
        height:auto;
        font-size:26px
    }
    .menu-tools .tools-icon a:hover, .menu-tools .tools-icon i:hover {
        background:#fff
    }
    .menu-tools .tools-icon a:hover.icon-wechat, .menu-tools .tools-icon i:hover.icon-wechat {
        color:#7bc549
    }
    .menu-tools .tools-icon a:hover.icon-mini, .menu-tools .tools-icon i:hover.icon-mini {
        color:#7bc549
    }
    .menu-tools .tools-icon a:hover.icon-qq, .menu-tools .tools-icon i:hover.icon-qq {
        color:#56b6e7
    }
    .menu-tools .tools-icon a:hover.icon-phone, .menu-tools .tools-icon i:hover.icon-phone {
        color:#fdbe3d
    }
    .menu-tools .tools-icon a:hover.icon-telegram, .menu-tools .tools-icon i:hover.icon-telegram {
        color:#2ca5e0
    }
    .menu-tools .tools-icon a:hover.icon-facebook, .menu-tools .tools-icon i:hover.icon-facebook {
        color:#4867aa
    }
    .menu-tools .tools-icon a:hover.icon-skype, .menu-tools .tools-icon i:hover.icon-skype {
        color:#00aff0
    }
    .menu-tools .tools-icon a:hover.icon-twitter, .menu-tools .tools-icon i:hover.icon-twitter {
        color:#41b8fc
    }
    .menu-tools .tools-icon a:hover.icon-line, .menu-tools .tools-icon i:hover.icon-line {
        color:#08bc1f
    }
    .menu-tools .tools-icon:hover .contact-info {
        transform:translateY(0)
    }
    .menu-tools .contact-info {
        position:fixed;
        bottom:58px;
        top:auto;
        width:100vw;
        z-index:1
    }
    .menu-tools .contact-info .contact-item {
        border-radius:0;
        box-shadow:none;
        border-top:1px solid #eaeaea
    }
    .menu-tools .contact-info .contact-item::after {
        display:none
    }
    .site-tools {
        right:24px;
        bottom:93px
    }
    .site-tools .tools-icon {
        width:32px;
        height:32px
    }
    .site-tools .tools-icon a, .site-tools .tools-icon i {
        font-size:18px;
        line-height:30px
    }
    .site-tools .tools-icon .contact-info {
        right:100%
    }
    .site-tools .tools-icon .contact-item:after {
        bottom:12px
    }
    .site-tools .-catalog .icon-mulu {
        font-size:23px
    }
    .is-phone .menu-tools .contact-info {
        display:none;
        visibility:visible
    }
    .is-phone .site-tools .tools-icon .contact-info {
        display:none;
        visibility:visible
    }
}
@media(max-width: 768px) {
    .site-tools {
        right:24px;
        bottom:93px
    }
}
@media(max-width: 640px) {
    .site-tools {
        right:16px;
        bottom:68px
    }
}
.yia-axod {
    text-align:center
}
.yia-axod img {
    max-width:100%
}
.yia-axod.ad_under_menu {
    margin:0 auto
}
.yia-axod.ad_post_c_b {
    margin-top:24px
}
.yia-axod.ad_post_l_b {
    margin-top:24px
}
.yia-axod.ad_post_t {
    margin-bottom:8px
}
.yia-axod.ad_post_nav_top, .yia-axod.ad_post_nav_bottom, .yia-axod.ad_post_related_top, .yia-axod.ad_post_related_bottom, .yia-axod.ad_post_comment_top, .yia-axod.ad_post_comment_bottom {
    margin-bottom:24px
}
@media(max-width: 640px) {
    .yia-axod.ad_under_menu {
        margin:0 auto 10px auto
    }
    .yia-axod.ad_post_nav_top, .yia-axod.ad_post_nav_bottom, .yia-axod.ad_post_related_top, .yia-axod.ad_post_related_bottom, .yia-axod.ad_post_comment_top, .yia-axod.ad_post_comment_bottom {
        margin-bottom:10px
    }
}
.yia-radius .yia-rds8, .yia-radius .layout-events {
    border-radius:8px
}
.yia-radius .yia-rds4 {
    border-radius:4px
}
.yia-radius .yia-top-menu .sub-menu {
    border-radius:4px
}
.yia-radius .tbm-stmod ul {
    border-radius:4px
}
.yia-radius .article .article-copyright {
    border-radius:4px
}
.yia-radius .site-tools .tools-icon i, .yia-radius .site-tools .tools-icon a {
    border-radius:4px
}
.yia-radius .yia-nodata, .yia-radius .yia-top-box, .yia-radius .yia-notice {
    border-radius:8px
}
.yia-radius .widget {
    border-radius:8px
}
.yia-radius .comments-list .children li {
    border-radius:4px
}
.yia-radius .post-list .product {
    border-radius:8px
}
.yia-radius .post-list.layout-default .post-item:first-child {
    border-top-left-radius:8px;
    border-top-right-radius:8px
}
.yia-radius .post-list.layout-default .post-item:last-child {
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px
}
@media(max-width: 640px) {
    .yia-radius .yia-rds8, .yia-radius .layout-events {
        border-radius:0
    }
    .yia-radius .widget {
        border-radius:0
    }
    .yia-radius .yia-nodata, .yia-radius .yia-top-box {
        border-radius:0
    }
    .yia-radius .post-list .product {
        border-radius:0
    }
    .yia-radius .post-list.layout-default .post-item:first-child {
        border-top-left-radius:0;
        border-top-right-radius:0
    }
    .yia-radius .post-list.layout-default .post-item:last-child {
        border-bottom-left-radius:0;
        border-bottom-right-radius:0
    }
}
.yia-login-modal {
    position:fixed;
    top:0;
    bottom:0;
    width:100%;
    text-align:center;
    display:none;
    z-index:1000
}
.yia-login-modal .modal-mask {
    background-color:rgba(0, 0, 0, .6);
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.yia-login-modal .modal-content {
    position:absolute;
    left:50%;
    top:100%;
    height:316px;
    width:380px;
    padding:40px 0;
    background:#fff;
    transform:translate(-50%, -50%)
}
.yia-login-modal .modal-content .login-tab-item {
    display:inline-block;
    width:50%;
    height:40px;
    line-height:40px;
    margin-bottom:24px;
    border-bottom:1px solid #eaeaea;
    cursor:pointer
}
.yia-login-modal .modal-content .login-tab-item.active {
    color:var(--primary-color);
    border-bottom:1px solid var(--primary-color)
}
.yia-login-modal .icon-close {
    position:absolute;
    font-size:20px;
    padding:16px;
    right:0;
    top:0;
    line-height:1;
    cursor:pointer;
    transition:transform .3s
}
.yia-login-modal .icon-close:hover {
    transform:rotate(180deg)
}
@media(max-width: 640px) {
    .yia-login-modal .modal-content {
        width:80%;
        max-width:380px
    }
}
.tb-modal {
    position:fixed;
    display:flex;
    opacity:0;
    visibility:hidden;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    align-items:center;
    justify-content:center;
    z-index:1000
}
.tb-modal.active {
    opacity:1;
    visibility:visible
}
.tb-modal.active .m-inner {
    top:50%;
    opacity:1
}
.tb-modal .-mask {
    background:rgba(0, 0, 0, .6);
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.tb-modal .icon-close {
    position:absolute;
    right:0;
    top:0;
    font-size:24px;
    line-height:1;
    padding:12px;
    cursor:pointer;
    color:#fff;
    transition:transform .3s;
    z-index:1
}
.tb-modal .icon-close:hover {
    transform:rotate(180deg)
}
.tb-modal .-title {
    margin-bottom:48px;
    color:#202935;
    font-size:20px;
    font-weight:bold;
    text-align:center
}
.tb-modal .m-inner {
    position:absolute;
    opacity:0;
    left:50%;
    top:100%;
    background:#fff;
    transform:translate(-50%, -50%);
    transition:top .3s, opacity .3s
}
.tb-modal .m-inner.-b {
    width:360px;
    max-height:70vh;
    padding:48px
}
@media(max-width: 640px) {
    .tb-modal .m-inner.-b {
        width:90vw;
        padding:24px
    }
    .tb-modal .-title {
        margin-bottom:24px
    }
}
.footer {
    background:var(--ft-bgc);
    padding:24px 0;
    color:var(--ft-color)
}
.footer a {
    color:var(--ft-color)
}
.footer a:hover {
    color:var(--ft-hv-color)
}
.footer .yia-footer-menu {
    display:flex;
    padding:0;
    margin:0 0 24px 0;
    align-items:flex-start;
    justify-content:center;
    list-style:none
}
.footer .yia-footer-menu ul {
    padding:0;
    margin:0;
    list-style:none
}
.footer .yia-footer-menu a {
    line-height:2.2
}
.footer .yia-footer-menu i {
    margin-right:8px
}
.footer .yia-footer-menu .sub-menu {
    margin-left:16px
}
.footer .yia-footer-menu>li:not(:last-child) {
    margin-right:100px
}
.footer .yia-footer-menu>li>a {
    display:block;
    margin-bottom:8px;
    font-size:15px;
    font-weight:bold
}
.footer .yia-footer-menu>li>.sub-menu {
    margin-left:0
}
.footer .copyright {
    text-align:center
}
.footer .yia-footer-item {
    margin-left:16px
}
.footer .yia-gongan {
    margin-right:4px;
    width:16px;
    height:16px;
    vertical-align:text-bottom
}
.footer.footer-full {
    padding:24px
}
.tb-f-links {
    margin-bottom:8px;
    text-align:center
}
.tb-f-links strong {
    margin-right:12px
}
.tb-f-links .blogroll {
    display:inline;
    padding:0;
    margin:0
}
.tb-f-links li {
    margin:0 8px 8px 8px;
    display:inline-block
}
.tb-f-links img {
    width:16px;
    height:16px;
    border-radius:4px;
    margin-right:4px;
    vertical-align:text-bottom
}
@media(max-width: 890px) {
    .footer {
        padding:24px 0
    }
    .footer .yia-footer-menu {
        display:none
    }
}
@media(max-width: 768px) {
    .footer {
        padding:24px 0
    }
}
@media(max-width: 640px) {
    .footer {
        padding:16px
    }
    .footer.footer-full {
        padding:16px
    }
}

/* ========================================================================
 * Performer profile detail page
 * Scope: body.actressdb-page only
 * Replace the previous "Profile detail page custom styles" block with this.
 * ======================================================================== */

.actressdb-page .adp-page-container {
    overflow: visible;
}

.actressdb-page .adp-main {
    float: none;
    width: 100%;
    min-width: 0;
}

.actressdb-page .adp-profile-hero {
    overflow: visible;
}

.actressdb-page .adp-hero-grid {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    grid-template-areas:
        "cover info"
        "toc info";
    gap: 20px 32px;
    align-items: start;
}

.actressdb-page .adp-cover-wrap {
    grid-area: cover;
    width: 100%;
    overflow: hidden;
    border: 1px solid var(--adp-border);
    background: var(--adp-soft);
}

.actressdb-page .adp-cover-wrap > a {
    display: block;
}

.actressdb-page .adp-cover,
.actressdb-page .adp-cover-placeholder {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
}

.actressdb-page .adp-cover {
    height: auto;
    object-fit: cover;
    object-position: center top;
    transition: opacity .2s ease;
}

.actressdb-page .adp-cover:hover {
    opacity: .92;
}

.actressdb-page .adp-cover-placeholder {
    display: flex;
    min-height: 220px;
    padding: 24px;
    align-items: center;
    justify-content: center;
    color: var(--adp-muted);
    text-align: center;
}

.actressdb-page .adp-hero-info {
    grid-area: info;
    min-width: 0;
}

.actressdb-page .adp-hero-info .yia-crumbs {
    padding: 0 0 14px;
}

.actressdb-page .adp-hero-info .page-title {
    margin: 0;
    color: var(--adp-text);
    text-align: left;
    font-size: 34px;
    line-height: 1.18;
}

.actressdb-page .adp-native-name {
    display: block;
    margin-top: 8px;
    color: var(--adp-muted);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
}

.actressdb-page .adp-meta-row {
    margin: 12px 0 22px;
    color: var(--adp-muted);
    font-size: 13px;
}

.actressdb-page .adp-meta-row time {
    color: inherit;
}

.actressdb-page .adp-profile-panel,
.actressdb-page .adp-section {
    scroll-margin-top: 88px;
}

.actressdb-page .adp-profile-panel .yia-card-title {
    margin-bottom: 16px;
}

.actressdb-page .adp-info-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    border-top: 1px solid var(--adp-border);
    border-left: 1px solid var(--adp-border);
}

.actressdb-page .adp-info-item {
    min-width: 0;
    min-height: 70px;
    padding: 12px 14px;
    border-right: 1px solid var(--adp-border);
    border-bottom: 1px solid var(--adp-border);
}

.actressdb-page .adp-info-item dt {
    margin-bottom: 5px;
    color: var(--adp-muted);
    font-size: 12px;
    line-height: 1.35;
}

.actressdb-page .adp-info-item dd {
    margin: 0;
    color: var(--adp-text);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.actressdb-page .adp-toc {
    grid-area: toc;
    min-width: 0;
    padding-top: 16px;
    border-top: 1px solid var(--adp-border);
}

.actressdb-page .adp-toc-title {
    margin: 0 0 10px;
    color: var(--adp-text);
    font-size: 14px;
    font-weight: 700;
}

.actressdb-page .adp-toc ul {
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.actressdb-page .adp-toc li {
    min-width: 0;
    margin: 0;
}

.actressdb-page .adp-toc a {
    display: block;
    padding: 8px 10px;
    border: 1px solid var(--adp-border);
    background: #fafafa;
    color: var(--adp-muted);
    font-size: 13px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.actressdb-page .adp-toc a:hover,
.actressdb-page .adp-toc a:focus {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.actressdb-page .adp-section > .yia-card-title,
.actressdb-page .adp-profile-related > .yia-card-title {
    margin-bottom: 22px;
}

.actressdb-page .adp-rich-text {
    padding-top: 0;
}

.actressdb-page .adp-rich-text > :last-child {
    margin-bottom: 0;
}

.actressdb-page .adp-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
    gap: 12px;
}

.actressdb-page .adp-gallery a {
    display: block;
    overflow: hidden;
    border: 1px solid var(--adp-border);
    background: var(--adp-soft);
}

.actressdb-page .adp-gallery img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 2 / 3;
    object-fit: cover;
    transition: transform .2s ease, opacity .2s ease;
}

.actressdb-page .adp-gallery a:hover img {
    transform: scale(1.025);
    opacity: .94;
}

.actressdb-page .stats-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 22px;
}

.actressdb-page .stats-card {
    min-width: 0;
    padding: 15px;
    border: 1px solid var(--adp-border);
    background: #fafafa;
}

.actressdb-page .stats-card strong {
    display: block;
    margin-bottom: 6px;
    color: var(--adp-text);
    font-size: 19px;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.actressdb-page .stats-card span {
    display: block;
    color: var(--adp-muted);
    font-size: 12px;
    line-height: 1.45;
}

.actressdb-page .yearly-breakdown {
    margin-top: 4px;
}

.actressdb-page .adp-table-tools {
    display: flex;
    gap: 10px 14px;
    margin: 0 0 16px;
    align-items: center;
    flex-wrap: wrap;
}

.actressdb-page .adp-table-tools label {
    color: var(--adp-text);
    font-size: 13px;
    font-weight: 700;
}

.actressdb-page .adp-table-filter {
    width: min(420px, 100%);
    height: 38px;
    padding: 0 12px;
    border: 1px solid var(--adp-border);
    border-radius: 2px;
    background: #fff;
    color: var(--adp-text);
    font-size: 14px;
}

.actressdb-page .adp-table-filter:focus {
    border-color: var(--primary-color);
}

.actressdb-page .adp-filter-status {
    color: var(--adp-muted);
    font-size: 12px;
}

.actressdb-page .adp-table-scroll {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.actressdb-page .adp-table-scroll table {
    width: 100%;
    min-width: 620px;
    margin: 0;
    border-collapse: collapse;
}

.actressdb-page .adp-table-scroll caption {
    padding: 0 0 12px;
    color: var(--adp-text);
    text-align: left;
    font-size: 15px;
    font-weight: 700;
}

.actressdb-page .adp-table-scroll th,
.actressdb-page .adp-table-scroll td {
    padding: 10px 12px;
    border: 1px solid #e7eaf0;
    text-align: left;
    vertical-align: top;
    font-size: 13px;
    line-height: 1.55;
}

.actressdb-page .adp-table-scroll thead th {
    background: #f3f5f7;
    color: var(--adp-text);
    font-weight: 700;
    white-space: nowrap;
}

.actressdb-page .adp-table-scroll tbody th {
    color: var(--adp-muted);
    font-weight: 500;
    white-space: nowrap;
}

.actressdb-page .adp-table-scroll tbody tr:nth-child(even) {
    background: #fbfbfb;
}

.actressdb-page .adp-table-scroll tbody tr:hover {
    background: #f7f8f9;
}

.actressdb-page .adp-work-table td strong {
    color: var(--adp-text);
}

.actressdb-page .adp-work-table.adp-cols-3 th:nth-child(2),
.actressdb-page .adp-work-table.adp-cols-3 td:nth-child(2) {
    min-width: 340px;
}

.actressdb-page .adp-work-table.adp-cols-4 th:nth-child(2),
.actressdb-page .adp-work-table.adp-cols-4 td:nth-child(2) {
    min-width: 260px;
}

.actressdb-page .adp-work-table.adp-cols-5 th:nth-child(2),
.actressdb-page .adp-work-table.adp-cols-5 td:nth-child(2) {
    min-width: 140px;
}

.actressdb-page .adp-data-note {
    margin: 16px 0 0;
    color: var(--adp-muted);
    font-size: 12px;
    line-height: 1.7;
}

.actressdb-page .adp-profile-list {
    margin-right: -12px;
}

.actressdb-page .post-list.layout-product.adp-profile-list .post-item {
    width: calc(20% - 12px);
    margin: 0 12px 12px 0;
    padding: 12px;
    border: 1px solid var(--adp-border);
}

.actressdb-page .post-list.layout-product.adp-profile-list .thumbs-item {
    margin-bottom: 8px;
    padding-bottom: 75%;
}

.actressdb-page .post-list.layout-product.adp-profile-list .thumbs-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.actressdb-page .post-list.layout-product.adp-profile-list .post-title {
    height: auto;
    min-height: 40px;
    color: var(--adp-text);
    text-align: left;
    font-size: 13px;
}

.actressdb-page .adp-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@media(max-width: 1024px) {
    .actressdb-page .adp-hero-grid {
        grid-template-columns: 220px minmax(0, 1fr);
        gap: 18px 24px;
    }

    .actressdb-page .adp-info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .actressdb-page .post-list.layout-product.adp-profile-list .post-item {
        width: calc(25% - 12px);
    }
}

@media(max-width: 768px) {
    .actressdb-page .adp-hero-grid {
        grid-template-columns: 180px minmax(0, 1fr);
        gap: 16px 20px;
    }

    .actressdb-page .adp-hero-info .page-title {
        font-size: 26px;
    }

    .actressdb-page .adp-native-name {
        font-size: 16px;
    }

    .actressdb-page .stats-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .actressdb-page .post-list.layout-product.adp-profile-list .post-item {
        width: calc(33.333% - 12px);
    }
}

@media(max-width: 640px) {
    .actressdb-page .adp-hero-grid {
        grid-template-columns: 1fr;
        grid-template-areas:
            "cover"
            "info"
            "toc";
        gap: 18px;
    }

    .actressdb-page .adp-cover-wrap {
        width: min(280px, 100%);
        margin: 0 auto;
    }

    .actressdb-page .adp-hero-info .yia-crumbs {
        display: none;
    }

    .actressdb-page .adp-hero-info .page-title {
        font-size: 26px;
        text-align: center;
    }

    .actressdb-page .adp-native-name,
    .actressdb-page .adp-meta-row {
        text-align: center;
    }

    .actressdb-page .adp-info-grid {
        grid-template-columns: 1fr;
    }

    .actressdb-page .adp-toc {
        padding-top: 14px;
    }

    .actressdb-page .adp-toc ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .actressdb-page .adp-toc a {
        white-space: normal;
    }

    .actressdb-page .adp-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .actressdb-page .stats-cards {
        grid-template-columns: 1fr;
    }

    .actressdb-page .adp-table-tools {
        display: block;
    }

    .actressdb-page .adp-table-tools label,
    .actressdb-page .adp-table-filter,
    .actressdb-page .adp-filter-status {
        display: block;
        width: 100%;
    }

    .actressdb-page .adp-table-filter {
        margin-top: 7px;
    }

    .actressdb-page .adp-filter-status {
        margin-top: 7px;
    }

    .actressdb-page .post-list.layout-product.adp-profile-list {
        margin-right: -10px;
    }

    .actressdb-page .post-list.layout-product.adp-profile-list .post-item {
        width: calc(50% - 10px);
        margin: 0 10px 10px 0;
        padding: 10px;
    }
}