uni-button {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 14px;
	padding-right: 14px;
	box-sizing: border-box;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	line-height: 2.55555556;
	border-radius: 5px;
	-webkit-tap-highlight-color: transparent;
	overflow: hidden;
	color: #000;
	background-color: #f8f8f8;
	cursor: pointer
}

uni-button[hidden] {
	display: none!important
}

uni-button:after {
	content: " ";
	width: 200%;
	height: 200%;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid rgba(0,0,0,.2);
	transform: scale(.5);
	transform-origin: 0 0;
	box-sizing: border-box;
	border-radius: 10px
}

uni-button[native] {
	padding-left: 0;
	padding-right: 0
}

uni-button[native] .uni-button-cover-view-wrapper {
	border: inherit;
	border-color: inherit;
	border-radius: inherit;
	background-color: inherit
}

uni-button[native] .uni-button-cover-view-inner {
	padding-left: 14px;
	padding-right: 14px
}

uni-button uni-cover-view {
	line-height: inherit;
	white-space: inherit
}

uni-button[type=default] {
	color: #000;
	background-color: #f8f8f8
}

uni-button[type=primary] {
	color: #fff;
	background-color: #007aff
}

uni-button[type=warn] {
	color: #fff;
	background-color: #e64340
}

uni-button[disabled] {
	color: rgba(255,255,255,.6);
	cursor: not-allowed
}

uni-button[disabled][type=default],uni-button[disabled]:not([type]) {
	color: rgba(0,0,0,.3);
	background-color: #f7f7f7
}

uni-button[disabled][type=primary] {
	background-color: rgba(0,122,255,.6)
}

uni-button[disabled][type=warn] {
	background-color: #ec8b89
}

uni-button[type=primary][plain] {
	color: #007aff;
	border: 1px solid #007aff;
	background-color: transparent
}

uni-button[type=primary][plain][disabled] {
	color: rgba(0,0,0,.2);
	border-color: rgba(0,0,0,.2)
}

uni-button[type=primary][plain]:after {
	border-width: 0
}

uni-button[type=default][plain] {
	color: #353535;
	border: 1px solid #353535;
	background-color: transparent
}

uni-button[type=default][plain][disabled] {
	color: rgba(0,0,0,.2);
	border-color: rgba(0,0,0,.2)
}

uni-button[type=default][plain]:after {
	border-width: 0
}

uni-button[plain] {
	color: #353535;
	border: 1px solid #353535;
	background-color: transparent
}

uni-button[plain][disabled] {
	color: rgba(0,0,0,.2);
	border-color: rgba(0,0,0,.2)
}

uni-button[plain]:after {
	border-width: 0
}

uni-button[plain][native] .uni-button-cover-view-inner {
	padding: 0
}

uni-button[type=warn][plain] {
	color: #e64340;
	border: 1px solid #e64340;
	background-color: transparent
}

uni-button[type=warn][plain][disabled] {
	color: rgba(0,0,0,.2);
	border-color: rgba(0,0,0,.2)
}

uni-button[type=warn][plain]:after {
	border-width: 0
}

uni-button[size=mini] {
	display: inline-block;
	line-height: 2.3;
	font-size: 13px;
	padding: 0 1.34em
}

uni-button[size=mini][native] {
	padding: 0
}

uni-button[size=mini][native] .uni-button-cover-view-inner {
	padding: 0 1.34em
}

uni-button[loading]:not([disabled]) {
	cursor: progress
}

uni-button[loading]:before {
	content: " ";
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	animation: uni-loading 1s steps(12,end) infinite;
	background-size: 100%
}

uni-button[loading][type=primary] {
	color: rgba(255,255,255,.6);
	background-color: #0062cc
}

uni-button[loading][type=primary][plain] {
	color: #007aff;
	background-color: transparent
}

uni-button[loading][type=default] {
	color: rgba(0,0,0,.6);
	background-color: #dedede
}

uni-button[loading][type=default][plain] {
	color: #353535;
	background-color: transparent
}

uni-button[loading][type=warn] {
	color: rgba(255,255,255,.6);
	background-color: #ce3c39
}

uni-button[loading][type=warn][plain] {
	color: #e64340;
	background-color: transparent
}

uni-button[loading][native]:before {
	content: none
}

.button-hover {
	color: rgba(0,0,0,.6);
	background-color: #dedede
}

