*,:after,:before {
	box-sizing: inherit;
	background-repeat: no-repeat
}

* {
	margin: 0;
	padding: 0
}

html {
	-webkit-text-size-adjust: 100%
}

body {
	font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,Microsoft JhengHei,Source Han Sans SC,Noto Sans CJK SC,Source Han Sans CN,Noto Sans SC,Source Han Sans TC,Noto Sans CJK TC,WenQuanYi Micro Hei,SimSun,sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #2c2d31;
	background-color: #f9f9f9;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 400
}

details,main {
	display: block
}

pre {
	font-family: Monaco,Menlo,Consolas,Courier New,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,monospace;
	font-size: 1em
}

a {
	color: inherit;
	text-decoration: none;
	background-color: transparent
}

hr {
	box-sizing: content-box;
	height: 0;
	border: 0;
	border-bottom: 1px solid;
	overflow: visible
}

abbr[title] {
	border-bottom: none;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,strong {
	font-weight: bolder
}

code,kbd,samp {
	font-family: monospace,monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

summary {
	display: list-item
}[hidden],template {
	display: none
}

iframe {
	border: 0
}

ul {
	list-style: none
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	color: #aaa
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
	color: #aaa
}

input:-moz-placeholder,input::-moz-placeholder,textarea:-moz-placeholder,textarea::-moz-placeholder {
	color: #aaa
}[tabindex],select:focus {
	outline: none
}[tabindex="-1"] {
	-webkit-tap-highlight-color: transparent
}

input,input:active,input:focus {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text
}

button,input,optgroup,select,textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: inherit
}

label {
	cursor: pointer
}

button,input {
	overflow: visible
}

button,select {
	text-transform: none
}[type=button],[type=reset],[type=submit],button {
	-webkit-appearance: button
}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
	border-style: none
}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
	outline: 1px dotted ButtonText
}

legend {
	color: inherit;
	display: table;
	max-width: 100%;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
	height: auto
}[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

img {
	border-style: none
}

audio,embed,iframe,img,object,video {
	max-width: 100%
}

table {
	border-collapse: collapse
}

td,th {
	padding: .6em .75em
}

@keyframes rotate {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(1turn)
	}
}

@keyframes fade-in {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes icon-loading-in {
	0% {
		width: 0;
		opacity: 0;
		margin-right: 0;
		margin-left: 0
	}

	to {
		width: 1em;
		opacity: 1;
		margin-right: 5px;
		margin-left: 5px
	}
}

.animation-loading-in {
	animation: icon-loading-in 3s .5s both,rotate 2.5s linear infinite
}

.loading-circle {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: -.15em;
	border: .15em solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	position: relative
}

.loading-circle.animate {
	animation: rotate 1s linear infinite
}

@keyframes loading-dots {
	0% {
		opacity: 0;
		transform: translateX(-20px) scale(.6);
		animation-timing-function: linear
	}

	15% {
		opacity: 1;
		transform: translateX(-16px) scale(.8);
		animation-timing-function: linear
	}

	50% {
		transform: translateX(0);
		animation-timing-function: linear
	}

	85% {
		opacity: 1;
		transform: translateX(16px) scale(.8);
		animation-timing-function: linear
	}

	to {
		opacity: 0;
		transform: translateX(20px) scale(.6)
	}
}

.loading-dots {
	position: relative;
	width: 100%
}

.loading-dots.animate i {
	animation: loading-dots 1.5s infinite both
}

.loading-dots.animate i:first-child {
	animation-delay: -1.25s
}

.loading-dots.animate i:nth-child(2) {
	animation-delay: -.75s
}

.loading-dots.animate i:nth-child(3) {
	animation-delay: -.25s
}

.loading-dots i {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -6px;
	margin-left: -6px
}

.loading-dots i:first-child {
	background-color: #576b96;
	transform: translateX(16px) scale(.8)
}

.loading-dots i:nth-child(2) {
	background-color: #28a745
}

.loading-dots i:nth-child(3) {
	background-color: #519ff1;
	transform: translateX(-16px) scale(.8)
}

.loading-cover {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: hsla(0,0%,100%,.8);
	z-index: 2000;
	animation: fade-in .4s both;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.loading-cover.local {
	z-index: auto
}

html.no-flex .loading {
	display: block
}

html.no-flex .loading .loading-dialog {
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -21px
}

@keyframes spinner {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.spinner {
	background: url(../fonts/5eb25ffc5196498fbf4b986f4a278db5.woff) no-repeat 50%;
	background-size: contain
}

.spinner-adobe {
	background: url(data:image/gif;
	base64,R0lGODlhGAAYAJEAAP///9nZ2SF1yP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQFKAADACwAAAAAGAAYAAACQJSPoxPtj6JY7FmZlr3Y0A11kwY24qiUpvipZ1u+ZMzOIIXn+s73/g/0qQKw4c1mtBSTjyWz4XxGmdNk1XgdXgsAIfkEBSgAAwAsAAAAABgACgAAAiKMj6Mj7Y9iWOxZmZa92NANdZMGNuKolKb4qWdbvmTMzmABACH5BAUoAAMALA4AAAAKABgAAAIYjI+py+0PYxu02ouztqL7D4biSJbmiZIFACH5BAkoAAMALAAAAAAYABgAAAI0nI+py+0Po5y02ouz3rw/AYYiEpTmKaYCebbqeLTuC7JySdfxjef2nVvteMGfrDgE+pKyAgA7) no-repeat 50%;background-size: contain
}

.a-rotate {
	animation: rotate 1.5s linear infinite
}

@keyframes dotting {
	25% {
		border-color: transparent;
		background-color: transparent
	}

	50% {
		border-right-color: transparent;
		background-color: transparent
	}

	75% {
		border-right-color: transparent
	}
}

.dotting {
	display: inline-block;
	width: 10px;
	height: 2px;
	padding: 0 2px;
	border-left: 2px solid currentColor;
	border-right: 2px solid currentColor;
	background-color: currentColor;
	background-clip: content-box;
	animation: dotting 1s step-start infinite both
}

.v-enter-active,.v-leave-active {
	transition: opacity .4s
}

.v-enter-to,.v-leave {
	opacity: 1
}

.v-enter,.v-leave-to {
	opacity: 0
}

.fade-up-enter-active {
	transition: all .3s
}

.fade-up-leave-active {
	transition: all .15s
}

.fade-up-leave-to {
	opacity: 0;
	transform: translateY(10px)
}

.fade-up-enter {
	transform: translateY(30px);
	opacity: 0
}

.scale-enter-to {
	transform: none
}

.scale-enter,.scale-leave-to {
	transform: scale(0)
}

.scale-enter-active,.scale-leave-active {
	transition: all .2s
}

.route-enter,.route-leave-active {
	opacity: 0
}

.route-enter-to {
	opacity: 1
}

.route-enter-active {
	transition: opacity .15s
}

.popover-enter-active {
	transition: transform .25s,opacity .15s
}

.popover-leave-active {
	transition: transform .15s,opacity .15s
}

.popover-enter,.popover-leave-to {
	opacity: 0;
	transform: translateY(10px)
}

.btn {
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .3em .8em;
	border-radius: 0;
	transition: all .2s ease-in-out;
	font-weight: 500;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background: transparent
}

.btn:active,.btn:focus,.btn:hover {
	outline: 0
}

.btn:disabled {
	opacity: .5;
	cursor: default;
	box-shadow: none
}

.btn-primary {
	color: #fff;
	background-color: #576b96;
	border-color: #576b96;
	box-shadow: none
}

.btn-primary:focus,.btn-primary:hover {
	color: #fff;
	background-color: #4b5d82;
	border-color: #4b5d82
}

.btn-primary:disabled {
	background-color: #576b96;
	border-color: #576b96
}

.btn-primary:active {
	color: #fff;
	background-color: #3f4e6d;
	border-color: #3f4e6d;
	box-shadow: 0 2px 15px #ddd,inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-danger {
	color: #fff;
	background-color: #519ff1;
	border-color: #519ff1;
	box-shadow: none
}

.btn-danger:focus,.btn-danger:hover {
	color: #fff;
	background-color: #f91818;
	border-color: #f91818
}

.btn-danger:disabled {
	background-color: #519ff1;
	border-color: #519ff1
}

.btn-danger:active {
	color: #fff;
	background-color: #f00606;
	border-color: #f00606;
	box-shadow: 0 2px 15px #ddd,inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-alt {
	color: #fff;
	background-color: #313d4f;
	border-color: #313d4f;
	box-shadow: none
}

.btn-alt:focus,.btn-alt:hover {
	color: #fff;
	background-color: #212a36;
	border-color: #212a36
}

.btn-alt:disabled {
	background-color: #313d4f;
	border-color: #313d4f
}

.btn-alt:active {
	color: #fff;
	background-color: #12161d;
	border-color: #12161d;
	box-shadow: 0 2px 15px #ddd,inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-info {
	color: #fff;
	background-color: #5b99ee;
	border-color: #5b99ee;
	box-shadow: none
}

.btn-info:focus,.btn-info:hover {
	color: #fff;
	background-color: #458bec;
	border-color: #458bec
}

.btn-info:disabled {
	background-color: #5b99ee;
	border-color: #5b99ee
}

.btn-info:active {
	color: #fff;
	background-color: #2e7de9;
	border-color: #2e7de9;
	box-shadow: 0 2px 15px #ddd,inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-success {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
	box-shadow: none
}

.btn-success:focus,.btn-success:hover {
	color: #fff;
	background-color: #218b3a;
	border-color: #218b3a
}

.btn-success:disabled {
	background-color: #28a745;
	border-color: #28a745
}

.btn-success:active {
	color: #fff;
	background-color: #1b6f2e;
	border-color: #1b6f2e;
	box-shadow: 0 2px 15px #ddd,inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-warning {
	color: #fff;
	background-color: #fc7b34;
	border-color: #fc7b34;
	box-shadow: none
}

.btn-warning:focus,.btn-warning:hover {
	color: #fff;
	background-color: #fc6a1a;
	border-color: #fc6a1a
}

.btn-warning:disabled {
	background-color: #fc7b34;
	border-color: #fc7b34
}

.btn-warning:active {
	color: #fff;
	background-color: #f75a04;
	border-color: #f75a04;
	box-shadow: 0 2px 15px #ddd,inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-danger-soft {
	color: #000;
	background-color: #faebeb;
	border-color: #faebeb;
	box-shadow: none
}

.btn-danger-soft:focus,.btn-danger-soft:hover {
	color: #000;
	background-color: #f7e1e1;
	border-color: #f7e1e1
}

.btn-danger-soft:disabled {
	background-color: #faebeb;
	border-color: #faebeb
}

.btn-danger-soft:active {
	color: #000;
	background-color: #f5d7d7;
	border-color: #f5d7d7;
	box-shadow: 0 2px 15px #ddd,inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-white {
	color: #2c2d31;
	background-color: #fff;
	border-color: #fff;
	box-shadow: none
}

.btn-white:focus,.btn-white:hover {
	color: #2c2d31;
	background-color: #fafafa;
	border-color: #fafafa
}

.btn-white:disabled {
	background-color: #fff;
	border-color: #fff
}

.btn-white:active {
	color: #2c2d31;
	background-color: #f5f5f5;
	border-color: #f5f5f5;
	box-shadow: 0 2px 15px #ddd,inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-secondary {
	color: #2c2d31;
	background-color: #f4f6f7;
	border-color: #f4f6f7;
	box-shadow: none
}

.btn-secondary:focus,.btn-secondary:hover {
	color: #2c2d31;
	background-color: #edf0f2;
	border-color: #edf0f2
}

.btn-secondary:disabled {
	background-color: #f4f6f7;
	border-color: #f4f6f7
}

.btn-secondary:active {
	color: #2c2d31;
	background-color: #e6ebed;
	border-color: #e6ebed;
	box-shadow: 0 2px 15px #ddd,inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-light {
	color: #2c2d31;
	background-color: #f4f6f7;
	border-color: #e6e6e6;
	box-shadow: none
}

.btn-light:focus,.btn-light:hover {
	color: #2c2d31;
	background-color: #edf0f2;
	border-color: #e0e0e0
}

.btn-light:disabled {
	background-color: #f4f6f7;
	border-color: #e6e6e6
}

.btn-light:active {
	color: #2c2d31;
	background-color: #e6ebed;
	border-color: #dadada;
	box-shadow: 0 2px 15px #ddd,inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-main,.btn-main-o {
	width: 100%;
	font-size: 16px;
	padding: .5em 1em;
	border-radius: 21.6px
}

.btn-main {
	color: #fff;
	background-color: #576b96;
	border-color: #576b96;
	box-shadow: none;
	box-shadow: 0 2px 20px rgba(87,107,150,.5)
}

.btn-main:focus,.btn-main:hover {
	color: #fff;
	background-color: #4b5d82;
	border-color: #4b5d82
}

.btn-main:disabled {
	background-color: #576b96;
	border-color: #576b96
}

.btn-main:active {
	color: #fff;
	background-color: #3f4e6d;
	border-color: #3f4e6d;
	box-shadow: 0 2px 15px #ddd,inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-main-o {
	color: #576b96;
	background-color: #fff;
	border-color: #576b96;
	box-shadow: none
}

.btn-main-o:focus,.btn-main-o:hover {
	color: #576b96;
	background-color: #fafafa;
	border-color: #536690
}

.btn-main-o:disabled {
	background-color: #fff;
	border-color: #576b96
}

.btn-main-o:active {
	color: #576b96;
	background-color: #f5f5f5;
	border-color: #506289;
	box-shadow: 0 2px 15px #ddd,inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-o {
	color: #2c2d31;
	background-color: #fff;
	border-color: #ddd;
	box-shadow: none
}

.btn-o:focus,.btn-o:hover {
	color: #2c2d31;
	border-color: #d8d8d8
}

.btn-o:disabled {
	border-color: #ddd
}

.btn-o:active {
	color: #2c2d31;
	background-color: #f5f5f5;
	border-color: #d3d3d3;
	box-shadow: 0 2px 15px #ddd,inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-o:focus,.btn-o:hover {
	background-color: #fafafa;
	border-color: #e1e1e1
}

.btn-o:focus:active,.btn-o:hover:active {
	background-color: #f5f5f5;
	border-color: #dcdcdc
}

.btn-o:disabled {
	background-color: #fff
}

.btn-o.c-primary {
	border-color: #576b96
}

.btn-o.c-primary:focus,.btn-o.c-primary:hover {
	color: #4c5d83;
	border-color: #4c5d83
}

.btn-o.c-primary:active {
	color: #414f6f;
	border-color: #414f6f
}

.btn-o.c-secondary {
	border-color: #519ff1
}

.btn-o.c-secondary:focus,.btn-o.c-secondary:hover {
	color: #f91414;
	border-color: #f91414
}

.btn-o.c-secondary:active {
	color: #e90606;
	border-color: #e90606
}

.btn-o.c-alt {
	border-color: #313d4f
}

.btn-o.c-alt:focus,.btn-o.c-alt:hover {
	color: #252e3c;
	border-color: #252e3c
}

.btn-o.c-alt:active {
	color: #1a2029;
	border-color: #1a2029
}

.btn-o.c-success {
	border-color: #28a745
}

.btn-o.c-success:focus,.btn-o.c-success:hover {
	color: #228e3b;
	border-color: #228e3b
}

.btn-o.c-success:active {
	color: #1c7631;
	border-color: #1c7631
}

.btn-o.c-info {
	border-color: #5b99ee
}

.btn-o.c-info:focus,.btn-o.c-info:hover {
	color: #3f88eb;
	border-color: #3f88eb
}

.btn-o.c-info:active {
	color: #2477e8;
	border-color: #2477e8
}

.btn-o.c-warning {
	border-color: #fc7b34
}

.btn-o.c-warning:focus,.btn-o.c-warning:hover {
	color: #fc6716;
	border-color: #fc6716
}

.btn-o.c-warning:active {
	color: #ef5704;
	border-color: #ef5704
}

.btn-o.c-danger {
	border-color: #519ff1
}

.btn-o.c-danger:focus,.btn-o.c-danger:hover {
	color: #f91414;
	border-color: #f91414
}

.btn-o.c-danger:active {
	color: #e90606;
	border-color: #e90606
}

.btn-tiny {
	padding: .1em .4em
}

.btn-sm {
	padding: .2em .6em
}

.btn-md {
	padding: .5em 1em
}

.btn-lg {
	padding: .7em 1.2em
}

.input,.select {
	width: 100%;
	padding: .6em .8em;
	font-size: inherit;
	border: 1px solid #e6e6e6;
	transition: all .15s;
	background-color: transparent;
	position: relative;
	z-index: 2
}

.input:focus,.select:focus {
	border-color: #ddd;
	outline: 0
}

.input.error,.select.error {
	border-color: #ebadad
}

.input.error:focus,.select.error:focus {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(250,50,50,.6)
}

.input.success,.select.success {
	border-color: #d6f5dd
}

.input.ghost,.select.ghost {
	border-color: transparent;
	box-shadow: none;
	border-radius: 0
}

.input:disabled,.select:disabled {
	opacity: .5
}

input[type=number].input {
	-moz-appearance: textfield
}

input[type=number].input::-webkit-inner-spin-button,input[type=number].input::-webkit-outer-spin-button {
	-webkit-appearance: none!important;
	margin: 0
}

.select {
	-webkit-appearance: none;
	padding-right: 30px
}

.file {
	position: relative;
	overflow: hidden;
	cursor: pointer
}

.file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
	filter: alpha(opacity=0);
	opacity: 0;
	cursor: pointer;
	display: block
}

.ctrl-wrap {
	position: relative
}

.ctrl-wrap[data-suffix]:after {
	content: attr(data-suffix);
	position: absolute;
	right: 0;
	top: 0;
	padding: .6em .8em;
	color: #d4d4d4
}

.ctrl-wrap[data-prefix]:before {
	content: attr(data-prefix);
	position: absolute;
	left: 0;
	top: 0;
	padding: .6em .8em;
	color: #d4d4d4
}

.input-prefix,.input-suffix {
	position: absolute;
	top: 0;
	padding: .6em .8em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	border: 1px solid transparent;
	background-clip: padding-box
}

.input-prefix.interaction,.input-suffix.interaction {
	pointer-events: inherit;
	z-index: 3
}

.input-suffix {
	right: 0
}

@keyframes dm-bounceIn {
	0% {
		transform: scale(0)
	}

	75% {
		transform: scale(1.1)
	}

	to {
		transform: scale(1)
	}
}

.check-tag .dummy-check {
	display: none
}

.check-tag input[type=checkbox],.check-tag input[type=radio] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	border: 0;
	overflow: hidden
}

body:hover .check-tag input[type=checkbox] a,body:hover .check-tag input[type=checkbox] button,body:hover .check-tag input[type=checkbox] input,body:hover .check-tag input[type=radio] a,body:hover .check-tag input[type=radio] button,body:hover .check-tag input[type=radio] input {
	display: none!important
}

.check-tag input[type=checkbox]:checked~label,.check-tag input[type=radio]:checked~label {
	color: #fff;
	background-color: #576b96;
	border-color: #576b96
}

.check-tag input[type=checkbox]~label,.check-tag input[type=radio]~label {
	border: 1px solid #e6e6e6;
	background-color: #f4f6f7;
	transition: all .15s
}

.dummy-check {
	position: relative;
	display: inline-block;
	transition: border-color .2s,background-color .1s
}

.dummy-check:after {
	content: "";
	display: block;
	position: absolute;
	visibility: hidden
}

input:checked~.dummy-check:after {
	visibility: visible;
	animation: dm-bounceIn .2s
}

input:disabled~.dummy-check {
	opacity: .5
}

.check-c-o input[type=checkbox],.check-c-o input[type=radio],.check-c input[type=checkbox],.check-c input[type=radio],.check-square input[type=checkbox],.check-square input[type=radio],.radio-c input[type=checkbox],.radio-c input[type=radio] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	border: 0;
	overflow: hidden
}

body:hover .check-c-o input[type=checkbox] a,body:hover .check-c-o input[type=checkbox] button,body:hover .check-c-o input[type=checkbox] input,body:hover .check-c-o input[type=radio] a,body:hover .check-c-o input[type=radio] button,body:hover .check-c-o input[type=radio] input,body:hover .check-c input[type=checkbox] a,body:hover .check-c input[type=checkbox] button,body:hover .check-c input[type=checkbox] input,body:hover .check-c input[type=radio] a,body:hover .check-c input[type=radio] button,body:hover .check-c input[type=radio] input,body:hover .check-square input[type=checkbox] a,body:hover .check-square input[type=checkbox] button,body:hover .check-square input[type=checkbox] input,body:hover .check-square input[type=radio] a,body:hover .check-square input[type=radio] button,body:hover .check-square input[type=radio] input,body:hover .radio-c input[type=checkbox] a,body:hover .radio-c input[type=checkbox] button,body:hover .radio-c input[type=checkbox] input,body:hover .radio-c input[type=radio] a,body:hover .radio-c input[type=radio] button,body:hover .radio-c input[type=radio] input {
	display: none!important
}

.check-c-o input[type=checkbox]:checked~.dummy-check,.check-c-o input[type=radio]:checked~.dummy-check,.check-c input[type=checkbox]:checked~.dummy-check,.check-c input[type=radio]:checked~.dummy-check,.check-square input[type=checkbox]:checked~.dummy-check,.check-square input[type=radio]:checked~.dummy-check {
	background-color: currentColor;
	border-color: currentColor
}

.check-c-o .dummy-check,.check-c .dummy-check,.check-square .dummy-check {
	border: 1px solid #ccc
}

.check-c-o .dummy-check:after,.check-c .dummy-check:after,.check-square .dummy-check:after {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath stroke='%23fff' stroke-width='10' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M18 47l23 23 41-43'/%3E%3C/svg%3E") no-repeat 50%;
	background-size: contain
}

.check-square .dummy-check {
	width: 1em;
	height: 1em;
	border-radius: 3px;
	vertical-align: -.15em
}

.check-c .dummy-check {
	width: 1.2em;
	height: 1.2em;
	border-radius: 50%;
	vertical-align: -.25em
}

.check-c .dummy-check:after {
	background-size: 90% auto
}

.check-c-o input[type=checkbox]:checked~.dummy-check,.check-c-o input[type=radio]:checked~.dummy-check {
	background-color: transparent
}

.check-c-o .dummy-check {
	width: 1.2em;
	height: 1.2em;
	border-radius: 50%;
	vertical-align: -.25em
}

.check-c-o .dummy-check.c-success:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath stroke='%2328a745' stroke-width='10' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M18 47l23 23 41-43'/%3E%3C/svg%3E")
}

