@charset "utf-8";

* {
	padding: 0;
	margin: 0;
	font-family: "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif
}

body {
	font-size: 14px;
	color: #262D37;
	min-width: 1200px;
	padding-top: 250px;
}

a {
	text-decoration: none;
	color: #262D37;
}

input,
select,
textarea {
	outline: 0;
	border: 0;
	background-color: transparent;
}

img {
	max-width: 100%;
	border: 0;
	display: inline-block
}

li,
ol,
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

em,
i {
	font-style: normal
}

.center {
	margin-left: auto;
	margin-right: auto
}

.tl {
	text-align: left
}

.tc {
	text-align: center
}

.tr {
	text-align: right
}

.dis_none {
	display: none;
}

.posr {
	position: relative
}

.posa {
	position: absolute
}

.left {
	float: left
}

.right {
	float: right
}

.clear {
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
	clear: both
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.col_down {
	color: #BF513E !important;
}

.col_up {
	color: #409F72 !important;
}

.bg_down {
	background: #BF513E !important;
}

.bg_up {
	background: #409F72 !important;
}

.bg_F5F7FB {
	background-color: #F5F7FB;
}

.bg_FEF8F1 {
	background-color: #FEF8F1;
}

.wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 28px;
}

.flex_cen_cen {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex_sb_cen {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.btn_sty {
	height: 32px;
	background: #E68725;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 0 20px;
	font-size: 14px;
	line-height: 16px;
	color: #FFFFFF;
	transition: all .2s ease;
	cursor: pointer;
	box-sizing: border-box;
	user-select: none;
	outline: none;
	border: none;
}

.btn_sty:hover {
	background-color: #f39c43;
}

.btn_kx {
	background-color: #fff;
	border: 1px solid #E58725;
	color: #E58725;
}

.btn_kx:hover {
	background-color: #FCF1E5;
	border-color: #FCF1E5;
}

.mask_style_pub {
	display: none;
	background: rgba(0, 0, 0, 0.75);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	box-sizing: border-box;
	overflow: auto;
}

/* header css */
header {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 9999;
	background: #fff;
}

.header-quates {
	display: flex;
	border-bottom: 1px solid #DADCE0;
}

.header-quates-list {
	width: calc(100% - 108px);
	box-sizing: border-box;
	display: flex;
}

.header-quates-list>a {
	flex: 0 0 calc(100% / 6);
	box-sizing: border-box;
	border-right: 1px solid #DADCE0;
	padding: 12px 15px 10px;
}

.header-quates .header-quates-name {
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	color: #262D37 !important;
}

.header-quates-price {
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
}

.header-quates-amp {
	font-weight: 600;
	font-size: 12px;
	line-height: 16px;
}

.header-quates-chart {
	width: calc(100% - 55px);
	height: 21px;
}

.header-quates-more {
	width: 108px;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
}

.header-quates-more i {
	display: block;
	width: 7px;
	height: 7px;
	border-bottom: 1px solid #3b4859;
	border-right: 1px solid #3b4859;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin: 1px 2px 0;
}

.header_logo_box {
	background-color: #fff;
}

header .serch_box {
	margin-right: 20px;
	display: flex;
	align-items: center;
	cursor: pointer;
	position: relative;
	background: rgba(75, 85, 102, .05);
	box-sizing: border-box;
	width: 100px;
}

header .serch_box input {
	width: 100%;
	padding: 0 30px 0 13px;
	height: 32px;
	overflow: hidden;
}

header .serch_box img {
	position: absolute;
	right: 7px;
	top: 50%;
	margin-top: -11px;
}

.header_lang_box {

	position: relative;
}

.header_lang_box .act_lang {
	height: 24px;
	cursor: pointer;
	display: block;
	margin-right: 20px;
}

#header_lang_tab {
	box-shadow: 0 0 10px 1px rgb(0, 0, 0, 0.19), 0 0 6px rgb(0, 0, 0, 0.23);
	background-color: #FFFFFF;
	position: absolute;
	left: 0;
	top: 40px;
	z-index: 100;
	width: max-content;
	display: none;

}

#header_lang_tab li {
	display: flex;
	align-items: center;
	padding: 6px 12px;
	cursor: pointer;
	transition: all 0.25s ease;

}

#header_lang_tab li:hover {
	background: #3E4857;
	color: #FFFFFF;

}

#header_lang_tab li img {
	height: 20px;
	margin-right: 8px;
}

