Agency_WxApp/miniprogram/components/newPicker/newPicker.wxss

/* components/newPicker/newPicker.wxss */
.search {
  width: 78vw;
  text-align: center;
  margin: 30rpx auto;
  height: 80rpx;
  line-height: 80rpx;
  background: #eee;
}

.cancel {
  margin: 30rpx auto;
  height: 80rpx;
  line-height: 80rpx;
  font-size: 32rpx;
  color: #999;
}

.items {
  padding-left: 40rpx;
  height: 100rpx;
  line-height: 100rpx;
  border-bottom: 1rpx solid #eee;
}

.df {
  display: flex;
}

.jcsa {
  justify-content: space-around;
}

.btn {
  padding-left: 20rpx;
  border: 1px solid grey;
  height: 80rpx;
  line-height: 80rpx;
  width: 50vw;
}

.modal {
  position: absolute;
  bottom: 0;

}

.modal-in {
  animation: moveIn 0.3s 1 forwards;
}

@keyframes moveIn {
  from {
    right: -100vw;
  }

  to {
    right: 0;
  }
}

@keyframes moveOut {
  from {
    right: 0;
  }

  to {
    right: -100vw;
  }
}