@charset "utf-8";
/* CSS Document */

#header{ position: relative; height: 3.5rem; z-index: 9999; background: #FFFFFF; box-shadow: 0 1px 8px rgba(0,0,0,.3); border-bottom: 0.1875rem solid #E56812; box-sizing: border-box;}
#header .navbar{ position: relative; height: 3.5rem;}
#header .navbar .backPageBtn{
  position: absolute;
  top: 0.8125rem;
  left: 0.625rem;
  border-right: 1px solid #9e9e9e;
  display: none;
}
#header .navbar .backPageBtn a{ width: 1.875rem; height: 1.875rem; display: block;}
#header .navbar .backPageBtn a i{ margin-top: 0.3125rem; margin-left: 0.3125rem; width: 1.25rem; height: 1.25rem; display: inline-block; background: url(/m/jt-styles/icons/back_icons.png) no-repeat; background-size: cover;}
#header .navbar .navBtn{
  position: absolute;
  top: 0.8125rem;
  left: 0.625rem;
  width: 1.875rem;
  height: 1.875rem;
}
#header .navbar .navBtn a{ width: 1.875rem; height: 1.875rem; display: block;}
#header .navbar .navBtn span{ position: relative; top: 0.46875rem; left: 0.375rem; width: 1.125rem; height: 0.1875rem; margin-bottom: 0.1875rem; display: block; background: #333;}
#header .navbar .logo{ position: absolute; left: 50%; top: 50%; margin-left: -4.6125rem; margin-top: -1.125rem; width: 9.225rem; height: 2.25rem;}
#header .navbar .logo a{ width: 9.225rem; height: 2.25rem; display: inline-block; background: url(/resource/Ico/h_jtlogo_w.png) no-repeat; background-size: cover;}
#header .navBg{ position: absolute; top: 0rem; left: 0rem; width: 100%; height: 100%; display: none;}
#navmenu{ position: absolute; top: 0rem; left: 0rem; width: 18.5rem; background: #FFFFFF; transform: translateX(-18.5rem); transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
#navmenu.show{ box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.4);}
#navmenu .topbar{ position: relative; height: 3.5rem; border-bottom: 0.1875rem solid #E56812; box-sizing: border-box;}
#navmenu .topbar .logo{ position: absolute; left: 0.8125rem; top: 0.8125rem; width: 7.6875rem; height: 1.875rem;}
#navmenu .topbar .logo a{ width: 7.6875rem; height: 1.875rem; display: inline-block; background: url(/resource/Ico/h_jtlogo_w.png) no-repeat; background-size: cover;}
#navmenu .topbar .backbtn{ position: absolute; right: 0rem; top: 0rem; width: 3.5rem; height: 3.5rem;}
#navmenu .topbar .backbtn a{ width: 3.5rem; height: 3.5rem; display: block;}
#navmenu .topbar .backbtn a i{ margin-top: 0.96875rem; margin-left: 0.96875rem; width: 1.5625rem; height: 1.5625rem; display: inline-block; background: url(/m/jt-styles/icons/back_icons.png) no-repeat; background-size: cover;}
#navmenu .menudiv{ height: 60rem; padding: 1rem 0rem; overflow-y: auto; -webkit-overflow-scrolling: touch;}
#navmenu .menudiv a{ position: relative; padding: 0rem 1rem; line-height: 3rem; display: block; color: #464646;}
#navmenu .menudiv a.on{ background: #DDDDDD; color: #E56812}
#navmenu .menudiv a i{ position: absolute; right: 1rem; top: 1.03125rem; width: 0.9375rem; height: 0.9375rem; display: inline-block; background: url(/m/jt-styles/icons/add_icons.png) no-repeat; background-size: cover;}
#navmenu .menudiv a.on i{ background: url(/m/jt-styles/icons/minimize_icons.png) no-repeat; background-size: cover;}
#navmenu .menudiv .hidnav{ display: none;}
#navmenu .menudiv .hidnav a{ padding: 0rem 2rem; color: #666666; font-size: 0.875rem;}
#navmenu .menudiv .csnav{ font-size: 0rem;}
#navmenu .menudiv .csnav a{ width: calc(100% / 2); font-size: 0.875rem; display: inline-block; box-sizing: border-box;}

#header .navbar.showBackPageBtn .backPageBtn{
	display: block;
}
#header .navbar.showBackPageBtn .navBtn{
  left: 2.8125rem;
}