mili_mini/components/creditGiftAlert/creditGiftAlert.wxss

@import "../../app.wxss";

.creditGiftAlert {
	position: fixed;
	z-index: 15;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.credit_model {
	background: rgba(0, 0, 0, 1);
	opacity: 0.4;
	width: 100%;
	height: 100%;
}

.credit_section {
	position: absolute;
	left: 50%;
	top: 300rpx;
	width: 516rpx;
	transform: translateX(-50%);
}

.xinzhi {
	background-color: #fff;
	width: 460rpx;
	margin: 0 auto;
	padding: 60rpx;
	border-radius: 20rpx;
	position: relative;
	z-index: 16;
	box-sizing: border-box;
}

.title {
	font-size: 48rpx;
	line-height: 48rpx;
	color: #03caca;
}

.title:first-child {
	margin-bottom: 12rpx;
}

.tishi {
	font-size: 20rpx;
	line-height: 20rpx;
	margin-top: 36rpx;
	margin-bottom: 33rpx;
	color: #4d4d4d;
}

.img {
	width: 60rpx;
	height: 60rpx;
	display: block;
	margin: 0 auto 14rpx;
}

.imgTxt {
	font-size: 22rpx;
	height: 22rpx;
	color: #06a6a6;
	text-align: center;
}

.zhexian {
	width: 516rpx;
	height: 54rpx;
	position: absolute;
	left: -28rpx;
	bottom: 0;
}

.xinfeng {
	position: relative;
	z-index: 15;
	width: 100%;
	margin-top: -174rpx;
}

.xinfeng_top {
	width: 100%;
	height: 174rpx;
	background-color: #06a6a6;
	border-top-left-radius: 30rpx;
	border-top-right-radius: 30rpx;
}

.xinfeng_sec {
	background-color: #03caca;
	padding: 70rpx 0;
	border-bottom-left-radius: 30rpx;
	border-bottom-right-radius: 30rpx;
}

.creditRed_section .xinzhi {
	background-color: #FEF1F3;
}

.creditRed_section .title,
.creditRed_section .imgTxt {
	color: #FF5B60;
}

.creditRed_section .xinfeng_top {
	background-color: #D54A56;
}

.creditRed_section .xinfeng_sec {
	background-color: #FF5B60;
}

.btn {
	width: 318rpx;
	height: 70rpx;
	background: linear-gradient(90deg, rgba(241, 248, 254, 1) 0%, rgba(255, 255, 255, 1) 100%);
	box-shadow: 0rpx 4rpx 22rpx 0rpx rgba(0, 0, 0, 0.3);
	border-radius: 35rpx;
	text-align: center;
	line-height: 70rpx;
	margin: auto;
}

.marginB_btn {
	margin-bottom: 26rpx;
}