.content {
	// &.skin00 {
	// 	.banner {
	// 		background-color: #6b5e33;
	// 		background-image: url(./../images/skin/koolau.jpg);
	// 	}
	// }
	// &.skin01 {
	// 	.banner {
	// 		background-color: #61c0f2;
	// 		background-image: url(./../images/skin/blue01.jpg);
	// 	}
	// }
	// &.skin02 {
	// 	.banner {
	// 		background-color: #205081;
	// 		background-image: url(./../images/skin/2270.jpg);
	// 	}
	// }
	// &.skin03 {
	// 	.banner {
	// 		background-color: #2b71af;
	// 		background-image: url(./../images/skin/28730.jpg);
	// 	}
	// }
	// &.skin04 {
	// 	.banner {
	// 		background-color: #a37075;
	// 		background-image: url(./../images/skin/97489.jpg);
	// 	}
	// }
	// &.skin05 {
	// 	.banner {
	// 		background-color: #d4c0a9;
	// 		background-image: url(./../images/skin/98868.jpg);
	// 	}
	// }
	// &.skin06 {
	// 	.banner {
	// 		background-color: #686937;
	// 		background-image: url(./../images/skin/2111.jpg);
	// 	}
	// }
	&.skin10 {
		background-color: transparent;
		.content-hd,
		.content-bd,
		.content-item,
		.info-marquee {
			background-color: transparent;
		}
		.person-info {
			color: #fff;
			.is-attendance-wrapper {
				&:after {
					color: #f2f2f2;
				}
			}
		}
		.content-item {
			.content-item-hd {
				background-color: rgba(255, 255, 255, 0.64);
				color: #000;
				& > a:after {
					color: #333;
				}
			}
		}
		.list-default li {
			color: #fff;
		}
		.tx-gray,
		p.tx-tips {
			color: #f2f2f2;
		}
	}
	&.skin20 {
		background-color: transparent;
		.content-hd,
		.content-bd,
		.content-item,
		.info-marquee {
			background-color: transparent;
		}
		.person-info {
			color: #fff;
		}
		.content-item {
			.content-item-hd {
				background-color: rgba(255, 255, 255, 0.64);
				color: #000;
				& > a:after {
					color: #333;
				}
			}
		}
		.list-default li {
			color: #fff;
		}
		.tx-gray,
		p.tx-tips {
			color: #f2f2f2;
		}
	}

	&.skin21 {
		.banner {
			background: #17917a;
			background: linear-gradient(45deg, #17917a 0%, #236ba5 100%);
		}
	}
	&.skin22 {
		.banner {
			background: #009688;
			background: linear-gradient(45deg, #009688 0%, #17917a 100%);
		}
	}
}

.content-hd {
	position: relative;
	background-color: #fff;
}

.banner {
	position: relative;
	width: 100%;
	/*height: 7.466666667rem;*/
	height: 190px;
	/*background: linear-gradient(45deg, #17917a 0%, #236ba5 100%);*/
	padding-top: 20px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	.reward-points-wrapper {
		position: absolute;
		top: 50px;
		right: 20px;
		padding: 0 8px;
		line-height: 30px;
		background: #fff;
		border-radius: 6px;
		color: #333;
		.icon1 {
			color: #ffb800;
			font-size: 18px;
		}
	}
}

.banner .sky-txtT {
	text-align: left;
	color: #fff;
	padding: 0 20px;
	line-height: 1.4;
	font-size: 22px;
}

/* @media only screen and (min-width: 480px) {*/
/*     .banner {*/
/*         height: 180px;*/
/*     }*/
/* }*/

.person-img {
	position: absolute;
	width: 68px;
	height: 68px;
	bottom: 22px;
	left: 11px;
	padding: 2px;
	background: #fff;
	border-radius: 5px;
	z-index: 99;
}

.person-info h4 {
	font-size: 18px;
}

.person-img-link {
	display: block;
	width: 100%;
	height: 100%;
}

.person-img img {
	width: 64px;
	height: 64px;
	vertical-align: middle;
	border-radius: 5px;
}

.person-info {
	position: relative;
	padding-left: 88px;
	height: 34px;
	line-height: 34px;
	.is-attendance-wrapper {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		padding: 0 30px 0 0;
		&:after {
			content: '\e583';
			font-family: Muiicons;
			font-size: inherit;
			line-height: 1;
			position: absolute;
			top: 50%;
			right: 8px;
			display: inline-block;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			text-decoration: none;
			color: #bbb;
			-webkit-font-smoothing: antialiased;
		}
	}
}

.fz-14 {
	font-size: 14px;
}

p.tx-tips {
	margin-bottom: 0;
	padding-left: 11px;
	height: 22px;
	width: 79px;
	text-align: center;
}

.content-bd {
	margin-top: 8px;
}

.content-item {
	background-color: #fff;
	.content-item-hd {
		position: relative;
		padding: 10px 15px;
		color: #333;
		&:after {
			position: absolute;
			right: 0;
			bottom: 0;
			left: 0;
			height: 1px;
			content: '';
			-webkit-transform: scaleY(0.5);
			transform: scaleY(0.5);
			background-color: #c8c7cc;
		}
		& > a {
			display: block;
			position: relative;
			padding: inherit;
			color: inherit;
			margin: -10px -15px;
			&:after {
				font-family: Muiicons;
				font-size: inherit;
				line-height: 1;
				position: absolute;
				top: 50%;
				display: inline-block;
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
				text-decoration: none;
				color: #bbb;
				-webkit-font-smoothing: antialiased;
			}
		}
	}
	& + .content-item {
		margin-top: 8px;
	}
}

.info-marquee {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background-color: #fff;
	overflow: hidden;
	height: 96px;
	.swiper-container {
		height: 100%;
	}
}

.list-default {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	li {
		padding: 8px 15px;
		color: #333;
		line-height: 1;
		a {
			position: relative;
			display: block;
			color: inherit;
			padding: inherit;
			margin: -8px -15px;
			&:before {
				display: inline-block;
				content: '';
				width: 10px;
				height: 10px;
				margin-right: 5px;
				background: #ff0000;
				border-radius: 50%;
			}
		}
	}
}
