
.maintain_bg {
	background: var(--maintain-body-bg);
	background-size: cover;
	width: 100%;
	min-width:auto;
	height: 100%;
	overflow-x: hidden;
	background-attachment: fixed;
}
.maintain_container {
	width: 100%;
	max-width: 600px;
	height: 100%;
	min-height: 900px;
	padding: 20px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.maintain_container .maintain_logo {
	position: relative;
	top: auto;
	left: auto;
	width: 100%;
	height: 120px;
	margin: 20% auto 5%;
	background: url("/assets/W/normal/img/logo/logo-white.png") no-repeat center;
    background-size: auto 120%;
	padding: 50px;
}
.maintain_container .title {
	position: relative;
    width: 100%;
    height: 120px;
    letter-spacing: 5px;
    color: transparent;
    font-size: 52px;
    font-weight: bold;
    color:#22cbf4;
    -webkit-background-clip: text;
    display: flex;
    align-items: center;
    justify-content: center;
}


.maintain_container .subtitle {
	font-family: unset;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}

.maintain_container .timer {
	position: relative;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	padding-top: 120px;
	letter-spacing: 2px;
	margin-top: 0;
    margin-left: 0;
	display: flex;
	align-items: flex-start;
	flex-wrap: nowrap;
}

.maintain_container .timer::before {
	content: "";
	position: absolute;
	top: 30px;
	left: 50%;
	width: 50px;
	height: 50px;
	background: var(--maintain-timer-before);
	background-size: contain;
	transform: translateX(-50%);
}

.maintain_container .timer .time {
	font-family: system-ui;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.maintain_container .timer .time b {
	font-size: 15px;
	font-weight: normal;
}

.maintain_container .maintain_btn_wrap {
	position: relative;
    bottom: auto;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px;
}

.maintain_container .maintain_btn_wrap > div {
	width: 80px;
	height: 80px;
}

.maintain_container .maintain_btn_wrap > div.maintain_btn_QQ {
	background: var(--maintain-qq-icon);
	background-size: contain;
}

.maintain_container .maintain_btn_wrap > div.online_btn {
	background: var(--maintain-online-bg);
	background-size: contain;
}

.maintain_container .maintain_btn_wrap > div.maintain_btn_wechat {
	background: var(--maintain-weahct-icon);
	background-size: contain;
}

.maintain_container .maintain_btn_wrap > div.maintain_btn_mosgram {
	background: var(--maintain-mosgram-icon);
	background-size: contain;
}

.maintain_container .maintain_btn_wrap > div.maintain_btn_pop {
	background: var(--maintain-pop-icon);
	background-size: contain;
}


