/*header*/

#wrap {min-height:100%; background:#f5f5f5;}
#header {width:100%; height:60px; border-bottom:1px solid #ddd; position:relative; background-color:#fff;}
@media ( min-width: 550px ) {
	#header {width:100%; height:80px; border-bottom:1px solid #ddd; position:relative; background-color:#fff;}
}


#header .logo {width:25%; position:absolute; top:19px; left:50%; margin-left:-12%;}
#header .logo img {width:100%; }
#header .btn_prev{width:7%; position:absolute; top:18px; right:15px; opacity:0.5;}
#header .btn_setting {width:7%; position:absolute; top:18px; left:20px;}



/*left_menu*/

#header .btn_setting > label.left { width:32px; left:20px; top:7px; }

#header .btn_setting > label.left { background: url('/m/img/ico_nav.png'); text-indent: -999999px; cursor: pointer; }


#toggle_gnb-push{ background-color: #222; /* opacity: 0.5; */ width: 100%; }

#toggle02{ position: absolute; top: 0; left: 0; width: 260px; z-index:9999; display:none; background:#fff; min-height:100%; padding-bottom:80px; }
#toggle02 .menu-title{ width:260px; height:43px; color:#fff; background-color: #000; }
#toggle02 .menu-title-01{ width:260px; height:43px; background-color: rgba( 255, 255, 255, 0.5 ); }
#toggle02 .menu{ width:260px; height:40px; background-color: rgba( 255, 255, 255, 0.5 ); }

.nav_head {width:100%; background:#f5f5f5; height:80px; position:relative; border-bottom:1px solid #ddd;}
.ico_profile {position:absolute; top:23px; left:15px;}
.ico_profile > img {width:35px;}
.nh_id {position:absolute; top:18px; left:60px; color:#444; font-size:.8em;}
.nh_balance {position:absolute; top:35px; left:60px; color:#777; font-size:.7em;}
.ico_setting {position:absolute; top:28px; left:220px;}
.ico_setting > a > img {width:25px;}

.sidenav {overflow-x:hidden;}
.sidenav_t {display:block; height:60px; line-height:60px; font-size:.8em; font-weight:700; border-bottom:1px solid #f1f1f1; padding-left:20px; }
.dropdown-container {display:none;}
.dropdown-container a {display:block; width:100%; height:45px; line-height:45px; padding-left:30px; font-size:.8em;  color:#777; background:#f9f9f9;}

.fa-caret-down { float: right; padding-right: 8px; }

.active { background:#1e4098; color:#fff; border:0px; }


.sideSetting { height:0; width: 100%; position:fixed; z-index: 99999; bottom: 0; right: 0; background-color: #fff; overflow-x: hidden; transition: 0.3s; }


.set_head { width:100%; height:55px; line-height:55px; border-bottom:1px solid #e2e2e2; text-align:center; position:relative; background:#f9f9f9;}
.set_title {font-size:.9em; font-weight:700; }
.closebtn {position: absolute; width:55px; height:55px; text-align:center; top:0px; right: 0px; }
.closebtn > a {font-size:1.3em; }

.set_container > div {width:100%; height:70px; line-height:70px; border-bottom:1px solid #f1f1f1; position:relative;}
.setting_t {padding-left:20px; font-size:.8em; font-weight:700;}
.seeting_now {position:absolute; top:0px; right:50px; height:70px; line-height:70px; font-size:.7em; color:#777; }
.setting_i {position:absolute; top:0px; right:20px; width:15px; height:70px; line-height:70px;  }
.setting_i > img {width:100%; opacity:0.5;}

/*footer*/

#footer_banner {background-color:#333; width:100%; height:100px; line-height:100px; position:fixed; bottom:0px; left:0px; color:#777; text-align:center;  font-size:.8em; }
@media ( max-width: 375px ) {
	#footer_banner {background-color:#333; width:100%; height:90px; line-height:90px; position:fixed; bottom:0px; left:0px; color:#777; text-align:center;  font-size:.8em; }
}
@media ( min-width: 550px ) {
	#footer_banner {background-color:#333; width:100%; height:187px; line-height:187px; position:fixed; bottom:0px; left:0px; color:#777; text-align:center;  font-size:.8em; }
}

@media ( min-width: 1024px ) {
	#footer_banner {background-color:#333; width:100%; height:245px; line-height:245px; position:fixed; bottom:0px; left:0px; color:#777; text-align:center;  font-size:.8em; }
}
/*loding*/
.loading { position:fixed; float:left; top:30%; left:40%; margin:0 auto; display:none; z-index:9998; width:350px; height:350px; background:url('./images/popup/logdings.gif') no-repeat; }


/*main*/

#main_top {width:100%;  padding-top:50px; background-image:url('/m/img/main_bgimg.png'); background-position:0 20%; background-size:100%; background-repeat:no-repeat; padding-bottom:30px;}
#main_top .main_txtst1{width:85%; margin:0 auto; }
#main_top .main_txtst1 > p {font-size:.9em; color:#fff; line-height:140%;}
#main_top .main_txtst1 > p > span {font-size:1.3em; color:#fff; font-weight:700; }

#main_middle {width:85%; margin:0 auto; background:#022950; text-align:center; font-size:.8em; color:#fff; border-radius:5px;  padding:15px 0; line-height:160%;}
#main_left {float:left;width:81%; margin:0 auto; background:#022950; font-size:.8em; color:#fff; border-radius:5px;  padding:15px 0 15px 18px; margin-left:24px; line-height:160%; color:#fff;}

#main_bottom {width:85%; margin:0 auto; }
#main_bottom .mb_box {width:48%; height:120px; background-color:#fff; border-radius:5px; margin-top:15px; float:left; position:relative; overflow:hidden; }
#main_bottom .mb_box1 {margin-right:4%;}
#main_bottom .mb_box .mb_boxtxt {position:absolute; top:20px; left:20px; line-height:130%; font-size:1.1em; font-weight:700;}
#main_bottom .mb_box .mb_boxico1 {position:absolute; bottom:-13px; right:10px; width:43%;}
#main_bottom .mb_box .mb_boxico1 > img  { width:100%;}
#main_bottom .mb_box .mb_boxico2 {position:absolute; bottom:-10px; right:10px; width:45%;}
#main_bottom .mb_box .mb_boxico2 > img  { width:100%;}
#main_bottom .mb_box .mb_boxico3 {position:absolute; bottom:-13px; right:15px; width:40%;}
#main_bottom .mb_box .mb_boxico3 > img  { width:100%;}