body {
	background-color: #f6f6f6;
}

.location {
	width: 100%;
	background-color: #e4e4e4 !important;
}

.location .content {
	width: calc(1480/var(--main-font) * 1rem);
	margin: 0 auto;
	font-size: calc(16/var(--main-font) * 1rem);
	line-height: calc(67/var(--main-font) * 1rem);
	color: #000000;
}

.location .content a {
	color: #000000;
}

.details {
	width: 100%;
	background-color: #f6f6f6 !important;
	padding-top: calc(35/var(--main-font) * 1rem);
}

.details .content {
	width: calc(1480/var(--main-font) * 1rem);
	margin: 0 auto;
	overflow: hidden;

}

.details .content .left {
	float: left;
	width: calc(1095/var(--main-font) * 1rem);
	background-color: #ffffff;
	padding: calc(40/var(--main-font) * 1rem);
	box-sizing: border-box;
	margin-bottom: calc(35/var(--main-font) * 1rem);
}

.details .content .left .product {
	width: 100%;
	background-color: #ffffff;
	padding: calc(47/var(--main-font) * 1rem) calc(30/var(--main-font) * 1rem);
	padding-bottom: calc(10/var(--main-font) * 1rem);
	box-sizing: border-box;
	overflow: hidden;
}

.details .content .left .product .left {
	float: left;
	width: calc(302/var(--main-font) * 1rem);
	height: calc(302/var(--main-font) * 1rem);
	/* margin-right: calc(30/var(--main-font) * 1rem); */
}

.details .content .left .product .left img {
	width: 100%;
	height: 100%;
}

.details .content .left .product .right {
	float: right;
	width: calc(580/var(--main-font) * 1rem);
}

.details .content .left .product .right .top {
	width: 100%;
	overflow: hidden;
	margin-bottom: calc(20/var(--main-font) * 1rem);
}

.details .content .left .product .right .top .name {
	float: left;
	width: 70%;
	font-size: calc(24/var(--main-font) * 1rem);
	font-weight: bold;
	line-height: calc(54/var(--main-font) * 1rem);
	color: #000000;
}

.details .content .left .product .right .top .degree {
	float: right;
	width: 25%;
	text-align: right;
	font-size: calc(18/var(--main-font) * 1rem);
	color: #000000;
	line-height: calc(54/var(--main-font) * 1rem);
}

.details .content .left .product .right .top .degree span {
	color: #0176f1;
}

.details .content .left .product .right .item {
	width: 100%;
	font-size: calc(16/var(--main-font) * 1rem);
	color: #000000;
	line-height: 1.5;
	margin-bottom: calc(20/var(--main-font) * 1rem);
	overflow: hidden;
}

.details .content .left .product .right .item span {
	display: block;
	float: left;
}

.details .content .left .product .right .item span:first-child {
	width: 15%;
}

.details .content .left .product .right .item span:last-child {
	width: 85%;
	text-align: justify;
}

.details .content .left .product .right .btn {
	width: calc(219/var(--main-font) * 1rem);
	line-height: calc(53/var(--main-font) * 1rem);
	background-color: #0176f2;
	text-align: center;
	margin-top: calc(45/var(--main-font) * 1rem);
	font-size: calc(20/var(--main-font) * 1rem);
}

.details .content .left .product .right .btn a {
	color: #ffffff;
}

.details .content .left .partblock,
.details .content .left .partblock2 {
	width: 100%;
	background-color: #ffffff;
	/* margin-top: calc(25/var(--main-font) * 1rem); */
	padding: calc(25/var(--main-font) * 1rem) calc(47/var(--main-font) * 1rem);
	padding-top: calc(0/var(--main-font) * 1rem);
	box-sizing: border-box;
}

.details .content .left .partblock .name,
.details .content .left .partblock2 .name {
	width: 100%;
	font-size: calc(20/var(--main-font) * 1rem);
	font-weight: bold;
	line-height: calc(36/var(--main-font) * 1rem);
	color: #000000;
	margin-bottom: calc(25/var(--main-font) * 1rem);
}

.details .content .left .partblock .content {
	width: 100%;
	max-height: calc(200/var(--main-font) * 1rem);
	font-size: calc(16/var(--main-font) * 1rem);
	line-height: calc(36/var(--main-font) * 1rem);
	color: #000000;
	text-align: justify;
	overflow: hidden;
}

.details .content .left .partblock2 .content {
	width: 100%;
	font-size: calc(16/var(--main-font) * 1rem);
	line-height: calc(36/var(--main-font) * 1rem);
	color: #000000;
	text-align: justify;
	overflow: hidden;
}

