/* 版块五开始 */
.block5 {
    width: 1360px;
    margin: 60px auto;
}
.datum {
    width: 100%;
}
.online-test {
    position: relative;
    float: left;
    width: 300px;
    height: 610px;
    padding: 72px 20px 0 40px;
    box-sizing: border-box;
    background: url("../images/test-bg.png") no-repeat center/contain;
}
.online-test-title {
    position: absolute;
    top: -3px;
    width: 100%;
    height: 72px;
    background: url("../images/test-title.png") no-repeat 10px 0;
}
.online-test-title h3 {
    line-height: 72px;
    text-indent: 80px;
    color: #fff;
    font-size: 22px;
}
.quizzes {
    height: 84px;
    margin-top: 20px;
    color: #333;
    line-height: 1.5;
    font-size: 14px;
    font-weight: 700;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.test-list {
    margin-top: 20px;
    line-height: 1.8;
    font-size: 14px;
}
.test-list li {
    margin-bottom: 15px;
    height: 56px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.option-abcd {
	/* float: left; */
	display: inline-block;
	vertical-align: middle;
}
/* .anwser {
    display: inline-block;
} */
.option-abcd {
    width: 26px;
	height: 26px;
    margin-top: -4px;
	background: url("../images/option.png") no-repeat center/contain;
	cursor: pointer;
}
.option-abcd-tg {
	background: url("../images/choice.png") no-repeat center/contain;
}
.sub-bar {
	position: absolute;
    bottom: 84px;
    right: 20px;
	overflow: hidden;
	background-color: #f1891a;
	/* box-shadow: 1px 1px 10px #fff inset; */
	border-radius: 100px;
}
.sub-bar input[type=button] {
	float: left;
	padding: 5px 18px;
	background-color: rgba(0,0,0,0);
	border: none;
	outline: none;
	font-size: 15px;
	color: #fff;
	cursor: pointer;
	text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 2px;
}
.sub-bar input[disabled=disabled] {
	color: #f5f5f5;
}
.anwser-btn {
	border-right: 1px solid #f5a921 !important;
}
.analysis-btn {
	border-left: 1px solid #ed6913 !important;
	border-right: 1px solid #f5a921 !important;
}
.next-test {
	border-left: 1px solid #ed6913 !important;
}
.correct,.wrong {
	position: absolute;
	top: 50%;
	left: 55%;
	z-index: -5;
	width: 130px;
	height: 130px;
	margin-top: -75px;
	margin-left: -75px;
	background-color: rgba(0,0,0,0.8);
	border-radius: 4px;
	opacity: 0;
	-WebKit-transition: 0.5s;
	transition: 0.5s;
}
.analysis {
	position: absolute;
	top: 48%;
	left: 92%;
	z-index: -10;
	width: 82%;
	height: 300px;
	margin-top: -115px;
	margin-left: -240px;
	padding: 30px 20px;
	box-sizing: border-box;
	background-color: rgba(0,0,0,0.8);
    font-size: 14px;
	color: #fff;
	opacity: 0;
}
.answer-options {
	margin-bottom: 10px;
	font-size: 18px;
}
.question-analysis {
	line-height: 1.8;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
}
.datum-list {
    float: right;
    width: 1034px;
    height: 610px;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    overflow: hidden;
}
.datum-box {
    width: 100%;
    height: 100%;
}
.datum-item {
    position: relative;
    float: left;
    width: 50%;
    height: 50%;
    padding: 40px 20px;
    box-sizing: border-box;
    overflow: hidden;
}
.datum-box .datum-item:nth-child(1),
.datum-box .datum-item:nth-child(2) {
    border-bottom: 1px solid #dcdcdc;
}
.datum-box .datum-item:nth-child(1),
.datum-box .datum-item:nth-child(3) {
    border-right: 1px solid #dcdcdc;
}
.datum-item h3 {
    margin-bottom: 18px;
    font-size: 22px;
    color: #f1891a;
}
.datum-item h3 a {
    color: inherit;
}
.more1 {
    position: absolute;
    top: 40px;
    right: 20px;
}
.more1:hover {
    text-decoration: underline;
}
.datum-item li {
    line-height: 2.5;
    font-size: 14px;
}
.emphases {
    font-size: 15px;
    font-weight: 700;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.datum-item li:before {
    content: "";
    float: left;
    width: 3px;
    height: 3px;
    margin-top: 16px;
    margin-right: 10px;
    background-color: #666;
}
.datum-item ul li:first-child:before {
    display: none;
}
.datum-item li a {
    float: left;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.datum-item li span {
    float: right;
}
/* 版块五结束 */