@charset "UTF-8";
/*head*/
.header{width:100%;background-color:#fff;z-index:99;position:fixed;top:0;box-shadow:0 1px 3px rgba(158,158,158,.22);transition:all .3s;border-top:1.5px solid #ff3636}
.header:before{content:'';display:block;height:2px;background:linear-gradient(to right,#f3005c,#ffde00);margin-top:-2px}
.page-top{max-width:1160px;width:96%;position:relative;z-index:3;margin:0 auto;height:63px;display:flex;align-items:center;justify-content:space-between}
#logo-text img{max-height:39px;width:auto;transition:all .3s ease-out;vertical-align:top}
.con{display:none;cursor:pointer;padding:10px;margin-left:10px}
.icon-menu{display:block;font-size:24px;line-height:20px;color:#222831;font-family:inherit}
.icon-menu::before{content:"三"}
.menu{list-style:none;font-size:12px;display:flex;justify-content:flex-start;align-items:center;margin-right:2rem;height:100%;margin-bottom:0;margin-top:0}
.menu li{position:relative;display:block;padding:10px 0 10px 40px;font-size:16px}
.menu li a{color:#222831;font-size:16px;text-decoration:none;white-space:nowrap;transition:color .2s;padding:1.2rem 0}
.menu .active,.menu a:hover{color:#ff3636!important}
.mobile-sidebar{position:fixed;top:0;left:-250px;width:250px;height:100%;background:#fff;z-index:100;transition:left .3s ease;box-shadow:2px 0 5px rgba(0,0,0,.2);padding-top:63px;display:none}
.mobile-sidebar.active{left:0;display:block}
.mobile-sidebar .menu{flex-direction:column;padding:10px}
.mobile-sidebar .menu li{width:100%;padding:10px 0;text-align:left}
.mobile-sidebar .menu li a{padding:10px;display:block}
.bgDiv{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:99}
.bgDiv.active{display:block}
@media (min-width:768px){.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}
.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}
.mobile-sidebar{display:none}
.con{display:none}
.bgDiv{display:none}
.menu{display:flex}
}
@media (max-width:767px){.page-top .menu{display:none}
.col-md-4{display:none}
.bei{display:none}
.con{display:block}
#logo-text{margin:0 auto}
.mobile-sidebar .menu{display:none}
.mobile-sidebar.active .menu{display:flex;flex-direction:column}
}
/*body*/
 body{font-family:Arial,sans-serif;margin:0;padding:0;background:#f1f5f8}
.container{max-width:1160px;margin:0 auto;padding:20px;display:flex;flex-wrap:wrap;gap:20px}
/**/
 .banner{color:#fff;text-align:center;height:400px;background-color:#333;margin-bottom:25px;background-image:url('https://bluester.cn/skin/common/images/banner3.jpg');background-size: 120% auto; background-position: center center;background-size:cover;background-repeat:no-repeat;position:relative}
 .banner a {text-decoration:none;}
.search-form .search-keywords a:hover {color:#fd5a5b;}
.banner-slider{height: auto !important;padding: 30px 0;background: #fff;background-image: none;}
.banner-slider.bg{background: #f9f9f9;margin-bottom: 30px}
.banner-slider-fullwidth{margin-bottom: 30px;}
.banner-video{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.banner .search-form-container{top: calc(50% + 20px);transform:translateY(-50%);z-index:10;position: relative; margin: 0 auto; max-width: 1200px ;}
.banner-archive .container, .banner-page .container{z-index:10;}
.banner h1{font-size:35px;font-weight:700;margin-bottom:10px;color: #fff}
.banner p{font-size:2px;color:gray;}
.banner .banner-btn, .banner-archive .banner-btn{border:1px solid #fff;background:#fff;font-size:18px;border-radius:3px;display:inline-block;padding:10px 36px;margin-top:40px}
.banner .search-form, .banner-archive .search-form{margin:30px auto 0;box-sizing:content-box;position: relative;}
.banner .search-form .site-search-form, .banner-archive .search-form .site-search-form{display: inline-block;position: relative;}
.banner .search-form .search-cat, .banner-archive .search-form .search-cat{display:inline-block;position:absolute;border:none;left:10px;top:0;height:48px;-webkit-appearance: none;width: 65px;font-size: 16px;overflow: hidden;padding:0 15px;}
.banner .search-form .search-input, .banner-archive .search-form .search-input{height:48px;line-height:48px;font-size:16px;display:block;font-family:"Microsoft YaHei";text-indent:25px;border:none;width: 650px;border-radius:10px;color: #333;}
.banner .search-form .search-cat + .search-input, .banner-archive .search-form .search-cat + .search-input{text-indent:85px;}
.banner .search-form .search-btn, .banner-archive .search-form .search-btn{position:absolute;right:25px;top:9px;font-size:16px;border:none;display:inline-block;cursor: pointer;background: transparent;}
.banner .search-form .search-btn .icon, .banner-archive .search-form .search-btn .icon{font-size:24px;top:1px;}
.search-form .search-keywords{margin-top: 15px}
.search-form .search-keywords a{font-size:12px;display:inline-block;margin:0 3px;border-radius: 6px;cursor: pointer;padding: 1px 10px 3px;background: rgba(0,0,0,.4);border: 1px solid hsla(0,0%,100%,.2);color:#fff !important;}
.search-wrap + .banner-bottom{padding-top: 30px}
@media (max-width: 768px){
.banner{height: 300px!important;margin-bottom: 15px;}
.banner .search-form-container{max-width: 515px!important;padding: 0 15px ;}
.banner h2 {font-size: 22px; margin-bottom: 10px ;}
.banner .search-form, .banner-archive .search-form{width:95%;margin-top: 20px}
.banner .search-form .site-search-form, .banner-archive .search-form .site-search-form{width: 100%;}
.banner .search-form .search-cat, .banner-archive .search-form .search-cat{display: none;}
.banner .search-form .search-input, .banner-archive .search-form .search-input{width: 100%;height: 44px;line-height: 44px;}
.banner .search-form .search-keywords, .banner-archive .search-form .search-keywords{margin-top: 10px}
.banner .search-form .search-cat + .search-input, .banner-archive .search-form .search-cat + .search-input{text-indent:15px;}
.banner .search-form .search-btn, .banner-archive .search-form .search-btn{top:7px;right: 15px}
p.column-intro { font-size: 2px; color: green; }
}
/*article*/
.article-list{max-width:1160px;margin:0 auto;padding:10px;display:flex;flex-wrap:wrap;justify-content:space-between}
.article_item{width:32%;margin-bottom:20px;background:#fff;border-radius:8px;padding:15px;box-sizing:border-box;box-shadow:0 2px 6px rgba(0,0,0,.08);transition:transform .2s;break-inside:avoid}
.article_item:hover{transform:translateY(-4px)}
.label{font-size:14px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}
.category a{color:#f16b6f;text-decoration:none}
.category a:hover{text-decoration:underline}
.post-publish-time{color:#999;font-size:13px}
.post-item-title{text-decoration:none}
.post-item-title h2{font-size:16px;line-height:1.5;color:#333;margin:0;font-weight:400}
.post-item-title:hover h2{color:#f16b6f}
@media (max-width:992px){.article_item{width:48%}
}
@media (max-width:600px){.article_item{width:100%}
}
/*pagination*/
.pagination{margin:30px 0;text-align:center}
.pagination ul{list-style:none;padding:0;margin:0;display:inline-flex;flex-wrap:wrap;gap:5px}
.pagination li{display:inline-block}
.pagination li a,.pagination li span{display:block;padding:6px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;color:#333;text-decoration:none}
.pagination li.active span{background:#fd5a5b;color:#fff;border-color:#fd5a5b}
.pagination li a:hover{background:#f0f0f0}
@media (max-width:900px){
}
.widget-footer{padding-bottom:45px;padding-top:45px}
.site-footer a{text-decoration:none}
.site-footer a:hover{color:#fd5a5b}
.site-footer li{list-style:none}
@media (min-width:1200px){.container{max-width:1160px}
}
.row{display:flex;flex-wrap:wrap;margin-right:-15px}
.widget a:hover{color:#fd5a5b}
@media (min-width:768px){.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}
}
/*footer*/
.logo.text{font-size:20px;font-weight:700}
.logo.text img{display:inherit}
.logo img{max-height:63px}
.widget-footer .site-info{color:#C0C0C0;margin-top:10px;padding-right:15px}
.widget-footer .site-info a{color:#C0C0C0}
@media (min-width:768px){.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}
}
@media (min-width:768px){.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}
}
.widget-footer .widget-title{font-size:16px;color:#dadada;margin-bottom:24px;font-weight:700}
.widget ul{list-style-type:none;margin:0;padding:0}
.widget-footer .widget ul li>a{color:#C0C0C0;display:inline-block}