/* pages/main/rewardpoint/cashout/cashout.wxss */

page{
  background: #f5f5f5;
}

.view_bottom {
  background: #fff;
  width: 100%;
  position: fixed;
  bottom: 0;
  display: flex;
  flex-direction: row;
}

.placeholder_input_wrap{
  color:#ccc;
  font-size:30rpx;
}

.input_wrap{
  width:356rpx;
  color:#333;
  font-size:56rpx;
}

.btn_blue_radius {
  background: #357aeb;
  border-radius: 5px;
  flex: 1;
  color: #fff;
}

.btn_gray_radius {
  flex: 1;
  height: 42px;
  background: #D0D0D0;
  border-radius: 5px;
  color: #999;
}

/* 遮罩层 */

.mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.7;
  z-index: 10;
}

.modal_lg {
  width: 80%;
  position: fixed;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 16rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 180rpx;
  z-index: 10;
}


.pwd_wrap_bg{
  width: 96rpx;
  height: 96rpx;
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  text-align: center;
  font-size: 50rpx;

}

.b-l-n {
  border-left: none;
}

.pay-box {
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  background: #FFFFFF;
  width: 582rpx;
  height: 96rpx;
}

/* 支付密码框聚焦的时候 */

.focus-border {
  border-color: #E5E5E5;
}

/* 单个格式样式（聚焦的时候） */
.password-box {
  flex: 1;
  border: 1px solid #E5E5E5;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 模拟光标 */

.cursor {
  width: 2rpx;
  height: 36rpx;
  background-color: #333;
  animation: focus 1.2s infinite;
}

/* 光标动画 */

@keyframes focus {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

/* 模拟输入的password的黑点 */

.input-black-dot {
  width: 24rpx;
  height: 24rpx;
  background-color: #000;
  border-radius: 50%;
}