﻿.container{
	max-width: 640px;
	margin: 0 auto;
	overflow-x: hidden;
}
.nav-container{
	width: 100%;
	background: white;
	padding-top: 2vh;
}
.nav-ul{
	padding-left:5px;
}
.nav-ul li{
	height: 25px;
	width: auto !important;
	padding-bottom:1px ;
}
.nav-ul .slide-a{
	color: #555;
	font-size: 12px;
	padding: 0px 14px .8px 14px;
}
.nav-ul .active-li a{
	color: #000;
	/*border-bottom: 2px solid #000;*/
}
.nav-ul .active-li {
	
	border-bottom: 2px solid #000;
}
/*瀑布流*/
.fall-box{
  width: 100%;
  margin: 5% 8px 0px 8px ;
}
.fall-box .item{
   width: calc((100% - 28px)/2);
   margin-bottom: 15px;
}
/*.fall-box .item:nth-child(1n){
   padding: 3% 15% 3% 3%;
}
.fall-box .item:nth-child(2n){
   padding: 3% 3% 3% 15%;
}*/
.fall-box .section-p{
	 padding-top: 5px;

}
.fall-box .item-img{
	width:100% ;
	display: block; border:5px solid #fff;	box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
}
.item .title-p{
	background:#dcf0ff;
	font-size: 14px;
	margin-bottom:5px; padding:6px 8px; border-radius:3px; font-family:"微软雅黑"
}
.item .title-p span{ color:#e300cb}
.item .name-p{
	color: #555;
	font-size: 1px;
}
.item .price-p{
	margin-top:8px;
	color: #fff;
	font-size: 14px; background:#cb245b;padding:6px 0; border-radius:3px; font-family:"微软雅黑"
}
.more-a{
	display: block;
	text-align: center;
	margin-top: 3%;
    margin-bottom:3%;
}

.dy{
    position: absolute;
    width: 40px;
	height:40px;
    right: 5%;
    top: 5%;
    color: #fff;
    text-align: center;
    font-family: 微软雅黑;
    background-color: #000;
    opacity: 0.8;
    border-radius: 50px;
    padding: 5px;
}
.fall-box .dy img{
    border: 0;
    width: 60%;
    height: auto;
    margin: 0 auto;
}
.fall-box .dy p{ margin:-2px 0;}

.item .price-p img{ margin-bottom:-4px;}





