﻿/* 全题库分类 */
.exam_wholeClass {
	width: 1200px;
	margin: 0 auto;
	background-color: #FFFFFF;
	margin-bottom: 40px;
}

.exam_wholeClass .whole_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 40px;
	height: 80px;
	border-bottom: 1px solid #EEEEEE;
}

.exam_wholeClass .whole_name {
	display: block;
	font-size: 28px;
	color: #333333;
	font-weight: bold;
}

.exam_wholeClass .whole_num {
	display: block;
	font-size: 14px;
	color: #999999;
}

.exam_wholeClass .whole_num span {
	color: #ff6900;
}

.exam_wholeClass .whole_cont {
	padding: 5px 55px 40px 40px;
}

.exam_wholeClass .whole_label {
	display: flex;
	align-items: center;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	margin-top: 30px;
}

.exam_wholeClass .whole_label img {
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
}

.exam_wholeClass .whole_link {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}

.exam_wholeClass .whole_link a {
	display: block;
	line-height: 26px;
	position: relative;
	margin-right: 30px;
	font-size: 14px;
	color: #333333;
}

.exam_wholeClass .whole_link a::before {
	content: '';
	position: absolute;
	right: -15px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 14px;
	background-color: #E5E5E5;
}

.exam_wholeClass .whole_link a:last-child::before {
	width: 0;
}

.exam_wholeClass .whole_link a:hover {
	color: #21AA28;
}

/* 考试主页 */
.exam_navigation {
	background-color: #21AA28;
}

.exam_navigation .width1200 {
	display: flex;
	padding: 15px 0;
}

.exam_navigation .navi_box {
	display: flex;
	align-items: flex-start;
	max-width: 339px;
	box-sizing: border-box;
	margin-right: 20px;
}

.exam_navigation .navi_box_img {
	display: block;
	margin-right: 15px;
}

.exam_navigation .navi_box_img img {
	display: block;
	width: 36px;
	height: 36px;
	margin: 0 auto;
}

.exam_navigation .navi_box_img span {
	display: block;
	text-align: center;
	margin-top: 5px;
	font-size: 16px;
	color: #FFFFFF;
}

.exam_navigation .navi_box_list {
	display: flex;
	flex-wrap: wrap;
	max-width: 288px;
	overflow: hidden;
}

.exam_navigation .navi_list_center {
	height: 58px;
	align-items: center;
}

.exam_navigation .navi_overflow {
	height: 58px;
	overflow: hidden;
}

.exam_navigation .navi_box_list a {
	line-height: 29px;
	font-size: 14px;
	color: #FFFFFF;
	cursor: pointer;
	width: 96px;
}

.exam_entrance {
	width: 290px;
}

.exam_entrance .entr_date {
	display: block;
	width: 100%;
	height: 90px;
	background: url(/static/image/testhome_daybg.png) no-repeat;
	background-size: 100% 100%;
}

.exam_entrance .entr_date_txt {
	display: block;
	text-align: center;
	padding-top: 15px;
	font-size: 16px;
	color: #333333;
}

.exam_entrance .entr_date_num {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
}

.exam_entrance .entr_date_num .date {
	display: flex;
	align-items: center;
}

.exam_entrance .entr_date_num .date span {
	width: 26px;
	height: 30px;
	background-color: #657180;
	border-radius: 4px;
	display: block;
	text-align: center;
	line-height: 30px;
	margin: 0 4px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}

.exam_entrance .entr_date_num .txt {
	font-size: 16px;
	color: #666666;
}

.exam_entrance .entr_steps {
	position: relative;
	margin-top: 25px;
}

.exam_entrance .entr_steps::before {
	content: '';
	position: absolute;
	left: 5px;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #F3F3F3;
}

.exam_entrance .steps_view {
	position: relative;
	margin-top: 20px;
	padding-left: 26px;
}

.exam_entrance .steps_view:first-child {
	margin-top: 0;
}

.exam_entrance .steps_view::before {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	width: 12px;
	height: 12px;
	background: url(/static/image/testh_list_point.png) no-repeat;
	background-size: 100% 100%;
}

.exam_entrance .steps_label {
	display: flex;
	align-items: center;
}

.exam_entrance .steps_label_name {
	display: block;
	min-width: 60px;
	height: 24px;
	border-radius: 0 12px 12px 0;
	box-sizing: border-box;
	line-height: 24px;
	padding-left: 8px;
	padding-right: 6px;
	font-size: 16px;
	background-color: #e1fcdb;
	color: #21aa28;
}

.exam_entrance .steps_label_time {
	margin-left: 20px;
	font-size: 14px;
	color: #ff6900;
}

.exam_entrance .steps_list {
	padding-top: 10px;
	display: flex;
	flex-wrap: wrap;
}

.exam_entrance .steps_list a {
	width: 82px;
	height: 24px;
	background-color: #f1f5fc;
	display: block;
	text-align: center;
	line-height: 24px;
	font-size: 14px;
	color: #333333;
	margin-top: 10px;
	margin-right: 9px;
}

.exam_entrance .steps_list a:nth-child(3n) {
	margin-right: 0;
}

.exam_recom_quest {
	position: relative;
	width: 100%;
}

.exam_recom_quest .recom_bg {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 150px;
}

.exam_recom_quest .recom_title {
	position: relative;
	display: flex;
	align-items: center;
	margin: 0 10px;
	padding-top: 10px;
	padding-bottom: 12px;
}

.exam_recom_quest .recom_title_txt {
	position: relative;
}

.exam_recom_quest .recom_title_txt img {
	display: block;
	width: 110px;
	height: 22px;
}

.exam_recom_quest .recom_title_txt::before {
	content: '';
	position: absolute;
	bottom: -12px;
	left: 50%;
	transform: translateX(-50%);
	width: 76px;
	height: 3px;
	background-color: #21aa28;
}

.exam_recom_quest .recom_title_link {
	display: flex;
	align-items: center;
	width: 410px;
}

.exam_recom_quest .recom_title_link a {
	font-size: 14px;
	color: #666666;
	margin-left: 15px;
}

.exam_recom_quest .recom_more {
	position: absolute;
	right: 0;
	font-size: 14px;
	color: #999999;
}

.exam_recom_quest .recom_quest_list {
	margin: 0 10px;
	margin-top: 20px;
	display: flex;
	align-items: center;
}

.exam_recom_quest .exam_quest_view {
	width: 168px;
	min-width: 168px;
	margin-right: 18px;
}

.exam_recom_quest .exam_quest_view:last-child {
	margin-right: 0;
}

.exam_recom_quest .exam_scroll_view {
	width: 100%;
	height: 168px;
}

.exam_recom_quest .scroll_name {
	padding-top: 18px;
	margin: 0 10px;
	height: 42px;
	line-height: 20px;
	font-size: 15px;
}

.exam_recom_quest .scroll_btn_view {
	height: 70px;
}

.exam_recom_quest .scroll_btn {
	height: 20px;
	border-radius: 10px;
	font-size: 10px;
	line-height: 20px;
}

.exam_recom_quest .scroll_price {
	bottom: 2px;
	left: 4px;
}

.exam_recom_quest .price_txt {
	font-size: 10px;
	margin-left: 8px;
}

.exam_recom_quest .price_num {
	font-size: 9px;
}

.exam_recom_quest .price_num span {
	font-size: 16px;
}

.exam_recom_quest .quest_title {
	font-size: 14px;
}

.exam_recom_quest .quest_people {
	font-size: 12px;
}

.exam_recom_quest .quest_price {
	font-size: 16px;
}

.exam_packa_list {
	display: flex;
	flex-wrap: wrap;
	padding-top: 5px;
}

.exam_packa_list .packa_item {
	width: 385px;
	height: 206px;
	background: #FFFFFF;
	border-radius: 6px;
	margin-top: 20px;
	margin-right: 22px;
	box-sizing: border-box;
	padding: 0 15px;
	padding-top: 20px;
}

.exam_packa_list .packa_item:nth-child(3n) {
	margin-right: 0;
}

.exam_packa_list .packa_title {
	display: block;
	font-size: 16px;
	color: #333333;
}

.exam_packa_list .packa_time {
	display: block;
	margin-top: 12px;
	font-size: 14px;
	color: #999999;
}

.exam_packa_list .contain_label {
	display: flex;
	align-items: center;
	margin-top: 20px;
	font-size: 14px;
	color: #666666;
}

.exam_packa_list .contain_label_icon {
	width: 16px;
	height: 16px;
	margin-right: 5px;
}

.exam_packa_list .contain_list {
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
	margin-top: 10px;
}

.exam_packa_list .contain_txt {
	width: 80px;
	height: 30px;
	margin-right: 10px;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	color: #ff6900;
}

.exam_packa_list .packa_bot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 16px;
}

.exam_packa_list .packa_bot_l {
	display: flex;
	align-items: flex-end;
}

.exam_packa_list .packa_price {
	display: block;
	color: #ff6600;
	font-size: 14px;
}

.exam_packa_list .packa_price_num {
	font-size: 24px;
}

.exam_packa_list .packa_price_del {
	margin-left: 10px;
	font-size: 14px;
	color: #999999;
	text-decoration: line-through;
}

.exam_packa_list .packa_btn {
	/* width: 105px; */
	height: 32px;
	padding: 0 8px;
	background: #f5e1c9;
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #ff6900;
}

.exam_packa_list .packa_btn_icon {
	width: 20px;
	height: 20px;
	margin-right: 2px;
}

.exam_det_middle .paper_news_title {
	position: relative;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #EEEEEE;
	box-sizing: border-box;
}

.exam_det_middle .paper_news_name {
	position: relative;
	padding: 30px 0 20px 0;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
}

.exam_det_middle .paper_news_name::before {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 75px;
	height: 3px;
	background-color: #21aa28;
}

.exam_det_middle .paper_news_link {
	display: flex;
	align-items: center;
	width: 420px;
	margin-top: 10px;
}

