MiniPrograms/common/global_scss/pages_style.scss

page{
	background-color: $page-color;
}
.page_view{
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	overflow-x: hidden; //隐藏多余的页面
}
.title{
	line-height: 35rpx;
	font-size: 35rpx;
	font-weight: bold;
	color: $title;
}
.subtitle{
	line-height: 30rpx;
	font-size: 30rpx;
	font-weight: bold;
	color: $subtitle;
}
.YS_title{
	line-height: 35rpx;
	font-size: 35rpx;
	color: $title;
	font-family: YSfont;
}
//标题头
.front_tag {
	margin-right: 20rpx;
	height: 100%;
	width: 10rpx;
	border-radius: 100rpx;
	background-image: linear-gradient(#4169E1, rgba(1,1,1,0));
	z-index: 99;
}
//标题底
.bottom_tag{
	margin-top: -10rpx;
	margin-left: 20%;
	height: 20rpx;
	width: 90%;
	border-radius: 6rpx;
	background-image: linear-gradient(to right, #4169E1, rgba(1,1,1,0));
	z-index: -1;
}
//标签
.tag {
	border-radius: 50rpx;
	border: 1rpx solid $color-blue;
	padding: 2rpx 12rpx;

	.tag_text {
		font-size: 22rpx;
		color: $color-blue;
	}
}
//标签
.tag_fill{
	display: flex;
	align-items: center;
	border-radius: 6rpx;
	background-color: $color-blue;
	padding: 5rpx 16rpx;
	.tag_text {
		font-size: 24rpx;
		color: #FFF;
	}
}
//卡片
.card_view {
	display: flex;
	flex-flow: row wrap;
	margin: 20rpx;
	justify-content: space-between;

	.card_item {
		margin: 2% 0;
		width: 48%;
		height: auto;
		display: flex;
		flex-direction: column;
		background-color: #FFF;
		border-radius: $border-radius;
		overflow: hidden;
		z-index: 55;

		.card_title {
			display: flex;
			align-items: center;
			padding: 20rpx;
			z-index: 55;

			.title {
				font-size: 32rpx;
				line-height: 40rpx;
			}
		}
	}
}
//横向flex布局
.flex_row{
	display:flex;
	align-items: center;
}
//竖向flex布局
.flex_cloumn{
	display:flex;
	flex-direction: column;
}
//横向baseline布局
.flex_baseline{
	display: flex;
	align-items: baseline;
}
//插画
.detail_image {
	width: 100%;
	height: 450rpx;
	background-size: cover; //背景图片自适应
	background-repeat: no-repeat;
	z-index: 50;
}
//图标
.t-icon {
    display: inline-block;
    width: 40rpx; 
    height: 40rpx;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
//头部背景
	.bg_box {
		position: fixed;
		width: 100%;
		height: 800rpx;
		background-size: 100%;
		background-repeat: no-repeat;
		background-image: linear-gradient(to top, #f3f4f9, rgba(255, 255, 255, 0) 45%),url('https://image.meiye.art/pic_1628634662880');
		// left: 50%;
		// right: 50%;
		// transform: translate(-50%, -30%);
		// height: 1200rpx;
		// width: 2300rpx;
		// border-radius: 50%;
		// transform: rotate(15deg);
		// background: radial-gradient(100% 225% at 100% 0%, #FF4040 0%, #000000 100%), linear-gradient(236deg, #00C2FF 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 0%, #CDFFEB 36%, #009F9D 36%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
		// background-blend-mode: overlay, hard-light, normal;
	}
	.bg_card{
		position: fixed;
		width: 100%;
		height: 800rpx;
		background-size: 100%;
		background-repeat: no-repeat;
		background-image: linear-gradient(to top, #f3f4f9, rgba(255, 255, 255, 0) 45%),url('https://image.meiye.art/pic_1628634712718');
		
// 		position: fixed;
// 		left: 50%;
// 		right: 50%;
// 		transform: translate(-50%, -30%);
// 		height: 1200rpx;
// 		width: 2300rpx;
// 		border-radius: 50%;
// background: linear-gradient(140.54deg, #608D00 0%, #D30000 72.37%), linear-gradient(58.72deg, #0029FF 0%, #8FFF00 100%), radial-gradient(100% 164.72% at 100% 100%, #6100FF 0%, #00FF57 100%), radial-gradient(100% 148.07% at 0% 0%, #FFF500 0%, #51D500 100%);
// background-blend-mode: color-dodge, overlay, difference, normal;
	}