.details .content .left .partblock .all,
.details .content .left .partblock2 .all {
	width: 100%;
	text-align: center;
	margin-top: calc(20/var(--main-font) * 1rem);
	color: #0176f1;
	cursor: pointer;
}

.details .content .left .partblock .all {
	font-size: calc(16/var(--main-font) * 1rem)
}

.details .content .left .partblock #btntwo {
	display: none;
}

.question .content .Q {
	overflow: hidden;
	width: calc(923/var(--main-font) * 1rem);
	background-color: #e5f2ff;
	border-radius: calc(10/var(--main-font) * 1rem);
	padding: calc(20/var(--main-font) * 1rem);
	box-sizing: border-box;
}

.question .content .Q img {
	float: left;
	width: calc(23/var(--main-font) * 1rem);
	height: calc(23/var(--main-font) * 1rem);
	vertical-align: bottom;
	margin-top: calc(7/var(--main-font) * 1rem);
	margin-right: calc(20/var(--main-font) * 1rem);
}

.question .content .Q span {
	float: left;
	width: 90%;
	font-size: calc(18/var(--main-font) * 1rem);
	font-weight: bold;
	text-align: justify;
}

.question .content .A {
	width: 100%;
	margin: calc(20/var(--main-font) * 1rem) 0;
	font-size: calc(16/var(--main-font) * 1rem);
	text-align: justify;
}

.blank {
	width: 100%;
	height: calc(50/var(--main-font) * 1rem);
}

.details .content .right {
	float: right;
	width: calc(350/var(--main-font) * 1rem);
}

.details .content .right .counselor, .details .content .right .article  {
	width: 100%;
	background-color: #ffffff;
	margin-bottom: calc(20/var(--main-font) * 1rem);
}

.details .content .right .counselor .title, .details .content .right .article .title {
	width: 100%;
	height: calc(50/var(--main-font) * 1rem);
	border: calc(1/var(--main-font) * 1rem) solid #eeeeee;
}

.details .content .right .counselor .title .name, .details .content .right .article .title .name {
	width: calc(80/var(--main-font) * 1rem);
	font-size: calc(18/var(--main-font) * 1rem);
	font-weight: bold;
	line-height: calc(44/var(--main-font) * 1rem);
	color: #0176f1;
	text-align: center;
	border-bottom: calc(10/var(--main-font) * 1rem) solid #0176f1;
	margin: 0 auto;
}

.details .content .right .counselor .content {
	width: 100%;
	padding: calc(50/var(--main-font) * 1rem) calc(50/var(--main-font) * 1rem);
	box-sizing: border-box;
}

.details .content .right .counselor .content .top {
	text-align: center;
	font-size: calc(18/var(--main-font) * 1rem);
	line-height: calc(44/var(--main-font) * 1rem);
	margin-bottom: calc(20/var(--main-font) * 1rem);
	color: #444444;
}

.details .content .right .counselor .content .QR {
	width: calc(250/var(--main-font) * 1rem);
	height: calc(250/var(--main-font) * 1rem);
}

.details .content .right .counselor .content .QR img {
	width: 100%;
	height: 100%;
}

.details .content .right .counselor .content .bottom {
	width: 100%;
	text-align: center;
	margin-top: calc(20/var(--main-font) * 1rem);
	font-weight: bold;
	color: #0176f1;
	font-size: calc(20/var(--main-font) * 1rem);
}


.details .content .right .article {
	padding-bottom: calc(10/var(--main-font) * 1rem);
}

.details .content .right .article>.item {
	display: block;
	width: 80% !important;
	border-bottom: calc(1/var(--main-font) * 1rem) solid #eeeeee;
	margin: calc(20/var(--main-font) * 1rem)  auto;
}

.details .content .right .article>.item:last-child {
	border-bottom: none;
}

.details .content .right .article>a{
	color: #989898 !important;
}

.details .content .right .article>.item .iconbox {
	width: 100%;
	overflow: hidden;
	margin-top: calc(10/var(--main-font) * 1rem);
}

.details .content .right .article>.item .iconbox .item {
	float: left;
	font-size: calc(14/var(--main-font) * 1rem);
	margin-right: calc(10/var(--main-font) * 1rem);
}

.details .content .right .article>.item .iconbox .item img{
	width: calc(15/var(--main-font) * 1rem);
}

.left_nav {
	position: fixed;
	top: 52vh;
	left: 0;
	width: calc(115/var(--main-font) * 1rem);
	z-index: 1000;
}

.left_nav .layui-unselect {
	margin-bottom: calc(20/var(--main-font) * 1rem);
}

.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i {
	color: #0176f1 !important;
}