@charset "utf-8";

@font-face {
	font-family: 'GothamPro-Bold';
	src: url('../fonts/GothamPro-Bold.woff.otf') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'fonts/Gotham-Light';
	src: url('../fonts/Gotham-Light.otf') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PingFangTC-Light';
	src: url('../fonts/苹方 细体.ttf') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

* {
	font-family: "PingFang SC", "Microsoft YaHei", "Calibri", "opensans", "GothicArial", "San Francisco", 'Hiragino Sans GB', "Helvetica Neue", Helvetica, sans-serif;
}

body {
	position: relative;
	z-index: 10
}

a {
	/* position: relative; */
	z-index: 4;
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 72px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	/*padding: 0 4%;*/
	z-index: 20;
	background: rgba(0, 0, 0, 0);
	backdrop-filter: saturate(180%) blur(6px);
}

.header .wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.header .left_box {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.header .mfdemo,
.header .mfcc {
	font-size: 14px;
	line-height: 3em;
	margin: 0 20px;
	color: #fff;
	display: block;
}

@media screen and (max-width: 1400px) {

	.header .mfdemo,
	.header .mfcc {
		margin: 0 6px;
	}
}

.header.black .mfdemo {
	color: #1E1E1E;
}

.header .jz {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}

@media screen and (max-width:1200px) {
	.header .jz {
		font-size: 14px;
	}
}

.header.black .jz {
	color: #333;
}

.header .mfcc {
	color: #2E6AFD;
}

.header .logo_box {
	height: 44px;
	width: auto;
	display: block;
	position: relative;
	padding-right: 6px;
}

.header .logo_box img {
	width: auto;
	height: 100%;
	display: block;
}

.header .logo_box img.logo_b {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.header .right_nav {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.header .right_nav ul {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.header .right_nav ul li {
	margin: 0 20px;
}

.header .right_nav ul li a {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.header .right_nav li i {
	display: block;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	margin-right: 7px;
	background-size: 100% 100%;
}

.header .right_nav li i.hz {
	background-image: url(../images/hz_icon.svg);
}

.header .right_nav li i.wt {
	background-image: url(../images/wt_icon.svg);
}

.header .right_nav li i.fw {
	/*background-image: url(../images/wt_icon.svg);*/
	border: 1px solid #000;
	text-align: center;
	line-height: 20px;
	font-style: normal;
}

.header .right_nav li a {
	color: #fff;
	font-size: 14px;
}

.header .search_btn,
.header .lang {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: block;
	margin-left: 20px;
	background: url(../images/search.svg) no-repeat center center #1E1E1E;
	background-size: 17px 17px;
	cursor: pointer;
}

.header .lang {
	text-align: center;
	background-image: none;
	color: #2E6AFD;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 10px;

}

.header .log_box {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.header .log_box a {
	color: #fff;
	/*width: 87px;*/
	padding: 0 20px;
	line-height: 40px;
	border-radius: 4px;
	text-align: center;
	border: 1px solid transparent;
	box-sizing: border-box;
	font-size: 14px;
}

.header .log_box a:hover {
	background: #C9FF85;
	color: #1E1E1E;
}

.header .log_box a.login {
	margin-right: 20px;
}

.header .log_box a.register {
	width: 88px;
	line-height: 40px;
	color: #1E1E1E;
	background: #C9FF85;
	border-radius: 100px;
	margin-left: 20px;
}

.header .hbg_box {
	display: none;
}

.header .right_nav .phoneshow {
	display: none;
}

.header .pchide {
	display: none;
}

.header a.phonelogin {
	display: none;
}

@media only screen and (min-width: 100px) and (max-width: 1500px) {
	.header .right_nav .phonehide {
		display: none;
	}

	.header .left_box .logo_box {
		height: 32px;
	}

	.header .mfdemo {
		position: fixed;
		right: calc(4% + 20px + 15px + 72px);
		top: 18px;
		width: 100px;
		height: 36px;
		background: #1E1E1E;
		border-radius: 18px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0;
		text-align: center;
		line-height: 36px;
	}

	.header .right_nav {
		visibility: hidden;
		width: 0;
	}

	.header .log_box {
		flex-direction: column;
		visibility: hidden;
		z-index: -1;
		position: relative;
	}

	.header a.phonelogin {
		display: block;
		position: fixed;
		top: 18px;
		right: calc(4% + 20px + 18px);
		min-width: 60px;
		height: 36px;
		color: #fff;
		background: linear-gradient(148deg, rgba(114, 143, 241, 1), rgba(46, 106, 253, 1));
		border-radius: 100px;
		z-index: 2;
		text-align: center;
		cursor: pointer;
		padding: 0 10px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.header .hbg_box {
		display: block;
		width: 20px;
		height: 20px;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
	}

	.header .hbg_box span {
		display: block;
		width: 20px;
		height: 2px;
		background: rgba(46, 106, 253, 1);
	}

	.header .right_nav {
		visibility: visible;
		display: block;
		width: 100%;
	}

	.header .right_wrap {
		z-index: 30;
		transition: all 0.6s;
		visibility: visible;
		position: fixed;
		right: -100%;
		top: 0px;
		width: 90%;
		height: 100vh;
		background: #fff;
	}

	.header.show .right_wrap {
		right: 0;
	}

	.header .right_nav .phoneshow {
		display: block;
	}

	.header .pchide {
		display: block;
	}

	.header.show:before {
		content: "";
		display: block;
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, 0.5);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 21;
	}

	.header .right_nav ul {
		flex-direction: column;
		padding-top: 90px;
		width: 100%;
	}

	.header .right_nav ul li {
		width: 100%;
		height: 52px;
	}

	.header .right_nav ul li:nth-child(2n) {
		background: #EDEFF2;
	}

	.header .right_nav li a {
		width: 100%;
		height: 100%;
		justify-content: flex-start !important;
		padding-left: 88px;
	}

	.header .platname {
		width: 46px;
		height: 100%;
		background: linear-gradient(148deg, rgba(114, 143, 241, 1), rgba(46, 106, 253, 1));
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 8px;
		position: absolute;
		top: 0;
		left: 0;
	}

	.header .platname .img_box {
		width: 30px;
		height: 30px;
	}

	.header .platname .img_box img {
		width: 100%;
		height: auto;
		display: block;
	}

	.header .platname p {
		font-size: 14px;
		color: #fff;
		width: 30px;
		line-height: 220px;
		white-space: nowrap;
		transform-origin: center left;
		transform: rotate(90deg) translate(-95px, -12px);
	}

	.header .platname p span {
		color: #fff;
		font-weight: bold;
		margin-right: 10px;
	}

	.header .search_box {
		position: absolute;
		top: 36px;
		left: 83px;
	}

	.header .search_btn {
		margin: 0;
	}

	.header .close_btn {
		position: absolute;
		top: 36px;
		right: 30px;
		cursor: pointer;
	}

	.header .close_btn img {
		width: 16px;
		height: 16px;
	}

	.header .copyright_p {
		position: absolute;
		bottom: 30px;
		left: 46px;
		width: calc(100% - 46px);
		text-align: center;
		color: #1C1C1C;
		font-size: 14px;
		line-height: 2em;
	}
}

@media only screen and (min-width: 100px) and (max-width:640px) {
	.header .mfdemo {
		width: 60px;
		line-height: 30px;
		height: 30px;
		border-radius: 15px;
		top: 20px;
	}

	.header a.phonelogin {
		height: 30px;
		top: 20px;
		font-size: 14px;
	}
}

.banner_box {
	position: relative;
}

.banner_box img {
	width: 100%;
	height: auto;
	display: block;
}

.header.black,
.header.show {
	box-shadow: 0px 3px 4px 0px rgba(33, 33, 33, 0.14);
}

.header.black img.logo_w,
.header.show img.logo_w {
	opacity: 0;
}

.header.black img.logo_b,
.header.show img.logo_b {
	opacity: 1;
}

.header.black .right_nav li a,
.header.show .right_nav li a {
	color: #000;
}

.header.black .right_nav li i.hz,
.header.show .right_nav li i.hz {
	background-image: url(../images/hz_b_icon.svg);
}

.header.black .right_nav li i.wt,
.header.show .right_nav li i.wt {
	background-image: url(../images/wt_b_icon.svg);
}

.header.black .log_box a.register,
.header.show .log_box a.register {
	color: #1E1E1E;
}

.header.black .log_box a.register.grey {
	background: #EDEFF2;
	margin: 0 20px;
	color: #2E6AFD;
	
}
.header.black .log_box a{
    transition: all ease-in-out 0.3s;
}
.header.black .log_box a:hover {
	color: #C9FF85;
	background: #1E1E1E;
}

.header.black .log_box a,
.header.show .log_box a {
	color: #333;
}

footer {
	/*width: 100%;*/
	background: linear-gradient(176deg, rgba(61, 61, 61, 1), rgba(30, 30, 30, 1));
	font-family: "微软雅黑" !important;
	position: relative;
	z-index: 2
}

footer * {
	font-family: "微软雅黑" !important;
}

footer .wrap_box {
	max-width: 1600px;
	padding-top: 120px;
	width: 90% !important;
}

footer .top_nav {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

footer .top_nav .left_nav {
	display: flex;
	justify-content: space-between;
	padding-right: 100px;
	flex: 1;
}

footer .top_nav dl {
	padding-right: 10px
}

dt a,
footer .top_nav dl dd a {
	color: #fff;
	font-size: 14px;
	display: block;
	line-height: 28px;
	color: rgba(255, 255, 255, 0.8);
	transition: all 0.36s;
}

footer .top_nav dl dd a:hover {
	color: rgba(255, 255, 255, 1);
}

footer .top_nav dl dt a {
	height: 54px;
	color: #fff;
	font-weight: bold;
}

footer .right_msg_box {
	width: 100%;
	max-width: 422px;
	background: #fff;
	border-radius: 10px;
	padding: 40px 30px 20px;
}

footer .right_msg_box h6 {
	font-size: 14px;
	color: #111;
	line-height: 28px;
	font-weight: bold;
	padding-bottom: 18px;
}

footer .right_msg_box .input_wrap {
	width: 100%;
	position: relative;
}

footer .right_msg_box input {
	width: 100%;
	line-height: 54px;
	border: none;
	font-size: 13px;
}

footer .right_msg_box .input_wrap p {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color: red;
	font-size: 12px;
}

footer .right_msg_box .msg_icon {
	width: 27px;
	height: 25px;
	background: url(../images/email.svg) no-repeat center center;
	background-size: 100% auto;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -12.5px;
	display: none;
}

@media only screen and (min-width: 100px) and (max-width: 1350px) {
	footer .top_nav .left_nav {
		padding-right: 50px;
	}

	footer .right_msg_box {
		max-width: 350px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 1200px) {
	footer .wrap_box {
		padding-top: 0;
	}

	footer .top_nav,
	.about_link {
		display: none;
	}
}

.about_link {
	margin-top: 74px;
}

.about_link .link_list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.about_link .link_list li {
	width: auto;
	height: 30px;
	margin-right: 46px;
}

.about_link .link_list li a {
	display: block;
	width: auto;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.about_link .link_list img {
	width: auto;
	max-height: 100%;
	display: block;
}

.copyright_box {
	padding: 60px 0;
}

.copyright_box p,
.copyright_box a,
.copyright_box span {
	color: #8A8A8A;
	font-size: 13px;
	line-height: 28px;
}

.copyright_box a {
	margin-left: 12px;
	display: block;
	text-decoration: underline !important;
	transition: all 0.3s;
}

.copyright_box a.suggest {
	min-width: 117px;
	padding: 0 16px;
	line-height: 40px;
	background: #C9FF85;
	border-radius: 20px;
	color: #1E1E1E;
	text-align: center;
	text-decoration: none !important;
	position: relative;
	top: -7px;
	font-size: 13px;
}

.copyright_box a.weixin {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: block;
	position: relative;
	top: -7px;
	left: 15px;
	background: url(../images/weixin.svg) no-repeat center center rgba(237, 239, 242, 1);
	background-size: 24px auto;
}

.copyright_box a.gzh {
	color: #fff;
	text-decoration: none !important;
}

@media only screen and (min-width: 100px) and (max-width: 1200px) {
	.copyright_box a.gzh {
		display: none;
	}
}

.copyright_box a:hover {
	color: #1E1E1E;
}

.copyright_box img {
	margin: 0 12px;
	display: block;
	width: 18px;
	height: 20px;
	position: relative;
	top: -5px;
}

.copyright_box div {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	flex-wrap: wrap;
}

.page_box,
.page {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 75px 0;
}

.page_box a {
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 50%;
	text-align: center;
	color: #999;
	font-size: 18px;
	display: block;
	transition: all 0.3s;
	margin: 0 15px;
}

.page_box a:hover {
	color: #333;
}

.page_box a.active {
background: #1E1E1E;
color: #C9FF85;

}

.page_box a.active:hover {
	color: #C9FF85 !important;
}

.page_box a.prev,
.page_box a.next {
	width: 36px;
	line-height: 36px;
	border-radius: 50%;
	text-align: center;
	margin: 0 15px;
	color: #fff;
	background-image: url(../images/prev.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #ddd;
	background-size: auto 22px;
}

.page_box a.next {
	transform: rotate(180deg);
}

.page_box a.prev:hover,
.page_box a.next:hover {
	background-color: #1E1E1E;
	color: #fff;
	background-image: url(../images/prevhover.svg);
}

.page_box span {
	color: #999;
	margin: 0 15px;
}

@media only screen and (min-width: 100px) and (max-width: 640px) {
	.page_box {
		padding: 20px 0 40px;
	}

	.page_box a {
		width: 28px;
		line-height: 28px;
		height: 28px;
		font-size: 12px;
		margin: 0;
	}

	.page_box a.prev,
	.page_box a.next {
		width: 28px;
		height: 28px;
	}

	.page_box span {
		margin: 0 10px;
	}
}

i {
	position: relative;
}

i .question_box {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 36px;
	width: 335px;
	max-height: 220px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 2px 5px 0px rgba(2, 33, 108, 0.17);
	border-radius: 5px;
	font-style: normal;
	display: block;
	padding: 33px 22px;
	display: none;
	z-index: 100;
}

i .question_box:before {
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	bottom: -17px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	background: url(../images/jiantou.png) no-repeat center center;
}

i .question_box p {
	font-size: 14px;
	line-height: 24px;
	color: #666 !important;
	word-break: break-all;
}

.getoffer .table_box .p i .question_box,
.intr_detail .configure_box i .question_box {
	bottom: auto;
	top: 36px;
}

.getoffer .table_box .p i .question_box:before,
.intr_detail .configure_box i .question_box:before {
	bottom: auto;
	top: -17px;
	transform: translateX(-50%) rotate(180deg);
}

.mf_rightfixed {
	position: fixed;
	bottom: 60px;
	right: 0;
	display: flex;
	flex-direction: column;
	/*justify-content: center;*/
	align-items: flex-end;
	z-index: 100;
}

.cd-top {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	margin: 10px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #1E1E1E;
	background-size: 100% 100%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
	z-index: 30;
	display: flex;
	justify-content: center;
	align-items: center;
}

.cd-top img {
	width: 45%;
	height: auto;
	display: block;
}

.cd-top.cd-is-visible {
	visibility: visible;
	opacity: 1;
}

.cd-top.cd-fade-out {
	opacity: 1;
	z-index: 20;
}

.customer_service {
	width: 90px;
	height: 90px;
	display: block;
	/* background: linear-gradient(148deg, rgba(114, 143, 241, 1), rgba(46, 106, 253, 1)); */
	background: url('/home/images/kf.png') no-repeat center/cover;
	box-shadow: 0px 1px 6px 2px rgb(43 43 43 / 31%);
	border-radius: 50%;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	font-size: 14px;
	padding: 0 10px;
	text-align: center;
	border: solid 4px #000000;
	/* border: solid 4px #2e6afd; */
}

.customer_service:focus {
	background: url('/home/images/kf.png') no-repeat center/cover;
}

.customer_service.on:before {
	content: "2";
	width: 18px;
	height: 18px;
	background: rgb(255 31 31);
	border: 3px solid rgba(255, 255, 255, 1);
	border-radius: 50%;
	position: absolute;
	right: 0px;
	top: -8px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media only screen and (min-width: 100px) and (max-width: 1000px) {
	.mf_rightfixed {
		/* top: 90%; */
	}

	.customer_service {
		width: 36px;
		height: 36px;
		font-size: 12px;
		position: relative;
		right: 10px
	}

	.customer_service.on:before {
		right: 7px;
		width: 6px;
		height: 6px;
		border: 1px solid #fff;
	}

	.copyright_box div {
		display: flex;
		/*flex-direction: column;*/
		justify-content: center;
		align-items: center;
	}

	.copyright_box div .con {
		flex-direction: row;
	}

	.copyright_box div .con1 {
		padding-top: 10px;
	}

	.copyright_box p,
	.copyright_box a,
	.copyright_box span {
		font-size: 12px;
		text-align: center;
	}

	.copyright_box a {
		margin: 0 6px;
	}

	.copyright_box span {
		display: block;
	}

	.copyright_box span a {
		display: inline-block;
	}

	.copyright_box a.suggest {
		min-width: 100px;
		line-height: 30px;
		margin-top: 8px;
	}

	.copyright_box a.weixin {
		width: 30px;
		height: 30px;
		background-size: 18px auto;
		margin-top: 8px;
	}

	.copyright_box img {
		width: 14px;
		height: 16px;
		top: 0;
	}
}

.mf-formPop {
	display: block;
	width: 382px;
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.54);
	/* box-shadow: 0px 0px 16px 0px rgba(69, 85, 254, 0.54); */
	border-radius: 10px;
	position: absolute;
	bottom: 60px;
	right: 100%;
	background: #fff;
	margin-right: 20px;
	z-index: 30;
	display: none;
}

@media only screen and (min-width: 100px) and (max-width: 450px) {
	.mf-formPop {
		width: 300px;
		right: 50%;
	}
}

.mf-formPop .pop-top {
	background: #000000;
	/* background: rgba(69, 85, 254, 1); */
	padding: 30px 20px;
	color: #fff;
	font-size: 14px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.mf-formPop .pop-top .pop-tel span {
	font-size: 24px;
}

.mf-formPop .pop-top .pop-btn a {
	height: 36px;
	padding: 0 20px;
	background: rgba(255, 255, 255, 1);
	border-radius: 18px;
	color: #000000;
	/* color: #4555FE; */
	display: inline-block;
	text-decoration: none;
	text-align: center;
	line-height: 36px;
	margin-top: 20px;
}

.mf-formPop .suggesform {
	padding: 20px;
}

.mf-formPop .suggesform .input_wrap {
	width: 100%;
	position: relative;
}

.mf-formPop .suggesform input {
	display: block;
	width: 100%;
	border: none;
	outline: none;
	padding: 10px;
	font: 400 13.3333px Arial;
}

.mf-formPop .suggesform p {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color: red;
	font-size: 12px;
}

.mf-formPop .mf-form-btn {
	text-align: right;
	margin-top: 30px;
}

.mf-formPop .mf-form-btn .btn {
	width: 61px;
	height: 28px;
	background: rgba(193, 193, 193, 1);
	border-radius: 7px;
	line-height: 28px;
	border: none;
	outline: none;
	color: #fff;
	cursor: pointer;
	user-select: none;
	transition: linear all 0.3s;
	margin-left: 10px;
	font-size: 14px;
}

.mf-formPop .mf-form-btn .btn:hover {
	background: #000000;
	/* background: #4555FE; */
}

.black_box2 {
	background: rgba(0, 0, 0, .4);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 300;
	display: none;
}

.popup {
	width: 300px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
	padding-bottom: 20px;
	display: none;
	z-index: 500;
}

.popup .title_box {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 10px 20px;
	border-bottom: 1px solid #ccc;
}

.popup .title_box h6 {
	font-size: 14px;
}

.popup .title_box .close_btn {
	cursor: pointer;
	padding-left: 10px;
	font-size: 16px;
	transform: scaleX(1.2);
}

.popup .content_box {
	padding: 20px;
}

.popup .content_box p {
	font-size: 14px;
}

.popup .btn_box {
	display: flex;
	justify-content: flex-end;
}

.popup button {
	line-height: 28px;
	height: 28px;
	margin: 0px 20px 0;
	padding: 0 18px;
	background: #000;
	color: #fff;
	border-radius: 2px;
	cursor: pointer;
	font-size: 14px;
	border: none;
	display: block;
	outline: none;
}

.personal {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	position: relative;
	left: -20px;
}

.personal_btn {
	width: 36px !important;
	height: 36px;
	background-image: linear-gradient(148deg, rgba(114, 143, 241, 1), rgba(46, 106, 253, 1));
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100% !important;
	/*border: 1px solid #333 !important;*/
	border-radius: 50% !important;
	display: block;
	position: relative;
	background-color: #fff;
}

.phone_personal_btn {
	position: fixed;
	top: 15px;
	right: calc(4% + 37px + 15px);
}

.personal_btn:focus,
.personal_btn:hover {
	background-repeat: no-repeat !important;
	background-position: center center !important;
	/*background-size: auto 60% !important;*/
}

.header .personal_popup,
.header .log_box .personal_popup {
	position: absolute;
	top: 60px;
	left: 50%;
	transform: translateX(-50%);
	width: 230px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 4px 18px 0px rgba(85, 85, 85, 0.23);
}

.header .personal_popup .uner_name,
.header .log_box .personal_popup .uner_name {
	width: 100%;
	line-height: 60px;
	background: linear-gradient(148deg, rgba(114, 143, 241, 1), rgba(46, 106, 253, 1));
	border-radius: 10px 10px 0px 0px;
	padding: 0 30px;
	display: flex;
	align-items: center;
}

.header .personal_popup,
.header .log_box .personal_popup {
	display: none;
}

.header .personal_popup .uner_name,
.header .log_box .personal_popup .uner_name,
	{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.header .personal_popup .uner_name a,
.header .log_box .personal_popup .uner_name a {
	color: #fff;
	padding: 0;
}

.header .personal_popup .uner_name a:hover,
.header .log_box .personal_popup .uner_name a:hover {
	background: none;
}

.header .personal_popup .uner_name i,
.header .log_box .personal_popup .uner_name i {
	width: 18px;
	height: 18px;
	display: block;
	margin: 3px 0 0 8px;
}

.header .personal_popup .uner_name i img,
.header .log_box .personal_popup .uner_name i img {
	width: 100%;
	height: 100%;
	display: block;
}

.header .personal_popup dl,
.header .log_box .personal_popup dl {
	padding: 15px 30px;
}

.header .personal_popup dl dt,
.header .log_box .personal_popup dl dt {
	margin-bottom: 20px;
}

.header .personal_popup dl dt ul,
.header .log_box .personal_popup dl dt ul {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

.header .personal_popup dl dt li,
.header .log_box .personal_popup dl dt li,
	{
	width: 26px;
	height: 26px;
	background: #ECECEC;
	border-radius: 50%;
	margin: 0;
	margin-right: 12px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}

.header .personal_popup dl dt li img,
.header .log_box .personal_popup dl dt li img {
	width: 13px;
	height: auto;
	display: block;
}

.header .personal_popup dl dt li span,
.header .log_box .personal_popup dl dt li span {
	background: url(../images/sel.svg) no-repeat left center;
	background-size: 11px 11px;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 11px;
	height: 11px;
	display: none;
}

.header .personal_popup dl dt li.on span,
.header .log_box .personal_popup dl dt li.on span {
	display: block;
}

.header .personal_popup dl a,
.header .log_box .personal_popup dl a {
	line-height: 36px;
	display: block;
	color: #666;
	transition: all 0.36s;
	text-align: left;
	padding: 0;
}

.header .personal_popup dl a:hover,
.header .log_box .personal_popup dl a:hover {
	color: #2683F5;
	background: none;
}

.copyright_box .weixin {
	position: relative;
}

.copyright_box .weixin_code {
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform-origin: bottom;
	transform: translateX(-50%);
	width: 120px;
	height: 120px;
	border: 1px solid #ddd;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
	padding: 3px;
	opacity: 0;
	transition: all 0.36s;
}

.copyright_box .weixin:hover .weixin_code {
	opacity: 1;
}

.copyright_box .weixin img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	top: 0;
}

.header .search_btn.sh {
	background: url(../images/search_w.svg) no-repeat center center #C9FF85;
	background-size: 17px 17px;
}

.search_pop {
	position: fixed;
	top: 72px;
	left: 0;
	width: 100%;
	height: calc(100vh - 59px);
	background: rgba(15, 15, 15, 0.77);
	display: none;
	z-index: 300;
}

.search_pop .search_wrap {
	height: 484px;
	background: #fff;
	box-shadow: 0px 18px 9px 1px rgba(2, 33, 108, 0.17);
	border-radius: 0px 0px 10px 10px;
	padding: 57px 5%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.search_wrap .search_box {
	width: 100%;
	max-width: 720px;
	display: flex;
	height: 56px;
}

.search_wrap .search_box .search_content {
	background: rgba(249, 249, 249, 1);
	border: 1px solid rgba(207, 216, 220, 1);
	display: flex;
	flex: 1;
}

.search_wrap .search_box .search_content .sel {
	width: 78px;
	cursor: pointer;
	background: #fff;
	border-right: 1px solid rgba(207, 216, 220, 1);
}


/*.search_pop .search_box .search_content .sel.sl{
	
}*/

.search_wrap .search_box .search_content .sel dl {
	position: relative;
}

.search_wrap .search_box .search_content .sel dl dt {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 56px;
}

.search_wrap .search_box .search_content .sel dl dt p {
	font-size: 16px;
	color: #999;
}

.search_wrap .search_box .search_content .sel dl dt i {
	width: 8px;
	height: 20px;
	display: block;
	background: url(../images/search_sel.svg) no-repeat center center;
	background-size: 100% 100%;
	margin-left: 8px;
}

.search_wrap .search_box .search_content .sel dd {
	position: absolute;
	top: 57px;
	left: 0;
	width: 100%;
	background: #fff;
	box-shadow: 0px 3px 9px 1px rgba(2, 33, 108, 0.17);
	text-align: center;
	padding: 10px 0;
	display: none;
	z-index: 10;
}

.search_wrap .search_box .search_content .sel dd p {
	font-size: 16px;
	line-height: 36px;
	color: #666;
	cursor: pointer;
}

.search_wrap .search_box .search_content .search_input {
	flex: 1;
	position: relative;
}

.search_wrap .search_box .search_content .search_input input {
	width: 100%;
	height: 100%;
	border: none;
	background: none;
	font-size: 16px;
	padding: 0 20px;
}

.search_wrap .search_box .search_history {
	position: absolute;
	top: 57px;
	width: 185px;
	height: 222px;
	background: #fff;
	box-shadow: 0px 3px 9px 1px rgba(2, 33, 108, 0.17);
	border-radius: 10px;
	padding: 10px 2px 10px 25px;
	display: none;
	z-index: 2;
}

.search_wrap .search_box .search_history ul {
	width: 100%;
	height: 100%;
	overflow: auto;
}

.search_wrap .search_box .search_history ul::-webkit-scrollbar {
	width: 3px;
}

.search_wrap .search_box .search_history ul::-webkit-scrollbar-track {
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 2em;
}

.search_wrap .search_box .search_history ul::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, .3);
	border-radius: 2em;
}

.search_wrap .search_box .search_history ul li {
	cursor: pointer;
}

.search_wrap .search_box .search_history ul li a {
	font-size: 13px;
	color: #111;
	line-height: 36px;
}

.search_wrap .search_box .search_sub {
	width: 103px;
	background: none;
	border: none;
	background: #C9FF85;
	color: #1E1E1E;
	font-size: 13px;
	display: flex;
	justify-content: center;
	align-items: center;
	outline: none;
}

.search_wrap .search_box .search_sub i {
	width: 17px;
	height: 17px;
	display: block;
	background: url(../images/search_w.svg) no-repeat center center;
	background-size: 17px 17px;
	margin-right: 8px;
}

.search_wrap .hot_search {
	width: 100%;
	max-width: 720px;
	margin: 76px 0;
}

@media only screen and (min-width: 100px) and (max-width: 640px) {
	.search_wrap .hot_search {
		margin: 40px 0;
	}
}

.search_wrap .hot_search dl {
	display: flex;
	align-items: flex-start;

}

.search_wrap .hot_search dl dt {
	font-size: 16px;
	line-height: 1em;
	font-weight: bold;
	padding-right: 24px;
	/* width: 88px; */
	line-height: 32px;
	white-space: nowrap;
}

.search_wrap .hot_search dl dd {
	display: flex;
	align-items: center;
	width: calc(100% - 88px);
	flex-wrap: wrap;
}

.search_wrap .hot_search dl dd a {
	font-size: 14px;
	color: #333;
	line-height: 16px;
	display: block;
	padding: 8px 20px;
	border-radius: 4px;
	position: relative;
	margin-right: 4px;
}

.search_wrap .hot_search dl dd a:hover {
	background: #C9FF85;
	color: #1E1E1E;
}

@media only screen and (min-width: 100px) and (max-width: 1200px) {
	.search_pop {
		top: 0;
		height: 100vh;
		padding-top: 50px;
	}

	.search_pop .search_wrap {

		border-radius: 10px;
	}

	.search_wrap .search_box {

		position: static;

	}
}

@media only screen and (min-width: 100px) and (max-width: 640px) {
	.search_wrap .search_box {
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-end;
		height: auto;
	}

	.search_wrap .search_box form {
		flex-wrap: wrap;
	}

	.search_wrap .search_box .search_content {
		width: 100%;
	}

	.search_wrap .search_box .search_sub {
		height: 50px;
		margin-top: 14px;
		width: 100%;
	}
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

input[type="number"] {
	-moz-appearance: textfield;
}

@media screen and (max-width:370px) {
	.header.black .jz {
		display: none;
	}
}