body {
	background: var(--main_hearder_background);
	max-width: 100%;
}

* {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
	box-sizing: border-box;
}



a {
	text-decoration: none;
}

/* 导航条 */
.header {
	width: 100%;
	height: 80px;
	background-color: var(--main_hearder_background);
	/*border-bottom: 3px solid #925BCA;*/
	box-shadow: 0px 1px 14px 0px rgba(54, 59, 68, 0.7);
	position: relative;
	z-index: 3;
}

.header .header_content {
	display: flex;
	justify-content: space-between;
	height: 100%;
	align-items: center;
	width: 98%;
}

.header .header_content .logo {
	width: 200px;
	height: 48px;
}

.header .header_content .logo img {
	/*width: 100%;*/
	height: 90%;
}

.header .header_content .acon2 {
	display: flex;
	justify-content: space-between;
	position: relative;
}

.header .header_content .acon2 a,
.acon2 .loginCss a {
	display: inline-block;
	text-align: center;
	margin-left: 15px;
	position: relative;
	font-size: 18px;
	font-weight: 500;
	line-height: 80px;
	color: var(--main_hearder_text_color);
	cursor: pointer;
}

.header .header_content .acon2 a::before {
	content: '';
	width: 0%;
	height: 6px;
	border-radius: 4px;
	background: var(--main_tab_bottom);
	position: absolute;
	left: 50%;
	bottom: 0px;
	transform: translateX(-50%);
	opacity: 0;
	transition: all .5s;
}

.header .header_content .acon2 a.active::before,
.header .header_content .acon2 a:hover::before {
	width: 100%;
	opacity: 1;
}

.header .header_content .acon2 a.active,
.header .header_content .acon2 a:hover {
	color: var(--main_tab_text_select);
}

.header .header_content .acon2 a:first-child {
	margin-left: 0;
}

.header .header_content .acon1 {
	text-align: left;
	display: flex;
	align-items: center;
}



.Header_action_menu_login {
	align-items: center;
	color: var(--main_hearder_text_color);
	display: flex;
	flex-direction: row;
	font-size: 14px;
	height: 35px;
	justify-content: center;
	margin: 0 15px;
	min-height: 35px;
	padding: 0 5px;
}

.Header_action_menu_register {
	align-items: center;
	border: 1px solid #ff5f66;
	border-radius: 18px;
	color: #ff5f66;
	display: flex;
	flex-direction: row;
	font-size: 14px;
	font-weight: 400;
	height: 35px;
	justify-content: center;
	margin-right: 25px;
	min-height: 35px;
	min-width: 110px;
	padding: 0 15px;
	position: relative;
	text-transform: uppercase;
	transition: filter 600ms ease;
}

.Header_action_menu_locale {
	align-items: center;
	display: flex;
	height: 100%;
	position: relative;
}

.Header_action_menu_locale>div {
	background-color: #0000 !important;
	height: 100%;
	transition: none !important;
	position: relative;
}

.Tooltip_content {
	border-radius: 12px;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.15;
	opacity: 1;
	padding: 0;
	text-align: left;
	text-transform: none;
	white-space: normal;
	word-break: break-word;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}

.LocaleSelector_menu {
	position: absolute !important;
	right: -5px !important;
	top: 100% !important;
	display: none;
	z-index: 999;
}

.Header_action_menu_locale:hover .LocaleSelector_menu {
	display: inline-block;
}

.LocaleSelector_locale_menu_content {
	align-items: center;
	background-color: var(--header_lang_bg);
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 380px;
	border: 1px solid var(--header_lang_border);
}

.LocaleSelector_locale_list {
	display: grid;
	grid-template: auto/1fr 1fr 1fr;
	padding: 8px 0;
	width: 100%;
}

.LocaleSelector_locale_list_item {
	align-items: center;
	background-color: initial;
	color: var(--header_lang_text);
	cursor: pointer;
	display: flex;
	flex-direction: row;
	font-size: 14px;
	height: 46px;
	justify-content: flex-start;
	padding: 0 20px;
	text-transform: capitalize;
	border-radius: 6px;
}

