html {
	color:#333;
	background-color:#F5F5F5;
	font-family:PingFang SC,Hiragino Sans GB,Arial,Microsoft YaHei,Verdana,Roboto,Noto,Helvetica Neue,sans-serif;
	font-size:14px;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
	font-weight:normal;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
	font-size:8px;
	color:#999;
}
li {
	list-style:none;
}
a {
	color:#555666;
	text-decoration:none;
}
.bottomshadow {
	border-bottom:solid 1px #B3B3B3;
	-webkit-box-shadow:0 1px 1px 0 #DFDFDF;
	box-shadow:0 1px 1px 0 #DFDFDF;
}
.no-bg {
	background:0 none !important;
}
.no-border {
	border:0 none !important;
}
/*解决img容器里面img的缝隙问题*/
div.img {
	font-size:0;
}
/*满屏宽横线*/
.line-full {
	width:100%;
	border-bottom:2px solid #DEDEDE;
}
/*满屏宽图片*/
.img-full img {
	width:100%;
}
.clear {
	height:1px;
	overflow:hidden;
	clear:both;
}
.clearfix {
	*zoom:1;
}
.clearfix:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:'.';
	font-size:0
}
.fl {
	float:left !important;
}
.fr {
	float:right !important;
}
/*隐藏 显示*/
.hide {
	display:none
}
[hidden] {
	display:none
}
.hidden {
	display:none!important;
	visibility:hidden!important
}
.f-hide {
	font:0/0 a;
	color:transparent;
	text-shadow:none;
	background-color:transparent;
	border:0
}
[class*="span"].hide,.row-fluid [class*="span"].hide {
	display:none
}
.show {
	display:block
}
.invisible {
	visibility:hidden
}
.w1920 {
	width:1920px;
	margin:0 auto;
}
.w1200 {
	width:1200px;
	margin:0 auto;
}
.w1100 {
	width:1100px;
	margin:0 auto;
}
.w960 {
	width:960px;
	margin:0 auto;
}
.w660 {
	width:660px;
	margin:0 auto;
}
.w300 {
	width:300px;
	margin:0 auto;
}
.w280 {
	width:280px;
	margin:0 auto;
}
.w290 {
	width:290px;
	margin:0 auto;
}
.w515 {
	width:515px;
	margin:0 auto;
}
.w275 {
	width:275px;
	margin:0 auto;
}
/*浮动和定位*/
.pos-r {
	position:relative
}
.pos-a {
	position:absolute
}
.pos-f {
	position:fixed
}
.left {
	left:0;
	right:auto
}
.right {
	right:0;
	left:auto
}
.top {
	top:auto;
	bottom:0
}
.bottom {
	top:0;
	bottom:auto
}
/*空行*/
.blank5 {
	height:5px;
	clear:both;
	display:block;
}
.blank10 {
	height:10px;
	clear:both;
	display:block;
}
.blank15 {
	height:15px;
	clear:both;
	display:block;
}
.blank20 {
	height:20px;
	clear:both;
	display:block;
}
.blank25 {
	height:25px;
	clear:both;
	display:block;
}
.blank30 {
	height:30px;
	clear:both;
	display:block;
}
.blank40 {
	display:block;
	height:40px;
}
.bg-f1f1f1 {
	background-color:#f1f1f1;
}
/*字体大小*/
.f-12 {
	font-size:12px
}
.f-14 {
	font-size:14px
}
.f-16 {
	font-size:16px
}
.f-18 {
	font-size:18px
}
.f-20 {
	font-size:20px
}
.f-24 {
	font-size:24px
}
.f-26 {
	font-size:26px
}
.f-28 {
	font-size:28px
}
.f-30 {
	font-size:30px
}
.text-l {
	text-align:left
}
/*水平居左*/
.text-r {
	text-align:right
}
/*水平居中*/
.text-c {
	text-align:center
}
/*水平居右*/
.va * {
	vertical-align:sub!important;
	*vertical-align:middle!important;
	_vertical-align:middle!important
}
.va-t {
	vertical-align:top!important
}
/*上下居顶*/
.va-m {
	vertical-align:middle!important
}
/*上下居中*/
.va-b {
	vertical-align:bottom!important
}
/*上下居底*/

