.flex1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.flex2 {
  display: flex;
  justify-content: center;

}

.input-box {
  margin: 0 auto;
  margin-top: 40rpx;
}

.tit {
  font-weight: 500;
  font-size: 16rpx;
  color: #145676;
  margin-top: 9rpx;
  margin-left: -30rpx;
}

input {
  width: 313rpx;
  height: 35rpx;
  background: #FFFFFF;
  box-shadow: 0rpx 0rpx 5rpx 0rpx #73DAE4;
  border-radius: 5rpx;
  margin: 0 19rpx 0 14rpx;
  box-sizing: border-box;
  color: #09AECC;
  font-size: 16rpx;
  padding-left: 9rpx;
  pointer-events: none;
}

.placeholder {
  color: #B5D7E7;
}

.btn {
  width: 59rpx;
  height: 35rpx;
  line-height: 35rpx;
  text-align: center;
  background: #13B5B1;
  border-radius: 5rpx;
  font-size: 15rpx;
  color: #FFFFFF;
}

.num {
  margin: 12rpx auto 0;
  width: 313rpx;
  height: 250rpx;
  background: #FFFFFF;
  box-shadow: 0rpx 0rpx 5rpx 0rpx #73DAE4;
  border-radius: 5rpx;
  padding: 11.7rpx;
  box-sizing: border-box;
}

.num-item {
  width: 82rpx;
  height: 47rpx;
  line-height: 47rpx;
  text-align: center;
  background: #379391;
  border-radius: 5rpx;
  font-weight: bold;
  font-size: 18rpx;
  color: #FFFFFF;
  margin-bottom: 12rpx;
}

.transparent {
  color: transparent;
  background-color: transparent;
}

.col {
  color: red;
}