.check-c-o .dummy-check:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath stroke='%23576B96' stroke-width='10' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M18 47l23 23 41-43'/%3E%3C/svg%3E");
	background-size: 90% auto
}

.radio-c .dummy-check {
	width: 17px;
	height: 17px;
	border-radius: 50%;
	vertical-align: -4px;
	border: 1px solid #ccc
}

.radio-c .dummy-check:after {
	width: 9px;
	height: 9px;
	left: 3px;
	top: 3px;
	border-radius: 50%;
	background-color: currentColor
}

.check-switch input[type=checkbox] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	border: 0;
	overflow: hidden
}

body:hover .check-switch input[type=checkbox] a,body:hover .check-switch input[type=checkbox] button,body:hover .check-switch input[type=checkbox] input {
	display: none!important
}

.check-switch input[type=checkbox]:checked~.dummy-check {
	background-color: #576b96
}

.check-switch input[type=checkbox]:checked~.dummy-check:after {
	left: 19px
}

.check-switch input[type=checkbox]~.dummy-check {
	display: inline-block;
	width: 42px;
	height: 24px;
	border-radius: 12px;
	border: 1px solid #ddd;
	position: relative;
	transition: all .4s;
	cursor: pointer
}

.check-switch input[type=checkbox]~.dummy-check:after {
	content: "";
	display: block;
	position: absolute;
	width: 22px;
	height: 22px;
	left: 1px;
	border-radius: 50%;
	box-shadow: 1px 1px 1px #999;
	background: #fff;
	transition: all .4s
}

input[type=date].like-text,select.like-text {
	-webkit-appearance: none;
	border: none;
	outline: none
}

.table {
	width: 100%
}

.table td,.table th {
	border: 1px solid #e6e6e6
}

.table.even-color .tbr:nth-child(2n+3),.table.even-color tr:nth-child(2n+3) {
	background-color: #f8f9fb
}

html {
	font-size: 20px;
	overflow-y: visible
}

body.scroll {
	overflow-y: scroll
}

#app {
	min-width: 1300px
}

.svg-sprite {
	width: 0;
	height: 0
}

.badge {
	font-style: normal;
	font-size: 12px;
	padding: 0 1ex;
	border-radius: 2px
}

.badge,.icon {
	display: inline-block
}

.icon {
	width: 1em;
	height: 1em;
	vertical-align: -.15em;
	fill: currentColor;
	stroke: currentColor;
	overflow: hidden
}

.article p {
	margin: .5em 0;
	line-height: 1.7
}

.w-page {
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	min-width: 1070px;
	max-width: 1300px
}

.panel {
	background-color: #fff;
	border-radius: 4px
}

.panel:after {
	content: "";
	display: block;
	clear: both
}

.close {
	z-index: 20;
	opacity: .3;
	cursor: pointer;
	transition: all .4s
}

.close:hover {
	opacity: .6
}

.close-v-trigger .close {
	opacity: 0
}

.close-v-trigger:hover .close {
	opacity: .4
}

.close-v-trigger:hover .close:hover {
	opacity: .8
}

.tools-v-trigger {
	transition: all .4s
}

.tools-v-trigger:hover .tools {
	opacity: .5
}

.tools-v-trigger .tools {
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	transition: all .4s
}

.tools-v-trigger .tools:hover {
	opacity: 1
}

.bg-picture {
	background: #f4f6f7 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23DDD' d='M831.5 73.8h-639A113.5 113.5 0 0079.1 187.2v639c0 62.5 50.9 113.3 113.4 113.3h639c62.5 0 113.4-50.8 113.4-113.3v-639c0-62.5-50.9-113.4-113.4-113.4zm-639 41.2h639a72.2 72.2 0 0172.1 72.2v132.3A569 569 0 00519 486.8a573 573 0 00-115 164.4A233 233 0 00120.3 638V187.2a72.2 72.2 0 0172.1-72.2zm-72.1 711.2V691.4c74.1-72 192.6-72 266.7.2a573.8 573.8 0 00-35.9 200.5c0 2.2.4 4.2 1 6.2H192.5a72.2 72.2 0 01-72.1-72.1zm711 72.1H391.6c.6-2 1-4 1-6.2A528.4 528.4 0 01548 516a528 528 0 01355.5-155.3v465.5a72.2 72.2 0 01-72.1 72.1z'/%3E%3Cpath fill='%23DDD' d='M318.6 411.2a107 107 0 000-213.8 107 107 0 000 213.8zm0-172.6a65.8 65.8 0 11-.2 131.5 65.8 65.8 0 01.2-131.5z'/%3E%3C/svg%3E") no-repeat 50%;
	background-size: 1em
}

.list-empty,.list-fail,.list-login {
	padding: .6rem;
	margin-bottom: .6rem;
	text-align: center;
	color: #aaa
}

.list-end {
	font-size: 12px;
	padding: .6rem;
	text-align: center;
	color: #d4d4d4
}

.sep {
	position: relative
}

.sep:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 1.2em;
	right: 0;
	top: 50%;
	margin-top: -.6em;
	border-right: 1px solid #e6e6e6
}

.ath {
	transition: none
}

.ath::-webkit-scrollbar {
	display: none;
	width: 0;
	background: transparent
}

body.modal-open {
	overflow: hidden
}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	outline: 0;
	opacity: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.modal:last-child {
	opacity: 1
}

.modal:after {
	content: "";
	display: block;
	position: absolute;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.4);
	opacity: 1;
	transition: opacity .15s linear
}

.modal-dialog {
	position: relative;
	z-index: 2
}

.modal-content {
	position: relative;
	background: #fff;
	border: 1px solid transparent
}

.modal-top .modal-dialog {
	margin: 2.5rem auto;
	max-width: 94%
}

.modal-center {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.modal-center .modal-dialog {
	max-width: 94%
}

html.no-flex .modal-center {
	font-size: 0;
	letter-spacing: -.307em;
	text-align: center
}

html.no-flex .modal-center:before {
	vertical-align: middle;
	display: inline-block;
	content: "";
	width: 0;
	height: 100%
}

html.no-flex .modal-center>* {
	vertical-align: middle;
	display: inline-block;
	letter-spacing: normal;
	font-size: 14px
}

html.no-flex .modal-center .modal-dialog {
	text-align: left
}

.modal-bottom .modal-dialog {
	position: absolute;
	width: 100%;
	bottom: 0
}

.modal-left,.modal-right {
	overflow: hidden
}

.modal-left .modal-content,.modal-left .modal-dialog,.modal-right .modal-content,.modal-right .modal-dialog {
	height: 100%
}

.modal-center .modal-content,.modal-top .modal-content {
	background-clip: padding-box;
	outline: 0
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}

.modal-alert .modal-dialog,.modal-confirm .modal-dialog {
	min-width: 450px
}

.modal-alert .modal-content,.modal-confirm .modal-content {
	box-shadow: none;
	border-radius: 4px
}

.modal {
	transition: opacity .3s linear
}

.modal-dialog {
	transition: all .3s ease-out
}

.modal-enter:after,.modal-leave-to:after {
	opacity: 0
}

.modal-top.modal-enter .modal-dialog,.modal-top.modal-leave-to .modal-dialog {
	opacity: 0;
	transform: translateY(-25%)
}

.modal-center.modal-enter .modal-dialog,.modal-center.modal-leave-to .modal-dialog {
	opacity: 0;
	transform: scale(.8)
}

.modal-bottom.modal-enter .modal-dialog,.modal-bottom.modal-leave-to .modal-dialog {
	transform: translateY(100%)
}

.modal-left.modal-enter .modal-dialog,.modal-left.modal-leave-to .modal-dialog {
	transform: translateX(-100%)
}

.modal-right.modal-enter .modal-dialog,.modal-right.modal-leave-to .modal-dialog {
	transform: translateX(100%)
}

.modal-img .modal-dialog {
	height: 100%
}

.modal-img .modal-content {
	height: 100%;
	background-color: transparent
}

.modal-img .modal-content img {
	position: absolute;
	max-width: 90%;
	max-height: 90%;
	left: 50%;
	top: 50%
}

.modal-gallery {
	overflow: hidden
}

.modal-gallery:after {
	background-color: rgba(0,0,0,.9)
}

.modal-gallery .modal-dialog {
	height: 100%
}

.modal-gallery .modal-content {
	height: 100%;
	background-color: transparent
}

.modal-gallery .item-wrap {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.modal-gallery .img-wrap {
	position: absolute;
	left: 50%;
	padding: 50px 0 30px
}

.modal-gallery .img-wrap.center {
	top: 50%;
	transform: translate(-50%,-50%)
}

.modal-gallery .img-wrap.top {
	top: 0;
	transform: translateX(-50%)
}

.modal-gallery .nav-trigger {
	position: absolute;
	width: 10%;
	padding: 0 20px;
	height: 80%;
	top: 10%;
	font-size: 40px;
	cursor: pointer;
	opacity: .5;
	transition: all .4s
}

.modal-gallery .nav-trigger:hover {
	opacity: 1
}

.modal-gallery .tools {
	opacity: .5;
	transition: all .4s
}

.modal-gallery .tools:hover {
	opacity: 1
}

.modal-gallery.modal-enter .modal-dialog,.modal-gallery.modal-leave-to .modal-dialog {
	opacity: 0
}

.tabs {
	position: relative
}

.tabs::-webkit-scrollbar {
	display: none
}

.tabs.overflow {
	font-size: 0;
	white-space: nowrap;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.tabs.overflow>* {
	display: inline-block;
	font-size: 14px
}

.tabs>* {
	transition: all .4s
}

.tab-flying {
	position: absolute;
	left: 0;
	width: 0;
	background-color: currentColor;
	background-clip: content-box;
	bottom: 0;
	border-radius: 4px;
	height: 3px
}

.tab-pane {
	padding-bottom: 10px
}

.tabs-overflow-mask:after,.tabs-overflow-mask:before {
	content: "";
	display: block;
	position: absolute;
	width: 1.5rem;
	top: 0;
	bottom: 0;
	z-index: 9;
	pointer-events: none
}

.tabs-overflow-mask:before {
	left: 0;
	background: linear-gradient(90deg,#fff,hsla(0,0%,100%,0))
}

.tabs-overflow-mask:after {
	right: 0;
	background: linear-gradient(270deg,#fff,hsla(0,0%,100%,0))
}

.dp-panel {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.dp-header {
	width: 231px;
	white-space: nowrap;
	padding: 0 7px
}

.dp-header .btn-nav,.dp-header .month,.dp-header .year {
	cursor: pointer;
	transition: all .4s
}

.dp-header .btn-nav {
	padding: 3px;
	color: #bbb
}

.dp-header .btn-nav:hover {
	color: #576b96
}

.dp-header .month,.dp-header .year {
	padding: 3px 6px;
	border-radius: 2px
}

.dp-header .month.active,.dp-header .month:hover,.dp-header .year.active,.dp-header .year:hover {
	background-color: #e6e6e6
}

.dp-body {
	text-align: center;
	width: 231px
}

.dp-body .d {
	width: 33px;
	height: 25px;
	line-height: 25px;
	border-radius: 2px;
	font-size: 12px;
	cursor: pointer
}

.dp-body .d:not(.disabled):hover {
	background-color: #e6e6e6
}

.dp-body .d.pf,.dp-body .d.sf {
	color: #bbb
}

.dp-body .d.disabled {
	opacity: .5;
	cursor: not-allowed
}

.dp-body .d.active,.dp-body .d.active:hover {
	color: #fff;
	background: #576b96
}

.dp-body .d.in-range,.dp-body .d.in-range:hover {
	color: #fff;
	background-color: #576b96
}

.dp-body .today {
	color: #576b96;
	font-weight: 700
}

.dp-footer .btn {
	border-radius: 2px;
	margin-right: -1px
}

.year-picker {
	border: 1px solid #e6e6e6;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.year-picker .y {
	cursor: pointer
}

.year-picker .y.v,.year-picker .y:not(.disabled):hover {
	background-color: #e6e6e6
}

.year-picker .y.m,.year-picker .y.m:hover {
	color: #fff;
	background-color: #576b96
}

.year-picker .y.disabled {
	cursor: not-allowed;
	opacity: .5
}

.month-picker {
	border: 1px solid #e6e6e6;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.month-picker .m {
	cursor: pointer
}

.month-picker .m.v,.month-picker .m:not(.disabled):hover {
	background-color: #e6e6e6
}

.month-picker .m.is-m,.month-picker .m.is-m:hover {
	color: #fff;
	background-color: #576b96
}

.month-picker .m.disabled {
	cursor: not-allowed;
	opacity: .5
}

.time-picker {
	background-color: #fff;
	border: 1px solid #e6e6e6;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 0 10px
}

.time-picker .footer .btn {
	width: 50px
}

.time-picker .cell {
	width: 50px;
	height: 27px;
	line-height: 27px;
	cursor: pointer;
	font-size: 12px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent
}

.time-picker .cell:not(.disabled):hover {
	background-color: #e6e6e6
}

.time-picker .cell.v,.time-picker .cell.v:hover {
	color: #576b96;
	border-top-color: #e6e6e6;
	border-bottom-color: #e6e6e6
}

.time-picker .cell.disabled {
	cursor: not-allowed;
	opacity: .5
}

.time-picker .cell:empty,.time-picker .cell:empty:hover {
	cursor: default;
	background-color: #fff
}

.pagination .dot {
	display: inline-block;
	vertical-align: .25em;
	width: 2px;
	height: 2px;
	margin: 0 2px;
	box-shadow: 1px 1px 1px 0 rgba(0,0,0,.2);
	border-radius: 50%;
	background-color: currentColor
}

.pagination .btn {
	font-size: 12px;
	min-width: 2em;
	line-height: 2;
	padding: 0 .75em;
	margin: 0 3px;
	border-radius: 3px
}

.pagination .btn-more:hover,.pagination .btn-o:hover {
	color: #519ff1
}

.s-msg {
	position: fixed;
	width: 90%;
	left: 5%;
	top: 50%;
	z-index: 2050;
	text-align: center;
	height: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	margin-top: -23px
}

.s-msg .msg-wrap {
	margin-bottom: 10px
}

.s-msg .msg-content {
	padding: .5em 1.2em;
	color: #fff;
	background-color: rgba(0,0,0,.8);
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(0,0,0,.2);
	animation: fade-in-msg .2s;
	word-wrap: break-word
}

@keyframes fade-in-msg {
	0% {
		opacity: 0;
		transform: translate3d(0,-10px,0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

@keyframes bubble {
	0% {
		opacity: 0;
		transform: scale(.8)
	}

	to {
		opacity: .9;
		transform: none
	}
}

@keyframes bubble-out {
	0% {
		opacity: .9
	}

	to {
		opacity: 0;
		transform: scale(.8)
	}
}

.bubble {
	background: #fff5f5;
	border: 1px solid #fecdcd;
	border-radius: 3px;
	max-width: 450px;
	padding: 5px 8px;
	z-index: 105;
	white-space: nowrap;
	position: absolute
}

.bubble.bubble-left {
	box-shadow: 0 2px 3px -1px rgba(254,205,205,.75)
}

.bubble.bubble-left:after,.bubble.bubble-left:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 7px solid transparent
}

.bubble.bubble-left:before {
	border-left-color: #fecdcd;
	top: 50%;
	margin-top: -7px;
	right: -14px
}

.bubble.bubble-left:after {
	border-left-color: #fff5f5;
	top: 50%;
	margin-top: -7px;
	right: -13px
}

.bubble.bubble-right:after,.bubble.bubble-right:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 7px solid transparent
}

.bubble.bubble-right:before {
	border-right-color: #fecdcd;
	top: 50%;
	margin-top: -7px;
	left: -14px
}

.bubble.bubble-right:after {
	border-right-color: #fff5f5;
	top: 50%;
	margin-top: -7px;
	left: -13px
}

.bubble.bubble-up:after,.bubble.bubble-up:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 7px solid transparent
}

.bubble.bubble-up:before {
	border-top-color: #fecdcd;
	left: 50%;
	margin-left: -7px;
	bottom: -14px
}

.bubble.bubble-up:after {
	border-top-color: #fff5f5;
	left: 50%;
	margin-left: -7px;
	bottom: -13px
}

.bubble.bubble-down:after,.bubble.bubble-down:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 7px solid transparent
}

.bubble.bubble-down:before {
	border-bottom-color: #fecdcd;
	left: 50%;
	margin-left: -7px;
	top: -14px
}

.bubble.bubble-down:after {
	border-bottom-color: #fff5f5;
	left: 50%;
	margin-left: -7px;
	top: -13px
}

.bubble.bubble-in {
	animation: bubble .2s both
}

.bubble.bubble-out {
	animation: bubble-out .2s both
}

.bubble-o {
	background: #fff;
	border: 1px solid #576b96
}

.bubble-o.bubble-left {
	box-shadow: 0 2px 3px -1px rgba(87,107,150,.75)
}

.bubble-o.bubble-left:after,.bubble-o.bubble-left:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 7px solid transparent
}

.bubble-o.bubble-left:before {
	border-left-color: #576b96;
	top: 50%;
	margin-top: -7px;
	right: -14px
}

.bubble-o.bubble-left:after {
	border-left-color: #fff;
	top: 50%;
	margin-top: -7px;
	right: -13px
}

.bubble-o.bubble-right:after,.bubble-o.bubble-right:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 7px solid transparent
}

.bubble-o.bubble-right:before {
	border-right-color: #576b96;
	top: 50%;
	margin-top: -7px;
	left: -14px
}

.bubble-o.bubble-right:after {
	border-right-color: #fff;
	top: 50%;
	margin-top: -7px;
	left: -13px
}

.bubble-o.bubble-up:after,.bubble-o.bubble-up:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 7px solid transparent
}

.bubble-o.bubble-up:before {
	border-top-color: #576b96;
	left: 50%;
	margin-left: -7px;
	bottom: -14px
}

.bubble-o.bubble-up:after {
	border-top-color: #fff;
	left: 50%;
	margin-left: -7px;
	bottom: -13px
}

.bubble-o.bubble-down:after,.bubble-o.bubble-down:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 7px solid transparent
}

.bubble-o.bubble-down:before {
	border-bottom-color: #576b96;
	left: 50%;
	margin-left: -7px;
	top: -14px
}

.bubble-o.bubble-down:after {
	border-bottom-color: #fff;
	left: 50%;
	margin-left: -7px;
	top: -13px
}

.bubble-light {
	background: #eef0f2;
	border: 1px solid #ddd
}

.bubble-light.bubble-left {
	box-shadow: 0 2px 3px -1px hsla(0,0%,86.7%,.75)
}

.bubble-light.bubble-left:after,.bubble-light.bubble-left:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 7px solid transparent
}