.exam_det_middle .paper_news_link a {
	max-width: 70px;
	margin-left: 20px;
	font-size: 14px;
	color: #666666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.exam_det_middle .paper_news_more {
	position: absolute;
	right: 0;
	top: 50%;
	font-size: 14px;
	color: #999999;
}

.exam_det_middle .paper_news_turn {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
}

.exam_det_middle .paper_news_turn img {
	display: block;
	width: 16px;
	height: 16px;
	margin: 0 5px;
	cursor: pointer;
}

.exam_det_middle .paper_cont {
	width: 560px;
	overflow: hidden;
	display: flex;
}

.exam_det_middle .paper_list,
.exam_det_middle .paper_news_list {
	width: 560px;
	min-width: 560px;
	padding-top: 8px;
}

.exam_det_middle .paper_list a,
.exam_det_middle .paper_news_list a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}

.exam_det_middle .paper_list_txt {
	position: relative;
	flex: 1;
	font-size: 15px;
	color: #333333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
}

.exam_det_middle .paper_list_txt:hover {
	color: #21AA28;
}

.exam_det_middle .paper_news_list .paper_list_txt {
	position: relative;
	padding-left: 25px;
}

.exam_det_middle .paper_news_list .paper_list_txt::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	background: url(/static/image/testh_exa_point.png) no-repeat;
	background-size: 100% 100%;
}

.exam_det_middle .paper_list_num {
	display: block;
	font-size: 14px;
	color: #999999;
	margin-left: 25px;
}

.exam_slide_adv {
	display: block;
	height: 140px;
	width: 100%;
	border-radius: 6px;
	overflow: hidden;
}

.exam_slide_adv img {
	display: block;
	width: 100%;
	height: 100%;
}

.exam_brush {
	display: block;
	margin-top: 25px;
}

.exam_brush .brush_label {
	display: block;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
}

.exam_brush .brush_view {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}

.exam_brush .brush_view_l {
	display: flex;
	align-items: center;
}

.exam_brush .brush_view_icon {
	display: block;
	width: 48px;
	height: 48px;
	margin-right: 10px;
}

.exam_brush .brush_name {
	display: block;
	font-size: 16px;
	color: #333333;
}

.exam_brush .brush_notes {
	display: block;
	font-size: 14px;
	color: #999999;
	margin-top: 10px;
}

.exam_brush .brush_arrow {
	display: block;
	width: 20px;
	height: 20px;
}

.exam_brush .brush_btn {
	display: block;
	width: 100%;
	height: 40px;
	background-color: #21aa28;
	border-radius: 20px;
	text-align: center;
	line-height: 40px;
	margin-top: 20px;
	font-size: 16px;
	color: #FFFFFF;
	cursor: pointer;
}

/* 科目主页 */
.exam_locat_sel {
	position: relative;
	width: 100%;
	height: 52px;
	display: flex;
	align-items: center;
	padding-left: 6px;
	box-sizing: border-box;
	background-image: linear-gradient(90deg, #f9fbfb 0%, #ffffff 100%);
}

.exam_locat_sel .locat_bg {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.exam_locat_sel .locat_icon {
	display: block;
	width: 20px;
	height: 20px;
}

.exam_locat_sel .locat_sel {
	display: flex;
	align-items: center;
	height: 52px;
	margin-left: 5px;
	cursor: pointer;
}

.exam_locat_sel .sel_label {
	font-size: 20px;
	color: #333333;
	font-weight: bold;
}

.exam_locat_sel .sel_name {
	font-size: 20px;
	color: #21aa28;
}

.exam_locat_sel .sel_icon {
	display: block;
	width: 16px;
	height: 16px;
	margin-left: 6px;
	background: url(/static/image/classh_choose_gbsdown.png) no-repeat;
	background-size: 100% 100%;
}

.exam_locat_sel .locat_sel:hover .sel_icon {
	background: url(/static/image/classh_choose_gbsup.png) no-repeat;
	background-size: 100% 100%;
}

.exam_locat_sel .locat_hover {
	display: none;
	position: absolute;
	z-index: 100;
	left: 0;
	top: 50px;
	width: 100%;
	background-color: #FFFFFF;
	box-sizing: border-box;
	box-shadow: 0 0 20px 0 rgba(65, 64, 65, 0.08);
	border-radius: 6px;
	padding-left: 40px;
	padding-bottom: 20px;
}

.exam_locat_sel .locat_hover_lable {
	display: block;
	padding-top: 20px;
	font-size: 18px;
	color: #21aa28;
}

.exam_locat_sel .locat_hover_list {
	display: flex;
	flex-wrap: wrap;
}

.exam_locat_sel .locat_hover_list span {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	background-color: #f5f7f8;
	border-radius: 4px;
	cursor: pointer;
	margin-right: 20px;
	margin-top: 20px;
	font-size: 14px;
	color: #666666;
}

.exam_locat_sel .locat_hover_list .locat_cur {
	background-color: #21aa28;
	color: #FFFFFF;
}

.exam_locat_sel .locat_sel:hover .locat_hover {
	display: block;
}

.exam_middle_adv {
	display: block;
	width: 100%;
	height: 64px;
	border-radius: 6px;
	overflow: hidden;
	margin-top: 25px;
}

.exam_middle_adv img {
	display: block;
	width: 100%;
	height: 100%;
}

.exam_det_middle .paper_news_free {
	margin-left: 8px;
	width: 41px;
	height: 20px;
	background-image: linear-gradient(90deg, #fc9551 0%, #ff4a08 100%);
	border-radius: 10px 10px 10px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	color: #FFFFFF;
}

.exam_det_middle .study_num {
	display: block;
	width: 20px;
	height: 15px;
	line-height: 15px;
	box-sizing: border-box;
	padding-left: 4px;
	font-size: 12px;
	color: #FFFFFF;
	margin-right: 5px;
	background: url(/static/image/sdata_list3.png) no-repeat;
	background-size: 100% 100%;
}

.exam_det_middle .study_one {
	background: url(/static/image/sdata_list1.png) no-repeat;
	background-size: 100% 100%;
}

.exam_det_middle .study_two {
	background: url(/static/image/sdata_list2.png) no-repeat;
	background-size: 100% 100%;
}

.exam_det_middle .study_three {
	background: url(/static/image/sdata_list4.png) no-repeat;
	background-size: 100% 100%;
}

.exam_brush .brush_title {
	display: flex;
	align-items: center;
}

.exam_brush .brush_title_num {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}

.exam_brush .brush_title_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	background-color: #ffc501;
	border-radius: 11px 11px 11px 0;
	margin-left: 4px;
	font-size: 14px;
	color: #FFFFFF;
}

.exam_brush .brush_text {
	display: block;
	margin-top: 8px;
	font-size: 14px;
	color: #333333;
}

.exam_brush .brush_text span {
	color: #999999;
}

.exam_det_middleIn {
	width: 860px;
}

.exam_det_middleIn .paper_list_num {
	display: none;
}

.exam_det_middleIn .paper_list,
.exam_det_middleIn .paper_news_list {
	width: 860px;
	min-width: 860px;
	display: flex;
	flex-wrap: wrap;
}

.exam_det_middleIn .paper_list a,
.exam_det_middleIn .paper_news_list a {
	width: 50%;
	padding-right: 20px;
	box-sizing: border-box;
}

.exam_det_middleIn .paper_list a:nth-child(2n),
.exam_det_middleIn .paper_news_list a:nth-child(2n) {
	padding-right: 0;
}

.exam_det_middleIn .paper_cont {
	width: 860px;
}

/* 考试指南详情 */
.exam_test_catalog {
	width: 290px;
	background-color: #FFFFFF;
	box-shadow: 0 0 40px 0 rgba(65, 64, 65, 0.04);
}

.exam_test_catalog .catalog_sel {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	height: 58px;
	box-sizing: border-box;
	padding-left: 15px;
	border-bottom: 1px solid #F5F5F5;
	cursor: pointer;
}

.exam_test_catalog .cata_sel_img {
	display: block;
	width: 18px;
	height: 18px;
	margin-right: 15px;
	background: url(/static/image/test_details_searchblack.png) no-repeat;
	background-size: 100% 100%;
}

.exam_test_catalog .cata_sel_txt {
	flex: 1;
	font-size: 16px;
	color: #666666;
	white-space: nowrap;
	overflow: hidden;
	padding-right: 30px;
	text-overflow: ellipsis;
}

.exam_test_catalog .sel_icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	width: 16px;
	height: 16px;
	background: url(/static/image/test_details_up.png) no-repeat;
	background-size: 100% 100%;
}

.exam_test_catalog .catalog_sel_on {
	background: url(/static/image/test_details_navbg.png) no-repeat;
	background-size: 100% 100%;
}

.exam_test_catalog .catalog_sel_on .cata_sel_img {
	background: url(/static/image/test_details_iconwhite.png) no-repeat;
	background-size: 100% 100%;
}

.exam_test_catalog .catalog_sel_on .cata_sel_txt {
	color: #FEFEFE;
}

.exam_test_catalog .catalog_sel_on .sel_icon {
	background: url(/static/image/test_details_an.png) no-repeat;
	background-size: 100% 100%;
}

.exam_test_catalog .catalog_list {
	display: none;
}

.exam_test_catalog .catalog_list li {
	position: relative;
	padding: 0 15px;
}

.exam_test_catalog .catalog_list li a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	color: #666666;
	line-height: 55px;
	border-bottom: 1px solid #EEEEEE;
}

.exam_test_catalog .catalog_list .cata_active::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 2px;
	height: 14px;
	background-color: #21AA28
}

.exam_test_catalog .catalog_list .cata_active a,
.exam_test_catalog .catalog_list li a:hover {
	color: #21aa28;
}

.exam_det_left {
	width: 290px;
}

.exam_det_entrance {
	width: 100%;
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06);
	padding-bottom: 30px;
}

.exam_det_entrance .entr_name {
	display: block;
	width: 290px;
	height: 66px;
	box-sizing: border-box;
	padding-left: 27px;
	padding-top: 24px;
	background: url(/static/image/kszn_nav_bg.png) no-repeat;
	background-size: 100% 100%;
}

