.notice_box { width: calc(100% - 40rpx); padding: 20rpx; } .box_platter { margin: 0rpx 20rpx 20rpx 20rpx; padding: 50rpx; background-color: #fff; border-radius: 20rpx; } .ter_input { padding-bottom: 10rpx; border-bottom: 1rpx solid #f5f5f5; } .tabs_card_ter { display: flex; justify-content: space-between; align-items: center; margin-top: 20rpx; } .btn_ter { margin-top: 30rpx; width: 100%; padding: 26rpx 0rpx; border-radius: 50rpx; background-color: rgba(1, 1, 1, 1); color: rgba(213, 189, 157, 1); } .card_calendar { padding: 30rpx; padding-bottom: 0 !important; padding-bottom: constant(safe-area-inset-bottom) !important; padding-bottom: env(safe-area-inset-bottom) !important; } .card_four { position: absolute; top: -60rpx; width: 100%; height: auto; } .card_column { position: absolute; bottom: 0; width: calc(100% - 40rpx); height: auto; border-radius: 20rpx; background-color: #fff; padding: 20rpx; } .card_era_ial { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .era_item { color: #a3a3a3; font-size: 46rpx; width: 140rpx; padding: 10rpx 0rpx; border-radius: 40rpx; } .activate_title { color: #fff; background-color: #b2955d; } .arrows_box { position: absolute; bottom: -54rpx; border: 24rpx solid transparent; border-top: 36rpx solid #ffffff; } .box_date { font-size: 30rpx; padding: 20rpx 10rpx; border-bottom: 1rpx solid #f5f5f5; } .title_time { font-size: 22rpx; color: #9e9e9e; } .save_title { color: #333333; font-size: 28rpx; margin-right: 10rpx; } .marginTop_10 { margin-top: 10rpx; } .name_title { color: #333; margin-right: 10rpx; font-size: 30rpx; } .box_clock { padding: 20rpx 0rpx; } .card_clock_box { margin-left: 40rpx; } .card_prin { display: flex; align-items: center; justify-content: space-around; flex-wrap: wrap; } .cipal_box_flexil { flex: 0 0 25%; font-size: 32rpx; display: flex; justify-content: flex-start; align-items: center; }