.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; }