Ver código fonte

前端小程序

202226701037 3 meses atrás
pai
commit
cf7adb1b67

+ 2 - 2
README.md

@@ -316,9 +316,9 @@ participant 合作机构
 
 ## 产品结构图
 
-![VPB1QjH06CVlynHZxli27gGr5bbGaHfFuc5CnXgSpPPC8gXuCRQKQfk5jbPeNQnu28XhRorLz6KwoVOj_7Q-B4o6MK_BPlu_lldD_rkI6KkpV238jOW_ZHDELrVyOFdUxJihD1HCIaBMMVYShN7ggTEogTwhYzAZhmcbr8XwpNvLRvqr1n-kFd_rA9FqORyDMS7By-tBtr-cnV](./assets/VPB1QjH06CVlynHZxli27gGr5bbGaHfFuc5CnXgSpPPC8gXuCRQKQfk5jbPeNQnu28XhRorLz6KwoVOj_7Q-B4o6MK_BPlu_lldD_rkI6KkpV238jOW_ZHDELrVyOFdUxJihD1HCIaBMMVYShN7ggTEogTwhYzAZhmcbr8XwpNvLRvqr1n-kFd_rA9FqORyDMS7By-tBtr-cnV.png)
+![1.img](./assets/1.png)
 
 
 ## 信息结构图
 
-![SoWkIImgAStDuL9CIKtBp4jL279r3d7qS_TnLKZEIImkvk9223pTqFzyHVVJNVqArLmAGA2jy6H7rvCz2ruqxtZPlC8vvEdiVHgQK9aNwzkUTgn-FhtrMNChGd3TmkVhfZlvUW95Qf5DVZvbnREExJ1ZeLnF5nJkqmczKFxJdLjUxck1SfurB0TQ1BDWr-gNgsV07BTtyilsNbIB](./assets/SoWkIImgAStDuL9CIKtBp4jL279r3d7qS_TnLKZEIImkvk9223pTqFzyHVVJNVqArLmAGA2jy6H7rvCz2ruqxtZPlC8vvEdiVHgQK9aNwzkUTgn-FhtrMNChGd3TmkVhfZlvUW95Qf5DVZvbnREExJ1ZeLnF5nJkqmczKFxJdLjUxck1SfurB0TQ1BDWr-gNgsV07BTtyilsNbIB.png)
+![2.img](./assets/2.png)

+ 0 - 0
assets/SoWkIImgAStDuL9CIKtBp4jL279r3d7qS_TnLKZEIImkvk9223pTqFzyHVVJNVqArLmAGA2jy6H7rvCz2ruqxtZPlC8vvEdiVHgQK9aNwzkUTgn-FhtrMNChGd3TmkVhfZlvUW95Qf5DVZvbnREExJ1ZeLnF5nJkqmczKFxJdLjUxck1SfurB0TQ1BDWr-gNgsV07BTtyilsNbIB.png → assets/1.png


+ 0 - 0
assets/VPB1QjH06CVlynHZxli27gGr5bbGaHfFuc5CnXgSpPPC8gXuCRQKQfk5jbPeNQnu28XhRorLz6KwoVOj_7Q-B4o6MK_BPlu_lldD_rkI6KkpV238jOW_ZHDELrVyOFdUxJihD1HCIaBMMVYShN7ggTEogTwhYzAZhmcbr8XwpNvLRvqr1n-kFd_rA9FqORyDMS7By-tBtr-cnV.png → assets/2.png


+ 58 - 0
chexnet-master-MP/App.vue

@@ -0,0 +1,58 @@
+<script>
+	export default {
+		onLaunch: function() {
+			console.log('App Launch');
+		},
+		onShow: function() {
+			console.log('App Show')
+		},
+		onHide: function() {
+			console.log('App Hide')
+		}
+	}
+</script>
+
+<style>
+	/*每个页面公共css */
+	@import "style/main.css";
+	@import "style/icon.css";
+	@import "style/animation.css";
+	@import "style/base.css";
+	
+	page{
+		background-color: #ffffff;
+		font-family: "Roboto";
+		height: 100vh;
+	}
+	.top-img{
+		top: -0vw;
+		left: 0;
+		right: 0;
+		width: 100vw;
+		margin-bottom: -15vw;
+	}
+
+	.button-all {
+		/* color: #5bae23; */
+		border: none;
+		border-radius: 15px;
+		/*backdrop-filter: blur(3px); /* 高斯模糊效果 */
+		/*background-color: rgba(255, 255, 255, 0.4); /* 半透明背景 */
+		/*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6); /* 添加阴影效果 */
+	}
+	.button-all:active {
+		opacity: 0.5;
+	    filter: brightness(90%);
+		transform: translateY(2px) translateX(2px);
+	}
+	
+	.no_data{
+		width: 100%; /* 设置宽度 */
+		height: 80vh; /* 设置高度 */
+		background-image: url('@/static/img/no-data.png'); 
+		background-size: 75vw 75vw;
+		background-position: center 10vh;
+		background-repeat: no-repeat; /* 不重复背景图片 */
+	}
+	
+</style>

Diferenças do arquivo suprimidas por serem muito extensas
+ 14 - 0
chexnet-master-MP/README.md


+ 20 - 0
chexnet-master-MP/index.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <script>
+      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
+        CSS.supports('top: constant(a)'))
+      document.write(
+        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
+        (coverSupport ? ', viewport-fit=cover' : '') + '" />')
+    </script>
+    <title></title>
+    <!--preload-links-->
+    <!--app-context-->
+  </head>
+  <body>
+    <div id="app"><!--app-html--></div>
+    <script type="module" src="/main.js"></script>
+  </body>
+</html>

+ 28 - 0
chexnet-master-MP/main.js

@@ -0,0 +1,28 @@
+import App from './App'
+
+// #ifndef VUE3
+import Vue from 'vue'
+import './uni.promisify.adaptor'
+Vue.config.productionTip = false
+App.mpType = 'app'
+const app = new Vue({
+  ...App
+})
+app.$mount()
+// #endif
+
+// #ifdef VUE3
+import { createSSRApp } from 'vue'
+export function createApp() {
+  const app = createSSRApp(App)
+  return {
+    app
+  }
+}
+// #endif
+
+import user_api from './data/user_api.js';  
+Vue.prototype.$user_api = user_api;
+
+import util from './data/util.js';  
+Vue.prototype.$util = util;

+ 17 - 0
chexnet-master-MP/package-lock.json

@@ -0,0 +1,17 @@
+{
+  "name": "test",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "dependencies": {
+        "uniapp-image-compress": "^1.0.5"
+      }
+    },
+    "node_modules/uniapp-image-compress": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/uniapp-image-compress/-/uniapp-image-compress-1.0.5.tgz",
+      "integrity": "sha512-57KuhmVQf1SNvV45gUZ9avTg0QjOzgw6XMjNe7o8Jazc9bUcftPWVpXHlrsfx+G2Rzs2zVOjxu2eW1svoj97/g=="
+    }
+  }
+}

+ 5 - 0
chexnet-master-MP/package.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "uniapp-image-compress": "^1.0.5"
+  }
+}

+ 123 - 0
chexnet-master-MP/pages.json

@@ -0,0 +1,123 @@
+{
+	"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
+		{
+			"path": "pages/index/index",
+			"style": {
+				"navigationBarTitleText": "智疗助手",
+				"enablePullDownRefresh": true,
+				"navigationStyle": "custom",
+				"navigationBarBackgroundColor": "#ffffff"
+			}
+		},
+		{
+			"path" : "pages/login/login",
+			"style" : 
+			{
+				"navigationBarTitleText" : "登陆",
+				"navigationBarBackgroundColor": "#1678ff",
+				"navigationBarTextStyle": "white"
+			}
+		},
+		{
+			"path" : "pages/my/my",
+			"style" : 
+			{
+				"navigationBarTitleText" : "我的",
+				"enablePullDownRefresh": true,
+				"navigationBarTextStyle": "white",
+				"navigationBarBackgroundColor": "#1678ff"
+			}
+		},
+
+		{
+			"path" : "pages/test/test",
+			"style" : 
+			{
+				"navigationBarTitleText" : ""
+			}
+		},
+		{
+			"path" : "pages/BMI/BMI",
+			"style" : 
+			{
+				"navigationBarTitleText" : "BMI计算",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path" : "pages/img_process/img_process",
+			"style" : 
+			{
+				"navigationBarTitleText" : "病例识别"
+			}
+		},
+		{
+			"path" : "pages/BMI/BMI_output/BMI_output",
+			"style" : 
+			{
+				"navigationBarTitleText" : "BMI计算结果",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path" : "pages/BMI/BMI_history/BMI_history",
+			"style" : 
+			{
+				"navigationBarTitleText" : "BMI 记录",
+				"navigationBarBackgroundColor": "#f1f3f2"
+			}
+		},
+		{
+			"path" : "pages/my/user_info/user_info",
+			"style" : 
+			{
+				"navigationBarTitleText" : "个人资料",
+				"enablePullDownRefresh": true,
+				"navigationBarTextStyle": "white",
+				"navigationBarBackgroundColor": "#1678ff"
+			}
+		},
+		{
+			"path" : "pages/ai/ai",
+			"style" : 
+			{
+				"navigationBarTitleText" : ""
+			}
+		}
+	],
+	"globalStyle": {
+		"navigationBarTextStyle": "black",
+		"navigationBarTitleText": "首页",
+		"navigationBarBackgroundColor": "#ffffff"	
+	},
+	"tabBar": {
+		"borderStyle": "black",
+		"backgroundColor": "#fafbff",
+		"selectedColor": "#1296db",
+		"iconWidth": "20px",
+		"fontSize": "10px",
+		"list": [
+			{
+				"pagePath": "pages/ai/ai",
+				"text": "AI",
+				"iconPath": "/static/tabs/ai-icon.png",
+				"selectedIconPath": "/static/tabs/ai-icon-c.png"
+			},
+			{
+				"pagePath": "pages/index/index",
+				"text": "首页",
+				"iconPath": "/static/tabs/home-icon.png",
+				"selectedIconPath": "/static/tabs/home-icon-c.png"
+			},
+			{
+				"pagePath": "pages/my/my",
+				"text": "我的",
+				"iconPath": "/static/tabs/user-icon.png",
+				"selectedIconPath": "/static/tabs/user-icon-c.png"
+			}
+		]
+	},
+	"uniIdRouter": {}
+}

+ 279 - 0
chexnet-master-MP/pages/index/index.vue

@@ -0,0 +1,279 @@
+<template>
+	<view>
+		<!-- <view class="header-index">
+			<text class="header-title">智疗助手</text>
+			<navigator v-if="name" @click="to_home" class="header-login">您好:{{name}}</navigator>
+			<navigator v-else url="/pages/login/login" class="header-login">登录/注册</navigator>
+		</view> -->
+		
+		<!-- <uv-swiper class="button-all" 
+			bgColor="background-color: rgba(0, 0, 0, 0);" 
+			style="margin:0 -15px;height: calc(25vh - 15px);" height="25vh" imgMode="aspectFill" indicator indicatorMode="dot" :list="list">
+		</uv-swiper> -->
+		
+		<image class="top-img" src="@/static/img/lbt1.jpg"></image>
+		
+		<view class="container">
+			<!-- <view class="search-bar">
+				<input type="text" placeholder="请输入关键词搜索" />
+			</view> -->
+			<view @click="to_ai()" class="large-button button-all" style="background-color: #d4f4c2;"><!-- blanchedalmond -->
+				<view class="align-center flex justify-between">
+					<image style="height: 25vw; width: 25vw; margin-left: 0vw;" src="@/static/img/ai-talk.png"></image>
+					<p style="color: #5c6a7c; font-size: 30px; margin-left: 3vw;">AI 问诊</p>
+				</view>
+			</view>
+			
+			<view @click="$util.navigateTo('/pages/img_process/img_process')" class="large-button button-all" style="background-color: blanchedalmond;"><!-- blanchedalmond -->
+				<view class="align-center flex justify-between">
+					<image style="height: 23vw; width: 23vw; margin-left: 0vw;" src="@/static/img/识别.png"></image>
+					<p style="color: #5c6a7c; font-size: 28px; margin-left: 3vw;">病例识别</p>
+				</view>
+			</view>
+			
+			<view @click="$util.navigateTo('/pages/BMI/BMI')" class="large-button button-all" style="background-color: aliceblue;">
+				<view class="align-center flex justify-between">
+					<image style="height: 25vw; width: 25vw; margin-left: 0vw;" src="@/static/img/bmi.png"></image>
+					<p style="color: #5c6a7c; font-size: 30px; margin-left: 12vw;">B M I</p>
+				</view>
+			</view>
+			
+			<view>
+				<image style="height: 30vw;width: 30vw; margin-top: auto; position: fixed; bottom: 0vh; left: -2vw;" src="@/static/img/doctor.png"></image>
+				<view v-if="isTalking" :style="{ width: talkWidth }" class="talk">{{message}}</view>
+			</view>
+			<!-- <uv-button @click="$util.navigateTo('/pages/test/test')"></uv-button> -->
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	onLoad() {
+		this.$user_api.check_login();
+	},
+	mounted(){
+		this.talk();
+	},
+	onShow() {
+		this.name = uni.getStorageSync("name");
+	},
+	onPullDownRefresh() {
+		this.name = uni.getStorageSync("name");
+		setTimeout(() => {uni.stopPullDownRefresh();}, 1000);
+	},
+	data() {
+		return {
+			name: null,
+			time: 1,
+			message: '您好 !',
+			message_num: 0,
+			talkWidth: '30vw',
+			isTalking: true
+			// list: [
+			// 	'../../static/img/lbt1.jpg',
+			// 	'../../static/img/lbt2.jpg',
+			// 	'../../static/img/lbt3.jpg'
+			// ]
+		};
+	},
+	methods: {
+		to_ai(){
+			uni.switchTab({
+				url: '/pages/ai/ai'
+			})
+		},
+		to_home(){
+			uni.switchTab({
+				url: '/pages/my/my'
+			})
+		},
+		talk(){
+			return new Promise((resolve, reject) => {
+				if(this.message_num < 6){
+					if(this.message_num == 1) {
+						this.talkWidth = '30vw';
+						const hour = new Date().getHours();
+						console.log('hour: ',hour);
+						if (hour >= 4 && hour < 8) {
+							this.message = '早上好 !'; // 早上
+						} else if (hour >= 8 && hour < 12) {
+							this.message = '上午好 !'; // 上午
+						} else if (hour >= 12 && hour < 18) {
+							this.message = '下午好 !'; // 下午
+						} else {
+							this.message = '晚上好 !'; // 晚上
+						}
+						this.applyAnimation();
+					}
+					if(this.message_num == 2) {
+						this.talkWidth = '60vw';
+						this.message = '希望您今天过得愉快。';
+						this.applyAnimation();
+					}
+					if(this.message_num == 3) {
+						this.talkWidth = '65vw';
+						this.message = '有什么我可以帮您的吗?';
+						this.applyAnimation();
+					}
+					if(this.message_num == 4) {
+						this.talkWidth = '60vw';
+						this.message = '注意休息,保持健康。';
+						this.applyAnimation();
+					}
+					
+					this.message_num = this.message_num + 1;
+					// console.log('this.message_num: ',this.message_num);
+					setTimeout(() => this.talk(), 3000);
+				}
+				else{
+					this.message_num = 0;
+					setTimeout(() => this.talk(), 3000);
+				}
+			})
+		},
+		applyAnimation() {
+			this.isTalking = false;
+			setTimeout(() => this.isTalking = true, 100);
+		},
+	}
+};
+</script>
+<!-- 
+		background-image: url('@/static/img/background.jpg');
+		background-position: top center; /* 图片定位到顶部中心 */
+		background-repeat: no-repeat; /* 防止图片重复 */
+		background-size: 100% auto; /* 宽度覆盖整个容器,高度按比例调整 */-->
+
+<style>
+	page {
+		height: 100vh;
+	}
+	
+	.container {
+		background-color: #ffffff;
+		margin: 0 15px;
+		display: flex;
+		flex-direction: column;
+		height: 80vh;
+	}
+
+	.header-index {
+	  width: 100%;
+	  padding: 10px;
+	  display: flex;
+	  justify-content: space-between;
+	  align-items: center;
+	  color: #ee4863;
+	  font-weight: 1000;
+	  backdrop-filter: blur(10px); /* 高斯模糊效果 */
+	  background-color: #f8df72; /* 半透明背景 */
+	  border: none;
+	}
+
+	.header-title {
+	  font-size: 20px;
+	}
+
+	.header-login {
+	  color: white;
+	  text-decoration: none;
+	  font-size: 16px;
+	}
+
+	.search-bar {
+	  width: 100%;
+	}
+
+	.search-bar input {
+	  font-size: 16px;
+	  width: 100%;
+	  height: 5vh;
+	  padding: 10px;
+	  box-sizing: border-box;
+	  border-radius: 5px;
+	}
+
+	.button-group {
+	  font-weight: 1000;
+	  margin-top: 20px;
+	  width: 100%;
+	  display: flex;
+	  justify-content: space-between;
+	  gap: 20px;
+	}
+
+	.square-button {
+	  width: 100%;
+	  height: 18vh;
+	  line-height: 100px;
+	  text-align: center;
+	  color: #5bae23;
+	  border: none;
+	  border-radius: 5px;
+	}
+
+	.large-button {
+		color: #fff;
+		z-index: 0;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		width: 100%;
+		height: 16vh;
+		margin-top: 20px;
+		width: 100%;
+		font-weight: 1000;
+	}
+	
+	.talk {
+		position: fixed;
+		bottom: 4vh;
+		left: 30vw;
+		width: 30vw;
+		height: 40px;
+		color: #5c6a7c;
+		font-size: 20px;
+		font-weight: 1000;
+		border-radius: 8px;
+		background-color: #ffece3;
+		display: flex; /* 使用flex布局来实现居中 */
+		justify-content: center; /* 水平居中 */
+		align-items: center; /* 垂直居中 */
+	}
+	
+	.talk::before {
+		content: "";
+		position: absolute;
+		top: 50%; /* 三角形位于元素下方 */
+		right: 100%; /* 水平居中 */
+		width: 0;
+		height: 0;
+		border-top: 6px solid transparent;
+		border-bottom: 6px solid transparent;
+		border-right: 10px solid #ffece3; /* 使用变量 */
+		transform: translateY(-50%); /* 确保三角形的中心点位于 .active 元素的中心 */
+	}
+	
+	.talk {
+	    opacity: 0; /* 初始透明度 */
+		animation: fadeInLeft 1s ease-in-out forwards;
+	}
+	
+	/* 箭头淡入动画 */
+	@keyframes fadeInLeft {
+		0% {
+			opacity: 0;
+			transform: translateX(100%);
+		}
+		100% {
+			opacity: 1;
+			transform: translateX(0);
+		}
+	}
+
+</style>
+
+
+
+

+ 213 - 0
chexnet-master-MP/pages/login/login.vue

@@ -0,0 +1,213 @@
+<template>
+	<view>
+		<view v-if="register" style="font-size: 15px; font-weight:550;">
+			<view class="top-back"></view>
+			<view class="container">
+				<view class="content">	
+					<view class="margin-top" >
+						<uv-gap height="10" ></uv-gap>
+						
+						<!-- <p style="font-size: 25px;">个人信息</p> -->
+						<uv-divider class="head-text" text="个人资料" textSize="26" textColor="#000"></uv-divider>
+						
+						<uv-gap height="10" ></uv-gap>
+						
+						<view class="margin-top"><!-- 昵称 -->
+							<view class="title">昵称</view>
+							<uv-gap height="10" ></uv-gap>
+							
+							<view class="flex justify-between">
+								<input maxlength=20 class="" type="nickname" style="width: 60%;" v-model="user.name" placeholder-style="color: #cccccc; font-size: 24px; font-weight: 100;" placeholder="请输入昵称" />
+								<image src="../../static/img/user.png" style="background-color: #fff;width: 15vw;height: 15vw;margin: 0 30px 5px;"></image>
+							</view>
+						</view>
+						<uv-divider customStyle="margin: 0 0"></uv-divider>
+						
+						<uv-gap height="20" ></uv-gap>
+						
+						<view><!-- 性别 -->
+							<view class="">
+								<view class="title">性别</view>
+								<uv-gap height="10" ></uv-gap>
+								<view class="flex justify-between">
+									<input placeholder="请选择性别" disabled="disabled" style="width: 60%;" name="input" v-model="gender" placeholder-style="color: #cccccc; font-size: 24px; font-weight: 100;" @click="changegender"></input>
+									<image @click="confirm({'indexs': [0]})" src="../../static/img/man.png" style="background-color: #fff;width: 15vw;height: 15vw;"></image>
+									<image @click="confirm({'indexs': [1]})" src="../../static/img/woman.png" style="background-color: #fff;width: 15vw;height: 15vw;"></image>
+								</view>
+							</view>
+							<uv-picker ref="picker" :columns="columns" @confirm="confirm"></uv-picker>
+						</view>
+						<uv-divider customStyle="margin: 0 0"></uv-divider>
+						
+						<uv-gap height="20" ></uv-gap>
+						
+						<view class="" style="margin-bottom: -20upx;"><!-- 年龄 -->
+							<view class="title">年龄</view>
+							<uv-gap height="10" ></uv-gap>
+							<input class="weui-input" type="number" v-model="user.age" placeholder-style="color: #cccccc; font-size: 24px; font-weight: 100;" placeholder="请输入年龄" />
+						</view>
+						<uv-divider customStyle="margin: 0 0"></uv-divider>
+						
+						<uv-gap height="10" ></uv-gap>
+						
+					</view>	
+					<uv-modal width=260 ref="modal" title="请将信息填写完整"  @confirm="confirm"></uv-modal>				
+				</view>
+				
+				<uv-button @click="update()" customStyle="position: fixed; bottom: 40px;width: calc(100vw - 30px);" shape="circle" size="large" color="#1296db">保存</uv-button>
+			</view>
+		</view>
+		<view v-else>
+			<button style="background-color:#07c160; width: 65%; color: white; font-size: 20px; font-weight:550;
+			margin-top: 50%;" @click="login()">
+			<text style="font-size: 23px; padding-right: 5px;" class="cuIcon-weixin"></text>微信一键登陆
+			</button>	
+		</view>
+	</view>
+</template>
+
+<script>
+	import website from '@/data/website.js';
+	export default {
+		data() {
+			return {
+				user:{
+					name: '',
+					gender: '',
+					age: '',
+				},
+				gender: '',
+				columns: [['男','女']],
+				register:0,
+				request:1,
+			}
+		},
+		methods: {	
+			changegender() {
+				this.$refs.picker.open();
+			},
+			confirm(e) {
+				this.user.gender = e['indexs'][0];
+				this.gender = this.user.gender === 0 ? '男' : '女';
+			},
+			bindblur(e) {
+				console.log('获取微信昵称', e);
+				this.name = e.detail.value; // 获取微信昵称
+			},
+			login(){
+				if(this.request){
+					this.request = 0;
+					uni.showLoading({title: '加载中...'});
+					console.log('this.user: ',this.user);
+					this.$user_api.user_login()
+						.then((res) => {
+							uni.hideLoading();
+							if(res == 'new'){
+								this.register = 1;
+								this.request = 1;
+							}	
+							if(res == 'old'){
+								uni.showToast({duration:1000,icon:'success',title: '登陆成功 !'});
+								setTimeout(() => {this.request = 1; uni.navigateBack();}, 1300);
+							}
+						}).catch((err) => {  
+							this.request = 1;
+							uni.hideLoading();
+							uni.showToast({icon:"error",title: '登陆失败 !'});
+						});
+				}
+			},
+			update(){
+				if(this.user.name.length > 0){
+					//用户名必须由1到20个字符组成,并且只能包含字母和数字。
+					const regex = /^[a-zA-Z0-9\u4e00-\u9fa5]{1,20}$/;
+					const isValid = regex.test(this.user.name);
+					
+					if (isValid) {
+						console.log("用户名有效");
+						
+						if(this.request){
+							this.request = 0;
+							uni.showLoading({title: '加载中...'});
+							this.$user_api.user_update(this.$util.removeNullValues(this.user))
+								.then((res) => {
+									uni.hideLoading();
+									uni.showToast({duration:1000,icon:'success',title: '保存成功 !'});
+									setTimeout(() => {this.request = 1; uni.navigateBack();}, 1300);
+									
+								}).catch((err) => {  
+									this.request = 1;
+									uni.hideLoading();
+									uni.showToast({icon:"error",title: '保存失败 !'});
+								});
+						}
+						
+					} else {
+						console.log("用户名无效");
+						uni.showToast({duration:1500,icon:"none",title: '用户名只能包含字母和数字'});
+					}
+				}
+				else{
+					uni.showToast({duration:1500,icon:"none",title: '请输入用户名'});
+				}
+			}
+		}
+	}
+</script>
+
+<style>
+	page {
+		height: 100vh;
+	}
+	.top-back{
+		height: 25px;
+		background-color: #1296db;
+		color: #fff;
+		margin-bottom: -5vh;
+	}
+	.top-back p{
+		height: 7.5vh;
+		display: flex; /* 使用flex布局来实现居中 */
+		justify-content: center; /* 水平居中 */
+		align-items: center; /* 垂直居中 */
+		font-size: 20px;
+		letter-spacing: 10px;
+		margin-left: 10px;
+		font-weight: 600;
+	}
+	
+	.container {
+	  padding: 0 15px;
+	  border-radius: 25px;
+	  border: none;
+	  background-color: #ffffff;
+	}
+	.head-text{
+		letter-spacing: 5px;
+		font-weight: 600;
+	}
+	.title{
+		letter-spacing: 2px;
+		color: #8c92ad;
+		font-size: 18px;
+	}
+	input {
+		letter-spacing: 1px;
+	    width: 100%;
+		height: 8vh;
+	    padding-bottom: 5px;
+	    font-size: 24px;
+		font-weight: 600;
+		font-weight: 400;
+		color: #000;
+	    outline: none; /* 移除聚焦时的默认边框 */
+	}
+	.content {
+	  padding: 0 20rpx;
+	  border-radius: 20rpx;
+	}
+	.content image:active {
+		transform: translateY(2px) translateX(2px);
+	}
+
+</style>

+ 205 - 0
chexnet-master-MP/pages/my/my.vue

