body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
img {
	border: medium none;
	margin: 0;
	padding: 0;
}

body,
button,
input,
select,
textarea {
	font: 12px/1.5 'Microsoft Yahei', tahoma, Srial, helvetica, sans-serif;
}

body {
	overflow-x: hidden;
}

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

em {
	font-style: normal;
}

ul,
ol {
	list-style: none;
}

a {
	text-decoration: none;
	color: #333;
	text-decoration: none;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

a:hover {
	text-decoration: none;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

/*火狐去掉按钮、连接的虚线*/
a:focus,
a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
	border: 0;
	outline: 0;
}

input,
button,
select,
textarea {
	outline: none;
	/*-webkit-appearance:none;*/

}

textarea {

	resize: none;

}

a {
	text-decoration: none;
	color: #333;
}

a {
	blr: expression(this.onFocus=this.blur());
}

a:focus {
	outline: none;
}

a.hidefocus {
	outline: none
}

/*苹果手机按钮默认样式  去掉*/
input[type="button"],
input[type="submit"],
input[type="reset"] {

	-webkit-appearance: none;
	border-radius: 0;

}

.button {
	border-radius: 0;
}

input {
	font-family: "微软雅黑";
}

textarea {
	font-family: "微软雅黑";
}

img {
	border: 0px;
	outline-width: 0px;
	vertical-align: top;
}

.clearfix:after {
	clear: both;
	content: "\200B";
	display: block;
	height: 0;
}

.clearfix {
	*zoom: 1;
}

/*.w1100{ width:1100px; margin:0 auto;}*/
.hide {
	display: none;
}

body {
	font-family: "微软雅黑";
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
	background-color: #b3d8ff;
	border-radius: 10px;
}

::-webkit-scrollbar-track {
	background-color: transparent;
}

img {
	image-rendering: -moz-crisp-edges;
	/* Firefox */
	image-rendering: -o-crisp-edges;
	/* Opera */
	image-rendering: -webkit-optimize-contrast;
	/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
	/* IE (non-standard property) */
}


img,
a {
	user-drag: none;
	-moz-user-drag: none;
	-webkit-user-drag: none;
	-ms-user-drag: none;
	-khtml-user-drag: none;
	-o-user-drag: none;
}

.loader-wrapper {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	transition: 0.4s 0.4s ease;
	z-index: 666;
}

.loader {
	position: relative;
	display: block;
	z-index: 201;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	border-radius: 50%;
	transition: all 0.4s 0.4s ease;
	border: 3px solid transparent;
	border-top-color: #2988fe;
	-webkit-animation: spin 1s linear infinite;
	-moz-animation: spin 1s linear infinite;
	-o-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}

.loader:before {
	position: absolute;
	content: '';
	top: 6px;
	left: 6px;
	right: 6px;
	bottom: 6px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-left-color: #409eff;
	-webkit-animation: spin 1.5s linear infinite;
	-moz-animation: spin 1.5s linear infinite;
	-o-animation: spin 1.5s linear infinite;
	animation: spin 1.5s linear infinite;
}

.loader:after {
	position: absolute;
	content: '';
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-right-color: #3cc6f5;
	-webkit-animation: spin 2s linear infinite;
	-moz-animation: spin 2s linear infinite;
	-o-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

/*/ Here comes the Magic /*/

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-moz-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/* loader */
.loader-wrapper .loder-section {
	position: fixed;
	top: 0;
	width: 52%;
	height: 100%;
	background: #ecf5ff;
	z-index: 2;
}

.loader-wrapper .loder-section.left-section {
	left: 0;
	transition: 0.4s 0.5s ease;
}

.loader-wrapper .loder-section.right-section {
	right: 0;
	transition: 0.4s 0.5s ease;
}

/*/ When page loaded /*/
.loaded .loder-section.left-section {
	left: -100%;
}

.loaded .loder-section.right-section {
	right: -100%;
}

.loaded .loader-wrapper {
	visibility: hidden;
}

.loaded .loader {
	top: -100%;
	opacity: 0;
}

.loading-btn {
	display: none;
	height: 24px;
	width: auto;
	animation: turn 1s linear infinite;
	margin-right: 10px;
}

@keyframes turn {
	0% {
		-webkit-transform: rotate(0deg);
	}

	25% {
		-webkit-transform: rotate(90deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
	}

	75% {
		-webkit-transform: rotate(270deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

/* 返回顶部 */
.scroll-area {
	position: relative;
	z-index: 999;
	user-select: none;
}

.scroll-area .go-top {
	position: fixed;
	cursor: pointer;
	top: 0;
	right: 30px;
	color: #ffffff;
	background-image: -moz-linear-gradient(0deg, #2988fe 0%, #2988fe 100%);
	background-image: -webkit-linear-gradient(0deg, #2988fe 0%, #2988fe 100%);
	z-index: 9999;
	width: 45px;
	text-align: center;
	height: 45px;
	line-height: 42px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.9s ease-out 0s;
	-moz-transition: all 0.9s ease-out 0s;
	border-radius: 10px;
}

.scroll-area .go-top img {
	position: absolute;
	top: 50%;
	left: -0px;
	right: 0;
	margin: 0 auto;
	font-size: 15px;
	width: 24px;
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
}

.scroll-area .go-top i:last-child {
	opacity: 0;
	visibility: hidden;
	top: 60%;
}

.scroll-area .go-top::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-image: linear-gradient(to right, #2988fe 0%, #2988fe 100%);
	background-image: -ms-linear-gradient(0deg, #2988fe 0%, #2988fe 100%);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	border-radius: 100%;
}

.scroll-area .go-top:focus,
.scroll-area .go-top:hover {
	color: #fff;
}

.scroll-area .go-top:focus::before,
.scroll-area .go-top:hover::before {
	opacity: 1;
	visibility: visible;
}

.scroll-area .go-top:focus img:first-child,
.scroll-area .go-top:hover img:first-child {
	opacity: 0;
	top: 0;
	visibility: hidden;
}

.scroll-area .go-top:focus img:last-child,
.scroll-area .go-top:hover img:last-child {
	opacity: 1;
	visibility: visible;
	top: 50%;
}

.scroll-area .go-top.active {
	top: 95%;
	-webkit-transform: translateY(-98%);
	-moz-transform: translateY(-98%);
	opacity: 1;
	visibility: visible;
	border-radius: 0;
	right: 30px;
	border-radius: 100%;
}

.top-wrap {
	position: relative;
}

.top-wrap .go-top-button {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	top: 3px;
	z-index: 1;
	background: #2988fe;
}

.top-wrap .go-top-button i {
	font-size: 20px;
	font-weight: 700;
	padding-left: 4px;
	color: #fff;
}

.top-wrap .go-top-button::after {
	z-index: -1;
	content: '';
	position: absolute;
	left: 3px;
	top: 3px;
	width: 45px;
	height: 45px;
	-webkit-animation: ripple 1.6s ease-out infinite;
	-moz-animation: ripple 1.6s ease-out infinite;
	opacity: 0;
	background-image: -moz-linear-gradient(0deg, #2988fe 0%, #2988fe 100%);
	background-image: -webkit-linear-gradient(0deg, #2988fe 0%, #2988fe 100%);
	border-radius: 100%;
}

.top-wrap .go-top-button:hover {
	background-color: #222;
	color: #fff;
}

.scroll-area.home-two .top-wrap .go-top-button {
	background: #2988fe;
}

.scroll-area.home-two .top-wrap .go-top-button::after {
	background-image: -moz-linear-gradient(0deg, #2988fe 0%, #2988fe 100%);
	background-image: -webkit-linear-gradient(0deg, #2988fe 0%, #2988fe 100%);
}

@keyframes ripple {

	0%,
	35% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 1;
	}

	50% {
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-o-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0.8;
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(2);
		-moz-transform: scale(2);
		-ms-transform: scale(2);
		-o-transform: scale(2);
		transform: scale(2);
	}
}
/* dialog error success */
.dialog {
	position: fixed;
	top: 20px;
	left: 50%;
	z-index: 1000;
}

.dialog-box {
	display: flex;
	align-items: center;
	min-width: 380px;
	min-height: 48px;
	padding: 15px;
	border-radius: 4px;
	transform: translateX(-50%);
	transition: opacity 0.3s, transform 0.4s, top 0.4s;
}

.error .dialog-box {
	color: #f56c6c;
	background-color: #fef0f0;
	border: 1px solid #fde2e2;
}

.success .dialog-box {
	color: #67c23a;
	background-color: #f0f9eb;
	border-color: #e1f3d8;
}

.dialog-box img.dialog-left {
	width: 16px;
	height: 16px;
}

.dialog-box img.dialog-close {
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.dialog-box div {
	padding: 0 12px;
	flex: 1;
}

.over {
	overflow: hidden;
	/*超出截取*/
	text-overflow: ellipsis;
	/*添加省略号*/
	white-space: nowrap;
	/*让文本不换行，强制一行显示*/
}

.over-two {
	display: -webkit-box;
	/*设置为弹性盒子*/
	-webkit-line-clamp: 2;
	/*最多显示5行*/
	overflow: hidden;
	/*超出隐藏*/
	text-overflow: ellipsis;
	/*超出显示为省略号*/
	-webkit-box-orient: vertical;
	word-break: break-all;
	/*强制英文单词自动换行*/
}