@charset "utf-8";
/* CSS reset */
html{
	font-size:14px;
	font-family: "PingFang SC" , "Microsoft YaHei", Helvetica,  Arial,sans-serif;
	font-weight:400;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:0;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style:normal;
	font-weight:normal;
}
 
ol,
ul {
	list-style:none;
}
 
caption,
th {
	text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}
a{ text-decoration:none; cursor:pointer;}


.iconfont{
	font-family:"iconfont"!important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale; 
}

/*common*/
.display_none{ display:none!important;}
.clear{ clear:both;}
.margin_none{ margin:0!important;}
.mt_8{ margin-top:8px!important; }
.mt_12{ margin-top:12px!important; }
.mt_16{ margin-top:16px!important; }
.mt_20{ margin-top:20px!important; }
.mt_24{ margin-top:24px!important; }
.mt_36{ margin-top:36px!important; }
.mt_48{ margin-top:48px!important; }
.mt_64{ margin-top:64px!important; }
.mb_8{ margin-bottom:8px!important; }
.mb_12{ margin-bottom:12px!important; }
.mb_16{ margin-bottom:16px!important; }
.mb_20{ margin-bottom:20px!important; }
.mb_24{ margin-bottom:24px!important; }
.mb_36{ margin-bottom:36px!important; }
.mb_48{ margin-bottom:48px!important; }
.mb_64{ margin-bottom:64px!important; }
.fs_12{ font-size:12px;}
.fs_14{ font-size:14px;}
.fs_16{ font-size:16px;}
.fs_18{ font-size:18px;}
.fs_20{ font-size:20px;}
.fs_22{ font-size:22px;}
.fs_24{ font-size:24px;}
.fs_28{ font-size:28px;}
.fs_30{ font-size:30px;}
.fs_32{ font-size:32px;}
.fs_36{ font-size:36px;}
.text_l{ text-align: left!important }
.text_r{ text-align: right!important }
.talign_r{ text-align:right!important;}
.bold{ font-weight:bold!important}
.text_center{ text-align:center!important;}
.text_indent_none{ text-indent:0!important;}
.border_r2{border-radius:2px; -webkit-border-radius:2px ; -o-border-radius:2px; -moz-border-radius:2px;}
.border_r4{border-radius:4px; -webkit-border-radius:4px ; -o-border-radius:4px; -moz-border-radius:4px;}
.border_r24{border-radius:24px; -webkit-border-radius:24px ; -o-border-radius:24px; -moz-border-radius:24px;}
.border_r26{border-radius:26px; -webkit-border-radius:26px ; -o-border-radius:26px; -moz-border-radius:26px;}

/*common colors*/
html, body{ background: #f9f9f9; color:#242424;}
a:link, a:active, a:visited{color:#242424; cursor:pointer;}
a:hover{ color: #D03B35 }
.bgcolor_999{ background:#999!important;}
.bgcolor_d6d6d6{ background:#d6d6d6!important;}
.bgcolor_f0f0f0{ background:#f0f0f0!important;}
.bgcolor_f3f3f3{ background:#f3f3f3!important;}
.bgcolor_f6f6f6{ background:#f6f6f6!important;}
.bgcolor_fff{ background:#fff!important}

.color_black{ color:#000!important;}
.color_red{ color:#D03B35!important;}
.color_666{ color:#666!important;}
.color_999{ color:#999!important;}