/*主要颜色*/
.c-primary,.c-primary a,a.c-primary {
	color:#5a98de
}
.c-primary a:hover,a.c-primary:hover {
	color:#5a98de
}
/*次主色*/
.c-secondary,.c-secondary a,a.c-secondary {
	color:#555
}
.c-secondary a:hover,a.c-secondary:hover {
	color:#555
}
/*强调色—成功*/
.c-success,.c-success a,a.c-success {
	color:#5eb95e
}
.c-success a:hover,a.c-success:hover {
	color:#5eb95e
}
/*强调色—危险*/
.c-danger,.c-danger a,a.c-danger {
	color:#dd514c
}
.c-danger a:hover,a.c-danger:hover {
	color:#dd514c
}
/*强调色—警告*/
.c-warning,.c-warning a,a.c-warning {
	color:#f37b1d
}
.c-warning a:hover,a.c-warning:hover {
	color:#f37b1d
}
/*强调色—错误*/
.c-error,.c-error a,a.c-error {
	color:#c00
}
.c-error a:hover,a.c-error:hover {
	color:#c00
}
/*辅助色—浅黑*/
.c-333,.c-333 a,a.c-333 {
	color:#333
}
.c-333 a:hover,a.c-333:hover {
	color:#333
}
/*辅助色—灰色*/
.c-666,.c-666 a,a.c-666 {
	color:#666
}
.c-666 a:hover,a.c-666:hover {
	color:#666
}
.c-999,.c-999 a,a.c-999 {
	color:#999
}
.c-999 a:hover,a.c-999:hover {
	color:#999
}
/*标准色—红色*/
.c-red,.c-red a,a.c-red {
	color:red
}
.c-red a:hover,a.c-red:hover {
	color:red
}
/*标准色—绿色*/
.c-green,.c-green a,a.c-green {
	color:green
}
.c-red a:hover,a.c-red:hover {
	color:green
}
/*标准色—蓝色*/
.c-blue,.c-blue a,a.c-blue {
	color:blue
}
.c-blue a:hover,a.c-blue:hover {
	color:blue
}
/*标准色—白色*/
.c-white,.c-white a,a.c-white {
	color:white
}
.c-white a:hover,a.c-white:hover {
	color:white
}
/*标准色—黑色*/
.c-black,.c-black a {
	color:black
}
.c-black a:hover,a.c-black:hover {
	color:black
}
/*标准色—橙色*/
.c-orange,.c-orange a,a.c-orange {
	color:orange
}
.c-orange a:hover,a.c-orange:hover {
	color:orange
}
/*margin边距*/
.mt-5 {
	margin-top:5px!important;
}
/*距上5像素*/
.mt-10 {
	margin-top:10px!important;
}
/*距上10像素*/
.mt-15 {
	margin-top:15px!important;
}
/*距上15像素*/
.mt-20 {
	margin-top:20px!important;
}
/*距上20像素*/
.mt-25 {
	margin-top:25px!important;
}
/*距上25像素*/
.mt-30 {
	margin-top:30px!important;
}
/*距上30像素*/
.mt-35 {
	margin-top:35px!important;
}
/*距上35像素*/
.mt-40 {
	margin-top:40px!important;
}
/*距上40像素*/
.mt-50 {
	margin-top:50px!important;
}
/*距上50像素*/
.mb-0 {
	margin-bottom:0!important;
}
/*距下0像素*/
.mb-5 {
	margin-bottom:5px!important;
}
/*距下5像素*/
.mb-10 {
	margin-bottom:10px!important;
}
/*距下10像素*/
.mb-15 {
	margin-bottom:15px!important;
}
/*距下15像素*/
.mb-20 {
	margin-bottom:20px!important;
}
/*距下20像素*/
.mb-25 {
	margin-bottom:25px!important;
}
/*距下25像素*/
.mb-30 {
	margin-bottom:30px!important;
}
/*距下30像素*/
.mb-35 {
	margin-bottom:35px!important;
}
/*距下35像素*/
.mb-40 {
	margin-bottom:40px!important;
}
/*距下40像素*/
.mb-50 {
	margin-bottom:50px!important;
}
/*距下50像素*/
.ml-5 {
	margin-left:5px!important;
}
/*距左5像素*/
.ml-10 {
	margin-left:10px!important;
}
/*距左10像素*/
.ml-15 {
	margin-left:15px!important;
}
/*距左15像素*/
.ml-20 {
	margin-left:20px!important;
}
/*距左20像素*/
.ml-30 {
	margin-left:30px!important;
}
/*距左30像素*/
.ml-40 {
	margin-left:40px!important;
}
/*距左40像素*/
.ml-50 {
	margin-left:50px!important;
}
/*距左50像素*/
.mr-0 {
	margin-right:0!important;
}
/*距右0像素*/
.mr-5 {
	margin-right:5px!important;
}
/*距右5像素*/
.mr-10 {
	margin-right:10px!important;
}
/*距右10像素*/
.mr-15 {
	margin-right:15px!important;
}
/*距右15像素*/
.mr-20 {
	margin-right:20px!important;
}
/*距右20像素*/
.mr-30 {
	margin-right:30px!important;
}
/*距右30像素*/
.mr-40 {
	margin-right:40px!important;
}
/*距右40像素*/
.mr-50 {
	margin-right:50px!important;
}
/*距右50像素*/
.mr-90 {
	margin-right:90px!important;
}
/*距右90像素*/

