body{
	padding-bottom:120px;
	padding-top:36px;
}


.container{
	max-width:600px;
	margin: 0 auto;
	height:100%;
	/*box-shadow: 0 -6px 5px #e5e5e5;*/
}

.clearfix:after{
	content: "";
	display: block;
	line-height:0;
	height:0;
	overflow: hidden;
	clear:both;
}


.mui-action-back{
	color:#fff;
}

.mui-icon{
	background: url(../images/iconfont-home-active.png) no-repeat center / 90%;
}

.mui-bar{
	box-shadow:0 0 0px #e5e5e5;
	max-width:600px;
	left:50%;
	width:100%;
	transform:translateX(-50%);
}

.mui-bar-tab .mui-tab-item.mui-active  .mui-icon~.mui-tab-label{
	color:#f75152;
}


.tab-icon-home{
	background-image: url(../images/iconfont-home.png);
}
.mui-active .tab-icon-home{
	background-image:url(../images/iconfont-home-active.png);
}


.tab-icon-list{
	background-image: url(../images/iconfont-list.png);
}

.mui-active .tab-icon-list{
	background-image:url(../images/iconfont-list-active.png);
}

.tab-icon-cart{
	background-image: url(../images/iconfont-cart.png);
}

.mui-active .tab-icon-cart{
	background-image: url(../images/iconfont-cart-active.png);
}

.tab-icon-commit{
	background-image: url(../images/iconfont-order-default.png);
}

.mui-active .tab-icon-commit{
	background-image: url(../images/iconfont-order.png);
}

.tab-icon-order{
	background-image: url(../images/order.png);
}

.mui-active .tab-icon-order{
	background-image: url(../images/order-active.png);
}
.tab-icon-kefu{
	background-image: url(../images/iconfont-user.png);
}

.mui-active .tab-icon-kefu{
	background-image: url(../images/iconfont-user-active.png);
}

.tab-icon-taobao{
	background-image: url(../images/iconfont-taobao.png);
}
.mui-active .tab-icon-taobao{
	background-image:url(../images/iconfont-taobao-active.png);
}


.tab-icon-weixin{
	background-image: url(../images/iconfont-weixin.png);
}
.mui-active .tab-icon-weixin{
	background-image:url(../images/iconfont-weixin-active.png);
}







.mui-bar-nav{
	background: #f75152;
	color:#fff;
	height:36px;
	line-height:36px;
	overflow: hidden;
}


.mui-bar-nav .mui-title{
	color:#fff;
	line-height:36px;
}








/* ==================== v2-ui (2026-10-26) 追加层：向小程序端风格靠齐 ==================== */
/* ==================================================================
   v2 视觉统一（2026-10-26）— 向小程序端风格靠齐，仅外观，不动任何 JS 钩子
   设计基因（取自小程序）：
     品牌红渐变 linear-gradient(135deg,#fe4d50,#fe4b54)
     价格红 #df4738 / 胶囊浅粉底 #ffeded / 已加入(移出)态 #FBE8E6
     正文 #333 / 次要 #686868 / 提示金 #c7930c
     白卡片 10px 圆角轻阴影 / 页面浅灰 #f5f5f5
   ================================================================== */
* { -webkit-tap-highlight-color: transparent; }
html, body { background: #f5f5f5; }
body { font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', 'Microsoft YaHei', sans-serif; color: #333; }

/* ---------- 顶部导航条：品牌红渐变（对齐小程序搜索区） ---------- */
.mui-bar-nav {
	background: linear-gradient(135deg, #fe4d50 0%, #fe4b54 100%);
	box-shadow: none;
	border-bottom: none;
}
.mui-bar-nav .mui-title { color: #fff; }
.mui-action-back { color: #fff; }

/* ---------- 底部标签栏：白底细线 + 品牌红激活（对齐小程序 tabBar） ---------- */
.mui-bar-tab {
	background: #fff;
	box-shadow: none;
	border-top: 1px solid #f2f2f2;
}
.mui-bar-tab .mui-tab-label { color: #999; font-size: 11px; }
.mui-bar-tab .mui-tab-item.mui-active { color: #fe4b54; }
.mui-bar-tab .mui-tab-item.mui-active .mui-icon~.mui-tab-label { color: #fe4b54; }

/* ---------- 徽标：品牌红 ---------- */
.mui-badge { background-color: #fe4b54; }

/* ---------- 按钮：胶囊化 + 品牌渐变（对齐小程序 add-cart） ---------- */
.mui-btn { border-radius: 999px; }
.mui-btn-danger { border: none; background: linear-gradient(135deg, #fe4d50 0%, #fe4b54 100%); color: #fff; }
.mui-btn-danger:enabled:active { background: linear-gradient(135deg, #e84049 0%, #e44049 100%); }
.mui-btn-outlined { border: 1px solid #fe4b54; color: #fe4b54; background: #fff; border-radius: 999px; }

/* ---------- 卡片体系：白底圆角轻阴影（对齐小程序 card） ---------- */
.mui-card {
	border-radius: 10px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
	margin: 10px 8px 14px;
	overflow: hidden;
}

/* ---------- 输入框：圆角化 ---------- */
.mui-input-row input { border-radius: 8px; }

/* ---------- 省份选择弹层：底部圆角抽屉（cart/pay 共用） ---------- */
.addSelect {
	border-radius: 14px 14px 0 0;
	border-top: none;
	box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.12);
}
.addSelect h3 {
	text-align: center;
	text-indent: 0;
	font-weight: 600;
	padding-bottom: 10px;
	border-bottom: 1px solid #f5f5f5;
}
.addSelect ul { padding-right: 0; }
.addSelect ul li { border-bottom: 1px solid #f7f7f7; }
.addSelect ul li:active { background: #ffeded; }