<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>会员中心</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" type="text/css" href="//css.iamberry.com/tooth/css/mui.min.css?v=2017072401" />
	<link rel="stylesheet" type="text/css" href="//css.iamberry.com/tooth/new/css/iconfont.css?v=2017072401" />
	<link rel="stylesheet" type="text/css" href="//css.iamberry.com/tooth/css/style.css?v=2017072401" />
	<link rel="stylesheet" type="text/css" href="//css.iamberry.com/tooth/css/vip_center.css?v=2017072401" />
	<style>
		.my-view-order .mui-media-body {
			padding-top: 0;
		}
		.center-middle{font-size: 12px;    position: absolute;
			left: 90px;
			top: 50%;
			-webkit-transform: translateY(-50%);}
		.wh-80 {
			width: 70px !important;
			max-width: 70px !important;
			height: 70px !important;
			margin: 0 5px 0 0 !important;
			overflow: hidden;
			display: inline-block;
			text-align: center;
		}
		.wh-80 img {
			height: 70px;
		}
		.btn-box{bottom:auto;top:12px;}
		#menu-nav .mui-control-item {line-height: 1;color: #333;border-color: #fff;border:0;padding: 10px 0 15px 0;font-size: 12px;}
		#menu-nav {border: 0;border-radius: 3px;}
		#menu-nav .mui-control-item.mui-active {color: #333;background-color:rgba(0,0,0,.1);}
		#menu-nav .iconfont{color: #55c0dc;padding: 10px 0;}
		#menu-order .mui-control-item {line-height: 1;color: #333;border-color: #fff;border:0;padding: 6px 0 10px 0;font-size: 12px;}
		#menu-order {border: 0;border-radius: 3px;}
		#menu-order .mui-control-item.mui-active {color: #333;background-color:rgba(0,0,0,.1);}
		#menu-order .iconfont{color: #f5556c;padding: 5px 0;}
		.my-view-order{color: #333;}
		.my-view-order:before{display: none;}
		.mui-grid-view.mui-grid-9 .mui-media{background-color: #fff;padding: 11px 5px;}
		.mui-grid-view.mui-grid-9:after{height: 0;display: none;}
		.icon-xiaxian,.icon-kefu,.icon-chanpinzhinan,.icon-jishu,.icon-gushi,.icon-linian,.icon-caozuozhinan{color: #55c0dc;}
		.icon-liwu,.icon-wheel{color: #f7624e;}
		.icon-renwu,.icon-naifen{color: #f88c43;}
		.icon-shouhou,.icon-order,.icon-zhongguo,.icon-jiangxiang,.icon-shiming,.icon-dansheng{color: #31c27c;}
		.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{font-size: 12px;}
		#menu-lease-order,#menu-lease-other{border: 0;border-radius: 3px;}
		#menu-lease-order .mui-control-item,#menu-lease-other .mui-control-item{line-height: 1;color: #333;border-color: #fff;border:0;padding: 6px 0 10px 0;font-size: 12px;}
		#menu-lease-order .mui-control-item.mui-active,#menu-lease-other .mui-control-item.mui-active{color: #333;background-color:rgba(0,0,0,.1);}
		#menu-lease-order .iconfont,#menu-lease-other .iconfont{padding: 5px 0;}
		.icon-daifahuo1,.icon-shebeiliebiao{color: #1bcba8;}
		.icon-yifahuo,.icon-zulinxieyi{color: #55c0dc;}

		.wh-80 {
			width: 60px !important;
			max-width: 60px !important;
			height: 80px !important;
			margin: 0 5px 0 0 !important;
			overflow: hidden;
			display: inline-block;
			text-align: center;
		}
		.try-btn-pay{    background: #55c0dc;
			border: 1px solid transparent;
			border-radius: 4px;
			color: #fff;
			padding: 3px 8px;}
		.center-middle{font-size: 12px;    position: absolute;
			left: 90px;
			top: 50%;
			-webkit-transform: translateY(-50%);}
	</style>
	<script>
        // 屏蔽分享
        window.hiddenAllWechatMenu = true;
	</script>
</head>
<body>
<div class="loading-bg">
	<div class="mui-loading">
		<div class="mui-spinner">
		</div>
		&nbsp;&nbsp;加载中...
	</div>
</div>
<nav class="mui-bar mui-bar-tab" id="footer-bar">
	<a class="mui-tab-item" >
		<div class="iconfont icon-home"></div>
		<span class="mui-tab-label">首页</span>
	</a>
	<a class="mui-tab-item">
		<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
		<span class="mui-tab-label">购物车</span>
	</a>
	<a class="mui-tab-item">
		<div class="iconfont icon-dingdan"></div>
		<span class="mui-tab-label">我的订单</span>
	</a>
	<a class="mui-tab-item mui-active">
		<div class="iconfont icon-vip"></div>
		<span class="mui-tab-label">会员中心</span>
	</a>
</nav>
<div class="mui-content">
	<div class="vip-tt">
		<!-- <img src="/iamberry/common/shop/images/member_photo-bg_2.png"> -->
		<div class="tx bg-orange" id="headDiv">
			<img src="//s.iamberry.com/images/logo_tooth.jpg" id="userHead">
		</div>
		<div class="nikname">
			<div>
				<span id="userNickname">游客</span>
			</div>
			<div>
				<span class="go_daili_2wm"  id="2WM"  style="display:none">立即分享二维码 ></span>
				<!-- <span class="btn_share to-up-img" id="toShare"  style="display:none">我要分享</span> -->
			</div>
			<div>
				<span class="go_daili_fx2wm"  id="fx2WM"  style="display:none" onclick="fenxiao_wm2();">查看关注二维码 ></span>
				<!-- <span class="btn_share to-up-img" id="toShare"  style="display:none">我要分享</span> -->
			</div>
		</div>
	</div>
	<div style="padding:0;background: #fff;margin-bottom: 8px;">
		<div id="menu-nav" class="mui-segmented-control">
			<a class="mui-control-item" href="/tooth/view/coupon_bag.html">
				<div class="iconfont icon-wodequanbao"></div>
				我的券包
			</a>
			<a  id="myMachine" class="mui-control-item" href="/tooth/wechat/qrcode/_add_warranty">
				<div class="iconfont icon-zhi"></div>
				质保卡
			</a>
			<a id="fenxiao" class="mui-control-item try-a-fenxiao" href="#" style="display:none">
				<div class="iconfont icon-fenxiaozhongxin"></div>
				分销中心
			</a>
		</div>
	</div>
	<ul class="mui-table-view my-view-order">
		<li class="mui-table-view-cell">
			<a class="mui-navigate-right go_pay_count">
				我的订单
			</a>
		</li>
	</ul>
	<div style="padding:0;background: #fff;margin-bottom: 8px;">
		<div id="menu-order" class="mui-segmented-control">
			<a class="mui-control-item go_pay_count">
				<div class="iconfont icon-daifukuan"></div>
				待付款
			</a>
			<a class="mui-control-item go_deliver_count">
				<div class="iconfont icon-daifahuo"></div>
				待发货
			</a>
			<a class="mui-control-item go_delivered_count">
				<div class="iconfont icon-yifahuo"></div>
				已发货
			</a>
			<a class="mui-control-item go_all_count">
				<div class="iconfont icon-alldingdan"></div>
				全部订单
			</a>
		</div>
	</div>

	<ul class="mui-table-view my-view-order">
		<li class="mui-table-view-cell">
			我的服务
		</li>
	</ul>
	<div style="padding:0;background: #fff;margin-bottom: 8px;">
		<div id="menu-lease-other" class="mui-segmented-control">
			<a class="mui-control-item">
				<div class="iconfont icon-chanpinzhinan"></div>
				产品指南
			</a>
			<a class="mui-control-item">
				<div class="iconfont icon-shouhou"></div>
				售后服务
			</a>
			<a class="mui-control-item">
				<div class="iconfont icon-kefu"></div>
				客服电话
			</a>
			<a class="mui-control-item">
				<div class="iconfont icon-order"></div>
				常见问答
			</a>
		</div>
	</div>

	<ul class="mui-table-view my-view-order">
		<li class="mui-table-view-cell">
			WaterO
		</li>
	</ul>
	<div style="padding:0;background: #fff;margin-bottom: 8px;">
		<div id="menu-lease-order" class="mui-segmented-control">
			<a class="mui-control-item">
				<div class="iconfont icon-dansheng" id="dansheng_deliver"></div>
				WaterO诞生
			</a>
			<a class="mui-control-item">
				<div class="iconfont icon-linian" id="linian_deliver"></div>
                WaterO理念
			</a>
			<a class="mui-control-item">
				<div class="iconfont icon-shiming" id="shiming_deliver"></div>
                WaterO使命
			</a>
			<a class="mui-control-item">
				<div class="iconfont icon-caozuozhinan" id="zhinan_dalog"></div>
				操作指南
			</a>
		</div>
	</div>
</div>
<script src="//s.iamberry.com/tooth/js/mui.min.js?v=2016111701"></script>
<script src="//s.iamberry.com/tooth/js/jquery-2.1.1.min.js"></script>
<script src="//s.iamberry.com/tooth/js/shop/main.js?v=2016111701"></script>
<script src="//s.iamberry.com/tooth/js/shop/wechat-utils-1.0.js"></script>
<script src="//s.iamberry.com/tooth/new/js/page/vip_center.js?v=2017040701"></script>
</body>
</html>
