/* 背景 */

.appclass {
	width: auto;
	height: auto;
	background-color = #111732;
	margin:auto;
}

/* 最外边框 */
.outline {
	width: 106.15rem;
	height: 59.54rem;
	background-color: #111732;
	margin:auto;
}

/* 顶部 */
.top {
	width: 100%;
	height: 5.38rem;
	position: relative;
}

/* logo */
.careteklogo {
	width: 6.27rem;
	height: 3.23rem;
	position: absolute;
	left: 2.35rem;
	bottom: 0.65rem;
}

/* 机构名称 */
.company {
	width: 18.69rem;
	height: 2rem;
	font-family: MicrosoftYaHeiUI;
	font-size: 1.78rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0rem;
	color: #ffffff;
	position: absolute;
	left: 10.42rem;
	bottom: 1.5rem;
}
.btnd{
	position: absolute;
	right: 40rem;
	bottom: 1.5rem;
	width: 20rem;
	height: auto;
}
.btns{
	/* position: absolute;
	right: 40rem;
	bottom: 1.5rem; */
	display: flex;
	justify-content: space-between;
}
.btn{
	
}
.retbtn{
	position: absolute;
	right: 40rem;
	bottom: 1.5rem;
}
.mutbtn{
	position: absolute;
	right: 44rem;
	bottom: 1.5rem;
}
.quietbtn{
	position: absolute;
	right: 52rem;
	bottom: 1.5rem;
}
/* 日期 */
.date {
	width: 19rem;
	height: 1.85rem;
	font-family: MicrosoftYaHeiUI;
	font-size: 1.38rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0rem;
	color: #67b3ff;
	position: absolute;
	left: 71.15rem;
	bottom: 1.46rem;
}

/* 护士头像 */
.nurse {
	width: 3.58rem;
	height: 3.58rem;
	position: absolute;
	right: 12.62rem;
	bottom: 0.5rem;
}
/* 人员名字 */
.name{
	width: 7.62rem;
	height: 1.15rem;
	font-family: MicrosoftYaHeiUI;
	font-size: 1.15rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0rem;
	color: #67b3ff;	
	position:absolute;
	bottom:1.81rem;
	right:4.23rem;
}
/* 设置 */
.setup-btn{
	width: 2.4rem;
	height: 1.15rem;
	font-family: MicrosoftYaHeiUI;
	font-size: 1.15rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0rem;
	color: #67b3ff;	
	position:absolute;
	bottom:1.81rem;
	right:37rem;
}