.LocaleSelector_locale_list_item.LocaleSelector_active,
.LocaleSelector_locale_list_item:hover {
	color: var(--main_LocaleSelector_hover);
	border: 1px solid var(--main_LocaleSelector_hover);
}

/*转大写*/
/*text-transform: uppercase;*/
.LocaleSelector_container {
	align-items: center;
	color: var(--main_hearder_text_color);
	cursor: pointer;
	display: flex;
	flex-direction: row;
	font-size: 14px;
	font-weight: 400;
	height: 100%;
	justify-content: center;
	margin: 0 5px 0 0;
	padding: 0 10px;
	position: relative;
	transition: none !important;
	gap: 5px;
}

.download_card {
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	padding-left: 10px;
	cursor: pointer;
}

.download_card::before {
	background-color: #6d7177;
	border-radius: 6px;
	content: "";
	height: 35px;
	left: 0;
	position: absolute;
	width: 1px;
}

.download {
	width: 20px;
	height: 20px;
	background-image: url(../image/download.svg);
	background-size: 100%;
}

.download:hover {
	background-image: url(../image/download1.svg);
}

.informationImg {
	width: 20px;
	height: 20px;
	background-image: url(../image/notices.png);
	background-size: 100%;
}

.informationImg:hover {
	background-image: url(../image/notices1.png);
}

.wallet .walletImg {
	width: 20px;
	height: 20px;
	background-image: url(../image/wallet_header.png);
	background-size: 100%;
}

.wallet:hover .walletImg {
	background-image: url(../image/wallet_header1.png);
}

.touxiangImg {
	width: 20px;
	height: 20px;
	background-image: url(../image/touxiang.png);
	background-size: 100%;
}

.touxiangImg:hover {
	background-image: url(../image/touxiang1.png);
}

.profile_card:hover .touxiangImg {
	background-image: url(../image/touxiang1.png);
}

.tooltip_card {
	position: absolute !important;
	right: -5px !important;
	top: 100% !important;
	visibility: hidden;
	align-items: center;
	background-color: var(--header_download_bg);
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 300px;
	box-sizing: border-box;
	padding: 20px;
	color: var(--header_download_text);
	z-index: 999;
	border: 1px solid var(--header_download_border);
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}

.download_card:hover .tooltip_card {
	visibility: visible;
}

.adhibition_card {
	display: flex;
	gap: 20px;
}

.tooltip_title {
	font-size: 16px;
	align-self: flex-start;
}

.tooltip_subtitle {
	align-self: flex-start;
	font-size: 14px;
	color: var(--header_download_text2);
}

.tooltip_qr {
	border-radius: 12px;
	align-self: center;
	background-color: var(--header_download_qr_bg);
	width: 140px;
	height: 140px;
	margin: 20px 0;
	padding: 15px;
	border: 1px solid var(--header_download_qr_border);
}

.profile_card {
	height: 100%;
	display: flex;
	margin-right: 10px;
	cursor: pointer;
	padding: 0 10px;
	position: relative;
}

.profile_card>img {
	width: 24px;
	height: 24px;
	align-self: center;
}

.profile_card:hover .tooltip_profile {
	visibility: visible;
}

.tooltip_profile {
	position: absolute !important;
	right: -25px !important;
	top: 100% !important;
	visibility: hidden;
	background-color: var(--header_tooltip_profile_bg);
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	box-sizing: border-box;
	padding: 20px 10px;
	color: var(--header_tooltip_profile_text);
	gap: 10px;
	z-index: 999;
	border: 1px solid var(--header_tooltip_profile_border);
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
}

.tooltip_profile img {
	width: 24px;
	height: 24px;
	margin-right: 10px;
	margin-left: 10px;
	align-self: center;
}

.tooltip_profile a span{
	margin: 0 5px;
}

.tooltip_profile a {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	height: 60px;
	line-height: 60px;
	/*color: #fff;*/
}

