diff --git a/src/views/next/screen-content-right/szyf-right/index.vue b/src/views/next/screen-content-right/szyf-right/index.vue
index e124ef7..e0cfa69 100644
--- a/src/views/next/screen-content-right/szyf-right/index.vue
+++ b/src/views/next/screen-content-right/szyf-right/index.vue
@@ -290,8 +290,7 @@ export default {
 <style lang="scss" scoped>
 .card {
         width: 100%;
-        display: flex;
-        flex-direction: column;
+        @include flex(column);
 
         &-item-zdbf {
                 height: 100%;
@@ -313,8 +312,7 @@ export default {
                         }
 
                         >:nth-child(2) {
-                                display: flex;
-                                flex-direction: column;
+                                @include flex(column);
                                 justify-content: space-between;
 
                                 :nth-child(1) {
diff --git a/src/views/next/screen-content-right/zdyf-right/index.vue b/src/views/next/screen-content-right/zdyf-right/index.vue
index b4d83cc..26e066d 100644
--- a/src/views/next/screen-content-right/zdyf-right/index.vue
+++ b/src/views/next/screen-content-right/zdyf-right/index.vue
@@ -180,8 +180,7 @@ export default {
 
         &-item-kyll {
                 flex: 1;
-                display: flex;
-                flex-direction: column;
+                @include flex(column);
                 padding: 16px 16px 10px;
                 box-sizing: border-box;
                 overflow: hidden;
@@ -213,8 +212,7 @@ export default {
                                 overflow: hidden;
 
                                 .scroll-item {
-                                        display: flex;
-                                        flex-direction: column;
+                                        @include flex(column);
                                         border: 1px solid #9FCCFF;
                                         width: 148px;
                                         height: 117px;