.transfer-task { padding: 15rpx 22rpx; .search-type { margin-bottom: 15rpx; .search-bar { width: 345rpx; height: 60rpx; padding-right: 17rpx; background: #ffffff; border-radius: 10rpx; .icon-juxing1 { font-size: 30rpx; color: #919399; margin-left: 17rpx; margin-right: 13rpx; } .uni-input { font-size: 18rpx; color: #484b59; } .icon-a-juxing11 { font-size: 30rpx; color: #c6c7cc; } } .title { font-size: 18rpx; color: #292b33; font-weight: bold; margin-bottom: 10rpx; } } .list { .box { position: relative; padding: 15px 17rpx 20rpx 17rpx; background: #ffffff; box-shadow: 0px 3rpx 3rpx 0px rgba(198, 199, 204, 0.3); border-radius: 10rpx; margin-bottom: 15rpx; flex-wrap: wrap; .bor { height: 1px; background-color: #f0f0f2; color: #f0f0f2; margin-bottom: 10rpx; } .input-box { margin-bottom: 11rpx; flex: 0 0 50%; .label { width: 114rpx; font-size: 17rpx; color: #919399; white-space: nowrap; } .text { font-size: 17rpx; color: #484b59; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .tt { font-size: 17rpx; color: #1969f9; } } .btn { position: absolute; right: 17rpx; bottom: 12rpx; width: 68rpx; height: 30rpx; background: #1969f9; border-radius: 8rpx; font-size: 15rpx; color: #ffffff; } } } .list-style { flex-wrap: wrap; .box { position: relative; width: 345rpx; padding: 15px 17rpx 20rpx 17rpx; background: #ffffff; box-shadow: 0px 3rpx 3rpx 0px rgba(198, 199, 204, 0.3); border-radius: 10rpx; margin-bottom: 15rpx; flex-wrap: wrap; .input-box { margin-bottom: 11rpx; .bor { height: 1px; background-color: #f0f0f2; color: #f0f0f2; margin-bottom: 10rpx; } .label { width: 114rpx; font-size: 17rpx; color: #919399; white-space: nowrap; } .text { font-size: 17rpx; color: #484b59; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .tt { font-size: 17rpx; color: #1969f9; } } .btn { position: absolute; right: 17rpx; bottom: 12rpx; width: 68rpx; height: 30rpx; background: #1969f9; border-radius: 8rpx; font-size: 15rpx; color: #ffffff; } } } } ::v-deep .uni-drawer__content { width: 85% !important; } .uni-drawer-tally-receive-detail { width: 100%; background-color: #ffffff; padding: 22rpx 22rpx 0 22rpx; .title { position: relative; .iconfont { position: absolute; left: 0; top: 0; font-size: 30rpx; color: #292b33; } .text { font-size: 23rpx; color: #292b33; font-weight: bold; } } .field-item { flex-wrap: wrap; .item { flex: 0 0 50%; margin-bottom: 8rpx; .label { width: 114rpx; font-size: 16rpx; color: #919399; } .text { font-size: 16rpx; color: #1969f9; margin-left: 6rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 176rpx; } .tt { font-size: 16rpx; color: #484b59; margin-left: 6rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 176rpx; } } } .form-input { margin-bottom: 18rpx; .input-title { margin-bottom: 10rpx; .input-title-t1 { font-size: 16rpx; color: #484b59; font-weight: bold; } .arrow { color: #1969f9; font-size: 16rpx; font-weight: bold; } } .input-box { .uni-input { height: 55rpx; background: #ffffff; border-radius: 10rpx; border: 1px solid #1969f9; text-indent: 15rpx; font-size: 16rpx; } } .input-box-search { padding-right: 18rpx; height: 55rpx; background: #ffffff; border-radius: 10rpx; border: 1px solid #1969f9; .icon-juxing1 { font-size: 30rpx; color: #919399; margin-left: 17rpx; margin-right: 13rpx; } .uni-input { font-size: 18rpx; color: #484b59; } .icon-a-juxing11 { font-size: 30rpx; color: #c6c7cc; } } } .item-tit { font-size: 20rpx; color: #292b33; font-weight: bold; margin-bottom: 18rpx; } .bor { height: 1px; background-color: #f0f0f2; margin-bottom: 17rpx; } .btn { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 99; .btn1 { width: 50%; height: 75rpx; background: #f5f5f7; font-size: 23rpx; color: #1969f9; } .btn2 { width: 50%; height: 75rpx; background: #1969f9; font-size: 23rpx; color: #ffffff; font-weight: bold; } } }