.content{ .tab{ height: 80upx; &::after{ display: block; clear: both; content: ""; } .item{ float: left; width: 25%; height: 80upx; text-align: center; line-height: 80upx; text{ display: inline-block; height: 100%; padding: 0 20upx; box-sizing: border-box; font-size: 28upx; color: #333; } &.active{ text{ border-bottom: 1px solid #007AFF; color:#007AFF ; } } } } .search{ height: 100upx; display: flex; justify-content: space-between; align-items: center; padding: 0 28upx 0 60upx; .inp{ display: flex; justify-content:flex-start; align-items: center; height: 60upx; .search-inp{ height: 100%; margin-left: 14upx; display: inline-block; font-size: 24upx; color: #999999; &::-webkit-input-placeholder { font-size: 24upx; color: #999999; } } } .searchBt{ button{ width: 130upx; height: 60upx; line-height: 60upx; background-color: #3384FF; text-align: center; color: #fff; font-size: 24upx; } } } .tab-cont{ &{ // background-color:#F5F5F5; padding-bottom: 30upx; } .item-container{ .item{ position: relative; padding: 20upx; background-color: #fff; // margin-bottom: 10upx; border-bottom: 1upx solid #eaeaea; .avatar{ overflow: hidden; position: absolute; left: 20upx; top: 20upx; &,.pic{ width: 86upx; height: 86upx; border-radius: 50%; } } .item-info{ margin-left: 120upx; line-height: 1; .doctor{ display: flex; justify-content: space-between; align-items: center; .lf{ &{ display: flex; justify-content: flex-start; align-items: center; } .name{ color: #333; font-size: 30upx; max-width: 300upx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .status{ height: 28upx; line-height: 28upx; padding: 0 10upx; background-color: #409eff; color: #fff; margin-left: 20upx; font-size: 22upx; } } .diagnose-status{ height: 50upx; color: #409eff; line-height: 50upx; } } .jobTitle-box{ color: #666; font-size: 26upx; padding-top: 24upx; .jobTitle{ padding-right: 20upx; } } .doctorHospital{ color: #424242; padding-top: 10upx; font-size: 28upx; } .time{ color: #999; font-size: 28upx; padding-top: 24upx; } } } } } .zhcx-modal{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; overflow-y: auto; z-index:999; } }