@charset "utf-8";
.navfix-bg{position: fixed; top: 0; left: 0; z-index: 900; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); opacity: 0; visibility: hidden;}
.navfix-bg-active{ opacity: 1; visibility: visible;}
/*  */
.navfix{position: absolute; top: 70px; left: 0; width: 100%; z-index: 99;  background-color: #fff; display: none; overflow: hidden; transition: none;}
.navfix-active{ display: block; transform: translateY(0); opacity: 1; visibility: visible;}
/*  */
.navfix-lists{padding :30px 0 10px;}
.navfix-lists ul{margin-left: -50px;}
.navfix-lists ul li{width: 25%; padding-left: 50px; padding-bottom: 30px;}
.navfix-lists ul li a{display: block; padding: 10px 0; line-height: 30px; font-size: 14px; border-bottom: 1px solid #eee; color: #666;}
.navfix-lists ul li a:hover{color: var(--default); border-bottom-color: #F2B241;}


/* burger */
.burger-bg {position: fixed;top: 0;left: 0; z-index: 3378; width: 100%; height: 100%; padding: 60px 15px 20px; background-color: #fff; transition: all .3s;}
.burger-scroll{ height: 100%; overflow-y: auto;}

.burger-logo{position: fixed; top: 15px; left: 15px;}
.burger-logo img{ height: 20px;}
/* close */
.close-burger {position: fixed; top: 15px;right: 15px;width: 34px;height: 29px;}
.close-burger span {position: absolute;top: 17px;left: 6px;width: 25px;height: 1px;background-color: #000;}
.close-burger span:first-child {transform: rotate(45deg);}
.close-burger span:last-child {transform: rotate(-45deg);}

/* active */
.burger-bg-active {visibility: hidden;opacity: 0;transform: translateX(120px);}

/* menu */
.burger-nav { position: relative; padding-top: 20px; height: 100%;}

.burger-nav-lists {}


.burger-nav-lists>li {position: relative; border-bottom: 1px solid #eee;}
.burger-nav-lists>li>a { font-size: 18px; color: #333; font-weight: bold; line-height: 45px;}

.burger-nav-f1 {display: none; transition: none;}
.burger-nav-f1>li {position: relative; padding-left: 20px;  border-bottom: 1px solid #eee;}
.burger-nav-f1>li:last-child{border-bottom: none;}
.burger-nav-f1>li a{line-height: 45px; font-size: 18px; color: #333;}


.burger-nav-f2 {display: none; transition: none;}
.burger-nav-f2 li {background-color: #d6e6f1;border-color: #6196bb;}
.burger-nav-f2 li a {color: #316a91; padding-left: 20px; font-size: 18px;}

/*  */
.burger-nav-lists li span{position: absolute; top: 12px; right: 15px; width: 12px; height: 12px; border-top: 1px solid #333; border-right: 1px solid #333; transform: rotate(135deg);}