<!doctype html>	
<html>	
<head>	
    <meta charset="utf-8">	
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>	
    <title>我的{wc:fun:_cfg('web_name_two')} - {wc:$webname}触屏版</title>	
	<script src="{G_TEMPLATES_JS}/mobile/jquery190.js" language="javascript" type="text/javascript"></script>
	<link rel="stylesheet" type="text/css" href="{G_TEMPLATES_CSS}/aui/aui.css" />
	<script type="text/javascript" charset="utf-8" src="{G_PLUGIN_PATH}/uploadify/jquery.uploadify-3.1.min.js"></script>
	<script src="{G_TEMPLATES_JS}/mobile/jquery190.js" language="javascript" type="text/javascript"></script>
		<script src="http://cdn.staticfile.org/jquery/2.1.1-rc2/jquery.min.js" type="text/javascript"></script>
	<script src="{G_TEMPLATES_JS}/patch/localResizeIMG.js" charset="utf-8" type="text/javascript"></script>
	
    <!-- mobileBUGFix.js 兼容修复移动设备 -->
	<script src="{G_TEMPLATES_JS}/patch/mobileBUGFix.mini.js" charset="utf-8" type="text/javascript"></script>
    <style>	
        #main{	
            padding: 0;	
        }	
        .pull-left{	
            float: left;	
        }	
        .pull-right{	
            float: right;	
        }	
        .profile_box{	
            height: 182px;	
            width: 100%;	
            background: url(images/api_35.png) center center no-repeat;	
            background-size: 100% 100%;	
        }	
        .profile_box.ta{	
            background: url(images/tm_bg_profile_banner_savvy.png) center center no-repeat;	
            background-size: 100% 100%;	
        }	
        .profile_top{	
            width: 100%;	
            height: 121px;	
            position: relative;	
        }	
        .profile_top.ta{	
            height: 134px;	
        }	
        .profile_top .msg_icon{	
            position: absolute;	
            right: 24px;	
            color: #FFF;	
            top: 13px;	
            width: 26px;	
            height: 18px;	
            background: url(images/tm_mytmall_icon_message.png) center center no-repeat;	
            background-size: 100% 100%;	
        }	
        .profile_top .qrcode-icon{	
            position: absolute;	
            right: 24px;	
            color: #FFF;	
            top: 13px;	
            width: 24px;	
            height: 24px;	
            background: url(images/tm_icon_fun_qrcode.png) center center no-repeat;	
            background-size: 100% 100%;	
        }	
        .profile_top .config{	
            position: absolute;	
            right: 24px;	
            color: #FFF;	
            bottom: 13px;    	
        }	
        .profile_top .user-icon{	
            position: absolute;	
            width: 90px;	
            height: 90px;	
            left: 50%;	
            top: 14px;	
            display: block;	
            border-radius: 45px;	
            -webkit-transform: translateX(-50%);	
                    transform: translateX(-50%);	
        }	
        .profile_top .user-box{	
            position: absolute;	
            bottom: 0;	
            left: 50%;	
            -webkit-transform: translateX(-50%);	
                    transform: translateX(-50%);	
        }	
        .user-box .user-name{	
            color: #FFF;	
        }	
        .profile_top .user-gender{	
            display: inline-block;	
            width: 15px;	
            height: 19px;	
            vertical-align: bottom;	
        }	
        .user-gender.male{	
            background: url(images/tm_icon_gender_male.png) center center no-repeat;	
            background-size: 15px 19px;	
        }	
        .user-gender.female{	
            background: url(images/tm_icon_gender_female.png) center center no-repeat;	
            background-size: 15px 19px;	
        }	
        .login_btn{	
            border: 1px solid #FFF;	
            position: absolute;	
            left: 50%;	
            top: 50%;	
            -webkit-transform: translate(-50%,-50%);	
                    transform: translate(-50%,-50%);	
            padding: 0.5em 1em;	
            border-radius: 5px;	
            color: #FFF;	
        }	
	
	
	
        .profile_box .tabBar-ta{	
            height: 42px;	
            width: 100%;	
        }	
        .tabBar-ta .tabBar_inner{	
            float: left;	
            width: 33%;	
            height: 100%;	
            background: url(images/profile_white_dividing.png) right center no-repeat;	
            background-size: 1px 100%;	
	
        }	
        .tabBar-ta .tabBar_inner.last{	
            background: none;	
        }	
        .tabBar-ta .tabBar_inner span{	
            height: 42px;	
            line-height: 42px;	
            text-align: center;	
            display: block;	
            color: #FFF;	
        }	
        .tabBar-ta .tabBar_inner .follow-icon{	
            background: url(images/ic_btn_pin_normal.png) center center no-repeat;	
            background-size: 90px 26px;	
        }	
        .tabBar-ta .tabBar_inner .follow-icon.followed{	
            background: url(images/ic_btn_pined_normal.png) center center no-repeat;	
            background-size: 90px 26px;	
        }	
        .tabBar-ta .tabBar_inner:active .follow-icon{	
            background: url(images/ic_btn_pin_press.png) center center no-repeat;	
            background-size: 90px 26px;	
        }	
        .tabBar-ta .tabBar_inner:active .follow-icon.followed{	
            background: url(images/ic_btn_pined_press.png) center center no-repeat;	
            background-size: 90px 26px;	
        }	
        .my-intro{	
            padding: 0.9em 0.5em;	
            color: #6A6A6A;	
            background-color: #FFF;	
        }	
        .photos-header{	
            height: 45px;	
            border-top: 1px solid #CCC;	
            background-color: #FFF;	
        }	
        .photos-header .tabs-inner{	
            width: 33%;	
            text-align: center;	
            float: left;	
            height: 45px;	
            line-height: 45px;	
            background: url(images/profile_white_dividing.png) right center no-repeat;	
            background-size: 1px 100%;	
        }	
        .photos-header .tabs-inner.last{	
            background: none;	
        }	
        .photos-header .tabs-inner .tabs-icon{	
            display: inline-block;	
            width: 16px;	
            height: 45px;	
            vertical-align: bottom;	
        }	
        .tabs-inner .tabs-icon.mypost{	
            background: url(images/tm_ic_mypost_normal.png) center center no-repeat;	
            background-size: 16px 16px;	
        }	
        .tabs-inner.active .tabs-icon.mypost{	
            background: url(images/tm_ic_mypost_pressed.png) center center no-repeat;	
            background-size: 16px 16px;	
        }	
        .tabs-inner .tabs-icon.like{	
            background: url(images/tm_ic_like_normal.png) center center no-repeat;	
            background-size: 16px 16px;	
        }	
        .tabs-inner.active .tabs-icon.like{	
            background: url(images/tm_ic_like_selected.png) center center no-repeat;	
            background-size: 16px 16px;	
        }	
        .tabs-inner .tabs-icon.pics{	
            background: url(images/tm_ic_pics_normal.png) center center no-repeat;	
            background-size: 16px 16px;	
        }	
        .tabs-inner.active .tabs-icon.pics{	
            background: url(images/tm_ic_pics_press.png) center center no-repeat;	
            background-size: 16px 16px;	
        }	
        .tabs-inner .tabs-text{	
            color: #888888;	
            height: 45px;	
            line-height: 45px;	
        }	
        .tabs-inner.active .tabs-text{	
            color: #C41000;	
        }	
	
	
        .profile_box .tabBar{	
            height: 61px;	
            width: 100%;	
            background-color: #323237;	
        }	
        .tabBar .tabBar_inner{	
            float: left;	
            width: 20%;	
            height: 100%;	
            background: url(images/profile_tabBar_dividing.png) right center no-repeat;	
            background-size: 1px 100%;	
        }	
	
        .tabBar .tabBar_inner:active{	
            background: #A5A5A5 url(images/profile_tabBar_dividing.png) right center no-repeat;	
            background-size: 1px 100%;	
        }	
        .tabBar .tabBar_inner.last{	
            background: none;	
        }	
        .tabBar .tabBar_inner.last:active{	
            background: #A5A5A5;	
        }	
        .tabBar_inner .text{	
            font-size: 0.7em !important;	
        }	
        .tabBar_inner .num_top,.tabBar_inner .text{	
            color: #FFF;	
            margin-top: 0.5em;	
            display: block;	
            text-align: center;	
	
        }	
        .profile_detail_container{	
            padding-right: 0.75em;	
        }	
        .profile_detail_box{	
            margin-top: 0.75em;	
        }	
        .profile_detail_inner{	
            width: 33.3%;	
            padding-left: 0.75em;	
        }	
        .profile_detail{	
            background-color: #FFF;	
        }	
        .profile_detail:active{	
            background-color: #CBCBCB;	
        }	
        .profile_detail img{	
            margin: 0 auto;	
            padding: 1em 0;	
            width: 40px;	
            display: block;	
        }	
        .profile_detail .title{	
            display: block;	
            font-size: 0.9em;	
            text-align: center;	
            margin-bottom: 0.7em;	
            text-indent: 0 !important;	
        }	
        .profile_detail .brief{	
            display: block;	
            font-size: 0.5em;	
            color: #9E9E9E;	
            text-align: center;	
            padding-bottom: 1em;	
            text-indent: 0 !important;	
        }	
        .clearfix:after{	
            content: '';	
            display: block;	
            clear: both;	
        }	
                .header {	
            display: -webkit-box;	
            display: -webkit-flex;	
            display: flex;	
        }	
        .title {	
            -webkit-box-flex: 1;	
            -webkit-flex: 1;	
            flex: 1;	
        }	
	
        .login-header a {	
            background-size: 50px;	
        }	
        .index-header a,.detail-header a{	
            display: block;	
            background-size: 30px;	
            padding: 20px;	
        }	
        .header a{	
            background-repeat: no-repeat;	
            background-position: center;	
        }	
        .close {	
            background-image: url("images/close_icon_normal@2x.png");	
        }	
	
        .setting {	
            background-image: url("images/setting_icon_normal@2x.png");	
        }	
	
        .login-header .nologin-user {	
            -webkit-transform: rotateY(0deg);	

        }	
	
	
        .login-header {	
            height: 100%;	
            background-color: #E15149;	
        }	
	
        .title {	
            text-align: center;	
            padding-top: 15px;	
            display: -webkit-box;	
            display: -webkit-flex;	
            display: flex;	
            -webkit-box-orient: vertical;	
            -webkit-flex-flow: column;	
            flex-flow: column;	
        }	
	
        .login {	
            color: #323237;	
            font-size: 18px;	
        }	
	
        .mine {	
            background-color: #E15149;	
            padding-top: 5px;	
        }	
	
        .mine li, .bottom li {	
            display: inline-block;	
            width: 32%;	
            text-align: center;	
            padding: 30px 0 6px;	
            background-size: 30px;	
            background-repeat: no-repeat;	
            background-position: top;	
        }	
	
        .bottom li {	
            width: 18.89%;	
            background-size: 30px;	
        }	
	
        .mine li a {	
            margin: 15px 10px 0 10px;	
            color: #323237;	
        }	
	
        .bottom li a {	
            margin: 15px 10px 0 10px;	
            color: #737377;	
            font-size: 12px;	
        }	
	
        .read {	
            background-image: url("images/user_reading_circle@2x.png");	
        }	
	
        .star {	
            background-image: url("images/user_favor_circle@2x.png");	
        }	
	
        .comment {	
            background-image: url("images/user_comment_circle@2x.png");	
        }	
	
        .activity {	
            margin: 0 10px;	
        }	
	
        .activity li {	
            padding: 15px 0;	
            background-size: 8px;	
            background-repeat: no-repeat;	
            background-position: right;	
            background-image: url("images/setting_cell_arrow@2x.png");	
            border-bottom: 1px solid #F6F6F6;	
        }	
	
        .activity li:last-child {	
            border-bottom: none;	
        }	
	
        .subtitle {	
            font-size: 16px;	
            margin-left: 10px;	
        }	
	
        .tag {	
            color: #FFFFFF;	
            padding: 2px;	
            font-size: 13px;	
            border-radius: 2px;	
        }	

    </style>	
	<style>
