/* pages/home/home.wxss */

.bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.logo {
  width: 314rpx;
  height: 221rpx;
  margin-top: 74rpx;
}

.storeName {
  color: #fffefe;
  font-size: 40rpx;
  font-weight: 600;
  margin-top: 85rpx;
}

.fromBox {
  position: relative;
  width: 600rpx;
  height: 666rpx;
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 30rpx;
  margin-top: 30rpx;
}

.fromBox>.arrow {
  position: absolute;
  width: 33rpx;
  height: 12rpx;
  top: -11rpx;
  left: 140rpx;
}

.fromBox input {
  width: 522rpx;
  height: 98rpx;
  background-color: rgba(0, 0, 0, 0.28);
  margin: 0 auto 40rpx auto;
  border-radius: 49rpx;
  padding: 0 34rpx;
  box-sizing: border-box;
}

.inputPlaceholder {
  color: #fff;
  font-size: 30rpx;
}
.btn{
  width: 522rpx;
  height: 98rpx;
  border-radius: 49rpx;
  color: #fff;
  text-align: center;
  line-height: 98rpx;
  box-sizing: border-box;
  font-size: 36rpx;
}

.query {
  background: linear-gradient(-72deg, rgba(235, 97, 0, 1), rgba(255, 137, 42, 1));
  margin: 32rpx auto 0 auto;
}

.query.select {
  background: #ccc;
}

.scanning {
  background: linear-gradient(-72deg, rgba(235, 0, 0, 1), rgba(255, 82, 42, 1));
  margin: 64rpx auto 0 auto;
}