/*padding填充*/
.pt-5 {
	padding-top:5px!important;
}
/*上填充5像素*/
.pt-10 {
	padding-top:10px!important;
}
/*上填充10像素*/
.pt-15 {
	padding-top:15px!important;
}
/*上填充15像素*/
.pt-20 {
	padding-top:20px!important;
}
/*上填充20像素*/
.pb-5 {
	padding-bottom:5px!important;
}
/*下填充5像素*/
.pb-10 {
	padding-bottom:10px!important;
}
/*下填充10像素*/
.pb-15 {
	padding-bottom:15px!important;
}
/*下填充15像素*/
.pb-20 {
	padding-bottom:20px!important;
}
/*下填充20像素*/
.pl-5 {
	padding-left:5px!important;
}
/*左填充5像素*/
.pl-10 {
	padding-left:10px!important;
}
/*左填充10像素*/
.pl-15 {
	padding-left:15px!important;
}
/*左填充15像素*/
.pl-20 {
	padding-left:20px!important;
}
/*左填充20像素*/
.pr-5 {
	padding-right:5px!important;
}
/*右填充5像素*/
.pr-10 {
	padding-right:10px!important;
}
/*右填充10像素*/
.pr-15 {
	padding-right:15px!important;
}
/*右填充15像素*/
.pr-20 {
	padding-right:20px!important;
}
/*右填充20像素*/
.pd-5 {
	padding:5px!important;
}
/*填充5像素*/
.pd-10 {
	padding:10px!important;
}
/*填充10像素*/
.pd-15 {
	padding:15px!important;
}
/*填充15像素*/
.pd-20 {
	padding:20px!important;
}
/*填充20像素*/

/*圆角边框*/
/*
<div class="bk-gray">边框</div><div class="bk-gray radius">圆角边框</div>
*/
.bk-gray {
	border:solid 1px #ddd!important;
}
.radius {
	border-radius:4px;
	overflow:hidden
}
.size-MINI.radius {
	border-radius:3px!important;
}
.size-L.radius {
	border-radius:5px!important;
}
.size-XL.radius {
	border-radius:6px!important;
}
.round {
	border-radius:1000px;
	overflow:hidden
}
.circle {
	border-radius:50%;
	overflow:hidden
}
/*css3文字阴影效果*/
.box-shadow {
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);
	box-shadow:0 1px 2px rgba(0,0,0,0.1)
}
.text-shadow {
	-webkit-text-shadow:0 0 2px rgba(0,0,0,0.2);
	text-shadow:0 0 2px rgba(0,0,0,0.2)
}
/*ol,ul列表*/
/*
<ul>
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
</ul>
<ol class="linenums">
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
</ol>
*/
ul.unstyled,ol.unstyled {
	margin-left:0;
	list-style:none
}
ul.inline,ol.inline {
	margin-left:0;
	list-style:none
}
ul.inline>li,ol.inline>li {
	display:inline-block;
	*display:inline;
	padding-right:5px;
	padding-left:5px;
	*zoom:1
}
ol.linenums {
	list-style:decimal outside none;
	margin:0 0 0 22px;
}
/* IE indents via margin-left */
.tlist li {
	line-height:22px;
	overflow:hidden;
	white-space:nowrap
}
/*禁止换行*/
.tlist .time {
	font-size:12px;
	font-family:Arial;
	color:#999
}
/*排行榜*/
/*
<ol class="top-list">
<li class="top"><em>1</em><a href="#">排行榜列表</a><span class="date">12</span></li>
<li class="top"><em>2</em><a href="#">排行榜列表</a><span class="date">12</span></li>
<li class="top"><em>3</em><a href="#">排行榜列表</a><span class="date">12</span></li>
<li><em>4</em><a href="#">排行榜列表</a><span class="date">12</span></li>
<li><em>5</em><a href="#">排行榜列表</a><span class="date">12</span></li>
<li><em>6</em><a href="#">排行榜列表</a><span class="date">12</span></li>
<li><em>7</em><a href="#">排行榜列表</a><span class="date">12</span></li>
<li><em>8</em><a href="#">排行榜列表</a><span class="date">12</span></li>
<li><em>9</em><a href="#">排行榜列表</a><span class="date">12</span></li>
<li><em>10</em><a href="#">排行榜列表</a><span class="date">12</span></li>
</ol>
*/
.top-list li {
	height:20px;
	line-height:20px;
	margin-bottom:15px;
	overflow:hidden;
	padding-left:30px;
	position:relative;
	text-overflow:ellipsis;
	vertical-align:bottom;
	white-space:nowrap;
}
.top-list em {
	background-color:#F8F8F8;
	border:1px solid #EBEBEB;
	color:#333;
	height:18px;
	left:0;
	line-height:18px;
	position:absolute;
	text-align:center;
	top:0;
	width:20px;
	font-style:normal
}
.top-list .top em {
	background-color:#390;
	border:none;
	color:#fff;
	height:20px;
	line-height:20px;
	width:22px
}
.top-list .date {
	color:#999;
	font-size:12px;
	position:absolute;
	right:0;
	top:0;
}
/*行内分割竖线*/
/*
<span class="pipe">|</span>
*/
.pipe {
	margin:0 5px;
	color:#CCC
}
/*线条*/
.line {
	font-size:0px;
	line-height:0px;
	border-top:solid 1px #ddd;
	float:none;
}
/*文字单行溢出省略号*/
/*
<div class="text-overflow" style="width:300px;
	">我是很长很长的文字，我的所在的容器尺寸有限，所以我溢出了，并且显示省略号</div>
*/
.text-overflow {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}