.exam_det_entrance .entr_name img {
	display: block;
	width: 129px;
	height: 26px;
}

.exam_det_entrance .entr_steps {
	position: relative;
	margin-top: 25px;
	margin-left: 10px;
}

.exam_det_entrance .entr_steps::before {
	content: '';
	position: absolute;
	left: 5px;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #F3F3F3;
}

.exam_det_entrance .steps_view {
	position: relative;
	padding-left: 20px;
	margin-top: 20px;
}

.exam_det_entrance .steps_view:first-child {
	margin-top: 0;
}

.exam_det_entrance .steps_view::before {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	width: 12px;
	height: 12px;
	background: url(/static/image/testh_list_point.png) no-repeat;
	background-size: 100% 100%;
}

.exam_det_entrance .steps_label {
	display: flex;
	align-items: center;
}

.exam_det_entrance .steps_label_name {
	display: block;
	min-width: 60px;
	height: 24px;
	border-radius: 0 12px 12px 0;
	box-sizing: border-box;
	line-height: 24px;
	padding-left: 8px;
	padding-right: 10px;
	font-size: 16px;
	cursor: pointer;
	background: #f5f7f8;
	color: #333333;
}

.exam_det_entrance .steps_list {
	padding-top: 10px;
	display: none;
	flex-wrap: wrap;
}

.exam_det_entrance .steps_list a {
	width: 72px;
	height: 24px;
	background-color: #f1f5fc;
	display: block;
	text-align: center;
	line-height: 24px;
	font-size: 14px;
	color: #333333;
	margin-top: 10px;
	margin-right: 12px;
}

.exam_det_entrance .steps_hover .steps_label_name {
	background: #e1fcdb;
	color: #21aa28;
}

.exam_det_entrance .steps_hover .steps_list {
	display: flex;
}

.exam_guide_paper {
	display: block;
	background-color: #FFFFFF;
	box-shadow: 0 0 40px 0 rgba(65, 64, 65, 0.06);
	padding: 0 30px;
	padding-bottom: 30px;
	border-radius: 6px;
}

.exam_guide_paper .paper_title {
	display: block;
	padding-top: 15px;
	font-size: 30px;
	color: #333333;
	text-align: justify;
	line-height: 38px;
}

.exam_guide_paper .paper_time {
	position: relative;
	display: flex;
	align-items: center;
	margin-top: 10px;
	margin-left: -10px;
}

.exam_guide_paper .paper_time_txt {
	line-height: 14px;
	padding: 0 10px;
	font-size: 14px;
	color: #999999;
	border-right: 1px solid #DCDCDC;
}

.exam_guide_paper .paper_time_txt:nth-child(2) {
	border-right: 0;
}

.exam_guide_paper .exam_paper_coll {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.exam_guide_paper .paper_rich {
	position: relative;
	display: block;
	padding-top: 10px;
	padding-bottom: 35px;
}

.exam_guide_paper .paper_rich p {
	display: block;
	font-size: 18px;
	color: #333333;
	text-align: justify;
	line-height: 36px;
	margin-top: 27px;
}

.exam_guide_paper .paper_rich p img {
	max-width: 100%;
}

.exam_guide_paper .paper_rich h3 {
	display: block;
	margin-top: 35px;
	font-size: 16px;
	color: #333333;
	line-height: 36px;
}

.exam_guide_paper .paper_rich a {
	color: #21aa28;
}

.exam_guide_paper .paper_rich_end {
	display: block;
	position: relative;
	text-align: center;
	font-size: 14px;
	color: #E5E5E5;
}

.exam_guide_paper .paper_rich_end::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 1px;
	width: 355px;
	border-bottom: 1px dashed #E5E5E5;
}

.exam_guide_paper .paper_rich_end::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 1px;
	width: 355px;
	border-bottom: 1px dashed #E5E5E5;
}

.exam_guide_paper .paper_prompt_txt {
	display: block;
	margin-top: 15px;
	text-align: center;
	font-size: 12px;
	color: #999999;
}

.exam_guide_paper .paper_prompt_ewm {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 40px;
}

.exam_guide_paper .paper_prompt_ewm img {
	display: block;
	width: 392px;
	height: 126px;
}

.exam_test_catalog .cata_show {
	display: block;
}

.exam_guide_related {
	padding: 0 30px;
	margin-top: 30px;
	background-color: #FFFFFF;
	display: block;
	padding-bottom: 40px;
	box-shadow: 0 0 40px 0 rgba(65, 64, 65, 0.06);
	border-radius: 6px;
}

.exam_related_tab {
	padding-left: 0;
	padding-right: 0;
}

.exam_related_tab .related_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 60px;
	padding: 0 30px;
	padding-top: 10px;
	border-bottom: 1px solid #EEEEEE;
}

.exam_related_tab .related_tab_title {
	display: flex;
	align-items: center;
	height: 60px;
}

.exam_related_tab .related_tab_title li {
	position: relative;
	height: 60px;
	line-height: 60px;
	margin-right: 90px;
	cursor: pointer;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
}

.exam_guide_related .relat_tab_icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -46px;
	width: 40px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	background-image: linear-gradient(90deg, #fc9551 0%, #ff4a08 100%);
	border-radius: 10px 10px 10px 0;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: normal;
}

.exam_related_tab .related_tab_title .relat_cur {
	color: #21aa28;
}

.exam_related_tab .related_tab_title .relat_cur::before {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 3px;
	background: #21AA28;
}

.exam_related_tab .relat_more {
	font-size: 14px;
	color: #999999;
}

.exam_guide_related .relat_paper_list {
	display: none;
	margin: 0 30px;
	padding-top: 5px;
}

.exam_guide_related .relat_show {
	display: block;
}

.exam_guide_related .relat_paper_list a {
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px dashed #EEEEEE;
}

.exam_guide_related .paper_li_txt {
	display: flex;
	align-items: center;
	width: 90%;
	font-size: 18px;
	color: #333333;
}

.exam_guide_related .paper_li_txt:hover {
	color: #21AA28;
}

.exam_guide_related .paper_li_txt img {
	display: block;
	width: 20px;
	height: 20px;
}