/*.tooltip_profile a:hover {*/
/*	background-color: #1a1c1f;*/
/*	border-radius: 12px;*/
/*}*/

.securityCenterImg{
	width: 24px;
	height: 24px;
	margin-right: 10px;
	margin-left: 10px;
	align-self: center;
	background-size: cover;
	background-image: url(../image/sc.png);
}
.tooltip_profile #securityCenter:hover .securityCenterImg{
	background-image: url(../image/sc1.png);
}

.tooltip_profile #securityCenter:hover {
	/*background-color: #1a1c1f;*/
	border-radius: 12px;
	border: 1px solid var(--main_tooltip_profile_border);
	color: var(--main_tooltip_profile_text);
}


.tooltip_profile #logOut:hover {
	/*background-color: #1a1c1f;*/
	border-radius: 12px;
	border: 1px solid red;
	color: red;
}

.logOutImg{
	width: 24px;
	height: 24px;
	margin-right: 10px;
	margin-left: 10px;
	align-self: center;
	background-size: cover;
	background-image: url(../image/out.png);
}
.tooltip_profile #logOut:hover .logOutImg{
	background-image: url(../image/out1.png);
}

.information {
	height: 100%;
	display: flex;
	padding: 0 10px;
	align-items: center;
	cursor: pointer;
}

.information img {
	width: 24px;
	height: 24px;
}

.wallet {
	height: 100%;
	display: flex;
	flex-direction: row;
	padding: 0 10px;
	align-items: center;
	color: #6d7177;
	cursor: pointer;
}

.wallet img {
	width: 24px;
	height: 24px;
	margin-right: 5px;
}

.wallet:hover{
	background-color: var(--main_wallet_bg_hover);
	border-radius: 15px;
	color: #fff;
}



/* footer */
.footer_content {
	width: 100%;
}

.foot_top {
	width: 100%;
	background: var(--main_footer_background);
	padding-top: 98px;
	padding-bottom: 80px;
	padding-left: 20px;
	padding-right: 20px;
}

.foot_top .lef {
	width: 266px;
}

.foot_top .lef .logo {
	width: 121px;
}

.foot_top .lef .logo img {
	width: 100%;
}

.foot_top .lef div {
	margin-bottom: 18px;
}

.foot_top .lef div:last-child {
	margin-bottom: 0;
}

.foot_top .lef .div1 {
	color: var(--main_footer_text);
	font-size: 14px;
	line-height: 18px;
}

.foot_top .lef .div2 {
	/*background: #000;*/
}

.foot_top .rig {
	display: flex;
	justify-content: space-evenly;
}

.foot_top .rig .div {
	margin-right: 140px;
}

.foot_top .rig .div:last-child {
	margin-right: 0;
}

.foot_top .rig .div a {
	display: block;
	margin-bottom: 16px;
	color: var(--main_footer_text);
}

.foot_top .rig .div .head {
	font-size: 18px;
}

.foot_top .rig .div .a {
	font-size: 14px;
}

.foot_center {
	background-color: #1c1e22;
}

.foot_center .rq {
	align-items: center;
	padding: 25px 0;
}

.foot_center .p1 {
	color: #999999;
	font-size: 14px;
}

.foot_center .imgcon2 img {
	margin-left: 10px !important;
}

.foot_center .imgcon img {
	margin-left: 40px;
}

.foot_center .imgcon img:first-child {
	margin-left: 0;
}

/* .foot_bottom .rq{
	align-items: center;
	padding: 50px 0;
}
.foot_bottom .rq .div1{
	font-size: 16px;
	color: #666666;
	line-height: 24px;
	width: 795px;
}
.foot_bottom .rq .div2{

}
.foot_bottom .rq .div2 a{
	display: inline-block;
	width: 200px;
	line-height: 56px;
	border: 1px solid #1C8D36;
	border-radius: 200px;
	text-align: center;
	color: #1C8D36;
	font-size: 18px;
}
.foot_bottom .rq .div2 a.active{
	background-color: #1C8D36;
	color: #fff;
	margin-left: 20px;
} */
.mgl {
	margin-left: 18px;
}

