/* 
*2016-8-26
*杨辉
 */

html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
body {font-size: 1.4rem;/*1.4 × 10px = 14px */}
h1 { font-size: 2.4rem;/*2.4 × 10px = 24px*/}

 *{
	margin: 0;
	padding: 0;
 }
 body{
 	margin: 0;
 	padding: 0;
 	font-family: "微软雅黑";
 	background-color: #f5f5f5;
 }
 li{
 	list-style: none;
 	margin: 0;
 	padding: 0;
}
img{
 	display: block;
}
.clear{
 	clear: both;
}
.fl{
 	float: left;
}
.fr{
 	float: right;
}
ul{
 	margin: 0;
 	padding: 0;
}
a{
	text-decoration: none;
}
/* font-size */
.font-4{font-size: 0.4rem}
.font-5{font-size: 0.5rem}
.font-6{font-size: 0.6rem}
.font-7{font-size: 0.7rem}
.font-8{font-size: 0.8rem}
.font-9{font-size: 0.9rem}
.font-10{font-size: 1rem}
.font-11{font-size: 1.1rem}
.font-12{font-size: 1.2rem}
/* margin-left */
.ml-1{margin-left: 0.1rem}
.ml-2{margin-left: 0.2rem}
.ml-3{margin-left: 0.3rem}
.ml-4{margin-left: 0.4rem}
.ml-5{margin-left: 0.5rem}
.ml-6{margin-left: 0.6rem}
.ml-7{margin-left: 0.7rem}
.ml-8{margin-left: 0.8rem}
.ml-9{margin-left: 0.9rem}
.ml-0{margin-left: 1rem}
/* margin-right */
.mr-1{margin-right: 0.1rem}
.mr-2{margin-right: 0.2rem}
.mr-3{margin-right: 0.3rem}
.mr-4{margin-right: 0.4rem}
.mr-5{margin-right: 0.5rem}
.mr-6{margin-right: 0.6rem}
.mr-7{margin-right: 0.7rem}
.mr-8{margin-right: 0.8rem}
.mr-9{margin-right: 0.9rem}
.mr-0{margin-right: 1rem}
/* margin-top */
.mt-1{margin-top: 0.1rem}
.mt-2{margin-top: 0.2rem}
.mt-3{margin-top: 0.3rem}
.mt-4{margin-top: 0.4rem}
.mt-5{margin-top: 0.5rem}
.mt-6{margin-top: 0.6rem}
.mt-7{margin-top: 0.7rem}
.mt-8{margin-top: 0.8rem}
.mt-9{margin-top: 0.9rem}
.mt-0{margin-top: 1rem}
/* margin-bottom */
.mb-1{margin-bottom: 0.1rem}
.mb-2{margin-bottom: 0.2rem}
.mb-3{margin-bottom: 0.3rem}
.mb-4{margin-bottom: 0.4rem}
.mb-5{margin-bottom: 0.5rem}
.mb-6{margin-bottom: 0.6rem}
.mb-7{margin-bottom: 0.7rem}
.mb-8{margin-bottom: 0.8rem}
.mb-9{margin-bottom: 0.9rem}
.mb-0{margin-bottom: 1rem}
/* padding-left */
.pl-1{padding-left: 0.1rem}
.pl-2{padding-left: 0.2rem}
.pl-3{padding-left: 0.3rem}
.pl-4{padding-left: 0.4rem}
.pl-5{padding-left: 0.5rem}
.pl-6{padding-left: 0.6rem}
.pl-7{padding-left: 0.7rem}
.pl-8{padding-left: 0.8rem}
.pl-9{padding-left: 0.9rem}
.pl-0{padding-left: 1rem}
/* padding-right */
.pr-1{padding-right: 0.1rem}
.pr-2{padding-right: 0.2rem}
.pr-3{padding-right: 0.3rem}
.pr-4{padding-right: 0.4rem}
.pr-5{padding-right: 0.5rem}
.pr-6{padding-right: 0.6rem}
.pr-7{padding-right: 0.7rem}
.pr-8{padding-right: 0.8rem}
.pr-9{padding-right: 0.9rem}
.pr-0{padding-right: 1rem}
/* padding-top */
.pt-1{padding-top: 0.1rem}
.pt-2{padding-top: 0.2rem}
.pt-3{padding-top: 0.3rem}
.pt-4{padding-top: 0.4rem}
.pt-5{padding-top: 0.5rem}
.pt-6{padding-top: 0.6rem}
.pt-7{padding-top: 0.7rem}
.pt-8{padding-top: 0.8rem}
.pt-9{padding-top: 0.9rem}
.pt-0{padding-top: 1rem}
/* padding-bottom */
.pb-1{padding-bottom: 0.1rem}
.pb-2{padding-bottom: 0.2rem}
.pb-3{padding-bottom: 0.3rem}
.pb-4{padding-bottom: 0.4rem}
.pb-5{padding-bottom: 0.5rem}
.pb-6{padding-bottom: 0.6rem}
.pb-7{padding-bottom: 0.7rem}
.pb-8{padding-bottom: 0.8rem}
.pb-9{padding-bottom: 0.9rem}
.pb-0{padding-bottom: 1rem}
/* color */
.c7d{color: #7d0000;}
.cff{color: #ff3000;}
.c33{color: #333333;}
.c66{color: #666666;}
.c99{color: #999999;}
.c3f{color: #ffffff;}