.exam_guide_related .paper_li_txt span {
	flex: 1;
	margin-left: 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.exam_guide_related .paper_li_time {
	font-size: 14px;
	color: #999999;
}

.exam_left_relevant {
	width: 290px;
	height: 290px;
	padding-bottom: 30px;
}

.exam_left_relevant .exam_scroll_view {
	width: 100%;
	height: 100%;
	border-radius: 6px;
}

.exam_left_relevant .quest_price {
	font-size: 14px;
}

.exam_left_relevant .scroll_name {
	padding: 0 20px;
	padding-top: 32px;
	height: 75px;
	line-height: 36px;
	font-size: 25px;
	margin-bottom: 4px;
}

.exam_left_relevant .scroll_btn_view {
	height: 115px;
}

.exam_left_relevant .scroll_btn {
	height: 35px;
	line-height: 35px;
	border-radius: 17px;
	font-size: 17px;
}

.exam_left_relevant .price_txt {
	display: block;
	font-size: 16px;
	margin-left: 15px;
}

.exam_left_relevant .price_num {
	display: block;
	font-size: 15px;
	margin-top: 4px;
}

.exam_left_relevant .price_num span {
	font-size: 28px;
}

.exam_left_relevant .related_link {
	display: flex;
	align-items: center;
}

.exam_guide_relevant {
	background: #FFFFFF;
	box-shadow: 0 0 16px 0 rgba(65, 64, 65, 0.04);
	padding: 0 30px;
	padding-bottom: 15px;
}

.exam_guide_relevant .relev_title,
.exam_guide_related .related_title {
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #EEEEEE;
}

.exam_guide_relevant .relev_title_label,
.exam_guide_related .related_title_label {
	height: 70px;
	line-height: 70px;
	position: relative;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
}

.exam_guide_relevant .relev_title_label::before,
.exam_guide_related .related_title_label::before {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -1px;
	width: 75px;
	height: 3px;
	background: #21AA28;
}

.exam_guide_related .related_link {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #666666;
}

.exam_guide_related .related_link a {
	margin-left: 20px;
}

.exam_guide_relevant .relev_more {
	font-size: 14px;
	color: #999999;
}

.exam_guide_relevant .relev_list {
	display: flex;
	align-items: center;
	margin-top: 20px;
}

.exam_guide_relevant .exam_quest_view {
	width: 180px;
	margin-right: 30px;
}

.exam_guide_relevant .exam_quest_view:nth-child(4) {
	margin-right: 0;
}

.exam_guide_relevant .exam_scroll_view {
	width: 180px;
	height: 180px;
	border-radius: 6px;
}

.exam_guide_relevant .scroll_name {
	font-size: 16px;
	line-height: 20px;
	padding: 0 5px;
	height: 40px;
	padding-top: 20px;
}

.exam_guide_relevant .scroll_btn_view {
	height: 80px;
}

.exam_guide_relevant .scroll_btn {
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	font-size: 10px;
}

.exam_guide_relevant .scroll_price {
	bottom: 3px;
}

.exam_guide_relevant .price_num {
	margin-top: 2px;
}

.exam_guide_relevant .quest_people {
	font-size: 12px;
}

.guide_more_btn {
	display: block;
	width: 100%;
	height: 48px;
	background-color: #F5F5F5;
	text-align: center;
	line-height: 48px;
	font-size: 14px;
	color: #666666;
	cursor: pointer;
	margin-top: 25px;
}

/* 考试指南列表 */
.exam_det_slider .container_box {
	width: 290px;
	height: 290px;
}

.exam_flex_classi {
	width: 880px;
}

.exam_classify_navi {
	width: 100%;
	overflow: hidden;
	background: #FFFFFF;
	border-radius: 2px;
	box-shadow: 0 0 40px 0 rgba(65, 64, 65, 0.04);
}

.exam_classify_navi .navi_title {
	height: 56px;
	display: flex;
	align-items: center;
	background: #E9EEF5;
}

.exam_classify_navi .classify_title_l {
	display: flex;
	align-items: center;
	margin-left: 30px;
	font-size: 18px;
	color: #999999;
}

.exam_classify_navi .classify_title_l img {
	display: block;
	width: 24px;
	height: 24px;
	margin-right: 5px;
}

.exam_classify_navi .class_title_txt {
	display: flex;
	align-items: center;
}

.exam_classify_navi .class_title_txt span {
	display: block;
	color: #333333;
	padding: 0 4px;
	cursor: pointer;
}

.exam_classify_navi .navi_ul {
	display: flex;
	align-items: flex-start;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 15px;
}

.exam_classify_navi .navi_label {
	display: block;
	line-height: 34px;
	width: 60px;
	text-align: right;
	font-size: 14px;
	color: #666666;
	margin-right: 15px;
	margin-top: 5px;
}

.exam_classify_navi .navi_list {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
}

.exam_classify_navi .navi_list a {
	line-height: 34px;
	margin-right: 35px;
	font-size: 14px;
	color: #333333;
	margin-top: 5px;
}

.exam_classify_navi .navi_list .navi_active,
.exam_classify_navi .navi_list a:hover {
	color: #21AA28;
}

.exam_classify_list {
	display: block;
	width: 100%;
	margin-top: 5px;
}

.exam_classify_list .list_view {
	position: relative;
	display: block;
	padding: 30px 0;
	padding-right: 160px;
	border-bottom: 1px dashed #EEEEEE;
	box-sizing: border-box;
}

.exam_classify_list .list_title {
	font-size: 18px;
	color: #333333;
}

.exam_classify_list .list_text {
	font-size: 14px;
	color: #999999;
	line-height: 28px;
	margin-top: 12px;
}

.exam_classify_list .list_time {
	display: block;
	margin-top: 12px;
	font-size: 14px;
	color: #B3B3B3;
}

.exam_classify_list .list_goin {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 4px;
	background: #C3CBD6;
	cursor: pointer;
	font-size: 14px;
	color: #FFFFFF;
}

.exam_classify_list .list_goin:hover {
	background: #21AA28;
}

.exam_classify_list .list_title:hover,
.exam_classify_list .list_text:hover {
	color: #21AA28;
}

/* 学习资料-详情 */
.exam_learn_details {
	display: block;
	position: relative;
	background-color: #FFFFFF;
	padding: 20px 260px 30px 20px;
	box-shadow: 0 0 40px 0 rgba(65, 64, 65, 0.04);
	border-radius: 2px;
}

.exam_learn_details .learn_title {
	display: block;
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	text-align: justify;
	line-height: 35px;
}

.exam_learn_details .learn_mark {
	position: relative;
	display: flex;
	align-items: center;
	margin-top: 10px;
}

.exam_learn_details .learn_mark span {
	height: 24px;
	border-radius: 2px;
	margin-right: 10px;
	display: inline-block;
	line-height: 24px;
	padding: 0 5px;
	background-color: #f5f7f8;
	font-size: 14px;
	color: #9CA7B6;
}

.exam_learn_details .exam_paper_coll {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.exam_learn_details .learn_text {
	display: block;
	font-size: 16px;
	color: #666666;
	line-height: 2;
	text-align: justify;
	margin-top: 10px;
}

.exam_learn_details .learn_time {
	display: flex;
	align-items: center;
	margin-top: 15px;
	font-size: 13px;
	color: #999999;
}

.exam_learn_details .learn_time span {
	margin-right: 10px;
}

.exam_learn_details .learn_btn_row {
	display: flex;
	align-items: center;
	margin-top: 25px;
}

.exam_learn_details .learn_update {
	display: block;
	width: 180px;
	height: 48px;
	background-color: #21aa28;
	border-radius: 6px;
	text-align: center;
	line-height: 48px;
	font-size: 16px;
	color: #FFFFFF;
	cursor: pointer;
	margin-right: 20px;
}

.exam_learn_details .learn_derive {
	width: 180px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	margin-right: 20px;
	border: 1px solid #21AA28;
	border-radius: 6px;
	font-size: 16px;
	color: #21AA28;
	cursor: pointer;
}

.exam_learn_details .learn_price {
	display: block;
	margin-top: 30px;
	font-size: 20px;
	color: #ff6900;
}

.exam_learn_details .learn_img {
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	width: 166px;
	height: 180px;
}

.exam_guide_material .exam_practice {
	padding: 0;
	padding-top: 20px;
}

.exam_guide_material .exam_practice .pract_line {
	width: 4px;
	height: 14px;
	background: #21AA28;
	margin-right: 10px;
	margin-left: 15px;
}

.exam_guide_material .exam_practice .pract_one {
	border-bottom: 0;
	background: #F5F5F5;
	height: 54px;
	margin-top: 10px;
}

.exam_guide_material .exam_practice .pract_txt {
	max-width: 60%;
}

.exam_guide_material .exam_practice .pract_r {
	position: absolute;
	right: 15px;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
}

.exam_guide_material .exam_practice .pract_icon {
	margin-right: 0;
	width: 14px;
	height: 14px;
	background: url(/static/image/xxzl_sl2.png) no-repeat;
	background-size: 100% 100%;
}

.exam_guide_material .exam_practice .pract_unwind .pract_icon {
	background: url(/static/image/xxzl_sl.png) no-repeat;
	background-size: 100% 100%;
}

.exam_guide_material .exam_practice .pract_txt_sec {
	padding-left: 10px;
	font-size: 14px;
}

/* 题库列表 */
.exam_quest_list {
	display: flex;
	flex-wrap: wrap;
}

.exam_quest_list .exam_quest_view {
	width: 276px;
	margin-right: 32px;
	margin-top: 30px;
}

.exam_quest_list .exam_quest_view:nth-child(4n) {
	margin-right: 0;
}

.exam_quest_list .exam_scroll_view {
	height: 276px;
}

.exam_quest_list .scroll_name {
	font-size: 24px;
	line-height: 36px;
	padding: 0 10px;
	height: 72px;
	padding-top: 28px;
	margin-bottom: 5px;
}

.exam_quest_list .scroll_btn_view {
	height: 106px;
}

.exam_quest_list .scroll_btn {
	height: 32px;
	border-radius: 16px;
	line-height: 32px;
	font-size: 16px;
}

.exam_quest_list .price_txt {
	font-size: 16px;
	margin-left: 10px;
}

.exam_quest_list .price_num {
	font-size: 14px;
	margin-top: 2px;
}

.exam_quest_list .price_num span {
	font-size: 28px;
}

.exam_quest_list .quest_title {
	font-size: 18px;
}

.exam_quest_list .quest_notes {
	margin-top: 15px;
}

.exam_quest_list .quest_people {
	font-size: 14px;
}

.exam_quest_list .quest_price {
	font-size: 18px;
}

/* 题库详情 */
.exam_det_course {
	display: flex;
	align-items: flex-start;
	width: 1200px;
	margin: 0 auto;
}

.exam_det_course .exam_packa_img {
	width: 400px;
	height: 250px;
	border-radius: 6px;
}

.exam_det_course .exam_scroll_view {
	width: 400px;
	height: 400px;
	border-radius: 6px;
}

.exam_det_course .scroll_name {
	font-size: 35px;
	line-height: 45px;
	height: 90px;
	padding: 0 10px;
	padding-top: 45px;
	margin-bottom: 6px;
}

.exam_det_course .scroll_btn_view {
	height: 164px;
}

.exam_det_course .scroll_btn {
	height: 48px;
	line-height: 48px;
	border-radius: 24px;
	font-size: 23px;
	margin-bottom: 10px;
}

.exam_det_course .price_txt {
	font-size: 23px;
	margin-left: 18px;
}

.exam_det_course .price_num {
	font-size: 20px;
	margin-top: 5px;
}

.exam_det_course .price_num span {
	font-size: 40px;
}

.exam_det_course .course_info {
	position: relative;
	flex: 1;
	margin-left: 30px;
}

.exam_det_course .cour_title {
	font-size: 24px;
	text-align: justify;
	line-height: 36px;
	color: #333333;
}

.exam_det_course .cour_price {
	margin-top: 20px;
	height: 70px;
	background-color: #fffcf4;
	display: flex;
	align-items: center;
	border-radius: 4px;
}

.exam_det_course .cour_price_num {
	display: block;
	margin-left: 20px;
	font-size: 14px;
	color: #ff6600;
}

.exam_det_course .cour_price_num span {
	font-size: 32px;
}

.exam_det_course .cour_price_del {
	margin-left: 8px;
	font-size: 14px;
	color: #999999;
	text-decoration: line-through;
	margin-top: 10px;
}

.exam_det_course .cour_price_oth {
	margin-left: 20px;
	height: 32px;
	padding: 0 8px;
	border-radius: 16px;
	text-align: center;
	line-height: 32px;
	background: #ff6900;
	font-size: 14px;
	color: #FFFFFF;
}

.exam_det_course .cour_notes {
	margin-top: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.exam_det_course .cour_notes_l {
	display: flex;
	align-items: center;
}

.exam_det_course .cour_notes_txt {
	color: #999999;
	margin: 0 15px;
	font-size: 14px;
}

.exam_det_course .cour_notes_txt:first-child {
	margin-left: 0;
}

.exam_det_course .exam_paper_coll {
	margin-left: 25px;
}

.exam_det_course .cour_notes_line {
	width: 1px;
	height: 14px;
	background-color: #cccccc;
}

.exam_det_course .cour_phone {
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
	z-index: 999;
}

.exam_det_course .phone_icon {
	display: block;
	width: 20px;
	height: 20px;
}

.exam_det_course .phone_txt {
	font-size: 14px;
	color: #999999;
}

.exam_det_course .phone_hover {
	display: none;
	position: absolute;
	top: 32px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #FFFFFF;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);
	border-radius: 6px;
	padding-bottom: 30px;
}

.exam_det_course .cour_phone:hover .phone_hover {
	display: block;
}

.exam_det_course .phone_hover::before {
	content: '';
	position: absolute;
	top: -8px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #FFFFFF;
}

.exam_det_course .phone_hover_txt {
	display: block;
	text-align: center;
	margin-top: 20px;
	font-size: 16px;
	color: #333333;
}

.exam_det_course .phone_hover_row {
	position: relative;
	display: flex;
	align-items: center;
	margin-top: 15px;
}

.exam_det_course .phone_hover_view {
	text-align: center;
	display: block;
	width: 165px;
}

.exam_det_course .phone_hover_view img {
	display: block;
	width: 120px;
	height: 120px;
	margin: 0 auto;
}

.exam_det_course .phone_hover_view span {
	display: block;
	text-align: center;
	margin-top: 20px;
	font-size: 14px;
	color: #666666;
}

.exam_det_course .cour_list {
	display: flex;
	align-items: flex-start;
	margin-top: 15px;
}

.exam_det_course .cour_li_label {
	width: 80px;
	text-align: left;
	line-height: 40px;
	font-size: 14px;
	color: #666666;
}

.exam_det_course .cour_li_info {
	display: flex;
	flex-direction: column;
}

.exam_det_course .cour_li_box {
	width: 685px;
	display: flex;
	flex-wrap: wrap;
}

.exam_det_course .cour_li_box span {
	display: inline-block;
	height: 40px;
	box-sizing: border-box;
	padding: 0 14px;
	line-height: 40px;
	margin-bottom: 10px;
	margin-right: 10px;
	border-radius: 4px;
	background: #f5f6fa;
	cursor: pointer;
	font-size: 14px;
	color: #333333;
	border: 1px solid #f5f6fa;
}

.exam_det_course .cour_li_box .cour_li_cur {
	border: 1px solid #21AA28;
	background: #e8fde9;
	line-height: 39px;
	color: #21AA28;
}

.exam_det_course .cour_li_more {
	display: flex;
	align-items: center;
	padding: 8px 0;
	cursor: pointer;
}

.exam_det_course .cour_li_more span {
	font-size: 14px;
	color: #ff6900;
}

.exam_det_course .cour_li_more img {
	width: 16px;
	height: 16px;
	margin-left: 4px;
}

.exam_det_course .cour_tips {
	padding-top: 20px;
	margin-top: 10px;
	border-top: 1px dashed #dedede;
	font-size: 14px;
	color: #666666;
}

.exam_det_course .cour_tips i {
	color: #ff6600;
}

.exam_det_course .product_list {
	flex: 1;
	flex-shrink: 1;
	display: flex;
	flex-wrap: wrap;
}

.exam_det_course .product_item {
	position: relative;
	width: 340px;
	height: 60px;
	margin-bottom: 10px;
	margin-right: 10px;
	background: #F5F6FA;
	border-radius: 4px;
	display: flex;
	align-items: center;
	padding: 0 10px;
	box-sizing: border-box;
	cursor: pointer;
}

.exam_det_course .product_item:nth-child(2n) {
	margin-right: 0;
}

.exam_det_course .product_img {
	width: 64px;
	height: 40px;
	border-radius: 4px;
	margin-right: 10px;
}

.exam_det_course .product_info {
	display: flex;
	flex-direction: column;
	width: 185px;
}

.exam_det_course .product_title {
	font-size: 16px;
	color: #333333;
	line-height: 1.5;
}

.exam_det_course .product_time {
	margin-top: 8px;
	font-size: 14px;
	color: #999999;
}

.exam_det_course .product_price {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px;
	color: #666666;
}

.exam_det_course .cour_btn_row {
	display: flex;
	align-items: center;
	margin-top: 30px;
}

.exam_det_course .cour_btn_buy {
	display: block;
	width: 180px;
	height: 60px;
	background-color: #21AA28;
	border-radius: 6px;
	text-align: center;
	line-height: 60px;
	font-size: 16px;
	color: #FFFFFF;
	margin-right: 20px;
}

.exam_det_course .cour_btn_cust {
	width: 180px;
	height: 60px;
	background-color: #FFFFFF;
	border-radius: 6px;
	border: 1px solid #21AA28;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #21AA28;
}

.exam_det_hybrid {
	display: block;
	width: 1200px;
	margin: 0 auto;
	margin-top: 40px;
	box-sizing: border-box;
	border: 1px solid #EEEEEE;
}

.exam_det_hybrid .hybrid_title {
	height: 60px;
	position: relative;
	display: flex;
	align-items: center;
	padding-left: 30px;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	background-color: #F5F6FA;
}

.exam_det_hybrid .hybrid_title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 20px;
	background-color: #21AA28;
}

.exam_det_hybrid .hybrid_title .hybrid_title_cur {
	color: #21AA28;
}

.exam_det_hybrid .hybrid_title_img {
	position: absolute;
	right: 20px;
	top: 0;
	height: 60px;
	display: flex;
	align-items: center;
}

.exam_det_hybrid .hybrid_title_imgIcon {
	width: 20px;
	height: 20px;
}

.exam_det_hybrid .hybrid_title_img1 {
	width: 126px;
	height: 30px;
}

.exam_det_hybrid .hybrid_list {
	display: flex;
	align-items: center;
	margin-top: 20px;
	margin-bottom: 25px;
	position: relative;
}

.exam_det_hybrid .hybrid_quest_view,
.exam_news_coures .exam_quest_view {
	display: block;
	width: 160px;
	min-width: 160px;
	box-shadow: none;
}

.exam_det_hybrid .exam_scroll_view,
.exam_news_coures .exam_scroll_view {
	height: 160px;
	border-radius: 6px;
}

.exam_det_hybrid .scroll_name,
.exam_news_coures .scroll_name {
	font-size: 14px;
	line-height: 19px;
	padding: 0 5px;
	height: 38px;
	padding-top: 18px;
}

.exam_det_hybrid .scroll_btn_view,
.exam_news_coures .scroll_btn_view {
	height: 70px;
}

.exam_det_hybrid .scroll_btn,
.exam_news_coures .scroll_btn {
	height: 20px;
	font-size: 9px;
	line-height: 20px;
	border-radius: 10px;
}

.exam_det_hybrid .scroll_price,
.exam_news_coures .scroll_price {
	bottom: 0;
	left: 4px;
}

.exam_det_hybrid .price_txt,
.exam_news_coures .price_txt {
	font-size: 10px;
	margin-left: 5px;
}

.exam_det_hybrid .price_num,
.exam_news_coures .price_num {
	font-size: 8px;
}

.exam_det_hybrid .price_num span,
.exam_news_coures .price_num span {
	font-size: 15px;
}

.exam_det_hybrid .hybrid_txt {
	margin-top: 10px;
	font-size: 14px;
	color: #333333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.exam_det_hybrid .hybrid_check {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 8px;
	cursor: pointer;
	height: 15px;
}

.exam_det_hybrid .hybrid_check span {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #ff6900;
	margin-left: 5px;
}

.exam_det_hybrid .hybrid_check input[type=radio] {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 1px solid #DCDCDC;
	box-sizing: border-box;
}

.exam_det_hybrid .hybrid_check input[type=radio]:checked {
	border: 0;
	background: url(/static/image/mvip_vouchersyx.png) no-repeat;
	background-size: 100% 100%;
}

.exam_det_hybrid .hybrid_check input[type=checkbox] {
	width: 14px;
	height: 14px;
	box-sizing: border-box;
	border-radius: 2px;
	border: 1px solid #DCDCDC;
}

.exam_det_hybrid .hybrid_check input[type=checkbox]:checked {
	border: 0;
	background: url(/static/image/my_checked.png) no-repeat;
	background-size: 100% 100%;
}

.exam_det_hybrid .hybrid_list_first {
	position: relative;
	width: 260px;
	padding-left: 30px;
	box-sizing: border-box;
}

.exam_det_hybrid .hybrid_list_first::before {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 200px;
	background-color: #EEEEEE;
}

.exam_det_hybrid .hybrid_list_this {
	display: flex;
	align-items: center;
	padding-left: 75px;
	padding-right: 20px;
}

.exam_det_hybrid .hybrid_add {
	display: block;
	width: 23px;
	height: 23px;
	margin-left: 20px;
}

.exam_matter_pakage {
	width: 1080px;
	margin: 0 auto;
	box-sizing: border-box;
}

.exam_matter_pakage .plant_left,
.exam_matter_pakage .plant_right {
	display: block;
	width: 20px;
	height: 70px;
	cursor: pointer;
}

.exam_matter_pakage .palnt_list {
	width: 1080px;
	margin: 0 10px;
	overflow: hidden;
}

.exam_matter_pakage .palnt_list ul {
	display: flex;
	flex-wrap: nowrap;
}

.exam_matter_pakage .hybrid_quest_view {
	float: left;
	margin: 0 10px;
}

.exam_matter_pakage1 .palnt_list {
	width: 540px;
}

.exam_det_hybrid .hybrid_equal {
	display: block;
	margin-left: 20px;
	width: 23px;
	height: 15px;
}

.exam_det_hybrid .hybrid_tools {
	display: block;
	margin-left: 28px;
}

.exam_det_hybrid .hybrid_tools_txt {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #666666;
	margin-bottom: 5px;
}

.exam_det_hybrid .hybrid_tools_li {
	display: flex;
	align-items: center;
	padding-top: 45px;
}

.exam_det_hybrid .tools_label {
	display: block;
	font-size: 14px;
	color: #666666;
	width: 45px;
	text-align-last: justify;
	text-align: justify;
	text-justify: distribute-all-lines;
	margin-right: 10px;
}

.exam_det_hybrid .tools_del_num {
	display: block;
	font-size: 14px;
	color: #666666;
	text-decoration: line-through;
}

.exam_det_hybrid .tools_price_num {
	font-size: 18px;
	color: #ff6900;
	font-weight: bold;
}

.exam_det_hybrid .hybrid_tools_btn {
	display: block;
	margin: 0 auto;
	margin-top: 25px;
	width: 128px;
	height: 40px;
	background-color: #21aa28;
	border-radius: 4px;
	cursor: pointer;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: #FFFFFF;
}

.hybrid_list .swiper-button-next,
.hybrid_list .swiper-button-prev {
	width: 20px;
	height: 70px;
	opacity: 1 !important;
	cursor: pointer;
	z-index: 10;
}

.hybrid_list .swiper-button-prev {
	background: url(/static/image/package_right.png) no-repeat;
	background-size: 100% 100%;
	left: 20px;
}

.hybrid_list .swiper-button-next {
	background: url(/static/image/package_left.png) no-repeat;
	background-size: 100% 100%;
	right: 20px;
}

.exam_matter_pakage .hybrid_packa_view {
	width: 385px !important;
	height: 206px;
	border-radius: 6px;
	background: #F5F6FA;
	min-width: 385px;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	justify-content: center;
	padding: 0 15px;
	cursor: pointer;
}

.exam_matter_pakage .packa_title {
	font-size: 16px;
	color: #333333;
}

.exam_matter_pakage .packa_time {
	margin-top: 10px;
	font-size: 14px;
	color: #999999;
}

.exam_matter_pakage .contain_label {
	display: flex;
	align-items: center;
	margin-top: 20px;
}

.exam_matter_pakage .contain_label_icon {
	width: 16px;
	height: 16px;
	margin-right: 5px;
}

.exam_matter_pakage .contain_label span {
	font-size: 14px;
	color: #666666;
}

.exam_matter_pakage .contain_list {
	display: flex;
	align-items: center;
	margin-top: 10px;
}

.exam_matter_pakage .contain_txt {
	width: 80px;
	height: 30px;
	border-radius: 4px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	box-sizing: border-box;
	text-align: center;
	line-height: 29px;
	font-size: 12px;
	color: #FF6900;
	margin-right: 10px;
}

.exam_matter_pakage .packa_bot {
	margin-top: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.exam_matter_pakage .packa_bot_l {
	display: flex;
	align-items: center;
}

.exam_matter_pakage .packa_price {
	display: block;
	font-size: 14px;
	color: #ff6600;
}

.exam_matter_pakage .packa_price_num {
	font-size: 24px;
}

.exam_matter_pakage .packa_price_del {
	margin-left: 10px;
	font-size: 14px;
	color: #999999;
	text-decoration: line-through;
}

.exam_matter_pakage .packa_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 28px;
	border-radius: 14px;
	padding: 0 8px;
	background: #f5e1c9;
	font-size: 14px;
	color: #ff6900;
}

.exam_matter_pakage .packa_btn_icon {
	width: 20px;
	height: 20px;
	margin-right: 2px;
}

/* 更多选择弹窗 */
.choose_subject .subject_model {
	position: fixed;
	z-index: 500;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 600px;
	border-radius: 12px;
	background: #FFFFFF;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.choose_subject .subs_title {
	width: 600px;
	height: 60px;
	border-radius: 12px 12px 0 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #F2F2F2;
}

.choose_subject .subs_name {
	margin-left: 20px;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
}

.choose_subject .subs_name_num {
	color: #ff6900;
}

.choose_subject .subs_close {
	width: 20px;
	height: 20px;
	margin-right: 20px;
	cursor: pointer;
}

.choose_subject .subs_search {
	width: 560px;
	height: 60px;
	margin-top: 20px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 6px;
	border: 1px solid #cccccc;
}

.choose_subject .subs_search_txt {
	height: 100;
	width: 520px;
	padding-left: 16px;
	box-sizing: border-box;
	font-size: 15px;
}

.choose_subject .subs_search_icon {
	margin-right: 12px;
	width: 18px;
	height: 18px;
	cursor: pointer;
}

.choose_subject .subs_list,
.choose_subject .subs_element {
	width: 600px;
	height: 450px;
}

.choose_subject .subs_list {
	margin-top: 30px;
	position: relative;
	overflow: hidden;
}

.choose_subject .subs_list_box {
	position: absolute;
	left: 0;
	overflow-x: hidden;
	overflow-y: scroll;
}

.choose_subject .subs_item {
	display: block;
	position: relative;
	width: 560px;
	height: 80px;
	margin: 0 auto;
	margin-bottom: 10px;
	cursor: pointer;
}

.choose_subject .subs_item input {
	position: absolute;
	left: 18px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background: url(/static/image/tk_in_test_fu.png) no-repeat;
	background-size: 100% 100%;
}

.choose_subject .subs_item input:checked {
	background: url(/static/image/tk_in_test_fu2.png) no-repeat;
	background-size: 100% 100%;
}

.choose_subject .subs_item_info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 58px;
	box-sizing: border-box;
	width: 560px;
	height: 80px;
	background: #F5F6FA;
	border-radius: 6px;
}

.choose_subject .subs_item input:checked+div.subs_item_info {
	background: #e8fde9;
	border: 1px solid #2bbc61;
}

.choose_subject .subs_item_title {
	width: 480px;
	font-size: 16px;
	color: #333333;
}

.choose_subject .subs_item_notes {
	display: flex;
	align-items: center;
	margin-top: 14px;
}

.choose_subject .subs_item_notes span {
	margin: 0 20px;
	font-size: 14px;
	color: #999999;
}

.choose_subject .subs_item_notes span:first-child {
	margin-left: 0;
}

.choose_subject .subs_item_line {
	width: 1px;
	height: 14px;
	background: #cccccc;
}

.choose_subject .subs_bottom {
	display: flex;
	align-items: center;
	width: 600px;
	margin-top: 20px;
	border-top: 1px solid #f2f2f2;
}

.choose_subject .subs_all {
	width: 220px;
	height: 80px;
	display: flex;
	align-items: center;
	padding-left: 34px;
	box-sizing: border-box;
	background: #FFFFFF;
	border-radius: 0 0 0 6px;
	font-size: 16px;
	color: #666666;
	cursor: pointer;
}

.choose_subject .subs_all input {
	width: 20px;
	height: 20px;
	margin-right: 20px;
	background: url(/static/image/tk_in_test_dan.png) no-repeat;
	background-size: 100% 100%;
}

.choose_subject .subs_all input:checked {
	background: url(/static/image/tk_in_test_dan2.png) no-repeat;
	background-size: 100% 100%;
}

.choose_subject .subs_submit {
	width: 380px;
	height: 80px;
	cursor: pointer;
	text-align: center;
	line-height: 80px;
	background: #2bbc61;
	border-radius: 0 0 6px 0;
	font-size: 16px;
	color: #FFFFFF;
}

.tk_introd_box {
	width: 750px;
	margin-top: 20px;
	margin-left: 40px;
	position: relative;
	margin-bottom: 30px;
	background: #546aff;
}

.tk_introd_box .intr_box_topbg {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 750px;
	height: 785px;
}

.tk_introd_box .introd_box_in {
	position: relative;
	z-index: 10;
	width: 750px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 50px;
	padding-bottom: 60px;
}

.tk_introd_box .intr_top_logo {
	width: 295px;
	height: 76px;
}

.tk_introd_box .intr_top_notes {
	margin-top: 30px;
	height: 84px;
	display: inline-block;
	padding: 10px;
	border-radius: 12px;
	background: #b5beff;
	box-sizing: border-box;
}

.tk_introd_box .intr_top_notesin {
	display: flex;
	align-items: center;
	padding: 0 20px;
	height: 64px;
	border-radius: 12px;
	background: #e8e8ff;
	font-size: 28px;
	color: #333333;
}

.tk_introd_box .intr_top_notesin span {
	color: #ff6740;
}

.tk_introd_box .intr_small {
	position: relative;
	z-index: 10;
	width: 686px;
	margin-top: 368px;
	border-radius: 24px;
	background: #e3eeff;
	padding-bottom: 40px;
	padding-top: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.tk_introd_box .intr_small_item {
	position: relative;
	z-index: 1;
	width: 626px;
	height: 150px;
	margin-top: 30px;
}

.tk_introd_box .intr_small_bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 626px;
	height: 150px;
}

.tk_introd_box .intr_small_label {
	position: relative;
	height: 62px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	z-index: 5;
	padding-left: 28px;
}

.tk_introd_box .intr_small_icon {
	width: 32px;
	height: 32px;
	margin-right: 16px;
}

.tk_introd_box .intr_small_name {
	font-size: 32px;
	color: #f7ffff;
	font-weight: bold;
}

.tk_introd_box .intr_small_li {
	position: relative;
	z-index: 5;
	height: 88px;
	display: flex;
	align-items: center;
	padding-left: 28px;
}

.tk_introd_box .intr_small_licon {
	width: 22px;
	height: 24px;
	margin-right: 10px;
}

.tk_introd_box .intr_small_ltxt {
	width: 530px;
	font-size: 28px;
	color: #333333;
}

.tk_introd_box .intr_list_box1 {
	width: 686px;
	position: relative;
	z-index: 1;
	margin-top: 70px;
	padding-top: 29px;
}

.tk_introd_box .intr_list_title {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	width: 397px;
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 5;
}

.tk_introd_box .intr_list_titlebg {
	position: absolute;
	left: 0;
	top: 0;
	width: 397rpx;
	height: 72rpx;
	z-index: 1;
}

.tk_introd_box .intr_list_title1 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	width: 507px;
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 5;
}

