page { background-color: #f8f8f8; } .head_tabs_view { background-color: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 100; box-shadow: 0px 3px 7px rgba(206, 206, 206, 0.25); } .cc_scroll_loading_view { padding: 260rpx 30rpx 0 30rpx; padding-bottom: calc(210rpx + constant(safe-area-inset-bottom)); padding-bottom: calc(210rpx + env(safe-area-inset-bottom)); } .arrears_fees_view { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } .arrears_fees_view .item { width: 48%; background-color: #fff; border-radius: 10rpx; margin-top: 30rpx; } .arrears_fees_view .toDetail { padding: 20rpx 0; border-top: 1rpx solid #eee; color: #0082fa; text-align: center; font-size: 28rpx; margin-top: 10rpx; } .arrears_fees_view .card_title { font-size: 32rpx; font-weight: 550; padding: 20rpx 20rpx 15rpx 20rpx; display: flex; align-items: self-start; } .arrears_fees_view .card_fee { color: #df3600; font-size: 28rpx; font-weight: 550; padding: 0 20rpx 15rpx 20rpx; } .arrears_fees_view .card_time { padding-bottom: 15rpx; color: #666; font-size: 24rpx; padding: 0 20rpx 5rpx 20rpx; } .footer { position: fixed; bottom: 0; left: 0; right: 0; padding-bottom: calc(22rpx + constant(safe-area-inset-bottom)); padding-bottom: calc(22rpx + env(safe-area-inset-bottom)); background-color: #fff; } .footer .footer_view { display: flex; align-items: center; justify-content: space-between; padding: 20rpx 30rpx 0 30rpx; } .footer .footer_view .all_select_btn { padding-right: 30rpx; font-size: 28rpx; display: flex; align-items: center; color: #666; } .footer .footer_view .notice_btn_view { flex: 1; display: flex; align-items: center; text-align: center; font-size: 28rpx; } .footer .footer_view .notice_btn_view .btn { background-color: #0082fa; color: #fff; width: 50%; border: 1px solid #0082fa; padding: 25rpx 0; } .footer .footer_view .notice_btn_view .btn:first-child { color: #0082fa; background-color: #fff; border-top-left-radius: 100rpx; border-bottom-left-radius: 100rpx; } .footer .footer_view .notice_btn_view .btn:last-child { border-top-right-radius: 100rpx; border-bottom-right-radius: 100rpx; }