soulspace/static/common.scss

@import './mixin.scss';
$themeColor: #7dc1f0;
$themeBgColor: #eff5f8 !important;

@font-face {
	font-family: 'PangMenZhengDaobiaoTiTiMianFeiBan';
	src: url('@/static/font/PangMenZhengDaoBiaoTiTiMianFeiBan.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MicrosoftYaHei';
	// src: url('@/static/font/msyhbd.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/deep/uni-radio .uni-radio-input {
	width: 20px !important;
	height: 20px !important;
}

* {
	margin: 0;
	padding: 0;
	list-style: none;
}

.common_radius_box {
	width: 100%;
	padding: 20rpx;
	box-sizing: border-box;
	border-radius: 10rpx;
	overflow: hidden;
}

.goods_nav_box {

	box-shadow: 0 4rpx 48rpx 0 rgba(0, 0, 0, .15);
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
}

.common_divider {
	padding: 10rpx 20rpx;

	.u-divider {
		margin: 0 !important;
	}
}

.flex_box {
	display: flex;

}

.align-items_box {
	align-items: center;
}

/deep/uni-page-body {
	height: 100% !important;

}

.common-nav {
	background-size: 100% auto;
	background-image: url("@/static/icon/kechengBg.png");
	background-repeat: no-repeat;
}

.aui-text-danger {
	color: red;
}

.common_red_button {
	background-color: rgb(235, 10, 10);
	color: #fff;
}

.common_grey_button {
	background-color: #8b8d8d;
	color: #fff;
}

.aui-text-success {

	// font-weight: 600;
}

.PM_font {
	font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
}

.bg_box_shandow {


	border-radius: 5px;
	padding: 10rpx 20rpx;

	font-weight: normal;
	font-size: 18px;

}

.color_shandow {
	box-shadow: 0px 0px 3px 0px rgba(0, 82, 79, 0.2) !important;
}

.bg_color {
	color: #7dc1f0;
	background: rgba(125, 193, 240, 0.1);
}

/deep/.common_section {
	.uni-section-header {
		padding: 0 !important;

		.uni-section-header__decoration {
			background-color: #3ab3ae !important;
		}
	}

	padding-bottom: 20rpx !important;
}

.commonTags {
	background-color: #3AB3AE;
	color: #fff;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
	font-size: 24rpx !important;
	padding: 4rpx 12rpx;
	box-sizing: border-box;
	border-radius: 12rpx;
}

.commonTagsRed {
	border-color: rgb(247, 146, 146);
	background-color: rgb(253, 70, 70);
}

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

.hidden2 {
	line-height: 30px;
	height: 60px;
	text-overflow: ellipsis;
	// white-space: nowrap;
	overflow: hidden;
	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;
}

.hidden5 {
	text-overflow: ellipsis;
	// white-space: nowrap;
	overflow: hidden;
	display: -webkit-box;

	-webkit-line-clamp: 5;

	-webkit-box-orient: vertical;
}

.form_input_box {
	border: none !important;
	border-bottom: 2rpx solid #efeef4;
	padding-left: 0 !important;
	padding-right: 0 !important;

}

.commonPageWhiteBox {
	background-color: #fff;
}

.headImage {
	width: 100%;
	height: 300rpx;
	// margin-bottom: 20rpx;
}

.flexbox {
	background-color: #fff;
}

.commonPageContentBox {
	height: calc(100% - 50px) !important;
}
.commonPageBox {
	width: 100%;
	height: 100%;
	overflow: auto;

	.componentPage {
		width: 100%;
		height: 100%;
	}



	.RightArrowGreenText {
		width: 28rpx;
		height: 18rpx;
		font-family: MicrosoftYaHei;
		font-weight: 600;
		font-size: 35rpx;
		color: #018F89;
		line-height: 70rpx;
	}

	.greenCardBox {
		width: 100%;
		// height: 298rpx;
		background: #EDFCF7;
		box-shadow: 0rpx 0rpx 6rpx 0rpx rgba(0, 82, 79, 0.2);
		border-radius: 10rpx;
		overflow: hidden;
	}


	.scrollDataList {
		font-size: 26rpx;
		margin-top: 20rpx;
		padding: 0 10rpx;
		border-radius: 10rpx;
		background-color: #f8f9fa;

		.data_item {
			align-items: flex-start;
			border-bottom: 2px solid #fff;
			padding: 10rpx;
		}
	}
}

.commonPage {
	width: 100%;
	box-sizing: border-box;
	height: 100%;
	overflow: auto;

	.boxShadow {
		box-shadow: 0px 0px 10rpx 2rpx rgba(0, 82, 79, 0.1);

	}

	.rightArrow {
		width: 40rpx;
		height: 40rpx;
		float: right;
	}

	.sendCode {

		height: 60rpx !important;
		background-color: #f8f9fb;
		font-size: 28rpx !important;
		padding: 0 14rpx !important;
		color: $themeColor !important;
		line-height: 60rpx !important;
		margin-left: 20rpx !important;


	}

}

.container {
	width: 100%;
	padding: 10rpx;
	height: 100%;
	box-sizing: border-box;

	.contentBox {
		width: 100%;
		height: 100%;
	}
}

view,
page,
text,
button,
image,
textarea,
scroll-view,
input {
	box-sizing: border-box;
}

image {
	display: block;
}

button {
	margin: 0;
	padding: 0;
	background-color: #FFFF;
}

button::after {
	border: none;
}

// 主题背景色
.themeBgColor {
	background-color: $themeColor;
}

// 主题字体色
.themeFontColor {
	color: $themeColor !important;
}

// 中药检索弹出层样式
.CNMedicineSearchPopup {
	.dp_title {
		font-size: 28rpx;
		font-weight: 700;
		padding: 20rpx 20rpx 0;
	}

	.twoCateList {
		font-size: 28rpx;
		margin-top: 20rpx;

		.u-border-bottom {
			border-bottom-width: 0 !important
		}

		.u-border-right {
			border-right-width: 0 !important
		}

		.grid-text {
			width: 212rpx;
			padding: 10rpx;
			margin-bottom: 10rpx;
			text-align: center;
			border: 0.5px solid #dadbde;
		}

		.cur {
			color: #087940;
			border: 0.5px solid #3AB3AE;
			background: #3AB3AE1c;
			font-weight: bold;
		}

		.u-grid-list {
			// border-top: 0.5px solid #dadbde;
			// border-bottom: 0.5px solid #dadbde;
		}
	}
}