.bubble-light.bubble-left:before {
	border-left-color: #ddd;
	top: 50%;
	margin-top: -7px;
	right: -14px
}

.bubble-light.bubble-left:after {
	border-left-color: #eef0f2;
	top: 50%;
	margin-top: -7px;
	right: -13px
}

.bubble-light.bubble-right:after,.bubble-light.bubble-right:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 7px solid transparent
}

.bubble-light.bubble-right:before {
	border-right-color: #ddd;
	top: 50%;
	margin-top: -7px;
	left: -14px
}

.bubble-light.bubble-right:after {
	border-right-color: #eef0f2;
	top: 50%;
	margin-top: -7px;
	left: -13px
}

.bubble-light.bubble-up:after,.bubble-light.bubble-up:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 7px solid transparent
}

.bubble-light.bubble-up:before {
	border-top-color: #ddd;
	left: 50%;
	margin-left: -7px;
	bottom: -14px
}

.bubble-light.bubble-up:after {
	border-top-color: #eef0f2;
	left: 50%;
	margin-left: -7px;
	bottom: -13px
}

.bubble-light.bubble-down:after,.bubble-light.bubble-down:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 7px solid transparent
}

.bubble-light.bubble-down:before {
	border-bottom-color: #ddd;
	left: 50%;
	margin-left: -7px;
	top: -14px
}

.bubble-light.bubble-down:after {
	border-bottom-color: #eef0f2;
	left: 50%;
	margin-left: -7px;
	top: -13px
}

.bubble-white {
	background: #fff;
	border: 1px solid #e6e6e6
}

.bubble-white.bubble-left {
	box-shadow: 0 2px 3px -1px hsla(0,0%,90.2%,.75)
}

.bubble-white.bubble-left:after,.bubble-white.bubble-left:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 7px solid transparent
}

.bubble-white.bubble-left:before {
	border-left-color: #e6e6e6;
	top: 50%;
	margin-top: -7px;
	right: -14px
}

.bubble-white.bubble-left:after {
	border-left-color: #fff;
	top: 50%;
	margin-top: -7px;
	right: -13px
}

.bubble-white.bubble-right:after,.bubble-white.bubble-right:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 7px solid transparent
}

.bubble-white.bubble-right:before {
	border-right-color: #e6e6e6;
	top: 50%;
	margin-top: -7px;
	left: -14px
}

.bubble-white.bubble-right:after {
	border-right-color: #fff;
	top: 50%;
	margin-top: -7px;
	left: -13px
}

.bubble-white.bubble-up:after,.bubble-white.bubble-up:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 7px solid transparent
}

.bubble-white.bubble-up:before {
	border-top-color: #e6e6e6;
	left: 50%;
	margin-left: -7px;
	bottom: -14px
}

.bubble-white.bubble-up:after {
	border-top-color: #fff;
	left: 50%;
	margin-left: -7px;
	bottom: -13px
}

.bubble-white.bubble-down:after,.bubble-white.bubble-down:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 7px solid transparent
}

.bubble-white.bubble-down:before {
	border-bottom-color: #e6e6e6;
	left: 50%;
	margin-left: -7px;
	top: -14px
}

.bubble-white.bubble-down:after {
	border-bottom-color: #fff;
	left: 50%;
	margin-left: -7px;
	top: -13px
}

.bubble-menu .menu-item {
	cursor: pointer
}

.bubble-menu .menu-item:hover {
	background: #f4f6f7
}

.bubble-trigger:hover .bubble {
	opacity: 1;
	visibility: visible
}

.bubble-trigger:hover .bubble-left {
	transform: translateY(-50%)
}

.bubble-trigger:hover .bubble-down {
	transform: none
}

.bubble-trigger .bubble {
	opacity: 0;
	visibility: hidden;
	transition: all .3s
}

.bubble-trigger .bubble-up {
	transform: translateY(-5px)
}

.bubble-trigger .bubble-down {
	transform: translateY(5px)
}

.bubble-trigger .bubble-left {
	transform: translateX(5px) translateY(-50%)
}

.popover {
	position: fixed;
	z-index: 9
}

.steps .step {
	position: relative
}

.steps .step:after,.steps .step:before {
	content: "";
	display: block;
	position: absolute;
	background-color: #e9ecf1;
	width: 50%;
	height: 16px;
	top: 50%;
	margin-top: -8px;
	transition: all .4s;
	border-top: 4px solid #e9ecf1;
	border-bottom: 4px solid #e9ecf1
}

.steps .step:before {
	left: 0
}

.steps .step:after {
	right: 0
}

.steps .step:first-child .ball:before,.steps .step:first-child:before,.steps .step:last-child .ball:after,.steps .step:last-child:after {
	content: none
}

.steps .step.active:after,.steps .step.active:before,.steps .step.done:after,.steps .step.done:before {
	background-color: #1890ff
}

.steps .step.active .ball,.steps .step.done .ball {
	color: #fff;
	background-color: #1890ff
}

.steps .step.active .ball:after,.steps .step.active .ball:before,.steps .step.done .ball:after,.steps .step.done .ball:before {
	background-color: #1890ff
}

.steps .step.active {
	color: #1890ff
}

.steps .ball {
	background-color: #fff;
	border: 7px solid #e9ecf1;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	top: 50%;
	margin-top: -30px;
	z-index: 1;
	transition: all .4s
}

.steps .ball:after,.steps .ball:before {
	content: "";
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	transition: all .4s
}

.steps .ball:before {
	left: -7px
}

.steps .ball:after {
	right: -7px
}

.ql-view {
	font-size: 15px;
	counter-reset: list-0;
	line-height: 1.8;
	height: 100%;
	outline: none;
	overflow-y: auto;
	-moz-tab-size: 4;
	tab-size: 4;
	text-align: left;
	white-space: pre-wrap;
	word-wrap: break-word
}

.ql-view>* {
	cursor: text
}

.ql-view a {
	text-decoration: underline;
	color: #576b96
}

.ql-view ol {
	list-style: none;
	padding-left: 0
}

.ql-view li {
	padding-left: 1.5em;
	position: relative
}

.ql-view li.ql-direction-rtl {
	padding-right: 0
}

.ql-view li.ql-direction-rtl>.ql-ui:before {
	margin-left: .3em;
	margin-right: -1.5em;
	text-align: left
}

.ql-view li>.ql-ui:before {
	display: inline-block;
	margin-left: -1.5em;
	margin-right: .3em;
	text-align: right;
	white-space: nowrap;
	width: 1.2em
}

.ql-view li[data-list=ordered] {
	counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
	counter-increment: list-0
}

.ql-view li[data-list=ordered].ql-indent-1 {
	counter-increment: list-1;
	counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-view li[data-list=ordered].ql-indent-1>.ql-ui:before {
	content: counter(list-1,lower-alpha) ". "
}

.ql-view li[data-list=ordered].ql-indent-2 {
	counter-increment: list-2;
	counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-view li[data-list=ordered].ql-indent-2>.ql-ui:before {
	content: counter(list-2,lower-roman) ". "
}

.ql-view li[data-list=ordered].ql-indent-3 {
	counter-increment: list-3;
	counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-view li[data-list=ordered].ql-indent-3>.ql-ui:before {
	content: counter(list-3,decimal) ". "
}

.ql-view li[data-list=ordered].ql-indent-4 {
	counter-increment: list-4;
	counter-reset: list-5 list-6 list-7 list-8 list-9
}

.ql-view li[data-list=ordered].ql-indent-4>.ql-ui:before {
	content: counter(list-4,lower-alpha) ". "
}

.ql-view li[data-list=ordered].ql-indent-5 {
	counter-increment: list-5;
	counter-reset: list-6 list-7 list-8 list-9
}

.ql-view li[data-list=ordered].ql-indent-5>.ql-ui:before {
	content: counter(list-5,lower-roman) ". "
}

.ql-view li[data-list=ordered].ql-indent-6 {
	counter-increment: list-6;
	counter-reset: list-7 list-8 list-9
}

.ql-view li[data-list=ordered].ql-indent-6>.ql-ui:before {
	content: counter(list-6,decimal) ". "
}

.ql-view li[data-list=ordered].ql-indent-7 {
	counter-increment: list-7;
	counter-reset: list-8 list-9
}

.ql-view li[data-list=ordered].ql-indent-7>.ql-ui:before {
	content: counter(list-7,lower-alpha) ". "
}

.ql-view li[data-list=ordered].ql-indent-8 {
	counter-increment: list-8;
	counter-reset: list-9
}

.ql-view li[data-list=ordered].ql-indent-8>.ql-ui:before {
	content: counter(list-8,lower-roman) ". "
}

.ql-view li[data-list=ordered].ql-indent-9 {
	counter-increment: list-9
}

.ql-view li[data-list=ordered].ql-indent-9>.ql-ui:before {
	content: counter(list-9,decimal) ". "
}

.ql-view li[data-list=ordered]>.ql-ui:before {
	content: counter(list-0,decimal) ". "
}

.ql-view li[data-list=checked]>.ql-ui {
	color: #777
}

.ql-view li[data-list=checked]>.ql-ui:before {
	content: "☑"
}

.ql-view li[data-list=unchecked]>.ql-ui {
	color: #777
}

.ql-view li[data-list=unchecked]>.ql-ui:before {
	content: "☐"
}

.ql-view li[data-list=bullet]>.ql-ui:before {
	content: "•"
}

.ql-view h1,.ql-view h2,.ql-view h3,.ql-view h4,.ql-view h5,.ql-view h6 {
	margin-top: .3em;
	margin-bottom: .3em
}

.ql-view h1,.ql-view h2,.ql-view h3,.ql-view h4,.ql-view h5,.ql-view h6,.ql-view p {
	counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-view blockquote {
	border-left: 4px solid #ccc;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-left: 16px
}

.ql-view code {
	background-color: #f0f0f0;
	border-radius: 3px;
	font-size: 85%;
	padding: 2px 4px
}

.ql-view table {
	table-layout: fixed;
	width: 100%
}

.ql-view table td {
	outline: none
}

.ql-view td {
	border: 1px solid #000;
	padding: 2px 5px
}

.ql-indent-1:not(.ql-direction-rtl) {
	padding-left: 3em
}

.ql-indent-1.ql-direction-rtl.ql-align-right {
	padding-right: 3em
}

.ql-indent-2:not(.ql-direction-rtl) {
	padding-left: 4.5em
}

.ql-indent-2.ql-direction-rtl.ql-align-right {
	padding-right: 4.5em
}

.ql-indent-3:not(.ql-direction-rtl) {
	padding-left: 6em
}

.ql-indent-3.ql-direction-rtl.ql-align-right {
	padding-right: 6em
}

.ql-indent-4:not(.ql-direction-rtl) {
	padding-left: 7.5em
}

.ql-indent-4.ql-direction-rtl.ql-align-right {
	padding-right: 7.5em
}

.ql-indent-5:not(.ql-direction-rtl) {
	padding-left: 9em
}

.ql-indent-5.ql-direction-rtl.ql-align-right {
	padding-right: 9em
}

.ql-indent-6:not(.ql-direction-rtl) {
	padding-left: 10.5em
}

.ql-indent-6.ql-direction-rtl.ql-align-right {
	padding-right: 10.5em
}

.ql-indent-7:not(.ql-direction-rtl) {
	padding-left: 12em
}

.ql-indent-7.ql-direction-rtl.ql-align-right {
	padding-right: 12em
}

.ql-indent-8:not(.ql-direction-rtl) {
	padding-left: 13.5em
}

.ql-indent-8.ql-direction-rtl.ql-align-right {
	padding-right: 13.5em
}

.ql-indent-9:not(.ql-direction-rtl) {
	padding-left: 15em
}

.ql-indent-9.ql-direction-rtl.ql-align-right {
	padding-right: 15em
}

.ql-code-block-container {
	position: relative;
	font-family: Monaco,Menlo,Consolas,Courier New,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,monospace;
	background-color: #f0f0f0;
	border-radius: 3px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 5px 10px;
	color: #2c2d31;
	overflow: visible
}

.ql-code-block-container .ql-ui {
	right: 5px;
	top: 5px
}

.ql-video {
	display: block;
	max-width: 100%
}

.ql-video.ql-align-center {
	margin: 0 auto
}

.ql-video.ql-align-right {
	margin: 0 0 0 auto
}

.ql-bg-black {
	background-color: #000
}

.ql-bg-red {
	background-color: #e60000
}

.ql-bg-orange {
	background-color: #f90
}

.ql-bg-yellow {
	background-color: #ff0
}

.ql-bg-green {
	background-color: #008a00
}

.ql-bg-blue {
	background-color: #06c
}

.ql-bg-purple {
	background-color: #93f
}

.ql-color-white {
	color: #fff
}

.ql-color-red {
	color: #e60000
}

.ql-color-orange {
	color: #f90
}

.ql-color-yellow {
	color: #ff0
}

.ql-color-green {
	color: #008a00
}

.ql-color-blue {
	color: #06c
}

.ql-color-purple {
	color: #93f
}

.ql-font-serif {
	font-family: Georgia,Times New Roman,Times,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,serif
}

.ql-font-monospace {
	font-family: Monaco,Menlo,Consolas,Courier New,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,monospace
}

.ql-size-small {
	font-size: .75em
}

.ql-size-large {
	font-size: 1.5em
}

.ql-size-huge {
	font-size: 2.5em
}

.ql-direction-rtl {
	direction: rtl;
	text-align: inherit
}

.ql-align-center {
	text-align: center
}

.ql-align-justify {
	text-align: justify
}

.ql-align-right {
	text-align: right
}

.ql-ui {
	position: absolute
}

.ql-container {
	height: 100%;
	position: relative;
	padding-top: 42px
}

.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui {
	cursor: pointer
}

.ql-clipboard {
	left: -100000px;
	height: 1px;
	overflow-y: hidden;
	position: absolute;
	top: 50%
}

.ql-clipboard p {
	margin: 0;
	padding: 0
}

.ql-blank:before {
	color: rgba(0,0,0,.6);
	content: attr(data-placeholder);
	font-style: italic;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 15px
}

.ql-editor {
	min-height: 600px;
	padding: 12px 0
}

.ql-editor img::-moz-selection {
	background-color: rgba(51,144,255,.25)
}

.ql-editor img::selection {
	background-color: rgba(51,144,255,.25)
}

.ql-editor img {
	max-width: 100%
}

.ql-toolbar {
	position: absolute;
	box-sizing: border-box;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	padding: 8px 0;
	width: 100%;
	z-index: 8;
	background-color: #fff
}

.ql-toolbar:after {
	content: "";
	display: block;
	clear: both
}

.ql-toolbar.fixed {
	position: fixed;
	top: 70px;
	width: 855px;
	border-bottom: 1px solid #ccc
}

.ql-toolbar+.ql-container {
	border-top: 0
}

.ql-toolbar button {
	background: none;
	border: none;
	cursor: pointer;
	display: inline-block;
	float: left;
	height: 24px;
	padding: 3px 5px;
	width: 28px
}

.ql-toolbar button svg {
	float: left;
	height: 100%
}

.ql-toolbar button:hover {
	color: #06c
}

.ql-toolbar button:hover .ql-fill {
	fill: #06c
}

.ql-toolbar button:hover .ql-stroke {
	stroke: #06c
}

.ql-toolbar button:hover .ql-stroke.ql-fill {
	fill: #06c
}

.ql-toolbar button:hover .ql-stroke img {
	transition: all .4s;
	cursor: default
}

.ql-toolbar button:hover .ql-stroke-miter {
	stroke: #06c
}

.ql-toolbar button:hover .ql-stroke-miter img {
	transition: all .4s;
	cursor: default
}

.ql-toolbar button:focus {
	color: #06c
}

.ql-toolbar button:focus .ql-fill {
	fill: #06c
}

.ql-toolbar button:focus .ql-stroke {
	stroke: #06c
}

.ql-toolbar button:focus .ql-stroke.ql-fill {
	fill: #06c
}

.ql-toolbar button:focus .ql-stroke img {
	transition: all .4s;
	cursor: default
}

.ql-toolbar button:focus .ql-stroke-miter {
	stroke: #06c
}

.ql-toolbar button:focus .ql-stroke-miter img {
	transition: all .4s;
	cursor: default
}

.ql-toolbar button.ql-active {
	color: #06c
}

.ql-toolbar button.ql-active .ql-fill {
	fill: #06c
}

.ql-toolbar button.ql-active .ql-stroke {
	stroke: #06c
}

.ql-toolbar button.ql-active .ql-stroke.ql-fill {
	fill: #06c
}

.ql-toolbar button.ql-active .ql-stroke img {
	transition: all .4s;
	cursor: default
}

.ql-toolbar button.ql-active .ql-stroke-miter {
	stroke: #06c
}

.ql-toolbar button.ql-active .ql-stroke-miter img {
	transition: all .4s;
	cursor: default
}

.ql-toolbar button:active:hover {
	outline: none
}

.ql-toolbar .ql-formats {
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px
}

.ql-toolbar .ql-formats:after {
	clear: both;
	content: "";
	display: table
}

.ql-toolbar .ql-stroke {
	fill: none;
	stroke: #444;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2
}

.ql-toolbar .ql-stroke.ql-fill {
	fill: #444
}

.ql-toolbar .ql-stroke.ql-thin {
	stroke-width: 1
}

.ql-toolbar .ql-stroke-miter {
	fill: none;
	stroke: #444;
	stroke-miterlimit: 10;
	stroke-width: 2
}

.ql-toolbar .ql-fill {
	fill: #444
}

.ql-toolbar .ql-empty {
	fill: none
}

.ql-toolbar .ql-even {
	fill-rule: evenodd
}

.ql-toolbar .ql-thin {
	stroke-width: 1
}

.ql-toolbar .ql-transparent {
	opacity: .4
}

.ql-toolbar .ql-direction svg:last-child {
	display: none
}

.ql-toolbar .ql-direction.ql-active svg:last-child {
	display: inline
}

.ql-toolbar .ql-direction.ql-active svg:first-child {
	display: none
}

.ql-toolbar .ql-picker {
	color: #444;
	display: inline-block;
	float: left;
	font-size: 14px;
	font-weight: 500;
	height: 24px;
	position: relative;
	vertical-align: middle
}

.ql-toolbar .ql-picker.ql-expanded .ql-picker-label {
	color: #ccc;
	z-index: 2
}

.ql-toolbar .ql-picker.ql-expanded .ql-picker-label .ql-fill {
	fill: #ccc
}

.ql-toolbar .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
	stroke: #ccc
}

.ql-toolbar .ql-picker.ql-expanded .ql-picker-options {
	display: block;
	margin-top: -1px;
	top: 100%;
	z-index: 1
}

.ql-toolbar .ql-picker.ql-header {
	width: 98px
}

.ql-toolbar .ql-picker.ql-header .ql-picker-item:before,.ql-toolbar .ql-picker.ql-header .ql-picker-label:before {
	content: "正文"
}

.ql-toolbar .ql-picker.ql-header .ql-picker-label[data-value="1"]:before {
	content: "标题 1"
}

.ql-toolbar .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
	content: "标题 1";
	font-size: 2em
}

.ql-toolbar .ql-picker.ql-header .ql-picker-label[data-value="2"]:before {
	content: "标题 2"
}

.ql-toolbar .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
	content: "标题 2";
	font-size: 1.5em
}

.ql-toolbar .ql-picker.ql-header .ql-picker-label[data-value="3"]:before {
	content: "标题 3"
}

.ql-toolbar .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
	content: "标题 3";
	font-size: 1.17em
}