.tk_introd_box .intr_list_titlebg1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 507px;
	height: 72px;
	z-index: 1;
}

.tk_introd_box .intr_title_oth {
	position: relative;
	z-index: 5;
	display: flex;
	align-items: center;
	font-size: 36px;
	color: #FFFFFF;
	font-weight: bold;
}

.tk_introd_box .intr_title_oth span {
	color: #fff100;
}

.tk_introd_box .intr_list_box {
	width: 686rpx;
	border-radius: 24px;
	background-color: #FFFFFF;
	position: relative;
	z-index: 1;
	padding-top: 50px;
	padding-bottom: 40px;
}

.tk_introd_box .intr_table {
	border: 1px solid #8cbaff;
	width: 626px;
	box-sizing: border-box;
	margin-left: 30px;
	border-left: 0;
	margin-top: 30px;
}

.tk_introd_box .intr_table th {
	height: 80px;
	background: #eef6ff;
	border-left: 1px solid #8cbaff;
	font-size: 32px;
	color: #383f70;
}

.tk_introd_box .intr_table td {
	height: 64px;
	border-left: 1px solid #8cbaff;
	border-top: 1px solid #8cbaff;
	text-align: center;
	font-size: 28px;
	color: #333333;
}

.tk_introd_box .intr_table .intr_td1 {
	width: 155px;
	line-height: 1.5;
}

