/*页面头部区域样式*/

.g-bar { line-height:32px; background:#f6f6f6;}
.g-bar .m-bar { color:#777; text-align:right;}
.g-bar .m-bar a { color:#777; margin:0 8px;}
.g-bar .m-bar a:hover {color:#81b24f; }

/*logo*/
.g-hd {}
.g-hd .m-head { padding: 1.21% 0;}
.g-hd .g-logo { /*width: 15.75%;*/ width: 170px;height: 55px; margin-top:.65%; }
.g-hd .m-logo { height: 100%; background: url(../images/logo.jpg) no-repeat 0 center; /*background-size: 100%;*/}
.g-hd .m-logo a { height: 100%; display:block;}
.g-hd .g-ad { width: 67.13%; height: 70px;}
.g-hd .m-ad { height: 100%;}
.g-hd .m-ad img { width: 100%; height: 100%;}

.g-hd .g-nav-user { width:100%; height: 48px; background: #69c72b; top:0;}
.g-hd .g-nav-user.nav-fixed { position:fixed;box-shadow: 0px 0px 5px #777;}
.g-hd .m-nav-user { position: relative; padding: 0 10px;}
.g-hd .g-nav { float: left;}


/* 文本型导航 */
.g-hd .m-nav,
.g-hd .m-nav .link,
.g-hd .m-nav .link a,
.g-hd .m-nav .more .u-btn {height:48px;line-height:48px;}
.g-hd .m-nav{position:relative;text-align:left;font-size:0;letter-spacing:-0.307em;*letter-spacing:normal;*word-spacing:-1px;color:#fff;}
.g-hd .m-nav ul { position: relative; padding-right: 100px;}
.g-hd .m-nav .link,
.g-hd .m-nav .link a,
.g-hd .m-user li{display:inline-block;*display:inline;*zoom:1;}
.g-hd .m-nav .link,
.g-hd .m-nav .more{font-size:18px;letter-spacing:normal;word-spacing:normal;}
.g-hd .m-nav .link a,
.g-hd .m-nav .link a:hover{text-decoration:none;color:#fff;}
.g-hd .m-nav .link a{padding:0 27px;}
.g-hd .m-nav .link a:hover,
.g-hd .m-nav .link.z-crt a,
.g-hd .m-nav .more .u-btns:hover .u-btn{ background: #3b9704; border-left: #9bca7c solid 1px; border-right: #9bca7c solid 1px;padding:0 26px;}
/* 文本型导航-居中 */
.g-hd .m-nav-1{text-align:center;}
/* 文本型导航-居右 */
.g-hd .m-nav-2{text-align:right;}

/* 移动端导航 */

.g-mobile-head { background:#69c72b; height:56px; min-height:56px; display:none;}
.g-mobile-head .in-con {  width:100%; height:100%; margin:0 auto;}
.g-mobile-head .item { vertical-align:middle; width:50%; height:100%; float:left;}
.g-mobile-head .t-logo { text-align:left;}
.g-mobile-head .t-logo img {  max-height:63px; height:57%; margin-top:13px; margin-left:15px;}
.g-mobile-head .menu-btn { text-align:right;}
.g-mobile-head .menu-btn .more { display:inline-block; width:60px; height:100%; text-align:center;}
.g-mobile-head .menu-btn .more img { max-height:30px;  height:26.8%; margin-top:21px;}


.g-hd .g-nav-mobile { display:none; position:relative; z-index:1001; background:#fff;}
.g-nav-mobile .exp-bg,
.g-nav-mobile .exp-cont {
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.g-nav-mobile .exp-bg {
	background: #000;
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}
body.z-crt .g-nav-mobile .exp-bg {
	-webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
	opacity: .9;
	background-color: #bbb;
}
.g-nav-mobile .exp-cont {
	background: #fff;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.g-nav-mobile .exp-cont .g-mobile-head { position:relative; height:10%;}
body.z-crt .g-nav-mobile .exp-cont .g-mobile-head { -webkit-box-shadow:-3px 0 5px #888;box-shadow:-3px -3px 5px #888; }
.g-nav-mobile .exp-cont .close-btn-icon { display:none; width:40px; padding:15px 0; position:absolute; z-index:9999; left:-40px; text-align:center; top:50%; margin-top:-28px;}
body.z-crt .g-nav-mobile .exp-cont .close-btn-icon { display:block;}
.g-nav-mobile .exp-cont .close-btn-icon img { width:24px;}
.g-nav-mobile .exp-cont .exp-nav-cont { overflow-y:scroll; height:90%;}
body.z-crt .g-nav-mobile .exp-cont .exp-nav-cont {-webkit-box-shadow:-3px -3px 5px #888;box-shadow:-3px 0 5px #888;}
.g-nav-mobile .exp-cont .exp-nav-cont li {}
.g-nav-mobile .exp-cont .exp-nav-cont li.more { display:none;}
.g-nav-mobile .exp-cont .exp-nav-cont li a { 
  width: 100%;
  text-align: left;
  padding: 25px 50px 24px 30px;
  border: none;
  border-bottom: solid 1px #E5E5E5;
  position: relative;
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  line-height: 10px;
  font-size:16px;
  outline:none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  tap-highlight-color: rgba(0,0,0,0);
  text-decoration:none;
  color:#262626;
}
.g-nav-mobile .exp-cont .exp-nav-cont li a:hover,
.g-nav-mobile .exp-cont .exp-nav-cont li a:active{ background:#f5f5f5;color:#69c72b;}



body.z-crt .g-nav-mobile .exp-cont {
	-webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
	left:40px;
}
body.z-crt {
	height: 100%;
	overflow:scroll;
	overflow:hidden;
	position:fixed;
}


/*更多*/
.g-hd .m-nav .more{ position: absolute; top:0;right:0; width: 100px; height: 48px;}
.g-hd .m-nav .more .u-btns { position: absolute; left: 0; top: 0;}
.g-hd .m-nav .more .u-btn { font-size: 18px; border: 0; background: none;box-shadow:none; padding: 0 20px;*line-height: 40px;*position:relative;}
.g-hd .m-nav .more .u-menu { top: 97%; display:none;}
.g-hd .m-nav .more .u-btns:hover .u-btn {border-radius:0;padding:0 19px;*left:-1px;*padding:0 20px;}
.g-hd .m-nav .more .u-btns:hover .btnsel { border-style:dashed dashed solid;border-width:0 4px 4px; }
.g-hd .m-nav .more .u-btns:hover .u-menu { display: block;}


/*搜索-会员登录*/
.g-hd .g-user { position: absolute;right: 0;top: 0;z-index: 10;}
.g-hd .m-user {}
.g-hd .m-user ul { }
.g-hd .m-user li { height: 48px;padding:0 10px;}
.g-hd .m-user li .u-icon { margin-top: 9px; height:29px; line-height:29px;}
.g-hd .m-user li .u-icon i { width:29px; height:29px; line-height:29px;}
.g-hd .m-user li.search { position: relative;}
.g-hd .m-user li.search .search-keyword { position: absolute; z-index: 0; right: 0; top: 10px; width: 189px; height: 29px; padding:0 50px 0 10px; background-position: -251px -57px;/* display: none;*/}
.g-hd .m-user li.search .search-keyword .u-ipt { width: 100%; margin-top: 3px; border: none;background: none; padding:2px 5px;}
.g-hd .m-user li.search .searchbtn { z-index: 1; cursor: pointer;}
.g-hd .m-user li.search .searchbtn:hover,
.g-hd .m-user li.search .searchbtn.z-crt { background-position: -346px -103px;}

.g-hd .m-user li.search-keyword { display:block;}
.g-hd .m-user li.searchbtn i { background: none;}
.g-hd .m-user li.searchbtn:hover i { background-position: -170px -145px;}

.g-hd .m-user li.search .searchbtn:focus {}
.g-hd .m-user li.search .searchbtn:hover {}
.g-hd .m-user li.search .searchbtn:active i { background: none;}

.g-hd .m-user .user { position:relative;}
.user .u-menu,
.user .u-menu span,
.user .u-menu span a { border:none;border-radius:0;}
.user .u-menu { min-width:133px; left:-42px; top:44px; background:#f9f9f9; line-height:2; padding:15px 0;box-shadow: 0 0 2px 1px #cfcfcf; overflow:inherit; display:none;}
.user .u-menu span { font-size:15px; text-indent:2.3em;}
.user .u-menu span.u-icon { margin-top:0;}
.user .u-menu span a { padding:0;}
.user .u-menu em { position:absolute; left:50%; top:-17px; margin-left:-6px;}
.user .u-menu-2 i { width:20px;}
.user .u-menu-2 span { text-indent:1.5em;}

.z-show .u-menu{ display:block;}

/*.z-show .u-icon-user i { background-position: -143px -285px; }*/