@charset "UTF-8";

.el-pagination--small .arrow.disabled,
.el-table .hidden-columns,
.el-table td.is-hidden>*,
.el-table th.is-hidden>*,
.el-table--hidden {
	visibility: hidden
}

.el-input__suffix,
.el-tree.is-dragging .el-tree-node__content * {
	pointer-events: none
}

.el-dropdown .el-dropdown-selfdefine:focus:active,
.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing),
.el-message__closeBtn:focus,
.el-message__content:focus,
.el-popover:focus,
.el-popover:focus:active,
.el-popover__reference:focus:hover,
.el-popover__reference:focus:not(.focusing),
.el-rate:active,
.el-rate:focus,
.el-tooltip:focus:hover,
.el-tooltip:focus:not(.focusing),
.el-upload-list__item.is-success:active,
.el-upload-list__item.is-success:not(.focusing):focus {
	outline-width: 0
}

.layui-table-tool-temp {
	padding-right: 0
}

.layui-tree-icon {
	box-sizing: content-box;
	border-radius: 7px
}

.layui-tree-iconClick .layui-icon.layui-icon-file {
	font-size: 14px
}

.layui-laydate {
	font-size: var(--font-size)
}

.layui-form-radio {
	margin-top: 0
}

.layui-form-radio * {
	font-size: var(--font-size)
}

.layui-icon.layui-colorpicker-trigger-i.layui-icon-close {
	line-height: 12px;
	vertical-align: top
}

.layui-layer-tips i.layui-layer-TipsG {
	border-left-color: #333 !important;
	border-right-color: transparent !important
}

.layui-form-radio:hover *,
.layui-form-radioed,
.layui-form-radioed>i {
	color: var(--color-primary)
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
	background-color: var(--color-primary)
}

.layui-laydate .layui-this {
	background-color: var(--color-primary) !important
}

.layui-laydate-footer span:hover,
.layui-laydate-footer span[lay-type=date],
.layui-laydate-header i:hover,
.layui-laydate-header span:hover {
	color: var(--color-primary)
}

.layui-layer-btn .layui-layer-btn0 {
	background-color: var(--color-primary) !important;
	border-color: var(--color-primary) !important
}

.layui-tree-txt {
	text-decoration: none !important
}

.layui-table-cell,
.layui-table-view .layui-table[lay-size=sm] .layui-table-cell {
	height: auto
}

.layui-table-cell p {
	margin-bottom: 0
}

.layui-table,
.layui-table-view {
	margin: 0
}

.layui-table-body .layui-none {
	background: #fff
}

.layui-table-tips-c {
	padding: 0
}

.layui-form-checked[lay-skin=primary] i {
	border-color: var(--color-primary) !important;
	background-color: var(--color-primary)
}

.layui-form-switch {
	box-sizing: content-box
}

.layui-colorpicker-main-input .layui-btn-container .layui-btn {
	margin: 0
}

.layui-form-radio>i:hover,
.layui-form-radioed>i {
	color: var(--color-primary)
}

.layui-table td,
.layui-table th {
	font-size: inherit
}

.layui-form-onswitch {
	background-color: var(--color-primary);
	border-color: var(--color-primary)
}

.layui-table tbody tr:hover,
.layui-table thead tr,
.layui-table-click,
.layui-table-header,
.layui-table-hover,
.layui-table-mend,
.layui-table-patch,
.layui-table-tool,
.layui-table-total,
.layui-table-total tr,
.layui-table[lay-even] tr:nth-child(even) {
	background-color: #fff
}

.layui-table {
	color: var(--color-text)
}

.layui-table th {
	font-weight: 700
}

.layui-table-header th .layui-table-cell {
	position: relative
}

.layui-table-header th .layui-table-cell:after {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	bottom: 0;
	right: 5px;
	top: 0;
	background-image: linear-gradient(to bottom, #fff, #eee, #fff)
}

.ms-field-image-grid {
	display: block;
	height: 2.1rem;
	box-sizing: border-box;
	vertical-align: middle;
	text-align: center
}

.ms-field-image-grid img {
	height: 2rem;
	max-width: 2rem;
	display: inline-block;
	margin-top: 1px;
	box-shadow: 0 0 1px #ccc;
	border-radius: 3px
}

:root,
page {
	--color-primary: var(--theme-color-primary, #3555CC);
	--color-primary-light: var(--theme-color-primary-light, #3555CC);
	--color-primary-dark: var(--theme-color-primary-dark, #2f4cb9);
	--color-success: #3bb346;
	--color-success-dark: #30953b;
	--color-success-light: #ecf7ec;
	--color-warning: #fc8800;
	--color-warning-dark: #d26700;
	--color-warning-light: #fff8ea;
	--color-danger: #f93920;
	--color-danger-dark: #d52515;
	--color-danger-light: #fef2ed;
	--color-link: #0064fa;
	--color-link-light: #6ba7f5;
	--color-link-dark: #0062d6;
	--color-tertiary: #6b7075;
	--color-tertiary-dark: #555b61;
	--color-tertiary-light: #c6cacd;
	--color-input-placeholder: #C4CFDB;
	--color-muted: #C4CFDB;
	--color-text: var(--theme-color-text, #34495e);
	--color-body-bg: var(--theme-color-body-bg, #F4F6F8);
	--size-radius: var(--theme-size-radius, 0.4rem);
	--size-margin: var(--theme-size-margin, 0.5rem);
	--size-margin-lg: var(--theme-size-margin-lg, 2rem);
	--size-margin-1-2: var(--theme-size-margin-1-2, 0.25rem);
	--size-margin-1-2-negative: var(--theme-size-margin-1-2-negative, -0.25rem);
	--font-size-root: var(--theme-font-size-root, 20px);
	--font-size: var(--theme-font-size, 0.65rem);
	--font-size-medium: var(--theme-font-size, 0.8rem);
	--font-size-large: var(--theme-font-size-large, 1rem);
	--font-size-small: var(--theme-font-size-small, 0.6rem);
	--container-width: var(--theme-container-width, 55rem)
}

*,
::after,
::before {
	box-sizing: border-box;
	outline: 0
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: auto;
	-webkit-tap-highlight-color: transparent
}

@-ms-viewport {
	width: device-width
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
	display: block
}

body {
	margin: 0;
	line-height: 1.5;
	text-align: left
}

[tabindex="-1"]:focus {
	outline: 0 !important
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: .5rem
}

p {
	margin-top: 0;
	margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	cursor: help;
	border-bottom: 0
}

address {
	margin-bottom: 1rem;
	font-style: normal;
	line-height: inherit
}

dl,
ol,
ul {
	margin-top: 0;
	margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
	margin-bottom: 0
}

dt {
	font-weight: 700
}

dd {
	margin-bottom: .5rem;
	margin-left: 0
}

blockquote {
	margin: 0 0 1rem
}

dfn {
	font-style: italic
}

b,
strong {
	font-weight: bolder
}

small {
	font-size: 80%
}

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

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

a {
	color: #007bff;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}

a:hover {
	color: #0056b3
}

a:not([href]):not([tabindex]):focus {
	outline: 0
}

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

pre {
	margin-top: 0;
	margin-bottom: 1em;
	overflow: auto;
	-ms-overflow-style: auto
}

figure {
	margin: 0 0 1rem
}

img {
	vertical-align: middle;
	border-style: none
}

svg:not(:root) {
	overflow: hidden
}

table {
	border-collapse: collapse
}

caption {
	padding-top: .75rem;
	padding-bottom: .75rem;
	color: #6c757d;
	text-align: left;
	caption-side: bottom
}

th {
	text-align: inherit
}

label {
	display: inline-block;
	margin-bottom: .5rem
}

button {
	border-radius: 0
}

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

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	padding: 0;
	border-style: none
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
	-webkit-appearance: listbox
}

textarea {
	overflow: auto;
	resize: vertical
}

fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0
}

legend {
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin-bottom: .5rem;
	font-size: 1.5rem;
	line-height: inherit;
	color: inherit;
	white-space: normal
}

progress {
	vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	outline-offset: -2px;
	-webkit-appearance: none
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

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

output {
	display: inline-block
}

summary {
	display: list-item;
	cursor: pointer
}

template {
	display: none
}

[hidden] {
	display: none !important
}

html {
	font-size: var(--font-size-root);
	font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	background: #f4f6f8;
	color: #34495e
}

body {
	font-size: .65rem;
	font-weight: 400
}

body.scroll-lock {
	overflow: hidden
}

.iconfont {
	font-size: inherit
}

code,
pre {
	border: 1px solid #f2f2f2;
	background-color: #fff;
	padding: .25rem;
	font-size: .6rem;
	-webkit-border-radius: var(--size-radius, .25rem);
	-moz-border-radius: var(--size-radius, .25rem);
	border-radius: var(--size-radius, .25rem);
	border-left-width: 6px;
	color: #333
}

a.ub-text {
	color: #333
}

a.ub-text:hover {
	text-decoration: underline
}

.margin-top-lg {
	margin-top: var(--size-margin-lg, 2rem) !important
}

.margin-top {
	margin-top: var(--size-margin, .5rem) !important
}

.margin-top-remove {
	margin-top: 0 !important
}

.margin-left {
	margin-left: var(--size-margin, .5rem) !important
}

.margin-left-remove {
	margin-left: 0 !important
}

.margin-bottom {
	margin-bottom: var(--size-margin, .5rem) !important
}

.margin-bottom-remove {
	margin-bottom: 0 !important
}

.margin-right {
	margin-right: var(--size-margin, .5rem) !important
}

.margin-right-remove {
	margin-right: 0 !important
}

.ub-padding {
	padding: var(--size-margin, .5rem) !important
}

.padding-top {
	padding-top: var(--size-margin, .5rem) !important
}

.padding-bottom {
	padding-bottom: var(--size-margin, .5rem) !important
}

.ub-container,
.ub-mobile-container {
	max-width: var(--container-width, 55rem);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--size-margin-1-2);
	padding-right: var(--size-margin-1-2)
}

.ub-container.narrow,
.ub-mobile-container.narrow {
	max-width: 30rem
}

.ub-mobile-container {
	max-width: 30rem;
	box-shadow: 0 0 5px #ccc
}

.ub-color-a {
	color: #4f7ff3 !important
}

.ub-color-b {
	color: #5bc692 !important
}

.ub-color-c {
	color: #f0a453 !important
}

.ub-color-d {
	color: #6a46bd !important
}

.ub-color-e {
	color: #587be9 !important
}

.ub-color-vip {
	color: #e9bd6c !important
}

.ub-color-f {
	color: #ed3f14 !important
}

.ub-bg-primary {
	background-color: var(--color-primary) !important
}

.ub-bg-white {
	background-color: #fff !important
}

.ub-bg-a {
	background-color: #4f7ff3 !important;
	color: #fff !important
}

.ub-bg-b {
	background-color: #5bc692 !important;
	color: #fff !important
}

.ub-bg-c {
	background-color: #f0a453 !important;
	color: #fff !important
}

.ub-bg-d {
	background-color: #6a46bd !important;
	color: #fff !important
}

.ub-bg-e {
	background-color: #587be9 !important;
	color: #fff !important
}

.ub-bg-f {
	background-color: #ed3f14 !important;
	color: #fff !important
}

.ub-bg-vip {
	background-color: #e9bd6c !important;
	color: #fff !important
}

.ub-text-truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.ub-text-bold {
	font-weight: 700
}

.ub-text-white {
	color: #fff !important
}

.ub-text-muted {
	color: var(--color-muted) !important
}

.ub-text-primary {
	color: var(--color-primary) !important
}

.ub-border-primary {
	border-color: var(--color-primary) !important
}

.ub-text-default {
	color: var(--color-text) !important
}

.ub-text-success {
	color: var(--color-success) !important
}

.ub-text-warning {
	color: var(--color-warning) !important
}

.ub-text-danger {
	color: var(--color-danger) !important
}

.ub-text-small {
	font-size: .6rem
}

.ub-text-center {
	text-align: center !important
}

.ub-text-right {
	text-align: right !important
}

.ub-text-left {
	text-align: left !important
}

.ub-text-no-wrap {
	white-space: nowrap
}

.ub-block {
	display: block
}

.ub-display-none {
	display: none
}

.ub-inline-block {
	display: inline-block
}

@media (max-width:40rem) {
	.ub-display-none-sm {
		display: none !important
	}

	.ub-display-block-sm {
		display: block !important
	}

	.ub-text-center-sm {
		text-align: center !important
	}
}

@-ms-viewport {
	width: device-width
}

html {
	box-sizing: border-box;
	-ms-overflow-style: auto
}

*,
::after,
::before {
	box-sizing: inherit
}

.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: var(--size-margin-1-2-negative);
	margin-left: var(--size-margin-1-2-negative);
	box-sizing: border-box
}

.no-gutters {
	margin-right: 0;
	margin-left: 0
}

.no-gutters>.col,
.no-gutters>.col-1,
.no-gutters>.col-10,
.no-gutters>.col-11,
.no-gutters>.col-12,
.no-gutters>.col-2,
.no-gutters>.col-3,
.no-gutters>.col-4,
.no-gutters>.col-5,
.no-gutters>.col-6,
.no-gutters>.col-7,
.no-gutters>.col-8,
.no-gutters>.col-9,
.no-gutters>.col-auto,
.no-gutters>.col-lg,
.no-gutters>.col-lg-1,
.no-gutters>.col-lg-10,
.no-gutters>.col-lg-11,
.no-gutters>.col-lg-12,
.no-gutters>.col-lg-2,
.no-gutters>.col-lg-3,
.no-gutters>.col-lg-4,
.no-gutters>.col-lg-5,
.no-gutters>.col-lg-6,
.no-gutters>.col-lg-7,
.no-gutters>.col-lg-8,
.no-gutters>.col-lg-9,
.no-gutters>.col-lg-auto,
.no-gutters>.col-md,
.no-gutters>.col-md-1,
.no-gutters>.col-md-10,
.no-gutters>.col-md-11,
.no-gutters>.col-md-12,
.no-gutters>.col-md-2,
.no-gutters>.col-md-3,
.no-gutters>.col-md-4,
.no-gutters>.col-md-5,
.no-gutters>.col-md-6,
.no-gutters>.col-md-7,
.no-gutters>.col-md-8,
.no-gutters>.col-md-9,
.no-gutters>.col-md-auto,
.no-gutters>.col-sm,
.no-gutters>.col-sm-1,
.no-gutters>.col-sm-10,
.no-gutters>.col-sm-11,
.no-gutters>.col-sm-12,
.no-gutters>.col-sm-2,
.no-gutters>.col-sm-3,
.no-gutters>.col-sm-4,
.no-gutters>.col-sm-5,
.no-gutters>.col-sm-6,
.no-gutters>.col-sm-7,
.no-gutters>.col-sm-8,
.no-gutters>.col-sm-9,
.no-gutters>.col-sm-auto,
.no-gutters>.col-xl,
.no-gutters>.col-xl-1,
.no-gutters>.col-xl-10,
.no-gutters>.col-xl-11,
.no-gutters>.col-xl-12,
.no-gutters>.col-xl-2,
.no-gutters>.col-xl-3,
.no-gutters>.col-xl-4,
.no-gutters>.col-xl-5,
.no-gutters>.col-xl-6,
.no-gutters>.col-xl-7,
.no-gutters>.col-xl-8,
.no-gutters>.col-xl-9,
.no-gutters>.col-xl-auto {
	padding-left: 0;
	padding-right: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
	position: relative;
	width: 100%;
	min-height: .05rem;
	padding-right: var(--size-margin-1-2);
	padding-left: var(--size-margin-1-2);
	box-sizing: border-box
}

.col {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}

.col-auto {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: none
}

.col-1 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%
}

.col-2 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}

.col-3 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}

.col-4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}

.col-5 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%
}

.col-6 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}

.col-7 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%
}

.col-8 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%
}

.col-9 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}

.col-10 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%
}

.col-11 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%
}

.col-12 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}

.order-first {
	-webkit-box-ordinal-group: 0;
	-ms-flex-order: -1;
	order: -1
}

.order-last {
	-webkit-box-ordinal-group: 14;
	-ms-flex-order: 13;
	order: 13
}

.order-0 {
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 0;
	order: 0
}

.order-1 {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1
}

.order-2 {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2
}

.order-3 {
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3
}

.order-4 {
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4
}

.order-5 {
	-webkit-box-ordinal-group: 6;
	-ms-flex-order: 5;
	order: 5
}

.order-6 {
	-webkit-box-ordinal-group: 7;
	-ms-flex-order: 6;
	order: 6
}

.order-7 {
	-webkit-box-ordinal-group: 8;
	-ms-flex-order: 7;
	order: 7
}

.order-8 {
	-webkit-box-ordinal-group: 9;
	-ms-flex-order: 8;
	order: 8
}

.order-9 {
	-webkit-box-ordinal-group: 10;
	-ms-flex-order: 9;
	order: 9
}

.order-10 {
	-webkit-box-ordinal-group: 11;
	-ms-flex-order: 10;
	order: 10
}

.order-11 {
	-webkit-box-ordinal-group: 12;
	-ms-flex-order: 11;
	order: 11
}

.order-12 {
	-webkit-box-ordinal-group: 13;
	-ms-flex-order: 12;
	order: 12
}

.offset-1 {
	margin-left: 8.333333%
}

.offset-2 {
	margin-left: 16.666667%
}

.offset-3 {
	margin-left: 25%
}

.offset-4 {
	margin-left: 33.333333%
}

.offset-5 {
	margin-left: 41.666667%
}

.offset-6 {
	margin-left: 50%
}

.offset-7 {
	margin-left: 58.333333%
}

.offset-8 {
	margin-left: 66.666667%
}

.offset-9 {
	margin-left: 75%
}

.offset-10 {
	margin-left: 83.333333%
}

.offset-11 {
	margin-left: 91.666667%
}

@media (min-width:30rem) {
	.col-sm {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}

	.col-sm-auto {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none
	}

	.col-sm-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%
	}

	.col-sm-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}

	.col-sm-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.col-sm-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

	.col-sm-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%
	}

	.col-sm-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-sm-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%
	}

	.col-sm-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}

	.col-sm-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}

	.col-sm-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%
	}

	.col-sm-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%
	}

	.col-sm-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.order-sm-first {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1
	}

	.order-sm-last {
		-webkit-box-ordinal-group: 14;
		-ms-flex-order: 13;
		order: 13
	}

	.order-sm-0 {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0
	}

	.order-sm-1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}

	.order-sm-2 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}

	.order-sm-3 {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3
	}

	.order-sm-4 {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4
	}

	.order-sm-5 {
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5
	}

	.order-sm-6 {
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 6;
		order: 6
	}

	.order-sm-7 {
		-webkit-box-ordinal-group: 8;
		-ms-flex-order: 7;
		order: 7
	}

	.order-sm-8 {
		-webkit-box-ordinal-group: 9;
		-ms-flex-order: 8;
		order: 8
	}

	.order-sm-9 {
		-webkit-box-ordinal-group: 10;
		-ms-flex-order: 9;
		order: 9
	}

	.order-sm-10 {
		-webkit-box-ordinal-group: 11;
		-ms-flex-order: 10;
		order: 10
	}

	.order-sm-11 {
		-webkit-box-ordinal-group: 12;
		-ms-flex-order: 11;
		order: 11
	}

	.order-sm-12 {
		-webkit-box-ordinal-group: 13;
		-ms-flex-order: 12;
		order: 12
	}

	.offset-sm-0 {
		margin-left: 0
	}

	.offset-sm-1 {
		margin-left: 8.333333%
	}

	.offset-sm-2 {
		margin-left: 16.666667%
	}

	.offset-sm-3 {
		margin-left: 25%
	}

	.offset-sm-4 {
		margin-left: 33.333333%
	}

	.offset-sm-5 {
		margin-left: 41.666667%
	}

	.offset-sm-6 {
		margin-left: 50%
	}

	.offset-sm-7 {
		margin-left: 58.333333%
	}

	.offset-sm-8 {
		margin-left: 66.666667%
	}

	.offset-sm-9 {
		margin-left: 75%
	}

	.offset-sm-10 {
		margin-left: 83.333333%
	}

	.offset-sm-11 {
		margin-left: 91.666667%
	}
}

@media (min-width:40rem) {
	.col-md {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}

	.col-md-auto {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none
	}

	.col-md-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%
	}

	.col-md-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}

	.col-md-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.col-md-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

	.col-md-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%
	}

	.col-md-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-md-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%
	}

	.col-md-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}

	.col-md-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}

	.col-md-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%
	}

	.col-md-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%
	}

	.col-md-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.order-md-first {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1
	}

	.order-md-last {
		-webkit-box-ordinal-group: 14;
		-ms-flex-order: 13;
		order: 13
	}

	.order-md-0 {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0
	}

	.order-md-1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}

	.order-md-2 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}

	.order-md-3 {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3
	}

	.order-md-4 {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4
	}

	.order-md-5 {
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5
	}

	.order-md-6 {
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 6;
		order: 6
	}

	.order-md-7 {
		-webkit-box-ordinal-group: 8;
		-ms-flex-order: 7;
		order: 7
	}

	.order-md-8 {
		-webkit-box-ordinal-group: 9;
		-ms-flex-order: 8;
		order: 8
	}

	.order-md-9 {
		-webkit-box-ordinal-group: 10;
		-ms-flex-order: 9;
		order: 9
	}

	.order-md-10 {
		-webkit-box-ordinal-group: 11;
		-ms-flex-order: 10;
		order: 10
	}

	.order-md-11 {
		-webkit-box-ordinal-group: 12;
		-ms-flex-order: 11;
		order: 11
	}

	.order-md-12 {
		-webkit-box-ordinal-group: 13;
		-ms-flex-order: 12;
		order: 12
	}

	.offset-md-0 {
		margin-left: 0
	}

	.offset-md-1 {
		margin-left: 8.333333%
	}

	.offset-md-2 {
		margin-left: 16.666667%
	}

	.offset-md-3 {
		margin-left: 25%
	}

	.offset-md-4 {
		margin-left: 33.333333%
	}

	.offset-md-5 {
		margin-left: 41.666667%
	}

	.offset-md-6 {
		margin-left: 50%
	}

	.offset-md-7 {
		margin-left: 58.333333%
	}

	.offset-md-8 {
		margin-left: 66.666667%
	}

	.offset-md-9 {
		margin-left: 75%
	}

	.offset-md-10 {
		margin-left: 83.333333%
	}

	.offset-md-11 {
		margin-left: 91.666667%
	}
}

@media (min-width:50rem) {
	.col-lg {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}

	.col-lg-auto {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none
	}

	.col-lg-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%
	}

	.col-lg-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}

	.col-lg-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.col-lg-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

	.col-lg-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%
	}

	.col-lg-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-lg-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%
	}

	.col-lg-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}

	.col-lg-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}

	.col-lg-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%
	}

	.col-lg-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%
	}

	.col-lg-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.order-lg-first {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1
	}

	.order-lg-last {
		-webkit-box-ordinal-group: 14;
		-ms-flex-order: 13;
		order: 13
	}

	.order-lg-0 {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0
	}

	.order-lg-1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}

	.order-lg-2 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}

	.order-lg-3 {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3
	}

	.order-lg-4 {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4
	}

	.order-lg-5 {
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5
	}

	.order-lg-6 {
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 6;
		order: 6
	}

	.order-lg-7 {
		-webkit-box-ordinal-group: 8;
		-ms-flex-order: 7;
		order: 7
	}

	.order-lg-8 {
		-webkit-box-ordinal-group: 9;
		-ms-flex-order: 8;
		order: 8
	}

	.order-lg-9 {
		-webkit-box-ordinal-group: 10;
		-ms-flex-order: 9;
		order: 9
	}

	.order-lg-10 {
		-webkit-box-ordinal-group: 11;
		-ms-flex-order: 10;
		order: 10
	}

	.order-lg-11 {
		-webkit-box-ordinal-group: 12;
		-ms-flex-order: 11;
		order: 11
	}

	.order-lg-12 {
		-webkit-box-ordinal-group: 13;
		-ms-flex-order: 12;
		order: 12
	}

	.offset-lg-0 {
		margin-left: 0
	}

	.offset-lg-1 {
		margin-left: 8.333333%
	}

	.offset-lg-2 {
		margin-left: 16.666667%
	}

	.offset-lg-3 {
		margin-left: 25%
	}

	.offset-lg-4 {
		margin-left: 33.333333%
	}

	.offset-lg-5 {
		margin-left: 41.666667%
	}

	.offset-lg-6 {
		margin-left: 50%
	}

	.offset-lg-7 {
		margin-left: 58.333333%
	}

	.offset-lg-8 {
		margin-left: 66.666667%
	}

	.offset-lg-9 {
		margin-left: 75%
	}

	.offset-lg-10 {
		margin-left: 83.333333%
	}

	.offset-lg-11 {
		margin-left: 91.666667%
	}
}

