@charset "utf-8";
/*
Powered by ueeshop.com		http://www.ueeshop.com
广州联雅网络科技有限公司		020-83226791
*/
#top_banner{}
#top_banner{position:relative; width:100%;margin:0 auto;text-align: center;padding: .25rem 0;min-height: 1.2rem;}
#top_banner .wide{position:relative;}
#top_banner .top_banner_close{width:0.8rem; height:0.8rem; background:url(../../../../images/global/top_banner_close.png) no-repeat 0 0/100%; position:absolute; right:0.2rem; top:0.2rem; display:block;z-index: 1;}
.header_top{/*height:3.625rem; */position:relative; z-index:900; background-color: #fff !important;}
.header_top .logo{width:100%; height:3.5rem; /*margin-left:.125rem;*/}
.header_top .nav_btn{margin:1.05rem .2rem 0 .5rem;width: 1.7rem;}
.header_top .nav_btn>a{display: inline-block; width: 1.7rem; height: 1.3125rem; position: relative;}
.header_top .nav_btn>a:before{content: ''; width: 100%; height: 0px; border-top: 2px solid #282828; position: absolute; top: 0px; left: 0px;}
.header_top .nav_btn>a:after{content: ''; width: 100%; height: 0px; border-top: 2px solid #282828; position: absolute; bottom: 0px; left: 0px;}
.header_top .nav_btn>a span{position: absolute; top: calc(50% - 1px); left: 0px; width: 61%; height: 0px; border-top: 2px solid #282828;}
.header_top .logo img{max-height:100%;}
.header_top aside>div{position:relative;}
.header_top aside>div>a{width:1.6rem; height:3.625rem; padding-right:.55rem; display:block;}
.header_top aside>div>a>img{margin-top:1rem;}
.header_top aside>div.i2>a>img{filter:invert(100%);}
.header_top aside>div.i3{margin-top: 1rem;}
.header_top aside>div.i3>a{display: inline-block; width: 1.68rem; height:1.68rem; background: url('../../../images/header_cart.webp') no-repeat top left;}
.header_top aside>div .cart_count{width:.775rem; height:.775rem; line-height:.775rem; text-align:center; font-size:.7rem; color:#fff; background-color:#c00; border:.0625rem #fff solid; border-radius:50%; position:absolute; top:-.5rem; right: 0rem;}
.header_top .search{width: 90%;height:2rem; margin:0.5rem auto 1rem; overflow: hidden; background-color: #F8F8F8;}
.header_top .search .text{width:90%; height:2rem;font-size:.875rem;color: #a4a4a4; background:none;border:none;text-indent: 5px;}
.header_top .search .sub{width:10%; height:2rem; background:url(/static/themes/default/mobile/images/header_icon_4_3.png) no-repeat center/1.1rem; border:0; filter:invert(100%);}

nav{margin-top:.4rem;}

.header_fill{/*height:3.6875rem;*/ content:'.';}


.index_nav{position: relative;text-align: center;background: #fff;}
.index_nav .all{float: left;display: none;height: 2.8125rem;line-height: 2.8125rem;color: #fff;font-size: 1.125rem;margin-left: 0.625rem;font-family: "OPENSANS",Arial;}
.index_nav .item{float: left;width: 30%;height: 2.8125rem;line-height: 2.8125rem;/*padding: 0 0.55rem;*/border-bottom: 0.125rem solid #fff;background: #fff;text-align: center;overflow: hidden;}
.index_nav .item a{display: block;font-size: 0.875rem;color: #000000;}
.index_nav .item:hover,.index_nav .item.on{background: #000;color: #fff;border-bottom-color: #000;}
.index_nav .item:hover a,.index_nav .item.on a{color: #ffffff;}
.index_nav .i_more{float: right;width: calc( 10% - 0.125rem);height: 1.5rem;margin-top: 0.7rem;}
.index_nav .i_more img{width: 0.8125rem;height: 0.6875rem;margin-top: 0.5rem;}
.index_nav .more_list{display: none;position: absolute;top: 2.8125rem;left: 0;width: 100%;background: #f5f5f5;padding-bottom: 0.625rem;z-index: 100;text-align: center;}
.index_nav .more_list .list{display: inline-block;vertical-align: middle;height: 1.5625rem;line-height: 1.5625rem;margin: 0.625rem 0.3125rem 0 0.3125rem;padding: 0 0.625rem;background: #fff;border: 0.125rem solid #999;}
.index_nav .more_list .list a{color: #333;}
.index_nav.on{background: #000;text-align: left;}
.index_nav.on .all{display: block;}
.index_nav.on .item{display: none;}
.index_nav.on .more_list{display: block;}
.index_nav.on .i_more{float: right;text-align: center;}
.index_nav .i_more img.i1{display: inline-block;}
.index_nav .i_more img.i2{display: none;}
.index_nav.on .i_more img.i2{display: inline-block;}
.index_nav.on .i_more img.i1{display: none;}

.header_fix_out{position: relative;}
.header_fix_out .header_fix_inner{position: fixed;top: 0;left: 0;right:0;z-index: 999;}
.header_fix_out .header_fix_blank{height: 100%;width: 100%;transition: all 0.6s;}