* {
	margin: 0rem;
	padding: 0rem;
	text-decoration: none;
	list-style-type: none;
}

body {
	width: 7.5rem;
	height: auto;
	background: url(../dkimg/dk-bj.png) no-repeat;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}

.top {
	width: 6.9rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 0.4rem;
}

.top-title {
	font-size: 0.43rem;
	color: #ffffff;
	font-weight: bold;
}

.main-c {
	width: 6.9rem;
	height: 3.74rem;
	margin: 0 auto;
	background: #FFFFFF;
	box-shadow: 0rem 0.03rem 0.6rem 0rem rgba(0, 0, 0, 0.06);
	border-radius: 18px;
	margin-top: 0.36rem;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}

.qd-title {
	width: 100%;
	text-align: center;
	font-size: 0.34rem;
	color: #3f3f3f;
	font-weight: bold;
	margin: 0.5rem auto;
}

.qd-title span {
	color: #e22525;
}

.jlgz {
	width: 1.46rem;
	height: 0.32rem;
	display: block;
	background: #DC4242;
	border-radius: 0.16rem;
	font-weight: 400;
	font-size: 0.22rem;
	color: #FFFFFF;
	line-height: 0.32rem;
}

.but {
	width: 4.38rem;
	height: 0.69rem;
	background: #E22626;
	border-radius: 0.35rem;
	text-align: center;
	line-height: 0.69rem;
	font-weight: 400;
	font-size: 0.29rem;
	color: #FFFFFF;
	margin: 0 auto;
	margin-top: 0.30rem;
}

/*进度条开始*/
.waic {
	width: 7rem;
	margin: 0 auto;
	padding: 0rem 0rem !important;
}
.yixif{
	height: 0.4rem;
	display: flex;
}
.hengxian {
	width: 100%;
	height: 0.12rem;
	background-color: #a0a0a0;

}

.hongxian {
	width: 0;
	height: 0.12rem;
	background-color: #e22525;
}

.dingwei {
	width: 0.13rem;
	position: relative;
	top: 0.03rem;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.yixiaof{
	color: #ff6933;
	display: inline-block;
	line-height: 0.36rem;
	font-size: 0.2rem;
	position: relative;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.yifen {
	width: 0.3rem;
	margin: 0 0.30rem;
}

.flexbox {
	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;
	justify-content: space-between;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.dengji {
	text-align: center;
	font-size: 0.24rem;
	line-height: 0.3rem;
}

.dengji img {
	width: 0.33rem;
}

.djwai {
	position: relative;
	top: -0.2rem;
}

.jucol {
	color: #e22525;
}

.gray {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}

/*进度条结束*/


#calendar-tem {
	width: 6.9rem;
	height: auto;
	background: #FFFFFF;
	box-shadow: 0rem 0.03rem 0.6rem 0rem rgba(0, 0, 0, 0.06);
	border-radius: 0.18rem;
	margin: 0 auto;
	margin-top: 0.3rem;
}

.reqi {
	width: 100%;
	height: 1.2rem;
	font-size: 0.33rem;
	color: #3F3F3F;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#preMonth img,
#nextMonth img {
	width: 0.18rem;
	height: 0.31rem;
	display: block;
	margin: 0 0.2rem;
}

#nextMonth img {
	transform: rotate(180deg);
}

#sign {
	width: 6.5rem;
	height: auto;
	background: #FFFFFF;
	border-radius: 0.1rem;
	border: 0.04rem solid #E22626;
	margin: 0 auto;
	padding: 0.36rem 0rem;
}

.sign-alert {
	background: #fff;
	border-radius: 0.04rem;
	;
	width: 6.1rem;
	margin: 0 auto;
	min-height: 200px;
	/* margin-top: 40%; */
	position: relative;
	/* 		padding-bottom: 20px; */
	font-size: 12px;
}

.sign-week {
	width: 6.1rem;
	background-color: #E22626;
	height: 0.58rem;
	display: flex;
	justify-content: space-around;
	line-height: 0.58rem;
	color: #fff;
	border-radius: 0.29rem;
}

.sign-date {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.sign-date div {
	padding: 0.06rem 0;
	width: 14.2%;
	text-align: center;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.sign-date span {
	text-align: center;
	color: #1b1b1b;
	/* height: 20px; */
	width: 0.4rem;
	display: inline-block;
	/* line-height: 20px; */
}

.sign-date p {
	margin: 0 auto;
	padding: 0;
	font-size: 20px;
	transform: scale(0.4);
	position: relative;
	margin-top: -12px;
	width: 20px;
}

.sign-date p::before {
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	background-color: orange;
	border-radius: 10px;
	top: 24px;
	left: 5px;
}

.sign-date span.pass {
	color: #1b1b1b;
}