guanmao-wxapp/static/style/utils.css

@import './iconfont.css';
@import './animation.css';

.flex{display: flex;}
.flex-1{flex:1}
.flex_wrap{flex-wrap: wrap;}
.flex_ac{display: flex;align-items: center;}
.flex_ae{display: flex;align-items: flex-end;}
.flex_abc{display: flex;align-items: center;justify-content: center}
.flex_abs{display: flex;align-items: center;justify-content: space-between}
.flex_aes{display: flex;align-items: flex-end;justify-content: space-between}
.txt-c{text-align: center;}
.mask{position: fixed;left: 0;top: 0;bottom: 0;right: 0;background-color: rgba(0,0,0,0.5);z-index: 999;}
.holder-class{font-size:32rpx;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:rgba(187,186,184,1);}
.tc-1{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.tc-2{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.tc-3{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}


.fw600{font-weight: 600 !important;}
.fw500{font-weight: 500 !important;}


.pv30{padding-left: 30rpx;padding-right: 30rpx;}
.ph30{padding-top: 30rpx;padding-bottom: 30rpx;}
.ph40{padding-top: 40rpx;padding-bottom: 40rpx;}
.ph10{padding-top: 10rpx;padding-bottom: 10rpx;}
/*外边距*/
.mb10{margin-bottom: 10rpx}
.mb15{margin-bottom: 15rpx}
.mb20{margin-bottom: 20rpx}
.mb25{margin-bottom: 25rpx}
.mb30{margin-bottom: 30rpx}
.mb40{margin-bottom: 40rpx}
.mb50{margin-bottom: 50rpx}
.mb60{margin-bottom: 60rpx}
.mb70{margin-bottom: 70rpx}
.mb80{margin-bottom: 80rpx}
.mb90{margin-bottom: 90rpx}
.mb100{margin-bottom: 100rpx}
.mt10{margin-top: 10rpx}
.mt15{margin-top: 15rpx}
.mt20{margin-top: 20rpx}
.mt25{margin-top: 25rpx}
.mt30{margin-top: 30rpx}
.mt40{margin-top: 40rpx}
.mt50{margin-top: 50rpx}
.mt60{margin-top: 60rpx}
.mt70{margin-top: 70rpx}
.mt80{margin-top: 80rpx}
.mt90{margin-top: 90rpx}
.mt100{margin-top: 100rpx}
.mr10{margin-right: 10rpx}
.mr15{margin-right: 15rpx}
.mr20{margin-right: 20rpx}
.mr25{margin-right: 25rpx}
.mr30{margin-right: 30rpx}
.mr40{margin-right: 40rpx}
.mr50{margin-right: 50rpx}
.mr60{margin-right: 60rpx}
.mr70{margin-right: 70rpx}
.mr80{margin-right: 80rpx}
.mr90{margin-right: 90rpx}
.mr100{margin-right: 100rpx}
.ml10{margin-left: 10rpx}
.ml15{margin-left: 15rpx}
.ml20{margin-left: 20rpx}
.ml25{margin-left: 25rpx}
.ml30{margin-left: 30rpx}
.ml40{margin-left: 40rpx}
.ml50{margin-left: 50rpx}
.ml60{margin-left: 60rpx}
.ml70{margin-left: 70rpx}
.ml80{margin-left: 80rpx}
.ml90{margin-left: 90rpx}
.ml100{margin-left: 100rpx}
/*内边距*/
.pb10{padding-bottom: 10rpx}
.pb15{padding-bottom: 15rpx}
.pb20{padding-bottom: 20rpx}
.pb25{padding-bottom: 25rpx}
.pb30{padding-bottom: 30rpx}
.pb40{padding-bottom: 40rpx}
.pb50{padding-bottom: 50rpx}
.pb60{padding-bottom: 60rpx}
.pb70{padding-bottom: 70rpx}
.pb80{padding-bottom: 80rpx}
.pb90{padding-bottom: 90rpx}
.pb100{padding-bottom: 100rpx}
.pt10{padding-top: 10rpx}
.pt15{padding-top: 15rpx}
.pt20{padding-top: 20rpx}
.pt25{padding-top: 25rpx}
.pt30{padding-top: 30rpx}
.pt40{padding-top: 40rpx}
.pt50{padding-top: 50rpx}
.pt60{padding-top: 60rpx}
.pt70{padding-top: 70rpx}
.pt80{padding-top: 80rpx}
.pt90{padding-top: 90rpx}
.pt100{padding-top: 100rpx}
.pr10{padding-right: 10rpx}
.pr15{padding-right: 15rpx}
.pr20{padding-right: 20rpx}
.pr25{padding-right: 25rpx}
.pr30{padding-right: 30rpx}
.pr40{padding-right: 40rpx}
.pr50{padding-right: 50rpx}
.pr60{padding-right: 60rpx}
.pr70{padding-right: 70rpx}
.pr80{padding-right: 80rpx}
.pr90{padding-right: 90rpx}
.pr100{padding-right: 100rpx}
.pl10{padding-left: 10rpx}
.pl15{padding-left: 15rpx}
.pl20{padding-left: 20rpx}
.pl25{padding-left: 25rpx}
.pl30{padding-left: 30rpx}
.pl40{padding-left: 40rpx}
.pl50{padding-left: 50rpx}
.pl60{padding-left: 60rpx}
.pl70{padding-left: 70rpx}
.pl80{padding-left: 80rpx}
.pl90{padding-left: 90rpx}
.pl100{padding-left: 100rpx}