* {padding: 0; margin: 0; box-sizing: border-box;}
body {font-family: Microsoft YaHei, Helvetica, sans-serif; width: 100%; overflow-x: hidden; background: #0f132c; }
table,td {border-spacing: 0;}
a {text-decoration: none;}
img {width: 100%; float: left;}

.content {
	width: 6.14rem;
	padding: 0.24rem 0.42rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #131b2e;
	border: solid 1px #292e4b;
	border-radius: 0.24rem;
}
.content > .sonTitle {
	width: 100%;
	float: left;
	font-size: 0.24rem;
	line-height: 0.4rem;
	color: #cfd6e9;
}

.content > .sonDrag {
	width: 100%;
	float: left;
	margin-top: 0.2rem;
	border: solid 1px #2e3350;
	border-radius: 0.24rem;
	background: #0d1426;
	padding: 0.08rem;
}
.content > .sonDrag > .sonBlock {
	width: 0.8rem;
	height: 0.8rem;
	float: left;
	border: solid 1px #3c456c;
	background: #1a2344;
	cursor: pointer;
	border-radius: 0.2rem;
}
.content > .sonDrag > .sonBlock > i {
	width: 0;
	height: 0;
	float: left;
	border-top: 0.12rem solid transparent;
	border-bottom: 0.12rem solid transparent;
	border-left: 0.15rem solid #668eed;
	margin-top: 0.24rem;
	margin-left: 0.12rem;
}
.content > .sonDrag > .sonBlock > i + i {
	margin-left: 0.06rem;
}
.content > .sonDrag > .sonInfo {
	width: calc(100% - 1rem);
	float: right;
	font-size: 0.18rem;
	line-height: 1.5em;
	color: #a0aedb;
	text-align: center;
	margin-top: 0.14rem;
}
.content > .sonInfo {
	width: 100%;
	float: left;
	margin-top: 0.2rem;
}
.content > .sonInfo > i {
	width: 0.25rem;
	height: 0.25rem;
	float: left;
	border-radius: 50%;
	border: solid 0.05rem #1f273e;
}
.content > .sonInfo > span {
	float: left;
	font-size: 0.18rem;
	line-height: 0.25rem;
	color: #8f96ca;
	margin-left: 0.08rem;
}
.content > a {
	width: 1.46rem;
	float: right;
	margin-top: 0.4rem;
	background: #1a2340;
	color: #ffffff;
	text-align: center;
	font-size: 0.18rem;
	line-height: 1em;
	padding: 0.15rem 0;
	border: solid 2px #30385d;
	border-radius: 0.14rem;
}