html {color: #333; background:#ff; font-family: Microsoft Yahei;  font-family:"微软雅黑";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{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;}

div.img{font-size: 0;}  /*解决img容器里面img的缝隙问题*/
.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}
 
/*浮动和定位*/
.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:}
.c-primary a:hover,a.c-primary:hover{ color:}
 
/*次主色*/
.c-secondary,.c-secondary a,a.c-secondary{color:}
.c-secondary a:hover,a.c-secondary:hover{ color:}
 
/*强调色—成功*/
.c-success,.c-success a,a.c-success{color:}
.c-success a:hover,a.c-success:hover{ color:}
 
/*强调色—错误*/
.c-error,.c-error a,a.c-error{color:}
.c-error a:hover,a.c-error:hover{ color:}
 
/*强调色—警告*/
.c-warning,.c-warning a,a.c-warning{color:}
.c-warning a:hover,a.c-warning:hover{ color:}
 
/*辅助色—浅黑*/
.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像素*/
.pt-30{padding-top:30px!important;}/*上填充30像素*/
.pt-40{padding-top:40px!important;}/*上填充40像素*/
.pt-50{padding-top:50px!important;}/*上填充50像素*/
.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}