.button-hover[plain] {
	color: rgba(53,53,53,.6);
	border-color: rgba(53,53,53,.6);
	background-color: transparent
}

.button-hover[type=primary] {
	color: rgba(255,255,255,.6);
	background-color: #0062cc
}

.button-hover[type=primary][plain] {
	color: rgba(0,122,255,.6);
	border-color: rgba(0,122,255,.6);
	background-color: transparent
}

.button-hover[type=default] {
	color: rgba(0,0,0,.6);
	background-color: #dedede
}

.button-hover[type=default][plain] {
	color: rgba(53,53,53,.6);
	border-color: rgba(53,53,53,.6);
	background-color: transparent
}

.button-hover[type=warn] {
	color: rgba(255,255,255,.6);
	background-color: #ce3c39
}

.button-hover[type=warn][plain] {
	color: rgba(230,67,64,.6);
	border-color: rgba(230,67,64,.6);
	background-color: transparent
}

uni-checkbox-group[hidden] {
	display: none
}

uni-checkbox {
	-webkit-tap-highlight-color: transparent;
	display: inline-block;
	cursor: pointer
}

uni-checkbox[hidden] {
	display: none
}

uni-checkbox[disabled] {
	cursor: not-allowed
}

.uni-checkbox-wrapper {
	display: inline-flex;
	align-items: center;
	vertical-align: middle
}

.uni-checkbox-input {
	margin-right: 5px;
	-webkit-appearance: none;
	appearance: none;
	outline: 0;
	border: 1px solid #d1d1d1;
	background-color: #fff;
	border-radius: 3px;
	width: 22px;
	height: 22px;
	position: relative
}

.uni-checkbox-input svg {
	color: #007aff;
	font-size: 22px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-48%) scale(.73)
}

@media (hover: hover) {
	uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
		border-color: var(--HOVER-BD-COLOR, #007aff)!important
	}
}

.uni-checkbox-input.uni-checkbox-input-disabled {
	background-color: #e1e1e1
}

.uni-checkbox-input.uni-checkbox-input-disabled:before {
	color: #adadad
}

uni-checkbox-group {
	display: block
}

uni-image {
	width: 320px;
	height: 240px;
	display: inline-block;
	overflow: hidden;
	position: relative
}

uni-image[hidden] {
	display: none
}

uni-image>div {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat
}

uni-image>img {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

uni-image>.uni-image-will-change {
	will-change: transform
}

uni-input {
	display: block;
	font-size: 16px;
	line-height: 1.4em;
	height: 1.4em;
	min-height: 1.4em;
	overflow: hidden
}

uni-input[hidden] {
	display: none
}

.uni-input-wrapper,.uni-input-placeholder,.uni-input-form,.uni-input-input {
	outline: none;
	border: none;
	padding: 0;
	margin: 0;
	text-decoration: inherit
}

.uni-input-wrapper,.uni-input-form {
	display: flex;
	position: relative;
	width: 100%;
	height: 100%;
	flex-direction: column;
	justify-content: center
}

.uni-input-placeholder,.uni-input-input {
	width: 100%
}

.uni-input-placeholder {
	position: absolute;
	top: auto!important;
	left: 0;
	color: gray;
	overflow: hidden;
	text-overflow: clip;
	white-space: pre;
	word-break: keep-all;
	pointer-events: none;
	line-height: inherit
}

.uni-input-input {
	position: relative;
	display: block;
	height: 100%;
	background: none;
	color: inherit;
	opacity: 1;
	font: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	text-align: inherit;
	text-indent: inherit;
	text-transform: inherit;
	text-shadow: inherit
}

.uni-input-input[type=search]::-webkit-search-cancel-button,.uni-input-input[type=search]::-webkit-search-decoration {
	display: none
}

.uni-input-input::-webkit-outer-spin-button,.uni-input-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0
}

.uni-input-input[type=number] {
	-moz-appearance: textfield
}

.uni-input-input:disabled {
	-webkit-text-fill-color: currentcolor
}

.uni-label-pointer {
	cursor: pointer
}

uni-movable-area {
	display: block;
	position: relative;
	width: 10px;
	height: 10px
}

uni-movable-area[hidden] {
	display: none
}

