/*
 * @Author:iowen
 * @Author URI:https://www.iowen.cn/
 * @Date:2020-08-07 21:18:21
 * @LastEditors: iowen
 * @LastEditTime: 2025-03-28 01:38:04
 * @FilePath: /ioswallow/css/style.css
 * @Version:2.2524
 * @Description:
 */
:root{
  --theme-color:#f1404b;
  --theme-color2:#ff49cd;
  --theme-muted-color:#555;
  --focus-color:var(--theme-color);
  --focus-shadow-color:rgba(249, 100, 90, 0.15);
  --key-color:#333;
  --main-color:#515255;
  --main-shadow:rgba(16, 16, 16, 0.4);
  --shadow-color:rgba(249, 100, 90, .6);
  --body-color:#555658;
  --body-bg-color:#f5f6f7;
  --main-bg-color:#fff;
  --transparent-bg-color:rgba(130,130,130,0.1);
  --main-blur-bg-color:rgba(255, 255, 255, 0.85);
  --btn-blur-bg-color:rgba(61, 62, 64, 0.5);
  --btn-blur-color:#ddd;
  --muted-bg-color:#eee;
  --theme-bg-color:rgba(249, 100, 90, .1);
  --theme-border-radius:12px;
  --theme-border-radius-md:8px;
  --theme-border-radius-sm:6px
  
}
.ioc-dark-mode{
  --main-color:#c2c3c6;
  --theme-muted-color:#bbb;
  --body-color:#ccc;
  --body-bg-color:#202225;
  --main-bg-color:#292C2F;
  --main-blur-bg-color:rgba(41, 44, 47, 0.85);
  --btn-blur-bg-color:rgba(100, 101, 103, 0.5);
  --btn-blur-color:#888;
}
body{margin:0;overflow-x:hidden;background:var(--body-bg-color);color:var(--body-color);font-family:"SF Pro SC","SF Pro Text","SF Pro Icons",PingFang SC,Lantinghei SC,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif!important;transition:cubic-bezier(0, 0, 0.2, 1) .5s}
body a{color:var(--body-color)}
body a:hover{color:var(--theme-color)}
a:active,a:hover,a:link,a:visited{text-decoration:none!important}
p{margin:0}
a:active,a:hover{outline:0}
#content[tabindex="-1"]:focus{outline:0}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}
.clear:after,.clear:before,.entry-content:after,.entry-content:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before{content:"";display:table;table-layout:fixed}
.clear:after,.entry-content:after,.site-content:after,.site-footer:after{clear:both}
.site-content .site-title{font-weight:300}
.sticky{display:block}
.hentry{margin:0 0 1.5em}
.updated:not(.published){display:none}
.entry-content .wp-smiley,.comments-main .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}
.comment_tags{line-height:36px;margin-left:5px;color:rgba(150,150,150,.6);padding:0 8px;border-radius:10px 10px 0 0;font-size:24px;cursor:pointer;-webkit-transition:.15s ease-out;transition:.15s ease-out}
.comment_tags:hover{color:var(--theme-color);background:#fff}
.comment-reply-login{font-size:12px;float:left;margin:-3px 0 0 10px}
.wp-smiley{display:inline-block !important;height:24px !important;max-height:24px !important}
#emojis_link{padding:5px;line-height:30px;margin:0px 0 0 -8px;max-width:246px;max-height:180px;height:auto;overflow:auto;background:#fff;border-radius:0 10px 10px;position:absolute;z-index:999;box-shadow:0px 20px 20px -5px rgba(39, 45, 68, 0.15)}
#emojis_link img{width:30px;height:30px}
embed,iframe,object{max-width:100%}
.logo img{height:40px}
.logo-light{display:inherit}
.logo-dark{display:none}
.text-hide{position:absolute;font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}

.border-radius{border-radius:var(--theme-border-radius)}
.border-radius-md{border-radius:var(--theme-border-radius-md)}
.border-radius-sm{border-radius:var(--theme-border-radius-sm)}
.no-border{border-width:0}
.bg-muted{background:var(--transparent-bg-color)}
.null-loading{background:linear-gradient(115deg,rgba(121,121,121,.1) 25%,rgba(121,121,121,.2) 37%,rgba(121,121,121,.1) 63%);-webkit-animation:placeholder-horizontal 1.5s ease infinite !important;animation:placeholder-horizontal 1.5s ease infinite !important;background-size:400% 100% !important}
@-webkit-keyframes placeholder-horizontal{0%{background-position:100% 50%}
100%{background-position:0 50%}
}@keyframes placeholder-horizontal{0%{background-position:100% 50%}
100%{background-position:0 50%}
}
.blur-bg{background:var(--main-blur-bg-color)!important;-webkit-backdrop-filter:saturate(5) blur(15px);backdrop-filter:saturate(5) blur(15px)}
.blur-btn{background:var(--btn-blur-bg-color)!important;-webkit-backdrop-filter:saturate(5) blur(10px);backdrop-filter:saturate(5) blur(10px)}
.blur-fixed{background:rgba(0,0,0,0.5)!important;-webkit-backdrop-filter:saturate(5) blur(15px);backdrop-filter:saturate(5) blur(15px)}
.fixed-body{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;opacity:0;transition:0.4s;visibility:hidden}
header{z-index:1050}
.header-normal,.header-centered,.header-tradition{position:absolute;top:0;width:100%;margin:10px 0;padding:12px 0}
.header-normal .social-group{display:none}
@media screen and (min-width:992px){.header-normal,.header-centered,.header-tradition{margin:38px 0}
.header-tradition{margin:30px 0}
}.header-fixed{position:fixed;margin:0;transform:translateY(-300px);transition:transform 0.3s;background:var(--main-bg-color)}
.header-fixed.show{transform:translateY(0)}
.header-fixed .social-group{display:none!important}
.nav-type-normal,.nav-type-centered,.nav-type-tradition{padding-top:84px}
.header-fixed .header-logo{margin-bottom:0!important;width:100%}
.header-fixed .main-navigation,.header-tradition .main-navigation{margin-left:20px}
.overflowClip_1{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.overflowClip_1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.overflowClip_2{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-all;display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.main-navigation{display:none}
.mobile-header .mobile-nav{position:fixed;display:block;bottom:0;left:0;top:0;width:82%;max-width:360px;padding:20px;z-index:1040;padding-top:90px;overflow:auto;background:var(--main-bg-color);transform:translateX(-400px);transition:0.3s}
.mobile-header .fixed-body{z-index:1030}
.header-fixed+.mobile-header  .mobile-nav{padding-top:30px}
.header-fixed.show+.mobile-header  .mobile-nav{padding-top:90px}
@media screen and (max-width:991.98px){.mobile-nav.show+.fixed-body{visibility:unset;opacity:0.5}
.mobile-nav.show{transform:translateX(0px)}
}.mobile-nav>.menu{padding:15px;background:var(--transparent-bg-color);border-radius:var(--theme-border-radius)}
.social-icons{margin:0 8px;padding:4px;color:var(--theme-muted-color);font-size:20px;transition:.2s}
.header-centered .header-logo,.header-tradition .header-logo{width:100%}
.offcanvas-menu-button{float:right;height:40px;width:40px;opacity:.8;z-index:98;font-size:24px;line-height:40px;text-align:center;border-radius:50%;transition:.2s}
@media screen and (min-width:992px){.header-centered .header-logo,.header-normal .header-logo{margin-bottom:1rem}
.header-centered .header-logo,.header-tradition .header-logo{width:auto}
.header-normal .social-group{display:block}
.main-navigation{display:block}
.mobile-nav{display:none}
.nav-type-normal,.nav-type-centered{padding-top:200px}
.nav-type-tradition{padding-top:130px}
.header-fixed .header-logo{width:auto}
.offcanvas-menu-button{display:none}
}.scrolling-hide{transition:0.3s;transform:translateX(0)}
@media screen and (max-width:991.98px){.scroll-ing .scrolling-hide{transform:translateX(100px)}
}.social-group{position:relative}
.social-group::before{content:"";position:absolute;width:1px;top:4px;bottom:4px;left:0;background:var(--theme-muted-color)}
.shadow-on-hover{transform:translateY(0);box-shadow:0 15px 20px -10px var(--main-shadow);transition:0.4s}
.shadow-on-hover:hover{transform:translateY(5px);box-shadow:0 5px 20px 0px transparent}
.card-list{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}
.slice-list .card{border-width:0;background:transparent}
.slice-list .card-body{padding-left:0;padding-right:0}
.post-card-thumbnail{border-radius:var(--theme-border-radius);overflow:hidden}
.post-card-horizontal .post-card-thumbnail{border-radius:var(--theme-border-radius-md)}
.post-card-thumbnail img{padding:0!important;width:100%;height:90px;object-fit:cover}
.post-card-horizontal .post-card-thumbnail{flex-basis:30%}
.post-card-horizontal .post-card-body{flex-basis:70%}
.archive-list .meta span,.slice-list .meta span{margin-right:10px}
.archive-list .meta .avatar,.slice-list .meta .avatar{border-radius:50%}
.archive-list .meta span:last-child,.slice-list .meta span:last-child{margin-right:0}
.type1 .post-card-vertical{flex:1 0 29%}
.type2 .post-card-vertical,.type4 .post-card{flex:1 0 45%}
.post-card .card-box{border-radius:var(--theme-border-radius);overflow:hidden}
.type3 .post-card{flex-basis:500px}
.type3 .post-card:nth-child(4n+2),.type3 .post-card:nth-child(4n+3){flex-basis:250px}
.type6 .post-card{flex-basis:580px}
.post-card-vertical .post-card-thumbnail img{height:200px}
.post-card .card-img-overlay{top:auto;right:auto;padding:0 20px 20px 20px}
.post-card .meta{color:#dfdfdf}
.post-card a{color:#ebebeb}
.post-card a:hover{color:#fff}
.post-card .post-card-img::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to top,rgba(0,0,0,.4) 5%,transparent 50%);border-radius:5px}
.post-card .card-img{position:relative;top:0;height:230px;object-fit:cover;border-radius:5px;filter:brightness(100%);transition:.3s}
.type3 .post-card .card-img{height:240px}
.type4 .post-card .card-img{height:240px}
.post-card .card-box:hover .card-img{filter:brightness(60%);transition:.3s}
@media screen and (min-width:992px){.post-card-horizontal .post-card-thumbnail img{height:180px}
}@media screen and (min-width:768px){.post-card .card-img{height:300px}
.type2 .post-card-vertical .post-card-thumbnail img{height:240px}
.post-card-horizontal .post-card-thumbnail{border-radius:var(--theme-border-radius)}
.post-card-horizontal .post-card-thumbnail img{height:180px}
}@media screen and (max-width:767.98px){.archive-list .explain,.type5 .explain{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.archive-list .text-xl,.type5 .text-xl{font-size:1rem !important;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-all;display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}.slice-title{position:relative;padding-left:12px}
.slice-title::before{content:"";position:absolute;width:5px;top:4px;bottom:4px;left:0;background:var(--theme-color);border-radius:4px;box-shadow:0 3px 5px 0 var(--shadow-color)}
.nav-search{position:fixed;top:0;left:0;width:100vw;visibility:hidden;transform:translateY(-10px);height:auto;opacity:0;z-index:1080;transition:all .5s}
.nav-search.show{visibility:unset;transform:translateY(15px);opacity:1}
.nav-search.show+.fixed-body{visibility:unset;opacity:1;z-index:1050}
.search-body{max-width:600px;margin:auto;padding:20px 0}
.nav-search-close{display:inline-block;width:40px;height:40px;line-height:40px;margin-top:20px;text-align:center;background:var(--main-bg-color);border-radius:30px}
.nav-search .search-body{padding:30px;background:var(--main-bg-color);border-radius:var(--theme-border-radius)}
.search-box{position:relative}
.search-field{color:var(--main-color);width:100%;padding:8px 20px;padding-right:36px;background:rgba(130,130,130,0.15);border:none;border-radius:var(--theme-border-radius-md);transition:.5s}
.search-field:focus{outline:0}
.search-field:-internal-autofill-previewed,.search-field:-internal-autofill-selected{box-shadow:0 0 0 1000px var(--body-bg-color) inset!important;-webkit-text-fill-color:var(--main-color)!important}
.nav-search .search-field:-internal-autofill-previewed,.nav-search .search-field:-internal-autofill-selected{box-shadow:0 0 0 1000px var(--main-bg-color) inset!important;-webkit-text-fill-color:var(--main-color)!important}
.search-submit{position:absolute;color:var(--main-color);background:0 0;border:none;margin:0;padding:5px;top:50%;right:3px;transform:translateY(-50%);z-index:1}
.hot-post{max-height:168px;overflow-y:auto}
@media screen and (min-width:768px){.nav-search.show{transform:translateY(50px)}
}.index-box{display:block;flex:none;color:#fff;font-size:12px;text-align:center;width:18px;height:18px;line-height:18px;border-radius:4px;background:rgba(124,124,124,.3)}
.index-1{background:#F1404B}
.index-2{background:#c56a31}
.index-3{background:#b59823}
.tips-box,.badge,.btn{color:var(--this-color);background:var(--this-bg);border:1px solid var(--this-border);box-shadow:var(--this-shadow);transition:.2s;border-radius:var(--theme-border-radius-md);--this-color:var(--main-color);--this-bg:rgba(136,136,136,.1);--this-border:transparent;--this-shadow:none;--this-hover-color:var(--body-color);--this-hover-bg:rgba(136,136,136,.2)}
.tips-box{display:inline-block;border-radius:var(--theme-border-radius-sm);vertical-align:middle;padding:.3em .6em;text-align:center;--this-color:var(--main-color)}
.badge{font-weight:normal;line-height:1.2;padding:1px 5px;border-radius:50px}
.btn.active,.btn:focus,.btn:hover{color:var(--this-hover-color);background:var(--this-hover-bg)}
.btn:active{--this-shadow:inset 0 2px 3px rgba(0,0,0,.08)}
.btn-shadow{--this-shadow:0px 12px 20px -8px var(--this-shadow-bg)}
.btn-shadow:focus,.btn-shadow:hover{--this-shadow:0px 2px 10px 0px transparent}
.btn-shadow[class*="vc-l-"],.btn-shadow.btn-outline{--this-shadow:0px 5px 20px -3px transparent}
.btn-shadow[class*="vc-l-"]:focus,.btn-shadow[class*="vc-l-"]:hover,.btn-shadow.btn-outline:not(.badge):focus,.btn-shadow.btn-outline:not(.badge):hover{--this-shadow:0px 2px 10px 0px var(--this-shadow-bg)}
.btn-shadow.btn-outline[class*="vc-l-"]:not(.badge):focus,.btn-shadow.btn-outline[class*="vc-l-"]:not(.badge):hover{color:var(--this-hover-color);background:var(--this-hover-bg);--this-shadow:0px 2px 10px 0px var(--this-shadow-bg)}
.btn-outline{color:var(--this-bg);background:transparent;--this-border:var(--this-bg)}
.btn-outline:not(.badge):focus,.btn-outline:not(.badge):hover{color:var(--this-hover-color);background:var(--this-bg)}
.btn-outline[class*="vc-l-"]{color:var(--this-color);background:transparent;--this-border:var(--this-color)}
.btn-outline:not(.badge):focus[class*="vc-l-"],.btn-outline:not(.badge):hover[class*="vc-l-"]{color:var(--this-color);background:var(--this-bg);--this-border:transparent}
.btn-outline.c-white:hover{background:0 0;--this-color:var(--focus-color);color:var(--focus-color)}
.btn-hover-dark:hover{color:#fff;background:#131419;--this-border:transparent}
.btn.focus,.btn:focus{outline:0;box-shadow:none}
.vc-theme{--this-color:#eee;--this-hover-color:#fff;--this-bg:var(--theme-color);--this-hover-bg:var(--theme-color2);--this-shadow-bg:var(--shadow-color)}
.vc-white{--this-color:#343638;--this-hover-color:#131416;--this-bg:#ffffff;--this-hover-bg:#eeeeee;--this-shadow-bg:rgba(0,0,0,0.7)}
.vc-gray{--this-color:#dbe7f3;--this-hover-color:#ffffff;--this-bg:#818b95;--this-hover-bg:#656f79;--this-shadow-bg:rgba(74,82,91,0.7)}
.vc-red{--this-color:#ffe7eb;--this-hover-color:#ffffff;--this-bg:#f1404b;--this-hover-bg:#e4415f;--this-shadow-bg:rgba(219,31,66,0.7)}
.vc-yellow{--this-color:#fff6f0;--this-hover-color:#ffffff;--this-bg:#ff6f06;--this-hover-bg:#d2691e;--this-shadow-bg:rgba(211,103,27,0.7)}
.vc-cyan{--this-color:#d9fffe;--this-hover-color:#ffffff;--this-bg:#08c4c1;--this-hover-bg:#0f9997;--this-shadow-bg:rgba(22,183,180,0.7)}
.vc-blue{--this-color:#daeeff;--this-hover-color:#ffffff;--this-bg:#2997f7;--this-hover-bg:#237ece;--this-shadow-bg:hsla(208,77%,45%,0.7)}
.vc-violet{--this-color:#dde4ff;--this-hover-color:#ffffff;--this-bg:#5c7cff;--this-hover-bg:#516bd4;--this-shadow-bg:rgba(79,104,203,0.7)}
.vc-violet2{--this-color:#e4ddff;--this-hover-color:#ffffff;--this-bg:#955cff;--this-hover-bg:#8151d4;--this-shadow-bg:rgba(118,79,203,0.7)}
.vc-black{--this-color:#eee;--this-hover-color:#ffffff;--this-bg:#343a40;--this-hover-bg:#25272a;--this-shadow-bg:rgba(40,45,50,0.7)}
.vc-l-gray{--this-color:#818b95;--this-hover-color:#111b25;--this-bg:rgba(129,139,149,0.1);--this-hover-bg:#818b95;--this-shadow-bg:rgba(74,82,91,0.7)}
.vc-l-red{--this-color:#f1404b;--this-hover-color:#ffffff;--this-bg:rgba(255,84,115,0.1);--this-hover-bg:#f1404b;--this-shadow-bg:rgba(207,56,84,0.7)}
.vc-l-yellow{--this-color:#ff6f06;--this-hover-color:#ffffff;--this-bg:rgba(255,110,6,0.1);--this-hover-bg:#ff6f06;--this-shadow-bg:rgba(211,103,27,0.7)}
.vc-l-cyan{--this-color:#08c4c1;--this-hover-color:#ffffff;--this-bg:rgba(8,196,193,0.1);--this-hover-bg:#08c4c1;--this-shadow-bg:rgba(22,183,180,0.7)}
.vc-l-blue{--this-color:#2997f7;--this-hover-color:#ffffff;--this-bg:rgba(41,151,247,0.1);--this-hover-bg:#2997f7;--this-shadow-bg:hsla(208,77%,45%,0.7)}
.vc-l-violet{--this-color:#5c7cff;--this-hover-color:#ffffff;--this-bg:rgba(92,125,255,0.1);--this-hover-bg:#5c7cff;--this-shadow-bg:rgba(79,104,203,0.7)}
.vc-l-violet2{--this-color:#955cff;--this-hover-color:#ffffff;--this-bg:rgba(149,92,255,0.1);--this-hover-bg:#955cff;--this-shadow-bg:rgba(118,79,203,0.7)}
.btn-primary.current{color:#eee}
.description{margin-top:-10px;margin-bottom:20px;color:var(--theme-muted-color);font-size:16px;font-weight:500}
.no-bg{background:none!important}

.tradition .main-navigation{display:inline-block}
.main-navigation{position:relative}
.main-navigation .current-menu-item a{color:var(--body-color);font-weight:500}
.main-navigation .menu>li.current-menu-item>a:before,.main-navigation .menu>li.current-menu-ancestor>a:before{content:"";position:absolute;margin:auto;bottom:5px;width:4px;height:4px;left:0;right:0;border-radius:6px;background:var(--theme-color);transition:all 0.3s ease 0s}
.main-navigation ul{margin:0;padding-left:0;list-style:none}
.main-navigation li{font-weight:400;text-transform:uppercase}
.main-navigation li a{color:var(--body-color);padding:10px;display:block;transition:.2s}
.main-navigation .menu>li:first-child>a{margin-left:-10px;position:relative}
.main-navigation li a:hover{color:#222;text-decoration:none}
.main-navigation ul li{position:relative;display:inline-block}
.main-navigation ul li.menu-item-has-children{margin-right:5px}
.main-navigation ul li.menu-item-has-children:after{content:'\e60d';font-family:"iconfont";position:absolute;top:14px;right:-2px;font-size:12px;-webkit-transform:scale(.6);transform:rotate(0deg) scale(.6);transition:transform .2s}
.main-navigation ul li.menu-item-has-children:hover:after{transform:rotate(45deg) scale(.6)}
.main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{opacity:1;z-index:1;overflow:visible;visibility:visible;transition:.2s}
.main-navigation ul li ul{position:absolute;min-width:160px;opacity:0;overflow:hidden;visibility:hidden;background:#fff;border-radius:12px;padding:4px;box-shadow:0 10px 30px 0px rgba(0, 0, 0, 0.3);transition:.2s}
.main-navigation ul li ul li{width:100%;font-size:15.5px;font-weight:400;line-height:22px;text-transform:none;margin-bottom:2px;transition:0.2s}
.main-navigation ul li ul li:last-child{margin-bottom:0;border-bottom:none}
.main-navigation ul li ul li.menu-item-has-children:after{content:'';position:absolute;top:16px;right:4px;border-color:transparent transparent transparent #9a9a9a!important;border-style:solid;border-width:4px 0 4px 5px}
.main-navigation ul li ul li:hover{cursor:pointer;border-radius:8px;background:rgba(136, 136, 136, 0.1)}
.main-navigation ul li ul li:hover>a{font-weight:500}
.main-navigation ul li ul li ul{margin-top:-42px;left:100%;box-shadow:0 30px 40px -15px rgba(0,0,0,.3)}
.sub-menu{z-index:999!important}
.crumb-menu{margin-top:10px;font-size:13px;color:#999;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;overflow:hidden}
.crumb-menu a ,.crumb-menu a:visited{color:#999}
.crumb-menu a:after{content:'\2022';display:inline-block;position:relative;margin:0 5px;color:var(--theme-color)}
.mobile-header ul{margin:0;padding:0;list-style:none}
.mobile-header ul li{font-size:16px;text-transform:uppercase}
.mobile-header ul li:last-child{border:none}
.mobile-header ul li.menu-item-has-children{position:relative}
.mobile-header ul li.menu-item-has-children .mobile-dropdown-arrow{position:absolute;cursor:pointer;text-align:center;top:0;right:0;width:50px;line-height:50px;font-size:12px;color:#888}
.mobile-header ul li.menu-item-has-children .mobile-dropdown-arrow::before{content:'';position:absolute;width:30px;height:30px;top:10px;left:10px;border-radius:30px;background:var(--transparent-bg-color)}
.mobile-header ul li.menu-item-has-children .mobile-dropdown-arrow i{transition:.2s;transform:rotate(0deg)}
.mobile-header ul li.menu-item-has-children .mobile-dropdown-arrow:hover i{transform:rotate(45deg)}
.mobile-header ul li.menu-item-has-children>a{padding-right:50px}
.mobile-header ul li a{display:block;color:var(--body-color);line-height:50px}
.mobile-header ul li a:focus,.mobile-header ul li a:hover{color:#000;text-decoration:none}
.mobile-header ul li ul{display:none}
.mobile-header ul li ul li{font-size:16px;text-transform:none;border:none}
.mobile-header ul li ul li a{padding-left:15px}
.mobile-header ul li ul li ul li a{padding-left:30px}
.mobile-header ul li ul li.menu-item-has-children>a:after{border-color:#9c9c9c transparent transparent transparent}
.mobile-header .sub-menu li{width:calc(50% - 4px);text-align:center;display:inline-block}
.mobile-header .sub-menu li>a{position:relative;line-height:normal;padding:6px 4px;margin:2px;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:var(--transparent-bg-color);border-radius:var(--theme-border-radius-sm)}

.offcanvas-close{display:block!important;margin:0 auto 30px auto;font-size:28px!important;text-align:center}

.single-thumbnail-burl-pass .single-header-image-block{background:rgba(0,0,0,.5);background-size:cover;background-position:center;filter:blur(30px);-webkit-filter:blur(30px); -ms-filter:blur(30px); -moz-filter:blur(30px);filter:progid:DXImageTransform.Microsoft.Blur(pixelRadius=30,MakeShadow=false);-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.single-header-image-block{background:rgba(0,0,0,.5);background-size:cover;background-position:center;filter:blur(15px);-webkit-filter:blur(15px); -ms-filter:blur(15px); -moz-filter:blur(15px);filter:progid:DXImageTransform.Microsoft.Blur(pixelRadius=15,MakeShadow=false);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}

.single-thumbnail,.single-thumbnail-inside,.single-header-image-block{height:400px;width:100%}
.container .single-thumbnail,.container .single-thumbnail-inside,.container .single-header-image-block{height:350px}
.single-thumbnail-pass{position:relative;background-size:cover;background-position:center;margin-bottom:10px}
.single-thumbnail{overflow:hidden;filter:brightness(50%);box-shadow:0 22px 50px -24px rgba(0,0,0,.6);background-color:#fff}

.single-thumbnail-card,.single-thumbnail-burl-pass{position:relative}
.single-thumbnail-pass,.single-thumbnail-pass-inside{height:400px;/*width:100%*/}
.single-thumbnail,.single-thumbnail-inside{height:400px;width:100%}
.container .single-thumbnail,.container .single-thumbnail-inside{height:350px}
.single-thumbnail-pass{position:relative;background-size:cover;background-position:center;margin-bottom:10px}
.single-thumbnail{overflow:hidden;filter:brightness(50%);box-shadow:0 22px 50px -24px rgba(0,0,0,.6);background-color:#fff}
.container .single-thumbnail{border-radius:var(--theme-border-radius)}
.single-thumbnail-burl-pass .card-img-overlay{top:auto;padding:0 30px}
.single-thumbnail-card .card-img-overlay{top:auto;padding-bottom:20px}
.card-img-overlay .pass-title{float:left;width:calc(100% - 300px)}
.card-img-overlay .pass-img{position:absolute;right:0}
.card-img-overlay .pass-img img{width:300px; height:200px;border-radius:15px}
.single-thumbnail-inside{position:absolute;top:0;right:0;bottom:0;left:0}
.single-thumbnail-pass-inside{z-index:1}
.single-thumbnail.boxed{max-width:1200px;margin:0 auto}
.thumbnail-classic{display:block;width:100%;max-width:730px;height:auto;margin:0 auto}
.thumbnail-classic.boxed,.thumbnail-classic.fullwidth,.thumbnail-classic.ws{max-width:100%}
.single-thumbnail-burl-pass .single-title-zone{display:flex}
.single-thumbnail .single-title-zone{max-width:730px!important}
.single-title-zone h1{margin-top:6px;margin-bottom:13px;color:#fff;font-size:28px;font-weight:700;letter-spacing:-.3px;line-height:37px}
.single-title-zone .date{color:#fff;opacity:.7}
.single-title-zone .edit-link a{color:#ccc;margin-left:10px}
.single-title-zone .edit-link a:hover{color:#fff}
.single-title-zone.no-img h1,.single-title-zone.no-img .date{color:#222}
.single-title-zone.no-img .crumb-menu,.single-title-zone.no-img .text-light{display:initial;color:#eee;padding:2px 8px;border-radius:var(--theme-border-radius-sm);background:var(--theme-color);opacity:1}
.single-title-zone.no-img .crumb-menu a{color:#eee}
.single-title-zone.no-img .crumb-menu a:hover{color:#fff}
.single-title-zone.no-img .crumb-menu a:after{color:#ddd}
.near-navigation{background-color:rgba(150,150,150,0.15);border-radius:12px;display:flex;margin-top:30px}
.near-navigation .nav{display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:0 20px;position:relative;width:50%;word-break:break-word}
.near-navigation .nav:before{background-color:#000;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0;transition:opacity .5s cubic-bezier(.4,.01,.165,.99);z-index:1}
.near-navigation .nav:hover:before{opacity:.5}
.near-navigation .next{align-items:flex-end;text-align:right;border-radius:0 12px 12px 0;overflow:hidden}
.near-navigation .previous{border-radius:12px 0 0 12px;overflow:hidden}
.near-navigation span{color:#fff;font-size:14px;font-weight:500;padding-top:20px;position:relative;text-transform:uppercase;z-index:2}
.near-navigation .near-title{color:#fff;font-size:12px;margin:5px 0 0;padding-bottom:20px;position:relative;z-index:2}
.near-navigation img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}
.near-navigation .none:before,.near-navigation .none:hover:before{opacity:0}
.near-navigation .none span,.near-navigation .none .near-title{color:#999}
.near-permalink{bottom:0;left:0;outline:0;position:absolute;right:0;top:0;z-index:3}
.single-top-area{margin:50px auto 0 auto;background:rgba(148, 149, 158, 0.1);padding:15px 10px;border-radius:var(--theme-border-radius)}
.single-top-area .author{float:left}
.single-top-area .author img{float:left;margin-right:20px;width:42px;height:42px;border-radius:50%}
.single-top-area .author-info{float:left;font-size:14px}
.single-top-area .author-info a{color:var(--body-color);transition:.2s}
.single-top-area .author-info a:hover{color:#000;text-decoration:none;transition:.2s}
.page-head-img{position:relative;background-size:cover;background-position:center;margin-bottom:10px;box-shadow:0 22px 50px -24px rgba(0,0,0,.6)}
.page-head-img.small{border-radius:var(--theme-border-radius)}
.page-head-img-title{height:400px;color:#fff}
.small .page-head-img-title{height:300px}
.post .entry-content{margin:1.5em 0 0}
.post .entry-content p,.single-content p{margin:0 0 20px;line-height:28px}
.post .entry-content dd a,.post .entry-content li a,.post .entry-content p a:not(.btn){position:relative;color:var(--theme-color);transition:.2s;border-bottom:.0625rem dashed rgba(155, 155, 155, 0.2)}
.post .entry-content dd a:after,.post .entry-content li a:after,.post .entry-content p a:not(.btn):not([data-fancybox])::after{position:absolute;bottom:-0.0625rem;left:100%;width:0;border-bottom:0.0625rem solid var(--theme-color);content:"";-webkit-transition:width 350ms,left 350ms;-moz-transition:width 350ms,left 350ms;-ms-transition:width 350ms,left 350ms;-o-transition:width 350ms,left 350ms;transition:width 350ms,left 350ms}
.post .entry-content dd a:focus,.post .entry-content dd a:hover,.post .entry-content li a:focus,.post .entry-content li a:hover,.post .entry-content p a:not(.btn):focus,.post .entry-content p a:not(.btn):hover{text-decoration:none;transition:.2s}
.post .entry-content dd a:hover:after,.post .entry-content li a:hover:after, .post .entry-content p a:not(.btn):not([data-fancybox]):hover:after{left:0;width:100%;-webkit-transition:width 350ms;-moz-transition:width 350ms;-ms-transition:width 350ms;-o-transition:width 350ms;transition:width 350ms}
.page .entry-content figure img,.post .entry-content img{max-width:100%;height:auto;margin-top:10px;margin-bottom:30px}
.entry-content img,.page .entry-content img,.near-navigation img,.category-box .thumbnail img,.blog-post-thumbnail-zone img,img.lazy{background:url(../images/img.svg) no-repeat center #e6e6e6}
.entry-content .nothing,.content .nothing{background:url(../images/nothing-page.png) no-repeat center;background-size:contain;height:100px;margin-bottom:20px}
.entry-content ul li ol,.entry-content ul li ul{margin:5px 0 10px}
.entry-content ul li ul li ol,.entry-content ul li ul li ul{margin-top:15px;margin-bottom:15px}
.entry-content ol li ol,.entry-content ol li ul{margin:20px 0}
.entry-content pre{margin:0 auto 40px;padding:5px 10px;background:rgba(150, 150, 150, 0.2);border-radius:3px}
.post .entry-content .wp-smiley{background:none;margin-bottom:3px;margin-top:0px}
.post .entry-content blockquote{color:var(--main-color);padding:20px 15px 20px 30px!important;margin-bottom:30px!important;background-repeat:no-repeat;border-left:8px solid rgba(150, 150, 150, 0.2);background-color:rgba(150, 150, 150, 0.1);border-radius:12px}
blockquote{position:relative}
blockquote::before{content:'\e655';font-family:"iconfont";font-size:60px;position:absolute;left:15px;top:-15px;color:rgba(150,150,150,.15)}
.sl .post .entry-content blockquote{padding:20px 15px 35px 20px!important;border:none!important;border-right:8px solid rgba(150, 150, 150, 0.2)}
.post .entry-content blockquote p{color:var(--main-color);margin-bottom:0}
.post .entry-content h1,.post .entry-content h2,.post .entry-content h3,.post .entry-content h4,.post .entry-content h5,.post .entry-content h6{margin:0 auto 18px auto;padding-top:20px}
.post .entry-content h1{font-size:2.1rem}
.post .entry-content h2{font-size:1.8rem}
.post .entry-content h3{font-size:1.35rem}
.post .entry-content h4{font-size:1.3rem}
.post .entry-content h5{font-size:1.2rem}
.post .entry-content h6{font-size:1.1rem}
.post .entry-content table{min-width:100%;word-break:break-all;word-wrap:break-word}
.post .entry-content dl{margin-left: 2em;}
.post .entry-content dd{margin-bottom:25px}
.post .entry-content code{color:var(--theme-color);background:rgba(150, 150, 150, 0.2);padding:2px 5px;border-radius:5px}
.post .entry-content kbd{font-size:16px}
.post .entry-content .twitter-tweet{margin-left:auto;margin-right:auto;width:730px!important}
.post .tags{margin:38px auto 35px auto}
.post .tags i{color:var(--theme-color);margin-right:10px;vertical-align:sub}
.post .tags a{display:inline-block;margin:0 6px 12px 0;padding:3px 10px;color:#6d6d6d;font-size:12px;transition:.3s;background:rgba(148, 149, 158, 0.15);border-radius:15px}
.post .tags a:focus,.post .tags a:hover{background-color:rgba(148, 149, 158, 0.3);text-decoration:none;transition:.3s}
.related-posts{margin-bottom:70px}
.ws h3{font-size:19px;color:#6D6D6D;padding-bottom:20px}
.ws h3 i{color:var(--theme-color);margin-right:10px}
.color-0{color:#f1404b!important;background-color:rgba(249, 100, 90, 0.15)!important}
.color-1, .color-5{color:#20a0ff!important;background-color:rgba(32, 158, 255, 0.15)!important}
.color-2, .color-6{color:#39c408!important;background-color:rgba(58, 196, 8, 0.15)!important}
.color-3, .color-7{color:#ff8400!important;background-color:rgba(255, 131, 0, 0.15)!important}
.color-4, .color-8{color:#837adc!important;background-color:rgba(132, 122, 220, 0.15)!important}
.related-posts .custom-card .card{top:0;box-shadow:0 19px 35px -22px rgba(0,0,0,.5);transition:.2s}
.related-posts .custom-card .card.card-empty{box-shadow:none}
.related-posts .custom-card .card.card-empty .card-body{height:200px}
.related-posts .custom-card .card:hover{top:5px;box-shadow:0 8px 11px -6px rgba(0,0,0,.5);transition:.2s}
.related-posts .custom-card .card.card-empty:hover{top:0;box-shadow:none}
.related-posts .custom-card .card .card-img{height:180px;object-fit:cover;opacity:.5}
.related-posts .custom-card .card .card-img-overlay{color:#fff;align-items:flex-end;display:flex}
.related-posts .custom-card .card .card-title{margin-bottom:0;letter-spacing:0;font-size:17px}
.related-posts .custom-card .card.card-empty .card-title{margin-top:35px}
.related-posts .custom-card .card .card-title a{position:absolute;right:15%;left:22px;bottom:23px;margin-bottom:0;max-width:77%;color:#fff;font-size:17px;font-weight:700;line-height:23px}
.related-posts .custom-card .card .card-title a:focus,.related-posts .custom-card .card .card-title a:hover{text-decoration:none}
.related-posts .custom-card .card.card-empty .card-title a{color:#4e5358}
.related-posts .custom-card .card.card-empty .card-title a:focus,.related-posts .custom-card .card.card-empty .card-title a:hover{color:#000}
.related-posts .custom-card .meta-zone{margin:15px 0 0 30px}
.ws .related-posts .custom-card .meta-zone{margin:15px 0 0 11px}
.related-posts .custom-card .meta-zone span{font-size:14px;color:#868686;margin-right:5px}
.related-posts .custom-card .meta-zone a{color:#868686;font-weight:700;transition:.2s} 
.related-posts .custom-card .meta-zone img{margin-right:3px;border-radius:50%}
.posts-navi{margin-bottom:60px;max-width:730px}
.posts-navi i{color:#B2B2B2}
.post .entry-content .posts-navi h3{margin:10px 0;padding:0}
.posts-navi h3 a{color:#4e5358;line-height:28px;transition:.2s}
.posts-navi h3 a:focus,.posts-navi h3 a:hover{color:#404040;text-decoration:none;transition:.2s}
.post-password-form input{display:block;margin:0 auto 70px auto;padding:12px 15px;background:#fff;color:#272727;font-size:16px;font-weight:500;text-transform:uppercase;border:none;border-radius:51px;transition:.3s}
.post-password-form input:hover{color:#000;transition:.3s}
.post-password-form label{display:block;position:relative;margin:70px auto 20px auto;font-size:41px;font-weight:700;letter-spacing:-1.66px;text-align:center}
.post-password-form label input{margin:0 auto;background-color:#fff;border-radius:0;border-bottom:2px solid #efefef;transition:.3s}
.post-password-form label input:focus{border-bottom:2px solid #262626;transition:.3s;outline:0!important}
.post-ad{margin:5px 0 15px}
.post-ad img{width:100%;margin:0!important}
.title-tag{margin-left:7px;margin-bottom:28px;color:#4e5358;font-size:41px;font-weight:700;letter-spacing:-1.66px}
.title-tag.comment-tag{margin-bottom:15px}

.home .page .content{margin:0}
.home .entry-content{margin:0}
.site-title{margin-bottom:33px}
.site-title h1{margin:0 0 25px 0;font-size:35px;font-weight:700}
.site-title p{margin:-15px 0 0 0;width:80%;line-height:28px;color:#828282}
.site-title .author-avatar img{border-radius:50%}
.site-title .title_second,.site-title-center .title_second{font-size:0.8rem}
.archive-m-line{position:relative;font-weight:300}
.archive-m-line a{color:#222831!important}
.archive.date .site-title{display:none}
.author .site-title{margin-left:0;margin-right:0;padding:30px 10px}
.blog-post{margin-bottom:60px}
.blog-post.sticky{margin-bottom:45px;padding:25px;border:1px solid #d3d3d3;border-radius:5px}
.blog-post.simple{margin-bottom:40px}
.blog-post-thumbnail-zone{height:180px!important}
.blog-post-thumbnail-zone img{padding:0!important;width:100%;height:180px;object-fit:cover;border-radius:12px;box-shadow:0 19px 35px -22px rgba(0,0,0,.5);transition:.5s}
.blog-post-thumbnail-zone img:hover{margin-top:5px;filter:brightness(90%);box-shadow:0 8px 11px -6px rgba(0,0,0,.5);transition:.5s}
.blog-post-text-zone.simple{margin-top:0!important}
.blog-post .author.align-items-end img{margin-right:10px;width:26px;height:26px;float:left;border-radius:50%}
.blog-post .author-info p{margin:3px 0 0 0;color:#656667;font-size:14px;font-weight:400}
.blog-post .author-info a{color:#3e3e3e;font-size:15px;font-weight:500;transition:.2s}
.blog-post .author-info a:focus,.blog-post .author-info a:hover{color:#000;text-decoration:none;transition:.2s}
.blog-post h2{margin-bottom:13px;font-size:1.4rem}
.blog-post h2 a:focus,.blog-post h2 a:hover{color:#000;text-decoration:none;transition:.2s}
.blog-post .meta,.blog-post .meta a{margin-bottom:12px;color:gray;font-size:15px;font-weight:400;transition:.2s}
.blog-post .meta a:focus,.blog-post .meta a:hover{text-decoration:none;color:#4e5358;transition:.2s}
.blog-post .meta img{margin-right:3px;margin-top:-3px;border-radius:50%}
.blog-post .meta .category{margin-right:7px;border-right:1px solid #d2d2d2}
.blog-post .meta .category a:last-child{padding-right:3px}
.page .entry-content .slice .hentry{margin:0}
.img-text-background::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to top,rgba(0,0,0,.4) 5%,transparent 50%);border-radius:12px}
.card .card-title a{color:#444;font-weight:700;transition:.2s}
.card .card-title a:focus,.card .card-title a:hover{text-decoration:none;transition:.2s}
.card .card-img-overlay .card-title a{color:#fff}
.card .card-meta span,.blog-post .meta span{margin-right:10px}
.card .card-meta a{color:#afafaf}
.card .card-meta a:hover,.card .card-meta>.author>a:hover{color:#4e5358}
.card .card-meta .author a{color:#868e96;font-weight:500;transition:.2s}
.card .card-meta .author a:focus,.card .card-meta .author a:hover{color:#4e5358;text-decoration:none;transition:.2s}
.io-card-deck{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-5px;margin-left:-5px}
.io-card-deck .top-card{-ms-flex:1 0 0%;flex:1 0 0%;padding:0 5px}
.slice.cms_top .card{top:0;margin-bottom:30px;border:none;box-shadow:0 19px 35px -22px rgba(0,0,0,.5);transition:.3s}
.slice.cms_top .move{background:rgba(90, 90, 90, 0.5);font-size:12px;padding:4px 20px 4px 15px;border-radius:20px;color:#fff}
.slice.cms_top .move i{position:absolute;margin-left:5px;font-weight:900;transition:.3s}
.slice.cms_top .move:hover i{margin-left:10px}
.slice.cms_top .card .card-img{position:relative;top:0;height:180px;object-fit:cover;border-radius:12px;transition:.3s}
.slice.cms_top .card .card-img-overlay{color:#fff;background-color:rgba(0,0,0,.4);align-items:center;text-align:center;justify-content:center;padding:0 22px;display:flex;opacity:0;transition:.3s}

.slice.cms_top .card .card-title{margin-top:0;margin-bottom:0;font-size:1rem;line-height:20px;max-width:100%;transform:translate3d(0,15px,0);transition:transform .4s}

.slice.cms_top .card .card-text{font-size:17px;color:#7D7D7D}
.slice.cms_top .card .card-meta{margin-bottom:0;font-size:14px;color:rgba(255,255,255,.6);line-height:18px}
.slice.cms_top .card .card-meta img{margin-right:3px;border-radius:50%}
.slice.cms_top .card .card-meta .author a{color:rgba(255,255,255,.6);font-weight:500;transition:.2s}
.slice.cms_top .card .card-meta .author a:focus,.slice.cms_top .card .card-meta .author a:hover{color:#fff;text-decoration:none;transition:.2s}
@media screen and (min-width:768px){
  .slice.cms_top .card:hover{top:5px;box-shadow:0 8px 11px -6px rgba(0,0,0,.5)}
  .slice.cms_top .move:hover{background:rgba(151, 151, 151, 0.6)}
  .slice.cms_top .card:hover .card-title{transform:translate3d(0,0,0)}
  .slice.cms_top .card:hover .card-img-overlay{opacity:1}
}
@media screen and (max-width:767.98px){.io-card-deck{margin-right:-2px;margin-left:-2px}
.io-card-deck .top-card{padding:0 2px}
.io-card-deck .top-card{flex-basis:15%;transition:flex-basis 0.5s cubic-bezier(0.390,0.575,0.565,1.000)}
.top-card.show{flex-basis:70%}
.slice.cms_top .top-card.show .card-img-overlay{opacity:1}
.slice.cms_top .top-card.show .card-title{transform:translate3d(0,0,0)}
}
.slice .card{background-color:transparent!important;box-shadow:none}
.slice-sign{font-size:10px;color:#fff;background:var(--theme-color);padding:2px 8px;border-radius:6px;vertical-align:middle;margin-right:3px}
.slice-sign+a{vertical-align:middle}
.load-more-posts-container{text-align:center;margin:25px auto 60px auto}
.btn-load-more-posts{display:inline-block;color:#fff!important;margin-left:0!important;position:relative;top:0;padding:15px 75px 15px 70px;background:var(--theme-color);font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:0;border-radius:900px;transition:.2s;box-shadow:0px 15px 20px -10px var(--shadow-color)}
.btn-load-more-posts:hover{color:#333!important;cursor:pointer;top:2px;background:#eee;box-shadow:none;transition:.2s}
.btn-load-more-posts.loading{cursor:default;top:2px;background:var(--body-color);box-shadow:none;transition:.2s}
.btn-load-more-posts .icon1{margin-right:6px}
.btn-load-more-posts .icon2{display:none}
.embed-body{position:relative;margin:20px 80px}
.embed-card::after{content:"\e602";font-family:"iconfont";position:absolute;font-size:170px;right:20px;top:-70px;color:rgba(136, 136, 136, .05);transition:all .3s;border-radius:50%}
.embed-body:hover .embed-blur{ opacity:0.2}
.embed-card{position:absolute;pointer-events:none;top:0;right:0;bottom:0;left:0;overflow:hidden}
.embed-blur{overflow:hidden;background-color:#888;opacity:0.12;border-radius:var(--theme-border-radius);transition:all .3s;border:1px solid rgba(200,200,200,.4)}
.embed-blur .blur-img{height:98px;background:rgba(0,0,0,.5);background-size:cover;background-position:center;filter:blur(20px);-webkit-filter:blur(20px);-ms-filter:blur(20px);-moz-filter:blur(20px);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} 
.embed-card a{padding-right:0;pointer-events:auto;text-decoration:none;color:#313131}
.embed-card span{display:block; }
.embed-card-category{position:absolute;top:9px;left:-150px;display:inline-block;height:20px;line-height:20px;padding:0 5px; font-size:12px; background-color:rgba(241, 64, 75, 0.6);border-radius:0 3px 3px 0;transition:all .3s;color:#fff}
.embed-card-category:hover{background-color:var(--theme-color)} 
.embed-body:hover .embed-card-category{left:0}
.embed-card-img{float:left;margin-right:10px}
.embed-card-img img{width:100px;height:90px!important;border-radius:5px;margin:5px 0 0 5px!important;padding:0!important}
.embed-card-info{padding-right:15px!important;overflow:hidden;margin-top:5px}
.embed-card-info .card-name{font-size:15px; line-height:19px; overflow:hidden;text-overflow:ellipsis;white-space:normal;font-weight:bold}
.embed-card-info .card-abstract{ line-height:15px;margin:5px 0;font-size:12px;color:#888;overflow:hidden; }
.embed-card-info .card-controls{position:absolute;bottom:5px;overflow:hidden; }
.embed-card-info .card-controls .group-data{float:left;margin-right:10px;color:#999;font-size:12px}
.embed-card-info .card-controls .group-data i{margin-right:5px;font-style:normal!important}
@media screen and (max-width:575.98px){.swiper-slide .img-text-background::after{border-radius:0px}
}
/*v2*/
.embed-box{overflow:hidden;font-size:14px;max-width:560px;margin:auto;margin-bottom:20px;box-shadow:none}
.embed-background{left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:.2;-webkit-filter:blur(15px);filter:blur(15px)}
.embed-thumbnail{width:96px;height:0;padding-bottom:75%;position:relative;overflow:hidden}
.embed-thumbnail img{position:absolute}
.embed-mini-content{flex:auto;overflow:hidden}
.embed-mini-body{background:rgba(130,130,130,.075);box-shadow:0 0 2px rgba(125,125,125,0.15) inset}
.fit-cover{width:100%;height:100%;transition:all .2s;-o-object-fit:cover;object-fit:cover}
.embed-box .fit-cover{height:100%!important}
.down a{float:left;background:var(--theme-color);height:35px;font-size:15px;font-size:1.5rem;color:#fff!important;line-height:34px;text-align:center;margin:8px 0 15px 25px;padding:0 15px;border-radius:5px;box-shadow:0px 8px 20px -5px var(--shadow-color);transition:all .3s ease-in 0s}
.down a:hover{background:#080808;box-shadow:0 0 0 transparent}
.down i{margin-right:8px }
.down-form{position:relative}
.down-form>i{color:rgba(145, 145, 145, 0.10);position:absolute;right:10px;bottom:-10px;pointer-events:none;font-size:120px;transition:.3s}
.down-form:hover>i{color:rgba(145, 145, 145, 0.15)}
.down-form fieldset{font-size:15px}
.down-form fieldset a{font-size:15px}
.down-form legend{margin:0 0 0 15px;padding:3px 15px}
.down-form span{display:block}
.down-form-inf{margin:10px 0 0 0;line-height:2}
.down-form-inf i{margin-right:10px}
.down-form .down a{margin:20px 20px 20px 0}
.down-form .down .be-eye{margin:0 8px 0 0}
@keyframes spinx{from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
.btn-load-more-posts .icon2.spin i{animation-name:spinx;animation-duration:.7s;animation-iteration-count:infinite;animation-timing-function:linear}
.sidebar{margin:27px auto 100px auto}
.blog .sidebar{margin:0 auto 100px auto}
.sidebar p{line-height:22px;font-weight:400}
.sidebar a,.sidebar a:visited{color:#656565;transition:.2s}
.sidebar a:focus,.sidebar a:hover{color:#000;text-decoration:none}
.sidebar ul{padding-left:0;list-style:none;font-weight:400}
.sidebar li{padding-bottom:7px;padding-top:7px}
.sidebar label{width:100%}
.sidebar .rssSummary{line-height:25px}
.sidebar .tagcloud a{padding:10px 5px}
.sidebar .sidebar ul .children{margin-top:5px}
.sidebar .sub-menu li{border-bottom:none;padding-bottom:0}
footer .copyright{margin-bottom:5px;font-size:14px;color:#999}
footer .copyright a{color:#999}
footer .copyright a:Hover{color:#555}
footer .main-navigation{margin-bottom:30px}
.select2-container--default .select2-selection--single .select2-selection__rendered{font-size:14px}
div.wpcf7{width:95%;margin:0 auto}
.wpcf7-form p{width:98%;color:#929292;font-size:14px;text-transform:uppercase}
.wpcf7-form label{width:98%;margin-bottom:21px;color:#929292;font-size:14px;text-transform:uppercase}
.wpcf7-form input,.wpcf7-form textarea{width:100%;font-size:16px;outline:0;border:none;border-bottom:2px solid #cecece;transition:.3s}
.wpcf7-form input:focus,.wpcf7-form textarea:focus{font-size:16px;border:none;border-bottom:2px solid #4e5358;outline:#fff;transition:.3s}
.wpcf7-submit{margin-bottom:40px;border-bottom:none!important;background:0 0;font-size:16px!important;font-weight:500;text-transform:uppercase;text-align:left;border:none;outline:#fff!important}
div.wpcf7 .wpcf7-form-control{max-width:100%}
.wpcf7 select{width:100%}
.wpcf7-text{width:100%}
/*--------------------------------------------------------------
## WordPress Basics style
--------------------------------------------------------------*/
.alignnone{margin:5px 0 20px 0}
.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
a img.alignright{float:right;margin:5px 0 20px 20px!important}
a img.alignnone{margin:5px 0 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0!important}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}
.wp-caption.alignnone{margin:5px 0 20px 0}
.wp-caption.alignleft{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.modal-content{background-color:var(--main-bg-color)}
.close{color:var(--main-color);text-shadow:none;transition:0.3s}
.io-close:hover{color:var(--main-color);opacity:1}
/*评论*/ 
section#comments{margin-top:40px}
#comments-list-title{font-size:14px;font-weight:300;padding-bottom:20px;border-bottom:1px solid rgba(183,183,183,0.1);margin-bottom:0px;margin-top:0}
#comments-list-title i{color:var(--theme-color);margin-right:10px;font-size:21px}
#comments-list-title a{font-size:19px;color:#6D6D6D;letter-spacing:1px;font-weight:700}
.comarea{overflow:hidden;margin:20px 0}
.visitor-avatar{float:left;height:50px;max-width:50px;margin-top:11px;margin-left:0px}
.visitor-avatar img{width:50px;height:50px;border-radius:50%}
form#commentform{padding:20px 0;margin-bottom:30px;/*border-bottom:1px solid rgba(95, 132, 144, 0.15)*/}
#comment-author-info{width:100%;float:right}
.comment-text{width:49.6%;padding:10px;outline:0;font-size:12px;border:0;border-radius:.22rem;margin-bottom:10px;background-color:rgba(150, 150, 150, 0.15)}
textarea#comment{width:90%;float:right;height:72px}
input#submit,.btn-danger{background:var(--theme-color);padding:8px 15px;border:none;color:#fff;outline:0;-webkit-transition:.15s ease-out;transition:.15s ease-out;border-radius:5px;box-shadow:0px 5px 20px -3px var(--shadow-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
input#submit:hover,a#cancel-comment-reply-link:hover,.btn-danger:hover{color:#fff;background:#080808;background:#080808;box-shadow:0px 5px 20px -3px rgba(37, 44, 65, .33) !important}
a#cancel-comment-reply-link{color:#fff;background-color:rgba(150, 150, 150, 0.5);border-color:rgba(150, 150, 150, 0.5);border-radius:0.22rem;white-space:normal;padding:10px 15px;font-size:17px;margin-right:10px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.comments-main ul{margin:0;padding:0;list-style:none}
.comments-main ul li{margin-bottom:30px;/*border-bottom:1px solid rgba(95, 132, 144, 0.15)*/}
.comments-main li ul li{margin-bottom:0;border-bottom:none}/*;margin-left:15px}*/
.comments-main ul li .comment_body{overflow:hidden}
.comment .profile{float:left;margin-right:10px}
.comment .profile img{border-radius:50%;width:40px;height:40px}
.comment h4 img{display:none;border-radius:50%;float:left}
h4.author{font-size:12px;font-weight:300;margin:0}
h4.author a{color:var(--body-color);padding:3px 8px;background:rgba(156, 156, 156, 0.15);border-radius:3px;transition:.3s}
h4.author a:hover{border-radius:10px}
i.iconfont.is-author{font-size:12px;color:#7F70FF;cursor:pointer;position:relative;top:1px}
span.rank{font-size:10px;color:#aaa;cursor:pointer}
h4.author i{color:#cecece;font-size:13px}
a.comment-reply-link{color:#aaa;font-size:12px;margin-left:10px;float:right}
.commentwrap .left{float:left}
.commentwrap .right{float:right;font-size:12px;color:#aaa}
.comment .commeta{font-size:16px;padding-bottom:10px;overflow:hidden;margin-bottom:5px;color:#9499a8;padding-top:10px}
.comment .body{margin-left:60px;font-size:16px;line-height:32px;color:#63686d}
.comment .body p{font-size:14px;line-height:24px;color:#63686d;letter-spacing:1px}
.comment .body .cl-approved{font-size:14px;line-height:32px;color:#63686d;letter-spacing:1px;padding-left:10px}
#comments hr{background:rgba(95, 132, 144, 0.15)}
.commentwrap li ul li .comment-respond,.commentwrap li ul li .comment_body,.commentwrap li ul li .ajax-notice{padding-left:30px;margin-left:23px;border-left:3px solid rgba(150, 150, 150, 0.2)}
.comment .children .profile img{height:36px;width:36px;margin-top:5px}
p.loginby{font-size:14px;color:#525252}
p.loginby a{color:#C3C3C3}
ol.commentwrap{list-style:none;padding:0;overflow:hidden}
.ajax-notice{font-size:13px;background:rgba(95,109,63,0.1);padding:10px 20px;color:#8A8A8A}
.comarea #error{float:left;width:100%;margin-top:10px;font-size:15px;color:#FF6A6A}
.comarea #textloading{float:left;width:100%;margin-top:10px;font-size:15px;color:#43b517}
.comarea #loading{float:left;width:100%;margin-top:10px;font-size:14px;color:#FF6A6A;text-align:center}
.cancel-comment-reply a{color:#FFF!important;font-size:12px;background:#4C4C4C;padding:8px 10px;border-radius:2px}
.comload{background:url(../images/comload.gif);width:80px;height:40px;display:inline-block;margin-top:10px}
.sub-yes{background:url(../images/yes.png);width:20px;height:20px;display:inline-block;background-size:cover;float:left;margin-right:10px;background-repeat:no-repeat}
.sub-no{background:url(../images/no.png);width:24px;height:24px;display:inline-block;background-size:cover;float:left;margin-right:10px;background-repeat:no-repeat}
.sub-load{display:inline-block;padding:0;margin-right:10px;width:20px;height:20px;border:3px solid;border-radius:50%;vertical-align:sub;border-top-color:#43b517;border-bottom-color:rgba(150,150,150,.2);border-left-color:#43b517;border-right-color:rgba(150,150,150,.2);-webkit-animation:btnloader 1s ease-in-out infinite;animation:btnloader 1s ease-in-out infinite}
#loading-comments{display:none;width:100%;height:45px;background:url(../images/comload.gif);text-align:center;background-repeat:no-repeat;background-position:center}
#comments-navi{margin:10px 0}
#comments-navi span{padding:0 5px;color:#719FC5}
.vip1,.vip2,.vip3,.vip4,.vip5,.vip6,.vip7{font-size:12px;color:#BFBFBF!important}
.not-comment{text-align:center;background:rgba(95, 132, 144, 0.15);padding:10px 0;border-radius:12px}
.not-comment .nothing{background:url(../images/nothing.png) no-repeat center;background-size:contain;height:70px;margin-bottom:0px}
.commclose{text-align:center;padding:20px;background:rgba(30, 64, 132, 0.15);margin:20px 0 60px;color:#5e6d88;border-radius:12px}
.comment-form-validate{padding-top:6px;margin-right:10px;font-size:24px;line-height:1}
.comment-form-validate .ma-checkbox-label{margin-bottom:0}
.comment-form-validate input[type=checkbox]{visibility:hidden;display:none}
.comment-form-validate span{width:2em;height:1em;position:relative;cursor:pointer;display:block}
.comment-form-validate span:before{content:'';position:absolute;width:2em;height:1em;left:.1em;top:0em;transition:background .1s .1s ease;background:rgba(150,150,150,0.3);border-radius:50px}
.comment-form-validate span:after{content:'';position:absolute;width:1em;height:1em;left:0;transition:all .2s ease;background:#151617;border-radius:100%;z-index:2;animation:switch-off .4s ease-out forwards}
.comment-form-validate input[type=checkbox]:checked+span:before{background:rgba(150,150,150,0.3)}
.comment-form-validate input[type=checkbox]:checked+span:after{left:1.1em;background:#6299FF;animation:switch-on .4s ease-out forwards}
.footer-tools{position:fixed;bottom:40px;right:10px;z-index:1040;text-align:center;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
.comment_body .box-img{display:block;max-width:280px;max-height:310px;width:auto;height:auto}
.com-btn{font-size:24px;color:rgba(150,150,150,.6);padding:1px 8px;margin-left:4px;border-radius:var(--theme-border-radius-md)}
.com-btn:hover{color:var(--theme-color);background:var(--main-bg-color)}
.dl{margin-top:-1.5px;width:80%;height:3px;background:#888;border-radius:3px;opacity:.3;transition:.4s;margin:auto}
.dlb:hover .dl{width:90%;background:var(--theme-color);opacity:1;box-shadow:0 1px 6px var(--shadow-color)}
.dl-text{position:relative;display:flex;justify-content:space-evenly;align-items:center;color:#888;text-align:center;font-size:12px;margin:20px 0}
.dl-text::before,.dl-text::after{content:"";width:33%;height:1px;background:#888;opacity:.5}
.upload-box{cursor:pointer;transition:.3s}
.upload-box:hover.bg-light{background:rgba(118,124,128,0.1) !important}
.footer-tools a{border:0;font-family:inherit;font-size:100%;font-style:inherit;margin:0;padding:0;vertical-align:baseline}
.footer-tools a{background:rgba(55,55,55,0.8);font-size:20px;color:var(--btn-blur-color);width:40px;height:40px;line-height:40px;text-align:center;margin-top:6px;display:block;border-radius:25px;transition:.2s}
.footer-tools a:hover{border-radius:var(--theme-border-radius)}
.footer-tools .tools-btn{display:none}
.button{margin-top:5px;margin-bottom:20px}
.button a:active,.button a:visited{color:#fff}
.button i{margin-right:5px}
.buttontop-top{overflow:hidden;visibility:hidden;opacity:0;white-space:nowrap}
.buttontop-top.buttontop-is-visible{visibility:visible;opacity:1}
.buttontop-top:hover{opacity:1;color:#262626!important;text-decoration:none!important}
.button-fx:hover{color:#fff!important;background-color:var(--theme-color)} 
.button-fx:before, .button-fx:after{position:absolute;content:'';display:block;width:140%;height:100%;left:-20%;z-index:-1000;transition:all ease-in-out 0.5s;background-repeat:no-repeat}
.button-fx:before{display:none;top:-75%;background-image:radial-gradient(circle, var(--theme-color) 20%, transparent 20%), radial-gradient(circle, transparent 20%, var(--theme-color) 20%, transparent 30%), radial-gradient(circle, var(--theme-color) 20%, transparent 20%), radial-gradient(circle, var(--theme-color) 20%, transparent 20%), radial-gradient(circle, transparent 10%, var(--theme-color) 15%, transparent 20%), radial-gradient(circle, var(--theme-color) 20%, transparent 20%), radial-gradient(circle, var(--theme-color) 20%, transparent 20%), radial-gradient(circle, var(--theme-color) 20%, transparent 20%), radial-gradient(circle, var(--theme-color) 20%, transparent 20%);background-size:10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%}
.button-fx:after{display:none;bottom:-75%;background-image:radial-gradient(circle, var(--theme-color) 20%, transparent 20%), radial-gradient(circle, var(--theme-color) 20%, transparent 20%), radial-gradient(circle, transparent 10%, var(--theme-color) 15%, transparent 20%), radial-gradient(circle, var(--theme-color) 20%, transparent 20%), radial-gradient(circle, var(--theme-color) 20%, transparent 20%), radial-gradient(circle, var(--theme-color) 20%, transparent 20%), radial-gradient(circle, var(--theme-color) 20%, transparent 20%);background-size:15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%} 
.button-fx:active{background-color:var(--theme-color)}
.button-fx.animate:before{display:block;animation:topBubbles ease-in-out 0.75s forwards}
.button-fx.animate:after{display:block;animation:bottomBubbles ease-in-out 0.75s forwards}
@keyframes topBubbles{
  0%{background-position:5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%}
  50%{background-position:0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%}
  100%{background-position:0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;background-size:0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%}
}
@keyframes bottomBubbles{
  0%{background-position:10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%}
  50%{background-position:0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%}
  100%{background-position:0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;background-size:0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%}
}
.reward_hide_box{z-index:49;background:rgba(10,10,10,.45);opacity:0;left:0;top:0;height:100%;width:100%;position:fixed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all 0.3s}
.reward > .popup{border-radius:12px}
.reward > .popup p{margin:0}
.reward > .wechat{background:#05af4e}
.reward > .alipay{background:#00a2ea}
.reward > .hongbao{background:#dd5746}
.reward > .popup > .head{text-align:center;padding-top:30px}
.reward .reward-show{display:block;-webkit-animation-name:tips-open;animation-name:tips-open}
.reward .reward-close{display:block;-webkit-animation-name:tips-close;animation-name:tips-close}
.reward_hide_box.reward-show{opacity:1}
.reward .popup .head p{color:#fff!important}
.reward .qrcode{text-align:center}
.reward .qrcode img{margin:30px auto;width:80%}
.reward ul.platform{padding:0!important;margin:0!important;text-align:center;background:#FFF;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}
.reward ul.platform li:hover{filter:grayscale(50%)}
.reward ul.platform li{display:inline-block;cursor:pointer;margin:5px;filter:grayscale(100%)}
.reward ul.platform li.active{font-weight:600;filter:grayscale(0%)}
.reward ul.platform li.icon-wechat{background:url(../images/wechat.svg) no-repeat center center;width:31px;height:31px;background-size:cover;transition:all 0.3s}
.reward ul.platform li.icon-alipay{background:url(../images/alipay.svg) no-repeat center center;width:30px;height:30px;background-size:cover;transition:all 0.3s}
.reward ul.platform li.icon-hongbao{background:url(../images/hongbao.svg) no-repeat center center;width:31px;height:31px;background-size:cover;transition:all 0.3s}
.post-reward_btn{font-family:'Helvetica', 'Arial', sans-serif;position:relative;display:block;width:50px;height:50px;background:linear-gradient(60deg, var(--theme-color), var(--theme-color2));color:white;margin:5px auto 15px auto;border-radius:50px;line-height:50px;text-align:center;font-size:x-large;text-decoration:none;transition:all ease-in 0.2s, box-shadow ease-in 0.25s}
.post-reward_btn:hover{color:#fff;opacity:0.8;background:linear-gradient(60deg, var(--theme-color2), var(--theme-color)); box-shadow:0 8px 15px var(--shadow-color)}
#whisper{position:fixed;bottom:42px;right:65px;min-width:200px;min-height:40px;max-width:500px;margin-left:50px;z-index:10;border-radius:15px;background:var(--theme-color);background:-webkit-gradient(linear, left top, right top, from(var(--theme-color)), to(var(--theme-color2)));background:-webkit-linear-gradient(left, var(--theme-color), var(--theme-color2));background:linear-gradient(90deg, var(--theme-color), var(--theme-color2));-webkit-box-shadow:0 15px 20px rgba(31,45,61,.2);box-shadow:0 15px 20px rgba(31,45,61,.2);-webkit-transform-origin:calc(100% + 10px) calc(100% - 18px);transform-origin:calc(100% + 10px) calc(100% - 18px);-webkit-transition:.5s cubic-bezier(.5,1.65,.5,1);transition:.5s cubic-bezier(.5,1.65,.5,1)}
#whisper .shuo_time{position:absolute;color:#fff;font-size:12px;left:0px;top:-22px;border-radius:10px;padding:0 10px;background:var(--theme-color2)}
#whisper .shuo_more{position:absolute!important;left:-45px;top:0px;width:40px} 
#whisper .shuo_more a{display:block;color:#fff!important;text-align:center;line-height:40px;font-size:20px;width:40px;height:40px;border-radius:50%;background:var(--theme-color);transition:.3s} 
#whisper .shuo_more a:hover{background:var(--theme-color2)}
#whisper .shuo_time:after{content:"";position:absolute;right:-15px;top:4px;height:10px;width:10px;border-radius:50%;background:var(--theme-color)}
#whisper .whisper_details{color:#fff}
#whisper .whisper_details:hover{color:#fff;text-shadow:0 0 5px #fff}
#chatTemplate{color:#fff;max-height:400px;overflow:auto;-webkit-overflow-scrolling:touch;padding:8px 15px}
#chatTemplate p{margin:0;padding:0}
#whisper.unavailable{visibility:hidden;-webkit-transform:scale(0);transform:scale(0);opacity:0}
#whisper:after{content:"";position:absolute;right:-8px;bottom:5px;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:12px solid var(--theme-color2)}
#whisper .shuo_more .circle{width:100%;height:100%;position:absolute;z-index:-1;border-radius:50%;opacity:0;background:var(--theme-color) ;animation:circle-opacity 2s infinite}
@keyframes circle-opacity{
  from{opacity:1;transform:scale(1)}
  to{opacity:0;transform:scale(2)}
}
.home-tab-menu{overflow-x:auto;white-space:nowrap;overflow-y:unset;height:50px;margin-bottom:-20px!important}
.list-ajax-nav ul{list-style:none;margin:0;padding:0}
.list-ajax-nav ul li{display:inline-block;color:#393E46;flex-shrink:0;margin:0}
.list-ajax-nav ul li+li{margin-left:5px}
.list-ajax-nav ul li.btn{position:relative;font-size:12px;padding:2px 8px;border-width:0;text-decoration:none!important}
.list-ajax-nav ul li.btn-link.active{color:#fff!important;background-color:var(--theme-color);border-color:var(--theme-color);box-shadow:0px 5px 20px -3px var(--shadow-color)}
.list-ajax-nav ul li.btn-link:hover{color:#fff;background:#232831;text-decoration:none;box-shadow:none}
.list-ajax-nav ul li.btn.active:after{content:'';position:absolute;top:100%;right:0;left:0;width:14px;margin:auto;border-top:5px solid var(--theme-color);border-right:7px solid transparent;border-bottom:5px solid transparent;border-left:7px solid transparent;transition:0.2s}
.list-ajax-nav ul li.btn.active:hover::after{border-top:5px solid #232831}
@media screen and (min-width:1200px){
.single-title-zone.ws-sr{margin-left:42px}
.single-title-zone.ws-sl{margin-left:30%}
.btn-load-more-posts{margin-left:110px}
}
@media screen and (max-width:1199.98px){
.card-img-overlay .pass-title{width:calc(100% - 200px)}
.card-img-overlay .pass-img img{width:200px; height:133px}
.single-title-zone.ws-sr{margin-left:15px;margin-right:15px}
.sl .post .entry-content blockquote{margin-left:0;padding:20px 15px 35px 0!important}
.sl .post .entry-content blockquote p{margin-left:0;margin-right:5%}
}
@media screen and (min-width:992px) and (max-width:1199.98px){.single-title-zone.ws-sl{margin-left:25%}
}
@media screen and (min-width:992px){
.blog-post-text-zone{margin-top:0}
.sl .sidebar{text-align:right}
.element-is-sticky.scrolled.shifted{transform:translateY(100px)}
}@media screen and (max-width:991.98px){
.page .page-title{margin:0 0 25px 6px}
.blog-post h2{font-size:1.42rem;line-height:29px}
.blog-post p{font-size:15px;color:#909090;line-height:25px}
.single-title-zone h1{font-size:22px;line-height:30px}
.blog-post .meta,.blog-post .meta a{font-size:14px}
.load-more-posts-container{margin:25px auto 30px auto}
.site-title{margin-bottom:22px}
.site-content .site-title{font-size:28px}
.site-title h1{font-size:30px}
.site-title p{width:100%;font-size:15px;line-height:25px}
.sidebar{margin:27px auto 50px auto}
.title-tag{margin-left:2px;margin-bottom:21px}
.title-tag.comment-tag{margin-bottom:15px}
.footer-tools .tools-btn{display:block}
}@media screen and (min-width:906px) and (max-width:991.98px){
}@media screen and (min-width:768px){
.comment .profile img{width:50px;height:50px}
.comment .children .profile img{height:46px;width:46px}
.slice.cms_top .card{flex-basis:200px}
.blog-post .meta{position:absolute;bottom:0;margin-bottom:0}
}@media screen and (min-width:768px) and (max-width:1199.98px){.related-posts .custom-card .card .card-title a{font-size:18px;line-height:23px}
}@media screen and (max-width:767.98px){
.footer-tools li a{font-size:16px;width:35px;height:35px;line-height:35px}
.card-img-overlay .pass-title{width:100%}
.card-img-overlay .pass-img{display:none}
.embed-body{margin:20px 20px}
.embed-card-info .card-abstract{display:none}
.blog-post-text-zone{margin-top:25px}
input#qq,input#author,input#email,input#url{width:100%;margin-bottom:10px}
section#comments{padding:20px 0}
form#commentform{padding:20px 0}
textarea#comment{width:86%}

}@media screen and (min-width:650px) and (max-width:906.98px){
}@media screen and (min-width:576px) and (max-width:991.98px){.related-posts .custom-card .meta-zone .date{display:block;margin-left:28px}
.related-posts .custom-card .meta-zone .author,.related-posts .custom-card .meta-zone .date{font-size:12px}
}@media screen and (min-width:576px) and (max-width:767.98px){
.related-posts .custom-card .card .card-title a{bottom:12px;font-size:16px;line-height:19px}
.slice.cms_top .card{flex-basis:380px}
}@media screen and (max-width:575.98px){.margin-l-r{margin-left:0!important;margin-right:0!important}
.page .entry-content figure img, .post .entry-content img{max-width:100%}
footer .main-navigation li{margin-right:19px}
.btn-load-more-posts{padding:15px 45px 15px 45px;font-size:14px;text-transform:capitalize} 
.blog-post{margin-bottom:35px}
.blog-post-thumbnail-zone,.blog-post-thumbnail-zone img{height:180px!important}
.blog-post-text-zone{margin-top:25px}
.container .single-thumbnail-card .card-img-overlay{padding:0 20px 20px 20px}
.single-title-zone h1{margin-top:5px;margin-bottom:10px;letter-spacing:0}
.single-top-area{margin:23px auto 21px auto}
.single-top-area .author,.single-top-area .author-info{float:none;display:block}
.single-title-zone .category{font-size:16px}
.single-thumbnail-pass,.single-thumbnail-pass-inside{height:350px}
.single-thumbnail,.single-thumbnail-inside,.single-thumbnail-burl-pass .single-thumbnail-pass-inside{height:300px}
.single-top-area .author img{width:45px;height:45px;margin-right:15px}
.entry-content{word-wrap:break-word}
.entry-content dl,.entry-content li:not(.btn){margin-bottom:20px;font-size:17px;letter-spacing:.1px;text-align:left;line-height:28px}
.entry-content li{margin-bottom:0}
.post .entry-content h1{font-size:1.8rem}
.post .entry-content h2{padding-top:7px;font-size:1.5rem;margin-bottom:13px}
.post .entry-content blockquote{border-left:5px solid rgba(150, 150, 150, 0.2)}
.post .entry-content img{margin-top:23px;margin-bottom:43px}
.post .tags{margin:25px auto 22px auto}
.ws .related-posts{margin-bottom:30px}
.related-posts{margin-bottom:35px}
.related-posts .custom-card{margin-bottom:30px}
.related-posts .custom-card .meta-zone{margin:15px 0 0 19px}
.related-posts .custom-card .meta-zone span{font-size:13px}
.title-tag{font-size:35px}
footer .main-navigation{margin-bottom:35px}
.embed-body{margin:15px 0}
textarea#comment{width:80%}
}
@media screen and (min-width:576px){
.related-posts .custom-card{display:flex;flex:1 0 0%;flex-direction:column;margin-bottom:0}
.related-posts .card-deck .custom-card .card{flex:none}
}
@media screen and (min-width:576px) and (max-width:650.98px){
}
.list-select{opacity: 0.6;transition: all 0.3s ease;}
.list-select.active{opacity: 1;color: var(--theme-color);}
.list-select:hover{opacity: 1;}
.list-select+.list-select::before {content: '';width: 4px;height: 4px;margin: 0 .5em;border-radius: 50%;display: inline-block;background: var(--btn-blur-color);vertical-align: .2em;}
.list-select-line{content: '';width: 1px;height: 0.6em;margin: 0 .5em;display: inline-block;background: var(--btn-blur-color);opacity: .8;}
/**/
.wechat{position:relative}
.wechatimg{position:absolute;z-index:999;visibility:hidden;width:121px;height:121px;padding:10px;background:#383A3F;border-radius:var(--theme-border-radius);-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);-webkit-transition:.2s all ease;-moz-transition:.2s all linear;-o-transition:.2s all ease;-ms-transition:.2s all ease;transition:.2s all ease;opacity:0}
.wechatimg.menu{top:30px;left:-45px}
.wechatimg.footer{bottom:50px;left:-45px}
.wechatimg.tools{bottom:-30px;right:50px}
.wechat:hover .wechatimg{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);opacity:1;visibility:visible}
.wechatimg img{max-width:100%;height:auto;vertical-align:middle;border-radius:var(--theme-border-radius-md)}
.wechatimg:before{content:"";position:absolute;display:block;border-style:solid}
.wechatimg.menu:before{border-width:0 10px 10px;border-color:transparent transparent #383A3F;top:-10px;margin-left:-10px;left:50%}
.wechatimg.footer:before{border-width:10px 10px 0;border-color:#383A3F transparent transparent;margin-left:-10px;bottom:-10px;left:50%}
.wechatimg.tools:before{border-width:10px 0 10px 10px;border-color:transparent transparent transparent #383A3F;margin-top:-10px;right:-10px;top:50%}

/* */
.poster-share-ico{margin:5px 0;text-align:center}
.poster-share-ico a{height:18px;padding:3px 7px;font-size:12px;line-height:18px;color:#24a0f0;border:1px solid #24a0f0;border-radius:18px}
.poster-share-ico a:hover{color:#fff;opacity:0.8;background-color:#24a0f0}
.poster-content{position:fixed;z-index:9999;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;pointer-events:none; }
.poster-content, .dialog_overlay{top:0;left:0;width:100%;height:100%}
.poster-share{position:relative; z-index:5;padding:4em;width:50%;max-width:560px;min-width:290px;border-radius:6px;background:#fff;text-align:center;opacity:0;box-shadow:0 10px 50px -5px rgba(0,0,0,.2);-webkit-transition-duration:.3s;transition-duration:.3s}
.poster-bigger-cover{padding:25px;width:100%;max-width:720px}
.poster-image{position:relative;transition:all .3s}
.poster-image img{max-width:100%;border:1px solid rgba(113, 113, 113, 0.17);background:#fff}
.load-bigger-img{top:48%;margin:auto}
.image-loading{position:absolute;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;pointer-events:none;width:100%;height:100%;top:0;left:0}
.image-loading i{display:inline-block;padding:0;width:30px;height:30px;border:3px solid;border-radius:100%;vertical-align:middle;border-top-color:#000;border-bottom-color:rgba(0,0,0,.1);border-left-color:#000;border-right-color:rgba(0,0,0,.1);-webkit-animation:btnloader 1s ease-in-out infinite;animation:btnloader 1s ease-in-out infinite}
@keyframes btnloader{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
@-webkit-keyframes btnloader{
  from{-webkit-transform:rotate(0deg)}
  to{-webkit-transform:rotate(360deg)}
}
.poster-right{transition:all .3s}
.poster-right h3{font-size:22px;display:block;transition:all .3s}
.poster-share .poster-right{top:0;right:0;display:flex;transition:all .3s;bottom:55px;flex-direction:column;justify-content:center;align-items:center;border-left-width:0}
@media (max-width:767.98px){
.poster-share{width:70%;min-width:auto;padding:0 0 55px}
.poster-share .poster-image img{border:0;border-radius:6px 6px 0 0;background:#fff}
.poster-share .poster-right{position:absolute;z-index:-1;opacity:0}
.poster-image{min-height:360px}
.poster-share .poster-right.open{top:0;z-index:2;border:0;background:rgba(78,81,92,.8);border-radius:6px 6px 0 0;opacity:1}
.poster-share .poster-right.open p,.poster-share .poster-right.open h3{color:#FFF}
.action-share{position:absolute;bottom:0;left:0;width:100%;height:55px;-webkit-box-shadow:0 -1px 20px rgba(0,0,0,.1);-moz-box-shadow:0 -1px 20px rgba(0,0,0,.1);box-shadow:0 -1px 20px rgba(0,0,0,.1);color:#000;line-height:60px;-ms-box-shadow:0 -1px 20px rgba(0,0,0,.1);-o-box-shadow:0 -1px 20px rgba(0,0,0,.1)}
.action-share button{padding:5px 16px;border:0;background-color:transparent;line-height:1}
.action-share button.btn-close-share{display:none;font-size:20px}
#whisper{bottom:38px;right:55px}
}	
@media (min-width:767px){
.poster-share .action-share{display:none}
}
.poster-btns{ margin:28px auto 10px; }
.poster-btns a{position:relative;display:block;margin:20px auto;width:140px;height:36px;border-radius:20px;font-size:16px;color:#fff;line-height:36px;background:#ff5e52;transition:all .3s}
.poster-btns a:hover{color:#fff;background:#333 !important;box-shadow:0px 5px 15px rgba(0,0,0,0.3)}
.poster-btns a:visited{color:#fff}
.poster-button-1{background:#8652da !important}
.poster-button-2{background:#ff5e52 !important}
.poster-button-3{background:#e6b20a !important}
.poster-button-4{background:#65c554 !important}
.poster-button-5{background:#45b6f7 !important}
.poster-close{position:absolute;bottom:-55px;left:0;display:inline-block;width:100%;color:#979797;font-size:24px;cursor:pointer}
.poster-close:hover{color:#f54848; }
.poster-back{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(10, 10, 10, 0.4);opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-transition-duration:.3s;transition-duration:.3s;    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.poster-open{opacity:1;visibility:inherit;pointer-events:auto}
.close-but{background:#fff;width:40px;height:40px;margin:0 auto;line-height:40px;border-radius:50px}
/*分享*/
.post-like.current{background:#252c41;border-color:#252c41;box-shadow:0px 5px 20px -3px rgba(37, 44, 65, .33) !important}
.post-social{position:absolute;height:100%;opacity:1;margin-left:-60px;transition:opacity .2s ease-in;left:0;width:40px}
.post-social li{position:relative;text-align:center;display:block;font-size:1.25rem}
.post-social li a{display:block;line-height:40px}
.post-social-bottom li a{display:block;line-height:40px;border:unset}
@media (min-width:768px) and (max-width:991.98px){.post-social{margin-left:-45px}}
/*分享按钮*/
.btn.qq{color:#3d93e0!important}
.btn.weibo{color:#e24040!important}
.btn.weixin{color:#20b767!important}
.btn.douban{color:#2588d8!important}
.btn.image{color:#e678e0!important}
.btn-primary{background-color:var(--theme-color)!important;border-color:var(--theme-color)!important;box-shadow:0px 5px 20px -3px var(--shadow-color) !important}
.btn-primary.liked{background:#252c41!important;border-color:#252c41!important;box-shadow:0px 5px 20px -3px rgba(37, 44, 65, .33) !important}
.btn-primary:hover{color:#fff;background-color:#222831!important;border-color:#222831!important;box-shadow:0px 5px 20px -3px rgba(37, 44, 65, .33) !important}
.theiaStickySidebar .count{position:absolute;left:24px;top:5px;padding:0 5px;height:16px;border-radius:8px;background-color:var(--theme-color);font-size:12px;line-height:16px;text-align:center;color:#fff;font-weight:600}
.pt-2 .btn-light,.py-1 .btn-light{background-color:#ffffff;border:unset}
.px-1 .btn-light:hover, .py-1 .btn-light:hover, .pt-2 .btn-light:hover,.px-1 .btn-light:focus, .py-1 .btn-light:focus, .pt-2 .btn-light:focus{color:#fff;background-color:#222831;border-color:#222831;box-shadow:0px 5px 20px -3px rgba(37, 44, 65, .33)}
.like.btn-light.liked,.ioc-dark-mode .like.btn-light.liked:hover{color:#999;background-color:#333;border-color:#333}
.btn-light:not(:disabled):not(.disabled):active:focus,.py-1 .btn-light:not(:disabled):not(.disabled):active:focus,.pt-2 .btn-light:not(:disabled):not(.disabled):active:focus{box-shadow:none}
/*Size*/
.w-32{width:32px !important;height:32px !important;font-size:0.85em}/**/
.w-36{width:36px !important;height:36px !important;font-size:0.875em}
.w-40{width:40px !important;height:40px !important}/**/
.w-48{width:48px !important;height:48px !important}/**/
.w-56{width:56px !important;height:56px !important}/**/
.friendlink a{position:relative;display:inline-block;margin:.25rem .5rem .25rem .25rem;color:#aaa;font-size:14px}
.friendlink a:before{content:'\2022';display:inline-block;position:relative;margin-right:5px}
.friendlink .text-lg{color:var(--theme-color) !important}
.at{color:#fff;font-size:13px;margin-right:5px;padding:1px 5px;background:var(--theme-color);border-radius:3px;transition:.3s}
.at a{color:#fff}
.at:hover{color:#fff;border-radius:10px}
.at:hover a{color:#fff!important}
.no-scrollbar{-ms-overflow-style:none;overflow:-moz-scrollbars-none;scrollbar-width:none}
.no-scrollbar::-webkit-scrollbar{display:none}
/*文章分页*/
#comments-navi,.nav-links{text-align:center;margin-bottom:30px;margin-top:50px;width:100%}
#comments-navi>span,#comments-navi>a,.nav-links>span,.nav-links>a{position:relative;display:inline-block;background-color:rgba(150, 150, 150, 0.16);font-size:0.75rem;border-radius:0.325rem;min-width:35px;height:35px;padding:0 5px;line-height:35px;margin:0 2px;-webkit-transition:.2s ease-out;transition:.2s ease-out}
#comments-navi>a:hover,#comments-navi>.current,.nav-links>a:hover,.nav-links>.current{z-index:2;color:#fff !important;background-color:var(--theme-color);box-shadow:0px 5px 20px -3px var(--shadow-color)}
/*提示*/
.ioc-bomb,.ioc-bomb-overlay{width:100%;height:100%;top:0;left:0}
.ioc-bomb{position:fixed;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;pointer-events:none}
.ioc-bomb-open{z-index:1080}
.ioc-bomb-overlay{position:absolute;background:rgba(10, 10, 10, .4);opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-duration:0.3s;transition-duration:0.3s}
.ioc-bomb-open .ioc-bomb-overlay{opacity:1;pointer-events:auto}
@supports (-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px)){
.ioc-bomb-open .ioc-bomb-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}
.ioc-bomb-body{position:relative;opacity:0;max-width:340px;width:100%}
.ioc-bomb-open .ioc-bomb-body{pointer-events:auto}
.ioc-bomb-xl .ioc-bomb-body{width:100%;max-width:790px}
.ioc-bomb-lg .ioc-bomb-body{width:100%;max-width:790px}
.ioc-bomb-md .ioc-bomb-body{max-width:340px;width:100%}
.ioc-bomb-sm .ioc-bomb-body{max-width:300px;width:auto}
.ioc-bomb-reward .ioc-bomb-body{max-width:270px}
.ioc-bomb-content{background:#fff;padding:1.25rem;position:relative;overflow:hidden;border-radius:12px;border:1px solid #f4f5f9;box-shadow:0 10px 50px -5px rgba(6, 39, 67, 0.12);transition:.3s}
.ioc-bomb-xl .ioc-bomb-content{padding:0;border:0}
.ioc-bomb-lg .ioc-bomb-content{padding:0;border:0;border-radius:0}
.ioc-bomb-sm .ioc-bomb-content{padding:2rem;padding:1.75rem 2.5rem}
.ioc-bomb-nopd .ioc-bomb-content{padding:0;border:0}
@media (max-width:991.98px){
.ioc-bomb-xl .ioc-bomb-body{height:100%}
.ioc-bomb-xl .ioc-bomb-body .ioc-bomb-content{box-shadow:none;border-radius:0;height:100%}
.ioc-bomb-xl .btn-close-bomb{transform:translateY(-50%)}
.ioc-bomb-xl .btn-close-bomb  svg path{fill:#888}}
.ioc-bomb-content .text-success svg path{fill:#28a745}
.ioc-bomb-content .text-danger svg path{fill:#ffc107}
.btn-close-bomb{position:absolute;bottom:0px;left:50%;margin-left:-16px;z-index:44;cursor:pointer;transform:translateY(150%)}
.btn-close-bomb svg path{fill:#fff;transition:.3s}
.btn-close-bomb:hover svg path{fill:var(--theme-color)}
/*提示动画*/
.ioc-bomb.ioc-bomb-open .ioc-bomb-body,.ioc-bomb.ioc-bomb-close .ioc-bomb-body{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.ioc-bomb.ioc-bomb-open .ioc-bomb-body{-webkit-animation-name:tips-open;animation-name:tips-open}
.ioc-bomb.ioc-bomb-close .ioc-bomb-body{-webkit-animation-name:tips-close;animation-name:tips-close}
@-webkit-keyframes tips-open{
0%{opacity:0;-webkit-transform:translate3d(0, 50px, 0)}
100%{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}
@keyframes tips-open{
0%{opacity:0;-webkit-transform:translate3d(0, 50px, 0);transform:translate3d(0, 50px, 0)}
100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}
@-webkit-keyframes tips-close{
0%{opacity:1;-webkit-transform:translate3d(0, 0, 0)}
100%{opacity:0;-webkit-transform:translate3d(0, 50px, 0)}}
@keyframes tips-close{
0%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
100%{opacity:0;-webkit-transform:translate3d(0, 50px, 0);transform:translate3d(0, 50px, 0)}}
/*封面*/
.ioc-bomb-cover .ioc-bomb-overlay{background:#788193}
.ioc-bomb-cover .ioc-bomb-content{overflow:unset}
.ioc-bomb-cover .image-loading,.ioc-bomb-reward .image-loading{position:unset;height:400px}
.ioc-bomb-cover .ioc-bomb-body{width:80%}
.tips-content-cover{max-width:340px;width:100%;padding:0;border:0;border-radius:.22rem}
.cover-image{position:relative;overflow:hidden;border-radius:.22rem .22rem 0 0;padding:10px 10px 0}
.cover-image img{max-width:100%;height:auto;border:1px solid rgba(136,136,136,.4)}
.cover-overlay{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-filter:blur(20px);filter:blur(20px);z-index:-1}
.cover-overlay:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.11}
.cover-share{text-align:center;padding:15px 10px}
.cover-share a{color:#8a92a9;padding:.25rem;margin:.25rem;font-size:1.125rem}
.cover-share a:hover{color:#062743}
.cover-text{text-align:center;position:absolute;top:0px;left:0;width:100%;z-index:44;cursor:pointer;transform:translateY(-36px);text-align:center;color:#fff;font-size:.875rem}
.tip.inlineBlock{display:inline-block}
.tip:before{font-weight:900;font-family:"iconfont";text-align:center}
.tip{position:relative;color:#fff;background:#20a0ff;background:-webkit-gradient(linear, left top, right top, from(#20a0ff), to(#20b8ff));background:-webkit-linear-gradient(left, #20a0ff, #20b8ff);background:linear-gradient(90deg, #20a0ff, #20b8ff);padding:6px 20px;border-radius:10px;-webkit-box-shadow:0 3px 5px rgba(32, 160, 255, .5);box-shadow:0 3px 5px rgba(32, 160, 255, .5);margin-bottom:25px;transition:.5s}
.tip>p{color:#fff!important;margin:5px 0!important}
.tip:before{background:#20a0ff;background:-webkit-gradient(linear, left bottom, left top, from(#0092ff), to(#20b8ff));background:-webkit-linear-gradient(bottom, #0092ff, #20b8ff);background:linear-gradient(0deg, #0092ff, #20b8ff);border-radius:50%;color:#fff;content:"\e91e";font-size:12px;position:absolute;width:24px;height:24px;line-height:24.5px;left:-12px;top:-12px;-webkit-box-shadow:0 0 0 2.5px #fff;box-shadow:0 0 0 2.5px #fff;animation-timing-function:ease-out;transition:cubic-bezier(0, 0, 0.2, 1) .5s}
.tip:hover::before{-webkit-animation:box 1s infinite ; animation:box 1s infinite}
@-webkit-keyframes box{
0%{top:-12px}
50%{top:-19px}
100%{top:-12px}}
@keyframes box{
0%{top:-12px}
50%{top:-19px}
100%{top:-12px}}
.tip ol{margin:0}
.tip.success{background:#61be33;background:-webkit-gradient(linear, left top, right top, from(#61be33), to(#8fce44));background:-webkit-linear-gradient(left, #61be33, #8fce44);background:linear-gradient(90deg, #61be33, #8fce44);-webkit-box-shadow:0 3px 5px rgba(104, 195, 59, .5);box-shadow:0 3px 5px rgba(104, 195, 59, .5)}
.tip.success:before{background:-webkit-gradient(linear, left bottom, left top, from(#52bb1d), to(#95d34b));background:-webkit-linear-gradient(bottom, #52bb1d, #95d34b);background:linear-gradient(0deg, #52bb1d, #95d34b);content:"\e67b"}
.tip.worning{background:#ff953f;background:-webkit-gradient(linear, left top, right top, from(#ff953f), to(#ffb449));background:-webkit-linear-gradient(left, #ff953f, #ffb449);background:linear-gradient(90deg, #ff953f, #ffb449);-webkit-box-shadow:0 3px 5px rgba(255, 154, 73, .5);box-shadow:0 3px 5px rgba(255, 154, 73, .5)}
.tip.worning:before{background:-webkit-gradient(linear, left bottom, left top, from(#ff8f35), to(#ffc149));background:-webkit-linear-gradient(bottom, #ff8f35, #ffc149);background:linear-gradient(0deg, #ff8f35, #ffc149);content:"\e71c"}
.tip.error{background:#ff4949;background:-webkit-gradient(linear, left top, right top, from(#ff4949), to(#ff7849));background:-webkit-linear-gradient(left, #ff4949, #ff7849);background:linear-gradient(90deg, #ff4949, #ff7849);-webkit-box-shadow:0 3px 5px rgba(255, 73, 73, .5);box-shadow:0 3px 5px rgba(255, 73, 73, .5)}
.tip.error:before{background:-webkit-gradient(linear, left bottom, left top, from(#ff3838), to(#ff7849));background:-webkit-linear-gradient(bottom, #ff3838, #ff7849);background:linear-gradient(0deg, #ff3838, #ff7849);content:"\e647"}
.content-hide-tips{position:relative;padding:40px 10px 10px;border:1px dashed rgba(155, 155, 155, .3);margin:20px 0;border-radius:8px;background-color:rgba(155,155,155,.05)}
.content-hide-tips i{font-size:30px;right:10px;top:5px;font-style:normal;color:rgba(155, 155, 155, .5);position:absolute} 
.content-hide-tips .content-hide-text{position:absolute;left:20px;top:10px}
.content-hide-tips .gray{font-size:12px;color:#90949c}
.content-hide-tips .btn{color:#eee;background-color:var(--theme-color)}
.content-hide-tips .btn:hover{color:#fff;background-color:var(--theme-color);box-shadow:0px 5px 20px -3px var(--shadow-color)} 
.content-hide-tips #pwbox{padding:2px 10px;background-color:rgba(155, 155, 155, .3);border-radius:4px;border:1px solid rgba(155, 155, 155, .3)}
.tab-group{position:relative; margin:10px 0 20px}
.tab-group section{opacity:0;height:0;padding:0 10px;overflow:hidden}
.tab-group section.active{opacity:1;height:auto;overflow:visible;padding:10px 10px;border:1px solid rgba(155, 155, 155, 0.3);border-top-width:5px;border-radius:0 5px 5px 5px}
.tab-nav{list-style:none;margin:0!important;padding:0 20px;height:35px;overflow:hidden}
.tab-nav li{display:inline;margin:0!important}
.tab-nav li a{top:1px;position:relative;background:rgba(155, 155, 155, 0.1);display:block;float:left;color:#888!important;line-height:35px;text-decoration:none;margin-right:5px;padding:0 15px;border-radius:5px 5px 0 0;transition:background .2s ease}
.tab-nav li a:hover{color:#111!important}
.tab-nav li.active a:hover{color:#111!important}
.tab-nav li.active a{background:rgba(155, 155, 155, 0.3);color:#444!important;line-height:35px}
/* .EnlighterJS代码高亮 */ 
.enlighter-default{margin-top:10px!important}
.enlighter-t-enlighter{background:#131415!important}
.enlighter-t-enlighter .enlighter-btn{color:#aaa!important;background-color:#4a4b4e!important;border-color:#4a4b4e!important}
.enlighter-t-enlighter .enlighter-btn:hover{color:#fff!important}
.enlighter-overflow-scroll.enlighter-v-standard{overflow-x:unset!important}
.enlighter-default{border-radius:8px;padding-top:30px!important;background:#efefef;margin-bottom:25px!important}
.enlighter-default .enlighter{display:block;max-height:500px;overflow:auto;background-color:#fdfdfd}
.enlighter-default::after{content:" ";position:absolute;-webkit-border-radius:50%;border-radius:50%;background:#c7c7c7;width:10px;height:10px;top:0;left:15px;margin-top:10px;-webkit-box-shadow:16px 0 #c7c7c7, 32px 0 #c7c7c7;box-shadow:16px 0 #c7c7c7, 32px 0 #c7c7c7;transition-duration:.3s}
.enlighter-default:hover::after{background:#fc625d;-webkit-box-shadow:16px 0 #fdbc40, 32px 0 #35cd4b;box-shadow:16px 0 #fdbc40, 32px 0 #35cd4b}
.enlighter-t-enlighter .enlighter-raw{padding-left:20px!important}
.enlighter-t-enlighter .enlighter-btn{transition:.3s}
.enlighter-t-enlighter.enlighter-hover div.enlighter>div:hover{color:#2b2b2b!important;background-color:#ffd7db!important}
.enlighter-default .enlighter-toolbar{top:4px!important}
.enlighter-t-enlighter.enlighter-linenumbers div.enlighter>div:FIRST-CHILD::before,.enlighter-t-enlighter.enlighter-linenumbers div.enlighter>div:LAST-CHILD::before{border-radius:0!important}
.enlighter-default .enlighter-btn-website{display:none!important}
.enlighter-t-enlighter .enlighter-k3{background-color:rgba(121, 121, 121, 0.12)!important}
.enlighter-footer{color:#888;padding:2px;font-size:12px;font-family:initial}
/* aplayer */ 
.aplayer{background:rgba(135, 135, 135, 0.08)!important;margin:5px 0 25px!important;box-shadow:none!important;border-radius:10px!important}
.aplayer.aplayer-withlrc .aplayer-pic{height:70px!important;width:70px!important;margin:10px;border-radius:5px}
.aplayer.aplayer-withlist .aplayer-info{border-bottom:none!important}
.aplayer .aplayer-lrc:before,.aplayer .aplayer-lrc:after{background:none!important}
.aplayer .aplayer-list ol li{border-top:1px solid rgba(152, 152, 152, 0.1)!important}
.aplayer .aplayer-list ol li:first-child{border-top:1px solid rgba(152, 152, 152, 0.1)!important}
.aplayer .aplayer-list ol li:hover{background:rgba(100, 100, 100, 0.2)!important} 
.aplayer .aplayer-list ol li.aplayer-list-light{background:rgba(100, 100, 100, 0.1)!important}
.aplayer .aplayer-info .aplayer-music,.aplayer .aplayer-lrc .aplayer-lrc-contents{cursor:unset!important}
.aplayer.aplayer-withlrc .aplayer-info{padding:10px 7px 0 0!important}
.shuo_tmlabel .aplayer{background:rgba(255,255,255,.4)!important}
.shuo_content .shuo_tmlabel .aplayer p,.shuo_content .shuo_tmlabel .aplayer{color:#333!important}

.small-menu{position:absolute;height:100%;opacity:1;margin-right:-230px;margin-top:0;right:0;width:200px}
.small-menu .small-menu-body{display:none;border:none;font-size:14px;line-height:18px;text-align:left}
.small-menu #small-menu-ul{list-style:none;margin-left:1px;padding:8px 0 16px 0;border-left:1px solid rgba(202,209,219,0.404);position:relative}
.small-menu .small-title{font-size:16px;margin-left:-7.5px}
.small-menu .small-title>i{margin-right:14px}
#small-menu-ul::after{content:"";position:absolute;width:9px;height:9px;background:#838383;left:-5px;bottom:0;border-radius:50%}
#small-menu-ul>li span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#small-menu-ul>li a{position:relative;color:#738192;background:transparent;line-height:20px;border-radius:10px;display:inline-grid;padding:4px 20px 4px 10px;margin:-2px 0 -2px 12px;text-decoration:none;transition:.3s}
#small-menu-ul>li[class*=leaf-] a{margin-left:25px}
#small-menu-ul>li a::before{content:"";position:absolute;transition:.3s}
#small-menu-ul>li a::before{border-right:6px solid transparent;border-top:6px solid transparent;border-bottom:6px solid transparent;top:8px;left:-6px}
#small-menu-ul>li[class*=leaf-] a::before{border-right:transparent;border-top:transparent;border-bottom:transparent}
#small-menu-ul>li i{color:#a6b4c7;left:-18px;font-size:12px;top:4px;transform:scale(.8);position:absolute}
#small-menu-ul>li[class*=leaf-] i{color:transparent;left:-31px}
#small-menu-ul>li.active a i,#small-menu-ul>li a:hover i{color:var(--theme-color)}
#small-menu-ul>li.active a,#small-menu-ul>li a:hover{color:#fff;background:var(--theme-color);margin-top:2px;margin-bottom:2px;-webkit-box-shadow:0 8px 15px var(--shadow-color);box-shadow:0 8px 15px var(--shadow-color)}
#small-menu-ul>li.active a::before,#small-menu-ul>li a:hover::before{border-right-color:var(--theme-color)}
.sidebar-author{position:absolute;height:100%;opacity:1;margin-left:-250px;margin-top:-80px;transition:opacity .2s ease-in;width:230px}
.sidebar-author .author_meta{position:relative;border:none;transition:cubic-bezier(0,0,0.2,1) .5s;box-shadow:0px 3px 40px 10px rgba(111,111,111,0.2)}
.author-avatar{position:absolute;left:50%;top:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.sidebar-author  .author-avatar .border-3{transition:cubic-bezier(0,0,0.2,1) .5s;border-width:5px !important}
.flex-avatar{position:relative;line-height:1;border-radius:500px;white-space:nowrap;font-weight:bold;border-radius:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;border-radius:500px}
.author-meta{margin-top:2rem}
#plus-power-popup-wrap{display:none}
.flex-avatar img{border-radius:inherit;height:auto}
.text-xs{font-size:0.75rem !important}
.text-sm{font-size:0.875rem !important}
.text-md{font-size:1rem !important}
.text-lg{font-size:1.175rem !important}
.text-xl{font-size:1.375rem !important}
.text-xxl{font-size:1.675rem !important}
.text-64{font-size:4rem !important}
@media (max-width:767.98px){
.text-sm{font-size:0.825rem !important}
.text-lg{font-size:1.125rem !important}
.text-xl{font-size:1.275rem !important}
.text-xxl{font-size:1.475rem !important}
}
.badge-outline-primary{color:#448EF6;border:#448EF6 solid 1px}
.author-thumbnail-pass{position:relative;height:350px;width:100%;background-size:cover;background-position:center;margin-bottom:10px}
.sidebar-author .author-reward{padding-top:0!important}
.author-reward button i{margin-right:5px}
@media (max-width:1380.98px){.sidebar-author{position:unset!important;height:unset;opacity:1;margin-left:unset;margin-top:-250px;left:unset;padding-right:580px;width:unset}
}@media (max-width:1199.98px){.sidebar-author{padding-right:450px}
}@media (max-width:767.98px){.sidebar-author{margin-top:-200px;padding-right:unset}
}
.video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.video iframe,.video video,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%;background:#2e3032}
.video-card{overflow:hidden;border-radius:var(--theme-border-radius);box-shadow:0 22px 50px -24px rgba(0,0,0,.6);background-color:#fff;transition:.2s}
/**
 * swiper
 */
.post-img-swiper{--swiper-theme-color:#fff;--swiper-pagination-color:#fff;--swiper-pagination-bullet-horizontal-gap:2px;border-radius:8px;height:400px;padding:5px;background:rgba(100,100,100,.1)}
.post-img-swiper .swiper-slide{width:auto;max-width:100%;border-radius:8px;border-radius:8px;overflow:hidden}
.post-img-swiper.swiper .swiper-slide img{width:auto;max-width:100%;height:100%;object-fit:cover;margin:0!important}
/*.post-img-swiper .swiper-slide{padding-top:62.5%;position:relative;overflow:hidden;border-radius:8px}
.post-img-swiper .swiper-img{height:100%;object-fit:cover;position:absolute;top:0} */
.swiper-button-next,.swiper-button-prev{transition:.4s;opacity:0;text-shadow:0 0 6px #444}
.swiper-button-prev{left:-20px}
.swiper-button-next{right:-20px}
.swiper-button-next:after,.swiper-button-prev:after{font-size:18px}
.swiper-button-next:hover,.swiper-button-prev:hover{opacity:1;background-color:rgba(0,0,0,.3)}
.swiper-initialized:hover .swiper-button-prev{left:0;opacity:.8}
.swiper-initialized:hover .swiper-button-next{right:0;opacity:.8}
.swiper-pagination{opacity:0;transition:.3s opacity}
.swiper-initialized:hover .swiper-pagination{opacity:.8}
.swiper-pagination-bullets>.swiper-pagination-bullet{width:6px;height:6px;background:#fff;opacity:.7;border-radius:10px;transition:.4s;border:none}
.swiper-pagination-bullets>.swiper-pagination-bullet-active{width:12px;opacity:1}
@media (max-width:767.98px){.post-img-swiper{height:300px}
}
/**
 * modified bootstrap
 */
.bg-black{background-color:#000}
.related-posts .card{border:none;border-radius:12px}
.related-posts .card .card-img{border-radius:12px}
.page .swiper-home{margin-bottom:50px;background:#000;border-radius:var(--theme-border-radius);box-shadow:0 22px 50px -24px rgba(0,0,0,.6)}
.page .entry-content .carousel-image{height:350px;object-fit:cover;opacity:.8}
.page .carousel-caption{left:30px;bottom:0;text-align:left;opacity:0;transform:translate3d(0,0,0);transition:.5s}
.page .ani-slide .carousel-caption{transform:translate3d(0,-10px,0);opacity:1}
.page .carousel-caption a{color:#fff}
.page .carousel-caption a:focus,.page .carousel-caption a:hover{text-decoration:none}
.page .carousel-caption h3{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;max-width:570px;margin-bottom:15px;font-size:25px;font-weight:700;line-height:37px;letter-spacing:-.3px;color:#ffff}
.page .carousel-caption h3 a{font-weight:700}
.page .carousel-caption p{max-width:530px;font-size:16px;line-height:25px;opacity:.7;transition:.2s}
.page .carousel-caption p:hover{opacity:1;transition:.2s}
.page .carousel-caption p a{font-weight:400}
.page .carousel-control-next,.page .carousel-control-prev{top:auto;bottom:30%}
.carousel-indicators li{width:8px;height:8px;border-radius:4px;border-top:unset;border-bottom:unset;-webkit-transition:all .5s cubic-bezier(0.37,0.31,0.2,0.85);-moz-transition:all .5s cubic-bezier(0.37,0.31,0.2,0.85);transition:all .5s cubic-bezier(0.37,0.31,0.2,0.85)}
.carousel-indicators .active{width:30px}
.single .swiper-slide img{display:block;max-width:100%;margin:0 auto}
.single .carousel{margin-top:65px;margin-bottom:65px}
.single .classic .carousel{margin-top:30px;margin-bottom:30px}
.single .classic-boxed .carousel,.single .fullwidth .carousel{margin-top:0;margin-bottom:0}
.single .classic .carousel img,.single .fullwidth .carousel img{height:auto!important}
hr{margin-top:30px;margin-bottom:30px}
table, th, td{border:1px solid rgba(150,150,150,.5)}
table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 10px}
table>thead{background-color:#efefef}
table>tbody>tr{border-bottom:1px solid #efefef}
table>tbody>tr>td,table>tbody>tr>th,table>tfoot>tr>td,table>tfoot>tr>th,table>thead>tr>td,table>thead>tr>th{padding:5px;line-height:1.5;vertical-align:top}
table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}
table>caption+thead>tr:first-child>td,table>caption+thead>tr:first-child>th,table>colgroup+thead>tr:first-child>td,table>colgroup+thead>tr:first-child>th,table>thead:first-child>tr:first-child>td,table>thead:first-child>tr:first-child>th{border-top:0}
table>tbody+tbody{border-top:2px solid #ddd}
table table{background-color:#fff}
td{border-width:0 1px 1px 0}
th{text-align:center;border-width:0 1px 1px 0;font-weight:700}
table-hover>tbody>tr:hover{background-color:#f5f5f5}
table col[class*=col-]{position:static;display:table-column;float:none}
table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}
table>tbody>tr.active>td,table>tbody>tr.active>th,table>tbody>tr>td.active,table>tbody>tr>th.active,table>tfoot>tr.active>td,table>tfoot>tr.active>th,table>tfoot>tr>td.active,table>tfoot>tr>th.active,table>thead>tr.active>td,table>thead>tr.active>th,table>thead>tr>td.active,table>thead>tr>th.active{background-color:#f5f5f5}
table-hover>tbody>tr.active:hover>td,table-hover>tbody>tr.active:hover>th,table-hover>tbody>tr:hover>.active,table-hover>tbody>tr>td.active:hover,table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}
table a{text-shadow:none!important}
fieldset{padding:5px 20px;margin:0 0 20px 0;border-radius:5px;border:2px solid rgba(155,155,155,.4)}
fieldset legend{font-weight:bold;padding:0 10px;font-size:1.1rem;width:auto}
fieldset p{text-indent:0}
.flex-none{-webkit-box-flex:0;-ms-flex:none;flex:none}
@media screen and (min-width:1199px){.single .swiper-slide img{height:650px}
}
@media screen and (max-width:767.98px){.page .entry-content .swiper-home{margin-left:-15px;margin-right:-15px;margin-bottom:40px}
.page .entry-content .carousel-image{height:236px}
.page .carousel-caption h3{font-size:18px;font-weight:700;line-height:22px;letter-spacing:.3px}
.page .carousel-caption h3 a{font-weight:700}
.page .carousel-caption p{font-size:15px;line-height:24px}
.page .carousel-control-next,.page .carousel-control-prev{bottom:25%}
}
@media screen and (max-width:575.98px){.container{width:100%}
.page .entry-content .swiper-home{border-radius:0}
}
.card{border-radius:12px}
.card-img-overlay{border-radius:12px}
.rounded{border-radius:12px!important}
.btn-light{background-color:#fff;border-color:#fff}

.contextual-callout  p{font-size:13px}
.contextual-callout{background-color:var(--theme-bg-color);color:var(--theme-color)!important;padding:15px;margin:10px 0 20px;border:1px solid var(--theme-bg-color);border-left-width:4px;border-radius:12px;font-size:1.3rem;line-height:1.5;border-left-color:var(--theme-color)}
.link-page .list-item{position:relative;background:#fff;padding:10px;border-radius:10px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}  
.link-page .list-item:hover{box-shadow:0 20px 20px rgba(60, 60, 60, 0.21);transform:translateY(-2px)}  
.link-page .media-content{width:48px;height:48px !important;padding:1px;border:1px solid #bbb;background:#fff;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}
.link-page .list-item:hover .media-content{transform:rotate(360deg);-webkit-transform:rotate(360deg)}

/**/
.category-box{top:0px;border-radius:12px; overflow:hidden;position:relative;box-shadow:0 19px 35px -22px rgba(0,0,0,.5);transition:.3s}
.category-box:focus,.category-box:hover{top:5px;box-shadow:0 8px 11px -6px rgba(0,0,0,.5);transition:.3s}
.category-box .category-thumbnails{display:flex;height:270px;overflow:hidden}
.category-box .big{margin-right:4px;width:70%}
.category-box .thumbnail{position:relative}
.category-box .thumbnail img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}
.category-box .small{flex-direction:column;height:100%;width:30%}
.category-box .small span{align-items:center;background-color:rgba(0,0,0,.4);color:#fff;display:flex;font-size:14px;font-weight:500;height:100%;justify-content:center;position:relative;width:100%}
.category-box .small .thumbnail{height:50%}
.category-box .small .thumbnail:first-child{margin-bottom:4px}
.category-box .category-content{align-items:center;position:absolute;bottom:4px;left:4px;right:4px;border-radius:8px;background-color:rgba(37, 37, 37, 0.65);display:flex;justify-content:space-between;padding:15px 20px;margin:0;-webkit-backdrop-filter:saturate(5) blur(6px);backdrop-filter:saturate(5) blur(6px)}
.category-box .left, .category-box .right{line-height:1}
.category-box .category-title{font-size:15px;margin-bottom:0;color:#fff}
.category-box .category-title:before{content:'\2022';color:var(--theme-color);display:inline-block;position:relative;margin-right:5px}
.category-box .arrow{font-size:18px;color:#fff} 
.category-box .post-count{top:8px;left:8px;border-radius:6px;padding:2px 10px;color:#fff;background:var(--theme-color);background:-webkit-gradient(linear,left top,right top,from(var(--theme-color)),to(var(--theme-color2)));background:-webkit-linear-gradient(left,var(--theme-color),var(--theme-color2));background:linear-gradient(90deg,var(--theme-color),var(--theme-color2))}
.lazyloaded{opacity:1;transition:opacity 1s cubic-bezier(.4,.01,.165,.99)}
.u-permalink{bottom:0;left:0;outline:0;position:absolute;right:0;top:0;z-index:10}

/*--------------------------------------------------------------
 Dark mode
--------------------------------------------------------------*/
.ioc-dark-mode a:not(.btn):hover,.ioc-dark-mode .navbar-toggler:hover{color:var(--theme-color)}
.ioc-dark-mode #reward_btn{color:#fff}
.ioc-dark-mode a:not(.btn):focus{color:#ddd}
.ioc-dark-mode pre{background-color:#383E43;color:#bcbcbc}
.ioc-dark-mode .text-muted{color:#888 !important} 
.ioc-dark-mode .text-danger{color:var(--theme-color) !important}
.ioc-dark-mode .site-content li{color:#bcbcbc !important} 
.ioc-dark-mode .entry-content li{color:#bcbcbc} 
.ioc-dark-mode .bg-light{background-color:#383E43 !important} 
.ioc-dark-mode .page .carousel-caption a:hover{color:#FFF}
.ioc-dark-mode .single-title-zone.no-img h1,.ioc-dark-mode .single-title-zone.no-img .date{color:#fff}
.ioc-dark-mode .btn-light{color:#bcbcbc;background-color:#454545;border-color:#454545}
.ioc-dark-mode .btn-light:hover,
.ioc-dark-mode .btn-light:focus{color:#FFF;background-color:#353535;border-color:#353535;box-shadow:none}
.ioc-dark-mode .btn-light:not(:disabled):not(.disabled):active{color:#454545;background-color:#353535;border-color:#353535}
.ioc-dark-mode .btn-light:not(:disabled):not(.disabled):active:focus{box-shadow:none}
.ioc-dark-mode .like.btn-light.liked,.ioc-dark-mode .like.btn-light.liked:hover{color:#757575;background-color:#333;border-color:#333}
.ioc-dark-mode .main-navigation li a:hover{color:#fff;background-color:transparent}
.ioc-dark-mode .comment-text{color:#ddd}
.ioc-dark-mode .logo-light{display:none}
.ioc-dark-mode .logo-dark{display:inherit}
.ioc-dark-mode .btn-open-share,.ioc-dark-mode .btn-close-share{color:#fff}
.ioc-dark-mode .main-navigation ul li ul,.ioc-dark-mode .poster-share{background:#383a3f;box-shadow:none}
.ioc-dark-mode .ioc-bomb-content{background:#383a3f;border-color:#383a3f;box-shadow:none}
.ioc-dark-mode .btn-close-bomb svg path{fill:#555}
.ioc-dark-mode .btn-close-bomb:hover svg path{fill:var(--theme-color)}
.ioc-dark-mode #emojis_link,.ioc-dark-mode .comment_tags:hover{background-color:#383a3f}
.ioc-dark-mode .card .card-title a{color:#ebebeb}
.ioc-dark-mode .card .card-title a:focus,.ioc-dark-mode .card .card-title a:hover{color:#fff}
.ioc-dark-mode .card .card-meta .author a{color:#aaa}
.ioc-dark-mode .card .card-meta .author a:focus,.card .card-meta .author a:hover{color:#fff}
.ioc-dark-mode .image-loading i{border-top-color:#fff;border-bottom-color:rgba(255, 255, 255,.1);border-left-color:#fff;border-right-color:rgba(255, 255, 255, 0.1)}
.ioc-dark-mode .tab-nav li a{color:#aaa!important}
.ioc-dark-mode .tab-nav li a:hover{color:#fff!important}
.ioc-dark-mode .tab-nav li.active a{color:#eee!important}
.ioc-dark-mode .tab-nav li.active:hover a{color:#fff!important}
.ioc-dark-mode .tip{opacity:.8;-webkit-box-shadow:unset;box-shadow:unset}
.ioc-dark-mode .tip>p{color:#fff!important}
.ioc-dark-mode .tip:before{-webkit-box-shadow:0 0 0 2.5px #26282a;box-shadow:0 0 0 2.5px #26282a}
.ioc-dark-mode .entry-content img,.ioc-dark-mode .page .entry-content img,.ioc-dark-mode .near-navigation img,.ioc-dark-mode .category-box .thumbnail img,.ioc-dark-mode .blog-post-thumbnail-zone img,.ioc-dark-mode img.lazy{background-color:#555}
.ioc-dark-mode .enlighter-default{background:#3c3c3c;border-color:#3c3c3c}
.ioc-dark-mode .enlighter-default::after{background:#555;-webkit-box-shadow:16px 0 #555, 32px 0 #555;box-shadow:16px 0 #555, 32px 0 #555}
.ioc-dark-mode .enlighter-default:hover::after{background:#fc625d;-webkit-box-shadow:16px 0 #fdbc40, 32px 0 #35cd4b;box-shadow:16px 0 #fdbc40, 32px 0 #35cd4b}
.ioc-dark-mode .enlighter-t-enlighter .enlighter-text{color:#666}
.ioc-dark-mode .enlighter-default .enlighter{background-color:#1a1d1f}
.ioc-dark-mode .enlighter-t-enlighter.enlighter-linenumbers div.enlighter>div::before{border-color:#3c3c3c;background-color:#282a2e}
.ioc-dark-mode .enlighter-t-enlighter.enlighter-hover div.enlighter>div:hover{color:#d4d4d4!important;background-color:#09090f!important}
.ioc-dark-mode .enlighter-t-enlighter .enlighter-raw{color:#aaa;background-color:#1a1d1f}
.ioc-dark-mode .enlighter-t-enlighter .enlighter-btn{background-color:#2d2d2d!important;border-color:#2d2d2d!important}
.ioc-dark-mode .enlighter-t-enlighter div.enlighter>div.enlighter-special{background-color:#27272b}
.ioc-dark-mode .shuo_tmlabel .aplayer li{color:#333!important}
.ioc-dark-mode .list-ajax-nav ul li .btn-link{color:#999}
.ioc-dark-mode .list-ajax-nav ul li .btn-primary:hover{color:#fff;background-color:#555!important;border-color:#555!important}
.ioc-dark-mode .list-ajax-nav ul li .btn-primary:hover::after{border-top:5px solid #555}
.ioc-dark-mode .sidebar-author .author_meta{background:#383A3F;box-shadow:0px 3px 40px 10px rgba(20,20,20,0.2)}
.ioc-dark-mode .sidebar-author  .author-avatar .border-3{border-color:#383A3F!important}
.ioc-dark-mode .video-card{background-color:#2e3032}
.ioc-dark-mode .link-page .list-item{background:rgba(255,255,255,.1)}
/* mozilla firefox */
::-moz-selection{background:var(--shadow-color);color:#fff}
/* webkit, opera, IE9 */
::selection{background:var(--shadow-color);color:#fff}
@media only screen and (min-device-width:768px){
::-webkit-scrollbar-thumb{background-color:rgba(130,130,130,.5);-webkit-border-radius:4px;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background-color:var(--theme-color);-webkit-border-radius:4px;border-radius:4px}
::-webkit-scrollbar{width:5px;height:5px} 
::-webkit-scrollbar-thumb:active{background-color:var(--theme-color);-webkit-border-radius:4px;border-radius:4px}
::-webkit-scrollbar-corner{background:rgba(0,0,0,0);border-radius:0 0 8px 0}
::-webkit-scrollbar-button{background-color:rgba(0,0,0,0);height:2px;width:2px}
}