mdapp/common/css/app.scss

/* 这里是你自己写的全局css样式 */

$u-theme-color: #2080f0; // 全局主题色
$u-sub-color: #2080f0; // 全局辅助色

// 标题字号规范
$u-hd: 68rpx; // 超大标题
$u-h1: 56rpx; // 一级
$u-h2: 44rpx; // 二级
$u-h3: 40rpx; // 三级
// 正文字号规范
$u-p: 32rpx; // 着重
$u-p1: 28rpx; // 正文
$u-p2: 24rpx; // 描述
$u-sub: 20rpx; // 注脚

// 颜色规范
$u-main-color: #303133;
$u-content-color: #606266;
$u-tips-color: #909399;
$u-light-color: #c0c4cc;
$u-border-color: #e4e7ed;
$u-bg-color: #f3f4f6;

$u-type-primary: #2979ff;
$u-type-primary-light: #ecf5ff;
$u-type-primary-disabled: #a0cfff;
$u-type-primary-dark: #2b85e4;

$u-type-warning: #ff9900;
$u-type-warning-disabled: #fcbd71;
$u-type-warning-dark: #f29100;
$u-type-warning-light: #fdf6ec;

$u-type-success: #19be6b;
$u-type-success-disabled: #71d5a1;
$u-type-success-dark: #18b566;
$u-type-success-light: #dbf1e1;

$u-type-error: #fa3534;
$u-type-error-disabled: #fab6b6;
$u-type-error-dark: #dd6161;
$u-type-error-light: #fef0f0;

$u-type-info: #909399;
$u-type-info-disabled: #c8c9cc;
$u-type-info-dark: #82848a;
$u-type-info-light: #f4f4f5;

$u-form-item-height: 70rpx;
$u-form-item-border-color: #dcdfe6;

// 其他自定义
.page {
	background-color: $u-bg-color;
	padding: 20rpx;
}

.empty-wrap {
	margin-top: 200rpx;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.content-page {
	min-height: 100vh;
	background-color: #fff;
}

.footer {
	display: flex;
	align-items: center;
	color: $u-tips-color;
	width: 100%;
	padding: 20rpx 0;
	justify-content: center;
}

// 阴影
.box-shadow {
	box-shadow:  0rpx 2rpx 4rpx 0 rgba(0, 0, 0, 0.2);
}

// flex换行bug。
.flex-empty {
	visibility: hidden;
	width: 120rpx;
	height: 0rpx;
}

//
.bwin-btn-100 {
	width: 100%;
}

// popup
.bwin-popup {
	display: flex;
	flex-direction: column;
	width: 100%;
	position: relative;
	min-height: 100%;
	overflow: hidden;
	
	.popup-header {
		z-index: 2;
		width: 80%;
		position: fixed;
		padding: 20rpx 0;
		text-align: center;
		font-size: 32rpx;
		color:#fff;
		font-weight: bold;
		background-color: $u-theme-color;
		border-top-left-radius: 20rpx;
		border-top-right-radius: 20rpx;
	}
	
	.popup-body {
		z-index: 1;
		position: relative;
		top: 90rpx;
		margin-bottom: 90rpx;
		padding: 20rpx;
		font-size: $u-p;
		overflow-y: scroll;
	}

	.popup-footer {
		position: relative;
		left: 0;
		bottom: 20rpx;
		width: 100%;
		display: flex;
		justify-content: space-around;
	}
}


/* #ifdef H5 */
.uni-mask,
.uni-modal,
uni-toast,
uni-modal,
.uni-actionsheet {
	z-index: 999999 !important;
}
/* #endif */