.m-nav-box { display: none; position: fixed; z-index: 999; top: 60px; left: 0; width: 100%; height: calc(100% - 60px); background-color: #ffffff; }
.m-nav-box .nav-wrap { padding: 20px; position: relative; height: 100%; background: url("../images/nav_bg.jpg") center/cover no-repeat #000; overflow-y: scroll; }
.m-nav-box .nav-wrap .header-view { padding: 12px 6px; position: relative; background: #fff; }
.m-nav-box .nav-wrap .m-nav .logo { width: 72vw; }
.m-nav-box .nav-wrap .m-nav .nav-list .nav-item { padding: 15px; }
.m-nav-box .nav-wrap .m-nav .nav-list .nav-item .nav-name { font-size: 26px; color: #ffffff; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.m-nav-box .nav-wrap .m-nav .nav-list .nav-item .child-item { display: none; }
.m-nav-box .nav-wrap .m-nav .nav-list .nav-item .child-item dl { margin-top: 10px; }
.m-nav-box .nav-wrap .m-nav .nav-list .nav-item .child-item dt { font-size: .36rem; margin: 5px auto; color: #666666; line-height: 2; position: relative; display: flex; align-items: center; }
.m-nav-box .nav-wrap .m-nav .nav-list .nav-item .child-item dt i{ font-size: .36rem; color: #e8433e; padding-right: 10px; font-weight: normal;}
.m-nav-box .nav-wrap .m-nav .nav-list .nav-item .child-item dt a { display: block; color: #ffffff;  font-size: .36rem;}
.m-nav-box .nav-wrap .m-nav .nav-list .nav-item .child-item dd { line-height: 2; }
.m-nav-box .nav-wrap .m-nav .nav-list .nav-item .child-item dd a { color: #ffffff; display: block; font-size: .3rem; }
.m-nav-box .nav-wrap .m-nav .nav-list .nav-item .child-item dd p { font-size: .3rem; color: #afafaf; }
.m-nav-box .nav-wrap .m-nav .nav-list .nav-item .child-item .bd-list { padding-top: 10px; margin-top: 10px; }
.m-nav-box .nav-wrap .m-nav .nav-list .nav-item .child-item .bd-list .bd-item { text-align: center; margin: 8px 0; }
.m-nav-box .nav-wrap .m-nav .nav-list .nav-item .child-item .bd-list .bd-item .item-name { color: #fff; opacity: .5; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.m-nav-box .nav-wrap .m-nav .nav-list .nav-item .child-item .bd-list .bd-item .item-icon { height: 32px; }
.m-nav-box .nav-wrap .m-nav .nav-list .nav-item .child-item .bd-list .bd-item .item-name { font-size: 14px; line-height: 26px; margin-top: 5px; }
.m-nav-box .nav-wrap .m-nav .nav-list .nav-item .child-item .bd-list .bd-item:hover .item-name { opacity: .8; }
.m-nav-box .nav-wrap .m-nav .nav-list .nav-item.un_active .nav-name { color: #555555; }
.m-nav-box .nav-wrap .m-nav .nav-list .nav-item.active .nav-name, .m-nav-box .nav-wrap .m-nav .nav-list .nav-item.open .nav-name { color: #ffffff; }

.open .m-nav-box { display: block; }