dos

Public/static/css/index.css

@@ -69,12 +69,12 @@ input::-webkit-input-placeholder {
 }
 
 /* flag-page */
-.red-line {
+.flag-page .red-line {
   background: #c30101;
   transform: scaleX(0);
 }
 
-.red-line.animate {
+.flag-page .red-line.animate {
   transform-origin: 0%;
   animation: scale 0.7s ease-in backwards;
   -webkit-animation: scale 0.7s ease-in backwards;
@@ -91,17 +91,17 @@ input::-webkit-input-placeholder {
   color: #c30303;
 }
 
-.flag-block {
+.flag-page .flag-block {
   float: left;
   position: relative;
 }
 
-.flag-block:nth-child(even) {
+.flag-page .flag-block:nth-child(even) {
   margin-left: 1rem;
   width: 12.9rem;
 }
 
-.flag-no {
+.flag-page .flag-no {
   font-size: 1.3rem;
   color: #222222;
   line-height: 1.85rem;
@@ -109,7 +109,7 @@ input::-webkit-input-placeholder {
   padding-left: 0.2rem;
 }
 
-.flag-text {
+.flag-page .flag-text {
   font-size: 1.2rem;
   color: #222222;
   line-height: 1.8rem;
@@ -120,18 +120,18 @@ input::-webkit-input-placeholder {
   height: auto;
 }
 
-.flag-text div[class^=fly] {
+.flag-page .flag-text div[class^=fly] {
   display: inline-block;
   animation: trans 2s 0s ease-out forwards;
 }
 
-.flag-text .text-bottom {
+.flag-page .flag-text .text-bottom {
   position: absolute;
   bottom: -.1rem;
   top: auto;
 }
 
-input[name=customize-flag] {
+.flag-page input[name=customize-flag] {
   font-size: 1.4rem;
   color: #222222;
   padding-left: 1rem;
@@ -164,4 +164,17 @@ input[name=customize-flag] {
 .personal-page .decorate-img {
   background: url('../image2/decorate1.png') left top no-repeat;
   background-size: 100% 100%;
+}
+
+.personal-page .flag-no {
+  font-size: 1.2rem;
+  text-align: center;
+  line-height: 2rem;
+  color: #222222;
+}
+
+.personal-page .flag-no {
+  font-size: 1.4rem;
+  color: #222222;
+  padding-left: 1rem;
 }
\ No newline at end of file