.footer{position:relative;z-index:9;clear:both;padding:50px 15px 30px 15px;font-size:12px;text-align:center;color:#a7a7a7;background-color:#333}
.footer .container{max-width:1440px;}
.footer a{color:#dcdcdc}
.footer-widgets{overflow:hidden;margin:0 -10px 20px}
.footer-widget{width:calc(20% - 20px);float:left;text-align:left;margin:0 10px 20px;}
.footer-widget h3{font-size:16px;color:#f5f5f5;margin-bottom:25px;font-weight: normal;}
.footer-widget h3 .icon{display: none;}
.footer-widget ul li{margin-top:15px;line-height:14px}
.footer-widget .footer-widget-content ul li{margin-top:15px;}
.footer-widget .footer-widget-content p{line-height:16px;color:#a7a7a7}
.footer-widget.widget-postlist li{padding: 0}
.footer-widget.widget-postlist li h4{margin-bottom: 8px;}
.footer-widget.widget-commentlist{max-height: 300px;}
.footer-widget.widget-commentlist .sidebar-comments-comment{background: #454545}
.footer-widget.widget-commentlist .sidebar-comments-comment:before{border-bottom-color: #454545;}
.footer-widget.widget-commentlist .sidebar-comments-title, .footer-widget.widget-commentlist .postmeta{color: #a7a7a7;}
.footer-widget.widget-tags .items a{background: #454545;color:#dcdcdc;}
.footer-links{text-align:left;margin-bottom:20px;color:#dcdcdc;border-top: 1px solid #454545;border-bottom: 1px solid #454545;}
.footer-links ul{list-style:none;display:inline-block}
.footer-links ul li{float:left;margin:10px 5px 5px}
.footer-links a{color:#a7a7a7}
.footer-fixed-nav{display: none;position: fixed;bottom: 0;left: 0;right: 0;background: #fff;height: 45px;z-index: 9999;box-shadow: 0px -4px 10px 0px rgba(17, 58, 93, 0.1);transition: all .3s ease 0s;}
.footer-fixed-nav a{display: inline-block;float: left;width: 25%;text-align: center;}
.footer-fixed-nav a span{display: block;font-size: 12px;line-height: 18px;position: relative;top:-1px;-webkit-transform:scale(0.8);}
.footer-fixed-nav a i{font-size: 22px;top:3px;line-height: 24px;}
.footer-fixed-nav .footer-nav-trigger{position: absolute;top:-16px;left: calc(50% - 15px);width: 30px;height: 16px;line-height: 16px;text-align: center;background: #fff;border-radius: 3px 3px 0 0;box-shadow: 0px -4px 10px 0px rgba(17, 58, 93, 0.1);}
.footer-fixed-nav .footer-nav-trigger .icon{top:0;font-size: 12px;}
.footer-fixed-nav .footer-nav-trigger.active .icon:before{content: "\e620"}
.footer .copyright{font-size:12px;line-height:1.5}
.footer .copyright a{color:#fff}
.analysis{display:none}

.rollbar{position:fixed;right:10px;bottom:30px;z-index:999;}
.rollbar ul{margin:0;padding:0;list-style:none;width:40px;}
.rollbar li{position:relative;text-align:center;margin-bottom: 5px;border-radius: 5px;background: #e9eaea}
.rollbar .qq-li{background: #ed6827;}
.rollbar .qq-li a{color: #fff !important;}
.rollbar .totop-li{display: none;}
.rollbar a{position:relative;z-index:2;display:block;height:40px;line-height:40px;color:#888;}
.rollbar a:hover{}
.rollbar .kefu_weixin img{position: absolute;right: 50px;width: 120px;height: 120px;top:-35px;border-radius:2px;box-shadow:0 0 2px rgba(0,0,0,.2);max-width: inherit;max-height: inherit;display: none;}
.rollbar .kefu_weixin:hover img{display: block;}
.rollbar .icon{line-height:38px;font-size:26px}
.rollbar li:hover{opacity:.95;filter:alpha(opacity=95);display:block}
.rollbar a.active .icon-calendar:before{content:"\e8da";}
.rollbar a.active .icon-moon:before{content:"\e639";}
.rollbar a.fullscreen.active{color: var(--theme-color)}
.rollbar a.fullscreen.active .icon-fullscreen:before{content:"\e678";}
.rollbar li:hover h6{opacity:.9;filter:alpha(opacity=90)}
.rollbar li:hover h6{right:100%}
.rollbar h6{position:absolute;z-index:1;top:50%;right:-15%;margin:-13px 10px 0 0;line-height:26px;font-size:12px;background:#e9eaea;color:#888;width:70px;border-radius:2px;text-align:center;opacity:0;filter:alpha(opacity=0);font-weight: normal;}
.rollbar h6 i{position:absolute;right:-4px;top:50%;margin-top:-4px;display:inline-block;width:0;height:0;vertical-align:middle;border-left:4px solid #e9eaea;border-top:4px solid rgba(0,0,0,0);border-bottom:4px solid rgba(0,0,0,0)}

@media(max-width:768px){
    .footer{display:block}
    .footer-widget{width:calc(33.3333% - 20px);margin-bottom:15px}
}

@media(max-width:480px){
    .footer-widgets{margin-bottom:20px}
	.footer-widget{width:calc(50% - 20px);margin-bottom:15px}
}