@charset "utf-8";

/* CSS Reset */
* {
	font-family: "microsoft yahei", "宋体";
}

html,
body,
div,
p,
span,
li,
dl,
dt,
td,
th {
	margin: 0;
	padding: 0;
}

div,
p,
span {
	font-size: 0.16rem;
}

/** FONT Style **/
.f12 {
	font-size: 12px;
}

.f13 {
	font-size: 13px;
}

.f14 {
	font-size: 14px;
}

.f16 {
	font-size: 16px;
}

.f20 {
	font-size: 20px;
}

.fb {
	font-weight: bold;
}

.fn {
	font-weight: normal;
}

.t2 {
	text-indent: 2em;
}

.lh150 {
	line-height: 150%;
}

.lh180 {
	line-height: 180%;
}

.lh200 {
	line-height: 200%;
}

.unl {
	text-decoration: underline;
}

.no_unl {
	text-decoration: none;
}

.fc-3 {
	color: #333;
}

.fc-c {
	color: #ccc;
}

.fc-skyblue {
	color: #1f376d;
}

.fc-pureblue {
	color: #0033cc;
}

/** LAYOUT Style **/
.tl {
	text-align: left;
}

.tc {
	text-align: center;
}

.tr {
	text-align: right;
}

.bc {
	margin-left: auto;
	margin-right: auto;
}

.fl {
	float: left;
	display: inline;
}

.fr {
	float: right;
	display: inline;
}

.cb {
	clear: both;
}

.cl {
	clear: left;
}

.cr {
	clear: right;
}

.cbo {
	overflow: hidden;
	zoom: 1;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix {
	zoom: 1;
}

.cf:before,
.cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	zoom: 1;
}

.vm {
	vertical-align: middle;
}

.pr {
	position: relative;
}

.pa {
	position: absolute;
}

.abs-right {
	position: absolute;
	right: 0;
}

.zoom {
	zoom: 1;
}

.hidden {
	visibility: hidden;
	display: none !important;
}

.none {
	display: none;
}

.cu {
	cursor: pointer;
}

/** Margin Style**/
.m1 {
	margin: 1px;
}

.m5 {
	margin: 5px;
}

.m8 {
	margin: 8px;
}

.m10 {
	margin: 10px;
}

.m15 {
	margin: 15px;
}

.m30 {
	margin: 30px;
}

.mt1 {
	margin-top: 1px;
}

.mt2 {
	margin-top: 2px;
}

.mt3 {
	margin-top: 3px;
}

.mt4 {
	margin-top: 4px;
}

.mt5 {
	margin-top: 5px;
}

.mt7 {
	margin-top: 7px;
}

.mt8 {
	margin-top: 8px;
}

.mt10 {
	margin-top: 10px;
}

.mt12 {
	margin-top: 12px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt50 {
	margin-top: 50px;
}

.mt100 {
	margin-top: 100px;
}

.mr1 {
	margin-right: 1px;
}

.mr2 {
	margin-right: 2px;
}

.mr3 {
	margin-right: 3px;
}

.mr5 {
	margin-right: 5px;
}

.mr8 {
	margin-right: 8px;
}

.mr10 {
	margin-right: 10px;
}

.mr15 {
	margin-right: 15px;
}

.mr20 {
	margin-right: 20px;
}

.mr25 {
	margin-right: 25px;
}

.mr30 {
	margin-right: 30px;
}

.mr50 {
	margin-right: 50px;
}

.mr100 {
	margin-right: 100px;
}

.mb1 {
	margin-bottom: 1px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb8 {
	margin-bottom: 8px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb100 {
	margin-bottom: 100px;
}

.ml1 {
	margin-left: 1px;
}

.ml5 {
	margin-left: 5px;
}

.ml7 {
	margin-left: 7px;
}

.ml8 {
	margin-left: 8px;
}

.ml10 {
	margin-left: 10px;
}

.ml12 {
	margin-left: 12px;
}

.ml15 {
	margin-left: 15px;
}

.ml72 {
	margin-left: 72px;
}

.ml20 {
	margin-left: 20px;
}

.ml25 {
	margin-left: 25px;
}

.ml30 {
	margin-left: 30px;
}

.ml40 {
	margin-left: 40px;
}

.ml50 {
	margin-left: 50px;
}

.ml60 {
	margin-left: 60px;
}

.ml100 {
	margin-left: 100px;
}

/** Padding Style**/
.p0 {
	padding: 0;
}

.p1 {
	padding: 1px;
}

.p5 {
	padding: 5px;
}

.p8 {
	padding: 8px;
}

.p10 {
	padding: 10px;
}

.p15 {
	padding: 15px;
}

.p30 {
	padding: 30px;
}

.pt1 {
	padding-top: 1px;
}

.pt5 {
	padding-top: 5px;
}

.pt8 {
	padding-top: 8px;
}

.pt10 {
	padding-top: 10px;
}

.pt15 {
	padding-top: 15px;
}

.pt20 {
	padding-top: 20px;
}

.pt30 {
	padding-top: 30px;
}

.pt50 {
	padding-top: 50px;
}

.pt100 {
	padding-top: 100px;
}

.pr1 {
	padding-right: 1px;
}

.pr5 {
	padding-right: 5px;
}

.pr8 {
	padding-right: 8px;
}

.pr10 {
	padding-right: 10px;
}

.pr15 {
	padding-right: 15px;
}

.pr20 {
	padding-right: 20px;
}

.pr25 {
	padding-right: 25px;
}

.pr30 {
	padding-right: 30px;
}

.pr50 {
	padding-right: 50px;
}

.pr100 {
	padding-right: 100px;
}

.pb1 {
	padding-bottom: 1px;
}

.pb5 {
	padding-bottom: 5px;
}

.pb8 {
	padding-bottom: 8px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb15 {
	padding-bottom: 15px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb30 {
	padding-bottom: 30px;
}

.pb50 {
	padding-bottom: 50px;
}

.pb100 {
	padding-bottom: 100px;
}

.pl1 {
	padding-left: 1px;
}

.pl5 {
	padding-left: 5px;
}

.pl8 {
	padding-left: 8px;
}

.pl10 {
	padding-left: 10px;
}

.pl15 {
	padding-left: 15px;
}

.pl20 {
	padding-left: 20px;
}

.pl25 {
	padding-left: 25px;
}

.pl30 {
	padding-left: 30px;
}

.pl35 {
	padding-left: 35px;
}

.pl40 {
	padding-left: 40px;
}

.pl50 {
	padding-left: 50px;
}

.pl100 {
	padding-left: 100px;
}

/** Width Style**/
.w30 {
	width: 30px;
}

.w50 {
	width: 50px;
}

.w80 {
	width: 80px;
}

.w120 {
	width: 120px;
}

.w130 {
	width: 130px;
}

.w150 {
	width: 150px;
}

.w200 {
	width: 200px;
}

.w300 {
	width: 300px;
}

.w400 {
	width: 400px;
}

/** Height Style**/
.h30 {
	height: 30px;
}

.h50 {
	height: 50px;
}

.h80 {
	height: 80px;
}

.h120 {
	height: 120px;
}

.h150 {
	height: 150px;
}

.h200 {
	height: 200px;
}

.h300 {
	height: 300px;
}

.h400 {
	height: 400px;
}


 


@media screen and (min-width:768px)   {

	html,
	body {
		font-size: 100px;
	}
	.container {
			width: 1000px !important;
	}
}

@media screen and (max-width:768px) {

	html,
	body {
		font-size: 80px;
		width: 100%;
		overflow-x: hidden;
	}

}