shuibei_share/unpackage/dist/dev/app-plus/pages/article_details/index.css

/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.uniui-cart-filled[data-v-d31e1c47]:before {
  content: "\e6d0";
}
.uniui-gift-filled[data-v-d31e1c47]:before {
  content: "\e6c4";
}
.uniui-color[data-v-d31e1c47]:before {
  content: "\e6cf";
}
.uniui-wallet[data-v-d31e1c47]:before {
  content: "\e6b1";
}
.uniui-settings-filled[data-v-d31e1c47]:before {
  content: "\e6ce";
}
.uniui-auth-filled[data-v-d31e1c47]:before {
  content: "\e6cc";
}
.uniui-shop-filled[data-v-d31e1c47]:before {
  content: "\e6cd";
}
.uniui-staff-filled[data-v-d31e1c47]:before {
  content: "\e6cb";
}
.uniui-vip-filled[data-v-d31e1c47]:before {
  content: "\e6c6";
}
.uniui-plus-filled[data-v-d31e1c47]:before {
  content: "\e6c7";
}
.uniui-folder-add-filled[data-v-d31e1c47]:before {
  content: "\e6c8";
}
.uniui-color-filled[data-v-d31e1c47]:before {
  content: "\e6c9";
}
.uniui-tune-filled[data-v-d31e1c47]:before {
  content: "\e6ca";
}
.uniui-calendar-filled[data-v-d31e1c47]:before {
  content: "\e6c0";
}
.uniui-notification-filled[data-v-d31e1c47]:before {
  content: "\e6c1";
}
.uniui-wallet-filled[data-v-d31e1c47]:before {
  content: "\e6c2";
}
.uniui-medal-filled[data-v-d31e1c47]:before {
  content: "\e6c3";
}
.uniui-fire-filled[data-v-d31e1c47]:before {
  content: "\e6c5";
}
.uniui-refreshempty[data-v-d31e1c47]:before {
  content: "\e6bf";
}
.uniui-location-filled[data-v-d31e1c47]:before {
  content: "\e6af";
}
.uniui-person-filled[data-v-d31e1c47]:before {
  content: "\e69d";
}
.uniui-personadd-filled[data-v-d31e1c47]:before {
  content: "\e698";
}
.uniui-arrowthinleft[data-v-d31e1c47]:before {
  content: "\e6d2";
}
.uniui-arrowthinup[data-v-d31e1c47]:before {
  content: "\e6d3";
}
.uniui-arrowthindown[data-v-d31e1c47]:before {
  content: "\e6d4";
}
.uniui-back[data-v-d31e1c47]:before {
  content: "\e6b9";
}
.uniui-forward[data-v-d31e1c47]:before {
  content: "\e6ba";
}
.uniui-arrow-right[data-v-d31e1c47]:before {
  content: "\e6bb";
}
.uniui-arrow-left[data-v-d31e1c47]:before {
  content: "\e6bc";
}
.uniui-arrow-up[data-v-d31e1c47]:before {
  content: "\e6bd";
}
.uniui-arrow-down[data-v-d31e1c47]:before {
  content: "\e6be";
}
.uniui-arrowthinright[data-v-d31e1c47]:before {
  content: "\e6d1";
}
.uniui-down[data-v-d31e1c47]:before {
  content: "\e6b8";
}
.uniui-bottom[data-v-d31e1c47]:before {
  content: "\e6b8";
}
.uniui-arrowright[data-v-d31e1c47]:before {
  content: "\e6d5";
}
.uniui-right[data-v-d31e1c47]:before {
  content: "\e6b5";
}
.uniui-up[data-v-d31e1c47]:before {
  content: "\e6b6";
}
.uniui-top[data-v-d31e1c47]:before {
  content: "\e6b6";
}
.uniui-left[data-v-d31e1c47]:before {
  content: "\e6b7";
}
.uniui-arrowup[data-v-d31e1c47]:before {
  content: "\e6d6";
}
.uniui-eye[data-v-d31e1c47]:before {
  content: "\e651";
}
.uniui-eye-filled[data-v-d31e1c47]:before {
  content: "\e66a";
}
.uniui-eye-slash[data-v-d31e1c47]:before {
  content: "\e6b3";
}
.uniui-eye-slash-filled[data-v-d31e1c47]:before {
  content: "\e6b4";
}
.uniui-info-filled[data-v-d31e1c47]:before {
  content: "\e649";
}
.uniui-reload[data-v-d31e1c47]:before {
  content: "\e6b2";
}
.uniui-micoff-filled[data-v-d31e1c47]:before {
  content: "\e6b0";
}
.uniui-map-pin-ellipse[data-v-d31e1c47]:before {
  content: "\e6ac";
}
.uniui-map-pin[data-v-d31e1c47]:before {
  content: "\e6ad";
}
.uniui-location[data-v-d31e1c47]:before {
  content: "\e6ae";
}
.uniui-starhalf[data-v-d31e1c47]:before {
  content: "\e683";
}
.uniui-star[data-v-d31e1c47]:before {
  content: "\e688";
}
.uniui-star-filled[data-v-d31e1c47]:before {
  content: "\e68f";
}
.uniui-calendar[data-v-d31e1c47]:before {
  content: "\e6a0";
}
.uniui-fire[data-v-d31e1c47]:before {
  content: "\e6a1";
}
.uniui-medal[data-v-d31e1c47]:before {
  content: "\e6a2";
}
.uniui-font[data-v-d31e1c47]:before {
  content: "\e6a3";
}
.uniui-gift[data-v-d31e1c47]:before {
  content: "\e6a4";
}
.uniui-link[data-v-d31e1c47]:before {
  content: "\e6a5";
}
.uniui-notification[data-v-d31e1c47]:before {
  content: "\e6a6";
}
.uniui-staff[data-v-d31e1c47]:before {
  content: "\e6a7";
}
.uniui-vip[data-v-d31e1c47]:before {
  content: "\e6a8";
}
.uniui-folder-add[data-v-d31e1c47]:before {
  content: "\e6a9";
}
.uniui-tune[data-v-d31e1c47]:before {
  content: "\e6aa";
}
.uniui-auth[data-v-d31e1c47]:before {
  content: "\e6ab";
}
.uniui-person[data-v-d31e1c47]:before {
  content: "\e699";
}
.uniui-email-filled[data-v-d31e1c47]:before {
  content: "\e69a";
}
.uniui-phone-filled[data-v-d31e1c47]:before {
  content: "\e69b";
}
.uniui-phone[data-v-d31e1c47]:before {
  content: "\e69c";
}
.uniui-email[data-v-d31e1c47]:before {
  content: "\e69e";
}
.uniui-personadd[data-v-d31e1c47]:before {
  content: "\e69f";
}
.uniui-chatboxes-filled[data-v-d31e1c47]:before {
  content: "\e692";
}
.uniui-contact[data-v-d31e1c47]:before {
  content: "\e693";
}
.uniui-chatbubble-filled[data-v-d31e1c47]:before {
  content: "\e694";
}
.uniui-contact-filled[data-v-d31e1c47]:before {
  content: "\e695";
}
.uniui-chatboxes[data-v-d31e1c47]:before {
  content: "\e696";
}
.uniui-chatbubble[data-v-d31e1c47]:before {
  content: "\e697";
}
.uniui-upload-filled[data-v-d31e1c47]:before {
  content: "\e68e";
}
.uniui-upload[data-v-d31e1c47]:before {
  content: "\e690";
}
.uniui-weixin[data-v-d31e1c47]:before {
  content: "\e691";
}
.uniui-compose[data-v-d31e1c47]:before {
  content: "\e67f";
}
.uniui-qq[data-v-d31e1c47]:before {
  content: "\e680";
}
.uniui-download-filled[data-v-d31e1c47]:before {
  content: "\e681";
}
.uniui-pyq[data-v-d31e1c47]:before {
  content: "\e682";
}
.uniui-sound[data-v-d31e1c47]:before {
  content: "\e684";
}
.uniui-trash-filled[data-v-d31e1c47]:before {
  content: "\e685";
}
.uniui-sound-filled[data-v-d31e1c47]:before {
  content: "\e686";
}
.uniui-trash[data-v-d31e1c47]:before {
  content: "\e687";
}
.uniui-videocam-filled[data-v-d31e1c47]:before {
  content: "\e689";
}
.uniui-spinner-cycle[data-v-d31e1c47]:before {
  content: "\e68a";
}
.uniui-weibo[data-v-d31e1c47]:before {
  content: "\e68b";
}
.uniui-videocam[data-v-d31e1c47]:before {
  content: "\e68c";
}
.uniui-download[data-v-d31e1c47]:before {
  content: "\e68d";
}
.uniui-help[data-v-d31e1c47]:before {
  content: "\e679";
}
.uniui-navigate-filled[data-v-d31e1c47]:before {
  content: "\e67a";
}
.uniui-plusempty[data-v-d31e1c47]:before {
  content: "\e67b";
}
.uniui-smallcircle[data-v-d31e1c47]:before {
  content: "\e67c";
}
.uniui-minus-filled[data-v-d31e1c47]:before {
  content: "\e67d";
}
.uniui-micoff[data-v-d31e1c47]:before {
  content: "\e67e";
}
.uniui-closeempty[data-v-d31e1c47]:before {
  content: "\e66c";
}
.uniui-clear[data-v-d31e1c47]:before {
  content: "\e66d";
}
.uniui-navigate[data-v-d31e1c47]:before {
  content: "\e66e";
}
.uniui-minus[data-v-d31e1c47]:before {
  content: "\e66f";
}
.uniui-image[data-v-d31e1c47]:before {
  content: "\e670";
}
.uniui-mic[data-v-d31e1c47]:before {
  content: "\e671";
}
.uniui-paperplane[data-v-d31e1c47]:before {
  content: "\e672";
}
.uniui-close[data-v-d31e1c47]:before {
  content: "\e673";
}
.uniui-help-filled[data-v-d31e1c47]:before {
  content: "\e674";
}
.uniui-paperplane-filled[data-v-d31e1c47]:before {
  content: "\e675";
}
.uniui-plus[data-v-d31e1c47]:before {
  content: "\e676";
}
.uniui-mic-filled[data-v-d31e1c47]:before {
  content: "\e677";
}
.uniui-image-filled[data-v-d31e1c47]:before {
  content: "\e678";
}
.uniui-locked-filled[data-v-d31e1c47]:before {
  content: "\e668";
}
.uniui-info[data-v-d31e1c47]:before {
  content: "\e669";
}
.uniui-locked[data-v-d31e1c47]:before {
  content: "\e66b";
}
.uniui-camera-filled[data-v-d31e1c47]:before {
  content: "\e658";
}
.uniui-chat-filled[data-v-d31e1c47]:before {
  content: "\e659";
}
.uniui-camera[data-v-d31e1c47]:before {
  content: "\e65a";
}
.uniui-circle[data-v-d31e1c47]:before {
  content: "\e65b";
}
.uniui-checkmarkempty[data-v-d31e1c47]:before {
  content: "\e65c";
}
.uniui-chat[data-v-d31e1c47]:before {
  content: "\e65d";
}
.uniui-circle-filled[data-v-d31e1c47]:before {
  content: "\e65e";
}
.uniui-flag[data-v-d31e1c47]:before {
  content: "\e65f";
}
.uniui-flag-filled[data-v-d31e1c47]:before {
  content: "\e660";
}
.uniui-gear-filled[data-v-d31e1c47]:before {
  content: "\e661";
}
.uniui-home[data-v-d31e1c47]:before {
  content: "\e662";
}
.uniui-home-filled[data-v-d31e1c47]:before {
  content: "\e663";
}
.uniui-gear[data-v-d31e1c47]:before {
  content: "\e664";
}
.uniui-smallcircle-filled[data-v-d31e1c47]:before {
  content: "\e665";
}
.uniui-map-filled[data-v-d31e1c47]:before {
  content: "\e666";
}
.uniui-map[data-v-d31e1c47]:before {
  content: "\e667";
}
.uniui-refresh-filled[data-v-d31e1c47]:before {
  content: "\e656";
}
.uniui-refresh[data-v-d31e1c47]:before {
  content: "\e657";
}
.uniui-cloud-upload[data-v-d31e1c47]:before {
  content: "\e645";
}
.uniui-cloud-download-filled[data-v-d31e1c47]:before {
  content: "\e646";
}
.uniui-cloud-download[data-v-d31e1c47]:before {
  content: "\e647";
}
.uniui-cloud-upload-filled[data-v-d31e1c47]:before {
  content: "\e648";
}
.uniui-redo[data-v-d31e1c47]:before {
  content: "\e64a";
}
.uniui-images-filled[data-v-d31e1c47]:before {
  content: "\e64b";
}
.uniui-undo-filled[data-v-d31e1c47]:before {
  content: "\e64c";
}
.uniui-more[data-v-d31e1c47]:before {
  content: "\e64d";
}
.uniui-more-filled[data-v-d31e1c47]:before {
  content: "\e64e";
}
.uniui-undo[data-v-d31e1c47]:before {
  content: "\e64f";
}
.uniui-images[data-v-d31e1c47]:before {
  content: "\e650";
}
.uniui-paperclip[data-v-d31e1c47]:before {
  content: "\e652";
}
.uniui-settings[data-v-d31e1c47]:before {
  content: "\e653";
}
.uniui-search[data-v-d31e1c47]:before {
  content: "\e654";
}
.uniui-redo-filled[data-v-d31e1c47]:before {
  content: "\e655";
}
.uniui-list[data-v-d31e1c47]:before {
  content: "\e644";
}
.uniui-mail-open-filled[data-v-d31e1c47]:before {
  content: "\e63a";
}
.uniui-hand-down-filled[data-v-d31e1c47]:before {
  content: "\e63c";
}
.uniui-hand-down[data-v-d31e1c47]:before {
  content: "\e63d";
}
.uniui-hand-up-filled[data-v-d31e1c47]:before {
  content: "\e63e";
}
.uniui-hand-up[data-v-d31e1c47]:before {
  content: "\e63f";
}
.uniui-heart-filled[data-v-d31e1c47]:before {
  content: "\e641";
}
.uniui-mail-open[data-v-d31e1c47]:before {
  content: "\e643";
}
.uniui-heart[data-v-d31e1c47]:before {
  content: "\e639";
}
.uniui-loop[data-v-d31e1c47]:before {
  content: "\e633";
}
.uniui-pulldown[data-v-d31e1c47]:before {
  content: "\e632";
}
.uniui-scan[data-v-d31e1c47]:before {
  content: "\e62a";
}
.uniui-bars[data-v-d31e1c47]:before {
  content: "\e627";
}
.uniui-checkbox[data-v-d31e1c47]:before {
  content: "\e62b";
}
.uniui-checkbox-filled[data-v-d31e1c47]:before {
  content: "\e62c";
}
.uniui-shop[data-v-d31e1c47]:before {
  content: "\e62f";
}
.uniui-headphones[data-v-d31e1c47]:before {
  content: "\e630";
}
.uniui-cart[data-v-d31e1c47]:before {
  content: "\e631";
}
@font-face {
  font-family: uniicons;
  src: url("../../assets/uniicons.32e978a5.ttf");
}
.uni-icons[data-v-d31e1c47] {
  font-family: uniicons;
  text-decoration: none;
  text-align: center;
}

.zp-container[data-v-b7999e14]{

		display: flex;

		align-items: center;
		justify-content: center;
}
.zp-container-fixed[data-v-b7999e14] {

		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}
.zp-main[data-v-b7999e14]{

		display: flex;

		flex-direction: column;
		align-items: center;
        padding: 1.5625rem 0;
}
.zp-main-image-rpx[data-v-b7999e14] {
		width: 7.5rem;
		height: 7.5rem;
}
.zp-main-image-px[data-v-b7999e14] {
		width: 120px;
		height: 120px;
}
.zp-main-title[data-v-b7999e14] {
		color: #aaaaaa;
		text-align: center;
}
.zp-main-title-rpx[data-v-b7999e14] {
		font-size: 0.875rem;
		margin-top: 0.3125rem;
		padding: 0 0.625rem;
}
.zp-main-title-px[data-v-b7999e14] {
		font-size: 14px;
		margin-top: 5px;
		padding: 0px 10px;
}
.zp-main-error-btn[data-v-b7999e14] {
		border: solid 1px #dddddd;
		color: #aaaaaa;
}
.zp-main-error-btn-rpx[data-v-b7999e14] {
		font-size: 0.875rem;
		padding: 0.25rem 0.75rem;
		border-radius: 0.1875rem;
		margin-top: 1.5625rem;
}
.zp-main-error-btn-px[data-v-b7999e14] {
		font-size: 14px;
		padding: 4px 12px;
		border-radius: 3px;
		margin-top: 25px;
}

/* [z-paging]公用的静态css资源 */
.zp-line-loading-image[data-v-00a16504] {

	animation: loading-flower-00a16504 1s steps(12) infinite;

	color: #666666;
}
.zp-line-loading-image-rpx[data-v-00a16504] {
	margin-right: 0.25rem;
	width: 1.0625rem;
	height: 1.0625rem;
}
.zp-line-loading-image-px[data-v-00a16504] {
	margin-right: 4px;
	width: 17px;
	height: 17px;
}
.zp-loading-image-ios-rpx[data-v-00a16504] {
	width: 1.25rem;
	height: 1.25rem;
}
.zp-loading-image-ios-px[data-v-00a16504] {
	width: 20px;
	height: 20px;
}
.zp-loading-image-android-rpx[data-v-00a16504] {
	width: 1.0625rem;
	height: 1.0625rem;
}
.zp-loading-image-android-px[data-v-00a16504] {
	width: 17px;
	height: 17px;
}
@keyframes loading-flower-00a16504 {
0% {
		transform: rotate(0deg);
}
to {
		transform: rotate(1turn);
}
}
.zp-r-container[data-v-00a16504] {

		display: flex;
		height: 100%;

		flex-direction: row;
		justify-content: center;
		align-items: center;
}
.zp-r-container-padding[data-v-00a16504] {
}
.zp-r-left[data-v-00a16504] {

		display: flex;

		flex-direction: row;
		align-items: center;
		overflow: hidden;
}
.zp-r-left-image[data-v-00a16504] {
		transition-duration: .2s;
		transition-property: transform;
		color: #666666;
}
.zp-r-left-image-pre-size-rpx[data-v-00a16504] {

		width: 1.0625rem;
		height: 1.0625rem;
		overflow: hidden;
}
.zp-r-left-image-pre-size-px[data-v-00a16504] {

		width: 17px;
		height: 17px;
		overflow: hidden;
}
.zp-r-arrow-top[data-v-00a16504] {
		transform: rotate(0deg);
}
.zp-r-arrow-down[data-v-00a16504] {
		transform: rotate(180deg);
}
.zp-r-right[data-v-00a16504] {

		display: flex;

		flex-direction: column;
		align-items: center;
		justify-content: center;
}
.zp-r-right-time-text-rpx[data-v-00a16504] {
		margin-top: 0.3125rem;
		font-size: 0.8125rem;
}
.zp-r-right-time-text-px[data-v-00a16504] {
		margin-top: 5px;
		font-size: 13px;
}

