/**
@Author: yu_Wj
@Description：全站公用样式文件
*/

*{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /*-webkit-user-select: none;*/
    outline: none;
    list-style: none;
    -webkit-tap-highlight-color: transparent;
    margin: 0;
    padding: 0;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /*取消链接高亮*/
}
html {
    font-family: sans-serif;
    min-height: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
	line-height: 1;
	color: #666;
	font-size: 14px;
    margin: 0;
    padding: 0;
    min-height: 100%;
	position: relative;
	background: #fff;
	font-family: Microsoft YaHei, simhei, Tahoma, Arial, simsun, sans-serif;
	-webkit-overflow-scrolling: touch;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
	display: inline-block;
	/* 1 */
	vertical-align: baseline;
	/* 2 */
}

ins,
a {
    text-decoration: none;
}
a {
   color: #666;
   /*display: block;*/
}
a:hover,
a:link,
a:focus {
    /*color: #666;*/
    text-decoration: none;
}

/**
 * 轮廓线
 */
a:focus {
    outline: thin dotted;
    outline: 1px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

b,
strong {
    font-weight: bold;
}

/**
 * 上标下标
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}

img {
	-webkit-box-sizing: border-box;
		  box-sizing: border-box;
	/* 1 */
	vertical-align: middle;
	/* 3 */
	border: 0;
	/* 4 */
}

/**
 * 详情见 http://www.w3school.com.cn/tiy/t.asp?f=html_fieldset
 * 比较实用
*/
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}

textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
    resize: vertical;
}

button {
    overflow: visible;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

input[type="radio"],
input[type="checkbox"] {
    cursor: pointer;
    /*1*/
    padding: 0;
    /*2*/
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* 3 */
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
	/* 1 */
	-webkit-box-sizing: content-box;
		  box-sizing: content-box;
	/* 2 */
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button,
input:not([type="radio"]):not([type="checkbox"]),
select {
    vertical-align: middle;
}
input[type="search"] {
	-webkit-box-sizing: border-box;
		  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
	/*margin: 4px 0 0;*/
	/*margin-top: 1px \9;*/
	/* IE8-9 */
	line-height: normal;
}
input[type="file"] {
    display: block;
}
select[multiple],
select[size] {
    height: auto;
}
select optgroup {
	font-size: inherit;
	font-style: inherit;
	font-family: inherit;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted;
	outline: 1px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    height: auto;
}
/*input[type="button"], input[type="text"]{width: 100%;}*/

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
    padding: 0;
}

body,
input,
textarea,
select,
button {
	text-rendering: optimizeLegibility;
	/* 1 */
	-webkit-font-smoothing: antialiased;
	/* 2 */
	-moz-osx-font-smoothing: grayscale;
	/* 3 Default: auto */
	-moz-font-feature-settings: "liga", "kern";
}
/*Only phones */
@media only screen and (max-width: 640px) {
	/**
	* Break strings if their length exceeds the width of their container
	*/
	body {
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
}

/**
 * ins
 * 下划线文本
*/
ins {
	background: #ffa;
	color: #333;
}

/**
 * del
 * 删除线文本
*/
del {
	background: none;
	color: #999;
}

/**
 * mark 
 * 突出显示部分文本/标记
*/
mark {
	background: #ffa;
	color: #333;
}

/**
 * abbr 缩写
 * dfn 可标记那些对特殊术语或短语的定义。
现在流行的浏览器通常用斜体来显示 <dfn> 中的文本。将来，<dfn> 还可能有助于创建文档的索引或术语表。
 */
abbr[title],
dfn[title] {
    cursor: pointer;
}
dfn[title] {
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	/*font-size: 100%;*/
	font-weight: normal;
	margin: 0;
	padding: 0;
}

/*hr {
	display: block;
	padding: 0;
	border: 0;
	height: 0px;
	border-bottom: solid 1px #e0e0e0;
	background: none;
	overflow: hidden;
	-webkit-box-sizing: content-box;
		  box-sizing: content-box;
}*/

address {
    font-style: normal;
}

/**
 * blockquote
 * 之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进（增加外边距），而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。
 请注意，浏览器在 blockquote 元素前后添加了换行，并增加了外边距。
*/
blockquote {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	border-left: 4px solid #ddd;
}

iframe {
    border: 0;
}

/**
 * 内边距
*/
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt50{padding-top: 50px;}

.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb50{padding-bottom: 50px;}

.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl20{padding-left: 20px;}

.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr20{padding-right: 20px;}

/**
 * 外边距
*/
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt50{margin-top: 50px;}

.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb50{margin-bottom: 50px;}

.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}

.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}

/**
 * 清除浮动
*/
.clearboth{
	clear: both;
	overflow: hidden;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}

/**
 * 左右浮动
*/
.yu_fl{float: left !important;}

.yu_fc{overflow: hidden !important;}

/**
 * 左右对齐
*/
.yu_tl{text-align: left !important;}
.yu_tr{text-align: right !important;}
.yu_tc{text-align: center !important;}

/**
 * 图片响应
*/
img {
	height: auto;
	width: auto\9;
	border: none;
	/* ie8 */
	-ms-interpolation-mode: bicubic;
	/*为了照顾ie图片缩放失真*/
}
.responsivePic{line-height: 0;}
.responsivePic img{
	display: block;
	width: 100%;
	height: auto
}

