.trans {
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}

.trans2 {
	-webkit-transition: all .4s cubic-bezier(1,0,0,1);
	-o-transition: all .4s cubic-bezier(1,0,0,1);
	transition: all .4s cubic-bezier(1,0,0,1)
}

.trans-md {
	-webkit-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s
}

.trans-md2 {
	-webkit-transition: all .8s cubic-bezier(1,0,0,1);
	-o-transition: all .8s cubic-bezier(1,0,0,1);
	transition: all .8s cubic-bezier(1,0,0,1)
}

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

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

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

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

.anim-loader {
	-webkit-animation: loader 1.5s linear infinite;
	animation: loader 1.5s linear infinite
}

@-webkit-keyframes fade_out {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes fade_out {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.anim-fade-out {
	-webkit-animation: fade_out .5s ease forwards;
	animation: fade_out .5s ease forwards
}

@-webkit-keyframes fade_in {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fade_in {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.anim-fade-in {
	-webkit-animation: fade_in .5s ease forwards;
	animation: fade_in .5s ease forwards
}

@-webkit-keyframes scroll_tip_icon {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes scroll_tip_icon {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}



footer,header,main,nav,section {
	position: relative
}

img {
	vertical-align: middle
}
span {
	display: inline-block;
	color: inherit
}


.select {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
	cursor: text
}


main {
	width: 100%;
	height: auto
}

@-webkit-keyframes mk_scale {
	0% {
		-webkit-transform: scale(.8);
		transform: scale(.8);
		opacity: 0
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@keyframes mk_scale {
	0% {
		-webkit-transform: scale(.8);
		transform: scale(.8);
		opacity: 0
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@-webkit-keyframes mk_fade {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes mk_fade {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes mk_left_to_right {
	0% {
		-webkit-transform: translate(-30px,0);
		transform: translate(-30px,0);
		opacity: 0
	}

	100% {
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
		opacity: 1
	}
}

@keyframes mk_left_to_right {
	0% {
		-webkit-transform: translate(-30px,0);
		transform: translate(-30px,0);
		opacity: 0
	}

	100% {
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
		opacity: 1
	}
}

@-webkit-keyframes mk_right_to_left {
	0% {
		-webkit-transform: translate(30px,0);
		transform: translate(30px,0);
		opacity: 0
	}

	100% {
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
		opacity: 1
	}
}

@keyframes mk_right_to_left {
	0% {
		-webkit-transform: translate(30px,0);
		transform: translate(30px,0);
		opacity: 0
	}

	100% {
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
		opacity: 1
	}
}

@-webkit-keyframes mk_bottom_to_top {
	0% {
		-webkit-transform: translateY(30px);
		transform: translateY(30px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

@keyframes mk_bottom_to_top {
	0% {
		-webkit-transform: translateY(30px);
		transform: translateY(30px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes mk_top_to_bottom {
	0% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

@keyframes mk_top_to_bottom {
	0% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes mk_mask_text {
	0%,51% {
		color: transparent
	}

	100% {
		color: inherit
	}
}

@keyframes mk_mask_text {
	0%,51% {
		color: transparent
	}

	100% {
		color: inherit
	}
}

@-webkit-keyframes mk_mask_after {
	0% {
		visibility: visible;
		-webkit-transform: scale(0,1);
		transform: scale(0,1);
		-webkit-transform-origin: 0;
		transform-origin: 0;
		z-index: 1
	}

	50% {
		visibility: visible;
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		-webkit-transform-origin: 0;
		transform-origin: 0;
		z-index: 1
	}

	51% {
		visibility: visible;
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		-webkit-transform-origin: 100%;
		transform-origin: 100%;
		z-index: 1
	}

	100% {
		visibility: hidden;
		-webkit-transform: scale(0,1);
		transform: scale(0,1);
		-webkit-transform-origin: 100%;
		transform-origin: 100%;
		z-index: 1
	}
}

@keyframes mk_mask_after {
	0% {
		visibility: visible;
		-webkit-transform: scale(0,1);
		transform: scale(0,1);
		-webkit-transform-origin: 0;
		transform-origin: 0;
		z-index: 1
	}

	50% {
		visibility: visible;
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		-webkit-transform-origin: 0;
		transform-origin: 0;
		z-index: 1
	}

	51% {
		visibility: visible;
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		-webkit-transform-origin: 100%;
		transform-origin: 100%;
		z-index: 1
	}

	100% {
		visibility: hidden;
		-webkit-transform: scale(0,1);
		transform: scale(0,1);
		-webkit-transform-origin: 100%;
		transform-origin: 100%;
		z-index: 1
	}
}

@-webkit-keyframes mk_thumb {
	0% {
		-webkit-transform: translateY(20px) scale(.8);
		transform: translateY(20px) scale(.8);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0) scale(1);
		transform: translateY(0) scale(1);
		opacity: 1
	}
}

@keyframes mk_thumb {
	0% {
		-webkit-transform: translateY(20px) scale(.8);
		transform: translateY(20px) scale(.8);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0) scale(1);
		transform: translateY(0) scale(1);
		opacity: 1
	}
}

@-webkit-keyframes mk_thumb_img {
	0% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes mk_thumb_img {
	0% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.cssanimations .anim_emt {
	visibility: hidden
}

.cssanimations .anim_emt.visb {
	visibility: visible
}

.anim_emt .mask,.anim_emt.mask {
	position: relative;
	line-height: 1
}

.anim_emt .mask:after,.anim_emt.mask:after {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ff8707;
	visibility: hidden
}

.anim_emt.mask.start,.anim_emt.start .mask {
	-webkit-animation: mk_mask_text .8s cubic-bezier(1,0,0,1);
	animation: mk_mask_text .8s cubic-bezier(1,0,0,1)
}

.anim_emt.mask.start:after,.anim_emt.start .mask:after {
	-webkit-animation: mk_mask_after .8s cubic-bezier(1,0,0,1);
	animation: mk_mask_after .8s cubic-bezier(1,0,0,1)
}

.slide_split,.split {
	text-rendering: optimizeSpeed;
	visibility: hidden
}

.slide_split.visb,.split.visb {
	visibility: visible
}

.slide_split .spt>div,.split .spt>div {
	display: inline-block;
	visibility: hidden
}

.slide_split .spt>div:after,.split .spt>div:after {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ff8707;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	z-index: -1;
	visibility: hidden
}

.slide_split .spt.visb>div,.split .spt.visb>div {
	visibility: visible
}

.slide_split .spt.start>div,.split .spt.start>div {
	-webkit-animation: mk_mask_text .8s cubic-bezier(1,0,0,1) both;
	animation: mk_mask_text .8s cubic-bezier(1,0,0,1) both
}

.slide_split .spt.start>div:after,.split .spt.start>div:after {
	-webkit-animation: mk_mask_after .8s cubic-bezier(1,0,0,1) backwards;
	animation: mk_mask_after .8s cubic-bezier(1,0,0,1) backwards
}

.anim_emt.start.scale_up {
	-webkit-animation: mk_scale .8s;
	animation: mk_scale .8s
}

.anim_emt.start.fade_in {
	-webkit-animation: mk_fade .8s;
	animation: mk_fade .8s
}

.anim_emt.start.r_to_l {
	-webkit-animation: mk_right_to_left .8s;
	animation: mk_right_to_left .8s
}

.anim_emt.start.l_to_r {
	-webkit-animation: mk_left_to_right .8s;
	animation: mk_left_to_right .8s
}

.anim_emt.start.t_to_b,.slide_anim_emt.start.t_to_b {
	-webkit-animation: mk_top_to_bottom .8s;
	animation: mk_top_to_bottom .8s
}

.anim_emt.start.b_to_t,.slide_anim_emt.start.b_to_t {
	-webkit-animation: mk_bottom_to_top .8s;
	animation: mk_bottom_to_top .8s
}

.hide {
	display: none!important
}

.show {
	display: block!important
}

.visb {
	visibility: visible
}

.invisible {
	visibility: hidden
}