/* pages/irentPark/irentPark.wxss */
.guide-page{
  padding-bottom: 40px;
}
.sign-btn{
  background: #a8bed9;
  width: 60vw;
  height: 80rpx;
  line-height: 80rpx;
  border-radius: 80rpx;
  text-align: center;
  font-size: 38rpx;
  letter-spacing: 1px;
  margin: 16px auto;
  font-weight: 650;
  color: #fff;
}
.image-box{
  display: block;
  padding: 20px 
}
.image-box image{
  width: 100%
}
.introduction{
  padding: 20px;
}
.introduction image{
  max-width: 100%;
}
.success-page{
  padding: 40px 20px;
}
.success-page .success-ok {
  width: 150rpx;
  display: block;
  margin: 0 auto 50rpx;
}
.success-page .title{
  text-align: center;
  font-size: 34rpx;
  font-weight: bold;
  color: #333;
  letter-spacing: 3rpx;
  margin-bottom: 146rpx;
}
.success-page .especial{
  border:1px dashed #ccc;
  border-radius: 10rpx;
  padding: 72rpx 50rpx 50rpx;
  position: relative
}
.success-page .especial .name{
  position: absolute;
  left: 36rpx;
  top: 0;
  transform: translateY(-50%);
  color: #333;
  background: #fff;
  font-size: 30rpx;
  padding: 0 14rpx;
}
.success-page .especial .item{
  color: #666;
  line-height: 50rpx;
  vertical-align: middle;
  font-size: 25rpx;
}
.success-page .especial .item:before{
  content:'';
  display: inline-block;
  background: #f4ce45;
  width: 10rpx;
  height: 10rpx;
  border-radius: 50%;
  margin-right: 20rpx;
  vertical-align: middle;
}
.success-page .especial .step-box{
  padding:56rpx 30rpx ;
}
.success-page .especial .step-box .i{
  margin-bottom: 24rpx;
}
.success-page .especial .step{
  display: inline-block;
  margin-right: 16rpx;
  background: #f4ce45;
  border-radius: 34rpx;
  color: #fff;
  width: 84rpx;
  height: 32rpx;
  line-height: 32rpx;
  text-align: center;
  font-size: 22rpx;
}
.success-page .especial .step-box .tips{
  color: #999;
  padding-left: 100rpx;
  margin-top: 10rpx;
  font-size: 24rpx;
}
.success-page .especial .step-box .url{
  display: inline-block;
  margin-left: 10rpx;
  color: #43b0fe;
  
}
.success-page .especial .times{
  display: block;
  background: #f2f2f2;
  height: 54rpx;
  line-height: 54rpx;
  border-radius: 54rpx;
  text-align: center;
  margin: 30rpx 0;
  color: #333;
  
}
.success-page .especial .times .color-blue{
  color: #43b0fe;
  display: inline-block;
  margin: 0 6rpx;
  font-weight: bold;
}

.success-page .qrcode-box image {
  width: 240rpx;
  display: block;
  margin: 0 auto;
}
.success-page .qrcode-box .weight{
  font-weight: bold;
  color: #333;
  display: inline-block;
  margin: 0 6rpx;
}
.success-page .qrcode-box .question{
  text-align: center;
  font-size: 24rpx;
  margin: 20rpx 0 0;
  color: #666
}
.success-page .especial .qrcode-box .tips{
  color: #999;
  font-size: 22rpx;
  text-align: center;
  padding: 18rpx 0
}