@@ -0,0 +1,205 @@
+<template>
+	<view>
+		<view class="top-back">
+			<view @click="$util.navigateTo('/pages/my/user_info/user_info')" class="flex justify-between">
+				<text v-if="name" class="head-text">您好:{{name}}</text>
+				<text v-else class="head-text">登陆/注册</text>
+				<text class="cuIcon-right"></text>
+			</view>
+		</view>
+		<view class="content margin-top">
+			<uv-gap height="10" ></uv-gap>
+			
+			<view class="button-group">
+				<button @click="$util.navigateTo('/pages/my/user_info/user_info')" class="button-item flex justify-between">
+					<view class="align-center flex justify-between">
+						<image style="background-color: #fff;" class="icon" src="@/static/img/user.png"></image>
+						<text>个人资料</text>
+					</view>
+					<text class="cuIcon-right"></text>
+				</button>
+				
+				<uv-divider customStyle="margin:0px;width:92%;margin:0 auto;"></uv-divider>
+				
+				<button class="button-item flex justify-between">
+					<view class="align-center flex justify-between">
+						<image style="background-color: #fff;" src="@/static/img/family.png"></image>
+						<text>家庭成员</text>
+					</view>
+					<text class="cuIcon-right"></text>
+				</button>
+			</view>
+			
+			<view class="button-group">
+				<button @click="to_ai()" class="button-item flex justify-between">
+					<view class="align-center flex justify-between">
+						<image style="background-color: #fff;" src="@/static/img/ai.png"></image>
+						<text>AI 问诊记录</text>
+					</view>
+					<text class="cuIcon-right"></text>
+				</button>
+				
+				<uv-divider customStyle="margin:0px;width:92%;margin:0 auto;"></uv-divider>
+				
+				<button class="button-item flex justify-between">
+					<view class="align-center flex justify-between">
+						<image style="background-color: #fff;" src="@/static/img/medical_box.png"></image>
+						<text>病例识别记录</text>
+					</view>
+					<text class="cuIcon-right"></text>
+				</button>
+				
+				<uv-divider customStyle="margin:0px;width:92%;margin:0 auto;"></uv-divider>
+				
+				<button @click="$util.navigateTo('/pages/BMI/BMI_history/BMI_history')" class="button-item flex justify-between">
+					<view class="align-center flex justify-between">
+						<image style="background-color: #fff;" src="@/static/img/bmi.png"></image>
+						<text>BMI 记录</text>
+					</view>
+					<text class="cuIcon-right"></text>
+				</button>
+				
+				<uv-divider customStyle="margin:0px;width:92%;margin:0 auto;"></uv-divider>
+				
+				<button class="button-item flex justify-between">
+					<view class="align-center flex justify-between">
+						<image style="background-color: #fff;" src="@/static/img/health-tip.png"></image>
+						<text>健康知识收藏夹</text>
+					</view>
+					<text class="cuIcon-right"></text>
+				</button>
+			</view>
+			
+			<view class="button-group">
+				<button open-type="share" class="button-item flex justify-between">
+					<view class="align-center flex justify-between">
+						<text style="margin:0 12px 0 3px;font-size: 25px;" class="cuIcon-share"></text>
+						<text>分享小程序</text>
+					</view>
+					<text class="cuIcon-right"></text>
+				</button>
+				
+				<uv-divider customStyle="margin:0px;width:92%;margin:0 auto;"></uv-divider>
+				
+				<button open-type="feedback" class="button-item flex justify-between">
+					<view class="align-center flex justify-between">
+						<image style="background-color: #ffffff;" src="@/static/img/feedback.png"></image>
+						<text>问题反馈</text>
+					</view>
+					<text class="cuIcon-right"></text>
+				</button>
+				
+				<uv-divider customStyle="margin:0px;width:92%;margin:0 auto;"></uv-divider>
+				
+				<button class="button-item flex justify-between">
+					<view class="align-center flex justify-between">
+						<text style="margin:0 12px 0 3px;font-size: 25px;" class="cuIcon-settings"></text>
+						<text>设置</text>
+					</view>
+					<text class="cuIcon-right"></text>
+				</button>
+			</view>
+			
+			<uv-gap height="30"></uv-gap>
+			<uv-divider text="我是有底线的"></uv-divider>
+			
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		onLoad() {
+			this.name = uni.getStorageSync("name");
+		},
+		onPullDownRefresh(){
+			
+		},
+		data() {
+			return {
+				name: null,
+				request: 1,
+			}
+		},
+		methods: {	
+			to_ai(){
+				uni.setStorageSync('ai_history', true);
+				uni.switchTab({
+					url: '/pages/ai/ai'
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="less">
+	page{
+		background-color: #f5f5f5;
+	}
+	text{
+		font-size: 18px;
+		display: flex;
+		justify-content: center; /* 水平居中 */
+		align-items: center;    /* 垂直居中 */
+	}
+	image{
+		margin-right: 10px;
+		width: 30px;
+		height: 30px;
+		background-color: #ffffff;
+	}
+
+	.content {
+		padding: 0 10px;
+		border-radius: 25px;
+		border: none;
+		background-color: #f5f5f5;
+	}
+	.button-group{
+		border: none;
+		border-radius: 15px;
+		width: 100%;
+		background-color: #ffffff;
+		margin-bottom: 15px;
+		
+		:first-child{
+			border-radius: 15px 15px 0% 0%;
+		}
+		:last-child{
+			border-radius:0% 0% 15px 15px;
+		}
+		:only-child {
+		    border-radius: 15px;
+		}
+	}
+	.button-item{
+		border: 0px;
+		height: 12vw;
+		padding: 0 10px;
+		background-color: #ffffff;
+	}
+	.button-item::after {
+	    display: none;
+	}
+	.button-item:active {
+		filter: brightness(80%);
+		opacity: 0.5;
+	}
+	.header{
+		width: 10vw;
+		height: 10vw;
+	}
+	.top-back{
+		padding: 5px 20px;
+		height: 20vw;
+		background-color: #1678ff;
+		color: #fff;
+		margin-bottom: -5vh;
+		
+		.head-text{
+			letter-spacing: 2px;
+			font-size: 20px;
+			font-weight: 500;
+		}
+	}
+</style>

+ 197 - 0
chexnet-master-MP/pages/my/user_info/user_info.vue

@@ -0,0 +1,197 @@
+<template>
+	<view>
+		<view class="top-back"></view>
+		<view class="content">
+			<view class="margin-top" >
+				<uv-gap height="10" ></uv-gap>
+				
+				<!-- <p style="font-size: 25px;">个人信息</p> -->
+				<uv-divider class="head-text" text="个人资料" textSize="26" textColor="#000"></uv-divider>
+				
+				<uv-gap height="10" ></uv-gap>
+				
+				<view class="margin-top"><!-- 昵称 -->
+					<view class="title">昵称</view>
+					<uv-gap height="10" ></uv-gap>
+					
+					<view class="flex justify-between">
+						<input maxlength=20 class="" type="nickname" style="width: 60%;" v-model="user.name" placeholder-style="color: #cccccc; font-size: 24px; font-weight: 100;" placeholder="请输入昵称" />
+						<image src="@/static/img/user.png" style="background-color: #fff;width: 15vw;height: 15vw;margin: 0 30px 5px;"></image>
+					</view>
+				</view>
+				<uv-divider customStyle="margin: 0 0"></uv-divider>
+				
+				<uv-gap height="20" ></uv-gap>
+				
+				<view><!-- 性别 -->
+					<view class="">
+						<view class="title">性别</view>
+						<uv-gap height="10" ></uv-gap>
+						<view class="flex justify-between">
+							<input placeholder="请选择性别" disabled="disabled" style="width: 60%;" name="input" v-model="gender" placeholder-style="color: #cccccc; font-size: 24px; font-weight: 100;" @click="changegender"></input>
+							<image @click="confirm({'indexs': [0]})" src="@/static/img/man.png" style="background-color: #fff;width: 15vw;height: 15vw;"></image>
+							<image @click="confirm({'indexs': [1]})" src="@/static/img/woman.png" style="background-color: #fff;width: 15vw;height: 15vw;"></image>
+						</view>
+					</view>
+					<uv-picker ref="picker" :columns="columns" @confirm="confirm"></uv-picker>
+				</view>
+				<uv-divider customStyle="margin: 0 0"></uv-divider>
+				
+				<uv-gap height="20" ></uv-gap>
+				
+				<view class="" style="margin-bottom: -20upx;"><!-- 年龄 -->
+					<view class="title">年龄</view>
+					<uv-gap height="10" ></uv-gap>
+					<input class="weui-input" type="number" v-model="user.age" placeholder-style="color: #cccccc; font-size: 24px; font-weight: 100;" placeholder="请输入年龄" />
+				</view>
+				<uv-divider customStyle="margin: 0 0"></uv-divider>
+				
+				<uv-gap height="10" ></uv-gap>
+				
+			</view>	
+			<uv-modal width=260 ref="modal" title="请将信息填写完整"  @confirm="confirm"></uv-modal>				
+		</view>
+		
+		<uv-button @click="update()" customStyle="position: fixed; bottom: 40px;width: calc(100vw - 60px);margin: 0 30px" shape="circle" size="large" color="#1678ff">保存</uv-button>
+	</view>
+</template>
+
+<script>
+	export default {
+		onLoad() {
+			this.user.name = uni.getStorageSync("name");
+			this.$user_api.user_get().then(res => {
+				this.user = this.$util.removeNullValues(res);
+				this.gender = this.user.gender === 0 ? '男' : '女';
+				uni.setStorageSync("name",res.name);
+				uni.setStorageSync("user",this.user);
+			});
+		},
+		onPullDownRefresh(){
+			this.user.name = uni.getStorageSync("name");
+			this.$user_api.user_get().then(res => {
+				this.user = this.$util.removeNullValues(res);
+				this.gender = this.user.gender === 0 ? '男' : '女';
+				uni.setStorageSync("name",res.name);
+				uni.setStorageSync("user",this.user);
+			});
+			setTimeout(() => {uni.stopPullDownRefresh();}, 1000);
+		},
+		data() {
+			return {
+				user:{
+					name: '',
+					gender: '',
+					age: '',
+				},
+				gender: '',
+				columns: [['男','女']],
+				request: 1,
+			}
+		},
+		methods: {	
+			changegender() {
+				this.$refs.picker.open();
+			},
+			confirm(e) {
+				this.user.gender = e['indexs'][0];
+				this.gender = this.user.gender === 0 ? '男' : '女';
+			},
+			update(){
+				if(this.user.name.length > 0){
+					//用户名必须由1到20个字符组成,并且只能包含字母和数字。
+					const regex = /^[a-zA-Z0-9\u4e00-\u9fa5]{1,20}$/;
+					const isValid = regex.test(this.user.name);
+					
+					if (isValid) {
+						console.log("用户名有效");
+						
+						if(this.request){
+							let user = uni.getStorageSync("user");
+							
+							if(!this.$util.ObjectEqual(user,this.user)){
+								this.request = 0;
+								uni.showLoading({title: '加载中...'});
+								console.log('this.user: ',this.user);
+								this.$user_api.user_update(this.$util.removeNullValues(this.user))
+									.then((res) => {
+										this.request = 1;
+										uni.hideLoading();
+										uni.showToast({duration:1000,icon:'success',title: '保存成功 !'});
+										
+									}).catch((err) => {  
+										this.request = 1;
+										uni.hideLoading();
+										uni.showToast({icon:"error",title: '保存失败 !'});
+									});
+							}
+							else{
+								console.log("信息未改变");
+								uni.showToast({duration:1500,icon:"error",title: '信息未发生改变'});
+							}
+						}
+					} else {
+						console.log("用户名无效");
+						uni.showToast({duration:1500,icon:"none",title: '用户名只能包含字母和数字'});
+					}
+				}
+				else{
+					uni.showToast({duration:1500,icon:"none",title: '请输入用户名'});
+				}
+			}
+		}
+	}
+</script>
+
+<style>
+	page {
+		height: 100vh;
+	}
+	.top-back{
+		height: 25px;
+		background-color: #1678ff;
+		color: #fff;
+		margin-bottom: -5vh;
+	}
+	.top-back p{
+		height: 7.5vh;
+		display: flex; /* 使用flex布局来实现居中 */
+		justify-content: center; /* 水平居中 */
+		align-items: center; /* 垂直居中 */
+		font-size: 20px;
+		letter-spacing: 10px;
+		margin-left: 10px;
+		font-weight: 600;
+	}
+	
+	.head-text{
+		letter-spacing: 5px;
+		font-weight: 600;
+	}
+	.title{
+		letter-spacing: 2px;
+		color: #8c92ad;
+		font-size: 18px;
+	}
+	input {
+		letter-spacing: 1px;
+	    width: 100%;
+		height: 8vh;
+	    padding-bottom: 5px;
+	    font-size: 24px;
+		font-weight: 600;
+		font-weight: 400;
+		color: #000;
+	    outline: none; /* 移除聚焦时的默认边框 */
+	}
+	.content {
+	  padding: 0 35px;
+	  border-radius: 25px;
+	  border: none;
+	  background-color: #ffffff;
+	}
+	.content image:active {
+		transform: translateY(2px) translateX(2px);
+	}
+
+</style>

+ 184 - 0
chexnet-master-MP/style/animation.css

@@ -0,0 +1,184 @@
+/* 
+  Animation 微动画  
+  基于ColorUI组建库的动画模块 by 文晓港 2019年3月26日19:52:28
+ */
+
+/* css 滤镜 控制黑白底色gif的 */
+.gif-black{  
+  mix-blend-mode: screen;  
+}
+.gif-white{  
+  mix-blend-mode: multiply; 
+}
+
+
+/* Animation css */
+[class*=animation-] {
+    animation-duration: .5s;
+    animation-timing-function: ease-out;
+    animation-fill-mode: both
+}
+
+.animation-fade {
+    animation-name: fade;
+    animation-duration: .8s;
+    animation-timing-function: linear
+}
+
+.animation-scale-up {
+    animation-name: scale-up
+}
+
+.animation-scale-down {
+    animation-name: scale-down
+}
+
+.animation-slide-top {
+    animation-name: slide-top
+}
+
+.animation-slide-bottom {
+    animation-name: slide-bottom
+}
+
+.animation-slide-left {
+    animation-name: slide-left
+}
+
+.animation-slide-right {
+    animation-name: slide-right
+}
+
+.animation-shake {
+    animation-name: shake
+}
+
+.animation-reverse {
+    animation-direction: reverse
+}
+
+@keyframes fade {
+    0% {
+        opacity: 0
+    }
+
+    100% {
+        opacity: 1
+    }
+}
+
+@keyframes scale-up {
+    0% {
+        opacity: 0;
+        transform: scale(.2)
+    }
+
+    100% {
+        opacity: 1;
+        transform: scale(1)
+    }
+}
+
+@keyframes scale-down {
+    0% {
+        opacity: 0;
+        transform: scale(1.8)
+    }
+
+    100% {
+        opacity: 1;
+        transform: scale(1)
+    }
+}
+
+@keyframes slide-top {
+    0% {
+        opacity: 0;
+        transform: translateY(-100%)
+    }
+
+    100% {
+        opacity: 1;
+        transform: translateY(0)
+    }
+}
+
+@keyframes slide-bottom {
+    0% {
+        opacity: 0;
+        transform: translateY(100%)
+    }
+
+    100% {
+        opacity: 1;
+        transform: translateY(0)
+    }
+}
+
+@keyframes shake {
+
+    0%,
+    100% {
+        transform: translateX(0)
+    }
+
+    10% {
+        transform: translateX(-9px)
+    }
+
+    20% {
+        transform: translateX(8px)
+    }
+
+    30% {
+        transform: translateX(-7px)
+    }
+
+    40% {
+        transform: translateX(6px)
+    }
+
+    50% {
+        transform: translateX(-5px)
+    }
+
+    60% {
+        transform: translateX(4px)
+    }
+
+    70% {
+        transform: translateX(-3px)
+    }
+
+    80% {
+        transform: translateX(2px)
+    }
+
+    90% {
+        transform: translateX(-1px)
+    }
+}
+
+@keyframes slide-left {
+    0% {
+        opacity: 0;
+        transform: translateX(-100%)
+    }
+
+    100% {
+        opacity: 1;
+        transform: translateX(0)
+    }
+}
+
+@keyframes slide-right {
+    0% {
+        opacity: 0;
+        transform: translateX(100%)
+    }
+
+    100% {
+        opacity: 1;
+        transform: translateX(0)
+    }
+}

+ 3721 - 0
chexnet-master-MP/style/base.css

@@ -0,0 +1,3721 @@
+/* page{
+	background-color: #f6f6f6;
+	color: #333333;
+} */
+.text-decoration{
+	text-decoration:line-through;
+}
+.text-vip-style{
+	color: #fbbd08;
+	text-shadow: 0px 0upx 1px rgba(0, 0, 0, 0.3);
+}
+.header{
+	position: fixed;
+	z-index: 999;
+	left: 0px;
+	width: 100%;
+	transition:0.3s all;
+}
+.header .cu-bar{
+	/*  #ifdef APP-PLUS || H5  */
+	/* box-shadow: 0px 0px 8upx rgba(0, 0, 0, 0.1); */
+	/*  #endif  */
+	
+}
+.header .content{
+	color: #333;
+}
+.header .action{
+	color: #333;
+}
+.swiper-text{
+	position: absolute;
+	top: 0upx;
+	
+	width: 100%;
+	height: 100%;
+	color: #fff;
+	padding: 0px 60upx;
+	background-color: rgba(0,0,0,0.25);
+}
+.swiper-title{
+	font-size: 40upx;
+	padding-top: 120upx;
+	font-weight: bold;
+	margin-bottom: 15upx;
+	opacity: 0.9;
+	text-overflow: -o-ellipsis-lastline;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 1;
+	line-clamp: 1;
+	-webkit-box-orient: vertical;
+}
+.swiper-intro{
+	opacity: 0.6;
+	text-overflow: -o-ellipsis-lastline;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 1;
+	line-clamp: 1;
+	-webkit-box-orient: vertical;
+}
+.toGroup{
+	padding: 2upx 10upx;
+	font-size: 24upx;
+	border: solid 1px #333;
+	border-radius: 5upx;
+	color: #333;
+}
+.index-sort{
+	background-color: #fff;
+	text-align: center;
+	padding: 0px 15upx;
+	/* box-shadow: 0px 0px 5px rgba(0,0,0,.1); */
+}
+.index-sort-main{
+	padding: 25upx 0upx;
+}
+.index-sort-i{
+	width: 80upx;
+	height: 80upx;
+	line-height: 80upx;
+	text-align: center;
+	margin: 0 auto 10upx auto;
+	color: #fff;
+	background-color: #0081ff;
+	font-size: 36upx;
+	border-radius: 50%;
+	/* box-shadow: 1px 2px 2px rgba(0,0,0,.15); */
+	opacity: 0.8;
+}
+.tool-sort .index-sort-i{
+	width: 90upx;
+	height: 90upx;
+	line-height: 90upx;
+}
+.inbox-sort{
+	padding: 20upx 0px;
+}
+.inbox-sort .index-sort-i{
+	width: 90upx;
+	height: 90upx;
+	line-height: 90upx;
+	position: relative;
+}
+.inbox-sort .index-sort-i .unreadNum{
+	position: absolute;
+	top:-16upx;
+	right: -16upx;
+	font-size: 24upx;
+	line-height: 34upx;
+	display: block;
+	text-align: center;
+	padding: 0 10upx;
+	height: 34upx;
+	border-radius: 50%;
+}
+.index-sort-text{
+	font-size: 26upx;
+}
+.index-sort .index-sort-box:nth-child(1) .index-sort-i{
+	background-color: #fbbd08;
+	
+}
+.index-sort .index-sort-box:nth-child(2) .index-sort-i{
+	background-color: #39b54a;
+}
+.index-sort .index-sort-box:nth-child(3) .index-sort-i{
+	background-color: #2eabbf; 
+}
+.index-sort .index-sort-box:nth-child(4) .index-sort-i{
+	background-color: #e54d42;
+}
+.index-sort .index-sort-box:nth-child(5) .index-sort-i{
+	background-color: #24c597;
+}
+.index-sort .index-sort-box:nth-child(6) .index-sort-i{
+	background-color: #e03997;
+}
+.index-sort .index-sort-box:nth-child(7) .index-sort-i{
+	background-color: #eb550f;
+}
+.index-sort .index-sort-box:nth-child(8) .index-sort-i{
+	background-color: #4343e7;
+}
+.index-sort .index-sort-box:nth-child(9) .index-sort-i{
+	background-color: #ff9f10;
+}
+.data-box{
+	margin-top: 12upx;
+	background-color: #ffffff;
+	/* box-shadow: 0px 0px 5px rgba(0,0,0,.1); */
+	padding: 0upx;
+}
+.all-box{
+	margin-top: 20upx;
+	background-color: #ffffff;
+}
+.data-box-title{
+	color: #333;
+	font-size: 30upx !important;
+	font-weight: bold;
+	
+	text-overflow: -o-ellipsis-lastline;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	line-clamp: 2;
+	-webkit-box-orient: vertical;
+}
+.more text{
+	font-size: 24upx;
+	color: #999;
+}
+.more .cuIcon-right{
+	font-size: 30upx !important;
+	color: #999;
+}
+.data-box .cu-bar{
+	border:none;
+	min-height: 80upx;
+}
+.data-time{
+	background: none !important;
+	color: #999 !important;
+	float: right;
+	padding: 0;
+}
+.text-i{
+	height: auto;
+	overflow: hidden;
+}
+.data-author{
+	background: none !important;
+	padding-left: 0px !important;
+	color: #999;
+}
+.data-author .cuIcon-message{
+	margin-right: 10upx;
+	font-size: 28upx;
+}
+.data-author text{
+	margin-right: 6upx;
+}
+.data-box .cu-item{
+	padding-top: 30upx;
+	border-bottom: solid 1px #f9f9f9;
+	
+}
+.data-box .cu-item .cu-item.category-item{
+	border-bottom:none;
+	padding-top: 0upx;
+	padding:20upx 0upx;
+	background:#f3f3f3;
+	margin-top: 18upx;
+	border-radius: 8upx;
+}
+.cu-card.article{
+	border-bottom: solid 1px #f3f3f3;
+}
+.user .data-box .cu-item{
+	border-bottom: none;
+}
+.cu-list.menu-avatar>.cu-item.userinfo:after{
+	border-bottom: none;
+}
+.data-box .cu-card .desc .text-content{
+	font-size: 32upx !important;
+	color: #333 !important;
+	height: auto !important;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display:-webkit-box;
+	-webkit-box-orient:vertical;
+	-webkit-line-clamp:2;
+}
+.cu-card.article>.cu-item .content .text-content{
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display:-webkit-box;
+	-webkit-box-orient:vertical;
+	-webkit-line-clamp:3;
+	word-break: break-all;
+}
+.cu-card.article>.cu-item .content.article-content .text-content{
+	-webkit-line-clamp:2;
+	height: 2.8em;
+	overflow: hidden;
+}
+.cu-card.article>.cu-item .content.article-content {
+	display: block;
+}
+.cu-card.article>.cu-item .content.article-content>image{
+	float: left;
+	height: 5.5em;
+}
+.cu-card.article>.cu-item  .article-content-btn{
+	padding: 0px 30upx;
+	margin-top: 20upx;
+}
+.content-author{
+	line-height: 45upx;
+	height: 45upx;
+	overflow: hidden;
+	margin-top: 25upx;
+	font-size: 24upx;
+	color: #666;
+}
+.content-author.bigImg-style{
+	margin-top: 15upx;
+	margin-bottom: 0upx;
+}
+.article-imgMain{
+	padding: 0upx 20upx;
+}
+.cu-card.article>.cu-item .article-content-btn.article-list-btn{
+	margin-top: 10upx;
+}
+.article-img{
+	padding: 0upx 10upx;;
+}
+.article-img image{
+	width: 100%;
+	height: 150upx;
+	border-radius:8upx;
+	background-color: #f3f3f3;
+}
+.content-author image{
+	width: 45upx;
+	display: block;
+	float: left;
+	height: 45upx;
+	margin-right: 15upx;
+	border-radius: 50%;
+}
+.cu-card.article>.cu-item .title{
+	line-height: 70upx;
+	margin-top: 15upx;
+	margin-bottom: 5upx;
+}
+.content-author .article-category{
+	float: right;
+}
+.content-author.content-header{
+	padding: 0upx 30upx;
+}
+.data-box  .cu-card.article>.cu-item .content>image{
+	width: 220upx;
+	height: 6em;
+	
+	border-radius: 15upx;
+}
+.text-rule{
+	color: #0081FF;
+	display: none;
+}
+.topic{
+	padding: 0upx 15upx;
+	width: 100%;
+}
+.topic-box{
+	padding:10upx;
+}
+.topic-main{
+	border-radius: 15upx;
+	overflow: hidden;
+	
+	height: 160upx;
+	position: relative;
+}
+.topic-main image{
+	width: 100%;
+	height: 160upx;
+	transition:0.3s all;
+}
+.topic-main:hover image{
+	-webkit-transform:scale(1.3);
+	-ms-transform:scale(1.3);
+	transform:scale(1.3);
+}
+.topic-text{
+	position: absolute;
+	width: 100%;
+	height: 160upx;
+	text-align: center;
+	line-height: 160upx;
+	top: 0px;
+	font-size: 30upx;
+	left: 0px;
+	font-weight: bold;
+	z-index: 10;
+	background-color: rgba(0,0,0,0.25);
+	color: #fff;
+}
+.news-box{
+	padding: 30upx;
+	color: #333;
+	font-size: 32upx;
+	border-bottom: solid 1px #f9f9f9;
+	text-overflow: -o-ellipsis-lastline;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 1;
+	line-clamp: 1;
+	-webkit-box-orient: vertical;
+}
+.info{
+	
+}
+.info-title{
+	padding: 40upx 30upx 20upx 30upx;
+	font-size: 36upx;
+	line-height: 60upx;
+	font-weight: bold;
+	background: #fff;
+	
+}
+.info-tyle{
+	padding: 0upx 30upx 20upx 30upx;
+	font-size: 24upx;
+	background: #fff;
+	border-bottom: solid 1px #f3f3f3;
+}
+.info-tyle .cuIcon-attention{
+	margin: 0upx 8upx 0upx 20upx;
+}
+.info-date{
+	float: right;
+	color: #999;
+}
+.info-content{
+	background: #fff;
+	font-size: 30upx;
+	line-height:1.8;
+	padding: 10upx 30upx 40upx 30upx;
+}
+.user-form{
+	margin-top: 100upx;
+	padding: 0upx 80upx;
+}
+.user-form .cu-form-group{
+	margin-bottom: 20upx;
+	border: solid #f3f3f3 1px;
+	min-height: 90upx;
+	border-radius: 10upx;
+}
+.user-form .user-btn{
+	margin-top: 60upx;
+}
+.user-foget{
+	width: 100%;
+	height: 90upx;
+	line-height: 90upx;
+	color: #999;
+	text-align: center;
+	position: fixed;
+	bottom: 50upx;
+	left: 0px;
+}
+.metaList{
+	padding: 0px 10upx;
+}
+.home-nav.metaList{
+	position: fixed;
+	left: 0px;
+	width: 100%;
+	z-index:300;
+	background-color: #fff;
+}
+.goCategory{
+	height: 80upx;
+	width: 60upx;
+	line-height: 80upx;
+	height: 80upx;
+	position: absolute;
+	font-weight: bold;
+	text-align: center;
+	right: 10upx;
+	top: 0;
+	font-size: 36upx;
+}
+.home-nav.metaList .nav {
+	width: calc(100% - 60upx);
+}
+.home-nav.metaList .nav .cu-item{
+	height: 80upx;
+	line-height: 80upx;
+	padding: 0upx 12upx;
+}
+.metaList .nav .cu-item.cur{
+	border:none;
+	color: #000;
+	border-bottom: #0081ff 4upx solid;
+	/* font-size: 32upx; */
+	font-weight: bold;
+}
+.nav.forumTop .cu-item{
+	height: 90upx;
+	line-height: 90upx;
+	padding: 0upx 12upx;
+}
+.nav.forumTop .cu-item.cur{
+	border:none;
+	color: #000;
+	border-bottom: #0081ff 4upx solid;
+	/* font-size: 32upx; */
+	font-weight: bold;
+}
+.load-more{
+	background-color: #f3f3f3;
+	height: 80upx;
+	line-height: 80upx;
+	text-align: center;
+}
+.userList .cuIcon-lightfill{
+	margin-left: 10upx;
+	background-color: #fbbd08;
+	color: #333333;
+	display: inline-block;
+	height: 40upx;
+	width: 40upx;
+	text-align: center;
+	border-radius: 50%;
+	font-size: 24upx;
+	
+}
+
+.no-data{
+	width: 100%;
+	padding: 60upx 0upx;
+	text-align: center;
+	color: #999;
+	font-size: 26upx;
+}
+.no-data .cuIcon-text{
+	display: block;
+	font-size: 80upx;
+	color: #ddd;
+	margin-bottom: 15upx;
+}
+.content image{
+	background-color: #f3f3f3;
+}
+.top{
+	padding: 0upx 30upx 20upx 30upx;
+}
+.top-box{
+	padding: 20upx 0upx;
+	border-bottom: solid 1px #f9f9f9;
+	overflow:hidden;
+	text-overflow:ellipsis;
+	white-space:nowrap;
+}
+.top-box text{
+	display: inline-block;
+	width: 35upx;
+	height: 35upx;
+	background-color: #8799a3;
+	text-align: center;
+	line-height: 35upx;
+	color: #fff;
+	margin-right: 15upx;
+	border-radius: 50%;
+	margin-left: 10upx;
+}
+.top-box:nth-child(1) text{
+	background-color:#fbbd08;
+	box-shadow: 0px 0px 8upx #fbbd08;
+	color: #333;
+}
+.top-box:nth-child(2) text{
+	background-color:#e54d42;
+	box-shadow: 0px 0px 8upx #e54d42;
+}
+.top-box:nth-child(3) text{
+	background-color:#f37b1d;
+	box-shadow: 0px 0px 8upx #f37b1d;
+}
+.category{
+	padding: 15upx;
+}
+.category-box{
+	padding: 10upx;
+}
+.category-content{
+	padding-bottom: 20upx;
+	/* border-left:  solid 1px #f3f3f3;
+	border-right:  solid 1px #f3f3f3; */
+}
+.category-main{
+	padding: 18upx;
+	text-align: center;
+	/* color: #0081ff;
+	border: solid 1px rgba(0, 129, 255, 0.4); */
+	color: #000;
+	/* border: solid 1px #ccc; */
+	background-color: #f3f3f3;
+	border-radius: 8upx;
+}
+.category-box.active .category-main{
+	color: #fff;
+	border: solid 1px #0081ff;
+	background-color:  #0081ff;
+	box-shadow: 0upx 0upx 15upx #0081ff;
+	
+}
+.allCategory{
+	margin-top: 5upx;
+}
+.category-item{
+	padding: 0upx 20upx;
+	background: #fff;
+	margin-bottom: 10upx;
+	border-radius: 8upx;
+}
+.category-item-title{
+	height: 90upx;
+	line-height: 90upx;
+}
+.category-item-title text{
+	float: right;
+}
+.category-manage-sub{
+	padding: 10upx 30upx;
+}
+.tags{
+	width: 100%;
+	overflow: hidden;
+	padding: 20upx;
+}
+.tags text.tags-box{
+	padding:12upx 25upx;
+	line-height: 40upx;
+	text-align: center;
+	color: #0081ff;
+	border: none;
+	background-color: rgba(0, 129, 255, 0.2);
+	width: auto;
+	margin: 10upx;
+	border-radius: 30upx;
+	float: left;
+	font-size: 24upx;
+	opacity: 0.9;
+}
+.tags text.tags-box.active{
+	color: #fff;
+	border: solid 1px #0081ff;
+	background-color:  #0081ff;
+	box-shadow: 0upx 0upx 15upx #0081ff;
+}
+.info-content .tags{
+	padding: 0upx;
+	border-top: solid 1px #f9f9f9;
+	padding-top: 30upx;
+}
+.data-box .menu .cu-item{
+	padding-top: 0upx;
+}
+.edit-tool{
+	height: 80upx;
+	line-height: 80upx;
+	padding: 0upx 10upx;
+}
+.edit-tool text{
+	display: inline-block;
+	margin: 0upx 10upx;
+	width: 40upx;
+	font-size: 40upx;
+}
+.edit-tool text.cuIcon-read{
+	float: right;
+}
+.cu-form-group .text{
+	/* height: calc(100vh - 490upx); */
+	/* #ifdef APP-PLUS */
+	/* height: calc(100vh - 540upx); */
+	/* #endif */
+	line-height: 45upx;
+	width: 100%;
+}
+.cu-form-group scroll-view.text{
+	padding: 30upx 0upx;
+}
+.LinksModal input{
+	height: 70upx;
+	text-align: left;
+	padding: 10upx 20upx;
+	font-size: 24upx;
+	border: solid #999 1px;
+	border-radius: 8upx;
+	background-color: #fff;
+}
+.LinksModal input:nth-child(1){
+	margin-bottom: 30upx;
+}
+.post{
+	max-height: 100%;
+}
+.update-tips{
+	padding: 6upx;
+	border-radius: 4upx;
+	font-size: 22upx;
+	margin-right: 10upx;
+}
+.logout{
+	width: 100%;
+	margin-top: 30upx;
+	padding: 0upx 30upx;
+}
+.logout-main{
+	width: 100%;
+	text-align: center;
+	border-radius: 10upx;
+	height: 80upx;
+	line-height: 80upx;
+	background-color: #fff;
+}
+.ImageList{
+	width: 100%;
+	padding: 0upx 20upx;
+}
+
+.ImageList-box{
+	height: 500upx;
+	overflow: hidden;
+	margin-bottom: 20upx;
+	border-radius: 20upx;
+	position: relative;
+}
+.setImage{
+	position: absolute;
+	right: 10px;
+	top: 10px;
+	z-index: 150;
+	border-radius: 5px;
+}
+.image-info{
+	position: absolute;
+	bottom: 30upx;
+	left: 0upx;
+	padding: 0upx 30upx;
+}
+.image-info text{
+	padding: 10upx;
+	background-color: #008080;
+	color: #fff;
+	font-size: 24upx;
+	opacity: 0.8;
+	border-radius: 8upx;
+}
+.ImageList image{
+	width: 100% !important;
+}
+.comment{
+	position: relative;
+}
+.copy-comment{
+	opacity: 0;
+	position: absolute;
+	right: 30upx;
+	top: 0upx;
+	z-index: 888;
+	color: #0081FF;;
+	font-size: 22upx;
+	padding: 5upx 20upx;
+	border-radius: 8upx;
+	border: solid 1px #0081FF;;
+	background-color: #e0eaff;;
+	transition:0.3s all;
+	-webkit-transition:0.3s all;
+	-moz-transition:0.3s all;
+	-o-transition:0.3s all;
+	-ms-transition:0.3s all;
+}
+.cu-list.comment:hover .copy-comment{
+	opacity: 1;
+}
+.search-type{
+	line-height: 80upx;
+	padding: 0upx 30upx;
+	text-align: center;
+	height: 80upx;
+	border-bottom: solid 1px #f3f3f3;
+	position: relative;
+	z-index: 10;
+}
+.search-type-box{
+	color: #999;
+}
+.search-type-box.active{
+	border-bottom: solid 2px #0081FF;
+	color: #333;
+}
+.loading{
+	width: 100%;
+	height: 100vh;
+	z-index: 888;
+	background-color: #fff;
+	position: fixed;
+	top: 0;
+	left: 0;
+	text-align: center;
+}
+.loading-main{
+	position: fixed;
+	width: 100%;
+	top: 40%;
+}
+.loading image{
+	width: 100upx;
+	height: 100upx;
+}
+.menu-avatar{
+	position: relative;
+	width: 100%;
+}
+.clock-btn{
+	position: absolute;
+	top: 50upx;
+	right: 40upx;
+	border-radius: 8upx;
+	font-size: 24upx;
+	color: #fff;
+	padding: 10upx 25upx;
+	background-color: #1AAD16;
+}
+.clock-btn.istap{
+	background-color: #008080;
+}
+.user-data{
+	padding: 30upx 30upx 10upx 30upx;
+	text-align: center;
+	border-top: solid 1px #f3f3f3;
+	margin-top: 20upx;
+}
+.user-data-box{
+	height: 88upx;
+}
+.user-data-title{
+	font-size: 24upx;
+	color: #999;
+	margin-top: 10upx;
+}
+.user-data-value{
+	color: #2eabbf;
+	font-size: 40upx;
+}
+.user-data-box:nth-child(1){
+	border-right: solid 1px #f6f6f6;
+}
+.user-data-box:nth-child(2){
+	border-right: solid 1px #f6f6f6;
+}
+.user-data-box:nth-child(3) .user-data-value{
+	color: #fbbd08;
+}
+.usermarks .data-box{
+	background: none;
+}
+.usermarks .data-box .cu-item{
+	padding-top: 0px !important;
+	margin-bottom: 10upx;
+	border: none;
+}
+.usermarks .cu-list.menu-avatar>.cu-item:after,.usermarks  .cu-list.menu>.cu-item:after{
+	border: none;
+}
+.usermarks .cu-avatar.lg{
+	width: 80upx;
+	height: 80upx;
+}
+.usermarks .cu-list.menu-avatar>.cu-item .content{
+	left: 130upx;
+}
+.cu-card.article>.cu-item .content>image{
+	width: 220upx;
+}
+.info-btn .cuIcon-favor,.info-btn .cuIcon-favorfill{
+	margin-right: 5upx;
+}
+.info-btn .cuIcon-favorfill{
+	color: #fbbd08;
+}
+.content-btn{
+	max-width: 400upx;
+	margin: 0 auto;
+	padding: 40upx 0upx;
+	text-align: center;
+}
+.content-btn-i{
+	border-radius: 10upx;
+	margin: 0 auto;
+}
+.content-btn-i text{
+	color: #999;
+	font-size: 24upx;
+}
+.content-btn-i .btn-i{
+	display: block;
+	color: #0081FF;
+	font-size: 60upx;
+	
+}
+.content-btn-i .cuIcon-rechargefill{
+	color: #DD514C;
+}
+.api-login{
+	text-align: center;
+	width: 450upx;
+	margin: 50upx auto 0upx auto;
+}
+.api-login-box{
+	text-align: center;
+}
+.api-login-box image{
+	width: 90upx;
+	height: 90upx;
+}
+.all-btn{
+	padding: 0upx 50upx;
+}
+.post-update{
+	position: fixed;
+	bottom: 50upx;
+	right: 30upx;
+	width: 90upx;
+	height: 90upx;
+	color: #fff;
+	text-align: center;
+	line-height: 90upx;
+	border-radius: 50%;
+	box-shadow: 0px 0px 8upx rgba(0, 0, 0, 0.1);
+}
+.manage-data{
+	padding: 10upx 20upx 20upx 20upx;
+}
+.manage-data .user-data-box{
+	border-right: solid 1px #f6f6f6;
+	border-top: solid 1px #f6f6f6;
+	padding: 20upx 0upx;
+	height: auto;
+}
+
+.manage-data .user-data-box .user-data-value{
+	color: #ce292c !important;
+	font-size: 30upx;
+}
+.manage-data .user-data{
+	margin-top: 0upx;
+	border:none;
+	padding: 0upx;
+	border-left: solid 1px #f6f6f6;
+	border-bottom: solid 1px #f6f6f6;
+}
+.manage-data.upcoming .user-data{
+	border: none;
+	padding: 5upx;
+	
+}
+.manage-data.upcoming .user-data .user-data-main{
+	background: #f6f6f6;
+	width: 100%;
+	padding: 20upx 0upx;
+	border-radius: 20upx;
+}
+.manage-data.upcoming{
+	padding: 0upx 10upx 20upx 10upx;
+}
+.manage-data.upcoming .user-data-box .user-data-value{
+	color:#f37b1d !important;
+	font-size: 32upx;
+	font-weight: bold;
+}
+.manage-data.upcoming .user-data-box{
+	border: none;
+	padding: 10upx;
+}
+.manage-dataLoad{
+	text-align: center;
+	padding: 100upx 0upx;
+}
+.manage-dataLoad image{
+	width: 100upx;
+}
+
+
+.ruleApi-Info{
+	text-align: center;
+	padding: 30upx 0upx;
+}
+.ruleApi-title{
+	color: #666;
+	margin-bottom: 15upx;
+}
+.ruleApi-Info .ruleApi-Info-box:nth-child(1){
+	border-right: solid 1px #f6f6f6;
+}
+.ruleApi-name{
+	font-size: 45upx;
+	color: #111;
+	margin-bottom: 5upx;
+}
+.ruleApi-version{
+	font-size: 22upx;
+	margin-bottom: 30upx;
+}
+.ruleApi-Info .cu-btn{
+	border-radius: 8upx;
+}
+.update{
+	width: 100%;
+	height: 100vh;
+	position: fixed;
+	z-index: 2000;
+	top: 0;
+	left: 0;
+}
+.update-bg{
+	background-color: #000;
+	width: 100%;
+	height: 100vh;
+	position: fixed;
+	z-index: 2001;
+	top: 0;
+	left: 0;
+	opacity: 0.5;
+}
+.update-box{
+	width: 100%;
+	position: absolute;
+	top: 30%;
+	z-index: 2002;
+}
+.update-main{
+	background-color: #fff;
+	width: 550upx;
+	margin: 0 auto;
+	border-radius: 20upx;
+	text-align: center;
+	padding-bottom: 40upx;
+}
+.update-box image{
+	width: 208upx;
+	height: 135upx;
+	margin: -70upx auto 0 auto;
+}
+.update-title{
+	margin-top: 20upx;
+	font-size: 36upx;
+	margin-bottom: 40upx;
+	font-weight: bold;
+}
+.update-intro{
+	padding: 0upx 40upx 30upx 40upx;
+	font-size: 26upx;
+	text-align: left;
+	line-height: 40upx;
+	color: #666;
+}
+.update-btn{
+	padding: 20upx;
+}
+.update-btn-box{
+	padding: 0upx 20upx;
+}
+.update-btn-main{
+	padding: 15upx 0upx;
+	border-radius: 10upx;
+}
+.pay-codeImg{
+	background-color: #fff;
+	text-align: center;
+	padding: 30upx 0upx;
+}
+.shop-list{
+	padding: 30upx 10upx;
+}
+.shop-box{
+	padding: 10upx 0upx;
+	border-bottom: solid 1px #f6f6f6;
+	-webkit-transition:0.3s all;
+	-moz-transition:0.3s all;
+	-o-transition:0.3s all;
+	-ms-transition:0.3s all;
+}
+.shop-main{
+	padding: 15upx;
+	border-radius: 10upx;
+	overflow: hidden;
+	
+}
+.shop-box:hover{
+	background: #f6f6f6;
+}
+.shop-img{
+	height: 220upx;
+	width: 220upx;
+	border-radius: 15upx;
+	background: #f6f6f6;
+	overflow: hidden;
+	float: left;
+}
+.shop-concent{
+	width: calc(100% - 220upx);
+	float: left;
+	box-sizing: border-box;
+	padding-left: 16upx;
+	position: relative;
+}
+.shop-concent .cuIcon-cart{
+	position: absolute;
+	right: 0;
+	font-size: 30upx;
+	color: #666;
+	bottom: 2upx;
+}
+.shop-img image{
+	width: 100%;
+	border-radius: 15upx;
+	background-color: #f3f3f3;
+}
+.shop-title{
+	font-size:30upx;
+	margin-bottom: 6upx;
+	overflow: hidden;
+	height: 76upx;
+	text-overflow: ellipsis;
+	display:-webkit-box;
+	-webkit-box-orient:vertical;
+	-webkit-line-clamp:2;
+}
+.shop-list-value{
+	font-size: 24upx;
+	color: #999;
+}
+.shop-info{
+	padding: 6upx 0upx;
+	line-height: 40upx;
+}
+.shop-price{
+	font-size: 38upx;
+}
+.shop-info .cuIcon-cart{
+	float:right;
+}
+.shop-list-user{
+	font-size: 24upx;
+}
+.shop-list-user .content-author{
+	margin-top: 0upx;
+}
+.shopinfo-img{
+	width: 100%;
+	height: 400upx;
+	overflow: hidden;
+}
+.shopinfo-img image{
+	width: 100%;
+	height: 400upx;
+}
+.shopinfo-title{
+	font-size: 35upx;
+	line-height: 50upx;
+	font-weight: bold;
+	background-color: #fff;
+	padding: 20upx 30upx;
+	border-bottom: solid 1px #f3f3f3;
+}
+.shopinfo-bar{
+	position: fixed;
+	width: 100%;
+	z-index: 999;
+	bottom: 0;
+	left: 0;
+	background-color: #fff;
+	border-top: solid 1px #f3f3f3;
+	height: 100upx;
+	line-height: 100upx;
+	padding: 0upx 30upx;
+}
+.shopinfo-price{
+	font-size: 38upx;
+	color: #CE292C;
+	font-weight: bold;
+}
+.shopinfo-btn{
+	text-align: right;
+}
+.shopinfo-info{
+	text-align: right;
+	padding: 10upx 30upx;
+	background-color: #fff;
+}
+.shopinfo-tips{
+	padding: 10upx 30upx;
+	background-color: #fff;
+	font-size: 24upx;
+}
+.shop-btn{
+	padding: 8upx 0upx;
+	margin: 0upx 10upx;
+}
+.text-tips{
+	line-height: 40upx;
+}
+.order-box{
+	background-color: #fff;
+	border-top: solid 1px #f3f3f3;
+	padding: 30upx;
+}
+.order-info{
+	margin-bottom: 20upx;
+	line-height: 50upx;
+}
+.order-id{
+	font-weight: bold;
+}
+.order-type{
+	float: right;
+	padding: 5upx 15upx;
+	border-radius: 8upx;
+	font-size: 24upx;
+}
+.order-shop{
+	background-color: #f3f3f3;
+	padding: 30upx;
+	margin-bottom: 20upx;
+}
+.order-btn .text-blue{
+	float: right;
+}
+.order-btn .text-green{
+	float: right;
+}
+.order-btn .order-status{
+	float: right;
+}
+.shop-status{
+	font-size: 22upx;
+	padding: 8upx 15upx;
+	position: absolute;
+	top: 10upx;
+	left: 20upx;
+	z-index: 100;
+	opacity: 0.8;
+	border-radius: 8upx;
+}
+.shop-main{
+	position: relative;
+}
+.setShop{
+	width: 100%;
+	height: 100vh;
+	position: fixed;
+	z-index: 9999;
+}
+.setShop-bg{
+	width: 100%;
+	height: 100vh;
+	position: fixed;
+	z-index: 10000;
+	opacity: 0.5;
+	background-color: #000000;
+}
+.setShop-box{
+	width: 100%;
+	height: 100vh;
+	position: fixed;
+	z-index: 10001;
+	top: 10%;
+}
+.setShop-main{
+	margin: 0 auto;
+	background-color: #fff;
+	width: 550upx;
+	border-radius: 10upx;
+	padding: 30upx;
+}
+.setShop-title{
+	text-align: center;
+	margin-bottom: 30upx;
+	position: relative;
+}
+.setShop-list{
+	background-color: #f3f3f3;
+	height: 670upx;
+	padding: 0upx 10upx;
+}
+.setShop-close{
+	position: absolute;
+	right: -10upx;
+	top: -15upx;
+	font-size: 38upx;
+	font-weight: bold;
+	color: #CE292C;
+}
+.setShop-list-box{
+	width: 100%;
+	padding: 20upx 15upx;
+	background-color: #fff;
+	border-bottom: #ccc;
+	font-size: 24upx;
+	margin: 10upx auto;
+	
+	opacity: 0.8;
+	line-height: 40upx;
+}
+.setShop-list-box text{
+	margin-right: 10upx;
+}
+.setShop-status{
+	text-align: right;
+}
+.setShop-list-box:hover,.setShop-list-box.cur{
+	background-color: #ccc;
+}
+.content-shop .cu-card{
+	/* box-shadow: 0upx 0upx 18upx rgba(0,0,0,0.2); */
+	border: solid 1px #ddd;
+	border-radius: 10upx;
+	overflow: auto;
+}
+.content-shop  .shop-name{
+	padding: 10upx 20upx;
+}
+.shop-tool{
+	padding: 40upx 20px;
+	position: relative;
+}
+.shop-tool .text-content{
+	font-weight: bold;
+	font-size: 30upx;
+	margin-bottom:5upx;
+}
+.shop-tool .cu-btn{
+	border-radius: 5upx;
+	margin: 10upx 10upx 0upx 10upx;
+}
+.shop-tool .tool-price{
+	font-size: 30upx;
+}
+.shop-tool .shop-name{
+	position: absolute;
+	color: #999;
+	top: 0upx;
+	right: 0upx;
+	text-align: right;
+}
+.shop-tool image{
+	width: 180upx;
+	border-radius: 10upx;
+	height: 180upx;
+	margin: 0upx auto;
+	background-color: #F3F3F3;
+}
+.content-shop .cu-card.article>.cu-item .content .text-content{
+	color: #000;
+	font-weight: bold;
+}
+.content-shop .cu-card.article>.cu-item .content .text-red{
+	font-size: 32upx;
+	font-weight: bold;
+}
+.content-shop .cu-card.article>.cu-item .content .cuIcon-cart{
+	float: right;
+}
+.order-time{
+	font-size: 24upx;
+	text-align: right;
+	margin-top: 10upx;
+	color: #ccc;
+}
+.manage-btn{
+	margin-top: 15upx;
+	padding: 0upx 30upx;
+}
+.manage-btn text{
+	margin-right: 20upx;
+}
+.comment-delete{
+	position: absolute;
+	right: 30upx;
+	top: 15upx;
+}
+.comment-audit{
+	position: absolute;
+	right: 180upx;
+	top: 15upx;
+}
+.comment-audit.editorStyle{
+	right: 30upx;
+}
+.myAssets{
+	width: 100%;
+	text-align: center;
+	padding: 50upx 30upx;
+	
+}
+.myAssets .myAssets-box:nth-child(2){
+	border-left: solid 1px #f3f3f3;
+}
+.myAssets-num{
+	font-size: 55upx;
+	margin-right: 10upx;
+}
+.myAssets-btn{
+	text-align: center;
+	padding-bottom: 30upx;
+}
+.myAssets-btn text{
+	margin: 0upx 20upx;
+}
+.userrecharge{
+	padding: 30upx;
+}
+.userrecharge-type{
+	margin-bottom: 40upx;
+}
+.userrecharge-type text{
+	margin-right: 10upx;
+}
+.userrecharge-type text.active{
+	color: #fff !important;
+	background-color: #0081FF;
+}
+.userrecharge-code{
+	text-align: center;
+	margin-bottom: 40upx;
+}
+.userrecharge-code image{
+	border: 30upx solid #aecfff;
+	border-radius: 20upx;
+	width: 400upx;
+	height: 400upx;
+}
+.userrecharge-btn{
+	text-align: center;
+	margin-bottom: 20upx;
+}
+.userrecharge-btn text{
+	margin:0upx 20upx;
+}
+.userrecharge-intro-title{
+	font-size: 35upx;
+	font-weight: bold;
+	margin-top: 50upx;
+}
+.userrecharge-intro{
+	line-height: 45upx;
+	margin-top: 30upx;
+}
+.userrecharge-intro-text{
+	margin-top: 20upx;
+	font-size: 26upx;
+}
+.userrecharge-form{
+	padding: 30upx 30upx;
+	text-align: center;
+	
+}
+
+.userrecharge-form input{
+	border: solid #ccc 1px;
+	height: 70upx;
+	line-height: 70upx;
+	margin-bottom: 40upx;
+	padding: 20upx;
+}
+.userrecharge-form.toEpay{
+	position: relative;
+}
+.userrecharge-form.toEpay input{
+	padding-left: 200upx;
+}
+.toEpayType{
+	position: absolute;
+	top: 30upx;
+	left: 30upx;
+	
+}
+.toEpayType-cur{
+	height: 70upx;
+	line-height: 70upx;
+	text-align: center;
+	width: 200upx;
+}
+.toEpayType-main{
+	position: relative;
+	z-index: 20;;
+	margin-top: 10upx;
+	width: 250upx;
+	padding: 10upx 20upx;
+	overflow: hidden;
+	border-radius: 10upx;
+	background-color: #fff;
+	box-shadow: 0upx 0upx 10upx rgba(0,0,0,0.2);
+}
+.toEpayType-main>view{
+	height: 60upx;
+	line-height: 60upx;
+	text-align: center;
+	padding: 0px 15upx;
+}
+.pay-status{
+	float: right;
+}
+.cur-assets{
+	padding: 0upx 30upx;
+}
+.cur-assets text{
+	font-weight: bold;
+	font-size: 35upx;
+}
+.userwithdraw-box{
+	background-color: #fff;
+	padding:10upx 30upx 30upx 30upx;
+}
+.order-kill{
+	margin-top: 30upx;
+}
+.order-kill text{
+	margin-left: 15upx;
+}
+.index-sort-main.active{
+	background-color: #f3f3f3;
+}
+.content-shop .cu-card{
+	position: relative !important;
+}
+.info-shop-status{
+	position: absolute;
+	top: 20upx;
+	left: 30upx;
+	z-index: 100;
+	opacity: 0.7;
+}
+.shop-content{
+	padding-bottom: 100upx !important;
+}
+.comments-owo{
+	padding: 10upx 30upx;
+	width: 100%;
+	position: relative;
+	
+}
+.comments-owo .cuIcon-emoji{
+	font-size: 50upx;
+}
+.owo{
+	width: 550upx;
+	height: 320upx;
+	background-color: #fff;
+	position: absolute;
+	z-index: 200;
+	left: 30upx;
+	top: 80upx;
+	box-shadow: 0upx 0upx 20upx rgba(0,0,0,0.4);
+	overflow: hidden;
+	border-radius: 20upx;
+}
+.owo-list{
+	width: 100%;
+	height: 220upx;
+	width: 100%;
+}
+.owo-type{
+	width: 100%;
+	margin-top: 30upx;
+	height: 70upx;
+	font-size: 26upx;
+	border-top: solid 1px #ddd;
+}
+.owo-box{
+	line-height: 70upx;
+	padding: 0upx 30upx;
+	float: left;
+}
+.owo-box.cur{
+	background: #eee;
+}
+.owo-main{
+	padding: 20upx;
+	overflow: hidden;
+}
+.owo-lit-box{
+	width: 70upx;
+	text-align: center;
+	height: 70upx;
+	float: left;
+}
+.owo-lit-box image{
+	width: 50upx;
+	height: 50upx;
+}
+.text-content{
+	vertical-align:middle;
+}
+.tImg{
+	width: 40upx;
+	height: 40upx;
+	
+}
+.OwO-box{
+	display: inline-block;
+	position: relative;
+}
+.info-footer{
+	position: fixed;
+	z-index: 200;
+	bottom: 0;
+	left: 0;
+	width: 100%;
+	height:100upx;
+	background-color: #fff;
+	border-top: #eee solid 1px;
+	box-sizing: content-box;
+}
+.info-footer-input{
+	padding: 15upx 30upx;
+}
+.info-input-box{
+	height: 70upx;
+	border-radius: 15upx;
+	background-color: #f1f1f1;
+	text-align: center;
+	font-size: 24upx;
+	line-height: 70upx;
+	color: #666;
+}
+.info-input-box text{
+	margin-right: 15upx;
+}
+.info-footer-btn{
+	padding-right: 20upx;
+	font-size: 50upx;
+	line-height: 100upx;
+}
+.info-footer-btn text{
+	margin: 0upx 20upx;
+}
+
+.info-operate-bg{
+	position: fixed;
+	background-color: #000;
+	width: 100%;
+	height: 100vh;
+	opacity: 0;
+	z-index: 170;
+	left: 0px;
+	top: 0px;
+	transition: 0.2s all;
+	visibility:hidden;
+}
+.info-operate-bg.show{
+	opacity: 0.3;
+	visibility:visible;
+}
+.info-operate{
+	position: fixed;
+	z-index: 180;
+	bottom:-200upx;
+	left: 0;
+	width: 100%;
+	padding: 0upx 30upx;
+	transition: 0.2s all;
+}
+.info-operate.show{
+	bottom:120upx;
+}
+.info-operate-main{
+	width: 100%;
+	height: 200upx;
+	border-radius: 40upx;
+	padding-top: 18upx;
+	background: #fff;
+	box-shadow: 0px 0px 10upx rgba(0, 0, 0, 0.2);
+	overflow: hidden;
+	text-align: center;
+}
+
+.user-list-btn{
+	width: 340upx !important;
+}
+.user-list-btn .cu-btn{
+	margin-right: 20upx;
+	margin-top: 0upx !important;
+	float: right;
+}
+.agreement{
+	padding: 0upx 30upx 30upx 30upx;
+	background-color: #fff;
+	font-size: 30upx;
+	line-height: 50upx;
+	height: 100vh;
+}
+.agreement-title{
+	font-size: 35upx;
+	font-weight: bold;
+	margin-top: 20upx;
+}
+.agreement-text{
+	margin-top: 15upx;
+}
+.bind image{
+	border-radius: 50%;
+}
+.shop-operate{
+	position: relative;
+	z-index: 50;
+}
+.shop-sort{
+	width: 100%;
+	overflow: hidden;
+	padding: 20upx;
+	background: #fff;
+}
+.shop-sort.shop-filter{
+	overflow: initial;
+	position: relative;
+}
+.shop-type{
+	border-top: #eee solid 1px;
+}
+
+.shop-sort .shop-sort-box{
+	padding:10upx 30upx;
+	line-height: 40upx;
+	text-align: center;
+	width: auto;
+	margin: 10upx 10upx 10upx 0upx;
+	border-radius: 30upx;
+	float: left;
+	font-size: 24upx;
+	color: #666;
+	background-color: #eee;
+	border:solid 1px #eee;
+	opacity: 0.9;
+}
+.shop-sort .shop-sort-box.active{
+	background-color: #e9f2ff;
+	border-color: #0081FF;
+	color: #0081FF;
+}
+.shop-sort-list{
+	position: absolute;
+	z-index: 100;
+	background: #fff;
+	min-height: 180upx;
+	left: 0;
+	width: 100%;
+	padding: 20upx 20upx 0upx 20upx;
+	border-bottom-right-radius: 20upx;
+	border-bottom-left-radius: 20upx;
+	overflow: hidden;
+}
+.shop-sort-list-box{
+	line-height: 80upx;
+	height: 80upx;
+}
+.shop-sort-list-box+.shop-sort-list-box {
+    border-top: 0.5px solid #f6f6f6;
+}
+.shop-sort-list-bg{
+	position: fixed;
+	z-index: -20;
+	width: 100%;
+	height: 100vh;
+	top: 0;
+	left: 0;
+	background: #000;
+	opacity: 0.4;
+}
+.shop-admin-info{
+	width: 100%;
+	float: left;
+	margin-top: 20upx;
+}
+.shop-user{
+	float: left;
+}
+.break-all{
+	word-break: break-all;
+}
+.user-info,.section-info{
+	height: 450upx;
+	width: 100%;
+	overflow: hidden;
+	position: relative;
+}
+.user-info-bg,.section-info-bg{
+	position: absolute;
+	height: 450upx;
+	/* #ifdef APP-PLUS || MP */
+	height: 450upx;
+	/* #endif */
+	top:0;
+	left: 0;
+	filter: blur(20upx);
+	width: 100%;
+	z-index: 0;
+	transform: scale(1.2);
+	
+}
+.user-info-bg.infoBg-Show{
+	filter: blur(0upx);
+}
+.section-info-bg{
+	/* #ifdef APP-PLUS || MP */
+	height: 500upx;
+	/* #endif */
+}
+.section-info-bg{
+	filter:none;
+}
+.user-info-bg image{
+	width: 100%;
+}
+.section-info-bg image{
+	width: 100%;
+}
+.user-info-main,.section-info-main{
+	position: absolute;
+	top: 0;
+	left: 0;
+	height: 450upx;
+	/* #ifdef APP-PLUS || MP */
+	height: 450upx;
+	/* #endif */
+	
+	width: 100%;
+	z-index: 5;
+	background-color: rgba(0,0,0,0.2);
+}
+.section-info-main{
+	/* #ifdef APP-PLUS || MP */
+	height: 450upx;
+	/* #endif */
+}
+.user-info-content,.section-info-content{
+	width: 100%;
+	padding: 0upx 60upx 30upx 60upx;
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	
+	background: linear-gradient(to bottom, rgba(6, 6, 8, 0), rgba(6, 6, 8, 0.7));
+}
+.user-info-col{
+	width: 100%;
+	overflow: hidden;
+	margin-bottom: 30upx;
+}
+.user-info-content .user-header{
+	width: 120upx;
+	text-align: center;
+	float: left;
+}
+.user-header image{
+	width: 120upx;
+	height: 120upx;
+	border-radius: 50%;
+}
+.user-info-content .user-text{
+	width: calc(100% - 120upx);
+	padding-left: 20upx;
+	padding-top: 0upx;
+	font-size: 28upx;
+	color: #fff;
+	float: left;
+	font-weight: bold;
+}
+.user-info-local{
+	font-size: 24upx;
+	opacity: 0.4;
+	font-weight: normal;
+}
+.user-introduce{
+	font-size: 24upx;
+	color: #fff;
+	margin-top: 20upx;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 1;
+	word-break: break-all;
+}
+.user-introduce text{
+	margin-right: 10upx;
+	
+}
+.user-edit-header{
+	width: 100%;
+	background-color: #fff;
+	text-align: center;
+	padding-top: 40upx;
+	border-bottom:0.5px solid #eee;
+	padding-bottom: 30upx;
+}
+.user-info-data{
+	margin: 4upx 0px;
+	font-weight: normal;
+}
+.user-data-num{
+	font-weight: bold;
+	margin-right: 10upx;
+}
+.user-data-label{
+	opacity: 0.8;
+}
+.user-info-data-box{
+	margin-right: 20upx;
+}
+.user-info-name{
+	font-size: 36upx;
+}
+.user-edit-header image{
+	width: 150upx;
+	height: 150upx;
+	display: block;
+	border:solid #ddd 1px;
+	margin: 0upx auto 30upx auto;
+	background-color: #f3f3f3;
+	border-radius: 50%;
+}
+.toClub{
+	background-color: #fbbd08 !important;
+	color: #333333 !important;
+}
+.ads-banner{
+	width: 100%;
+	overflow: hidden;
+}
+.ads-banner image{
+	width: 100%;
+	display: block;
+}
+.foreverblog-text{
+	background-color: #f3f3f3;
+	color: #666;
+}
+.foreverblog-text view{
+	word-break: break-all;
+}
+.foreverblog-ico{
+	margin-left: 10upx;
+	font-size: 38upx !important;
+	color: #0081FF;
+}
+.foreverblog-title{
+	color: #333;
+	font-size: 30upx;
+}
+.userlv{
+	font-size: 22upx;
+	background-color: #cecece;
+	line-height: 25upx;
+	padding: 4upx 10upx;
+	border-radius: 8upx;
+	margin-left: 10upx;
+	margin-top: -4upx;
+}
+.identifyLv{
+	font-size: 22upx;
+	line-height: 25upx;
+	padding: 4upx 10upx;
+	border-radius: 8upx;
+	margin-left: 10upx;
+	margin-top: -4upx;
+}
+.cu-avatar{
+	position: relative;
+	overflow: hidden;
+}
+.curLv{
+	padding: 0upx;
+	font-size: 22upx;
+	font-weight: bold;
+	font-style: italic;
+	opacity: 0.7;
+	display: block;
+	width: 100%;
+	position: absolute;
+	bottom: 0;
+	line-height: 30upx;
+	height: 30upx;
+}
+.userlv.customize{
+	background-color: #ba21a8;
+	color: #fff;
+}
+.userlv.bg-red {
+    background-color: #e54d42;
+    color: #ffffff;
+}
+.userinfo-lv{
+	padding-top: 10upx;
+}
+.scan-user{
+	padding-top: 350upx;
+}
+.scan-user image{
+	width: 160upx;
+	border-radius: 50%;
+	height: 160upx;
+	margin-bottom: 20upx;
+}
+.scan-user-name{
+	font-size: 34upx;
+	font-weight: bold;
+	margin-bottom: 20upx;
+}
+.scan-user-btn{
+	margin-top: 100upx;
+}
+.scan-user-btn .cu-btn{
+	height: 90upx;
+	border-radius: 8upx;
+	width: 400upx;
+	margin-bottom: 20px;
+}
+.uni-swiper-slides uni-swiper-item{
+	padding: 15upx 25upx;
+	box-sizing: border-box;
+}
+.uni-swiper-slides .swiper-box{
+	overflow: hidden;
+	width: 100%;
+	position: relative;
+	height: 100%;
+	box-sizing: border-box;
+	border-radius:30upx;
+}
+.screen-swiper{
+	background-color: #fff;
+}
+.vip-maim{
+	padding: 15upx 30upx;
+}
+.vip-maim>view{
+	padding: 40upx 10upx;
+	border-radius: 20upx;
+}
+.vip-maim>view text{
+	font-size:35upx;
+	margin-left: 10upx;
+}
+.isVIP{
+	font-size: 24upx;
+	line-height: 25upx;
+	padding: 4upx 15upx;
+	border-radius: 8upx;
+	margin-left: 10upx;
+	margin-top: -4upx;
+}
+.fullpost-btn{
+	padding: 15upx;
+}
+.fullpost-btn .cu-btn{
+	margin: 10upx;
+	border-radius: 6upx;
+}
+.post-link-type{
+	margin-top: 10upx;
+}
+.post-link-box{
+	padding: 10upx;
+	color: #666;
+}
+.post-link-box.cur{
+	color: #0081FF;
+}
+.tokenList-box{
+	padding: 30upx;
+	border-bottom: solid 1px #f3f3f3;
+	position: relative;
+}
+.tokenList-box .tokenList-info{
+	color: #666;
+	overflow: hidden;
+	margin-top: 15upx;
+}
+.tokenList-box .tokenList-info .cu-btn{
+	position: absolute;
+	right: 30upx;
+	top: 38upx;
+	border-radius: 8upx;
+}
+.shop-value-title{
+	padding-left: 20upx;
+	font-size: 30upx;
+	font-weight: bold;
+	color: #333;
+	line-height: 1;
+	border-left: 8upx solid #0081FF;
+}
+.meta-id{
+	float: right;
+	color: #666;
+	font-size: 26upx;
+}
+.meta-main{
+	line-height: 40upx;
+}
+.setShop-btn{
+	height: 60upx;
+	margin-top: 20upx;
+}
+.Startupmap{
+	width: 100%;
+	height: 100vh;
+	z-index: 10000000;
+	background-color: #fff;
+	position: fixed;
+	top: 0;
+	left: 0;
+}
+.Startupmap-pic{
+	width: 100%;
+	height: 100vh;
+	z-index: 1;
+	background-color: #fff;
+	position: fixed;
+	top: 0;
+	left: 0;
+}
+.Startupmap-pic image{
+	width: 100%;
+	height: 100vh;
+}
+.Startupmap-close{
+	position: fixed;
+	width: 110upx;
+	border-radius: 10upx;
+	font-size: 24upx;
+	height: 50upx;
+	line-height: 50upx;
+	background: rgba(0, 0, 0, 0.4);
+	text-align: center;
+	color: #fff;
+	top: 30upx;
+	right: 30upx;
+	z-index: 2;
+	/* #ifdef APP-PLUS */
+	top: 80upx;
+	/* #endif */
+}
+.article-big{
+	width: 100%;
+}
+.article-big image{
+	width: 100%;
+	height: 350upx;
+	border-radius:8upx;
+	background-color: #f3f3f3;
+}
+.topContents .title{
+	font-weight: bold;
+}
+.topContents .title text{
+	margin-right: 10upx;
+}
+.dataLoad{
+	width: 100%;
+	height: 500upx;
+	text-align: center;
+}
+.dataLoad image{
+	width: 100upx;
+	height: 100upx;
+	margin-top: 200upx;
+}
+.ads-list{
+	padding-top: 10upx;
+}
+.ads-box{
+	background-color: #fff;
+	padding: 10upx 30upx;
+	margin-top: 15upx;
+}
+.ads-name{
+	height: 80upx;
+	line-height: 80upx;
+	font-size: 34upx;
+	border-bottom: solid 1px #f6f6f6;
+	font-weight: bold;
+}
+.ads-text{
+	padding:20upx 10upx;
+	font-size: 26upx;
+	line-height: 50upx;
+	color: #4a4a4a;
+}
+.ads-info{
+	border-top: solid 1px #f6f6f6;
+	line-height: 80upx;
+}
+.ads-price text{
+	font-size: 34upx;
+	font-weight: bold;
+}
+.form-tips{
+	padding: 10upx 30upx;
+}
+.form-tips text{
+	margin-right: 10upx;
+}
+.myAds-box{
+	padding: 28upx 30upx;
+	border-bottom: solid 1px #f6f6f6;
+}
+.myAds-title{
+	font-size: 32upx;
+	font-weight: bold;
+	padding-bottom: 20upx;
+}
+.myAds-concent{
+	height: auto;
+	overflow: hidden;
+	margin-top: 10upx;
+}
+.myAds-time{
+	font-size: 24upx;
+	color: #666;
+}
+.myAds-time .text-green{
+	float: right;
+}
+.myAds-pic{
+	width: 220upx;
+	height: 150upx;
+	overflow: hidden;
+	border-radius: 6upx;
+	float: left;
+	margin-right: 15upx;
+}
+.myAds-pic image{
+	width: 100%;
+	height: 150upx;
+}
+.myAds-intro{
+	text-overflow: -o-ellipsis-lastline;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 4;
+	line-clamp: 4;
+	-webkit-box-orient: vertical;
+}
+.myAds-btn{
+	margin-top: 15upx;
+}
+.myAds-btn text{
+	margin-right:25upx;
+}
+.ads-renewal input{
+	background-color: #fff;
+	border:solid 1px #ddd;
+	height: 80upx;
+}
+.ads-ico{
+	position: absolute;
+	top: 10upx;
+	left: 40upx;
+	background-color: rgba(0, 0, 0, 0.5);
+	display: block;
+	width: 80upx;
+	height: 40upx;
+	border-radius: 8upx;
+	font-size: 24upx;
+	color: #fff;
+	text-align: center;
+	line-height: 40upx;
+}
+.ads-more{
+	margin-top:20upx;
+	font-size:26upx;
+	color:#666;
+	text-align:right;
+}
+.imagetoday-search input{
+	padding-left: 30upx;
+}
+.imagetoday-search .cuIcon-search{
+	font-size: 34upx;
+	margin: 0px;
+	padding: 20px;
+	color: #333;
+}
+.search-close{
+	width: 34upx;
+	overflow: hidden;
+	border-radius: 50%;
+	line-height: 34upx;
+	text-align: center;
+	height: 34upx;
+	margin-right: 20upx;
+	background: #ccc;
+}
+.search-close text{
+	margin: 0 !important;
+	padding: 0;
+}
+.userLoginstatus .cu-dialog{
+	width: 500upx;
+}
+.userLoginstatus-i{
+	width: 80upx;
+	height: 80upx;
+	border-radius: 50%;
+	font-size: 30px;
+	line-height: 80upx;
+	margin: 0 auto 15upx auto;
+}
+.announcement{
+	position: fixed;
+	top: 30%;
+	width: 100%;
+	z-index: 1500;
+}
+.announcement-bg{
+	background-color: #000;
+	opacity: 0.3;
+	position: fixed;
+	width: 100%;
+	top: 0;
+	left: 0;
+	height: 100vh;
+}
+.announcement-main{
+	background-color: #fff;
+	margin: 0 auto;
+	width: 600upx;
+	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
+	padding: 30upx 36upx;
+	border-radius: 20upx;
+	position: relative;
+	z-index: 10;
+}
+.announcement-title{
+	height: 50upx;
+	line-height: 50upx;
+	font-size: 36upx;
+	font-weight: bold;
+	text-align: center;
+	position: relative;
+}
+.announcement-title text{
+	position: absolute;
+	right: 0;
+}
+.announcement-concent{
+	height:200upx;
+	padding: 20upx;
+	background: #f9f9f9;
+	margin:20upx 0upx;
+	overflow: auto;
+}
+.announcement-btn{
+	text-align: center;
+}
+.meta-type{
+	padding: 5px 12px;
+	border: 2upx solid #0081ff;
+	color: #0081ff;
+	margin-left: 20upx;
+}
+.meta-type.act{
+	background: #0081ff;
+	color: #fff;
+}
+.data-select{
+	text-align: center;
+	margin-top: 20upx;
+}
+.data-select text{
+	color: #666;
+	margin: 0upx 15upx;
+}
+.data-select text.act{
+	color: #000;
+	font-weight: bold;
+}
+.cu-bar .action.header-btn text{
+	font-size: 40upx !important;
+	position: relative;
+}
+.cu-bar .action.header-btn text .noticeSum{
+	position: absolute;
+	opacity: 0.9;
+	font-size: 24upx !important;
+	height: 50upx;
+	width: 50upx;
+	line-height: 50upx;
+	text-align: center;
+	top: -20upx;
+	right: -20upx;
+	border-radius: 50%;
+	transform:scale(0.8);
+	-webkit-transform:scale(0.8);
+}
+.header .search-form{
+	border-radius: 30upx !important;
+}
+.search-form-text{
+	color: #999;
+}
+.cu-avatar .home-noLogin{
+	font-size: 24upx;
+	color: #0081ff;
+}
+.cu-avatar{
+	background-color: #eee;
+}
+.style-title{
+	line-height: 80upx;
+	height: 80upx;
+	padding: 0upx 20upx;
+	color: #333;
+	font-weight: bold;
+	font-size: 28upx;
+	margin-bottom: 20upx;
+}
+.style-concent{
+	text-align: center;
+	padding: 0upx 10upx;
+	padding-bottom: 30upx;
+}
+.style-box{
+	padding: 0upx 10upx;
+}
+.style-i{
+	background: #2196f6;
+	height: 70upx;
+	border-radius: 6upx;
+	line-height: 70upx;
+	font-size: 24upx;
+}
+.style-text{
+	font-size: 24upx;
+	margin-top: 10upx;
+}
+.style-text .cuIcon-check{
+	background: #39b54a;
+	color: #fff;
+	padding: 0px 2upx;
+	border-radius: 50%;
+	margin-right: 5upx;
+}
+.style-concent.style-simple .style-i{
+	border:solid 1px #f3f3f3;
+	background: none;
+	font-weight: bold;
+}
+.userIndex .header{
+	background:none;
+}
+
+.userIndex .header .action{
+	color: #fff;
+}
+.userIndex .header.goScroll{
+	background: #fff
+}
+.userIndex .header.goScroll .action{
+	color: #333;
+}
+.comment-operation{
+	font-size: 24upx;
+	line-height: 20upx;
+	margin-top: 10upx;
+}
+.comment-operation text{
+	margin-right: 20upx;
+}
+.grid.col-6>view {
+    width: 16.666%;
+}
+.user-bantime{
+	font-size: 24upx;
+	margin-left: 10upx;
+}
+.userInfo-bottom-btn{
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	width: 100%;
+	height: 100upx;
+	background: #fff;
+	box-shadow: 0px -4upx 8upx rgba(0,0,0,0.2);
+	text-align: center;
+}
+.userInfo-bottom-box{
+	padding: 0upx 30upx;
+}
+.userInfo-bottom-box button{
+	height:70upx;
+	width: 100%;
+	margin-top: 15upx;
+}
+.userInfo-tochat{
+	height: 100upx;
+	line-height: 100upx;
+	font-size: 30upx;
+}
+.userInfo-tochat text{
+	margin-right: 10upx;
+}
+.userInfo-bottom-box button text{
+	margin-right: 10upx;
+}
+
+.cu-list.menu-avatar>.cu-item .action.goUserIndex{
+	width:180upx;
+}
+.goUserIndex .cu-btn{
+	border-radius: 15upx;
+}
+.goUserIndex .isFollow{
+	background: #0060ba !important;
+	color: #fff !important;
+}
+.goUserIndex .unFollow{
+	background: #0081ff !important;
+	color: #fff !important;
+}
+.goUserIndex .unFollow text{
+	font-weight: bold;
+	margin-right: 5upx;
+}
+.square-box{
+	font-weight: bold;
+	color: #666;
+	margin-right: 15px;
+	font-size: 32upx;
+}
+.square-box.cur{
+	font-size: 38upx;
+	color: #000;
+}
+.square-post{
+	padding: 0 30upx;
+}
+.square-post-header{
+	padding-top: 30upx;
+	overflow: hidden;
+}
+.square-user{
+	width: 80upx;
+	float: left;
+}
+.square-text{
+	width: calc(100% - 80upx);
+	padding: 0px 20upx;
+	float: left;
+	line-height:70upx;
+	box-sizing: border-box;
+	color: #999;
+	border: solid 1px #f3f3f3;
+}
+.square-post-btn{
+	padding: 20upx 0upx;
+}
+.square-post-btn-box{
+	height: 60upx;
+	line-height: 60upx;
+	text-align: center;
+	box-sizing: border-box;
+	border-left: solid 1px #f6f6f6;
+}
+.square-post-btn-box:nth-child(1){
+	border: none;
+}
+.square-post-btn-box text{
+	margin-right: 10upx;
+}
+.cu-list.menu-avatar>.cu-item:after{
+	border: none !important;
+}
+.square-list .cu-item{
+	margin-top: 10upx !important;
+}
+.square-list .cu-avatar.lg{
+	width: 80upx;
+	height: 80upx;
+}
+.square-list .cu-list.menu-avatar>.cu-item .content{
+	left: 130upx;
+}
+.square-post-btn text{
+	margin-right: 10upx;
+	font-size: 35upx;
+}
+.user-post-info{
+	height: 180upx;
+	width: 100%;
+	padding: 20upx;
+	background-color: #f9f9f9;
+	overflow: hidden;
+	border-radius: 10upx;
+}
+.user-post-pic{
+	width: 180upx;
+	height: 140upx;
+	overflow: hidden;
+	border-radius: 8upx;
+	margin-right: 20upx;
+	float: left;
+}
+.user-post-pic image{
+	background-color: #f3f3f3;
+}
+.user-post-title{
+	text-overflow: -o-ellipsis-lastline;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 1;
+	font-size: 30upx;
+	font-weight: bold;
+	margin-top: 8upx;
+	margin-bottom: 18upx;
+	line-clamp: 1;
+	-webkit-box-orient: vertical;
+}
+.user-post-intro{
+	text-overflow: -o-ellipsis-lastline;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	font-size: 26upx;
+	line-height: 36upx;
+	-webkit-line-clamp: 2;
+	line-clamp: 2;
+	-webkit-box-orient: vertical;
+	color: #666666;
+}
+.user-space-info{
+	width: 100%;
+	padding: 20upx;
+	background-color: #f9f9f9;
+	overflow: hidden;
+	border-radius: 10upx;
+	color: #666;
+}
+.user-space-info .user-space-text{
+	text-overflow: -o-ellipsis-lastline;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 3;
+	line-clamp: 3;
+	-webkit-box-orient: vertical;
+}
+.admin-btn{
+	display: none;
+}
+.cu-item:hover .admin-btn{
+	display: inline;
+}
+.data-box.data-inbox .cu-item{
+	padding-top: 0upx;
+}
+.chat-owo.owo{
+	width: 100%;
+	left: 0px;
+	position: fixed;
+	border-radius: 0upx;
+	bottom:100upx;
+	top: auto;
+}
+.cu-chat .main image{
+	background: #f3f3f3;
+}
+.more-msg{
+	height: 90upx;
+	text-align: center;
+	line-height: 90upx;
+}
+.space-info .cu-item{
+	padding-bottom: 30upx;
+}
+.space-reply{
+	background: #fff;
+	margin-top: 20upx;
+}
+.space-reply-head{
+	height: 90upx;
+	line-height: 70upx;
+	padding: 10upx 30upx;
+	font-size: 30upx;
+	border-bottom: solid 2upx #f6f6f6;
+}
+.space-reply-head text{
+	color: #999;
+	font-weight: bold;
+}
+.space-reply-head text.cur{
+	color: #333;
+	border-bottom: solid 4upx #2196f6;
+	padding-bottom: 16upx;
+}
+.space-reply-likes{
+	float: right;
+}
+.space-reply-list .no-data .cu-btn{
+	border-radius: 8upx;
+}
+.space-reply-num{
+	background: #f3f3f3;
+}
+.space-reply-list .comment .cu-item{
+	border-bottom: solid 2upx #f6f6f6;
+}
+.space-footer {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 100upx;
+	padding: 20upx 0upx;
+	line-height: 60upx;
+    background: #fff;
+	font-size: 30upx;
+    border-top: solid 2upx #f6f6f6;
+    text-align: center;
+}
+.space-footer-box text{
+	margin-right: 10upx;
+}
+.space-footer .space-footer-box:nth-child(2){
+	border-left: solid 2upx #f6f6f6;
+	border-right: solid 2upx #f6f6f6;
+}
+.space-owo{
+	height: 80upx;
+	background-color: #fff;
+}
+.space-owo .cuIcon-emoji{
+	float: right;
+}
+.space-owo .owo{
+	left: auto;
+	right: 30upx;
+}
+.space-pic{
+	padding: 20upx;
+}
+.space-upload{
+	background-color: #e0e0e0;
+}
+.space-upload text{
+	font-size:80upx !important;
+}
+.space-pic .bg-img{
+	position: relative;
+	
+}
+.space-pic .bg-img .cuIcon-close{
+	width:60upx;
+	opacity: 0.8;
+	height:60upx;
+	border-radius: 50%;
+	background: #CE292C;
+	color: #fff !important;
+	font-size: 30upx !important;
+}
+.cu-list.menu-avatar>.cu-item .action.space-follow{
+	width: 180upx;
+	margin-top: -28upx;
+}
+.cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn{
+	border-radius: 10upx;
+	height: 58upx;
+	line-height: 58upx;
+	padding: 0upx 24upx;
+}
+.cu-list.menu-avatar>.cu-item .action.space-follow .cu-btn text{
+	margin-right: 4upx;
+}
+.spaceVideo video{
+	width: 100%;
+	border-radius: 8upx;
+}
+.bg-img{
+	background-color: #f3f3f3;
+}
+.search-space{
+	background-color: #f6f6f6;
+}
+.videoPlay{
+	position: fixed;
+	z-index: 1000;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100vh;
+}
+.videoPlay-bg{
+	position: fixed;
+	z-index: 1;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	background-color: #111;
+	height: 100vh;
+}
+.videoPlay video{
+	position: absolute;
+	height: 500upx;
+	width: 100%;
+	top:50%;
+	margin-top:-250upx;
+}
+.spaceVideo-play{
+	width: 100%;
+	border-radius: 8upx;
+	background-color: #000;
+	font-size: 70upx;
+	color:#fff;
+	text-align: center;
+	height: 400upx;
+	line-height: 400upx;
+}
+.videoPlay-close{
+	position: fixed;
+	top: 80upx;
+	right: 30upx;
+	color: #fff;
+	font-size: 50upx;
+}
+.payinfo-text{
+	margin-bottom: 20upx;
+}
+.payinfo-text-name{
+	margin-right: 20upx;
+}
+.payinfo-text-value{
+	font-size: 30upx;
+	color: #000;
+	font-weight: bold;
+}
+.forumIndex .screen-swiper{
+	margin-top: 10upx;
+	background: none
+}
+.forumIndex .uni-swiper-slides uni-swiper-item {
+    padding: 7px 7px;
+}
+.screen-swiper image{
+	border-radius: 15px;
+}
+.section-box{
+	padding: 6upx 15upx;
+	margin-bottom: 10upx;
+}
+.section-main{
+	background: #fff;
+	border-radius: 8upx;
+	box-shadow: 0px 0px 15upx rgba(0, 0, 0, 0.15);
+}
+.section-box-title{
+	color: #333;
+	font-size: 30upx !important;
+	font-weight: bold;
+	padding:20upx 20upx 0upx 20upx;
+	margin-bottom: 6upx;
+}
+.section-item{
+	overflow: hidden;
+}
+.section-ico{
+	width: 110upx;
+	height: 110upx;
+	overflow: hidden;
+	float: left;
+	margin-right: 10upx;
+	overflow: hidden;
+	padding: 10upx;
+}
+.section-box-list{
+	padding: 10upx;
+}
+.section-ico image{
+	width:100%;
+	height: 100%;
+	border-radius: 20upx;
+}
+.section-item{
+	padding: 10upx;
+	transition: all 0.2s;
+}
+.section-item:hover{
+	background-color: #f6f6f6;
+}
+.section-intro{
+	padding-top: 4upx;
+}
+.section-item-value,.shop-item-value{
+	font-size: 24upx;
+	color: #999;
+	margin-top: 8upx;
+}
+.section-item-title,.shop-item-title{
+	margin-top: 12upx;
+	font-weight: bold;
+	margin-bottom: 6upx;
+}
+.section-info-main{
+	color: #fff;
+}
+.section-info-full{
+	overflow: hidden;
+}
+.section-info-content{
+	padding: 0upx 40upx 30upx 40upx;
+}
+.section-info-ico{
+	width: 140upx;
+	height: 140upx;
+	float: left;
+	margin-right: 20upx;
+}
+.section-info-intro{
+	width: calc(100% - 160upx);
+	float: left;
+}
+.section-info-ico image{
+	width: 100%;
+	height: 100%;
+	border-radius: 20upx;
+}
+.section-info-title{
+	
+	padding-top: 25upx;
+	font-weight: bold;
+	font-size: 32upx;
+	margin-bottom: 15upx;
+}
+.section-info-value{
+	font-size: 24upx;
+	opacity: 0.9;
+}
+.section-info-value text{
+	margin-right: 18upx;
+}
+.section-info-moderator{
+	margin-top: 20upx;
+	margin-bottom: 15upx;
+}
+.moderator-btn{
+	padding: 10upx 35upx;
+	background: rgba(255, 255, 255, 0.3);
+	border-radius: 12upx;
+	font-size: 24upx;
+}
+.moderator-btn text{
+	margin: 0upx 10upx;
+}
+.section-info-clock .cu-btn{
+	float: right;
+	font-size: 26upx;
+	border-radius: 20upx;
+}
+.forum-list{
+	width: 100%;
+	position: relative;
+	z-index: 200;
+	min-height: 300upx;
+	border-top-right-radius: 15upx;
+	border-top-left-radius: 15upx;
+	margin-top: -15upx;
+	overflow: hidden;
+}
+.forum-list-type{
+	padding: 20upx 10upx 10upx 10upx;
+	background-color: #fff;
+}
+.forum-list-type text{
+	padding: 0upx 10upx;
+	margin-right: 20upx;
+	font-size: 30upx;
+	font-weight: bold;
+	color: #818181;
+}
+.forum-list-type text.act{
+	color: #000;
+	font-size: 38upx;
+}
+.forum-list-top{
+	background: #fff;
+	padding:0upx 10upx 10upx 10upx;
+}
+.forum-top-box{
+	padding: 15upx 10upx;
+	line-height: 44upx;
+	overflow: hidden;
+}
+.forum-top-i{
+	width: 80upx;
+	float: left;
+	font-weight: bold;
+}
+.forum-top-text{
+	width: calc(100% - 80upx);
+	float: left;
+	font-weight: bold;
+	font-size: 30upx;
+	color: #000;
+	overflow:hidden; 
+	text-overflow:ellipsis;
+	white-space:nowrap;
+}
+.forum-list-main{
+	margin-top: 7.5upx;
+}
+.forum-list-box{
+	padding: 7.5upx 0upx;
+}
+.postReview .forum-list-box{
+	border-bottom: solid 1px #f6f6f6;
+}
+.forum-list-content{
+	background: #fff;
+	padding:20upx 20upx;
+	box-sizing: border-box;
+}
+.forum-list-user{
+	width: 100%;
+	overflow: hidden;
+	margin-bottom: 16upx;
+}
+.forum-avatar{
+	width: 90upx;
+	height: 90upx;
+	float: left;
+	margin-right: 12upx;
+}
+.forum-avatar image{
+	width: 100%;
+	height: 100%;
+	border-radius: 20upx;
+}
+.forum-userinfo{
+	width: calc(100% - 102upx);
+	font-size: 26upx;
+	margin-top: 8upx;
+	position: relative;
+	float: left;
+}
+.forum-follow-btn{
+	position: absolute;
+	right: 0;
+	top: 0upx;
+	border-radius: 8upx;
+}
+.forum-userinfo-name{
+	color: #000;
+	font-weight: bold;
+}
+.forum-userinfo-date{
+	font-size: 24upx;
+	margin-top: 6upx;
+	color: #999;
+}
+.forum-list-text{
+	font-size: 30upx;
+	line-height: 46upx;
+	margin-bottom:10upx;
+}
+.forum-list-title{
+	color: #000;
+	font-weight: bold;
+	margin-bottom: 12upx;
+	font-size: 32upx;
+}
+.forum-list-intro{
+	font-size: 28upx;
+	color: #666;
+	text-overflow: -o-ellipsis-lastline;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 3;
+	line-clamp: 3;
+	-webkit-box-orient: vertical;
+}
+.forum-media image{
+	border-radius: 10upx;
+}
+.forum-one{
+	width: 80%;
+	border-radius: 10upx;
+	height: auto;
+	overflow: hidden;
+	max-height: 500upx;
+}
+.section-sub{
+	line-height: 50upx;
+	height: 60upx;
+	padding: 5upx 30upx;
+	font-size: 26upx;
+	border-radius: 20upx;
+}
+.section-sub image{
+	width: 50upx;
+	height: 50upx;
+	margin-right: 10upx;
+	border-radius: 50%;
+	background-color: #0081ff;
+	padding: 0upx;
+}
+.forum-author{
+	padding: 10upx 20upx;
+	background: #fff;
+	position: relative;
+}
+.forum-follow{
+	position: absolute;
+	right: 20upx;
+	border-radius: 10upx;
+	top: 4upx;
+}
+.forum-comment-type text{
+	margin-left: 20upx;
+	color: #999;
+}
+.forum-comment-type text.act{
+	color: #000;
+	font-weight: bold;
+}
+.section-page,.shop-page{
+	width: 100%;
+	overflow: hidden;
+	padding-bottom: 10upx;
+}
+.section-page-box,.shop-page-box{
+	width: 100%;
+	overflow: hidden;
+	padding: 10upx 20upx;
+	position: relative;
+}
+.section-page-btn,.shop-page-btn{
+	position: absolute;
+	top: 30upx;
+	right: 20upx;
+}
+.section-page-btn .cu-btn,.shop-page-btn .cu-btn{
+	border-radius: 10upx;
+}
+.section-ico-no{
+	width: 100%;
+	height: 100%;
+	text-align: center;
+	line-height: 100upx;
+	border-radius: 10upx;
+	font-size: 40upx;
+	background: #36accf;
+	color: #fff;
+}
+.section-ico-no.bg-pink {
+    background-color: #e03997;
+    color: #ffffff;
+}
+.section-ico-no.bg-purple{
+	background-color: #6739b6;
+	color: #ffffff;
+}
+.forum-post-btn{
+	position: fixed;
+	z-index: 888;
+	bottom: 30upx;
+	right: 20upx;
+	width: 90upx;
+	height: 90upx;
+	font-size: 40upx;
+	color: #fff;
+	background: #0081ff;
+	border-radius: 50%;
+	box-shadow: 0upx 0upx 10upx rgba(0,0,0,0.9);
+	text-align: center;
+	line-height: 90upx;
+}
+.section-info-main .section-ico-no{
+	height: 120upx;
+	margin: 10upx 0upx 0upx 0upx;
+	width: 120upx;
+	line-height: 120upx;
+	font-size: 50upx;
+	border-radius: 10upx;
+}
+.reward-log{
+	width: 100%;
+	overflow: auto;
+	padding: 15upx 20upx;
+	background: #fff;
+	border-top: #f9f9f9 solid 1px;
+}
+.reward-log-main{
+	width: calc(100% - 60upx);
+	float: left;
+}
+.reward-log-btn{
+	width: 60upx;
+	float: left;
+}
+.reward-log-box{
+	width: 90upx;
+	text-align: center;
+	float: left;
+}
+.reward-log-box .reward-log-i{
+	width: 70upx;
+	height: 70upx;
+	background: #f3f3f3;
+	line-height: 70upx;
+	text-align: center;
+	border-radius: 50%;
+	font-size: 40upx;
+	margin: 0 auto 10upx auto;
+}
+.reward-log-box .reward-log-i image{
+	width: 70upx;
+	height: 70upx;
+}
+.reward-log-box .reward-log-value{
+	font-size: 24upx;
+}
+.reward-log-box.reward-total .reward-log-i{
+	background: #ff6b6b;
+	color: #fff;
+}
+.reward-log-btn{
+	text-align: center;
+	font-size: 40upx;
+	line-height: 100upx;
+}
+.reward-log-box .reward-log-i image{
+	border-radius: 50%;
+}
+.forum-swiper{
+	position: absolute;
+	bottom: 0upx;
+	padding: 30upx 30upx 50upx 30upx;
+	font-size: 30upx;
+	left: 15upx;
+	width: calc(100% - 30upx);
+	z-index: 20;
+	border-bottom-right-radius: 30upx;
+	border-bottom-left-radius: 30upx;
+	overflow: hidden;
+	bottom: 15upx;
+	color: #fff;
+}
+.forum-swiper-title{
+	position: relative;
+	z-index: 5;
+}
+.forumIndex uni-swiper .uni-swiper-dots-horizontal{
+	bottom: 30upx !important;
+}
+.forumIndex .uni-swiper-dot.uni-swiper-dot-active{
+	background: #fff !important;
+}
+.forumIndex .uni-swiper-dot.uni-swiper-dot-active::after{
+	background-color: #fff !important;
+}
+.forumIndex .forum-swiper-bg{
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	z-index: 0;
+	background: linear-gradient(to bottom, rgba(6, 6, 8, 0), rgba(6, 6, 8, 0.7));
+}
+.cu-card.space-info>.cu-item>.text-content,.cu-card.square-list>.cu-item>.text-content{
+	max-height: unset !important;
+}
+.full-noLogin{
+	width: 100%;
+	height: 100vh;
+	z-index: 899;
+	background-color: #fff;
+	position: fixed;
+	top: 0;
+	left: 0;
+	text-align: center;
+}
+.full-noLogin-main{
+	position: fixed;
+	width: 100%;
+	top: 35%;
+}
+.full-noLogin-text{
+	font-size: 32upx;
+	margin-bottom: 30upx;
+	font-weight: bold;
+	color: #000;
+}
+.full-noLogin-btn .cu-btn{
+	border-radius: 10upx;
+}
+
+.app-about{
+	text-align: center;
+	margin-top: 80upx;
+	margin-bottom: 50upx;
+	padding:30upx;
+}
+.app-logo image{
+	width: 160upx;
+	border-radius: 30%;
+	border: solid 1px #f3f3f3;
+}
+.app-name{
+	font-size: 40upx;
+	margin-top: 16upx;
+	font-weight: bold;
+}
+.about-tips{
+	font-size:24upx;
+	padding: 30upx;
+	line-height: 36upx;
+	opacity: 0.7;
+}
+.app-ver{
+	font-size:24upx;
+	opacity: 0.8;
+}
+.cu-dialog.kaptcha-dialog{
+	background: #fff;
+}
+.kaptcha-form{
+	padding: 30upx 60upx 60upx 60upx;
+}
+.kaptcha-input{
+	border: solid 1px #0081ff;
+	box-sizing: border-box;
+	overflow: hidden;
+	border-radius: 8upx;
+	margin-top: 20upx;
+}
+.kaptcha-input input{
+	width: calc(100% - 120upx);
+	float: left;
+	height: 70upx;
+}
+.kaptcha-input .cu-btn{
+	width: 120upx;
+	height: 70upx;
+	float: left;
+}
+.shop-item-intro{
+	padding-left: 10upx;
+}
+.tabbarActive{
+	color: #0081FF !important;
+}
+.tabbar view{
+	overflow: initial;
+	display: block;
+}
+.tabbar{
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	z-index: 990;
+	overflow: initial;
+	display: block;
+	width: 100%;
+	height:100upx;
+	background-color: #ffffff;
+	border-top: solid 1px #f6f6f6;
+	box-sizing:content-box;
+}
+.tabbar-item{
+	display: block;
+	height: 100upx;
+	float: left;
+	background: #fff;
+	width: calc(25% - 32upx);
+	text-align: center;
+	overflow: hidden;
+	border: none;
+	margin: 0;
+	padding: 0;
+	box-sizing: border-box;
+}
+.tabbar-item .item-img{
+	width: 46upx;
+	height: 46upx;
+	display: block;
+	margin: 0 auto;
+	margin-top: 10upx;
+	text-align: center;
+}
+.tabbar-item .item-name{
+	font-size: 24upx;
+	margin-top: 4upx;
+	color: #333;
+}
+.tabbar-item.addPost{
+	width: 120upx;
+	height: 120upx;
+	padding: 0;
+	position: relative;
+	overflow: initial;
+	box-sizing: border-box;
+	background-color: #fff;
+}
+.tabbar-item.addPost .addPost-main{
+	position: absolute;
+	top: -30upx;
+	background-color: #fff;
+	width: 100%;
+	height: 100%;
+	border-radius: 50%;
+	border: solid 1px #f9f9f9;
+	position: relative;
+	padding: 10upx;
+	box-sizing: border-box;
+}
+.addPost-i{
+	background-color: #0081FF;
+	width: 100%;
+	height: 100%;;
+	border-radius: 50%;
+	line-height: 100upx;
+	text-align: center;
+	font-size: 70upx;
+	color: #fff;
+	font-weight: bold;
+	transition: all 0.3s;
+}
+.postShow .addPost-i{
+	transform: rotate(135deg) translateZ(0);
+}
+.tabbar-operate{
+	position: fixed;
+	z-index: -20;
+	bottom: -200upx;
+	width: 100%;
+	left: 0;
+	padding: 0upx 30upx;
+	box-sizing: border-box;
+	text-align: center;
+	transition: 0.3s all;
+}
+.tabbar-operate.show{
+	bottom: 140upx;
+}
+.tabbar-operate-main{
+	width: 100%;
+	height: 200upx;
+	border-radius: 40upx;
+	padding-top: 18upx;
+	background: #fff;
+	box-shadow: 0px 0px 10upx rgba(0, 0, 0, 0.2);
+	overflow: hidden;
+}
+.tabbar-operate-main>view{
+	width: 25%;
+	float: left;
+}
+.tabbar-operate-main .index-sort-text{
+	font-size: 28upx;
+	font-weight: bold;
+}
+.tabbar-operate-bg{
+	position: fixed;
+	background-color: #000;
+	width: 100%;
+	height: calc(100vh - 100upx);
+	opacity: 0;
+	z-index: -30;
+	left: 0px;
+	top: 0px;
+	transition: 0.2s all;
+	visibility:hidden;
+}
+.tabbar-operate-bg.show{
+	opacity: 0.3;
+	visibility:visible;
+}
+.forum-operate{
+	position: fixed;
+	width: 200upx;
+	right: 30upx;
+	z-index: 20;
+	background: #fff;
+	color: #000;
+	overflow: hidden;
+	border-radius: 10upx;
+	font-size: 24upx;
+	padding: 10upx 0upx;
+	box-shadow: 0upx 0upx 4upx rgba(0, 0, 0, 0.3);
+}
+.forum-operate-box{
+	padding: 16upx 20upx;
+}
+.forum-operate-box text{
+	margin-right: 8upx;
+}
+.topList{
+	padding: 0upx 20upx 10upx 20upx;
+}
+.topList-box{
+	padding: 10upx;
+	text-align: center;
+}
+.topList-main{
+	padding: 30upx 15upx;
+	color: #0081ff;
+	border: none;
+	background-color: rgba(0, 129, 255, 0.15);
+	border-radius: 20upx;
+	font-size: 26upx;
+}
+.topList-main text{
+	display: block;
+	width: 100%;
+	font-size: 50upx;
+	margin-bottom: 10upx;
+}
+.topList .topList-box:nth-child(2) .topList-main{
+	color: #039a54;
+	background-color: rgba(3, 154, 84, 0.15);
+}
+.topList .topList-box:nth-child(3) .topList-main{
+	color: #f74c7c;
+	background-color:rgba(247,76,124, 0.15);
+}
+.invite{
+	padding:30upx;
+	text-align:center;
+}
+.invite-title{
+	font-size:32upx;
+	color: #000;
+	font-weight: bold;
+}
+.invite-pic{
+	padding: 20upx 0upx 0upx 0upx;
+}
+.invite-pic image{
+	width: 400upx;
+}
+.invite-text{
+	font-size: 50upx;
+	font-weight: bold;
+	margin-bottom: 30upx;
+}
+.home-section{
+	padding: 10upx 10upx 20upx 10upx;
+}
+.home-section-box{
+	padding: 10upx 10upx;
+	text-align: center;
+}
+.home-section-pic{
+	width: 190upx;
+	height: 190upx;
+	overflow: hidden;
+	margin: 0 auto;
+	border-radius: 10upx;
+}
+.home-section-pic image{
+	width: 100%;
+	background: #f3f3f3;
+	height: 100%;
+}
+.home-section-text{
+	margin-top: 10upx;
+}
+.home-section-title{
+	color: #000;
+	font-size: 30upx;
+	font-weight: bold;
+	text-overflow: -o-ellipsis-lastline;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 1;
+	line-clamp: 1;
+	-webkit-box-orient: vertical;
+}
+.home-section-value{
+	font-size: 24upx;
+	color: #999;
+}
+.square-data-type{
+	text-align: right;
+	padding: 20upx 20upx 10upx 20upx;
+}
+.square-data-type text{
+	color: #999;
+	margin-left: 20upx;
+}
+.square-data-type text.cur{
+	color: #000;
+	font-weight: bold;
+}
+.shop-order-concent{
+	overflow: hidden;
+	padding: 20upx;
+	background: #fff;
+}
+.shop-order-concent .shop-order-img{
+	width: 140upx;
+	float: left;
+	height: 100upx;
+	overflow: hidden;
+	border-radius: 10upx;
+}
+.shop-order-concent .shop-order-title{
+	width: calc(100% - 200upx);
+	float: left;
+	padding-left: 20upx;
+	font-size: 34upx;
+	line-height: 48upx;
+	font-weight: bold;
+	text-overflow: -o-ellipsis-lastline;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp:2;
+	line-clamp: 2;
+	-webkit-box-orient: vertical;
+}
+.user-title{
+	height: 70upx;
+	font-weight: bold;
+	color: #000;
+	line-height: 70upx;
+	padding: 0upx 30upx;
+}
+.identify-box{
+	background: #fff;
+	height:250upx;
+	margin-top: 10upx;
+}
+.identify-title{
+	line-height: 90upx;
+	height: 90upx;
+	padding: 0upx 30upx;
+	border-bottom: solid 1px #f6f6f6;
+}
+.identify-title-text{
+	color: #000;
+	font-size: 34upx;
+	font-weight: bold;
+}
+.identify-title .text-blue,.identify-title .text-orange,.identify-title .text-green{
+	float: right;
+}
+.identify-concent{
+	padding: 30upx;
+}
+.identify-tips{
+	padding: 30upx;
+	color: #666;
+}
+.identify-tips-title{
+	margin-bottom: 20upx;
+	color: #333;
+	font-size: 30upx;
+	font-weight: bold;
+}
+.identify-tips-p{
+	margin-bottom: 18upx;
+	line-height: 40upx;
+}
+.identify-item-box{
+	padding: 30upx;
+	border-bottom: solid 1px #f6f6f6;
+}
+.identify-box-btn{
+	float: right;
+}
+.identify-box-user{
+	margin-top: 18upx;
+}
+.identify-box-value{
+	color: #666;
+	line-height: 50upx;
+}
+.identify-box-value text{
+	font-weight: bold;
+	color: #333;
+	font-size: 36upx;
+}
+/**风格切换**/
+.full-blue .header .cu-bar.bg-white{
+	background-color: #0081ff;
+	color: #fff;
+}
+.full-pink .header .cu-bar.bg-white{
+	background-color: #fa7298;
+	color: #fff;
+}
+.full-orange .header .cu-bar.bg-white{
+	background-color: #f47c35;
+	color: #fff;
+}
+.full-green .header .cu-bar.bg-white{
+	background-color: #8ebe58;
+	color: #fff;
+}
+.userIndex.full-blue .header.goScroll{
+	background: #0081ff;
+}
+.userIndex.full-pink .header.goScroll{
+	background: #fa7298;
+}
+.userIndex.full-orange .header.goScroll{
+	background: #f47c35;
+}
+.userIndex.full-green .header.goScroll{
+	background: #8ebe58;
+}
+.upload-bg{
+	padding: 30upx;
+}
+.upload-bg-no{
+	background: #ddd;
+	width: 100%;
+	height: 380upx;
+	border-radius: 8upx;
+	text-align: center;
+	font-size: 36upx;
+	color: #666;
+	line-height: 360upx;
+}
+.upload-bg-box{
+	position: relative;
+	width: 100%;
+	height: 380upx;
+	border-radius: 8upx;
+	overflow: hidden;
+	text-align: center;
+}
+.upload-bg-box image{
+	width: 100%;
+}
+.reload-btn{
+	position: absolute;
+	top: 42%;
+	z-index: 5;
+	width: 100%;
+	color: #fff;
+	font-weight: bold;
+	font-size: 42upx;
+	text-shadow: 0px 0px 4upx #000;
+}
+

Diferenças do arquivo suprimidas por serem muito extensas
+ 36 - 0
chexnet-master-MP/style/icon.css


+ 3958 - 0
chexnet-master-MP/style/main.css

@@ -0,0 +1,3958 @@
+/* 
+body {
+	background-color: #f1f1f1;
+	font-size: 28upx;
+	color: #333333;
+	font-family: Helvetica Neue, Helvetica, sans-serif;
+} */
+
+view,
+scroll-view,
+swiper,
+button,
+input,
+textarea,
+label,
+navigator,
+image {
+	box-sizing: border-box;
+}
+
+.round {
+	border-radius: 5000upx;
+}
+
+.radius {
+	border-radius: 6upx;
+}
+
+/* ==================
+          图片
+ ==================== */
+
+image {
+	max-width: 100%;
+	display: inline-block;
+	position: relative;
+	z-index: 0;
+}
+
+image.loading::before {
+	content: "";
+	background-color: #f5f5f5;
+	display: block;
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	z-index: -2;
+}
+
+image.loading::after {
+	content: "\e7f1";
+	font-family: "cuIcon";
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 32upx;
+	height: 32upx;
+	line-height: 32upx;
+	right: 0;
+	bottom: 0;
+	z-index: -1;
+	font-size: 32upx;
+	margin: auto;
+	color: #ccc;
+	-webkit-animation: cuIcon-spin 2s infinite linear;
+	animation: cuIcon-spin 2s infinite linear;
+	display: block;
+}
+
+.response {
+	width: 100%;
+}
+
+/* ==================
+         开关
+ ==================== */
+
+switch,
+checkbox,
+radio {
+	position: relative;
+}
+
+switch::after,
+switch::before {
+	font-family: "cuIcon";
+	content: "\e645";
+	position: absolute;
+	color: #ffffff !important;
+	top: 0%;
+	left: 0upx;
+	font-size: 26upx;
+	line-height: 26px;
+	width: 50%;
+	text-align: center;
+	pointer-events: none;
+	transform: scale(0, 0);
+	transition: all 0.3s ease-in-out 0s;
+	z-index: 9;
+	bottom: 0;
+	height: 26px;
+	margin: auto;
+}
+
+switch::before {
+	content: "\e646";
+	right: 0;
+	transform: scale(1, 1);
+	left: auto;
+}
+
+switch[checked]::after,
+switch.checked::after {
+	transform: scale(1, 1);
+}
+
+switch[checked]::before,
+switch.checked::before {
+	transform: scale(0, 0);
+}
+
+/* #ifndef MP-ALIPAY */
+radio::before,
+checkbox::before {
+	font-family: "cuIcon";
+	content: "\e645";
+	position: absolute;
+	color: #ffffff !important;
+	top: 50%;
+	margin-top: -8px;
+	right: 5px;
+	font-size: 32upx;
+	line-height: 16px;
+	pointer-events: none;
+	transform: scale(1, 1);
+	transition: all 0.3s ease-in-out 0s;
+	z-index: 9;
+}
+
+radio .wx-radio-input,
+checkbox .wx-checkbox-input,
+radio .uni-radio-input,
+checkbox .uni-checkbox-input {
+	margin: 0;
+	width: 24px;
+	height: 24px;
+}
+
+checkbox.round .wx-checkbox-input,
+checkbox.round .uni-checkbox-input {
+	border-radius: 100upx;
+}
+
+/* #endif */
+
+switch[checked]::before {
+	transform: scale(0, 0);
+}
+
+switch .wx-switch-input,
+switch .uni-switch-input {
+	border: none;
+	padding: 0 24px;
+	width: 48px;
+	height: 26px;
+	margin: 0;
+	border-radius: 100upx;
+}
+
+switch .wx-switch-input:not([class*="bg-"]),
+switch .uni-switch-input:not([class*="bg-"]) {
+	background: #8799a3 !important;
+}
+
+switch .wx-switch-input::after,
+switch .uni-switch-input::after {
+	margin: auto;
+	width: 26px;
+	height: 26px;
+	border-radius: 100upx;
+	left: 0upx;
+	top: 0upx;
+	bottom: 0upx;
+	position: absolute;
+	transform: scale(0.9, 0.9);
+	transition: all 0.1s ease-in-out 0s;
+}
+
+switch .wx-switch-input.wx-switch-input-checked::after,
+switch .uni-switch-input.uni-switch-input-checked::after {
+	margin: auto;
+	left: 22px;
+	box-shadow: none;
+	transform: scale(0.9, 0.9);
+}
+
+radio-group {
+	display: inline-block;
+}
+
+
+
+switch.radius .wx-switch-input::after,
+switch.radius .wx-switch-input,
+switch.radius .wx-switch-input::before,
+switch.radius .uni-switch-input::after,
+switch.radius .uni-switch-input,
+switch.radius .uni-switch-input::before {
+	border-radius: 10upx;
+}
+
+switch .wx-switch-input::before,
+radio.radio::before,
+checkbox .wx-checkbox-input::before,
+radio .wx-radio-input::before,
+switch .uni-switch-input::before,
+radio.radio::before,
+checkbox .uni-checkbox-input::before,
+radio .uni-radio-input::before {
+	display: none;
+}
+
+radio.radio[checked]::after,
+radio.radio .uni-radio-input-checked::after {
+	content: "";
+	background-color: transparent;
+	display: block;
+	position: absolute;
+	width: 8px;
+	height: 8px;
+	z-index: 999;
+	top: 0upx;
+	left: 0upx;
+	right: 0;
+	bottom: 0;
+	margin: auto;
+	border-radius: 200upx;
+	/* #ifndef MP */
+	border: 7px solid #ffffff !important;
+	/* #endif */
+
+	/* #ifdef MP */
+	border: 8px solid #ffffff !important;
+	/* #endif */
+}
+
+.switch-sex::after {
+	content: "\e71c";
+}
+
+.switch-sex::before {
+	content: "\e71a";
+}
+
+.switch-sex .wx-switch-input,
+.switch-sex .uni-switch-input {
+	background: #e54d42 !important;
+	border-color: #e54d42 !important;
+}
+
+.switch-sex[checked] .wx-switch-input,
+.switch-sex.checked .uni-switch-input {
+	background: #0081ff !important;
+	border-color: #0081ff !important;
+}
+
+switch.red[checked] .wx-switch-input.wx-switch-input-checked,
+checkbox.red[checked] .wx-checkbox-input,
+radio.red[checked] .wx-radio-input,
+switch.red.checked .uni-switch-input.uni-switch-input-checked,
+checkbox.red.checked .uni-checkbox-input,
+radio.red.checked .uni-radio-input {
+	background-color: #e54d42 !important;
+	border-color: #e54d42 !important;
+	color: #ffffff !important;
+}
+
+switch.orange[checked] .wx-switch-input,
+checkbox.orange[checked] .wx-checkbox-input,
+radio.orange[checked] .wx-radio-input,
+switch.orange.checked .uni-switch-input,
+checkbox.orange.checked .uni-checkbox-input,
+radio.orange.checked .uni-radio-input {
+	background-color: #f37b1d !important;
+	border-color: #f37b1d !important;
+	color: #ffffff !important;
+}
+
+switch.yellow[checked] .wx-switch-input,
+checkbox.yellow[checked] .wx-checkbox-input,
+radio.yellow[checked] .wx-radio-input,
+switch.yellow.checked .uni-switch-input,
+checkbox.yellow.checked .uni-checkbox-input,
+radio.yellow.checked .uni-radio-input {
+	background-color: #fbbd08 !important;
+	border-color: #fbbd08 !important;
+	color: #333333 !important;
+}
+
+switch.olive[checked] .wx-switch-input,
+checkbox.olive[checked] .wx-checkbox-input,
+radio.olive[checked] .wx-radio-input,
+switch.olive.checked .uni-switch-input,
+checkbox.olive.checked .uni-checkbox-input,
+radio.olive.checked .uni-radio-input {
+	background-color: #8dc63f !important;
+	border-color: #8dc63f !important;
+	color: #ffffff !important;
+}
+
+switch.green[checked] .wx-switch-input,
+switch[checked] .wx-switch-input,
+checkbox.green[checked] .wx-checkbox-input,
+checkbox[checked] .wx-checkbox-input,
+radio.green[checked] .wx-radio-input,
+radio[checked] .wx-radio-input,
+switch.green.checked .uni-switch-input,
+switch.checked .uni-switch-input,
+checkbox.green.checked .uni-checkbox-input,
+checkbox.checked .uni-checkbox-input,
+radio.green.checked .uni-radio-input,
+radio.checked .uni-radio-input {
+	background-color: #39b54a !important;
+	border-color: #39b54a !important;
+	color: #ffffff !important;
+	border-color: #39B54A !important;
+}
+
+switch.cyan[checked] .wx-switch-input,
+checkbox.cyan[checked] .wx-checkbox-input,
+radio.cyan[checked] .wx-radio-input,
+switch.cyan.checked .uni-switch-input,
+checkbox.cyan.checked .uni-checkbox-input,
+radio.cyan.checked .uni-radio-input {
+	background-color: #1cbbb4 !important;
+	border-color: #1cbbb4 !important;
+	color: #ffffff !important;
+}
+
+switch.blue[checked] .wx-switch-input,
+checkbox.blue[checked] .wx-checkbox-input,
+radio.blue[checked] .wx-radio-input,
+switch.blue.checked .uni-switch-input,
+checkbox.blue.checked .uni-checkbox-input,
+radio.blue.checked .uni-radio-input {
+	background-color: #0081ff !important;
+	border-color: #0081ff !important;
+	color: #ffffff !important;
+}
+
+switch.purple[checked] .wx-switch-input,
+checkbox.purple[checked] .wx-checkbox-input,
+radio.purple[checked] .wx-radio-input,
+switch.purple.checked .uni-switch-input,
+checkbox.purple.checked .uni-checkbox-input,
+radio.purple.checked .uni-radio-input {
+	background-color: #6739b6 !important;
+	border-color: #6739b6 !important;
+	color: #ffffff !important;
+}
+
+switch.mauve[checked] .wx-switch-input,
+checkbox.mauve[checked] .wx-checkbox-input,
+radio.mauve[checked] .wx-radio-input,
+switch.mauve.checked .uni-switch-input,
+checkbox.mauve.checked .uni-checkbox-input,
+radio.mauve.checked .uni-radio-input {
+	background-color: #9c26b0 !important;
+	border-color: #9c26b0 !important;
+	color: #ffffff !important;
+}
+
+switch.pink[checked] .wx-switch-input,
+checkbox.pink[checked] .wx-checkbox-input,
+radio.pink[checked] .wx-radio-input,
+switch.pink.checked .uni-switch-input,
+checkbox.pink.checked .uni-checkbox-input,
+radio.pink.checked .uni-radio-input {
+	background-color: #e03997 !important;
+	border-color: #e03997 !important;
+	color: #ffffff !important;
+}
+
+switch.brown[checked] .wx-switch-input,
+checkbox.brown[checked] .wx-checkbox-input,
+radio.brown[checked] .wx-radio-input,
+switch.brown.checked .uni-switch-input,
+checkbox.brown.checked .uni-checkbox-input,
+radio.brown.checked .uni-radio-input {
+	background-color: #a5673f !important;
+	border-color: #a5673f !important;
+	color: #ffffff !important;
+}
+
+switch.grey[checked] .wx-switch-input,
+checkbox.grey[checked] .wx-checkbox-input,
+radio.grey[checked] .wx-radio-input,
+switch.grey.checked .uni-switch-input,
+checkbox.grey.checked .uni-checkbox-input,
+radio.grey.checked .uni-radio-input {
+	background-color: #8799a3 !important;
+	border-color: #8799a3 !important;
+	color: #ffffff !important;
+}
+
+switch.gray[checked] .wx-switch-input,
+checkbox.gray[checked] .wx-checkbox-input,
+radio.gray[checked] .wx-radio-input,
+switch.gray.checked .uni-switch-input,
+checkbox.gray.checked .uni-checkbox-input,
+radio.gray.checked .uni-radio-input {
+	background-color: #f0f0f0 !important;
+	border-color: #f0f0f0 !important;
+	color: #333333 !important;
+}
+
+switch.black[checked] .wx-switch-input,
+checkbox.black[checked] .wx-checkbox-input,
+radio.black[checked] .wx-radio-input,
+switch.black.checked .uni-switch-input,
+checkbox.black.checked .uni-checkbox-input,
+radio.black.checked .uni-radio-input {
+	background-color: #333333 !important;
+	border-color: #333333 !important;
+	color: #ffffff !important;
+}
+
+switch.white[checked] .wx-switch-input,
+checkbox.white[checked] .wx-checkbox-input,
+radio.white[checked] .wx-radio-input,
+switch.white.checked .uni-switch-input,
+checkbox.white.checked .uni-checkbox-input,
+radio.white.checked .uni-radio-input {
+	background-color: #ffffff !important;
+	border-color: #ffffff !important;
+	color: #333333 !important;
+}
+
+/* ==================
+          边框
+ ==================== */
+
+/* -- 实线 -- */
+
+.solid,
+.solid-top,
+.solid-right,
+.solid-bottom,
+.solid-left,
+.solids,
+.solids-top,
+.solids-right,
+.solids-bottom,
+.solids-left,
+.dashed,
+.dashed-top,
+.dashed-right,
+.dashed-bottom,
+.dashed-left {
+	position: relative;
+}
+
+.solid::after,
+.solid-top::after,
+.solid-right::after,
+.solid-bottom::after,
+.solid-left::after,
+.solids::after,
+.solids-top::after,
+.solids-right::after,
+.solids-bottom::after,
+.solids-left::after,
+.dashed::after,
+.dashed-top::after,
+.dashed-right::after,
+.dashed-bottom::after,
+.dashed-left::after {
+	content: " ";
+	width: 200%;
+	height: 200%;
+	position: absolute;
+	top: 0;
+	left: 0;
+	border-radius: inherit;
+	transform: scale(0.5);
+	transform-origin: 0 0;
+	pointer-events: none;
+	box-sizing: border-box;
+}
+
+.solid::after {
+	border: 1upx solid rgba(0, 0, 0, 0.1);
+}
+
+.solid-top::after {
+	border-top: 1upx solid rgba(0, 0, 0, 0.1);
+}
+
+.solid-right::after {
+	border-right: 1upx solid rgba(0, 0, 0, 0.1);
+}
+
+.solid-bottom::after {
+	border-bottom: 1upx solid rgba(0, 0, 0, 0.1);
+}
+
+.solid-left::after {
+	border-left: 1upx solid rgba(0, 0, 0, 0.1);
+}
+
+.solids::after {
+	border: 8upx solid #eee;
+}
+
+.solids-top::after {
+	border-top: 8upx solid #eee;
+}
+
+.solids-right::after {
+	border-right: 8upx solid #eee;
+}
+
+.solids-bottom::after {
+	border-bottom: 8upx solid #eee;
+}
+
+.solids-left::after {
+	border-left: 8upx solid #eee;
+}
+
+/* -- 虚线 -- */
+
+.dashed::after {
+	border: 1upx dashed #ddd;
+}
+
+.dashed-top::after {
+	border-top: 1upx dashed #ddd;
+}
+
+.dashed-right::after {
+	border-right: 1upx dashed #ddd;
+}
+
+.dashed-bottom::after {
+	border-bottom: 1upx dashed #ddd;
+}
+
+.dashed-left::after {
+	border-left: 1upx dashed #ddd;
+}
+
+/* -- 阴影 -- */
+
+.shadow[class*='white'] {
+	--ShadowSize: 0 1upx 6upx;
+}
+
+.shadow-lg {
+	--ShadowSize: 0upx 40upx 100upx 0upx;
+}
+
+.shadow-warp {
+	position: relative;
+	box-shadow: 0 0 10upx rgba(0, 0, 0, 0.1);
+}
+
+.shadow-warp:before,
+.shadow-warp:after {
+	position: absolute;
+	content: "";
+	top: 20upx;
+	bottom: 30upx;
+	left: 20upx;
+	width: 50%;
+	box-shadow: 0 30upx 20upx rgba(0, 0, 0, 0.2);
+	transform: rotate(-3deg);
+	z-index: -1;
+}
+
+.shadow-warp:after {
+	right: 20upx;
+	left: auto;
+	transform: rotate(3deg);
+}
+
+.shadow-blur {
+	position: relative;
+}
+
+.shadow-blur::before {
+	content: "";
+	display: block;
+	background: inherit;
+	filter: blur(10upx);
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	top: 10upx;
+	left: 10upx;
+	z-index: -1;
+	opacity: 0.4;
+	transform-origin: 0 0;
+	border-radius: inherit;
+	transform: scale(1, 1);
+}
+
+/* ==================
+          按钮
+ ==================== */
+
+.cu-btn {
+	position: relative;
+	border: 0upx;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	box-sizing: border-box;
+	padding: 0 30upx;
+	font-size: 28upx;
+	height: 64upx;
+	line-height: 1;
+	text-align: center;
+	text-decoration: none;
+	overflow: visible;
+	margin-left: initial;
+	transform: translate(0upx, 0upx);
+	margin-right: initial;
+}
+
+.cu-btn::after {
+	display: none;
+}
+
+.cu-btn:not([class*="bg-"]) {
+	background-color: #f0f0f0;
+}
+
+.cu-btn[class*="line"] {
+	background-color: transparent;
+}
+
+.cu-btn[class*="line"]::after {
+	content: " ";
+	display: block;
+	width: 200%;
+	height: 200%;
+	position: absolute;
+	top: 0;
+	left: 0;
+	border: 1upx solid currentColor;
+	transform: scale(0.5);
+	transform-origin: 0 0;
+	box-sizing: border-box;
+	border-radius: 12upx;
+	z-index: 1;
+	pointer-events: none;
+}
+
+.cu-btn.round[class*="line"]::after {
+	border-radius: 1000upx;
+}
+
+.cu-btn[class*="lines"]::after {
+	border: 6upx solid currentColor;
+}
+
+.cu-btn[class*="bg-"]::after {
+	display: none;
+}
+
+.cu-btn.sm {
+	padding: 0 20upx;
+	font-size: 20upx;
+	height: 48upx;
+}
+
+.cu-btn.lg {
+	padding: 0 40upx;
+	font-size: 32upx;
+	height: 80upx;
+}
+
+.cu-btn.cuIcon.sm {
+	width: 48upx;
+	height: 48upx;
+}
+
+.cu-btn.cuIcon {
+	width: 64upx;
+	height: 64upx;
+	border-radius: 500upx;
+	padding: 0;
+}
+
+button.cuIcon.lg {
+	width: 80upx;
+	height: 80upx;
+}
+
+.cu-btn.shadow-blur::before {
+	top: 4upx;
+	left: 4upx;
+	filter: blur(6upx);
+	opacity: 0.6;
+}
+
+.cu-btn.button-hover {
+	transform: translate(1upx, 1upx);
+}
+
+.block {
+	display: block;
+}
+
+.cu-btn.block {
+	display: flex;
+}
+
+.cu-btn[disabled] {
+	opacity: 0.6;
+	color: #ffffff;
+}
+
+/* ==================
+          徽章
+ ==================== */
+
+.cu-tag {
+	font-size: 24upx;
+	vertical-align: middle;
+	position: relative;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	box-sizing: border-box;
+	padding: 0upx 16upx;
+	height: 48upx;
+	font-family: Helvetica Neue, Helvetica, sans-serif;
+	white-space: nowrap;
+}
+
+.cu-tag:not([class*="bg"]):not([class*="line"]) {
+	background-color: #f1f1f1;
+}
+
+.cu-tag[class*="line-"]::after {
+	content: " ";
+	width: 200%;
+	height: 200%;
+	position: absolute;
+	top: 0;
+	left: 0;
+	border: 1upx solid currentColor;
+	transform: scale(0.5);
+	transform-origin: 0 0;
+	box-sizing: border-box;
+	border-radius: inherit;
+	z-index: 1;
+	pointer-events: none;
+}
+
+.cu-tag.radius[class*="line"]::after {
+	border-radius: 12upx;
+}
+
+.cu-tag.round[class*="line"]::after {
+	border-radius: 1000upx;
+}
+
+.cu-tag[class*="line-"]::after {
+	border-radius: 0;
+}
+
+.cu-tag+.cu-tag {
+	margin-left: 10upx;
+}
+
+.cu-tag.sm {
+	font-size: 20upx;
+	padding: 0upx 12upx;
+	height: 32upx;
+}
+
+.cu-capsule {
+	display: inline-flex;
+	vertical-align: middle;
+}
+
+.cu-capsule+.cu-capsule {
+	margin-left: 10upx;
+}
+
+.cu-capsule .cu-tag {
+	margin: 0;
+}
+
+.cu-capsule .cu-tag[class*="line-"]:last-child::after {
+	border-left: 0upx solid transparent;
+}
+
+.cu-capsule .cu-tag[class*="line-"]:first-child::after {
+	border-right: 0upx solid transparent;
+}
+
+.cu-capsule.radius .cu-tag:first-child {
+	border-top-left-radius: 6upx;
+	border-bottom-left-radius: 6upx;
+}
+
+.cu-capsule.radius .cu-tag:last-child::after,
+.cu-capsule.radius .cu-tag[class*="line-"] {
+	border-top-right-radius: 12upx;
+	border-bottom-right-radius: 12upx;
+}
+
+.cu-capsule.round .cu-tag:first-child {
+	border-top-left-radius: 200upx;
+	border-bottom-left-radius: 200upx;
+	text-indent: 4upx;
+}
+
+.cu-capsule.round .cu-tag:last-child::after,
+.cu-capsule.round .cu-tag:last-child {
+	border-top-right-radius: 200upx;
+	border-bottom-right-radius: 200upx;
+	text-indent: -4upx;
+}
+
+.cu-tag.badge {
+	border-radius: 200upx;
+	position: absolute;
+	top: -10upx;
+	right: -10upx;
+	font-size: 20upx;
+	padding: 0upx 10upx;
+	height: 28upx;
+	color: #ffffff;
+}
+
+.cu-tag.badge:not([class*="bg-"]) {
+	background-color: #dd514c;
+}
+
+.cu-tag:empty:not([class*="cuIcon-"]) {
+	padding: 0upx;
+	width: 16upx;
+	height: 16upx;
+	top: -4upx;
+	right: -4upx;
+}
+
+.cu-tag[class*="cuIcon-"] {
+	width: 32upx;
+	height: 32upx;
+	top: -4upx;
+	right: -4upx;
+}
+
+/* ==================
+          头像
+ ==================== */
+
+.cu-avatar {
+	font-variant: small-caps;
+	margin: 0;
+	padding: 0;
+	display: inline-flex;
+	text-align: center;
+	justify-content: center;
+	align-items: center;
+	background-color: #ccc;
+	color: #ffffff;
+	white-space: nowrap;
+	position: relative;
+	width: 64upx;
+	height: 64upx;
+	background-size: cover;
+	background-position: center;
+	vertical-align: middle;
+	font-size: 1.5em;
+}
+
+.cu-avatar.sm {
+	width: 48upx;
+	height: 48upx;
+	font-size: 1em;
+}
+
+.cu-avatar.lg {
+	width: 96upx;
+	height: 96upx;
+	font-size: 2em;
+}
+
+.cu-avatar.xl {
+	width: 128upx;
+	height: 128upx;
+	font-size: 2.5em;
+}
+
+.cu-avatar .avatar-text {
+	font-size: 0.4em;
+}
+
+.cu-avatar-group {
+	direction: rtl;
+	unicode-bidi: bidi-override;
+	padding: 0 10upx 0 40upx;
+	display: inline-block;
+}
+
+.cu-avatar-group .cu-avatar {
+	margin-left: -30upx;
+	border: 4upx solid #f1f1f1;
+	vertical-align: middle;
+}
+
+.cu-avatar-group .cu-avatar.sm {
+	margin-left: -20upx;
+	border: 1upx solid #f1f1f1;
+}
+
+/* ==================
+         进度条
+ ==================== */
+
+.cu-progress {
+	overflow: hidden;
+	height: 28upx;
+	background-color: #ebeef5;
+	display: inline-flex;
+	align-items: center;
+	width: 100%;
+}
+
+.cu-progress+view,
+.cu-progress+text {
+	line-height: 1;
+}
+
+.cu-progress.xs {
+	height: 10upx;
+}
+
+.cu-progress.sm {
+	height: 20upx;
+}
+
+.cu-progress view {
+	width: 0;
+	height: 100%;
+	align-items: center;
+	display: flex;
+	justify-items: flex-end;
+	justify-content: space-around;
+	font-size: 20upx;
+	color: #ffffff;
+	transition: width 0.6s ease;
+}
+
+.cu-progress text {
+	align-items: center;
+	display: flex;
+	font-size: 20upx;
+	color: #333333;
+	text-indent: 10upx;
+}
+
+.cu-progress.text-progress {
+	padding-right: 60upx;
+}
+
+.cu-progress.striped view {
+	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+	background-size: 72upx 72upx;
+}
+
+.cu-progress.active view {
+	animation: progress-stripes 2s linear infinite;
+}
+
+@keyframes progress-stripes {
+	from {
+		background-position: 72upx 0;
+	}
+
+	to {
+		background-position: 0 0;
+	}
+}
+
+/* ==================
+          加载
+ ==================== */
+
+.cu-load {
+	display: block;
+	line-height: 3em;
+	text-align: center;
+}
+
+.cu-load::before {
+	font-family: "cuIcon";
+	display: inline-block;
+	margin-right: 6upx;
+}
+
+.cu-load.loading::before {
+	content: "\e67a";
+	animation: cuIcon-spin 2s infinite linear;
+}
+
+.cu-load.loading::after {
+	content: "加载中...";
+}
+
+.cu-load.over::before {
+	content: "\e64a";
+}
+
+.cu-load.over::after {
+	content: "没有更多了";
+}
+
+.cu-load.erro::before {
+	content: "\e658";
+}
+
+.cu-load.erro::after {
+	content: "加载失败";
+}
+
+.cu-load.load-cuIcon::before {
+	font-size: 32upx;
+}
+
+.cu-load.load-cuIcon::after {
+	display: none;
+}
+
+.cu-load.load-cuIcon.over {
+	display: none;
+}
+
+.cu-load.load-modal {
+	position: fixed;
+	top: 0;
+	right: 0;
+	bottom: 140upx;
+	left: 0;
+	margin: auto;
+	width: 260upx;
+	height: 260upx;
+	background-color: #ffffff;
+	border-radius: 10upx;
+	box-shadow: 0 0 0upx 2000upx rgba(0, 0, 0, 0.5);
+	display: flex;
+	align-items: center;
+	flex-direction: column;
+	justify-content: center;
+	font-size: 28upx;
+	z-index: 9999;
+	line-height: 2.4em;
+}
+
+.cu-load.load-modal [class*="cuIcon-"] {
+	font-size: 60upx;
+}
+
+.cu-load.load-modal image {
+	width: 70upx;
+	height: 70upx;
+}
+
+.cu-load.load-modal::after {
+	content: "";
+	position: absolute;
+	background-color: #ffffff;
+	border-radius: 50%;
+	width: 200upx;
+	height: 200upx;
+	font-size: 10px;
+	border-top: 6upx solid rgba(0, 0, 0, 0.05);
+	border-right: 6upx solid rgba(0, 0, 0, 0.05);
+	border-bottom: 6upx solid rgba(0, 0, 0, 0.05);
+	border-left: 6upx solid #f37b1d;
+	animation: cuIcon-spin 1s infinite linear;
+	z-index: -1;
+}
+
+.load-progress {
+	pointer-events: none;
+	top: 0;
+	position: fixed;
+	width: 100%;
+	left: 0;
+	z-index: 2000;
+}
+
+.load-progress.hide {
+	display: none;
+}
+
+.load-progress .load-progress-bar {
+	position: relative;
+	width: 100%;
+	height: 4upx;
+	overflow: hidden;
+	transition: all 200ms ease 0s;
+}
+
+.load-progress .load-progress-spinner {
+	position: absolute;
+	top: 10upx;
+	right: 10upx;
+	z-index: 2000;
+	display: block;
+}
+
+.load-progress .load-progress-spinner::after {
+	content: "";
+	display: block;
+	width: 24upx;
+	height: 24upx;
+	-webkit-box-sizing: border-box;
+	box-sizing: border-box;
+	border: solid 4upx transparent;
+	border-top-color: inherit;
+	border-left-color: inherit;
+	border-radius: 50%;
+	-webkit-animation: load-progress-spinner 0.4s linear infinite;
+	animation: load-progress-spinner 0.4s linear infinite;
+}
+
+@-webkit-keyframes load-progress-spinner {
+	0% {
+		-webkit-transform: rotate(0);
+		transform: rotate(0);
+	}
+
+	100% {
+		-webkit-transform: rotate(360deg);
+		transform: rotate(360deg);
+	}
+}
+
+@keyframes load-progress-spinner {
+	0% {
+		-webkit-transform: rotate(0);
+		transform: rotate(0);
+	}
+
+	100% {
+		-webkit-transform: rotate(360deg);
+		transform: rotate(360deg);
+	}
+}
+
+/* ==================
+          列表
+ ==================== */
+.grayscale {
+	filter: grayscale(1);
+}
+
+.cu-list+.cu-list {
+	margin-top: 30upx
+}
+
+.cu-list>.cu-item {
+	transition: all .6s ease-in-out 0s;
+	transform: translateX(0upx)
+}
+
+.cu-list>.cu-item.move-cur {
+	transform: translateX(-260upx)
+}
+
+.cu-list>.cu-item .move {
+	position: absolute;
+	right: 0;
+	display: flex;
+	width: 260upx;
+	height: 100%;
+	transform: translateX(100%)
+}
+
+.cu-list>.cu-item .move view {
+	display: flex;
+	flex: 1;
+	justify-content: center;
+	align-items: center
+}
+
+.cu-list.menu-avatar {
+	overflow: hidden;
+}
+
+.cu-list.menu-avatar>.cu-item {
+	position: relative;
+	display: flex;
+	padding-right: 10upx;
+	height: 140upx;
+	background-color: #ffffff;
+	justify-content: flex-end;
+	align-items: center
+}
+
+.cu-list.menu-avatar>.cu-item>.cu-avatar {
+	position: absolute;
+	left: 30upx
+}
+
+.cu-list.menu-avatar>.cu-item .flex .text-cut {
+	max-width: 510upx
+}
+
+.cu-list.menu-avatar>.cu-item .content {
+	position: absolute;
+	left: 146upx;
+	width: calc(100% - 96upx - 60upx - 120upx - 20upx);
+	line-height: 1.6em;
+}
+
+.cu-list.menu-avatar>.cu-item .content.flex-sub {
+	width: calc(100% - 96upx - 60upx - 20upx);
+}
+
+.cu-list.menu-avatar>.cu-item .content>view:first-child {
+	font-size: 30upx;
+	display: flex;
+	align-items: center
+}
+
+.cu-list.menu-avatar>.cu-item .content .cu-tag.sm {
+	display: inline-block;
+	margin-left: 10upx;
+	height: 28upx;
+	font-size: 16upx;
+	line-height: 32upx
+}
+
+.cu-list.menu-avatar>.cu-item .action {
+	width: 100upx;
+	text-align: center
+}
+
+.cu-list.menu-avatar>.cu-item .action view+view {
+	margin-top: 10upx
+}
+
+.cu-list.menu-avatar.comment>.cu-item .content {
+	position: relative;
+	left: 0;
+	width: auto;
+	flex: 1;
+}
+
+.cu-list.menu-avatar.comment>.cu-item {
+	padding: 30upx 30upx 30upx 120upx;
+	height: auto
+}
+
+.cu-list.menu-avatar.comment .cu-avatar {
+	align-self: flex-start
+}
+
+.cu-list.menu>.cu-item {
+	position: relative;
+	display: flex;
+	padding: 0 30upx;
+	min-height: 100upx;
+	background-color: #ffffff;
+	justify-content: space-between;
+	align-items: center
+}
+
+.cu-list.menu>.cu-item:last-child:after {
+	border: none
+}
+
+.cu-list.menu-avatar>.cu-item:after,
+.cu-list.menu>.cu-item:after {
+	position: absolute;
+	top: 0;
+	left: 0;
+	box-sizing: border-box;
+	width: 200%;
+	height: 200%;
+	border-bottom: 1upx solid #ddd;
+	border-radius: inherit;
+	content: " ";
+	transform: scale(.5);
+	transform-origin: 0 0;
+	pointer-events: none
+}
+
+.cu-list.menu>.cu-item.grayscale {
+	background-color: #f5f5f5
+}
+
+.cu-list.menu>.cu-item.cur {
+	background-color: #fcf7e9
+}
+
+.cu-list.menu>.cu-item.arrow {
+	padding-right: 90upx
+}
+
+.cu-list.menu>.cu-item.arrow:before {
+	position: absolute;
+	top: 0;
+	right: 30upx;
+	bottom: 0;
+	display: block;
+	margin: auto;
+	width: 30upx;
+	height: 30upx;
+	color: #8799a3;
+	content: "\e6a3";
+	text-align: center;
+	font-size: 34upx;
+	font-family: cuIcon;
+	line-height: 30upx
+}
+
+.cu-list.menu>.cu-item button.content {
+	padding: 0;
+	background-color: transparent;
+	justify-content: flex-start
+}
+
+.cu-list.menu>.cu-item button.content:after {
+	display: none
+}
+
+.cu-list.menu>.cu-item .cu-avatar-group .cu-avatar {
+	border-color: #ffffff
+}
+
+.cu-list.menu>.cu-item .content>view:first-child {
+	display: flex;
+	align-items: center
+}
+
+.cu-list.menu>.cu-item .content>text[class*=cuIcon] {
+	display: inline-block;
+	margin-right: 10upx;
+	width: 1.6em;
+	text-align: center
+}
+
+.cu-list.menu>.cu-item .content>image {
+	display: inline-block;
+	margin-right: 10upx;
+	width: 1.6em;
+	height: 1.6em;
+	vertical-align: middle
+}
+
+.cu-list.menu>.cu-item .content {
+	font-size: 30upx;
+	line-height: 1.6em;
+	flex: 1
+}
+
+.cu-list.menu>.cu-item .content .cu-tag.sm {
+	display: inline-block;
+	margin-left: 10upx;
+	height: 28upx;
+	font-size: 16upx;
+	line-height: 32upx
+}
+
+.cu-list.menu>.cu-item .action .cu-tag:empty {
+	right: 10upx
+}
+
+.cu-list.menu {
+	display: block;
+	overflow: hidden
+}
+
+.cu-list.menu.sm-border>.cu-item:after {
+	left: 30upx;
+	width: calc(200% - 120upx)
+}
+
+.cu-list.grid>.cu-item {
+	position: relative;
+	display: flex;
+	padding: 20upx 0 30upx;
+	transition-duration: 0s;
+	flex-direction: column
+}
+
+.cu-list.grid>.cu-item:after {
+	position: absolute;
+	top: 0;
+	left: 0;
+	box-sizing: border-box;
+	width: 200%;
+	height: 200%;
+	border-right: 1px solid rgba(0, 0, 0, .1);
+	border-bottom: 1px solid rgba(0, 0, 0, .1);
+	border-radius: inherit;
+	content: " ";
+	transform: scale(.5);
+	transform-origin: 0 0;
+	pointer-events: none
+}
+
+.cu-list.grid>.cu-item text {
+	display: block;
+	margin-top: 10upx;
+	color: #888;
+	font-size: 26upx;
+	line-height: 40upx
+}
+
+.cu-list.grid>.cu-item [class*=cuIcon] {
+	position: relative;
+	display: block;
+	margin-top: 20upx;
+	width: 100%;
+	font-size: 48upx
+}
+
+.cu-list.grid>.cu-item .cu-tag {
+	right: auto;
+	left: 50%;
+	margin-left: 20upx
+}
+
+.cu-list.grid {
+	background-color: #ffffff;
+	text-align: center
+}
+
+.cu-list.grid.no-border>.cu-item {
+	padding-top: 10upx;
+	padding-bottom: 20upx
+}
+
+.cu-list.grid.no-border>.cu-item:after {
+	border: none
+}
+
+.cu-list.grid.no-border {
+	padding: 20upx 10upx
+}
+
+.cu-list.grid.col-3>.cu-item:nth-child(3n):after,
+.cu-list.grid.col-4>.cu-item:nth-child(4n):after,
+.cu-list.grid.col-5>.cu-item:nth-child(5n):after {
+	border-right-width: 0
+}
+
+.cu-list.card-menu {
+	overflow: hidden;
+	margin-right: 30upx;
+	margin-left: 30upx;
+	border-radius: 20upx
+}
+
+
+/* ==================
+          操作条
+ ==================== */
+
+.cu-bar {
+	display: flex;
+	position: relative;
+	align-items: center;
+	min-height: 100upx;
+	justify-content: space-between;
+}
+
+.cu-bar .action {
+	display: flex;
+	align-items: center;
+	height: 100%;
+	justify-content: center;
+	max-width: 100%;
+}
+
+.cu-bar .action.border-title {
+	position: relative;
+	top: -10upx;
+}
+
+.cu-bar .action.border-title text[class*="bg-"]:last-child {
+	position: absolute;
+	bottom: -0.5rem;
+	min-width: 2rem;
+	height: 6upx;
+	left: 0;
+}
+
+.cu-bar .action.sub-title {
+	position: relative;
+	top: -0.2rem;
+}
+
+.cu-bar .action.sub-title text {
+	position: relative;
+	z-index: 1;
+}
+
+.cu-bar .action.sub-title text[class*="bg-"]:last-child {
+	position: absolute;
+	display: inline-block;
+	bottom: -0.2rem;
+	border-radius: 6upx;
+	width: 100%;
+	height: 0.6rem;
+	left: 0.6rem;
+	opacity: 0.3;
+	z-index: 0;
+}
+
+.cu-bar .action.sub-title text[class*="text-"]:last-child {
+	position: absolute;
+	display: inline-block;
+	bottom: -0.7rem;
+	left: 0.5rem;
+	opacity: 0.2;
+	z-index: 0;
+	text-align: right;
+	font-weight: 900;
+	font-size: 36upx;
+}
+
+.cu-bar.justify-center .action.border-title text:last-child,
+.cu-bar.justify-center .action.sub-title text:last-child {
+	left: 0;
+	right: 0;
+	margin: auto;
+	text-align: center;
+}
+
+.cu-bar .action:first-child {
+	margin-left: 30upx;
+	font-size: 30upx;
+}
+
+.cu-bar .action text.text-cut {
+	text-align: left;
+	width: 100%;
+}
+
+.cu-bar .cu-avatar:first-child {
+	margin-left: 20upx;
+}
+
+.cu-bar .action:first-child>text[class*="cuIcon-"] {
+	margin-left: -0.3em;
+	margin-right: 0.3em;
+}
+
+.cu-bar .action:last-child {
+	margin-right: 30upx;
+}
+
+.cu-bar .action>text[class*="cuIcon-"],
+.cu-bar .action>view[class*="cuIcon-"] {
+	font-size: 36upx;
+}
+
+.cu-bar .action>text[class*="cuIcon-"]+text[class*="cuIcon-"] {
+	margin-left: 0.5em;
+}
+
+.cu-bar .content {
+	position: absolute;
+	text-align: center;
+	width: calc(100% - 340upx);
+	left: 0;
+	right: 0;
+	bottom: 0;
+	top: 0;
+	margin: auto;
+	height: 60upx;
+	font-size: 32upx;
+	line-height: 60upx;
+	cursor: none;
+	pointer-events: none;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	overflow: hidden;
+}
+
+.cu-bar.ios .content {
+	bottom: 7px;
+	height: 30px;
+	font-size: 32upx;
+	line-height: 30px;
+}
+
+.cu-bar.btn-group {
+	justify-content: space-around;
+}
+
+.cu-bar.btn-group button {
+	padding: 20upx 32upx;
+}
+
+.cu-bar.btn-group button {
+	flex: 1;
+	margin: 0 20upx;
+	max-width: 50%;
+}
+
+.cu-bar .search-form {
+	background-color: #f5f5f5;
+	line-height: 64upx;
+	height: 64upx;
+	font-size: 24upx;
+	color: #333333;
+	flex: 1;
+	display: flex;
+	align-items: center;
+	margin: 0 30upx;
+}
+
+.cu-bar .search-form+.action {
+	margin-right: 30upx;
+}
+
+.cu-bar .search-form input {
+	flex: 1;
+	padding-right: 30upx;
+	height: 64upx;
+	line-height: 64upx;
+	font-size: 26upx;
+	background-color: transparent;
+}
+
+.cu-bar .search-form [class*="cuIcon-"] {
+	margin: 0 0.5em 0 0.8em;
+}
+
+.cu-bar .search-form [class*="cuIcon-"]::before {
+	top: 0upx;
+}
+
+.cu-bar.fixed,
+.nav.fixed {
+	position: fixed;
+	width: 100%;
+	top: 0;
+	z-index: 1024;
+	box-shadow: 0 1upx 6upx rgba(0, 0, 0, 0.1);
+}
+
+.cu-bar.foot {
+	position: fixed;
+	width: 100%;
+	bottom: 0;
+	z-index: 1024;
+	box-shadow: 0 -1upx 6upx rgba(0, 0, 0, 0.1);
+}
+
+.cu-bar.tabbar {
+	padding: 0;
+	height: calc(100upx + env(safe-area-inset-bottom) / 2);
+	padding-bottom: calc(env(safe-area-inset-bottom) / 2);
+}
+
+.cu-tabbar-height {
+	min-height: 100upx;
+	height: calc(100upx + env(safe-area-inset-bottom) / 2);
+}
+
+.cu-bar.tabbar.shadow {
+	box-shadow: 0 -1upx 6upx rgba(0, 0, 0, 0.1);
+}
+
+.cu-bar.tabbar .action {
+	font-size: 22upx;
+	position: relative;
+	flex: 1;
+	text-align: center;
+	padding: 0;
+	display: block;
+	height: auto;
+	line-height: 1;
+	margin: 0;
+	background-color: inherit;
+	overflow: initial;
+}
+
+.cu-bar.tabbar.shop .action {
+	width: 140upx;
+	flex: initial;
+}
+
+.cu-bar.tabbar .action.add-action {
+	position: relative;
+	z-index: 2;
+	padding-top: 50upx;
+}
+
+.cu-bar.tabbar .action.add-action [class*="cuIcon-"] {
+	position: absolute;
+	width: 70upx;
+	z-index: 2;
+	height: 70upx;
+	border-radius: 50%;
+	line-height: 70upx;
+	font-size: 50upx;
+	top: -35upx;
+	left: 0;
+	right: 0;
+	margin: auto;
+	padding: 0;
+}
+
+.cu-bar.tabbar .action.add-action::after {
+	content: "";
+	position: absolute;
+	width: 100upx;
+	height: 100upx;
+	top: -50upx;
+	left: 0;
+	right: 0;
+	margin: auto;
+	box-shadow: 0 -3upx 8upx rgba(0, 0, 0, 0.08);
+	border-radius: 50upx;
+	background-color: inherit;
+	z-index: 0;
+}
+
+.cu-bar.tabbar .action.add-action::before {
+	content: "";
+	position: absolute;
+	width: 100upx;
+	height: 30upx;
+	bottom: 30upx;
+	left: 0;
+	right: 0;
+	margin: auto;
+	background-color: inherit;
+	z-index: 1;
+}
+
+.cu-bar.tabbar .btn-group {
+	flex: 1;
+	display: flex;
+	justify-content: space-around;
+	align-items: center;
+	padding: 0 10upx;
+}
+
+.cu-bar.tabbar button.action::after {
+	border: 0;
+}
+
+.cu-bar.tabbar .action [class*="cuIcon-"] {
+	width: 100upx;
+	position: relative;
+	display: block;
+	height: auto;
+	margin: 0 auto 10upx;
+	text-align: center;
+	font-size: 40upx;
+}
+
+.cu-bar.tabbar .action .cuIcon-cu-image {
+	margin: 0 auto;
+}
+
+.cu-bar.tabbar .action .cuIcon-cu-image image {
+	width: 50upx;
+	height: 50upx;
+	display: inline-block;
+}
+
+.cu-bar.tabbar .submit {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+	text-align: center;
+	position: relative;
+	flex: 2;
+	align-self: stretch;
+}
+
+.cu-bar.tabbar .submit:last-child {
+	flex: 2.6;
+}
+
+.cu-bar.tabbar .submit+.submit {
+	flex: 2;
+}
+
+.cu-bar.tabbar.border .action::before {
+	content: " ";
+	width: 200%;
+	height: 200%;
+	position: absolute;
+	top: 0;
+	left: 0;
+	transform: scale(0.5);
+	transform-origin: 0 0;
+	border-right: 1upx solid rgba(0, 0, 0, 0.1);
+	z-index: 3;
+}
+
+.cu-bar.tabbar.border .action:last-child:before {
+	display: none;
+}
+
+.cu-bar.input {
+	padding-right: 20upx;
+	background-color: #ffffff;
+}
+
+.cu-bar.input input {
+	overflow: initial;
+	line-height: 64upx;
+	height: 64upx;
+	min-height: 64upx;
+	flex: 1;
+	font-size: 30upx;
+	margin: 0 20upx;
+}
+
+.cu-bar.input .action {
+	margin-left: 20upx;
+}
+
+.cu-bar.input .action [class*="cuIcon-"] {
+	font-size: 48upx;
+}
+
+.cu-bar.input input+.action {
+	margin-right: 20upx;
+	margin-left: 0upx;
+}
+
+.cu-bar.input .action:first-child [class*="cuIcon-"] {
+	margin-left: 0upx;
+}
+
+.cu-custom {
+	display: block;
+	position: relative;
+}
+
+.cu-custom .cu-bar .content {
+	width: calc(100% - 440upx);
+}
+
+/* #ifdef MP-ALIPAY */
+.cu-custom .cu-bar .action .cuIcon-back {
+	opacity: 0;
+}
+
+/* #endif */
+
+.cu-custom .cu-bar .content image {
+	height: 60upx;
+	width: 240upx;
+}
+
+.cu-custom .cu-bar {
+	min-height: 0px;
+	/* #ifdef MP-WEIXIN */
+	padding-right: 220upx;
+	/* #endif */
+	/* #ifdef MP-ALIPAY */
+	padding-right: 150upx;
+	/* #endif */
+	box-shadow: 0upx 0upx 0upx;
+	z-index: 9999;
+}
+
+.cu-custom .cu-bar .border-custom {
+	position: relative;
+	background: rgba(0, 0, 0, 0.15);
+	border-radius: 1000upx;
+	height: 30px;
+}
+
+.cu-custom .cu-bar .border-custom::after {
+	content: " ";
+	width: 200%;
+	height: 200%;
+	position: absolute;
+	top: 0;
+	left: 0;
+	border-radius: inherit;
+	transform: scale(0.5);
+	transform-origin: 0 0;
+	pointer-events: none;
+	box-sizing: border-box;
+	border: 1upx solid #ffffff;
+	opacity: 0.5;
+}
+
+.cu-custom .cu-bar .border-custom::before {
+	content: " ";
+	width: 1upx;
+	height: 110%;
+	position: absolute;
+	top: 22.5%;
+	left: 0;
+	right: 0;
+	margin: auto;
+	transform: scale(0.5);
+	transform-origin: 0 0;
+	pointer-events: none;
+	box-sizing: border-box;
+	opacity: 0.6;
+	background-color: #ffffff;
+}
+
+.cu-custom .cu-bar .border-custom text {
+	display: block;
+	flex: 1;
+	margin: auto !important;
+	text-align: center;
+	font-size: 34upx;
+}
+
+/* ==================
+         导航栏
+ ==================== */
+
+.nav {
+	white-space: nowrap;
+}
+
+::-webkit-scrollbar {
+	display: none;
+}
+
+.nav .cu-item {
+	height: 90upx;
+	display: inline-block;
+	line-height: 90upx;
+	margin: 0 10upx;
+	padding: 0 20upx;
+}
+
+.nav .cu-item.cur {
+	border-bottom: 4upx solid;
+}
+
+/* ==================
+         时间轴
+ ==================== */
+
+.cu-timeline {
+	display: block;
+	background-color: #ffffff;
+}
+
+.cu-timeline .cu-time {
+	width: 120upx;
+	text-align: center;
+	padding: 20upx 0;
+	font-size: 26upx;
+	color: #888;
+	display: block;
+}
+
+.cu-timeline>.cu-item {
+	padding: 30upx 30upx 30upx 120upx;
+	position: relative;
+	display: block;
+	z-index: 0;
+}
+
+.cu-timeline>.cu-item:not([class*="text-"]) {
+	color: #ccc;
+}
+
+.cu-timeline>.cu-item::after {
+	content: "";
+	display: block;
+	position: absolute;
+	width: 1upx;
+	background-color: #ddd;
+	left: 60upx;
+	height: 100%;
+	top: 0;
+	z-index: 8;
+}
+
+.cu-timeline>.cu-item::before {
+	font-family: "cuIcon";
+	display: block;
+	position: absolute;
+	top: 36upx;
+	z-index: 9;
+	background-color: #ffffff;
+	width: 50upx;
+	height: 50upx;
+	text-align: center;
+	border: none;
+	line-height: 50upx;
+	left: 36upx;
+}
+
+.cu-timeline>.cu-item:not([class*="cuIcon-"])::before {
+	content: "\e763";
+}
+
+.cu-timeline>.cu-item[class*="cuIcon-"]::before {
+	background-color: #ffffff;
+	width: 50upx;
+	height: 50upx;
+	text-align: center;
+	border: none;
+	line-height: 50upx;
+	left: 36upx;
+}
+
+.cu-timeline>.cu-item>.content {
+	padding: 30upx;
+	border-radius: 6upx;
+	display: block;
+	line-height: 1.6;
+}
+
+.cu-timeline>.cu-item>.content:not([class*="bg-"]) {
+	background-color: #f1f1f1;
+	color: #333333;
+}
+
+.cu-timeline>.cu-item>.content+.content {
+	margin-top: 20upx;
+}
+
+/* ==================
+         聊天
+ ==================== */
+
+.cu-chat {
+	display: flex;
+	flex-direction: column;
+}
+
+.cu-chat .cu-item {
+	display: flex;
+	padding: 30upx 30upx 70upx;
+	position: relative;
+}
+
+.cu-chat .cu-item>.cu-avatar {
+	width: 80upx;
+	height: 80upx;
+}
+
+.cu-chat .cu-item>.main {
+	max-width: calc(100% - 260upx);
+	margin: 0 40upx;
+	display: flex;
+	align-items: center;
+}
+
+.cu-chat .cu-item>image {
+	height: 320upx;
+}
+
+.cu-chat .cu-item>.main .content {
+	padding: 20upx;
+	border-radius: 6upx;
+	display: inline-flex;
+	max-width: 100%;
+	align-items: center;
+	font-size: 30upx;
+	position: relative;
+	min-height: 80upx;
+	line-height: 40upx;
+	text-align: left;
+}
+
+.cu-chat .cu-item>.main .content:not([class*="bg-"]) {
+	background-color: #ffffff;
+	color: #333333;
+}
+
+.cu-chat .cu-item .date {
+	position: absolute;
+	font-size: 24upx;
+	color: #8799a3;
+	width: calc(100% - 320upx);
+	bottom: 20upx;
+	left: 160upx;
+}
+
+.cu-chat .cu-item .action {
+	padding: 0 30upx;
+	display: flex;
+	align-items: center;
+}
+
+.cu-chat .cu-item>.main .content::after {
+	content: "";
+	top: 27upx;
+	transform: rotate(45deg);
+	position: absolute;
+	z-index: 100;
+	display: inline-block;
+	overflow: hidden;
+	width: 24upx;
+	height: 24upx;
+	left: -12upx;
+	right: initial;
+	background-color: inherit;
+}
+
+.cu-chat .cu-item.self>.main .content::after {
+	left: auto;
+	right: -12upx;
+}
+
+.cu-chat .cu-item>.main .content::before {
+	content: "";
+	top: 30upx;
+	transform: rotate(45deg);
+	position: absolute;
+	z-index: -1;
+	display: inline-block;
+	overflow: hidden;
+	width: 24upx;
+	height: 24upx;
+	left: -12upx;
+	right: initial;
+	background-color: inherit;
+	filter: blur(5upx);
+	opacity: 0.3;
+}
+
+.cu-chat .cu-item>.main .content:not([class*="bg-"])::before {
+	background-color: #333333;
+	opacity: 0.1;
+}
+
+.cu-chat .cu-item.self>.main .content::before {
+	left: auto;
+	right: -12upx;
+}
+
+.cu-chat .cu-item.self {
+	justify-content: flex-end;
+	text-align: right;
+}
+
+.cu-chat .cu-info {
+	display: inline-block;
+	margin: 20upx auto;
+	font-size: 24upx;
+	padding: 8upx 12upx;
+	background-color: rgba(0, 0, 0, 0.2);
+	border-radius: 6upx;
+	color: #ffffff;
+	max-width: 400upx;
+	line-height: 1.4;
+}
+
+/* ==================
+         卡片
+ ==================== */
+
+.cu-card {
+	display: block;
+	overflow: hidden;
+}
+
+.cu-card>.cu-item {
+	display: block;
+	background-color: #ffffff;
+	overflow: hidden;
+	border-radius: 10upx;
+	margin: 30upx;
+}
+
+.cu-card>.cu-item.shadow-blur {
+	overflow: initial;
+}
+
+.cu-card.no-card>.cu-item {
+	margin: 0upx;
+	border-radius: 0upx;
+}
+
+.cu-card .grid.grid-square {
+	margin-bottom: -20upx;
+}
+
+.cu-card.case .image {
+	position: relative;
+}
+
+.cu-card.case .image image {
+	width: 100%;
+}
+
+.cu-card.case .image .cu-tag {
+	position: absolute;
+	right: 0;
+	top: 0;
+}
+
+.cu-card.case .image .cu-bar {
+	position: absolute;
+	bottom: 0;
+	width: 100%;
+	background-color: transparent;
+	padding: 0upx 30upx;
+}
+
+.cu-card.case.no-card .image {
+	margin: 30upx 30upx 0;
+	overflow: hidden;
+	border-radius: 10upx;
+}
+
+.cu-card.dynamic {
+	display: block;
+}
+
+.cu-card.dynamic>.cu-item {
+	display: block;
+	background-color: #ffffff;
+	overflow: hidden;
+}
+
+.cu-card.dynamic>.cu-item>.text-content {
+	padding: 0 30upx 0;
+	max-height: 6.4em;
+	overflow: hidden;
+	font-size: 30upx;
+	margin-bottom: 20upx;
+}
+
+.cu-card.dynamic>.cu-item .square-img {
+	width: 100%;
+	height: 200upx;
+	border-radius: 6upx;
+}
+
+.cu-card.dynamic>.cu-item .only-img {
+	width: 100%;
+	height: 320upx;
+	border-radius: 6upx;
+}
+
+/* card.dynamic>.cu-item .comment {
+  padding: 20upx;
+  background-color: #f1f1f1;
+  margin: 0 30upx 30upx;
+  border-radius: 6upx;
+} */
+
+.cu-card.article {
+	display: block;
+}
+
+.cu-card.article>.cu-item {
+	padding-bottom: 30upx;
+}
+
+.cu-card.article>.cu-item .title {
+	font-size: 30upx;
+	font-weight: 900;
+	color: #333333;
+	line-height: 100upx;
+	padding: 0 30upx;
+}
+
+.cu-card.article>.cu-item .content {
+	display: flex;
+	padding: 0 30upx;
+}
+
+.cu-card.article>.cu-item .content>image {
+	width: 240upx;
+	height: 6.4em;
+	margin-right: 20upx;
+	border-radius: 6upx;
+}
+
+.cu-card.article>.cu-item .content .desc {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+
+.cu-card.article>.cu-item .content .text-content {
+	font-size: 28upx;
+	color: #888;
+	height: 4.8em;
+	overflow: hidden;
+}
+
+/* ==================
+         表单
+ ==================== */
+
+.cu-form-group {
+	background-color: #ffffff;
+	padding: 1upx 30upx;
+	display: flex;
+	align-items: center;
+	min-height: 100upx;
+	justify-content: space-between;
+}
+
+.cu-form-group+.cu-form-group {
+	border-top: 1upx solid #eee;
+}
+
+.cu-form-group .title {
+	text-align: justify;
+	padding-right: 30upx;
+	font-size: 30upx;
+	position: relative;
+	height: 60upx;
+	line-height: 60upx;
+}
+
+.cu-form-group input {
+	flex: 1;
+	font-size: 30upx;
+	color: #555;
+	padding-right: 20upx;
+}
+
+.cu-form-group>text[class*="cuIcon-"] {
+	font-size: 36upx;
+	padding: 0;
+	box-sizing: border-box;
+}
+
+.cu-form-group textarea {
+	margin: 32upx 0 30upx;
+	height: 4.6em;
+	width: 100%;
+	line-height: 1.2em;
+	flex: 1;
+	font-size: 28upx;
+	padding: 0;
+}
+
+.cu-form-group.align-start .title {
+	height: 1em;
+	margin-top: 32upx;
+	line-height: 1em;
+}
+
+.cu-form-group picker {
+	flex: 1;
+	padding-right: 40upx;
+	overflow: hidden;
+	position: relative;
+}
+
+.cu-form-group picker .picker {
+	line-height: 100upx;
+	font-size: 28upx;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	overflow: hidden;
+	width: 100%;
+	text-align: right;
+}
+
+.cu-form-group picker::after {
+	font-family: cuIcon;
+	display: block;
+	content: "\e6a3";
+	position: absolute;
+	font-size: 34upx;
+	color: #8799a3;
+	line-height: 100upx;
+	width: 60upx;
+	text-align: center;
+	top: 0;
+	bottom: 0;
+	right: -20upx;
+	margin: auto;
+}
+
+.cu-form-group textarea[disabled],
+.cu-form-group textarea[disabled] .placeholder {
+	color: transparent;
+}
+
+/* ==================
+         模态窗口
+ ==================== */
+
+.cu-modal {
+	position: fixed;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	z-index: 1110;
+	opacity: 0;
+	outline: 0;
+	text-align: center;
+	-ms-transform: scale(1.185);
+	transform: scale(1.185);
+	backface-visibility: hidden;
+	perspective: 2000upx;
+	background: rgba(0, 0, 0, 0.6);
+	transition: all 0.3s ease-in-out 0s;
+	pointer-events: none;
+}
+
+.cu-modal::before {
+	content: "\200B";
+	display: inline-block;
+	height: 100%;
+	vertical-align: middle;
+}
+
+.cu-modal.show {
+	opacity: 1;
+	transition-duration: 0.3s;
+	-ms-transform: scale(1);
+	transform: scale(1);
+	overflow-x: hidden;
+	overflow-y: auto;
+	pointer-events: auto;
+}
+
+.cu-dialog {
+	position: relative;
+	display: inline-block;
+	vertical-align: middle;
+	margin-left: auto;
+	margin-right: auto;
+	width: 680upx;
+	max-width: 100%;
+	background-color: #f8f8f8;
+	border-radius: 10upx;
+	overflow: hidden;
+}
+
+.cu-modal.bottom-modal::before {
+	vertical-align: bottom;
+}
+
+.cu-modal.bottom-modal .cu-dialog {
+	width: 100%;
+	border-radius: 0;
+}
+
+.cu-modal.bottom-modal {
+	margin-bottom: -1000upx;
+}
+
+.cu-modal.bottom-modal.show {
+	margin-bottom: 0;
+}
+
+.cu-modal.drawer-modal {
+	transform: scale(1);
+	display: flex;
+}
+
+.cu-modal.drawer-modal .cu-dialog {
+	height: 100%;
+	min-width: 200upx;
+	border-radius: 0;
+	margin: initial;
+	transition-duration: 0.3s;
+}
+
+.cu-modal.drawer-modal.justify-start .cu-dialog {
+	transform: translateX(-100%);
+}
+
+.cu-modal.drawer-modal.justify-end .cu-dialog {
+	transform: translateX(100%);
+}
+
+.cu-modal.drawer-modal.show .cu-dialog {
+	transform: translateX(0%);
+}
+.cu-modal .cu-dialog>.cu-bar:first-child .action{
+  min-width: 100rpx;
+  margin-right: 0;
+  min-height: 100rpx;
+}
+/* ==================
+         轮播
+ ==================== */
+swiper .a-swiper-dot {
+	display: inline-block;
+	width: 16upx;
+	height: 16upx;
+	background: rgba(0, 0, 0, .3);
+	border-radius: 50%;
+	vertical-align: middle;
+}
+
+swiper[class*="-dot"] .wx-swiper-dots,
+swiper[class*="-dot"] .a-swiper-dots,
+swiper[class*="-dot"] .uni-swiper-dots {
+	display: flex;
+	align-items: center;
+	width: 100%;
+	justify-content: center;
+}
+
+swiper.square-dot .wx-swiper-dot,
+swiper.square-dot .a-swiper-dot,
+swiper.square-dot .uni-swiper-dot {
+	background-color: #ffffff;
+	opacity: 0.4;
+	width: 10upx;
+	height: 10upx;
+	border-radius: 20upx;
+	margin: 0 8upx !important;
+}
+
+swiper.square-dot .wx-swiper-dot.wx-swiper-dot-active,
+swiper.square-dot .a-swiper-dot.a-swiper-dot-active,
+swiper.square-dot .uni-swiper-dot.uni-swiper-dot-active {
+	opacity: 1;
+	width: 30upx;
+}
+
+swiper.round-dot .wx-swiper-dot,
+swiper.round-dot .a-swiper-dot,
+swiper.round-dot .uni-swiper-dot {
+	width: 10upx;
+	height: 10upx;
+	position: relative;
+	margin: 4upx 8upx !important;
+}
+
+swiper.round-dot .wx-swiper-dot.wx-swiper-dot-active::after,
+swiper.round-dot .a-swiper-dot.a-swiper-dot-active::after,
+swiper.round-dot .uni-swiper-dot.uni-swiper-dot-active::after {
+	content: "";
+	position: absolute;
+	width: 10upx;
+	height: 10upx;
+	top: 0upx;
+	left: 0upx;
+	right: 0;
+	bottom: 0;
+	margin: auto;
+	background-color: #ffffff;
+	border-radius: 20upx;
+}
+
+swiper.round-dot .wx-swiper-dot.wx-swiper-dot-active,
+swiper.round-dot .a-swiper-dot.a-swiper-dot-active,
+swiper.round-dot .uni-swiper-dot.uni-swiper-dot-active {
+	width: 18upx;
+	height: 18upx;
+}
+
+.screen-swiper {
+	min-height: 375upx;
+}
+
+.screen-swiper image,
+.screen-swiper video,
+.swiper-item image,
+.swiper-item video {
+	width: 100%;
+	display: block;
+	height: 100%;
+	margin: 0;
+	pointer-events: none;
+}
+
+.card-swiper {
+	height: 420upx !important;
+}
+
+.card-swiper swiper-item {
+	width: 610upx !important;
+	left: 70upx;
+	box-sizing: border-box;
+	padding: 40upx 0upx 70upx;
+	overflow: initial;
+}
+
+.card-swiper swiper-item .swiper-item {
+	width: 100%;
+	display: block;
+	height: 100%;
+	border-radius: 10upx;
+	transform: scale(0.9);
+	transition: all 0.2s ease-in 0s;
+	overflow: hidden;
+}
+
+.card-swiper swiper-item.cur .swiper-item {
+	transform: none;
+	transition: all 0.2s ease-in 0s;
+}
+
+
+.tower-swiper {
+	height: 420upx;
+	position: relative;
+	max-width: 750upx;
+	overflow: hidden;
+}
+
+.tower-swiper .tower-item {
+	position: absolute;
+	width: 300upx;
+	height: 380upx;
+	top: 0;
+	bottom: 0;
+	left: 50%;
+	margin: auto;
+	transition: all 0.2s ease-in 0s;
+	opacity: 1;
+}
+
+.tower-swiper .tower-item.none {
+	opacity: 0;
+}
+
+.tower-swiper .tower-item .swiper-item {
+	width: 100%;
+	height: 100%;
+	border-radius: 6upx;
+	overflow: hidden;
+}
+
+/* ==================
+          步骤条
+ ==================== */
+
+.cu-steps {
+	display: flex;
+}
+
+scroll-view.cu-steps {
+	display: block;
+	white-space: nowrap;
+}
+
+scroll-view.cu-steps .cu-item {
+	display: inline-block;
+}
+
+.cu-steps .cu-item {
+	flex: 1;
+	text-align: center;
+	position: relative;
+	min-width: 100upx;
+}
+
+.cu-steps .cu-item:not([class*="text-"]) {
+	color: #8799a3;
+}
+
+.cu-steps .cu-item [class*="cuIcon-"],
+.cu-steps .cu-item .num {
+	display: block;
+	font-size: 40upx;
+	line-height: 80upx;
+}
+
+.cu-steps .cu-item::before,
+.cu-steps .cu-item::after,
+.cu-steps.steps-arrow .cu-item::before,
+.cu-steps.steps-arrow .cu-item::after {
+	content: "";
+	display: block;
+	position: absolute;
+	height: 0px;
+	width: calc(100% - 80upx);
+	border-bottom: 1px solid #ccc;
+	left: calc(0px - (100% - 80upx) / 2);
+	top: 40upx;
+	z-index: 0;
+}
+
+.cu-steps.steps-arrow .cu-item::before,
+.cu-steps.steps-arrow .cu-item::after {
+	content: "\e6a3";
+	font-family: 'cuIcon';
+	height: 30upx;
+	border-bottom-width: 0px;
+	line-height: 30upx;
+	top: 0;
+	bottom: 0;
+	margin: auto;
+	color: #ccc;
+}
+
+.cu-steps.steps-bottom .cu-item::before,
+.cu-steps.steps-bottom .cu-item::after {
+	bottom: 40upx;
+	top: initial;
+}
+
+.cu-steps .cu-item::after {
+	border-bottom: 1px solid currentColor;
+	width: 0px;
+	transition: all 0.3s ease-in-out 0s;
+}
+
+.cu-steps .cu-item[class*="text-"]::after {
+	width: calc(100% - 80upx);
+	color: currentColor;
+}
+
+.cu-steps .cu-item:first-child::before,
+.cu-steps .cu-item:first-child::after {
+	display: none;
+}
+
+.cu-steps .cu-item .num {
+	width: 40upx;
+	height: 40upx;
+	border-radius: 50%;
+	line-height: 40upx;
+	margin: 20upx auto;
+	font-size: 24upx;
+	border: 1px solid currentColor;
+	position: relative;
+	overflow: hidden;
+}
+
+.cu-steps .cu-item[class*="text-"] .num {
+	background-color: currentColor;
+}
+
+.cu-steps .cu-item .num::before,
+.cu-steps .cu-item .num::after {
+	content: attr(data-index);
+	position: absolute;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	margin: auto;
+	transition: all 0.3s ease-in-out 0s;
+	transform: translateY(0upx);
+}
+
+.cu-steps .cu-item[class*="text-"] .num::before {
+	transform: translateY(-40upx);
+	color: #ffffff;
+}
+
+.cu-steps .cu-item .num::after {
+	transform: translateY(40upx);
+	color: #ffffff;
+	transition: all 0.3s ease-in-out 0s;
+}
+
+.cu-steps .cu-item[class*="text-"] .num::after {
+	content: "\e645";
+	font-family: 'cuIcon';
+	color: #ffffff;
+	transform: translateY(0upx);
+}
+
+.cu-steps .cu-item[class*="text-"] .num.err::after {
+	content: "\e646";
+}
+
+/* ==================
+          布局
+ ==================== */
+
+/*  -- flex弹性布局 -- */
+
+.flex {
+	display: flex;
+}
+
+.basis-xs {
+	flex-basis: 20%;
+}
+
+.basis-sm {
+	flex-basis: 40%;
+}
+
+.basis-df {
+	flex-basis: 50%;
+}
+
+.basis-lg {
+	flex-basis: 60%;
+}
+
+.basis-xl {
+	flex-basis: 80%;
+}
+
+.flex-sub {
+	flex: 1;
+}
+
+.flex-twice {
+	flex: 2;
+}
+
+.flex-treble {
+	flex: 3;
+}
+
+.flex-direction {
+	flex-direction: column;
+}
+
+.flex-wrap {
+	flex-wrap: wrap;
+}
+
+.align-start {
+	align-items: flex-start;
+}
+
+.align-end {
+	align-items: flex-end;
+}
+
+.align-center {
+	align-items: center;
+}
+
+.align-stretch {
+	align-items: stretch;
+}
+
+.self-start {
+	align-self: flex-start;
+}
+
+.self-center {
+	align-self: flex-center;
+}
+
+.self-end {
+	align-self: flex-end;
+}
+
+.self-stretch {
+	align-self: stretch;
+}
+
+.align-stretch {
+	align-items: stretch;
+}
+
+.justify-start {
+	justify-content: flex-start;
+}
+
+.justify-end {
+	justify-content: flex-end;
+}
+
+.justify-center {
+	justify-content: center;
+}
+
+.justify-between {
+	justify-content: space-between;
+}
+
+.justify-around {
+	justify-content: space-around;
+}
+
+/* grid布局 */
+
+.grid {
+	display: flex;
+	flex-wrap: wrap;
+}
+
+.grid.grid-square {
+	overflow: hidden;
+}
+
+.grid.grid-square .cu-tag {
+	position: absolute;
+	right: 0;
+	top: 0;
+	border-bottom-left-radius: 6upx;
+	padding: 6upx 12upx;
+	height: auto;
+	background-color: rgba(0, 0, 0, 0.5);
+}
+
+.grid.grid-square>view>text[class*="cuIcon-"] {
+	font-size: 52upx;
+	position: absolute;
+	color: #8799a3;
+	margin: auto;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	flex-direction: column;
+}
+
+.grid.grid-square>view {
+	margin-right: 20upx;
+	margin-bottom: 20upx;
+	border-radius: 6upx;
+	position: relative;
+	overflow: hidden;
+}
+.grid.grid-square>view.bg-img image {
+	width: 100%;
+	height: 100%;
+	position: absolute;
+}
+.grid.col-1.grid-square>view {
+	padding-bottom: 100%;
+	height: 0;
+	margin-right: 0;
+}
+
+.grid.col-2.grid-square>view {
+	padding-bottom: calc((100% - 20upx)/2);
+	height: 0;
+	width: calc((100% - 20upx)/2);
+}
+
+.grid.col-3.grid-square>view {
+	padding-bottom: calc((100% - 40upx)/3);
+	height: 0;
+	width: calc((100% - 40upx)/3);
+}
+
+.grid.col-4.grid-square>view {
+	padding-bottom: calc((100% - 60upx)/4);
+	height: 0;
+	width: calc((100% - 60upx)/4);
+}
+
+.grid.col-5.grid-square>view {
+	padding-bottom: calc((100% - 80upx)/5);
+	height: 0;
+	width: calc((100% - 80upx)/5);
+}
+
+.grid.col-2.grid-square>view:nth-child(2n),
+.grid.col-3.grid-square>view:nth-child(3n),
+.grid.col-4.grid-square>view:nth-child(4n),
+.grid.col-5.grid-square>view:nth-child(5n) {
+	margin-right: 0;
+}
+
+.grid.col-1>view {
+	width: 100%;
+}
+
+.grid.col-2>view {
+	width: 50%;
+}
+
+.grid.col-3>view {
+	width: 33.33%;
+}
+
+.grid.col-4>view {
+	width: 25%;
+}
+
+.grid.col-5>view {
+	width: 20%;
+}
+
+/*  -- 内外边距 -- */
+
+.margin-0 {
+	margin: 0;
+}
+
+.margin-xs {
+	margin: 10upx;
+}
+
+.margin-sm {
+	margin: 20upx;
+}
+
+.margin {
+	margin: 30upx;
+}
+
+.margin-lg {
+	margin: 40upx;
+}
+
+.margin-xl {
+	margin: 50upx;
+}
+
+.margin-top-xs {
+	margin-top: 10upx;
+}
+
+.margin-top-sm {
+	margin-top: 20upx;
+}
+
+.margin-top {
+	margin-top: 30upx;
+}
+
+.margin-top-lg {
+	margin-top: 40upx;
+}
+
+.margin-top-xl {
+	margin-top: 50upx;
+}
+
+.margin-right-xs {
+	margin-right: 10upx;
+}
+
+.margin-right-sm {
+	margin-right: 20upx;
+}
+
+.margin-right {
+	margin-right: 30upx;
+}
+
+.margin-right-lg {
+	margin-right: 40upx;
+}
+
+.margin-right-xl {
+	margin-right: 50upx;
+}
+
+.margin-bottom-xs {
+	margin-bottom: 10upx;
+}
+
+.margin-bottom-sm {
+	margin-bottom: 20upx;
+}
+
+.margin-bottom {
+	margin-bottom: 30upx;
+}
+
+.margin-bottom-lg {
+	margin-bottom: 40upx;
+}
+
+.margin-bottom-xl {
+	margin-bottom: 50upx;
+}
+
+.margin-left-xs {
+	margin-left: 10upx;
+}
+
+.margin-left-10 {
+	margin-left: 10upx;
+}
+
+.margin-left-sm {
+	margin-left: 20upx;
+}
+
+.margin-left-20 {
+	margin-left: 20upx;
+}
+
+.margin-left {
+	margin-left: 30upx;
+}
+
+.margin-left-30 {
+	margin-left: 30upx;
+}
+
+.margin-left-lg {
+	margin-left: 40upx;
+}
+
+.margin-left-40 {
+	margin-left: 40upx;
+}
+
+.margin-left-xl {
+	margin-left: 50upx;
+}
+
+.margin-left-50 {
+	margin-left: 50upx;
+}
+
+.margin-left-60 {
+	margin-left: 60upx;
+}
+
+.margin-left-80 {
+	margin-left: 80upx;
+}
+
+.margin-left-100 {
+	margin-left: 100upx;
+}
+
+.margin-lr-xs {
+	margin-left: 10upx;
+	margin-right: 10upx;
+}
+
+.margin-lr-sm {
+	margin-left: 20upx;
+	margin-right: 20upx;
+}
+
+.margin-lr {
+	margin-left: 30upx;
+	margin-right: 30upx;
+}
+
+.margin-lr-lg {
+	margin-left: 40upx;
+	margin-right: 40upx;
+}
+
+.margin-lr-xl {
+	margin-left: 50upx;
+	margin-right: 50upx;
+}
+
+.margin-tb-xs {
+	margin-top: 10upx;
+	margin-bottom: 10upx;
+}
+
+.margin-tb-sm {
+	margin-top: 20upx;
+	margin-bottom: 20upx;
+}
+
+.margin-tb {
+	margin-top: 30upx;
+	margin-bottom: 30upx;
+}
+
+.margin-tb-lg {
+	margin-top: 40upx;
+	margin-bottom: 40upx;
+}
+
+.margin-tb-xl {
+	margin-top: 50upx;
+	margin-bottom: 50upx;
+}
+
+.padding-0 {
+	padding: 0;
+}
+
+.padding-xs {
+	padding: 10upx;
+}
+
+.padding-sm {
+	padding: 20upx;
+}
+
+.padding {
+	padding: 30upx;
+}
+
+.padding-lg {
+	padding: 40upx;
+}
+
+.padding-xl {
+	padding: 50upx;
+}
+
+.padding-top-xs {
+	padding-top: 10upx;
+}
+
+.padding-top-sm {
+	padding-top: 20upx;
+}
+
+.padding-top {
+	padding-top: 30upx;
+}
+
+.padding-top-lg {
+	padding-top: 40upx;
+}
+
+.padding-top-xl {
+	padding-top: 50upx;
+}
+
+.padding-right-xs {
+	padding-right: 10upx;
+}
+
+.padding-right-sm {
+	padding-right: 20upx;
+}
+
+.padding-right {
+	padding-right: 30upx;
+}
+
+.padding-right-lg {
+	padding-right: 40upx;
+}
+
+.padding-right-xl {
+	padding-right: 50upx;
+}
+
+.padding-bottom-xs {
+	padding-bottom: 10upx;
+}
+
+.padding-bottom-sm {
+	padding-bottom: 20upx;
+}
+
+.padding-bottom {
+	padding-bottom: 30upx;
+}
+
+.padding-bottom-lg {
+	padding-bottom: 40upx;
+}
+
+.padding-bottom-xl {
+	padding-bottom: 50upx;
+}
+
+.padding-left-xs {
+	padding-left: 10upx;
+}
+
+.padding-left-sm {
+	padding-left: 20upx;
+}
+
+.padding-left {
+	padding-left: 30upx;
+}
+
+.padding-left-lg {
+	padding-left: 40upx;
+}
+
+.padding-left-xl {
+	padding-left: 50upx;
+}
+
+.padding-lr-xs {
+	padding-left: 10upx;
+	padding-right: 10upx;
+}
+
+.padding-lr-sm {
+	padding-left: 20upx;
+	padding-right: 20upx;
+}
+
+.padding-lr {
+	padding-left: 30upx;
+	padding-right: 30upx;
+}
+
+.padding-lr-lg {
+	padding-left: 40upx;
+	padding-right: 40upx;
+}
+
+.padding-lr-xl {
+	padding-left: 50upx;
+	padding-right: 50upx;
+}
+
+.padding-tb-xs {
+	padding-top: 10upx;
+	padding-bottom: 10upx;
+}
+
+.padding-tb-sm {
+	padding-top: 20upx;
+	padding-bottom: 20upx;
+}
+
+.padding-tb {
+	padding-top: 30upx;
+	padding-bottom: 30upx;
+}
+
+.padding-tb-lg {
+	padding-top: 40upx;
+	padding-bottom: 40upx;
+}
+
+.padding-tb-xl {
+	padding-top: 50upx;
+	padding-bottom: 50upx;
+}
+
+/* -- 浮动 --  */
+
+.cf::after,
+.cf::before {
+	content: " ";
+	display: table;
+}
+
+.cf::after {
+	clear: both;
+}
+
+.fl {
+	float: left;
+}
+
+.fr {
+	float: right;
+}
+
+/* ==================
+          背景
+ ==================== */
+
+.line-red::after,
+.lines-red::after {
+	border-color: #e54d42;
+}
+
+.line-orange::after,
+.lines-orange::after {
+	border-color: #f37b1d;
+}
+
+.line-yellow::after,
+.lines-yellow::after {
+	border-color: #fbbd08;
+}
+
+.line-olive::after,
+.lines-olive::after {
+	border-color: #8dc63f;
+}
+
+.line-green::after,
+.lines-green::after {
+	border-color: #39b54a;
+}
+
+.line-cyan::after,
+.lines-cyan::after {
+	border-color: #1cbbb4;
+}
+
+.line-blue::after,
+.lines-blue::after {
+	border-color: #0081ff;
+}
+
+.line-purple::after,
+.lines-purple::after {
+	border-color: #6739b6;
+}
+
+.line-mauve::after,
+.lines-mauve::after {
+	border-color: #9c26b0;
+}
+
+.line-pink::after,
+.lines-pink::after {
+	border-color: #e03997;
+}
+
+.line-brown::after,
+.lines-brown::after {
+	border-color: #a5673f;
+}
+
+.line-grey::after,
+.lines-grey::after {
+	border-color: #8799a3;
+}
+
+.line-gray::after,
+.lines-gray::after {
+	border-color: #aaaaaa;
+}
+
+.line-black::after,
+.lines-black::after {
+	border-color: #333333;
+}
+
+.line-white::after,
+.lines-white::after {
+	border-color: #ffffff;
+}
+
+.bg-red {
+	background-color: #e54d42;
+	color: #ffffff;
+}
+
+.bg-orange {
+	background-color: #f37b1d;
+	color: #ffffff;
+}
+
+.bg-yellow {
+	background-color: #fbbd08;
+	color: #333333;
+}
+
+.bg-olive {
+	background-color: #8dc63f;
+	color: #ffffff;
+}
+
+.bg-green {
+	background-color: #39b54a;
+	color: #ffffff;
+}
+
+.bg-cyan {
+	background-color: #1cbbb4;
+	color: #ffffff;
+}
+
+.bg-blue {
+	background-color: #0081ff;
+	color: #ffffff;
+}
+
+.bg-purple {
+	background-color: #6739b6;
+	color: #ffffff;
+}
+
+.bg-mauve {
+	background-color: #9c26b0;
+	color: #ffffff;
+}
+
+.bg-pink {
+	background-color: #e03997;
+	color: #ffffff;
+}
+
+.bg-brown {
+	background-color: #a5673f;
+	color: #ffffff;
+}
+
+.bg-grey {
+	background-color: #8799a3;
+	color: #ffffff;
+}
+
+.bg-gray {
+	background-color: #f0f0f0;
+	color: #333333;
+}
+
+.bg-black {
+	background-color: #333333;
+	color: #ffffff;
+}
+
+.bg-white {
+	background-color: #ffffff;
+	color: #666666;
+}
+
+.bg-shadeTop {
+	background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.01));
+	color: #ffffff;
+}
+
+.bg-shadeBottom {
+	background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 1));
+	color: #ffffff;
+}
+
+.bg-red.light {
+	color: #e54d42;
+	background-color: #fadbd9;
+}
+
+.bg-orange.light {
+	color: #f37b1d;
+	background-color: #fde6d2;
+}
+
+.bg-yellow.light {
+	color: #fbbd08;
+	background-color: #fef2ced2;
+}
+
+.bg-olive.light {
+	color: #8dc63f;
+	background-color: #e8f4d9;
+}
+
+.bg-green.light {
+	color: #39b54a;
+	background-color: #d7f0dbff;
+}
+
+.bg-cyan.light {
+	color: #1cbbb4;
+	background-color: #d2f1f0;
+}
+
+.bg-blue.light {
+	color: #0081ff;
+	background-color: #cce6ff;
+}
+
+.bg-purple.light {
+	color: #6739b6;
+	background-color: #e1d7f0;
+}
+
+.bg-mauve.light {
+	color: #9c26b0;
+	background-color: #ebd4ef;
+}
+
+.bg-pink.light {
+	color: #e03997;
+	background-color: #f9d7ea;
+}
+
+.bg-brown.light {
+	color: #a5673f;
+	background-color: #ede1d9;
+}
+
+.bg-grey.light {
+	color: #8799a3;
+	background-color: #e7ebed;
+}
+
+.bg-gradual-red {
+	background-image: linear-gradient(45deg, #f43f3b, #ec008c);
+	color: #ffffff;
+}
+
+.bg-gradual-orange {
+	background-image: linear-gradient(45deg, #ff9700, #ed1c24);
+	color: #ffffff;
+}
+
+.bg-gradual-green {
+	background-image: linear-gradient(45deg, #39b54a, #8dc63f);
+	color: #ffffff;
+}
+
+.bg-gradual-purple {
+	background-image: linear-gradient(45deg, #9000ff, #5e00ff);
+	color: #ffffff;
+}
+
+.bg-gradual-pink {
+	background-image: linear-gradient(45deg, #ec008c, #6739b6);
+	color: #ffffff;
+}
+
+.bg-gradual-blue {
+	background-image: linear-gradient(45deg, #0081ff, #1cbbb4);
+	color: #ffffff;
+}
+
+.shadow[class*="-red"] {
+	box-shadow: 6upx 6upx 8upx rgba(204, 69, 59, 0.2);
+}
+
+.shadow[class*="-orange"] {
+	box-shadow: 6upx 6upx 8upx rgba(217, 109, 26, 0.2);
+}
+
+.shadow[class*="-yellow"] {
+	box-shadow: 6upx 6upx 8upx rgba(224, 170, 7, 0.2);
+}
+
+.shadow[class*="-olive"] {
+	box-shadow: 6upx 6upx 8upx rgba(124, 173, 55, 0.2);
+}
+
+.shadow[class*="-green"] {
+	box-shadow: 6upx 6upx 8upx rgba(48, 156, 63, 0.2);
+}
+
+.shadow[class*="-cyan"] {
+	box-shadow: 6upx 6upx 8upx rgba(28, 187, 180, 0.2);
+}
+
+.shadow[class*="-blue"] {
+	box-shadow: 6upx 6upx 8upx rgba(0, 102, 204, 0.2);
+}
+
+.shadow[class*="-purple"] {
+	box-shadow: 6upx 6upx 8upx rgba(88, 48, 156, 0.2);
+}
+
+.shadow[class*="-mauve"] {
+	box-shadow: 6upx 6upx 8upx rgba(133, 33, 150, 0.2);
+}
+
+.shadow[class*="-pink"] {
+	box-shadow: 6upx 6upx 8upx rgba(199, 50, 134, 0.2);
+}
+
+.shadow[class*="-brown"] {
+	box-shadow: 6upx 6upx 8upx rgba(140, 88, 53, 0.2);
+}
+
+.shadow[class*="-grey"] {
+	box-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
+}
+
+.shadow[class*="-gray"] {
+	box-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
+}
+
+.shadow[class*="-black"] {
+	box-shadow: 6upx 6upx 8upx rgba(26, 26, 26, 0.2);
+}
+
+.shadow[class*="-white"] {
+	box-shadow: 6upx 6upx 8upx rgba(26, 26, 26, 0.2);
+}
+
+.text-shadow[class*="-red"] {
+	text-shadow: 6upx 6upx 8upx rgba(204, 69, 59, 0.2);
+}
+
+.text-shadow[class*="-orange"] {
+	text-shadow: 6upx 6upx 8upx rgba(217, 109, 26, 0.2);
+}
+
+.text-shadow[class*="-yellow"] {
+	text-shadow: 6upx 6upx 8upx rgba(224, 170, 7, 0.2);
+}
+
+.text-shadow[class*="-olive"] {
+	text-shadow: 6upx 6upx 8upx rgba(124, 173, 55, 0.2);
+}
+
+.text-shadow[class*="-green"] {
+	text-shadow: 6upx 6upx 8upx rgba(48, 156, 63, 0.2);
+}
+
+.text-shadow[class*="-cyan"] {
+	text-shadow: 6upx 6upx 8upx rgba(28, 187, 180, 0.2);
+}
+
+.text-shadow[class*="-blue"] {
+	text-shadow: 6upx 6upx 8upx rgba(0, 102, 204, 0.2);
+}
+
+.text-shadow[class*="-purple"] {
+	text-shadow: 6upx 6upx 8upx rgba(88, 48, 156, 0.2);
+}
+
+.text-shadow[class*="-mauve"] {
+	text-shadow: 6upx 6upx 8upx rgba(133, 33, 150, 0.2);
+}
+
+.text-shadow[class*="-pink"] {
+	text-shadow: 6upx 6upx 8upx rgba(199, 50, 134, 0.2);
+}
+
+.text-shadow[class*="-brown"] {
+	text-shadow: 6upx 6upx 8upx rgba(140, 88, 53, 0.2);
+}
+
+.text-shadow[class*="-grey"] {
+	text-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
+}
+
+.text-shadow[class*="-gray"] {
+	text-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
+}
+
+.text-shadow[class*="-black"] {
+	text-shadow: 6upx 6upx 8upx rgba(26, 26, 26, 0.2);
+}
+
+.bg-img {
+	background-size: cover;
+	background-position: center;
+	background-repeat: no-repeat;
+}
+
+.bg-mask {
+	background-color: #333333;
+	position: relative;
+}
+
+.bg-mask::after {
+	content: "";
+	border-radius: inherit;
+	width: 100%;
+	height: 100%;
+	display: block;
+	background-color: rgba(0, 0, 0, 0.4);
+	position: absolute;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	top: 0;
+}
+
+.bg-mask view,
+.bg-mask cover-view {
+	z-index: 5;
+	position: relative;
+}
+
+.bg-video {
+	position: relative;
+}
+
+.bg-video video {
+	display: block;
+	height: 100%;
+	width: 100%;
+	-o-object-fit: cover;
+	object-fit: cover;
+	position: absolute;
+	top: 0;
+	z-index: 0;
+	pointer-events: none;
+}
+
+/* ==================
+          文本
+ ==================== */
+
+.text-xs {
+	font-size: 20upx;
+}
+
+.text-sm {
+	font-size: 24upx;
+}
+
+.text-df {
+	font-size: 28upx;
+}
+
+.text-30 {
+	font-size: 30upx;
+}
+
+.text-lg {
+	font-size: 32upx;
+}
+
+.text-xl {
+	font-size: 36upx;
+}
+
+.text-xxl {
+	font-size: 44upx;
+}
+
+.text-sl {
+	font-size: 80upx;
+}
+
+.text-xsl {
+	font-size: 120upx;
+}
+
+.text-Abc {
+	text-transform: Capitalize;
+}
+
+.text-ABC {
+	text-transform: Uppercase;
+}
+
+.text-abc {
+	text-transform: Lowercase;
+}
+
+.text-price::before {
+	content: "¥";
+	font-size: 80%;
+	margin-right: 4upx;
+}
+
+.text-cut {
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	overflow: hidden;
+}
+
+.text-normal {
+	font-weight: normal;
+}
+
+.text-bold {
+	font-weight: bold;
+}
+
+.text-boldest {
+	font-weight: 1000;
+}
+
+.text-center {
+	text-align: center;
+}
+
+.text-content {
+	line-height: 1.6;
+}
+
+.text-left {
+	text-align: left;
+}
+
+.text-right {
+	text-align: right;
+}
+
+.text-red,
+.line-red,
+.lines-red {
+	color: #e54d42;
+}
+
+.text-orange,
+.line-orange,
+.lines-orange {
+	color: #f37b1d;
+}
+
+.text-yellow,
+.line-yellow,
+.lines-yellow {
+	color: #fbbd08;
+}
+
+.text-olive,
+.line-olive,
+.lines-olive {
+	color: #8dc63f;
+}
+
+.text-green,
+.line-green,
+.lines-green {
+	color: #39b54a;
+}
+
+.text-cyan,
+.line-cyan,
+.lines-cyan {
+	color: #1cbbb4;
+}
+
+.text-blue,
+.line-blue,
+.lines-blue {
+	color: #0081ff;
+}
+
+.text-purple,
+.line-purple,
+.lines-purple {
+	color: #6739b6;
+}
+
+.text-mauve,
+.line-mauve,
+.lines-mauve {
+	color: #9c26b0;
+}
+
+.text-pink,
+.line-pink,
+.lines-pink {
+	color: #e03997;
+}
+
+.text-brown,
+.line-brown,
+.lines-brown {
+	color: #a5673f;
+}
+
+.text-grey,
+.line-grey,
+.lines-grey {
+	color: #8799a3;
+}
+
+.text-gray,
+.line-gray,
+.lines-gray {
+	color: #aaaaaa;
+}
+
+.text-black,
+.line-black,
+.lines-black {
+	color: #333333;
+}
+
+.text-white,
+.line-white,
+.lines-white {
+	color: #ffffff;
+}
+
+
+
+
+.relative{
+	position: relative;
+}
+
+.center{
+	display: flex;  
+	align-items: center; /* 垂直居中 */  
+	justify-content: center; /* 水平居中,如果需要的话 */    
+}

Diferenças do arquivo suprimidas por serem muito extensas
+ 3 - 0
chexnet-master-MP/style/style.scss


+ 10 - 0
chexnet-master-MP/uni.promisify.adaptor.js

@@ -0,0 +1,10 @@
+uni.addInterceptor({
+  returnValue (res) {
+    if (!(!!res && (typeof res === "object" || typeof res === "function") && typeof res.then === "function")) {
+      return res;
+    }
+    return new Promise((resolve, reject) => {
+      res.then((res) => res[0] ? reject(res[0]) : resolve(res[1]));
+    });
+  },
+});

+ 76 - 0
chexnet-master-MP/uni.scss

@@ -0,0 +1,76 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+
+/**
+ * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
+ */
+
+/* 颜色变量 */
+
+/* 行为相关颜色 */
+$uni-color-primary: #007aff;
+$uni-color-success: #4cd964;
+$uni-color-warning: #f0ad4e;
+$uni-color-error: #dd524d;
+
+/* 文字基本颜色 */
+$uni-text-color:#333;//基本色
+$uni-text-color-inverse:#fff;//反色
+$uni-text-color-grey:#999;//辅助灰色,如加载更多的提示信息
+$uni-text-color-placeholder: #808080;
+$uni-text-color-disable:#c0c0c0;
+
+/* 背景颜色 */
+$uni-bg-color:#ffffff;
+$uni-bg-color-grey:#f8f8f8;
+$uni-bg-color-hover:#f1f1f1;//点击状态颜色
+$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
+
+/* 边框颜色 */
+$uni-border-color:#c8c7cc;
+
+/* 尺寸变量 */
+
+/* 文字尺寸 */
+$uni-font-size-sm:12px;
+$uni-font-size-base:14px;
+$uni-font-size-lg:16px;
+
+/* 图片尺寸 */
+$uni-img-size-sm:20px;
+$uni-img-size-base:26px;
+$uni-img-size-lg:40px;
+
+/* Border Radius */
+$uni-border-radius-sm: 2px;
+$uni-border-radius-base: 3px;
+$uni-border-radius-lg: 6px;
+$uni-border-radius-circle: 50%;
+
+/* 水平间距 */
+$uni-spacing-row-sm: 5px;
+$uni-spacing-row-base: 10px;
+$uni-spacing-row-lg: 15px;
+
+/* 垂直间距 */
+$uni-spacing-col-sm: 4px;
+$uni-spacing-col-base: 8px;
+$uni-spacing-col-lg: 12px;
+
+/* 透明度 */
+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
+
+/* 文章场景相关 */
+$uni-color-title: #2C405A; // 文章标题颜色
+$uni-font-size-title:20px;
+$uni-color-subtitle: #555555; // 二级标题颜色
+$uni-font-size-subtitle:26px;
+$uni-color-paragraph: #3F536E; // 文章段落颜色
+$uni-font-size-paragraph:15px;

Alguns arquivos não foram mostrados porque muitos arquivos mudaram nesse diff