﻿body{background-color:#ededed}
.swipeBox{height:230px;  position:relative; z-index:3;}  
  .swipeBox img{ height:230px; width:100%;object-fit: cover;   }
  .page{ margin-top:0px; }
  .pagebox
  {
      margin:0px 5px 0px 5px; 
       position:relative; top:-30px; 
       z-index:10;
       border-radius: 20px;
       overflow:hidden;
      }
 .pagetop
 {
     /* background: -webkit-linear-gradient(top,#fef5e3,#ffff);   */
       background:#ffffff;
       position:relative;
       overflow:hidden
     } 
 .productName{ 

  margin:10px 20px 5px 20px;

  overflow : hidden; 
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all; 
  font-size:1.2em; 
    color: #000;  height:40px ; line-height:20px;

     font-size:1.3em; 
}       

 .textContent{ overflow:hidden; padding:5px; background-color:#fff } 
  .textContent img{ margin:0 auto; max-width:100%;}   
  
  
  ul.LR_BlockList{ padding:5px 0px 0px 0px; margin:0px; overflow:hidden; background-color:#f7f7f7;
               
               }

ul.LR_BlockList li{ overflow:hidden; margin:3px; }

ul.LR_BlockList li div.contentBox
{
    
     position:relative; 
     background-color:#fff;
    overflow:hidden; 
    border:1px solid #eee;border-radius: 5px;
    padding:10px;
    }


ul.LR_BlockList li div.contentItem
{       
     position:relative; 
     background-color:#fff;
   margin:5px;
   

    }



ul.LR_BlockList li div.contentItem .productBiaoTi
{
   
  
  overflow : hidden;  
    color: #363636; line-height:20px; font-size:1.3em;
 width:100%; 
 
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all; 
  
  height:40px;
 
    } 



ul.LR_BlockList li div.contentItem .producttype
{
   
    overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all; 
    color: #333;  height:20px ; line-height:20px;
     margin:2px;
     font-size:1em; color:#666;  width:100%; 
    }   
  
 ul.LR_BlockList li div.contentItem .productPrice
{
color:#ff0000; font-size:1.6em; text-align:left; font-family:Arial; width:100%;
 font-weight:bold;
    
    }    


ul.LR_BlockList li .buttonbox
{
     height:30px; line-height:30px;  overflow:hidden; 
    
     display: -webkit-box;
  display: -webkit-flex;
  display: flex;
    }
ul.LR_BlockList li .button{ width: 60%; position: relative; height: 30px; color:#fff;
    line-height: 30px ; 
    background: linear-gradient(to bottom right, #ffa316 , #ef665e);
   text-align:center;
     font-size:13px ;
    border-radius: 7px;    
  }
 ul.LR_BlockList li .button.disabled{ color:#999; background:#ededed} 
.titleStyle{ color:#157fcc; font-weight:bold}