#header_lang_tab li span {
	flex: 1;
}

@keyframes inputActive {
	from {
		width: 171px;
		border: 1px solid #E58725;
		background: #fff;
		box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.06);
	}

	to {
		border: 1px solid #E58725;
		background: #fff;
		box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.06);
		width: 400px;
	}
}

header .header_logo_box_con .active {
	/* width: 400px; */
	/* height: 50px; */
	animation: inputActive .3s;
	border: 1px solid #E58725;
	background: #fff;
	box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.06);
	width: 400px;
}

.header_logo_box_con {
	height: 88px;
}

.header_nav_box {
	background: #3E4857;
	position: relative;
}

.top_navli>ul {
	display: flex;
	align-items: center;
	height: 52px;
}

.header-topNav-link {
	display: block;
	color: #fff;
	font-size: 14px;
	line-height: 16px;
	position: relative;
	z-index: 10;
	cursor: pointer;
}

.header-topNav-link:hover {
	color: #F88F21;
}

.header-topNav-link.active {
	color: #F88F21;
}

.header-topNav-link.active:after {
	position: absolute;
	content: " ";
	bottom: -14px;
	right: 0px;
	left: 0px;
	z-index: 1;
	height: 2px;
	pointer-events: none;
	background-color: #F88F21;
}


.top_navli>ul>li:not(:first-child) {
	margin-left: 100px;
}

.top_navli>ul>li .opend {
	z-index: 2 !important;
	opacity: 1 !important;
}

.header-topNav-con {
	position: absolute;
	background: #FFFFFF;
	box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.06);
	width: 100%;
	top: 52px;
	left: 0px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	height: 68px;
	opacity: 0;
	transition: height 0.25s ease, opacity 0.25s ease;
	z-index: -10;
}

.header-topNav-con .active {
	color: #F88F21;
}

.header-topNav-con .wrap {
	width: 100%;
	height: 100px;
	box-sizing: border-box;
}

.header-topNav-con ul {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	align-items: center;
}

.header-topNav-con a {
	white-space: nowrap;
	font-size: 14px;
	line-height: 16px;
	color: #262D37;
}

.header-topNav-con ul li:not(:first-child) {
	margin-left: 60px;
}

/* .top_navli>ul>li .opend a {
	color: #F88F21;
} */

.header-topNav-con a:hover {
	color: #F88F21;
	text-decoration: none;
}

.header_time_news {
	background: #E4EDF4;
}

