@charset "utf-8";
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
    background:white;
    color:black;
}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
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,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin:0;
    padding:0;
}
/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea {
    font: 14px/1.5 "Microsoft Yahei",Arial,"Helvetica Neue",Helvetica,"PingFangSC-Regular","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    color: #333;  
}
body{
  background: #fff;
}
input,select,textarea {
    font-size:100%;
}
textarea{
  resize: none
}
/**
 * 1. 修正所有浏览器中颜色不继承的问题
 * 2. 修正所有浏览器中字体不继承的问题
 * 3. 修正 Firefox 3+， Safari5 和 Chrome 中外边距不同的问题
 */ 
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
} 
/**
 * 统一 IE 8/9/10/11 `overflow`属性为`visible`
 */ 
button {
  overflow: visible;
  border: none;
  background: none;
} 
select{
	border: none;
	background: none; 
}
/**
 * 统一各浏览器`text-transform`不会继承的问题
 */ 
button, select { text-transform: none; }
input[type="button"], 
input[type="submit"], 
input[type="reset"], 
textarea { 
-webkit-appearance: none;
background: none; 
}

/**
 * 移除 Firefox 4+ 的内边距
 */ 
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input:-webkit-autofill { 
-webkit-box-shadow: 0 0 0px 1000px #fff inset; 
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"]{
  -moz-appearance: textfield;
}
input:required:invalid, 
input:focus:invalid, 
textarea:required:invalid, 
textarea:focus:invalid{box-shadow: none;}
/**
 * 统一设置`input`行高为`normal`
 */ 
input {
  line-height: normal;
  border: none;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * 修正 Chrome 中 input [type="number"] 在特定高度和`font-size`时,
 * 下面一个箭头光标变成`cursor: text`
 */ 
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
} 
input:focus, 
textarea:focus {
    outline: none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);/*去高光*/
	-webkit-user-modify:read-write-plaintext-only;
} 
/*去除IE10+浏览器文本框后面的小叉叉*/
input::-ms-clear {
    display: none;
}
/**
 * 修复 IE 7/8/9，Firefox 3 和 Safari 4 中 「hidden」属性不起作用的问题
 * 在IE、Safari、Firefox 22- 中隐藏「template」元素
 */ 
[hidden],
template {
  display: none;
}
/* 去掉 table cell 的边距并让其边重合 */
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* ie bug：th 不继承 text-align */
th {
    text-align:inherit;
}
/* 去除默认边框 */
fieldset,img {
    border:none;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
    display:block;
}
/* 去掉 firefox 下此元素的边框 */
abbr,acronym {
    border:none;
    font-variant:normal;
}
/* 一致的 del 样式 */
del {
    text-decoration:line-through;
}
address,caption,cite,code,dfn,em,th,var {
    font-style:normal;
    font-weight:500;
}
/* 去掉列表前的标识，li 会继承 */
ol,ul {
    list-style:none;
}
/* 对齐是排版最重要的因素，别让什么都居中 */
caption,th {
    text-align:left;
}
/* 来自yahoo，让标题都自定义，适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:500;
}
i{font-style: normal;}
q:before,q:after {
    content:'';
}
/* 统一上标和下标 */
sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline;
}
sup {
    top:-0.5em;
}
sub {
    bottom:-0.25em;
}  
/* 去除 ie6 & ie7 焦点点状线 */
a:focus,*:focus {
    outline:none;
}
/**
 * 去掉 IE 10+ 点击链接时的灰色背景
 */ 
a {
  background-color: transparent;
  color: #333;
}
ins,
a, 
a:active,
a:hover {
  outline: 0;
  text-decoration: none;
}
div,ul, ol, dl, blockquote{ _zoom:1;}  
/*-- css reset end }--*/
.tc { text-align:center; }
.tr { text-align:right; }
.tl { text-align:left; } 
.hr_5,.hr_10,.hr_15,.hr_20,.hr_25,.hr_30,.hr_8{ clear:both; overflow:hidden;font-size:1px;line-height:1px;}
 
