.svg-icon {
  width: 4em;
  height: 4em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
  margin-bottom: 4px;
}
.page{
	height: 100vh;
    overflow-y:auto;
}
.page a{
	display: block;
	width: 110px;
	height: 106px;
	text-align: center;
	padding: 10px 7px;
	margin: 18px;
	float:left;
	background: #fcfcfc;
	border-radius: 4px;
	color: #666;
    box-shadow: 5px 5px 15px #999;
}
.page a:hover{
	-webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -ms-transform: scale(1.2);
}
.page a p{
	font-size: 14px;margin:0;
}
@media (min-width:1800px){
    .page a{width: 6%;height: 12%;padding:10px;margin: 20px;}
}
@media (min-width:2400px){
    .page a{margin: 28px;}
}
@media (min-width:3000px){
    .page a{padding: 20px 10px;margin: 36px;box-shadow: 15px 15px 25px #999;}
}
@media (min-width:5000px){
    .page a{margin: 40px;box-shadow: 20px 20px 30px #999;}
}
@media (min-width:6000px){
    .page a{margin: 76px;box-shadow: 25px 25px 35px #999;}
}
@media (max-width:1400px){
    .page a{width: 94px;height: 94px;margin: 6px 10px;padding: 4px;}
    .page a p{font-size:12px;}
   
}
@media (max-width:1200px){
     .page a{width: 92px;height: 86px;}
}
@media (max-width:800px){
    
    
}
@media (max-width:480px){
    .page a{margin:9px;}
}

@media (max-height:250px){
    .page{height:200px;}
    .page a{width:40px;height:40px;padding:2px;margin: 4px;}
    .page a p{font-size:5px;margin:0;}
}