jzlife_wx_servant/pages/pre/diyPreviewing/diypreviewing.wxss

page {
  height: 100%;
  width: 100%;
}

.container { 
  height: auto;
  overflow: hidden; 
  padding:20rpx;
}

.confirmTxt{ 
  text-align: left;
  font-weight: 500;
  font-size: 18px;   
   height: 66rpx;
  line-height: 66rpx; 
  padding-right: 20rpx;
  color: #333;
}

.item{ 
  display: flex;
  margin: 20rpx 0;

}
.txt{
  flex: 1;
  height: 66rpx;
  line-height: 66rpx;   
  text-align: right;
  padding-right: 20rpx;
  color: #333;
}
.input{
  flex: 4;
  height: 72rpx;
  border: 1rpx solid #ccc;    
  font-size: 36rpx;
  padding-left: 10rpx;
  color:#333
}
.address{
	flex: 4;
  height: 162rpx;
  border: 1rpx solid #ccc;    
  font-size: 36rpx;
  padding-left: 10rpx;
  color:#333
}

.item-btn{
  display:flex;
  justify-content: center;
  /* position: absolute; */
  /* bottom: 20rpx; */
  /* width: 100%;  */
  /* border-top: 1rpx solid #ccc;  */
  /* left: 0; */
}

.btn {
  margin-top: 30rpx;
  height: 96rpx;
  line-height: 96rpx;
  width: 300rpx; 
  color: #fff;
  font-size: 30rpx;
  background-color: #09AFFF;
  border-radius: 10rpx;
  letter-spacing: 3rpx;
} 

.action{
  height: 30rpx;
  width: 30rpx;
  float: right; 
  color: #b4282d;
  border-radius: 50%;  
  margin-top: -10rpx;
} 

.picker{
  height: 100%;   
  position: absolute;
  bottom: 20rpx;
  background-color: #fff;
  right: 10rpx;
  left: 10rpx;
}

.category{
  border:1rpx solid #ccc;
  padding: 10rpx;
  margin: 20rpx 0;
  border-radius: 10rpx;
}

.list{
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   /* min-height: 200rpx; */
   justify-content: flex-start;
}

.label{
   border-radius: 10rpx;
   padding: 10rpx 20rpx; 
   height: 50rpx;
   line-height: 50rpx;
   border: 1rpx solid #ccc;
   background-color:#09AFFF;
   color: #333;
   text-align: center;
   margin-right: 10rpx; 
   margin-top: 10rpx;
   /* width: 25.5%; */
}

.title{
  font-size: 36rpx;
  font-weight: 600;
  color: #333;
  margin: 10rpx 0;
}



.view{
  border-bottom: 1rpx solid #ccc;
  padding-bottom: 20rpx;
}
.view .content{
  display: flex;
  flex-wrap: wrap; 
  justify-content: flex-start;
}
.span{  
  padding: 0rpx 20rpx;
  height: 50rpx;
  line-height: 50rpx; 
  color: #09AFFF;
  text-align: center;
  margin-right: 10rpx;  
}

.right{
  float: right;
}





.form-item {
  position: relative;
  background: #fff;
  height: 76rpx;
  padding-top: 20rpx; 
  display: flex;
}   
.captcha{ 
width: 70%;
height: 76rpx;
line-height: 76rpx;
border: 1rpx solid #ccc; 
font-size: 36rpx; 
color:#333
}
.form-item-getPhone { 
  height: auto;
  float: right;  
  border-radius: 6rpx;
  color: #333; 
  font-size: 30rpx;
}



.weui-uploader {
  margin-top: 50rpx;
}

.weui-uploader__hd {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding-bottom: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.weui-uploader__title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

.weui-uploader__info {
  color: #b2b2b2;
}

.weui-uploader__bd {
  margin-bottom: -4px;
  margin-right: -9px;
  overflow: hidden;
}

.weui-uploader__file {
  float: left;
  margin-right: 9px;
  margin-bottom: 9px;
}

.weui-uploader__img {
  display: block;
  width: 79px;
  height: 79px;
}

.weui-uploader__file_status {
  position: relative;
}

.weui-uploader__file_status:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.weui-uploader__file-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
}

.weui-uploader__input-box {
  float: left;
  position: relative;
  margin-right: 9px;
  margin-bottom: 9px;
  width: 77px;
  height: 77px;
  border: 1px solid #d9d9d9;
}

.weui-uploader__input-box:after, .weui-uploader__input-box:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #d9d9d9;
}

.weui-uploader__input-box:before {
  width: 2px;
  height: 39.5px;
}

.weui-uploader__input-box:after {
  width: 39.5px;
  height: 2px;
}

.weui-uploader__input-box:active {
  border-color: #999;
}

.weui-uploader__input-box:active:after, .weui-uploader__input-box:active:before {
  background-color: #999;
}

.weui-uploader__input {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}