/* pages/apply/index.wxss */ .inComeUnit{ border:1rpx solid #ddd; width:90%; margin:0 auto; } .top{ display: flex; width: 94%; margin: 0 auto; background-color: #ffffff; border-radius: 10rpx; margin-top: 3vw; overflow: hidden; } .top view{ padding: 40rpx 15rpx; align-items: center; justify-content: center; position: relative; } .top image{ position: absolute; width: 94%; } .top-title{ flex: 1; text-align: center; } .top-tit{ color: #fff; } .rules:before{ content:'*'; color:red; } .rules.no::before{ content:' '; padding-left: 14rpx; color:'#fff'; } main-title{ background-image: linear-gradient(to right, #2C8E68 , #B3DB62); color: #ffffff; font-size: 18rpx; padding: 10rpx 0; text-align: center; } .main-box{ background: #ffffff; padding: 20rpx 20rpx 10rpx; width: 94%; margin: 0 auto; border-radius: 10rpx; box-shadow: 0px 5rpx 5rpx rgba(0, 0, 0, 0.16); } .main-box block{ float: right; } .main-box .color-gray{ color: #888; } .title{ padding: 10rpx calc(3% + 20px); color : #07c160; margin-top:30rpx; font-size:30rpx; } .table-box view{ } .table-box text{ /* line-height: 55rpx; */ } .table-box .flex-block{ line-height: 55rpx; margin-bottom: 5rpx; display: flex; justify-content: space-between; } .table-box .rules{ width: 200rpx; } .table-box .picker_wrap{ /* display: flex; justify-content: flex-end; align-items: center; */ } .table-box .picker{text-align: right;} .table-box .wrap{flex:1; text-align: right;} .fjLable{ display: flex; width:24px; margin:25rpx 5rpx; color:#fff; background:#07c160; text-align: center; border-radius: 10rpx; justify-content: center; /* 相对父元素水平居中 */ align-items: center; padding:25rpx 0; } .content { width: 100%; background-color: #fff; } .img-list { display: flex; display: -webkit-flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; } .img-item { width: 30%; text-align: left; margin-right: 3%; margin-bottom: 10rpx; position: relative; } .img-item .close-ico{ position: absolute; right: -10rpx; top: -10rpx; } .img-item .imagea { width: 160rpx; height: 160rpx; } .submit-btn { width: 100%; background-color: #fff; height: 80rpx; text-align: center; line-height: 80rpx; font-size: 30rpx; position: fixed; bottom: 100rpx; } .chooseimg { height: 160rpx; background-color: #fff; display: flex; justify-content: center; /* 相对父元素水平居中 */ align-items: center; } .weui-uploader__input-box { float: left; position: relative; /* margin-right: 9rpx; margin-bottom: 9rpx; */ width: 120rpx; height: 120rpx; border: 1px solid #d9d9d9; } .weui-uploader__input-box:before { width: 2px; height: 39.5px; } .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:after { width: 39.5px; height: 2px; } .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; } .tips { color: #666; font-size: 24rpx; padding-bottom: 20rpx; } .img-box { width: 92%; margin: auto; padding-top: 20rpx; } .btn button{ line-height: 1.7; padding-left:80rpx; padding-right:80rpx; border-radius: 30rpx; }