daliangzao/pages/kind/index.wxss

.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;
  border-top:2rpx solid #e0e0e0;
  z-index:100;
}
.class-right{
  background:#fff;
}
.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;
  border-top:2rpx solid #e0e0e0;
  position: relative;
  z-index:100;
}
.triangle-box{
  height:32rpx;
  margin:0rpx 0 0 10rpx;
}
.triangle-just{
  width: 0;
  height: 0;
  border-bottom: 11rpx solid #dcdcdc;
  border-left: 8rpx solid transparent;
  border-right: 8rpx solid transparent;
  margin:5rpx 0;
}
.triangle-just.active{
  border-bottom-color:#2d2d2d;
}
.triangle-invert.active{
  border-top-color:#2d2d2d;
}
.triangle-invert{
  margin:5rpx 0;
  width: 0;
  height: 0;
  border-top: 11rpx solid #dcdcdc;
  border-left: 8rpx solid transparent;
  border-right: 8rpx solid transparent;
}
.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;
  overflow: hidden;/*超出部分隐藏*/
  white-space: nowrap;/*不换行*/
  text-overflow:ellipsis;/*超出部分文字以...显示*/
}
.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;
}
.goods-ban image{
  width:538rpx;
  height:210rpx;
  display:block;
  margin:26rpx auto;
}