/*每个页面公共css */ page { background: #fff !important; } .pos { position: relative; } .abs { position: absolute; } .flex-center { display: flex; flex-direction: column; align-items: center; } .flex-row-jus-center { display: flex; flex-direction: column; justify-content: space-between; } .flex-row-center { display: flex; align-items: center; } .flex-col-center { display: flex; flex-direction: column; justify-content: center; align-items: center; } .ellipsis-two { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ellipsis-one { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .bold { font-weight: bold; } .bolder { font-weight: bolder; } /* ----------------------------- */ .flex_start { display: -webkit-flex; display: flex; justify-content: flex-start; } .flex_end { display: -webkit-flex; display: flex; justify-content: flex-end; } .flex_center { display: -webkit-flex; display: flex; justify-content: center; } .flex_around { display: -webkit-flex; display: flex; justify-content: space-around; } .flex_between { display: -webkit-flex; display: flex; justify-content: space-between; } .flex_warp { display: -webkit-flex; display: flex; flex-wrap: wrap; overflow: hidden; width: 100%; } .flex_items { align-items: center; } .flex_column { display: -webkit-flex; display: flex; flex-direction: column; } .mlr10 { margin-left: 10rpx; margin-right: 10rpx; } .mlr20 { margin-left: 20rpx; margin-right: 20rpx; } .mlr30 { margin-left: 30rpx; margin-right: 30rpx; } .mtb10 { margin-top: 10rpx; margin-bottom: 10rpx; } .mtb20 { margin-top: 20rpx; margin-bottom: 20rpx; } .mtb30 { margin-top: 30rpx; margin-bottom: 30rpx; } .mt5 { margin-top: 5rpx; } .mt10 { margin-top: 10rpx; } .mt15 { margin-top: 15rpx; } .mt20 { margin-top: 20rpx; } .mt25 { margin-top: 25rpx; } .mt30 { margin-top: 30rpx; } .mt35 { margin-top: 35rpx; } .mt40 { margin-top: 40rpx; } .mt50 { margin-top: 50rpx; } .mt60 { margin-top: 60rpx; } .mt80 { margin-top: 80rpx; } .mt100 { margin-top: 100rpx; } .mt120 { margin-top: 120rpx; } .ml5 { margin-left: 5rpx; } .ml10 { margin-left: 10rpx; } .ml15 { margin-left: 15rpx; } .ml20 { margin-left: 20rpx; } .ml25 { margin-left: 20rpx; } .ml30 { margin-left: 30rpx; } .ml35 { margin-left: 35rpx; } .mb5 { margin-bottom: 5rpx; } .mb10 { margin-bottom: 10rpx; } .mb15 { margin-bottom: 15rpx; } .mb20 { margin-bottom: 20rpx; } .mb25 { margin-bottom: 25rpx; } .mb30 { margin-bottom: 30rpx; } .mb40 { margin-bottom: 40rpx; } .mb100 { margin-bottom: 100rpx; } .mr5 { margin-right: 5rpx; } .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; } /* 内边距 */ .p20 { padding: 20rpx; } .p30 { padding: 30rpx; } .ptb5 { padding-bottom: 5rpx; padding-top: 5rpx; } .ptb15 { padding-bottom: 15rpx; padding-top: 15rpx; } .ptb10 { padding-bottom: 10rpx; padding-top: 10rpx; } .ptb20 { padding-bottom: 20rpx; padding-top: 20rpx; } .ptb25 { padding-bottom: 25rpx; padding-top: 25rpx; } .ptb30 { padding-bottom: 30rpx; padding-top: 30rpx; } .ptb40 { padding-bottom: 40rpx; padding-top: 40rpx; } .ptb50 { padding-bottom: 50rpx; padding-top: 50rpx; } .plr15 { padding-left: 15rpx; padding-right: 15rpx; } .plr10 { padding-left: 10rpx; padding-right: 10rpx; } .plr20 { padding-left: 20rpx; padding-right: 20rpx; } .plr30 { padding-left: 30rpx; padding-right: 30rpx; } .plr50 { padding-left: 50rpx; padding-right: 50rpx; } .pt5 { padding-top: 5rpx; } .pt10 { padding-top: 10rpx; } .pt15 { padding-top: 15rpx; } .pt20 { padding-top: 20rpx; } .pt30 { padding-top: 30rpx; } .pt35 { padding-top: 35rpx; } .pt50 { padding-top: 50rpx; } .pb10 { padding-bottom: 10rpx; } .pb20 { padding-bottom: 20rpx; } .pb30 { padding-bottom: 30rpx; } .pb35 { padding-bottom: 35rpx; } .pb40 { padding-bottom: 40rpx; } .pb80 { padding-bottom: 80rpx; } .pl10 { padding-left: 10rpx; } .pl15 { padding-left: 15rpx; } .pl20 { padding-left: 20rpx; } .pl30 { padding-left: 30rpx; } .pl60 { padding-left: 60rpx; } .pl50 { padding-left: 50rpx; } .pr20 { padding-right: 20rpx; } .pr30 { padding-right: 30rpx; } .p10 { padding: 10rpx; } .p15 { padding: 15rpx; } /* 底部边框 */ .bbe9s { border-bottom: 1rpx solid #e9e9e9; } .bgwhite { background: white; } /* 字体大小 */ .f80 { font-size: 80rpx; } .f50 { font-size: 50rpx; } .f58 { font-size: 58rpx; } .f40 { font-size: 40rpx; } .f44 { font-size: 44rpx; } .f48 { font-size: 48rpx; } .f38 { font-size: 38rpx; } .f36 { font-size: 36rpx; } .f34 { font-size: 34rpx; } .f32 { font-size: 32rpx; } .f30 { font-size: 30rpx; } .f28 { font-size: 28rpx; } .f26 { font-size: 26rpx; } .f24 { font-size: 24rpx; } .f22 { font-size: 22rpx; } .f20 { font-size: 20rpx; } .f18 { font-size: 18rpx; } .f16 { font-size: 16rpx; } .f-center { text-align: center; } .divbox { box-shadow: 0 0 9px #e2e2e2; } .bte9s { border-top: 1px solid #e9e9e9; }