iHealth-app-demo/html/huanzhe/css/disease.css

.healthy-icon{
	margin:0px 0 0 3px;
	background: url(../images/jiankangqingkuang_icon.png) no-repeat;
	width:20px;
	height:20px;
	background-size:20px;
	position: absolute;
}

.other-icon{
	margin:0px 0 0 3px;
	background: url(../images/zidingyibiaoqian_icon.png) no-repeat;
	width:20px;
	height:20px;
	background-size:20px;
	position: absolute;
}

.disease-icon {
	margin:0px 0 0 3px;
	background: url(../images/jibingleixing_icon.png) no-repeat;
	width:20px;height:20px;
	background-size:20px;
	position: absolute;
}
.add-icon{
	background: url(../images/tianjia_icon.png) no-repeat;
	width:16px;
	height:16px;
	background-size:16px;
	position: absolute;
	top:7px;
	left:7px;
}

.c-list .c-list-add{
	width:29%;
	height:30px;
	line-height:28px;
	float:left;
	display:inline;
	margin:10px 7px 0 1%;
	padding:0 0 0 0;
	background-color: #FFFFFF;
	border-radius:18px;
	border: 0.5px solid deepskyblue;
	border-style:dashed
}

.c-list .c-list-add div{
	width:100%;text-align: center;color:#000000;font-size:14px;
}
.c-list .c-list-add span{
	font-size:14px;
}
.c-list .c-head span{
	margin-left:30px;
	font-size:14px;
	font-weight: bolder;
}
.c-list .c-list-li{
	width:29%;
	height:30px;
	line-height:28px;
	float:left;
	display:inline;
	margin:10px 7px 0 1%;
	padding:0 0 0 0;
	border-radius:15px;
	background-color: #FFFFFF;
	
}

.add-input{
	display:none;
	border-radius:18px;
	padding:0 5px 0 5px;
	margin:0px 5px 0px 5px;
	width:80%;
}
.c-list .c-list-li div{
	width:100%;
	text-align: center;
	font-size:14px;
}
.c-list .c-list-li span{
	font-size:14px;
}

.c-list .c-head{
	width:100%;
	float:left;
	display:inline;
	margin:15px 0 5px; 0;
	padding:0 0 0 0;
	border-radius:5px;
}


.c-list .active-icon{
	border:1px solid deepskyblue;
}

.c-list .active-icon div{
	color:deepskyblue;
}


.c-list .no-active{
	border:1px solid #C8C7CC;
}
.c-list .no-active div{
	color: black;
}
.c-list .cant-active{
	border:1px solid #eee;
	color: #eee;
}
.c-list .cant-active span{
	color: #eee;
}

.c-list .c-title{
	width:100%;
	height:35px;
	background-color: #FA8888;
	padding:0 0 0 0;
	margin:auto;
	font-size:12px;
	z-index: 4;
}

.c-list .c-title div{
	margin-top:10px;
	text-align: left;
	width: 100%;
}

.c-list .c-title span{
	color:#FFFFFF;
	text-align: left;
	margin-left: 10px;
}


.btntrue{position: absolute;right: 13px;top: 0; color:#FFFFFF;}
			
.btntrue.on{ color: #FFFFFF;}

.f-dn{display:none;}

.c-ccc{color:#CCCCCC}

.c-list .c-list-li.disabled{
    border: 1px solid #e1e1e1;
}
.c-list .c-list-li.disabled span{
    color: #ccc;
}