uni-movable-view {
	display: inline-block;
	width: 10px;
	height: 10px;
	top: 0;
	left: 0;
	position: absolute;
	cursor: grab
}

uni-movable-view[hidden] {
	display: none
}

uni-navigator {
	height: auto;
	width: auto;
	display: block;
	cursor: pointer
}

uni-navigator[hidden] {
	display: none
}

.navigator-hover {
	background-color: rgba(0,0,0,.1);
	opacity: .7
}

.navigator-wrap,.navigator-wrap:link,.navigator-wrap:visited,.navigator-wrap:hover,.navigator-wrap:active {
	text-decoration: none;
	color: inherit;
	cursor: pointer
}

.uni-scroll-view-refresher {
	position: relative;
	overflow: hidden;
	flex-shrink: 0
}

.uni-scroll-view-refresher-container {
	position: absolute;
	width: 100%;
	bottom: 0;
	display: flex;
	flex-direction: column-reverse
}

.uni-scroll-view-refresh {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center
}

.uni-scroll-view-refresh-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0 1px 6px rgba(0,0,0,.118),0 1px 4px rgba(0,0,0,.118)
}

.uni-scroll-view-refresh__spinner {
	transform-origin: center center;
	animation: uni-scroll-view-refresh-rotate 2s linear infinite
}

.uni-scroll-view-refresh__spinner>circle {
	stroke: currentColor;
	stroke-linecap: round;
	animation: uni-scroll-view-refresh-dash 2s linear infinite
}