/* 顶部底线 */
.top-bottomLine {
	width: 100%;
	height: 1px;
	background-image: linear-gradient(#215ecd,
		#215ecd),
		linear-gradient(#00a0e9,
		#00a0e9);
	background-blend-mode: normal,
		normal;
}

/* 主体 */
.main-area {
	width: 102.45rem;
	/* height: auto; */
	height:54.16rem;
	margin: auto;
}

/* 卡片区 */
/* 统计卡片区*/
.counter {
	width: 100%;
	height: 6.92rem;
	display: flex;
	justify-content: space-between;
}

/* 统计卡片 */
.counter-card {
	width: 24.85rem;
	height: 5.46rem;
	background-color: #ffffff;
	margin-top: 1.40rem;
	position: relative;
}

/* 统计卡片 icon */
.counter-card-icon {
	width: 4.04rem;
	height: 4.04rem;
	position: absolute;
	left: 2.04rem;
	bottom: 0.69rem;
}

/* 统计卡片 项目名称 */
.counter-card-txt {
	width: 3.81rem;
	height: 1.08rem;
	font-family: MicrosoftYaHeiUI;
	font-size: 1.07rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0rem;
	color: #131313;
	position: absolute;
	left: 8.04rem;
	bottom: 2rem;
}

/* 统计卡片 项目值 */
.counter-card-val {
	width: 9rem;
	height: 2.29rem;  /*1.9rem*/
	font-family: MicrosoftYaHeiUI;
	font-size: 2.29rem;
	/* 2.29rem */
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0rem;
	color: #131313;
	position: absolute;
	left: 12.58rem;
	bottom: 1.92rem;
}

/* 床位卡片区域*/
.bedArea {
	width: 100%;
	height: 42.74rem;
	margin-top: 1.40rem;
	display: flex;
	flex-flow: wrap row;
	justify-content: flex-start;
	align-content: flex-start;
}

/* 床位卡片 */
.bed-card {
	width: 24.85rem;
	height: 13.08rem;
	background-color: #ffffff;
	/* margin-top: 1.62rem; */
	/* margin-right: 1rem; */
}

.bed-card-margin{
	margin-right: 1rem;
}

/* 床位卡片 顶部 */
.bed-card-top {
	width: 24.85rem;
	height: 2.81rem;
	position: relative;
}

/* 床位卡片 顶部 背景色 警告 */
.bed-card-top-bg-warn {
	background-image: linear-gradient(#f86152,
		#f86152),
		linear-gradient(#ffffff,
		#ffffff);
	background-blend-mode: normal,
		normal;
}

/* 床位卡片 顶部 背景色 离线 */
.bed-card-top-bg-outline {
	background-image: linear-gradient(#bababa,
		#bababa),
		linear-gradient(#ffffff,
		#ffffff);
	background-blend-mode: normal,
		normal;
}

/* 床位卡片 顶部 背景色 正常 */
.bed-card-top-bg-normal {
	background-image: linear-gradient(#55ad74,
		#55ad74),
		linear-gradient(#ffffff,
		#ffffff);
	background-blend-mode: normal,
		normal;
}

/* 床位卡片 顶部 文本 */
.bed-card-top-txt {
	width: 20rem;
	/*7.38rem*/
	height: 1.15rem;   /* 1.12rem */
	font-family: MicrosoftYaHeiUI;
	font-size: 1.15rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0rem;
	color: #ffffff;
	position: absolute;
	left: 0.96rem;
	bottom: 0.69rem;
}

/* 床位卡片 顶部 icon*/
.bed-card-top-icon {
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	right: 1.38rem;
	bottom: 0.54rem;
}

/* 床位卡片 数据区 */
.bed-card-body {
	width: 24.85rem;
	height: 10.27rem;
	position: relative;
}

/* 床位卡片 数据区 状态图标*/
.bed-card-body-icon {
	width: 4.23rem;
	height: 4.35rem;
	position: absolute;
	left: 2.54rem;
	bottom: 2.54rem;
}

/* 床位卡片 数据区 体征项 */
.bed-card-body-item {
	width: 6.2rem;
	height: 1.85rem;
	position: absolute;
}

/* 床位卡片 数据区 体征项定位 */
.bed-card-body-item-pos-xinlv {
	left: 11.23rem;
	bottom: 7.19rem;
}

.bed-card-body-item-pos-niaoshi {
	left: 11.23rem;
	bottom: 4.12rem;
}

.bed-card-body-item-pos-fanzhuang {
	left: 11.23rem;
	bottom: 1.19rem;
}

.bed-card-body-item-pos-huxilv {
	left: 18.5rem;
	bottom: 7.19rem;
}

.bed-card-body-item-pos-cexue {
	left: 18.5rem;
	bottom: 4.12rem;
}

/*床位卡片 数据区 体征小图标 */
.bed-card-body-icon-small {
	width: 1.85rem;
	height: 1.85rem;
	position: absolute;
	left: 0;
	top: 0;
}

/*床位卡片 数据区 体征值 */
.bed-card-body-value {
	width: 3rem;
	height: 1rem;   /* 0.85rem */
	font-family: MicrosoftYaHeiUI;
	font-size: 1rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0rem;
	color: #565656;
	line-height: 1.85rem;
	position: absolute;
	left: 2.42rem;
}


/* 房间区 */
/* 房间顶部 */
.room-top {
	width: 100%;  /*102.27rem*/
	height: 5.42rem;
	background-color: #ffffff;
	margin-top: 1.31rem;
	position: relative;
}

/* 房间定位 */
.room-top-location {
	width: 13.38rem;
	height: 2.58rem;
	position: absolute;
	left: 1.88rem;
	bottom: 1.46rem;
}

/* 定位图标 */
.locationIcon {
	width: 2.12rem;
	height: 2.58rem;
	position: absolute;
	top: 0;
	left: 0;
}

/* 床位号 */
.bedId {
	width: 29rem;
	height: 1.90rem;
	font-family: MicrosoftYaHeiUI; /* MicrosoftYaHeiUI-Bold; */
	font-size: 1.85rem;
	font-weight: bold; /* normal; */
	font-stretch: normal;
	letter-spacing: 0rem;
	color: #000000;
	position: absolute;
	left: 3.54rem;
	line-height: 2.58rem;
}

/* 房间顶部 项 */
.room-top-item {
	width: 12.7rem;
	height: 3.62rem;
	position: absolute;
}

/* 房间顶部 项 位置 */
.room-top-item-pos-fanzhuang {
	left: 34.81rem;
	bottom: 0.69rem; 
}

.room-top-item-pos-online {
	left: 51.38rem;
	bottom: 0.69rem;
}

.room-top-item-pos-himidity {
	left: 64.69rem;
	bottom: 0.69rem;
}

.room-top-item-pos-tempreture {
	left: 79.81rem;
	bottom: 0.69rem;
}

.room-top-item-pos-sos {
	left: 93.23rem;
	bottom: 0.69rem;
}


/* 房间顶部 图标 */
.room-top-icon {
	width: 3.62rem;
	height: 3.62rem;
	position: absolute;
	left: 0;
	top: 0;
}

.room-top-icon-txt-narmal {
	width: 10rem;
	height: 1.15rem;   /* 1.12rem */
	font-family: MicrosoftYaHeiUI;
	font-size: 1.15rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0rem;
	color: #565656;
	position: absolute;
	left: 4.54rem;
	line-height: 3.62rem;
}

.room-top-icon-pos-sos {
	right: 5.73rem;
	bottom: 0.69rem;
}

/* 房间顶部 图标 文本*/
.room-top-icon-txt-sos {
	width: 2.15rem;
	height: 1.15rem;   /* 0.88rem */
	font-family: MicrosoftYaHeiUI;
	font-size: 1.15rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0rem;
	color: #565656;
	position: absolute;
	right: 2.42rem;
	bottom: 1.85rem;
}




/* 房间 主体 */
.room-body {
	width: 100%;  /*102.27rem*/
	height: 44.15rem;
	background-color: #ffffff;
	margin-top: 1.35rem;
	position: relative;
}

/* 人体姿态 文本 */
.manAct-txt {
	width: 14rem;
	height: 2rem;
	font-family: MicrosoftYaHeiUI; /* MicrosoftYaHeiUI-Bold; */
	font-size: 1rem;
	font-weight: bold; /* normal; */
	font-stretch: normal;
	letter-spacing: 0rem;
	color: #333333;
	position:absolute;
	top:4rem;
	left:4rem;
}
/* 床姿 */
.manAct-val{
	font-family: MicrosoftYaHeiUI; /* MicrosoftYaHeiUI-Bold; */
	font-size: 2rem;
	font-weight: bold; /* normal; */
	letter-spacing: 0rem;
	color: #333333;	
}
/* 人体姿态 图标 */
.manAct-icon {
	width: 11.04rem;
	height: 9.88rem;
	position: absolute;
	top: 16.88rem;
	left: 8.5rem;
}

/* 左侧分割线 */
.man-left-line {
	width: 0.12rem;
	height: 100%;
	background-color: #c9c9c9;
	position: absolute;
	left: 30.73rem;
}


/* 体征 文本 项*/
.roomItme-txt-block {
	width: 8rem;
	height: 1.35rem;
	position: absolute;
}

.roomItme-txt-block-pos-xinlv {
	top: 3rem;
	left: 35.31rem;
}

.roomItme-txt-block-pos-huxilv {
	top: 3rem;
	left: 69.23rem;
}

.roomItme-txt-block-pos-niaoshi {
	top: 22.23rem;
	left: 35.31rem;
}

.roomItme-txt-block-pos-cexue {
	top: 22.23rem;
	left: 69.23rem;
}

/* 右侧图标 文本 小竖杆 */
.smallBlock {
	width: 0.31rem;
	height: 1.35rem;
	background-image: linear-gradient(#a3a3a3,
		#a3a3a3),
		linear-gradient(#50a06c,
		#50a06c);
	background-blend-mode: normal,
		normal;
	position: absolute;
	left: 0;
	top: 0;
}

/* 右侧图标 文本 */
.roomItme-txt {
	width: 8rem;
	line-height: 1.35rem;
	font-family: MicrosoftYaHeiUI; /* MicrosoftYaHeiUI-Bold; */
	font-size: 1.15rem;
	font-weight: bold; /* normal; */
	font-stretch: normal;
	letter-spacing: 0rem;
	color: #333333;
	position: absolute;
	left: 0.92rem;
	bottom: 0rem;
}

/* 体征 值 项 */
.roomItem-val-block {
	width: 6rem;
	height: 7.69rem;
	position: absolute;
}

/*  体征 值 项 位置 */
.roomItem-val-block-pos-xinlv {
	top: 7.31rem;
	left: 35.42rem;
}

.roomItem-val-block-pos-niaoshi {
	top: 29.08rem;
	left: 35.42rem;
}

.roomItem-val-block-pos-huxilv {
	top: 7.31rem;
	left: 69.08rem;
}

.roomItem-val-block-pos-cexue {
	top: 29.08rem;
	left: 69.08rem;
}

/* 体征 值 项 icon */
.roomItem-val-block-icon {
	width: 4.35rem;
	height: 4.31rem;
	position: absolute;
	top: 0;
	left: 1rem;
}

/* 体征 值 项 值 */
.roomItem-val-block-val {
	width: 4rem;
	height: 2.31rem;  /* 1.81rem */
	position: absolute;
	left: 0.4rem;
	bottom: 0;
	font-family: MicrosoftYaHeiUI;
	font-size: 2.31rem;
	/*2.31rem*/
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0rem;
	color: #565656;
	text-align: center;
}

/* 体征 值 项 单位*/
.roomItem-val-block-dw {
	width: 1.92rem;
	height: 0.92rem;  /* 0.69 */
	font-family: MicrosoftYaHeiUI;
	font-size: 0.92rem;
	/* 0.92rem */
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0rem;
	color: #565656;
	position: absolute;
	left: 4.7rem;
	bottom: 0;
}

/* 体征 值 图表 */
.roomItem-charts {
	width: 20.96rem;
	height: 13.23rem;
	position: absolute;
}

/* 体征 值 图表 定位 */
.roomItem-charts-pos-xinlv {
	top: 5rem;
	left: 42.27rem;
}

.roomItem-charts-pos-huxilv {
	top: 5rem;
	left: 75.92rem;
}

.roomItem-charts-pos-niaoshi {
	top: 23.62rem;
	left: 42.27rem;
}

.roomItem-charts-pos-cexue {
	top: 23.62rem;
	left: 75.92rem;
}

/* 电量图标 */
.powIcon {
	width: 2.23rem;
	height: 1.23rem;
	position: absolute;
}
/* 心率 电量 icon 位置 */
.powIcon-pos-xinlv {
	top: 3.42rem;
	left: 64rem;
}

.powIcon-pos-huxilv {
	top: 3.42rem;
	left: 94.77rem;
}

/* 尿湿 电量 icon 位置*/
.powIcon-pos-niaoshi {
	top: 22.58rem;
	left: 64rem;
}

.powIcon-pos-cexue {
	top: 22.58rem;
	left: 94.77rem;
}