input {
	padding: 0;
	display: inline-block;
	width: 100%;
	border: 1px solid var(--main_input_border) !important;
	border-radius: 4px;
	color: var(--main_input_text) !important;
	background-color: var(--main_input_bg) !important;
	background-image: none;
	cursor: text;
}

input::placeholder {
	color: var(--main_input_placeholder) !important;
}

input:focus,
input:hover {
	border-color: var(--main_input_border_hover);
	outline: none
}

.disabledSubmit {
	background: #BFC2CC;
}

.activeSubmit {
	background-color: var(--main_button_bg) !important;
}

/***校验样式***/
input.error {
	border: 1px solid #ed3f14 !important;
}

label.error {
	color: #ed3f14 !important;
	font-size: 12px;
	position: absolute;
	display: none !important
}

.footer-wrap a {
	color: #FFFFFF;
}

.footer-wrap a:hover {
	color: #00E8A2;
}

/**表格样式***/

.layui-laydate-range {
	width: 550px !important;
}

.layui-laydate-content td.laydate-selected {
	background-color: #ecd9ff !important;
}

/* layui.css 覆盖样式 */

.layui-tab-brief>.layui-tab-title .layui-this {
	color: var(--main_tab_text_select);
	border-bottom: 4px solid var(--main_tab_text_select);
}

.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after {
	border-color: #00E8A2;
	/*border-color: var(--main_tab_bottom);*/
	border: none;
}

.layui-tab {
	margin: 0;
}

.layui-table-view .layui-table {
	width: 100%;
}

.layui-table-view .layui-table[lay-skin="line"] {
	border: none;
}

.layui-table-view .layui-table[lay-skin="line"] tr,
.layui-table-view .layui-table[lay-skin="line"] th,
.layui-table-view .layui-table[lay-skin="line"] td {
	border-width: 0;
	border-bottom-width: 1px;
}

.layui-btn {
	background-color: var(--main_button_bg);
}

.layui-form-select dl dd.layui-this {
	background-color: var(--main_layui_select_dl_bg_select);
}

input.input-time {
	background-image: url(../image/date.png);
	background-repeat: no-repeat;
	background-position: top 8px right 8px;
	padding-right: 28px;
}

.layui-layer-title {
	font-size: 20px !important;
	text-align: center;
	/*color: rgba(255, 255, 255, 0.85) !important;*/
	font-weight: 600;
	height: 60px !important;
	/*background-color: #1d1f20 !important;*/
	line-height: 58px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;

}

.layui-layer-setwin {
	right: 20px !important;
}

.layui-table-body .layui-none {
	padding-top: 49px;
	padding-bottom: 30px;
	background-color: transparent;
}

.layui-table-body .layui-none .s2 {
	padding-left: 5px;
	padding-top: 5px;
}

.layui-laypage span.layui-laypage-count {
	padding-right: 10px;
}

.dropdown-user {
	display: inline-block;
	width: 14px;
}

.chart-page .chart-container {
	border-color: transparent !important;
	background: none !important;
}


input::-webkit-input-placeholder {
	color: var(--main_input_placeholder);
}

input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: var(--main_input_placeholder);
}

input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: var(--main_input_placeholder);
}

input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: var(--main_input_placeholder);
}

.bo-show {
	box-shadow: 0px 0px 10px 0px rgb(90 91 95 / 30%);
}

.layui-layer-iframe iframe {
	background-color: var(--main_layui_iframe_bg) !important;
}
table.layui-table thead th {
	font-weight: bold;
}
table.layui-table td {
	color: var(--main_table_cell_span) !important;
}
.layui-table-box .layui-table-header .layui-table-cell span {
	color: var(--main_table_cell_span) !important;

}
.layui-table-page .layui-laypage span.layui-laypage-curr {
	width: 32px;
	text-align: center;
	padding: 0;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
	/* background-color: #00E8A2; */
	background: none !important;
}

.layui-laypage .layui-laypage-curr em {
	color: var(--main_laypage_text) !important;

}

