@charset "utf-8";
:root {--xy-bg-body:#EAEAEF;--xy-meta-font:#a8a8a8;--xy-font-color:#333333;--xy-bg-font-color:#eaeaef;--xy-hover-color:#d81624;--xy-font-size-small:0.75rem;--xy-bg-title:#111111;--xy-title-font-color:#131313;--xy-art-font-color:#333333;--xy-art-font-size:1.125rem;--xy-title-color-bg:#061f36;--xy-bg-box:#ffffff;--xy-bg-box1:rgba(255, 255, 255, 0.95);}
:root,[data-bs-theme="light"] {
--xy-transition:0.5s;
--xy-radius:0.5rem;
}
[data-bs-theme="dark"] {
--xy-bg-body:#181818;
--xy-meta-font:#6b6b6b;
--bs-body-bg-rgb:39,39,39;
--xy-bg-box:#272727;
--xy-font-color:#d2d2d2;
--xy-title-font-color:#dadada;
--xy-art-font-color:#c7edcc;
--xy-bg-box1:rgba(255, 255, 255, 0.1);
}
[hidden],template,script{display:none;}
body{overflow-x:hidden;background:var(--xy-bg-body);color:var(--xy-font-color);}
/*
@media only screen and (max-width:991px) {
body{margin-bottom: 55px;}
   }
*/
a{color:var(--xy-font-color);}
a:focus{outline: thin dotted;}
a:active,a:hover{outline: 0;}
a:hover{text-decoration:none;color:var(--xy-hover-color);}
p:last-child{margin-bottom:0}
table>tbody>tr:nth-child(odd)>td{background-color:var(--xy-bg-body);}
.img-responsive{display:block;max-width:100%;width:100%;height:auto}
@media only screen and (max-width:991px) {
.box-responsive{width:100%;overflow-x: auto;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;-webkit-overflow-scrolling: touch;white-space: nowrap;-webkit-box-sizing: border-box;/* Safari */ -moz-box-sizing:border-box;/* Firefox */ box-sizing: border-box;scrollbar-width:auto;}
.box-responsive::-webkit-scrollbar{display:none}
   }
.bg-alpha{margin: 0px;padding: 0px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.5) url(../img/bg-alpha.png);filter: alpha(opacity=50);opacity: 0.5;}
.row-space {padding-right:15px;}
.row-space [class*="col"]{padding-left:15px; padding-right:0;}
.dropMenu{position:fixed !important;}
p.card-text{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
/*swiper高度自适应*/.swiper-slide{height:10px !important}.swiper-slide-active {height:auto !important;}
/*swiper高度自适应*/.swiper-slide {width: auto;}
@media only screen and (min-width:992px) {
.dropdown:hover>.dropdown-menu{display:block;}
.dropdown:hover>.dropdown-menu-end{left: auto;right: 0;}
}
.meta{color:var(--xy-meta-font);}
/*-------------------*/
.animation-360deg {-webkit-animation: rotate 3s linear 0s infinite normal;animation: rotate 3s linear 0s infinite normal;}
@-webkit-keyframes rotate {
  100% {-webkit-transform: rotate(360deg);/* Safari 和 Chrome */transform: rotate(360deg);}
   }
@keyframes rotate {
  100% {transform: rotate(360deg);}
   }
/*---------- end ---------*/
.xy-waves-wrapper {position:fixed;width:100%;height:100%;overflow:hidden;top:0;left:0;z-index:-1;}
.xy-waves-wrapper .circle,.xy-waves-wrapper .triangle,.xy-waves-wrapper .square {position:absolute;bottom:-100px;width:40px;height:40px;background:#000000;border-radius:5px;opacity:0.1;animation:rise 10s infinite ease-in;}
.xy-waves-wrapper .square:nth-child(1) {width:40px;height:40px;left:10%;animation-duration:8s;}
.xy-waves-wrapper .square:nth-child(2) {width:20px;height:20px;left:20%;animation-duration:5s;animation-delay:1s;}
.xy-waves-wrapper .square:nth-child(3) {width:50px;height:50px;left:35%;animation-duration:7s;animation-delay:2s;}
.xy-waves-wrapper .square:nth-child(4) {width:80px;height:80px;left:50%;animation-duration:11s;animation-delay:0s;}
.xy-waves-wrapper .square:nth-child(5) {width:35px;height:35px;left:55%;animation-duration:6s;animation-delay:1s;}
.xy-waves-wrapper .square:nth-child(6) {width:45px;height:45px;left:65%;animation-duration:8s;animation-delay:3s;}
.xy-waves-wrapper .square:nth-child(7) {width:90px;height:90px;left:70%;animation-duration:12s;animation-delay:2s;}
.xy-waves-wrapper .square:nth-child(8) {width:25px;height:25px;left:80%;animation-duration:6s;animation-delay:2s;}
.xy-waves-wrapper .square:nth-child(9) {width:15px;height:15px;left:70%;animation-duration:5s;animation-delay:1s;}
.xy-waves-wrapper .square:nth-child(10) {width:90px;height:90px;left:25%;animation-duration:10s;animation-delay:4s;}
.xy-waves-wrapper .triangle {clip-path:polygon(50% 0%,0% 100%,100% 100%);}
.xy-waves-wrapper .triangle:nth-child(1) {width:20px;height:22px;left:50%;animation-delay:0s;}
.xy-waves-wrapper .triangle:nth-child(2) {width:30px;height:28px;left:25%;animation-delay:12s;}
.xy-waves-wrapper .triangle:nth-child(3) {width:30px;height:28px;left:80%;animation-delay:4s;}
.xy-waves-wrapper .triangle:nth-child(4) {width:40px;height:38px;left:30%;animation-delay:18s;}
.xy-waves-wrapper .triangle:nth-child(5) {width:50px;height:40px;left:70%;animation-delay:1s;}
.xy-waves-wrapper .circle {border-radius:100%;}
.xy-waves-wrapper .circle:nth-child(1) {width:22px;height:20px;left:10%;animation-delay:0s;}
.xy-waves-wrapper .circle:nth-child(2) {width:84px;height:80px;left:45%;animation-delay:12s;}
.xy-waves-wrapper .circle:nth-child(3) {width:53px;height:50px;left:90%;animation-delay:4s;}
.xy-waves-wrapper .circle:nth-child(4) {width:53px;height:50px;left:60%;animation-delay:18s;}
.xy-waves-wrapper .circle:nth-child(5) {width:43px;height:40px;left:90%;animation-delay:1s;}
@keyframes rise {0% {bottom:-100px;transform:translateX(0) rotate(0deg);}
50% {transform:translate(100px) rotate(180deg);}
100% {bottom:1080px;transform:translateX(-200px) rotate(360deg);}
}
/*实现头像图片像QQ那样一闪一闪*/
.animation-s{-webkit-animation: twinkling 1s infinite ease-in-out;} /*实现头像图片像QQ那样一闪一闪*/
@-webkit-keyframes twinkling{
  0% {opacity: 0;}
  100% {opacity: 1;}
}
/*---------- end ---------*/
/*all end*/
/*头部*/
.header{width:100%;background:#fff}
@media only screen and (min-width:992px) {
.header-absolute{position:absolute;top:0;z-index:99;}
}
.header-box-shadow{box-shadow:0px 3px 3px rgba(0,0,0,0.04); 
-moz-box-shadow:-0px 3px 3px rgba(0,0,0,0.04);         
-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.04);           
-o-box-shadow:-0px 3px 3px rgba(0,0,0,0.04);}
.header-fixed-top{position:fixed;top:0;z-index:99;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25);}
/*top*/
.site-topbar ul{margin-bottom:0; vertical-align:middle;color:var(--xy-bg-font-color);font-size:0.825rem;}
.site-topbar ul>li{width:auto;margin-left:1rem;}
.site-topbar ul>li:first-child{margin-left:0}
.header-fixed-top .site-topbar{display:none !important}
@media only screen and (max-width:991px) {
.site-topbar{font-size:.75rem;}
   }
/*end*/
/*logo*/
.header .logo{margin-bottom:0}
.header .logo a{background:url(../img/logo.png) no-repeat left center;background-size:cover;font-size:0rem;float:left;display:inline;text-indent:-9999px}
.header .logo a{width: 180px;min-height: 4.5rem;}
@media only screen and (max-width:991px) {
.header .logo{display: inline-block;}
.header .logo a{background-position:left center;width:100px;min-height:2.5rem;}
   }
/*end*/
.header a.navbar-item+a.navbar-item{font-size:1.25rem;margin-left:1.0rem;text-align:right}
.header .navbar {position:relative;text-align:center;--bs-navbar-padding-y:0.25rem;}
@media only screen and (max-width:991px) {
.header .navbar .navbar-nav-scroll{overflow:hidden;}
.header .navbar .navbar-nav-scroll .navbar-nav{overflow-x: auto;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;-webkit-overflow-scrolling: touch;white-space: nowrap;-webkit-box-sizing: border-box;/* Safari */ -moz-box-sizing:border-box;/* Firefox */ box-sizing: border-box;scrollbar-width:auto;}
.header .navbar .navbar-nav-scroll .navbar-nav::-webkit-scrollbar{display:none}
.header .navbar .navbar-nav-scroll.navbar-toggle-active .navbar-nav{justify-content:center}
.header .navbar{--bs-navbar-padding-y:0.1rem;}
}
.header .navbar-nav .nav-link{ padding:0.5rem 1rem;}
.header .navbar-nav li{font-weight:500; text-align:center;}
.header .navbar-nav > li > a {position: relative;float:left;color:#131313}
.header .navbar-nav > li > a:after {position: absolute;left: 0px;right: 0px;bottom: -.2rem;content: ""; height: 2px;opacity: 0;vertical-align: middle;-webkit-transition: .5s;-moz-transition: .5s;-webkit-transform: .5s;transition: .5s;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;margin-left: 1rem;margin-right: 1rem;}
.header .navbar-nav > li a:hover:after {opacity: 1;background-color:var(--xy-title-font-color);-webkit-transform: scaleX(1);transform: scaleX(1);}
.header .navbar-nav > li.current a:after {opacity: 1;background-color:var(--xy-title-font-color);-webkit-transform: scaleX(1);transform: scaleX(1);}
@media only screen and (max-width:991px) {
.header .navbar-toggle-active{white-space: normal;display:block !important;width:100%;max-height:var(--bs-scroll-height,100vh);margin:auto;}
.header .navbar-toggle-active .navbar-nav{flex-wrap: wrap;}
.header .navbar-toggle-active li {padding: .5rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;overflow: hidden;}
.header .navbar-toggle-active li:last-child{border-bottom:0;}
.header .navbar-toggle-active li > a{float:none;}
.header .navbar-toggle-active li > a:after{bottom: -0.5rem}
.header .navbar-toggle-active li:first-child {display:none;}
   }
/*-----*/
@media only screen and (min-width:992px) {
.header .navbar .navbar-toggler{display:none;}
.header .navbar .navbar-collapse{display:block;}
.header .navbar .d-flex-lg{display:flex !important;flex-basis: auto;}
.header .navbar .navbar-nav{display:block;}
.header .navbar .navbar-nav li{float:left;}
.header .navbar .navbar-nav .dropdown-menu{position:absolute;}
    }  
@media only screen and (max-width:991px) {
.header .navbar .d-flex-lg{display:none;}
.header .navbar .d-flex-lg.show{display:block;}
   }
.header .navbar .navbar-nav-scroll{display:block;width:100%;overflow:hidden;}
.header .navbar .navbar-nav li{float:left;}
.header .navbar .navbar-nav {flex-direction: row;}
/*头部end*/
/*底部页*/ 
/*---------- start ---------*/ 
.footer-wave {position: relative;text-align: center;}
.footer-wave .waves {position: relative;width: 100%;height: 10vh;margin-bottom: -7px;/*Fix for safari gap*/min-height: 50px;max-height: 100px;}
.footer-wave .parallax>use {animation:move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;}
.footer-wave .parallax>use:nth-child(1) {animation-delay: -2s;animation-duration: 7s;}
.footer-wave .parallax>use:nth-child(2) {animation-delay: -3s;animation-duration: 10s;}
.footer-wave .parallax>use:nth-child(3) {animation-delay: -4s;animation-duration: 13s;}
.footer-wave .parallax>use:nth-child(4) {animation-delay: -5s;animation-duration: 20s;}
@keyframes move-forever {
  0% {transform: translate3d(-90px, 0, 0);}
  100% {transform: translate3d(85px, 0, 0);}
}
.footer{background:var(--bs-black);/* fallback for old browsers */background: -webkit-linear-gradient(to right, var(--xy-bg-title), var(--bs-black));  /* Chrome 10-25, Safari 5.1-6 */background: linear-gradient(to right, var(--xy-bg-title), var(--bs-black)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
.footer .separator {background: rgba(255, 255, 255, .2);width: calc(100% - 30px); height: 1px;position: absolute;left: 15px;top: -25px;}
.footer .footer-copy{padding:1.5rem 0;font-size: .75rem}
.footer .footer-copy:before {position: absolute;left: 0;top: 0;height: 100%;width: 100%;opacity: .03;background-image: url(../img/pattern.png);content: "";}
.footer .footer-copy p{color:var(--xy-bg-font-color);text-align:center;text-shadow:1px 1px 2px #000;}
.footer .footer-copy p a{padding: 0px 5px;color:var(--xy-bg-font-color);}
/*---------- end ---------*/ 
/*---------- start ---------*/ 
.footer-bar{display:block;}
.footer-bar .fixed-bottom{border-top:#e9e9e9 solid 1px;-moz-box-shadow:0px -3px 20px rgba(0,0,0,0.15); -webkit-box-shadow:0px -3px 20px rgba(0,0,0,0.15); box-shadow:0px -3px 20px rgba(0,0,0,0.15);}
.footer-bar .fixed-bottom{width:100%;background-color:#fff; margin-bottom:0;}
.footer-bar ul li,.footer-bar ul li a{color:#333;}
.footer-bar ul li i{font-size:140%;border-radius: 50%;}
.footer-bar ul li p{display: block;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom:0;font-size:.75rem}
.footer-bar ul li .home{vertical-align:middle;color:#FFF;}
.footer-bar ul li .home{display:inline-block;width:60px; height:60px;margin-top: -6px;background: #ff0036;border: 8px solid #f6f6f6;border-radius:50%;}
@media only screen and (max-width:991px) {
.footer-bar .fixed-bottom{position:fixed;z-index:99;bottom:0;left:0;}
   }
@media only screen and (min-width:992px) {
.footer-bar{display:none;}
   }
/*---------- end ---------*/ 
.go-menu {position:fixed;right:0.5rem;bottom:20%;z-index:9999;font-size:1rem;}
.go-menu .go-info .tip {display:table;margin-left:-145px;padding:0.35rem 1rem;max-width:185px;color:#000000;-webkit-backdrop-filter: blur(20px) saturate(180%);backdrop-filter: blur(20px) saturate(180%);background:rgba(199,237,204,0.9);border-radius:1rem;animation:infotip 6s infinite}
.go-menu .go-info .tip:nth-child(2) {animation:infotip 8s infinite}
@keyframes infotip {0% {opacity:0;transform:translateY(0)}
50% {opacity:0.75;transform:translateY(-50%)}
100% {opacity:0;transform:translateY(-25%)}
}
.go-menu .go-list {display:block !important;margin-bottom:0.25rem;position:relative;width:36px;line-height:36px;color:#000000;-webkit-backdrop-filter: blur(20px) saturate(180%);backdrop-filter: blur(20px) saturate(180%);background:rgba(199,237,204,0.9);border-radius:50%;text-align:center;cursor:pointer}
.go-menu .go-list:hover .go-body {left:-198px;transform:scale(1);transition:all var(--xy-transition);opacity:1}
.go-menu .go-body {padding:1rem;position:absolute;top:0;width:185px;line-height:1.5;color:#000000;-webkit-backdrop-filter: blur(20px) saturate(180%);backdrop-filter: blur(20px) saturate(180%);background:rgba(199,237,204,0.9);border-radius:var(--xy-radius);text-align:center;transform:scale(0);opacity:0}
.go-menu .go-body:before {position:absolute;top:15px;right:-5px;content:'';width:10px;height:10px;-webkit-backdrop-filter: blur(20px) saturate(180%);backdrop-filter: blur(20px) saturate(180%);background:rgba(199,237,204,0.9);transform:rotate(45deg)}
.go-menu .go-top {opacity:0}
.go-menu .go-top.active {opacity:1;transition:var(--xy-transition)}
.go-menu .theme-mode .theme-sun i,.go-menu .theme-mode .theme-moon i {cursor:pointer}
.go-menu .theme-switch input,.go-menu .theme-mode .theme-sun,.go-menu input:checked+.theme-mode .theme-moon {display:none}
.go-menu .theme-mode .theme-moon,.go-menu input:checked+.theme-mode .theme-sun {display:block}
@media only screen and (max-width:991px) {
.go-menu .go-info .tip{display:none}
   }
/*---------- 搜索 ---------*/  
.searchbar{position:absolute;z-index:999;top: 0px;}
.hotwords{position: absolute;top:1.6rem;right:6rem;z-index:2;text-align: right;}
.hotwords a{display:inline-block;*zoom:1;*display:inline;margin-left:5px;font-size:.75rem;-webkit-transition:all 0.2s;transition:all 0.2s}
.search-list{position:fixed;top:0;right:0;left:0;bottom:0;z-index:9998;background:#f6f6f6;}
.search-list .searchbar{position: fixed;background:rgba(255,255,255,1.0);width:100%; right:0;}
.search-list .hotwords{display:block;top:4rem; right:inherit; left:0; text-align:center}
.search-list .search-off{cursor: pointer;overflow:hidden; text-align:center;}
/*---------- end ---------*/  
/*底部页end*/
/*-------------------*/
/*列表页*/
/*---------- 位置 ---------*/
.breadcrumb{overflow:hidden;font-size:.75rem;width:100%;margin-bottom:0; display:block;text-overflow:ellipsis;white-space: nowrap;}
.breadcrumb li{vertical-align:middle;display:inline-block;padding: 0.35rem 0;}
.breadcrumb .btn-back{padding-right:1rem;font-size:180%;}
@media only screen and (max-width:991px) {
.bg-breadcrumb {box-shadow: 0px 3px 3px rgba(0,0,0,0.04);-moz-box-shadow: -0px 3px 3px rgba(0,0,0,0.04);-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.04);-o-box-shadow: -0px 3px 3px rgba(0,0,0,0.04);}
.breadcrumb{margin-bottom:.5rem;}
}
/*---------- end ---------*/
/*---------- 分页 ---------*/
.pagination-box .pagination {display: inline-block;}
.pagination-box{overflow:hidden;clear: both;text-align:center;}
.pagination-box .pagination li,.pagination-box .pagination>a{float: left;padding:0px 0px; text-align: center;margin-right: 0px; }
.pagination-box .pagination li.active a ,.pagination-box .pagination>a.active,.pagination-box .pagination li.thisclass a ,.pagination-box .pagination>a.thisclass{background: #ff7200; background: -webkit-gradient(linear,0 0,100% 0,from(#ff7200),to(#ff7200)); border-color:#ff7200; color: #fff; cursor: not-allowed;}
.pagination-box .pagination li .page-link{color:#a8a8a8;}
.pagination-box .pagination li.active>.page-link{color: var(--bs-white);}
.pagination-box .pagination li.disabled{display:none;}
/*---------- end ---------*/
/*---------- hd图 ---------*/
.pg-tyimg{position: relative;}
.pg-tyimg img{display:block;max-width:100%;width:100%;height:auto;}
.pg-tyimg .content{position:absolute; top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);/* transform: translate(-50%,-50%); */display: table;}
.pg-tyimg .content{color:rgba(255,255,255,.8);text-align:center;}
.pg-tyimg .content p{font-size:2.8rem; line-height:2.8rem}
@media only screen and (max-width:991px) {
.pg-tyimg .content h2{font-size: 1.25rem;}
.pg-tyimg .content h3{font-size: 1rem;}
.pg-tyimg .content p{font-size:.875rem; line-height:1.75rem}
}
/*---------- end ---------*/
/*---------- 分类 ---------*/
.list-nav{width: 100%;text-align:center;}
.list-nav h3{background:#ddd;position: relative;display: inline-block;padding:12px 10px;}
.list-nav>a{position: relative;display: inline-block;padding:12px 10px;margin-left:1.0rem;}
.list-nav .current::before,.list-nav>a::before {position: absolute;bottom: 0; width: 0;height: 1px;margin-top: 25px;margin-left: 0;content: "";transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;text-align: left;background-color: #818181;}
.list-nav .current::before,.list-nav>a:hover::before{width: 100%;}
.list-nav li{position: relative;display: inline-block;padding:12px 10px;margin-left:1.0rem;}
@media only screen and (max-width:991px) {
.list-nav{width:100%;overflow-x: auto;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;-webkit-overflow-scrolling: touch;white-space: nowrap;-webkit-box-sizing: border-box;/* Safari */ -moz-box-sizing:border-box;/* Firefox */ box-sizing: border-box;}
}
/*---------- 图文列表左右 ---------*/ 
.list-img{position:relative;text-align:center;font-size:0px/*解决display:inline-block间距*/;}
.list-img .card-body .card-title a,.list-img .card-body  .title a{color:var(--xy-title-font-color);}
.list-img .card-body .card-title a:hover,.list-img .card-body .title a:hover{color:var(--xy-hover-color);}
.list-img .card-body .card-text,.list-img .card-body .card-text a{color:#a8a8a8;}
.list-img li{-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; float:none;display:inline;display: -moz-inline-stack;display: inline-block;vertical-align: top;zoom: 1;*display: inline;}
.list-img li{text-align:left;transition:all .2s ease;}
.list-img li .wrap{position:relative;margin:0 auto;width: 100%;display: block;lign-items:center;/*居中对齐弹性盒的各项 <div> 元素*/}
.list-img li .img{display:block;padding-top:100%; overflow:hidden; background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,1));}
.list-img li .img img{pointer-events: none;width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity:0.95;}
.list-img li:hover .img img {-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);transform: scale(1.1,1.1);-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;transform:rotate(5deg) scale(1.2);opacity:1;}
.list-img .wrap:hover .wrap-mask{position: absolute;top:0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;}
.list-img .wrap .wrap-mask-bg{display:none;}
.list-img .wrap:hover .wrap-mask-bg{display:block;color:#FFF;position: absolute;height: 100%;bottom: 0;right: 0;width: 100%;text-align: center;background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(20, 0, 0, .8));
}
.list-img .float-start{overflow: hidden;position: relative;margin-right:1.5rem;width: 33.333%;padding-bottom:33.333%;text-align: center;}
.list-img .float-end{float:none;overflow:hidden;-webkit-flex:1;flex:1;text-align:left;}
.list-img .card-text{font-size:.85rem;}
@media only screen and (max-width:991px) {
.list-img .card-text{font-size:.75rem;}
}
/*---------- end ---------*/
/*---------- tag列表 ---------*/  
.list-tags{overflow: hidden}
.list-tags li{float: left;margin: 0 5px 5px 0}
.list-tags li a {display: block;height: 18px;padding: 0 6px;line-height: 17px;color:#fff;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px}
.list-tags li a:first-child {background: #f67111}
.list-tags li a:nth-child(2) {background: #063965}
.list-tags li a:nth-child(3) {background: #993d06}
.list-tags li a:nth-child(n+5) {background: #0062b6}
.list-tags li a:last-child {}
.list-tags>a{color:var(-xy-title-font-color);display: inline-block;padding: 6px 10px;line-height: 1.2;margin-top:1rem;margin-right:0.5rem;background:var(--xy-bg-box1);;border: 1px solid rgba(39, 39, 39, 0.75);border-radius: 25px;-webkit-transition: all 300mscubic-bezier(.5,2.5,.7,.7);-o-transition: all 300ms cubic-bezier(.5, 2.5, .7, .7);transition: all 300mscubic-bezier(.5,2.5,.7,.7);font-size: 0.75rem;}
.list-tags>a:hover {color:var(--xy-hover-color) !important;-webkit-transform: translate(-1px,-1px);-ms-transform: translate(-1px,-1px);transform: translate(-1px,-1px);-webkit-box-shadow: 2px 2px 0px 0px #333;box-shadow: 2px 2px 0px 0px #333}
.list-tags>a:first-child {color:var(--bs-red);}
.list-tags>a:nth-child(2) {color:var(--bs-orange);}
.list-tags>a:nth-child(3) {color:var(--bs-green);}
.list-tags>a:nth-child(n+5) {color:var(--xy-font-color);}
/*---------- end ---------*/
/*列表页end*/
/*-------------------*/
/*内容页*/
.article-title h1{font-size:1.5rem;color:var(--xy-art-font-color);}
.article-title h2{font-size:1.25rem;color:var(--xy-art-font-color);}
.article-detail .meta small+small{margin-left:10px;font-size:0.75rem}
.article-detail blockquote{font-size:.75rem;text-align: center; border-left:2px #eee solid; padding:1rem;color: #8896a1; margin-bottom:0;}
.article-detail .detail{overflow:hidden;letter-spacing:1px;line-height:2;color:var(--xy-art-font-color);font-size:var(--xy-art-font-size)}
@media only screen and (max-width:991px) {
.article-detail .article-title h1{font-size:calc(1.275rem + .3vw);}
   }
.share-box{text-align:center!important}
.share-box li{display: inline-block!important;}
.share-box li:first-child {margin-left:0!important;}
.share-box li a{display:block !important;}
.share-box svg{width:18px!important; height:18px!important;}
.share-box a{font-size:12px!important;display: inline-block!important;text-align: center!important;margin-right: 6px!important;transition: 0.3s!important;height: 30px!important;width: 30px!important;line-height: 30px!important;border-radius: 50%!important;color: #fff!important;background:#999999!important;}
/*内容页end*/
/*---------- 排名列表 ---------*/  
.ranking {counter-reset: num;}
.ranking li:before {content: counter(num); counter-increment: num; display: block; position: absolute; right: 6px; bottom: 1px; font-size: 12px; font-style: italic; z-index: 1; color: #fff;}
.ranking li:after {content: ""; position: absolute; right: calc(var(--bs-gutter-x) * .5); bottom: 0; width: 0; height: 0; display: block; border-style: solid; border-width: 14px; border-color: transparent #e71f19 #e71f19 transparent;}
.ranking li:nth-child(n+4):after { border-color: transparent #999 #999 transparent;}
/*---------- end ---------*/
/*-------------------*/
.links-txt{padding-top:1rem}
.links-txt li{display:inline}
.links-txt a {display:inline-block; padding:.3rem;}
@media screen and (max-width: 991px) {
.links-txt a{-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;display: inline-block; text-align:center;}
   } 
.links-img{border-top: 1px solid #eee;border-left: 1px solid #eee;}
.links-img li a{padding: 30px;display: flex;justify-content: center;align-items: center;border-right: 1px solid #eee;border-bottom: 1px solid #eee;overflow: hidden;background: #fff;height: 120px;}
.links-img li img{height: 80%;-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: 0.3s;}
.links-img li a:hover img {-webkit-filter: none;filter: none;transform: scale(1.2);}
.links-img li img {transition: all 0.4s ease-in-out;}
/*---------- end ---------*/

/*basic end*/
.bg-box{background:var(--xy-bg-box);}
.bg-box-border::after{content: "";display: block; position: absolute;z-index: -1;width: 95%;height: 100%; bottom: -9px;left: calc(2.5%);background-color:rgba(251, 248, 242, 0.1);border-radius: 20px;border-width: 1px; border-style: solid; border-color:var(--bs-gray);border-image: initial;transition: 0.15s;}
.bg-box-border .title{width: auto;letter-spacing: 0.25px;position: absolute;left: 25px;top: -15px;z-index: 2;padding: 4px 20px; background:var(--bs-body-bg);border: 1px solid rgba(39, 39, 39, 0.75);border-radius: 100px;font-size: 0.75rem;}
@media only screen and (max-width:991px) {
.navbar-expand {flex-wrap:wrap;justify-content:flex-start;}
.header .navbar .navbar-nav .search{width:100%;}
   }
   
@media only screen and (min-width:992px) {
.navbar::after{content: "";display: block;position: absolute;z-index:1;width: 100%;height:2.9rem;bottom:0px;background:#388ac0;}
.header .navbar {--bs-navbar-padding-y: 0rem;}
.header .navbar .navbar-nav-scroll{z-index: 2;}
.header .navbar-nav > li > a {color: #fff;}
.header .navbar-nav > .current{background:#c90007;}
.header .navbar-nav .nav-link {padding: 0.8rem 2rem;}
.header .navbar .navbar-nav .search input{background:rgba(255, 255, 255, 0.4);border: 0;}
.header .navbar .navbar-nav .search .btn{background:rgba(255, 255, 255, .6);border: 0;}
   }
   
.user-info .avatar{height:4rem;width:4rem;position:relative;display:inline-block;flex-shrink:0 !important;}
.user-info .avatar .avatar-img{vertical-align:middle;width:100%;height:100%;object-fit:cover;}

.footer-links .links-txt a {color:var(--xy-bg-font-color);font-size:0.75rem}
.footer .animation-bgRunning::before{-webkit-animation: bgRunning 9s linear 0s infinite both;-moz-animation: bgRunning 9s linear 0s infinite both;-ms-animation: bgRunning 9s linear 0s infinite both;-o-animation: bgRunning 9s linear 0s infinite both;animation: bgRunning 9s linear 0s infinite both;}
.footer .animation-bgRunning::before{background:url(../../images/seperator-start.svg);}