diff --git a/src/pages/activity/index.scss b/src/pages/activity/index.scss
new file mode 100644
index 0000000..a29d1ed
--- /dev/null
+++ b/src/pages/activity/index.scss
@@ -0,0 +1,551 @@
+/*每个页面公共css */
+body {
+  height: auto !important;
+}
+.pos {
+  position: relative;
+}
+
+.abs {
+  position: absolute;
+}
+
+.flex-center {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.flex-row-jus-center {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.flex-row-center {
+  display: flex;
+  align-items: center;
+}
+
+.flex-col-center {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.ellipsis-two {
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-wrap: break-word;
+  white-space: normal !important;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+
+.ellipsis-one {
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-wrap: break-word;
+  white-space: normal !important;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+}
+
+.bold {
+  font-weight: bold;
+}
+
+.bolder {
+  font-weight: bolder;
+}
+
+/* ----------------------------- */
+.flex_start {
+  display: -webkit-flex;
+  display: flex;
+  justify-content: flex-start;
+}
+
+.flex_end {
+  display: -webkit-flex;
+  display: flex;
+  justify-content: flex-end;
+}
+
+.flex_center {
+  display: -webkit-flex;
+  display: flex;
+  justify-content: center;
+}
+
+.flex_around {
+  display: -webkit-flex;
+  display: flex;
+  justify-content: space-around;
+}
+
+.flex_between {
+  display: -webkit-flex;
+  display: flex;
+  justify-content: space-between;
+}
+
+.flex_warp {
+  display: -webkit-flex;
+  display: flex;
+  flex-wrap: wrap;
+  overflow: hidden;
+  width: 100%;
+}
+
+.flex_items {
+  align-items: center;
+}
+
+.flex_column {
+  display: -webkit-flex;
+  display: flex;
+  flex-direction: column;
+}
+
+.mlr10 {
+  margin-left: 10rpx;
+  margin-right: 10rpx;
+}
+
+.mlr20 {
+  margin-left: 20rpx;
+  margin-right: 20rpx;
+}
+
+.mlr30 {
+  margin-left: 30rpx;
+  margin-right: 30rpx;
+}
+
+.mtb10 {
+  margin-top: 10rpx;
+  margin-bottom: 10rpx;
+}
+
+.mtb20 {
+  margin-top: 20rpx;
+  margin-bottom: 20rpx;
+}
+
+.mtb30 {
+  margin-top: 30rpx;
+  margin-bottom: 30rpx;
+}
+
+.mt5 {
+  margin-top: 5rpx;
+}
+
+.mt10 {
+  margin-top: 10rpx;
+}
+
+.mt15 {
+  margin-top: 15rpx;
+}
+
+.mt20 {
+  margin-top: 20rpx;
+}
+
+.mt25 {
+  margin-top: 25rpx;
+}
+
+.mt30 {
+  margin-top: 30rpx;
+}
+
+.mt35 {
+  margin-top: 35rpx;
+}
+
+.mt40 {
+  margin-top: 40rpx;
+}
+
+.mt50 {
+  margin-top: 50rpx;
+}
+
+.mt60 {
+  margin-top: 60rpx;
+}
+
+.mt80 {
+  margin-top: 80rpx;
+}
+
+.mt100 {
+  margin-top: 100rpx;
+}
+
+.mt120 {
+  margin-top: 120rpx;
+}
+
+.ml5 {
+  margin-left: 5rpx;
+}
+
+.ml10 {
+  margin-left: 10rpx;
+}
+
+.ml15 {
+  margin-left: 15rpx;
+}
+
+.ml20 {
+  margin-left: 20rpx;
+}
+
+.ml25 {
+  margin-left: 20rpx;
+}
+
+.ml30 {
+  margin-left: 30rpx;
+}
+
+.ml35 {
+  margin-left: 35rpx;
+}
+
+.mb5 {
+  margin-bottom: 5rpx;
+}
+
+.mb10 {
+  margin-bottom: 10rpx;
+}
+
+.mb15 {
+  margin-bottom: 15rpx;
+}
+
+.mb20 {
+  margin-bottom: 20rpx;
+}
+
+.mb25 {
+  margin-bottom: 25rpx;
+}
+
+.mb30 {
+  margin-bottom: 30rpx;
+}
+
+.mb40 {
+  margin-bottom: 40rpx;
+}
+
+.mb100 {
+  margin-bottom: 100rpx;
+}
+
+.mr5 {
+  margin-right: 5rpx;
+}
+
+.mr10 {
+  margin-right: 10rpx;
+}
+
+.mr15 {
+  margin-right: 15rpx;
+}
+
+.mr20 {
+  margin-right: 20rpx;
+}
+
+.mr25 {
+  margin-right: 25rpx;
+}
+
+.mr30 {
+  margin-right: 30rpx;
+}
+
+.mr40 {
+  margin-right: 40rpx;
+}
+.mr45 {
+  margin-right: 45rpx;
+}
+.mr50 {
+  margin-right: 50rpx;
+}
+
+/* 内边距 */
+
+.p20 {
+  padding: 20rpx;
+}
+
+.p30 {
+  padding: 30rpx;
+}
+
+.ptb5 {
+  padding-bottom: 5rpx;
+  padding-top: 5rpx;
+}
+
+.ptb15 {
+  padding-bottom: 15rpx;
+  padding-top: 15rpx;
+}
+
+.ptb10 {
+  padding-bottom: 10rpx;
+  padding-top: 10rpx;
+}
+
+.ptb20 {
+  padding-bottom: 20rpx;
+  padding-top: 20rpx;
+}
+
+.ptb25 {
+  padding-bottom: 25rpx;
+  padding-top: 25rpx;
+}
+
+.ptb30 {
+  padding-bottom: 30rpx;
+  padding-top: 30rpx;
+}
+
+.ptb40 {
+  padding-bottom: 40rpx;
+  padding-top: 40rpx;
+}
+
+.ptb50 {
+  padding-bottom: 50rpx;
+  padding-top: 50rpx;
+}
+
+.plr15 {
+  padding-left: 15rpx;
+  padding-right: 15rpx;
+}
+
+.plr10 {
+  padding-left: 10rpx;
+  padding-right: 10rpx;
+}
+
+.plr20 {
+  padding-left: 20rpx;
+  padding-right: 20rpx;
+}
+
+.plr30 {
+  padding-left: 30rpx;
+  padding-right: 30rpx;
+}
+
+.plr50 {
+  padding-left: 50rpx;
+  padding-right: 50rpx;
+}
+
+.pt5 {
+  padding-top: 5rpx;
+}
+
+.pt10 {
+  padding-top: 10rpx;
+}
+
+.pt15 {
+  padding-top: 15rpx;
+}
+
+.pt20 {
+  padding-top: 20rpx;
+}
+
+.pt30 {
+  padding-top: 30rpx;
+}
+
+.pt35 {
+  padding-top: 35rpx;
+}
+
+.pt50 {
+  padding-top: 50rpx;
+}
+
+.pb10 {
+  padding-bottom: 10rpx;
+}
+
+.pb20 {
+  padding-bottom: 20rpx;
+}
+
+.pb30 {
+  padding-bottom: 30rpx;
+}
+
+.pb35 {
+  padding-bottom: 35rpx;
+}
+
+.pb40 {
+  padding-bottom: 40rpx;
+}
+
+.pb80 {
+  padding-bottom: 80rpx;
+}
+
+.pl10 {
+  padding-left: 10rpx;
+}
+
+.pl15 {
+  padding-left: 15rpx;
+}
+
+.pl20 {
+  padding-left: 20rpx;
+}
+
+.pl30 {
+  padding-left: 30rpx;
+}
+
+.pl60 {
+  padding-left: 60rpx;
+}
+
+.pl50 {
+  padding-left: 50rpx;
+}
+
+.pr20 {
+  padding-right: 20rpx;
+}
+
+.pr30 {
+  padding-right: 30rpx;
+}
+
+.p10 {
+  padding: 10rpx;
+}
+
+.p15 {
+  padding: 15rpx;
+}
+
+/* 底部边框 */
+
+.bbe9s {
+  border-bottom: 1rpx solid #e9e9e9;
+}
+
+.bgwhite {
+  background: white;
+}
+
+/* 字体大小 */
+
+.f80 {
+  font-size: 80rpx;
+}
+
+.f50 {
+  font-size: 50rpx;
+}
+
+.f58 {
+  font-size: 58rpx;
+}
+
+.f40 {
+  font-size: 40rpx;
+}
+
+.f44 {
+  font-size: 44rpx;
+}
+
+.f48 {
+  font-size: 48rpx;
+}
+
+.f38 {
+  font-size: 38rpx;
+}
+
+.f36 {
+  font-size: 36rpx;
+}
+
+.f34 {
+  font-size: 34rpx;
+}
+
+.f32 {
+  font-size: 32rpx;
+}
+
+.f30 {
+  font-size: 30rpx;
+}
+
+.f28 {
+  font-size: 28rpx;
+}
+
+.f26 {
+  font-size: 26rpx;
+}
+
+.f24 {
+  font-size: 24rpx;
+}
+
+.f22 {
+  font-size: 22rpx;
+}
+
+.f20 {
+  font-size: 20rpx;
+}
+
+.f18 {
+  font-size: 18rpx;
+}
+
+.f16 {
+  font-size: 16rpx;
+}
+
+.f-center {
+  text-align: center;
+}
+
+.divbox {
+  box-shadow: 0 0 9px #e2e2e2;
+}
+
+.bte9s {
+  border-top: 1px solid #e9e9e9;
+}
diff --git a/src/pages/activity/index.vue b/src/pages/activity/index.vue
index b2c541a..b75c1ba 100644
--- a/src/pages/activity/index.vue
+++ b/src/pages/activity/index.vue
@@ -325,6 +325,7 @@ function gethome(aa) {
 </script>
 
 <style lang="scss" scoped>
+@use './index.scss';
 .u-line-progress {
   overflow: initial !important;
 }