.grey-block{
  border-top: 20rpx solid #eeeff3;
}
.grey-block .containers{
  box-sizing: border-box;
  padding: 20rpx 30rpx;
  font-size: 0;
  position: relative;

}
.grey-block .containers .name{
  display: inline-block;
  width: 244rpx;
  font-size: 28rpx;
  vertical-align: top;
  margin: 0;
  line-height: 1.1rem;
  padding: 20rpx 0;
}
.grey-block .containers .cont{
  display: inline-block;
  width: calc(100% - 280rpx);
  font-size: 28rpx;
  text-align: justify;
  line-height: 1.1rem;
  min-height: 1.1rem;
  word-break: break-word;
  padding: 20rpx 0;
}
.grey-block .sign{
  display: inline-block;
  color: #FEB6AD;
  margin-left: 10rpx;
}
.torightbtn{
  position: absolute;
  right: 16rpx;
  top: 30rpx;
  width: 16rpx;
  height: 24rpx;
}
.tobottombtn{
  position: absolute;
  right: 16rpx;
  top: 30rpx;
  width: 16rpx;
  height: 24rpx;
  transform: rotateZ(90deg);
}
textarea,input{
  border:none;
  width: 100%;
}
textarea{
  height: 100rpx;
}
.grey-block .containers .torightbtn,.grey-block .containers .tobottombtn{
  top: calc(50% - 12rpx);
  right: 30rpx;
}
.grey-block .containers .titles{
 font-size: 28rpx;
 color: #666;
 position: relative;
}
.grey-block .containers .titles .torightbtn{
  right: 0;
   
}
.grey-block .containers .tips{
 font-size: 26rpx;
 color: #333;
 text-align: justify
}
.grey-block .containers input{
  width: calc(100% - 20rpx);
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: -0.15rem;

}
.grey-block .num-box{
  height: 0.95rem;
}
.grey-block .introduction{
  padding-right: 36rpx;
  text-align: justify;
  word-break:break-word;
}
.grey-block .containers input.l{
  width: 100%;
}
.grey-block .containers .textr{
  width: 100rpx;
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.1rem;
  position: absolute;
  right: 30rpx;
}
.grey-block .containers .content{
  font-size: 26rpx;
  position: relative;
  padding-top: 40rpx;
  word-break:break-word;

  
}
.grey-block .containers .load_img_box{
  margin: 40rpx -10rpx 0;
}
.grey-block .containers .content .torightbtn{
  position: absolute;
  right: 16rpx;
  top: 30rpx;
  width: 16rpx;
  height: 24rpx;
  right: 0;
  top: calc(50% + 8rpx);
}
.grey-block .information{
  font-size: 28rpx;
  color: #666;
  border-top: 20rpx solid #eeeff3;
}
.grey-block .information .name-long{
  padding:16rpx; 
  color: #333;
  font-size: 28rpx;
}
.grey-block .information textarea{
  border:1px solid #e8e8e8;
  height:120rpx;
  border-radius:10rpx;
  padding: 16rpx;
  box-sizing: border-box;
}
.grey-block .information image{
  width: 45% !important;
}
.grey-block .containers:not(:last-of-type){
  border-bottom: 1px solid #e8e8e8;
}
.grey-block .btn-boxs{
  position: fixed;
  bottom: 40rpx;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 1000;
}
.grey-block:last-child{
  padding: 20rpx 0;
}
.grey-block button{
  border-radius:84rpx;
  margin: 0 20rpx;
}
.grey-block .publish2{
  float: none;
  width: calc(100vw - 60rpx);
}

.btn-box{
  border:1px solid #e8e8e8;
  border-radius: 10rpx;
  position: relative;
  height: 100px !important;
}
.btn-box .btn {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  margin:0;

}
.save{
  display: inline-block;
  width: 42vw;
  border:1px solid #a8bed9;
  background: #fff;
  color: #a8bed9;
  font-size: 32rpx;
}
.publish{
  display: inline-block;
  border:1px solid #a8bed9;
  width: 42vw;
  float: right;
  font-size: 32rpx;
  background:#a8bed9;
  color: #fff;
}
.publish:after,.save:after{
  background: transparent;
  border:none
}

.form-page{
  padding-bottom: 80px;
}

.inform-box{
  padding: 20rpx 30rpx;
}
.inform-box .title{
  font-size: 30rpx;
  color: #333;
  margin-bottom: 16rpx;
}
.inform-box .item{
  margin-bottom: 8rpx;
  font-size: 26rpx;
  color: #999;
}