/* ------------------------------------------
 * IT书包
 * 网址：www.itshubao.com
 * 整理：yinq<3331653644@qq.com> 
 -------------------------------------------- */
html, body {
	height: 100%;
}
body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 32px;
	height: 32px;
	margin: 0 16px;
	outline: 16px solid #ccc;
	outline-offset: -16px;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius: 50%;
	-webkit-transform: rotate(45deg) scale(1);
	transform: rotate(45deg) scale(1);
	will-change: transform;
}
input[type="radio"]:checked {
	-webkit-animation: active 1s ease forwards;
	animation: active 1s ease forwards;
}
@-webkit-keyframes active {
 25% {
 -webkit-transform: rotate(45deg) scale(1.5);
 transform: rotate(45deg) scale(1.5);
}
 75% {
 -webkit-transform: rotate(45deg) scale(1.25);
 transform: rotate(45deg) scale(1.25);
}
 50%, 100% {
 -webkit-transform: rotate(45deg) scale(1);
 transform: rotate(45deg) scale(1);
 box-shadow: 0 -16px 0 0 #e44, -16px 0 0 0 #e44;
 outline-color: #e44;
}
}
@keyframes active {
 25% {
 -webkit-transform: rotate(45deg) scale(1.5);
 transform: rotate(45deg) scale(1.5);
}
 75% {
 -webkit-transform: rotate(45deg) scale(1.25);
 transform: rotate(45deg) scale(1.25);
}
 50%, 100% {
 -webkit-transform: rotate(45deg) scale(1);
 transform: rotate(45deg) scale(1);
 box-shadow: 0 -16px 0 0 #e44, -16px 0 0 0 #e44;
 outline-color: #e44;
}
}