@import "../../../../common.less";

.rulemodal {
	width: 750rpx;
	height: 1624rpx;
	left: 0rpx;
	top: 0rpx;
	position: absolute;

	.rulemodalbg {
		width: 550rpx;
		height: 667rpx;
		left: 100rpx;
		top: 418rpx;
		position: absolute;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.rulemodaltextimg {
		width: 481rpx;
		height: 471rpx;
		left: 137rpx;
		top: 572rpx;
		position: absolute;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.rulemodalclosebtn {
		width: 60rpx;
		height: 59rpx;
		left: 345rpx;
		top: 1146rpx;
		position: absolute;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		transition: opacity 0.3s ease;

		&:hover {
			opacity: 0.8;
		}
	}
}
