@charset "utf-8";
@import url(/skin-diy/dist/animate/animate.min.css);			/* 动画 */
@import url(/skin-diy/dist/bootstrap-icons/bootstrap-icons.css);				/* 字体图标 */
@import url(/skin-diy/dist/bootstrap/css/bootstrap.min.css);			/* bootstrap */
*{margin:0px;padding:0px;outline:0;vertical-align:baseline}
*,*:before,*:after{-webkit-box-sizing: border-box;/* Safari */ -moz-box-sizing:border-box;/* Firefox */ box-sizing: border-box}
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust:none}
body{background:#f5f5f5;margin:0 auto;font-weight: normal;-webkit-font-smoothing:antialiased;color:#666;}
body{overflow-x: hidden;}
@media only screen and (max-width:991px) {
body{margin-bottom: 55px;}
   }
[hidden],template,script {display: none;}
a{background-color: transparent;text-decoration:none;color:#333;cursor:pointer;}
a{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
a:focus {outline: thin dotted;}
a:active,a:hover {outline: 0;}
a:hover{text-decoration:none;color:#FF6600;}
img{-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: middle;border:0;max-width:100%;height:auto}
ul{padding:0;}
ul,li{list-style:none;}
table tr.sel td{background-color:#FEE8DE;}
table>tbody>tr:nth-child(odd)>td{background-color: #f9f9f9;}
.hidden{display:none;}
.relative{position: relative;}
.img-responsive{display:block;max-width:100%;width:100%;height:auto}
.center-block{display:block;margin-right:auto;margin-left:auto}
.width-auto{width:auto; display:inline; display:inline-block;}
.height-auto{height:auto}
.btn-default{color: #212529;background-color: #f8f9fa;border-color: #f8f9fa;}
@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;}
   }
.sup{position: relative;}
.sup sup{content: attr(data-cart-items);position: absolute;top: -.5rem;right: -.75rem;display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;width: 19px;height: 19px;font-size: 12px;font-weight: 500;border-radius: 50%; border: 1px solid #fff;background-color: #ff6f61;color: #fff;}
.blockquote{page-break-inside:avoid;padding-top: 5px;padding-bottom: 5px;padding-left: 15px;border-left: 4px solid #ddd;font-size:.75rem}
.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;}
.more{float:right;margin-right:8px; color:#909090;}
.row-space {padding-right:15px;}
.row-space [class*="col"]{padding-left:15px; padding-right:0;}
.box-shadow {-webkit-box-shadow: 3px 28px 24px -33px rgba(0, 0, 0, 0.26);-moz-box-shadow: 3px 28px 24px -33px rgba(0, 0, 0, 0.26);box-shadow: 3px 28px 24px -33px rgba(0, 0, 0, 0.26);transition: all 0.5s ease;}
.arrow:after{top: calc(50% - 13px);top: calc(50% - 0.65rem);border: solid transparent;content: " ";position: absolute;pointer-events: none;border-width: 13px;border-width: 0.65rem;z-index: 99;}
.arrow-right:after{left: 0;border-left-color: #ffffff;}
.arrow-left:after{right: 0;border-right-color: #ffffff;}
.icon::before,.icon::after{display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;-webkit-font-smoothing: antialiased;}
.dropMenu{position:fixed !important;}
.error{text-align:center; padding:5%;}
.error h2{padding-bottom:1.5rem}
.error p+p{margin-top: 1.5rem;}
.error a{padding:.5rem}
/*swiper高度自适应*/.swiper-slide{height:10px !important}.swiper-slide-active {height:auto !important;}
.tabs .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;}
}
/*-------------------*/
/*头部*/
.site-topbar{font-size:.875rem;position:relative;z-index:3;border-bottom: 1px solid #efefef;color:rgba(0,0,0,0.99);}
.site-topbar ul{margin-bottom:0;}
.site-topbar>ul>li{position:relative;width:auto;float:left;margin-left:1.5rem}
.site-topbar>ul>li:first-child{margin-left:0}
.site-topbar>ul>li>a{color:rgba(0,0,0,0.99)}
.site-topbar .dropdown-menu{font-size:.875rem;}
.header-fixed-top .site-topbar{display:none !important}
@media only screen and (max-width:991px) {
.site-topbar{font-size:.75rem;}
   }
/*----------
	<div class="site-topbar">
<div class="relative clearfix">
<ul class="float-start"><li></li></ul>
<ul class="float-end"><li></li></ul>
</div>
    </div>
---------*/
.header{width:100%;}
@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); background:rgba(255,255,255,0.9)}
.header .logo{margin-bottom:0}
.header .logo a{background:url(../img/logo.png) no-repeat left center;font-size:0rem;float:left;display:inline;text-indent:-9999px}
.header .logo a{width: 150px;min-height: 4rem;}
@media only screen and (max-width:991px) {
.header .logo{display: inline-block; width:40%;}
.header .logo a{width:100%;background-size: 100% auto;background-position:left center;min-height: 3rem;}
   }
.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;}
@media only screen and (max-width:991px) {
.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;}
.navbar-nav-scroll .navbar-nav::-webkit-scrollbar{display:none}
.navbar-nav-scroll.navbar-toggle-active .navbar-nav{justify-content:center}
}
.header .navbar-nav li{font-weight:500; text-align:center;}
.header .navbar-nav > li > a {position: relative;float:left;padding:.5rem 1rem;}
.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: #000000;-webkit-transform: scaleX(1);transform: scaleX(1);}
.header .navbar-nav > li.current a:after {opacity: 1;background-color: #000000;-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);background:rgba(0,0,0,.8);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; border-bottom:1px solid rgba(255,255,255,0.3);}
.header .navbar-toggle-active li:last-child{border-bottom:0;}
.header .navbar-toggle-active li > a{color:rgba(255,255,255,0.8); float:none;}
.header .navbar-toggle-active li > a:after{bottom: -0.5rem}
.header .navbar-toggle-active li:first-child {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*/
/*-------------------*/


/*-------------------*/
/*底部页*/
.footer{background: #000000;/* fallback for old browsers */background: -webkit-linear-gradient(to right, #434343, #000000);  /* Chrome 10-25, Safari 5.1-6 */background: linear-gradient(to right, #434343, #000000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
.footer .separator {background: rgba(255, 255, 255, .21);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:#fff;text-align:center;text-shadow:1px 1px 2px #000;}
.footer .footer-copy p a{padding: 0px 5px;color:#fff;}
.footer-agile{font-size:.875rem}
.footer-agile .footer-grid h3 {font-size: 1.0625rem;margin-bottom: 1.2rem;color: #fff;}
.footer-agile .footer-grid p {letter-spacing: 1px;line-height: 1.75rem;color: rgba(255,255,255,.8);}
.footer-grid li {display: block;margin: .375rem 0 0;letter-spacing: 1px;color: rgba(255,255,255,.8);}
.footer-grid a{color:rgba(255,255,255,.8)}
.footer-info p{margin-right: 4rem;}
.footer-socials .socials-icon{display: inline-block;margin-top: 10px;margin-left: 3px; margin-right: 3px;}
.footer-socials .socials-icon:first-child {margin-left: 0;}
.footer-socials svg{width:20px; height:20px;}
.footer-socials a{font-size: 14px;display: inline-block;text-align: center;margin-right: 6px;transition: 0.3s;height: 36px;width: 36px;line-height: 36px;border-radius: 50%;color: #799ab3;background: #254157;}
@media only screen and (max-width:991px) {
.footer-info p{margin-right:0;}
   }
.go-menu{position:fixed;right:0%;bottom:10%;z-index:9999;}
.go-menu .go-btn{display:table}
.go-menu svg {width: 20px;height: 20px;}
.go-menu .dropdown-toggle {display:table-cell;text-align: center;margin-right: 6px;transition: 0.3s; height: 36px;width: 36px;vertical-align: middle;border-radius: 50%;color: rgba(255,255,255,.8);background: rgba(0,0,0,.5);}
.go-menu .dropstart .dropdown-toggle::before{display:none}
@media only screen and (max-width:991px) {
.go-menu .go-phone,.go-menu .go-qq,.go-menu .go-wx{display:none;}
   }
.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*/
/*-------------------*/
/*-------------------*/
/*列表页*/
.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}
}
/*---------- 位置 ---------*/
.breadcrumb{overflow:hidden;font-size:.75rem; padding:0;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;}
}
/*---------- 分页 ---------*/
.pagination-box .pagination {display: inline-block;line-height: 24px;}
.pagination-box{overflow:hidden;clear: both;padding:2% 0; text-align:center;}
.pagination-box .pagination li,.pagination-box .pagination>a {float: left;padding:3px 10px; border:1px solid #ff7200;text-align: center;margin-right: 5px; color: #ff7200;}
.pagination-box .pagination li{background:none;}
.pagination-box .pagination a:hover {background:#ff7200; color: #fff !important;}
.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 span {font-size:14px; background:#f3f3f3; margin:3px 3px; display:inline-block; text-decoration:none !important; text-align:center;padding: 0 12px;background:#f3f3f3;border: 1px solid #e5e5e5;}
.pagination-box .pagination span{display:none;}
/*---------- 分类 ---------*/
.list-nav{width: 100%;border-bottom: 1px solid rgba(0, 0, 0, 0.08); 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-text li {overflow: hidden;position: relative;padding-left:1rem; margin-bottom:.375rem}
.list-text li:before {content: "";width: 0.2rem;height: 0.2rem;border-radius: 50%;background: #f60;display: block;position: absolute;left: 0;top: 0.6rem;}
.list-text li p {text-align: left;color:#999;}
.list-text li em {float: left;font-weight: 400;color: #FC6D02; margin-right:5px;}
.list-text li strong {float: left; font-weight:normal;}
.list-text span {float: right;color: #999; margin-left:10px;font-size:.75rem}
.list-text span a{color: #999;}
@media only screen and (max-width:991px) {
.pg-list-text li{padding:.8rem;padding-left:1.5rem;}
.pg-list-text li:before {left: .5rem;top: 1.25rem;}
.pg-list-text li:nth-child(2n) {background: #fafafa;}
}
/*---------- 图文列表左右 ---------*/ 
.list-img{position:relative;text-align:center;font-size:0px/*解决display:inline-block间距*/;}
.list-img li:hover 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;}
.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; overflow: hidden;}
.list-img li{text-align:left;transition:all .2s ease;}
.list-img li .wrap{position:relative;margin:0 auto;width: 100%;display: block; overflow: hidden;align-items:center;/*居中对齐弹性盒的各项 <div> 元素*/}
.list-img li .img{display:block;padding-top:100%; overflow:hidden;}
.list-img li img{pointer-events: none;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.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:.75rem;}
.list-img .info{color: #999;font-size:.75rem;}
.list-img .info span{margin-right:5px;}
 /*---------- 排名列表 ---------*/  
.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;}
 /*---------- 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-sitemap+.list-sitemap{margin-top: 1.5rem;}
.list-sitemap ul li {padding: 3px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;display: inline-block; float:left; overflow: hidden; width: 50%;}
.list-sitemap ul li a {display: block;text-align: center;padding: 4px;border: 1px solid #efefef;border-radius: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.list-sitemap ul li.current a{font-weight:bold}
.list-sitemap ul li img{width: 5rem;height: 5rem;object-fit: cover;display: inline-block;border-radius: 50%;}
@media (orientation: landscape) and (min-width:992px) {
.list-sitemap ul li {width: 20%}
}
@media only screen and (max-width:991px) {
.list-sitemap ul li.all{width: 100%}
.list-sitemap ul li.current{width: 100%}
   }
/*列表页end*/
/*-------------------*/

/*-------------------*/
/*内容页*/
.article-detail .inner{background: #ebebeb;}
.article-detail .inner h1{font-size:1.75rem;text-align:center;}
.article-detail .info{font-size: .75rem;text-align:center;background:transparent;}
.article-detail .info small+small{margin-left:10px;}
.article-detail blockquote{font-size: .75rem;text-align: center; border-left:2px #eee solid; padding:1rem;color: #8896a1; margin-bottom:0;}
.detail{overflow: hidden;letter-spacing:1px}
@media only screen and (max-width:991px) {
.article-detail .inner h1{font-size:1.25rem;}
   }

/*---------- 下页 ---------*/  
ul.pg-next{padding:10px;overflow:hidden; margin-top:20px;}
ul.pg-next li{width:46%;padding:0 1%;float:left;height:26px;line-height:26px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
ul.pg-next li:nth-child(2){float:right;text-align: right;}
ul.pg-next li:hover,ul.pg-next li a:hover{color:#ff7200}
/*内容页end*/
/*-------------------*/

.line-title-b{border-bottom: 1px dotted #e5e5e5; padding-bottom:1.5rem}
.title-all{overflow:hidden;}
.title-all>li{position: relative;padding:1rem .5rem;float:left;font-weight: 200;color: #333;margin-right:1.5rem;}
.title-all>li.current{background: rgba(255,255,255,.8);}
.title-all>li.current a{color:#FF6600;background: rgba(255,255,255,1.0);}
.title-all>li.current:before {content: '';position: absolute;bottom: -1px;left: 0;border-top: 2px solid rgba(255,255,255,0.99);width: 100%;transition: 1s;}
.title-all>li.more{float:right;margin-right:0}
.title-all .line-title{position:relative}
.title-all .line-title:before {content: "";position: absolute;display: inline-block;width: 25px;height: 2px;background: rgba(0,0,0,0.85);left: 0;right: 0;bottom: -30.5%;}
.title-all .desc{text-align:left;line-height: 24px; color:#999;}
.title-center{border:0}
.title-center h2 {color: rgba(0,0,0,0.85);margin: 0 0 1rem; position: relative;transition: 1s; text-align:center}
.title-center .line-title:before{margin: 0 auto;}
@media only screen and (max-width:991px) {
.title-all .desc{font-size:.75rem}
   }

.h-Background{position: relative;overflow: hidden; padding:5% 0;}
.bg-gradient-darkBlue-seaBlue{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2a169b+39,2989d8+78,2cd4d9+95 */
    background: rgb(42, 22, 155);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(42, 22, 155, 1) 39%, rgba(41, 137, 216, 1) 78%, rgba(44, 212, 217, 1) 95%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(42, 22, 155, 1) 39%, rgba(41, 137, 216, 1) 78%, rgba(44, 212, 217, 1) 95%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(42, 22, 155, 1) 39%, rgba(41, 137, 216, 1) 78%, rgba(44, 212, 217, 1) 95%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a169b', endColorstr='#2cd4d9', GradientType=1);
    /* IE6-9 */}
.bg-gradient-fuchsia-violet{
    background-color: #b90276;
    background-image: linear-gradient(to right,#b90276 10%,#50237f 90%);
    background-size: cover;
    background-position: center center;
}
.bg-gradient-red-fuchsia,.bg-gradient-violet-darkBlue {
    background-color: #e20015;
    background-image: linear-gradient(to right,#e20015 10%,#b90276 90%);
    background-size: cover;
    background-position: center center;
}
.bg-gradient-violet-darkBlue {
    background-color: #50237f;
    background-image: linear-gradient(to right,#50237f 10%,#005691 90%);
}
.bg-gradient-darkBlue-lightBlue,.bg-gradient-lightBlue-turquoise {
    background-color: #005691;
    background-image: linear-gradient(to right,#005691 10%,#008ecf 90%);
    background-size: cover;
    background-position: center center;
}
.bg-gradient-lightBlue-turquoise {
    background-color: #008ecf;
    background-image: linear-gradient(to right,#008ecf 10%,#00a8b0 90%);
}
.bg-gradient-lightGreen-darkGreen,.bg-gradient-turquoise-lightGreen {
    background-color: #00a8b0;
    background-image: linear-gradient(to right,#00a8b0 10%,#78be20 90%);
    background-size: cover;
    background-position: center center;
}
.bg-gradient-lightGreen-darkGreen {
    background-color: #78be20;
    background-image: linear-gradient(to right,#78be20 10%,#006249 90%);
}
/*响应式表格*/
@media only screen and (max-width:991px) {
.table-responsive {width:100%;margin-bottom: 15px;overflow-x: auto;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;-webkit-overflow-scrolling: touch;border: 1px solid #e9e9e9;box-sizing: border-box;}
.table-responsive>.table-bordered {border: 0;}
.table-responsive>.table {margin-bottom: 0}
.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {white-space: nowrap}
.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child { border-left: 0}
.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child { border-right: 0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th {border-bottom: 0}
/*响应式表格*/
#no-more-tables[data-title] {color :#fff}
/* Force table to not be like tables anymore */
#no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {display: block;}
/* Hide table headers (but not display: none;, for accessibility) */
#no-more-tables thead tr {position: absolute;top: -9999px;left: -9999px;}
#no-more-tables tr {border-bottom: 5px solid #f3f3f3;}
#no-more-tables td {vertical-align: middle;display: block;/* Behave  like a "row" */border: none;border-bottom: 1px solid #e9e9e9; position: relative;white-space: normal;text-align:left;}
#no-more-tables td:before {margin-right:1rem;min-width: 4rem;white-space: nowrap;text-align:right;font-weight: normal;background:#f3f3f3;}
/*Label the data*/
#no-more-tables td:before {float: left;content: attr(data-title)" ";}
   }
/*表格-----end-*/
/*-------------------*/
/*动画效果*/
.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);
    } }
/*---------- 渐变背景图动画 ---------*/  	
.animation-bgRunning {
  -webkit-animation: bgRunning 3s linear 0s infinite both;
  -moz-animation: bgRunning 3s linear 0s infinite both;
  -ms-animation: bgRunning 3s linear 0s infinite both;
  -o-animation: bgRunning 3s linear 0s infinite both;
  animation: bgRunning 3s linear 0s infinite both; }
@-webkit-keyframes bgRunning {
  from {
    background-position: left center; }
  to {
    background-position: right center; } }
@-o-keyframes bgRunning {
  from {
    background-position: left center; }
  to {
    background-position: right center; } }
@-moz-keyframes bgRunning {
  from {
    background-position: left center; }
  to {
    background-position: right center; } }
@keyframes bgRunning {
  from {
    background-position: left center; }
  to {
    background-position: right center; } }
/*
背景图按坐标移动效果transform:translate3d(x,y,z)
@keyframes test {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-254px, 0, 0);
            transform: translate3d(-254px, 0, 0);
  }
}
{-webkit-animation: test 20s linear infinite;animation: test 20s linear infinite;}
*/
/*动画效果end*/
/*-------------------*/
.animation-bgRunning {position: relative;overflow-x: hidden;padding-top: 5px;}
.animation-bgRunning::before{background: rgba(0, 0, 0, 0) url(../img/bgRunning01.jpg) repeat scroll center center;content: "";height: 5px;position: absolute;bottom: 0; width: 200%;opacity: 0.95;background-repeat: repeat;-webkit-animation: bgRunning 3s linear 0s infinite both;-moz-animation: bgRunning 3s linear 0s infinite both;-ms-animation: bgRunning 3s linear 0s infinite both;-o-animation: bgRunning 3s linear 0s infinite both;animation: bgRunning 3s linear 0s infinite both;}
/*实现头像图片像QQ那样一闪一闪 .s{-webkit-animation: twinkling 1s infinite ease-in-out;} */
@-webkit-keyframes twinkling{
  0% {opacity: 0; }
  100% {opacity: 1; }
}