@keyframes uni-scroll-view-refresh-rotate {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

@keyframes uni-scroll-view-refresh-dash {
	0% {
		stroke-dasharray: 1,200;
		stroke-dashoffset: 0
	}

	50% {
		stroke-dasharray: 89,200;
		stroke-dashoffset: -35px
	}

	to {
		stroke-dasharray: 89,200;
		stroke-dashoffset: -124px
	}
}

@keyframes once-show {
	0% {
		top: 0
	}
}

uni-resize-sensor,uni-resize-sensor>div {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden
}

uni-resize-sensor {
	display: block;
	z-index: -1;
	visibility: hidden;
	animation: once-show 1ms
}

uni-resize-sensor>div>div {
	position: absolute;
	left: 0;
	top: 0
}

uni-resize-sensor>div:first-child>div {
	width: 100000px;
	height: 100000px
}

uni-resize-sensor>div:last-child>div {
	width: 200%;
	height: 200%
}

uni-scroll-view {
	display: block;
	width: 100%
}

uni-scroll-view[hidden] {
	display: none
}

.uni-scroll-view {
	position: relative;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	height: 100%;
	max-height: inherit
}

.uni-scroll-view-scrollbar-hidden::-webkit-scrollbar {
	display: none
}

.uni-scroll-view-scrollbar-hidden {
	-moz-scrollbars: none;
	scrollbar-width: none
}

.uni-scroll-view-content {
	width: 100%;
	height: 100%
}

uni-swiper-item {
	display: block;
	overflow: hidden;
	will-change: transform;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: grab
}

uni-swiper-item[hidden] {
	display: none
}

uni-swiper {
	display: block;
	height: 150px
}

uni-swiper[hidden] {
	display: none
}

.uni-swiper-wrapper {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
	transform: translateZ(0)
}

.uni-swiper-slides {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.uni-swiper-slide-frame {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	will-change: transform
}

.uni-swiper-dots {
	position: absolute;
	font-size: 0
}

.uni-swiper-dots-horizontal {
	left: 50%;
	bottom: 10px;
	text-align: center;
	white-space: nowrap;
	transform: translate(-50%)
}

.uni-swiper-dots-horizontal .uni-swiper-dot {
	margin-right: 8px
}

.uni-swiper-dots-horizontal .uni-swiper-dot:last-child {
	margin-right: 0
}

.uni-swiper-dots-vertical {
	right: 10px;
	top: 50%;
	text-align: right;
	transform: translateY(-50%)
}

.uni-swiper-dots-vertical .uni-swiper-dot {
	display: block;
	margin-bottom: 9px
}

.uni-swiper-dots-vertical .uni-swiper-dot:last-child {
	margin-bottom: 0
}

.uni-swiper-dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	cursor: pointer;
	transition-property: background-color;
	transition-timing-function: ease;
	background: rgba(0,0,0,.3);
	border-radius: 50%
}

.uni-swiper-dot-active {
	background-color: #000
}

.uni-swiper-navigation {
	width: 26px;
	height: 26px;
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top: -13px;
	display: flex;
	align-items: center;
	transition: all .2s;
	border-radius: 50%;
	opacity: 1
}

.uni-swiper-navigation-disabled {
	opacity: .35;
	cursor: not-allowed
}

.uni-swiper-navigation-hide {
	opacity: 0;
	cursor: auto;
	pointer-events: none
}

.uni-swiper-navigation-prev {
	left: 10px
}

.uni-swiper-navigation-prev svg {
	margin-left: -1px;
	left: 10px
}

.uni-swiper-navigation-prev.uni-swiper-navigation-vertical {
	top: 18px;
	left: 50%;
	margin-left: -13px
}

.uni-swiper-navigation-prev.uni-swiper-navigation-vertical svg {
	transform: rotate(90deg);
	margin-left: auto;
	margin-top: -2px
}

.uni-swiper-navigation-next {
	right: 10px
}

.uni-swiper-navigation-next svg {
	transform: rotate(180deg)
}

.uni-swiper-navigation-next.uni-swiper-navigation-vertical {
	top: auto;
	bottom: 5px;
	left: 50%;
	margin-left: -13px
}

.uni-swiper-navigation-next.uni-swiper-navigation-vertical svg {
	margin-top: 2px;
	transform: rotate(270deg)
}

uni-text[selectable] {
	cursor: auto;
	-webkit-user-select: text;
	user-select: text
}

uni-text {
	white-space: pre-line
}

uni-textarea {
	width: 300px;
	height: 150px;
	display: block;
	position: relative;
	font-size: 16px;
	line-height: normal;
	white-space: pre-wrap;
	word-break: break-all
}

uni-textarea[hidden] {
	display: none
}

.uni-textarea-wrapper,.uni-textarea-placeholder,.uni-textarea-line,.uni-textarea-compute,.uni-textarea-textarea {
	outline: none;
	border: none;
	padding: 0;
	margin: 0;
	text-decoration: inherit
}

.uni-textarea-wrapper {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	min-height: inherit;
	overflow-y: hidden
}

.uni-textarea-placeholder,.uni-textarea-line,.uni-textarea-compute,.uni-textarea-textarea {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	white-space: inherit;
	word-break: inherit
}

.uni-textarea-placeholder {
	color: gray;
	overflow: hidden
}

.uni-textarea-line,.uni-textarea-compute {
	visibility: hidden;
	height: auto
}

.uni-textarea-line {
	width: 1em
}

.uni-textarea-textarea {
	resize: none;
	background: none;
	color: inherit;
	opacity: 1;
	font: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	text-align: inherit;
	text-indent: inherit;
	text-transform: inherit;
	text-shadow: inherit
}

.uni-textarea-textarea-fix-margin {
	width: auto;
	right: 0;
	margin: 0 -3px
}

.uni-textarea-textarea:disabled {
	-webkit-text-fill-color: currentcolor
}

uni-view {
	display: block
}

uni-view[hidden] {
	display: none
}

uni-actionsheet {
	display: block;
	box-sizing: border-box
}

.uni-actionsheet {
	position: fixed;
	left: 6px;
	right: 6px;
	bottom: 6px;
	transform: translateY(100%);
	backface-visibility: hidden;
	z-index: 999;
	visibility: hidden;
	transition: transform .3s,visibility .3s
}

.uni-actionsheet.uni-actionsheet_toggle {
	visibility: visible;
	transform: translate(0)
}

.uni-actionsheet * {
	box-sizing: border-box
}

.uni-actionsheet__menu,.uni-actionsheet__action {
	border-radius: 5px;
	background-color: #fcfcfd
}

.uni-actionsheet__action {
	margin-top: 6px
}

.uni-actionsheet__cell,.uni-actionsheet__title {
	position: relative;
	padding: 10px 6px;
	text-align: center;
	font-size: 18px;
	text-overflow: ellipsis;
	overflow: hidden;
	cursor: pointer
}

.uni-actionsheet__title {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
	color: var(--UI-FG);
	background-color: #fff;
	border-radius: 5px 5px 0 0;
	border-bottom: 1px solid #e5e5e5
}

.uni-actionsheet__cell:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 1px;
	border-top: 1px solid #e5e5e5;
	color: #e5e5e5;
	transform-origin: 0 0;
	transform: scaleY(.5)
}