.ql-toolbar .ql-picker.ql-header .ql-picker-label[data-value="4"]:before {
	content: "标题 4"
}

.ql-toolbar .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
	content: "标题 4";
	font-size: 1em
}

.ql-toolbar .ql-picker.ql-header .ql-picker-label[data-value="5"]:before {
	content: "标题 5"
}

.ql-toolbar .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
	content: "标题 5";
	font-size: .83em
}

.ql-toolbar .ql-picker.ql-header .ql-picker-label[data-value="6"]:before {
	content: "标题 6"
}

.ql-toolbar .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
	content: "标题 6";
	font-size: .67em
}

.ql-toolbar .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-toolbar .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before {
	content: attr(data-label)
}

.ql-toolbar .ql-picker.ql-font {
	width: 108px
}

.ql-toolbar .ql-picker.ql-font .ql-picker-item:before,.ql-toolbar .ql-picker.ql-font .ql-picker-label:before {
	content: "Sans Serif"
}

.ql-toolbar .ql-picker.ql-font .ql-picker-label[data-value=serif]:before {
	content: "Serif"
}

.ql-toolbar .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
	content: "Serif";
	font-family: Georgia,Times New Roman,serif
}

.ql-toolbar .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before {
	content: "Monospace"
}

.ql-toolbar .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
	content: "Monospace";
	font-family: Monaco,Courier New,monospace
}

.ql-toolbar .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-toolbar .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before {
	content: attr(data-label)
}

.ql-toolbar .ql-picker.ql-size {
	width: 98px
}

.ql-toolbar .ql-picker.ql-size .ql-picker-item:before,.ql-toolbar .ql-picker.ql-size .ql-picker-label:before {
	content: "Normal"
}

.ql-toolbar .ql-picker.ql-size .ql-picker-label[data-value=small]:before {
	content: "Small"
}

.ql-toolbar .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
	content: "Small";
	font-size: 10px
}

.ql-toolbar .ql-picker.ql-size .ql-picker-label[data-value=large]:before {
	content: "Large"
}

.ql-toolbar .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
	content: "Large";
	font-size: 18px
}

.ql-toolbar .ql-picker.ql-size .ql-picker-label[data-value=huge]:before {
	content: "Huge"
}

.ql-toolbar .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
	content: "Huge";
	font-size: 32px
}

.ql-toolbar .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-toolbar .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before {
	content: attr(data-label)
}

.ql-toolbar .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
	position: absolute;
	margin-top: -9px;
	right: 0;
	top: 50%;
	width: 18px
}

.ql-toolbar .ql-picker-label {
	cursor: pointer;
	display: inline-block;
	height: 100%;
	padding-left: 8px;
	padding-right: 2px;
	position: relative;
	width: 100%;
	border: 1px solid transparent
}

.ql-toolbar .ql-picker-label:before {
	display: inline-block;
	line-height: 22px
}

.ql-toolbar .ql-picker-label:hover {
	color: #06c
}

.ql-toolbar .ql-picker-label:hover .ql-fill {
	fill: #06c
}

.ql-toolbar .ql-picker-label:hover .ql-stroke {
	stroke: #06c
}

.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill {
	fill: #06c
}

.ql-toolbar .ql-picker-label:hover .ql-stroke img {
	transition: all .4s;
	cursor: default
}

.ql-toolbar .ql-picker-label:hover .ql-stroke-miter {
	stroke: #06c
}

.ql-toolbar .ql-picker-label:hover .ql-stroke-miter img {
	transition: all .4s;
	cursor: default
}

.ql-toolbar .ql-picker-label.ql-active {
	color: #06c
}

.ql-toolbar .ql-picker-label.ql-active .ql-fill {
	fill: #06c
}

.ql-toolbar .ql-picker-label.ql-active .ql-stroke {
	stroke: #06c
}

.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill {
	fill: #06c
}

.ql-toolbar .ql-picker-label.ql-active .ql-stroke img {
	transition: all .4s;
	cursor: default
}

.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter {
	stroke: #06c
}

.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter img {
	transition: all .4s;
	cursor: default
}

.ql-toolbar .ql-picker-item {
	cursor: pointer;
	display: block;
	padding-bottom: 5px;
	padding-top: 5px
}

.ql-toolbar .ql-picker-item:hover {
	color: #06c
}

.ql-toolbar .ql-picker-item:hover .ql-fill {
	fill: #06c
}

.ql-toolbar .ql-picker-item:hover .ql-stroke {
	stroke: #06c
}

.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill {
	fill: #06c
}

.ql-toolbar .ql-picker-item:hover .ql-stroke img {
	transition: all .4s;
	cursor: default
}

.ql-toolbar .ql-picker-item:hover .ql-stroke-miter {
	stroke: #06c
}

.ql-toolbar .ql-picker-item:hover .ql-stroke-miter img {
	transition: all .4s;
	cursor: default
}

.ql-toolbar .ql-picker-item.ql-selected {
	color: #06c
}

.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
	fill: #06c
}

.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
	stroke: #06c
}

.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
	fill: #06c
}

.ql-toolbar .ql-picker-item.ql-selected .ql-stroke img {
	transition: all .4s;
	cursor: default
}

.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
	stroke: #06c
}

.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter img {
	transition: all .4s;
	cursor: default
}

.ql-toolbar .ql-picker-options {
	background-color: #fff;
	display: none;
	min-width: 100%;
	padding: 4px 8px;
	position: absolute;
	white-space: nowrap;
	border: 1px solid transparent;
	box-shadow: 0 2px 8px rgba(0,0,0,.2)
}

.ql-toolbar .ql-color-picker {
	width: 28px
}

.ql-toolbar .ql-color-picker .ql-picker-label {
	padding: 2px 4px
}

.ql-toolbar .ql-color-picker .ql-picker-label svg {
	right: 4px
}

.ql-toolbar .ql-color-picker .ql-picker-options {
	padding: 3px 5px;
	width: 152px
}

.ql-toolbar .ql-color-picker .ql-picker-item {
	border: 1px solid transparent;
	float: left;
	height: 16px;
	margin: 2px;
	padding: 0;
	width: 16px
}

.ql-toolbar .ql-color-picker.ql-background .ql-picker-item {
	background-color: #fff
}

.ql-toolbar .ql-color-picker.ql-color .ql-picker-item {
	background-color: #000
}

.ql-toolbar .ql-icon-picker {
	width: 28px
}

.ql-toolbar .ql-icon-picker .ql-picker-label {
	padding: 2px 4px
}

.ql-toolbar .ql-icon-picker .ql-picker-label svg {
	right: 4px
}

.ql-toolbar .ql-icon-picker .ql-picker-options {
	padding: 4px 0
}

.ql-toolbar .ql-icon-picker .ql-picker-item {
	height: 24px;
	width: 24px;
	padding: 2px 4px
}

.ql-toolbar input.ql-image[type=file] {
	display: none
}

.ql-toolbar .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar .ql-picker.ql-expanded .ql-picker-options {
	border-color: #ccc
}

.ql-toolbar .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar .ql-color-picker .ql-picker-item:hover {
	border-color: #000
}

.ql-hidden {
	display: none
}

.ql-out-bottom,.ql-out-top {
	visibility: hidden
}

.ql-tooltip {
	background-color: #fff;
	border: 1px solid #e6e6e6;
	box-shadow: 0 0 5px rgba(0,0,0,.5);
	color: #2c2d31;
	padding: 5px 12px;
	white-space: nowrap;
	z-index: 9;
	position: absolute
}

.ql-tooltip:before {
	content: "访问网址:";
	line-height: 26px;
	margin-right: 8px
}

.ql-tooltip input[type=text] {
	display: none;
	border: 1px solid #e6e6e6;
	font-size: 13px;
	height: 26px;
	margin: 0;
	padding: 3px 5px;
	width: 170px
}

.ql-tooltip a.ql-preview {
	display: inline-block;
	max-width: 200px;
	overflow-x: hidden;
	text-overflow: ellipsis;
	vertical-align: top
}

.ql-tooltip a.ql-action:after {
	border-right: 1px solid #e6e6e6;
	content: "编辑";
	margin-left: 16px;
	padding-right: 8px
}

.ql-tooltip a.ql-remove:before {
	content: "删除链接";
	margin-left: 8px
}

.ql-tooltip a {
	line-height: 26px
}

.ql-tooltip.ql-editing a.ql-preview,.ql-tooltip.ql-editing a.ql-remove {
	display: none
}

.ql-tooltip.ql-editing input[type=text] {
	display: inline-block
}

.ql-tooltip.ql-editing a.ql-action:after {
	border-right: 0;
	content: "保存";
	padding-right: 0
}

.ql-tooltip[data-mode=link]:before {
	content: "输入链接:"
}

.ql-tooltip[data-mode=formula]:before {
	content: "Enter formula:"
}

.ql-tooltip[data-mode=video]:before {
	content: "Enter video:"
}

.re-downloading,.re-uploading {
	opacity: .4
}

.empty-group {
	background-image: url(../fonts/empty-group.29d61e0a.svg)
}

.empty-group,.empty-letter {
	background-position: 50%;
	background-size: contain
}

.empty-letter {
	background-image: url(../fonts/empty-letter.ca41b276.svg)
}

.empty-post {
	background-image: url(../fonts/empty-post.cd527eae.svg)
}

.empty-post,.empty-zan {
	background-position: 50%;
	background-size: contain
}

.empty-zan {
	background-image: url(../fonts/empty-zan.2099f021.svg)
}

.msg-question {
	background-image: url(../fonts/msg-question.8f5148ed.svg)
}

.msg-question,.msg-sys {
	background-position: 50%;
	background-size: contain
}

.msg-sys {
	background-image: url(../fonts/msg-sys.df8e7736.svg)
}

.logo-index {
	background-image: url(../fonts/logo-index.994c5449.svg)
}

.logo-index,.logo-top {
	background-position: 50%;
	background-size: contain
}

.logo-top {
	background-image: url(../fonts/logo-top.9f2ae15d.svg)
}

.icon-new {
	background-image: url(../fonts/icon-new.98f9df65.svg)
}

.icon-new,.login-banner {
	background-position: 50%;
	background-size: contain
}

.login-banner {
	background-image: url(../fonts/bd9e71f6a74a48b9930e1674cb6c7e1f.woff)
}

.icon-rmb-c,.ring-l-t {
	background-position: 50%;
	background-size: contain
}