/* [z-paging]公用的静态css资源 */
.zp-line-loading-image[data-v-8cc5c400] {

	animation: loading-flower-8cc5c400 1s steps(12) infinite;

	color: #666666;
}
.zp-line-loading-image-rpx[data-v-8cc5c400] {
	margin-right: 0.25rem;
	width: 1.0625rem;
	height: 1.0625rem;
}
.zp-line-loading-image-px[data-v-8cc5c400] {
	margin-right: 4px;
	width: 17px;
	height: 17px;
}
.zp-loading-image-ios-rpx[data-v-8cc5c400] {
	width: 1.25rem;
	height: 1.25rem;
}
.zp-loading-image-ios-px[data-v-8cc5c400] {
	width: 20px;
	height: 20px;
}
.zp-loading-image-android-rpx[data-v-8cc5c400] {
	width: 1.0625rem;
	height: 1.0625rem;
}
.zp-loading-image-android-px[data-v-8cc5c400] {
	width: 17px;
	height: 17px;
}
@keyframes loading-flower-8cc5c400 {
0% {
		transform: rotate(0deg);
}
to {
		transform: rotate(1turn);
}
}
.zp-l-container[data-v-8cc5c400] {

		clear: both;
		display: flex;

		flex-direction: row;
		align-items: center;
		justify-content: center;
}
.zp-l-container-rpx[data-v-8cc5c400] {
		height: 2.5rem;
		font-size: 0.84375rem;
}
.zp-l-container-px[data-v-8cc5c400] {
		height: 40px;
		font-size: 14px;
}
.zp-l-line-loading-custom-image[data-v-8cc5c400] {
		color: #a4a4a4;
}
.zp-l-line-loading-custom-image-rpx[data-v-8cc5c400] {
		margin-right: 0.25rem;
		width: 0.875rem;
		height: 0.875rem;
}
.zp-l-line-loading-custom-image-px[data-v-8cc5c400] {
		margin-right: 4px;
		width: 14px;
		height: 14px;
}
.zp-l-line-loading-custom-image-animated[data-v-8cc5c400]{

		animation: loading-circle-8cc5c400 1s linear infinite;
}
.zp-l-circle-loading-view[data-v-8cc5c400] {
		border: 0.09375rem solid #dddddd;
		border-radius: 50%;

		animation: loading-circle-8cc5c400 1s linear infinite;
}
.zp-l-circle-loading-view-rpx[data-v-8cc5c400] {
		margin-right: 0.25rem;
		width: 0.71875rem;
		height: 0.71875rem;
}
.zp-l-circle-loading-view-px[data-v-8cc5c400] {
		margin-right: 4px;
		width: 12px;
		height: 12px;
}
.zp-l-text-rpx[data-v-8cc5c400] {
		font-size: 0.9375rem;
		margin: 0 0.1875rem;
}
.zp-l-text-px[data-v-8cc5c400] {
		font-size: 15px;
		margin: 0px 3px;
}
.zp-l-line-rpx[data-v-8cc5c400] {
		height: 1px;
		width: 3.125rem;
		margin: 0 0.3125rem;
}
.zp-l-line-px[data-v-8cc5c400] {
		height: 1px;
		width: 50px;
		margin: 0 5px;
}
@keyframes loading-circle-8cc5c400 {
0% {
			transform: rotate(0deg);
}
100% {
			transform: rotate(360deg);
}
}


