@import "../public-view.wxss";

/* 原生组件会漂浮在非原生组件上 */
.bottom-view, .bottom-view-X {
  position: relative;
  background-color: #F5F5F5;
}

.first-view {
  width: 100%;
  height: 96rpx;
  display: flex;
}

.first-view>text {
  font-family: PingFangSC-Regular;
  font-size: 26rpx;
  color: #999999;
  margin: 40rpx 0 0 30rpx;
}

.item {
  width: 100%;
  height: 100rpx;
  background-color: white;
  display: flex
}

.item>text:first-child,
.textarea-item>text:first-child {
  font-family: PingFangSC-Regular;
  font-size: 32rpx;
  color: #333333;
  margin-left: 30rpx;
}

.item>text:first-child {
  line-height: 100rpx;
}

.item>text:nth-child(2),
.item>text:nth-child(3) {
  font-family: PingFangSC-Regular;
  font-size: 32rpx;
  line-height: 100rpx;
  margin-left: auto;
  margin-right: 30rpx;
}

.item>text:nth-child(2) {
  color: #AAAAAA;
}

.item>text:nth-child(3) {
  margin-left: 14rpx;
  margin-right: 0;
}

.item>image:nth-child(2) {
  width: 44rpx;
  height: 44rpx;
  margin: auto 0 auto auto;
}

.item>image:nth-child(4) {
  width: 14rpx;
  height: 24rpx;
  margin: auto 30rpx auto 22rpx;
}

.input-view-placeholder {
  font-size: 32rpx;
  color: #cccccc;
}

input {
  font-size: 32rpx;
  color: #666666;
  line-height: 100rpx;
  text-align: right;
  height: 100rpx;
  width: 500rpx;
  margin-left: auto;
  margin-right: 30rpx;
}

.textarea-item {
  width: 100%;
  /* height: 100rpx; */
  background-color: white;
  display: flex
}

.textarea-item>text:first-child {
  margin-top: 34rpx;
}

textarea {
  font-size: 32rpx;
  color: #666666;
  line-height: 8rpx;
  text-align: right;
  /* height: 8rpx; */
  width: 500rpx;
  
}

.textarea-ios {
  margin: 20rpx 30rpx 20rpx auto;
}

.textare-android {
  margin: 34rpx 30rpx 34rpx auto;
}

.textarea-placeholder {
  margin: auto 0 auto -352rpx;
}

.textarea-placeholder>text {
  font-size: 32rpx;
  /* color: #cccccc; */
  text-align: right;
  margin-right: 30rpx;
}