/*
 * 基于CSS3开发的网站前端样式，适用于Z-blogPHP主题《燕雀-星岚多功能博客主题》
 * 作者：星岚工作室（QQ：914466480）
 * 网站：https://www.finchui.com/
 * 主题版本:1.2
*/
/*css reset*/
/*导航栏*/
.nav_box{background:#ffffff;height:auto;position: relative;clear: both;}
.nav {line-height: 42px;height:42px;border-top:1px solid #ebebeb;}
.nav li { float:left; line-height: 42px;position: relative;margin:0 20px;}
.nav li a {font-size:15px;display:block;}
.nav li a .iconfont{padding-right:3px;}
.nav li .icon_d{font-family:iconfont!important;}
.nav li a.icon_d::after{content:"\e7d9";margin-left:3px;position: absolute;top:0;right:-17px;color:#999;}
.nav li a.icon_u::after{content:"\e7d8"!important;}
.nav li::before { content: "";position: absolute;left: 50%;width: 0;bottom:0;border-bottom:2px solid #0069cc;transition: all .2s;}
.nav li.cur::before , .nav li:hover::before {left:25%;width: 50%;}
.nav li.cur a{color:#0069cc;}
.nav li ul{position:absolute;top:100%;z-index:999;background:#ffffff;transition:top .5s;display:none;left:-20px; }
.nav li ul li{float:none;width:100%;line-height:40px;white-space:nowrap;display:block;border-top:1px solid #f2f2f2;margin:0;}
.nav li ul li:first-child {border-top:0;}
.nav li ul li a{color:#333333;font-size:14px;padding:0 20px;}
.nav li ul li::before:hover , .nav li.cur ul li{border-bottom:0;}
.nav li.cur ul li a{color:#333333;}
.nav li ul li::before{border-bottom:0!important;}
.nav li ul li:hover{background:#f2f2f2;}
.nav li ul li:hover a , .nav li.cur ul li:hover a{color:#555555!important;}
/*导航栏浮动*/
.nav_fixed{width:100%;position:fixed;left:0;right:0;top:0;z-index:999;transition:top .5s;}
.nav_hide{top: -42px; }	
@media screen and (max-width: 981px) {
/*导航栏*/
.nav_box{height:auto!important;clear:none;}
.nav {overflow: auto;line-height:40px;max-height: calc(100vh - 60px);height:auto;border-top:0;}
.nav li{width:100%;line-height:40px;border-top:1px solid #f2f2f2;margin:0;}
.nav li a{padding:0 0 0 20px;color:#333333;}
.nav li a.cut_65{width: -webkit-calc(100% - 65px);width: -moz-calc(100% - 65px);width: calc(100% - 65px);}
.nav li .icon_d {position:absolute;right:0;top:0;}    
.nav li .icon_d::after{content:"\e79b"!important;color:#999999;padding:0 15px;margin:0;top:0;right:0;border-left:1px solid #f2f2f2 ;position: absolute;display: block; z-index: 1000;}
.nav li .icon_u::after{content:"\e79c"!important;}
.nav li::before{border-bottom:0!important;}
.nav li:hover , .nav li.cur:hover , .nav li ul li:hover{background:#f7f7f7;}
.nav li.cur{background:#ffffff;}
.nav li.cur ul li a{color:#333333;} 
.nav li:first-child{border-top:0}
.nav li ul{position: static;top:0;z-index:999;overflow: hidden; box-shadow: 0 0 0 0 rgba(0,0,0,0);transition:top .5s;}  
.nav li ul li:first-child{border-top:1px solid #f2f2f2;}
.nav li ul li a{padding:0 20px;font-weight: normal;font-family: "iconfont" !important;} /*gai*/
.nav li ul li a::before {content: "\e7b3";font-size:12px;margin-right:5px;color:#cacacc;}/*gai*/
}