epdc-resident-mp-js/subpages/heart/pages/clockIn/clockIn.wxss

.container {
  width: 100%;
}

.info {
  background-color: #fff;
  border-radius: 20rpx;
  margin: 20rpx 20rpx 0rpx 20rpx;
  padding-bottom: 10rpx;
}

textarea {
  padding-top: 39rpx;
  width: calc(100% - 50rpx);
  margin-left: 25rpx;
  /* padding: 39rpx 25rpx 39rpx 25rpx; */
}

.info-tips {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.tips {
  background-color: #d9d9d9;
  border-radius: 20rpx;
  margin: 20rpx 20rpx 0rpx 20rpx;
  display: inline-block;
  padding: 8rpx 10rpx;
}

.spot {
  width: 14rpx;
  height: 14rpx;
  background-color: #c1c1c1;
  border-radius: 50%;
  position: relative;
  float: left;
  top: 10rpx;
}

.display-inline {
  display: inline;
}

.content {
  float: left;
  font-size: 28rpx;
  font-weight: 500;
  margin-left: 10rpx;
  color: rgba(102, 102, 102, 1);
}

.info-line {
  height: 3rpx;
  background-color: #eaeaea;
  width: 100whh;
  margin: 30rpx 24rpx 20rpx;
}

.photo {
  padding: 18rpx;
}

.wux-upload--picture-card .wux-upload__select {
  width: 220rpx !important;
  height: 220rpx !important;
}

.wux-upload--picture-card .wux-upload__file {
  width: 220rpx !important;
  height: 220rpx !important;
  border: 2rpx solid #eaeaea !important;
  margin: 0 40rpx 40rpx 0 !important;
}

.wux-upload--picture-card .wux-upload__remove {
  width: 46rpx !important;
  height: 46rpx !important;
  background-size: 46rpx auto !important;
  right: -20rpx !important;
  top: -18rpx !important;
}

/* 定位 */

.location {
  margin: 20rpx 20rpx 0rpx 20rpx;
  padding-bottom: 35rpx;
  margin-bottom: 14rpx;
  background-color: #fff;
  border-radius: 20rpx;
}

.info-box {
  width: 100wh;
  height: auto;
  border-bottom: 1rpx solid #e7eeee;
  padding: 35rpx 0rpx;
  margin: 0rpx 20rpx;
  font-size: 34rpx;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
}

.info-box-last-require {
  width: 100wh;
  height: auto;
  padding: 30rpx 0rpx 0 0;
  margin: 0rpx 20rpx;
  font-size: 34rpx;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
  line-height: 54rpx;
}

.refresh {
  margin: 30rpx 20rpx;
}

.refresh image {
  width: 30.3rpx;
  height: 30.3rpx;
  float: left;
  position: relative;
  top: 5rpx;
}

.refresh-name {
  font-size: 28rpx;
  font-weight: 500;
  color: rgba(0, 179, 152, 1);
  float: left;
  margin-left: 10rpx;
}

.clear {
  clear: both;
}

.button {
  background: linear-gradient(90deg, rgba(244, 12, 12, 1), rgba(255, 78, 78, 1));
  margin-left: 95rpx;
  width: 560rpx;
  height: 84rpx;
  font-size: 36rpx;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  line-height: 84rpx;
  border-radius: 20rpx;
  margin: 78rpx 95rpx 48rpx 95rpx;
}
button{
  line-height: normal;
  padding: 0 !important;
  background: #fff !important;
  border: 0rpx solid #fff;
  position: relative;
  /* position: static !important; */
  width: 350rpx !important;
}
button::after{
  border: none !important;
}

.submit {
  width: 592rpx;
  height: 116rpx;
  position: relative;    
  margin: 78rpx auto;
}
.submit .submit-bk {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.submit .submit-text {
  font-size: 34rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  height: 100rpx;
  line-height: 100rpx;
  text-align: center;
}