git/scr/food/pages/paying/paying.wxss

/* pages/paying/paying.wxss */
/* pages/category/index.wxss */
page {
  background-color: rgb(221, 221, 221);
}

.btn_pay {
  position: fixed;
  bottom: 20px;
  left: 15%;
  width: 70%;
  height: 100rpx;
  line-height: 100rpx;
  border-radius: 100rpx;
  background-color: #d3a95a;
  color: #fff;
  font-size: 36rpx;
  text-align: center;
}

/* 支付密码css start */
.bg_layer {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9998;
}

.input_main {
  position: fixed;
  left: 0;
  bottom: 500rpx;
  width: 100%;
  height: 394rpx;
  background-color: #fff;
  z-index: 9999;
}

.input_title {
  width: 100%;
  height: 90rpx;
  line-height: 90rpx;
  text-align: center;
  font-size: 32rpx;
  border-bottom: 1rpx solid #e2e2e2;
}

.input_back {
  position: absolute;
  left: 0;
  top: 0;
  width: 80rpx;
  height: 90rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}

.input_back text {
  width: 20rpx;
  height: 20rpx;
  background-color: white;
  border: 1rpx solid #aaa;
  border-width: 5rpx 0 0 5rpx;
  transform: rotate(-45deg);
}

.input_tip {
  margin: 30rpx;
  font-size: 24rpx;
  color: #888;
}

/* 密码掩码模拟 */
.input_row {
  width: 690rpx;
  margin: 0 auto;
  height: 98rpx;
  position: relative;
  display: flex;
  align-items: center;
  border: 1rpx solid #e2e2e2;
  border-radius: 20rpx;
}

.input_row .pwd_item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-right: 1rpx solid #e2e2e2;
  position: relative;
}

.pwd_item:nth-last-of-type(1) {
  border-right: 0;
}

.pwd_item text {
  width: 30rpx;
  height: 30rpx;
  border-radius: 30rpx;
  background-color: #555;
}


.forget_pwd {
  float: right;
  margin: 30rpx;
  width: 100rpx;
  text-align: right;
  font-size: 24rpx;
  color: #ff7800;
}

/* 文本输入框位置: 设置到左边隐藏 */
.input_control {
  position: relative;
  left: -300rpx;
  bottom: 0;
  width: 100rpx;
  height: 100rpx;
}


/* 备注 */
.note {
  box-sizing: border-box;
  border-radius: 20px;
  padding: 15px 20px;
  background: white;
  width: 94%;
  margin: 10px auto;
}

.note-text {
  width: 95%;
  font-size: 12px;
  background: #F2F2F2;
  padding: 10px;
  height: 80px;
}

/* 取餐时间区域 */

/* 底部操作菜单样式 */
.bottom-operate-menu {
  z-index: 1001;
  position: fixed;
  bottom: 0px;
  height: 55px;
  width: 100%;
  display: flex;
}

.shopping-cart {
  width: 75%;
  background: #353535;
  height: 100%;
}

.submit-btn-label {
  color: white;
  font-size: 15px;
  margin: auto;
}

.submit-btn {
  height: 100%;
  background: #f7f7f7;
  width: 25%;
  display: flex;
}

.activity-color-bg {
  background: #ff9c35;
}

/*选择的样式*/
checkbox .wx-checkbox-input {
  border-radius: 50%;
  /* 圆角 */
  width: 35rpx;
  /* 背景的宽 */
  height: 35rpx;
  /* 背景的高 */
}

/*选择地址的样式的样式*/
.container {
  padding: 10px 20px;
  align-content: center;
}

.text-content {
  padding: 10px;
  align-content: center;
  border-bottom: 1rpx solid #F5F5F5;
  background-color: #FFFFFF
}

/* write by Exungsh */
.list-info {
  width: 94%;
  background-color: #fff;
  box-sizing: border-box;
  padding: 20px;
  border-radius: 20px;
  height: 140px;
  margin: 0 auto;
  margin-bottom: 10px;
}

.list-info image {
  display: block;
  float: left;
  height: 100px;
  width: 100px;
  border-radius: 10px;
}

.food_name {
  padding: 10px 20px;
  font-size: 17px;
}

.order-sum {
  margin-left: 5%;
  margin-bottom: 20px;
}