@charset "utf-8";
/* CSS Document */
*{
	padding:0;
	margin:0;
	 font-size:.14rem;
	
	}
	html,body{
		height:100%;
		width:100%;
		
		}
header{
	position:fixed;
     top:0;
     left:0;
	 z-index:10;
       width:100%;
	  background-image:linear-gradient(to top,#00ff66,#99ff99,#ccffcc);
	   height:.58rem;
	   
	   text-align:center;
	   padding-top:.05rem;
	   }
	   
header img{
	height:.48rem;
	}

.content-wrap{
	padding-top:.68rem;
	height:100%;
	width:100%;
	
	}
	.water-fall{
	
	height:calc(100% - .3rem);
	
	 
	 
}
ul li{
	list-style: none;
	background-color: white;
}

.box {
            width: 100%;
          height:100%;
	        overflow: auto;
	    
		 
            position:relative;
			
			
        }
		
		
		
		.box .item {
 
        position: absolute;
        border-radius: .15rem;
        
        }
.box .item img{
            width:100%;
            height:auto;
          border-radius: .15rem;
            
        }
.box .item>div{
 	height:20px;
 	line-height:20px;
 	padding:0 .1rem;
 	
 }
 .show-title{
	 font-weight:bold;
 }
 .show-price{
	color:red;
}
.show-other, .show-user{
	font-size:.12rem;
}

	
.refreshText,.loading{
	display:none;
		
	text-align: center;
	width:100%;
	height:.35rem;
	line-height: .35rem;
	
}
.record{
	text-align:center;
	color:#999;
	height:.3rem;
	line-height: .3rem;
	}
.load{
	
	text-align:center;
	margin:.2rem 0;
	}
.load img{
	    height:1rem;
		width:1rem;
	}
h4{
	font-size:.14rem;
	text-align:center;
	}
.btn{ 
	   width:100%;
	}
 .btn button{
	width:90%;
	padding:0;
	height:.4rem;
	margin:0 auto;
	}
.detail{
	color:gray;
	font-size:.12rem;
	text-align:center;
	margin-top:.1rem;
	}

.mui-btn-block {
	
    font-size:.16rem;
   
   
    margin-bottom:.1rem;
    padding: .1rem 0;
}
.best{
	padding:.1rem;
	margin-top: .2rem;
}