/* pages/message/message.wxss */ /**index.wxss**/ page { background-color: #f6f6f6; height: 100%; } .search-container{ display: flex; justify-content: space-between; align-items: center; padding: 10rpx 20rpx; box-sizing: border-box; background-color: #ffffff; } .search-left{ background-color: #ffffff; flex: 2; border-radius: 40rpx; padding-right: 40rpx; box-sizing: border-box; border:1px solid black ; } .search-left input{ display: inline-block; vertical-align: middle; width: calc(100% - 88rpx); } .search-right{ height: 18px; padding: 10rpx; background-color: rgb(255,140,0); border:1px solid #FF8C00 ; border-radius: 40rpx; text-align:center; color:#ffffff; } .tab-container { display: flex; justify-content: center; align-items: center; padding: 10rpx 0; color: #b7c7d6; background-color: #ffffff; } .tab-container .default { margin-right: 25rpx; padding: 5rpx 15rpx; } .expend-active { color: #0ca168; border-bottom: 2px solid #0ca168; } .earning-active { color: #ff6b6a; border-bottom: 2px solid #ff6b6a; } .transaccount-active { color: #abcdef; border-bottom: 2px solid #abcdef; } .ordertext1{ border: 1px solid #b9b2b2; border-radius: 10px; margin: 20px; background-color: #ffffff; } .order{ } .order1{ margin: 10px; padding: 5px; color:#515153 ; display: flex; font-size: 15px; justify-content: space-between; align-items: center; } .order1_span2{ text-align: end; } .borderline{ border-bottom: 1px solid #a0a0a4; width: 80%; margin: 0 40px; } .content{ color: #515153; margin: 5px; padding:10px; font-size: 15px; }