.tk_introd_box .intr_table .intr_td_icon {
	width: 32px;
	height: 32px;
}

.tk_introd_box .intr_test {
	width: 626px;
	margin-left: 30px;
}

.tk_introd_box .intr_test_item {
	display: flex;
	align-items: flex-start;
	padding: 24px 0;
	border-bottom: 1px dashed #8cbaff;
}

.tk_introd_box .intr_test_icon {
	width: 32px;
	height: 32px;
	margin-right: 6px;
	margin-top: 4px;
}

.tk_introd_box .intr_test_txt {
	flex: 1;
	flex-shrink: 1;
	font-size: 28px;
	color: #333333;
	line-height: 42px;
	text-align: justify;
}

.tk_introd_box .intr_course_view {
	margin-top: 10px;
	width: 566px;
	height: 172px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	background-color: #FFFFFF;
	border-radius: 12px;
}

.tk_introd_box.intr_cour_img_box {
	width: 200px;
	height: 126px;
	position: relative;
	z-index: 1;
}

.tk_introd_box .intr_cour_img {
	width: 200px;
	height: 126px;
	border-radius: 12px;
}

.tk_introd_box .intr_course_info {
	width: 350px;
	height: 135px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.tk_introd_box .intr_course_title {
	width: 350px;
	font-size: 28px;
	color: #000000;
	line-height: 42px;
}

.tk_introd_box .intr_course_info_bottom {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.tk_introd_box .intr_cour_price {
	font-size: 28px;
	color: #FF4800;
	line-height: 28px;
}

.tk_introd_box .intr_cour_time {
	font-size: 24px;
	color: #9CA7B5;
	line-height: 24px;
}

.exam_news_coures {
	width: 200px;
	box-sizing: border-box;
	border: 1px solid #E5E7F0;
	padding-bottom: 20px;
}

.exam_news_coures .news_label {
	display: block;
	height: 48px;
	background-color: #F5F6FA;
	text-align: center;
	line-height: 48px;
	font-size: 16px;
	color: #333333;
	border-bottom: 1px solid #E5E7F0;
}

.exam_news_coures .exam_quest_view {
	margin: 0 auto;
	border-bottom: 1px solid #E5E5E5;
	margin-top: 20px;
}

.exam_news_coures .quest_title {
	white-space: normal;
	padding: 0;
	text-align: justify;
	font-size: 14px;
	line-height: 24px;
	color: #333333;
	margin-top: 4px;
}

.exam_news_coures .quest_notes {
	padding: 0;
}

.exam_news_coures .quest_people {
	font-size: 12px;
}

.exam_news_coures .quest_price {
	font-size: 14px;
}

.exam_news_coures .news_more {
	display: block;
	width: 160px;
	height: 32px;
	background-color: #F5F7F8;
	text-align: center;
	line-height: 32px;
	cursor: pointer;
	margin: 0 auto;
	margin-top: 20px;
	font-size: 14px;
	color: #666666;
}

.exam_det_tab {
	width: 970px;
	box-sizing: border-box;
	border: 1px solid #EEEEEE;
}

.exam_det_tab .det_head {
	position: relative;
	display: flex;
	align-items: center;
	height: 48px;
	background-color: #F5F6FA;
}

.exam_det_tab .det_tab_title {
	display: flex;
	align-items: center;
}

.exam_det_tab .det_tab_title li {
	width: 130px;
	height: 48px;
	position: relative;
	text-align: center;
	line-height: 48px;
	box-sizing: border-box;
	border-bottom: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	font-size: 16px;
	color: #333333;
	cursor: pointer;
}

.exam_det_tab .det_tab_title .det_cur {
	width: 160px;
	background-color: #FFFFFF;
	border-bottom: 0;
	color: #21aa28;
}

.exam_det_tab .det_tab_title .det_cur::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 4px;
	background-color: #21AA28;
}

.exam_det_tab .det_phone {
	position: absolute;
	right: 0;
	top: 0;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 158px;
	font-size: 16px;
	color: #ff6900;
	cursor: pointer;
	border-bottom: 1px solid #EEEEEE;
	box-sizing: border-box;
}

.exam_det_tab .det_phone img {
	display: block;
	width: 16px;
	height: 16px;
}

.exam_det_tab .det_phone .phone_hover {
	display: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 58px;
	z-index: 500;
	box-shadow: 0 0 20px 0 rgb(0, 0, 0, 0.06);
	border-radius: 0.06rem;
	background: #FFFFFF;
	width: 150px;
	padding: 10px 0;
}

.exam_det_tab .det_phone:hover .phone_hover {
	display: block;
}

.exam_det_tab .det_phone .phone_hover::before {
	content: '';
	position: absolute;
	bottom: -8px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #FFFFFF;
}

.exam_det_tab .det_phone .phone_hover img {
	display: block;
	width: 130px;
	height: 130px;
	margin: 0 auto;
}

.exam_det_tab .det_phone .phone_hover span {
	font-size: 14px;
	display: block;
	color: #666666;
	text-align: center;
}

.exam_det_introd {
	padding: 0 40px;
	padding-bottom: 30px;
}

.exam_det_introd .intr_rich {
	padding-top: 25px;
}

.exam_det_introd .intr_rich p {
	display: block;
	font-size: 14px;
	color: #333333;
	line-height: 28px;
	text-align: justify;
}

.exam_det_introd .intr_rich h3 {
	display: block;
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	text-align: justify;
	margin-top: 5px;
}

.exam_det_introd .intr_label {
	display: block;
	margin-top: 20px;
	font-size: 16px;
	color: #21AA28;
	font-weight: bold;
}

.exam_det_introd .intr_list {
	display: block;
	font-size: 14px;
	color: #333333;
	line-height: 28px;
	margin-top: 5px;
}

.exam_det_introd .intr_list span {
	display: block;
}

.exam_det_introd .intr_list a {
	display: block;
	color: #333333;
	text-align: justify;
}

.exam_det_introd .intr_list a:hover {
	color: #21AA28;
}

/* 题库列表页-旧 */
.list_old_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
/*	padding-bottom: 15px;*/
}

