/*--------------------------------------------------------------
## search style
--------------------------------------------------------------*/
#search{max-width:800px;position:relative}
#search form{position:relative}
#search-text{z-index:inherit;padding:9pt;height:50px;font-size:1pc;border:0;border-radius:3px;background-color:#fff;transition:.3s}
#search button{position:absolute;top:0;right:0;background:#313437;border:0;width:60px;height:36px;margin:7px 9pt 0;line-height:36px;border-radius:3px}
#search button:hover{background:#000;cursor:pointer}
#search button i{color:#fff;font-size:18px}
#search .search-select{height:50px;cursor:pointer;border:none;background-color:#fff;transition:.3s}
#search .input-group-prepend:not(.d-none)+.search-key{border-top-left-radius:0;border-bottom-left-radius:0}
.search-group{display:none;padding-left:75px}
.search-group-modal{display:none;padding-left:75px}
.s-current .search-type{padding-left:0;display:block}
.s-current{display:block}
#search-list{position:relative}
#search-list-modal{position:relative}
.s-type{position:absolute;top:0;left:0;z-index:23;width:75px}
.s-type:hover{height:auto}
.s-type>span{display:block;height:31px;width:75px}
.s-type-list{display:none;position:absolute;top:31px;padding:9pt 0;width:70px;background:#fff;border-radius:5px;box-shadow:0 9px 20px rgba(0,0,0,.16)}
.s-type-list:before{position:absolute;top:-1pc;left:20px;content:'';display:block;width:0;height:0;border:10px solid transparent;border-bottom-color:#fff}
.s-type-list label{display:block;font-size:15px;text-align:center;font-weight:normal;margin-bottom:0;padding:2px 0;cursor:pointer;transition:.3s}
.s-type-list label:hover{background:rgba(136,136,136,.1)}
.s-type-list .tile-lg{color:#fff;width:3pc;height:3pc;font-size:1.25rem;line-height:3rem;border-radius:.3rem;display:block;margin:auto}
.s-type:hover .s-type-list{display:block}
.type-text{position:absolute;left:0;width:75px;padding-left:9pt;font-size:1pc;line-height:31px}
.type-text:after{content:"\e793";font-family:"iconfont";font-size:12px;margin:0 0 0 10px}
.search-type{white-space:nowrap;margin:0}.search-type label{margin:0}
.search-type li{display:inline-block}
.search-type li label{display:inline-block;padding:0 11px;font-size:14px;line-height:31px;border-radius:3px 3px 0 0;cursor:pointer}
.search-type li.menu-item a{display:inline-block;font-size:14px;line-height:31px;border-radius:3px 3px 0 0}
.search-type input:checked+label,.search-type input:hover+label{background-color:#fff}
.set-check{margin-top:3px;font-size:9pt}.set-check label{margin-left:3px}
.set-check input,.set-check label{opacity:0;transition:all .3s ease}
.search-type li{list-style:none;display:inline-block}
.search-type{overflow:auto}
.search-smart-tips{position:absolute;z-index:20;width:100%;overflow:hidden}
.search-smart-tips ul{padding:10px 0;margin:0}
.search-smart-tips ul li{line-height:30px;font-size:14px;padding:0px 25px;cursor:pointer;list-style:none;transition:.3s}
.search-smart-tips ul li:hover,.search-smart-tips ul li.current{background-color:rgba(130,130,130,.5)}
@media screen and (max-width:767.98px){#search{margin:25px auto 15px}
.s-type-list label{padding:5px 0}
.search-list{height:30px;overflow-y:hidden;overflow-x:scroll;white-space:nowrap}
}
.search-modal #m_search-text{z-index:inherit;padding:9pt;height:50px;font-size:1pc;border:0;border-radius:3px;background-color:rgba(126, 126, 126, 0.1)}
.search-modal #search .search-select,.search-modal .search-type input:checked+label,.search-modal .search-type input:hover+label{background-color:rgba(126, 126, 126, 0.1)}
.search-modal li.menu-item{display:inline-block!important;margin:4px}
.search-modal li.menu-item a{font-size:12px;padding:.375rem .875rem;background:rgba(136,136,136,.1);border-radius:50px}
.btn-search{position:relative;background-color:rgba(150,150,150,.16);transition:.2s ease-out}
.btn-search:hover,.btn-search.current{color:#fff!important;background-color:#f1404b;box-shadow:0 5px 20px -3px rgba(249,100,90,.6)}
.btn-search.current:after{content:"";position:absolute;bottom:-17px;left:0;right:0;margin:0 auto;width:0;border:10px solid transparent;border-top-color:#f1404b}

/*--------------------------------------------------------------
## custom style
--------------------------------------------------------------*/
.text-break-all{word-break:break-all}
.posts-nav{font-size:14px;color:rgba(0,0,0,.44);padding:10px 0;text-align:center}
.posts-nav .page-numbers{position:relative;min-width:35px;height:35px;padding:0 5px;line-height:35px;display:inline-block;background-color:rgba(150,150,150,.16);margin:0 2px;border-radius:.2rem;-webkit-transition:.2s ease-out;transition:.2s ease-out}
.posts-nav .page-numbers.current,.posts-nav .page-numbers:not(.dots):hover{color:#fff!important;background-color:#f1404b;box-shadow:0px 5px 20px -3px rgba(249,100,90,.6)}
.posts-nav .page-numbers.dots{border-color:rgba(0,0,0,0)}
.ajax-loading{background:rgba(250,250,250,.7)!important}
#comments-navi>span,#comments-navi>a,.page-nav span:not(.current){position:relative;display:inline-block;background-color:rgba(150, 150, 150, 0.16);min-width:35px;height:35px;padding:0 5px;line-height:35px;margin:.2rem .1rem;font-size:0.75rem;border-radius:0.2rem;-webkit-transition:.2s ease-out;transition:.2s ease-out}
.page-nav span.all{width:auto;padding:0 10px}
#comments-navi>a:hover,#comments-navi>.current,.page-nav>a:hover span,.page-nav>.current span{color:#fff!important;background-color:#f1404b;box-shadow:0px 5px 20px -3px rgba(249, 100, 90, .6)}
.overflow-x-auto{overflow-x:auto;overflow-y:unset}
.overflow-y-auto{overflow-y:auto;overflow-x:unset}
.slider-menu-father{border-radius:100px;overflow:hidden}
.media-title-bg:before{content:"";position:absolute;left:0;height:80px;right:0;bottom:0;background-image:linear-gradient(to top,rgba(0,0,0,.5) 20%,transparent 80%)}
.external{padding-right:5px}
.external:after{content:"\e66c";font-family:"iconfont";font-size:75%}
.nav-login-user{position: relative;}
.nav-login-user .user-ico img{width:28px;height:28px;border-radius:100%}
.nav-login-user .header-user{position: absolute;opacity: 0;width: 400px;right: -30px;visibility: hidden;transition:.3s;}
.nav-login-user:hover .header-user{opacity:1;visibility: visible;}
.user-card-top img{width:46px;height:46px;border-radius:100%}
.nav-login-user .card-top{padding-bottom:10px;border-bottom:1px dashed #cecece}
.fancybox-slide--iframe .fancybox-content{max-width:1280px;margin:0}
.fancybox-slide--iframe.fancybox-slide{padding:44px 0}
.fancybox-toolbar{right:calc(50% - 22px);top:22px}
.big-header-banner .page-header{color:#fff;background:rgba(255,255,255,0);box-shadow:none;transition:color .3s,background-color .3s}
.big-header-banner.header-bg .page-header{color:initial;backdrop-filter: blur(10px);background:rgba(255,255,255,.7)}
.big-header-banner:not(.header-bg) .page-header .navbar-nav>li>a,.big-header-banner:not(.header-bg) .navbar-menu a:not(.dropdown-item){color:#eee;}
.big-header-banner:not(.header-bg) .header-mini-btn path{stroke:#eee}
.big-header-banner:not(.header-bg) .page-header .navbar-nav>li>a:hover,.big-header-banner:not(.header-bg) .navbar-menu a:not(.dropdown-item):hover{color:#fff;}
.big-header-banner:not(.header-bg) .header-mini-btn label:hover path{stroke:#fff}
.header-big{position:relative;margin-top:-75px;padding-top:30px;padding-bottom:60px}
.header-big.bg-gradual:before{content: "";position: absolute;left: 0;height: 80px;right: 0;bottom: 0;background-image: linear-gradient(to top,#f9f9f9 0%,transparent 80%);transition:.3s}
.header-big.css-img,.header-big.css-bing{background-color:#1b1d1f;background-size:cover;background-position:cover}
.header-big.canvas-fx{background-color:#1b1d1f}
.post-top{padding-bottom:10px}
.header-big.no-bg{padding-bottom:10px}
.header-big.css-color{background-size:400%;background-position:0% 100%;-webkit-animation:gradient 7.5s ease-in-out infinite;animation:gradient 7.5s ease-in-out infinite}
@-webkit-keyframes gradient{50%{background-position:100% 0}
}
@keyframes gradient{50%{background-position:100% 0}
}
.header-big .s-search,.header-big #bulletin_box{margin:0 15px}
.header-big #bulletin_box{background:transparent;box-shadow:none}
.header-big:not(.no-bg) #bulletin_box a{color:#fff}
.header-big .bulletin-big #bulletin_box{max-width:600px;margin:0 auto}
.header-big:not(.no-bg) #bulletin_box .card-body{color:#fff!important;background:rgba(0,0,0,.3);border-radius:50px}
.header-big .bulletin-close{opacity:.1;transition:opacity .3s}
.header-big .bulletin-big #bulletin_box:hover .bulletin-close{opacity:.7}
.header-big .search-group{padding:0;margin:0 auto}
.header-big #search-list{text-align:center}
.header-big .search-smart-tips{width:unset;left:20px;right:20px}
.header-big .search-type input:checked+label,.header-big .search-type input:hover+label{position:relative;background:transparent!important}
.header-big .search-type input:checked+label:before{content:'';border-width:8px 8px 0px 8px;border-style:solid;border-color:rgba(0,0,0,0.6) transparent transparent;position:absolute;left:50%;top:0;margin-left:-8px}
.header-big .search-type li label{padding-top:5px}
.header-big .s-type-list{position:relative!important;display:inline-table;overflow:auto;white-space:nowrap;text-align:center;position:inherit;top:inherit;padding:inherit;width:none;background:none!important;border-radius:inherit;box-shadow:none!important}
.header-big:not(.no-bg) .s-type-list{color:#fff}
.s-type:hover .s-type-list.big{display:inline-table}
.header-big .s-type-list .anchor{background:#888;border-radius:100px;width:10px;height:4px;bottom:5px;-webkit-transition:.25s;transition:.25s}
.header-big:not(.no-bg) .s-type-list .anchor{background:#fff}
.header-big .s-type-list label:hover{background:none}
.header-big .s-type-list:before{display:none}
.header-big .s-type{position:inherit;top:inherit;left:inherit;z-index:inherit;width:auto}
.header-big .s-type-list label{position:relative;display:inline-block}
.header-big .s-type-list label span{display:block;padding:10px 10px}
.header-big .s-type-list label:not(.active)::after{content:'';height:4px;width:4px;border-radius:2px;position:absolute;left:50%;bottom:5px;margin-left:-2px;background-color:rgba(255,255,255,0);transition:.3s}
.header-big .s-type-list label:not(.active):hover::after{background-color:#fff}
.header-big .s-type-list label:not(.active),.header-big:not(.no-bg) .search-type label{opacity:.5;transition:opacity .3s}
.header-big .s-type-list label:not(.active):hover,.header-big:not(.no-bg) .search-type label:hover{opacity:1}
.header-big .search-type input:checked+label{opacity:1}
.header-big #search-text{border-radius:50px;color:#fff;border:1px solid rgba(255,255,255,.05);padding:9px 20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);}
.header-big #search button{position:absolute;top:0;right:0;background:transparent;border:0!important;width:unset;height:unset;margin:0 9px;line-height:50px;border-radius:3px}
.header-big #search button:active,.header-big #search button:focus{box-shadow:none;outline:none;border:0!important}
/*.header-big .search-smart-tips{top:100px}*/
.header-big .canvas-bg{position:absolute;top:0;width:100%;height:100%;border-width:0}
.header-big:not(.no-bg) .text-muted,.header-big:not(.no-bg) .search-type .menu-item a,.header-big:not(.no-bg) .big-title .h1{color:#fff!important} 
.header-big.no-bg #search-text{color:#fff;border:none;background-color:rgba(0,0,0,0.2)!important}
.header-big.no-bg .search-type input:checked+label:before{border-color:rgba(0,0,0,0.2) transparent transparent}
.header-big .search-type li.menu-item{padding:5px 10px 0px 10px}
@media screen and (min-width:768px){.header-big{padding-top:80px;padding-bottom:110px}
.post-top{padding-bottom:20px}
.header-big.no-bg{padding-bottom:20px}
.header-big .search-type li label,.header-big .search-type li.menu-item{padding:5px 20px}
.header-big .s-type-list label span{padding:10px 20px}
}
@media screen and (min-width:992px){.header-big .s-search{margin:0}
}
.io-black-mode .header-big.bg-gradual:before{background-image: linear-gradient(to top,#1b1d1f 0%,transparent 80%)} 
.io-black-mode .big-header-banner .page-header {background:transparent;box-shadow:none}
.io-black-mode .big-header-banner.header-bg .page-header{color:#fff;background:#2c2e2f;box-shadow:0 0 25px 5px rgba(10,10,10,.25)}
/* --- carousel --- */
.media-content{position:absolute;top:0;bottom:0;left:0;right:0;border:0;border-radius:inherit;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-color:rgba(120,120,120,.1)}
.carousel-item.home-item:after{content:"";display:block;padding-top:300px}
.carousel-caption{ bottom:0;padding-top:10px;padding-bottom:10px}
.media{position:relative;display:block;overflow:hidden;padding:0;-ms-flex-negative:0;flex-shrink:0;border-top-left-radius:inherit;border-top-right-radius:inherit}
.media:after{content:'';display:block;padding-top:100%}
.media-title{position:absolute;bottom:0;left:0;right:0;margin:5px 10px;color:#fff}
.new-news{height:300px}
.new-news .news_title{background-color:rgba(0,0,0,.1);padding:8px 10px;border-radius:.20rem .20rem 0 0}
.new-news ul{overflow:auto;padding:0 20px;margin-bottom:10px}
.new-news ul li{position:relative;padding:0 10px 10px 20px;border-left:2px solid rgba(136,136,136,.2)}
.new-news ul li i{font-size:12px;top:3px;color:#888;position:absolute;padding:5px;left:-12px;background:#fff;transition:background-color .3s} 
.new-news .news_all_btn{position:absolute;right:4px;padding:8px 10px;transition:.3s}
.new-news .news_all_btn:hover{right:0px}
@media screen and (max-width:767.98px){.new-news{height:200px}
.big-title .h1{font-size:30px}
}
@media screen and (max-width:575.98px){.carousel-item.home-item:after{padding-top:250px}
.new-news{height:150px}
}
@media screen and (max-width:454.98px){.carousel-item.home-item:after{padding-top:180px}
.new-news{height:100px}
}
.overlay{width:100%;height:100%;background-color:rgba(0,0,0,.66);position:absolute;opacity:.22;top:0;left:0;-webkit-transition:opacity 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out;-o-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}
.article-list:after{padding-top:146px}
.media-21x9:after{padding-top:42.857143%}
.media-16x9:after{padding-top:56.25%}
.media-4x3:after{padding-top:75%}
.media-2x3:after{padding-top:150%}
.media-3x2:after{padding-top:66.66666%}
.media-3x4:after{padding-top:133.33333%}
.media-1x2:after{padding-top:200%}
.media-2x1:after{padding-top:50%}
.media-3x1:after{padding-top:33%}
.media-4x1:after{padding-top:25%}
.media-5x1:after{padding-top:20%}
.media-5x7:after{padding-top:141%}
.media-1-4:after{padding-top:25vh;min-height:10rem}
.media-1-3:after{padding-top:33vh;min-height:12.5rem}
.media-1-2:after{padding-top:50vh;min-height:15rem}
@media (max-width:767.98px){.post-cover .media-5x1:after{padding-top:30%}
}
@media (min-width:1200px){
.media-xl-16x9:after{padding-top:56.25%!important}
.media-xl-3x2:after{padding-top:66.66666%!important}
}
/* --- content --- */
blockquote{position:relative;padding:.9375rem 0 .9375rem 1.75rem;margin:1.5rem 0;border-left:5px solid rgba(136,136,136,.2);background-color:rgba(136,136,136,.1)}
blockquote p:last-of-type{margin:0;padding:0}
.tags i{color:#f1404b;margin-right:10px;vertical-align:middle}
.tags a{display:inline-block;margin:0 6px 12px 0;padding:3px 10px;color:#6d6d6d;font-size:10px;transition:.3s;background:rgba(148,149,158,.15);border-radius:15px}
.color-0{color:#F1404B!important;background-color:rgba(249,100,90,.15)!important}
.color-1,.color-5{color:#20a0ff!important;background-color:rgba(32,158,255,.15)!important}
.color-2,.color-6{color:#39c408!important;background-color:rgba(58,196,8,.15)!important}
.color-3,.color-7{color:#ff8400!important;background-color:rgba(255,131,0,.15)!important}
.color-4,.color-8{color:#837adc!important;background-color:rgba(132,122,220,.15)!important}
.color-d{color:#888}
.card.new-news li{list-style:none}
.tags a:focus,.tags a:hover{background-color:#232425!important;text-decoration:none;color:#fff!important}
pre{position:relative;overflow-y:auto;border:0;color:#777;border-radius:3px;padding:.75rem;margin:1.5rem 0;white-space:pre-wrap;word-wrap:break-word;background-color:rgba(0,0,0,.04)}
table{width:100%}
th,td{border:1px solid rgba(136,136,136,.3);padding:8px 12px}
.single-top-area{background:#fff}
.near-navigation{display:flex;background:#fff}
.near-navigation .nav{display:flex;flex-direction:column;justify-content:center;min-height:80px;padding:0 20px;position:relative;width:50%;word-break:break-word}
.near-navigation .next{align-items:flex-end;text-align:right;border-radius:0 5px 5px 0;overflow:hidden}
.near-navigation .previous{border-radius:5px 0 0 5px;overflow:hidden}
.near-navigation span{font-size:14px;font-weight:500;position:relative;text-transform:uppercase;z-index:2}
.near-navigation .near-title{font-size:12px;margin:5px 0 0;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 span,.near-navigation .none .near-title{color:#999}
.panel-header h1{line-height:1.5}
.panel-body p,.site-content p,.post-content figure{margin-bottom:1.25rem;font-size:1rem;line-height:2;word-wrap:break-word}
.panel-body h1,.panel-body h2,.panel-body h3,.panel-body h4,.panel-body h5,.panel-body h6{margin-bottom:1rem}
.panel-body h1{font-size:1.5rem}
.panel-body h2{font-size:1.25rem;border-left:3px solid #f1404b;padding:.25rem 0 .25rem 1.25rem;margin-left:-1.438rem}
.panel-body h3{font-size:1.125rem;border-left:3px solid #f1404b;padding-left:1.25rem;margin-left:-1.438rem}
.panel-body h4{font-size:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(136,136,136,.2)}
.panel-body h5,.panel-body h6{font-size:1rem}
.panel-body ul,.panel-body ol{font-size:.875rem}
.panel-body ul li,.panel-body ol li{margin:.5rem 0}
.transparent .panel-body h2,.transparent .panel-body h3{position:relative;margin-left:0}
@media (max-width:767.98px){blockquote{padding-left:1.25rem}
.panel-body p,.panel-body figure{font-size:0.9375rem}
.panel-header h3,.panel-header .h3{font-size:1.5rem}
}

/*搜索框搜索图标颜色*/
#search button i{color:#6C757D;font-size:18px}

/*搜索栏字体+背景*/
.header-big #search-text{color:#6C757D;}
.io-black-mode .header-big #search-text{color:#fff;}

/*搜索activate图标颜色*/
.header-big .search-type input:checked+label:before{content:'';border-width:8px 8px 0px 8px;border-style:solid;border-color:#ffffff transparent transparent;position:absolute;left:50%;top:0;margin-left:-8px}

/*主页搜索搜索框(头+底部)字体颜色*/
.header-big:not(.no-bg) .s-type-list{color:#20c997}
.header-big:not(.no-bg) .text-muted,.header-big:not(.no-bg) .search-type .menu-item a,.header-big:not(.no-bg) .big-title .h1{color:#ffffff!important}

/*主页header-banner底部宽度*/
.post-top{padding-bottom:50px}

/*搜索部分背景样式*/
.header-big.css-color{background-size:unset;background-position:unset;animation:unset;}

/*搜索热词样式调整*/
.search-hot-text{
    position: absolute;
    z-index: 100;
    width: 100%;
    border-radius: 0 0 10px 10px;
    background: #FFF;
    box-shadow: 0px 4px 5px 0px #cccccc94;
    overflow: hidden;
}
.search-hot-text ul{
    margin: 0;
    padding: 5px 0;
}
.search-hot-text ul li{
    line-height: 30px;
    font-size: 14px;
    padding: 0px 25px;
    color: #777;
    cursor: pointer;
}
.io-black-mode .search-hot-text ul li{
    color: #fff;
}    
.search-hot-text ul li.current{
    background: #f1f1f1;
    color: #2196f3;
}
.search-hot-text ul li:hover{
    background: #f1f1f1;
    color: #2196f3;
    cursor: pointer;
}
.search-hot-text ul li span{
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    background: #e5e5e5;
    margin-right: 10px;
    border-radius: 10px;
    color: #999;
}