/**app.wxss**/ /* @import "./static/css/iconfont/iconfont.wxss"; */ @import "./static/css/iconfont/iconfont.wxss"; @import "./static//css/common.wxss"; .container { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 200rpx 0; box-sizing: border-box; } .box-sizing-border{ box-sizing: border-box; } .position-relative{ position: relative; } .position-absolute{ position: absolute; } .position-fixed{ position: fixed; top: 0; left: 0; width: 100%; z-index: 99; } .position-sticky{ position: sticky; } .d-flex{ display: flex; flex-wrap: wrap; } .d-line{ display: inline; } .d-inline-block{ display: inline-block; } .align-center{ align-items: center; } .justify-content-between{ justify-content: space-between; } .bg-fff{ background: #fff; } .bg-000{ background: #000; } .pb-2{ padding-bottom: 8px; } .pa-1{ padding: 4px; } .pa-2{ padding: 8px; } .px-2{ padding-left: 8px; padding-right: 8px; } .py-2{ padding-top: 8px; padding-bottom: 8px; } .py-3{ padding-top: 12px; padding-bottom: 12px; } .ma-2{ margin: 8px; } .ma-4{ margin: 15px; } .mt-43{ margin-top: 172px; } .mb-1{ margin-bottom: 4px; } .mb-4{ margin-bottom: 16px; } .ml-1{ margin-left: 4px; } .ml-2{ margin-left: 8px; } .border-all{ border: 1px solid #f2f3f5; } .b-line{ border-bottom: 2rpx solid #eee; } /* 文字不超过一行 */ .text-ellipsis{ overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; } /* 百分比宽度 */ .w-50{ width: 50%; } .w-80{ width: 80%; } .w-100{ width: 100%; } .height-percentage-100{ height: 100%; } .width-percentage-100{ width: 100%; } /* 字体大小 */ .font-size-10{ font-size: 10px; } .font-size-12{ font-size: 24rpx; } .font-size-14{ font-size: 28rpx; } .font-size-16{ font-size: 32rpx; } .font-size-28{ font-size: 28px; } /* 字体颜色 */ .color-red{ color: red; } .color-orange{ color: #f37b1d; } .color-green{ color: green; } .color-fff{ color: #fff; } .color-333{ color: #333; }