.eval{
	background-color: #EBEBEB;
}

.index-coretype {
	width: 150px;
	height: 150px;
	border-radius: 75px;
	vertical-align: middle;
}

.index-enword {
	background: #4371F5;
}

.index-ensent {
	background: #F2BB2A;
}

.index-enpred {
	background: #88BF4C;
}

.index-cnword {
	background: #37C1A0;
}

.index-cnsent {
	background: #FF9900;
}

.span-record {
	width: 100px;
	height: 100px;
	border-radius: 50px;
	background: red;
	display: block;
}

.index-img {
	width: 50%;
	height: 50%;
	margin-top: 27px;
}

.record-img {
	margin-top: 27px;
	margin-left: 33px;
}

.actRecord {
	width: 100px;
	height: 100px;
	border-radius: 500px;
	background: red;
	vertical-align: middle;
	margin-top: 27px;
}

.title { 
	text-align:center;
}

.heading-info {
	background-color: #4385F5;
	border-color: #4385F5;
}

.font-heading {
	font-size: 45px;
	color: white;
}

.readContent {
	font-size: 30px;
}

.totalPoint {
	height: 300px;
}

.edit-content {
	top: 20px;
	left: 20px;
	font-size: 40px;
	color: white;
}

.div-pencil {
	float: right;
	margin-left: 850px;
	bottom: 0px;
	position: absolute; 
	width: 80px;
	height: 80px;
	border-radius: 40px;
	background: #4385f5;
}

.read {
	height: 300px;
}

.record-icon {
	width: 200px;
	height: 200px;
	border-radius: 100px;
	background: #4385F5;
	vertical-align: middle;
}

.img-record-icon {
	height: 60%;
	weidth: 50%;
	margin-top: 40px;
}

.img-point-excellent {
	background: url('/static/img/excellent.png') no-repeat;
	background-size: cover;
	width: 220px;
	height: 220px;
}

.img-point-good {
	background: url('/static/img/good.png') no-repeat;
	background-size: cover;
	width: 220px;
	height: 220px;
}

.img-point-middle {
	background: url('/static/img/middle.png') no-repeat;
	background-size: cover;
	width: 220px;
	height: 220px;
}

.img-point-bad {
	background: url('/static/img/bad.png') no-repeat;
	background-size: cover;
	width: 220px;
	height: 220px;
}

.img-point {
	margin-top: 0px;	
}

.point {
	padding-top: 60px;
	margin-left: 0px;
}

.getPoint {
	font-size: 70px;
}

.total-point {
	font-size: 35px;
}

.spi-points {
	font-size: 30px;
}

.span-right {
	float:right;
}

.excellent {
	color:#18A815;
}

.good {
	color:#81AFFD;
}

.middle {
	color:#2D2D2D;
}

.bad {
	color:#F86174;	
}

.index-ct-div {
	margin-top: 10px;
}

.index-ct {
	font-weight:bold;
	font-size: 25px;
}

.cn-common-set {
	margin-top: 40px;
}

.ori-result {
	width:100%;
	height: 200px;
	border:none;
}

.state {
	color: white;
	font-size: 25px; 
}

.relate {
	position: relative;
}