zheng_xie_ui/static/style.css

.flex{display: flex;}
.flexc{display: flex;align-items: center;}
.flex1{flex: 1;}
.flex0{flex: 0 0 auto;}
.flex01{flex: 0 1 auto;}
.flexjc{justify-content: center;}
.flexcj{display: flex;align-items: center;justify-content: space-between;}
.flexcja{display: flex;align-items: center !important;justify-content: space-between;}
.flextj{display: flex;align-items: flex-start;justify-content: space-between;}
.flexcc{display: flex;align-items: center;justify-content: center;}
.flext{display: flex;align-items: flex-start;}
.flexdc{display: flex;flex-direction: column;}
.flexcdc{display: flex;align-items: center;flex-direction: column;}
.flexccc{display: flex;align-items: center;flex-direction: column;justify-content: center;}

.clearf::after {
  content: "";
  display: block;
  clear: both;
}
.flexjs{justify-content: space-between;}
.wordb{word-break: break-all;}
.fsi{font-style: italic;}
.w50{width: 50%;}

.txr{text-align: right;}
.txc{text-align: center;}
.txl{text-align: left;}
.pfixed{position: fixed;z-index: 5;left: 0;top: 0;right: 0;background: #ffffff;}
.pfixedb{position: fixed;z-index: 5;left: 0;bottom: 0;right: 0;background: #FFFFFF;
box-shadow: 0px 0px 16rpx 0px rgba(87,87,87,0.41);}
.pr{position: relative;}
image{display: block;}
.bgf{background-color: #ffffff;border-radius: 14rpx;}
.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: 2;}
.regbox{width: 100%;min-height: 100vh;background-color: #ffffff;box-sizing: border-box;}
.regbox .rbtn{width: 100%;height: 98rpx;background: #D32C26;border-radius: 49rpx;text-align: center;line-height: 98rpx;font-size: 32rpx;font-weight: bold;color: #FFFEFE;}
.regbox .rimg{flex: 0 0 auto;margin-left: 12rpx;display: flex;align-items: center;justify-content: center;width: 40rpx;height: 40rpx;}
.regbox .rimg image{width: 18rpx;height: 30rpx;}
.regbox .apllytxt{font-size: 30rpx;font-weight: 500;color: #DF0024;margin-top: 26rpx;color: #AAAAAA;text-align: center;}
.regbox .apllytxt	text{color: #DF0024;padding-right: 16rpx;font-size: 30rpx;}

.pregbox{padding: 160rpx 56rpx 96rpx;}
.shax {font-size: 30rpx;color: #666;text-align: center;padding: 20rpx 0;}

.rebtn{height: 98rpx;background: #D32C26;border-radius: 48rpx;font-size: 34rpx;font-weight: 500;
color: #FFFFFF;flex: 1;display: flex;align-items: center;justify-content: center;}
.rebtn.btn1{background-color:#C6C6C6;}
.rebtndel{height: 98rpx;border-radius: 48rpx;font-size: 34rpx;font-weight: 500;
color: #DF0024;flex: 1;display: flex;align-items: center;justify-content: center;border: 2rpx solid #DF0024;box-sizing: border-box;}

.fbtns{display: flex;align-items: center;position: fixed;left: 0;right: 0;bottom: 0;background-color: #f1f1f1;padding: 36rpx;z-index: 2;}

.delboxs{font-size: 30rpx;color: #FE5A0E;padding:0 20rpx;}
.zhaddbtn{width:100%;height: 100rpx;background: #D32C26;position: fixed;left: 0;right: 0;bottom: 0;z-index: 1;font-size: 34rpx;font-weight: 500;
color: #FFFFFF;display: flex;align-items: center;justify-content: center;}

.w13{width: 26rpx;}

.cof{color: #ffffff;}
.cod{color: #dddddd;}
.coa{color: #AAAAAA;}
.co47{color: #D32C26;}
.co16{color: #161616;}
.co6{color: #666666;}
.co33{color: #336AD5;}
.coed{color: #ED7B4C;}
.co5c{color: #5CC37D;}
.coeb{color: #EB5663;}
.co8e{color: #8E8E8E;}
.c37{color: #374C82;}
.cfe{color: #FE6A7F;}
.c6b{color: #6B7390;}
.cff2{color: #FF2D4F;}


.f13{font-size: 26rpx;}
.f14{font-size: 28rpx;}
.f15{font-size: 30rpx;}
.f16{font-size: 32rpx;}
.f17{font-size: 34rpx;}
.f18{font-size: 36rpx;}
.f19{font-size: 38rpx;}
.f25{font-size: 50rpx;}
.f30{font-size: 60rpx;}
.ml2{margin-left: 4rpx;}
.ml6{margin-left: 12rpx;}
.ml10{margin-left: 20rpx;}
.mr10{margin-right: 20rpx;}
.mt12{margin-top: 24rpx;}
.mt15{margin-top: 30rpx;}
.mt20{margin-top: 40rpx;}
.mt26{margin-top: 52rpx;}
.mt30{margin-top: 60rpx;}
.mt40{margin-top: 80rpx;}
.mt50{margin-top: 100rpx;}
.mb4{margin-bottom: 8rpx;}
.mb5{margin-bottom: 10rpx;}
.mb6{margin-bottom: 12rpx;}
.mb8{margin-bottom: 16rpx;}
.mb10{margin-bottom: 20rpx;}
.mb12{margin-bottom: 24rpx;}
.mb15{margin-bottom: 30rpx;}
.mb16{margin-bottom: 32rpx;}
.mb18{margin-bottom: 36rpx;}
.mb20{margin-bottom: 40rpx;}
.mb24{margin-bottom: 48rpx;}
.mb28{margin-bottom: 56rpx !important;}
.mb30{margin-bottom: 60rpx;}
.mlr12{margin: 0 24rpx;}

.lh18{line-height: 36rpx;}
.lh20{line-height: 40rpx;}
.lh24{line-height: 48rpx;}


.pl8{padding-left: 16rpx;}
.pl16{padding-left: 32rpx;}
.pr8{padding-right: 16rpx;}
.pt5{padding-top: 10rpx;}
.pt12{padding-top: 24rpx;}
.pt20{padding-top: 40rpx;}
.pt80{padding-top: 160rpx;}
.pb15{padding-bottom: 30rpx;}
.pb18{padding-bottom: 36rpx;}
.plr12{padding: 0 24rpx;}
.plr13{padding: 0 26rpx;}
.plr18{padding: 0 36rpx;}
.plr28{padding: 0 56rpx;}
.ptb4{padding: 8rpx 0;}
.ptb6{padding: 12rpx 0;}
.ptb10{padding: 20rpx 0;}
.fw{font-weight: bold;}
.fw5{font-weight: 500;}
.fwn{font-weight: normal;}


/* 新写的 */
.f12{font-size: 24rpx;}
.cof1{color: #F1F1F1;}
.w50{width: 50% !important;}
.lh18{line-height: 36rpx;}
.pt8{padding-top: 16rpx;}
.plr15{padding:0 30rpx;}
.mt16{margin-top: 32rpx;}


.yybox{width: 100%;height: 100vh;box-sizing: border-box;display: flex;flex-direction: column;background-color: #F5F5F5;}
.yydet{flex: 1;overflow: auto;z-index: 2;position: relative;display: flex;flex-direction: column;}
/* 新写的end */