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; }