.layui-laypage a,
.layui-laypage span {
	height: 32px !important;
	line-height: 32px !important;
	color: var(--main_laypage_a_span_text) !important;
	margin: 0;
	border: none !important;
}

.layui-laypage .layui-laypage-prev,
.layui-laypage .layui-laypage-next {
	width: 32px;
	margin: 0 10px 0 10px;
	text-align: center;
	padding: 0 !important;
	box-sizing: border-box;
	border: 1px solid var(--main_laypage_prev_next_border)!important;
	border-radius: 2px;
}

.layui-laypage .layui-laypage-prev:hover {
	border: 1px solid var(--main_laypage_border) !important;
}

.layui-laypage .layui-laypage-next:hover {
	border: 1px solid var(--main_laypage_border) !important;
}

.layui-table-header {
	/*background-color: #1c1e22 !important;*/
	border-bottom: 1px solid var(--main_table_header_border_bottom);
}

.layui-table th {
	/* height: 50px;
	line-height: 50px; */
	/* background-color: #F7F9FE !important; */
	border: none !important;
}

.layui-tab {
	border: none !important;
}

.layui-table-page {
	text-align: center;
	border-top: none !important;
}

.layui-table th td {
	border: none !important;
}

.layui-table tr td {
	/*color: rgba(255, 255, 255, 0.6) !important;*/
	border: none !important;
}

.layui-table tr:nth-child(2n-1) {
	background-color: var(--main_table_tr_2n_1) !important;
	border: none !important;
}

.layui-table tr:nth-child(2n) {
	background-color: var(--main_table_tr_2n) !important;
	border: none !important;
}



.layui-layer-setwin .layui-layer-close1 {
	color: #4C4F67 !important;
}

@media (max-width: 1300px) {
	body {
		width: 1920px !important;
	}

}

.marc {
	display: table;
	margin: 0 auto;
}

.bcon1 {
	background-color: #1c1e22;
	padding: 80px 0;
}

.btit {
	font-size: 40px;
	font-weight: bold;
	line-height: 60px;
	color: rgba(255, 255, 255, 0.85);
	text-align: center;
	margin-bottom: 16px;
}

.btit2 {
	font-size: 24px;
	text-align: center;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.65);
	margin-bottom: 32px;
}

.el-tabs__nav-wrap::after {
	display: none !important;
}

/*.el-tabs__item {*/
/*	font-size: 28px !important;*/
/*	font-weight: bold !important;*/
/*	color: rgba(255, 255, 255, 0.85) !important;*/
/*}*/

/*.el-tabs__item.is-active {*/
/*	color: #00E8A2 !important;*/
/*}*/

/*.el-tabs__active-bar {*/
/*	background-color: #00E8A2 !important;*/
/*	height: 2px !important;*/
/*}*/

.el-tabs__nav-scroll {
	padding-left: 100px !important;
	margin-bottom: 50px;
}

.lcon .swiper-slide {
	width: 302px !important;

}

.lcon .item {
	width: 100%;
	background: #242f36;
	padding: 24px;
	/* box-shadow: 0px 10px 60px rgba(184, 201, 255, 0.3); */
	border-radius: 16px;
}

.lcon .item .imgcon {
	display: flex;
	align-items: center;
	margin-bottom: 24px;

}

.lcon .item .imgcon .img1 {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	margin-right: 12px;
}

.lcon .item .imgcon .tcon {}

.lcon .item .imgcon .tcon .t1 {
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
	color: rgba(255, 255, 255, 0.85);
	margin-bottom: 10px;
}

.lcon .item .imgcon .tcon .t2 {
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	color: rgba(255, 255, 255, 0.85);
}

.lcon .item .imgcon2 {}

.lcon .item .imgcon2 .img {
	width: 16px;
	height: 16px;
	margin-right: 5px;
}

.lcon .item .imgcon2 .ft {
	font-size: 24px;
	font-weight: 500;
}

.red {
	color: #F55658;
}

.green {
	color: #00E8A2;
}

