html,
form,
body {
	width: 100%;
	height: 100%;
	font-size: calc(100vw / 96);
}

.whole {
	width: 100%;
	height: 100%;
	background: url(/BootStrapStyle/SpecialMain/img/bg.jpg) no-repeat;
	background-size: 100% 100%;
}

.title {
	width: 100%;
	height: 5rem;
	line-height: 3.7rem;
	text-align: center;
	background: url(/BootStrapStyle/SpecialMain/img/title_bg.png) no-repeat;
	background-size: 100% 100%;
}

.title img {
	width: 26%;
}

.word-list {
	margin: 5% auto 0;
	text-align: center;
}

.word-box {
	width: 22rem;
	height: 28rem;
	display: inline-block;
	cursor: pointer;
	transition: all 0.6s; 
}

.word-box:hover {
	transform: scale(1.05); 
}

.word-box:nth-child(1) {
	background: url(/BootStrapStyle/SpecialMain/img/zrqd_blue.png) no-repeat;
	background-size: 100% 100%;
}

.word-box:nth-child(2) {
	background: url(/BootStrapStyle/SpecialMain/img/yzpt_blue.png) no-repeat;
	background-size: 100% 100%;
}

.word-box:hover:nth-child(1) {
	background: url(/BootStrapStyle/SpecialMain/img/zrqd_green.png) no-repeat;
	background-size: 100% 100%;
}

.word-box:hover:nth-child(2) {
	background: url(/BootStrapStyle/SpecialMain/img/yzpt_green.png) no-repeat;
	background-size: 100% 100%;
}
.sign-text {
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	position: fixed;
	left: 0;
	bottom: 1.5rem;
}
.sign-text a     
{
    margin-right: 1rem;
	color: #FFFFFF;
}
.sign-text a:hover {
	text-decoration: underline;
}
.sign-text span {
	margin-right: 1rem;
}