diff --git a/public/react/src/modules/competitions/Competitioncommon/CompetitionCommonChild/CompetitionContentspdfChild/CompetitionContentspdfpeopledata.js b/public/react/src/modules/competitions/Competitioncommon/CompetitionCommonChild/CompetitionContentspdfChild/CompetitionContentspdfpeopledata.js
index 45a5ab939..69ab5413b 100644
--- a/public/react/src/modules/competitions/Competitioncommon/CompetitionCommonChild/CompetitionContentspdfChild/CompetitionContentspdfpeopledata.js
+++ b/public/react/src/modules/competitions/Competitioncommon/CompetitionCommonChild/CompetitionContentspdfChild/CompetitionContentspdfpeopledata.js
@@ -22,9 +22,9 @@ class CompetitionContentspdfpeopledata extends Component{
 
 		return (
 			<div>
-					123123
+					345345
 			</div>
 		)
 	}
 }
-export default CompetitionContentspdfpeopledata;
\ No newline at end of file
+export default CompetitionContentspdfpeopledata;
diff --git a/public/react/src/modules/competitions/Competitioncommon/CompetitionCommonChild/CompetitionContentspdfChild/mycompetotionchild.css b/public/react/src/modules/competitions/Competitioncommon/CompetitionCommonChild/CompetitionContentspdfChild/mycompetotionchild.css
new file mode 100644
index 000000000..7f9652f44
--- /dev/null
+++ b/public/react/src/modules/competitions/Competitioncommon/CompetitionCommonChild/CompetitionContentspdfChild/mycompetotionchild.css
@@ -0,0 +1,74 @@
+/*垂直布局
+
+               一
+               二
+               三
+*/
+.flexdirectionjust{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+
+.directstwebkitflex{
+    display: flex;
+    display: -webkit-flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.diredisplayitflex{
+    display: flex;
+    display: -webkit-flex;
+    align-items: center;
+}
+/*垂直布局*/
+/*靠左侧
+一 二 三 四 五 六 七 八
+*/
+.flexdirection{
+    display: flex;
+    flex-direction:row;
+}
+
+.flexdirections{
+    display: flex;
+    flex-direction:initial;
+}
+/*靠左侧
+*/
+
+
+
+ /*靠右侧八    七   六  五   四  三  二 一*/
+  .flexdirectionss{
+      display: flex;
+      flex-direction:row-reverse;
+  }
+
+
+/*垂直布局
+一
+二
+三
+四
+*/
+.flexdidirectionss{
+    display: flex;
+    flex-direction:column;
+}
+
+/*垂直布局
+四
+三
+二
+一
+*/
+  .flexdidireverses{
+      display: flex;
+      flex-direction:column-reverse;
+  }
+
+