.hr_5{ height:5px;}
.hr_10{ height:10px;}
.hr_15{ height:15px;}
.hr_20{ height:20px;}
.hr_25{ height:25px;}
.hr_30{ height:30px;} 
.hr_40{ height:40px;} 
.hr_8{ height:8px;}  
.hr_60{ height:60px;} 
.hr_200{ height:200px;}
.f14{font-size:14px;}
.f18{font-size:18px;}
/* 清除浮动 */
.clear:before,.clear:after,
.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.clear:after,
.clearfix:after {
    clear:both; 
}
.clear,
.clearfix {
    zoom:1; /* for ie6 & ie7 */
}  
.contain{
  width: 1190px;
  margin: 0 auto;
}
.b-gray,
.b-white,
.b-orange{ 
  min-width: 1190px;
  width: 100%; 
} 
.bg-white,
.b-white{
   background: #fff;
}
.bg-gray,
.b-gray{
  background: #f5f5f5; 
}
.b-orange{
  background: #fff; 
  border-top: 1px solid #f5f5f5;
}
/* 设置显示和隐藏，通常用来与 js 配合 */
.hide {
    display:none;
}
.block {
    display:block;
}
/* 设置浮动，减少浮动带来的 bug */
.fl,.fr {
    display:inline;
}
.fl {
    float:left;
}
.fr {
    float:right;
}
/*背景黑色透明*/
.bg_black{
   color: #fff;
   background: rgba(0,0,0,.6);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)\9;
}
.bg_black1{
   color: #fff;
   background: rgba(0,0,0,.25);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)\9;
}
.bg_white{
   color: #1a1a1a;
   background: rgba(255,255,255,.6);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff)\9;
}
/* 圆角 */
.radius2{
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px;
	behavior: url(./css/ie-css3.htc);
}
.radius5{
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	behavior: url(./css/ie-css3.htc);
}
.radius6{
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
	behavior: url(./css/ie-css3.htc);
}
.radiusR6{
  -moz-border-radius: 6px 6px 0 0; 
  -webkit-border-radius: 6px 6px 0 0; 
  border-radius: 6px 6px 0 0;
  behavior: url(./css/ie-css3.htc);
}
.radius10{
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
  border-radius: 10px;
  behavior: url(./css/ie-css3.htc);
}
.radiusR{
  -moz-border-radius: 0 99px 99px 0; 
  -webkit-border-radius: 0 99px 99px 0; 
  border-radius: 0 99px 99px 0;
  behavior: url(./css/ie-css3.htc);
}
.circle{
	-moz-border-radius: 999px; 
	-webkit-border-radius: 999px; 
	border-radius: 999px;
	behavior: url(./css/ie-css3.htc);
}
.shadow{
	-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
	box-shadow: 0 15px 30px rgba(0,0,0,.1);
	zoom: 1;
  filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=15, OffY=30, Color=#eee);
}
.shadowH{
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  box-shadow: 0 0 5px rgba(0,0,0,.3);
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=5, Color=#ddd);
}
.box_shadow{
  box-shadow: 0 1px 10px #ddd;
  -moz-box-shadow: 0 1px 10px #ddd;  
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=10, Color=#ddd);
}
/*单行省略*/
.clamp{
  overflow: hidden; 
  text-overflow: ellipsis; 
  white-space: nowrap;
}
/*多行省略号*/
.ellipsis{
  overflow: hidden; 
  text-overflow: ellipsis; 
  display: -webkit-box; 
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
}
.ellipsis3{
  overflow: hidden; 
  text-overflow: ellipsis; 
  display: -webkit-box; 
  -webkit-line-clamp: 3; 
  -webkit-box-orient: vertical;
}
.lazy{
  background: url(../images/loading.gif) center center no-repeat #fff;
  
}
.trans-hover{
  transition: all .5s linear;
  -moz-transition: all .5s linear; /* Firefox 4 */
  -webkit-transition: all .5s linear; /* Safari 和 Chrome */
  -o-transition: all .5s linear; /* Opera */
}
/*分页*/
.page{
  text-align: right;
} 
.page a,
.page span{
  display: inline-block;
  margin: 0 2px;  
  line-height: 30px;
  padding: 0 10px;
  border: 1px solid #e1e1e1; 
  font-size: 14px;
}
.page a:hover,
.page a.active{
  border: 1px solid #ff6700;
  color: #ff6700;
}
.page select{
  height: 32px;
  border: 1px solid #e1e1e1; 
}
.mark{
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 200;
  background: rgba(0,0,0,.6);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)\9;
 left: 0;
 top: 0;
 display: none;
}