ypg-xcx/pages/mine/wxml/submitinfo/submitinfo.wxss

/* pages/mine/wxml/submitinfo/submitinfo.wxss */
.container{
  width: 100%;
  background: #f1f1f1;
}
.title{
  padding: 20rpx 30rpx;
  width: 100%;
  box-sizing: border-box;
}
.title .title-text{
  font-size:30rpx;
}
.title text{
  color: #666;
  font-size:22rpx;
}
form{
  width: 100%;
}
.user-info-form{
  width: 100%;
  box-sizing: border-box;
  padding: 0 30rpx;
  font-size: 30rpx;
  background: #fff;
}
.user-info-form .input-box{
  border-bottom: 1px solid #f1f1f1;
  padding: 20rpx 0;
  position: relative;
}
.user-info-form picker{
 float: left;
}
.user-info-form picker .picker{
  line-height: 56rpx;
  font-size: 28rpx;
}
.user-info-form view::after{
  content: "";
  display: block;
  clear: both;
}
.user-info-form text{
  float: left;
  width: 200rpx;
  line-height: 53rpx;
}
.user-info-form input{
  float: left;
  font-size: 26rpx;
  margin-right: 5rpx;
}
.user-info-form icon{
  position: absolute;
  right: 100rpx;
  top: 50%;
  margin-top: -10px;
}
.prompt{
 padding: 50rpx 30rpx;
 position: relative;
}
.prompt .prompt-line{
  width: 100%;
  border-bottom: 1px solid #999;
  display: block;
}
.prompt .prompt-text{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -162rpx;
  margin-top: -26rpx;
  padding: 10rpx 30rpx;
  font-size: 24rpx;
  color: #666;
  background: #f1f1f1;
}
form button{
  margin: 0 30rpx 20rpx;
}
.up-load-img{
  margin-top: 20rpx;
  
}
.up-load-img .img-box{
  margin-bottom: 20rpx;
  padding: 20rpx 30rpx;
  background: #fff;
}
.up-load-img .img-box .img-title{
  font-size: 30rpx;
  margin-bottom: 10rpx;
}
.up-load-img .img-box .img-tips{
  font-size: 22rpx;
  color: #fca677;
  margin-bottom: 10rpx;
}
.up-load-img .img-box .img-tips::after{
  content: "";
  display: block;
  clear: both;
}
.up-load-img .img-box .img-tips icon,.up-load-img .img-box .img-tips text{
  float: left;
}
.up-load-img .img-box .img-tips icon{
  margin-right: 10rpx;
}
.up-load-img .img-box .img-photo{
  position: relative;
}
.up-load-img .img-box .img-photo image{
  width: 100%;
  height: 435rpx;
  display: block;
  border-radius: 35rpx;
  background: #f1f1f1;
}
.up-load-img .img-box .img-photo button{
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: none;
}
.up-load-img .img-box .img-photo button:after{
  border: 0;
}