.icon-rmb-c {
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAAGWB6gOAAAAAXNSR0IArs4c6QAABrBJREFUWAmdWGtsVUUQnr2FQnmJUNEKpZeHIhYJmoBBA5aIQU1QTAQMJMYABjSoP/xhfETjKzExJirE+AhKlGgwwRj9IQYTkGqNGPBVKCiPAlaUtjwLpaXc9ft2z+7Zc3tub3GSPTs78+2cObM7s3uvSERa6xbHKzJ611Stc+eNTFX/LBkiKOBAlVUbRUYpVW64rhbR7Tstmk+gtRnhAZAxSWEWbTsVfYjQO683IN32oxa9+1atz/5i5Ln6KVqFCMKsX5CaOSKro96+zaBp4sASw/JhAOj5Vk2bOtehdeNDGF0AcJmVYZQBcoM0LrEW8TFS9abIuT14aYl/S/z+M9tENy73CjIMCyj2iSNYXoeGd+okOlJ+D4XW/7yuTbTP7DBDPIZRz++vQb/ZRYlCR2YVEFc67gGRD84Xkb3z6EKOoJi6mi2g7Tsj0x0H2RtLMcgGG8s0PJCJJCzpPbcZpd63yPRq5Avsa32c8h1XJYNErqk1G8KBSjGjw0wPHn7HBDLDMiRoxag+f555G4WYWYduugEcuF/02d8Nm/ZQV30hUlrpVP3gVadz226twICJfedB0X/OMxOU6iNy7U8i54+I/uNOK7N7hPwCru46MIvl3zdEt6yl0JNbSDn5lcgld4i0/yp6/wNeT8ZhaIgBLJWGaeIy1gCGzsWCIb7ly0T6XiHS/A7FIsc3iD7fbHk8nSGu7aNGWhUBHQQ7RjihZKCVcMyWa3eIRO9ixFWols7DiMldScBQfFLFk6IbZibl0f6IhCXhqjElWj2aG9vuWy8iY3YgP9tSPVbsOjfo1iNu89FyaGm0FcLEdu9mIBQAvBxtOxqzvQWNmZ8NMT3yANejFaOafCOFY3QWBeko6lE7dnhmiAjjcvlj4fw6xOdmJ3CrFidkyso5MHs1ALEd86ETeWPOkE2RlFLpZoS9yvQVmbjNiWbBsy0ZBGO+k7h6qyZsMjtWZfo7laixH/ldbDIAeRnRZvZcxvVGgH3j6eBKy078wfRqwBSRskngreMUhtUBzmRpyH5esPk0j4lTm4gXVfkKYvKB4WXXVNu7JxI9opdSN5YadCPSeJTFDJlje5QPGQWjIZ340o1uR5FJIZ7EyHJDFc8gWXGgnUAxM4UiwOdOucHgdEODpotctsKBUAFQwAcjaXUnykn0mdSW+TSrTzd0egvKRYc1NBpx6DphPczBUEgjokUReZeFbSt0MwTfq5ueDWGGN4XrXIO48ycEuKKGfWROthqjRAqYMyhEkr8Ab1o/yZeKOQCsFAF1S6/1KvDWz90zRF9os5ACT5VFNR04zWjpDRnzIINP5PkziXzBz+xXJTL+cwOJHsNh51goMDyMrULrLTHRCxOsMP9YBdOIVXN+4dlFNJhskhs9X1CoBEPVjYjlHJbu1Cwq8upYDQOlaBcTMsB7RbRZMLx+8Z0rAPN0+xbNbgSnYM9cb1mTetqFMMcrbpbypbbaO2Hc80i+JX/zJByCM/H2dhNRxOXw40W3uoMX6k3uVb7m0yHArYZTj7ixcQiOcH1/Q6t2Cl4mZP+ihCNqyGxcJp5AEp8U+etpMeXYT4gZVTpSpPJVe6Vtel50W51XGsfGfhze9qhj0k+GYznnkC1HblqhsjQeZ02/qx1K5Nh60UeSJVyNeBiF9cEY03kIt6S743HE5V1oKK2FQzNZG5dj8HaEE8Fpj18+fpjPqGHI1oqnYjHvb3vvxTgnMu5TXBArYl3ze6KPvhWP8zg15n2RAfaXW6RaQYe2Y3CDxzYuFX1mhx+mMSbs41B3+0aHXj4oh9K6bwFOGxyCPZAaiNdm14SIHfG12InzrsdOzF5didPl0ntCUXEeB6puei4Vl3ebIaaTDrWAGe5n7JktuqvVD4sxahw2aP+JFlbg2CtkQ/F33IRvQnUrD+qNaIu9lDfElrV+GDKKGTbsvlCU5OGYO3O94vhnov9+0Q8TTHxLd+KNjFAWo/1ocU0qcNV3s8Ked0PpU25FFxEhUzSTJ6yGkbH8e6MRzEJrMXoCaK6+CWGBATewI96ZekHGdtIZzlpIX3xUEKkaCDdT44lV+tDKxG9Ar/sfjNnEo1enVetZcGYLTXqHOIBTpejo1E0ce2LVbkJl7uG3tsemMCYiI1/Or85E1qHRGR/ahEPOFhzjAYuTNM8xB+BPpdMo7u04bXizd/di/mzigVo22V57k0XPzWZPR+bCke63shCVxnMp0Xrz4w+wHok2atLeEcpSIxQC8nkYzUI2B20GGgsQQiKD0Uin0RAyaUCrRfsaUWhE32v6DwTaY1LHwu26AAAAAElFTkSuQmCC)
}

.wxpay-logo {
	background-image: url(../images/wxpay-logo.0980c80b.png)
}

.wxpay-logo,.wxpay-logo-text {
	background-position: 50%;
	background-size: contain
}

.wxpay-logo-text {
	background-image: url(../images/wxpay-logo-text.ac49e823.png)
}

.wxpay-helper {
	background-image: url(../images/wxpay-helper.1c5b2155.png);
	background-position: 50%;
	background-size: contain
}

.s-header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10
}

.nav-goods,.nav-group {
	position: relative;
	color: #999;
	transition: all .4s
}

.nav-goods:before,.nav-group:before {
	content: "";
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: transparent;
	left: 2px
}

.nav-goods.active,.nav-group.active {
	background-color: #ededef
}

.nav-group.active,.nav-group:hover {
	color: #576b96
}

.nav-group.active:before {
	background-color: #519ff1
}

.nav-goods.active,.nav-goods:hover {
	color: #519ff1
}

.nav-goods.active:before {
	border-color: #519ff1
}

.bubble-top-user.bubble-down:after,.bubble-top-user.bubble-down:before {
	left: auto;
	right: 9px
}

.bubble-top-msg {
	transform: translate(58px,10px)
}

.bubble-top-msg.popover-enter,.bubble-top-msg.popover-leave-to {
	transform: translate(58px,20px)
}

.bubble-top-msg.bubble-down:after,.bubble-top-msg.bubble-down:before {
	left: auto;
	right: 62px
}

.bubble-top-msg .item {
	transition: all .4s
}

.bubble-top-msg .item:hover {
	background-color: #f8f9fb
}

.fixed-panel-header {
	position: fixed;
	background-color: #fff;
	z-index: 2
}

.hover-bg:hover {
	background-color: #f8f9fb
}

.divider {
	position: relative
}

.divider:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	border-top: 1px solid;
	top: 50%
}

.divider.dashed:before {
	border-top-style: dashed
}

.divider-ring>span:after,.divider-ring>span:before {
	content: "";
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	border: 1px solid;
	border-radius: 3px;
	top: 50%;
	margin-top: -3px;
	background-color: #fff
}

.divider-ring>span:before {
	left: 0
}

.divider-ring>span:after {
	right: 0
}

.cite {
	position: relative;
	padding-left: .8em;
	color: #999
}

.cite:before {
	content: "";
	display: block;
	position: absolute;
	border-left: 2px solid #e6e6e6;
	left: 0;
	top: 0;
	height: 100%
}

.quote:before {
	quotes: "“" "“" "“" "“";
	font-family: Helvetica,Arial,fantasy;
	content: none;
	font-size: 4em;
	line-height: .375;
	vertical-align: -.35em;
	color: #ddd;
	margin-right: .3rem
}

.a-rotate {
	animation: rotate 3s linear infinite
}

.post-body a {
	color: #576b96
}

.post-body a:hover {
	text-decoration: underline
}

.column-goods-wrap,.column-group-wrap {
	-webkit-column-count: 2;
	column-count: 2
}

.column-goods-wrap>div,.column-group-wrap>div {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid
}

.column-group-wrap {
	-webkit-column-gap: 30px;
	column-gap: 30px
}

.column-goods-wrap {
	-webkit-column-gap: 16px;
	column-gap: 16px
}

.column-group-item {
	transition: all .15s
}

.column-group-item:hover {
	background-color: #f4f6f7
}

.drag-over {
	pointer-events: none
}

.drag-over .drop-zone {
	pointer-events: all
}

.drag-over .drop-zone:after {
	content: "将图片文件音频拖至此处";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #ccc;
	font-weight: 700;
	background-color: #f4f6f7;
	font-size: 30px;
	letter-spacing: 2px;
	padding-left: 2px
}

.badge-virtual {
	color: #64a1f5;
	background-color: #e0f0fb
}

.badge-physical {
	color: #fa3332;
	background-color: #f9e4eb
}

.badge-publish {
	color: #1aad19;
	background-color: #e1ffe0
}

.badge-unpublish {
	color: #868e96;
	background-color: #e6e6e6
}

.badge-goods {
	color: #5aaeea;
	background-color: #f4f6f7;
	border: 1px solid #ccc
}

.badge-text {
	padding: 0 3px;
	font-size: 10px;
	line-height: 1.6;
	border-radius: 2px;
	color: #999;
	border: 1px solid rgba(0,0,0,.1)
}

.badge-text.c-danger {
	color: #519ff1;
	border-color: #519ff1
}

.badge-text.c-primary {
	color: #576b96;
	border-color: #576b96
}

.badge-sold-out {
	color: #fc7b34;
	background-color: #fcf6f3
}

.check-tag-goods .dummy-check {
	display: none
}

.check-tag-goods input[type=checkbox],.check-tag-goods input[type=radio] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	border: 0;
	overflow: hidden
}

body:hover .check-tag-goods input[type=checkbox] a,body:hover .check-tag-goods input[type=checkbox] button,body:hover .check-tag-goods input[type=checkbox] input,body:hover .check-tag-goods input[type=radio] a,body:hover .check-tag-goods input[type=radio] button,body:hover .check-tag-goods input[type=radio] input {
	display: none!important
}

.check-tag-goods input[type=checkbox]:checked~label,.check-tag-goods input[type=radio]:checked~label {
	color: #2c2d31
}

.check-tag-goods input[type=checkbox]~label,.check-tag-goods input[type=radio]~label {
	color: #aaa;
	border: 1px solid #e6e6e6;
	background-color: #f4f6f7;
	transition: all .15s
}

.aside-explore {
	transform: translateX(180px)
}

.footer-index .pop-dialog {
	visibility: hidden;
	opacity: 0;
	transform: translate3d(0,-20px,0);
	transition: all .15s;
	cursor: default
}

.footer-index .pop-trigger:hover .pop-dialog {
	visibility: visible;
	opacity: 1;
	transform: translateZ(0);
	transition: all .4s
}

.hover-o-5 {
	transition: all .4s
}

.hover-o-5:hover {
	opacity: .5
}

.hover-o-10 {
	transition: all .4s
}

.hover-o-10:hover {
	opacity: 1
}

.fade-up {
	visibility: hidden;
	opacity: 0;
	transform: translateY(10px);
	transition: all .4s
}

.hover-trigger:hover .fade-up {
	visibility: visible;
	opacity: 1;
	transform: none
}

.table-ga-coupon {
	width: 100%
}

.table-ga-coupon tr {
	border: 1px solid #e6e6e6
}

.table-ga-coupon tr:nth-child(2n) {
	background-color: #f5f8fa
}

.table-ga-coupon tr.disabled {
	-webkit-filter: grayscale(1) opacity(.5);
	filter: grayscale(1) opacity(.5)
}

.pl-page-aside {
	padding-left: 275px
}

.pr-page-aside {
	padding-right: 310px
}

.gradient-full-group {
	background-image: linear-gradient(180deg,#3e3e3e,#343434)
}

.fixed-aside-year.active {
	background-color: #f4f6f7;
	color: #2c2d31
}

.blur-group-header {
	-webkit-filter: blur(8px);
	filter: blur(8px);
	transform: scale(1.2)
}

.watermark {
	opacity: .1;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9;
	pointer-events: none
}

.form-post-edit .ql-toolbar {
	border: 1px solid #ccc;
	padding-left: 8px;
	padding-right: 8px
}

.form-post-edit .ql-editor {
	padding-left: 15px;
	padding-right: 15px
}

.form-post-edit .ql-container {
	border: 1px solid #ccc
}

html {
	box-sizing: border-box
}

.header-index .w12-mar {
	width: 1200px;
	margin: auto;
	padding: 0 15px
}
.h-header .aic .hover-danger{
    margin-right: 70px;
}
.header-index .web-version {
	width: 80px;
    background-color: #519ff1;
    padding: 6px;
    border-radius: 17px;
    text-align: center;
    color: #ffff;
}
#xiala{
    bottom: 50px;
    left: 50%;
    width: 40px;
    height: 40px;
}
.bannerdiv{
    margin: -80px 220px 0px 0px; 
}
.bannerdiv .fwm{
    font-size: 60px; 
    color: rgb(44, 45, 49);
    letter-spacing: 0.54px; 
    width: 420px;
}
.bannerdiv .fz-base .cup .db, .h-bgc-danger{
    padding: 15px 72px; 
    border-radius: 24px;
}
.bannerdiv .fz-base .cup .poa{
    top: 180px; 
    width: 186px; 
    height: 186px; 
    margin-top: -120px; 
    box-shadow: rgba(0, 0, 0, 0.18) 0px 14px 21px 0px;
}
.fourdiv .arrow-down{
    bottom: 50px; 
    left: 50%; 
    width: 40px; 
    height: 40px;
}
.index {
	background-color: #f9f9f9;
	background-image: url(../images/in.png);
    padding-bottom: 60px;
}

.index .w12-mar {
	width: 1200px;
	margin: auto;
	padding: 15px 15px
}

.index .dark-9 {
	color: #9b9b9b
}

.index .bgc-e5 {
	background-color: #e5e5e5
}

.index .c-danger {
	color: #519ff1
}

.index .h-c-d6 {
	transition: all .3s
}

.index .h-c-d6:hover {
	color: #666
}

.index .h-c-d2 {
	transition: all .3s
}

.index .h-c-d2:hover {
	color: #2c2d31
}

.index .h-bgc-danger {
	transition: all .3s
}

.index .h-bgc-danger:hover {
	background-color: #519ff1
}

.index .arrow-down:after {
	content: "";
	position: absolute;
	left: 10px;
	top: 5px;
	width: 20px;
	height: 20px;
	border-top: 2px solid #666;
	border-right: 2px solid #666;
	transform: rotate(135deg)
}

.index .login-banners:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 260px;
	height: 200px;
	background-image: url(../images/upper-left-corner-icon.c73e77f6.png);
	background-size: contain
}

.index .pro-info-par:before {
	content: "";
	width: 1040px;
	height: 145px;
	position: absolute;
	right: -440px;
	bottom: 0;
	background-image: url(../images/upper-right-corner-icon.f73e1ac6.png);
	z-index: 0
}

.index .pro-info {
	width: 360px;
	height: 565px
}

.index .pro-info:before {
	content: "";
	width: 360px;
	height: 590px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-image: url(../images/bg-phone.6ce21e08.png);
	background-size: contain
}

.index .pro-banner {
	background-position: 50%;
	background-size: cover
}

.index .one {
	background-image: url(../images/preview01.a19eac54.png)
}

.index .two {
	background-image: url(../images/preview02.ac6f200d.png)
}

.index .three {
	background-image: url(../images/preview03.48ef5f07.png)
}

.index .h-active {
	transition: all .3s
}

.index .h-active:hover {
	box-shadow: 0 0 16px 6px hsla(0,0%,82.4%,.3)
}

.index .slide-ul {
	position: absolute;
	left: 23px;
	top: 55px;
	height: calc(100% - 27px);
	width: 313px;
	z-index: 2;
	margin: auto;
	overflow: hidden
}

.index .slide-ul li {
	/* position: absolute; */
	width: 100%
}

.index .slide-ul li img {
	width: 100%
}

.index .carousel-items {
	width: 16px;
	position: absolute;
	top: 400px;
	right: -40px;
	margin: 0 auto;
	text-align: center;
	font-size: 0
}

.index .carousel-items div {
	height: 16px;
	width: 16px;
	background-color: #e5e5e5;
	cursor: pointer;
	position: relative
}

.index .carousel-items div:after {
	content: "";
	border-radius: 50%;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 10px;
	height: 10px;
	background-color: #f9f9f9
}

.index .carousel-items .active {
	background-color: #519ff1
}

.index .list-enter-to {
	transition: all .5s ease;
	transform: translateX(0)
}

.index .list-leave-active {
	transition: all .5s ease;
	transform: translateX(-100%)
}

.index .list-enter {
	transform: translateX(100%)
}

.index .list-leave {
	transform: translateX(0)
}

.index .about-us {
	position: relative;
	width: 740px;
	padding: 0 70px;
	margin: 0 auto 105px
}

.index .about-us:before {
	left: 0;
	top: -20px;
    background-image: url('../images/you.png');
}

.index .about-us:after,.index .about-us:before {
	content: "";
	width: 29px;
	height: 24px;
	position: absolute
}

.index .about-us:after {
	right: 0;
	bottom: -20px;
	background-image: url('../images/you.png');
}

.index .swiper-pagination-bullet {
	width: 14px;
	height: 7px;
	border-radius: 6px;
	background-color: #e5e5e5;
	transition: width .4s
}

.index .active-page {
	width: 100px
}

.index .gr-list-enter-to {
	transition: all .5s ease;
	transform: translateX(0)
}

.index .gr-list-leave-active {
	transition: all .5s ease;
	transform: translateX(-100%)
}

.index .gr-list-enter {
	transform: translateX(100%)
}

.index .gr-list-leave {
	transform: translateX(0)
}

.index .gl-list-enter-to {
	transition: all .5s ease;
	transform: translateX(0)
}

.index .gl-list-leave-active {
	transition: all .5s ease;
	transform: translateX(100%)
}

.index .gl-list-enter {
	transform: translateX(-100%)
}

.index .gl-list-leave {
	transform: translateX(0)
}