.header_time_news_con {
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.header_time_news_con .dl {
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 16px;
	color: #262D37;
	width: 240px;

}

.header_time_news_con img {
	margin-right: 8px;
}

.header_time_news_con .dr {
	width: calc(100% - 240px);
	display: flex;
	align-items: center;
}

.header_time_news_con .heard-scroll-box {
	height: 48px;
	background: inherit;
}

.heard-scroll-box:hover {
	background: inherit !important;
}

.heard-scroll-item {
	font-size: 12px;
	line-height: 1.5;
	color: #000000;
	height: 48px;
	padding-right: 20px;
	overflow: hidden;
	max-height: 36px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.m_menu_btn,
.m_logo_box,
.m_menu_img,
.header_search_btn_m,
.m_show_lang_li{
	display: none;
}

@media only screen and (max-width: 450px) {
	body {
		min-width: auto;
		width: 100vw;
		padding-top: 162px;
		overflow-x: hidden;
	}

	.wrap {
		padding: 0 14px;
	}

	.header_lang_box,
	.header_logo_box .btn_sty,
	.header_time_news_con .dl span,
	.header_time_news_con .dr img,
	.m_show_lang_li{
		display: none;
	}

	.m_menu_img,
	.header_search_btn_m {
		display: block;
	}

	.header_logo_box_con {
		height: 60px;
	}

	.header_logo_box_con .dl {
		width: 125px;
	}

	header .serch_box {
		margin-right: 0;
		width: 100%;
	}

	header .serch_box.active {
		/* width: calc(100vw - 28px); */
		width: 100%;
	}

	header .serch_box input {
		box-sizing: border-box;
	}

	.header_time_news_con .dl {
		width: auto;
	}

	.header_time_news_con .dr {
		flex: 1;
	}

	.heard-scroll-item {
		margin-bottom: 10px;
	}

	.m_header_box {
		display: flex;
		flex-direction: column-reverse;
	}

	.m_logo_box {
		display: flex;
		flex-direction: column;
		padding: 6px 0 14px;
		align-items: center;
	}

	.m_logo_box .btn_sty {
		width: 100%;
		margin-top: 20px;
	}

	.header_search_btn_m {
		width: 24px;
	}

	.header_logo_box_con .dr {
		margin-right: 0;
		display: none;
		width: 100%;
	}

	#header_lang_tab_m li {
		display: flex;
		align-items: center;
		color: #BDC0C3;
	}

	#header_lang_tab_m li img {
		height: 14px;
		margin-right: 5px;
	}

	.act_lang {
		margin-right: 13px;
		height: 14px;
	}

	.header_nav_box {
		display: none;
		background: rgba(5, 5, 5, 0.5);
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		z-index: 999;
	}

	.header_nav_box>.wrap {
		padding: 14px;
		width: 260px;
		background: #3E4857;
		height: 100vh;
		margin: 0;
		box-sizing: border-box;
	}

	.top_navli {}

	.top_navli>ul {
		flex-direction: column;
		height: auto;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.top_navli>ul>li {
		width: 100%;
		display: block;
		margin: 0 !important;
		border-top: 0.5px solid rgba(255, 255, 255, 0.1);
		position: relative;
		padding: 0 30px 0 14px;
		box-sizing: border-box;
	}

	.header-topNav-link {
		font-weight: 700;
		font-size: 16px;
		line-height: 18px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
		margin: 12px 0;
	}

	.header-quates-list {
		width: auto;
		flex: 1;

	}

	.header-quates-chart {
		width: calc(100% - 45px);
	}

	.header-quates-list a {
		display: none;
		padding: 7px;
	}

	.header-quates-price {
		font-size: 12px;
	}

	.header-quates-list a:nth-child(1),
	.header-quates-list a:nth-child(2),
	.header-quates-list a:nth-child(3) {
		display: block;
		/* width: 33.3%; */
		flex: 1;
	}

	.header-quates-more {
		width: 20px;
	}

	.header-quates-more span {
		display: none;
	}

	.m_menu_btn {
		cursor: pointer;
		display: flex;
		width: 20px;
		height: 20px;
		background-color: red;
		position: absolute;
		right: 5px;
		top: 11px;
		z-index: 10;
		background: url(../../images/public/menu_jt_down.svg) no-repeat center center;
	}

	.m_menu_btn.active {
		background: url(../../images/public/menu_jt_up.svg) no-repeat center center;
	}

	.header-topNav-con {
		position: initial;
		left: initial;
		top: initial;
		background: initial;
		height: 0;
		opacity: 1;
		overflow: hidden;
	}

	.header-topNav-con .wrap {
		height: auto;
		padding: 0;
	}

	.header-topNav-con ul {
		display: block;
	}

	.header-topNav-con ul li {
		padding: 7px 0;
		margin: 0 !important;
	}

	.header-topNav-con ul li a {
		color: #BDC0C3;
	}

	.header-topNav-con.opend {
		height: auto;
	}

	.header-topNav-link.active:after {
		width: 1px;
		height: 100%;
		right: initial;
		bottom: 0;
		top: 0;
		left: -13px;
	}
}

/* footer css */

footer {
	background: #3E4857;
	padding: 50px 0 40px;
}

.footer_nav {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.footer_nav h4 a {
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	color: #FFFFFF;
}

.footer_nav>li>ul {
	padding-top: 10px;
}

.footer_nav>li>ul>li {
	margin-top: 10px;
}

.footer_nav>li>ul>li a {
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	color: #9FA2A8;
}

.footer_risk_list {
	margin-top: 50px;
	border-bottom: 1px solid #6C727D;
	display: flex;
	align-items: center;
	padding: 15px 0;
}

.footer_risk_list a {
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	color: #9FA2A8;
	margin-right: 40px;
}

.footer_text {
	padding: 15px 0 0;
	font-weight: normal;
	font-size: 14px;
	line-height: 21px;
	color: #9FA2A8;
}

@media only screen and (max-width: 450px) {
	footer {
		padding: 0 0 20px;
	}

	.footer_nav {
		display: none;
	}

	.footer_risk_list {
		margin-top: 0;
		flex-wrap: wrap;
		padding-bottom: 5px;
	}
	.footer_risk_list li{
		margin-bottom: 10px;
	}
	.footer_risk_list a{
		margin-right: 20px;
	}

	.footer_text {
		font-size: 12px;
		line-height: 1.5;
		text-align: center;
	}
}