/* color start */

.content {			/* 背景色 */
	background-color: var(--background);
}

.item-block {		/* 模块色 */
	background-color: var(--itemblock);
}

.item-title,		/* 模块标题 */
.item-unit,			/* 模块文字 */
.life-text,
.unit {				/* 数值单位 */
	color: var(--text);
}

.num {
	color: var(--datanum);
}

.filter-change {							/* 滤芯寿命条 */
	background-color: var(--background);
}

.power-icon.on,
.filter-icon.on {							/* 按钮打开 */
	background-image: var(--icon-on);
}

.power-icon.off,
.filter-icon.off { 							/* 按钮关闭 */
	background-color: var(--icon-off);
}

.layui-progress-bar {						/* 进度条 */
	background-color: var(--item-theme);
}

.layui-form-onswitch {						/* 开关打开 */
	border-color: var(--item-theme);
	background-color: var(--item-theme);
}

.layui-form-radioed>i,
.layui-form-radio:hover>*,
.layui-form-radioed>* {						/* radio颜色 */
	color: var(--item-theme) !important;
}

.layui-form-radio>div {						/* 候选radio */
	color: var(--text);
}

.reminded {									/* 着重文本 */
	color: var(--item-theme);
}

/* color end */




.content {
	height: auto;
	min-height: 100%;

	padding-top: 55px;
	justify-content: space-between;
}

/* .device-name {
	margin-top: 10px;
} */

.device-name .unit {
	font-size: 12px;
}

.line {
	padding: 0 20px;
	margin-bottom: 10px;
}

.items {
	padding: 0 15px;
	display: flex;
	flex-wrap: wrap;
}

.item-block {
	border-radius: 8px;
}

.item-text {
	padding: 10px 0;
	text-align: center;
}

.name {
	color: white;
	font-weight: 600;
	font-size: 18px;
}

.item-wrap {
	flex: 1 1 50%;
	padding: 5px;
}

.item-title {
	padding: 10px 15px 0;
	font-size: 14px;
}

/* 操作区域图标 */
.power-icon {
	width: 80px;
	height: 80px;
	padding: 15px;
	border-radius: 50%;
}


/* 运行模式和开关 */
.mode {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	padding: 34px 0;
}

/* 滤芯寿命计算 */
.filter-change {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	padding: 10px 0;
	margin: 10px 5px;
	border-radius: 8px;
}


.filter-change .layui-unselect {
	margin: 0;
	padding: 0;
}

.filter-change label {
	margin-bottom: 0;
	margin-right: 5px;
}

.filter-life {
	margin-top: 25px;
}

.filter-list {
	display: flex;
	justify-content: space-evenly;
}

.life-wrap {
	display: flex;
	margin-bottom: 15px;
	padding: 0 5px;
}

.life-process {
	flex: 1;
	background-color: #ccc;
	margin-left: 10px;
}

.filter-icon {
	width: 40px;
	height: 40px;
	padding: 5px;
	border-radius: 50%;
}

.filter-list .item-unit {
	text-align: center;
}

.func .item-wrap {
	flex: 1 1 33%;
}

.heat .item-wrap {
	flex: 1 1 33%;
}

.func .mode {
	flex-wrap: wrap;
	padding: 15px 0 20px;
}

.heat .item-title {
	padding: 10px 5px 0;
	min-height: 50px;
}

.leftdays .item-block {
	height: 100%;
}

.weekdays .item-block {
	height: 100%;
}

.num {
	font-size: 36px;
}

.big {
	padding-top: 40px;
}

.big .num {
	font-size: 64px;
}

/****//****/


.item-box {
	display: flex;
}

.item-box .item-text {
	flex: 1 1 50%;
}

.time-wrap {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.week-line {
	padding-top: 5px;
	padding-bottom: 10px;
}

.week-line>span {
	position: relative;
	top: 5px;
	padding-right: 8px;
	display: inline-block;
}


/* filter.html */
#lxjkms>div {
	font-weight: 600;
	margin-left: 10px;
}