@charset "UTF-8";

.flex-1 {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-ms-flex:1;
	flex:1
}
.flex-2 {
	-webkit-box-flex:2;
	-webkit-flex:2;
	-ms-flex:2;
	flex:2
}
.flex-3 {
	-webkit-box-flex:3;
	-webkit-flex:3;
	-ms-flex:3;
	flex:3
}
.flex-align-center {
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center
}
.flex-pack-center {
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center
}
.flex-pack-justify {
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.flex-pack-start {
	-webkit-box-pack:start;
	-webkit-justify-content:flex-start;
	-ms-flex-pack:start;
	justify-content:flex-start
}
.flex-pack-end {
	-webkit-box-pack:end;
	-webkit-justify-content:flex-end;
	-ms-flex-pack:end;
	justify-content:flex-end
}
.flex-warp {
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap
}
.flex-direction-bottom {
	flex-direction:column-reverse;
	-webkit-flex-direction:column-reverse;
	-webkit-box-pack:end;
	-ms-box-pack:end
}
.sign-head {
	position:relative;
	width:100%;
	height:12.5rem;
	background:linear-gradient(0deg,#F8334E,#FC603A);
	overflow:hidden
}
.sign-head .btn-poster {
	position: absolute;
    top: 1rem;
    right: 0;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 5rem;
    color: #fff;
    background-color: rgba(0,0,0,.2);
    border-radius: .8rem 0 0 .8rem;
    font-size: .85rem;
    z-index: 900;
	padding: 3px 0;
}
.sign-head .sign-wrap {
	width:8rem;
	height:8rem;
	border-radius:100%;
	-webkit-border-radius:100%;
	background:rgba(255,255,255,0.4);
	margin:2rem auto 0 auto;
	cursor:pointer
}
.sign-head .sign-wrap .sign-inner {
	width:7rem;
	height:7rem;
	border-radius:100%;
	-webkit-border-radius:100%;
	background:#ffffff;
	margin:0 auto
}
.sign-head .sign-wrap .sign-inner .signBtn {
	width:6.2rem;
	height:6.2rem;
	border-radius:100%;
	-webkit-border-radius:100%;
	border:1px #FFB476 solid
}
.sign-head .sign-wrap .sign-inner .signBtn strong,.sign-head .sign-wrap .sign-inner .signBtn span {
	display:block;
	width:85%;
	margin:0 auto;
	text-align:center
}
.sign-head .sign-wrap .sign-inner .signBtn strong {
	color:#f8384c
}
.sign-head .sign-wrap .sign-inner .signBtn span {
	color:#fb5d3b
}
.sign-head .sign-wrap .sign-inner .signBtn strong {
	height:3.5rem;
	line-height:4.5rem;
	font-weight:600;
	font-size:20px;
	border-bottom:1px #eee solid
}
.sign-head .sign-wrap .sign-inner .signBtn span {
	height:2.5rem;
	line-height:2.5rem;
	font-size:.9rem;
	line-height:2rem !important
}
.sign-head .sign-wrap:active {
	animation:sign .25s forwards;
	-webkit-animation:sign .25s forwards
}
.sign-head .sign-tips {
	position:absolute;
	bottom:10px;
	z-index:1;
	width:100%;
	color:#fff;
	font-size:13px;
	text-align:center
}

.calendar {
	background:#fff;
	padding:15px 15px 0
}
.calendar .calenbox {
	width:100%;
	margin:0 auto
}
.calendar .calenbox .date {
	width:14%;
	text-align:center;
	background:#fff;
	border-radius:7px;
	color:#6a3906;
	font-weight:bolder;
	font-size:18px;
	padding:10px 0;
	float:left;
	border-right:1px solid #faca34;
	border-bottom:1px solid #faca34
}
.calendar .sign_main .sign {
	padding-top:15px;
	border-top:#eeeeee 1px solid
}
.calendar .sign_main .sign table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	color:#484848;
	font-size:16px
}
.calendar .sign_main .sign th,.sign td {
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
	padding-bottom:10px
}
.calendar .sign_main .sign th {
	font-size:16px;
	border-radius:6px;
	background:#fff
}
.calendar .sign_main .sign td {
	vertical-align:middle;
	background:#fff
}
.calendar .sign_main .sign .on span {
	width:30px;
	height:30px;
	background:linear-gradient(0deg,#F8334E,#ffbc2d);
	color:#fff;
	border-radius:50px;
	display:inline-block
}
.calendar_month_next,.calendar_month_prev {
	width:34px;
	height:40px;
	cursor:pointer
}
.calendar_month_next {
	float:right;
	line-height:40px
}
.calendar_month_span {
	display:inline;
	line-height:40px;
	font-size:16px;
	color:#656565;
	letter-spacing:2px;
	font-weight:bold
}
.calendar_month_prev {
	float:left;
	line-height:40px
}
.sign_succ_calendar_title {
	text-align:center;
	padding-bottom:10px
}
.explain {
	display:flex;
	justify-content:center;
	align-items:center;
	height:15px;
	position:relative;
	margin:0 4rem 20px;
	z-index:2
}
.explain .title {
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center
}
.explain .title:before {
	content:"";
	position:absolute;
	display:block;
	height:1px;
	width:100%;
	background:#e7e7e7;
	z-index:1;
	top:50%;
	transform:translateY(-50%);
	left:0
}
.explain span {
	display:inline-block;
	text-align:center;
	width:90px;
	color:#7c7c7c;
	position:relative;
	background-color:#ffffff;
	z-index:2
}
.explain-desc {
	margin:0 36px
}
.explain-desc ul li {
	font-size:.82rem;
	color:#7c7c7c;
	list-style-type:disc;
	padding-bottom:6px
}