/*!
 * @since:2019/03/14.
 * @author:flyfly ~~~!
 * @Email:li13572463831@163.com ~~~!
 * @Copyright © 2019 hzgxr.com. All Rights Reserved.
 * @rule:采用大驼峰法命名.
 **/

/* Reset */
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
th {
	font-weight: normal
}

img {
	border: 0;
	display: block;
}

input,
button,
textarea,
select {
	vertical-align: middle;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

textarea {
	overflow: auto
}

a {
	text-decoration: none
}

:focus {
	outline: 0
}

a,
.hand {
	cursor: pointer
}

ul li {
	list-style-type: none;
}

input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
	border: none;
	padding: 0;
}

input:focus {
	outline: none;
}

input[type="button"],
input[type="text"],
input[type="password"],
input[type="submit"],
input[type="reset"],
input[type="search"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="time"],
input[type="number"],
button,
select,
textarea {
	-webkit-appearance: none;
	appearance: none;
	background: none;
}

input[type="radio"],
input[type="checkbox"] {
	-webkit-appearance: none;
	appearance: none;
}


/* Public */
.lazy{ background:#fff url(../images/loading.gif) no-repeat  center center}
body {
	color: #000000;
	font-size: 12px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	/* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	/* Fix for webkit minFont size */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* Remove highlight on tap event*/
	-moz-tap-highlight-color: rgba(0, 0, 0, 0);
	-ms-tap-highlight-color: rgba(0, 0, 0, 0);
	-o-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
	font: 12px/1.5 "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", \5FAE\8F6F\96C5\9ED1, tahoma, simsun, \5b8b\4f53;
	-webkit-text-size-adjust: none;
	overflow-x: hidden;
	background: #fff;
}

a {
	color: #000000;
}

a:hover {
	color: #c9a654;
}


/* Font */

.fsi {
	font-style: italic
}


/*斜体*/

.fwb {
	font-weight: bold
}


/*加粗*/

.fs1 {
	font-size: 14px !important;
}

.fs2 {
	font-size: 16px !important;
}

.fs3 {
	font-size: 18px !important;
}

.fs4 {
	font-size: 24px !important;
}

.fs5 {
	font-size: 30px !important;
}

.fs {
	font-size: 12px !important
}


/*默认大小*/

.ch {
	font-family: "宋体";
}


/*宋体*/

.en {
	font-family: Arial;
}


/*英文字体*/

.c1 {
	color: #ccc !important;
}


/*浅灰色*/

.c2 {
	color: #999 !important;
}


/*深灰色*/

.c3 {
	color: #666 !important;
}


/*灰色*/

.c5 {
	color: #c6984b !important;
}

.red {
	color: #ff2827 !important;
}


/*红色*/

.white {
	color: #FFF;
}


/*白色*/

.black {
	color: #282828 !important;
}


/*黑色*/

.green {
	color: #2ec225 !important;
}


/*绿色*/

.orange {
	color: #f60;
}


/*橙色*/

.yellow {
	color: #FF0;
}


/*黄色*/

.blue {
	color: #ff1c1c !important;
}


/* COMMON */

.fl {
	float: left
}

.fr {
	float: right !important;
}

.tal {
	text-align: left !important
}

.tar {
	text-align: right !important
}

.tac {
	text-align: center !important
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
	font-size: 0 !important;
	line-height: 0!important;
	height: 0!important;
}

.clearfix:after {
	clear: both;
}

.btn {
	height: 28px;
	line-height: 26px;
	padding: 0 10px;
	border: #c6984b 1px solid;
	background: #c6984b;
	text-align: center;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.btn:hover {
	color: #fff;
	background: #c6984b;
	border-color: #c6984b;
}

.btn-outlined {
	border-color: #c6984b;
	background: #FFF !important;
	color: #c6984b !important;
}

.input-txt {
	width: 100%;
	height: 40px;
	line-height: 20px;
	border: #dfdfdf 1px solid;
	padding: 10px;
	background: #FFF;
	font-size: 15px;
	color: #333233;
	display: inline-block;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.iconfont {
	line-height: 1;
}

.space {
	padding-left: 1em;
}

.spacep {
	padding-left: 0.5em;
}

.space2 {
	padding-left: 2em;
}

.imgbox {
	font-size: 0;
	line-height: 0;
	display: block;
}

.imgbox img {
	width: 100%;
}

.tap {
	display: block;
	position: relative;
}

.mt10 {
	margin-top: 12px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.layerBg {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	visibility: hidden;
	opacity: 0;
	z-index: 99;
	background: rgba(0,0,0,.5);
	-webkit-transition: all 350ms cubic-bezier(.165, .84, .44, 1);
	transition: all 350ms cubic-bezier(.165, .84, .44, 1);
}

.layerBg.active {
	visibility: visible;
	opacity: 1;
}

.mini-page {
	height: 30px;
	text-align: center;
	font-size: 0px;
	line-height: 0;
}

.mini-page a {
	height: 30px;
	line-height: 30px;
	padding: 0 7px;
	min-width: 16px;
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	*zoom: 1;
	white-space: nowrap;
	color: #a0a0a0;
	transition: all .2s linear;
}
.mini-page .prev,.mini-page .next  {
	width: 28px;
	height: 28px;
	border-radius:28px ;
	line-height: 28px;
	border: #3d3d3d 1px solid;
	color: #3d3d3d;
	font-family: "iconfont";
	font-size: 16px;
	padding: 0;
	margin: 0 20px;
}

.mini-page a:hover {
	background: #3d3d3d;
	color: #fff;
}

.mini-page .active {
	background: #3d3d3d;
	color: #fff;
}

.mini-page .active:hover {
	color: #FFF;
}

.ts2s { 
	-webkit-transition: 0.2s ease-in-out; 
	-moz-transition: 0.2s ease-in-out; 
	-o-transition: 0.2s ease-in-out; 
	transition: 0.2s ease-in-out; 
}
.ts3s { 
	-webkit-transition: 0.3s ease-in-out; 
	-moz-transition: 0.3s ease-in-out; 
	-o-transition: 0.3s ease-in-out;
	 transition: 0.3s ease-in-out; 
	}
.fly { display: inline-block !important; *display: inline !important; *zoom: 1; }	
.pgnumber-wrapper { 
	text-align: center; 
	line-height: 32px; 
}
.pgnumber {
 margin: 0 4px; 
 height: 32px; 
 line-height: 30px; 
 vertical-align: top; 
}
.pgnumber:first-child,.pgnumber:last-child{
	font-weight:bold;
}
.pgnumber a { 
	display: block; 
	color: #666; 
	font-size: 14px; 
	padding: 0 14px; 
	border: 1px solid #acacac;
	font-family: '宋体';
	 }
.pgnumber.disabled a { 
	color: #e1e1e1; 
	border-color: #e1e1e1;
	 }
.pgnumber.active a, .pgnumber a:hover { 
	color: #fff; 
	border-color: #3d3d3d; 
	background: #3d3d3d;
	 }
.pgnumber.disabled a:hover {
 color: #e1e1e1;
 border-color: #e1e1e1;
  background: transparent;
   }	
@media all and (min-width:320px) {
	html {
		font-size: 42.666666666666664px;
	}
}

@media all and (min-width:360px) {
	html {
		font-size: 48px;
	}
}

@media all and (min-width:375px) {
	html {
		font-size: 50px;
	}
}

@media all and (min-width:384px) {
	html {
		font-size: 51.2px;
	}
}

@media all and (min-width:412px) {
	html {
		font-size: 54.93333333333333px;
	}
}

@media all and (min-width:414px) {
	html {
		font-size: 55.2px;
	}
}

@media all and (min-width:480px) {
	html {
		font-size: 64px;
	}
}