bc_wx_applet/css/style.css

.background-gradient {
  background-image: linear-gradient(to right, #F54319, #FF6D20);
}
* {
  margin: 0;
  padding: 0;
}

.pageBg {
  background-color: rgb(244, 245, 249);
  padding-bottom: 30rpx;
  position: relative;
  min-height: calc(100vh);
}

.margin0px {
  margin: 0 !important;
}

.padding0px {
  padding: 0 !important;
}



.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

/* 清除浮动 */
.clearfix:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
}

.clearfix {
  /* 为了照顾ie6浏览器*/
  zoom: 1;
}

.ml5px {
  margin-left: 10rpx !important;
}

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

.ml15px {
  margin-left: 30rpx !important;
}

.ml20px {
  margin-left: 40rpx !important;
}

.ml40px {
  margin-left: 80rpx !important;
}

.mr5px {
  margin-right: 10rpx !important;
}

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

.mr15px {
  margin-right: 30rpx !important;
}

.mr20px {
  margin-right: 40rpx !important;
}

.mt5px {
  margin-top: 10rpx !important;
}

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

.mt15px {
  margin-top: 30rpx !important;
}

.mt20px {
  margin-top: 40rpx !important;
}

.mt40px {
  margin-top: 80rpx !important;
}

.mt50px {
  margin-top: 100rpx !important;
}

.mt140px {
  margin-top: 280rpx !important;
}

.mt28px {
  margin-top: 56rpx !important;
}

.mb5px {
  margin-bottom: 10rpx !important;
}

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

.mb15px {
  margin-bottom: 40rpx !important;
}

.mb20px {
  margin-bottom: 40rpx !important;
}

.mb60px {
  margin-bottom: 120rpx !important;
}

.pb20px {
  padding-bottom: !40rpx;
}

.fz12px {
  font-size: 24rpx !important;
}

.fz14px {
  font-size: 28rpx !important;
}

.fz16px {
  font-size: 32rpx !important;
}

.fz18px {
  font-size: 36rpx !important;
}

.fz20px {
  font-size: 40rpx !important;
}

.fz22px {
  font-size: 44rpx !important;
}

.fz24px {
  font-size: 48rpx !important;
}

.fz26px {
  font-size: 52rpx !important;
}

.fz30px {
  font-size: 60rpx !important;
}

.fz32px {
  font-size: 64rpx !important;
}

.fz34px {
  font-size: 68rpx !important;
}

.fz36px {
  font-size: 72rpx !important;
}

.fz38px {
  font-size: 76rpx !important;
}

.fz40px {
  font-size: 80rpx !important;
}

.w5 {
  width: 5% !important;
}

.w10 {
  width: 10% !important;
}

.w15 {
  width: 15% !important;
}

.w20 {
  width: 20% !important;
}

.w25 {
  width: 25% !important;
}

.w30 {
  width: 30% !important;
}

.w35 {
  width: 35% !important;
}

.w40 {
  width: 40% !important;
}

.w45 {
  width: 45% !important;
}

.w50 {
  width: 50% !important;
}

.w55 {
  width: 55% !important;
}

.w60 {
  width: 60% !important;
}

.w65 {
  width: 65% !important;
}

.w70 {
  width: 70% !important;
}

.w75 {
  width: 75% !important;
}

.w80 {
  width: 80% !important;
}

.w85 {
  width: 85% !important;
}

.w90 {
  width: 90% !important;
}

.w95 {
  width: 95% !important;
}

.w100 {
  width: 100% !important;
}

.lineHeight28px {
  line-height: 56rpx !important;
}

.lineHeight32px {
  line-height: 64rpx !important;
}

.lineHeight40px {
  line-height: 80rpx !important;
}

/* 更改 elemtui table 的默认样式 */
.el-table td,
.el-table th {
  padding: 20rpx 0 !important;
}

.has-gutter th,
.el-table__fixed-header-wrapper tr th {
  background: rgba(68, 81, 176, 0.08) !important;
  /* color: #47a1fc; */
}

.content {
  padding: 40rpx 5%;
}

.v-step {
  z-index: 9999;
}

.contentHeader {
  line-height: 80rpx;
  border-bottom: 2rpx solid #aaa;
  padding-bottom: 20rpx;
}

.invalidColor {
  color: #ccc;
}

.invalidColor100 {
  color: #979797;
}

.warnColor {
  color: #E6A23C;
}

.successColor {
  color: #67C23A;
}

.failColor {
  color: #F56C6C;
}

.rose0 {
  color: red;
}

.sky0 {
  color: #f0f9ff;
}

.sky5 {
  color: #0ea5e9;
}

.pageWrap {
  position: relative;
  min-height: 500px;
  background: #fff;
  padding: 40rpx 100rpx;
}

.positionClass {
  position: absolute;
  bottom: 50rpx;
  right: 10%
}

/* 修改 elementUI 弹框的头部样式 */
.el-dialog__header .el-dialog__title {
  display: block;
  font-size: 40rpx;
  border-bottom: 2rpx solid #bbbbbb;
  padding-bottom: 20rpx;
  font-weight: bold;
}

.el-dialog__body {
  padding: 20px 40rpx 40rpx;
}

/* 文字超出部分显示省略号 */
.overHide {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fontcolor {
  /*提示语:字的颜色*/
  color: #ff9800;
}

.contain {
  display: inline-block;
  width: 100%;
  padding: 0 30rpx;
  box-sizing: border-box;
  margin: auto;
  position: relative;
}

.contain1 {
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
  padding: 0 10%;
}

.subpageContain {
  padding: 80rpx 10%;
}

/*超出一行显示省略号*/
.ellipsis1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

/*超出两行显示省略号*/
.ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.isIphoneX {
  padding-bottom: 60rpx;
}

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

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

.inlineBlock {
  display: inline-block;
}