.index .prev {
	top: 50%;
	left: -60px;
	width: 60px;
	height: 60px;
	transform: translate(-14px,-82%);
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.index .prev:after {
	display: inline-block;
	content: " ";
	height: 18px;
	width: 18px;
	border-width: 0 0 1px 1px;
	border-color: #666;
	border-style: solid;
	transform: matrix(.71,.71,-.71,.71,0,0);
	margin-left: 10px
}

.index .next {
	width: 60px;
	height: 60px;
	transform: translate(14px,-82%);
	top: 50%;
	right: -60px;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.index .next:after {
	display: inline-block;
	content: " ";
	height: 18px;
	width: 18px;
	border-width: 1px 1px 0 0;
	border-color: #666;
	border-style: solid;
	transform: matrix(.71,.71,-.71,.71,0,0);
	margin-right: 10px
}

.index .flip-container {
	perspective: 1000px
}

.index .flip-container:hover .front {
	transform: rotateY(180deg)
}

.index .flip-container:hover .back {
	transform: rotateY(0)
}

.index .back,.index .flip-container,.index .front {
	transition: .6s;
	transform-style: preserve-3d
}

.index .back,.index .front {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.index .front {
	z-index: 2
}

.index .back {
	transform: rotateY(-180deg)
}

.index .fade-right {
	animation: fade-right 1s forwards
}

.index .fade-left {
	animation: fade-left 1s forwards
}

.index .animation-delay {
	animation-delay: .3s
}

@keyframes fade-right {
	0% {
		opacity: 0;
		transform: translate3d(-70px,0,0)
	}

	to {
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes fade-left {
	0% {
		opacity: 0;
		transform: translate3d(70px,0,0)
	}

	to {
		transform: translateZ(0);
		opacity: 1
	}
}

.inview-animate {
	/* opacity: 0 */
}

.ellipsis {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.ellipsis-2 {
	-webkit-line-clamp: 2
}

.ellipsis-2,.ellipsis-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	white-space: normal;
	-webkit-box-orient: vertical
}

.ellipsis-3 {
	-webkit-line-clamp: 3
}

.ellipsis-4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	white-space: normal;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4
}

.san-serif {
	font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,Microsoft JhengHei,Source Han Sans SC,Noto Sans CJK SC,Source Han Sans CN,Noto Sans SC,Source Han Sans TC,Noto Sans CJK TC,WenQuanYi Micro Hei,SimSun,sans-serif
}

.serif {
	font-family: Georgia,Times New Roman,Times,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,serif
}

.monospace {
	font-family: Monaco,Menlo,Consolas,Courier New,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,monospace
}

.hide-scroll-abs {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow-y: scroll;
	-ms-overflow-style: none
}

.hide-scroll-abs::-webkit-scrollbar {
	display: none;
	width: 0;
	background: transparent
}

@-moz-document url-prefix() {
	.hide-scroll-abs {
		right: -50px;
		padding-right: 33px
	}
}

.hide-scroll::-webkit-scrollbar {
	display: none;
	width: 0;
	background: transparent
}

.ghost-hidden {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	border: 0;
	overflow: hidden
}

body:hover .ghost-hidden a,body:hover .ghost-hidden button,body:hover .ghost-hidden input {
	display: none!important
}

.dn {
	display: none
}

.vh {
	visibility: hidden
}

@media(max-width:320px)and (max-height:415px) {
	.hide-keyboard {
		display: none
	}
}

@media(min-width:321px)and (max-height:531px) {
	.hide-keyboard {
		display: none
	}
}

.clear:after {
	content: "";
	display: block;
	clear: both
}

.tac {
	text-align: center;
   

}
.w12-mar .tac{
    margin-top: 60px; 
    padding-bottom: 72px;
}

.tar {
	text-align: right
}

.tal {
	text-align: left
}

.vat,.vt {
	vertical-align: top
}

.vam,.vm {
	vertical-align: middle
}

.vab,.vb {
	vertical-align: bottom
}

.vbl {
	vertical-align: baseline
}

.va--10 {
	vertical-align: -.5em
}

.va--9 {
	vertical-align: -.45em
}

.va--8 {
	vertical-align: -.4em
}

.va--7 {
	vertical-align: -.35em
}

.va--6 {
	vertical-align: -.3em
}

.va--5 {
	vertical-align: -.25em
}

.va--4 {
	vertical-align: -.2em
}

.va--3 {
	vertical-align: -.15em
}

.va--2 {
	vertical-align: -.1em
}

.va--1 {
	vertical-align: -.05em
}

.va-0 {
	vertical-align: 0
}

.va-1 {
	vertical-align: .05em
}

.va-2 {
	vertical-align: .1em
}

.va-3 {
	vertical-align: .15em
}

.va-4 {
	vertical-align: .2em
}

.va-5 {
	vertical-align: .25em
}

.va-6 {
	vertical-align: .3em
}

.va-7 {
	vertical-align: .35em
}

.va-8 {
	vertical-align: .4em
}

.va-9 {
	vertical-align: .45em
}

.va-10 {
	vertical-align: .5em
}

.ty--5 {
	top: -5px
}

.ty--4,.ty--5 {
	position: relative
}

.ty--4 {
	top: -4px
}

.ty--3 {
	top: -3px
}

.ty--2,.ty--3 {
	position: relative
}

.ty--2 {
	top: -2px
}

.ty--1 {
	top: -1px
}

.ty-0,.ty--1 {
	position: relative
}

.ty-0 {
	top: 0
}

.ty-1 {
	top: 1px
}

.ty-1,.ty-2 {
	position: relative
}

.ty-2 {
	top: 2px
}

.ty-3 {
	top: 3px
}

.ty-3,.ty-4 {
	position: relative
}

.ty-4 {
	top: 4px
}

.ty-5 {
	position: relative;
	top: 5px
}

.db {
	display: block
}

.dib {
	display: inline-block
}

.dtb {
	display: table
}

.tbr {
	display: table-row
}

.tbc {
	display: table-cell;
	padding: .6em .75em
}

.ibw {
	font-size: 0
}

.ibw>* {
	display: inline-block;
	font-size: 14px
}

.fl {
	float: left
}

.fr {
	float: right
}

.brs-4 {
	border-radius: 4px
}

.brs-3 {
	border-radius: 3px
}

.brs-2 {
	border-radius: 2px
}

.brs-0 {
	border-radius: 0
}

.brs-sm {
	border-radius: 6px
}

.brs-base {
	border-radius: 10px
}

.brs-md {
	border-radius: 15px
}

.brs-lg {
	border-radius: 20px
}

.brs-x-lg {
	border-radius: 25px
}

.brs-xx-lg {
	border-radius: 30px
}

.brs-xxx-lg {
	border-radius: 40px
}

.rc {
	border-radius: 50%
}

.cud {
	cursor: default
}

.cup {
	cursor: pointer
}

.cuh {
	cursor: help
}

.cuz {
	cursor: zoom-in
}

.cum {
	cursor: move
}

.mt-0 {
	margin-top: 0
}

.mr-0 {
	margin-right: 0
}

.mb-0 {
	margin-bottom: 0
}

.ml-0,.mx-0 {
	margin-left: 0
}

.mx-0 {
	margin-right: 0
}

.my-0 {
	margin-top: 0;
	margin-bottom: 0
}

.pt-0 {
	padding-top: 0
}

.pr-0 {
	padding-right: 0
}

.pb-0 {
	padding-bottom: 0
}

.pl-0,.px-0 {
	padding-left: 0
}

.px-0 {
	padding-right: 0
}

.py-0 {
	padding-top: 0;
	padding-bottom: 0
}

.mt-1 {
	margin-top: 1px
}

.mr-1 {
	margin-right: 1px
}

.mb-1 {
	margin-bottom: 1px
}

.ml-1,.mx-1 {
	margin-left: 1px
}

.mx-1 {
	margin-right: 1px
}

.my-1 {
	margin-top: 1px;
	margin-bottom: 1px
}

.pt-1 {
	padding-top: 1px
}

.pr-1 {
	padding-right: 1px
}

.pb-1 {
	padding-bottom: 1px
}

.pl-1,.px-1 {
	padding-left: 1px
}

.px-1 {
	padding-right: 1px
}

.py-1 {
	padding-top: 1px;
	padding-bottom: 1px
}

.mt-2 {
	margin-top: 2px
}

.mr-2 {
	margin-right: 2px
}

.mb-2 {
	margin-bottom: 2px
}

.ml-2,.mx-2 {
	margin-left: 2px
}

.mx-2 {
	margin-right: 2px
}

.my-2 {
	margin-top: 2px;
	margin-bottom: 2px
}

.pt-2 {
	padding-top: 2px
}

.pr-2 {
	padding-right: 2px
}

.pb-2 {
	padding-bottom: 2px
}

.pl-2,.px-2 {
	padding-left: 2px
}

.px-2 {
	padding-right: 2px
}

.py-2 {
	padding-top: 2px;
	padding-bottom: 2px
}

.mt-3 {
	margin-top: 3px
}

.mr-3 {
	margin-right: 3px
}

.mb-3 {
	margin-bottom: 3px
}

.ml-3,.mx-3 {
	margin-left: 3px
}

.mx-3 {
	margin-right: 3px
}

.my-3 {
	margin-top: 3px;
	margin-bottom: 3px
}

.pt-3 {
	padding-top: 3px
}

.pr-3 {
	padding-right: 3px
}

.pb-3 {
	padding-bottom: 3px
}

.pl-3,.px-3 {
	padding-left: 3px
}

.px-3 {
	padding-right: 3px
}

.py-3 {
	padding-top: 3px;
	padding-bottom: 3px
}

.mt-4 {
	margin-top: 4px
}

.mr-4 {
	margin-right: 4px
}

.mb-4 {
	margin-bottom: 4px
}

.ml-4,.mx-4 {
	margin-left: 4px
}

.mx-4 {
	margin-right: 4px
}

.my-4 {
	margin-top: 4px;
	margin-bottom: 4px
}

.pt-4 {
	padding-top: 4px
}

.pr-4 {
	padding-right: 4px
}

.pb-4 {
	padding-bottom: 4px
}

.pl-4,.px-4 {
	padding-left: 4px
}

.px-4 {
	padding-right: 4px
}

.py-4 {
	padding-top: 4px;
	padding-bottom: 4px
}

.mt-5 {
	margin-top: 5px
}

.mr-5 {
	margin-right: 5px;
    font-size: 28px;
}

.mb-5 {
	margin-bottom: 5px
}

.ml-5,.mx-5 {
	margin-left: 5px
}

.mx-5 {
	margin-right: 5px
}

.my-5 {
	margin-top: 5px;
	margin-bottom: 5px
}

.pt-5 {
	padding-top: 5px
}

.pr-5 {
	padding-right: 5px
}

.pb-5 {
	padding-bottom: 5px
}

.pl-5,.px-5 {
	padding-left: 5px
}

.px-5 {
	padding-right: 5px
}

.py-5 {
	padding-top: 5px;
	padding-bottom: 5px
}

.mt-6 {
	margin-top: 6px
}

.mr-6 {
	margin-right: 6px
}

.mb-6 {
	margin-bottom: 6px
}

.ml-6,.mx-6 {
	margin-left: 6px
}

.mx-6 {
	margin-right: 6px
}

.my-6 {
	margin-top: 6px;
	margin-bottom: 6px
}

.pt-6 {
	padding-top: 6px
}

.pr-6 {
	padding-right: 6px
}

.pb-6 {
	padding-bottom: 6px
}

.pl-6,.px-6 {
	padding-left: 6px
}

.px-6 {
	padding-right: 6px
}

.py-6 {
	padding-top: 6px;
	padding-bottom: 6px
}

.mt-7 {
	margin-top: 7px
}

.mr-7 {
	margin-right: 7px
}

.mb-7 {
	margin-bottom: 7px
}

.ml-7,.mx-7 {
	margin-left: 7px
}

.mx-7 {
	margin-right: 7px
}

.my-7 {
	margin-top: 7px;
	margin-bottom: 7px
}

.pt-7 {
	padding-top: 7px
}

.pr-7 {
	padding-right: 7px
}

.pb-7 {
	padding-bottom: 7px
}

.pl-7,.px-7 {
	padding-left: 7px
}

.px-7 {
	padding-right: 7px
}

.py-7 {
	padding-top: 7px;
	padding-bottom: 7px
}

.mt-8 {
	margin-top: 8px
}

.mr-8 {
	margin-right: 8px
}

.mb-8 {
	margin-bottom: 8px
}

.ml-8,.mx-8 {
	margin-left: 8px
}

.mx-8 {
	margin-right: 8px
}

.my-8 {
	margin-top: 8px;
	margin-bottom: 8px
}

.pt-8 {
	padding-top: 8px
}

.pr-8 {
	padding-right: 8px
}

.pb-8 {
	padding-bottom: 8px
}

.pl-8,.px-8 {
	padding-left: 8px
}

.px-8 {
	padding-right: 8px
}

.py-8 {
	padding-top: 8px;
	padding-bottom: 8px
}

.mt-9 {
	margin-top: 9px
}

.mr-9 {
	margin-right: 9px
}

.mb-9 {
	margin-bottom: 9px
}

.ml-9,.mx-9 {
	margin-left: 9px
}

.mx-9 {
	margin-right: 9px
}

.my-9 {
	margin-top: 9px;
	margin-bottom: 9px
}

.pt-9 {
	padding-top: 9px
}

.pr-9 {
	padding-right: 9px
}

.pb-9 {
	padding-bottom: 9px
}

.pl-9,.px-9 {
	padding-left: 9px
}

.px-9 {
	padding-right: 9px
}

.py-9 {
	padding-top: 9px;
	padding-bottom: 9px
}

.mt-10 {
	margin-top: 10px
}

.mr-10 {
	margin-right: 10px
}

.mb-10 {
	margin-bottom: 10px
}

.ml-10,.mx-10 {
	margin-left: 10px
}

.mx-10 {
	margin-right: 10px
}

.my-10 {
	margin-top: 10px;
	margin-bottom: 10px
}

.pt-10 {
	padding-top: 10px
}

.pr-10 {
	padding-right: 10px
}

.pb-10 {
	padding-bottom: 10px
}

.pl-10,.px-10 {
	padding-left: 10px
}

.px-10 {
	padding-right: 10px
}

.py-10 {
	padding-top: 10px;
	padding-bottom: 10px
}

.mt-11 {
	margin-top: 11px
}

.mr-11 {
	margin-right: 11px
}

.mb-11 {
	margin-bottom: 11px
}

.ml-11,.mx-11 {
	margin-left: 11px
}

.mx-11 {
	margin-right: 11px
}

.my-11 {
	margin-top: 11px;
	margin-bottom: 11px
}

.pt-11 {
	padding-top: 11px
}

.pr-11 {
	padding-right: 11px
}

.pb-11 {
	padding-bottom: 11px
}

.pl-11,.px-11 {
	padding-left: 11px
}

.px-11 {
	padding-right: 11px
}

.py-11 {
	padding-top: 11px;
	padding-bottom: 11px
}

.mt-12 {
	margin-top: 12px
}

.mr-12 {
	margin-right: 12px
}

.mb-12 {
	margin-bottom: 12px
}

.ml-12,.mx-12 {
	margin-left: 12px
}

.mx-12 {
	margin-right: 12px
}

.my-12 {
	margin-top: 12px;
	margin-bottom: 12px
}

.pt-12 {
	padding-top: 12px
}

.pr-12 {
	padding-right: 12px
}

.pb-12 {
	padding-bottom: 12px
}

.pl-12,.px-12 {
	padding-left: 12px
}

.px-12 {
	padding-right: 12px
}

.py-12 {
	padding-top: 12px;
	padding-bottom: 12px
}

.mt-15 {
	margin-top: 15px
}

.mr-15 {
	margin-right: 15px
}

.mb-15 {
	margin-bottom: 15px
}

.ml-15,.mx-15 {
	margin-left: 15px
}

.mx-15 {
	margin-right: 15px
}

.my-15 {
	margin-top: 15px;
	margin-bottom: 15px
}

.pt-15 {
	padding-top: 15px
}

.pr-15 {
	padding-right: 15px
}

.pb-15 {
	padding-bottom: 15px
}

.pl-15,.px-15 {
	padding-left: 15px
}

.px-15 {
	padding-right: 15px
}

.py-15 {
	padding-top: 15px;
	padding-bottom: 15px
}

.mt-16 {
	margin-top: 16px
}

.mr-16 {
	margin-right: 16px
}

.mb-16 {
	margin-bottom: 16px
}

.ml-16,.mx-16 {
	margin-left: 16px
}

.mx-16 {
	margin-right: 16px
}

.my-16 {
	margin-top: 16px;
	margin-bottom: 16px
}

.pt-16 {
	padding-top: 16px
}

.pr-16 {
	padding-right: 16px
}

.pb-16 {
	padding-bottom: 16px
}

.pl-16,.px-16 {
	padding-left: 16px
}

.px-16 {
	padding-right: 16px
}

.py-16 {
	padding-top: 16px;
	padding-bottom: 16px
}

.mt-18 {
	margin-top: 18px
}

.mr-18 {
	margin-right: 18px
}

.mb-18 {
	margin-bottom: 18px
}

.ml-18,.mx-18 {
	margin-left: 18px
}

.mx-18 {
	margin-right: 18px
}

.my-18 {
	margin-top: 18px;
	margin-bottom: 18px
}

.pt-18 {
	padding-top: 18px
}

.pr-18 {
	padding-right: 18px
}

.pb-18 {
	padding-bottom: 18px
}

.pl-18,.px-18 {
	padding-left: 18px
}

.px-18 {
	padding-right: 18px
}

.py-18 {
	padding-top: 18px;
	padding-bottom: 18px
}

.mt-20 {
	margin-top: 20px
}

.mr-20 {
	margin-right: 20px
}

.mb-20 {
	margin-bottom: 20px
}

.ml-20,.mx-20 {
	margin-left: 20px
}

.mx-20 {
	margin-right: 20px
}

.my-20 {
	margin-top: 20px;
	margin-bottom: 20px
}

.pt-20 {
	padding-top: 20px
}

.pr-20 {
	padding-right: 20px
}

.pb-20 {
	padding-bottom: 20px
}

.pl-20,.px-20 {
	padding-left: 20px
}

.px-20 {
	padding-right: 20px
}

.py-20 {
	padding-top: 20px;
	padding-bottom: 20px
}

.mt-22 {
	margin-top: 22px
}

.mr-22 {
	margin-right: 22px
}

.mb-22 {
	margin-bottom: 22px
}

.ml-22,.mx-22 {
	margin-left: 22px
}

.mx-22 {
	margin-right: 22px
}

.my-22 {
	margin-top: 22px;
	margin-bottom: 22px
}

.pt-22 {
	padding-top: 22px
}

.pr-22 {
	padding-right: 22px
}

.pb-22 {
	padding-bottom: 22px
}

.pl-22,.px-22 {
	padding-left: 22px
}

.px-22 {
	padding-right: 22px
}

.py-22 {
	padding-top: 22px;
	padding-bottom: 22px
}

.mt-24 {
	margin-top: 24px
}

.mr-24 {
	margin-right: 24px
}

.mb-24 {
	margin-bottom: 24px
}

.ml-24,.mx-24 {
	margin-left: 24px
}

.mx-24 {
	margin-right: 24px
}

.my-24 {
	margin-top: 24px;
	margin-bottom: 24px
}

.pt-24 {
	padding-top: 24px
}

.pr-24 {
	padding-right: 24px
}

.pb-24 {
	padding-bottom: 24px
}

.pl-24,.px-24 {
	padding-left: 24px
}

.px-24 {
	padding-right: 24px
}

.py-24 {
	padding-top: 24px;
	padding-bottom: 24px
}

.mt-27 {
	margin-top: 27px
}

.mr-27 {
	margin-right: 27px
}

.mb-27 {
	margin-bottom: 27px
}

.ml-27,.mx-27 {
	margin-left: 27px
}

.mx-27 {
	margin-right: 27px
}

.my-27 {
	margin-top: 27px;
	margin-bottom: 27px
}

.pt-27 {
	padding-top: 27px
}

.pr-27 {
	padding-right: 27px
}

.pb-27 {
	padding-bottom: 27px
}

.pl-27,.px-27 {
	padding-left: 27px
}

.px-27 {
	padding-right: 27px
}

.py-27 {
	padding-top: 27px;
	padding-bottom: 27px
}

.mt-30 {
	margin-top: 30px
}

.mr-30 {
	margin-right: 30px
}

.mb-30 {
	margin-bottom: 30px
}

.ml-30,.mx-30 {
	margin-left: 30px
}

.mx-30 {
	margin-right: 30px
}

.my-30 {
	margin-top: 30px;
	margin-bottom: 30px
}

.pt-30 {
	padding-top: 30px
}

.pr-30 {
	padding-right: 30px
}

.pb-30 {
	padding-bottom: 30px
}

.pl-30,.px-30 {
	padding-left: 30px
}

.px-30 {
	padding-right: 30px
}

.py-30 {
	padding-top: 30px;
	padding-bottom: 30px
}

.mt-35 {
	margin-top: 35px
}

.mr-35 {
	margin-right: 35px
}

.mb-35 {
	margin-bottom: 35px
}

.ml-35,.mx-35 {
	margin-left: 35px
}

.mx-35 {
	margin-right: 35px
}

.my-35 {
	margin-top: 35px;
	margin-bottom: 35px
}

.pt-35 {
	padding-top: 35px
}

.pr-35 {
	padding-right: 35px
}

.pb-35 {
	padding-bottom: 35px
}

.pl-35,.px-35 {
	padding-left: 35px
}

.px-35 {
	padding-right: 35px
}

.py-35 {
	padding-top: 35px;
	padding-bottom: 35px
}

.mt-40 {
	margin-top: 40px
}

.mr-40 {
	margin-right: 40px
}

.mb-40 {
	margin-bottom: 40px
}

.ml-40,.mx-40 {
	margin-left: 40px
}

.mx-40 {
	margin-right: 40px
}

.my-40 {
	margin-top: 40px;
	margin-bottom: 40px
}

.pt-40 {
	padding-top: 40px
}

.pr-40 {
	padding-right: 40px
}

.pb-40 {
	padding-bottom: 40px
}

.pl-40,.px-40 {
	padding-left: 40px
}

.px-40 {
	padding-right: 40px
}

.py-40 {
	padding-top: 40px;
	padding-bottom: 40px
}

.mt-45 {
	margin-top: 45px
}

.mr-45 {
	margin-right: 45px
}

.mb-45 {
	margin-bottom: 45px
}

.ml-45,.mx-45 {
	margin-left: 45px
}

.mx-45 {
	margin-right: 45px
}

.my-45 {
	margin-top: 45px;
	margin-bottom: 45px
}

.pt-45 {
	padding-top: 45px
}

.pr-45 {
	padding-right: 45px
}

.pb-45 {
	padding-bottom: 45px
}

.pl-45,.px-45 {
	padding-left: 45px
}

.px-45 {
	padding-right: 45px
}

.py-45 {
	padding-top: 45px;
	padding-bottom: 45px
}

.mt-50 {
	margin-top: 50px
}

.mr-50 {
	margin-right: 50px
}

.mb-50 {
	margin-bottom: 50px
}

.ml-50,.mx-50 {
	margin-left: 50px
}

.mx-50 {
	margin-right: 50px
}

.my-50 {
	margin-top: 50px;
	margin-bottom: 50px
}

.pt-50 {
	padding-top: 50px
}

.pr-50 {
	padding-right: 50px
}

.pb-50 {
	padding-bottom: 50px
}

.pl-50,.px-50 {
	padding-left: 50px
}

.px-50 {
	padding-right: 50px
}

.py-50 {
	padding-top: 50px;
	padding-bottom: 50px
}

.mt-55 {
	margin-top: 55px
}

.mr-55 {
	margin-right: 55px
}

.mb-55 {
	margin-bottom: 55px
}

.ml-55,.mx-55 {
	margin-left: 55px
}

.mx-55 {
	margin-right: 55px
}

.my-55 {
	margin-top: 55px;
	margin-bottom: 55px
}

.pt-55 {
	padding-top: 55px
}

.pr-55 {
	padding-right: 55px
}

.pb-55 {
	padding-bottom: 55px
}

.pl-55,.px-55 {
	padding-left: 55px
}

.px-55 {
	padding-right: 55px
}

.py-55 {
	padding-top: 55px;
	padding-bottom: 55px
}

.mt-60 {
	margin-top: 60px
}

.mr-60 {
	margin-right: 60px
}

.mb-60 {
	margin-bottom: 60px
}

.ml-60,.mx-60 {
	margin-left: 60px
}

.mx-60 {
	margin-right: 60px
}

.my-60 {
	margin-top: 60px;
	margin-bottom: 60px
}

.pt-60 {
	padding-top: 60px
}

.pr-60 {
	padding-right: 60px
}

.pb-60 {
	padding-bottom: 60px
}

.pl-60,.px-60 {
	padding-left: 60px
}

.px-60 {
	padding-right: 60px
}

.py-60 {
	padding-top: 60px;
	padding-bottom: 60px
}

.mt-75 {
	margin-top: 75px
}

.mr-75 {
	margin-right: 75px
}

.mb-75 {
	margin-bottom: 75px
}

.ml-75,.mx-75 {
	margin-left: 75px
}

.mx-75 {
	margin-right: 75px
}

.my-75 {
	margin-top: 75px;
	margin-bottom: 75px
}

.pt-75 {
	padding-top: 75px
}

.pr-75 {
	padding-right: 75px
}

.pb-75 {
	padding-bottom: 75px
}

.pl-75,.px-75 {
	padding-left: 75px
}

.px-75 {
	padding-right: 75px
}

.py-75 {
	padding-top: 75px;
	padding-bottom: 75px
}

.mt-80 {
	margin-top: 80px
}

.mr-80 {
	margin-right: 80px
}

.mb-80 {
	margin-bottom: 80px
}

.ml-80,.mx-80 {
	margin-left: 80px
}

.mx-80 {
	margin-right: 80px
}

.my-80 {
	margin-top: 80px;
	margin-bottom: 80px
}

.pt-80 {
	padding-top: 80px
}

.pr-80 {
	padding-right: 80px
}

.pb-80 {
	padding-bottom: 80px
}

.pl-80,.px-80 {
	padding-left: 80px
}

.px-80 {
	padding-right: 80px
}

.py-80 {
	padding-top: 80px;
	padding-bottom: 80px
}

.py-input {
	padding-top: .6em;
	padding-bottom: .6em
}

.p-0 {
	padding: 0
}

.m-0 {
	margin: 0
}

.t-0 {
	top: 0
}

.t-50 {
	top: 50%
}

.b-0 {
	bottom: 0
}

.l-0 {
	left: 0
}

.l-50 {
	left: 50%
}

.r-0 {
	right: 0
}

.ty--50 {
	transform: translateY(-50%)
}

.tx--50 {
	transform: translateX(-50%)
}

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

.col-1-3 {
	width: 33.3333333333%
}

.col-2-3 {
	width: 66.6666666667%
}

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

.col-3-4 {
	width: 75%
}

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

.col-2-5 {
	width: 40%
}

.col-3-5 {
	width: 60%
}

.col-4-5 {
	width: 80%
}

.col-1-6 {
	width: 16.6666666667%
}

.col-5-6 {
	width: 83.3333333333%
}

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

.col-3-8 {
	width: 37.5%
}

.col-5-8 {
	width: 62.5%
}

.col-7-8 {
	width: 87.5%
}

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

.col-3-10 {
	width: 30%
}

.col-7-10 {
	width: 70%
}

.col-9-10 {
	width: 90%
}

.col-1-12 {
	width: 8.3333333333%
}

.col-5-12 {
	width: 41.6666666667%
}

.col-7-12 {
	width: 58.3333333333%
}

.col-11-12 {
	width: 91.6666666667%
}

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

.col-3-20 {
	width: 15%
}

.col-7-20 {
	width: 35%
}

.col-9-20 {
	width: 45%
}

.col-11-20 {
	width: 55%
}

.col-13-20 {
	width: 65%
}

.col-17-20 {
	width: 85%
}

.col-19-20 {
	width: 95%
}

.w-0 {
	width: 0
}

.w-full {
	width: 100%
}

.w-auto {
	width: auto
}

.h-0 {
	height: 0
}

.h-full {
	height: 100%
}

.mih-100 {
	min-height: 100%
}

.maw-100 {
	max-width: 100%
}

.w-160 {
	width: 160px
}

.w-300 {
	width: 300px
}

.w-370 {
	width: 370px
}

.w-1em {
	width: 1em
}

.w-2em {
	width: 2em
}

.w-3em {
	width: 3em
}

.w-4em {
	width: 4em
}

.w-5em {
	width: 5em
}

.w-6em {
	width: 6em
}

.w-7em {
	width: 7em
}

.w-8em {
	width: 8em
}

.w-9em {
	width: 9em
}

.w-10em {
	width: 10em
}

.ar-1:before {
	content: "";
	float: left;
	padding-bottom: 10%
}

.ar-1:after {
	content: "";
	display: block;
	clear: both
}

.ar-2:before {
	content: "";
	float: left;
	padding-bottom: 20%
}

.ar-2:after {
	content: "";
	display: block;
	clear: both
}

.ar-3:before {
	content: "";
	float: left;
	padding-bottom: 30%
}

.ar-3:after {
	content: "";
	display: block;
	clear: both
}

.ar-4:before {
	content: "";
	float: left;
	padding-bottom: 40%
}

.ar-4:after {
	content: "";
	display: block;
	clear: both
}

.ar-5:before {
	content: "";
	float: left;
	padding-bottom: 50%
}

.ar-5:after {
	content: "";
	display: block;
	clear: both
}

.ar-6:before {
	content: "";
	float: left;
	padding-bottom: 60%
}

.ar-6:after {
	content: "";
	display: block;
	clear: both
}

.ar-7:before {
	content: "";
	float: left;
	padding-bottom: 70%
}

.ar-7:after {
	content: "";
	display: block;
	clear: both
}

.ar-8:before {
	content: "";
	float: left;
	padding-bottom: 80%
}

.ar-8:after {
	content: "";
	display: block;
	clear: both
}

.ar-9:before {
	content: "";
	float: left;
	padding-bottom: 90%
}

.ar-9:after {
	content: "";
	display: block;
	clear: both
}

.ar-10:before {
	content: "";
	float: left;
	padding-bottom: 100%
}

.ar-10:after {
	content: "";
	display: block;
	clear: both
}

.bgi {
	background-size: cover;
	background-position: 50%
}

.bg-contain {
	background-size: contain
}

.bg-cover {
	background-size: cover
}

.bg-left {
	background-position: 0
}

.bg-right {
	background-position: 100%
}

.bg-top {
	background-position: top
}

.bg-bottom {
	background-position: bottom
}

.bg-center {
	background-position: 50%
}

.bg-padding {
	background-clip: padding-box
}

.bg-content {
	background-clip: content-box
}

.bg-auto {
	background-size: auto
}

@media(max-width:360px) {
	.tiny--1 {
		font-size: .95em
	}
}

@media(max-width:360px) {
	.tiny--2 {
		font-size: .9em
	}
}

@media(max-width:360px) {
	.tiny--3 {
		font-size: .85em
	}
}

@media(max-width:360px) {
	.tiny--4 {
		font-size: .8em
	}
}

@media(max-width:360px) {
	.tiny--5 {
		font-size: .75em
	}
}

.fz-0 {
	font-size: 0
}

.fz-8 {
	font-size: 8px
}

.fz-10 {
	font-size: 10px
}

.fz-11 {
	font-size: 11px
}

.fz-13 {
	font-size: 13px
}

.fz-15 {
	font-size: 15px
}

.fz-17 {
	font-size: 17px
}

.fz-19 {
	font-size: 19px
}

.fz-21 {
	font-size: 21px
}

.fz-32 {
	font-size: 32px
}

.fz-40 {
	font-size: 40px
}

.fz-48 {
	font-size: 48px
}

.fz-50 {
	font-size: 50px
}

.fz-60 {
	font-size: 60px
}

.fz-160 {
	font-size: 160px
}

.fz-sm {
	font-size: 12px
}

.fz-base {
	font-size: 14px
}

.fz-md {
	font-size: 16px
}

.fz-lg {
	font-size: 18px
}

.fz-x-lg {
	font-size: 20px
}

.fz-xx-lg {
	font-size: 24px
}

.fz-xxx-lg {
	font-size: 30px
}

.fzx-1 {
	font-size: 13px
}

.fzp-1 {
	font-size: 1.1em
}

.fzx-2 {
	font-size: 15px
}

.fzp-2 {
	font-size: 1.2em
}

.fzx-3 {
	font-size: 17px
}

.fzp-3 {
	font-size: 1.3em
}

.fzx-4 {
	font-size: 19px
}

.fzp-4 {
	font-size: 1.4em
}

.fzx-5 {
	font-size: 21px
}

.fzp-5 {
	font-size: 1.5em
}

.fzx-6 {
	font-size: 23px
}

.fzp-6 {
	font-size: 1.6em
}

.fzx--1 {
	font-size: 11px
}

.fzx--2 {
	font-size: 10px
}

.fzx--3 {
	font-size: 9px
}

.fzx--4 {
	font-size: 8px
}

.fzx--5 {
	font-size: 7px
}

.lh-10 {
	line-height: 1
}

.lh-11 {
	line-height: 1.1
}

.lh-12 {
	line-height: 1.2
}

.lh-13 {
	line-height: 1.3
}

.lh-14 {
	line-height: 1.4
}

.lh-15 {
	line-height: 1.5
}

.lh-16 {
	line-height: 1.6
}

.lh-17 {
	line-height: 1.7
}

.lh-18 {
	line-height: 1.8
}

.lh-19 {
	line-height: 1.9
}

.lh-20 {
	line-height: 2
}

.lh-21 {
	line-height: 2.1
}

.lh-22 {
	line-height: 2.2
}

.lh-23 {
	line-height: 2.3
}

.lh-24 {
	line-height: 2.4
}

.lh-25 {
	line-height: 2.5
}

.lh-26 {
	line-height: 2.6
}

.lh-27 {
	line-height: 2.7
}

.lh-28 {
	line-height: 2.8
}

.lh-29 {
	line-height: 2.9
}

.lh-30 {
	line-height: 3
}

.lh-base {
	line-height: 1.5
}

.dot {
	width: 6px;
	height: 6px
}

.dot-sm {
	width: 4px;
	height: 4px
}

.dot-md {
	width: 8px;
	height: 8px
}

.dot-lg {
	width: 10px;
	height: 10px
}

.dot-x-lg {
	width: 12px;
	height: 12px
}

.square {
	width: 1em;
	height: 1em
}

.square-2 {
	width: 1.4em;
	height: 1.4em
}

.square-3 {
	width: 1.6em;
	height: 1.6em
}

.square-4 {
	width: 1.8em;
	height: 1.8em
}

.square-5 {
	width: 2em;
	height: 2em
}

.square-6 {
	width: 2.2em;
	height: 2.2em
}

.square-7 {
	width: 2.4em;
	height: 2.4em
}

.square-8 {
	width: 2.6em;
	height: 2.6em
}

.square-9 {
	width: 2.8em;
	height: 2.8em
}

.square-10 {
	width: 3em;
	height: 3em
}

.fwl {
	font-weight: 300
}

.fwn {
	font-weight: 400
}

.fwm {
	font-weight: 500
}

.fws {
	font-weight: 600
}

.fwb {
	font-weight: 700
}

.tdu {
	text-decoration: underline
}

.fsn {
	font-style: normal
}

.fsi {
	font-style: italic
}

.zi--1 {
	z-index: -1
}

.zi-1 {
	z-index: 1
}

.zi-2 {
	z-index: 2
}

.zi-3 {
	z-index: 3
}

.ovh {
	overflow: hidden
}

.oxh {
	overflow-x: hidden
}

.ova {
	overflow: auto
}

.bdn {
	border: none
}

.hc {
	margin-left: auto;
	margin-right: auto
}

.hvc {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.vcw {
	font-size: 0;
	letter-spacing: -.307em
}

.vcw:before {
	content: "";
	width: 0;
	height: 100%
}

.vcw:before,.vcw>* {
	vertical-align: middle;
	display: inline-block
}

.vcw>* {
	letter-spacing: normal;
	font-size: 14px
}

.nowrap {
	white-space: nowrap
}

.wrap {
	white-space: normal
}

.transition {
	transition: all .4s
}

.transition-3 {
	transition: all .3s
}

.transition-2 {
	transition: all .2s
}

.transition-1 {
	transition: all .1s
}

.no-transition {
	transition: none
}

.no-animation {
	animation: none
}

.ti-2 {
	text-indent: 2em
}

.scroll-touch {
	-webkit-overflow-scrolling: touch
}

.scale--1 {
	transform: scale(.95)
}

.scale--2 {
	transform: scale(.9)
}

.scale--3 {
	transform: scale(.85)
}

.scale--4 {
	transform: scale(.8)
}

.scale--5 {
	transform: scale(.75)
}

.scale--6 {
	transform: scale(.7)
}

.scale--7 {
	transform: scale(.65)
}

.scale--8 {
	transform: scale(.6)
}

.scale--9 {
	transform: scale(.55)
}

.scale--10 {
	transform: scale(.5)
}

.o-left {
	transform-origin: left
}

.o-right {
	transform-origin: right
}

.o-top {
	transform-origin: top
}

.o-bottom {
	transform-origin: bottom
}

.o-left-bottom {
	transform-origin: left bottom
}

.o-left-top {
	transform-origin: left top
}

.border {
	border: 1px solid #e6e6e6
}

.border-0 {
	border-width: 0
}

.h-line {
	border-bottom: 1px solid;
	transform: scaleY(.5);
	color: #e6e6e6
}

.v-line {
	border-right: 1px solid;
	color: #e6e6e6
}

.bb {
	border-bottom: 1px solid #e6e6e6
}

.bt {
	border-top: 1px solid #e6e6e6
}

.br {
	border-right: 1px solid #e6e6e6
}

.bl {
	border-left: 1px solid #e6e6e6
}

.border-2 {
	border-width: 2px
}

.border-3 {
	border-width: 3px
}

.border-4 {
	border-width: 4px
}

.border-5 {
	border-width: 5px
}

.bdc-c,.bdc-c:after,.bdc-c:before {
	border-color: currentColor
}

.bdc-transparent {
	border-color: transparent
}

.dashed {
	border-style: dashed
}

.dotted {
	border-style: dotted
}

.flex {
	display: -ms-flexbox;
	display: flex
}

.flex>a {
	display: block
}

.fdc {
	-ms-flex-direction: column;
	flex-direction: column
}

.jsa {
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.jsb {
	-ms-flex-pack: justify;
	justify-content: space-between
}

.jcc {
	-ms-flex-pack: center;
	justify-content: center
}

.je {
	-ms-flex-pack: end;
	justify-content: flex-end
}

.jfs {
	-ms-flex-pack: start;
	justify-content: flex-start
}

.flex-wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.flex-nowrap {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}

.ais {
	-ms-flex-align: start;
	align-items: flex-start
}

.aic {
	-ms-flex-align: center;
	align-items: center
}

.aie {
	-ms-flex-align: end;
	align-items: flex-end
}

.ass {
	-ms-flex-item-align: start;
	align-self: flex-start
}

.ase {
	-ms-flex-item-align: end;
	align-self: flex-end
}

.asc {
	-ms-flex-item-align: center;
	align-self: center
}

.f-1 {
	-ms-flex: 1;
	flex: 1
}

.f-2 {
	-ms-flex: 2;
	flex: 2
}

.f-3 {
	-ms-flex: 3;
	flex: 3
}

.f-4 {
	-ms-flex: 4;
	flex: 4
}

.f-5 {
	-ms-flex: 5;
	flex: 5
}

.f-6 {
	-ms-flex: 6;
	flex: 6
}

.f-7 {
	-ms-flex: 7;
	flex: 7
}

.f-8 {
	-ms-flex: 8;
	flex: 8
}

.f-9 {
	-ms-flex: 9;
	flex: 9
}

.f-10 {
	-ms-flex: 10;
	flex: 10
}

.o-0 {
	opacity: 0
}

.o-1 {
	opacity: .1
}

.o-2 {
	opacity: .2
}

.o-3 {
	opacity: .3
}

.o-4 {
	opacity: .4
}

.o-5 {
	opacity: .5
}

.o-6 {
	opacity: .6
}

.o-7 {
	opacity: .7
}

.o-8 {
	opacity: .8
}

.o-9 {
	opacity: .9
}

.o-10 {
	opacity: 1
}

.pen {
	pointer-events: none
}

.usn {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.tcn {
	-webkit-touch-callout: none
}

.ls-1 {
	letter-spacing: 1px;
	padding-left: 1px
}

.ls-2 {
	letter-spacing: 2px;
	padding-left: 2px
}

.ls-3 {
	letter-spacing: 3px;
	padding-left: 3px
}

.ls-4 {
	letter-spacing: 4px;
	padding-left: 4px
}

.ls-5 {
	letter-spacing: 5px;
	padding-left: 5px
}

.ls-6 {
	letter-spacing: 6px;
	padding-left: 6px
}

.ls-7 {
	letter-spacing: 7px;
	padding-left: 7px
}

.ls-8 {
	letter-spacing: 8px;
	padding-left: 8px
}

.ls-9 {
	letter-spacing: 9px;
	padding-left: 9px
}

.ls-10 {
	letter-spacing: 10px;
	padding-left: 10px
}

.padding-header {
	padding-top: 60px
}

.h-header {
	height: 60px
}

.first-no-border:first-child {
	border-color: transparent
}

.por {
	position: relative
}

.pof {
	position: fixed
}

.poa {
	position: absolute
}

.pss {
	position: static
}

.wwb {
	word-wrap: break-word
}

.wbb {
	word-break: break-all
}

.wpw {
	white-space: pre-wrap
}

.rotate-180 {
	transform: rotate(180deg)
}

.tap-transparent {
	-webkit-tap-highlight-color: transparent
}

.tdl {
	text-decoration: line-through
}

.tr-light tr {
	background-color: #f4f6f7
}

.tr-hover-alt tr {
	transition: all .4s
}

.tr-hover-alt tr:hover {
	background-color: #f1f4f6
}

.c-primary {
	color: #576b96
}

.bgc-primary {
	background-color: #576b96
}

.bdc-primary {
	border-color: #576b96
}

.link-primary {
	color: #576b96;
	transition: color .2s ease-in-out
}

.link-primary:focus,.link-primary:hover {
	color: #5e73a1;
	text-shadow: 0 0 1px rgba(87,107,150,.3)
}

.link-primary:active {
	text-shadow: 0 0 2px rgba(87,107,150,.3)
}

.hover-primary:focus,.hover-primary:focus .icon,.hover-primary:hover,.hover-primary:hover .icon {
	color: #576b96;
	text-shadow: 0 0 1px rgba(87,107,150,.3)
}

.hover-primary:active,.hover-primary:active .icon {
	text-shadow: 0 0 2px rgba(87,107,150,.3)
}

.badge-primary {
	color: #fff;
	background-color: #576b96
}

.c-secondary {
	color: #519ff1
}

.bgc-secondary {
	background-color: #519ff1
}

.bdc-secondary {
	border-color: #519ff1
}

.link-secondary {
	color: #519ff1;
	transition: color .2s ease-in-out
}

.link-secondary:focus,.link-secondary:hover {
	color: #f90606;
	text-shadow: 0 0 1px rgba(250,50,50,.3)
}

.link-secondary:active {
	text-shadow: 0 0 2px rgba(250,50,50,.3)
}

.hover-secondary:focus,.hover-secondary:focus .icon,.hover-secondary:hover,.hover-secondary:hover .icon {
	color: #519ff1;
	text-shadow: 0 0 1px rgba(250,50,50,.3)
}

.hover-secondary:active,.hover-secondary:active .icon {
	text-shadow: 0 0 2px rgba(250,50,50,.3)
}

.badge-secondary {
	color: #fff;
	background-color: #519ff1
}

.c-alt {
	color: #313d4f
}

.bgc-alt {
	background-color: #313d4f
}

.bdc-alt {
	border-color: #313d4f
}

.link-alt {
	color: #313d4f;
	transition: color .2s ease-in-out
}

.link-alt:focus,.link-alt:hover {
	color: #627a9d;
	text-shadow: 0 0 1px rgba(49,61,79,.3)
}

.link-alt:active {
	text-shadow: 0 0 2px rgba(49,61,79,.3)
}

.hover-alt:focus,.hover-alt:focus .icon,.hover-alt:hover,.hover-alt:hover .icon {
	color: #313d4f;
	text-shadow: 0 0 1px rgba(49,61,79,.3)
}

.hover-alt:active,.hover-alt:active .icon {
	text-shadow: 0 0 2px rgba(49,61,79,.3)
}

.badge-alt {
	color: #fff;
	background-color: #313d4f
}

.c-success {
	color: #28a745
}

.bgc-success {
	background-color: #28a745
}

.bdc-success {
	border-color: #28a745
}

.link-success {
	color: #28a745;
	transition: color .2s ease-in-out
}

.link-success:focus,.link-success:hover {
	color: #31ce55;
	text-shadow: 0 0 1px rgba(40,167,69,.3)
}

.link-success:active {
	text-shadow: 0 0 2px rgba(40,167,69,.3)
}

.hover-success:focus,.hover-success:focus .icon,.hover-success:hover,.hover-success:hover .icon {
	color: #28a745;
	text-shadow: 0 0 1px rgba(40,167,69,.3)
}

.hover-success:active,.hover-success:active .icon {
	text-shadow: 0 0 2px rgba(40,167,69,.3)
}

.badge-success {
	color: #fff;
	background-color: #28a745
}

.c-info {
	color: #5b99ee
}

.bgc-info {
	background-color: #5b99ee
}

.bdc-info {
	border-color: #5b99ee
}

.link-info {
	color: #5b99ee;
	transition: color .2s ease-in-out
}

.link-info:focus,.link-info:hover {
	color: #186fe7;
	text-shadow: 0 0 1px rgba(91,153,238,.3)
}

.link-info:active {
	text-shadow: 0 0 2px rgba(91,153,238,.3)
}

.hover-info:focus,.hover-info:focus .icon,.hover-info:hover,.hover-info:hover .icon {
	color: #5b99ee;
	text-shadow: 0 0 1px rgba(91,153,238,.3)
}

.hover-info:active,.hover-info:active .icon {
	text-shadow: 0 0 2px rgba(91,153,238,.3)
}

.badge-info {
	color: #fff;
	background-color: #5b99ee
}

.c-warning {
	color: #fc7b34
}

.bgc-warning {
	background-color: #fc7b34
}

.bdc-warning {
	border-color: #fc7b34
}

.link-warning {
	color: #fc7b34;
	transition: color .2s ease-in-out
}

.link-warning:focus,.link-warning:hover {
	color: #fb5c04;
	text-shadow: 0 0 1px rgba(252,123,52,.3)
}

.link-warning:active {
	text-shadow: 0 0 2px rgba(252,123,52,.3)
}

.hover-warning:focus,.hover-warning:focus .icon,.hover-warning:hover,.hover-warning:hover .icon {
	color: #fc7b34;
	text-shadow: 0 0 1px rgba(252,123,52,.3)
}

.hover-warning:active,.hover-warning:active .icon {
	text-shadow: 0 0 2px rgba(252,123,52,.3)
}

.badge-warning {
	color: #111;
	background-color: #fc7b34
}

.c-danger {
	color: #519ff1
}

.bgc-danger {
	background-color: #519ff1
}

.bdc-danger {
	border-color: #519ff1
}

.link-danger {
	color: #519ff1;
	transition: color .2s ease-in-out
}

.link-danger:focus,.link-danger:hover {
	color: #f90606;
	text-shadow: 0 0 1px rgba(250,50,50,.3)
}

.link-danger:active {
	text-shadow: 0 0 2px rgba(250,50,50,.3)
}

.hover-danger:focus,.hover-danger:focus .icon,.hover-danger:hover,.hover-danger:hover .icon {
	color: #519ff1;
	text-shadow: 0 0 1px rgba(250,50,50,.3)
}

.hover-danger:active,.hover-danger:active .icon {
	text-shadow: 0 0 2px rgba(250,50,50,.3)
}

.badge-danger {
	color: #fff;
	background-color: #519ff1
}

.alert-warning {
	color: #fc7b34;
	background-color: #fffdcb
}

.c-border {
	color: #e6e6e6
}

.bgc-primary-soft {
	background-color: #f3f6fc
}

.bgc-primary-soft-2 {
	background-color: #def2e1
}

.bgc-danger-soft {
	background-color: #faebeb
}

.gradient-primary {
	background-color: #576b96;
	background-image: linear-gradient(180deg,#5a6e98,#556993)
}

.link-f {
	color: #fff
}

.link-f:focus,.link-f:hover {
	color: hsla(0,0%,100%,.9)
}

.link-f:active {
	color: hsla(0,0%,100%,.8)
}

.link-text,.link-text:active,.link-text:focus,.link-text:hover {
	color: inherit
}

.c-text {
	color: #2c2d31
}

.text-darker {
	text-shadow: 0 0 0 #2c2d31
}

.c-transparent {
	color: transparent
}

.dark-2 {
	color: #2c2d31
}

.dark-3 {
	color: #343a40
}

.dark-4 {
	color: #495057
}

.dark-5 {
	color: #555
}

.dark-6 {
	color: #666
}

.dark-7 {
	color: #777
}

.dark-8 {
	color: #868e96
}

.dark-9 {
	color: #999
}

.light-1 {
	color: #aaa
}

.light-2 {
	color: #bbb
}

.light-3 {
	color: #ccc
}

.light-4 {
	color: #d4d4d4
}

.light-5 {
	color: #ddd
}

.light-6 {
	color: #e6e6e6
}

.light-7 {
	color: #f4f6f7
}

.light-8 {
	color: #f8f9fb
}

.light-9 {
	color: #fafbfc
}

.c-f {
	color: #fff
}

.c-0 {
	color: #000
}

.c-f-1 {
	color: hsla(0,0%,100%,.1)
}

.c-f-2 {
	color: hsla(0,0%,100%,.2)
}

.c-f-3 {
	color: hsla(0,0%,100%,.3)
}

.c-f-4 {
	color: hsla(0,0%,100%,.4)
}

.c-f-5 {
	color: hsla(0,0%,100%,.5)
}

.c-f-6 {
	color: hsla(0,0%,100%,.6)
}

.c-f-7 {
	color: hsla(0,0%,100%,.7)
}

.c-f-8 {
	color: hsla(0,0%,100%,.8)
}

.c-f-9 {
	color: hsla(0,0%,100%,.9)
}

.c-i {
	color: inherit
}

.bgc-transparent {
	background-color: transparent
}

.bgc-current {
	background-color: currentColor
}

.bgc-w {
	background-color: #fff
}

.bgc-body {
	background-color: #eef0f2
}

.bgc-0 {
	background-color: #000
}

.bgc-l-1 {
	background-color: #aaa
}

.bgc-l-2 {
	background-color: #bbb
}

.bgc-l-3 {
	background-color: #ccc
}

.bgc-l-4 {
	background-color: #d4d4d4
}

.bgc-l-5 {
	background-color: #ddd
}

.bgc-l-6 {
	background-color: #e6e6e6
}

.bgc-l-7 {
	background-color: #f4f6f7
}

.bgc-l-8 {
	background-color: #f8f9fb
}

.bgc-l-9 {
	background-color: #fafbfc
}

.shadow {
	box-shadow: 0 1px 4px #ddd
}

.shadow-border {
	box-shadow: 0 1px 10px 1px #ddd
}

.shadow-lg {
	box-shadow: 0 3px 20px #e6e6e6
}

.text-shadow {
	text-shadow: 0 0 2px rgba(44,45,49,.2)
}

input:focus+.focus-c-primay {
	color: #576b96
}
/*  */
.index .fade-left{
    animation-name: bounceInRight;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: both;
}
#anchor-intro .por .poa, #anchor-about .por .poa{
    height: 9;
    top: 8px;
}
#anchor-intro .jccss{
    padding-bottom: 132px;
}
#anchor-intro .jccss .ml-75{
    width: 456px; 
    height: 440px;
}
#anchor-intro .jccss .fade-left{
    margin-left: 130px; 
    width: 430px;
}
#anchor-intro .jccss .fade-left h2{
    font-size: 24px; color: rgb(44, 45, 49);
}
#anchor-intro .ovhhh .fade-right{
    margin: 0px 130px; width: 430px;
}
#anchor-intro .ovhhh .two{
    width: 460px; height: 532px;
}
#anchor-intro .jccvv .ml-75{
    width: 456px; 
    height: 440px;
}
#anchor-intro .jccvv .fade-left{
    margin-left: 130px; 
    width: 430px;
}
#anchor-about .mt-75{
    padding-bottom: 72px;
}
#anchor-about .mt-75 .mr-5{
    font-size: 28px;
}
#anchor-about .about-us .bgc-dy{
    width: 260px; height: 3px;
    border-top-right-radius: 4px;
}
#anchor-about .about-us .bgc-dy2{
    width: 32px; height: 3px; margin-left: calc(100% - 41px); 
    border-top-left-radius: 4px;
}
/* 底部 */
.footer{
    margin-top: 150px;
    height: 300px;
    background: #519ff1;
    color: #fff;
}
.footer-w{
    display: flex;
    justify-content: space-between;
    width: 1126px;
    margin: 0 auto;
}
.footer-iphone a{
    display: block;
    background: #2D2D2D;
    border-radius: 4px;
    width: 162px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    margin-top: 18px;
    color: #fff;
}
.footer-down{
    display: flex;
}
.andriod{
    background: url(../images/Android-logo@2x.png) no-repeat left center;
    display: inline-block;
    padding-left: 24px;
    background-size: 16px 18px;
    margin-left:-6px;
}
.ios{
    background: url(../images/iphone-logo@2x.png) no-repeat left center;
    display: inline-block;
    padding-left: 25px;
    margin-left: -5px;
    background-size: 14px 18px;
}
.down-txt{
    margin-top:56px; 
    font-size: 14px;
    color: #FFFFFF;
}
.footer-qrcode{
    width: 108px;
    height: 108px;
    background: #FFFFFF;
    border-radius: 4px;
    margin-top: 96px;
    margin-left: 24px;
}

.footer-qrcode img{
    width: 100px;
    height: 100px;
    margin: 4px;
}
.protocol-con {
    position: relative;
    /* margin-right: 150px; */
    /* margin-left: 294px; */
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.protocol{
    display: flex;
    justify-content: flex-end;
    margin-top: 26px;
}
.protocol li{
    font-size: 16px;
    color: #FFFFFF;
    margin-right: 8px;
}
.protocol li a{
    color: #FFFFFF; 
}
.copyright, .address{
    opacity: 0.8;
    font-size: 12px;
    color: #FFFFFF; 
}
.copyright {
    margin-top: 24px;
    line-height: 24px;  
}
.address {
    margin-top: 8px;
    line-height: 24px;
}
.copyright a{
    opacity: 0.8; 
    color: #FFFFFF;
}
.security {
    position: absolute;
    top: 80px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    width: 156px;
    height: 35px;
}
.security .icon {
    width: 12px;
    height: 14px;
    margin-right: 8px;
}
.security .text {
    font-family: STHeitiSC-Medium;
    font-size: 14px;
    color: #FFFFFF;
}
.tempWrap{
    margin-left: 22px;
}