Template:Wj654cj86/沙盒/tututest.css

/* <noinclude>
</noinclude> */
.xiangqi {
	clear: right;
}

.xiangqi>div {
	border: 1px solid #a2a9b1;
	padding: 5px;
	background-color: #f8f9fa;
}

.xiangqi-header {
	text-align: center;
	margin-bottom: 3px;
}

.xiangqi-main {
	position: relative;
	overflow: hidden;
}

.xiangqi-main div {
	position: absolute;
}

.xiangqi-qR {
	width: 94px;
	height: 94px;
	background-color: #fda;
	border-radius: 50%;
	border: 3px solid #000;
}

.xiangqi-qC {
	left: 5px;
	top: 5px;
	width: 84px;
	height: 84px;
	border-radius: 50%;
	border: 3px solid;
}

.xiangqi-qZ {
	width: 374px;
	height: 374px;
	transform: scale(.267);
	transform-origin: 0px 0px;
}

.xiangqi-pX {
	width: 100px;
	height: 100px;
	background-color: #e00;
	clip-path: polygon(20% 27%, 43% 50%, 20% 73%, 27% 80%, 50% 57%, 73% 80%, 80% 73%, 57% 50%, 80% 27%, 73% 20%, 50% 43%, 27% 20%);
}

.xiangqi-pD {
	width: 100px;
	height: 100px;
	background-color: #0d0;
	clip-path: circle(13%);
}

.xiangqi-pR {
	width: 100px;
	height: 100px;
	background-color: #0d0;
	clip-path: polygon(0% 80%, 0% 100%, 100% 100%, 100% 0%, 0% 0%, 0% 20%, 7% 20%, 7% 7%, 20% 7%, 20% 0%, 80% 0%, 80% 7%, 93% 7%, 93% 20%, 100% 20%, 100% 80%, 93% 80%, 93% 93%, 80% 93%, 80% 100%, 20% 100%, 20% 93%, 7% 93%, 7% 80%);
}

.xiangqi-aB {
	height: 100px;
	transform-origin: 50px 50px;
}

.xiangqi-aL {
	left: 50px;
	top: 43.75px;
	height: 12.5px;
	background-color: #0d0;
}

.xiangqi-aH {
	top: 25px;
	width: 0px;
	height: 0px;
	border: 25px solid transparent;
	border-left-color: #0d0;
	border-left-width: 50px;
}