<div class="family-user-info">
    <div class="info-list">
        <div class="list-item user-pic">
            <div class="title">头像</div>
            <div class="main">
                <div class="pic user-avatar" data-avatar="{{image headIco 100 100}}"></div>
            </div>
            <div class="arr">
                <span class="iconfont">&#xe604;</span>
            </div>
        </div>
        <div class="list-item">
            <div class="title">昵称</div>
            <div class="main">
                <input class="inp nick-name modify" type="text" value="{{nickname}}" />
            </div>
            <div class="arr">
                <span class="iconfont">&#xe604;</span>
            </div>
        </div>
        <div class="list-item">
            <div class="title">性别</div>
            <div class="main">
                <select class="inp gender modify">
                    <option value="{{genderId}}">{{gender}}</option>
                    <option value="{{otherGenderId}}">{{otherGender}}</option>
                </select>
            </div>
            <div class="arr">
                <span class="iconfont">&#xe604;</span>
            </div>
        </div>
        <div class="list-item">
            <div class="title">生日</div>
            <div class="main">
                <span class="date-c">
                    <input class="inp birthday modify" type="date" value="{{birthday}}" />
                </span>
            </div>
            <div class="arr">
                <span class="iconfont">&#xe604;</span>
            </div>
        </div>
        <div id="chosen-city" class="list-item">
            <div class="title">城市</div>
            <div class="main">
                <span class="inp">江苏 南京</span>
            </div>
            <div class="arr">
                <span class="iconfont">&#xe604;</span>
            </div>
        </div>
        <a class="list-item" href="//m.yohobuy.com/home/tide-command?hideTips=true">
            <div class="title">我的潮流口令</div>
            <div class="main">
                <span class="inp" type="text">#{{trendWord}}#</span>
            </div>
            <div class="arr">
                <span class="iconfont">&#xe604;</span>
            </div>
        </a>
        <a class="list-item" href="{{qrcodeLink}}">
            <div class="title">我的二维码</div>
            <div class="main">
                <div class="ewm"></div>
            </div>
            <div class="arr">
                <span class="iconfont">&#xe604;</span>
            </div>
        </a>
    </div>
    <div class="info-list">
        <div class="list-item">
            <div class="title">身高</div>
            <div class="main">
                <label>cm</label>
                <input class="inp inp-2 height modify" type="number" value="{{height}}" />
            </div>
            <div class="arr">
                <span class="iconfont">&#xe604;</span>
            </div>
        </div>
        <div class="list-item">
            <div class="title">体重</div>
            <div class="main">
                <label>kg</label>
                <input class="inp inp-2 weight modify" type="number" value="{{weight}}" />
            </div>
            <div class="arr">
                <span class="iconfont">&#xe604;</span>
            </div>
        </div>
    </div>
    <div class="info-list hide">
        <div class="list-item">
            <div class="title">账号安全</div>
            <div class="main">
                <input class="inp" type="text" value="修改手机号+密码等" />
            </div>
            <div class="arr">
                <span class="iconfont">&#xe604;</span>
            </div>
        </div>
    </div>
    <div id="yoho-footer" class="foot-tip yoho-footer">
        <div class="pic"></div>
        <p>如果你还使用了我们的其他产品(Yoho!Buy有货、Yoho!Now和 mars)修改个人信息时将同步。</p>
    </div>
    <div class="city-swiper">
        <div class="swiper-header">
            <div class="cancel">取消</div>
            <div class="ok">完成</div>
        </div>
        <div class="swiper-list">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div id="01" class="swiper-slide">江苏</div>
                    <div id="02" class="swiper-slide">浙江</div>
                    <div id="03" class="swiper-slide">安徽</div>
                    <div id="04" class="swiper-slide">福建</div>
                    <div id="05" class="swiper-slide">广东</div>
                    <div id="06" class="swiper-slide">广西</div>
                    <div id="07" class="swiper-slide">云南</div>
                    <div id="09" class="swiper-slide">内蒙古</div>
                    <div id="010" class="swiper-slide">黑龙江</div>
                    <div id="011" class="swiper-slide">新疆维吾尔自治区</div>
                </div>
            </div>
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div id="11" class="swiper-slide">南京</div>
                    <div id="12" class="swiper-slide">苏州</div>
                    <div id="13" class="swiper-slide">无锡</div>
                    <div id="14" class="swiper-slide">常州</div>
                    <div id="15" class="swiper-slide">宿迁</div>
                    <div id="16" class="swiper-slide">徐州</div>
                    <div id="17" class="swiper-slide">盐城</div>
                    <div id="18" class="swiper-slide">南通</div>
                    <div id="19" class="swiper-slide">扬州</div>
                    <div id="110" class="swiper-slide">连云港</div>
                </div>
            </div>
            <div class="swiper-line"></div>
        </div>
    </div>
</div>