css---------通用小程序、uniapp的css全局样式

代码如下：

page {
    height: 100%;
    font-size: 11pt;
    color: #555;
    background: #efeff4;
    overflow-x: hidden;
}

page,block,view,scroll-view,swiper,movable-view,icon,text,progress,button,checkbox,form,input,label,picker,picker-view,radio,slider,switch,textarea,navigator,audio,image,video,map,canvas,contact-button,cover-image,cover-view {
    box-sizing: border-box;
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    flex-direction: row;
}

.flex-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    flex-direction: column;
}

.flex-grow-0 {
    min-width: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.flex-grow-1 {
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.flex-x-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-y-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.flex-y-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
}

.page>.body {
    width: 750rpx;
    overflow-x: hidden;
}

.bg-white {
    background-color: #fff;
}

.mb-10 {
    margin-bottom: 10rpx;
}

button[plain] {
    border: none;
    background: #fff;
    color: inherit;
}

.nowrap {
    white-space: nowrap;
}

.p-10 {
    padding: 10rpx 10rpx;
}

.px-24 {
    padding-left: 24rpx;
    padding-right: 24rpx;
}

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

.wh-100 {
    width: 100%;
    height: 100%;
}

.text-more {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.text-more-2 {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.no-scroll {
    height: 100%;
    overflow-y: hidden;
}

.fs-0 {
    font-size: 0!important;
}

.fs-sm {
    font-size: 9pt!important;
}

.fs-b {
    font-size: 13pt!important;
}

.red {
    color: #ff4544;
}

.font-normal {
    color: #666;
}

.font-minor {
    color: #999;
}

.font-placholder {
    color: #ddd;
}

.bo {
    border: 1rpx #e2e2e2 solid;
}

.bor {
    border-right: 1rpx #e2e2e2 solid;
}

.bob {
    border-bottom: 1rpx #e2e2e2 solid;
}

.bol {
    border-left: 1rpx #e2e2e2 solid;
}

.bot {
    border-top: 1rpx #e2e2e2 solid;
}

.bi {
    border: 1rpx #eee solid;
}

.bit {
    border-top: 1rpx #eee solid;
}

.bir {
    border-right: 1rpx #eee solid;
}

.bib {
    border-bottom: 1rpx #eee solid;
}

.bil {
    border-left: 1rpx #eee solid;
}

.p-24 {
    padding: 24rpx!important;
}

.pt-24 {
    padding-top: 24rpx!important;
}

.pr-24 {
    padding-right: 24rpx!important;
}

.pb-24 {
    padding-bottom: 24rpx!important;
}

.pl-24 {
    padding-left: 24rpx!important;
}

.m-24 {
    margin: 24rpx!important;
}

.mt-24 {
    margin-top: 24rpx!important;
}

.mr-24 {
    margin-right: 24rpx!important;
}

.mb-24 {
    margin-bottom: 24rpx!important;
}

.ml-24 {
    margin-left: 24rpx!important;
}

.p-20 {
    padding: 20rpx!important;
}

.pt-20 {
    padding-top: 20rpx!important;
}

.pr-20 {
    padding-right: 20rpx!important;
}

.pb-20 {
    padding-bottom: 20rpx!important;
}

.pl-20 {
    padding-left: 20rpx!important;
}

.m-20 {
    margin: 20rpx!important;
}

.mt-20 {
    margin-top: 20rpx!important;
}

.mr-20 {
    margin-right: 20rpx!important;
}

.mb-20 {
    margin-bottom: 20rpx!important;
}

.ml-20 {
    margin-left: 20rpx!important;
}

.btn-main {
    color: #fff;
    background-color: #ff4544;
}

.btn-normal {
    color: #ff4544;
    background-color: #fff5f5;
    border: 1rpx #ff4544 solid;
}

.btn-default {
    color: #353535;
    background-color: #fff;
    border: 1rpx solid #c9c9c9;
}

.btn-disabled {
    color: #ffffff;
    background-color: #cdcdcd;
}

.btn-big {
    width: 702rpx;
    height: 80rpx;
    border-radius: 40rpx;
    text-align: center;
    line-height: 80rpx;
}

.btn-middle {
    width: 500rpx;
    height: 80rpx;
    border-radius: 40rpx;
    text-align: center;
    line-height: 80rpx;
}

.btn-sm {
    width: 300rpx;
    height: 72rpx;
    border-radius: 36rpx;
    text-align: center;
    line-height: 72rpx;
}