con JQuery ... potresti contare gli elementi interni del div offerte, acquisire l'ultimo div interno e modificare lo style

codice:
    
    <div id="offerte"> 
        <div class="bodyOfferta" ></div>
        <div class="bodyOfferta" ></div>
        <div class="bodyOfferta" ></div>
    </div>
    
    
    <script>
        /** ... DOCUMENT READY */ 
        $( document ).ready( onDocumentReady );

        /** 
          *  FUNCTION : onDocumentReady() 
          */ 
        function onDocumentReady() 
        {
             /** ... ELEMENTO DIV offerte */   
             var divOfferte     = $("#offerte");

             /** ... ELEMENTI DIV INTERNI DI CLASSE .bodyOfferta */ 
             var divBody        = divOfferte.children('div .bodyOfferta')
        
             /** ... CONTA ELEMENTI DIV DI CLASSE bodyOfferta */
             var numOfferte    = divBody.size();
        
             /** ... ACQUISISCI ULTIMO DIV DI CLASSE bodyOfferta */ 
             var ultimaOfferta = divBody[ numOfferte - 1 ];

             switch ( numOfferte ) 
             {
                 case 2: /** ... */ 
                           ultimaOfferta.style["margin-bottom"] = "40px";
                           break;
                 case 3: /** ... */ 
                           ultimaOfferta.style["margin-bottom"] = "70px";
                           break;
                 default: /** ... */ 
            }
       }
    </script>