sr-iHealthwx/html/jkjl/css/health-record-info.css

#wrapper{padding-top: 70px;}
.h-tab{display: -webkit-flex; display: flex; flex-flow: row; position: absolute;left: 0;top: 0;right: 0;padding: 16px 10px;background: #f3f3f3;z-index: 10;}
.h-tab li{height: 36px;line-height: 36px; flex: 1;text-align: center;font-size: 16px;background: #fff;overflow: hidden;border:1px solid #dcdcdc}
.h-tab li:first-child{border-radius:6px 0 0 6px;border-right: none;}
.h-tab li:last-child{border-radius:0 6px 6px 0;border-left: none;}
.h-tab li.active{background: #75bf00;}
.h-tab li.active a{color: #fff;}
.h-tab li a{color: #323232;}
/*.h-tab-con{background: #fff;border-top:1px solid #dcdcdc}*/
.h-sel:nth-child(2n){border-top:1px solid #dcdcdc}
.h-sel{padding-left: 10px;}
.h-sel li{display: inline-block;width: 62px;margin: 10px 10px 10px 0;font-size: 14px;color: #909090;padding: 3px 0;text-align: center;}
.h-sel li.active{background: #e3f2cc;border:1px solid #75bf00;-webkit-border-radius: 50px;border-radius: 50px;}
.h-sta{display: -webkit-flex;display: flex;}
.h-sta li{flex: 1;display:inline-block;font-size: 12px;text-align: center;padding: 20px 0;}
.h-sta-normal{}
.h-sta-hei{color: #ff6a56;}
.h-sta-low{color: #47a8ef;}
.h-sta-normal label,.h-sta-hei label,.h-sta-low label{position: relative;padding-left: 10px;}
.h-sta-normal label:before,.h-sta-hei label:before,.h-sta-low label:before{content: ' ';display: block;width: 5px;height: 5px;background: #323232;position: absolute;left: 0;top:5px;-webkit-border-radius: 50%;border-radius: 50%;}
.h-sta-normal label{}
.h-sta-hei label:before{background: #ff6a56;}
.h-sta-low label:before{background: #47a8ef;}
.h-time{padding: 10px 0;text-align: center;font-size: 12px;}


.h-list-info{background: #fff;}
.h-list-info li{height:40px;line-height:40px;font-size: 14px;color: #323232;padding: 0 16px 0 10px;border-bottom:1px solid #dcdcdc;}
.h-list-info li:first-child{border-top:1px solid #dcdcdc}
.h-list-info li:last-child{border-bottom:none}
.h-list-info:last-child{border-bottom:1px solid #dcdcdc}
.icon-calendar{display: inline-block;width: 14px;height: 15px;background: url(../images/icon_shijian.png) center no-repeat;background-size: cover;    vertical-align: middle;margin-right: 10px;}
.h-l-t-time{vertical-align: middle;}
.h-l-tit{font-size: 14px;color: #909090;}
.h-l-time{width: 105px;font-size: 14px;float: left;}
.h-l-meal{float: left;}
.h-l-num{float: right;}
.h-l-num.num-hei{color: #ff6a56;}
.h-l-num.num-low{color: #47a8ef;}
.l-edit-icon{display:none;width:21px;height:40px;float: left;background: url(../images/icon-shanchu-4.png) center no-repeat;background-size: contain;margin-right: 10px;}
.l-edit-icon.active{display: block;}
.xy-list{font-size: 14px;}
.xy-list li{
	height: 40px;
	line-height: 40px; 
	
	/*display: -webkit-flex;
	display: flex;
	flex-flow: row;*/
	
  display: box;              /* OLD - Android 4.4- */
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-orient: horizontal;
  /* 12版 */
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
	
	
	
	padding-left: 10px;
}
.xy-list-tit{font-size: 12px;}
.xy-item{background: #fff;border-top: 1px solid #dcdcdc;}
.xy-time{
	flex: 2;
}
.xy-ssy{
	/*flex: 1;*/
	
	  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	  -moz-box-flex: 1;         /* OLD - Firefox 19- */
	  /*width: 20%;               /* For old syntax, otherwise collapses. */
	  -webkit-flex: 1;          /* Chrome */
	  -ms-flex: 1;              /* IE 10 */
	  flex: 1;  
	
	text-align: center;
}
.xy-szy{
	/*flex: 1;*/
	  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  /*width: 20%;               /* For old syntax, otherwise collapses. */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;  
	
	text-align: center;
}
.xy-tit-time{padding-left: 20px;}
.xy-ssy-hei{position:relative;color: #ff6a56;padding-right: 10px;}
.xy-ssy-low{position:relative;color: #47a8ef;padding-right: 10px;}
.xy-ssy-hei:after{content: ' ';display: block;width: 7px;height: 12px;position: absolute;right: 0px;top: 5px;background: url(../images/zhibiao_gao_icon.png) center no-repeat;background-size: cover;}
.xy-ssy-low:after{content: ' ';display: block;width: 7px;height: 12px;position: absolute;right: 0px;top: 5px;background: url(../images/zhibiao_di_icon.png) center no-repeat;background-size: cover;}
.btns{position: fixed;width: 100%;left: 0;bottom: 0;background: #f3f3f3;padding: 15px 0;overflow: hidden;z-index: 20;}
.btns a{width:49%;display: block;padding: 5px 0;text-align: center;font-size: 16px;-webkit-border-radius:4px;border-radius: 4px;}
.cancel-btn{background: #ff6a56;color: #fff;float: left;}
.ok-btn{background: #75BF00;color: #fff;float: right;}
body{
	padding-bottom: 60px;
}