body{
           background-color:lightblue
     }
     .ColaKey,.api_secret{
           display:none;
     }
      .text1{
           color:red;

     }
      .text{
          font-size:20px;
          padding-left:20px;

     }
       .box{
          box-sizing:border-box;
          width:300px;
          height: 4800px;

          margin-right:10px auto;

      }
      .boxtext{
          box-sizing:border-box;
          width:300px;
          height: 200px;
          border: 1px solid blue;
          margin-bottom:5px;
          background-image:url("");
          background-repeat:no-repeat;
          background-position:center;
          
      }
      .boxtext>p{
          font-size: 16px;
          padding-top:5px;
      }

      .boxpic{
          box-sizing:border-box;
          width:300px;
          height: 200px;
          border: 1px solid blue;
          margin-bottom:5px;
      }
      .filename{
           font-size:16px;
      }
      

     .reset{
          background-color:blue;
          color:white;
          font-size:25px;
          line-height:50px ;
       width:300px;
     height:50px;
     margin-top:5px;
     }
     .submit{
          background-color:green;
          color:white;
          font-size:25px;
          width:300px;
          line-height: 50px;
     height:50px;
     margin-top:5px
     }
     .btn{
     background-color:orange;
     color:white;
     font-size:25px;
     width:300px;
     line-height: 50px;
     height:50px;
     margin-top:5px;
     }
     .btn:active{
     background-color:red;
     }

     .reset:active{
     background-color:red;
     }

      .submit:active{
     background-color:red;
     }
      .foot{
        
        margin-top:10px;
        
        font-size:12px;
        width:300px;
        height: 30px;
        line-height: 30px;
        text-align: center;
      
      
      }
  @media only screen and (max-width: 640px) {
  /*这里书写手机端的css代码，手机端的css代码是在pc端的代码基础上书写，类似于补充*/


      body{
           background-color:lightblue
     }
     .ColaKey,.api_secret{
           display:none;
     }
      .text1{
           color:red;

     }
      .text{
          font-size:20px;
          padding-left:20px;

     }
       .box{
          box-sizing:border-box;
          width:300px;
          height: 4800px;

          margin:10px auto;

      }
      .boxtext{
          box-sizing:border-box;
          width:300px;
          height: 200px;
          border: 1px solid blue;
          margin-bottom:5px;
          background-image:url("");
          background-repeat:no-repeat;
          background-position:center;
          
      }
      .boxtext>p{
          font-size: 16px;
          padding-top:5px;
      }

      .boxpic{
          width:300px;
          height: 200px;
          border: 1px solid blue;
          margin-bottom:5px;
      }
      .filename{
           font-size:16px;
      }
      .voice{
          float: right;
          padding-right: 0px;
          padding-bottom:0px;
          
      }
      .word{
         width:300px; 
         height:50px;
         color:red ;
         font-size:25px;
          
      }

     .reset{
          background-color:blue;
          color:white;
          font-size:25px;
          line-height:50px ;
       width:300px;
     height:50px;
     margin-top:5px;
     }
     .submit{
          background-color:green;
          color:white;
          font-size:25px;
          width:300px;
          line-height: 50px;
     height:50px;
     margin-top:5px
     }
     .btn{
     background-color:orange;
     color:white;
     font-size:25px;
     width:300px;
     line-height: 50px;
     height:50px;
     margin-top:5px;
     }
     .btn:active{
     background-color:red;
     }

     .reset:active{
     background-color:red;
     }

      .submit:active{
     background-color:red;
     }
      .foot{
        
        margin-top:10px;
        
        font-size:12px;
        width:300px;
        height: 30px;
        line-height: 30px;
        text-align: center;
      
      
      }
  }