page { background: #f7f7f7; } .delivery { display: flex; flex-flow: column nowrap; .searchBox { display: flex; align-items: center; background: #ffffff; padding: 8px 24px; } .listBox { background-color: #f7f7f7; } .itemBox { margin-left: 24px; background: #ffffff; border-radius: 16px; display: flex; align-items: center; margin-top: 24px; box-sizing: border-box; .cussName { margin-left: 48px; width: 168px; height: 34px; font-size: 28px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #000000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .phone { margin-left: 88px; font-size: 28px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #000000; } .woker { margin-left: 88px; font-size: 28px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #000000; } } .acticveitemBox { margin-left: 24px; width: 702px; height: 104px; background: #ffffff; border-radius: 16px; display: flex; align-items: center; margin-top: 24px; box-sizing: border-box; border: 1px solid #337fff; .cussName { margin-left: 48px; width: 168px; height: 34px; font-size: 28px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #000000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .phone { margin-left: 88px; font-size: 28px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #000000; } .woker { margin-left: 88px; font-size: 28px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #000000; } } } .scanHandler{ width: 40px; height: 40px; position: absolute; right: 40px; } .icon__filter{ padding: 0 20px; padding-right: 10px; }