@media (min-width:60rem) {
	.col-xl {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}

	.col-xl-auto {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none
	}

	.col-xl-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%
	}

	.col-xl-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}

	.col-xl-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.col-xl-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

	.col-xl-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%
	}

	.col-xl-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-xl-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%
	}

	.col-xl-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}

	.col-xl-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}

	.col-xl-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%
	}

	.col-xl-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%
	}

	.col-xl-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.order-xl-first {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1
	}

	.order-xl-last {
		-webkit-box-ordinal-group: 14;
		-ms-flex-order: 13;
		order: 13
	}

	.order-xl-0 {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0
	}

	.order-xl-1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}

	.order-xl-2 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}

	.order-xl-3 {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3
	}

	.order-xl-4 {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4
	}

	.order-xl-5 {
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5
	}

	.order-xl-6 {
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 6;
		order: 6
	}

	.order-xl-7 {
		-webkit-box-ordinal-group: 8;
		-ms-flex-order: 7;
		order: 7
	}

	.order-xl-8 {
		-webkit-box-ordinal-group: 9;
		-ms-flex-order: 8;
		order: 8
	}

	.order-xl-9 {
		-webkit-box-ordinal-group: 10;
		-ms-flex-order: 9;
		order: 9
	}

	.order-xl-10 {
		-webkit-box-ordinal-group: 11;
		-ms-flex-order: 10;
		order: 10
	}

	.order-xl-11 {
		-webkit-box-ordinal-group: 12;
		-ms-flex-order: 11;
		order: 11
	}

	.order-xl-12 {
		-webkit-box-ordinal-group: 13;
		-ms-flex-order: 12;
		order: 12
	}

	.offset-xl-0 {
		margin-left: 0
	}

	.offset-xl-1 {
		margin-left: 8.333333%
	}

	.offset-xl-2 {
		margin-left: 16.666667%
	}

	.offset-xl-3 {
		margin-left: 25%
	}

	.offset-xl-4 {
		margin-left: 33.333333%
	}

	.offset-xl-5 {
		margin-left: 41.666667%
	}

	.offset-xl-6 {
		margin-left: 50%
	}

	.offset-xl-7 {
		margin-left: 58.333333%
	}

	.offset-xl-8 {
		margin-left: 66.666667%
	}

	.offset-xl-9 {
		margin-left: 75%
	}

	.offset-xl-10 {
		margin-left: 83.333333%
	}

	.offset-xl-11 {
		margin-left: 91.666667%
	}
}

.d-none {
	display: none !important
}

.d-inline {
	display: inline !important
}

.d-inline-block {
	display: inline-block !important
}

.d-block {
	display: block !important
}

.d-table {
	display: table !important
}

.d-table-row {
	display: table-row !important
}

.d-table-cell {
	display: table-cell !important
}

.d-flex {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important
}

.d-inline-flex {
	display: -webkit-inline-box !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important
}

@media (min-width:30rem) {
	.d-sm-none {
		display: none !important
	}

	.d-sm-inline {
		display: inline !important
	}

	.d-sm-inline-block {
		display: inline-block !important
	}

	.d-sm-block {
		display: block !important
	}

	.d-sm-table {
		display: table !important
	}

	.d-sm-table-row {
		display: table-row !important
	}

	.d-sm-table-cell {
		display: table-cell !important
	}

	.d-sm-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important
	}

	.d-sm-inline-flex {
		display: -webkit-inline-box !important;
		display: -ms-inline-flexbox !important;
		display: inline-flex !important
	}
}

@media (min-width:40rem) {
	.d-md-none {
		display: none !important
	}

	.d-md-inline {
		display: inline !important
	}

	.d-md-inline-block {
		display: inline-block !important
	}

	.d-md-block {
		display: block !important
	}

	.d-md-table {
		display: table !important
	}

	.d-md-table-row {
		display: table-row !important
	}

	.d-md-table-cell {
		display: table-cell !important
	}

	.d-md-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important
	}

	.d-md-inline-flex {
		display: -webkit-inline-box !important;
		display: -ms-inline-flexbox !important;
		display: inline-flex !important
	}
}

@media (min-width:50rem) {
	.d-lg-none {
		display: none !important
	}

	.d-lg-inline {
		display: inline !important
	}

	.d-lg-inline-block {
		display: inline-block !important
	}

	.d-lg-block {
		display: block !important
	}

	.d-lg-table {
		display: table !important
	}

	.d-lg-table-row {
		display: table-row !important
	}

	.d-lg-table-cell {
		display: table-cell !important
	}

	.d-lg-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important
	}

	.d-lg-inline-flex {
		display: -webkit-inline-box !important;
		display: -ms-inline-flexbox !important;
		display: inline-flex !important
	}
}

@media (min-width:60rem) {
	.d-xl-none {
		display: none !important
	}

	.d-xl-inline {
		display: inline !important
	}

	.d-xl-inline-block {
		display: inline-block !important
	}

	.d-xl-block {
		display: block !important
	}

	.d-xl-table {
		display: table !important
	}

	.d-xl-table-row {
		display: table-row !important
	}

	.d-xl-table-cell {
		display: table-cell !important
	}

	.d-xl-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important
	}

	.d-xl-inline-flex {
		display: -webkit-inline-box !important;
		display: -ms-inline-flexbox !important;
		display: inline-flex !important
	}
}

@media print {
	.d-print-none {
		display: none !important
	}

	.d-print-inline {
		display: inline !important
	}

	.d-print-inline-block {
		display: inline-block !important
	}

	.d-print-block {
		display: block !important
	}

	.d-print-table {
		display: table !important
	}

	.d-print-table-row {
		display: table-row !important
	}

	.d-print-table-cell {
		display: table-cell !important
	}

	.d-print-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important
	}

	.d-print-inline-flex {
		display: -webkit-inline-box !important;
		display: -ms-inline-flexbox !important;
		display: inline-flex !important
	}
}

.flex-row {
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: normal !important;
	-ms-flex-direction: row !important;
	flex-direction: row !important
}

.flex-column {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important
}

.flex-row-reverse {
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: reverse !important;
	-ms-flex-direction: row-reverse !important;
	flex-direction: row-reverse !important
}

.flex-column-reverse {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: reverse !important;
	-ms-flex-direction: column-reverse !important;
	flex-direction: column-reverse !important
}

.flex-wrap {
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important
}

.flex-nowrap {
	-ms-flex-wrap: nowrap !important;
	flex-wrap: nowrap !important
}

.flex-wrap-reverse {
	-ms-flex-wrap: wrap-reverse !important;
	flex-wrap: wrap-reverse !important
}

.justify-content-start {
	-webkit-box-pack: start !important;
	-ms-flex-pack: start !important;
	justify-content: flex-start !important
}

.justify-content-end {
	-webkit-box-pack: end !important;
	-ms-flex-pack: end !important;
	justify-content: flex-end !important
}

.justify-content-center {
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important
}

.justify-content-between {
	-webkit-box-pack: justify !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important
}

.justify-content-around {
	-ms-flex-pack: distribute !important;
	justify-content: space-around !important
}

.align-items-start {
	-webkit-box-align: start !important;
	-ms-flex-align: start !important;
	align-items: flex-start !important
}

.align-items-end {
	-webkit-box-align: end !important;
	-ms-flex-align: end !important;
	align-items: flex-end !important
}

.align-items-center {
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important
}

.align-items-baseline {
	-webkit-box-align: baseline !important;
	-ms-flex-align: baseline !important;
	align-items: baseline !important
}

.align-items-stretch {
	-webkit-box-align: stretch !important;
	-ms-flex-align: stretch !important;
	align-items: stretch !important
}

.align-content-start {
	-ms-flex-line-pack: start !important;
	align-content: flex-start !important
}

.align-content-end {
	-ms-flex-line-pack: end !important;
	align-content: flex-end !important
}

.align-content-center {
	-ms-flex-line-pack: center !important;
	align-content: center !important
}

.align-content-between {
	-ms-flex-line-pack: justify !important;
	align-content: space-between !important
}

.align-content-around {
	-ms-flex-line-pack: distribute !important;
	align-content: space-around !important
}

.align-content-stretch {
	-ms-flex-line-pack: stretch !important;
	align-content: stretch !important
}

.align-self-auto {
	-ms-flex-item-align: auto !important;
	align-self: auto !important
}

.align-self-start {
	-ms-flex-item-align: start !important;
	align-self: flex-start !important
}

.align-self-end {
	-ms-flex-item-align: end !important;
	align-self: flex-end !important
}

.align-self-center {
	-ms-flex-item-align: center !important;
	align-self: center !important
}

.align-self-baseline {
	-ms-flex-item-align: baseline !important;
	align-self: baseline !important
}

.align-self-stretch {
	-ms-flex-item-align: stretch !important;
	align-self: stretch !important
}

@media (min-width:30rem) {
	.flex-sm-row {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: row !important;
		flex-direction: row !important
	}

	.flex-sm-column {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important
	}

	.flex-sm-row-reverse {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important
	}

	.flex-sm-column-reverse {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important
	}

	.flex-sm-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important
	}

	.flex-sm-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important
	}

	.flex-sm-wrap-reverse {
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important
	}

	.justify-content-sm-start {
		-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important
	}

	.justify-content-sm-end {
		-webkit-box-pack: end !important;
		-ms-flex-pack: end !important;
		justify-content: flex-end !important
	}

	.justify-content-sm-center {
		-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
		justify-content: center !important
	}

	.justify-content-sm-between {
		-webkit-box-pack: justify !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important
	}

	.justify-content-sm-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important
	}

	.align-items-sm-start {
		-webkit-box-align: start !important;
		-ms-flex-align: start !important;
		align-items: flex-start !important
	}

	.align-items-sm-end {
		-webkit-box-align: end !important;
		-ms-flex-align: end !important;
		align-items: flex-end !important
	}

	.align-items-sm-center {
		-webkit-box-align: center !important;
		-ms-flex-align: center !important;
		align-items: center !important
	}

	.align-items-sm-baseline {
		-webkit-box-align: baseline !important;
		-ms-flex-align: baseline !important;
		align-items: baseline !important
	}

	.align-items-sm-stretch {
		-webkit-box-align: stretch !important;
		-ms-flex-align: stretch !important;
		align-items: stretch !important
	}

	.align-content-sm-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important
	}

	.align-content-sm-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important
	}

	.align-content-sm-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important
	}

	.align-content-sm-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important
	}

	.align-content-sm-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important
	}

	.align-content-sm-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important
	}

	.align-self-sm-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important
	}

	.align-self-sm-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important
	}

	.align-self-sm-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important
	}

	.align-self-sm-center {
		-ms-flex-item-align: center !important;
		align-self: center !important
	}

	.align-self-sm-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important
	}

	.align-self-sm-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important
	}
}

@media (min-width:40rem) {
	.flex-md-row {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: row !important;
		flex-direction: row !important
	}

	.flex-md-column {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important
	}

	.flex-md-row-reverse {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important
	}

	.flex-md-column-reverse {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important
	}

	.flex-md-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important
	}

	.flex-md-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important
	}

	.flex-md-wrap-reverse {
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important
	}

	.justify-content-md-start {
		-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important
	}

	.justify-content-md-end {
		-webkit-box-pack: end !important;
		-ms-flex-pack: end !important;
		justify-content: flex-end !important
	}

	.justify-content-md-center {
		-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
		justify-content: center !important
	}

	.justify-content-md-between {
		-webkit-box-pack: justify !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important
	}

	.justify-content-md-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important
	}

	.align-items-md-start {
		-webkit-box-align: start !important;
		-ms-flex-align: start !important;
		align-items: flex-start !important
	}

	.align-items-md-end {
		-webkit-box-align: end !important;
		-ms-flex-align: end !important;
		align-items: flex-end !important
	}

	.align-items-md-center {
		-webkit-box-align: center !important;
		-ms-flex-align: center !important;
		align-items: center !important
	}

	.align-items-md-baseline {
		-webkit-box-align: baseline !important;
		-ms-flex-align: baseline !important;
		align-items: baseline !important
	}

	.align-items-md-stretch {
		-webkit-box-align: stretch !important;
		-ms-flex-align: stretch !important;
		align-items: stretch !important
	}

	.align-content-md-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important
	}

	.align-content-md-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important
	}

	.align-content-md-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important
	}

	.align-content-md-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important
	}

	.align-content-md-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important
	}

	.align-content-md-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important
	}

	.align-self-md-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important
	}

	.align-self-md-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important
	}

	.align-self-md-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important
	}

	.align-self-md-center {
		-ms-flex-item-align: center !important;
		align-self: center !important
	}

	.align-self-md-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important
	}

	.align-self-md-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important
	}
}

@media (min-width:50rem) {
	.flex-lg-row {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: row !important;
		flex-direction: row !important
	}

	.flex-lg-column {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important
	}

	.flex-lg-row-reverse {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important
	}

	.flex-lg-column-reverse {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important
	}

	.flex-lg-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important
	}

	.flex-lg-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important
	}

	.flex-lg-wrap-reverse {
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important
	}

	.justify-content-lg-start {
		-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important
	}

	.justify-content-lg-end {
		-webkit-box-pack: end !important;
		-ms-flex-pack: end !important;
		justify-content: flex-end !important
	}

	.justify-content-lg-center {
		-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
		justify-content: center !important
	}

	.justify-content-lg-between {
		-webkit-box-pack: justify !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important
	}

	.justify-content-lg-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important
	}

	.align-items-lg-start {
		-webkit-box-align: start !important;
		-ms-flex-align: start !important;
		align-items: flex-start !important
	}

	.align-items-lg-end {
		-webkit-box-align: end !important;
		-ms-flex-align: end !important;
		align-items: flex-end !important
	}

	.align-items-lg-center {
		-webkit-box-align: center !important;
		-ms-flex-align: center !important;
		align-items: center !important
	}

	.align-items-lg-baseline {
		-webkit-box-align: baseline !important;
		-ms-flex-align: baseline !important;
		align-items: baseline !important
	}

	.align-items-lg-stretch {
		-webkit-box-align: stretch !important;
		-ms-flex-align: stretch !important;
		align-items: stretch !important
	}

	.align-content-lg-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important
	}

	.align-content-lg-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important
	}

	.align-content-lg-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important
	}

	.align-content-lg-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important
	}

	.align-content-lg-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important
	}

	.align-content-lg-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important
	}

	.align-self-lg-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important
	}

	.align-self-lg-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important
	}

	.align-self-lg-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important
	}

	.align-self-lg-center {
		-ms-flex-item-align: center !important;
		align-self: center !important
	}

	.align-self-lg-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important
	}

	.align-self-lg-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important
	}
}

@media (min-width:60rem) {
	.flex-xl-row {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: row !important;
		flex-direction: row !important
	}

	.flex-xl-column {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important
	}

	.flex-xl-row-reverse {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important
	}

	.flex-xl-column-reverse {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important
	}

	.flex-xl-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important
	}

	.flex-xl-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important
	}

	.flex-xl-wrap-reverse {
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important
	}

	.justify-content-xl-start {
		-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important
	}

	.justify-content-xl-end {
		-webkit-box-pack: end !important;
		-ms-flex-pack: end !important;
		justify-content: flex-end !important
	}

	.justify-content-xl-center {
		-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
		justify-content: center !important
	}

	.justify-content-xl-between {
		-webkit-box-pack: justify !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important
	}

	.justify-content-xl-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important
	}

	.align-items-xl-start {
		-webkit-box-align: start !important;
		-ms-flex-align: start !important;
		align-items: flex-start !important
	}

	.align-items-xl-end {
		-webkit-box-align: end !important;
		-ms-flex-align: end !important;
		align-items: flex-end !important
	}

	.align-items-xl-center {
		-webkit-box-align: center !important;
		-ms-flex-align: center !important;
		align-items: center !important
	}

	.align-items-xl-baseline {
		-webkit-box-align: baseline !important;
		-ms-flex-align: baseline !important;
		align-items: baseline !important
	}

	.align-items-xl-stretch {
		-webkit-box-align: stretch !important;
		-ms-flex-align: stretch !important;
		align-items: stretch !important
	}

	.align-content-xl-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important
	}

	.align-content-xl-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important
	}

	.align-content-xl-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important
	}

	.align-content-xl-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important
	}

	.align-content-xl-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important
	}

	.align-content-xl-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important
	}

	.align-self-xl-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important
	}

	.align-self-xl-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important
	}

	.align-self-xl-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important
	}

	.align-self-xl-center {
		-ms-flex-item-align: center !important;
		align-self: center !important
	}

	.align-self-xl-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important
	}

	.align-self-xl-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important
	}
}

.btn {
	display: inline-block;
	font-weight: 400;
	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: none;
	padding: .2rem .6rem;
	font-size: .65rem;
	line-height: 1.5;
	border-radius: .2rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, box-shadow .15s ease-in-out;
	-webkit-appearance: none
}

.btn:focus,
.btn:hover {
	text-decoration: none
}

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

.btn.disabled,
.btn:disabled {
	opacity: .65
}

.btn:not(:disabled):not(.disabled) {
	cursor: pointer
}

.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
	background-image: none
}

a.btn.disabled,
fieldset:disabled a.btn {
	pointer-events: none
}

.btn {
	color: #666;
	background-color: #f7f7f7;
	box-shadow: 0 0 1px #ccc
}

.btn:hover {
	color: #555
}

.btn-round {
	border-radius: .8rem
}

.btn-lg.btn-round {
	border-radius: 1.2rem
}

.btn-sm.btn-round {
	border-radius: .7rem
}

.btn-primary {
	color: #fff;
	background-color: var(--color-primary)
}

.btn-primary:hover {
	color: #fff;
	background-color: var(--color-primary-dark)
}

.btn-primary.disabled,
.btn-primary:disabled {
	color: #fff;
	background-color: var(--color-primary)
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: var(--color-primary-dark)
}

.btn-primary-line {
	color: var(--color-primary);
	border: 1px solid var(--color-primary);
	background: #fff
}

.btn-primary-line:hover {
	background-color: #f8f8f8;
	color: var(--color-primary)
}

.btn-primary-line.disabled,
.btn-primary-line:disabled {
	background-color: #f8f8f8
}

.btn-primary-line:not(:disabled):not(.disabled).active,
.btn-primary-line:not(:disabled):not(.disabled):active {
	background-color: #f8f8f8
}

.btn-success {
	color: #fff;
	background-color: var(--color-success)
}

.btn-success:hover {
	color: #fff;
	background-color: var(--color-success-dark)
}

.btn-success.disabled,
.btn-success:disabled {
	color: #fff;
	background-color: var(--color-success)
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: var(--color-success-dark)
}

.btn-warning {
	color: #fff;
	background-color: var(--color-warning)
}

.btn-warning:hover {
	color: #fff;
	background-color: #e0a800
}