.my-header {
    background: url('images/mybg.png') no-repeat;
    background-size: cover;
    min-height: 220px;
    position: relative;
    margin: 0px;
    padding: 0px;
}
.my-info {
    position: relative;
    padding: 20px 0;
    width: 100%;
    bottom: 0;
    text-align: center;
    vertical-align: center;
    
}
.my-info img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.my-info p.nickname {
    margin-top: 5px;
    color: #ffffff;
    font-size: 18px;
}
.my-menu {
    position: absolute;
    width: 100%;
    height: 45px;
    line-height: 45px;
    left: 0;
    bottom: 0;
    text-align: center;
    background: #ffffff;
    filter:Alpha(opacity=50);
    background:rgba(255, 255, 255, 0.2) none repeat scroll 0 0 !important;
    color: #ffffff;
    font-size: 14px;
}
.my-menu .aui-col-xs-3 {
    border-right: 1px solid #9bd6d5;
}
.my-menu .aui-col-xs-3:last-child {
    border-right: none;
}
.my-menu > div:active {
    background: #ffffff;
    filter:Alpha(opacity=50);
    background:rgba(255, 255, 255, 0.2) none repeat scroll 0 0 !important;
}
.aui-list-view-cell {
    line-height: 26px;
}
#upload {
opacity: 0;
position: absolute;
z-index: 10;
width: 100px;
height: 100px;
}
</style>
</head>	
<body>	
<header class="aui-bar aui-bar-nav aui-bar-danger" id="aui-header">

