@charset "utf-8";

body,
ul {
	padding: 0;
	margin: 0;
}

ul {
	list-style: none;
}

.detailImg {
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

.wrap {
	position: relative;
	height: 530px;
}

.imgs {
	position: absolute;
	left: 0;
	top: 0;
	/* 	width: 100%;
	height: 100%; */
}

.main {
	position: relative;
	overflow: hidden;
	width: 400px;
	height: 400px;
}

#main img {
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
.open_big_wrapper{
	width: 50px;
	height: 50px;
	background: #2578F3;
	position: absolute;
	bottom: 0;
	right: 0;
	line-height: 50px;
	text-align: center;
}
.open_big_wrapper:hover{
	cursor: pointer
}
.smaller {
	position: relative;
	overflow: hidden;
	display: inline-block;
	height: 55px;
}

.smaller li {
	position: relative;
	float: left;
	width: 50px;
	height: 50px;
	cursor: pointer;
	margin-left: 22px;
	border: 2px solid #FFFFFF;
	display: inline-block;

}

.smaller li:first-child {
	margin-left: 0;
}

.smaller .current {
	border: 2px solid #2578F3;
}

.biger {
	position: absolute;
	overflow: hidden;
	display: none;
	left: 410px;
	width: 400px;
	height: 400px;
	z-index: 9999;
}

.mask {
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	width: 200px;
	height: 200px;
	background: url('https://img.etest8.com/software/images//mask-bg.png') repeat;
	cursor: crosshair;
}

.biger img {
	position: absolute;
	left: 0;
	top: 0;
	width: 200%;
	height: 200%;
}

.left_img_w {
	position: absolute;
	left: 0;
	display: inline-block;
	top: 50%;
	margin-top: -9px;
}

.right_img_w {
	position: absolute;
	right: 0;
	display: inline-block;
	top: 50%;
	margin-top: -9px;
}

.color2578F3 {
	color: #2578F3;
}

.color00DA70 {
	color: #00DA70;
}

.colorFFBA16 {
	color: #FFBA16;
}

.colorF6484E {
	color: #F6484E;
}
.fontWight{
	font-weight: bold;
}



.share_wrapper {
	color: #A2A4A8;
}

.share_wrapper img {
	width: 20px;
	height: 20px;
}

.share_wrapper ul {
	vertical-align: middle;
	display: inline-block;
}

.share_wrapper ul li {
	display: inline-block;
	margin-right: 8px;
}



.LGcontent_leftw_w h3 {
	color: #1F1F1F;
	font-size: 20px;
	font-weight: 600;
}

.bug_detail_type,
.detail_introduce_c span,
.detail_introduce_c p {
	color: #727272;
	font-size: 15px;
	padding-top: 30px;
}

.buy_detail_w,
.momey_detail {
	margin-top: 30px;
}

.jine_detail {
	color: #F6484E;
	font-size: 32px;
	font-weight: bold;
	margin-left: 60px;
	margin-top: -10px;
}


.buy_choose_w {
	position: relative;
	display: inline-block;
	text-align: center;
	font-size: 12px;
}

.user_choosed_w {
	position: absolute;
	right: 12px;
	bottom: 2px;
	height: 15px;
	width: 25px;
	background: #FFFFFF;
	border-radius: 35px 0 4px 0;
}

.buy_choose_c {
	width: 120px;
	border-radius: 4px;
	height: 37px;
	line-height: 38px;
	text-align: center;
	display: inline-block;
	margin-right: 10px;
}

.buy_choose_w:hover {
	cursor: pointer
}

.shouji_active,
.shouji_active1 {
	height: 40px !important;
	border: none;
	background: #F6484E;
	color: #FFFFFF !important;
	box-shadow: 0px 0px 30px 0px rgba(202, 6, 13, 0.3);
}

.diann_active,
.diann_active1 {
	height: 40px !important;
	border: none;
	background: #2578F3;
	color: #FFFFFF !important;
	box-shadow: 0px 0px 30px 0px rgba(0,85,212, 0.3);
}

.qiye_active,
.qiye_active1 {
	height: 40px !important;
	border: none;
	background: #00DA70;
	color: #FFFFFF !important;
	box-shadow: 0px 0px 30px 0px rgba(0,213,109, 0.3);
}

.yktc_active,
.yktc_active1 {
	height: 40px !important;
	border: none;
	background: #FFBA16;
	color: #FFFFFF !important;
	box-shadow: 0px 0px 30px 0px rgba(255,186,22, 0.3);
}

.shouji_c {
	height: 40px !important;
	border: 2px solid #F6484E;
	color: #F6484E;
}

.diann_c {
	color: #2578F3;
	border: 2px solid #2578F3;
}

.qiye_c {
	color: #00DA70;
	border: 2px solid #00DA70;
}

.yktc_c {
	color: #FFBA16;
	border: 2px solid #FFBA16;
}

.buy_type_show {
	width: 190px;
	height: 150px;
	position: absolute;
	top: -165px;
	left: -35px;
	z-index: 9999;
	box-shadow: 0px 0px 10px 0px rgba(47,47,47,0.23);
	border-radius: 6px;
}
.show_type_text{
	position: absolute;width: 100%;height: 100%;text-align: left;
}
.show_bg{
	position: absolute;width: 100%;height:155px;left: 0;z-index: -99;
}
.show_detail_c img{
	margin-right: 10px;
	margin-top: 8px;
}
.show_detail_c p{
	margin-top: 4px;
	margin-left: 10px;
	width: 150px;
}
.show_detail_c{
	width: 100%;height: 100%;padding: 10px;
}

.pay_button_w {
	display: inline-block;
	margin-top: 35px;
	background: #F6484E;
	width: 280px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	color: #FFFFFF;
	border-radius: 4px;
	margin-left: 75px;
}


/*three块的样式*/
.three_btn_wrapper {
	height: 39px;width: 110px;background: #ccc;line-height: 35px;text-align: center;border-radius: 4px;background:#F6484E;
}
.three_btn_wrapper span{
	vertical-align: middle;padding-left: 8px;color: #FFFFFF;
} 




.colorA2 {
	color: #A2A4A8;
}

.colorfff {
	color: #FFFFFF;
}


.locationg_icon {
	width: 12px;
	height: 16px;
	vertical-align: middle;
}

.user_location {
	font-size: 14px;
	vertical-align: middle;
}

.see_again_title {
	color: #333333;
	font-size: 18px;
	margin: 15px 0 10px;
	font-weight: bold;
}





.rexiao_text {
	text-overflow: ellipsis;
	font-size: 14px;
	color: #333333;
	position: absolute;
	/* margin-left: 50px; */
	width: 300px;
	overflow: hidden;
	white-space: nowrap;
}

.data_dynamic_item {
	line-height: 40px;
	position: relative;
}

.data_dynamic_item p {
	display: inline-block;
	font-size: 14px;
}

.data_dynamic_item p:nth-child(2) {
	margin: 0 50px;
	font-size: 14px;
}

.data_dynamic_item .btn_bg {
	position: absolute;
	right: 0;
	display: inline-block;
}

.btn_bg {
	position: absolute;
	text-align: center;
	width: 70px;
	height: 40px;
	background-image: url(https://img.etest8.com/software/images/soft_img_202107/btn_bg.png);
	background-repeat: no-repeat !important;
	background-size: cover !important;
	color: #FFFFFF;
	/* 	position: relative; */
	color: #FFFFFF;
}

.sheng_again_w {
	position: relative;
	line-height: 24px;
}



.internet_course_w,
.exam_notice_w {
	background: #FFFFFF;
	margin-top: 20px;
	padding: 15px;
	border-radius: 4px;
}

.about_prodect_title ,.exam_notite_text {
	font-weight: Bold;
	color: #333333;
	font-size: 18px;
	border-left: 4px solid #2578F3;
	padding-left: 10px;
}

.exam_notite_item {
	margin-top: 15px;
}

.exam_notite_item a {
	color: #333;
	font-size: 14px;
	vertical-align: middle;
}

.raduis_wrapper {
	height: 6px;
	width: 6px;
	display: inline-block;
	border-radius: 50%;
	background: #2578F3;
	margin-right: 10px;
	vertical-align: middle;
}

.internet_course_item {
	position: relative;
}

.internet_course_item a {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
}

.internet_course_item img {
	width: 45px;
	height: 45px;
	margin-top: 20px;
}

.internet_bottom_text {
	width: 100%;
	height: 31px;
	background: #333333;
	opacity: 0.5;
	position: absolute;
	line-height: 31px;
	bottom: 2px;
	text-align: left;
	border-radius: 0 0 4px 4px;
}
.internet_bottom_text p{
	padding-left: 10px;
}
.see_more_detail {
	border-top: 1px solid #EFF3F7;
	margin-top: 20px;
	text-align: center;
}

.more_detail_t {
	color: #A2A4A8;
	font-size: 15px;
	margin-top: 10px;
}

.xitong_wrapper p {
	margin-left: 15px;
	margin-top: 25px;
	font-size: 16px;
	width: 200px;
}

.xitong_wrapper em {
	font-size: 16px;
	font-weight: bold;
}

.xitong_btn_go {
	line-height: 30px;
	width: 100px;
	height: 30px;
	text-align: center;
	background: #2578F3;
	display: inline-block;
	border-radius: 50px;
	float: right;
	margin-top: 30px;
}

.btn_text {
	color: #FFFFFF;
}

.xitong_btn_go img {
	padding-left: 10px;
}

.dian_c {
	width: 4px;
	height: 4px;
	background: #2578F3;
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
}
.xitong_list_wrapper{
	margin-top: 5px;
}
.xitong_list_wrapper ul li {
	height: 25px;
	text-align: left;
	padding-left: 10px;
}

.xitong_list_wrapper ul li a {
	color: #2578F3;
	vertical-align: middle;
	padding-left: 5px;
}




/*右边*/
.right_content_list_d {
	float: left;
	margin-left: 20px;
	border-radius: 4px;
}

.ruanjian_detail_wrapper {
	width: 860px;
}

.ruanjian_detail_top {
	position: relative;
}

.ruanjian_detail_box {
	background: #fff;
	padding: 20px;
	position: relative;
	border-radius: 4px;
}

.ruanjian_header_tab {
	border-bottom: 1px solid #F1F3F7;
}

.ruanjian_header_tab_item {
	display: inline-block;
	margin-right: 20px;
}

.ruanjian_header_tab_item a {
	width: 70px;
	font-family: Alibaba PuHuiTi;
	color: #333333;
	height: 32px;
	font-size: 15px;
	display: inline-block;

}

.detail_active {
	font-weight: bold;
	font-size: 16px !important;
	border-bottom: 3px solid #2578F3;
}

.share_wrapper_t {
	position: absolute;
	right: 20px;
	top: 25px;
}



/*软件说明*/
.ruanjian_explain_title {
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	margin: 15px 0 10px;
}

.ruanjian_explain_text {
	color: #333;
	font-size: 14px;
	text-indent: 30px;
	line-height: 25px;
}

.ruanjian_present_title {
	font-size: 14px;
	color: #333;
	margin-top: 15px;
	margin-bottom: 5px;
}
.ruanjian_title_t{
	font-size: 14px;color: #2578F3;display: inline-block;font-weight: 600;
}
.ruanjian_list_text_c{
	font-size: 14px;
	font-weight: 600;
	color: #2578F3;
	line-height: 25px;
}


.ruanjian_present_text {
	text-indent: 60px;
	font-size: 14px;
	color: #333;
	padding: 5px 0;
}

.ruanjian_present_text em {
	font-weight: bolder;

}





.tiku_embody {
	position: relative;
	margin-top: 40px;
}

.tiku_embody h4 {
	font-size: 16px;
	color: #333333;
	margin-bottom: 10px;
}

.tiku_embody_list {
	position: relative;
	padding-bottom: 10px;

}


.tiku_embody_list_w {
	width: 100%;
	position: relative;
	/* 	background: url(../images/detail/tikubaoh_bg.png);
	background-size: cover;
	background-repeat: no-repeat; */
}

.tiku_embody_hedaer {
	margin: 0 20px;
	height: 76px;
	border-bottom: 1px solid #D8E1FA;
	padding-bottom: 15px;
	position: relative;
	padding-top: 15px;
}

.tiku_embody_hedaer_text p {
	font-weight: 400;
	color: #A2A4A8;
	font-size: 12px;
}

.tiku_embody_hedaer_h {
	font-size: 14px;
	font-family: Alibaba PuHuiTi;
	font-weight: 400;
	color: #333333;
}



.tiku_detail_list {
	margin-left: 70px;
}

.tiku_detail_item {
	margin: 15px 0;
}

.top_gotop {
	text-align: center;
}

.icon_wrapper {
	display: inline-block;
}

.zhankai_btn:hover ,.shouhui_btn:hover{
	cursor:pointer
}



/*弹框的样式*/

.modal_list_wrapper ul li {
	width: 77px;
	height: 77px;
	display: inline-block;
	float: left;
	margin: 0px 15px 0 0;
	border: 2px solid #FFFFFF;
	box-shadow: 0px 0px 40px 0px rgba(0 52 159 / 12%);
	border-radius: 4px;
}
.modal_list_wrapper ul li:hover{
	border: 2px solid #2578F3
	
}
.weixin_code {
	position: absolute;
	bottom: 35px;
	left: 50%;
	margin-left: -74px;
	width: 150px;
	height: 150px;
	background: #fff;
	border-radius: 10px;
	display: none;
	box-shadow: 0px 0px 10px 0px rgba(47 47 47 / 23%);
}