.list_old_title .old_name {
	font-size: 24px;
	font-weight: 400;
	color: #303133;
	padding-left: 15px;
	line-height: 24px;
	position: relative;
}

.list_old_title .old_name::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 5px;
	height: 24px;
	border-radius: 3px;
	background: #21AA28;
}

.list_old_title .old_more {
	margin-left: 30px;
	display: flex;
	align-items: center;
	font-weight: 400;
	font-size: 14px;
	color: #C0C4CC;
}

.list_old_title .old_more img {
	width: 16px;
	height: 16px;
	margin-left: 5px;
}

.list_old_box {
	padding-bottom: 60px;
	display: flex;
	flex-wrap: wrap;
}

.list_old_box .box_view {
	padding:20px;
	position: relative;
	margin-right: 26.5px;
	border-radius: 10px;
	overflow: hidden;
/*	width: 280px;
	height: 140px;*/
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.list_old_box .box_view:nth-child(4n) {
	margin-right: 0;
}

.list_old_box .box_bg {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
}

.list_old_box .box_view span {
	position: relative;
	z-index: 10;
	font-size: 20px;
	padding: 0 15px;
	text-align: center;
	line-height: 1.6;
}

.list_old_box .box_color1 {
	color: #FCCB37;
}

.list_old_box .box_color2 {
	color: #4AC76E;
}

.list_old_box .box_color3 {
	color: #7B95FC;
}

.list_old_box .box_color4 {
	color: #FD9595;
}

/* 文本/云阅读 */
.reader_flex_main {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 40px;
	display: flex;
	justify-content: center;
	width: 800px;
	background: #FFFFFF;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.exam_reader {
	position: relative;
	z-index: 1;
	width: 800px;
	padding: 12px 50px 40px 50px;
	box-sizing: border-box;
}

.exam_reader .reader_bookmark {
	position: absolute;
	top: 0;
	right: 30px;
	width: 42px;
	height: 56px;
}

.exam_reader .read_top {
	display: block;
	margin-top: 20px;
}

.exam_reader .reader_logo {
	display: block;
	width: 114px;
	height: 30px;
}

.exam_reader .reader_paper {
	display: flex;
	flex-direction: column;
	margin-top: 25px;
	border-bottom: 1px dashed #d2d2d2;
	padding-bottom: 35px;
}

.exam_reader .paper_title {
	font-size: 28px;
	color: #333333;
	line-height: 42px;
}

.exam_reader .paper_notes {
	margin-top: 10px;
	font-size: 14px;
	color: #999999;
}

.exam_reader .paper_rich {
	font-size: 18px;
	color: #222222;
	line-height: 32px;
	text-align: justify;
	text-indent: 36px;
	padding-top: 20px;
}

.exam_reader .paper_rich p {
	font-size: 18px;
	color: #222222;
	line-height: 32px;
	text-align: justify;
	text-indent: 36px;
	padding-top: 20px;
}

.exam_reader .paper_rich p img {
	max-width: 100%;
}

.exam_reader .paper_ask {
	font-size: 18px;
	color: #222222;
	line-height: 32px;
	text-align: justify;
	padding-top: 20px;
}

.exam_reader .paper_ask p {
	font-size: 18px;
	color: #222222;
	line-height: 32px;
	text-align: justify;
	padding-top: 20px;
}

.exam_reader .paper_ask p img {
	max-width: 100%;
}

.exam_reader .reader_catal_label {
	margin-top: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 60px;
	background: #f2f2f2;
	border-radius: 30px;
}

.exam_reader .reader_catal_label span {
	width: 32%;
	text-align: center;
	font-size: 18px;
	color: #333333;
	cursor: pointer;
	line-height: 60px;
}

.exam_reader .reader_catal_label i {
	width: 1px;
	height: 16px;
	background: #c9c9c9;
}

.exam_reader .reader_ewm_box {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	margin-top: 40px;
	height: 210px;
	background: #f2f2f2;
	border-radius: 12px;
}

.exam_reader .reader_ewm_app {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-left: 26px;
	font-size: 14px;
	color: #333333;
}

.exam_reader .reader_ewm_app img {
	width: 148px;
	height: 148px;
	margin-bottom: 10px;
}

.exam_reader .reader_sweep {
	position: absolute;
	right: 30px;
	top: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.exam_reader .sweep_icon {
	width: 60px;
	height: 56px;
}

.exam_reader .sweep_title {
	margin-top: 30px;
	font-size: 24px;
	color: #333333;
}

.exam_reader .sweep_title span {
	color: #ff6900;
}

.exam_reader .sweep_txt {
	margin-top: 15px;
	font-size: 14px;
	color: #666666;
}

.reader_slider {
	position: fixed;
	top: 200px;
	left: 50%;
	margin-left: 420px;
	z-index: 9;
}

.reader_slider1 {
	margin-left: 620px;
}

.reader_slider .slide_li {
	width: 64px;
	height: 64px;
	border-radius: 6px;
	margin-bottom: 10px;
	background: #FFFFFF;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 14px;
	color: #666666;
}

.reader_slider .slide_li span {
	margin-top: 8px;
}

.reader_slider .slide_icon {
	width: 24px;
	height: 24px;
}

.reader_slider .slide_li_active,
.reader_slider .slide_li:hover {
	color: #21AA28;
}

.reader_slider .slide_li_client {
	position: relative;
}

.reader_slider .slide_li .xcx_model {
	display: none;
	position: absolute;
	right: 70px;
	top: 50%;
	transform: translateY(-50%);
	box-shadow: 0 0 12px 0 rgb(0, 0, 0, 0.08);
	border-radius: 4px;
	align-items: center;
	padding: 10px 0 10px 10px;
	background-color: #FFFFFF;
}

.reader_slider .slide_li .app_view {
	display: block;
	margin-right: 10px;
}

.reader_slider .slide_li .app_view img {
	display: block;
	width: 112px;
	height: 112px;
}

.reader_slider .slide_li .app_view span {
	display: block;
	width: 100%;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 0;
	font-size: 12px;
	color: #888888;
}

.reader_slider .slide_li:hover .xcx_model {
	display: flex;
}

.reader_slider .slide_return {
	background: url(/static/image/yyd_tool_fh.png) no-repeat;
	background-size: 100% 100%;
}

.reader_slider .slide_li_active .slide_return,
.reader_slider .slide_li:hover .slide_return {
	background: url(/static/image/yyd_tool_fh2.png) no-repeat;
	background-size: 100% 100%;
}

.reader_slider .slide_derive {
	background: url(/static/image/yyd_tool_dc.png) no-repeat;
	background-size: 100% 100%;
}

.reader_slider .slide_li_active .slide_derive,
.reader_slider .slide_li:hover .slide_derive {
	background: url(/static/image/yyd_tool_dc2.png) no-repeat;
	background-size: 100% 100%;
}

.reader_slider .slide_catal {
	background: url(/static/image/yyd_tool_ml.png) no-repeat;
	background-size: 100% 100%;
}

.reader_slider .slide_li_active .slide_catal,
.reader_slider .slide_li:hover .slide_catal {
	background: url(/static/image/yyd_tool_ml2.png) no-repeat;
	background-size: 100% 100%;
}

.reader_slider .slide_note {
	background: url(/static/image/yyd_tool_bj.png) no-repeat;
	background-size: 100% 100%;
}

.reader_slider .slide_li_active .slide_note,
.reader_slider .slide_li:hover .slide_note {
	background: url(/static/image/yyd_tool_bj2.png) no-repeat;
	background-size: 100% 100%;
}

.reader_slider .slide_book {
	background: url(/static/image/yyd_tool_sq.png) no-repeat;
	background-size: 100% 100%;
}

.reader_slider .slide_li_active .slide_book,
.reader_slider .slide_li:hover .slide_book {
	background: url(/static/image/yyd_tool_sq2.png) no-repeat;
	background-size: 100% 100%;
}

.reader_slider .slide_client {
	background: url(/static/image/yyd_tool_khd.png) no-repeat;
	background-size: 100% 100%;
}

.reader_slider .slide_li_active .slide_client,
.reader_slider .slide_li:hover .slide_client {
	background: url(/static/image/yyd_tool_khd2.png) no-repeat;
	background-size: 100% 100%;
}

.reader_slider .slide_stick {
	background: url(/static/image/yyd_tool_top.png) no-repeat;
	background-size: 100% 100%;
}

.reader_slider .slide_li_active .slide_stick,
.reader_slider .slide_li:hover .slide_stick {
	background: url(/static/image/yyd_tool_top2.png) no-repeat;
	background-size: 100% 100%;
}

.exam_reader .paper_files {
	padding-top: 20px;
}

.exam_reader .files_logo {
	display: block;
	margin: 0 auto;
	width: 200px;
	height: 200px;
}

.exam_reader .files_name {
	display: block;
	text-align: center;
	margin-top: 5px;
	font-size: 18px;
	color: #000000;
}

.exam_reader .files_update {
	cursor: pointer;
	display: block;
	margin: 0 auto;
	margin-top: 55px;
	width: 315px;
	height: 70px;
	text-align: center;
	line-height: 70px;
	border-radius: 6px;
	background: #21AA28;
	font-size: 18px;
	color: #FFFFFF;
}

.exam_reader .files_open {
	cursor: pointer;
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	width: 315px;
	height: 70px;
	box-sizing: border-box;
	border: 1px solid #21AA28;
	text-align: center;
	line-height: 69px;
	border-radius: 6px;
	font-size: 18px;
	color: #21AA28;
}

.reader1200 {
	width: 1200px;
}

.reader_tab {
	width: 400px;
	box-sizing: border-box;
	border-left: 1px solid #e5e5e5;
}

.reader_item {
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 55px 35px 30px 35px;
}

.reader_catalog .reader_close {
	position: absolute;
	top: 20px;
	right: 22px;
	width: 28px;
	height: 28px;
	cursor: pointer;
}

.reader_catalog .catal_menu {
	display: flex;
	align-items: center;
	padding-left: 5px;
}

.reader_catalog .catal_menu_txt {
	position: relative;
	display: block;
	height: 62px;
	line-height: 62px;
	font-size: 24px;
	color: #333333;
}

.reader_catalog .catal_menu_num {
	margin-left: 10px;
	font-size: 14px;
	color: #999999;
}

.reader_catalog .catal_menu_txt::before {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 20px;
	height: 4px;
	border-radius: 2px;
	background: #21AA28;
}

.reader_catalog .catal_box {
	margin-top: 20px;
}

.reader_catalog .catal_li {
	display: flex;
	align-items: flex-start;
	font-size: 16px;
	color: #333333;
	line-height: 32px;
	cursor: pointer;
}

.reader_catalog .catal_li_icon {
	width: 16px;
	height: 16px;
	margin-right: 8px;
	margin-top: 8px;
}

.reader_catalog .catal_locat {
	color: #21AA28;
}

.reader_catalog .catal_locat .catal_li_icon {
	background: url(/static/image/yyd_locat.png) no-repeat;
	background-size: 100% 100%;
}

.reader_catalog .note_list {
	margin-top: 20px;
	margin-bottom: 80px;
}

.reader_catalog .note_item {
	display: flex;
	flex-direction: column;
	padding: 20px 0;
	border-bottom: 1px dashed #dcdcdc;
	cursor: pointer;
}

.reader_catalog .note_item_title {
	font-size: 16px;
	color: #333333;
	line-height: 32px;
	text-align: justify;
}

.reader_catalog .note_item_bot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
}

.reader_catalog .note_item_time {
	font-size: 14px;
	color: #999999;
	line-height: 28px;
}

.reader_catalog .note_item_del {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #999999;
	cursor: pointer;
}

.reader_catalog .note_item_del img {
	margin-right: 5px;
	width: 16px;
	height: 16px;
}

.reader_catalog .note_edit {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border-top: 1px solid #eeeeee;
	padding-bottom: 20px;
}

.reader_catalog .note_edit_btn {
	width: 320px;
	height: 40px;
	margin: 0 auto;
	display: block;
	margin-top: 20px;
	border-radius: 6px;
	background: #eeeeee;
	padding-left: 10px;
	box-sizing: border-box;
	font-size: 14px;
	color: #999999;
	line-height: 40px;
	cursor: pointer;
}

.reader_catalog .note_edit_area {
	width: 320px;
	height: 100px;
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	border-radius: 6px;
	background: #eeeeee;
	box-sizing: border-box;
	padding: 10px;
	font-size: 14px;
	color: #333333;
	line-height: 26px;
}

.reader_catalog .note_edit_bot {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-right: 40px;
	margin-top: 20px;
}

.reader_catalog .note_edit_cancel,
.reader_catalog .note_edit_submit {
	width: 90px;
	height: 40px;
	border-radius: 6px;
	text-align: center;
	line-height: 40px;
	display: block;
	font-size: 14px;
	cursor: pointer;
}

.reader_catalog .note_edit_cancel {
	color: #999999;
}

.reader_catalog .note_edit_submit {
	background: #21AA28;
	color: #FFFFFF;
}