<div id="header_1">

    <div class="aui-title" id="header-title"></div>

	<a class="aui-pull-right" tapmode="" href="{WEB_PATH}/mobile/user/cook_end">
退出
        <span  class="aui-iconfont aui-icon-forwardfill"></span>

    </a>
</div>
</header>

<header style="
    margin-top: 45px;
">
    <div class="login-header header ">	
        <div class="hidden title">	
            <a class="nologin-user" id="user" tapmode="">
			<input type="file" id="upload"/>
			<img style="width: 100px;height:100px; border-radius: 67px;" src="{G_UPLOAD_PATH}/{wc:fun:get_user_key($member['uid'],'img')}"></a>
  <div class="login" style="color: #FFFFFF"><a href="{WEB_PATH}/mobile/home/username" style="color:#FFF;">{wc:$member['username']}</a></div>	        </div>	
    </div>	
</header>	

<ul class="mine">	

    <li class="read">	
        <a style="color: #fff;font-size: 13px;" href="{WEB_PATH}/mobile/home/userbuylist">	
            进行中	
        </a>	
    </li>	
    <li class="star">	
        <a style="color: #fff;font-size: 13px;" href="{WEB_PATH}/mobile/mobile/lottery">	
            已开奖	
        </a>	
    </li>	
    <li class="comment">	
        <a style="color: #fff;font-size: 13px;" href="{WEB_PATH}/mobile/home/orderlist">	
            已中奖
        </a>	
    </li>	