/**
 * 边框
*/
.border_ccc{border: solid 1px #ccc;}
.border-top_ccc{border-top: solid 1px #ccc;}
.border-bottom_ccc{border-bottom: solid 1px #ccc;}
.border-bottom_dashed_f0f0f0{border-bottom: dashed 1px #f0f0f0;}
.border-bottom_solid_f0f0f0{border-bottom: solid 1px #f0f0f0;}

/**
 * 标题
*/
h1{font-size: 32px;}
h2{font-size: 28px;}
h3{font-size: 24px;}
h4{font-size: 20px;}
h5{font-size: 16px;}
h6{font-size: 12px;}

/**
 * 字体大小
*/
.ftse12{font-size: 12px;}
.ftse14{font-size: 14px;}
.ftse16{font-size: 16px;}
.ftse18{font-size: 18px;}
.ftse20{font-size: 20px;}
.ftse24{font-size: 24px;}
.ftse28{font-size: 28px;}
.ftse30{font-size: 30px;}
.ftse32{font-size: 32px;}
.ftse36{font-size: 36px;}

/**
 * 字体颜色
*/
.clr_ff4965{color: #ff4965;}
.clr_999{color: #999;}
.clr_333{color: #333;}
.clr_fff{color: #fff;}
.clr_1c2974{color: #1c2974;}
.clr_5d7c7f{color: #5d7c7f;}
.clr_c2a487{color: #c2a487;}
.clr_ff7852{color: #ff7852;}
.clr_b4242f{color: #b4242f;}

/**
 * 背景颜色
*/
.bg_fff{background: #fff;}
.bg_f3f3f3{background: #f3f3f3;}
.bg_f5f5f5{background: #f5f5f5;}
.bg_1c1117{background: #1c1117;}
.bg_fcf6f6{background: #fcf6f6;}
.bg_f8f8f8{background: #f8f8f8;}

/**
 * 字体加粗
*/
.fwb{font-weight: bold;}

/**
 * display
*/
.display_block{display: block;}
.display_inline-block{display: inline-block;}
.display_inline{display: inline;}
.display_table-cell{display: table-cell;}

/**
 * 字符限制
*/
.charLimit{
	display: block;
	width: 90%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/**
 * 首行缩进
*/
.text-indent_2em{text-indent: 2em;}

/**
 * 行高
*/
.line-height_0{line-height: 0;}
.line-height_1{line-height: 1;}
.line-height_105{line-height: 1.5;}
.line-height_2{line-height: 2;}

/**
 * 相对绝对
*/
.yu_pr{position: relative;}
.yu_pa{position: absolute;}

/**
 * 按钮样式
*/
.btn_01{                           /*红色*/
	border: none;
	border-radius: 5px;
	background: #c8231f;
	color: #fff;
	text-align: center;
}
.btn_02{                           /*黄色*/
	border: none;
	border-radius: 5px;
	background: #ffe814;
	color: #333;
	text-align: center;
}
.btn_03{                           /*灰色*/
	border: none;
	border-radius: 5px;
	background: #b6b6b6;
	color: #fff;
	text-align: center;
}
.btn_04{                           /*边红色*/
	border: solid 1px #c8231f;
	border-radius: 5px;
	background: #fff;
	color: #666;
	text-align: center;
}
.btn_05{                           /*边黄色*/
	border: solid 1px #ffe814;
	border-radius: 5px;
	background: #fff;
	color: #333;
	text-align: center;
}
.btn_06{                           /*边灰色*/
	border: solid 1px #b6b6b6;
	border-radius: 5px;
	background: #fff;
	color: #666;
	text-align: center;
}

.container{
	width: 1200px;
    margin: 0px auto;
    clear: both;
}

/**
 * 面包屑导航
*/
.position {
	color:#666;
	font-size: 14px;
	padding: 25px 0;
}
.position a{
	display: inline-block;
	color: #666;
}

/**
 * 分页
*/
.paging{
	text-align: center;
	overflow: hidden;
}
.paging li{
	display: inline-block;
}
.paging a{
	margin-left: 5px;
	padding: 3px 12px;
	background: #f5f5f5;
	line-height: 24px;
	color: #666;
	display: inline-block;
}
.paging a:hover, .current{
	background: #b4242f !important;
	color: #fff !important;
}

/**
 * 返回顶部
*/
a.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  color: #fff;
  font-size: 14px;
  background: #392701;
  text-align: center;
  line-height: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}

.char_limit a:hover{color: #b4242f;}


/*分页*/
.pagelink {
	text-align: center;
	margin: 85px 0 110px;
	clear: both;
}
.pagelink li {
	  margin-left: 5px;
  padding: 3px 12px;
  background: #f5f5f5;
  line-height: 24px;
  color: #666;
  display: inline-block;
}
.pagelink a, .pagelink span {
	display: inline-block;
	color: #323232;
}
.pagelink .thisclass {
	background: #b4242f;
  color: #fff;
}
.pagelink .thisclass a {
	background: #b4242f;
  color: #fff;
}
.pagelink li.on, .pagelink li:hover {
	 background: #b4242f;
  color: #fff;
	
}