.futureland-dialog{
    width: 572px;
     height: 465px;
    /*      background-image: url("/zh/sg11/img/big-01.png");*/
      background-size: 100%;
      position: relative;
}
.futureland-dialog .close{
   position: absolute;
   right: 8px;
   top: 8px;
   cursor: pointer;
   width: 32px;
   height: 32px;
}
.futureland-dialog .btn{
      position: absolute;
      right: 0px;
      left: 0;
      bottom: 24px;
      margin: auto;
      width: 212px;
   }

   .futureland-dialog-small{
         width: 195px;
         height: 138px;
         position: fixed;
         right: 0;
         bottom: 93px;
         background-image: url("/zh/sg11/img/big-02.png");
        background-size: cover;
        z-index: 99999999;
        display: none;
   }
   .futureland-dialog-small .close{
         width: 16px;
         position: absolute;
         right: 2px;
         top: 2px;
        cursor: pointer;
   }
   .futureland-dialog-small .btn{
      width: 100px;
      position: absolute;
      bottom: 5px;
      left: 0;
      right: 0;
      margin: auto;
}
.future-tk{
      border-radius: 17px;
      background: none;
}

@media screen and (max-width: 824px) {
      .futureland-dialog{
            width: 341px;
            height: 278px;
      }
      .futureland-dialog .btn{
            bottom: 18px;
            width: 126px;
      }
      .futureland-dialog .close{
            width: 28px;
            right: 2px;
            top: 2px;
      }
      .futureland-dialog-small{
            display: none !important;
      }
@media screen and (max-width: 360px) {
      .futureland-dialog{
            width: 326px;
      }
}
@media screen and (max-width: 340px) {
      .futureland-dialog{
            width: 310px;
            height: 189px;
      }
}
@media screen and (max-width: 320px) {
      .futureland-dialog{
            width: 290px;
      }
}