/* [z-paging]公共css*/
.z-paging-content[data-v-1aa372d7] {
	position: relative;
	flex-direction: column;

	overflow: hidden;
}
.z-paging-content-full[data-v-1aa372d7] {

	display: flex;
	width: 100%;
	height: 100%;
}
.z-paging-content-fixed[data-v-1aa372d7], .zp-loading-fixed[data-v-1aa372d7] {
	position: fixed;

	height: auto;
	width: auto;

	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.zp-f2-content[data-v-1aa372d7] {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: white;
}
.zp-page-top[data-v-1aa372d7], .zp-page-bottom[data-v-1aa372d7] {

	width: auto;

	position: fixed;
	left: 0;
	right: 0;
	z-index: 999;
}
.zp-page-left[data-v-1aa372d7], .zp-page-right[data-v-1aa372d7] {

	height: 100%;
}
.zp-scroll-view-super[data-v-1aa372d7] {
	flex: 1;
	overflow: hidden;
	position: relative;
}
.zp-view-super[data-v-1aa372d7] {

	display: flex;

	flex-direction: row;
}
.zp-scroll-view-container[data-v-1aa372d7], .zp-scroll-view[data-v-1aa372d7] {
	position: relative;

	height: 100%;
	width: 100%;
}
.zp-absoulte[data-v-1aa372d7] {

	position: absolute;
	top: 0;
	width: auto;
}
.zp-scroll-view-absolute[data-v-1aa372d7] {
	position: absolute;
	top: 0;
	left: 0;
}
.zp-scroll-view-hide-scrollbar[data-v-1aa372d7] ::-webkit-scrollbar {
	display: none;
	-webkit-appearance: none;
	width: 0 !important;
	height: 0 !important;
	background: transparent;
}
.zp-paging-touch-view[data-v-1aa372d7] {
	width: 100%;
	height: 100%;
	position: relative;
}
.zp-fixed-bac-view[data-v-1aa372d7] {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 200px;
}
.zp-paging-main[data-v-1aa372d7] {
	height: 100%;

	display: flex;

	flex-direction: column;
}
.zp-paging-container[data-v-1aa372d7] {
	flex: 1;
	position: relative;

	display: flex;

	flex-direction: column;
}
.zp-chat-record-loading-custom-image[data-v-1aa372d7] {
	width: 1.09375rem;
	height: 1.09375rem;

	animation: loading-flower-1aa372d7 1s linear infinite;
}
.zp-page-bottom-keyboard-placeholder-animate[data-v-1aa372d7] {
	transition-property: height;
	transition-duration: 0.15s;

	will-change: height;
}
.zp-custom-refresher-container[data-v-1aa372d7] {
	overflow: hidden;
}
.zp-custom-refresher-refresh[data-v-1aa372d7] {

	display: block;
}
.zp-back-to-top[data-v-1aa372d7] {
	z-index: 999;
	position: absolute;
	bottom: 0;
	transition-duration: .3s;
	transition-property: opacity;
}
.zp-back-to-top-rpx[data-v-1aa372d7] {
	width: 2.375rem;
	height: 2.375rem;
	bottom: 0;
	right: 0.78125rem;
}
.zp-back-to-top-px[data-v-1aa372d7] {
	width: 38px;
	height: 38px;
	bottom: 0px;
	right: 13px;
}
.zp-back-to-top-show[data-v-1aa372d7] {
	opacity: 1;
}
.zp-back-to-top-hide[data-v-1aa372d7] {
	opacity: 0;
}
.zp-back-to-top-img[data-v-1aa372d7] {

	width: 100%;
	height: 100%;




	z-index: 999;
}
.zp-back-to-top-img-inversion[data-v-1aa372d7] {
	transform: rotate(180deg);
}
.zp-empty-view[data-v-1aa372d7] {



	flex: 1;
}
.zp-empty-view-center[data-v-1aa372d7] {

	display: flex;

	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.zp-loading-fixed[data-v-1aa372d7] {
	z-index: 9999;
}
.zp-safe-area-inset-bottom[data-v-1aa372d7] {
	position: absolute;
}
.zp-n-refresh-container[data-v-1aa372d7] {

	display: flex;

	justify-content: center;
	width: 23.4375rem;
}
.zp-n-list-container[data-v-1aa372d7]{

	display: flex;

	flex-direction: row;
	flex: 1;
}

/* [z-paging]公用的静态css资源 */
.zp-line-loading-image[data-v-1aa372d7] {

	animation: loading-flower-1aa372d7 1s steps(12) infinite;

	color: #666666;
}
.zp-line-loading-image-rpx[data-v-1aa372d7] {
	margin-right: 0.25rem;
	width: 1.0625rem;
	height: 1.0625rem;
}
.zp-line-loading-image-px[data-v-1aa372d7] {
	margin-right: 4px;
	width: 17px;
	height: 17px;
}
.zp-loading-image-ios-rpx[data-v-1aa372d7] {
	width: 1.25rem;
	height: 1.25rem;
}
.zp-loading-image-ios-px[data-v-1aa372d7] {
	width: 20px;
	height: 20px;
}
.zp-loading-image-android-rpx[data-v-1aa372d7] {
	width: 1.0625rem;
	height: 1.0625rem;
}
.zp-loading-image-android-px[data-v-1aa372d7] {
	width: 17px;
	height: 17px;
}
@keyframes loading-flower-1aa372d7 {
0% {
		transform: rotate(0deg);
}
to {
		transform: rotate(1turn);
}
}



/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-action-sheet-data__trigger[data-v-2ac4c00c] {
  position: relative;
}
.u-action-sheet-data__trigger__cover[data-v-2ac4c00c] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-line[data-v-72791e59] {
  vertical-align: middle;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-loading-icon[data-v-2af81691] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #c8c9cc;
}
.u-loading-icon__text[data-v-2af81691] {
  margin-left: 4px;
  color: #606266;
  font-size: 14px;
  line-height: 20px;
}
.u-loading-icon__spinner[data-v-2af81691] {
  width: 30px;
  height: 30px;
  position: relative;
  box-sizing: border-box;
  max-width: 100%;
  max-height: 100%;
  animation: u-rotate-2af81691 1s linear infinite;
}
.u-loading-icon__spinner--semicircle[data-v-2af81691] {
  border-width: 2px;
  border-color: transparent;
  border-top-right-radius: 100px;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  border-style: solid;
}
.u-loading-icon__spinner--circle[data-v-2af81691] {
  border-top-right-radius: 100px;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  border-width: 2px;
  border-top-color: #e5e5e5;
  border-right-color: #e5e5e5;
  border-bottom-color: #e5e5e5;
  border-left-color: #e5e5e5;
  border-style: solid;
}
.u-loading-icon--vertical[data-v-2af81691] {
  flex-direction: column;
}
[data-v-2af81691]:host {
  font-size: 0px;
  line-height: 1;
}
.u-loading-icon__spinner--spinner[data-v-2af81691] {
  animation-timing-function: steps(12);
}
.u-loading-icon__text[data-v-2af81691]:empty {
  display: none;
}
.u-loading-icon--vertical .u-loading-icon__text[data-v-2af81691] {
  margin: 6px 0 0;
  color: #606266;
}
.u-loading-icon__dot[data-v-2af81691] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-loading-icon__dot[data-v-2af81691]:before {
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: currentColor;
  border-radius: 40%;
  content: " ";
}
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(1) {
  transform: rotate(30deg);
  opacity: 1;
}
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(2) {
  transform: rotate(60deg);
  opacity: 0.9375;
}
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(3) {
  transform: rotate(90deg);
  opacity: 0.875;
}
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(4) {
  transform: rotate(120deg);
  opacity: 0.8125;
}
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(5) {
  transform: rotate(150deg);
  opacity: 0.75;
}
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(6) {
  transform: rotate(180deg);
  opacity: 0.6875;
}
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(7) {
  transform: rotate(210deg);
  opacity: 0.625;
}
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(8) {
  transform: rotate(240deg);
  opacity: 0.5625;
}
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(9) {
  transform: rotate(270deg);
  opacity: 0.5;
}
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(10) {
  transform: rotate(300deg);
  opacity: 0.4375;
}
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(11) {
  transform: rotate(330deg);
  opacity: 0.375;
}
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(12) {
  transform: rotate(360deg);
  opacity: 0.3125;
}
@keyframes u-rotate-2af81691 {
0% {
    transform: rotate(0deg);
}
to {
    transform: rotate(1turn);
}
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * vue版本动画内置的动画模式有如下：
 * fade：淡入
 * zoom：缩放
 * fade-zoom：缩放淡入
 * fade-up：上滑淡入
 * fade-down：下滑淡入
 * fade-left：左滑淡入
 * fade-right：右滑淡入
 * slide-up：上滑进入
 * slide-down：下滑进入
 * slide-left：左滑进入
 * slide-right：右滑进入
 */
.u-fade-enter-active[data-v-5cec8177],
.u-fade-leave-active[data-v-5cec8177] {
  transition-property: opacity;
}
.u-fade-enter[data-v-5cec8177],
.u-fade-leave-to[data-v-5cec8177] {
  opacity: 0;
}
.u-fade-zoom-enter[data-v-5cec8177],
.u-fade-zoom-leave-to[data-v-5cec8177] {
  transform: scale(0.95);
  opacity: 0;
}
.u-fade-zoom-enter-active[data-v-5cec8177],
.u-fade-zoom-leave-active[data-v-5cec8177] {
  transition-property: transform, opacity;
}
.u-fade-down-enter-active[data-v-5cec8177],
.u-fade-down-leave-active[data-v-5cec8177],
.u-fade-left-enter-active[data-v-5cec8177],
.u-fade-left-leave-active[data-v-5cec8177],
.u-fade-right-enter-active[data-v-5cec8177],
.u-fade-right-leave-active[data-v-5cec8177],
.u-fade-up-enter-active[data-v-5cec8177],
.u-fade-up-leave-active[data-v-5cec8177] {
  transition-property: opacity, transform;
}
.u-fade-up-enter[data-v-5cec8177],
.u-fade-up-leave-to[data-v-5cec8177] {
  transform: translate3d(0, 100%, 0);
  opacity: 0;
}
.u-fade-down-enter[data-v-5cec8177],
.u-fade-down-leave-to[data-v-5cec8177] {
  transform: translate3d(0, -100%, 0);
  opacity: 0;
}
.u-fade-left-enter[data-v-5cec8177],
.u-fade-left-leave-to[data-v-5cec8177] {
  transform: translate3d(-100%, 0, 0);
  opacity: 0;
}
.u-fade-right-enter[data-v-5cec8177],
.u-fade-right-leave-to[data-v-5cec8177] {
  transform: translate3d(100%, 0, 0);
  opacity: 0;
}
.u-slide-down-enter-active[data-v-5cec8177],
.u-slide-down-leave-active[data-v-5cec8177],
.u-slide-left-enter-active[data-v-5cec8177],
.u-slide-left-leave-active[data-v-5cec8177],
.u-slide-right-enter-active[data-v-5cec8177],
.u-slide-right-leave-active[data-v-5cec8177],
.u-slide-up-enter-active[data-v-5cec8177],
.u-slide-up-leave-active[data-v-5cec8177] {
  transition-property: transform;
}
.u-slide-up-enter[data-v-5cec8177],
.u-slide-up-leave-to[data-v-5cec8177] {
  transform: translate3d(0, 100%, 0);
}
.u-slide-down-enter[data-v-5cec8177],
.u-slide-down-leave-to[data-v-5cec8177] {
  transform: translate3d(0, -100%, 0);
}
.u-slide-left-enter[data-v-5cec8177],
.u-slide-left-leave-to[data-v-5cec8177] {
  transform: translate3d(-100%, 0, 0);
}
.u-slide-right-enter[data-v-5cec8177],
.u-slide-right-leave-to[data-v-5cec8177] {
  transform: translate3d(100%, 0, 0);
}
.u-zoom-enter-active[data-v-5cec8177],
.u-zoom-leave-active[data-v-5cec8177] {
  transition-property: transform;
}
.u-zoom-enter[data-v-5cec8177],
.u-zoom-leave-to[data-v-5cec8177] {
  transform: scale(0.95);
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-overlay[data-v-9112bed9] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-status-bar[data-v-eb8e0cdd] {
  width: 100%;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-safe-bottom[data-v-f3d22cfe] {
  width: 100%;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-popup[data-v-05c24e9b] {
  flex: 1;
}
.u-popup__trigger[data-v-05c24e9b] {
  position: relative;
}
.u-popup__trigger__cover[data-v-05c24e9b] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.u-popup__content[data-v-05c24e9b] {
  background-color: #fff;
  position: relative;
}
.u-popup__content--round-top[data-v-05c24e9b] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.u-popup__content--round-left[data-v-05c24e9b] {
  border-top-left-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 10px;
}
.u-popup__content--round-right[data-v-05c24e9b] {
  border-top-left-radius: 10px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 0;
}
.u-popup__content--round-bottom[data-v-05c24e9b] {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.u-popup__content--round-center[data-v-05c24e9b] {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.u-popup__content__close[data-v-05c24e9b] {
  position: absolute;
}
.u-popup__content__close--hover[data-v-05c24e9b] {
  opacity: 0.4;
}
.u-popup__content__close--top-left[data-v-05c24e9b] {
  top: 15px;
  left: 15px;
}
.u-popup__content__close--top-right[data-v-05c24e9b] {
  top: 15px;
  right: 15px;
}
.u-popup__content__close--bottom-left[data-v-05c24e9b] {
  bottom: 15px;
  left: 15px;
}
.u-popup__content__close--bottom-right[data-v-05c24e9b] {
  right: 15px;
  bottom: 15px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-reset-button[data-v-69669810] {
  width: 100%;
}
.u-action-sheet[data-v-69669810] {
  text-align: center;
}
.u-action-sheet__header[data-v-69669810] {
  position: relative;
  padding: 12px 30px;
}
.u-action-sheet__header__title[data-v-69669810] {
  font-size: 16px;
  color: #303133;
  font-weight: bold;
  text-align: center;
}
.u-action-sheet__header__icon-wrap[data-v-69669810] {
  position: absolute;
  right: 15px;
  top: 15px;
}
.u-action-sheet__description[data-v-69669810] {
  font-size: 13px;
  color: #909193;
  margin: 18px 15px;
  text-align: center;
}
.u-action-sheet__item-wrap__item[data-v-69669810] {
  padding: 17px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.u-action-sheet__item-wrap__item__name[data-v-69669810] {
  font-size: 16px;
  color: #303133;
  text-align: center;
}
.u-action-sheet__item-wrap__item__subname[data-v-69669810] {
  font-size: 13px;
  color: #c0c4cc;
  margin-top: 10px;
  text-align: center;
}
.u-action-sheet__cancel-text[data-v-69669810] {
  font-size: 16px;
  color: #606266;
  text-align: center;
}
.u-action-sheet--hover[data-v-69669810] {
  background-color: #f2f3f5;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.agreement-content[data-v-1bf68e1e] {
  width: 100%;
  display: inline-block;
  flex-direction: column;
}
.agreement-content .agreement-url[data-v-1bf68e1e] {
  display: inline-block;
  color: blue;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-album[data-v-96d28356] {
  display: flex;
  flex-direction: column;
}
.u-album__row[data-v-96d28356] {
  display: flex;
  flex-direction: row;
}
.u-album__row__wrapper[data-v-96d28356] {
  position: relative;
}
.u-album__row__wrapper__text[data-v-96d28356] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-alert[data-v-158e540a] {
  position: relative;
  background-color: #3c9cff;
  padding: 8px 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.u-alert--primary--dark[data-v-158e540a] {
  background-color: #3c9cff;
}
.u-alert--primary--light[data-v-158e540a] {
  background-color: #ecf5ff;
}
.u-alert--error--dark[data-v-158e540a] {
  background-color: #f56c6c;
}
.u-alert--error--light[data-v-158e540a] {
  background-color: #FEF0F0;
}
.u-alert--success--dark[data-v-158e540a] {
  background-color: #5ac725;
}
.u-alert--success--light[data-v-158e540a] {
  background-color: #f5fff0;
}
.u-alert--warning--dark[data-v-158e540a] {
  background-color: #f9ae3d;
}
.u-alert--warning--light[data-v-158e540a] {
  background-color: #FDF6EC;
}
.u-alert--info--dark[data-v-158e540a] {
  background-color: #909399;
}
.u-alert--info--light[data-v-158e540a] {
  background-color: #f4f4f5;
}
.u-alert__icon[data-v-158e540a] {
  margin-right: 5px;
}
.u-alert__content[data-v-158e540a] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.u-alert__content__title[data-v-158e540a] {
  color: #303133;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 2px;
}
.u-alert__content__desc[data-v-158e540a] {
  color: #303133;
  font-size: 14px;
  flex-wrap: wrap;
  color: #fff;
}
.u-alert__title--dark[data-v-158e540a], .u-alert__desc--dark[data-v-158e540a] {
  color: #FFFFFF;
}
.u-alert__text--primary--light[data-v-158e540a], .u-alert__text--primary--light[data-v-158e540a] {
  color: #3c9cff;
}
.u-alert__text--success--light[data-v-158e540a], .u-alert__text--success--light[data-v-158e540a] {
  color: #5ac725;
}
.u-alert__text--warning--light[data-v-158e540a], .u-alert__text--warning--light[data-v-158e540a] {
  color: #f9ae3d;
}
.u-alert__text--error--light[data-v-158e540a], .u-alert__text--error--light[data-v-158e540a] {
  color: #f56c6c;
}
.u-alert__text--info--light[data-v-158e540a], .u-alert__text--info--light[data-v-158e540a] {
  color: #909399;
}
.u-alert__close[data-v-158e540a] {
  position: absolute;
  top: 11px;
  right: 10px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-avatar[data-v-34d954f9] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.u-avatar--circle[data-v-34d954f9] {
  border-radius: 100px;
}
.u-avatar--square[data-v-34d954f9] {
  border-radius: 4px;
}
.u-avatar__image--circle[data-v-34d954f9] {
  border-radius: 100px;
  overflow: hidden;
}
.u-avatar__image--square[data-v-34d954f9] {
  border-radius: 4px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-avatar-group[data-v-3bd09520] {
  display: flex;
  flex-direction: row;
}
.u-avatar-group__item[data-v-3bd09520] {
  margin-left: -10px;
  position: relative;
}
.u-avatar-group__item--no-indent[data-v-3bd09520] {
  margin-left: 0;
}
.u-avatar-group__item__show-more[data-v-3bd09520] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-back-top[data-v-91347e36] {
  display: flex;
  flex-direction: row;
  flex-direction: column;
  align-items: center;
  flex: 1;
  height: 100%;
  justify-content: center;
  background-color: #E1E1E1;
}
.u-back-top__tips[data-v-91347e36] {
  font-size: 12px;
  transform: scale(0.8);
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-badge[data-v-06cca9b7] {
  border-top-right-radius: 100px;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  display: flex;
  flex-direction: row;
  line-height: 11px;
  text-align: center;
  font-size: 11px;
  color: #FFFFFF;
}
.u-badge--dot[data-v-06cca9b7] {
  height: 8px;
  width: 8px;
}
.u-badge--inverted[data-v-06cca9b7] {
  font-size: 13px;
}
.u-badge--not-dot[data-v-06cca9b7] {
  padding: 2px 5px;
}
.u-badge--horn[data-v-06cca9b7] {
  border-bottom-left-radius: 0;
}
.u-badge--primary[data-v-06cca9b7] {
  background-color: #3c9cff;
}
.u-badge--primary--inverted[data-v-06cca9b7] {
  color: #3c9cff;
}
.u-badge--error[data-v-06cca9b7] {
  background-color: #f56c6c;
}
.u-badge--error--inverted[data-v-06cca9b7] {
  color: #f56c6c;
}
.u-badge--success[data-v-06cca9b7] {
  background-color: #5ac725;
}
.u-badge--success--inverted[data-v-06cca9b7] {
  color: #5ac725;
}
.u-badge--info[data-v-06cca9b7] {
  background-color: #909399;
}
.u-badge--info--inverted[data-v-06cca9b7] {
  color: #909399;
}
.u-badge--warning[data-v-06cca9b7] {
  background-color: #f9ae3d;
}
.u-badge--warning--inverted[data-v-06cca9b7] {
  color: #f9ae3d;
}

.u-barcode[data-v-f3ca37b6] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.error-container[data-v-f3ca37b6] {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f0f0f0;
  color: #ff0000;
}
.error-text[data-v-f3ca37b6] {
  font-size: 14px;
}

/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-box[data-v-5409417d] {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.u-box__left[data-v-5409417d] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.u-box__gap[data-v-5409417d] {
  display: flex;
  flex-direction: row;
  flex-direction: column;
}
.u-box__right[data-v-5409417d] {
  display: flex;
  flex-direction: row;
  flex-direction: column;
  flex: 1;
}
.u-box__right-top[data-v-5409417d] {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
}
.u-box__right-bottom[data-v-5409417d] {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-button[data-v-5ce41ee6] {
  width: 100%;
  white-space: nowrap;
}
.u-button__text[data-v-5ce41ee6] {
  white-space: nowrap;
  line-height: 1;
}
.u-button[data-v-5ce41ee6]:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border: inherit;
  border-radius: inherit;
  transform: translate(-50%, -50%);
  opacity: 0;
  content: " ";
  background-color: #000;
  border-color: #000;
}
.u-button--active[data-v-5ce41ee6]:before {
  opacity: 0.15;
}
.u-button__icon + .u-button__text[data-v-5ce41ee6]:not(:empty), .u-button__loading-text[data-v-5ce41ee6] {
  margin-left: 4px;
}
.u-button--plain.u-button--primary[data-v-5ce41ee6] {
  color: #3c9cff;
}
.u-button--plain.u-button--info[data-v-5ce41ee6] {
  color: #909399;
}
.u-button--plain.u-button--success[data-v-5ce41ee6] {
  color: #5ac725;
}
.u-button--plain.u-button--error[data-v-5ce41ee6] {
  color: #f56c6c;
}
.u-button--plain.u-button--warning[data-v-5ce41ee6] {
  color: #f9ae3d;
}
.u-button[data-v-5ce41ee6] {
  height: 40px;
  position: relative;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  flex-direction: row;
}
.u-button__text[data-v-5ce41ee6] {
  font-size: 15px;
}
.u-button__loading-text[data-v-5ce41ee6] {
  font-size: 15px;
  margin-left: 4px;
}
.u-button--large[data-v-5ce41ee6] {
  width: 100%;
  height: 50px;
  padding: 0 15px;
}
.u-button--normal[data-v-5ce41ee6] {
  padding: 0 12px;
  font-size: 14px;
}
.u-button--small[data-v-5ce41ee6] {
  min-width: 60px;
  height: 30px;
  padding: 0px 8px;
  font-size: 12px;
}
.u-button--mini[data-v-5ce41ee6] {
  height: 22px;
  font-size: 10px;
  min-width: 50px;
  padding: 0px 8px;
}
.u-button--disabled[data-v-5ce41ee6] {
  opacity: 0.5;
}
.u-button--info[data-v-5ce41ee6] {
  color: #323233;
  background-color: #fff;
  border-color: #ebedf0;
  border-width: 1px;
  border-style: solid;
}
.u-button--success[data-v-5ce41ee6] {
  color: #fff;
  background-color: #5ac725;
  border-color: #5ac725;
  border-width: 1px;
  border-style: solid;
}
.u-button--primary[data-v-5ce41ee6] {
  color: #fff;
  background-color: #3c9cff;
  border-color: #3c9cff;
  border-width: 1px;
  border-style: solid;
}
.u-button--error[data-v-5ce41ee6] {
  color: #fff;
  background-color: #f56c6c;
  border-color: #f56c6c;
  border-width: 1px;
  border-style: solid;
}
.u-button--warning[data-v-5ce41ee6] {
  color: #fff;
  background-color: #f9ae3d;
  border-color: #f9ae3d;
  border-width: 1px;
  border-style: solid;
}
.u-button--block[data-v-5ce41ee6] {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.u-button--circle[data-v-5ce41ee6] {
  border-top-right-radius: 100px;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
}
.u-button--square[data-v-5ce41ee6] {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.u-button__icon[data-v-5ce41ee6] {
  min-width: 1em;
  line-height: inherit !important;
  vertical-align: top;
}
.u-button--plain[data-v-5ce41ee6] {
  background-color: #fff;
}
.u-button--hairline[data-v-5ce41ee6] {
  border-width: 0.5px !important;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-calendar-header[data-v-7f0f7602] {
  display: flex;
  flex-direction: column;
  padding-bottom: 4px;
}
.u-calendar-header__title[data-v-7f0f7602] {
  font-size: 16px;
  color: #303133;
  text-align: center;
  height: 42px;
  line-height: 42px;
  font-weight: bold;
}
.u-calendar-header__subtitle[data-v-7f0f7602] {
  font-size: 14px;
  color: #303133;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-weight: bold;
}
.u-calendar-header__weekdays[data-v-7f0f7602] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.u-calendar-header__weekdays__weekday[data-v-7f0f7602] {
  font-size: 13px;
  color: #303133;
  line-height: 30px;
  flex: 1;
  text-align: center;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-calendar-month-wrapper[data-v-3c847935] {
  margin-top: 4px;
}
.u-calendar-month__title[data-v-3c847935] {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  line-height: 42px;
  height: 42px;
  color: #303133;
  text-align: center;
  font-weight: bold;
}
.u-calendar-month__days[data-v-3c847935] {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.u-calendar-month__days__month-mark-wrapper[data-v-3c847935] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.u-calendar-month__days__month-mark-wrapper__text[data-v-3c847935] {
  font-size: 155px;
  color: rgba(231, 232, 234, 0.83);
}
.u-calendar-month__days__day[data-v-3c847935] {
  display: flex;
  flex-direction: row;
  padding: 2px;
  width: 14.2857142857%;
  box-sizing: border-box;
}
.u-calendar-month__days__day__select[data-v-3c847935] {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
}
.u-calendar-month__days__day__select__dot[data-v-3c847935] {
  width: 7px;
  height: 7px;
  border-radius: 100px;
  background-color: #f56c6c;
  position: absolute;
  top: 12px;
  right: 7px;
}
.u-calendar-month__days__day__select__buttom-info[data-v-3c847935] {
  color: #606266;
  text-align: center;
  position: absolute;
  bottom: 5px;
  font-size: 10px;
  text-align: center;
  left: 0;
  right: 0;
}
.u-calendar-month__days__day__select__buttom-info--selected[data-v-3c847935] {
  color: #ffffff;
}
.u-calendar-month__days__day__select__buttom-info--disabled[data-v-3c847935] {
  color: #cacbcd;
}
.u-calendar-month__days__day__select__info[data-v-3c847935] {
  text-align: center;
  font-size: 16px;
}
.u-calendar-month__days__day__select__info--selected[data-v-3c847935] {
  color: #ffffff;
}
.u-calendar-month__days__day__select__info--disabled[data-v-3c847935] {
  color: #cacbcd;
}
.u-calendar-month__days__day__select--selected[data-v-3c847935] {
  background-color: #3c9cff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: 1;
  border-radius: 3px;
}
.u-calendar-month__days__day__select--range-selected[data-v-3c847935] {
  opacity: 0.3;
  border-radius: 0;
}
.u-calendar-month__days__day__select--range-start-selected[data-v-3c847935] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.u-calendar-month__days__day__select--range-end-selected[data-v-3c847935] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-calendar__confirm[data-v-c9867878] {
  padding: 7px 18px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-keyboard[data-v-e3990159] {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  background-color: #e0e4e6;
  align-items: stretch;
  padding: 6px 0 6px;
}
.u-keyboard__button[data-v-e3990159] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex: 1;
}
.u-keyboard__button__inner-wrapper[data-v-e3990159] {
  box-shadow: 0 1px 0px #999992;
  margin: 0.25rem 0.15625rem;
  border-radius: 4px;
}
.u-keyboard__button__inner-wrapper__inner[data-v-e3990159] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 2rem;
  background-color: #FFFFFF;
  height: 2.5rem;
  border-radius: 4px;
}
.u-keyboard__button__inner-wrapper__inner__text[data-v-e3990159] {
  font-size: 16px;
  color: #303133;
}
.u-keyboard__button__inner-wrapper__left[data-v-e3990159], .u-keyboard__button__inner-wrapper__right[data-v-e3990159] {
  border-radius: 4px;
  width: 4.1875rem;
  height: 2.5rem;
  background-color: #BBBCC6;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-shadow: 0 1px 0px #999992;
}
.u-keyboard__button__inner-wrapper__left__line[data-v-e3990159] {
  font-size: 15px;
  color: #303133;
  margin: 0 1px;
}
.u-keyboard__button__inner-wrapper__left__lang[data-v-e3990159] {
  font-size: 16px;
  color: #303133;
}
.u-keyboard__button__inner-wrapper__left__lang--active[data-v-e3990159] {
  color: #3c9cff;
}
.u-hover-class[data-v-e3990159] {
  background-color: #BBBCC6;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-card[data-v-040f828b] {
  position: relative;
  overflow: hidden;
  font-size: 0.875rem;
  background-color: #ffffff;
  box-sizing: border-box;
}
.u-card-full[data-v-040f828b] {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100%;
}
.u-card--border[data-v-040f828b]:after {
  border-radius: 0.5rem;
}
.u-card__head--left[data-v-040f828b] {
  color: #303133;
}
.u-card__head--left__thumb[data-v-040f828b] {
  margin-right: 0.5rem;
}
.u-card__head--left__title[data-v-040f828b] {
  max-width: 12.5rem;
}
.u-card__head--right[data-v-040f828b] {
  color: #909193;
  margin-left: 0.1875rem;
}
.u-card__body[data-v-040f828b] {
  color: #606266;
}
.u-card__foot[data-v-040f828b] {
  color: #909193;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-cate-tab[data-v-963a5e40] {
  display: flex;
  flex-direction: column;
}
.u-cate-tab__wrap[data-v-963a5e40] {
  flex: 1;
  display: flex;
  overflow: hidden;
}
.u-search-inner[data-v-963a5e40] {
  background-color: #eaeaea;
  border-radius: 3.125rem;
  display: flex;
  align-items: center;
  padding: 0.3125rem 0.5rem;
}
.u-search-text[data-v-963a5e40] {
  font-size: 0.8125rem;
  color: #909193;
  margin-left: 0.3125rem;
}
.u-cate-tab__view[data-v-963a5e40] {
  width: 6.25rem;
  height: 100%;
}
.u-cate-tab__item[data-v-963a5e40] {
  height: 3.4375rem;
  background: #f6f6f6;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
  color: #444;
  font-weight: 400;
  line-height: 1;
}
.u-cate-tab__item-active[data-v-963a5e40] {
  position: relative;
  color: #000;
  font-size: 0.9375rem;
  font-weight: 600;
  background: #fff;
}
.u-cate-tab__item-active[data-v-963a5e40]::before {
  content: "";
  position: absolute;
  border-left: 4px solid #3c9cff;
  height: 1rem;
  left: 0;
  top: 1.21875rem;
}
.u-cate-tab__view[data-v-963a5e40] {
  height: 100%;
}
.u-cate-tab__right-box[data-v-963a5e40] {
  flex: 1;
  background-color: #fafafa;
}
.u-cate-tab__page-view[data-v-963a5e40] {
  padding: 0.5rem;
}
.u-cate-tab__page-item[data-v-963a5e40] {
  margin-bottom: 0.9375rem;
  background-color: #fff;
  padding: 0.5rem;
  border-radius: 0.25rem;
}
.u-cate-tab__page-item[data-v-963a5e40]:last-child {
  min-height: 100vh;
}
.item-title[data-v-963a5e40] {
  font-size: 0.8125rem;
  color: #303133;
  font-weight: bold;
}
.item-menu-name[data-v-963a5e40] {
  font-weight: normal;
  font-size: 0.75rem;
  color: #303133;
}
.item-container[data-v-963a5e40] {
  display: flex;
  flex-wrap: wrap;
}
.thumb-box[data-v-963a5e40] {
  width: 33.333333%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 0.625rem;
}
.item-menu-image[data-v-963a5e40] {
  width: 3.75rem;
  height: 3.75rem;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-cell-group[data-v-014d39dc] {
  flex: 1;
}
.u-cell-group__title[data-v-014d39dc] {
  padding: 16px 16px 8px;
}
.u-cell-group__title__text[data-v-014d39dc] {
  font-size: 15px;
  line-height: 16px;
  color: #303133;
}
.u-cell-group__wrapper[data-v-014d39dc] {
  position: relative;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-cell__body[data-v-3fd6feca] {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  padding: 13px 15px;
  font-size: 15px;
  color: #303133;
  align-items: center;
}
.u-cell__body__content[data-v-3fd6feca] {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
}
.u-cell__body--large[data-v-3fd6feca] {
  padding-top: 13px;
  padding-bottom: 13px;
}
.u-cell__left-icon-wrap[data-v-3fd6feca], .u-cell__right-icon-wrap[data-v-3fd6feca] {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 16px;
}
.u-cell__left-icon-wrap[data-v-3fd6feca] {
  margin-right: 4px;
}
.u-cell__right-icon-wrap[data-v-3fd6feca] {
  margin-left: 4px;
  transition: transform 0.3s;
}
.u-cell__right-icon-wrap--up[data-v-3fd6feca] {
  transform: rotate(-90deg);
}
.u-cell__right-icon-wrap--down[data-v-3fd6feca] {
  transform: rotate(90deg);
}
.u-cell__title[data-v-3fd6feca] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.u-cell__title-text[data-v-3fd6feca] {
  font-size: 15px;
  line-height: 22px;
  color: #303133;
}
.u-cell__title-text--large[data-v-3fd6feca] {
  font-size: 16px;
}
.u-cell__label[data-v-3fd6feca] {
  margin-top: 5px;
  font-size: 12px;
  color: #909193;
  line-height: 18px;
}
.u-cell__label--large[data-v-3fd6feca] {
  font-size: 14px;
}
.u-cell__value[data-v-3fd6feca] {
  text-align: right;
  margin-left: auto;
  font-size: 14px;
  line-height: 24px;
  color: #606266;
}
.u-cell__value--large[data-v-3fd6feca] {
  font-size: 15px;
}
.u-cell--required[data-v-3fd6feca] {
  overflow: visible;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-cell--required[data-v-3fd6feca]:before {
  position: absolute;
  content: "*";
  left: -8px;
  margin-top: 0.125rem;
  font-size: 14px;
  color: #f56c6c;
}
.u-cell--clickable[data-v-3fd6feca] {
  background-color: #f3f4f6;
}
.u-cell--disabled[data-v-3fd6feca] {
  color: #c8c9cc;
  cursor: not-allowed;
}
.u-cell--center[data-v-3fd6feca] {
  align-items: center;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-checkbox-group--row[data-v-ff0492f0] {
  display: flex;
  flex-flow: row wrap;
}
.u-checkbox-group--column[data-v-ff0492f0] {
  display: flex;
  flex-direction: column;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-checkbox[data-v-41713600] {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
  margin-top: 5px;
}
.u-checkbox-label--left[data-v-41713600] {
  flex-direction: row;
}
.u-checkbox-label--right[data-v-41713600] {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.u-checkbox__icon-wrap[data-v-41713600] {
  box-sizing: border-box;
  transition-property: border-color, background-color, color;
  transition-duration: 0.2s;
  color: #606266;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: transparent;
  text-align: center;
  margin-right: 6px;
  font-size: 6px;
  border-width: 1px;
  border-color: #c8c9cc;
  border-style: solid;
}
.u-checkbox__icon-wrap--circle[data-v-41713600] {
  border-radius: 100%;
}
.u-checkbox__icon-wrap--square[data-v-41713600] {
  border-radius: 3px;
}
.u-checkbox__icon-wrap--checked[data-v-41713600] {
  color: #fff;
  background-color: red;
  border-color: #2979ff;
}
.u-checkbox__icon-wrap--disabled[data-v-41713600] {
  background-color: #ebedf0 !important;
}
.u-checkbox__icon-wrap--disabled--checked[data-v-41713600] {
  color: #c8c9cc !important;
}
.u-checkbox__label[data-v-41713600] {
  word-wrap: break-word;
  margin-left: 5px;
  margin-right: 12px;
  color: #606266;
  font-size: 15px;
}
.u-checkbox__label--disabled[data-v-41713600] {
  color: #c8c9cc;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-circle-progress[data-v-8379d4ea] {
  display: flex;
  flex-direction: row;
  position: relative;
  border-radius: 100px;
  height: 100px;
  width: 100px;
  background-color: #c8c8c8;
  overflow: hidden;
  justify-content: space-between;
}
.u-circle-progress__circle[data-v-8379d4ea] {
  border-radius: 100px;
  height: 90px;
  width: 90px;
  transform: translate(-50%, -50%);
  background-color: white;
  left: 50px;
  top: 50px;
  position: absolute;
}
.u-circle-progress__left[data-v-8379d4ea] {
  position: absolute;
  left: 0;
  width: 50px;
  height: 100px;
  overflow: hidden;
  box-sizing: border-box;
}
.u-circle-progress__left__circle[data-v-8379d4ea] {
  box-sizing: border-box;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-top-color: #42b983;
  border-right-color: #42b983;
  border-width: 5px;
  width: 100px;
  height: 100px;
  transform: rotate(225deg);
}
.u-circle-progress__right[data-v-8379d4ea] {
  position: absolute;
  right: 0;
  width: 50px;
  height: 100px;
  overflow: hidden;
}
.u-circle-progress__right__circle[data-v-8379d4ea] {
  position: absolute;
  right: 0;
  box-sizing: border-box;
  border-top-color: transparent;
  border-right-color: transparent;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  border-left-color: #c8c8c8;
  border-bottom-color: #c8c8c8;
  border-width: 5px;
  width: 100px;
  height: 100px;
  transform: rotate(45deg);
  transform-origin: center center;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.list__item[data-v-8eca2484] {
  padding: 8px 1px;
}
.u-current-city-title[data-v-8eca2484] {
  color: grey;
  margin-bottom: 5px;
}
.u-current-city-item[data-v-8eca2484] {
  height: 30px;
}
.hot-city-list[data-v-8eca2484] {
  display: flex !important;
  flex-direction: row !important;
  padding: 12px 0;
}
.hot-city-list .hot-city-item[data-v-8eca2484] {
  padding: 6px 12px;
  margin: 5px;
  border: 1px solid #ededed;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-code-input[data-v-10e44dac] {
  display: flex;
  flex-direction: row;
  position: relative;
  overflow: hidden;
}
.u-code-input__item[data-v-10e44dac] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}
.u-code-input__item__text[data-v-10e44dac] {
  font-size: 15px;
  color: #606266;
}
.u-code-input__item__dot[data-v-10e44dac] {
  width: 7px;
  height: 7px;
  border-radius: 100px;
  background-color: #606266;
}
.u-code-input__item__line[data-v-10e44dac] {
  position: absolute;
  bottom: 0;
  height: 4px;
  border-radius: 100px;
  width: 40px;
  background-color: #606266;
}
.u-code-input__item__cursor[data-v-10e44dac] {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 1;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 20px;
  animation: 1s u-cursor-flicker-10e44dac infinite;
}
.u-code-input__input[data-v-10e44dac] {
  position: absolute;
  left: -23.4375rem;
  width: 46.875rem;
  top: 0;
  background-color: transparent;
  text-align: left;
}
@keyframes u-cursor-flicker-10e44dac {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-col[data-v-2ae1a870] {
  padding: 0;
  box-sizing: border-box;
}
.u-col-0[data-v-2ae1a870] {
  width: 0;
}
.u-col-1[data-v-2ae1a870] {
  width: 8.3333333333%;
}
.u-col-2[data-v-2ae1a870] {
  width: 16.6666666667%;
}
.u-col-3[data-v-2ae1a870] {
  width: 25%;
}
.u-col-4[data-v-2ae1a870] {
  width: 33.3333333333%;
}
.u-col-5[data-v-2ae1a870] {
  width: 41.6666666667%;
}
.u-col-6[data-v-2ae1a870] {
  width: 50%;
}
.u-col-7[data-v-2ae1a870] {
  width: 58.3333333333%;
}
.u-col-8[data-v-2ae1a870] {
  width: 66.6666666667%;
}
.u-col-9[data-v-2ae1a870] {
  width: 75%;
}
.u-col-10[data-v-2ae1a870] {
  width: 83.3333333333%;
}
.u-col-11[data-v-2ae1a870] {
  width: 91.6666666667%;
}
.u-col-12[data-v-2ae1a870] {
  width: 100%;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-collapse-item__content[data-v-82f3baf9] {
  overflow: hidden;
  height: 0;
}
.u-collapse-item__content__text[data-v-82f3baf9] {
  padding: 12px 15px;
  color: #606266;
  font-size: 14px;
  line-height: 18px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.up-color-picker__content[data-v-b51e9743] {
  width: 100%;
  padding: 20px;
  background-color: #fff;
}
.up-color-picker__header[data-v-b51e9743] {
  text-align: center;
  margin-bottom: 20px;
}
.up-color-picker__title[data-v-b51e9743] {
  font-size: 18px;
  font-weight: bold;
  color: #333;
}
.up-color-picker__switch[data-v-b51e9743] {
  margin-bottom: 20px;
}
.up-color-picker__saturation[data-v-b51e9743] {
  position: relative;
  width: 100%;
  height: 150px;
  border-radius: 4px;
  margin-bottom: 15px;
  overflow: hidden;
}
.up-color-picker__saturation[data-v-b51e9743]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.up-color-picker__saturation[data-v-b51e9743]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}
.up-color-picker__saturation-pointer[data-v-b51e9743] {
  position: absolute;
  width: 12px;
  height: 12px;
  border: 2px solid #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  pointer-events: none;
}
.up-color-picker__hue[data-v-b51e9743], .up-color-picker__alpha[data-v-b51e9743] {
  position: relative;
  width: 100%;
  height: 12px;
  border-radius: 6px;
  margin-bottom: 15px;
  cursor: pointer;
}
.up-color-picker__hue[data-v-b51e9743] {
  background: linear-gradient(to right, #f00 0%, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, #f00 100%);
}
.up-color-picker__alpha[data-v-b51e9743] {
  position: relative;
  overflow: hidden;
}
.up-color-picker__alpha-bg[data-v-b51e9743] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%), linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%);
  background-size: 10px 10px;
  background-position: 0 0, 5px 5px;
}
.up-color-picker__alpha[data-v-b51e9743]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}
.up-color-picker__hue-pointer[data-v-b51e9743], .up-color-picker__alpha-pointer[data-v-b51e9743] {
  position: absolute;
  width: 4px;
  height: 16px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  transform: translateX(-50%);
  top: -2px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  pointer-events: none;
}
.up-color-picker__gradient-bar[data-v-b51e9743] {
  width: 100%;
  height: 40px;
  border-radius: 4px;
}
.up-color-picker__gradient-track[data-v-b51e9743] {
  position: relative;
  margin-top: 20px;
  width: 100%;
  height: 32px;
  border-radius: 4px;
  margin-bottom: 15px;
  cursor: pointer;
}
.up-color-picker__gradient-pointer[data-v-b51e9743] {
  position: absolute;
  top: -10px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #333;
  z-index: 10;
}
.up-color-picker__gradient-pointer-inner[data-v-b51e9743] {
  position: absolute;
  top: -25px;
  left: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
.up-color-picker__gradient-controls[data-v-b51e9743] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 15px;
}
.up-color-picker__gradient-item[data-v-b51e9743] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 10px;
  margin-bottom: 10px;
}
.up-color-picker__gradient-color-preview[data-v-b51e9743] {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 5px;
  border: 1px solid #eee;
}
.up-color-picker__gradient-percent[data-v-b51e9743] {
  font-size: 12px;
  color: #666;
  margin-right: 5px;
}
.up-color-picker__gradient-direction[data-v-b51e9743] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 10px 0;
}
.up-color-picker__gradient__direction-circle[data-v-b51e9743] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: conic-gradient(#ff0000 0deg, #ffff00 60deg, #00ff00 120deg, #00ffff 180deg, #0000ff 240deg, #ff00ff 300deg, #ff0000 360deg);
  position: relative;
  margin: 10px auto;
  cursor: pointer;
  border: 2px solid #eee;
}
.up-color-picker__gradient__direction-pointer[data-v-b51e9743] {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #fff;
  border: 2px solid #333;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  z-index: 10;
  pointer-events: none;
}
.up-color-picker__add-btn[data-v-b51e9743] {
  margin-top: 10px;
}
.up-color-picker__common[data-v-b51e9743] {
  margin-top: 20px;
}
.up-color-picker__common-title[data-v-b51e9743] {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #666;
}
.up-color-picker__common-list[data-v-b51e9743] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.up-color-picker__common-item[data-v-b51e9743] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #eee;
  cursor: pointer;
}
.up-color-picker__footer[data-v-b51e9743] {
  margin-top: 20px;
}
.up-color-picker__preview[data-v-b51e9743] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 15px;
}
.up-color-picker__preview-color[data-v-b51e9743] {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #eee;
  margin-right: 10px;
}
.up-color-picker__preview-text[data-v-b51e9743] {
  font-size: 14px;
  color: #333;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.up-color-picker__actions[data-v-b51e9743] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.up-color-picker__actions .up-color-picker__btn[data-v-b51e9743] {
  margin-left: 10px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-notice[data-v-bacc3427] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.u-notice__left-icon[data-v-bacc3427] {
  align-items: center;
  margin-right: 5px;
}
.u-notice__right-icon[data-v-bacc3427] {
  margin-left: 5px;
  align-items: center;
}
.u-notice__swiper[data-v-bacc3427] {
  height: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
}
.u-notice__swiper__item[data-v-bacc3427] {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
}
.u-notice__swiper__item__text[data-v-bacc3427] {
  font-size: 14px;
  color: #f9ae3d;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-count-down__text[data-v-2f829c0f] {
  color: #606266;
  font-size: 15px;
  line-height: 22px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-count-num[data-v-eb411063] {
  display: inline-flex;
  text-align: center;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.up-coupon[data-v-8013dcad] {
  position: relative;
  overflow: hidden;
  border-radius: 0.25rem;
  background: #ffebf0;
  color: #303133;
  width: 100%;
}
.up-coupon--coupon[data-v-8013dcad] {
  border-radius: 0.5rem;
  overflow: hidden;
}
.up-coupon--coupon[data-v-8013dcad]::before {
  content: "";
  position: absolute;
  left: -0.75rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  background-color: #fff;
  border-radius: 50%;
}
.up-coupon--coupon[data-v-8013dcad]::after {
  content: "";
  position: absolute;
  right: -0.75rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  background-color: #fff;
  border-radius: 50%;
}
.up-coupon--envelope[data-v-8013dcad] {
  border-radius: 0.5rem;
}
.up-coupon--envelope[data-v-8013dcad]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 0.625rem;
  background: repeating-linear-gradient(-45deg, #ffd000, #ffd000 0.3125rem, #ffa000 0.3125rem, #ffa000 0.625rem);
}
.up-coupon--card[data-v-8013dcad] {
  border-radius: 0.5rem;
}
.up-coupon--small[data-v-8013dcad] {
  height: 5rem;
}
.up-coupon--medium[data-v-8013dcad] {
  height: 5.625rem;
}
.up-coupon--large[data-v-8013dcad] {
  height: 6.875rem;
}
.up-coupon--disabled[data-v-8013dcad] {
  opacity: 0.5;
}
.up-coupon__content[data-v-8013dcad] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 0 0.9375rem;
  position: relative;
  z-index: 2;
}
.up-coupon__amount[data-v-8013dcad] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 0.3125rem;
  padding-right: 0.9375rem;
  border-right: 1px dashed #ccc;
}
.up-coupon__amount-unit[data-v-8013dcad] {
  font-size: 0.75rem;
  font-weight: normal;
}
.up-coupon__amount-value[data-v-8013dcad] {
  font-size: 1.75rem;
  font-weight: bold;
  color: red;
  line-height: 1;
  margin: 0.3125rem 0;
}
.up-coupon__amount-limit[data-v-8013dcad] {
  font-size: 0.75rem;
  opacity: 0.9;
}
.up-coupon__info[data-v-8013dcad] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 0.9375rem;
}
.up-coupon__info-title[data-v-8013dcad] {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0.3125rem;
}
.up-coupon__info-desc[data-v-8013dcad] {
  font-size: 0.75rem;
  opacity: 0.9;
  margin-bottom: 0.3125rem;
}
.up-coupon__info-time[data-v-8013dcad] {
  font-size: 0.625rem;
  opacity: 0.8;
}
.up-coupon__action[data-v-8013dcad] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.up-coupon__dots[data-v-8013dcad] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.9375rem 0;
  z-index: 1;
}
.up-coupon__dot[data-v-8013dcad] {
  width: 1rem;
  height: 1rem;
  background-color: #fff;
  border-radius: 50%;
  margin: 0 -0.5rem;
  z-index: 3;
}
.up-coupon__rope[data-v-8013dcad] {
  position: absolute;
  top: -1.25rem;
  left: 50%;
  transform: translateX(-50%);
  width: 2.5rem;
  height: 2.5rem;
  background: linear-gradient(to right, #ffd000, #ffa000);
  border-radius: 1.25rem 1.25rem 0 0;
  z-index: 1;
}
.up-coupon__rope[data-v-8013dcad]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -0.625rem;
  width: 0.625rem;
  height: 1.25rem;
  background: linear-gradient(to bottom, #ffd000, #ffa000);
  border-radius: 0.3125rem 0 0 0.3125rem;
}
.up-coupon__rope[data-v-8013dcad]::after {
  content: "";
  position: absolute;
  top: 0;
  right: -0.625rem;
  width: 0.625rem;
  height: 1.25rem;
  background: linear-gradient(to bottom, #ffd000, #ffa000);
  border-radius: 0 0.3125rem 0.3125rem 0;
}
.up-coupon--primary[data-v-8013dcad] {
  background: linear-gradient(90deg, #43afff, #3b8cff);
  color: #fff;
}
.up-coupon--primary .up-coupon__amount[data-v-8013dcad] {
  border-right: 1px dashed #eee;
}
.up-coupon--primary .up-coupon__amount-value[data-v-8013dcad] {
  color: #fff;
}
.up-coupon--success[data-v-8013dcad] {
  background: linear-gradient(90deg, #67dda9, #19be6b);
  color: #fff !important;
}
.up-coupon--success .up-coupon__amount[data-v-8013dcad] {
  border-right: 1px dashed #eee;
}
.up-coupon--success .up-coupon__amount-value[data-v-8013dcad] {
  color: #fff;
}
.up-coupon--warning[data-v-8013dcad] {
  background: linear-gradient(90deg, #ff9739, #ff6a39);
  color: #fff;
}
.up-coupon--warning .up-coupon__amount[data-v-8013dcad] {
  border-right: 1px dashed #eee;
}
.up-coupon--warning .up-coupon__amount-value[data-v-8013dcad] {
  color: #fff;
}
.up-coupon--error[data-v-8013dcad] {
  background: linear-gradient(90deg, #ff7070, #ff4747);
  color: #fff;
}
.up-coupon--error .up-coupon__amount[data-v-8013dcad] {
  border-right: 1px dashed #eee;
}
.up-coupon--error .up-coupon__amount-value[data-v-8013dcad] {
  color: #fff;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-cropper .my-canvas[data-v-4888bba5] {
  display: flex;
  position: fixed !important;
  background: #000000;
  left: 0;
  z-index: 100000;
  width: 100%;
}
.u-cropper .my-avatar[data-v-4888bba5] {
  width: 4.6875rem;
  height: 4.6875rem;
  border-radius: 100%;
}
.u-cropper .oper-canvas[data-v-4888bba5] {
  display: flex;
  position: fixed !important;
  left: 0;
  z-index: 100001;
  width: 100%;
}
.u-cropper .prv-canvas[data-v-4888bba5] {
  display: flex;
  position: fixed !important;
  background: #000000;
  left: 0;
  z-index: 200000;
  width: 100%;
}
.u-cropper .oper-wrapper[data-v-4888bba5] {
  height: 50px;
  position: fixed !important;
  box-sizing: border-box;
  border: 1px solid #F1F1F1;
  background: #ffffff;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 100009;
  flex-direction: row;
}
.u-cropper .oper[data-v-4888bba5] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.3125rem 0.625rem;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  align-self: center;
}
.u-cropper .btn-wrapper[data-v-4888bba5] {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: space-between;
}
.u-cropper .btn-wrapper uni-view[data-v-4888bba5] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #333;
  border: 1px solid #f1f1f1;
  border-radius: 6%;
}
.u-cropper .hover[data-v-4888bba5] {
  background: #f1f1f1;
  border-radius: 6%;
}
.u-cropper .clr-wrapper[data-v-4888bba5] {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
}
.u-cropper .clr-wrapper uni-view[data-v-4888bba5] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #333;
  border: 1px solid #f1f1f1;
  border-radius: 6%;
}
.u-cropper .my-slider[data-v-4888bba5] {
  flex-grow: 1;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-toolbar[data-v-eadae74e] {
  height: 42px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.u-toolbar__wrapper__cancel[data-v-eadae74e] {
  color: #909193;
  font-size: 15px;
  padding: 0 15px;
}
.u-toolbar__title[data-v-eadae74e] {
  color: #303133;
  padding: 0 1.875rem;
  font-size: 16px;
  font-weight: bold;
  flex: 1;
  text-align: center;
}
.u-toolbar__wrapper__left[data-v-eadae74e], .u-toolbar__wrapper__right[data-v-eadae74e] {
  display: flex;
  flex-direction: row;
}
.u-toolbar__wrapper__confirm[data-v-eadae74e] {
  color: #3c9cff;
  font-size: 15px;
  padding: 0 15px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-picker[data-v-91b05052] {
  position: relative;
}
.u-picker-input[data-v-91b05052] {
  position: relative;
}
.u-picker-input .input-cover[data-v-91b05052] {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.u-picker__view__column[data-v-91b05052] {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: center;
}
.u-picker__view__column__item[data-v-91b05052] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  text-align: center;
  display: block;
  color: #303133;
}
.u-picker__view__column__item--disabled[data-v-91b05052] {
  cursor: not-allowed;
  opacity: 0.35;
}
.u-picker--loading[data-v-91b05052] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.87);
  z-index: 1000;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-datetime-picker[data-v-e7a0f1eb] {
  flex: 1;
}
.u-datetime-picker__has-input[data-v-e7a0f1eb] {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.u-datetime-picker__has-input .input-cover[data-v-e7a0f1eb] {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid #eee;
  padding: 0 10px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-divider[data-v-ea022cee] {
  display: flex;
  flex-direction: row;
  flex-direction: row;
  align-items: center;
  margin: 15px 0;
}
.u-divider__text[data-v-ea022cee] {
  margin: 0 15px;
}
.u-divider__dot[data-v-ea022cee] {
  font-size: 12px;
  margin: 0 12px;
  color: #c0c4cc;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-dragsort[data-v-09ad657e] {
  width: 100%;
}
.u-dragsort .u-dragsort-area[data-v-09ad657e] {
  width: 100%;
  position: relative;
}
.u-dragsort .u-dragsort-item[data-v-09ad657e] {
  position: absolute;
  width: 100%;
}
.u-dragsort .u-dragsort-item.dragging[data-v-09ad657e] {
  z-index: 1000;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}
.u-dragsort .u-dragsort-item .u-dragsort-item-content[data-v-09ad657e] {
  padding: 0px;
  text-align: center;
  box-sizing: border-box;
  padding-bottom: 6px;
  border-radius: 0.25rem;
  transition: all 0.3s ease;
}
.u-dragsort.u-dragsort--horizontal .u-dragsort-area[data-v-09ad657e] {
  display: flex;
  white-space: nowrap;
  height: auto;
}
.u-dragsort.u-dragsort--horizontal .u-dragsort-item[data-v-09ad657e] {
  display: flex;
  width: auto;
  height: 100%;
}
.u-dragsort.u-dragsort--all .u-dragsort-area[data-v-09ad657e] {
  height: auto;
}
.u-dragsort.u-dragsort--all .u-dragsort-item[data-v-09ad657e] {
  width: auto;
  height: auto;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-dropdown-item__scroll[data-v-2ab01489] {
  background: #ffffff;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-dropdown[data-v-029e9a16] {
  flex: 1;
  width: 100%;
  position: relative;
}
.u-dropdown__menu[data-v-029e9a16] {
  display: flex;
  flex-direction: row;
  position: relative;
  z-index: 11;
  height: 2.5rem;
}
.u-dropdown__menu__item[data-v-029e9a16] {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.u-dropdown__menu__item .u-flex-row[data-v-029e9a16] {
  flex-direction: row;
}
.u-dropdown__menu__item__text[data-v-029e9a16] {
  font-size: 0.875rem;
  color: #606266;
}
.u-dropdown__menu__item__arrow[data-v-029e9a16] {
  margin-left: 0.1875rem;
  transition: transform 0.3s;
  align-items: center;
  display: flex;
  flex-direction: row;
}
.u-dropdown__menu__item__arrow--rotate[data-v-029e9a16] {
  transform: rotate(180deg);
}
.u-dropdown__content[data-v-029e9a16] {
  position: absolute;
  z-index: 8;
  width: 100%;
  left: 0px;
  bottom: 0;
  overflow: hidden;
}
.u-dropdown__content__mask[data-v-029e9a16] {
  position: absolute;
  z-index: 9;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.u-dropdown__content__popup[data-v-029e9a16] {
  position: relative;
  z-index: 10;
  transition: transform 0.3s;
  transform: translate3D(0, -100%, 0);
  overflow: hidden;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-empty[data-v-8dd5928e] {
  display: flex;
  flex-direction: row;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.u-empty__text[data-v-8dd5928e] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 0.625rem;
}
.u-slot-wrap[data-v-8dd5928e] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 0.625rem;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-float-button[data-v-8a662942] {
  z-index: 999;
}
.u-float-button .show-list[data-v-8a662942] {
  transform: rotate(45deg);
}
.u-float-button__list[data-v-8a662942] {
  position: absolute;
  bottom: 0px;
  display: flex;
  flex-direction: column;
}
.u-float-button__list > uni-view[data-v-8a662942] {
  margin: 5px 0px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-form-item[data-v-42bac3de] {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  color: #303133;
}
.u-form-item__body[data-v-42bac3de] {
  display: flex;
  flex-direction: row;
  padding: 10px 0;
}
.u-form-item__body__left[data-v-42bac3de] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-form-item__body__left__content[data-v-42bac3de] {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-right: 0.3125rem;
  flex: 1;
}
.u-form-item__body__left__content__icon[data-v-42bac3de] {
  margin-right: 0.25rem;
}
.u-form-item__body__left__content__required[data-v-42bac3de] {
  position: absolute;
  left: -9px;
  color: #f56c6c;
  line-height: 20px;
  font-size: 20px;
  top: 3px;
}
.u-form-item__body__left__content__label[data-v-42bac3de] {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
  color: #303133;
  font-size: 15px;
}
.u-form-item__body__right[data-v-42bac3de] {
  flex: 1;
}
.u-form-item__body__right__content[data-v-42bac3de] {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
}
.u-form-item__body__right__content__slot[data-v-42bac3de] {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-form-item__body__right__content__icon[data-v-42bac3de] {
  margin-left: 0.3125rem;
  color: #c0c4cc;
  font-size: 0.9375rem;
}
.u-form-item__body__right__message[data-v-42bac3de] {
  font-size: 12px;
  line-height: 12px;
  color: #f56c6c;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-grid-item[data-v-0a78094b] {
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  box-sizing: border-box;
  display: flex;
}
.u-grid-item--hover-class[data-v-0a78094b] {
  opacity: 0.5;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-grid[data-v-10b668c8] {
  justify-content: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  display: grid !important;
  grid-gap: var(--10b668c8-gap);
  grid-template-columns: repeat(var(--10b668c8-col), 1fr);
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
@font-face {
  font-family: "uicon-iconfont";
  src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
}
.u-icon[data-v-ac70166d] {
  display: flex;
  align-items: center;
}
.u-icon--left[data-v-ac70166d] {
  flex-direction: row-reverse;
  align-items: center;
}
.u-icon--right[data-v-ac70166d] {
  flex-direction: row;
  align-items: center;
}
.u-icon--top[data-v-ac70166d] {
  flex-direction: column-reverse;
  justify-content: center;
}
.u-icon--bottom[data-v-ac70166d] {
  flex-direction: column;
  justify-content: center;
}
.u-icon__icon[data-v-ac70166d] {
  font-family: uicon-iconfont;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-icon__icon--primary[data-v-ac70166d] {
  color: #3c9cff;
}
.u-icon__icon--success[data-v-ac70166d] {
  color: #5ac725;
}
.u-icon__icon--error[data-v-ac70166d] {
  color: #f56c6c;
}
.u-icon__icon--warning[data-v-ac70166d] {
  color: #f9ae3d;
}
.u-icon__icon--info[data-v-ac70166d] {
  color: #909399;
}
.u-icon__img[data-v-ac70166d] {
  height: auto;
  will-change: transform;
}
.u-icon__label[data-v-ac70166d] {
  line-height: 1;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-image[data-v-abebd402] {
  position: relative;
  transition: opacity 0.5s ease-in-out;
}
.u-image__image[data-v-abebd402] {
  width: 100%;
  height: 100%;
}
.u-image__loading[data-v-abebd402], .u-image__error[data-v-abebd402] {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: #f3f4f6;
  color: #909193;
  font-size: 1.4375rem;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-index-anchor[data-v-20d39374] {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 15px;
  z-index: 1;
}
.u-index-anchor--sticky[data-v-20d39374] {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.u-index-anchor__text[data-v-20d39374] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-index-list__letter[data-v-dfefaad1] {
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 3;
  padding: 0 6px;
  width: 30px;
}
.u-index-list__letter__item[data-v-dfefaad1] {
  width: 16px;
  height: 16px;
  border-radius: 100px;
  margin: 1px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.u-index-list__letter__item--active[data-v-dfefaad1] {
  background-color: #3c9cff;
}
.u-index-list__letter__item__index[data-v-dfefaad1] {
  font-size: 12px;
  text-align: center;
  line-height: 12px;
}
.u-index-list__indicator[data-v-dfefaad1] {
  width: 50px;
  height: 50px;
  border-radius: 100px 100px 0 100px;
  text-align: center;
  color: #ffffff;
  background-color: #c9c9c9;
  transform: rotate(-45deg);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.u-index-list__indicator__text[data-v-dfefaad1] {
  font-size: 28px;
  line-height: 28px;
  font-weight: bold;
  color: #fff;
  transform: rotate(45deg);
  text-align: center;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-input[data-v-df79975b] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}
.u-input--radius[data-v-df79975b], .u-input--square[data-v-df79975b] {
  border-radius: 4px;
}
.u-input--no-radius[data-v-df79975b] {
  border-radius: 0;
}
.u-input--circle[data-v-df79975b] {
  border-radius: 100px;
}
.u-input__content[data-v-df79975b] {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.u-input__content__field-wrapper[data-v-df79975b] {
  position: relative;
  display: flex;
  flex-direction: row;
  margin: 0;
  flex: 1;
}
.u-input__content__field-wrapper__field[data-v-df79975b] {
  line-height: 26px;
  text-align: left;
  color: #303133;
  height: 24px;
  font-size: 15px;
  flex: 1;
}
.u-input__content__clear[data-v-df79975b] {
  width: 20px;
  height: 20px;
  border-radius: 100px;
  background-color: #c6c7cb;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transform: scale(0.82);
  margin-left: 4px;
}
.u-input__content__subfix-icon[data-v-df79975b] {
  margin-left: 4px;
}
.u-input__content__prefix-icon[data-v-df79975b] {
  margin-right: 4px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-keyboard[data-v-d73731be] {
  display: flex;
  flex-direction: row;
  flex-direction: row;
  justify-content: space-around;
  background-color: #e0e4e6;
  flex-wrap: wrap;
  padding: 8px 0.3125rem 8px 0.3125rem;
}
.u-keyboard__button-wrapper[data-v-d73731be] {
  box-shadow: 0 2px 0px #BBBCBE;
  margin: 4px 0.1875rem;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.u-keyboard__button-wrapper__button[data-v-d73731be] {
  width: 6.9375rem;
  height: 2.8125rem;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.u-keyboard__button-wrapper__button__text[data-v-d73731be] {
  font-size: 20px;
  font-weight: 500;
  color: #303133;
}
.u-keyboard__button-wrapper__button--gray[data-v-d73731be] {
  background-color: #c8cad2;
}
.u-hover-class[data-v-d73731be] {
  background-color: #BBBCC6;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-keyboard__tooltip[data-v-5c3a4793] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: #FFFFFF;
  padding: 14px 12px;
}
.u-keyboard__tooltip__item[data-v-5c3a4793] {
  color: #333333;
  flex: 1;
  text-align: center;
  font-size: 15px;
}
.u-keyboard__tooltip__submit[data-v-5c3a4793] {
  text-align: right;
  color: #3c9cff;
}
.u-keyboard__tooltip__cancel[data-v-5c3a4793] {
  text-align: left;
  color: #888888;
}
.u-keyboard__tooltip__tips[data-v-5c3a4793] {
  color: #909193;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-wrap[data-v-8b9e8d2e] {
  background-color: #eee;
  overflow: hidden;
}
.u-lazy-item[data-v-8b9e8d2e] {
  transform: transition3d(0, 0, 0);
  will-change: transform;
  display: block;
  width: 100%;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-line-progress[data-v-eeee7090] {
  align-items: stretch;
  position: relative;
  display: flex;
  flex-direction: row;
  flex: 1;
  overflow: hidden;
  border-radius: 100px;
}
.u-line-progress__background[data-v-eeee7090] {
  background-color: #ececec;
  border-radius: 100px;
  flex: 1;
}
.u-line-progress__line[data-v-eeee7090] {
  position: absolute;
  top: 0;
  bottom: 0;
  align-items: center;
  display: flex;
  flex-direction: row;
  color: #ffffff;
  border-radius: 100px;
  transition: width 0.5s ease;
  justify-content: flex-end;
}
.u-line-progress__text[data-v-eeee7090] {
  font-size: 10px;
  align-items: center;
  text-align: right;
  color: #FFFFFF;
  margin-right: 5px;
  transform: scale(0.9);
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-link[data-v-12f6646d] {
  line-height: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-list[data-v-a7e78647] {
  display: flex;
  flex-direction: column;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-loading-page[data-v-9c9e88a3] {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.u-loading-page__warpper[data-v-9c9e88a3] {
  margin-top: -150px;
  justify-content: center;
  align-items: center;
  color: #c8c8c8;
  font-size: 19px;
  display: flex;
  flex-direction: column;
}
.u-loading-page__warpper__loading-icon[data-v-9c9e88a3] {
  margin-bottom: 10px;
}
.u-loading-page__warpper__loading-icon__img[data-v-9c9e88a3] {
  width: 40px;
  height: 40px;
}
.u-loading-page__warpper__text[data-v-9c9e88a3] {
  font-size: 19px;
  color: #c8c8c8;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-loadmore[data-v-4ccc1478] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.u-loadmore__content[data-v-4ccc1478] {
  margin: 0 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.u-loadmore__content__icon-wrap[data-v-4ccc1478] {
  margin-right: 8px;
}
.u-loadmore__content__text[data-v-4ccc1478] {
  font-size: 14px;
  color: #606266;
}
.u-loadmore__content__dot-text[data-v-4ccc1478] {
  font-size: 15px;
  color: #909193;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.up-markdown[data-v-9f53166f] {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  padding: 16px;
  word-wrap: break-word;
  /* 标题样式 */
  /* 段落样式 */
  /* 链接样式 */
  /* 列表样式 */
  /* 引用样式 */
  /* 代码样式 */
  /* 表格样式 */
  /* 图片样式 */
  /* 分割线样式 */
  /* 深色主题 */
}
.up-markdown[data-v-9f53166f] h1 {
  font-size: 32px;
  margin: 8px 0;
  font-weight: bold;
}
.up-markdown[data-v-9f53166f] h2 {
  font-size: 24px;
  margin: 8px 0;
  font-weight: bold;
}
.up-markdown[data-v-9f53166f] h3 {
  font-size: 18px;
  margin: 7px 0;
  font-weight: bold;
}
.up-markdown[data-v-9f53166f] h4 {
  font-size: 16px;
  margin: 7px 0;
  font-weight: bold;
}
.up-markdown[data-v-9f53166f] h5 {
  font-size: 13px;
  margin: 6px 0;
  font-weight: bold;
}
.up-markdown[data-v-9f53166f] h6 {
  font-size: 10px;
  margin: 5px 0;
  font-weight: bold;
}
.up-markdown[data-v-9f53166f] p {
  margin: 16px 0;
}
.up-markdown[data-v-9f53166f] a {
  color: #007AFF;
  text-decoration: none;
}
.up-markdown[data-v-9f53166f] a:hover {
  text-decoration: underline;
}
.up-markdown[data-v-9f53166f] ul,
.up-markdown[data-v-9f53166f] ol {
  margin: 16px 0;
  padding-left: 32px;
}
.up-markdown[data-v-9f53166f] ul li,
.up-markdown[data-v-9f53166f] ol li {
  margin: 8px 0;
}
.up-markdown[data-v-9f53166f] ul li {
  list-style-type: disc;
}
.up-markdown[data-v-9f53166f] ol li {
  list-style-type: decimal;
}
.up-markdown[data-v-9f53166f] blockquote {
  margin: 8px 0;
  padding: 0 10px;
  border-left: 4px solid #ccc;
  color: #666;
}
[data-v-9f53166f] .up-markdown-code {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 14px;
  background-color: #f6f8fa;
  padding: 3px 6px;
  border-radius: 3px;
  display: flex;
}
.up-markdown[data-v-9f53166f] .code-lang {
  width: 100%;
  overflow-x: auto;
}
.up-markdown[data-v-9f53166f] pre {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 14px;
  background-color: #f6f8fa;
  padding: 16px;
  overflow: auto;
  border-radius: 6px;
  margin: 16px 0;
}
.up-markdown[data-v-9f53166f] pre ::v-deep code {
  background: none;
  padding: 0;
}
.up-markdown[data-v-9f53166f] table {
  border-collapse: collapse;
  margin: 16px 0;
  width: 100%;
}
.up-markdown[data-v-9f53166f] table th,
.up-markdown[data-v-9f53166f] table td {
  padding: 6px 13px;
  border: 1px solid #dfe2e5;
}
.up-markdown[data-v-9f53166f] table th {
  font-weight: 600;
}
.up-markdown[data-v-9f53166f] table tr:nth-child(2n) {
  background-color: #f6f8fa;
}
.up-markdown[data-v-9f53166f] img {
  max-width: 100%;
  box-sizing: content-box;
  background-color: #fff;
  margin: 16px 0;
}
.up-markdown[data-v-9f53166f] hr {
  height: 1px;
  padding: 0;
  margin: 24px 0;
  background-color: #e1e4e8;
  border: 0;
}
.up-markdown.dark[data-v-9f53166f] {
  color: #ccc;
  background-color: #1e1e1e;
}
[data-v-9f53166f] .up-markdown.dark-code {
  background-color: #2d2d2d;
  color: #dcdcdc;
}
.up-markdown.dark[data-v-9f53166f] pre {
  background-color: #2d2d2d;
  color: #dcdcdc;
}
.up-markdown.dark[data-v-9f53166f] blockquote {
  margin: 8px 0;
  padding: 0 10px;
  border-left: 4px solid #ccc;
  color: #bbb;
}
.up-markdown.dark[data-v-9f53166f] a {
  color: #4da6ff;
}

/* 代码块行号样式 */
[data-v-9f53166f] .up-markdown-line-numbers {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #ddd;
  -webkit-user-select: none;
          user-select: none;
}
[data-v-9f53166f] .up-markdown-line-numbers .up-markdown-line-number {
  color: #999;
  font-size: 14px;
  line-height: 1.6;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
@keyframes breathe-bf0cf2ff {
0% {
    opacity: 0.3;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0.3;
}
}
.u-char-box[data-v-bf0cf2ff] {
  text-align: center;
}
.u-char-flex[data-v-bf0cf2ff] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
}
.u-input[data-v-bf0cf2ff] {
  position: absolute;
  top: 0;
  left: -100%;
  width: 200%;
  height: 100%;
  text-align: left;
  z-index: 9;
  opacity: 0;
  background: none;
}
.u-char-item[data-v-bf0cf2ff] {
  position: relative;
  width: 2.8125rem;
  height: 2.8125rem;
  margin: 0.3125rem 0.3125rem;
  font-size: 1.875rem;
  font-weight: bold;
  color: #303133;
  line-height: 2.8125rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.u-middle-line[data-v-bf0cf2ff] {
  border: none;
}
.u-box[data-v-bf0cf2ff] {
  box-sizing: border-box;
  border: 0.0625rem solid #cccccc;
  border-radius: 0.1875rem;
}
.u-box-active[data-v-bf0cf2ff] {
  overflow: hidden;
  animation-timing-function: ease-in-out;
  animation-duration: 1500ms;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  border: 0.0625rem solid #3c9cff;
}
.u-middle-line-active[data-v-bf0cf2ff] {
  background: #3c9cff;
}
.u-breathe[data-v-bf0cf2ff] {
  animation: breathe-bf0cf2ff 2s infinite ease;
}
.u-placeholder-line[data-v-bf0cf2ff] {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.0625rem;
  height: 1.25rem;
  background: #333333;
  animation: twinkling 1.5s infinite ease;
}
.u-animation-breathe[data-v-bf0cf2ff] {
  animation-name: breathe-bf0cf2ff;
}
.u-dot[data-v-bf0cf2ff] {
  font-size: 1.0625rem;
  line-height: 1.0625rem;
}
.u-middle-line[data-v-bf0cf2ff] {
  height: 4px;
  background: #000000;
  width: 80%;
  position: absolute;
  border-radius: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.u-bottom-line-active[data-v-bf0cf2ff] {
  background: #3c9cff;
}
.u-bottom-line[data-v-bf0cf2ff] {
  height: 4px;
  background: #000000;
  width: 80%;
  position: absolute;
  border-radius: 2px;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-modal[data-v-f667648f] {
  width: 20.3125rem;
  border-radius: 6px;
  overflow: hidden;
}
.u-modal__title[data-v-f667648f] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: #606266;
  text-align: center;
  padding-top: 25px;
}
.u-modal__content[data-v-f667648f] {
  padding: 12px 25px 25px 25px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.u-modal__content__text[data-v-f667648f] {
  font-size: 15px;
  color: #606266;
  flex: 1;
}
.u-modal__button-group[data-v-f667648f] {
  display: flex;
  flex-direction: row;
}
.u-modal__button-group--confirm-button[data-v-f667648f] {
  flex-direction: column;
  padding: 0px 25px 15px 25px;
}
.u-modal__button-group__wrapper[data-v-f667648f] {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 48px;
}
.u-modal__button-group__wrapper--confirm[data-v-f667648f], .u-modal__button-group__wrapper--only-cancel[data-v-f667648f] {
  border-bottom-right-radius: 6px;
}
.u-modal__button-group__wrapper--cancel[data-v-f667648f], .u-modal__button-group__wrapper--only-confirm[data-v-f667648f] {
  border-bottom-left-radius: 6px;
}
.u-modal__button-group__wrapper--hover[data-v-f667648f] {
  background-color: #f3f4f6;
}
.u-modal__button-group__wrapper__text[data-v-f667648f] {
  color: #606266;
  font-size: 16px;
  text-align: center;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-navbar-mini__inner[data-v-dc7ccfda] {
  width: 5.625rem;
  overflow: hidden;
}
.u-navbar-mini--fixed[data-v-dc7ccfda] {
  position: fixed;
  left: 20px;
  right: 0;
  top: 10px;
  z-index: 11;
}
.u-navbar-mini__content[data-v-dc7ccfda] {
  display: flex;
  flex-direction: row;
  padding: 0 15px;
  border-radius: 20px;
  align-items: center;
  height: 36px;
  background-color: #9acafc;
  position: relative;
  justify-content: space-between;
}
.u-navbar-mini__content__left[data-v-dc7ccfda] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-navbar-mini__content__left--hover[data-v-dc7ccfda] {
  opacity: 0.7;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-navbar--fixed[data-v-f631659b] {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 11;
}
.u-navbar__content[data-v-f631659b] {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 44px;
  background-color: #9acafc;
  position: relative;
  justify-content: center;
}
.u-navbar__content__left[data-v-f631659b], .u-navbar__content__right[data-v-f631659b] {
  padding: 0 13px;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-navbar__content__left[data-v-f631659b] {
  left: 0;
}
.u-navbar__content__left--hover[data-v-f631659b] {
  opacity: 0.7;
}
.u-navbar__content__left__text[data-v-f631659b] {
  font-size: 15px;
  margin-left: 3px;
}
.u-navbar__content__title[data-v-f631659b] {
  text-align: center;
  font-size: 16px;
  color: #303133;
}
.u-navbar__content__right[data-v-f631659b] {
  right: 0;
}
.u-navbar__content__right__text[data-v-f631659b] {
  font-size: 15px;
  margin-left: 3px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-no-network[data-v-12a0c5bd] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -100px;
}
.u-no-network__tips[data-v-12a0c5bd] {
  color: #909193;
  font-size: 14px;
  margin-top: 15px;
}
.u-no-network__app[data-v-12a0c5bd] {
  display: flex;
  flex-direction: row;
  margin-top: 6px;
}
.u-no-network__app__setting[data-v-12a0c5bd] {
  color: #c0c4cc;
  font-size: 13px;
}
.u-no-network__app__to-setting[data-v-12a0c5bd] {
  font-size: 13px;
  color: #3c9cff;
  margin-left: 3px;
}
.u-no-network__retry[data-v-12a0c5bd] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 15px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-notice[data-v-ab8dee7b] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.u-notice__left-icon[data-v-ab8dee7b] {
  align-items: center;
  margin-right: 5px;
}
.u-notice__right-icon[data-v-ab8dee7b] {
  margin-left: 5px;
  align-items: center;
}
.u-notice__content[data-v-ab8dee7b] {
  text-align: right;
  flex: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
}
.u-notice__content__text[data-v-ab8dee7b] {
  font-size: 14px;
  color: #f9ae3d;
  padding-left: 100%;
  word-break: keep-all;
  white-space: nowrap;
  animation: u-loop-animation-ab8dee7b 10s linear infinite both;
  display: flex;
  flex-direction: row;
}
@keyframes u-loop-animation-ab8dee7b {
0% {
    transform: translate3d(0, 0, 0);
}
100% {
    transform: translate3d(-100%, 0, 0);
}
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-notice-bar[data-v-54bd9363] {
  overflow: hidden;
  padding: 9px 12px;
  flex: 1;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-notify[data-v-67836363] {
  padding: 8px 10px;
}
.u-notify__warpper[data-v-67836363] {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.u-notify__warpper__text[data-v-67836363] {
  font-size: 15px;
  text-align: center;
}
.u-notify--primary[data-v-67836363] {
  background-color: #3c9cff;
}
.u-notify--success[data-v-67836363] {
  background-color: #5ac725;
}
.u-notify--error[data-v-67836363] {
  background-color: #f56c6c;
}
.u-notify--warning[data-v-67836363] {
  background-color: #f9ae3d;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-number-box[data-v-eb6f6237] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-number-box__slot[data-v-eb6f6237] {
  touch-action: none;
}
.u-number-box__plus[data-v-eb6f6237], .u-number-box__minus[data-v-eb6f6237] {
  width: 35px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  touch-action: none;
}
.u-number-box__plus--hover[data-v-eb6f6237], .u-number-box__minus--hover[data-v-eb6f6237] {
  background-color: #E6E6E6 !important;
}
.u-number-box__plus--disabled[data-v-eb6f6237], .u-number-box__minus--disabled[data-v-eb6f6237] {
  color: #c8c9cc;
  background-color: #f7f8fa;
}
.u-number-box__plus[data-v-eb6f6237] {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.u-number-box__minus[data-v-eb6f6237] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.u-number-box__input[data-v-eb6f6237] {
  position: relative;
  text-align: center;
  font-size: 15px;
  padding: 0;
  margin: 0 2px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.u-number-box__input--disabled[data-v-eb6f6237] {
  color: #c8c9cc;
  background-color: #f2f3f5;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-pagination[data-v-c04d6295] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 14px;
  color: #606266;
}
.u-pagination .u-pagination-total[data-v-c04d6295] {
  margin-right: 10px;
}
.u-pagination .u-pagination-sizes[data-v-c04d6295] {
  margin-right: 10px;
  padding: 4px 4px;
  border: 0.03125rem solid #dcdfe6;
  border-radius: 4px;
}
.u-pagination .u-pagination-btn[data-v-c04d6295] {
  margin: 0 3px;
  padding: 4px 4px;
  border: 0.03125rem solid #dcdfe6;
  border-radius: 4px;
  background-color: #f5f7fa;
}
.u-pagination .u-pagination-btn.disabled[data-v-c04d6295] {
  opacity: 0.5;
}
.u-pagination .u-pagination-item[data-v-c04d6295] {
  margin: 0 2px;
  padding: 4px 8px;
  border-radius: 4px;
}
.u-pagination .u-pagination-item.active[data-v-c04d6295] {
  background-color: #409eff;
  color: white;
}
.u-pagination .u-pagination-jumper[data-v-c04d6295] {
  width: 40px;
  height: 28px;
  margin: 0 5px;
  padding: 0 5px;
  border: 0.03125rem solid #dcdfe6;
  border-radius: 4px;
  font-size: 14px;
}

/* a 标签默认效果 */
._a[data-v-1200d422] {
  padding: 1.5px 0 1.5px 0;
  color: #366092;
  word-break: break-all;
}

/* a 标签点击态效果 */
._hover[data-v-1200d422] {
  text-decoration: underline;
  opacity: 0.7;
}

/* 图片默认效果 */
._img[data-v-1200d422] {
  max-width: 100%;
  -webkit-touch-callout: none;
}

/* 内部样式 */
._block[data-v-1200d422] {
  display: block;
}
._b[data-v-1200d422],
._strong[data-v-1200d422] {
  font-weight: bold;
}
._code[data-v-1200d422] {
  font-family: monospace;
}
._del[data-v-1200d422] {
  text-decoration: line-through;
}
._em[data-v-1200d422],
._i[data-v-1200d422] {
  font-style: italic;
}
._h1[data-v-1200d422] {
  font-size: 2em;
}
._h2[data-v-1200d422] {
  font-size: 1.5em;
}
._h3[data-v-1200d422] {
  font-size: 1.17em;
}
._h5[data-v-1200d422] {
  font-size: 0.83em;
}
._h6[data-v-1200d422] {
  font-size: 0.67em;
}
._h1[data-v-1200d422],
._h2[data-v-1200d422],
._h3[data-v-1200d422],
._h4[data-v-1200d422],
._h5[data-v-1200d422],
._h6[data-v-1200d422] {
  display: block;
  font-weight: bold;
}
._image[data-v-1200d422] {
  height: 1px;
}
._ins[data-v-1200d422] {
  text-decoration: underline;
}
._li[data-v-1200d422] {
  display: list-item;
}
._ol[data-v-1200d422] {
  list-style-type: decimal;
}
._ol[data-v-1200d422],
._ul[data-v-1200d422] {
  display: block;
  padding-left: 40px;
  margin: 1em 0;
}
._q[data-v-1200d422]::before {
  content: '"';
}
._q[data-v-1200d422]::after {
  content: '"';
}
._sub[data-v-1200d422] {
  font-size: smaller;
  vertical-align: sub;
}
._sup[data-v-1200d422] {
  font-size: smaller;
  vertical-align: super;
}
._thead[data-v-1200d422],
._tbody[data-v-1200d422],
._tfoot[data-v-1200d422] {
  display: table-row-group;
}
._tr[data-v-1200d422] {
  display: table-row;
}
._td[data-v-1200d422],
._th[data-v-1200d422] {
  display: table-cell;
  vertical-align: middle;
}
._th[data-v-1200d422] {
  font-weight: bold;
  text-align: center;
}
._ul[data-v-1200d422] {
  list-style-type: disc;
}
._ul ._ul[data-v-1200d422] {
  margin: 0;
  list-style-type: circle;
}
._ul ._ul ._ul[data-v-1200d422] {
  list-style-type: square;
}
._abbr[data-v-1200d422],
._b[data-v-1200d422],
._code[data-v-1200d422],
._del[data-v-1200d422],
._em[data-v-1200d422],
._i[data-v-1200d422],
._ins[data-v-1200d422],
._label[data-v-1200d422],
._q[data-v-1200d422],
._span[data-v-1200d422],
._strong[data-v-1200d422],
._sub[data-v-1200d422],
._sup[data-v-1200d422] {
  display: inline;
}
._video[data-v-1200d422] {
  width: 300px;
  height: 225px;
}




/* 根节点样式 */
._root[data-v-cd79d006] {
	padding: 1px 0;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

/* 长按复制 */
._select[data-v-cd79d006] {
	-webkit-user-select: text;
	        user-select: text;
}



/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-picker-data__trigger[data-v-cdfa3c95] {
  position: relative;
}
.u-picker-data__trigger__cover[data-v-cdfa3c95] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.up-poster[data-v-79cfe3ab] {
  position: relative;
}
.up-poster__canvas[data-v-79cfe3ab] {
  position: relative;
  overflow: hidden;
}
.up-poster__hidden-canvas[data-v-79cfe3ab] {
  position: fixed;
  top: -10000px;
  left: -10000px;
  z-index: -1;
}
.up-poster__hidden-qrcode[data-v-79cfe3ab] {
  position: fixed;
  top: -10000px;
  left: -10000px;
  z-index: -1;
}
.up-poster__hidden-qrcode--hidden[data-v-79cfe3ab] {
  display: none;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-pull-refresh[data-v-34a6b4c5] {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.refresh-area[data-v-34a6b4c5] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
  transition: height 0.2s ease-out;
}
.refresh-content-wrapper[data-v-34a6b4c5] {
  height: 100%;
  transition: transform 0.2s ease-out;
}
.scroll-wrapper[data-v-34a6b4c5] {
  height: 100%;
}
.refresh-content[data-v-34a6b4c5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-bottom: 10px;
}
.spinner[data-v-34a6b4c5] {
  width: 16px;
  height: 16px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #666;
  border-radius: 50%;
  animation: spin-34a6b4c5 1s linear infinite;
}
@keyframes spin-34a6b4c5 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.refresh-text[data-v-34a6b4c5] {
  font-size: 14px;
  color: #666;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-qrcode__loading[data-v-44e78b4f] {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f7f7f7;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.u-qrcode__content[data-v-44e78b4f] {
  position: relative;
}
.u-qrcode__content__canvas[data-v-44e78b4f] {
  position: fixed;
  top: -3124.96875rem;
  left: -3124.96875rem;
  z-index: -99999;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-radio-group[data-v-cbc8bf70] {
  flex: 1;
}
.u-radio-group--row[data-v-cbc8bf70] {
  display: flex;
  flex-flow: row wrap;
}
.u-radio-group--column[data-v-cbc8bf70] {
  display: flex;
  flex-direction: column;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-radio[data-v-83036558] {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
  margin-top: 5px;
}
.u-radio-label--left[data-v-83036558] {
  flex-direction: row;
}
.u-radio-label--right[data-v-83036558] {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.u-radio__icon-wrap[data-v-83036558] {
  box-sizing: border-box;
  transition-property: border-color, background-color, color;
  transition-duration: 0.2s;
  color: #606266;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: transparent;
  text-align: center;
  margin-right: 6px;
  font-size: 20px;
  border-width: 1px;
  border-color: #c8c9cc;
  border-style: solid;
}
.u-radio__icon-wrap--circle[data-v-83036558] {
  border-radius: 100%;
}
.u-radio__icon-wrap--square[data-v-83036558] {
  border-radius: 3px;
}
.u-radio__icon-wrap--checked[data-v-83036558] {
  color: #fff;
  background-color: red;
  border-color: #2979ff;
}
.u-radio__icon-wrap--disabled[data-v-83036558] {
  background-color: #ebedf0 !important;
}
.u-radio__icon-wrap--disabled--checked[data-v-83036558] {
  color: #c8c9cc !important;
}
.u-radio__label[data-v-83036558] {
  word-wrap: break-word;
  margin-left: 5px;
  margin-right: 12px;
  color: #606266;
  font-size: 15px;
}
.u-radio__label--disabled[data-v-83036558] {
  color: #c8c9cc;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-rate[data-v-69a384ee] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0;
  padding: 0;
  touch-action: none;
}
.u-rate__content[data-v-69a384ee] {
  display: flex;
  flex-direction: row;
}
.u-rate__content__item[data-v-69a384ee] {
  position: relative;
}
.u-rate__content__item__icon-wrap--half[data-v-69a384ee] {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}
.up-icon[data-v-69a384ee] {
  box-sizing: border-box;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-read-more__content[data-v-4bc7fe29] {
  overflow: hidden;
  color: #606266;
  font-size: 15px;
  text-align: left;
}
.u-read-more__toggle[data-v-4bc7fe29] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
}
.u-read-more__toggle__text[data-v-4bc7fe29] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-virtual-list[data-v-2f4c3fe0] {
  position: relative;
  overflow: hidden;
}
.virtual-scroll-container[data-v-2f4c3fe0] {
  height: 100%;
}
.scroll-content[data-v-2f4c3fe0] {
  position: relative;
}
.list-item[data-v-2f4c3fe0] {
  will-change: transform;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-row[data-v-a2f99026] {
  display: flex;
  flex-direction: row;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-scroll-list[data-v-75b0f429] {
  padding-bottom: 10px;
}
.u-scroll-list__scroll-view[data-v-75b0f429] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.u-scroll-list__scroll-view__content[data-v-75b0f429] {
  display: flex;
  flex-direction: row;
}
.u-scroll-list__indicator[data-v-75b0f429] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 15px;
}
.u-scroll-list__indicator__line[data-v-75b0f429] {
  width: 60px;
  height: 4px;
  border-radius: 100px;
  overflow: hidden;
}
.u-scroll-list__indicator__line__bar[data-v-75b0f429] {
  width: 20px;
  height: 4px;
  border-radius: 100px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-search[data-v-e082a34a] {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
}
.u-search__content[data-v-e082a34a] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 10px;
  flex: 1;
  justify-content: space-between;
  border-width: 1px;
  border-color: transparent;
  border-style: solid;
  overflow: hidden;
}
.u-search__content__icon[data-v-e082a34a] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-search__content__label[data-v-e082a34a] {
  color: #303133;
  font-size: 14px;
  margin: 0 4px;
}
.u-search__content__close[data-v-e082a34a] {
  width: 20px;
  height: 20px;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  background-color: #C6C7CB;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transform: scale(0.82);
}
.u-search__content__input[data-v-e082a34a] {
  flex: 1;
  font-size: 14px;
  line-height: 1;
  margin: 0 5px;
  color: #303133;
}
.u-search__content__input--placeholder[data-v-e082a34a] {
  color: #909193;
}
.u-search__action[data-v-e082a34a] {
  font-size: 14px;
  color: #303133;
  width: 0;
  overflow: hidden;
  transition-property: width;
  transition-duration: 0.3s;
  white-space: nowrap;
  text-align: center;
}
.u-search__action--active[data-v-e082a34a] {
  width: 40px;
  margin-left: 5px;
}
.u-search__reverse .u-search__content__icon[data-v-e082a34a] {
  order: 3;
}
.u-search__reverse .u-search__content__close[data-v-e082a34a] {
  order: 2;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-select__content[data-v-791c325c] {
  position: relative;
}
.u-select__content .u-select__label[data-v-791c325c] {
  display: flex;
  justify-content: space-between;
}
.u-select__content .u-select__text[data-v-791c325c] {
  margin-right: 2px;
}
.u-select__content .u-select__options__wrap[data-v-791c325c] {
  margin-bottom: 46px;
  position: absolute;
  top: 20px;
  left: 0;
}
.u-select__content .u-select__options[data-v-791c325c] {
  min-width: 100px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #f1f1f1;
  background-color: #fff;
}
.u-select__content .u-select__options .u-select__options_item[data-v-791c325c] {
  padding: 10px 12px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.u-select__content .u-select__options .u-select__options_item[data-v-791c325c]:hover {
  background-color: #f7f7f7;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-short-video[data-v-577dd224] {
  width: 100%;
  height: 100vh;
  position: relative;
}
.u-short-video__header[data-v-577dd224] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0.05);
  opacity: 1;
}
.u-short-video__header__menu[data-v-577dd224], .u-short-video__header__search[data-v-577dd224] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.u-short-video__header__tabs[data-v-577dd224] {
  flex: 1;
  margin: 0 10px;
}
.u-short-video__content[data-v-577dd224] {
  width: 100%;
  height: 100%;
}
.u-short-video__content__item[data-v-577dd224] {
  width: 100%;
  height: 100%;
  position: relative;
}
.u-short-video__content__video[data-v-577dd224] {
  width: 100%;
  height: 100%;
  position: relative;
}
.u-short-video__content__video__speed[data-v-577dd224] {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 20px;
  padding: 5px 10px;
  display: flex;
  align-items: center;
}
.u-short-video__content__video__speed .speed-text[data-v-577dd224] {
  color: #fff;
  font-size: 12px;
  margin-right: 4px;
}
.u-short-video__content__author[data-v-577dd224] {
  position: absolute;
  left: 15px;
  bottom: 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 10;
}
.u-short-video__content__author__info[data-v-577dd224] {
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.u-short-video__content__author__name[data-v-577dd224] {
  color: #eee;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}
.u-short-video__content__author__desc[data-v-577dd224] {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
}
.u-short-video__content__author__follow[data-v-577dd224] {
  margin-left: 15px;
}
.u-short-video__content__actions[data-v-577dd224] {
  position: absolute;
  right: 15px;
  bottom: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 10;
}
.u-short-video__content__actions__item[data-v-577dd224] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
  color: #fff;
}
.u-short-video__content__actions__text[data-v-577dd224] {
  color: #fff;
  font-size: 12px;
  margin-top: 5px;
}
.u-short-video__footer[data-v-577dd224] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-signature[data-v-374dbb3e] {
  display: flex;
  flex-direction: column;
}
.u-signature__canvas-wrap[data-v-374dbb3e] {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
}
.u-signature__canvas[data-v-374dbb3e] {
  width: 100%;
  height: 100%;
}
.u-signature__toolbar[data-v-374dbb3e] {
  margin-top: 5px;
  background-color: #fff;
}
.u-signature__toolbar-icons[data-v-374dbb3e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1px 0;
  border-radius: 4px;
}
.u-signature__toolbar-icon[data-v-374dbb3e] {
  padding: 5px;
}
.u-signature__brush-settings[data-v-374dbb3e], .u-signature__color-settings[data-v-374dbb3e] {
  margin-top: 15px;
  padding: 1px;
  border-radius: 4px;
}
.u-signature__progress-label[data-v-374dbb3e] {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #999;
}
.u-signature__color-picker[data-v-374dbb3e] {
  margin-bottom: 10px;
}
.u-signature__color-label[data-v-374dbb3e] {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #999;
}
.u-signature__colors[data-v-374dbb3e] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
.u-signature__color-item[data-v-374dbb3e] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #f0f0f0;
  cursor: pointer;
}
.u-signature__color-item--active[data-v-374dbb3e] {
  border-color: #2979ff;
  transform: scale(1.1);
}
.u-signature__actions[data-v-374dbb3e] {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: center;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-skeleton[data-v-b376446f] {
  flex: 1;
}
.u-skeleton__wrapper[data-v-b376446f] {
  display: flex;
  flex-direction: row;
}
.u-skeleton__wrapper__avatar[data-v-b376446f] {
  background: linear-gradient(90deg, #F1F2F4 25%, #e6e6e6 37%, #F1F2F4 50%);
  background-size: 400% 100%;
  margin-right: 15px;
}
.u-skeleton__wrapper__avatar--circle[data-v-b376446f] {
  border-radius: 100px;
}
.u-skeleton__wrapper__avatar--square[data-v-b376446f] {
  border-radius: 4px;
}
.u-skeleton__wrapper__content[data-v-b376446f] {
  flex: 1;
}
.u-skeleton__wrapper__content__rows[data-v-b376446f], .u-skeleton__wrapper__content__title[data-v-b376446f] {
  background: linear-gradient(90deg, #F1F2F4 25%, #e6e6e6 37%, #F1F2F4 50%);
  background-size: 400% 100%;
  border-radius: 3px;
}
.animate[data-v-b376446f] {
  animation: skeleton-b376446f 1.8s ease infinite;
}
@keyframes skeleton-b376446f {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-slider[data-v-7b84e269] {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-slider__native[data-v-7b84e269] {
  flex: 1;
}
.u-slider-inner[data-v-7b84e269] {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 999px;
  padding: 10px 18px;
  justify-content: center;
}
.u-slider__show-value[data-v-7b84e269] {
  margin: 10px 18px 10px 0px;
}
.u-slider__show-range-value[data-v-7b84e269] {
  padding-top: 2px;
  font-size: 12px;
  line-height: 12px;
  position: absolute;
  bottom: 0;
}
.u-slider__base[data-v-7b84e269] {
  background-color: #ebedf0;
}
.u-slider-inner[data-v-7b84e269]:before {
  position: absolute;
  right: 0;
  left: 0;
  content: "";
  top: -8px;
  bottom: -8px;
  z-index: -1;
}
.u-slider__gap[data-v-7b84e269] {
  position: relative;
  border-radius: 999px;
  transition: width 0.2s;
  background-color: #1989fa;
}
.u-slider__button[data-v-7b84e269] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  background-color: #fff;
  transform: scale(0.9);
}
.u-slider__button-wrap[data-v-7b84e269] {
  position: absolute;
}
.u-slider--disabled[data-v-7b84e269] {
  opacity: 0.5;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-steps-item[data-v-3c8d19a1] {
  flex: 1;
  display: flex;
  flex-direction: row;
}
.u-steps-item--row[data-v-3c8d19a1] {
  flex-direction: column;
  align-items: center;
  position: relative;
}
.u-steps-item--column[data-v-3c8d19a1] {
  position: relative;
  flex-direction: row;
  justify-content: flex-start;
  padding-bottom: 5px;
}
.u-steps-item__wrapper[data-v-3c8d19a1] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #fff;
  border-radius: 50px;
}
.u-steps-item__wrapper--column[data-v-3c8d19a1] {
  width: 20px;
  height: 20px;
}
.u-steps-item__wrapper--column--dot[data-v-3c8d19a1] {
  height: 20px;
  width: 20px;
}
.u-steps-item__wrapper--row[data-v-3c8d19a1] {
  width: 20px;
  height: 20px;
}
.u-steps-item__wrapper--row--dot[data-v-3c8d19a1] {
  width: 20px;
  height: 20px;
}
.u-steps-item__wrapper__circle[data-v-3c8d19a1] {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  flex-shrink: 0;
  border-radius: 100px;
  border-width: 1px;
  border-color: #909193;
  border-style: solid;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s;
}
.u-steps-item__wrapper__circle__text[data-v-3c8d19a1] {
  color: #909193;
  font-size: 11px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 11px;
}
.u-steps-item__wrapper__dot[data-v-3c8d19a1] {
  width: 10px;
  height: 10px;
  border-radius: 100px;
  background-color: #606266;
}
.u-steps-item__content[data-v-3c8d19a1] {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.u-steps-item__content--row[data-v-3c8d19a1] {
  flex-direction: column;
  align-items: center;
}
.u-steps-item__content--column[data-v-3c8d19a1] {
  flex-direction: column;
  margin-left: 6px;
}
.u-steps-item__line[data-v-3c8d19a1] {
  position: absolute;
  background: #909193;
}
.u-steps-item__line--row[data-v-3c8d19a1] {
  top: 10px;
  height: 1px;
}
.u-steps-item__line--column[data-v-3c8d19a1] {
  width: 1px;
  left: 10px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-steps[data-v-504c0814] {
  display: flex;
  flex-direction: row;
}
.u-steps--column[data-v-504c0814] {
  flex-direction: column;
}
.u-steps--row[data-v-504c0814] {
  flex-direction: row;
  flex: 1;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-sticky[data-v-8b303089] {
  position: -webkit-sticky;
  position: sticky;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-subsection[data-v-b5ccb67e] {
  display: flex;
  flex-direction: row;
  position: relative;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}
.u-subsection--button[data-v-b5ccb67e] {
  height: 34px;
  background-color: #eeeeef;
  padding: 3px;
  border-radius: 4px;
  align-items: stretch;
}
.u-subsection--button__bar[data-v-b5ccb67e] {
  background-color: #ffffff;
  border-radius: 4px !important;
}
.u-subsection--subsection[data-v-b5ccb67e] {
  height: 32px;
}
.u-subsection__bar[data-v-b5ccb67e] {
  position: absolute;
  transition-property: transform, color;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.u-subsection__bar--first[data-v-b5ccb67e] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.u-subsection__bar--center[data-v-b5ccb67e] {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.u-subsection__bar--last[data-v-b5ccb67e] {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.u-subsection__item[data-v-b5ccb67e] {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  position: relative;
}
.u-subsection__item--no-border-right[data-v-b5ccb67e] {
  border-right-width: 0 !important;
}
.u-subsection__item--first[data-v-b5ccb67e] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.u-subsection__item--last[data-v-b5ccb67e] {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.u-subsection__item__text[data-v-b5ccb67e] {
  font-size: 12px;
  line-height: 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  transition-property: color;
  transition-duration: 0.3s;
}
.item-button--disabled[data-v-b5ccb67e] {
  cursor: no-drop;
  color: #BDBDBD !important;
  border-color: #BDBDBD !important;
}
.item-button--disabled uni-text[data-v-b5ccb67e] {
  color: #BDBDBD !important;
}
.item-subsection--disabled[data-v-b5ccb67e] {
  cursor: no-drop;
  background: #FFFFFF !important;
  color: #BDBDBD !important;
  border-color: #BDBDBD !important;
}
.item-subsection--disabled uni-text[data-v-b5ccb67e] {
  color: #BDBDBD !important;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-swipe-action-item[data-v-ed3ce04a] {
  position: relative;
  overflow: hidden;
  touch-action: pan-y;
}
.u-swipe-action-item__content[data-v-ed3ce04a] {
  transform: translateX(0px);
  background-color: #FFFFFF;
  z-index: 10;
}
.u-swipe-action-item__right[data-v-ed3ce04a] {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: row;
}
.u-swipe-action-item__right__button[data-v-ed3ce04a] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  overflow: hidden;
  align-items: center;
}
.u-swipe-action-item__right__button__wrapper[data-v-ed3ce04a] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
}
.u-swipe-action-item__right__button__wrapper__text[data-v-ed3ce04a] {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #FFFFFF;
  font-size: 15px;
  text-align: center;
  justify-content: center;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-swiper-indicator__wrapper[data-v-7b7c7ea6] {
  display: flex;
  flex-direction: row;
}
.u-swiper-indicator__wrapper--line[data-v-7b7c7ea6] {
  border-radius: 100px;
  height: 4px;
}
.u-swiper-indicator__wrapper--line__bar[data-v-7b7c7ea6] {
  width: 22px;
  height: 4px;
  border-radius: 100px;
  background-color: #FFFFFF;
  transition: transform 0.3s;
}
.u-swiper-indicator__wrapper__dot[data-v-7b7c7ea6] {
  width: 5px;
  height: 5px;
  border-radius: 100px;
  margin: 0 4px;
}
.u-swiper-indicator__wrapper__dot--active[data-v-7b7c7ea6] {
  width: 12px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-swiper__wrapper[data-v-4e7d0c90] {
  flex: 1;
}
.u-swiper[data-v-4e7d0c90] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.u-swiper__wrapper[data-v-4e7d0c90] {
  flex: 1;
}
.u-swiper__wrapper__item[data-v-4e7d0c90] {
  flex: 1;
}
.u-swiper__wrapper__item__wrapper[data-v-4e7d0c90] {
  display: flex;
  flex-direction: row;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s;
  flex: 1;
}
.u-swiper__wrapper__item__wrapper__image[data-v-4e7d0c90] {
  flex: 1;
}
.u-swiper__wrapper__item__wrapper__video[data-v-4e7d0c90] {
  flex: 1;
}
.u-swiper__wrapper__item__wrapper__title[data-v-4e7d0c90] {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 0.875rem;
  padding: 0.375rem 0.75rem;
  color: #FFFFFF;
  flex: 1;
}
.u-swiper__indicator[data-v-4e7d0c90] {
  position: absolute;
  bottom: 10px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-switch[data-v-6ab257b3] {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  position: relative;
  background-color: #fff;
  border-width: 1px;
  border-radius: 100px;
  transition: background-color 0.4s;
  border-color: rgba(0, 0, 0, 0.12);
  border-style: solid;
  justify-content: flex-end;
  align-items: center;
  overflow: hidden;
}
.u-switch__node[data-v-6ab257b3] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background-color: #fff;
  border-radius: 100px;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.25);
  transition-property: transform;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.3, 1.05, 0.4, 1.05);
}
.u-switch__bg[data-v-6ab257b3] {
  position: absolute;
  border-radius: 100px;
  background-color: #FFFFFF;
  transition-property: transform;
  transition-duration: 0.4s;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  transition-timing-function: ease;
}
.u-switch--disabled[data-v-6ab257b3] {
  opacity: 0.6;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-tabbar-item[data-v-e01cdc2c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  width: 100%;
  height: 100%;
}
.u-tabbar-item__icon[data-v-e01cdc2c] {
  display: flex;
  flex-direction: row;
  position: relative;
  width: 4.6875rem;
  justify-content: center;
}
.u-tabbar-item__text[data-v-e01cdc2c] {
  margin-top: 2px;
  font-size: 12px;
  color: #606266;
}
.u-tabbar-item--mid-button[data-v-e01cdc2c] {
  transform: translateY(-10px);
}
.u-tabbar-item--mid-button-cover[data-v-e01cdc2c] {
  background-color: #fff;
  position: absolute;
  top: 22px;
  left: -10px;
  width: 90px;
  bottom: 0;
}
.u-tabbar-item__icon--mid-button[data-v-e01cdc2c] {
  width: 70px;
  height: 70px;
  border-radius: 100px;
  background-color: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-tabbar[data-v-b9276d10] {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
}
.u-tabbar__content[data-v-b9276d10] {
  display: flex;
  flex-direction: column;
  background-color: #fff;
}
.u-tabbar__content__item-wrapper[data-v-b9276d10] {
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.u-tabbar--fixed[data-v-b9276d10] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-table-row[data-v-0ba90776] {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #ebeef5;
  overflow: hidden;
  position: relative;
}
.u-table-border[data-v-0ba90776] {
  border-top: 1px solid #ebeef5;
  border-left: 1px solid #ebeef5;
  border-right: 1px solid #ebeef5;
}
.u-table-border .u-table-cell[data-v-0ba90776] {
  border-right: 1px solid #ebeef5;
}
.u-table-border .u-table-cell[data-v-0ba90776]:last-child {
  border-right: none;
}
.u-table-cell[data-v-0ba90776] {
  flex: 1;
  display: flex;
  flex-direction: row;
  padding: 10px 10px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.1;
}
.u-table-row-zebra[data-v-0ba90776] {
  background-color: #fafafa;
}
.u-table-row-highlight[data-v-0ba90776] {
  background-color: #f5f7fa;
}
.u-table-empty[data-v-0ba90776] {
  text-align: center;
  padding: 20px;
  color: #999;
}
.u-text-left[data-v-0ba90776] {
  text-align: left;
}
.u-text-center[data-v-0ba90776] {
  text-align: center;
}
.u-text-right[data-v-0ba90776] {
  text-align: right;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-table2[data-v-ae8e3747] {
  width: auto;
  overflow: auto;
  white-space: nowrap;
  position: relative;
}
.u-table2 .u-table-header[data-v-ae8e3747] {
  min-width: 100% !important;
  width: -webkit-fit-content;
  width: fit-content;
  background-color: #f5f7fa;
}
.u-table2 .u-table-body[data-v-ae8e3747] {
  min-width: 100% !important;
  width: -webkit-fit-content;
  width: fit-content;
  position: relative;
}
.u-table2 .u-table-sticky[data-v-ae8e3747] {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
}
.u-table2 .u-table-row[data-v-ae8e3747] {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #ebeef5;
  overflow: hidden;
  position: relative;
}
.u-table2.u-table-border[data-v-ae8e3747] {
  border-top: 1px solid #ebeef5;
  border-left: 1px solid #ebeef5;
  border-right: 1px solid #ebeef5;
}
.u-table2.u-table-border .u-table-cell[data-v-ae8e3747] {
  border-right: 1px solid #ebeef5;
}
.u-table2.u-table-border .u-table-cell[data-v-ae8e3747]:last-child {
  border-right: none;
}
.u-table2 .u-table-cell[data-v-ae8e3747] {
  flex: 1;
  display: flex;
  flex-direction: row;
  padding: 10px 10px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.1;
}
.u-table2 .u-table-row-zebra[data-v-ae8e3747] {
  background-color: #fafafa;
}
.u-table2 .u-table-row-highlight[data-v-ae8e3747] {
  background-color: #f5f7fa;
}
.u-table2 .u-table-empty[data-v-ae8e3747] {
  text-align: center;
  padding: 20px;
  color: #999;
}
.u-table2 .u-text-left[data-v-ae8e3747] {
  text-align: left;
}
.u-table2 .u-text-center[data-v-ae8e3747] {
  text-align: center;
}
.u-table2 .u-text-right[data-v-ae8e3747] {
  text-align: right;
}
.u-table-fixed-shadow[data-v-ae8e3747] {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  z-index: 20;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  background-color: #ffffff;
}
.u-table-fixed-shadow .u-table-border .u-table-cell[data-v-ae8e3747] {
  border-right: 0.03125rem solid #ebeef5;
}
.u-table-fixed-shadow .u-table-border .u-table-cell[data-v-ae8e3747]:last-child {
  border-right: none;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-tabs__wrapper[data-v-02b0c54f] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-tabs__wrapper__scroll-view-wrapper[data-v-02b0c54f] {
  flex: 1;
  overflow: auto hidden;
}
.u-tabs__wrapper__scroll-view[data-v-02b0c54f] {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.u-tabs__wrapper__nav[data-v-02b0c54f] {
  display: flex;
  flex-direction: row;
  position: relative;
}
.u-tabs__wrapper__nav__item[data-v-02b0c54f] {
  padding: 0 11px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.u-tabs__wrapper__nav__item__text[data-v-02b0c54f] {
  font-size: 15px;
  color: #606266;
  white-space: nowrap !important;
}
.u-tabs__wrapper__nav__item__text--disabled[data-v-02b0c54f] {
  color: #c8c9cc !important;
}
.u-tabs__wrapper__nav__line[data-v-02b0c54f] {
  height: 3px;
  background: #3c9cff;
  width: 30px;
  position: absolute;
  bottom: 2px;
  border-radius: 100px;
  transition-property: transform;
  transition-duration: 300ms;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-tag-wrapper[data-v-2fd891bb] {
  position: relative;
}
.u-tag[data-v-2fd891bb] {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-style: solid;
}
.u-tag--circle[data-v-2fd891bb] {
  border-radius: 100px;
}
.u-tag--square[data-v-2fd891bb] {
  border-radius: 3px;
}
.u-tag__icon[data-v-2fd891bb] {
  margin-right: 4px;
}
.u-tag__text--mini[data-v-2fd891bb] {
  font-size: 12px;
  line-height: 12px;
}
.u-tag__text--medium[data-v-2fd891bb] {
  font-size: 13px;
  line-height: 13px;
}
.u-tag__text--large[data-v-2fd891bb] {
  font-size: 15px;
  line-height: 15px;
}
.u-tag--mini[data-v-2fd891bb] {
  height: 22px;
  line-height: 22px;
  padding: 0 5px;
}
.u-tag--medium[data-v-2fd891bb] {
  height: 26px;
  line-height: 22px;
  padding: 0 10px;
}
.u-tag--large[data-v-2fd891bb] {
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
}
.u-tag--primary[data-v-2fd891bb] {
  background-color: #3c9cff;
  border-width: 1px;
  border-color: #3c9cff;
}
.u-tag--primary--plain[data-v-2fd891bb] {
  border-width: 1px;
  border-color: #3c9cff;
}
.u-tag--primary--plain--fill[data-v-2fd891bb] {
  background-color: #ecf5ff;
}
.u-tag__text--primary[data-v-2fd891bb] {
  color: #FFFFFF;
}
.u-tag__text--primary--plain[data-v-2fd891bb] {
  color: #3c9cff;
}
.u-tag--error[data-v-2fd891bb] {
  background-color: #f56c6c;
  border-width: 1px;
  border-color: #f56c6c;
}
.u-tag--error--plain[data-v-2fd891bb] {
  border-width: 1px;
  border-color: #f56c6c;
}
.u-tag--error--plain--fill[data-v-2fd891bb] {
  background-color: #fef0f0;
}
.u-tag__text--error[data-v-2fd891bb] {
  color: #FFFFFF;
}
.u-tag__text--error--plain[data-v-2fd891bb] {
  color: #f56c6c;
}
.u-tag--warning[data-v-2fd891bb] {
  background-color: #f9ae3d;
  border-width: 1px;
  border-color: #f9ae3d;
}
.u-tag--warning--plain[data-v-2fd891bb] {
  border-width: 1px;
  border-color: #f9ae3d;
}
.u-tag--warning--plain--fill[data-v-2fd891bb] {
  background-color: #fdf6ec;
}
.u-tag__text--warning[data-v-2fd891bb] {
  color: #FFFFFF;
}
.u-tag__text--warning--plain[data-v-2fd891bb] {
  color: #f9ae3d;
}
.u-tag--success[data-v-2fd891bb] {
  background-color: #5ac725;
  border-width: 1px;
  border-color: #5ac725;
}
.u-tag--success--plain[data-v-2fd891bb] {
  border-width: 1px;
  border-color: #5ac725;
}
.u-tag--success--plain--fill[data-v-2fd891bb] {
  background-color: #f5fff0;
}
.u-tag__text--success[data-v-2fd891bb] {
  color: #FFFFFF;
}
.u-tag__text--success--plain[data-v-2fd891bb] {
  color: #5ac725;
}
.u-tag--info[data-v-2fd891bb] {
  background-color: #909399;
  border-width: 1px;
  border-color: #909399;
}
.u-tag--info--plain[data-v-2fd891bb] {
  border-width: 1px;
  border-color: #909399;
}
.u-tag--info--plain--fill[data-v-2fd891bb] {
  background-color: #f4f4f5;
}
.u-tag__text--info[data-v-2fd891bb] {
  color: #FFFFFF;
}
.u-tag__text--info--plain[data-v-2fd891bb] {
  color: #909399;
}
.u-tag__close[data-v-2fd891bb] {
  position: absolute;
  z-index: 999;
  top: 10px;
  right: 10px;
  border-radius: 100px;
  background-color: #C6C7CB;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transform: scale(0.6) translate(80%, -80%);
}
.u-tag__close--mini[data-v-2fd891bb] {
  width: 18px;
  height: 18px;
}
.u-tag__close--medium[data-v-2fd891bb] {
  width: 22px;
  height: 22px;
}
.u-tag__close--large[data-v-2fd891bb] {
  width: 25px;
  height: 25px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-td[data-v-0c19b389] {
  display: flex;
  flex-direction: row;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  font-size: 14px;
  color: #606266;
  align-self: stretch;
  box-sizing: border-box;
  height: 100%;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-text[data-v-0a574502] {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
}
.u-text__price[data-v-0a574502] {
  font-size: 14px;
  color: #606266;
}
.u-text__value[data-v-0a574502] {
  font-size: 14px;
  display: flex;
  flex-direction: row;
  color: #606266;
  flex-wrap: wrap;
  text-overflow: ellipsis;
  align-items: center;
}
.u-text__value--primary[data-v-0a574502] {
  color: #3c9cff;
}
.u-text__value--warning[data-v-0a574502] {
  color: #f9ae3d;
}
.u-text__value--success[data-v-0a574502] {
  color: #5ac725;
}
.u-text__value--info[data-v-0a574502] {
  color: #909399;
}
.u-text__value--error[data-v-0a574502] {
  color: #f56c6c;
}
.u-text__value--main[data-v-0a574502] {
  color: #303133;
}
.u-text__value--content[data-v-0a574502] {
  color: #606266;
}
.u-text__value--tips[data-v-0a574502] {
  color: #909193;
}
.u-text__value--light[data-v-0a574502] {
  color: #c0c4cc;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-textarea[data-v-b6c174a6] {
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  display: flex;
  flex-direction: row;
  flex: 1;
  padding: 9px;
}
.u-textarea--radius[data-v-b6c174a6] {
  border-radius: 4px;
}
.u-textarea--no-radius[data-v-b6c174a6] {
  border-radius: 0;
}
.u-textarea--disabled[data-v-b6c174a6] {
  background-color: #f5f7fa;
}
.u-textarea__field[data-v-b6c174a6] {
  flex: 1;
  font-size: 15px;
  color: #606266;
  width: 100%;
}
.u-textarea__count[data-v-b6c174a6] {
  position: absolute;
  right: 5px;
  bottom: 2px;
  font-size: 12px;
  color: #909193;
  background-color: #ffffff;
  padding: 1px 4px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-th[data-v-67643fa0] {
  display: flex;
  flex-direction: row;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  font-size: 0.875rem;
  color: #303133;
  font-weight: bold;
  background-color: #f5f6f8;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-title .u-title-prefix[data-v-018ff1f0] {
  width: 4px;
  height: 18px;
  border-radius: 2px;
  background: #3c9cff;
  margin-right: 12px;
  margin-right: 10px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-toast__content[data-v-e61e8fb9] {
  display: flex;
  flex-direction: row;
  padding: 12px 20px;
  border-radius: 4px;
  background-color: #585858;
  color: #fff;
  align-items: center;
  max-width: 18.75rem;
  position: relative;
}
.u-toast__content--loading[data-v-e61e8fb9] {
  flex-direction: column;
  padding: 20px 20px;
}
.u-toast__content__text[data-v-e61e8fb9] {
  color: #fff;
  font-size: 15px;
  line-height: 15px;
}
.u-toast__content__text--default[data-v-e61e8fb9] {
  color: #fff;
}
.u-toast__content__text--error[data-v-e61e8fb9] {
  color: #f56c6c;
}
.u-toast__content__text--primary[data-v-e61e8fb9] {
  color: #3c9cff;
}
.u-toast__content__text--success[data-v-e61e8fb9] {
  color: #5ac725;
}
.u-toast__content__text--warning[data-v-e61e8fb9] {
  color: #f9ae3d;
}
.u-type-primary[data-v-e61e8fb9] {
  color: #3c9cff;
  background-color: #ecf5ff;
  border-color: #d7eafe;
  border-width: 1px;
}
.u-type-success[data-v-e61e8fb9] {
  color: #5ac725;
  background-color: #dbf1e1;
  border-color: #BEF5C8;
  border-width: 1px;
}
.u-type-error[data-v-e61e8fb9] {
  color: #f56c6c;
  background-color: #fef0f0;
  border-color: #fde2e2;
  border-width: 1px;
}
.u-type-warning[data-v-e61e8fb9] {
  color: #f9ae3d;
  background-color: #fdf6ec;
  border-color: #faecd8;
  border-width: 1px;
}
.u-type-default[data-v-e61e8fb9] {
  color: #fff;
  background-color: #585858;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-tooltip[data-v-92dedddb] {
  position: relative;
  display: flex;
  flex-direction: row;
}
.u-tooltip__wrapper[data-v-92dedddb] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  white-space: nowrap;
}
.u-tooltip__wrapper__text[data-v-92dedddb] {
  font-size: 14px;
}
.u-tooltip__wrapper__popup[data-v-92dedddb] {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.u-tooltip__wrapper__popup__list[data-v-92dedddb] {
  background-color: #060607;
  color: #FFFFFF;
  position: relative;
  flex: 1;
  border-radius: 5px;
  padding: 0px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
}
.u-tooltip__wrapper__popup__list__btn[data-v-92dedddb] {
  padding: 11px 13px;
}
.u-tooltip__wrapper__popup__list__btn--hover[data-v-92dedddb] {
  background-color: #58595B;
}
.u-tooltip__wrapper__popup__list__btn__text[data-v-92dedddb] {
  line-height: 12px;
  font-size: 13px;
  color: #FFFFFF;
}
.u-tooltip__wrapper__popup__indicator[data-v-92dedddb] {
  position: absolute;
  background-color: #060607;
  width: 14px;
  height: 14px;
  bottom: -4px;
  transform: rotate(45deg);
  border-radius: 2px;
  z-index: -1;
}
.u-tooltip__wrapper__popup__indicator--hover[data-v-92dedddb] {
  background-color: #58595B;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-tr[data-v-1c6ea6f9] {
  display: flex;
  flex-direction: row;
}

.u-tree-node-content[data-v-469fe828] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 20px;
}
.u-tree-node-toggle[data-v-469fe828] {
  margin-right: 5px;
}


.u-tree[data-v-35158cdb] {
  font-size: 0.875rem;
}

/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-upload[data-v-c8491d64] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.u-upload__wrap[data-v-c8491d64] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1;
}
.u-upload__wrap__preview[data-v-c8491d64] {
  border-radius: 2px;
  margin: 0 8px 8px 0;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: row;
}
.u-upload__wrap__preview__image[data-v-c8491d64] {
  width: 80px;
  height: 80px;
}
.u-upload__wrap__preview__video[data-v-c8491d64], .u-upload__wrap__preview__other[data-v-c8491d64] {
  width: 80px;
  height: 80px;
  background-color: #f2f2f2;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.u-upload__wrap__preview__video__text[data-v-c8491d64], .u-upload__wrap__preview__other__text[data-v-c8491d64] {
  font-size: 11px;
  color: #909193;
  margin-top: 2px;
}
.u-upload__wrap__play[data-v-c8491d64] {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.u-upload__wrap__play__icon[data-v-c8491d64] {
  background: #fff;
  border-radius: 100px;
  opacity: 0.8;
}
.u-upload__deletable[data-v-c8491d64] {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #373737;
  height: 14px;
  width: 14px;
  display: flex;
  flex-direction: row;
  border-bottom-left-radius: 100px;
  align-items: center;
  justify-content: center;
  z-index: 3;
}
.u-upload__deletable__icon[data-v-c8491d64] {
  position: absolute;
  transform: scale(0.7);
  top: 0px;
  right: 0px;
}
.u-upload__success[data-v-c8491d64] {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  border-style: solid;
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: #5ac725;
  border-right-color: #5ac725;
  border-width: 9px;
  align-items: center;
  justify-content: center;
}
.u-upload__success__icon[data-v-c8491d64] {
  position: absolute;
  transform: scale(0.7);
  bottom: -10px;
  right: -10px;
}
.u-upload__progress[data-v-c8491d64] {
  background-color: #3c9cff !important;
  position: absolute;
  bottom: 0;
  left: 0;
}
.u-upload__status[data-v-c8491d64] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.u-upload__status__icon[data-v-c8491d64] {
  position: relative;
  z-index: 1;
}
.u-upload__status__message[data-v-c8491d64] {
  font-size: 12px;
  color: #FFFFFF;
  margin-top: 5px;
}
.u-upload__button[data-v-c8491d64] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background-color: #f4f5f7;
  border-radius: 2px;
  margin: 0 8px 8px 0;
  box-sizing: border-box;
}
.u-upload__button__text[data-v-c8491d64] {
  font-size: 11px;
  color: #909193;
  margin-top: 2px;
}
.u-upload__button--hover[data-v-c8491d64] {
  background-color: #e6e7e9;
}
.u-upload__button--disabled[data-v-c8491d64] {
  opacity: 0.5;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-waterfall[data-v-366bbda3] {
  display: flex;
  flex-direction: row;
  flex-direction: row;
  align-items: flex-start;
}
.u-column[data-v-366bbda3] {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}
.u-column[data-v-366bbda3]:not(:first-child) {
  margin-left: 0.3125rem;
}
.u-image[data-v-366bbda3] {
  max-width: 100%;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.item-comment[data-v-05fcfa07] {
  width: 100%;
  display: flex;
  margin-bottom: 1.5625rem;
}
.item-comment.child[data-v-05fcfa07] {
  margin-bottom: 0;
}
.item-comment .avatar[data-v-05fcfa07] {
  margin-right: 0.625rem;
}
.item-comment .content[data-v-05fcfa07] {
  flex: 1;
  font-size: 0.8125rem;
}
.item-comment .content .user-box[data-v-05fcfa07] {
  color: #9d9d9d;
}
.item-comment .content .user-box .author-tag[data-v-05fcfa07] {
  color: #f6284d;
  background-color: rgba(246, 40, 77, 0.2);
  padding: 0.0625rem 0.3125rem;
  border-radius: 1.5625rem;
  font-size: 0.625rem;
  margin-left: 0.3125rem;
  font-weight: 700;
}
.item-comment .content .reply-box[data-v-05fcfa07] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 1.1875rem;
  margin: 0.25rem 0;
}
.item-comment .content .reply-box .text[data-v-05fcfa07] {
  overflow-wrap: break-word;
  margin-right: 0.5rem;
}
.item-comment .content .reply-box .time[data-v-05fcfa07] {
  white-space: nowrap;
  color: #999;
  font-size: 0.6875rem;
  margin-right: 0.3125rem;
}
.item-comment .content .reply-box .reply-tip[data-v-05fcfa07] {
  font-size: 0.6875rem;
  color: #999;
}
.item-comment .right-box[data-v-05fcfa07] {
  display: flex;
  align-items: center;
}
.item-comment .right-box .icon-state[data-v-05fcfa07] {
  margin-right: 0.15625rem;
}
.child-comment-box[data-v-05fcfa07] {
  padding-left: 2.5rem;
  margin-bottom: 1.5625rem;
}
.child-comment-box .load-more[data-v-05fcfa07] {
  padding-left: 2.03125rem;
  color: #223b72;
  font-size: 0.8125rem;
  margin-top: 0.3125rem;
}
.child-comment-box .sub-comment[data-v-05fcfa07] {
  margin-top: 0.625rem;
  margin-bottom: 0;
}
.child-comment-box .sub-comment .avatar[data-v-05fcfa07] {
  margin-right: 0.46875rem;
}
.child-comment-box .sub-comment .reply-box[data-v-05fcfa07] {
  display: block;
}
.child-comment-box .sub-comment .reply-box .text[data-v-05fcfa07],
.child-comment-box .sub-comment .reply-box .time[data-v-05fcfa07],
.child-comment-box .sub-comment .reply-box .reply-tip[data-v-05fcfa07] {
  display: inline;
  vertical-align: middle;
}
.child-comment-box .sub-comment .reply-box .text[data-v-05fcfa07] {
  margin-right: 0.3125rem;
  overflow-wrap: break-word;
  line-height: 1.09375rem;
}
.child-comment-box .sub-comment .reply-box .time[data-v-05fcfa07] {
  color: #999;
  font-size: 0.6875rem;
  margin-right: 0.3125rem;
  white-space: nowrap;
}
.child-comment-box .sub-comment .reply-box .reply-tip[data-v-05fcfa07] {
  font-size: 0.6875rem;
  color: #999;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.follow-container .follow-box[data-v-ca095d49] {
  padding: 0.125rem 0.78125rem;
  border: 1px solid #ff2442;
  border-radius: 1.5625rem;
  color: #ff2442;
  margin-right: 0.3125rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
.follow-container .follow-box.follow[data-v-ca095d49] {
  border-color: #999;
  color: #333;
}
.follow-container .follow-box uni-text[data-v-ca095d49] {
  font-size: 14px;
}
[data-v-ca095d49] .u-modal__button-group__wrapper--confirm .u-modal__button-group__wrapper__text {
  color: #ff2442 !important;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 商城颜色变量 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.page-container[data-v-04f1b7e6] {
  display: flex;
  flex-direction: column;
  height: auto !important;
  background-color: #f8f8f8;
}
.page-container .nav-bar[data-v-04f1b7e6] {
  position: absolute;
}
.page-container .nav-bar .user-box[data-v-04f1b7e6] {
  display: flex;
  align-items: center;
}
.page-container .nav-bar .user-box .username[data-v-04f1b7e6] {
  margin-left: 0.625rem;
}
.page-container .content-box[data-v-04f1b7e6] {
  flex: 1;
  overflow: auto;
  background-color: #fff;
}
.page-container .content-box .content-container .post-content[data-v-04f1b7e6] {
  background-color: #fff;
  padding: 0 0 0.9375rem 0;
}
.page-container .content-box .content-container .post-content .post-title uni-text[data-v-04f1b7e6] {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  line-height: 1.4;
}
.page-container .content-box .content-container .post-content .post-image[data-v-04f1b7e6] {
  overflow: hidden;
  min-height: 65vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-container .content-box .content-container .post-content .post-image .image-box[data-v-04f1b7e6] {
  width: 100%;
}
.page-container .content-box .content-container .post-content .post-image[data-v-04f1b7e6] .image-list-box {
  width: 100%;
}
.page-container .content-box .content-container .post-content .post-image[data-v-04f1b7e6] .image-list-box .coverImage {
  width: 100%;
  min-height: 65vh;
}
.page-container .content-box .content-container .post-content .post-image[data-v-04f1b7e6] .image-list-box .u-swiper__wrapper__item__wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.page-container .content-box .content-container .post-content .post-image[data-v-04f1b7e6] .image-list-box .u-swiper__wrapper__item__wrapper .u-swiper__wrapper__item__wrapper__image {
  width: 100%;
  flex: 0 1 auto;
  border-radius: 0 !important;
  color: #e3e3e3;
}
.page-container .content-box .content-container .post-content .post-text[data-v-04f1b7e6] {
  margin: 0.625rem 0;
  line-height: 1.6;
  display: block;
  margin-bottom: 0.625rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
  max-height: 3em;
}
.page-container .content-box .content-container .post-content .post-text uni-text[data-v-04f1b7e6] {
  font-size: 14px;
  color: #333;
  line-height: 1.6;
  display: block;
  margin-bottom: 0.625rem;
}
.page-container .content-box .content-container .post-content .post-info[data-v-04f1b7e6] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.625rem;
}
.page-container .content-box .content-container .post-content .post-info .post-time[data-v-04f1b7e6],
.page-container .content-box .content-container .post-content .post-info .post-views[data-v-04f1b7e6] {
  font-size: 12px;
  color: #999;
}
.page-container .content-box .content-container .comment-section[data-v-04f1b7e6] {
  background-color: #fff;
  border-radius: 0.625rem;
  padding: 0.9375rem;
}
.page-container .content-box .content-container .comment-section .comment-title[data-v-04f1b7e6] {
  margin-bottom: 0.9375rem;
}
.page-container .content-box .content-container .comment-section .comment-title uni-text[data-v-04f1b7e6] {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.page-container .content-box .content-container .comment-section .comment-list .comment-item[data-v-04f1b7e6] {
  padding: 0.625rem 0;
  border-bottom: 1px solid #f5f5f5;
}
.page-container .content-box .content-container .comment-section .comment-list .comment-item .comment-user[data-v-04f1b7e6] {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.page-container .content-box .content-container .comment-section .comment-list .comment-item .comment-user .comment-avatar[data-v-04f1b7e6] {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 0.9375rem;
  margin-right: 0.5rem;
}
.page-container .content-box .content-container .comment-section .comment-list .comment-item .comment-user .comment-user-info[data-v-04f1b7e6] {
  display: flex;
  flex-direction: column;
}
.page-container .content-box .content-container .comment-section .comment-list .comment-item .comment-user .comment-user-info .comment-username[data-v-04f1b7e6] {
  font-size: 14px;
  color: #333;
  font-weight: 500;
}
.page-container .content-box .content-container .comment-section .comment-list .comment-item .comment-user .comment-user-info .comment-time[data-v-04f1b7e6] {
  font-size: 12px;
  color: #999;
  margin-top: 0.125rem;
}
.page-container .content-box .content-container .comment-section .comment-list .comment-item .comment-content[data-v-04f1b7e6] {
  margin: 0.3125rem 0;
}
.page-container .content-box .content-container .comment-section .comment-list .comment-item .comment-content uni-text[data-v-04f1b7e6] {
  font-size: 14px;
  color: #333;
  line-height: 1.5;
}
.page-container .content-box .content-container .comment-section .comment-list .comment-item .comment-content .at-user[data-v-04f1b7e6] {
  color: #ff2442;
  font-weight: 500;
}
.page-container .content-box .content-container .comment-section .comment-list .comment-item .comment-actions[data-v-04f1b7e6] {
  display: flex;
  margin-top: 0.5rem;
}
.page-container .content-box .content-container .comment-section .comment-list .comment-item .comment-actions .like-btn[data-v-04f1b7e6],
.page-container .content-box .content-container .comment-section .comment-list .comment-item .comment-actions .reply-btn[data-v-04f1b7e6] {
  display: flex;
  align-items: center;
  margin-right: 0.9375rem;
}
.page-container .content-box .content-container .comment-section .comment-list .comment-item .comment-actions .like-btn uni-text[data-v-04f1b7e6],
.page-container .content-box .content-container .comment-section .comment-list .comment-item .comment-actions .reply-btn uni-text[data-v-04f1b7e6] {
  font-size: 12px;
  color: #999;
  margin-left: 0.25rem;
}
.page-container .content-box .content-container .comment-section .comment-list .comment-item .nested-replies[data-v-04f1b7e6] {
  margin-left: 2.375rem;
  margin-top: 0.625rem;
  background-color: #f8f8f8;
  border-radius: 0.5rem;
  padding: 0.625rem;
}
.page-container .content-box .content-container .comment-section .comment-list .comment-item .nested-replies .nested-reply-item[data-v-04f1b7e6] {
  margin-bottom: 0.625rem;
}
.page-container .content-box .content-container .comment-section .comment-list .comment-item .nested-replies .nested-reply-item[data-v-04f1b7e6]:last-child {
  margin-bottom: 0;
}
.page-container .bottom-bar[data-v-04f1b7e6] {
  width: 100%;
  background-color: #fff;
  padding: 0.625rem 0.78125rem 0.625rem;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.page-container .bottom-bar .interaction-btns[data-v-04f1b7e6] {
  display: flex;
  justify-content: space-around;
  padding-bottom: 0.625rem;
}
.page-container .bottom-bar .interaction-btns .like-btn[data-v-04f1b7e6],
.page-container .bottom-bar .interaction-btns .comment-btn[data-v-04f1b7e6],
.page-container .bottom-bar .interaction-btns .share-btn[data-v-04f1b7e6] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-container .bottom-bar .interaction-btns .like-btn uni-text[data-v-04f1b7e6],
.page-container .bottom-bar .interaction-btns .comment-btn uni-text[data-v-04f1b7e6],
.page-container .bottom-bar .interaction-btns .share-btn uni-text[data-v-04f1b7e6] {
  font-size: 12px;
  color: #999;
  margin-top: 0.25rem;
}
.page-container .bottom-bar .right-box[data-v-04f1b7e6] {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
}
.page-container .bottom-bar .right-box .item[data-v-04f1b7e6] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.25rem;
  text-align: center;
}
.page-container .bottom-bar .right-box .item[data-v-04f1b7e6]:last-child {
  margin-right: 0;
}
.page-container .bottom-bar .right-box .item uni-text[data-v-04f1b7e6] {
  margin-left: 0.1875rem;
  white-space: nowrap;
}
.page-container .keybord-input-box[data-v-04f1b7e6] {
  position: fixed;
  z-index: -1;
}
.page-container .keybord-input-box.keybord-fixed[data-v-04f1b7e6] {
  z-index: 99999;
}
.page-container .keybord-input-box.keybord-fixed .overlay-input-box[data-v-04f1b7e6] {
  bottom: var(--tabbar-bottom, 350px) !important;
}
.page-container .keybord-input-box .overlay-input-box[data-v-04f1b7e6] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  padding: 0.625rem 0.625rem;
  background-color: #fff;
  align-items: center;
  display: flex;
  transition: bottom 0.15s;
  z-index: 99;
}
.page-container .keybord-input-box .comment-input-container[data-v-04f1b7e6] {
  margin: 0 0.625rem 0 0;
  flex: 1;
}
.page-container .keybord-input-box .comment-input-container uni-input[data-v-04f1b7e6] {
  min-height: 0;
  height: 1rem;
}
.page-container .keybord-input-box .right-box uni-button[data-v-04f1b7e6] {
  border-radius: 0.9375rem;
  padding: 0.3125rem 0.625rem;
  background-color: #ff2442;
  color: #fff;
  font-size: 0.78125rem;
}
.page-container .comment-input-container[data-v-04f1b7e6] {
  display: flex;
  align-items: center;
  background-color: #f5f5f5;
  border-radius: 1.25rem;
  padding: 0.5rem 0.9375rem;
  margin: 0 0.9375rem 0 0;
}
.page-container .comment-input-container .comment-input[data-v-04f1b7e6] {
  flex: 1;
  font-size: 14px;
  pointer-events: none;
}
.popup-box[data-v-04f1b7e6] {
  position: relative;
  background-color: #f5f5f5;
}
.popup-box .close-box[data-v-04f1b7e6] {
  position: absolute;
  right: 0.3125rem;
  top: 0.3125rem;
}
.popup-box .header[data-v-04f1b7e6] {
  text-align: center;
  padding: 0.46875rem 0;
}
.popup-box .actions-menu[data-v-04f1b7e6] {
  padding: 0.46875rem 0.9375rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.popup-box .actions-menu .item-action[data-v-04f1b7e6] {
  display: flex;
  flex-direction: column;
  justify-self: center;
  align-items: center;
}
.popup-box .actions-menu .item-action .icon-box[data-v-04f1b7e6] {
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 1.5625rem;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.3125rem;
}
.popup-box .actions-menu .item-action .icon-name[data-v-04f1b7e6] {
  font-size: 0.75rem;
  color: #484848;
}
[data-v-04f1b7e6] .u-bottom-tabbar {
  flex: 0;
}
[data-v-04f1b7e6] .u-bottom-tabbar .toAPP {
  min-width: 30%;
  position: absolute;
  top: -3.125rem;
}
[data-v-04f1b7e6] .u-bottom-tabbar .toAPP .storeAPP {
  background-color: #e9c279;
  color: #fff;
  border-radius: 1.5625rem;
  line-height: 1.5625rem;
  padding: 0.625rem;
}
[data-v-04f1b7e6] .u-bottom-tabbar .u-tabbar--fixed {
  z-index: 99 !important;
}
[data-v-04f1b7e6] .u-bottom-tabbar .u-tabbar__content__item-wrapper {
  height: 60px;
}
[data-v-04f1b7e6] .u-modal__button-group__wrapper--confirm .u-modal__button-group__wrapper__text {
  color: #FF2442 !important;
}
.post-box[data-v-04f1b7e6] {
  padding: 1.25rem;
}