身份选择样式

app/css/app.css

.selectSortBox .mui-grid-view.mui-grid-9 .mui-table-view-cell{border-color:transparent;}
.selectSortBox .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{margin-top:10px}
.selectSortBox .mui-table-view.mui-grid-view .mui-table-view-cell.selectNow{background: #E5E5E5;}
.selectSortBox .mui-table-view.mui-grid-view .mui-table-view-cell .iconfont{display:inline-block;position:absolute; bottom:36px;right:28px;color:#ff9900;}
.selectSort{display: inline-block;width: 74px;height: 74px;background-repeat:no-repeat;background-position: center;background-size: cover;}
.selectSort.sort-pro{background-image: url(../images/login_icon_keyan_nor@3x.png);}
.selectSort.sort-mana{background-image: url(../images/login_icon_qiyegaoguan_nor@3x.png);}

app/html/fillinfo-select.html

		<title>完善个人信息</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/iconfont.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
	</head>
				<li class="mui-table-view-cell mui-media mui-col-xs-4 selectNow">
				    <span class="selectSort sort-user"></span>
			        <div class="mui-media-body">普通用户</div>
			        <span class="iconfont icon-yuanxingxuanzhongfill"></span>
				</li>
			</ul>
			<div class="mui-content-padded frmboxNew">
		<script type="text/javascript">
			mui(".selectSortBox").on("tap","li",function(){
				var liAll = document.getElementsByTagName('li');
				var slescted =document.createElement("span")
				slescted.className = "iconfont icon-yuanxingxuanzhongfill";
				for(var i = 0;i <liAll.length;i++){
					if(liAll[i].classList.contains("selectNow")){
						liAll[i].classList.remove("selectNow");
						liAll[i].removeChild(liAll[i].getElementsByTagName("span")[1]);
					}
				}
				this.classList.add("selectNow");
				this.appendChild(slescted);
			})
		</script>
	</body>