.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; }