@charset "UTF-8";
/* CSS Document */
*{
	margin: 0 auto;
}
/*1.清除默认样式*/
/*html*/
html {
	color: #000;
	background: #fff;
}

/*body*/
body {
	font: 14px/1.5 "Microsoft Yahei", Tahoma, Arial, Helvetica, sans-serif;
	word-break: break-all;
	word-wrap: break-word;
	min-width: 1200px;
}

body {
	width: 100%;
}

body {
	width: 100vw;
	overflow: hidden;
}

/*内外边距*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
select,
th,
td {
	margin: 0;
	padding: 0
}

/*处理滚动条*/
html {
	overflow-y: scroll;
}

:root {
	overflow-y: auto;
	overflow-x: hidden;
}

:root body {
	position: absolute;
}

/*h1-h6*/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
}

button,
input,
select,
textarea {
	font-size: 100%
}

button {
	cursor: pointer;
}

/*ul,ol*/
ul,
ol {
	list-style: none;
}

/*a链接*/
a {
	text-decoration: none;
	color: #333;
}

a:hover {
	text-decoration: none;
}

/*img*/
img {
	border: none;
	vertical-align: middle
}

/*p em strong small*/
p {
	word-wrap: break-word
}

em,
i {
	font-style: normal
}

/*b,strong,th*/
b,
strong,
th {
	/* font-weight: normal; */
}

small {
	font-size: 12px
}

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

/*input select button框*/
input,
select,
button {
	background: none;
	border: none;
	outline: none;
	vertical-align: middle;
	/* google */
	/* -webkit-appearance: none; */
	/* firefox */
	/* -moz-appearance: none; */
	/* IE */
	/* appearance: none; */
}

input[type=button],
input[type=text],
input[type=password] {
	-webkit-appearance: none;
	outline: none
}

/*-用于IOS下移除原生样式*/
select {
	/* -webkit-appearance: none; */
	outline: none
}

/*-用于IOS下移除原生样式*/
/*textarea*/
textarea {
	resize: none;
}

/*2.公共样式（公共类名）*/
/*清浮动*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.clear {
	clear: both;
}

/*闭合浮动*/
.clearDiv {
	clear: both;
	height: 0;
	font-size: 0;
	overflow: hidden;
}

/*左右浮动*/
.fl {
	float: left;
}

.fr {
	float: right;
}

/*有效区外框*/
.wrap {
	width: 100%;
}

/*有效区主体*/
.main {
	margin: 0 auto;
	width: 1200px;
}

/*隐藏*/
.overflow {
	overflow: hidden
}

.hide {
	display: none
}

/*块*/
.block {
	display: block
}

.inline {
	display: inline
}

.inl-block {
	display: inline-block
}

/*文字处理*/
.wordwrap {
	word-break: break-all;
	word-wrap: break-word
}

/*强制不换行*/
.w-s-n {
	white-space: nowrap;
}

/*移除右边框*/
.b-r-0 {
	border-right: 0 !important;
}

/*移除右外边距*/
.m-r-0 {
	margin-right: 0 !important;
}

.m-b-0 {
	margin-bottom: 0 !important;
}

/*链接*/
.linear-link {
	text-align: center;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	/* Safari 5.1 - 6.0 */
	background: -webkit-linear-gradient(#4472ff, #6825fb);
	/* Opera 11.1 - 12.0 */
	background: -o-linear-gradient(#4472ff, #6825fb);
	/* Firefox 3.6 - 15 */
	background: -moz-linear-gradient(#4472ff, #6825fb);
	/* 标准的语法 默认由上到下 */
	background: linear-gradient(#4472ff, #6825fb);
}

.linear-link:hover {
	color: #f12727;
}

/*二维码*/
.qrcode-img {
	display: block;
	width: 100%;
	height: 100%;
}

/*自定义字体*/
.zg-h {
	line-height: 1;
	text-align: center;
}

/*动画循环*/
.ani-loop {
	animation-iteration-count: infinite;
}
