@charset "utf-8"; /* CSS Document */

*:focus {outline: none;}/*消除谷歌下input边框* /
/* 清除内外边距 */  
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素  */ 
pre, /* text formatting elements 文本格式元素 */  fieldset, lengend, button, input, textarea, /* form elements 表单元素 */ 
th, td { /* table elements 表格元素 */ margin: 0; padding: 0; } 
  
/* 设置默认字体 */ 
body, button, input, select, textarea { font-family:"微软雅黑","宋体","Arail" ; font-size:12px ; line-height:24px ; color:#666666}

body{
	background-color:#F2F2F2;
	background-image:url(../images/bg.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:0 160px;
}
a{
	cursor: pointer;
}

/* 默认字体 */ 
.yahei{  font-family:"微软雅黑","宋体","Arail" ; }
.songti{ font-family:"宋体","微软雅黑","Arail" ; }
.Arail{  font-family:"Arail","宋体","微软雅黑" ; }
.Courier_New{  font-family:"Courier New", Courier, monospace}
.Georgia{  font-family:Georgia, "Arail", Times, serif}

/* 列表元素 */ 
ul,ol,li { list-style: none; } 

/* 鼠标手型 */ 
.cursor{ cursor:pointer}
.clearfix{ clear:both; height:0 }

/* a标签 */ 
a { text-decoration:none ; color:#666 ; transition:0.5s}  
a:hover { text-decoration: none ; color:#cd8062 } 

/* 定义浮动居中 */ 
.fl{ float:left ; display:inline}
.fr{ float:right ; display:inline}
.center{ margin: 0 auto ; }
.clear{ clear:both }

/* 重置h标签 */ 
h1{
	font-size: 36px;
	font-weight: 500;
	line-height: 50px;
	color: #333333;
}

h3 {
	font-size: 18px;
	font-weight: 600;
	line-height: 25px;
	color: #AF5737;
}

/* 颜色 */
.color-black{
	color:#333 !important;
}
.color-theme{
	color:#AF5737 !important;
}
.color-gray{
	color: #B0B0AC !important;
	font-weight:400;
}

/* 元素是否居中 */
.align-center{
	text-align: center;
}
.align-left{
	text-align: left;
}

img{
	cursor: pointer;
}


/* 字体大小 */ 
.size12{ font-size:12px !important}
.size14{ font-size:14px }
.size16{ font-size:16px }
.size18{ font-size:18px !important}
.size20{ font-size:20px }
.size22{ font-size:22px }
.size24{ font-size:24px }
.size26{ font-size:26px }
.size28{ font-size:28px }

/* 字重 */ 
.weight500{
	font-weight:500
}

.zhuse{ color:#2c6daf }
em{
	font-style: normal;
	color:#AF5737;
}
/* 所有颜色 */ 
.chi{ color:#FF0000 }
.cheng{  color:#f65f04  }
.huang{  color:#f6e204 }
.lv{  color:#2cdf03  }
.qing{color:#01ede5 }
.lan{ color:#0ab9fa  }
.zi{  color:#590afa }
.bai{ color:#fff  }
.hei{ color:#000  }
.hui{ color:#999  }

/* 定义边距 */ 
.mt0{ margin-top:0px !important;}
.mr0{ margin-right:0px !important;}
.mb0{ margin-bottom:0px !important;}
.ml0{ margin-left:0px !important;}

.mt5{ margin-top:5px }
.mr5{ margin-right:5px }
.mb5{ margin-bottom:5px }
.ml5{ margin-left:5px }

.mt10{ margin-top:10px }
.mr10{ margin-right:10px }
.mb10{ margin-bottom:10px }
.ml10{ margin-left:10px }

.mt12{ margin-top:12px }
.mr12{ margin-right:12px }
.mb12{ margin-bottom:12px }
.ml12{ margin-left:12px }

.mt15{ margin-top:15px }
.mr15{ margin-right:15px }
.mb15{ margin-bottom:15px }
.ml15{ margin-left:15px }

.mt16{ margin-top:16px }
.mr16{ margin-right:16px }
.mb16{ margin-bottom:16px }
.ml16{ margin-left:16px }

.mt20{ margin-top:20px }
.mr20{ margin-right:20px }
.mb20{ margin-bottom:20px }
.ml20{ margin-left:20px }

.mt25{ margin-top:25px }
.mr25{ margin-right:25px }
.mb25{ margin-bottom:25px }
.ml25{ margin-left:25px }

.mt30{ margin-top:30px }
.mr30{ margin-right:30px }
.mb30{ margin-bottom:30px }
.ml30{ margin-left:30px }

.mt40{ margin-top:40px !important;}
.mr40{ margin-right:40px }
.mb40{ margin-bottom:40px }
.ml40{ margin-left:40px }

.mt50{ margin-top:50px }
.mr50{ margin-right:50px }
.mb50{ margin-bottom:50px }
.ml50{ margin-left:50px }

.mt56{ margin-top:56px }
.mr56{ margin-right:56px }
.mb56{ margin-bottom:56px }
.ml56{ margin-left:56px }

.mt60{ margin-top:60px }
.mr60{ margin-right:60px }
.mb60{ margin-bottom:60px }
.ml60{ margin-left:60px }


.pd6{ padding: 6.8px 0 !important; }
.pd10{ padding:10px}
.pd20{ padding:20px}
.pd30{ padding:30px}
.pd40{ padding:40px}
.pd50{ padding:50px}
.pt30{ padding-top:30px}
.pb40{ padding-bottom:40px !important}

/* input range */
/* 隐藏range控件默认样式 */
[type="range"] {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
	outline: 0;
	background-color: transparent;
	width: 481px;
}

/* 定义range控件轨道的样式 */
[type="range"]::-webkit-slider-runnable-track {
	height: 6px;
	background: #C4C4C4;
	border-radius: 20px;
}

/* 定义range控件容器的样式 */
[type="range" i]::-webkit-slider-container {
	height: 16px;
	overflow: hidden;
}

/* 定义range控件拇指的样式 */
[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin-top: -5px;
	background-color: #CD8062;
	border: 1px solid transparent;
	/* 使用border-image属性给拇指添加渐变边框 */
	border-image: linear-gradient(#CD8062, #CD8062) 0 fill / 7 20 7 0 / 0px 0px 0 2000px;
}


/* col */
.col-pd,
.col-lg-1,
.col-lg-10,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
	position: relative;
	min-height: 1px;
	padding:20px 12px;
}

.col-xs-1,
.col-xs-10,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-wide-1,
.col-xs-wide-10,
.col-xs-wide-15,
.col-xs-wide-2,
.col-xs-wide-25,
.col-xs-wide-3,
.col-xs-wide-35,
.col-xs-wide-4,
.col-xs-wide-45,
.col-xs-wide-5,
.col-xs-wide-55,
.col-xs-wide-6,
.col-xs-wide-65,
.col-xs-wide-7,
.col-xs-wide-75,
.col-xs-wide-8,
.col-xs-wide-85,
.col-xs-wide-9,
.col-xs-wide-95 {
	float: left
}

.col-xs-10 {
	width: 10%
}

.col-xs-9 {
	width: 11.1111111%
}

.col-xs-8 {
	width: 12.5%
}

.col-xs-7 {
	width: 14.2857143%
}

.col-xs-6 {
	width: 16.6666667%
}

.col-xs-5 {
	width: 20%
}

.col-xs-4 {
	width: 25%
}

.col-xs-3 {
	width: 33.3333333%
}

.col-xs-2 {
	width: 50%
}

.col-xs-1 {
	width: 100%
}

.col-xs-wide-10 {
	width: 10%
}

.col-xs-wide-9 {
	width: 90%
}

.col-xs-wide-8 {
	width: 80%
}

.col-xs-wide-7 {
	width: 70%
}

.col-xs-wide-6 {
	width: 60%
}

.col-xs-wide-5 {
	width: 50%
}

.col-xs-wide-4 {
	width: 40%
}

.col-xs-wide-3 {
	width: 30%
}

.col-xs-wide-2 {
	width: 20%
}

.col-xs-wide-15 {
	width: 15%
}

.col-xs-wide-95 {
	width: 95%
}

.col-xs-wide-85 {
	width: 85%
}

.col-xs-wide-75 {
	width: 75%
}

.col-xs-wide-65 {
	width: 65%
}

.col-xs-wide-55 {
	width: 55%
}

.col-xs-wide-45 {
	width: 45%
}

.col-xs-wide-35 {
	width: 35%
}

.col-xs-wide-25 {
	width: 25%
}

@media (min-width: 768px) {

	.col-sm-1,
	.col-sm-10,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-wide-1,
	.col-sm-wide-10,
	.col-sm-wide-15,
	.col-sm-wide-2,
	.col-sm-wide-25,
	.col-sm-wide-3,
	.col-sm-wide-35,
	.col-sm-wide-4,
	.col-sm-wide-45,
	.col-sm-wide-5,
	.col-sm-wide-55,
	.col-sm-wide-6,
	.col-sm-wide-65,
	.col-sm-wide-7,
	.col-sm-wide-75,
	.col-sm-wide-8,
	.col-sm-wide-85,
	.col-sm-wide-9,
	.col-sm-wide-95 {
		float: left
	}

	.col-sm-10 {
		width: 10%
	}

	.col-sm-9 {
		width: 11.1111111%
	}

	.col-sm-8 {
		width: 12.5%
	}

	.col-sm-7 {
		width: 14.2857143%
	}

	.col-sm-6 {
		width: 16.6666667%
	}

	.col-sm-5 {
		width: 20%
	}

	.col-sm-4 {
		width: 25%
	}

	.col-sm-3 {
		width: 33.3333333%
	}

	.col-sm-2 {
		width: 50%
	}

	.col-sm-1 {
		width: 100%
	}

	.col-sm-wide-10 {
		width: 10%
	}

	.col-sm-wide-9 {
		width: 90%
	}

	.col-sm-wide-8 {
		width: 80%
	}

	.col-sm-wide-7 {
		width: 70%
	}

	.col-sm-wide-6 {
		width: 60%
	}

	.col-sm-wide-5 {
		width: 50%
	}

	.col-sm-wide-4 {
		width: 40%
	}

	.col-sm-wide-3 {
		width: 30%
	}

	.col-sm-wide-2 {
		width: 20%
	}

	.col-sm-wide-15 {
		width: 15%
	}

	.col-sm-wide-95 {
		width: 95%
	}

	.col-sm-wide-85 {
		width: 85%
	}

	.col-sm-wide-75 {
		width: 75%
	}

	.col-sm-wide-65 {
		width: 65%
	}

	.col-sm-wide-55 {
		width: 55%
	}

	.col-sm-wide-45 {
		width: 45%
	}

	.col-sm-wide-35 {
		width: 35%
	}

	.col-sm-wide-25 {
		width: 25%
	}
}

@media (min-width: 992px) {

	.col-md-1,
	.col-md-10,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-wide-1,
	.col-md-wide-10,
	.col-md-wide-15,
	.col-md-wide-2,
	.col-md-wide-25,
	.col-md-wide-3,
	.col-md-wide-35,
	.col-md-wide-4,
	.col-md-wide-45,
	.col-md-wide-5,
	.col-md-wide-55,
	.col-md-wide-6,
	.col-md-wide-65,
	.col-md-wide-7,
	.col-md-wide-75,
	.col-md-wide-8,
	.col-md-wide-85,
	.col-md-wide-9,
	.col-md-wide-95 {
		float: left
	}

	.col-md-10 {
		width: 10%
	}

	.col-md-9 {
		width: 11.1111111%
	}

	.col-md-8 {
		width: 12.5%
	}

	.col-md-7 {
		width: 14.2857143%
	}

	.col-md-6 {
		width: 16.6666667%
	}

	.col-md-5 {
		width: 20%
	}

	.col-md-4 {
		width: 25%
	}

	.col-md-3 {
		width: 33.3333333%
	}

	.col-md-2 {
		width: 50%
	}

	.col-md-1 {
		width: 100%
	}

	.col-md-wide-10 {
		width: 10%
	}

	.col-md-wide-9 {
		width: 90%
	}

	.col-md-wide-8 {
		width: 80%
	}

	.col-md-wide-7 {
		width: 70%
	}

	.col-md-wide-6 {
		width: 60%
	}

	.col-md-wide-5 {
		width: 50%
	}

	.col-md-wide-4 {
		width: 40%
	}

	.col-md-wide-3 {
		width: 30%
	}

	.col-md-wide-2 {
		width: 20%
	}

	.col-md-wide-15 {
		width: 15%
	}

	.col-md-wide-95 {
		width: 95%
	}

	.col-md-wide-85 {
		width: 85%
	}

	.col-md-wide-75 {
		width: 75%
	}

	.col-md-wide-65 {
		width: 65%
	}

	.col-md-wide-55 {
		width: 55%
	}

	.col-md-wide-45 {
		width: 45%
	}

	.col-md-wide-35 {
		width: 35%
	}

	.col-md-wide-25 {
		width: 25%
	}
}

@media (min-width: 1200px) {

	.col-lg-1,
	.col-lg-10,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-wide-1,
	.col-lg-wide-10,
	.col-lg-wide-15,
	.col-lg-wide-2,
	.col-lg-wide-25,
	.col-lg-wide-3,
	.col-lg-wide-35,
	.col-lg-wide-4,
	.col-lg-wide-45,
	.col-lg-wide-5,
	.col-lg-wide-55,
	.col-lg-wide-6,
	.col-lg-wide-65,
	.col-lg-wide-7,
	.col-lg-wide-75,
	.col-lg-wide-8,
	.col-lg-wide-85,
	.col-lg-wide-9,
	.col-lg-wide-95 {
		float: left
	}

	.col-lg-10 {
		width: 10%
	}

	.col-lg-9 {
		width: 11.1111111%
	}

	.col-lg-8 {
		width: 12.5%
	}

	.col-lg-7 {
		width: 14.2857143%
	}

	.col-lg-6 {
		width: 16.6666667%
	}

	.col-lg-5 {
		width: 20%
	}

	.col-lg-4 {
		width: 25%
	}

	.col-lg-3 {
		width: 33.3333333%
	}

	.col-lg-2 {
		width: 50%
	}

	.col-lg-1 {
		width: 100%
	}

	.col-lg-wide-10 {
		width: 10%
	}

	.col-lg-wide-9 {
		width: 90%
	}

	.col-lg-wide-8 {
		width: 80%
	}

	.col-lg-wide-7 {
		width: 70%
	}

	.col-lg-wide-6 {
		width: 60%
	}

	.col-lg-wide-5 {
		width: 50%
	}

	.col-lg-wide-4 {
		width: 40%
	}

	.col-lg-wide-3 {
		width: 100%
	}

	.col-lg-wide-2 {
		width: 20%
	}

	.col-lg-wide-15 {
		width: 15%
	}

	.col-lg-wide-95 {
		width: 95%
	}

	.col-lg-wide-85 {
		width: 85%
	}

	.col-lg-wide-75 {
		width: 75%
	}

	.col-lg-wide-65 {
		width: 65%
	}

	.col-lg-wide-55 {
		width: 55%
	}

	.col-lg-wide-45 {
		width: 45%
	}

	.col-lg-wide-35 {
		width: 35%
	}

	.col-lg-wide-25 {
		width: 25%
	}
}

.bg-white{
	background:#fff;
}

.bg-none{
	background:transparent !important;
}

/* 弹性布局 */
.flex{
	display:flex;
}
.row{
	display:flex;
	align-items:center;
}
.row-center{
	display:flex;
	justify-content:center;
	align-items:center;
}
.row-between{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.column-center{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.wrap{
	flex-wrap: wrap;
}

.line2{
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}