@charset "utf-8";
/* 所有元素初始化 */
*{
	border:0px;
	margin:0px;
	padding: 0px;
	box-sizing: border-box;
	outline: none;
	list-style-type: none;
	text-decoration: none;
	/*font-size: inherit;
	font-weight: inherit;
	font-family: inherit;*/
	font: inherit;
	line-height: inherit;
	color: inherit;
	background-color: transparent;
	vertical-align: inherit;
	text-align: inherit;
}
/* rem单位参考，原大小除以100获得与px大小相同的rem单位 */
/* rem只参考根元素的font-size，即html，body设置了font-size不会影响 */
html{ font-size: 100px; background-color: #fff; }
/* 默认样式 */
body{
	font-size: 14px;
	font-weight: 400;
	font-family: 'Avenir', '微软雅黑', 'Monaco', 'Consolas', '黑体';
	font-style: normal;
	line-height: 1;
	vertical-align: baseline;
	text-align: left;
	color: #202020;
}
/* 页面高度调整 */
html{ height: 100%; }
body{ min-height: 100%; }

/* 特殊元素初始化 */
/*h1, h2, h3, h4, h5, h6, a, b, i, em, strong, font, big, small, strike, sub, sup, tt, button{}*/
/* qq浏览器内核兼容机制，为了在移动设备上，防止部分文本内容被放大字体(去除字体在手机qq浏览器中迷之放大的BUG) */
body *{ max-height: 99999999999999999999999999px; }
/* 块级img可以除去底部迷之margin，宽高auto兼容IE中设置单独宽或高，图片不会同比例缩放问题 */
img{ display: block; width: auto; height: auto; }




/* 快捷设置(个人喜好，可自行修改以下内容) */
a, button, .btn{ cursor: pointer; }
#header, #bodyer, #footer{
	display: block;
	width: 100%;
	position: relative;
}
ul:after,
#header:after,
#bodyer:after,
#footer:after{
	display: block;
	content: "";
	clear: both;
}
.clear:after{
	display: block;
	content: "";
	clear: both;
}
.ellipsis{
	word-wrap:break-word;
	word-break:break-all;
	display: -webkit-box;
	/*-webkit-line-clamp: 5;*/		/* 限制文本行数 */
}
/* PS透明背景效果 */
.bg-for-ps{
	background: -webkit-linear-gradient(bottom left, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 100%), -webkit-linear-gradient(bottom left, #eee 25%, white 25%, white 75%, #eee 75%, #eee 100%);
	background: -o-linear-gradient(bottom left, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 100%), -o-linear-gradient(bottom left, #eee 25%, white 25%, white 75%, #eee 75%, #eee 100%);
	background: linear-gradient(to top right, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 100%), linear-gradient(to top right, #eee 25%, white 25%, white 75%, #eee 75%, #eee 100%);
	background-size: 20px 20px;
	background-position: 0px 0px, 10px 10px;
}
/* 蚂蚁线效果 */
.ant-line{
	border: 1px solid transparent;
	background: linear-gradient(white,white) padding-box, repeating-linear-gradient( -45deg, currentColor 0%, currentColor 25%, white 0%, white 50%) 0 / 8.4px 8.4px;
	animation: antLine 0.5s linear infinite;
}
@keyframes antLine { to { background-position: 8.4px; } }
table{ border-spacing:0px 0px; width: 100%; text-align: center; }
table th{ font-size: 16px; font-weight: 700; }
select{
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #d3d3d5;
	/*很关键：将默认的select选择框样式清除*/
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	/*在选择框的最右侧中间显示小箭头图片*/
	/*background: url("http://www.kiccer.com/img/share/selectBox.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right center;*/
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding: 0.4285714285714286em 0.8571428571428571em;
	/*line-height: 1;*/
	line-height: calc(18.5 / 14);
	/*padding-right: 29px;*/
	padding-right: 2.571428571428571em;
}
select, input[type=date], input[type=month], input[type=datetime-local], input[type=week]{
	background-image: url("http://www.kiccer.com/img/share/selectBox.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right center;
}
select:hover, input[type=date]:hover, input[type=month]:hover, input[type=datetime-local]:hover, input[type=week]:hover{
	background-image: none;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
button, .btn{
	line-height: 1;
	text-align: center;
	padding: 0.4285714285714286em 0.8571428571428571em;
	border-radius: 0.2857142857142857em;
	user-select: none;
	border: 0.0714285714285714em solid transparent;
}
button:not([disabled]), .btn:not([disabled]){
	border-color: #ccc;
	color: #666;
}
button:not([disabled]):hover, .btn:not([disabled]):hover{
	border-color: #999;
	color: #202020;
}button:not([disabled]):active, .btn:not([disabled]):active{
	border-color: #ccc;
	color: #666;
}
button[disabled]{
	background-color: #ccc;
	color: #fff;
	cursor: auto;
}
input{
	display: inline-block;
	width: 15em;
	line-height: 1;
	border: 1px solid #ccc;
	padding: 3px 6px;
}
input:focus{
	border-color: #aaa;
}
input[type=date], input[type=month], input[type=datetime-local], input[type=time], input[type=week], input[type=reset], input[type=submit]{
	width: auto;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
h1{ font-size: 3em; }
h2{ font-size: 2.4em; }
h3{ font-size: 1.9em; }
h4{ font-size: 1.5em; }
h5{ font-size: 1.2em; }
h6{ font-size: 1em; }
/* 这么做是为了使sub 和 sup的字体最小字号不受浏览器的12px限制，以及line-height发生改变时依然不错位。 */
sub, sup{
	/*font-size: 0.5em;*/
	display: inline-block;
	margin-left: -.4em;
}
sub{
	/*vertical-align: bottom;*/
	/*transform-origin: right bottom;*/
	vertical-align: bottom;
	transform: scale(0.6) translate(0.3em, 0.35em);
}
sup{
	/*vertical-align: top;*/
	/*transform-origin: right top;*/
	vertical-align: top;
	transform: scale(0.6) translate(0.3em, -0.35em);
}
rt{ font-size: .5em; text-align: center; }
input[type=color]{
	width: 1.4em;
	height: 1.4em;
	padding: 0;
	border: 0;
	color: transparent;
	position: relative;
	top: -0.142em;
}
input[type=color]::-webkit-color-swatch-wrapper {
	border: 0.142em solid #f0f0f0;
	box-shadow: 0 0 0.071em 0.071em rgba(0,0,0,.3);
	position: relative;
	border-radius: 50%;
	/*background-image: -webkit-gradient(linear, 0 0, 100% 0,
		from(red),
		color-stop(15%, orange),
		color-stop(30%, yellow),
		color-stop(50%, green),
		color-stop(65%, darkcyan),
		color-stop(80%, blue),
		to(purple));*/
}
input[type=color]::-webkit-color-swatch {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border: 0;
	border-radius: 50%;
}
input[type=range] {
	padding: 0;
	/*width: 200px;*/
	/*height: 14px;*/
	-webkit-appearance: none;
	border-radius: 10px; /*这个属性设置使填充进度条时的图形为圆角*/
	border: 0;
}
input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
}
input[type=range]::-webkit-slider-runnable-track {
	height: 0.43em;
	border-radius: 0.2em; /*将轨道设为圆角的*/
	box-shadow: 0 1px 1px rgba(0,0,0,.1), inset 0 .125em .125em rgba(0,0,0,.26); /*轨道内置阴影效果*/
}
input[type=range]:focus {
	outline: none;
}
input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	height: 1em;
	width: 1em;
	margin-top: -0.3em; /*使滑块超出轨道部分的偏移量相等*/
	background: #ffffff;
	border-radius: 50%; /*外观设置为圆形*/
	border: 0em solid rgba(205, 224, 230, 0); /*设置边框*/
	box-shadow: 0 .125em .125em rgba(0,0,0,.45), 0 .05em .2em rgba(0,0,0,.45) inset; /*添加底部阴影*/
}
input[type=range]::-moz-range-progress {
	background: linear-gradient(to right, #059CFA, white 100%, white);
	height: 0.43em;
	border-radius: 10px;
}
input[type=range]::-ms-track {
	height: 0.43em;
	border-radius: 0.3em;
	box-shadow: 0 1px 1px rgba(0,0,0,.1), inset 0 .125em .125em rgba(0,0,0,.26);
	border-color: transparent; /*去除原有边框*/
	color: transparent; /*去除轨道内的竖线*/
}
input[type=range]::-ms-thumb {
	border: 0em solid rgba(205, 224, 230, 0); /*设置边框*/
	height: .7em;
	width: .7em;
	border-radius: 50%;
	background: #ffffff;
	margin-top: 0.01em;
	box-shadow: 0 .125em .125em rgba(0,0,0,.45), 0 .05em .2em rgba(0,0,0,.45) inset;
}
input[type=range]::-ms-fill-lower {
	/*进度条已填充的部分*/
	height: 0.43em;
	border-radius: 10px;
	background: linear-gradient(to right, #059CFA, white 100%, white);
}
input[type=range]::-ms-fill-upper {
	/*进度条未填充的部分*/
	height: 0.43em;
	border-radius: 10px;
	background: #ffffff;
}
input[type=range]:focus::-ms-fill-lower {
	background: linear-gradient(to right, #059CFA, white 100%, white);
}
input[type=range]:focus::-ms-fill-upper {
	background: #ffffff;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
input[type=number]{
	-moz-appearance: textfield;
}
input[type=checkbox], input[type=radio]{
	width: 13px;
}
label.checkbox input[type=checkbox]{
	display: none;
}
label.checkbox input[type=checkbox]+span{
	display: inline-block;
	width: 0.9em;
	height: 0.9em;
	border: 0.071em solid #ccc;
	border-radius: 0.214em;
	/*overflow: hidden;*/
}
label.checkbox input[type=checkbox]+span>i:before{
	content: "✔";
	font-size: 0.8em;
	position: relative;
	top: -0.2em;
	left: 0.1em;
	color: #666;
	font-weight: bold;
}
label.checkbox input[type=checkbox]+span>i{
	/*display: none;*/
	opacity: 0;
}
label.checkbox input[type=checkbox]:checked+span>i{
	/*display: inline;*/
	opacity: 1;
}
label.radio input[type=radio]{
	display: none;
}
label.radio input[type=radio]+span{
	display: inline-block;
	width: 0.9em;
	height: 0.9em;
	border: 0.071em solid #ccc;
	border-radius: 50%;
	position: relative;
}
label.radio input[type=radio]+span>i{
	display: block;
	color: #666;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: currentColor;
	border-radius: 50%;
	transform-origin: center center;
	transform: scale(0);
}
label.radio input[type=radio]:checked+span>i{
	transform: scale(0.6);
}
