property/user_ui/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;}
.flexat{display: flex;align-items: flex-start;}
.flexe{display: flex;justify-content: flex-end;}
.flext{display: flex;align-items: flex-start;}
image{display: block !important;}
.bgbox{background-color: rgba(0, 0, 0, 0.5);position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 5;}
.clearf::after {
  content: "";
  display: block; 
  clear: both;
}
.w50{width: 50%;}
.mw50{min-width: 50%;}
.fw5{font-weight: 500;}
.txr{text-align: right;}
.txc{text-align: center;}
.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;}
.navbg{width: 100%;position: absolute;left: 0;right: 0;top: 0;z-index: 0;}
.shax {font-size: 30rpx;color: #666;text-align: center;padding: 20rpx 0;}
.rhbtn{width: 100%;height: 88rpx;display: flex;align-items: center;justify-content: center;
font-weight: bold;font-size: 26rpx;color: #FFFFFF;background: #0256FD;border-radius: 20rpx;}
.rfbtn{height: 100rpx;display: flex;align-items: center;justify-content: center;font-weight: bold;position: fixed;left: 0;right: 0;bottom: 0;z-index: 4;font-size: 26rpx;color: #FFFFFF;background: #0156FE;}
.linetit{width: 14rpx;height: 48rpx;background: #0256FD;border-radius:0 12rpx 12rpx 0;margin-right: 18rpx;}
.spdel{width: 164rpx;background: #EA2D2D;font-weight: bold;font-size: 26rpx;color: #FFFFFF;display: flex;align-items: center;justify-content: center;position: absolute;right: -146rpx;top: 0;bottom: 0;padding-left: 14rpx;}
.delleft{background-color: #ffffff;border-radius: 20rpx;position: relative;z-index: 1;width: 100%;}
.pr{position: relative;}
.noimg{width: 251rpx;height: 292rpx;margin: 100rpx auto;display: block;}
.pdlr12{padding: 0 24rpx;}
.plr15{padding: 0 30rpx;}
.tdu{text-decoration: underline;}
.lh18{line-height: 36rpx;}
.f12{font-size: 24rpx;}
.f13{font-size: 26rpx;}
.f18{font-size: 36rpx;}
.coa{color: #aaaaaa;}
.co6{color: #666666;}
.co27{color: #272727 !important;}
.co01{color: #0156FE !important;}
.cofe{color: #FE5A0E;}
.co28{color: #28C529;}
.coff{color: #FF6969 !important;}
.co05{color: #0556F6;}
.co025{color: #0256FD !important;}
.co16{color: #16BE7F;}
.cof4{color: #F40027 !important;}

.plr2{padding: 0 4rpx;}
.plr5{padding: 0 10rpx;}
.plr12{padding: 0 24rpx;}
.plr15{padding: 0 30rpx;}
.pr35{padding-right: 70rpx;}
.pt10{padding-top: 20rpx;}
.pt16{padding-top: 32rpx;}
.pt40{padding-top:80rpx;}
.ml2{margin-left: 4rpx;}
.ml8{margin-left: 16rpx;}
.ml10{margin-left: 20rpx;}

.mr2{margin-right: 4rpx;}
.mr12{margin-right: 24rpx;}
.mr18{margin-right: 36rpx;}
.mb2{margin-bottom: 4rpx;}
.mb4{margin-bottom: 8rpx;}
.mb5{margin-bottom: 10rpx;}
.mb6{margin-bottom:12rpx;}
.mb7{margin-bottom:14rpx;}
.mb8{margin-bottom:16rpx;}
.mb9{margin-bottom: 18rpx !important;}
.mb10{margin-bottom: 20rpx;}
.mb12{margin-bottom: 24rpx;}
.mb14{margin-bottom: 28rpx;}
.mb15{margin-bottom: 30rpx;}
.mb16{margin-bottom: 32rpx;}
.mb18{margin-bottom: 36rpx;}
.mb20{margin-bottom: 40rpx;}
.mb22{margin-bottom: 44rpx;}
.mb24{margin-bottom: 48rpx;}
.mb26{margin-bottom: 52rpx;}
.mb28{margin-bottom: 56rpx;}
.mb30{margin-bottom: 60rpx;}
.mb38{margin-bottom: 76rpx;}
.mt5{margin-top: 10rpx;}
.mt10{margin-top: 20rpx;}
.mt12{margin-top: 24rpx;}
.mt16{margin-top: 32rpx;}
.mt30{margin-top: 60rpx;}
.mt35{margin-top: 70rpx;}
.mt40{margin-top: 80rpx;}
.mt55{margin-top: 110rpx;}
.mt63{margin-top: 126rpx;}
.mt110{margin-top: 220rpx;}