.lcon .item .ft2 {
	font-size: 18px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.65);
}

.lcon .item .imgcon4 {
	display: block;
	width: 120px;
	height: 32px;
	line-height: 30px;
	/*background: #1c1e22;*/
	border: 2px solid #00E8A2;
	border-radius: 16px;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	color: #00E8A2;
}

.lcon .swiper-button-next,
.lcon .swiper-button-prev {
	width: 60px !important;
	height: 60px !important;
	background: #FFFFFF;
	border: 2px solid #00E8A2;
	border-radius: 50%;
}

.lcon .swiper-button-prev {
	background-image: url(../image/icon_left@2x.png);
	background-size: contain;
	left: 10px;
	right: auto;
}

.lcon .swiper-button-next {
	background-image: url(../image/icon_right@2x.png) !important;
	background-size: contain;
}

.bcon2 {
	background-color: #141717;
	padding: 90px 0;
}

.bcon2 .container {
	background: #202423;
	box-shadow: 0px 10px 80px rgba(255, 255, 255, 0.04);
	border-radius: 16px;
	padding: 50px;
}

.bcon2 .btit {
	text-align: left !important;
}

.bcon2 .container .rig {
	width: 300px;
	height: 225px;
}

.bcon2 .container .lef {
	width: 950px;
}

.bcon2 .container .rig img {
	width: 90%;
	height: 100%;
}

.bcon2 .container .lef .t2 {
	font-size: 32px;
	font-weight: bold;
	color: #00E8A2;
	margin-bottom: 12px;
}

.bcon2 .container .lef .t3 {
	font-size: 14px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.65);
	margin-bottom: 32px;
}

.bcon3 {
	background: #1c1e22;
	padding: 80px 0;
}

.bcon3 .con {
	margin-top: 40px;
	justify-content: space-evenly !important;
	margin-bottom: 30px;
}

.bcon3 .con .item {
	width: 410px;
	padding: 32px;
	background: #242f36;
	/*box-shadow: 0px 10px 60px rgba(184, 201, 255, 0.2);*/
	border-radius: 16px;
}

.bcon3 .con .item .t1 {
	font-size: 24px;
	font-weight: bold;
	color: rgba(255, 255, 255, 0.85);
	margin-bottom: 8px;
}

.bcon3 .con .item .t2 {
	font-size: 20px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.65);
	padding-bottom: 18px;
}

.bcon3 .con .item .t3 {

	height: 5px;
	background: #778F60;
	border-radius: 3px;
}




.layui-table,
.layui-table-view {
	margin: 0 0 !important;
}

.selcon {
	margin-top: 30px;
}

.bcon4 {
	padding-top: 80px;
	padding-bottom: 90px;
	background-color: #141717;
}

.bcon4 .item {
	position: relative;
	width: 410px;
	border-radius: 16px;
	padding: 40px;
	padding-bottom: 82px;
	z-index: 99;
}

.y {
	background: #F3D177;
}

.y:hover {
	background: rgb(251, 228, 165);

}

.y .t3:hover {
	color: #fff !important;
	border-color: #d7b24f !important;
	background-color: #d7b24f !important;
}

.g .t3:hover {
	color: #fff !important;
	border-color: #677b4d !important;
	background-color: #677b4d !important;
}

.p .t3:hover {
	color: #fff !important;
	border-color: #BF97E6 !important;
	background-color: #BF97E6 !important;
}

