// 彩票公共样式
/******香港六合彩*****/
.hksix-blue {
	color: #3383fd !important;
}
.hksix-red {
	color: #d93030 !important;
}
.hksix-green {
	color: #00b42a !important;
}
.hksix-orange {
	color: #da9b00 !important;
}

.hksix-wait {
	color: #333333 !important;
}

.hksix-border-green {
	border-color: #00b42a !important;
}

.hksix-border-red {
	border-color: #d93030 !important;
}
.hksix-border-blue {
	border-color: #3383fd !important;
}

.slide-keyboard-enter-active,
.slide-keyboard-leave-active {
	transition: all linear 0.3s;
	opacity: 1;
}

.slide-keyboard-enter-from,
.slide-keyboard-leave-to {
	transform: scale(0);
	opacity: 0;
}
/******香港六合彩*****/

.lottery-active {
	background-color: #5e90fc !important;
	p,
	span {
		color: white !important;
	}
}

.play-title {
	margin-bottom: 8px;
	color: #4b64ac;
	font-size: 12px;
}

/************开奖记录***********/
.lottery-result__table {
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
	p {
		color: var(--main-text-color-1);
	}
	&--th {
		width: max-content;
		p {
			font-family: Roboto;
			font-size: 10px;
			font-weight: 400;
			height: 26px;
			line-height: 26px;
			text-align: center;
			border-radius: 4px;
			background: linear-gradient(180deg, #f5f9ff 21.99%, #dce4ff 100%);
		}
		.screening-vector {
			display: block;
			background: url("@/assets/images/lottery/Vector.png") no-repeat !important;
			background-size: 100% 100% !important;
		}
	}
	.container {
		width: max-content;
		overflow-scrolling: touch;
		-webkit-overflow-scrolling: touch;
	}
	&--row {
		width: max-content;
		& > p {
			text-align: center;
			font-family: Roboto;
			font-size: 10px;
			font-weight: 400;
			height: 40px;
			display: flex;
			justify-content: center;
			align-items: center;
			white-space: pre-line;
		}
		.font-xs {
			font-size: 12px;
		}
		.number-text {
			font-family: Roboto;
			font-size: 8px;
			line-height: 12px;
		}
	}
}
.lottery-compact-table {
	font-family: Roboto;
	font-weight: 400;
	.table-th {
		background: #6a8ef9;
		box-shadow: 0px 4px 4px 0px rgba(76, 122, 255, 0.08);
		p {
			color: #fff;
			font-size: 12px;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
	.table-th,
	.table-content > div {
		display: grid;
		column-gap: 4px;
	}
}

.ssc-ball_bg.w-24px {
	color: #333 !important;
	font-family: Roboto;
	font-weight: 500;
	background: url("@/assets/images/lottery/canada_ball_blue.png") no-repeat !important;
	background-size: 100% 100% !important;
}

.lottery-card {
	border-radius: 4px;
	background: #f8f8f8;
	padding: 8px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	row-gap: 12px;
	color: #1d2129;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 400;
}

.input-form {
	border-radius: 4px;
	border: 1px solid #e2e5ec;
	background: #fff;
	overflow: hidden;
}
.focus-input-form {
	border: 1px solid #6d92fb;
}
