prevent_drowning_app/static/style.css

.flex{display: flex;}
.flexc{display: flex;align-items: center;}
.flexcc{display: flex;align-items: center;justify-content: center;}
.flex1{flex: 1;}
.flex0{flex: 0 0 auto;}
.flex01{flex: 0 1 auto;}
.flexcj{display: flex;align-items: center;justify-content: space-between;}
.flexcw{flex-wrap: wrap;display: flex;align-items: center;}
.flexccc{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.flexjd{display: flex;justify-content: flex-end;}
.flexdc{display: flex;flex-direction: column;}
.flext{display: flex;align-items: flex-start;}
.flexe{display: flex;justify-content: flex-end;}
image{display: block !important;}
.shax {font-size: 30rpx;color: #666;text-align: center;padding: 20rpx 0;}

.overh{overflow: hidden;}
.overa{overflow: auto;}
.over{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.overtwo{word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
.bgbox{background-color: rgba(0, 0, 0, 0.5);position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 5;}
/* .rfbtns{position: fixed;left: 0;right: 0;bottom: 0;height: 100rpx;background: #0BC872;font-weight: bold;display: flex;align-items: center;justify-content: center;font-size: 30rpx;color: #FFFFFF;} */
.abtns{width: 100%;height: 88rpx;background: #0256FD;border-radius: 20rpx;font-weight: bold;font-size: 26rpx;color: #FFFFFF;display: flex;align-items: center;justify-content: center;}
.txr{text-align: right;}

.cofe{color: #FE5A0E !important;}
.co02{color: #0256FD;}
.pr{position: relative;}
.plr12{padding: 0 24rpx;}
.fw{font-weight: bold;}
.fw5{font-weight: 500;}
.mr28{margin-right: 56rpx;}
.mt50{margin-top: 100rpx;}
.mr6{margin-right: 12rpx;}
.mr8{margin-right: 16rpx;}
.mb2{margin-bottom: 4rpx;}
.mb4{margin-bottom: 8rpx;}
.mb5{margin-bottom: 10rpx;}
.mb8{margin-bottom: 16rpx;}
.mb10{margin-bottom: 20rpx !important;}
.mb12{margin-bottom: 24rpx;}
.mb14{margin-bottom: 28rpx;}
.mb15{margin-bottom: 30rpx;}
.mb30{margin-bottom: 60rpx;}