/* pages/goodsCate/goodsCate.wxss */
@import "../../style/style";

.fixedWrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 352rpx;
  background: #f7f9fb;
  z-index: 10;
}

.searchWrap {
  padding: 24rpx 0 24rpx 24rpx;
  display: flex;
  align-items: center;
}

.searchWrap .inputWrap {
  position: relative;
  flex: 1;
  width: 0;
}

.searchWrap .btn {
  padding: 24rpx !important;
  width: auto !important;
  font-size: 30rpx;
  color: #007dff;
  background: transparent;
}

.placeholderStyle {
  font-size: 30rpx;
}

.searchWrap .input {
  padding-left: 70rpx;
  padding-right: 24rpx;
  height: 84rpx;
  font-size: 30rpx;
  color: #282828;
  background: #fff;
  border-radius: 8rpx;
}

.searchWrap .icon-search {
  position: absolute;
  left: 24rpx;
  top: 50%;
  transform: translateY(-50%);
  font-size: 32rpx;
  color: #999;
}

.proList {
  margin-top: 352rpx;
}

.proItem {
  position: relative;
  height: 98rpx;
  line-height: 98rpx;
  font-size: 28rpx;
  font-weight: 450;
  text-align: center;
  background: #fff;
  transition: all .15s ease;
}

.proItem+.proItem:before {
  content: "";
  position: absolute;
  top: 0;
  left: 24rpx;
  right: 24rpx;
  height: 1rpx;
  background: #f5f5f5;
}

.active {
  background: #ecf0fe;
}

.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, .3);
  visibility: hidden;
  transition: all .3s ease;
  z-index: 99;
}

.backdrop.fadeIn {
  visibility: visible;
}

.modal {
  position: fixed;
  top: 24rpx;
  left: 24rpx;
  right: 24rpx;
  bottom: 24rpx;
  opacity: 1;
  transform: scale(0);
  background: #fff;
  overflow: hidden;
  border-radius: 24rpx;
  transition: all .3s ease;
  z-index: 100;
}

.modal.fadeIn {
  transform: scale(1);
}

.modal .head {
  position: relative;
  height: 96rpx;
}

.modal .head .icon-fail{
  position:absolute;
  top:0;
  right:0;
  padding:0 24rpx;
  height: 96rpx;
  line-height: 96rpx;
  font-size:40rpx;
  color:#c4c4c4;
}

.modal .content {
  position: absolute;
  top: 96rpx;
  left: 0;
  right: 0;
  bottom: 136rpx;
  overflow-y: auto;
  overflow-x: hidden;
}

.modal .bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 24rpx;
}

.modal .bottom .btn {
  width:100%;
  flex: 1;
  height: 88rpx;
  line-height: 88rpx;
  font-size: 32rpx;
  color: #fff;
  background: #007dff;
}

.modal .icon-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 24rpx;
  font-size: 48rpx;
  color: #c4c4c4;
}

.lineBox {
  display: flex;
  padding: 0 24rpx;
}

.lineBox .label {
  width: 160rpx;
  height: 98rpx;
  line-height: 98rpx;
  font-size: 32rpx;
}

.lineBox .cont {
  flex: 1;
  padding: 26rpx 0;
  width: 0;
  line-height: 46rpx;
  font-size: 32rpx;
  word-break: break-all;
}