page { background: #f7f7f7; } .top { margin-top: 3rpx; width: 100%; height: 94rpx; background: #fff; display: flex; justify-content: center; } .topbk { position: absolute; width: 100%; height: 376rpx; top: 0rpx; } .search { /* margin-top: 17rpx; */ width: calc(100% - 60rpx); height: 66rpx; background: rgba(255, 255, 255, 1); border-radius: 33rpx; display: flex; align-items: center; justify-content: center; position: absolute; } .search .item-all { height: 30rpx; width: 100%; width: calc(100% - 60rpx); display: flex; align-items: center; justify-content: space-between; } .search .item-all .item-left { /* background: red; */ width: calc(100% - 73rpx); height: 30rpx; border-right: 1rpx solid #BFBFBF; display: flex; align-items: center; justify-content: space-between; } .search .item-all .item-left image { width: 30rpx; height: 28rpx; } .search .item-all .item-left input { width: calc(100% - 41rpx); height: 30rpx; font-size: 28rpx; color: #333; } .placeholder-style { font-size: 28rpx; font-weight: 500; color: rgba(168, 168, 168, 1); } .search .item-all .item-right { font-size: 28rpx; font-weight: 500; color: rgba(51, 51, 51, 1); background-color: #fff; } button { width: 100rpx; height: 58rpx; padding: 0; border-radius: 0; line-height: 58rpx; } button::after { border-radius: 0px; border: none; } /* 列表 */ .dept-list { display: grid; grid-template-columns: 1fr; place-items: center; gap: 30rpx 0; width: 690rpx; padding: 20rpx 0; margin: 296rpx auto 0rpx; /* position: absolute; top: 296rpx; left: 30rpx; */ } .list-item { width: 100%; height: 130rpx; background: #fff; display: flex; justify-content: space-between; align-items: center; border-radius: 14rpx; } .list-item .list-name { font-size:32rpx; font-family:PingFang SC; font-weight:bold; color:rgba(51,51,51,1); margin-left: 40rpx; } .list-item .list-arrow { width: 16rpx; height: 26rpx; margin-right: 42rpx; }