新手引导

src/pages/GamePage/GamePage.tsx

@@ -213,10 +213,10 @@ class GamePage extends React.Component {
       <div className="cd">
         <div className="cdNum">{min}:{sec}</div>
       </div>
-      <MusicBtn className="musicBtn"/>
-      <Button className="backBtn" onClick={this.clickBack}/>
+      <MusicBtn className="musicBtn md20"/>
+      <Button className="backBtn md19" onClick={this.clickBack}/>
       {showPreCd && <div className="preCdBg">
-        <SvgaPlayer className="preCd" loop={1} src={preCd} onEnd={this.onPreCdEnd}/>
+        <SvgaPlayer className="preCd md18" loop={1} src={preCd} onEnd={this.onPreCdEnd}/>
       </div>}
     </div>;
   }

src/pages/GuidePage/GuidePage.tsx

@@ -62,13 +62,13 @@ class GuidePage extends React.Component<any, any> {
         loop={1}
       />}
 
-      {guide == 1 && <div className="guide guide1"/>}
-      {guide == 2 && <div className="guide guide2"/>}
-      {guide == 3 && <div className="guide guide3"/>}
-      {guide == 4 && <div className="guide guide4"/>}
-      {guide == 5 && <div className="guide guide5"/>}
+      {guide == 1 && <div className="guide guide1 md12"/>}
+      {guide == 2 && <div className="guide guide2 md13"/>}
+      {guide == 3 && <div className="guide guide3 md14"/>}
+      {guide == 4 && <div className="guide guide4 md15"/>}
+      {guide == 5 && <div className="guide guide5 md16"/>}
       {guide >= 6 && <div className="guide6">
-        <Button className="guide6Btn" onClick={this.startGame}/>
+        <Button className="guide6Btn md17" onClick={this.startGame}/>
       </div>}
 
       {guide == 1 && <div className="joystick"/>}