*{
  margin: 0;
  padding: 0;
  
}
@media (min-width: 360px){
    #cloudVoucherModal{
        overflow-y: auto; 

    }
  .cloud-modal{
     
      position: fixed;
      z-index: 2000;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    
     background-color: rgba(0,0,0,0.4); 
  }
  .cloud-popup{
      position: relative;
      display: block;
      width: 100%;
      top:10%;
      z-index: 2010;
      
  }   
  .cloud-popup img{
     
      display: block;
      margin: 0;
      padding: 0;
      width: 100%;
  }
  .cloud-btn{
      
      display: inline-block;
      box-sizing: border-box;
      vertical-align: middle;
      text-align: center;
      height: 40px;
      width: 25%;
     
  }
  .cloud-btn-left{
      position: absolute;
      bottom: 10%;
      left: 34%;
      transform: translate(-50%,-50%);
      background-color: rgb(104, 209, 177);
     
     
  }
  .cloud-btn-left:hover, .cloud-btn-right:hover{
    background-color: #fff;
   
   
}
  .cloud-btn-right{
      position: absolute;
      bottom: 10%;
      left: 66%;
      transform: translate(-50%,-50%);
      background-color: rgb(59, 150, 241);
  }
  .cloud-btn a{
      font-weight: 600;
      font-size: 13px;
      color: #fff;
      text-decoration: none;
      display: block;
      width: 100%;
      height: 40px;
      line-height: 40px;
  }
  .close-btn{
      float: left;
      display: inline-block;
      box-sizing: border-box;
      outline: none;
      border:none;
      box-shadow: none;
      vertical-align: middle;
      text-align: center;
      height: 48px;
      width: 50%;
      font-size: 13px;
      color: #fff;
      line-height: 48px;
      background-color: #1b1c53;
      cursor: pointer;
      border-radius: 0 !important;
  }
  .close-today{
     border-right: 1px solid #797ab1;
  }
}
@media (min-width: 540px){
  .cloud-popup{
      position: relative;
      margin: 0 auto;
      width: 560px;
  }   
  .cloud-popup img{
      display: block;
      margin: 0;
      padding: 0;
      width: 100%;
  }
  .cloud-btn{
      float: left;
      display: inline-block;
      box-sizing: border-box;
      vertical-align: middle;
      text-align: center;
      height: 48px;
      width: 23%;
  }
  .cloud-btn-left{
      bottom: 11%;
      left: 35%;
      background-color: rgb(104, 209, 177);
  }
  .cloud-btn-right{
      bottom: 11%;
      left: 65%;
      background-color: rgb(59, 150, 241);
  }
  .cloud-btn a{
      font-weight: 600;
      font-size: 15px;
      color: #fff;
      text-decoration: none;
      display: block;
      width: 100%;
      height:48px;
      line-height: 48px;
  }
  .close-btn{
      font-size: 15px;
  }
}