daliangzao/newsShop/pages/kind/index.wxss

page{
  background:#fff;
}
.header{
  padding-top:88rpx;
}
.header-box{
  border-bottom:2rpx solid #e0e0e0;
  position: fixed;
  width:100%;
  top:0;
  left:0;
  background: #FFF;
  z-index:10000;
}
.header image{
  width:70rpx;
  height:70rpx;
  margin-top:10rpx;
}
.h-search{
  height:50rpx;
  line-height:50rpx;
  background:#e5e5e5;
  border-radius:50rpx;
}
.h-search .iconfont{
  padding-left:10rpx;
}
.h-search input{
  padding:0 10rpx;
  height:50rpx;
  line-height:50rpx;
}
/* left */
.class-left{
  padding-left:172rpx;
}
.class-left .nav{
  position:fixed;
  left:0;
  background:#fff;
  height:100%;
  width:170rpx;
  border-right:2rpx solid #e0e0e0;
  z-index:100;
}
.nav-list{
  height:54rpx;
  margin:25rpx 0;
  width:150rpx;
  margin-right:10rpx;
  text-align: center;
  border-left:10rpx solid #fff;
}
.nav-list.active{
  color:#e60012;
  border-color:#e60012;
}
.filter-box {
  height:70rpx;
  line-height:70rpx;
  background:#fff;
  border-bottom:2rpx solid #e0e0e0;
  position: relative;
  z-index:100;
}
.icon-box{
  color:#dcdcdc;
  line-height:40rpx;
  height:40rpx;
  position: absolute;
  top:-8rpx;
  margin-left:1.1rem;
}
.icon-box icon{
  display:block;
  height:16rpx;
  line-height:16rpx;
}
.icon-box icon.active{
  color:#333;
}
.icon-last{
  top:2rpx;
}
.radio-group .radio{
  line-height:50rpx;
  display:inline-block;
  width:40%;
}
.radio-group .radio radio{
transform:scale(0.6);
width:40rpx;
}
.filter-box{
  position: fixed;
  width:580rpx;
  background:#fff;
}
.filter-main{
  padding:20rpx;
  background:#fff;
  position:absolute;
  top:72rpx;
}
.filter-range{
  width:400rpx;
  line-height:48rpx;
}
.filter-range input{
  width:150rpx;
  background:#eeedf2;
  height:48rpx;
  border-radius:48rpx;
  text-align: center;
}
.goods-box {
  margin:90rpx 20rpx 20rpx 20rpx;
}
.goods-list{
  width:246rpx;
  margin-bottom:30rpx;
}
.goods-img{
  width:246rpx;
  height:246rpx;
  background:#eeedf2;
  display: block;
}
.goods-summary{
  height:44rpx;
  line-height:44rpx;
  background:#f1f7fc;
  color:#666666;
  padding:0 10rpx;
  overflow: hidden;/*超出部分隐藏*/
  white-space: nowrap;/*不换行*/
  text-overflow:ellipsis;/*超出部分文字以...显示*/
}
.goods-title{
  margin:10rpx 0;
}
.goods-price{
  color:#e60012;
}
.ceng{
  position:fixed;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.6);
  z-index:10;
  top:0;
  left:0;
}