@charset "utf-8";

.playey {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 400px;
	height: 400px;
	background: url(/uploads/image/cmlimg/bg_circle.png),url(/uploads/image/cmlimg/bg_center.png) no-repeat center;
	background-size: 100%;
}

.btn {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 95px;
	height: 95px;
	background-color: yellow;
	background: url(/uploads/image/cmlimg/btn-bg.png) no-repeat;
	animation: btn-bg 3s linear infinite;
}

.play {
	position: absolute;
	width: 29px;
	height: 36px;
	background: red;
	background: url(/uploads/image/cmlimg/pause.png) no-repeat;
	transition: .5s;
}

.btns-bg {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0px auto;
	width: 400px;
	height: 400px;
	overflow: hidden;
}

@keyframes btn-bg {
	from {}
	to {
		transform: rotate(360deg);
	}
}