@font-face {
    font-family: 'M';
    src: url('/fonts/M.woff2') format('/fonts/woff2'),
        url('/fonts/M.woff') format('/fonts/woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'R';
    src: url('/fonts/R.woff2') format('/fonts/woff2'),
        url('/fonts/R.woff') format('/fonts/woff');
    font-weight: normal;
    font-style: normal;
}

/**app.wxss**/
page{
    background: #F8F8F8;
    font-size: 30rpx;
    font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
}

.container {
  height: 100%;
  padding: 0 30rpx;
  box-sizing: border-box;
} 

/* 基础样式 */

/* 颜色 背景白*/
.bgw { background-color: white }

/* 颜色 浅 */
.clgrey { color: #999 }
.clred { color: #CD3E46 }

/* 颜色 中 */
.cmblack { color: #444 }

/* 定位 */
.pr { position: relative }
.pa { position: absolute }

.fl{
  float: left;
}
.fr{
  float: right;
}

.pt15 { padding-top: 15px }
.pb15 { padding-bottom: 15px }
.pl15 { padding-left: 15px }
.pr15 { padding-right: 15px }

.mt15 { margin-top: 15px }
.mb15 { margin-bottom: 15px }
.ml15 { margin-left: 15px }
.mr15 { margin-right: 15px }

.mw { width: 100% }
.wp94 { width: 94%; margin: 0 3% }
.wp90 { width: 90%; margin: 0 5% }

.mt5 { margin-top: 10rpx }
.mt10 { margin-top: 20rpx }
.mt20 { margin-top: 40rpx }
.mt30 { margin-top: 60rpx }
.mt40 { margin-top: 80rpx }
.mt50 { margin-top: 100rpx }
.mt60 { margin-top: 120rpx }

.mb5 { margin-bottom: 10rpx }
.mb10 { margin-bottom: 20rpx }
.mb20 { margin-bottom: 40rpx }
.mb30 { margin-bottom: 60rpx }
.mb40 { margin-bottom: 80rpx }
.mb50 { margin-bottom: 100rpx }
.mb60 { margin-bottom: 120rpx }

.ml5 { margin-left: 10rpx }
.ml10 { margin-left: 20rpx }
.ml20 { margin-left: 40rpx }
.ml30 { margin-left: 60rpx }
.ml40 { margin-left: 80rpx }
.ml50 { margin-left: 100rpx }

.mr5 { margin-right: 10rpx }
.mr10 { margin-right: 20rpx }
.mr20 { margin-right: 40rpx }
.mr30 { margin-right: 60rpx }
.mr40 { margin-right: 80rpx }
.mr50 { margin-right: 100rpx }

.pt5 { padding-top: 10rpx }
.pt10 { padding-top: 20rpx }
.pt20 { padding-top: 40rpx }
.pt30 { padding-top: 60rpx }
.pt40 { padding-top: 80rpx }
.pt50 { padding-top: 100rpx }
.pt60 { padding-top: 120rpx }

.pb5 { padding-bottom: 10rpx }
.pb10 { padding-bottom: 20rpx }
.pb20 { padding-bottom: 40rpx }
.pb30 { padding-bottom: 60rpx }
.pb40 { padding-bottom: 80rpx }
.pb50 { padding-bottom: 100rpx }
.pb60 { padding-bottom: 120rpx }

.pl5 { padding-left: 10rpx }
.pl10 { padding-left: 20rpx }
.pl20 { padding-left: 40rpx }
.pl30 { padding-left: 60rpx }
.pl40 { padding-left: 80rpx }
.pl50 { padding-left: 100rpx }
.pl60 { padding-left: 120rpx }

.pr5 { padding-right: 10rpx }
.pr10 { padding-right: 20rpx }
.pr20 { padding-right: 40rpx }
.pr30 { padding-right: 60rpx }
.pr40 { padding-right: 80rpx }
.pr50 { padding-right: 100rpx }
.pr60 { padding-right: 120rpx }

/* 字体 */
.fz18 { font-size: 18rpx }
.fz20 { font-size: 20rpx }
.fz22 { font-size: 22rpx }
.fz24 { font-size: 24rpx }
.fz26 { font-size: 26rpx }
.fz28 { font-size: 28rpx }
.fz32 { font-size: 32rpx }
.fz34 { font-size: 34rpx }
.fz36 { font-size: 36rpx }
.fwb { font-weight: 600 }

.lh0 { line-height: 0 }

.clearfix::after { content:""; display:block; width: 0; height:0; visibility:hidden; clear:both; }  
.cb { clear: both }

/* 垂直、水平居中 */
.container-center{
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 两端对齐 */
.fsb{
  display: flex;
  justify-content: space-between;
}

/* 垂直居中 */
.fc{
  display: flex;
  align-items: center;
}

.vm {
  vertical-align: middle;
}
.tc {
  text-align: center;
}
.tl {
  text-align: left;
}
.tr {
  text-align: right;
}
.olh {
  overflow: hidden;
}