@charset "utf-8";
@import url(/skin-diy/dist/fontawesome/css/all.min.css);				/* 字体图标 */
/*@import url(/skin-diy/dist/fontawesome/css/v4-shims.min.css);支持4.7*/	
@import url(/skin-diy/dist/animate/animate.min.css);			/* 动画 */
@import url(/skin-diy/dist/bootstrap/css/bootstrap.min.css);			/* 动画 */
*{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:767px) {
body{margin-bottom: 50px;}
   }
[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,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:767px) {
.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;}

/*-------------------*/
/*头部*/
.site-topbar{background: rgba(0,0,0,.1);font-size: .875rem;position:relative;z-index:3;border-bottom: 1px solid #efefef;color:rgba(0,0,0,0.99); padding:.625rem 15px}
.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 ul>li .ui-dropdown-content{padding:0}
.site-topbar ul>li .ui-dropdown-content a{display:block;padding:6px 20px;clear:both;font-weight:400;color:#333;white-space:nowrap}
.site-topbar ul>li .ui-dropdown-content a:focus,.site-topbar ul>li .ui-dropdown-content a:hover {text-decoration:none;color:#262626;background-color:#f5f5f5}
.header-fixed-top .site-topbar{display:none !important}
/*----------
	<div class="site-topbar">
<div class="relative clearfix">
<ul class="fl"><li></li></ul>
<ul class="fr"><li></li></ul>
</div>
    </div>
---------*/
.header{width:100%;}
@media only screen and (max-width:767px) {
.header{background: rgb(0,0,0);}
.header a{color:rgba(255, 255, 255,0.9);}
}
@media only screen and (min-width:768px) {
.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: rgb(0,0,0) !important;}
.header-fixed-top a{color:rgba(255, 255, 255,0.9);}
.header-fixed-top .ui-dropdown-content a {color:rgba(0, 0, 0,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:767px) {
.header .logo{display: inline-block; width:30%;}
.header .logo a{width:100%;background-size: 50% auto;background-position:left center;min-height: 3rem;}
   }

.header .navbar {position: relative;text-align:center;padding: .5rem 1rem;}
.navbar-nav-scroll{display: inline-block;}
@media only screen and (max-width:767px) {
.navbar-nav-scroll{max-width: 100%;height: 2.5rem;margin-top: .25rem;overflow: hidden;}
}
.header .navbar-nav{display: inline-block;}
.header .navbar-nav li{font-weight:500; float:left; text-align:center;}
.header .navbar-nav > li > a {position: relative;float:left;color:rgba(0,0,0,0.8);padding: .5rem 0;}
.header .navbar-nav > li.current a{color: #ff7200;}
.header .navbar-nav > li + li {margin-left:2rem;}
.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%;}
.header .navbar-nav > li a:hover:after {opacity: 1;background-color: #ff7200;-webkit-transform: scaleX(1);transform: scaleX(1);}
.header .navbar-nav > li.current a:after {opacity: 1;background-color: #ff7200;-webkit-transform: scaleX(1);transform: scaleX(1);}
.header .navbar-nav .ui-dropdown-content a{display:block;margin-bottom:1rem}
.header .navbar-nav .ui-dropdown-content a:last-child{margin-bottom:0}
.header-fixed-top .navbar-nav > li > a {color:rgba(255, 255, 255,0.9);}
.navbar > a.navbar-item+a.navbar-item{margin-left:1.0rem;text-align:right}
.navbar > a{font-size: 1.25rem;}
@media only screen and (max-width:767px) {
.header .navbar-toggle-active{display:block !important;float:none;width:100%;min-height:1rem;position: absolute; top:3.75rem;left:0; z-index:9998; background:rgba(0,0,0,.8);margin:auto;}
.header .navbar-nav 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:100%; border-bottom:1px solid rgba(255,255,255,0.3);}
.header .navbar-nav li:last-child{border-bottom:0;}
.header .navbar-nav > li + li{margin-left:0}
.header .navbar-nav > li > a{color:rgba(255,255,255,0.8); float:none;}
.header .navbar-nav > li > a:after{bottom: -0.5rem}
.header .navbar-nav li:first-child {display:none;}
   }
/*---------- 搜索 ---------*/  
.searchbar{position:absolute;z-index:999;right:10rem; float:right;top: 0px;width:55rem;}
.searchbox{width:100%;height:2.8rem;}
.searchbox input{border:none;background:none;vertical-align:top}
.searchbox input.text{display:block;width:100%;height:2.8rem;line-height:2.8rem;line-height:2.8rem;text-indent:1rem;padding:0;border: 0 none;float: left;background: #f5f5f5;}
.searchbox input.btn{cursor:pointer;float:right;border: 0 none;background:rgba(226,24,54,0.99) url(../img/ico-so.png) no-repeat center center;height:2.8rem; color:#FFF;width:5rem; font-size:120%; font-weight:bold;border-radius:0px;}
.searchbox .btn:hover{background:#FF6600 url(ico-so.png) no-repeat center center;color:#fff}
.searchbox .input-bar {background:#FFF;height:2.8rem;margin-right:5rem;border: 1px solid #eaeaea;}
.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;padding:0 5px;font-size:1.2rem;background:#eee;color:#757575;-webkit-transition:all 0.2s;transition:all 0.2s}
.hotwords a:hover{background:#ff6700;color:#fff}
.search-list{}
.search-list .searchbar{position: fixed;background:rgba(255,255,255,1.0);width:100%; right:0; padding:1rem 0;}
.search-list .searchbox .input-bar{margin-left:4rem}
.search-list .hotwords{display:block;top:6rem; right:inherit; left:0; text-align:center}
.search-list .search-off{cursor: pointer;float: left;height: 2.8rem;width: 4rem; overflow:hidden; text-align:center; font-size:180%; color:#F00}
/*头部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 p{color:#fff;text-align:center;text-shadow:1px 1px 2px #000;}
.footer .footer-copy p a{padding: 0px 5px;color:#fff;}
.footer-agile{padding-top:80px;padding-bottom:80px;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;}
@media only screen and (min-width:768px) {
.footer-agile{padding:100px 0;}
   }
@media only screen and (max-width:767px) {
.footer .footer-copy{display:none;}
.footer-grid{margin-bottom:60px}
.footer-info p{margin-right:0;}
   }
.go-menu{position:fixed;right:0%;bottom:10%;z-index:9999;}
.go-menu .go-btn{width:50px;height:51px;cursor:pointer;position:relative;background:url(../img/go-up.png) no-repeat;}
.go-menu .go-phone{background-position: 0 -100px;background-size: 100%;opacity: 0.85;}
.go-menu .go-phone:hover{background-position: 0 -100px;background-size: 100%;opacity: 1.0;}
.go-menu .go-phone .phone-cssdrop{background-color:#dd0f0a; position:absolute; width:160px; left:-160px; top:0px; line-height:50px; color:#FFF; font-size:18px; text-align:center; display:none;}
.go-menu .go-qq{background-position: 0 0;background-size: 100%;opacity: 0.85;}
.go-menu .go-qq:hover{background-position: 0 0;background-size: 100%;opacity: 1.0;}
.go-menu .go-qq .qq-cssdrop{background-color:#4e8df5; position:absolute; width:160px; left:-160px; top:0px; line-height:50px; color:#FFF; font-size:18px; text-align:center; display:none;}
.go-menu .go-qq a{color:#FFF}
.go-menu .go-wx{background-position: 0 -50px;background-size: 100%;opacity: 0.85;}
.go-menu .go-wx:hover{background-position: 0 -50px;background-size: 100%;opacity: 1.0;}
.go-menu .go-wx .wx-cssdrop{position:absolute; width:160px; left:-160px; top:0px; line-height:50px; color:#FFF; font-size:18px; text-align:right; display:none;}
.go-menu .go-wx .wx-cssdrop .img {display:block;background:#fff url(../img/QRCode-wx-kf.png) no-repeat; background-size:contain; width:160px; height:160px;}
.go-menu .go-wx .wx-cssdrop img{max-width:160px; min-height:150px;}
.go-menu .go-up{background-position: 0 -150px;background-size: 100%;display:none;opacity: 0.5;}
.go-menu .go-up:hover{background-position: 0 -150px;opacity: 1.0;}
@media only screen and (max-width:767px) {
.go-phone,.go-qq,.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{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;height:46px;}
.footer-bar ul li{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1;text-align:center;}
.footer-bar ul li b{font-size:140%;border-radius: 50%; background:#f6f6f6;}
.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;background: #ff0036;border-radius:50%;border: 8px solid #f6f6f6;font-size:180%; width:55px; height:55px; line-height:35px; color:#FFF;}
.footer-bar ul li,.footer-bar ul li a{color:#333;}
@media only screen and (max-width:767px) {
.footer-bar .fixed-bottom{position:fixed;z-index:99;bottom:0;left:0;}
   }
@media only screen and (min-width:768px) {
.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:767px) {
.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}
}
/*---------- 位置 ---------*/
.site-path{overflow:hidden;height: 3.2rem;line-height: 3.2rem;font-size:.75rem}
.site-path .btn-back{padding-right:1rem;text-align:center;border-right:1px solid rgba(255,255,255,.3); font-size:150%;}
.site-path .btn-back .fa-chevron-left:before{}
@media screen and (max-width:767px) {
.site-path{/*-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.15);*/border-bottom:1px solid rgba(255,255,255,.3);}
.site-path .btn-back{float:left; display:block; margin-right:10px;}
}
/*---------- 分页 ---------*/
.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:767px) {
.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;background:url(../img/ico_news.gif) 0 .8rem no-repeat; padding-left:1rem; margin-bottom:.375rem}
.list-text li h2{float: none;font-size: 2rem;font-weight: 500; margin-bottom:10px;}
.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;}
/*---------- 图文列表左右 ---------*/
.list-pt{margin-bottom:20px;}
.list-pt li{width: 100%;padding:1rem;zoom:1; margin-bottom:6px}
.list-pt li{display: block;text-decoration: none;cursor: pointer;display: -webkit-flex;display: flex;}
.list-pt li .Wrap{display:block; width:100%;display:flex;align-items:center;/*居中对齐弹性盒的各项 <div> 元素*/}
.list-pt li .Wrap:hover{z-index: 2; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);box-shadow: 0 15px 30px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}
.list-pt li a:hover img {-webkit-transform:scale(1.07);-moz-transform:scale(1.07);-o-transform:scale(1.07);-ms-transform:scale(1.07);transform:scale(1.07);-moz-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.list-pt .float-left{overflow: hidden;position: relative;width: 33.333%;padding-bottom:22.222%;text-align: center; margin-right:1rem}
.list-pt .float-left img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;pointer-events: none;}
.list-pt .float-right{float:none;overflow:hidden}
.list-pt .float-right{-webkit-flex:1;flex:1;}
.list-pt h3{margin-bottom:10px}
.list-pt.info{margin-top:10px;color: #999;overflow-x: auto;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;-webkit-overflow-scrolling: touch; white-space: nowrap;}
.list-pt .info span{margin-right:5px;}
@media only screen and (min-width:768px) {
.list-pt .fl{width: 26%;padding-bottom:16%}
   }
 /*---------- 图片列表 ---------*/  
.list-img{position:relative;text-align:center;font-size:0px/*解决display:inline-block间距*/;}
.list-img li a img {margin:0 auto;}
.list-img li .Wrap: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{font-size:14px;text-align:left;transition:all .2s ease;}
.list-img li .Wrap{position:relative;margin:0 auto;text-align:center;width: 100%;display: block; overflow: hidden;}
.list-img .img{position:relative;display:block;padding-top:100%; overflow:hidden;}
.list-img .img img{pointer-events: none;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.list-img .Wrap .wrap-mask{display:none;}
.list-img .Wrap:hover .wrap-mask{display:block;color:#FFF;position: absolute;height: 100%;bottom: 0;right: 0;width: 100%;font-size: 12px;padding: 17px 0 7px 0;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 .Wrap:hover .wrap-mid{position: absolute;top:0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;}
.list-img li .content{padding:10px 0;text-align:left;}
.list-img li .tag{border: 1px solid #fff;border-radius: 1rem;padding: .5rem 1.5rem;}
 /*---------- 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}
@media (orientation: landscape) and (min-width:768px) {
.list-sitemap ul li {width: 20%}
}
@media only screen and (max-width:767px) {
.list-sitemap ul li.all{width: 100%}
.list-sitemap ul li.current{width: 100%}
   }
/*列表页end*/
/*-------------------*/

/*-------------------*/
/*内容页*/
.article-detail{padding:3rem 15px;}
.article-detail h1{font-size:1.75rem;text-align:center;}
.article-detail > .info{text-align:center;background:transparent;clear:both;padding-bottom:5px; margin-top:20px;margin-bottom:20px;}
.article-detail > .info small{margin-right:15px;}
.article-detail blockquote{margin-bottom:15px;}
.detail{overflow: hidden;letter-spacing:1px}
.detail p{margin-bottom:0}
/*---------- 下页 ---------*/  
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:767px) {
.title-all .desc{font-size:.75rem}
   }

/*swiper选项卡高度自适应.swiper-slide{height:10px}.swiper-slide-active {height:auto;}
.tabs .swiper-slide {width: auto;}*/

/*.ui-dropdown .ui-dropdown-content{display:none;}*/
/*.ui-dropdown:hover .ui-dropdown-content{display:block;}*/
/*ui.dropdown.js*/
/*.ui-dropdown {position:relative;display:inline-block}*/
.ui-dropdown-toggle:focus {outline:0}
.ui-dropdown-content {position:absolute;top:100%;left:0;z-index:1020;display:none;float:left;min-width:12rem;padding:1.0rem;text-align:left;line-height:1.4;background-color:#fff;border:1px solid #ddd;border-radius:0;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-animation-duration:.15s;animation-duration:.15s}
.ui-dropdown-content:after,.ui-dropdown-content:before {position:absolute;display:block;content:"";width:0;height:0;border:8px dashed transparent;z-index:1}
.ui-dropdown-content:after,.ui-dropdown-content:before {border-bottom-style:solid;border-width:0 8px 8px}
.ui-dropdown-content:before {border-bottom-color:#ddd;bottom:0}
.ui-dropdown-content:after {border-bottom-color:#fff;bottom:-1px}
.ui-dropdown-content:after,.ui-dropdown-content:before {left:10px;top:-8px;pointer-events:none}
.ui-dropdown-content:after {top:-7px}
.ui-active>.ui-dropdown-content {display:block}
.ui-dropdown-content:first-child {margin-top:0}
.ui-dropdown-up .ui-dropdown-content {top:auto;bottom:100%;margin:0 0 9px}
.ui-dropdown-up .ui-dropdown-content:after,.ui-dropdown-up .ui-dropdown-content:before {border-bottom:none;border-top:8px solid #ddd;top:auto;bottom:-8px}
.ui-dropdown-up .ui-dropdown-content:after {bottom:-7px;border-top-color:#fff}
.ui-dropdown-flip .ui-dropdown-content {left:auto;right:0}
.ui-dropdown-flip .ui-dropdown-content:after,.ui-dropdown-flip .ui-dropdown-content:before {left:auto;right:10px}
ul.ui-dropdown-content {list-style:none;padding:5px 0}
ul.ui-dropdown-content.ui-fr {right:0;left:auto}
ul.ui-dropdown-content .ui-divider {height:1px;margin:0rem 0;overflow:hidden;background-color:#e5e5e5}
ul.ui-dropdown-content>li>a {display:block;padding:6px 20px;clear:both;font-weight:400;color:#333;white-space:nowrap}
ul.ui-dropdown-content>li>a:focus,ul.ui-dropdown-content>li>a:hover {text-decoration:none;color:#262626;background-color:#f5f5f5}
ul.ui-dropdown-content>.ui-active>a,ul.ui-dropdown-content>.ui-active>a:focus,ul.ui-dropdown-content>.ui-active>a:hover {color:#fff;text-decoration:none;outline:0;background-color:#0e90d2}
ul.ui-dropdown-content>.ui-disabled>a,ul.ui-dropdown-content>.ui-disabled>a:focus,ul.ui-dropdown-content>.ui-disabled>a:hover {color:#999}
ul.ui-dropdown-content>.ui-disabled>a:focus,ul.ui-dropdown-content>.ui-disabled>a:hover {text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}
.ui-dropdown-header {display:block;padding:6px 20px;font-size:1.2rem;color:#999}
.fr>.ui-dropdown-content {right:0;left:auto}
.fr>.ui-dropdown-content:before {right:10px;left:auto}
.ui-dropdown-animation {-webkit-animation:ui-dropdown-animation .15s ease-out;animation:ui-dropdown-animation .15s ease-out}
@-webkit-keyframes ui-dropdown-animation {0% {opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100% {opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}
}
@keyframes ui-dropdown-animation {0% {opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100% {opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}
}

.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:767px) {
.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;min-width: 80px;min-width: 4rem;}
#no-more-tables td:before {margin-right: 15px;margin-right: .75rem;min-width: 80px;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; }
}