/**app.wxss**/
@import "res/style/common.wxss";

page {
  color: #333;
  line-height: 1.5;
  word-break: break-all;
  background: #F2F2F2;
}

/* 字号 */
.font-11 {
  font-size: 22rpx;
}
.font-12 {
  font-size: 24rpx;
}
.font-13 {
  font-size: 26rpx;
}
.font-14 {
  font-size: 28rpx;
}
.font-15 {
  font-size: 30rpx;
}
.font-16 {
  font-size: 32rpx;
}
.font-17 {
  font-size: 34rpx;
}
.font-18 {
  font-size: 36rpx;
}
.font-19 {
  font-size: 38rpx;
}
.font-20 {
  font-size: 40rpx;
}
.font-22 {
  font-size: 44rpx;
}
/* 字体对齐方式 */
.text-l {
  text-align: left;
}
.text-c {
  text-align: center;
}
.text-r {
  text-align: right;
}

/*字体加粗*/
.bold {
  font-weight: bold;
}
/* 字体颜色 */
.c-white {
  color: #fff;
}
.c-black {
  color: #000;
}
.c-blue {
  color: #0A7AFF;
}
.c-red {
  color: #FF1717;
}
.c-green {
  color: #30C190;
}
.c-grey {
  color: #838383;
}
.c-yellow {
  color: #FFC617;
}
.c-light-orange {
  color: #FF7D14;
}
.c-orange {
  color: #FF5E17;
}
/* 背景颜色 */
.bg-white {
  background: #fff;
}
.bg-blue {
  background: #1782FF;
}
.bg-orange {
  background: #FE6201;
}
.bg-grey{
background: #F5F5F5;
}

/* flex布局 */
.dis-flex {
  display: flex;
  align-items: center;
}
.dis-a-s {
  align-items: flex-start;
}
.dis-a-e {
  align-items: flex-end;
}
.dis-j-c {
  justify-content: center;
}
.dis-j-b {
  justify-content: space-between;
}
.dis-j-e {
  justify-content: flex-end;
}
.flex-1 {
  flex: 1;
}
.dis-block {
  display: block;
}

/* 定位 */
.relative {
  position: relative;
}

/* 内边距 */
.padding-10 {
  padding: 20rpx;
}
.padding-20 {
  padding: 40rpx;
}
.padding-lr-5 {
  padding: 0 10rpx;
}
.padding-tb-15 {
  padding: 30rpx 0;
}
.padding-tb-20 {
  padding: 40rpx 0;
}
.padding-b-30{
  padding-bottom: 60rpx;
}

/* 外边距 */
.margin-auto {
  margin: 0 auto;
}
.margin-10 {
  margin: 20rpx;
}
.margin-20 {
  margin: 40rpx;
}
.margin-lr-5 {
  margin: 0 10rpx;
}
.margin-lr-15 {
  margin: 0 30rpx;
}
.margin-lr-10 {
  margin: 0 20rpx;
}
.margin-lr-20 {
  margin: 0 40rpx;
}
.margin-t-5 {
  margin-top: 10rpx;
}
.margin-t-6 {
  margin-top: 12rpx;
}
.margin-t-10 {
  margin-top: 20rpx;
}
.margin-t-15 {
  margin-top: 30rpx;
}
.margin-t-20 {
  margin-top: 40rpx;
}
.margin-t-40 {
  margin-top: 80rpx;
}
.margin-l-5 {
  margin-left: 10rpx;
}
.margin-l-10 {
  margin-left: 20rpx;
}
.margin-l-15 {
  margin-left: 30rpx;
}
.margin-l-20 {
  margin-left: 40rpx;
}
.margin-l-30 {
  margin-left: 60rpx;
}
.margin-r-5 {
  margin-right: 10rpx;
}
.margin-r-10 {
  margin-right: 20rpx;
}
.margin-r-15 {
  margin-right: 30rpx;
}
.margin-r-20 {
  margin-right: 40rpx;
}
.margin-r-40 {
  margin-right: 80rpx;
}
.margin-b-5 {
  margin-bottom: 10rpx;
}
.margin-b-6 {
  margin-bottom: 12rpx;
}
.margin-b-10 {
  margin-bottom: 20rpx;
}
.margin-b-15 {
  margin-bottom: 30rpx;
}
.margin-b-20 {
  margin-bottom: 40rpx;
}
.margin-b-30 {
  margin-bottom: 60rpx;
}
.margin-tb-20 {
  margin: 40rpx 0;
}
.margin-tb-15 {
  margin: 30rpx 0;
}
.margin-tb-10 {
  margin: 20rpx 0;
}
.margin-tb-5 {
  margin: 10rpx 0;
}
/* 常用宽高比 */
.w-100 {
  width: 100%;
}
/*字体行数 */
.over-flow-ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.over-flow-ellipsis-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.over-flow-ellipsis-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}