html{ color: #333; 
	font-size: 14px;
}

*{ margin: 0 auto; 
	padding: 0;
	list-style: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

a{ text-decoration: none;}
a:link{ color: #333;}
a:hover{ color: #285fe0;}
a:visited{ color: #999;}

img{ border: none; max-width: 100%;}
.imgTran{ transition: transform 0.3s; }
.imgTran:hover{ transform: scale(1.1);}
.fz12{ font-size: 12px;}
.fz24{ font-size: 24px;}
.fz36{ font-size: 36px;}
.colorBlue{ color: #285fe0;}

body{ background-color: #285fe0; text-align: center;}
.content{ width: 460px; padding: 40px; margin-top: 80px; background-color: #fff; border-radius: 10px; box-shadow:0 0 10px rgba(0, 0, 0, .2);}
.content h1{ padding: 10px 20px 30px; border-bottom: 1px dotted #999; margin-bottom: 30px;}
.content .code{ width: 240px; height: 240px; background-color: #fff; border:20px solid #285fe0; border-radius: 10px; padding-top: 25px; margin: 30px auto;}
.content .code img{ width: 150px; height: 150px;}

footer{ padding: 20px 0; position: fixed; bottom: 0; width: 100%; background: #eee;}