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;
	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
}

@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-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: 190px
}

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;
	user-select: text
}

uni-text {
	white-space: pre-line
}

uni-view {
	display: block
}

uni-view[hidden] {
	display: none
}

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
}