snapshot-wx/components/z-paging/css/z-paging-main.css

/* [z-paging]公共css*/

.z-paging-content {
	position: relative;
	/* #ifndef APP-NVUE */
	display: flex;
	width: 100%;
	height: 100%;
	overflow: hidden;
	/* #endif */
	flex-direction: column;
}

.z-paging-content-fixed, .zp-loading-fixed {
	position: fixed;
	/* #ifndef APP-NVUE */
	height: auto;
	width: auto;
	/* #endif */
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.zp-page-top,.zp-page-bottom {
	/* #ifndef APP-NVUE */
	width: auto;
	/* #endif */
	position: fixed;
	left: 0;
	right: 0;
	z-index: 999;
}

.zp-page-left,.zp-page-right{
	/* #ifndef APP-NVUE */
	height: 100%;
	/* #endif */
}

.zp-scroll-view-super {
	flex: 1;
	position: relative;
}

.zp-view-super{
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: row;
}

.zp-custom-refresher-container {
	overflow: hidden;
}

.zp-scroll-view-container,.zp-scroll-view {
	position: relative;
	/* #ifndef APP-NVUE */
	height: 100%;
	width: 100%;
	/* #endif */
}

.zp-absoulte{
	/* #ifndef APP-NVUE */
	position: absolute;
	top: 0;
	width: auto;
	/* #endif */
}

.zp-right{
	right: 0;
}

.zp-scroll-view-absolute {
	position: absolute;
	top: 0;
	left: 0;
}

/* #ifndef APP-NVUE */
.zp-scroll-view-hide-scrollbar ::-webkit-scrollbar {
	display: none;
	-webkit-appearance: none;
	width: 0 !important;
	height: 0 !important;
	background: transparent;
}
/* #endif */

.zp-paging-touch-view {
	width: 100%;
	height: 100%;
	position: relative;
}

.zp-fixed-bac-view {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 200px;
}

.zp-paging-main {
	height: 100%;
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: column;
}

.zp-paging-container {
	flex: 1;
	position: relative;
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: column;
}

.zp-chat-record-loading-container {
	/* #ifndef APP-NVUE */
	display: flex;
	width: 100%;
	/* #endif */
	/* #ifdef APP-NVUE */
	width: 750rpx;
	/* #endif */
	align-items: center;
	justify-content: center;
	height: 60rpx;
	font-size: 26rpx;
}

.zp-chat-record-loading-custom-image {
	width: 35rpx;
	height: 35rpx;
	/* #ifndef APP-NVUE */
	animation: loading-flower 1s linear infinite;
	/* #endif */
}

.zp-custom-refresher-container {
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.zp-back-to-top {
	width: 76rpx;
	height: 76rpx;
	z-index: 999;
	position: absolute;
	bottom: 0rpx;
	right: 25rpx;
	transition-duration: .3s;
	transition-property: opacity;
}

.zp-back-to-top-show {
	opacity: 1;
}

.zp-back-to-top-hide {
	opacity: 0;
}

.zp-back-to-top-img {
	/* #ifndef APP-NVUE */
	width: 100%;
	height: 100%;
	/* #endif */
	/* #ifdef APP-NVUE */
	flex: 1;
	/* #endif */
	z-index: 999;
}

.zp-empty-view {
	/* #ifdef APP-NVUE */
	height: 100%;
	/* #endif */
	flex: 1;
}

.zp-empty-view-center {
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.zp-loading-fixed {
	z-index: 9999;
}

.zp-safe-area-inset-bottom {
	position: absolute;
	/* #ifndef APP-PLUS */
	height: env(safe-area-inset-bottom);
	/* #endif */
}

.zp-n-refresh-container {
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	justify-content: center;
	width: 750rpx;
}

.zp-n-list-container{
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: row;
	flex: 1;
}