.card { box-sizing: border-box; height: 0; position: relative; width: 100%; z-index: 100; } .card-bgImg { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .area-box { background: none!important; white-space: nowrap; z-index: 111; } .area-box image { height: 100%; width: 100%; } .card-info { margin-top: 15rpx; padding-bottom: 100rpx; width: 100%; } .card-title { background: #fff; font-size: 30rpx; padding: 15rpx; width: 100%; } .row { background: #fff; } .row,.row-ver { border-bottom: 1rpx solid #f5f5f5; display: flex; } .row-ver { background-color: #fff; flex-direction: column; padding: 15rpx; } .row-ver:nth-child(1) { padding: 15rpx 15rpx 7.5rpx; } .row-ver:last-child { padding: 7.5rpx 15rpx 15rpx; } .item-title { color: grey; flex: 1; font-size: 32rpx; line-height: 50rpx; } .item-title-box { flex-direction: row; justify-content: space-between; margin-top: 7.5rpx; } .item-input,.item-title-box { align-items: center; display: flex; } .item-input { box-sizing: border-box; flex: 4; margin-top: 15rpx; } .item-input input { color: #333; font-size: 32rpx; height: 50rpx; text-align: left; width: 100%; } .item-input image { max-width: 70%; } .item-code-input image { max-height: 160rpx; max-width: 35%; } .hide-link { background: rgba(0,0,0,.6); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1000; } .hide { background: #fff; border-radius: 10rpx; flex-direction: column; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); width: 60%; } .hide,.hide-btn { align-items: center; display: flex; justify-content: center; } .hide-btn { background: #1d7ff0; border-bottom-left-radius: 10rpx; border-bottom-right-radius: 10rpx; color: #fff; font-size: 30rpx; height: 60rpx; width: 50%; } .hide-btn:nth-child(1) { background: #e6b980; border-bottom-left-radius: 10rpx; border-bottom-right-radius: 0rpx; } .hide-btn:last-child { border-bottom-left-radius: 0rpx; border-bottom-right-radius: 10rpx; } .hide-text { color: #000; font-size: 36rpx; padding: 50rpx 30rpx; } .hide-title { color: #ffc107; font-size: 43rpx; padding: 10rpx; } .hide-btn-box { display: flex; justify-content: space-between; width: 100%; } .input-box { width: 100%; } .content-box { align-items: center; display: flex; flex-direction: column; justify-content: center; padding: 15rpx; width: 100%; } .cuIcon-cameraadd { font-size: 60rpx; } .card-img-box { align-items: center; display: flex; flex-direction: row; justify-content: space-between; margin-right: 40rpx; } .card-img-box image { height: 200rpx; width: 200rpx; } .hint-txt { color: #fd9494; font-size: 24rpx; text-align: right; } .wrap-line { white-space: pre-line; } .wrap-center { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }