html,body{min-width: 100px;  -webkit-font-smoothing:antialiased ; }
html{font-size: 12px}
.g-wrap{min-width: auto; width: 94%;}

/* common */
.page-poster{height: 200px;position: relative;overflow: hidden;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.poster-text-title{font-size: 30px;}
.page-poster .poster-text{width: 100%;}
.page-poster .poster-text .poster-text-content{font-size: 14px;}
.page-poster .poster-text .poster-text-title{font-size: 30px;}
.page-sub-nav-link{margin-right: 0;}


/*  */
.g-header{height: 62px;}
.g-header ~ main{margin-top: 62px;}
.g-header .g-wrap{position: static; padding:10px 0;}
.g-header .logo-bar{left:3%; top:10px; width: 30%;}
.g-header .tools-bar .icon-menu{margin-left: 5px; width: 38px; height:38px; background:url("../images/sicon6.png") no-repeat center / cover;}
.g-header .tools-bar .icon-menu.act{background-image: url("../images/sicon3.png"); background-size:70%;}
.g-header .menu-bg{display: none; position:fixed; inset: 0; z-index: 8; background:rgba(0, 0, 0, 0.5); ;}
.g-header .menu-bg.act{display: block;}
.g-header .menu-bar{display: none; position: fixed; top: 0; left:0; bottom: 0; z-index: 9; width:70%; padding:20px; background:#fff;;}
.g-header .menu-bar.act{display: block; animation: menushow 200ms;}
.g-header .menu-bar .menu{font-size: 1.28rem; font-weight: bold;}
.g-header .menu-bar .item{display: block; padding:20px 0px; margin:0;}
.g-header .menu-bar .item.icon-arr:after{content: ''; display: block; position: absolute; top: 23px; right:0;width: 14px; height:14px; background:url("../images/sicon-arr.png") no-repeat center / cover; opacity: 0.5;}
.g-header .menu-bar .item.current .dropdown{display: block;}
.g-header .menu-bar .item .dropdown{position: static; visibility: visible; box-shadow: none; display: none; margin-top: 30px;}
.g-header .menu-bar .item.act .dropdown{display: block;}
.g-header .menu-bar .item.act:after{transform: rotate(270deg);}
.g-header .menu-bar .dropdown a{padding:4px 10px;}
.g-header.ztop{z-index: 11;}
.g-float-flag{right: 10px;}

.g-footer .g-wrap{width: 80%;}
.g-footer .content{width: 100%;}
.g-footer .content .info-bar{width: 100%;}
.g-footer .content .navigation-bar {margin-top: 40px; width: 100%;}
.g-footer .inside-img{position: static; margin-top:20px;}

.g-goods-info .spec-bar{margin-top: 20px;}
.g-goods-info .btn-bar{margin-top: 20px;}

.pop-goods-info .wrap{ left:10%; width: 80%; transform:translateY(-50%);}
.pop-goods-info .wrap .bar{width: 100%; padding:20px; min-width: 150px;}
.pop-goods-info .wrap .img{display: block; width: 100%; padding-right: 0; border:none;}
.pop-goods-info .wrap .info-bar{display: block; padding-left: 0; margin-top: 20px; width: 100%;}

/* 子菜单导航在移动端的样式 */
.page-sub-nav{height: 62px;}
.page-sub-nav-content {display: flex;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;scrollbar-width: none; /* Firefox */-ms-overflow-style: none; /* IE 10+ */padding: 10px 15px; /* 上下10px，左右15px内边距 */margin: 0;justify-content: unset;}
.page-sub-nav-content::-webkit-scrollbar {display: none; /* Chrome Safari */}
.page-sub-nav-link {flex: 0 0 auto;padding: 8px 20px;margin-right: 15px;font-size: 14px;white-space: nowrap;border-radius: 20px;}
.page-sub-nav-link:last-child {margin-right: 0; /* 最后一个元素不需要右边距 */}
.page-sub-nav-link.active::after{bottom: 0;}

@keyframes menushow {
	0% { transform: translateX(-100px); opacity: 0; }
	100% { transform: translateX(0px); opacity: 1; }
}
/* 为移动端添加固定定位的导航栏 */
@media screen and (max-width: 1080px) {
  .page-sub-nav {position: relative; top: auto;z-index: 9;}
  .page-sub-nav.fixed {position: fixed;top: 0;left: 0;width: 100%;background: white;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
}