.worker_search { width: 100%; height: 110rpx; position: relative; z-index: 1; padding: 16rpx 30rpx 0 30rpx; box-sizing: border-box; box-shadow: 0 4rpx 16rpx 0 rgba(0, 0, 0, 0.03); border-radius: 20rpx; background: #ffffff; margin-bottom: 20rpx; } .worker_search_con { display: flex; justify-content: space-between; align-items: center; padding: 0 30rpx; border-radius: 80rpx; background: #F2F5F9; } .worker_search_con input { flex: auto; width: 100%; background: none; border: none; height: 78rpx; } .worker_search_con view { flex: none; width: 100rpx; display: inline-block; line-height: 60rpx; font-size: 26rpx; } .worker_search_con view text { margin-right: 10rpx; font-size: 30rpx; } .query_list { padding: 20rpx 20rpx 100rpx 20rpx; } .query_item { display: flex; background-color: #ffffff; line-height: 34rpx; color: #333333; font-size: 24rpx; border-radius: 16rpx; position: relative; margin-bottom: 20rpx; padding: 0 22rpx; } .query_item_txt { padding: 20rpx 0; } .query_item_label { color: #999999; } .query_zc { color: #18BC33; } .query_jb { color: #F58329; } .query_wx { color: #F22424; } .query_btn { border-radius: 100rpx; width: 158rpx; height: 58rpx; line-height: 58rpx; color: var(--color); text-align: center; font-size: 24rpx; position: absolute; bottom: 20rpx; right: 22rpx; background: rgba(45, 89, 230, 0.15); } .querLabel{ display: flex; background: #fff; padding: 22rpx; border-bottom: 2.5rpx solid #f5f5f5; justify-content: space-between; } .querLabel>text{ color: #000; font-size: 32rpx; } .querLabel > view{ position: relative; } .querLabel image{ width: 45rpx; height: 45rpx; } .querLabel .label{ display: flex; } .querLabel .status{ display: none; width: 100%; position: absolute; top: 34rpx; z-index: 99; background: #fff; } .addLabel{ text-align: center; padding: 30rpx; position: fixed; bottom: 0; width: 100%; background-color: var(--color); color: #fff; } .scrollText{ display: flex; } .edit,.del{ flex-grow: 0; color: #fff; width: 170rpx; line-height: 80rpx; text-align: center; } .del{ background-color: #fe3e2f; } .edit{ background-color: var(--color); } .query_item .info{ flex-grow: 1; width: 100%; margin-left: -360rpx; background-color: #fff; } .query_item .info ,.query_item .del,.query_item .edit{ transform: translateX(370rpx); transition: all 0.4s; } .query_item .del,.query_item .edit{ padding: 50% 0; } .touch-move-active .info,.touch-move-active .del,.touch-move-active .edit { -webkit-transform: translateX(0); transform: translateX(0); }