page { background: #f7f7f7; } .mian { margin-top: 3rpx; width: 100%; height: 94rpx; background: #fff; display: flex; align-items: center; } .search { /* margin-top: 17rpx; */ width: calc(100% - 60rpx); height: 66rpx; margin-left: 30rpx; background: rgba(242, 242, 242, 1); border-radius: 33rpx; display: flex; align-items: center; justify-content: center; } .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); } button { width: 53rpx; height: 28rpx; padding: 0; border-radius: 0; line-height: 28rpx; } button::after { border-radius: 0px; border: none; } /* 列表 */ .list-item { margin-top: 16rpx; padding-top: 30rpx; width: 100%; height: 170rpx; background: #fff; } .list-item .list-name { width: calc(100% - 60rpx); margin-left: 30rpx; font-size: 34rpx; font-weight: 500; color: rgba(51, 51, 51, 1); } .list-item .list-position { width: calc(100% - 60rpx); margin-left: 30rpx; height: 26rpx; margin-top: 35rpx; display: flex; align-items: center; } .list-item .list-position image{ width: 30rpx; height: 22rpx; } .list-item .list-position .list-position-name{ margin-left: 10rpx; font-size:26rpx; font-weight:500; color:rgba(170,170,170,1); line-height:26rpx; }