/* h5 第五套模板 导航菜单*/

.v5_f-l { display: block; float: left;}
.v5_f-r { display: block; float: right;}
.v5_clear:after { display: block; clear: both; width: 0; height: 0; overflow: hidden; font-size: 0; content: '.';}

body { padding-top: 40px !important;}
.v5-logo { display: flex; justify-content: space-between; height: 40px; position: fixed; left: 0; top: 0; width: 100%; background: #ffffff; z-index: 200;border-bottom: 1px solid rgba(222, 222, 222, 0.5);}
.v5-logo-img { font-size: 0; padding-left: 15px; justify-content: center; display: flex; flex-direction: column;}
.v5-logo-img img { height: 26px;}

.v5-logo-side-toggle-div { display: flex; height: 100%; padding-right: 15px;}
.v5-logo-side-toggle { display: flex; flex-direction: column; justify-content: center;}
.v5-logo-side-toggle span {display: inline-block; width: 100%; height: 2px; background-color: #535353; transition: all .6s;}
.v5-logo-side-toggle div {width: 20px; height: 16px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between;}
.v5-logo-side-toggle span.toggle1 { transform: rotate(45deg) translatey(10px);}
.v5-logo-side-toggle span.toggle2 { height: 0; width: 0; opacity: 0}
.v5-logo-side-toggle span.toggle3 { transform: rotate(-45deg) translatey(-10px);}
.v5-header-person { display: flex; flex-direction: column; justify-content: center; margin-right: 15px; position: relative;}
.v5-header-person.active .v5-header-person-pop { display: block;}
.v5-header-person img { width: 30px; height: 30px; border-radius: 100%;}
.v5-header-person-pop { position: absolute; width: 68px; background: #ffffff;box-shadow: 0 1px 4px 0 rgba(147,147,147,0.50); border-radius: 2px; right: 0; top: 40px; text-align: center; line-height: 35px; display: none;}
.v5-header-person-pop>span { position: absolute; width: 100%; height: 8px; background: #ffffff; left: 0;}
.v5-header-person-pop:before { width: 10px; height: 10px; border: 1px solid #dedede; display: inline-block; content: ''; transform: rotate(45deg); position: absolute; right: 0; top: -5px; margin-right: 10px; background: #ffffff;}
.v5-header-person-pop p { border-bottom: 1px solid #dedede;}
.v5-header-person-pop p:last-child { border-bottom: none;}
.v5-header-person-pop p a { display: block;}

/*下拉菜单*/
.v5-header-moremenu { position: fixed; z-index: 202; background: #444444; width: 100%; height: calc(100% - 40px); left: 0; top: 40px; overflow: auto; display: none;}
.v5-header-moremenu-linkarr { display: flex; margin: 15px 20px; padding-bottom: 15px; margin-bottom: 0;}
.v5-header-moremenu-linkarr a { background-image: linear-gradient(-90deg, #f5964f 0%, #fa7842 100%); border-radius: 2px; color: #ffffff; font-size: 14px; text-align: center; flex: 1; height: 30px; line-height: 30px; display: inline-block;}
.v5-header-moremenu-linkarr a i.iconfont { margin-right: 5px;}
.v5-header-moremenu-linkarr a:first-child { margin-right: 10px;}
.v5-header-moremenu ul li { text-align: left;}
.v5-header-moremenu ul li .v5-menu-lv { display: flex;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.v5-header-moremenu ul li li .v5-menu-lv { padding-left: 15px;}
.v5-header-moremenu ul li li li .v5-menu-lv { padding-left: 30px;}
.v5-header-moremenu ul li a { color: #ffffff; font-size: 16px; padding: 14px 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.v5-header-moremenu ul li li a { font-size: 14px;}
.v5-header-moremenu ul li>ul{ display: none;}
.v5-header-moremenu ul li.open>ul{ display: block;}
.v5-header-moremenu ul li.open >.v5-menu-lv em.ischild { transform: rotate(45deg);}
.v5-header-moremenu-wrapper { overflow: hidden; width: 100%; height: calc(100% - 61px); border-top: 1px solid rgba(255, 255, 255, 0.1); /*overflow-y: scroll;*/}
.v5-header-moremenu ul li em { display: inline-block; background-image: none; width: 20px; margin: 0 0 0 5px; background-repeat: no-repeat; background-position: center center; transition: all 0.3s;}
.v5-header-moremenu ul li em.ischild { background-image:  ;}

/*横条菜单*/
.v5-header-menubar { height: 40px; padding-top: 10px;/* padding: 0 15px;*/padding-left: 5px;}
.v5-header-menubar ul { display: inline;}
.v5-header-menubar { background: #ffffff;}
.v5-header-menubar-scroller { width: 1000000px; height: 30px; background: #ffffff;}
.v5-header-menubar ul li { padding: 0 10px; display: inline-block;}
.v5-header-menubar ul li.active a { font-weight: bold; font-size: 15px;}
.v5-header-menubar ul li.active a i { display: inline-block;}
.v5-header-menubar ul li a { font-size: 16px; color: #333333; position: relative; padding-bottom: 10px;}
.v5-header-menubar ul li a i { position: absolute; bottom: 0; height: 4px; background-image: linear-gradient(-90deg, #f5964f 0%, #fa7842 100%); border-radius: 4px; display: none; left: 50%; margin-left: -9px; width: 18px;}
.v5-header-menubar-wrapper { width: 100%; overflow: hidden; height: 100%;border-bottom: 1px solid rgba(222, 222, 222, 0.5);}

/*菜单顶部左侧返回*/
.v5-menu-goback { display: flex; justify-content: center; flex-direction: column; padding: 0 10px;}
.v5-menu-cattitle { justify-content: center; flex-direction: column; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; flex: 1; width: 0; line-height: 40px; text-align: center; font-size: 16px;font-weight: bold;}

/*返回顶部*/
.v5-gotop { position: fixed; z-index: 200; right: 15px; bottom: 100px; width: 36px; height: 36px; border-radius: 100%; background: rgba(0,0,0,0.6); color: #ffffff; text-align: center; line-height: 36px; display: none;}
.v5-gotop i.iconfont { font-size: 18px; color: #fff6d9 !important;}