.k1{ width: 100%; height: 60px; background-color: #efaab1b7; margin-top: 70rpx; } .z1{ font-size: 25px; font-weight: bolder; position: relative; color: #ffffff; top:15px; left:20px; } .box4 { display: inline-flex; width: 160rpx; height: 160rpx; background-color: pink; border-radius: 10%; justify-content: center; align-items: center; box-shadow: -10px 10px 0px rgba(33, 2, 2, 0.1); position: relative; } .box5 { width: 100%; position: relative; margin-left: 30rpx; top: 30rpx; } .text3{ color: white; } .box6wai{ width: 20%; height: 100%; display: flex; justify-content: center; align-items: center; } .box6{ width: 120rpx; height: 50rpx; border: 1px solid #4095e5; border-radius: 50px; display: flex; align-items: center; justify-content: center; } .dingwei{ color:#4095e5; border:1px solid #4095e5; font-size: 12px; } .statues{ font-size: 13px; width: 100rpx; background-color: #4095e5; color: white; } .text{ font-weight: bolder; } .wenzi{ width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: center; } .image{ width: 100px; height: 100px; border-radius: 20px; } .kuang{ width: 90%; height: 240rpx; border: 3px solid #de868f; border-radius: 20px; margin-top: 20rpx; } .messagebox{ width: 100%; height: 100%; display: flex; } .box2{ display: flex; justify-content: center; align-items: center; margin-top: 20rpx; flex-direction: column; } .imageboxa{ width: 30%; height: 100%; display: flex; justify-content: center; align-items: center; }