html{font-size:20px}
@media only screen and (min-width:400px){html{font-size:21.33px!important}
}
@media only screen and (min-width:414px){html{font-size:22.08px!important}
}
@media only screen and (min-width:480px){html{font-size:25.6px!important}
}

html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}

*{margin: 0;padding: 0}
body{ margin: 0 auto;background: #d80404}
img{max-width: 100%;height: auto;vertical-align: top}

ul,li{
	list-style: none;
}

.mask{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0,.5);
	z-index: 999;
}

@-webkit-keyframes xuzh { from { -webkit-transform: rotate(0); transform: rotate(0); }
	to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes xuzh { from { -webkit-transform: rotate(0); transform: rotate(0); }
	to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }


@media only screen and (max-width:480px){
	.pc{
		display: none
	}
}
@media only screen and (min-width:480px){
	.m{
		display: none
	}
}