</ul>	

 	
             <div class="aui-content">

    <ul class="aui-grid-nine">
    <a href="{WEB_PATH}/mobile/home/wrenwu">

        <li class="aui-col-xs-4 aui-text-center" style="border-top: 1px solid rgb(238, 238, 238);">

				 <span class="aui-iconfont aui-icon-edit aui-text-primary"></span>

            <p>任务中心</p>

        </li>
	</a>
		<a href="{WEB_PATH}/mobile/lottery">
        <li class="aui-col-xs-4 aui-text-center" style="border-top: 1px solid rgb(238, 238, 238);">

			
            <span class="aui-iconfont aui-icon-refund aui-text-danger"></span>
			
            <p>转盘大奖</p>

        </li>
		</a>
		<a href="{WEB_PATH}/mobile/home/singlelist">
        <li class="aui-col-xs-4 aui-text-center" style="border-top: 1px solid rgb(238, 238, 238);">

			
            <span class="aui-iconfont aui-icon-pic aui-text-warning"></span>
			
            <p>我的晒单</p>

        </li>
		</a>
		<a href="{WEB_PATH}/mobile/home/invite">
        <li class="aui-col-xs-4 aui-text-center">

			
            <span class="aui-iconfont aui-icon-friendfavor aui-text-pink"></span>
			
            <p>邀请好友</p>

        </li>
		</a>
		<a href="{WEB_PATH}/mobile/home/address">
        <li class="aui-col-xs-4 aui-text-center">

			
            <span class="aui-iconfont aui-icon-deliver aui-text-dark"></span>
			
			
            <p>收货地址</p>
			
        </li>
		</a>			
		<a href="{WEB_PATH}/mobile/home/password">

        <li class="aui-col-xs-4 aui-text-center">

            <span class="aui-iconfont aui-icon-lock aui-text-info"></span>
		
            <p>修改密码</p>

        </li>
		</a>
		<a href="{WEB_PATH}/mobile/home/userbalance">
        <li class="aui-col-xs-4 aui-text-center">

			
            <span class="aui-iconfont aui-icon-redpacket aui-text-blue"></span>
		
            <p>账号明细</p>

        </li>
	</a>
	<a href="{WEB_PATH}/mobile/home/ten">
        <li class="aui-col-xs-4 aui-text-center">

			
            <span class="aui-iconfont aui-icon-roundadd aui-text-danger"></span>
		
            <p>十元专区</p>

        </li>
	</a>
	<a href="{WEB_PATH}/mobile/home/zhigou">
        <li class="aui-col-xs-4 aui-text-center">

			
            <span class="aui-iconfont aui-icon-cart aui-text-warning"></span>
	
            <p>直购专区</p>

        </li>
		</a>
    </ul>