.btn-warning.disabled,
.btn-warning:disabled {
	background-color: var(--color-warning)
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active {
	background-color: var(--color-warning-dark)
}

.btn-danger {
	color: #fff;
	background-color: var(--color-danger)
}

.btn-danger:hover {
	color: #fff;
	background-color: var(--color-danger-dark)
}

.btn-danger.disabled,
.btn-danger:disabled {
	color: #fff;
	background-color: var(--color-danger)
}

.btn-vip {
	background: linear-gradient(90deg, #edd3b0 0, #ddb888 100%);
	color: #805d2d
}

.btn-vip:hover {
	background: linear-gradient(90deg, #edd3b0 0, #ddb888 100%);
	color: #805d2d
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: var(--color-danger-dark)
}

.btn-group-lg>.btn,
.btn-lg {
	padding: .35rem .8rem;
	font-size: .8rem;
	line-height: 1.5;
	border-radius: .24rem
}

.btn-group-sm>.btn,
.btn-sm {
	padding: .1rem .2rem;
	font-size: .5rem;
	line-height: 1.5;
	border-radius: .16rem
}

.btn-block {
	display: block;
	width: 100%;
	box-sizing: border-box
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
	width: 100%
}

input,
select,
textarea {
	box-sizing: border-box;
	margin: 0;
	border-radius: .15rem;
	font: inherit;
	color: inherit
}

select {
	text-transform: none
}

optgroup {
	font: inherit;
	font-weight: 700
}

input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input[type=checkbox],
input[type=radio] {
	padding: 0
}

input[type=checkbox]:not(:disabled),
input[type=radio]:not(:disabled) {
	cursor: pointer
}

input:not([type]),
input[type=datetime],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
textarea {
	-webkit-appearance: none
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto
}

fieldset {
	border: none;
	margin: 0;
	padding: 0
}

textarea {
	overflow: auto;
	vertical-align: top
}

::-moz-placeholder {
	opacity: 1
}

:invalid {
	box-shadow: none
}

input:not([type=radio]):not([type=checkbox]),
select {
	vertical-align: middle
}

input:not([type]),
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
	max-width: 100%;
	padding: .2rem .3rem;
	border: .05rem solid #ddd;
	background: #fff;
	color: #444;
	-webkit-transition: all linear .2s;
	transition: all linear .2s
}

input:not([type]):focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select:focus,
textarea:focus {
	border-color: #99baca;
	outline: 0;
	background: #f5fbfe;
	color: #444
}

input:not([type]):disabled,
input[type=color]:disabled,
input[type=date]:disabled,
input[type=datetime-local]:disabled,
input[type=datetime]:disabled,
input[type=email]:disabled,
input[type=month]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
input[type=tel]:disabled,
input[type=text]:disabled,
input[type=time]:disabled,
input[type=url]:disabled,
input[type=week]:disabled,
select:disabled,
textarea:disabled {
	border-color: #ddd;
	background-color: #f5f5f5;
	color: #c4cfdb
}

input[type=color]:read-only,
input[type=date]:read-only,
input[type=datetime-local]:read-only,
input[type=datetime]:read-only,
input[type=email]:read-only,
input[type=month]:read-only,
input[type=number]:read-only,
input[type=password]:read-only,
input[type=search]:read-only,
input[type=tel]:read-only,
input[type=text]:read-only,
input[type=time]:read-only,
input[type=url]:read-only,
input[type=week]:read-only,
select:read-only,
textarea:read-only {
	border-color: #ddd;
	background-color: #f5f5f5;
	color: #666
}

:-ms-input-placeholder {
	color: #c4cfdb !important
}

::-moz-placeholder {
	color: #c4cfdb
}

::-webkit-input-placeholder {
	color: #c4cfdb
}

:disabled:-ms-input-placeholder {
	color: #c4cfdb !important
}

:disabled::-moz-placeholder {
	color: #c4cfdb
}

:disabled::-webkit-input-placeholder {
	color: #c4cfdb
}

legend {
	width: 100%;
	border: 0;
	padding: 0;
	padding-bottom: .75rem;
	font-size: .9rem;
	line-height: 1.5rem
}

legend:after {
	content: "";
	display: block;
	border-bottom: .05rem solid #ddd;
	width: 100%
}

input:not([type]).form,
input[type].form,
select.form,
textarea.form {
	height: 1.45rem;
	padding: .15rem .15rem;
	font-size: .6rem
}

input:not([type]).form-sm,
input[type].form-sm,
select.form-sm,
textarea.form-sm {
	height: 1.25rem;
	padding: .15rem .15rem;
	font-size: .6rem
}

input:not([type]).form-lg,
input[type].form-lg,
select.form-lg,
textarea.form-lg {
	height: 2rem;
	padding: .4rem .3rem;
	font-size: .8rem
}

select[multiple],
select[size],
textarea {
	height: auto
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: var(--color-input-placeholder)
}

input:-moz-placeholder,
textarea::-webkit-input-placeholder {
	color: var(--color-input-placeholder)
}

input::-moz-placeholder,
textarea::-webkit-input-placeholder {
	color: var(--color-input-placeholder)
}

input:-ms-input-placeholder,
textarea::-webkit-input-placeholder {
	color: var(--color-input-placeholder)
}

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

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

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

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

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

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

.animate-rotate {
	display: inline-block;
	animation: animate-rotate 2s infinite linear;
	-webkit-animation: animate-rotate 2s infinite linear
}

@-webkit-keyframes pulse {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes pulse {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.animate-pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}

.ub-alert {
	margin-bottom: .5rem;
	padding: .5rem;
	background: #ebf7fd;
	color: #2d7091;
	border-radius: .2rem
}

.ub-alert>.ub-close:first-child {
	float: right
}

.ub-alert>.ub-close:first-child+* {
	margin-top: 0
}

.ub-alert-success {
	background: var(--color-success-light);
	color: var(--color-success)
}

.ub-alert-warning {
	background: var(--color-warning-light);
	color: var(--color-warning)
}

.ub-alert-danger {
	background: var(--color-danger-light);
	color: var(--color-danger)
}

.ub-alert-lg {
	padding: 1rem
}

.ub-alert-lg>.ub-close:first-child {
	margin: -.5rem -.5rem 0 0
}

.ub-header {
	height: 3rem;
	border-bottom: .05rem solid #eee;
	background: #fff
}

.ub-header.transparent {
	background: 0 0;
	border-bottom-color: transparent
}

.ub-header.transparent .menu .item {
	color: #eee
}

.ub-header.transparent .menu .item:hover {
	color: #fff
}

.ub-header.lg {
	padding: .5rem 0
}

.ub-header.lg .menu .item {
	font-size: .9rem
}

.ub-header.absolute {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2000
}

.ub-header .logo {
	float: left;
	display: block
}

.ub-header .logo a {
	line-height: 3rem;
	height: 3rem;
	display: block;
	font-size: 1rem;
	vertical-align: middle
}

.ub-header .logo a img {
	height: 3rem;
	vertical-align: middle;
	display: block
}

.ub-header .logo a span {
	vertical-align: middle;
	display: block;
	color: #666
}

.ub-header .menu {
	float: right;
	padding: .5rem 0
}

.ub-header .menu a {
	display: inline-block;
	line-height: 2rem;
	color: #666;
	padding: 0 .5rem;
	margin-left: .5rem;
	font-size: .7rem;
	transition: linear all .2s
}

.ub-header .menu a:hover {
	color: #333;
	transform: translateY(-.25rem)
}

.ub-header .menu a.active {
	color: var(--color-primary)
}

.ub-header .menu-toggle {
	display: none
}

@media screen and (max-width:40rem) {
	.ub-header.transparent {
		background: 0 0;
		border-bottom-color: transparent
	}

	.ub-header.transparent .menu .item {
		color: #333
	}

	.ub-header.transparent .menu .item:hover {
		color: #333
	}

	.ub-header.lg {
		padding: 0
	}

	.ub-header {
		text-align: center;
		height: 2.5rem
	}

	.ub-header .logo {
		padding: 0 .25rem
	}

	.ub-header .logo a {
		margin-right: -1.25rem;
		height: 2.5rem
	}

	.ub-header .logo a img {
		height: 2.5rem
	}

	.ub-header .menu {
		position: fixed;
		display: block;
		background: #fff;
		top: 2.5rem;
		right: -50%;
		bottom: 0;
		overflow: hidden;
		width: 50%;
		transition: right .5s;
		text-align: left;
		z-index: 100
	}

	.ub-header .menu a {
		display: block;
		border-bottom: .05rem solid #eee;
		background: #fff
	}

	.ub-header .menu-toggle {
		display: block;
		float: right;
		line-height: 2.5rem;
		font-size: 1.2rem;
		text-align: center;
		width: 2.5rem;
		cursor: pointer;
		color: var(--color-primary)
	}

	.ub-header .menu-toggle .close {
		display: none
	}

	.ub-header .menu-toggle .show {
		display: block
	}

	body.ub-header-show {
		overflow: hidden
	}

	body.ub-header-show .ub-header .menu-mask {
		content: '';
		display: block;
		background: rgba(0, 0, 0, .5);
		position: fixed;
		top: 2.5rem;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 99
	}

	body.ub-header-show .ub-header .menu {
		right: 0;
		transition: right .3s
	}

	body.ub-header-show .ub-header .menu-toggle .close {
		display: block
	}

	body.ub-header-show .ub-header .menu-toggle .show {
		display: none
	}
}

.ub-header-a {
	background: var(--color-primary)
}

.ub-header-a .top {
	height: 1.5rem;
	line-height: 1.5rem;
	background: var(--color-primary-dark)
}

.ub-header-a .top a {
	display: inline-block;
	margin: 0 .5rem;
	line-height: 1.5rem;
	color: #fff
}

.ub-header-a .top a:hover {
	color: #eee
}

.ub-header-a .top .right {
	float: right
}

.ub-header-a .background {
	padding: 1rem 0;
	background: no-repeat right;
	background-size: contain
}

.ub-header-a .background .menu-toggle {
	display: none
}

.ub-header-a .background .logo a img {
	height: 4rem
}

.ub-header-a .menu {
	padding: 0;
	margin: 0;
	box-shadow: #eee 0 0 .1rem
}

.ub-header-a .menu li {
	display: inline-block;
	height: 2.5rem;
	overflow: visible;
	position: relative
}

.ub-header-a .menu li a {
	display: inline-block;
	line-height: 2.5rem;
	text-align: center;
	min-width: 8em;
	color: #fff;
	font-size: var(--font-size-large);
	margin: 0 .05rem
}

.ub-header-a .menu li a:hover {
	background: #fff;
	color: var(--color-primary)
}

.ub-header-a .menu li .sub {
	display: none;
	position: absolute;
	background: var(--color-primary);
	padding: 0 .05rem .1rem .05rem;
	width: 100%;
	z-index: 100
}

.ub-header-a .menu li .sub a {
	min-width: inherit;
	display: block
}

.ub-header-a .menu li:hover .sub {
	display: block
}

@media screen and (max-width:40rem) {
	.ub-header-a {
		position: relative;
		overflow: hidden
	}

	.ub-header-a .top {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 4rem;
		z-index: 100;
		display: none
	}

	.ub-header-a .top .left,
	.ub-header-a .top .right {
		float: none;
		height: 2rem
	}

	.ub-header-a .top .left a,
	.ub-header-a .top .right a {
		line-height: 2rem
	}

	.ub-header-a .background {
		position: relative
	}

	.ub-header-a .background .menu-toggle {
		z-index: 101;
		background: rgba(0, 0, 0, .2);
		display: block;
		width: 2.5rem;
		height: 2.5rem;
		line-height: 2.5rem;
		text-align: center;
		font-size: var(--font-size-large);
		color: #fff;
		border-radius: 0;
		position: absolute;
		right: 0;
		top: 0;
		border: .05rem solid var(--color-primary)
	}

	.ub-header-a .menu {
		position: absolute;
		left: 0;
		right: 0;
		top: 4rem;
		background: var(--color-primary);
		display: none;
		z-index: 100
	}

	.ub-header-a .menu li {
		display: block;
		height: auto;
		padding: 0 0 0 .5rem;
		border-top: .05rem solid var(--color-primary-light)
	}

	.ub-header-a .menu li a {
		display: block;
		text-align: left
	}

	.ub-header-a .menu li .sub {
		display: block;
		position: static;
		overflow: hidden;
		padding-left: .5rem
	}

	.ub-header-a .menu li .sub a {
		border-top: .05rem solid var(--color-primary);
		display: block;
		width: 33.33%;
		float: left;
		margin: 0;
		text-align: center
	}
}

.ub-header-b-placeholder {
	height: 3rem;
	overflow: hidden
}

.ub-header-b {
	height: 3rem;
	border-bottom: .05rem solid #eee;
	background: #fff;
	overflow: visible
}

.ub-header-b.fixed {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 2000
}

.ub-header-b.transparent {
	background: 0 0;
	border-bottom-color: transparent
}

.ub-header-b.transparent .nav .nav-item,
.ub-header-b.transparent .nav a {
	color: #eee
}

.ub-header-b.transparent .nav .nav-item.active,
.ub-header-b.transparent .nav .nav-item:hover,
.ub-header-b.transparent .nav a.active,
.ub-header-b.transparent .nav a:hover {
	color: #fff
}

.ub-header-b.transparent .menu a {
	color: #fff
}

.ub-header-b.transparent .menu a.active,
.ub-header-b.transparent .menu a:hover {
	color: #eee
}

.ub-header-b.primary {
	background: var(--color-primary)
}

.ub-header-b.primary .nav a {
	color: #eee
}

.ub-header-b.primary .nav a.active,
.ub-header-b.primary .nav a:hover {
	color: #fff
}

.ub-header-b.primary .menu a {
	color: #eee
}

.ub-header-b.primary .menu a.active,
.ub-header-b.primary .menu a:hover {
	color: #fff
}

.ub-header-b .logo {
	padding: 0 0;
	float: left;
	margin-right: 2rem
}

.ub-header-b .logo a {
	height: 3rem;
	line-height: 3rem;
	display: block;
	font-size: 1rem;
	vertical-align: middle;padding: 0.5rem 0;
}

.ub-header-b .logo a img {
	height: 2rem;
	display: block
}

.ub-header-b .nav {
	padding: .5rem 0 .5rem .5rem
}

.ub-header-b .nav .nav-item,
.ub-header-b .nav a {
	display: inline-block;
	line-height: 2rem;
	color: var(--color-text);
	padding: 0 .2rem;
	margin-left: .5rem;
	font-size: .7rem;
	position: relative
}

.ub-header-b .nav .nav-item:hover,
.ub-header-b .nav a:hover {
	color: var(--color-text)
}

.ub-header-b .nav .nav-item:hover .sub-nav,
.ub-header-b .nav a:hover .sub-nav {
	display: block
}

.ub-header-b .nav .nav-item.active,
.ub-header-b .nav a.active {
	color: var(--color-primary)
}

.ub-header-b .nav .nav-item .sub-title,
.ub-header-b .nav a .sub-title {
	display: inline-block;
	line-height: 2rem;
	cursor: pointer
}

.ub-header-b .nav .nav-item .sub-title a,
.ub-header-b .nav a .sub-title a {
	padding: 0;
	margin: 0
}

.ub-header-b .nav .nav-item .sub-nav,
.ub-header-b .nav a .sub-nav {
	position: absolute;
	top: 2rem;
	left: 0;
	background: #fff;
	z-index: 99999;
	border-radius: .25rem;
	box-shadow: 0 0 2px #ccc;
	display: none;
	padding: 0
}

.ub-header-b .nav .nav-item .sub-nav .sub-nav-item,
.ub-header-b .nav a .sub-nav .sub-nav-item {
	display: block;
	line-height: 2rem;
	white-space: nowrap;
	margin-left: 0
}

.ub-header-b .nav .nav-item .sub-nav .sub-nav-item:hover,
.ub-header-b .nav a .sub-nav .sub-nav-item:hover {
	color: var(--color-primary)
}

.ub-header-b .nav .search {
	float: right;
	display: inline-block;
	height: 2rem;
	border-radius: 1rem;
	padding: .2rem .5rem .2rem .75rem;
	width: 16em;
	border: .05rem solid #eee
}

.ub-header-b .nav .search.has-drop .box input {
	padding-left: 2.3rem
}

.ub-header-b .nav .search .search-select {
	position: absolute;
	width: 1.6rem;
	top: 0;
	overflow: visible
}

.ub-header-b .nav .search .search-select.show .search-select-drop {
	display: block
}

.ub-header-b .nav .search .search-select .search-select-box {
	height: 1.5rem;
	line-height: 1.5rem;
	white-space: nowrap;
	color: var(--color-tertiary-light);
	cursor: pointer
}

.ub-header-b .nav .search .search-select .search-select-box .iconfont {
	margin: 0;
	color: var(--color-muted)
}

.ub-header-b .nav .search .search-select .search-select-drop {
	position: absolute;
	background: #fff;
	box-shadow: 0 0 5px #999;
	border-radius: .25rem;
	left: -.5rem;
	top: 1.5rem;
	display: none;
	z-index: 1000
}

.ub-header-b .nav .search .search-select .search-select-drop .search-select-item {
	display: block;
	color: var(--color-text);
	white-space: nowrap;
	padding: 0;
	margin-left: 0;
	width: 2.5rem;
	text-align: center;
	line-height: 1.5rem
}

.ub-header-b .nav .search .search-select .search-select-drop .search-select-item:hover {
	color: var(--color-primary)
}

.ub-header-b .nav .search .box {
	vertical-align: middle;
	position: relative
}

.ub-header-b .nav .search .box input {
	height: 1.5rem;
	display: block;
	width: 100%;
	padding: 0 1.5rem 0 0;
	border: none;
	background: 0 0;
	color: #333
}

.ub-header-b .nav .search .box button {
	position: absolute;
	right: 0;
	top: 0;
	height: 1.5rem;
	width: 1.5rem;
	border: none;
	outline: 0;
	font-size: .9rem;
	color: #c4cfdb;
	cursor: pointer;
	background: 0 0
}

.ub-header-b .nav .search .box button:hover {
	color: var(--color-primary)
}

.ub-header-b .menu {
	float: right;
	padding: .5rem 0
}

.ub-header-b .menu .item,
.ub-header-b .menu a {
	display: inline-block;
	line-height: 2rem;
	color: var(--color-text);
	padding: 0 .5rem;
	margin-left: .5rem;
	font-size: .7rem;
	position: relative;
	height: 2rem
}

.ub-header-b .menu .item .badge,
.ub-header-b .menu a .badge {
	position: absolute;
	top: 0;
	right: 0;
	background: red;
	color: #fff;
	height: .8rem;
	line-height: .8rem;
	font-size: .6rem;
	border-radius: .4rem;
	min-width: .8rem;
	text-align: center;
	padding: 0 .2rem
}

.ub-header-b .menu .item .badge.hide,
.ub-header-b .menu a .badge.hide {
	display: none
}

.ub-header-b .menu .item:hover,
.ub-header-b .menu a:hover {
	color: #333
}

.ub-header-b .menu .item .active,
.ub-header-b .menu a .active {
	color: #fff
}

.ub-header-b .nav-toggle {
	display: none
}

@media screen and (max-width:40rem) {
	.ub-header-b {
		text-align: left;
		height: 2.5rem
	}

	.ub-header-b .logo {
		float: none;
		margin-left: 2.5rem;
		display: none
	}

	.ub-header-b .logo a {
		height: 2.5rem;
		line-height: 2.5rem
	}

	.ub-header-b .logo a img {
		height: 2.5rem
	}

	.ub-header-b.show .nav-mask {
		content: '';
		display: block;
		background: rgba(0, 0, 0, .5);
		position: absolute;
		top: 2.5rem;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1000
	}

	.ub-header-b.show .nav {
		z-index: 1001;
		transform: translateX(100%);
		transition: transform .3s
	}

	.ub-header-b.show .nav-toggle .close {
		display: block
	}

	.ub-header-b.show .nav-toggle .show {
		display: none
	}

	.ub-header-b .menu {
		position: absolute;
		right: 0;
		top: 0;
		padding: .25rem 0
	}

	.ub-header-b .menu a {
		display: inline-block;
		padding: 0 .3rem 0 0;
		background: 0 0;
		line-height: 2rem
	}

	.ub-header-b .nav-toggle {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		line-height: 2.5rem;
		font-size: 1.2rem;
		text-align: center;
		width: 2.5rem;
		cursor: pointer;
		color: var(--color-primary)
	}

	.ub-header-b .nav-toggle .close {
		display: none
	}

	.ub-header-b .nav-toggle .show {
		display: block
	}

	.ub-header-b.primary .nav-toggle {
		color: #fff
	}

	.ub-header-b .nav {
		position: absolute;
		display: block;
		background: #fff;
		top: 2.5rem;
		left: -60%;
		bottom: 0;
		overflow: hidden;
		width: 60%;
		transition: right .5s;
		text-align: left;
		z-index: 100
	}

	.ub-header-b .nav .search {
		display: block;
		float: none;
		margin: 0 auto .5rem auto
	}

	.ub-header-b .nav .nav-item,
	.ub-header-b .nav a {
		display: block;
		border-bottom: .05rem solid #eee;
		background: #fff
	}

	.ub-header-b .nav .nav-item .sub-nav,
	.ub-header-b .nav a .sub-nav {
		display: block;
		position: static;
		box-shadow: none
	}

	.ub-header-b .nav .nav-item .sub-nav .sub-nav-item:last-child,
	.ub-header-b .nav a .sub-nav .sub-nav-item:last-child {
		border-bottom: none
	}

	.ub-header-b.primary .nav a {
		color: #333
	}

	.ub-header-b.primary .nav a.active {
		color: var(--color-primary)
	}
}

.ub-header-c-placeholder {
	height: 3rem;
	overflow: hidden
}

.ub-header-c {
	height: 3rem;
	border-bottom: .05rem solid #eee;
	background: #fff;
	overflow: hidden;
	position: fixed;
	text-align: center;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000
}

.ub-header-c .logo {
	position: absolute;
	top: 0;
	left: 3rem
}

.ub-header-c .logo .logo-link {
	line-height: 2rem;
	display: inline-block;
	padding: .5rem 0;
	font-size: 1rem;
	vertical-align: middle
}

.ub-header-c .logo .logo-link .logo-image {
	height: 2rem;
	vertical-align: middle;
	display: inline-block
}

.ub-header-c .search .box {
	vertical-align: middle;
	margin-top: .5rem;
	display: inline-block;
	height: 2rem;
	border-radius: 1rem;
	padding: .2rem .5rem .2rem .75rem;
	width: 30%;
	max-width: 30em;
	border: 1px solid var(--color-primary);
	position: relative
}

.ub-header-c .search .box .input {
	height: 1.5rem;
	display: block;
	width: 100%;
	padding: 0 1.5rem 0 0;
	border: none;
	background: 0 0;
	color: #333
}

.ub-header-c .search .box .submit {
	position: absolute;
	right: -1px;
	top: -1px;
	height: 2rem;
	border: none;
	outline: 0;
	font-size: .7rem;
	color: #fff;
	cursor: pointer;
	background: var(--color-primary);
	border-radius: 0 1rem 1rem 0;
	padding: 0 .6rem 0 .5rem
}

.ub-header-c .search .box .submit:hover {
	background: var(--color-primary-dark)
}

.ub-header-c .menu {
	position: absolute;
	right: 0;
	top: 0;
	padding: .6rem 1rem 0 0
}

.ub-header-c .menu .item {
	vertical-align: middle;
	display: inline-block;
	line-height: 1.6rem;
	height: 1.6rem;
	padding: 0 .6rem;
	margin-left: .5rem;
	font-size: .7rem;
	border-radius: 4px;
	border: solid 1px var(--color-primary);
	color: var(--color-primary);
	cursor: pointer
}

.ub-header-c .menu .item-icon {
	vertical-align: middle;
	color: #333;
	display: inline-block;
	padding: 0 .6rem;
	margin-top: -.2rem
}

.ub-header-c .menu .item-icon .icon {
	font-size: 1rem;
	line-height: 1.4rem
}

.ub-header-c .menu .item-icon .text {
	font-size: var(--font-size-small)
}

.ub-header-c .menu .item-icon:hover {
	color: var(--color-primary)
}

.ub-header-c .menu-mask,
.ub-header-c .menu-toggle,
.ub-header-c .search-toggle {
	display: none
}

@media screen and (max-width:40rem) {
	.ub-header-c {
		padding: 0 3rem;
		text-align: center
	}

	.ub-header-c.show .menu-mask {
		content: '';
		display: block;
		background: rgba(0, 0, 0, .5);
		position: fixed;
		top: 3rem;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1000
	}

	.ub-header-c.show .menu {
		z-index: 1001;
		right: 0;
		transition: right .3s
	}

	.ub-header-c.show .menu-toggle .close {
		display: block
	}

	.ub-header-c.show .menu-toggle .show {
		display: none
	}

	.ub-header-c.show-search .search-mask {
		content: '';
		display: block;
		background: rgba(0, 0, 0, .5);
		position: fixed;
		top: 3rem;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1000
	}

	.ub-header-c.show-search .search {
		z-index: 1001;
		display: block
	}

	.ub-header-c.show-search .search-toggle .close {
		display: block
	}

	.ub-header-c.show-search .search-toggle .show {
		display: none
	}

	.ub-header-c .logo {
		position: static
	}

	.ub-header-c .search-toggle {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		line-height: 3rem;
		font-size: 1.2rem;
		text-align: center;
		width: 3rem;
		cursor: pointer;
		color: var(--color-primary)
	}

	.ub-header-c .search-toggle .close {
		display: none
	}

	.ub-header-c .search-toggle .show {
		display: block
	}

	.ub-header-c .search {
		display: none;
		padding: 0 .5rem .5rem .5rem;
		background: #fff;
		position: fixed;
		top: 3rem;
		left: 0;
		right: 0;
		text-align: center
	}

	.ub-header-c .search .box {
		width: 80%
	}

	.ub-header-c .menu-toggle {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		line-height: 3rem;
		font-size: 1.2rem;
		text-align: center;
		width: 3rem;
		cursor: pointer;
		color: var(--color-primary)
	}

	.ub-header-c .menu-toggle .close {
		display: none
	}

	.ub-header-c .menu-toggle .show {
		display: block
	}

	.ub-header-c .menu {
		position: fixed;
		right: -8rem;
		top: 3rem;
		background: #fff;
		padding: .5rem;
		border-radius: var(--size-radius)
	}

	.ub-header-c .menu .item-icon {
		width: 6rem;
		font-size: 1rem;
		padding: 0;
		display: block;
		line-height: 2rem;
		border-bottom: 1px dotted #eee
	}

	.ub-header-c .menu .item-icon .icon {
		display: inline-block;
		font-size: 1rem
	}

	.ub-header-c .menu .item-icon .text {
		display: inline-block;
		font-size: var(--font-size)
	}

	.ub-header-c .menu .item {
		display: block;
		margin-top: .5rem;
		margin-left: 0
	}
}

.ub-header-d {
	background: #fff
}

.ub-header-d .top {
	background-color: rgba(236, 236, 236, .65);
	height: 1.75rem
}

.ub-header-d .top .right {
	text-align: right
}

.ub-header-d .top .right .item {
	display: inline-block;
	line-height: 1.75rem;
	color: #333;
	padding: 0 1rem
}

.ub-header-d .main {
	height: 4.7rem;
	border-bottom: .25rem solid rgba(236, 236, 236, .65)
}

.ub-header-d .main .menu {
	float: right
}

.ub-header-d .main .menu .item {
	color: var(--color-primary);
	font-size: var(--font-size-large);
	line-height: 4.2rem;
	padding: 0 1rem;
	display: inline-block;
	border-bottom: .25rem solid transparent;
	transition: border-bottom-color .5s
}

.ub-header-d .main .menu .item:hover {
	border-bottom: .25rem solid var(--color-primary)
}

.ub-header-d .main .logo {
	height: 4.7rem
}

.ub-header-d .main .logo a {
	display: inline-block;
	margin-top: .85rem
}

.ub-header-d .main .logo a img {
	height: 3rem
}

.ub-header-d .menu-toggle {
	display: none
}

@media screen and (max-width:40rem) {
	.ub-header-d {
		position: relative;
		overflow: hidden
	}

	.ub-header-d.show-menu .menu-toggle {
		transform: rotate(90deg)
	}

	.ub-header-d.show-menu .main .menu {
		right: 0
	}

	.ub-header-d .menu-toggle {
		display: block;
		position: absolute;
		right: 0;
		top: 1.75rem;
		line-height: 2.7rem;
		font-size: 1.2rem;
		text-align: center;
		width: 2.7rem;
		cursor: pointer;
		color: var(--color-primary);
		transition: all .5s
	}

	.ub-header-d .main {
		height: 2.7rem
	}

	.ub-header-d .main .menu {
		position: fixed;
		right: -35%;
		top: 4.2rem;
		width: 30%;
		background: #fff;
		box-shadow: 0 2px 5px #ccc;
		transition: all .5s;
		z-index: 2000
	}

	.ub-header-d .main .menu .item {
		display: block;
		font-size: var(--font-size);
		line-height: 2rem;
		text-align: center
	}

	.ub-header-d .main .logo {
		height: 2.7rem
	}

	.ub-header-d .main .logo a {
		margin-top: .3rem
	}

	.ub-header-d .main .logo a img {
		height: 2rem
	}
}

.ub-header-mobile.no-shadow .header-container {
	box-shadow: none
}

.ub-header-mobile .header-status {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10000;
	background: #fff
}

.ub-header-mobile .header-container {
	position: fixed;
	left: 0;
	right: 0;
	height: 50px;
	z-index: 500;
	box-shadow: 0 1px 1px #eee;
	background: #fff
}

.ub-header-mobile .header-container .body {
	display: flex;
	justify-content: space-between;
	height: 50px;
	line-height: 50px
}

.ub-header-mobile .header-container .body.has-back .action {
	min-width: 50px
}

.ub-header-mobile .header-container .body .back {
	font-size: 1.6rem;
	width: 50px;
	text-align: center;
	min-width: 50px;
	display: inline-block
}

.ub-header-mobile .header-container .body .title {
	font-size: var(--font-size-large);
	line-height: 50px;
	height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex-grow: 1
}

.ub-header-mobile .header-container .body .action {
	text-align: center
}

.ub-header-mobile .header-container .body .action .item {
	line-height: 50px;
	width: 50px;
	text-align: center;
	display: block
}

.ub-header-mobile .header-container .body .action .iconfont {
	font-size: var(--font-size-large)
}

.ub-header-mobile .header-container-placeholder {
	height: 50px;
	width: 100%;
	clear: both
}

@media screen and (min-width:40rem) {

	.ub-header-mobile .header-container,
	.ub-header-mobile .header-status {
		width: 30rem;
		left: 50%;
		margin-left: -15rem
	}

	.ub-header-mobile .header-container {
		box-shadow: 0 0 5px #ccc
	}
}

.ub-footer {
	text-align: center;
	padding: 1.5rem 0;
	margin-top: 1rem;
	background: #fff;
	border-top: 1px solid #eee
}

.ub-footer .nav {
	padding: .5rem 0
}

.ub-footer .nav a {
	color: #c4cfdb;
	display: inline-block;
	margin: 0 .25rem
}

.ub-footer .nav a:hover {
	text-decoration: underline
}

.ub-footer .copyright {
	color: #c4cfdb
}

.ub-footer .copyright a {
	color: #c4cfdb
}

.ub-footer-a {
	text-align: center;
	padding: 1.5rem 0;
	border-top: .05rem solid #eee;
	background: var(--color-primary);
	margin-top: 1rem
}

.ub-footer-a .nav {
	padding: .5rem 0
}

.ub-footer-a .nav a {
	color: #fff;
	display: inline-block;
	margin: 0 .25rem
}

.ub-footer-a .nav a:hover {
	text-decoration: underline
}

.ub-footer-a .copyright {
	color: #fff
}

.ub-footer-a .copyright a {
	color: #fff
}

.ub-footer-link.reverse {
	background: #333;
	color: #eee
}

.ub-footer-link.reverse .link .list a {
	color: #ccc
}

.ub-footer-link .link {
	padding: 1rem 0
}

.ub-footer-link .link .title {
	font-size: .78rem
}

.ub-footer-link .link .list a {
	display: block;
	color: #666;
	margin: .5rem 0
}

.ub-footer-link .image {
	padding: 1rem 0;
	text-align: right
}

.ub-footer-link .image img {
	max-width: 100%
}

@media screen and (max-width:40rem) {
	.ub-footer-link .link {
		text-align: center
	}

	.ub-footer-link .image {
		text-align: center
	}
}

.ub-search-block {
	background: var(--color-primary, #419488);
	padding: 2rem .5rem 3rem .5rem;
	text-align: center
}

.ub-search-block.white {
	background: #fff
}

.ub-search-block.white .title {
	color: #34495e
}

.ub-search-block.white .form .box input {
	border-color: var(--color-primary);
	outline: 1px solid var(--color-primary)
}

.ub-search-block.white .form .box button {
	background: var(--color-primary);
	color: #fff
}

.ub-search-block .title {
	font-size: 1.5rem;
	padding: 0;
	color: #fff
}

.ub-search-block .sub-title {
	font-size: var(--font-size-large, 1rem);
	color: #fff
}

.ub-search-block .form {
	padding-top: 1rem
}

.ub-search-block .form .box {
	max-width: 25rem;
	margin: 0 auto;
	position: relative;
	height: 2.5rem
}

.ub-search-block .form .box.captcha img {
	height: 2.4rem;
	line-height: 2.4rem;
	position: absolute;
	right: 5rem;
	top: .05rem;
	border-radius: .25rem;
	cursor: pointer
}

.ub-search-block .form .box input {
	width: 100%;
	border-radius: 2.5rem;
	line-height: 2.5rem;
	height: 2.5rem;
	padding: 0 1rem
}

.ub-search-block .form .box button {
	position: absolute;
	right: 0;
	top: .05rem;
	background: #fff;
	border: none;
	border-radius: 1.25rem;
	color: var(--color-primary, #419488);
	height: 2.4rem;
	line-height: 2.4rem;
	padding: 0 1rem;
	margin: 0
}

.ub-search-mobile-bar {
	display: flex;
	height: 2rem;
	overflow: hidden;
	background: #fff;
	line-height: 2rem;
	padding: 0 .5rem
}

.ub-search-mobile-bar .center .item,
.ub-search-mobile-bar .left .item,
.ub-search-mobile-bar .right .item {
	display: inline-block;
	min-width: 2rem;
	line-height: 2rem;
	text-align: center;
	color: #666
}

.ub-search-mobile-bar .center .item .icon,
.ub-search-mobile-bar .left .item .icon,
.ub-search-mobile-bar .right .item .icon {
	display: inline-block;
	font-size: var(--font-size-large, 1rem)
}

.ub-search-mobile-bar .center {
	flex: 1;
	line-height: 1.4rem
}

.ub-search-mobile-bar .center .box {
	margin-top: .3rem;
	position: relative;
	height: 1.4rem;
	background: #eee;
	border-radius: .7rem
}

.ub-search-mobile-bar .center .box .icon {
	position: absolute;
	display: block;
	left: .5rem;
	top: .4rem;
	line-height: 1em;
	height: 1rem;
	width: 1rem;
	text-align: center;
	font-size: var(--font-size, .65rem)
}

.ub-search-mobile-bar .center .box .input {
	position: absolute;
	display: block;
	left: 1.6rem;
	top: .2rem;
	border: none;
	width: calc(100% - 2rem);
	height: 1rem;
	line-height: 1rem;
	background: 0 0;
	outline: 0;
	padding: 0
}

.ub-search-history .item {
	display: flex
}

.ub-search-history .item .remove,
.ub-search-history .item .text,
.ub-search-history .item .time {
	display: inline-block;
	min-width: 1.5rem;
	text-align: center;
	line-height: 1.5rem;
	color: #c4cfdb
}

.ub-search-history .item .text {
	flex: 1;
	text-align: left;
	color: #333
}

.ub-search-result {
	background: #fff;
	padding: var(--size-margin, .5rem)
}

.ub-search-result .keyword {
	color: var(--color-primary, #419488);
	font-weight: 700
}

.ub-search-result .count {
	color: var(--color-primary, #419488);
	font-weight: 700
}

.ub-search-block-a {
	position: relative;
	border: 1px solid var(--color-primary);
	border-radius: .5rem;
	padding: 0
}

.ub-search-block-a.mini .search-btn {
	padding: 0 .5rem;
	font-size: .7rem
}

.ub-search-block-a .input {
	outline: 0;
	height: 2rem;
	width: 100%;
	line-height: 2rem;
	border: none;
	padding: 0 .5rem;
	font-size: .65rem;
	box-sizing: border-box;
	border-radius: .5rem
}

.ub-search-block-a .search-btn {
	display: block;
	height: 2rem;
	padding: 0 1rem;
	line-height: 2rem;
	background-color: var(--color-primary, #419488);
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	font-size: .8rem;
	border-radius: .4rem
}

.ub-search-block-a .search-btn:hover {
	color: #fff
}

.ub-article.white {
	background: #fff;
	padding: 1rem
}

.ub-article h1 {
	font-size: 1.5rem;
	padding: 0;
	margin: 0;
	line-height: 2rem
}

.ub-article .attr {
	color: #c4cfdb;
	padding: .5rem 0;
	border-bottom: .05rem solid #eee
}

.ub-article .cover img {
	width: 100%
}

.ub-article .content {
	padding: .5rem 0
}

.ub-article-a {
	background: #fff;
	padding: 1rem;
	border-radius: var(--size-radius, .25rem)
}

.ub-article-a .image {
	border: #eee 1px solid;
	padding: .5rem;
	overflow: hidden
}

.ub-article-a .image .text {
	color: #666;
	padding: .25rem 0
}

.ub-article-a .image .text .left {
	float: left
}

.ub-article-a .image .text .right {
	float: right
}

.ub-article-a .content {
	padding-left: 1rem
}

.ub-article-a .content h1 {
	color: #000;
	font-size: var(--font-size-large, 1rem);
	line-height: 1.5rem
}

.ub-article-a .content .info {
	padding: 0
}

.ub-article-a .content .action {
	padding: .5rem 0 0 0
}

.ub-article-a .content .action .btn {
	margin-right: .5rem
}

.ub-list-head-tools-placeholder {
	height: 2rem
}

.ub-list-head-tools {
	box-shadow: 0 0 2px #ccc;
	background: #fff;
	height: 2rem;
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10000
}

.ub-list-head-tools .item {
	flex: 1
}

.ub-list-head-tools .item.open .item-drawer-title .icon {
	transform: rotateZ(180deg)
}

.ub-list-head-tools .item.open .item-drawer-mask {
	display: block !important
}

.ub-list-head-tools .item .item-drawer .item-drawer-title {
	line-height: 2rem;
	text-align: center
}

.ub-list-head-tools .item .item-drawer .item-drawer-title .icon,
.ub-list-head-tools .item .item-drawer .item-drawer-title .text {
	display: inline-block
}

.ub-list-head-tools .item .item-drawer .item-drawer-title .icon {
	color: #ccc;
	transition: all .3s ease-in-out
}

.ub-list-head-tools .item .item-drawer .item-drawer-mask {
	transition: all .3s ease-in-out;
	display: none;
	position: absolute;
	top: 2rem;
	left: 0;
	right: 0;
	height: calc(100vh - 2rem);
	background: rgba(0, 0, 0, .5)
}

.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content {
	position: relative;
	padding-bottom: 3rem;
	background: #fff;
	border-top: 1px solid #eee
}

.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content.no-foot {
	padding-bottom: 0
}

.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content.no-foot .item-drawer-content-body {
	max-height: calc(100vh - 2rem)
}

.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content .item-drawer-content-body {
	max-height: calc(100vh - 2rem - 3rem);
	overflow: auto;
	background: #fff;
	padding: var(--size-margin);
	box-shadow: inset 0 0 10px #eee
}

.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content .item-drawer-content-body .item-drawer-content-body-list .item-drawer-content-body-item {
	font-size: var(--font-size);
	text-align: left;
	line-height: 2rem;
	padding: 0 1rem;
	display: flex
}

.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content .item-drawer-content-body .item-drawer-content-body-list .item-drawer-content-body-item.active {
	color: var(--color-primary)
}

.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content .item-drawer-content-body .item-drawer-content-body-list .item-drawer-content-body-item.active .checked {
	visibility: visible
}

.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content .item-drawer-content-body .item-drawer-content-body-list .item-drawer-content-body-item .checked {
	font-size: var(--font-size-large);
	overflow: hidden;
	visibility: hidden;
	width: 1.5rem
}

.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content .item-drawer-content-body .item-drawer-content-body-list .item-drawer-content-body-item .checked,
.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content .item-drawer-content-body .item-drawer-content-body-list .item-drawer-content-body-item .text {
	display: inline-block;
	vertical-align: middle
}

.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content .item-drawer-content-body .item-drawer-content-body-list .item-drawer-content-body-item .text {
	border-bottom: 1px solid #f8f8f8;
	flex: 1
}

.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content .item-drawer-content-body .item-drawer-content-body-list .item-drawer-content-body-item .text:last-child {
	border-bottom: none
}

.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content .item-drawer-content-foot {
	display: flex;
	padding: var(--size-margin);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-top: 1px solid #eee
}

.ub-list-head-tools .item .item-drawer .item-drawer-mask .item-drawer-content .item-drawer-content-foot .btn {
	flex: 1
}

.ub-list {
	background: #fff;
	border-radius: var(--size-radius)
}

.ub-list.no-bg {
	background: 0 0
}

.ub-list.no-bg .head {
	padding: .5rem 0
}

.ub-list.no-bg .body {
	margin-left: -.5rem;
	margin-right: -.5rem
}

.ub-list .head {
	padding: .5rem
}

.ub-list .head .more {
	float: right;
	line-height: 1.5rem
}

.ub-list .head .title {
	display: inline-block;
	line-height: 1rem;
	font-size: var(--font-size)
}

.ub-list .body {
	margin-top: -.5rem;
	padding: .5rem
}

.ub-list .body mark,
.ub-list-items mark {
	color: red;
	background: 0 0
}

.ub-list .body .item-a,
.ub-list-items .item-a {
	border: .05rem solid #eee;
	border-radius: .15rem;
	padding: .5rem .5rem .5rem 3.5rem;
	overflow: hidden;
	margin: 0 0 .5rem 0
}

.ub-list .body .item-a .icon,
.ub-list-items .item-a .icon {
	float: left;
	margin: .25rem 0 0 -3rem
}

.ub-list .body .item-a .icon .img,
.ub-list .body .item-a .icon img,
.ub-list-items .item-a .icon .img,
.ub-list-items .item-a .icon img {
	height: 2.5rem;
	width: 2.5rem
}

.ub-list .body .item-a .title,
.ub-list-items .item-a .title {
	display: block;
	color: var(--color-text);
	font-size: var(--font-size-large);
	line-height: 1rem;
	height: 1rem
}

.ub-list .body .item-a .title:hover,
.ub-list-items .item-a .title:hover {
	color: #111
}

.ub-list .body .item-a .summary,
.ub-list-items .item-a .summary {
	color: #c4cfdb;
	font-size: var(--font-size);
	padding: .5rem 0 0 0;
	height: 2.4rem;
	overflow: hidden
}

.ub-list .body .item-b,
.ub-list-items .item-b {
	line-height: 2em;
	text-align: center;
	display: block;
	border: .05rem solid #eee;
	border-radius: .15rem;
	margin: .25rem 0;
	color: var(--color-primary)
}

.ub-list .body .item-b:hover,
.ub-list-items .item-b:hover {
	background: #eee
}

.ub-list .body .item-c,
.ub-list-items .item-c {
	line-height: 2em;
	display: block;
	margin: .25rem 0;
	color: var(--color-text);
	height: 2em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.ub-list .body .item-c:before,
.ub-list-items .item-c:before {
	content: "▪";
	color: var(--color-primary);
	display: inline-block;
	margin-right: .2rem
}

.ub-list .body .item-d,
.ub-list-items .item-d {
	border-bottom: .05rem dashed #ccc;
	padding: var(--size-margin) 0
}

.ub-list .body .item-d .title,
.ub-list-items .item-d .title {
	font-size: var(--font-size-large);
	color: var(--color-text);
	line-height: 1.4rem
}

.ub-list .body .item-d .attr,
.ub-list-items .item-d .attr {
	color: #c4cfdb;
	font-size: var(--font-size);
	padding: .25rem 0 0 0
}

.ub-list .body .item-d .attr a,
.ub-list-items .item-d .attr a {
	color: #c4cfdb
}

.ub-list .body .item-d .attr a:hover,
.ub-list-items .item-d .attr a:hover {
	text-decoration: underline
}

.ub-list .body .item-d .summary,
.ub-list-items .item-d .summary {
	color: #c4cfdb;
	font-size: var(--font-size);
	padding: .25rem 0 0 0
}

.ub-list .body .item-e,
.ub-list-items .item-e {
	padding-bottom: .5rem;
	border-radius: .15rem
}

.ub-list .body .item-e .cover,
.ub-list-items .item-e .cover {
	display: block;
	overflow: hidden;
	background: no-repeat center;
	background-size: cover;
	box-shadow: #eee 0 0 .15rem;
	border-radius: .15rem
}

.ub-list .body .item-e .cover:after,
.ub-list-items .item-e .cover:after {
	content: '';
	display: block;
	margin-top: 66%
}

.ub-list .body .item-e .title,
.ub-list-items .item-e .title {
	line-height: 1rem;
	height: 1rem;
	display: block;
	margin-top: .5rem;
	padding: 0 .5rem;
	color: var(--color-text);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.ub-list .body .item-e .summary,
.ub-list-items .item-e .summary {
	margin-top: .25rem;
	line-height: 1rem;
	height: 2rem;
	color: #c4cfdb;
	overflow: hidden;
	padding: 0 .5rem
}

.ub-list .body .item-f,
.ub-list-items .item-f {
	padding: 0 0 0 4rem;
	margin: 0 0 .75rem 0
}

.ub-list .body .item-f .date,
.ub-list-items .item-f .date {
	float: left;
	margin: 0 0 0 -4rem;
	display: block;
	width: 3rem;
	border: .05rem solid var(--color-primary);
	border-radius: .15rem;
	text-align: center;
	line-height: 1.25rem
}

.ub-list .body .item-f .date .day,
.ub-list-items .item-f .date .day {
	color: #fff;
	font-size: var(--font-size-large);
	background: var(--color-primary)
}

.ub-list .body .item-f .date .month,
.ub-list-items .item-f .date .month {
	color: var(--color-text)
}

.ub-list .body .item-f .title,
.ub-list-items .item-f .title {
	display: block;
	line-height: 1rem;
	height: 1rem;
	overflow: hidden
}

.ub-list .body .item-f .summary,
.ub-list-items .item-f .summary {
	color: #c4cfdb;
	height: 2rem;
	line-height: 1rem;
	overflow: hidden
}

.ub-list .body .item-g,
.ub-list-items .item-g {
	border: .05rem solid #eee;
	border-radius: .15rem;
	padding: .5rem;
	overflow: hidden;
	margin: 0 0 .5rem 0;
	text-align: center;
	display: block
}

.ub-list .body .item-g:hover,
.ub-list-items .item-g:hover {
	box-shadow: #ccc 0 0 .1rem
}

.ub-list .body .item-g .icon img,
.ub-list-items .item-g .icon img {
	height: 4rem;
	width: 4rem
}

.ub-list .body .item-g .title,
.ub-list-items .item-g .title {
	display: block;
	color: var(--color-text);
	line-height: 1rem
}

.ub-list .body .item-g .title:hover,
.ub-list-items .item-g .title:hover {
	color: #111
}

.ub-list .body .item-h,
.ub-list-items .item-h {
	border: .05rem solid #eee;
	border-radius: .15rem;
	padding: .5rem .5rem .5rem 2.5rem;
	overflow: hidden;
	margin: 0 0 .5rem 0;
	display: block
}

.ub-list .body .item-h:hover,
.ub-list-items .item-h:hover {
	border-color: #ccc
}

.ub-list .body .item-h .icon,
.ub-list-items .item-h .icon {
	float: left;
	margin: 0 0 0 -2rem
}

.ub-list .body .item-h .icon img,
.ub-list-items .item-h .icon img {
	height: 1.5rem;
	width: 1.5rem;
	border: none
}

.ub-list .body .item-h .icon i,
.ub-list-items .item-h .icon i {
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	font-size: var(--font-size-large);
	color: #c4cfdb
}

.ub-list .body .item-h .title,
.ub-list-items .item-h .title {
	display: block;
	color: var(--color-text);
	font-size: var(--font-size);
	line-height: 1.5rem;
	height: 1.5rem
}

.ub-list .body .item-h .title:hover,
.ub-list-items .item-h .title:hover {
	color: #111
}

.ub-list .body .item-i,
.ub-list-items .item-i {
	border: .05rem solid #eee;
	border-radius: .15rem;
	padding: .5rem .5rem .5rem 2.5rem;
	overflow: hidden;
	margin: 0 0 .5rem 0;
	display: block
}

.ub-list .body .item-i:hover,
.ub-list-items .item-i:hover {
	border-color: #ccc
}

.ub-list .body .item-i .icon,
.ub-list-items .item-i .icon {
	float: left;
	margin: .25rem 0 0 -2rem
}

.ub-list .body .item-i .icon img,
.ub-list-items .item-i .icon img {
	height: 1.5rem;
	width: 1.5rem;
	border: none
}

.ub-list .body .item-i .icon i,
.ub-list-items .item-i .icon i {
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	font-size: var(--font-size-large);
	color: #c4cfdb
}

.ub-list .body .item-i .title,
.ub-list-items .item-i .title {
	display: block;
	color: var(--color-text);
	font-size: var(--font-size);
	line-height: 1rem;
	height: 1rem
}

.ub-list .body .item-i .title:hover,
.ub-list-items .item-i .title:hover {
	color: #111
}

.ub-list .body .item-i .desc,
.ub-list-items .item-i .desc {
	color: #c4cfdb;
	font-size: .65rem;
	line-height: 1rem;
	height: 1rem;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap
}

.ub-list .body .item-j,
.ub-list-items .item-j {
	border: .05rem solid #eee;
	border-radius: .15rem;
	padding: .5rem;
	overflow: hidden;
	margin: 0 0 .5rem 0;
	display: block;
	color: #c4cfdb
}

.ub-list .body .item-j:hover,
.ub-list-items .item-j:hover {
	border-color: #ccc
}

.ub-list .body .item-j .status,
.ub-list-items .item-j .status {
	float: right;
	line-height: 1rem;
	color: #c4cfdb
}

.ub-list .body .item-j .title,
.ub-list-items .item-j .title {
	display: block;
	color: var(--color-text);
	font-size: var(--font-size);
	line-height: 1rem;
	height: 1rem
}

.ub-list .body .item-j .title:hover,
.ub-list-items .item-j .title:hover {
	color: #111
}

.ub-list .body .item-j .attr,
.ub-list-items .item-j .attr {
	padding: .5rem 0 0 0;
	font-size: var(--font-size)
}

.ub-list .body .item-j .attr .line,
.ub-list-items .item-j .attr .line {
	line-height: .975rem
}

.ub-list .body .item-k,
.ub-list-items .item-k {
	border-bottom: .05rem dashed #eee;
	padding: 1rem 1rem 1rem 11rem;
	overflow: hidden;
	border-radius: .5rem
}

.ub-list .body .item-k.item-k-a,
.ub-list-items .item-k.item-k-a {
	padding: .5rem .5rem .5rem 3.5rem
}

.ub-list .body .item-k.item-k-a .image,
.ub-list-items .item-k.item-k-a .image {
	width: 3rem;
	padding: .25rem;
	margin-left: -3.5rem
}

.ub-list .body .item-k.item-k-a .image .cover,
.ub-list-items .item-k.item-k-a .image .cover {
	border-radius: 50%;
	box-shadow: 0 0 1px #c4cfdb
}

.ub-list .body .item-k.item-k-a .info,
.ub-list-items .item-k.item-k-a .info {
	padding-top: .5rem
}

.ub-list .body .item-k.item-k-b,
.ub-list-items .item-k.item-k-b {
	padding: 0 0 0 2.5rem
}

.ub-list .body .item-k.item-k-b .image,
.ub-list-items .item-k.item-k-b .image {
	width: 2rem;
	padding: .25rem;
	margin-left: -2.5rem
}

.ub-list .body .item-k.item-k-b .image .cover,
.ub-list-items .item-k.item-k-b .image .cover {
	box-shadow: 0 0 1px #c4cfdb
}

.ub-list .body .item-k.item-k-b .title,
.ub-list-items .item-k.item-k-b .title {
	font-size: var(--font-size);
	padding: .3rem 0;
	display: inline-block
}

.ub-list .body .item-k.item-k-b .right,
.ub-list-items .item-k.item-k-b .right {
	padding: .3rem 0
}

.ub-list .body .item-k:hover .image .cover,
.ub-list-items .item-k:hover .image .cover {
	transform: translateY(-.25rem);
	transition: all .6s
}

.ub-list .body .item-k .right,
.ub-list-items .item-k .right {
	float: right
}

.ub-list .body .item-k .image,
.ub-list-items .item-k .image {
	width: 9rem;
	float: left;
	margin-left: -10rem;
	display: block
}

.ub-list .body .item-k .image .cover,
.ub-list-items .item-k .image .cover {
	border-radius: .25rem
}

.ub-list .body .item-k .title,
.ub-list-items .item-k .title {
	font-size: var(--font-size-medium);
	color: var(--color-text);
	line-height: 1.4rem
}

.ub-list .body .item-k .summary,
.ub-list-items .item-k .summary {
	color: #c4cfdb;
	font-size: var(--font-size);
	padding: .5rem 0 0 0;
	height: 3.425rem;
	overflow: hidden;
	line-height: .975rem
}

.ub-list .body .item-k .info,
.ub-list-items .item-k .info {
	color: #c4cfdb;
	font-size: var(--font-size);
	padding: 1rem 0 0 0;
	overflow: hidden
}

.ub-list .body .item-k .info .left,
.ub-list-items .item-k .info .left {
	float: left
}

.ub-list .body .item-k .info .right,
.ub-list-items .item-k .info .right {
	float: right
}

.ub-list .body .item-k .info a,
.ub-list-items .item-k .info a {
	color: #c4cfdb
}

.ub-list .body .item-k .info a:hover,
.ub-list-items .item-k .info a:hover {
	text-decoration: underline
}

.ub-list .body .item-l,
.ub-list-items .item-l {
	line-height: 2em;
	display: block;
	position: relative;
	height: 1.5rem;
	overflow: hidden;
	padding-left: 2rem;
	padding-right: 7em;
	box-sizing: content-box
}

.ub-list .body .item-l .seq,
.ub-list-items .item-l .seq {
	position: absolute;
	width: 1rem;
	height: 1rem;
	left: 0;
	top: .25em;
	background: #fbe6e6;
	cursor: pointer;
	line-height: 1rem;
	text-align: center;
	color: #d22525;
	display: block
}

.ub-list .body .item-l .right,
.ub-list-items .item-l .right {
	position: absolute;
	right: 0;
	top: 0;
	color: var(--color-text);
	width: 6em;
	text-align: center;
	background: #f9f9f9
}

.ub-list .body .item-l .title,
.ub-list-items .item-l .title {
	color: var(--color-primary);
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	height: 1rem;
	overflow: hidden
}

.ub-list .body .item-m,
.ub-list-items .item-m {
	color: #c4cfdb;
	background-color: #f6f6f6;
	height: 1.5rem;
	line-height: 1.5rem;
	overflow: hidden;
	padding: 0 .2rem;
	display: -moz-box;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	margin: .1rem -.15rem;
	border-radius: 3px
}

.ub-list .body .item-m:hover,
.ub-list-items .item-m:hover {
	background: var(--color-primary);
	color: #fff
}

.ub-list .body .item-n,
.ub-list-items .item-n {
	border-radius: 3px;
	box-shadow: 0 0 2px #ccc;
	margin-bottom: .5rem;
	transition: all linear .2s
}

.ub-list .body .item-n:hover,
.ub-list-items .item-n:hover {
	transform: translateY(-.25rem)
}

.ub-list .body .item-n .text .cover,
.ub-list-items .item-n .text .cover {
	display: flex;
	align-items: center;
	justify-content: center
}

.ub-list .body .item-n .text .cover .content,
.ub-list-items .item-n .text .cover .content {
	color: #111;
	text-shadow: 0 0 10px #eee;
	font-size: 1rem
}

.ub-list .body .item-o,
.ub-list-items .item-o {
	background: #fff;
	margin-bottom: .5rem;
	border-radius: 3px
}

.ub-list .body .item-o:hover .image .cover,
.ub-list-items .item-o:hover .image .cover {
	transform: scale(1.1);
	transition: all .6s
}

.ub-list .body .item-o .image,
.ub-list-items .item-o .image {
	display: block;
	background: #fff;
	overflow: hidden
}

.ub-list .body .item-o .title,
.ub-list-items .item-o .title {
	font-size: var(--font-size-large);
	display: block;
	color: var(--color-primary);
	border-top: .25rem solid var(--color-primary);
	background: #fff;
	line-height: 2rem;
	padding: 0 1rem;
	position: relative
}

.ub-list .body .item-o .title:after,
.ub-list-items .item-o .title:after {
	content: '>';
	display: block;
	transform: scaleX(.6);
	font-weight: 700;
	position: absolute;
	right: 1rem;
	top: 0;
	height: 2rem;
	font-size: var(--font-size-large)
}

.ub-list .body .item-p,
.ub-list-items .item-p {
	border-radius: .2rem;
	margin-bottom: .5rem;
	background: #fff;
	padding: 0 0 1rem 0
}

.ub-list .body .item-p:hover,
.ub-list-items .item-p:hover {
	box-shadow: 0 0 2px #bbb
}

.ub-list .body .item-p .image,
.ub-list-items .item-p .image {
	display: block
}

.ub-list .body .item-p .image .cover,
.ub-list-items .item-p .image .cover {
	border-radius: .2rem .2rem 0 0
}

.ub-list .body .item-p .title,
.ub-list-items .item-p .title {
	font-size: var(--font-size);
	text-align: center;
	padding: .5rem;
	display: block;
	color: var(--color-text);
	height: 2rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.ub-list .body .item-p .summary,
.ub-list-items .item-p .summary {
	display: block;
	color: #c4cfdb;
	text-align: center;
	height: 1rem;
	line-height: 1rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0 .5rem
}

.ub-list .body .item-p .summary.line2,
.ub-list-items .item-p .summary.line2 {
	height: 2rem;
	white-space: normal;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box
}

.ub-list .body .item-video,
.ub-list-items .item-video {
	position: relative;
	display: block;
	margin: .5rem;
	border-radius: .15rem
}

.ub-list .body .item-video img,
.ub-list-items .item-video img {
	width: 100%
}

.ub-list .body .item-video .mask,
.ub-list-items .item-video .mask {
	border-radius: .15rem;
	position: absolute;
	background: rgba(0, 0, 0, .2);
	text-align: center;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	color: #fff;
	font-size: 3rem
}

.ub-list .body .item-video .mask .box,
.ub-list-items .item-video .mask .box {
	display: table;
	height: 100%;
	width: 100%
}

.ub-list .body .item-video .mask .box i,
.ub-list-items .item-video .mask .box i {
	vertical-align: middle;
	display: table-cell
}

.ub-list .body .item-video-cover,
.ub-list-items .item-video-cover {
	background: #fff;
	padding: var(--size-margin);
	margin: 0 0 .5rem 0;
	border-radius: var(--size-radius)
}

.ub-list .body .item-video-cover:hover,
.ub-list-items .item-video-cover:hover {
	transform: scale(1.07);
	transition: all .3s
}

.ub-list .body .item-video-cover .cover,
.ub-list-items .item-video-cover .cover {
	display: block;
	overflow: hidden;
	background: no-repeat center;
	background-size: cover;
	box-shadow: #eee 0 0 .15rem;
	border-radius: .15rem
}

.ub-list .body .item-video-cover .cover:after,
.ub-list-items .item-video-cover .cover:after {
	content: '';
	display: block;
	margin-top: 66%
}

.ub-list .body .item-video-cover .title,
.ub-list-items .item-video-cover .title {
	line-height: 1rem;
	height: 1rem;
	overflow: hidden;
	display: block;
	margin-top: .5rem;
	color: var(--color-text);
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%
}

.ub-list .body .item-video-cover .category,
.ub-list-items .item-video-cover .category {
	margin-top: .5rem
}

.ub-list .body .item-video-cover .category .stat,
.ub-list-items .item-video-cover .category .stat {
	float: right
}

.ub-list .body .item-video-cover .category .stat a,
.ub-list-items .item-video-cover .category .stat a {
	margin-left: var(--size-margin)
}

.ub-list .body .item-video-cover .category a,
.ub-list-items .item-video-cover .category a {
	color: #c4cfdb
}

.ub-list .body .item-video-cover .category a i,
.ub-list-items .item-video-cover .category a i {
	display: inline-block;
	width: 1em;
	text-align: center
}

.ub-list .body .item-video-cover .category a:hover,
.ub-list-items .item-video-cover .category a:hover {
	color: var(--color-text)
}

.ub-list .body .item-video-cover-a,
.ub-list-items .item-video-cover-a {
	padding: var(--size-margin);
	margin: 0 0 .5rem 0
}

.ub-list .body .item-video-cover-a:hover .cover,
.ub-list-items .item-video-cover-a:hover .cover {
	transform: scale(1.07);
	transition: all .3s
}

.ub-list .body .item-video-cover-a .cover,
.ub-list-items .item-video-cover-a .cover {
	display: block;
	border-radius: var(--size-radius);
	position: relative
}

.ub-list .body .item-video-cover-a .cover .time,
.ub-list-items .item-video-cover-a .cover .time {
	position: absolute;
	display: block;
	bottom: .5rem;
	right: 1rem;
	color: #fff;
	text-shadow: 0 0 2px #ccc;
	font-size: var(--font-size-small)
}

.ub-list .body .item-video-cover-a .user,
.ub-list-items .item-video-cover-a .user {
	display: block;
	height: 2.2rem;
	margin-top: -.5rem;
	margin-left: 1rem;
	position: relative
}

.ub-list .body .item-video-cover-a .user .avatar,
.ub-list-items .item-video-cover-a .user .avatar {
	width: 1.8rem;
	height: 1.8rem;
	display: inline-block
}

.ub-list .body .item-video-cover-a .user .avatar .image,
.ub-list-items .item-video-cover-a .user .avatar .image {
	width: 1.8rem;
	height: 1.8rem;
	border: .1rem solid #fff;
	border-radius: 50%
}

.ub-list .body .item-video-cover-a .user .name,
.ub-list-items .item-video-cover-a .user .name {
	display: inline-block;
	vertical-align: bottom;
	color: #1d1d1d
}

.ub-list .body .item-video-cover-a .title,
.ub-list-items .item-video-cover-a .title {
	line-height: 1rem;
	height: 2rem;
	overflow: hidden;
	display: block;
	color: #1d1d1d;
	text-overflow: ellipsis;
	width: 100%
}

.ub-list .body .item-video-cover-a .info,
.ub-list-items .item-video-cover-a .info {
	font-size: var(--font-size-small);
	color: #c4cfdb;
	padding-top: .5rem
}

@media screen and (max-width:40rem) {

	.ub-list .body .item-k,
	.ub-list-items .item-k {
		padding: .5rem .5rem .5rem 5rem
	}

	.ub-list .body .item-k .title,
	.ub-list-items .item-k .title {
		font-size: var(--font-size);
		line-height: var(--font-size)
	}

	.ub-list .body .item-k .image,
	.ub-list-items .item-k .image {
		width: 4rem;
		margin-left: -4.5rem
	}

	.ub-list .body .item-k .summary,
	.ub-list-items .item-k .summary {
		font-size: var(--font-size-small);
		padding-top: .25rem;
		height: 2rem
	}
}

@media screen and (max-width:40rem) {

	.ub-list .body .item-video-cover:hover,
	.ub-list-items .item-video-cover:hover {
		transform: none
	}

	.ub-list {
		max-width: 100%;
		overflow: hidden
	}

	.ub-list.no-bg .head {
		padding: .5rem
	}
}

.ub-list-pay.disabled .item:hover {
	border-color: #eee
}

.ub-list-pay.inlined {
	background: #eee;
	border-radius: .5rem;
	padding: .5rem
}

.ub-list-pay.inlined .item {
	display: inline-block;
	min-width: 6rem;
	line-height: 1.5rem;
	cursor: default;
	border: none;
	padding-left: 0
}

.ub-list-pay .item {
	line-height: 2.5rem;
	border: 2px solid #eee;
	padding: 0 10px;
	border-radius: .3rem;
	text-align: left;
	color: var(--color-text);
	display: block;
	margin-bottom: .5rem
}

.ub-list-pay .item.active {
	border-color: var(--color-primary)
}

.ub-list-pay .item:hover {
	border-color: var(--color-primary)
}

.ub-list-pay .item .icon {
	width: 1.5rem;
	height: 1.5rem;
	vertical-align: middle
}

.ub-html {
	line-height: 2em;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	overflow: hidden;
	word-wrap: break-word;
	font-size: inherit
}

.ub-html>:first-child {
	margin-top: 0
}

.ub-html>p:first-child {
	margin-top: 0
}

.ub-html>p:last-child {
	margin-bottom: 0
}

.ub-html p {
	padding: 0;
	line-height: 1.8em;
	word-spacing: .05rem;
	margin: .5em 0
}

.ub-html img {
	max-width: 100%
}

.ub-html img.ub-emotion {
	height: 2em;
	border: none
}

.ub-html iframe {
	max-width: 100%
}

.ub-html p.video-player {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden
}

.ub-html p.video-player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.ub-html video {
	max-width: 100%
}

.ub-html a {
	background: 0 0
}

.ub-html hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

.ub-html code,
.ub-html kbd,
.ub-html pre {
	font-family: "Meiryo UI", "YaHei Consolas Hybrid", Consolas, "Malgun Gothic", "Segoe UI", "Trebuchet MS", Helvetica, monospace, monospace;
	font-size: 1em;
	background: #384548;
	color: #f8f8f2;
	white-space: pre;
	word-spacing: normal;
	word-wrap: normal;
	tab-size: 4;
	hyphens: none;
	text-align: left;
	line-height: 1.8em;
	padding: 1em
}

.ub-html table {
	border-spacing: 0;
	max-width: 98%;
	margin: 1em 0;
	box-shadow: 0 0 .1rem #ccc;
	display: table;
	text-align: left;
	border: .05rem solid #ddd;
	border-collapse: collapse;
	overflow: auto;
	word-break: keep-all
}

.ub-html table tr {
	background-color: #fff;
	border-top: .05rem solid #ccc
}

.ub-html table tr tbody {
	border: 0
}

.ub-html table tr th {
	font-weight: 700;
	background-color: #f0f0f0;
	padding: .15rem .3rem;
	border: .05rem solid #ddd
}

.ub-html table tr td {
	padding: .15rem .3rem;
	border: .05rem solid #ddd
}

.ub-html>p pre,
.ub-html>p svg,
.ub-html>p table {
	-webkit-box-shadow: 0 0 .5rem #ccc;
	-moz-box-shadow: 0 0 .5rem #ccc;
	box-shadow: 0 0 .5rem #ccc;
	margin: 1em auto;
	display: block
}

.ub-html td,
.ub-html th {
	padding: 0
}

.ub-html * {
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.ub-html input {
	font: .65rem/1.4 Helvetica, arial, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"
}

.ub-html a {
	color: #4183c4;
	text-decoration: none
}

.ub-html a:active,
.ub-html a:hover {
	text-decoration: underline
}

.ub-html hr {
	height: 0;
	margin: .75rem 0;
	overflow: hidden;
	background: 0 0;
	border: 0;
	border-bottom: .05rem solid #ddd
}

.ub-html hr:before {
	display: table;
	content: ""
}

.ub-html hr:after {
	display: table;
	clear: both;
	content: ""
}

.ub-html h1,
.ub-html h2,
.ub-html h3,
.ub-html h4,
.ub-html h5,
.ub-html h6 {
	font-weight: 700;
	margin: 1.2em 0 .6em 0;
	text-align: start
}

.ub-html h1 {
	font-size: 2em;
	margin: 1em 0
}

.ub-html h2 {
	font-size: 1.7em;
	border-bottom: 1px solid #eee;
	line-height: 2em
}

.ub-html h3 {
	font-size: 1.5em
}

.ub-html h4 {
	font-size: 1.25em
}

.ub-html h5 {
	font-size: 1em
}

.ub-html h6 {
	font-size: .85em
}

.ub-html blockquote {
	display: block;
	font-size: 1em;
	overflow: auto;
	overflow-scrolling: touch;
	border-left: 3px solid rgba(0, 0, 0, .4);
	background: rgba(0, 0, 0, .05);
	color: #6a737d;
	padding-top: .5em;
	padding-bottom: .5em;
	padding-left: 1em;
	padding-right: .5em;
	margin-bottom: 1em;
	margin-top: 1em
}

.ub-html blockquote p {
	margin: .5em 0
}

.ub-html ol,
.ub-html ul {
	padding: .5em 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 1.4em
}

.ub-html ol li {
	list-style: decimal
}

.ub-html ul li {
	list-style: disc
}

.ub-html ol ol,
.ub-html ul ol {
	list-style-type: lower-roman
}

.ub-html ol ol ol,
.ub-html ol ul ol,
.ub-html ul ol ol,
.ub-html ul ul ol {
	list-style-type: lower-alpha
}

.ub-html dd {
	margin-left: 0
}

.ub-html code {
	color: #c7254e;
	background-color: #f9f2f4;
	border-radius: .2em;
	white-space: pre;
	font-family: "Source Code Pro", monospace;
	font-size: .9em;
	padding: .1em .2em
}

.ub-html code.formula {
	color: inherit;
	background-color: inherit;
	border: inherit;
	font-size: inherit
}

.ub-html pre {
	margin-top: 0;
	margin-bottom: 0;
	font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
	font-size: .9em;
	border-left: none
}

.ub-html pre code {
	color: inherit;
	background: 0 0;
	border: none
}

.ub-scroll-bar-mini::-webkit-scrollbar-track {
	background-color: #f8f8f8;
	border: 1px solid #eee
}

.ub-scroll-bar-mini::-webkit-scrollbar {
	width: 2px;
	height: 2px;
	background-color: #f5f5f5
}

.ub-scroll-bar-mini::-webkit-scrollbar-thumb {
	border-radius: 2px;
	background-color: #ccc
}

.ub-loading {
	text-align: center;
	color: #c4cfdb;
	padding: 1rem 0
}

.ub-empty {
	text-align: center;
	color: #c4cfdb;
	padding: 1rem 0
}

.ub-empty .icon {
	font-size: 3rem;
	text-align: center;
	color: #c4cfdb;
	line-height: 3rem
}

.ub-empty .icon * {
	font-size: 3rem;
	line-height: 3rem
}

.ub-empty .text {
	line-height: 1.5rem;
	color: #c4cfdb
}

.ub-load-more {
	text-align: center;
	color: #c4cfdb;
	padding: .5rem 0;
	cursor: pointer;
	font-size: var(--font-size)
}

.ub-no-more {
	text-align: center;
	color: #c4cfdb;
	padding: .5rem 0;
	font-size: var(--font-size)
}

.ub-text-slash-separate .item {
	display: inline-block
}

.ub-text-slash-separate .item:after {
	content: '/';
	color: #ccc;
	display: inline-block;
	margin: 0 .1rem
}

.ub-text-slash-separate .item:last-child:after {
	display: none
}

.ub-placeholder {
	background: #eee;
	border-radius: .15rem;
	width: 100%;
	min-height: 1em;
	text-align: center;
	color: #c4cfdb
}

.ub-pair {
	padding: .5em 0 .5em 5em;
	line-height: 1.5em
}

.ub-pair .name {
	float: left;
	margin-left: -5em;
	color: #c4cfdb
}

.ub-icon-text {
	display: inline-block;
	white-space: nowrap;
	padding: 0 1rem 0 0
}

.ub-icon-text .icon {
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	display: inline-block;
	margin: 0 .25rem 0 0;
	white-space: nowrap
}

.ub-icon-text .text {
	line-height: 1.5rem;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #333
}

.ub-tools {
	text-align: center
}

.ub-tools .item {
	display: inline-block;
	width: 3rem;
	color: #c4cfdb;
	border-radius: var(--size-radius);
	text-align: center;
	padding: .2rem 0
}

.ub-tools .item:hover {
	background: #f8f8f8
}

.ub-tools .item.active {
	color: var(--color-primary)
}

.ub-tools .item .icon {
	display: block;
	font-size: 1.5rem;
	line-height: 1.5rem
}

.ub-tools .item .text {
	display: block
}

.ub-line {
	height: 1px;
	background: #eee;
	margin-top: var(--size-margin);
	margin-bottom: var(--size-margin)
}

.ub-file-selector .ub-file-selector__action,
.ub-file-selector .ub-file-selector__close,
.ub-file-selector .ub-file-selector__value {
	display: inline-block;
	cursor: default;
	position: relative;
	border-radius: .2rem;
	line-height: 1.4rem;
	height: 1.4rem;
	vertical-align: bottom
}

.ub-file-selector .ub-file-selector__action.hidden,
.ub-file-selector .ub-file-selector__close.hidden,
.ub-file-selector .ub-file-selector__value.hidden {
	overflow: hidden;
	width: 0;
	height: 0
}

.ub-file-selector .ub-file-selector__value {
	border: .05rem solid #eee;
	padding: 0 .5rem;
	background: #fff
}

.ub-file-selector .ub-file-selector__close {
	cursor: pointer
}

.ub-cover,
.ub-cover-1-1,
.ub-cover-2-1,
.ub-cover-3-1,
.ub-cover-3-2,
.ub-cover-4-1,
.ub-cover-4-3,
.ub-cover-5-3 {
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}

.ub-cover-1-1:after,
.ub-cover-2-1:after,
.ub-cover-3-1:after,
.ub-cover-3-2:after,
.ub-cover-4-1:after,
.ub-cover-4-3:after,
.ub-cover-5-3:after,
.ub-cover:after {
	content: '';
	display: block
}

.ub-cover-1-1.contain,
.ub-cover-2-1.contain,
.ub-cover-3-1.contain,
.ub-cover-3-2.contain,
.ub-cover-4-1.contain,
.ub-cover-4-3.contain,
.ub-cover-5-3.contain,
.ub-cover.contain {
	background-size: contain
}

.ub-cover-1-1.circle,
.ub-cover-2-1.circle,
.ub-cover-3-1.circle,
.ub-cover-3-2.circle,
.ub-cover-4-1.circle,
.ub-cover-4-3.circle,
.ub-cover-5-3.circle,
.ub-cover.circle {
	border-radius: 50%
}

.ub-cover-1-1:after {
	margin-top: 100%
}

.ub-cover-3-1:after {
	margin-top: 33.33%
}

.ub-cover-4-1:after {
	margin-top: 25%
}

.ub-cover-4-3:after {
	margin-top: 75%
}

.ub-cover-3-4:after {
	margin-top: 133.33%
}

.ub-cover-3-2:after {
	margin-top: 66.66%
}

.ub-cover-2-3:after {
	margin-top: 150%
}

.ub-cover-2-1:after {
	margin-top: 50%
}

.ub-cover-1-2:after {
	margin-top: 200%
}

.ub-cover-5-3:after {
	margin-top: 60%
}

.ub-cover-3-5:after {
	margin-top: 166.66%
}

.ub-cover-5-4:after {
	margin-top: 80%
}

.ub-cover-4-5:after {
	margin-top: 125%
}

.ub-cover-6-5:after {
	margin-top: 80%
}

.ub-cover-5-6:after {
	margin-top: 120%
}

.ub-cover-7-6:after {
	margin-top: 85.7%
}

.ub-cover-6-7:after {
	margin-top: 116.66%
}

.ub-comment-list .comment-item {
	padding-left: 2.25rem
}

.ub-comment-list .comment-item:hover>.comment-foot .action {
	display: block
}

.ub-comment-list .comment-item .comment-head {
	position: relative
}

.ub-comment-list .comment-item .comment-head .user-avatar {
	width: 1.8rem;
	height: 1.8rem;
	display: block;
	position: absolute;
	left: -2.25rem;
	top: .25rem
}

.ub-comment-list .comment-item .comment-head .user-avatar .image {
	width: 1.8rem;
	height: 1.8rem;
	border: 1px solid #fff;
	border-radius: 50%
}

.ub-comment-list .comment-item .comment-head .user-name {
	display: inline-block;
	color: var(--color-text)
}

.ub-comment-list .comment-item .comment-head .time {
	display: inline-block;
	color: #c4cfdb;
	margin-left: 1rem
}

.ub-comment-list .comment-item .comment-body {
	padding-top: .75rem
}

.ub-comment-list .comment-item .comment-body .content {
	color: var(--color-text)
}

.ub-comment-list .comment-item .comment-foot {
	padding-top: .75rem;
	overflow: hidden;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 1rem;
	padding-bottom: 1rem
}

.ub-comment-list .comment-item .comment-foot .action {
	float: right;
	display: none
}

.ub-comment-list .comment-item .comment-foot .action .item {
	margin: 0 0 0 1rem
}

.ub-comment-list .comment-item .comment-foot .item {
	color: #c4cfdb;
	display: inline-block;
	margin: 0 1rem 0 0
}

.ub-comment-editor-box {
	padding-left: 2.5rem;
	position: relative;
	padding-top: 1rem
}

.ub-comment-editor-box .user-avatar {
	width: 1.8rem;
	height: 1.8rem;
	display: block;
	position: absolute;
	left: 0;
	top: 1rem
}

.ub-comment-editor-box .user-avatar .image {
	width: 1.8rem;
	height: 1.8rem;
	border: 1px solid #fff;
	border-radius: 50%
}

.ub-comment-editor-box .submit {
	padding-top: .5rem
}

@media screen and (max-width:40rem) {
	.ub-comment-list .comment-item {
		padding-left: 2.25rem
	}

	.ub-comment-list .comment-item>.comment-foot .action {
		display: block
	}
}

.ub-tag {
	display: inline-block;
	padding: .2rem .35rem;
	font-size: .6rem;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 50rem;
	cursor: default;
	background-color: #6c757d
}

.ub-tag.danger {
	background-color: var(--color-danger)
}

.ub-tag.warning {
	background-color: var(--color-warning)
}

.ub-tag.success {
	background-color: var(--color-success)
}

.ub-tag.primary {
	background-color: var(--color-primary)
}

.ub-nav-header {
	font-size: 1.5rem;
	font-weight: 700;
	padding: 2rem 0;
	text-align: center;
	opacity: .9
}

.ub-nav-header-sub {
	opacity: .5;
	text-align: center;
	font-size: 1rem;
	margin-top: -3rem;
	padding: 2rem 0
}

@media screen and (max-width:40rem) {
	.ub-nav-header {
		padding: 1rem 0;
		font-size: var(--font-size-large)
	}

	.ub-nav-header-sub {
		margin-top: -2rem;
		padding: 1rem 0;
		font-size: var(--font-size)
	}
}

.ub-dropdown {
	position: relative;
	display: inline-block;
	cursor: pointer
}

.ub-dropdown:hover .ub-dropdown-list {
	display: block
}

.ub-dropdown .ub-dropdown-list {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	background: #fff;
	box-shadow: 0 0 1px #c4cfdb;
	border-radius: .2rem;
	z-index: 1000
}

.ub-dropdown .ub-dropdown-list .ub-dropdown-list-item {
	display: block;
	color: var(--color-text);
	padding: 0 .5rem;
	line-height: 1.5rem;
	margin: 0;
	white-space: nowrap
}

.ub-dropdown .ub-dropdown-list .ub-dropdown-list-item:hover {
	color: var(--color-primary);
	background: #eee
}

.ub-breadcrumb {
	min-height: 2rem;
	padding: .5rem 0;
	white-space: nowrap;
	overflow: auto
}

.ub-breadcrumb .text,
.ub-breadcrumb span {
	color: var(--color-tertiary)
}

.ub-breadcrumb .text.active,
.ub-breadcrumb span.active {
	color: var(--color-primary)
}

.ub-breadcrumb .item,
.ub-breadcrumb a {
	color: var(--color-tertiary);
	display: inline-block;
	padding-right: .5rem;
	line-height: 1rem
}

.ub-breadcrumb .item:after,
.ub-breadcrumb a:after {
	content: '/';
	display: inline-block;
	margin-left: .5rem;
	color: var(--color-tertiary-light)
}

.ub-breadcrumb .item:last-child:after,
.ub-breadcrumb a:last-child:after {
	display: none
}

.ub-breadcrumb .item.active,
.ub-breadcrumb a.active {
	color: var(--color-primary)
}

.ub-nav {
	padding: var(--size-margin);
	background: #fff;
	border-radius: var(--size-radius);
	position: relative
}

.ub-nav .tag-label {
	position: absolute;
	left: var(--size-margin);
	top: var(--size-margin);
	line-height: 1rem;
	padding: .25rem .4rem;
	margin: 0 .25rem 0 0;
	color: var(--color-primary)
}

.ub-nav .tag-value {
	padding-left: 4em
}

.ub-nav .tag-value .tag-item {
	display: inline-block;
	position: relative;
	border: 1px solid #eee;
	border-radius: .2rem;
	line-height: 1rem;
	padding: .25rem .4rem;
	margin: 0 .25rem 0 0;
	cursor: default
}

.ub-nav .tag-value .tag-item:hover .close {
	display: block
}

.ub-nav .tag-value .tag-item .close {
	padding: 0;
	margin: 0;
	font-size: .4rem;
	position: absolute;
	width: .7rem;
	height: .7rem;
	text-align: center;
	line-height: .7rem;
	top: -.3rem;
	right: -.3rem;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	border-radius: 50%;
	display: none
}

.ub-nav .nav-right {
	float: right
}

.ub-nav .nav-right .item {
	margin-right: 0
}

.ub-nav .nav-right .item.active {
	background: 0 0;
	color: var(--color-primary)
}

.ub-nav .item,
.ub-nav a {
	display: inline-block;
	color: var(--color-text);
	border-radius: .15rem;
	line-height: 1rem;
	padding: .25rem .4rem;
	margin: 0 .25rem 0 0
}

.ub-nav .item:hover,
.ub-nav a:hover {
	color: var(--color-primary)
}

.ub-nav .item.active,
.ub-nav a.active {
	background: var(--color-primary);
	color: #fff
}

.ub-nav-group {
	background: #fff;
	border-radius: var(--size-radius)
}

.ub-nav-group .group {
	background: #fff;
	position: relative;
	padding-left: 6rem;
	overflow: hidden;
	min-height: 2rem;
	border-radius: var(--size-radius)
}

.ub-nav-group .group .label {
	width: 6rem;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	text-align: center
}

.ub-nav-group .group .label .text {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -50%;
	height: 1rem;
	margin-top: -.5rem;
	font-size: var(--font-size, .65rem)
}

.ub-nav-group .group .items {
	padding: .5rem .5rem .25rem .5rem;
	border-bottom: 1px solid #eee
}

.ub-nav-group .group .items .item,
.ub-nav-group .group .items a {
	display: inline-block;
	color: var(--color-text);
	line-height: 1rem;
	padding: .25rem .4rem;
	margin: 0 .15rem .25rem 0;
	border-radius: var(--size-radius);
	min-width: 5rem;
	text-align: center;
	background: #f8f8f8
}

.ub-nav-group .group .items .item:hover,
.ub-nav-group .group .items a:hover {
	color: var(--color-primary)
}

.ub-nav-group .group .items .item.active,
.ub-nav-group .group .items a.active {
	background: var(--color-primary);
	color: #fff
}

@media screen and (max-width:40rem) {
	.ub-nav-group .group {
		padding: 0
	}

	.ub-nav-group .group .label {
		position: static;
		width: auto;
		text-align: left;
		padding: .5rem
	}

	.ub-nav-group .group .label .text {
		position: static;
		margin: 0
	}

	.ub-nav-group .group .items {
		position: static
	}

	.ub-nav-group .group .items .item,
	.ub-nav-group .group .items a {
		min-width: auto
	}
}

.ub-nav-tab {
	background: #fff;
	border-radius: var(--size-radius) var(--size-radius) 0 0;
	border-bottom: .05rem solid #eee
}

.ub-nav-tab .item,
.ub-nav-tab a {
	display: inline-block;
	color: var(--color-text);
	line-height: 1.4rem;
	padding: var(--size-margin);
	margin: 0 .25rem 0 0;
	border-bottom: .1rem solid #fff
}

.ub-nav-tab .item.active,
.ub-nav-tab a.active {
	color: var(--color-primary);
	border-bottom: .1rem solid var(--color-primary)
}

.ub-nav-tab-body {
	background: #fff;
	border-radius: 0 0 var(--size-radius) var(--size-radius);
	padding: .5rem
}

.ub-nav-tab-body.hidden {
	width: 0;
	height: 0;
	overflow: hidden;
	padding: 0
}

@media screen and (max-width:40rem) {
	.ub-breadcrumb {
		padding-left: var(--size-margin);
		padding-right: var(--size-margin)
	}

	.ub-nav {
		min-height: 2.25rem;
		overflow-x: auto;
		overflow-y: hidden
	}
}

.ub-nav-mobile-foot-spacer {
	height: 2.3rem;
	clear: both
}

.ub-nav-mobile-foot {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
	border-top: .05rem solid #e7e7e7;
	border-bottom: .05rem solid #f8f8f8;
	-webkit-box-pack: justify;
	z-index: 1001;
	padding: .25rem 1rem;
	height: 2.3rem
}

.ub-nav-mobile-foot .item {
	text-align: center;
	display: block;
	color: #5d656b;
	text-decoration: none;
	flex: 1;
	position: relative
}

.ub-nav-mobile-foot .item.active {
	color: var(--color-primary)
}

.ub-nav-mobile-foot .item.active .icon {
	color: var(--color-primary)
}

.ub-nav-mobile-foot .item.active .icon .img {
	color: var(--color-primary)
}

.ub-nav-mobile-foot .item .icon {
	font-size: 1.1rem;
	height: 1.1rem;
	line-height: 1.1rem;
	color: #5d656b
}

.ub-nav-mobile-foot .item .icon .img {
	font-size: 1.1rem;
	height: 1.1rem;
	line-height: 1.1rem;
	color: #5d656b
}

.ub-nav-mobile-foot .item .title {
	height: .6rem;
	font-size: .6rem;
	-webkit-transform: scale(.83333333);
	transform: scale(.83333333)
}

.ub-nav-mobile-foot .item .name {
	font-size: var(--font-size)
}

.ub-nav-mobile-foot .item .badge {
	position: absolute;
	top: 0;
	left: 60%;
	background: red;
	color: #fff;
	height: .8rem;
	line-height: .8rem;
	font-size: .6rem;
	border-radius: .4rem;
	min-width: .8rem;
	text-align: center;
	padding: 0 .2rem
}

.ub-nav-mobile-foot-nav-spacer {
	height: 2rem;
	clear: both
}

.ub-nav-mobile-foot-nav {
	position: fixed;
	bottom: 2.3rem;
	left: 0;
	right: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #e7e7e7;
	border-top: .05rem solid #e7e7e7;
	border-bottom: .05rem solid #f8f8f8;
	z-index: 1001;
	height: 2rem;
	padding: .05rem 0 0 0
}

.ub-nav-mobile-foot-nav .item {
	text-align: center;
	display: block;
	color: #5d656b;
	text-decoration: none;
	flex-grow: 1;
	margin: 0 .05rem;
	background: #fff
}

.ub-nav-mobile-foot-nav .item.disabled .icon .img {
	color: #c4cfdb
}

.ub-nav-mobile-foot-nav .item.disabled .name {
	color: #c4cfdb
}

.ub-nav-mobile-foot-nav .item .icon {
	height: 2rem;
	line-height: 2rem;
	color: var(--color-primary);
	display: inline-block
}

.ub-nav-mobile-foot-nav .item .icon .img {
	font-size: var(--font-size);
	height: 2rem;
	line-height: 2rem;
	color: var(--color-primary)
}

.ub-nav-mobile-foot-nav .item .name {
	display: inline-block;
	color: var(--color-primary);
	font-size: var(--font-size)
}

.ub-nav-grid {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: .05rem solid #e7e7e7;
	border-bottom: .05rem solid #f8f8f8;
	-webkit-box-pack: justify;
	margin: 0;
	padding: 0;
	border-top: .05rem solid #eee;
	border-left: .05rem solid #eee;
	background-color: #f2f2f2;
	width: 100%;
	flex-wrap: wrap
}

.ub-nav-grid.g3:after {
	content: "";
	width: 33.3333%
}

.ub-nav-grid.g3 .item {
	width: 33.3333%
}

.ub-nav-grid .item {
	text-align: center;
	display: block;
	color: #5d656b;
	text-decoration: none;
	vertical-align: top;
	border-right: .05rem solid #eee;
	border-bottom: .05rem solid #eee;
	padding: 1rem .5rem;
	width: 50%;
	background: #fff;
	flex-shrink: 0
}

.ub-nav-grid .item .icon {
	font-size: 1.1rem;
	height: 1.1rem;
	line-height: 1.1rem;
	color: #5d656b
}

.ub-nav-grid .item .icon .img {
	font-size: 1.1rem;
	height: 1.1rem;
	line-height: 1.1rem;
	color: #5d656b
}

.ub-nav-grid .item .title {
	height: .6rem;
	font-size: .6rem;
	line-height: 1rem
}

.ub-nav-category {
	margin-bottom: -1rem
}

.ub-nav-category .group-title {
	font-size: .8rem;
	display: block;
	color: #666
}

.ub-nav-category .group-list {
	padding: .5rem 0 1rem 0
}

.ub-nav-category .group-list .item {
	font-size: var(--font-size);
	color: var(--color-tertiary);
	display: inline-block;
	margin: 0 .5rem 0 0;
	line-height: 1.2rem
}

.ub-nav-category .group-list .item.active,
.ub-nav-category .group-list .item:hover {
	color: var(--color-primary)
}

.ub-menu-layout-shrink .ub-menu-layout-container {
	padding-left: 3rem
}

.ub-menu-layout-shrink .ub-menu-layout>.body {
	width: 3rem
}

.ub-menu-layout-shrink .ub-menu-layout>.body .item {
	color: #333;
	padding: .4rem 0;
	text-align: center;
	display: none
}

.ub-menu-layout-shrink .ub-menu-layout>.body .item .icon {
	line-height: 1.4rem;
	display: block;
	font-size: 1rem;
	text-align: center;
	width: 100%
}

.ub-menu-layout-shrink .ub-menu-layout>.body .item .text {
	font-size: var(--font-size-small);
	display: block;
	padding: 0;
	line-height: 1rem
}

.ub-menu-layout-shrink .ub-menu-layout>.body .item.item-main {
	display: block
}

.ub-menu-layout-shrink .ub-menu-layout>.body .item-main {
	display: block
}

.ub-menu-layout-shrink .ub-menu-layout>.body .foot {
	display: none
}

.ub-menu-layout-shrink .ub-menu-layout>.body .item-title {
	display: none
}

.ub-menu-layout-shrink .ub-menu-layout>.body .item-title.item-main {
	display: block
}

.ub-menu-layout-container {
	padding-left: 10rem
}

.ub-menu-layout {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000
}

.ub-menu-layout .toggle {
	position: fixed;
	width: 3rem;
	height: 3rem;
	left: 0;
	top: 0;
	line-height: 3rem;
	text-align: center;
	color: #333;
	font-size: 1rem
}

.ub-menu-layout>.body {
	position: fixed;
	top: 3rem;
	left: 0;
	bottom: 0;
	overflow-y: auto;
	background: #fff;
	border-right: 1px solid #eee;
	width: 16em
}

.ub-menu-layout>.body .item {
	color: #333;
	display: block;
	padding: 0 1rem;
	line-height: 1.8rem
}

.ub-menu-layout>.body .item.active {
	color: var(--color-primary);
	background: var(--color-primary-light)
}

.ub-menu-layout>.body .item:hover {
	background: #eee
}

.ub-menu-layout>.body .item .icon {
	display: inline-block;
	width: 1.2rem
}

.ub-menu-layout>.body .item .text {
	display: inline-block
}

.ub-menu-layout>.body .item-title {
	margin-top: 1rem;
	padding: .5rem 1rem;
	font-size: .8rem;
	font-weight: 500;
	color: #1d1d1d;
	border-top: 1px solid #f0f0f0
}

.ub-menu-layout>.body .foot {
	margin-top: 1rem;
	padding: 1rem
}

.ub-menu-layout>.body .foot .link {
	overflow: hidden
}

.ub-menu-layout>.body .foot .link a {
	color: #c4cfdb;
	display: block;
	width: 50%;
	float: left
}

.ub-menu-layout>.body .foot .copy {
	padding-top: .5rem
}

.ub-menu-layout>.body .foot .copy a {
	color: #c4cfdb
}

.ub-menu {
	border-radius: .25rem;
	background: #fff
}

.ub-menu.single-level .title:before {
	transform: rotate(90deg) scaleX(1) scaleY(.5)
}

.ub-menu .title {
	line-height: 2rem;
	padding: 0 1rem;
	display: block;
	color: #333;
	cursor: pointer
}

.ub-menu .title:before {
	content: '^';
	display: block;
	color: #ccc;
	float: right;
	transform: rotate(180deg) scaleX(1) scaleY(.5)
}

.ub-menu .title.active,
.ub-menu .title:hover {
	color: var(--color-primary)
}

.ub-menu .title .icon {
	display: inline-block;
	width: 1.2em
}

.ub-menu .items {
	display: none
}

.ub-menu .items.open {
	display: block
}

.ub-menu .items a {
	line-height: 2rem;
	padding: 0 .5rem 0 1.9rem;
	display: block;
	color: #333
}

.ub-menu .items a.active,
.ub-menu .items a:hover {
	color: var(--color-primary)
}

.ub-menu .page-menu-toggle {
	display: none
}

.ub-menu.nav-menu {
	padding: .25rem 0
}

@media screen and (max-width:40rem) {
	.ub-menu.simple {
		white-space: nowrap;
		overflow-x: auto
	}

	.ub-menu.simple .title {
		display: inline-block;
		min-width: 4em
	}

	.ub-menu.simple .title:before {
		display: none
	}

	.ub-menu.nav-menu {
		display: flex;
		margin-bottom: .5rem;
		white-space: nowrap;
		overflow-x: auto;
		padding: 0
	}

	.ub-menu.nav-menu .title {
		display: inline-block;
		padding: 0 .2rem;
		flex-grow: 1;
		text-align: center;
		min-width: 5rem
	}

	.ub-menu.nav-menu .items.open {
		display: block;
		background: #fff;
		box-shadow: 0 0 5px #ccc;
		border-radius: 0 0 .4rem .4rem;
		position: absolute;
		z-index: 1000;
		top: 2rem
	}

	.ub-menu.nav-menu .items.open a {
		padding: 0 .15rem;
		text-align: center;
		text-overflow: ellipsis;
		overflow: hidden
	}

	.ub-menu.page-menu {
		position: fixed;
		z-index: 100;
		width: 50%;
		left: -50%;
		bottom: 0;
		top: 2rem;
		transition: left .3s
	}

	.ub-menu.page-menu .page-menu-toggle {
		display: block;
		width: 2.5rem;
		height: 2.5rem;
		position: absolute;
		background: #fff;
		bottom: 2.5rem;
		right: -2.5rem;
		border-radius: 0 var(--size-radius) var(--size-radius) 0;
		border-left: none;
		font-size: var(--font-size-large);
		line-height: 2.5rem;
		text-align: center;
		color: #c4cfdb;
		box-shadow: .1rem 0 .15rem #c4cfdb
	}

	.ub-menu.page-menu .page-menu-toggle i {
		display: block
	}

	body.ub-menu-page-show .ub-menu.page-menu {
		transition: left .3s;
		left: 0
	}
}

.ub-menu-tree .item .title {
	display: block;
	line-height: 1.5rem;
	cursor: pointer;
	color: #333;
	padding-left: .7rem;
	position: relative
}

.ub-menu-tree .item .title.active,
.ub-menu-tree .item .title:hover {
	color: var(--color-primary)
}

.ub-menu-tree .item .title:before {
	content: '^';
	display: block;
	color: #c0c4cc;
	transform: rotate(90deg) scaleY(.5);
	position: absolute;
	top: 0;
	left: 0
}

.ub-menu-tree .item .title.open+.group {
	display: block
}

.ub-menu-tree .item .group {
	padding-left: 1rem;
	display: none
}

.ub-page .pages {
	text-align: center;
	padding: 1em 0
}

.ub-page .pages a,
.ub-page .pages button,
.ub-page .pages input,
.ub-page .pages span {
	display: inline-block;
	line-height: 1.5rem;
	min-width: 1.5rem;
	text-align: center;
	padding: 0 .25rem;
	color: #666;
	margin: 0 .25rem .25rem .25rem;
	vertical-align: bottom;
	border-radius: .1rem;
	text-decoration: none;
	background: #fff
}

.ub-page .pages a.page:hover {
	color: var(--color-primary)
}

.ub-page .pages span.current {
	color: #fff;
	background: var(--color-primary)
}

.ub-page .pages span.more {
	background: 0 0;
	color: inherit
}

.ub-page .pages .jumpBox {
	position: relative;
	border: .05rem solid #ccc;
	border-radius: .1rem;
	padding: 0
}

.ub-page .pages .jumpBox input {
	width: 4em;
	line-height: 1rem;
	outline: 0;
	margin: 0;
	float: left;
	border: none;
	text-align: center;
	height: 1rem
}

.ub-page .pages .jumpBox button {
	width: 4em;
	background: #fff;
	margin: 0;
	right: 0;
	float: left;
	border: none;
	border-left: .05rem dotted #ccc;
	outline: 0
}

.ub-paginate-mobile {
	display: flex;
	position: relative;
	overflow: hidden;
	flex-direction: row;
	justify-content: center;
	align-items: center
}

.ub-paginate-mobile__btn {
	display: flex;
	width: 30%;
	height: 30px;
	line-height: 30px;
	font-size: var(--font-size);
	position: relative;
	background-color: #eee;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: #eee;
	cursor: pointer;
	border-radius: .2rem
}

.ub-paginate-mobile__child-btn {
	display: flex;
	font-size: var(--font-size);
	position: relative;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	text-align: center
}

.ub-paginate-mobile__num {
	display: flex;
	flex: 1;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 30px;
	line-height: 30px;
	font-size: var(--font-size);
	color: #111
}

.ub-paginate-mobile__num-page {
	display: flex;
	flex-direction: row
}

.ub-paginate-mobile__num-page-text {
	font-size: var(--font-size)
}

.ub-paginate-mobile__num-page-text.current {
	color: var(--color-primary)
}

.ub-paginate-mobile--enabled {
	color: #333;
	opacity: 1
}

.ub-paginate-mobile--disabled {
	opacity: .3;
	color: #c4cfdb;
	cursor: not-allowed
}

.ub-paginate-mobile--hover {
	color: #fff;
	background-color: var(--color-primary)
}

.ub-panel {
	background: #fff;
	border-radius: var(--size-radius);
	margin-bottom: var(--size-margin)
}

.ub-panel.border-top {
	border-top: 2px solid var(--color-primary)
}

.ub-panel.border-top .head {
	border-bottom: 1px solid #eee
}

.ub-panel.border-top .head .title {
	border-left: none;
	padding-left: 0
}

.ub-panel.margin-top {
	margin-top: 1rem
}

.ub-panel.transparent {
	background: 0 0
}

.ub-panel.transparent .head {
	padding: 0 0 .75rem 0
}

.ub-panel.transparent .body {
	padding: .75rem 0 0 0
}

.ub-panel .head {
	padding: .75rem
}

.ub-panel .head .more {
	float: right
}

.ub-panel .head .title {
	display: inline-block;
	line-height: 1rem;
	font-size: var(--font-size-medium)
}

.ub-panel .head .title .ub-breadcrumb {
	height: 1rem
}

.ub-panel .head .title .ub-breadcrumb a {
	line-height: 1rem
}

.ub-panel .body {
	margin-top: -.75rem;
	padding: .75rem
}

.ub-modal {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1010;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	background: rgba(0, 0, 0, .6);
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	transition: opacity .15s linear;
	touch-action: cross-slide-y pinch-zoom double-tap-zoom;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.ub-modal.ub-open {
	opacity: 1;
	display: block
}

.ub-modal.ub-hidden {
	display: block;
	visibility: hidden
}

.ub-modal.ub-hidden.ub-open {
	visibility: visible
}

.ub-modal-dialog {
	position: relative;
	box-sizing: border-box;
	margin: 2.5rem auto;
	padding: .5rem;
	width: 30rem;
	max-width: 100%;
	max-width: calc(100% - 1rem);
	background: #fff;
	opacity: 0;
	-webkit-transform: translateY(-100px);
	transform: translateY(-100px);
	-webkit-transition: opacity .3s linear, -webkit-transform .3s ease-out;
	transition: opacity .3s linear, transform .3s ease-out;
	border-radius: 3px;
	box-shadow: 0 0 .5rem rgba(0, 0, 0, .3)
}

@media (max-width:40rem) {
	.ub-modal-dialog {
		width: auto;
		margin: .5rem auto
	}
}

.ub-open .ub-modal-dialog {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.ub-modal-dialog>.ub-modal-close {
	margin: 0;
	float: right;
	color: #c4cfdb
}

.ub-modal-dialog>.ub-modal-close:hover {
	color: var(--color-primary)
}

.ub-modal-dialog>.ub-modal-head {
	border-bottom: 1px solid #eee;
	padding: 0 0 .5rem 0
}

.ub-modal-dialog>.ub-modal-body {
	padding: .5rem 0
}

.ub-modal-dialog>.ub-modal-foot {
	padding: .5rem 0 0 0;
	text-align: right;
	border-top: 1px solid #eee
}

.ub-panel-frame .left-menu-shrink {
	display: none
}

.ub-panel-frame .left {
	position: fixed;
	left: 0;
	width: 10rem;
	top: 0;
	bottom: 0;
	background: var(--color-primary);
	overflow: hidden;
	z-index: 2000;
	box-shadow: 0 0 5px #c4cfdb;
	transition: all .2s linear
}

.ub-panel-frame .left .logo {
	height: 2.25rem;
	background: var(--color-primary);
	line-height: 2.25rem;
	color: #fff;
	font-size: var(--font-size-medium);
	display: block;
	text-align: left;
	padding: 0 .5rem
}

.ub-panel-frame .left .logo .img {
	width: 2.25rem;
	height: 2.25rem;
	display: inline-block;
	vertical-align: top
}

.ub-panel-frame .left .logo .icon {
	display: inline-block;
	width: auto;
	height: 2.25rem;
	text-align: center
}

.ub-panel-frame .left .menu {
	background: #00101c;
	position: fixed;
	top: 2.25rem;
	left: 0;
	width: 10rem;
	bottom: 2rem;
	overflow: auto;
	transition: all .2s linear
}

.ub-panel-frame .left .menu mark {
	color: red;
	background: 0 0
}

.ub-panel-frame .left .menu [data-keywords-filter=hide],
.ub-panel-frame .left .menu [data-keywords-item=hide] {
	display: none !important
}

.ub-panel-frame .left .menu [data-keywords-item=show] {
	display: block !important
}

.ub-panel-frame .left .menu .menu-search-container {
	width: 100%;
	height: 2.5rem;
	position: relative;
	overflow: hidden;
	padding: .5rem .75rem
}

.ub-panel-frame .left .menu .menu-search-container input {
	height: 1.5rem;
	background: #444;
	border: none;
	font-size: 13px;
	width: 100%;
	color: #fff;
	padding-left: 1.5rem
}

.ub-panel-frame .left .menu .menu-search-container input::-webkit-input-placeholder {
	color: #c4cfdb;
	font-size: 13px
}

.ub-panel-frame .left .menu .menu-search-container input::-moz-placeholder {
	color: #c4cfdb;
	font-size: 13px
}

.ub-panel-frame .left .menu .menu-search-container input::-ms-input-placeholder {
	color: #c4cfdb;
	font-size: 13px
}

.ub-panel-frame .left .menu .menu-search-container i {
	display: block;
	position: absolute;
	z-index: 1000;
	left: .5rem;
	top: .25rem;
	height: 2rem;
	line-height: 2rem;
	width: 2.25rem;
	text-align: center;
	color: #eee;
	font-size: 13px
}

.ub-panel-frame .left .menu::-webkit-scrollbar-track {
	background: hsla(0, 0%, 100%, .15);
	border-radius: 3px;
	box-shadow: inset 0 0 5px rgb(37 37 7.4%)
}

.ub-panel-frame .left .menu::-webkit-scrollbar {
	width: 6px;
	height: 6px
}

.ub-panel-frame .left .menu::-webkit-scrollbar-thumb {
	background: hsla(0, 0%, 100%, .2);
	border-radius: 3px;
	box-shadow: inset 0 0 5px hsl(0deg 0% 20%)
}

.ub-panel-frame .left .menu>.menu-item {
	padding-left: 0 !important
}

.ub-panel-frame .left .menu>.menu-item .title {
	padding-left: .75rem
}

.ub-panel-frame .left .menu .menu-item {
	padding-left: 1rem
}

.ub-panel-frame .left .menu .menu-item .menu-item .menu-item {
	padding-left: .75rem
}

.ub-panel-frame .left .menu .menu-item .menu-item .menu-item .title {
	font-size: var(--font-size-small);
	padding-right: .5rem
}

.ub-panel-frame .left .menu .menu-item.active>.title {
	color: #fff
}

.ub-panel-frame .left .menu .menu-item .title {
	line-height: 2rem;
	display: block;
	position: relative;
	overflow: hidden;
	padding-right: 1rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: var(--font-size);
	color: #87a2ae
}

.ub-panel-frame .left .menu .menu-item .title:hover {
	color: #fff
}

.ub-panel-frame .left .menu .menu-item .title .icon {
	display: inline-block;
	width: 1.2em
}

.ub-panel-frame .left .menu .menu-item .title .arrow {
	width: 0;
	height: 0;
	display: block;
	border: .2rem solid #87a2ae;
	border-color: transparent transparent transparent #87a2ae;
	position: absolute;
	right: .5rem;
	top: .8rem;
	transition: all .2s linear;
	transform-origin: 25% 50% 0;
	transform: rotateZ(-90deg)
}

.ub-panel-frame .left .menu .menu-item .title.open .arrow {
	transform: rotateZ(90deg)
}

.ub-panel-frame .left .menu .menu-item .title.open+.children {
	max-height: 1000px;
	transition: max-height .2s ease-in
}

.ub-panel-frame .left .menu .menu-item .children {
	display: block;
	max-height: 0;
	background: #000b12;
	overflow: hidden;
	transition: max-height .2s ease-out
}

.ub-panel-frame .left .toolbar {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	background: #00101c;
	height: 2rem;
	border-top: 1px solid #001f36
}

.ub-panel-frame .left .toolbar a {
	display: inline-block;
	line-height: 2rem;
	height: 2rem;
	width: 2rem;
	text-align: center;
	color: #c4cfdb
}

.ub-panel-frame .left .toolbar a:hover {
	color: #ccc
}

.ub-panel-frame .right {
	position: fixed;
	left: 10rem;
	right: 0;
	top: 0;
	bottom: 0;
	transition: all .2s linear
}

.ub-panel-frame .right .top {
	height: 2.25rem;
	background: #fff;
	border-bottom: .05rem solid #eee;
	transition: .5s;
	text-align: left
}

.ub-panel-frame .right .top .right-menu-trigger {
	display: none
}

.ub-panel-frame .right .top .menu-right {
	float: right;
	padding-right: 1rem
}

.ub-panel-frame .right .top .menu-right .menu-item {
	display: inline-block;
	position: relative
}

.ub-panel-frame .right .top .menu-right .menu-item .title {
	line-height: 2.25rem;
	color: #111;
	padding: 0 .5rem;
	display: inline-block
}

.ub-panel-frame .right .top .menu-right .menu-item .title:hover {
	color: var(--color-primary)
}

.ub-panel-frame .right .top .menu-right .menu-item .dropdown {
	display: none;
	position: absolute;
	background: #fff;
	padding: 0 .25rem;
	box-shadow: 0 0 5px #ccc;
	border-radius: 3px;
	z-index: 1000;
	right: 0;
	top: 2.25rem
}

.ub-panel-frame .right .top .menu-right .menu-item .dropdown .dropdown-item {
	display: block;
	white-space: nowrap;
	height: 2rem;
	line-height: 2rem;
	padding: 0 .5rem;
	color: #111
}

.ub-panel-frame .right .top .menu-right .menu-item .dropdown .dropdown-item:hover {
	color: var(--color-primary)
}

.ub-panel-frame .right .top .menu-right .menu-item:hover .dropdown {
	display: block
}

.ub-panel-frame .right .top .left-trigger {
	display: inline-block;
	line-height: 2.25rem;
	padding: 0 1rem;
	color: #c4cfdb;
	font-size: var(--font-size-large);
	vertical-align: middle;
	transition: all .2s linear
}

.ub-panel-frame .right .top .left-trigger:hover {
	color: var(--color-primary)
}

.ub-panel-frame .right .top .menu {
	display: inline-block;
	vertical-align: middle
}

.ub-panel-frame .right .top .menu a {
	line-height: 2.1rem;
	color: #333;
	padding: 0 .25rem;
	margin: 0 .5rem;
	display: inline-block;
	border-bottom: .1rem solid #fff;
	text-decoration: none
}

.ub-panel-frame .right .top .menu a.active {
	border-color: var(--color-primary);
	color: var(--color-primary)
}

.ub-panel-frame .right .top .menu a:hover {
	color: var(--color-primary)
}

.ub-panel-frame .right .content.fixed {
	position: fixed;
	top: 2.25rem;
	bottom: 0;
	left: 10rem;
	right: 0;
	overflow: auto;
	transition: all .2s linear;
	background: #ecf0f5;
	padding: .5rem
}

.ub-panel-frame .right .content-fixed-bottom-toolbox {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 10rem;
	background: #fff;
	padding: .5rem;
	box-shadow: 0 0 4px #ccc;
	z-index: 1000;
	transition: all .2s linear
}

.ub-panel-frame .right .content-fixed-bottom-toolbox-placeholder {
	height: 2rem;
	clear: both;
	overflow: hidden
}

@media (min-width:40rem) {
	.ub-panel-frame {
		overflow: hidden
	}

	.ub-panel-frame.left-toggle .left:not(:hover) {
		width: 2.25rem
	}

	.ub-panel-frame.left-toggle .left:not(:hover) .logo {
		padding: 0
	}

	.ub-panel-frame.left-toggle .left:not(:hover) .logo .icon {
		font-size: var(--font-size-large);
		width: 2.25rem
	}

	.ub-panel-frame.left-toggle .left:not(:hover) .logo .text {
		display: none
	}

	.ub-panel-frame.left-toggle .left:not(:hover) .menu {
		width: 2.25rem
	}

	.ub-panel-frame.left-toggle .left:not(:hover) .menu .menu-search-container {
		display: none
	}

	.ub-panel-frame.left-toggle .left:not(:hover) .menu .menu-item .title {
		text-overflow: initial;
		padding: 0;
		text-align: center
	}

	.ub-panel-frame.left-toggle .left:not(:hover) .menu .menu-item .title .icon {
		text-align: center
	}

	.ub-panel-frame.left-toggle .left:not(:hover) .menu .menu-item .title .arrow {
		display: none
	}

	.ub-panel-frame.left-toggle .left:not(:hover) .menu .menu-item .title .text {
		display: none
	}

	.ub-panel-frame.left-toggle .right {
		left: 2.25rem
	}

	.ub-panel-frame.left-toggle .right .top .left-trigger {
		transform: rotateZ(90deg)
	}

	.ub-panel-frame.left-toggle .right .content.fixed {
		left: 2.25rem
	}

	.ub-panel-frame.left-toggle .right .content-fixed-bottom-toolbox {
		left: 2.25rem
	}
}

@media (max-width:40rem) {
	.ub-panel-frame.left-toggle .left-menu-shrink {
		display: block
	}

	.ub-panel-frame.left-toggle .left {
		left: 0
	}

	.ub-panel-frame.left-toggle .left .menu {
		left: 0
	}

	.ub-panel-frame.left-toggle .right {
		left: 0
	}

	.ub-panel-frame.left-toggle .right .content.fixed {
		left: 0
	}

	.ub-panel-frame .left-menu-shrink {
		display: none;
		position: fixed;
		background: rgba(0, 0, 0, .5);
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1999
	}

	.ub-panel-frame .left {
		left: -10rem
	}

	.ub-panel-frame .left .menu {
		left: -10rem
	}

	.ub-panel-frame .right {
		left: 0
	}

	.ub-panel-frame .right .top .right-menu-trigger {
		display: block;
		float: right;
		height: 2.25rem;
		width: 2.25rem;
		line-height: 2.25rem;
		text-align: center;
		color: #c4cfdb;
		font-size: var(--font-size-large);
		transition: all .2s linear
	}

	.ub-panel-frame .right .top .right-menu-trigger:hover {
		transform: rotateZ(90deg)
	}

	.ub-panel-frame .right .top .right-menu-trigger:hover+.menu-right {
		display: block
	}

	.ub-panel-frame .right .top .menu-right {
		width: 5rem;
		background: #fff;
		position: fixed;
		top: 2.25rem;
		right: 0;
		border: #fff;
		z-index: 1000;
		border-radius: 0 0 .2rem .2rem;
		box-shadow: 0 0 3px #eee;
		padding-right: 0;
		display: none
	}

	.ub-panel-frame .right .top .menu-right:hover {
		display: block
	}

	.ub-panel-frame .right .top .menu-right .menu-item .title {
		color: #c4cfdb
	}

	.ub-panel-frame .right .top .menu-right .menu-item .dropdown {
		display: block;
		position: static;
		box-shadow: none
	}

	.ub-panel-frame .right .content.fixed {
		left: 0
	}
}

.ub-panel-dialog {
	position: relative
}

.ub-panel-dialog.no-foot .panel-dialog-body {
	bottom: 0
}

.ub-panel-dialog .panel-dialog-body {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 2.5rem;
	padding: .5rem;
	overflow: auto
}

.ub-panel-dialog .panel-dialog-foot {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	text-align: right;
	padding: .5rem;
	height: 2.5rem;
	box-sizing: border-box;
	background: #fff;
	z-index: 1000;
	box-shadow: 0 0 10px #eee
}

.ub-account {
	min-height: calc(100vh - 240px)
}

.ub-account .box {
	background: #fff;
	max-width: 17rem;
	box-shadow: 0 0 .3rem rgba(0, 0, 0, .1);
	box-sizing: border-box;
	border-radius: var(--size-radius);
	padding: 1rem 0;
	margin: 2rem auto;
	text-align: center
}

.ub-account .box.wide {
	max-width: 34rem;
	width: 34rem
}

.ub-account .box .logo {
	text-align: center
}

.ub-account .box .logo a {
	display: inline-block;
	text-decoration: none
}

.ub-account .box .logo a img {
	height: 2rem;
	vertical-align: middle
}

.ub-account .box .nav {
	font-size: var(--font-size-large);
	color: #c4cfdb;
	margin-top: 1rem
}

.ub-account .box .nav a {
	color: #c4cfdb;
	text-decoration: none;
	font-size: var(--font-size-large)
}

.ub-account .box .nav a.active {
	color: var(--color-primary)
}

.ub-account .box .ub-form {
	padding: 1.5rem 1.5rem 0 1.5rem
}

.ub-account .box .ub-form .line .field .help {
	text-align: left
}

.ub-account .oauth {
	padding-top: 1rem;
	text-align: center;
	color: #c4cfdb
}

.ub-account .oauth .body {
	padding: 1rem 0
}

.ub-account .oauth a {
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	background: #c4cfdb;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	margin: 0 .5rem;
	text-decoration: none
}

.ub-account .oauth a i {
	font-size: 1.5rem;
	line-height: 2.5rem
}

.ub-account .oauth a.qq {
	background: #498ad5
}

.ub-account .oauth a.qq:hover {
	background: #2c70bf
}

.ub-account .oauth a.weibo {
	background: #e05244
}

.ub-account .oauth a.weibo:hover {
	background: #cf3222
}

.ub-account .oauth a.wechat {
	background: #00bb29
}

.ub-account .oauth a.wechat:hover {
	background: #00881e
}

.ub-account .retrieve {
	text-align: center;
	color: #c4cfdb
}

@media (max-width:40rem) {
	.ub-account {
		padding: 0;
		min-height: calc(100vh - 190px)
	}

	.ub-account .box {
		margin: 0;
		max-width: 100%;
		box-shadow: none;
		background: 0 0
	}

	.ub-account .box.wide {
		width: auto
	}
}

.ub-content {
	padding: .5rem 0
}

.ub-content .head {
	padding: .5rem 0
}

.ub-content .head .title {
	font-size: 1.5rem;
	font-weight: 500;
	color: var(--color-text);
	text-align: center
}

.ub-content .head .sub-title {
	font-size: .8rem;
	text-align: center;
	color: var(--color-text);
	margin-top: 1rem
}

.ub-content .body {
	padding: .5rem 0
}

.ub-content .foot {
	padding: .5rem 0;
	text-align: center
}

.ub-content {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

.ub-content .item-basic .h1 {
	font-size: 1.5rem
}

.ub-content .item-basic .h2 {
	font-size: 1rem
}

.ub-content .item-basic .h3 {
	font-size: .8rem
}

.ub-content .item-basic .text-white {
	color: #fff
}

.ub-content .item-basic .width-narrow {
	max-width: 600px
}

.ub-content .item-basic .margin-auto {
	margin: 0 auto
}

.ub-content .body .item-a {
	text-align: center;
	display: block;
	padding: 1rem;
	line-height: 1.5;
	border-radius: .2rem;
	text-decoration: none;
	width: 100%;
	margin-bottom: .5rem
}

.ub-content .body .item-a:hover .icon,
.ub-content .body .item-a:hover .image {
	transform: scale(1.1)
}

.ub-content .body .item-a .icon {
	font-size: 3rem;
	line-height: 3rem;
	height: 3rem;
	text-align: center;
	display: block;
	transition: all .1s linear
}

.ub-content .body .item-a .image {
	width: 60%;
	margin: 0 auto;
	outline: 0;
	transition: all .1s linear
}

.ub-content .body .item-a .title {
	height: 2rem;
	line-height: 1rem;
	overflow: hidden;
	padding-top: 1rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .9rem;
	font-weight: 500;
	color: var(--color-text)
}

.ub-content .body .item-a .slogan {
	color: #c4cfdb;
	line-height: 1rem;
	height: 2rem;
	padding-top: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.ub-content .body .item-b {
	border-radius: .25rem;
	background: #fff;
	width: 100%;
	overflow: hidden;
	box-shadow: 0 0 .5rem #eee;
	text-align: center;
	padding: 1rem;
	margin-bottom: .5rem
}

.ub-content .body .item-b .title {
	height: 2rem;
	line-height: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-text);
	padding: 1rem 0 0 0
}

.ub-content .body .item-b .slogan {
	font-size: .8rem;
	color: var(--color-text);
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 1rem 0 0 0
}

.ub-content .body .item-b .desc {
	font-size: .7rem;
	color: #8a889a;
	line-height: 1.25rem;
	text-align: center;
	display: block;
	padding: 1rem 0 0 0;
	width: 80%;
	margin: 0 auto
}

.ub-content .body .item-b .image {
	border-top: .05rem dashed #eee;
	margin: 0 -1rem 0 -1rem;
	padding: 1rem 1rem 0 1rem;
	margin-top: 1rem
}

.ub-content .body .item-c {
	text-align: center;
	display: block;
	padding: 1rem;
	line-height: 1.5;
	border-radius: .2rem;
	text-decoration: none;
	width: 100%
}

.ub-content .body .item-c .image {
	width: 60%;
	margin: 0 auto;
	outline: 0;
	transition: linear all .2s
}

.ub-content .body .item-c .image:hover {
	transform: scale(1.1)
}

.ub-content .body .item-c .title {
	height: 2rem;
	line-height: 1rem;
	overflow: hidden;
	padding-top: 1rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .9rem;
	font-weight: 500;
	color: var(--color-text)
}

.ub-content .body .item-d {
	border-radius: .25rem;
	background: #fff;
	width: 100%;
	overflow: hidden;
	box-shadow: 0 0 .5rem #eee;
	padding: 1rem;
	margin-bottom: .5rem
}

.ub-content .body .item-d .logo {
	float: right;
	width: 30%;
	height: 2rem;
	overflow: hidden
}

.ub-content .body .item-d .title {
	height: 2rem;
	line-height: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: .5rem 0 0 0;
	font-size: .9rem;
	font-weight: 500;
	color: #1e2844
}

.ub-content .body .item-d .desc {
	border-top: .05rem dashed #eee;
	margin: 1rem 0 0 0;
	font-size: .7rem;
	color: #8a889a;
	line-height: 1.25rem;
	display: block;
	padding: 1rem 0 0 0;
	height: 10rem;
	overflow: hidden
}

.ub-content .body .item-d .desc:before {
	content: "“";
	font-size: 2.5rem;
	line-height: 1.5rem;
	color: #1f2841;
	display: block;
	text-align: left
}

.ub-content .body .item-d .desc:after {
	content: "”";
	font-size: 2.5rem;
	line-height: 1.5rem;
	color: #1f2841;
	display: block;
	text-align: right
}

.ub-content .body .item-e {
	overflow: hidden
}

.ub-content .body .item-e:nth-child(even) .image {
	float: right
}

.ub-content .body .item-e:nth-child(even) .text {
	float: right
}

.ub-content .body .item-e .image {
	float: left;
	width: 50%;
	padding: 1rem 0
}

.ub-content .body .item-e .image .cover {
	width: 80%;
	margin: 0 auto;
	transition: all linear .2s
}

.ub-content .body .item-e .image .cover:hover {
	transform: translateY(-.5rem)
}

.ub-content .body .item-e .text {
	float: left;
	width: 50%;
	padding: 1rem 3rem
}

.ub-content .body .item-e .text .title {
	color: #12263c;
	font-weight: 700;
	font-size: 1rem
}

.ub-content .body .item-e .text .sub-title {
	font-size: .8rem;
	color: var(--color-primary);
	margin-top: 1rem;
	font-weight: 700
}

.ub-content .body .item-e .text .desc {
	font-size: .7rem;
	color: #00133b;
	line-height: 1rem;
	margin-top: 1rem
}

.ub-content .body .item-e .text .desc p {
	margin: 0;
	padding: 0;
	line-height: 1.2rem;
	color: #c4cfdb
}

@media screen and (max-width:40rem) {
	.ub-content .item-e .image {
		float: none !important;
		width: auto !important;
		padding: 0 !important
	}

	.ub-content .item-e .text {
		float: none !important;
		width: 80% !important;
		padding: 0 !important;
		margin: 0 auto !important
	}
}

.ub-lister-bottom {
	overflow: hidden;
	text-align: left
}

.ub-lister-bottom .right {
	float: right
}

.ub-lister-batch {
	overflow: hidden;
	position: relative
}

.ub-lister-batch .text {
	display: block;
	margin: 0 .5rem .5rem 0;
	float: left;
	line-height: 28px
}

.ub-lister-search {
	overflow: hidden;
	position: relative
}

.ub-lister-search .field-more-expand {
	display: none;
	overflow: hidden;
	clear: both
}

.ub-lister-search .field-more-expand__active {
	display: block
}

.ub-lister-search .field {
	float: left;
	display: flex;
	margin: 0 .5rem .5rem 0;
	overflow: hidden;
	min-width: 9rem
}

.ub-lister-search .field.auto {
	min-width: auto
}

.ub-lister-search .field.right {
	float: right;
	margin-right: 0
}

.ub-lister-search .field.full {
	width: 100%
}

.ub-lister-search .field .btn+.btn {
	margin-left: .2rem
}

.ub-lister-search .field .name {
	display: inline-block;
	vertical-align: top;
	line-height: 1.5rem;
	margin-right: .25rem;
	min-width: 1.4rem
}

.ub-lister-search .field .input {
	display: inline-block;
	vertical-align: middle;
	flex-grow: 1
}

.ub-lister-search .field .input input[type=text] {
	width: 100%
}

.ub-lister-search .field .connector,
.ub-lister-search .field .unit {
	display: inline-block;
	color: #c4cfdb
}

.ub-lister-search .field label {
	border: .05rem solid #eee;
	border-radius: .15rem;
	padding: 0 .5rem;
	line-height: 1.45rem;
	vertical-align: middle;
	background: #fff;
	margin-bottom: 0
}

.ub-lister-search .field label input {
	vertical-align: middle
}

.ub-lister-search .field .el-checkbox {
	margin-right: .5rem;
	margin-bottom: 0
}

.ub-lister-search .field .el-checkbox:last-child {
	margin-right: 0
}

.ub-lister-search .full {
	overflow: hidden
}

.ub-lister-search .more {
	float: right
}

.ub-lister-search .search {
	clear: both
}

.ub-lister-search .batch {
	position: absolute;
	right: .5rem;
	bottom: .5rem
}

.ub-lister-search .batch-tr {
	position: absolute;
	right: .5rem;
	top: .5rem
}

.ub-lister-table,
.ub-table {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	font-size: var(--font-size, .65rem);
	border-radius: 3px
}

.ub-lister-table.mini,
.ub-table.mini {
	font-size: 12px
}

.ub-lister-table.mini td,
.ub-table.mini td {
	font-size: 12px
}

.ub-lister-table.list td,
.ub-lister-table.list th,
.ub-table.list td,
.ub-table.list th {
	padding: 5px;
	line-height: 1.2em
}

.ub-lister-table.border,
.ub-table.border {
	border: 1px solid #eee;
	border-radius: 3px
}

.ub-lister-table.border-all tr td,
.ub-lister-table.border-all tr th,
.ub-table.border-all tr td,
.ub-table.border-all tr th {
	border: 1px solid #eee
}

.ub-lister-table.record-border tr,
.ub-table.record-border tr {
	border-bottom: 1px solid #eee
}

.ub-lister-table.head-dark thead tr th,
.ub-table.head-dark thead tr th {
	background: #eee
}

.ub-lister-table.foot-dark tfoot tr th,
.ub-table.foot-dark tfoot tr th {
	background: #eee
}

.ub-lister-table td,
.ub-lister-table th,
.ub-table td,
.ub-table th {
	padding: 8px 5px;
	line-height: 20px
}

.ub-lister-table thead tr,
.ub-table thead tr {
	display: table-row
}

.ub-lister-table thead tr th,
.ub-table thead tr th {
	border-bottom: 2px solid #eee;
	color: var(--color-text)
}

.ub-lister-table tbody tr,
.ub-table tbody tr {
	display: table-row
}

.ub-lister-table tbody tr.muted .muted-content,
.ub-table tbody tr.muted .muted-content {
	opacity: .5
}

.ub-lister-table tbody tr.checked td,
.ub-table tbody tr.checked td {
	background: #fed493
}

.ub-lister-table tbody tr.focus td,
.ub-table tbody tr.focus td {
	background: #f4f8fb
}

.ub-lister-table tbody tr.empty td,
.ub-table tbody tr.empty td {
	text-align: center;
	color: #c4cfdb;
	line-height: 100px
}

.ub-lister-table tbody tr .pointer,
.ub-lister-table tbody tr.pointer,
.ub-table tbody tr .pointer,
.ub-table tbody tr.pointer {
	cursor: pointer
}

.ub-lister-table tbody tr td,
.ub-table tbody tr td {
	border-bottom: 1px solid #eee;
	font-size: var(--font-size, .65rem)
}

.ub-lister-table .tag-group,
.ub-table .tag-group {
	padding: 0 0 .5em 7em;
	overflow: hidden;
	font-size: 12px
}

.ub-lister-table .tag-group .label,
.ub-table .tag-group .label {
	float: left;
	margin-left: -7em;
	display: block;
	width: 6em;
	text-align: center
}

.ub-lister-table .tag,
.ub-table .tag {
	border: 1px solid #eee;
	display: inline-block;
	line-height: 20px;
	border-radius: 3px;
	padding: 0 3px;
	background: #eee;
	color: #666;
	margin-right: 3px;
	font-size: 12px;
	white-space: nowrap
}

.ub-lister-table .page,
.ub-table .page {
	text-align: center
}

.ub-lister-table .page .el-pagination,
.ub-table .page .el-pagination {
	margin-top: .5rem
}

.ub-lister-table .el-cell,
.ub-table .el-cell {
	padding: 0
}

.ub-lister-table .el-cell .cell,
.ub-table .el-cell .cell {
	padding: 5px .5rem
}

.ub-lister-table .el-cell .cell .el-checkbox,
.ub-table .el-cell .cell .el-checkbox {
	margin: 0
}

.ub-lister-table .el-header-cell,
.ub-table .el-header-cell {
	padding: 0;
	background: #f8f8f8
}

.ub-lister-table .el-header-cell .cell,
.ub-table .el-header-cell .cell {
	padding: 5px .5rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.ub-lister-table .el-checkbox,
.ub-table .el-checkbox {
	margin-bottom: 0
}

.ub-lister-action {
	display: inline-block;
	margin-right: .5rem;
	color: var(--color-link);
	line-height: 26px;
	cursor: pointer
}

.ub-lister-action:last-child {
	margin-right: 0
}

.ub-lister-action.clicked {
	color: var(--color-link-light)
}

.ub-lister-action:hover {
	color: var(--color-link-light)
}

.ub-lister-action.danger {
	color: #f5222d
}

.ub-lister-action.danger.clicked {
	color: #fcb4b8
}

.ub-lister-action.danger:hover {
	color: #79050b
}

.ub-lister-action.disabled {
	color: #c4cfdb
}

.ub-lister-fix-foot-placeholder {
	height: 53px
}

.ub-lister-fix-foot {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	border-top: 1px solid #eee;
	background: #fff;
	padding: .5rem;
	z-index: 1000;
	overflow: hidden
}

.ub-lister-fix-foot .right {
	float: right
}

.ub-form {
	font-size: var(--font-size)
}

.ub-form.view .line .field {
	border-bottom: .05rem solid #eee;
	min-height: 1.5rem
}

.ub-form.vertical .line {
	padding-left: 0;
	padding-right: 0;
	margin: 0
}

.ub-form.vertical .line .label {
	float: none;
	display: block;
	text-align: left;
	margin-left: 0;
	width: 100%
}

.ub-form.wide .line {
	padding-left: 8rem
}

.ub-form.wide .line .label {
	width: 7.5rem;
	margin-left: -7.5rem
}

.ub-form.wide-lg .line {
	padding-left: 12rem
}

.ub-form.wide-lg .line .label {
	width: 11.5rem;
	margin-left: -11.5rem
}

.ub-form .line {
	padding: .25rem 1.5rem .25rem 5rem;
	position: relative
}

.ub-form .line.wide {
	padding-left: 8rem
}

.ub-form .line.wide .label {
	width: 7.5rem;
	margin-left: -7.5rem
}

.ub-form .line .label {
	display: block;
	float: left;
	text-align: right;
	line-height: .7rem;
	padding: .4rem .5rem .4rem 0;
	margin: 0 0 0 -4.5rem;
	width: 4.5rem;
	overflow: hidden
}

.ub-form .line .label.label-lg {
	line-height: 2rem
}

.ub-form .line .label span {
	color: red;
	display: inline-block;
	line-height: .7rem;
	font-size: .6rem
}

.ub-form .line .field {
	line-height: 1.5rem;
	margin-left: 0;
	min-height: 1.5rem
}

.ub-form .line .field input[type=password],
.ub-form .line .field input[type=text] {
	width: 100%
}

.ub-form .line .field label {
	border: .05rem solid #eee;
	border-radius: .15rem;
	padding: 0 .5rem
}

.ub-form .line .field .help {
	color: var(--color-tertiary);
	line-height: .9rem;
	padding: .25rem 0;
	font-size: .6rem
}

.ub-form .line .field .help p {
	margin: 0;
	line-height: 1.5em
}

.ub-form .line .field textarea {
	line-height: 1.5em;
	width: 100%
}

.ub-form .line .field .captcha {
	height: 1.5rem;
	width: 100%;
	border: .05rem solid #ccc;
	border-radius: .15rem;
	cursor: pointer
}

.ub-form .line .field .captcha.captcha-lg {
	height: 2rem
}

.ub-form .line .field .tag {
	border: .05rem solid #eee;
	display: inline-block;
	line-height: 1rem;
	border-radius: .15rem;
	padding: 0 .15rem;
	background: #eee;
	color: #666;
	margin-right: .15rem;
	font-size: .6rem;
	white-space: nowrap
}

.ub-form.flat .line {
	padding: .5rem
}

.ub-form.flat .line .label {
	float: none;
	margin: 0;
	width: 100%;
	text-align: left;
	line-height: inherit !important;
	padding-bottom: .25rem
}

@media (max-width:40rem) {

	.ub-form .line,
	.ub-form.wide .line,
	.ub-form.wide-lg .line {
		padding-left: .5rem;
		padding-right: .5rem;
		margin: 0
	}

	.ub-form .line .label,
	.ub-form.wide .line .label,
	.ub-form.wide-lg .line .label {
		float: none;
		display: block;
		text-align: left;
		margin-left: 0;
		width: 100%
	}
}

.ub-image-list .item {
	margin-bottom: .75rem;
	display: block
}

.ub-image-list .item .cover {
	position: relative;
	overflow: hidden
}

.ub-image-list .item .cover img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.ub-image .cover {
	position: relative;
	overflow: hidden
}

.ub-image .cover img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.ub-image-selector {
	position: relative;
	width: 3rem;
	height: 3rem;
	box-shadow: 0 0 1px #ccc;
	border-radius: .1rem;
	display: inline-block;
	vertical-align: middle
}

.ub-image-selector:hover .tools {
	display: block
}

.ub-image-selector.has-value .tools .preview {
	display: inline-block
}

.ub-image-selector.has-value .tools .add {
	display: none
}

.ub-image-selector .cover,
.ub-images-selector .cover {
	width: 100%
}

.ub-image-selector .tools,
.ub-images-selector .tools {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	border-radius: .1rem;
	text-align: center;
	padding: 1rem 0 0 0;
	display: none
}

.ub-image-selector .tools .action,
.ub-images-selector .tools .action {
	color: #fff;
	display: none;
	line-height: 1rem;
	width: 1rem;
	height: 1rem;
	vertical-align: top
}

.ub-image-selector .tools .add,
.ub-images-selector .tools .add {
	display: inline-block
}

.ub-image-selector .tools .close,
.ub-images-selector .tools .close {
	position: absolute;
	top: .1rem;
	right: .1rem;
	width: .6rem;
	height: .6rem;
	line-height: .6rem;
	text-align: center;
	display: block
}

.ub-images-selector {
	overflow: hidden
}

.ub-images-selector .item {
	position: relative;
	width: 3rem;
	height: 3rem;
	box-shadow: 0 0 1px #ccc;
	border-radius: .1rem;
	display: inline-block;
	vertical-align: middle;
	margin: .05rem .1rem .1rem .05rem
}

.ub-images-selector .item.add {
	line-height: 3rem;
	text-align: center
}

.ub-images-selector .item.add .action {
	color: #c4cfdb;
	font-size: 1rem
}

.ub-images-selector .item:hover .tools {
	display: block
}

.ub-images-selector .item:hover .tools .action {
	display: inline-block
}

.ub-dashboard-item .title-gray {
	color: #c4cfdb
}

.ub-dashboard-item .value-primary .number {
	color: var(--color-primary);
	font-size: var(--font-size-large)
}

.ub-dashboard-item-a,
.ub-dashboard-item-b {
	background: #fff;
	border-radius: var(--size-radius, .25rem);
	padding: .5rem 1rem .5rem 3.5rem;
	cursor: pointer;
	transition: all .2s;
	box-shadow: 0 4px 8px 2px rgba(132, 163, 246, .08);
	display: block;
	margin-bottom: .5rem
}

.ub-dashboard-item-a:hover,
.ub-dashboard-item-b:hover {
	transform: translateY(-.25rem)
}

.ub-dashboard-item-a .icon,
.ub-dashboard-item-b .icon {
	float: left;
	width: 2rem;
	margin-left: -2.5rem;
	margin-top: .5rem;
	text-align: center;
	height: 2rem;
	line-height: 2rem;
	color: var(--color-primary)
}

.ub-dashboard-item-a .icon .font,
.ub-dashboard-item-b .icon .font {
	font-size: 2rem
}

.ub-dashboard-item-a .title,
.ub-dashboard-item-b .title {
	font-size: var(--font-size, .65rem);
	font-weight: 500;
	color: var(--color-primary)
}

.ub-dashboard-item-a .desc,
.ub-dashboard-item-b .desc {
	padding: .25rem 0 0 0;
	color: #919191;
	font-size: var(--font-size-small, .6rem);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.ub-dashboard-item-a .number-title,
.ub-dashboard-item-b .number-title {
	font-size: var(--font-size, .65rem);
	font-weight: 500;
	color: var(--color-tertiary)
}

.ub-dashboard-item-a .number-value,
.ub-dashboard-item-b .number-value {
	color: var(--color-text);
	font-size: 1.2rem;
	line-height: 2rem
}

.ub-dashboard-item-b {
	text-align: right;
	background: var(--color-primary)
}

.ub-dashboard-item-b .icon {
	color: #fff
}

.ub-dashboard-item-b .number-value {
	color: #fff
}

.ub-dashboard-item-b .number-title {
	color: #eee
}

.ub-i18n-switch {
	background: rgba(0, 0, 0, .5);
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	overflow: auto;
	display: none;
	z-index: 10000
}

.ub-i18n-switch .dialog {
	background: #fff;
	max-width: 40rem;
	margin: 15vh auto 0 auto;
	border-radius: 5px;
	box-shadow: 0 0 4px #c4cfdb;
	position: relative
}

.ub-i18n-switch .dialog .close {
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	color: #c4cfdb;
	background: #fff;
	text-align: center;
	position: absolute;
	right: -.75rem;
	top: -.75rem;
	border-radius: 50%;
	box-shadow: 0 0 3px #c4cfdb
}

.ub-i18n-switch .dialog .head {
	border-bottom: 1px solid #eee;
	padding: .5rem
}

.ub-i18n-switch .dialog .body {
	padding: 1rem
}

.ub-i18n-switch .dialog .body .languages .item {
	display: block;
	padding: .25rem .5rem .25rem 2rem;
	line-height: 1rem
}

.ub-i18n-switch .dialog .body .languages .item:hover .text {
	color: var(--color-primary)
}

.ub-i18n-switch .dialog .body .languages .item .icon {
	display: block;
	width: 1rem;
	height: 1rem;
	background: #fff no-repeat center;
	background-size: contain;
	margin: 0 0 0 -1.5rem;
	float: left
}

.ub-i18n-switch .dialog .body .languages .item .text {
	display: block;
	color: #333
}

.ub-bar-page {
	position: fixed;
	right: 0;
	bottom: 8rem;
	width: 3rem;
	z-index: 1000
}

.ub-bar-page .item {
	width: 3rem;
	height: 3rem;
	display: block;
	background: #fff;
	color: #666;
	text-align: center;
	box-shadow: 0 0 5px #eee;
	margin: 0 0 .25rem 0;
	padding: .5rem;
	border-radius: var(--size-radius);
	position: relative
}

.ub-bar-page .item:hover .popup {
	display: block
}

.ub-bar-page .item .popup {
	position: absolute;
	right: 3rem;
	top: 0;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 0 5px #ccc;
	width: 10rem;
	min-height: 2rem;
	padding: .5rem;
	display: none
}

.ub-bar-page .item .popup .content {
	color: #333
}

.ub-bar-page .item .popup .content img {
	width: 9rem
}

.ub-bar-page .item:hover {
	background: var(--color-primary);
	color: #fff;
	transition: background .5s
}

.ub-bar-page .item.item-icon .icon {
	line-height: 2rem;
	height: 2rem
}

.ub-bar-page .item .icon {
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 1.5rem;
	display: block
}

.ub-bar-page .item .text {
	height: .5rem;
	line-height: .5rem;
	display: block;
	font-size: .5rem
}

@media (max-width:40rem) {
	.ub-bar-page {
		bottom: 2rem;
		width: 2rem
	}

	.ub-bar-page .item {
		width: 2rem;
		height: 2rem;
		padding: .25rem 0
	}

	.ub-bar-page .item .popup {
		right: 2.25rem;
		top: auto;
		bottom: 0
	}

	.ub-bar-page .item .icon {
		font-size: 1rem;
		line-height: 1rem;
		height: 1rem
	}

	.ub-bar-page .item .text {
		font-size: .5rem
	}

	.ub-bar-page .item-icon {
		padding: 0
	}
}

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@-webkit-keyframes bounce {

	20%,
	53%,
	80%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

@keyframes bounce {

	20%,
	53%,
	80%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

@-webkit-keyframes flash {

	50%,
	from,
	to {
		opacity: 1
	}

	25%,
	75% {
		opacity: 0
	}
}

@keyframes flash {

	50%,
	from,
	to {
		opacity: 1
	}

	25%,
	75% {
		opacity: 0
	}
}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}

@-webkit-keyframes rubberBand {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	30% {
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}

	40% {
		-webkit-transform: scale3d(.75, 1.25, 1);
		transform: scale3d(.75, 1.25, 1)
	}

	50% {
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes rubberBand {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	30% {
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}

	40% {
		-webkit-transform: scale3d(.75, 1.25, 1);
		transform: scale3d(.75, 1.25, 1)
	}

	50% {
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}

@-webkit-keyframes shake {

	from,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

@keyframes shake {

	from,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}

@-webkit-keyframes headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg)
	}

	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg)
	}

	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg)
	}

	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg)
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg)
	}

	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg)
	}

	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg)
	}

	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg)
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.headShake {
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: headShake;
	animation-name: headShake
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}

	to {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}

	to {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

@-webkit-keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}

@-webkit-keyframes wobble {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes wobble {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}

@-webkit-keyframes jello {

	11.1%,
	from,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}

	77.7% {
		-webkit-transform: skewX(.390625deg) skewY(.390625deg);
		transform: skewX(.390625deg) skewY(.390625deg)
	}

	88.8% {
		-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
		transform: skewX(-.1953125deg) skewY(-.1953125deg)
	}
}

@keyframes jello {

	11.1%,
	from,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}

	77.7% {
		-webkit-transform: skewX(.390625deg) skewY(.390625deg);
		transform: skewX(.390625deg) skewY(.390625deg)
	}

	88.8% {
		-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
		transform: skewX(-.1953125deg) skewY(-.1953125deg)
	}
}

.jello {
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-transform-origin: center;
	transform-origin: center
}

@-webkit-keyframes heartBeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	14% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}

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

	42% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}

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

@keyframes heartBeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	14% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}

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

	42% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}

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

.heartBeat {
	-webkit-animation-name: heartBeat;
	animation-name: heartBeat;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {

	20%,
	40%,
	60%,
	80%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes bounceIn {

	20%,
	40%,
	60%,
	80%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.bounceIn {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

	60%,
	75%,
	90%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes bounceInDown {

	60%,
	75%,
	90%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

	60%,
	75%,
	90%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes bounceInLeft {

	60%,
	75%,
	90%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

	60%,
	75%,
	90%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes bounceInRight {

	60%,
	75%,
	90%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

	60%,
	75%,
	90%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes bounceInUp {

	60%,
	75%,
	90%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}

@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}

.bounceOut {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInDownBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInLeftBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInRightBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInUpBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes fadeOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes fadeOutDown {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes fadeOutDownBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes fadeOutLeft {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes fadeOutLeftBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes fadeOutRight {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes fadeOutRightBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes fadeOutUp {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes fadeOutUpBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
	from {
		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	to {
		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

@keyframes flip {
	from {
		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	to {
		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}

@-webkit-keyframes flipInX {
	from {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInX {
	from {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

@-webkit-keyframes flipInY {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInY {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@-webkit-keyframes flipOutX {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0
	}
}

@keyframes flipOutX {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0
	}
}

.flipOutX {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0
	}
}

@keyframes flipOutY {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0
	}
}

.flipOutY {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
	from {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes lightSpeedIn {
	from {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
	from {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

@keyframes lightSpeedOut {
	from {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes rotateIn {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes rotateInDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes rotateInDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes rotateInUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes rotateInUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0
	}
}

@keyframes rotateOut {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

@keyframes rotateOutUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0
	}
}

@keyframes rotateOutUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,
	80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

@keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,
	80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-name: hinge;
	animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
	from {
		opacity: 0;
		-webkit-transform: scale(.1) rotate(30deg);
		transform: scale(.1) rotate(30deg);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom
	}

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

	70% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg)
	}

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

@keyframes jackInTheBox {
	from {
		opacity: 0;
		-webkit-transform: scale(.1) rotate(30deg);
		transform: scale(.1) rotate(30deg);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom
	}

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

	70% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg)
	}

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

.jackInTheBox {
	-webkit-animation-name: jackInTheBox;
	animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes rollIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}

@-webkit-keyframes rollOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
	}
}

@keyframes rollOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}

@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomInDown {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomInLeft {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomInRight {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomInUp {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
	from {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	to {
		opacity: 0
	}
}

@keyframes zoomOut {
	from {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	to {
		opacity: 0
	}
}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}
}

.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}
}

.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
	from {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideInDown {
	from {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
	from {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideInRight {
	from {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
	from {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideInUp {
	from {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes slideOutDown {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes slideOutLeft {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes slideOutRight {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes slideOutUp {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

.animated.delay-2s {
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}

.animated.delay-3s {
	-webkit-animation-delay: 3s;
	animation-delay: 3s
}

.animated.delay-4s {
	-webkit-animation-delay: 4s;
	animation-delay: 4s
}

.animated.delay-5s {
	-webkit-animation-delay: 5s;
	animation-delay: 5s
}

.animated.fast {
	-webkit-animation-duration: .8s;
	animation-duration: .8s
}

.animated.faster {
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}

.animated.slow {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.animated.slower {
	-webkit-animation-duration: 3s;
	animation-duration: 3s
}

@media (print),
(prefers-reduced-motion:reduce) {
	.animated {
		-webkit-animation-duration: 1ms !important;
		animation-duration: 1ms !important;
		-webkit-transition-duration: 1ms !important;
		transition-duration: 1ms !important;
		-webkit-animation-iteration-count: 1 !important;
		animation-iteration-count: 1 !important
	}
}

body,
html {
	background: var(--color-body-bg);
	color: var(--color-text)
}

[v-cloak] {
	display: none
}

.ub-lister-table-container .toolbox-container {
	float: right
}

.ub-lister-table-container .table-container {
	width: 100%
}

.ub-lister-table-container .page-container .layui-laypage {
	margin: .5rem 0 .3rem 0
}

.ub-lister-table-container .page-container .layui-laypage span {
	background: 0 0
}

.ub-lister-table-container .page-container .layui-laypage .layui-laypage-spr {
	background: #fff
}

.ub-upload-button {
	overflow: hidden;
	position: relative
}

.ub-upload-button .webuploader-pick {
	display: inline-block
}

.ub-upload-button .webuploader-container {
	display: inline-block
}

.ub-upload-button .webuploader-list {
	position: absolute;
	bottom: 1px;
	left: 0;
	right: 0
}

.ub-upload-button .webuploader-list>li {
	padding: 0;
	border: 0
}

.ub-upload-button .webuploader-list>li .progress-box {
	height: 2px;
	border: none
}

.ub-upload-button .webuploader-list>li .progress-box .progress-bar {
	background-color: var(--color-primary);
	height: 2px;
	border-radius: 2px
}

.ub-upload-button .webuploader-list>li .progress-info {
	display: none
}

@media screen and (max-width:40rem) {
	body>:not(.ub-panel-dialog) .ub-form .line {
		padding: .5rem
	}

	body>:not(.ub-panel-dialog) .ub-form .line .label {
		float: none;
		margin: 0;
		width: 100%;
		text-align: left;
		line-height: inherit !important;
		padding-bottom: .1rem
	}
}

.xufeifei {
	margin-top: 10px;
	border-top: 1px solid #dedede;
	padding-top: 10px;
}