.y::before {
	content: '';
	width: 200px;
	height: 200px;
	background: url(../image/futures_dark.png) no-repeat;
	background-size: contain;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.g {
	background: #ACC987;
}

.g::before {
	content: '';
	width: 190px;
	height: 200px;
	background: url(../image/sport_dark.png) no-repeat;
	background-size: contain;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.g:hover {
	background: rgb(176, 206, 140) !important;
}

.p {
	background: #BF97E6;
}

.p::before {
	content: '';
	width: 175px;
	height: 200px;
	background: url(../image/savings_dark.png) no-repeat;
	background-size: contain;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.p:hover {
	background: rgb(220, 190, 250) !important;
}

.bcon4 .item .t1 {
	font-size: 30px;
	font-weight: bold;
	color: rgba(255, 255, 255, 0.85);
	margin-bottom: 16px;
}

.bcon4 .item .t2 {
	font-size: 20px;
	margin-bottom: 56px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.85);
}

.bcon4 .item .t3 {
	font-size: 18px;
	font-weight: bold;
	color: rgba(255, 255, 255, 0.85);
	opacity: 1;
	text-align: center;
	width: 200px;
	height: 56px;
	line-height: 56px;
	border: 2px solid rgba(255, 255, 255, 0.8509803921568627);
	border-radius: 30px;
}

.bcon4 .con {
	margin-top: 40px;
}

.bcon5 {
	background-color: #141717 !important;
}

.bcon5 .t3 {
	font-size: 24px !important;
	font-weight: 400 !important;
	color: rgba(255, 255, 255, 0.65) !important;
}

.bcon5 .container .lef {
	width: 820px !important;
}

.bcon8 {
	padding: 80px 0;
	background: #1c1e22;
	height: 680px;
}

.bcon8 .let {
	width: 392px;
	/*height: 788px;*/
	position: relative;
}

.bcon8 .let img {
	width: 100%;
	/*height: 100%;*/

	position: absolute;
	left: 0;
	top: 0;
}

.bcon8 .container {
	position: relative;
}

.bcon8 .btit {
	text-align: left;
}

.bcon8 .con {
	margin-top: 20px;
}

.bcon8 .con .item {
	display: flex;
	align-items: center;
	width: 800px;
	padding-left: 24px;
	height: 96px;
	line-height: 96px;
	border-radius: 16px;
	transition: .5s all;
	cursor: pointer;
}

.bcon8 .btncon {
	margin-top: 24px;
}

.bcon8 .con .item:hover {
	font-weight: bold;
	background: #242f36;
	/*box-shadow: 0px 10px 60px rgba(184, 201, 255, 0.2);*/
}

.bcon8 .con .item .circle {
	width: 50px;
	height: 50px;
	background: #00E8A2;
	border-radius: 50%;
	font-size: 24px;
	font-weight: bold;
	line-height: 50px;
	color: #FFFFFF;
	margin-right: 24px;
	text-align: center;
}

.bcon8 .con .item .t1 {
	font-size: 24px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.85);
}


.NotLog .a:nth-child(2) {
	width: 80px;
	height: 40px;
	background: #00E8A2;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 500;
	line-height: 40px !important;
	color: #FFFFFF !important;
	text-align: center;
}


.ntcon {
	height: 64px;
	background: #202423;
	position: relative;

}

.ntcon .container {
	height: 100%;

}

.ntcon .swiper-container {
	height: 100%;
}

.ntcon .swiper-slide {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}


.ntcon .swiper-button-prev,
.ntcon .swiper-button-next {
	width: 32px;
	height: 32px;
	background-image: url(../image/icon_prev.png);
	background-size: contain;
	top: 56%;
}

.ntcon .swiper-button-prev {
	left: 0%;
}

.ntcon .swiper-button-next {
	right: 0%;
}

.ntcon .swiper-button-next {
	background-image: url(../image/icon_next.png) !important;

}

.ntcon .close {
	width: 32px;
	height: 32px;
	position: absolute;
	right: 8%;
	top: 45%;
	transform: translateY(-50%);
	cursor: pointer;
}

@media (max-width: 1690px) {
	.ntcon .close {
		right: 3% !important;
	}

}


.fedui-header-download-dropdowns {
	display: none;
	width: 234px;
	position: absolute;
	/*top: 22px;*/
	left: -50px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 20px 0 rgb(28 36 44 / 12%);
	box-shadow: 0 0 20px 0 rgb(28 36 44 / 12%);
	border-radius: 4px;
	padding: 16px 16px 16px 16px;
	z-index: 999;
}
.fedui-header-download-qr {
	border: 1px solid #dfe2e7;
	border-radius: 2px;
	width: 100%;
}
.fedui-header-download-qrtext {
	text-align: center;
	size: 12px;;
}
.fedui-header-download-qrtext p {
	color: #999999;
	white-space: nowrap;
	font-size: 14px;
	margin: 0;
	line-height: 1.3;
}
.fedui-header-download-qrtext p:first-child {
	margin-top: 9px;
}
.fedui-header-download-qrtext a {
	width: 100%;
	text-align: center;
	display: block;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 12px;
	background-color: #00B289;
	font-size: 14px;
	color: #fff !important;
	padding: 9px 13px;
	border-radius: 2px;
	white-space: nowrap;
	line-height: 1.3;
}
.download{
	display: inline-block;
	text-align: left;
	color: rgba(255, 255, 255, 0.25);
	font: 14px "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
	position: relative;
}
.download a{
	color: #fff;
	font: 10px "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}
.download:hover .fedui-header-download-dropdowns{
	display: block;
}

/*.layui-layer-content {*/
/*	background-color: var(--main_layer_content_bg);*/
/*	color: var(--main_layer_content_text);*/
/*}*/

.layui-layer-iframe .layui-layer-btn, .layui-layer-page .layui-layer-btn {
	background-color: var(--main_layui_iframe_bg);
	border-top: 1px solid var(--main_layui_iframe_border);
}

.m20{
	margin-bottom: 20px;
}
.m30 {
	margin-bottom: 30px;
}

/*.layui-layer-border {*/
/*	border: 1px solid #1c1e22 !important;*/
/*}*/
/*.layui-layer {*/
/*	background-color: #ffffff !important;*/
/*}*/

.api-demo p {
	color: white;
	padding: 5px;
}

/*下拉框样式*/
.layui-form-select dl {
	/*background-color: var(--main_layui_select_dl_bg);*/
	border: 1px solid var(--main_layui_select_dl_border);
	color: var(--main_layui_select_dl_text);
}
.layui-form-select dl dd:hover{
	background-color: var(--main_layui_select_dl_bg_hover);
}

/*************/

/*日期选择器样式*/
.layui-laydate, .layui-laydate-hint {
	border-radius: 15px !important;
	border: 1px solid var(--main_laydate_border) !important;
	/*background-color: var(--main_laydate_bg) !important;*/
}
.layui-laydate-content th {
	color: var(--main_laydate_text) !important;
}
.layui-laydate-content td {
	color: var(--main_laydate_text) !important;
}
.laydate-footer-btns span {
	border: 1px solid var(--main_laydate_span_border) !important;
	background-color: var(--main_laydate_span_bg) !important;
	margin: 0 0 0 5px !important;
	color: var(--main_button_text) !important;
}
.layui-laydate-footer span:hover {
	color: var(--main_button_text) !important;
}
.layui-laydate, .layui-laydate-hint {
	color: var(--main_laydate_hint_text) !important;
}
.layui-laydate-content td.laydate-selected {
	background-color: var(--main_laydate_td_select) !important;
}
/***********/


.flexB {
	display: flex;
	align-items: center;
}


.layui-form-select .layui-input {
	background-color: var(--main_input_bg);
	border: 1px solid var(--main_input_border);
}

.layui-layer-btn .layui-layer-btn0 {
	color: var(--main_button_text) !important;
	border-color: var(--main_button_border) !important;
	background-color: var(--main_button_bg) !important;
}

.innovateLoginedHeader {
	background: linear-gradient(115deg, var(--main_page_top_bg1) 70%, var(--main_page_top_bg3) 80%, var(--main_page_top_bg2) 105%), transparent;
	/*background: url(../image/bg.png) no-repeat;*/
	background-size: cover;
	background-position: 30%, 60%;
	height: 300px;
}
.container-title {
	font: 28px "Microsoft YaHei";
	font-weight: bold ;
	text-align: center;
	width: 100%;
	height: 140px;
	margin: 0 auto;
	color: var(--main_container_title_text);
	padding-top: 28px;
	padding-bottom: 26px;
	position: relative;
}