</div>
 <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/>

{wc:templates "mobile/index","footer"}
<script type="text/javascript">     
$('input:file').localResizeIMG({

        success: function (result) {
            var img = new Image();
			var myDate = new Date();
			var tim = myDate.getTime();
            img.src = result.base64;
			alert(result.clearBase64);
            $.ajax({
                url: '{WEB_PATH}/mobile/home/userimg',
                type: 'POST',
                data: {formFile: result.clearBase64,mulu: tim},
                dataType: 'HTML',
                timeout: 3000,
                error: function (result) {
				alert("上传成功！");window.location.href = '{WEB_PATH}/mobile/home/';
                },
                success: function () {
				alert("上传成功！");window.location.href = '{WEB_PATH}/mobile/home/';
                }
            });
        }
    });    </script>
<script language="javascript" type="text/javascript">
  var Path = new Object();
  Path.Skin="{G_TEMPLATES_STYLE}";  
  Path.Webpath = "{WEB_PATH}";
  
var Base={head:document.getElementsByTagName("head")[0]||document.documentElement,Myload:function(B,A){this.done=false;B.onload=B.onreadystatechange=function(){if(!this.done&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){this.done=true;A();B.onload=B.onreadystatechange=null;if(this.head&&B.parentNode){this.head.removeChild(B)}}}},getScript:function(A,C){var B=function(){};if(C!=undefined){B=C}var D=document.createElement("script");D.setAttribute("language","javascript");D.setAttribute("type","text/javascript");D.setAttribute("src",A);this.head.appendChild(D);this.Myload(D,B)},getStyle:function(A,B){var B=function(){};if(callBack!=undefined){B=callBack}var C=document.createElement("link");C.setAttribute("type","text/css");C.setAttribute("rel","stylesheet");C.setAttribute("href",A);this.head.appendChild(C);this.Myload(C,B)}}
function GetVerNum(){var D=new Date();return D.getFullYear().toString().substring(2,4)+'.'+(D.getMonth()+1)+'.'+D.getDate()+'.'+D.getHours()+'.'+(D.getMinutes()<10?'0':D.getMinutes().toString().substring(0,1))}
Base.getScript('{G_TEMPLATES_JS}/mobile/Bottom.js');
</script>
<script type="text/javascript" src="../script/api.js"></script>	
<script type="text/javascript" src="../script/zepto.min.js"></script>	
<script type="text/javascript">	
    apiready = function(){	
    	var profile = $api.dom('.profile_box');	
    	$api.fixIos7Bar(profile);	
        Zepto(function($){	
            var em = parseInt(getComputedStyle(document.body,false).fontSize);	
            var emW = em*3/4;	
            var bodyW = $api.offset(document.body).w;	
            var sp1_3 = (bodyW - 4*emW)/3;	
            $('.profile_detail_inner').width(sp1_3);	
        });	
    }	
</script>	
</html>	
