@media only screen and (device-width: 411px) and (device-height: 823px)  {

     img{max-width: none!important;}
     .sk {
       margin-top: 10px!important;
       margin-left: -10px!important;
       position: relative;
       
       width: 320px!important;
       height: 320px!important;

     }
     
   }
   @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
     img{max-width: none!important;}
     .sk{
       margin-top: 10px;
       margin-left: -30px;
       width: 350px!important;
       height: 350px!important;
     }
     
   }
   .shareWarp{position: relative;}
   .iimg{position: absolute;
    left: 30%;top: 20%
  }
  /*jieshu */
  /*下一个*/
  @media only screen and (device-width: 360px) and (device-height: 640px)  {

    #rotate{top:18%!important}
    .lucky_explain.fl{margin-top:-78px!important;}
    
  }
  @media only screen and (device-width: 320px) and (device-height: 568px)  {

    #rotate{top:13%!important}
    .lucky_explain.fl{margin-top:-150px!important;font-size:14px!important;}
    
  }
  @media only screen and (device-width: 375px) and (device-height: 667px)  
  {

    #rotate{top:20%!important}
    .lucky_explain.fl{margin-top:-60px!important;}
    
  }
  @media only screen and (device-width: 411px) and (device-height: 731px)  {

    .lucky_explain.fl{margin-top:10px!important;}
    
  }
  @media only screen and (device-width: 412px) and (device-height: 732px)  {

    margin-top: -20px!important;
    height: 160px!important;
    
  }
  @media only screen and (device-width: 411px) and (device-height: 823px)  {

    .lucky_explain.fl{margin-top:100px!important;}
    
  }
  @media only screen and (device-width: 414px) and (device-height: 736px)  {

    #rotate{top:25%!important}
    .lucky_explain.fl{margin-top:15px!important;}
    
  }
  @media only screen and (device-width: 375px) and (device-height: 812px){
   #rotate{top:20%!important}
   .lucky_explain.fl{margin-top:90px!important;}
 }