.uni-actionsheet__cell:active {
	background-color: #ececec
}

.uni-actionsheet__cell:first-child:before {
	display: none
}

@media screen and (min-width: 500px) and (min-height: 500px) {
	.uni-mask.uni-actionsheet__mask {
		background: none
	}

	.uni-actionsheet {
		width: 300px;
		left: 50%;
		right: auto;
		top: 50%;
		bottom: auto;
		transform: translate(-50%,-50%);
		opacity: 0;
		transition: opacity .3s,visibility .3s
	}

	.uni-actionsheet.uni-actionsheet_toggle {
		opacity: 1;
		transform: translate(-50%,-50%)
	}

	.uni-actionsheet__menu {
		box-shadow: 0 0 20px 5px rgba(0,0,0,.3)
	}

	.uni-actionsheet__action {
		display: none
	}
}

uni-modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	display: block;
	box-sizing: border-box
}

.uni-modal {
	position: fixed;
	z-index: 999;
	width: 80%;
	max-width: 300px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: #fff;
	text-align: center;
	border-radius: 3px;
	overflow: hidden
}

.uni-modal * {
	box-sizing: border-box
}

.uni-modal__hd {
	padding: 1em 1.6em .3em
}

.uni-modal__title {
	font-weight: 400;
	font-size: 18px;
	word-wrap: break-word;
	word-break: break-all;
	white-space: pre-wrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.uni-modal__bd {
	padding: 1.3em 1.6em;
	min-height: 40px;
	font-size: 15px;
	line-height: 1.4;
	word-wrap: break-word;
	word-break: break-all;
	white-space: pre-wrap;
	color: #999;
	max-height: 400px;
	overflow-x: hidden;
	overflow-y: auto
}

.uni-modal__textarea {
	resize: none;
	border: 0;
	margin: 0;
	width: 90%;
	padding: 10px;
	font-size: 20px;
	outline: none;
	border: none;
	background-color: #eee;
	text-decoration: inherit
}

.uni-modal__ft {
	position: relative;
	line-height: 48px;
	font-size: 18px;
	display: flex
}

.uni-modal__ft:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 1px;
	border-top: 1px solid #d5d5d6;
	color: #d5d5d6;
	transform-origin: 0 0;
	transform: scaleY(.5)
}

.uni-modal__btn {
	display: block;
	flex: 1;
	color: #3cc51f;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	position: relative;
	cursor: pointer
}

.uni-modal__btn:active {
	background-color: #eee
}

.uni-modal__btn:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	bottom: 0;
	border-left: 1px solid #d5d5d6;
	color: #d5d5d6;
	transform-origin: 0 0;
	transform: scaleX(.5)
}

.uni-modal__btn:first-child:after {
	display: none
}

.uni-modal__btn_default {
	color: #353535
}

.uni-modal__btn_primary {
	color: #007aff
}

uni-toast {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	display: block;
	box-sizing: border-box;
	pointer-events: none;
	font-size: 16px
}

.uni-sample-toast {
	position: fixed;
	z-index: 999;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	max-width: 80%
}

.uni-simple-toast__text {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	background-color: rgba(17,17,17,.7);
	padding: 10px 20px;
	border-radius: 5px;
	font-size: 13px;
	text-align: center;
	max-width: 100%;
	word-break: break-all;
	white-space: normal
}

uni-toast .uni-mask {
	pointer-events: auto
}

.uni-toast {
	position: fixed;
	z-index: 999;
	width: 8em;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: rgba(17,17,17,.7);
	text-align: center;
	border-radius: 5px;
	color: #fff
}

.uni-toast * {
	box-sizing: border-box
}

.uni-toast__icon {
	margin: 20px 0 0;
	width: 38px!important;
	height: 38px!important;
	vertical-align: baseline!important
}

.uni-icon_toast {
	margin: 15px 0 0
}

.uni-icon_toast.uni-icon-success-no-circle:before {
	color: #fff;
	font-size: 55px
}

.uni-icon_toast.uni-loading {
	margin: 20px 0 0;
	width: 38px;
	height: 38px;
	vertical-align: baseline
}

.uni-toast__content {
	margin: 0 0 15px
}
