@media (min-width: 500px){
    .box{
        width: 100%;
        /* border: 1px solid red; */
    }
    .btn {
        padding: 5px 5px;
        background: #FCC002;
        border-radius: 5px;
        color: #fff;
        font-size: 12px;
    }
  }
@media (min-width: 880px){
    .box{
        width: 90%;
        /* border: 1px solid red; */
    }
    .btn {
        padding: 5px 5px;
        background: #FCC002;
        border-radius: 5px;
        color: #fff;
        font-size: 12px;
    }
  }
@media (min-width: 1024px){
    .box{
        width: 90%;
        /* border: 1px solid red; */
    }
    .btn {
        padding: 5px 15px;
        background: #FCC002;
        border-radius: 5px;
        color: #fff;
        font-size: 14px;
    }
  } /*>=1024的设备*/
  
  @media (min-width: 1100px) {
    .box{
        width: 80%;
        /* border: 1px solid red; */
    }
    .btn {
        padding: 5px 15px;
        background: #FCC002;
        border-radius: 5px;
        color: #fff;
        font-size: 14px;
    }
  } /*>=1100的设备*/
  @media (min-width: 1280px) {
    .box{
        width: 70%;
        /* border: 1px solid red; */
    }
    .btn {
        padding: 5px 15px;
        background: #FCC002;
        border-radius: 5px;
        color: #fff;
        font-size: 14px;
    }
  } /*>=1280的设备*/
 
  
  @media (min-width: 1580px) {
    .box{
        width: 60%;
        /* border: 1px solid red; */
    }
    .btn {
        padding: 5px 15px;
        background: #FCC002;
        border-radius: 5px;
        color: #fff;
        font-size: 14px;
    }
  } 
  @font-face {
    font-family: 'fontnameRegular';
    /*src: url('./font/SourceHanSansCN-Medium.ttf');*/
   }