/* ========== 手机端适配 ========== */
/* 删除此文件即可回退到PC版 */

/* ----- PC+手机 通用隐藏 ----- */
.group-contact2 { display: none !important; }

@media (max-width: 1200px) {
	/* ----- 手机端全局：不超出屏幕 ----- */
	img { max-width: 100%; height: auto; }
	video { max-width: 100%; height: auto; }

	/* ----- 容器 ----- */
	.container { width: calc(100% - 30px); }
	.header .container { width: 100%; }

	/* ----- 隐藏PC元素 ----- */
	.header .right { display: none; }
	.footer .f1 .center { display: none; }
	.banner video { display: none; }

	/* ----- 头部导航 ----- */
	.wap-line { display: block; }
	.wap-line .icon-menu { display: block; width: 0.8rem; cursor: pointer; }
	.center-nav { padding: 0; }
	.wap-head {
		width: 100%; display: flex; position: relative; z-index: 2;
		background: #fff; justify-content: space-between; align-items: center;
		padding: 10px 15px;
	}
	.header { position: fixed; left: 0; top: 0; z-index: 10; }
	.logo img { width: 36px !important; }
	.nav {
		position: fixed; left: 0; top: 0; width: 100%; height: 100%;
		background: #fff; display: block; padding-top: 1.6rem; z-index: 1;
		overflow-y: auto; display: none;
	}
	.nav.open { display: block; }
	.nav .item { width: 85%; margin: 0 auto; padding: 0.3rem 0; border-bottom: 1px solid #eee; }
	.nav .t1 { width: 100%; justify-content: space-between; margin: 0; font-weight: 600; font-size: 0.38rem; }
	.nav .t1 span img { margin: 0; width: 0.3rem; transform: rotate(-90deg); }
	.two-nav { width: 100% !important; position: static; display: block; transform: none; padding: 0.2rem 0 0 0.3rem; }
	.two-nav .li { text-align: left; padding: 0.1rem 0; }
	.two-nav .li h4 { font-size: 0.34rem; margin-bottom: 0.1rem; }
	.two-nav .li a { font-size: 0.3rem; display: block; padding: 0.08rem 0; }
	.two-nav-w { width: 100% !important; }
	.nav.open ~ .right {
		display: flex !important;
		position: fixed;
		left: 7.5%;
		right: 7.5%;
		top: var(--nq-mobile-actions-top, 5.7rem);
		z-index: 3;
		flex-wrap: wrap;
		align-items: stretch;
		gap: 0.22rem;
		padding-top: 0.32rem;
		border-top: 1px solid #eee;
		background: #fff;
	}
	.nav.open ~ .right .right-language {
		flex: 0 0 100%;
		width: 100%;
		min-height: 0.86rem;
		padding: 0.18rem 0.28rem;
		border: 1px solid #ececec;
		border-radius: 0.28rem;
		background: #f7f8fa;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
	}
	.nav.open ~ .right .right-language .icon-t {
		width: 0.42rem;
		margin-right: 0.16rem;
	}
	.nav.open ~ .right .right-language .lan-w {
		flex: 1;
		justify-content: space-between;
		font-size: 0.3rem;
		font-weight: 700;
		color: #111;
	}
	.nav.open ~ .right .right-language .lan-w img {
		width: 0.18rem;
		transition: transform 0.2s ease;
	}
	.nav.open ~ .right .right-language.open .lan-w img {
		transform: rotate(180deg);
	}
	.nav.open ~ .right .language-li {
		position: static;
		flex: 0 0 100%;
		left: auto;
		right: auto;
		top: auto;
		width: 100%;
		transform: none;
		z-index: 4;
		margin-top: 0.16rem;
		border: 1px solid #ececec;
		border-radius: 0.24rem;
		background: #fff;
		box-shadow: 0 0.12rem 0.32rem rgba(0,0,0,0.08);
	}
	.nav.open ~ .right .language-li a {
		line-height: 0.72rem;
		font-size: 0.28rem;
	}
	.nav.open ~ .right .login,
	.nav.open ~ .right .register {
		height: 0.86rem;
		margin: 0;
		border-radius: 0.43rem;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 0.3rem;
		font-weight: 800;
		word-spacing: normal;
		text-decoration: none;
	}
	.nav.open ~ .right .login {
		flex: 1 1 0;
		color: #f0182d;
		background: #fff;
		border: 1px solid rgba(240,24,45,0.25);
	}
	.nav.open ~ .right .register {
		flex: 1.35 1 0;
		color: #111;
		background: #eaff00;
		border: 1px solid #eaff00;
		box-shadow: 0 0.12rem 0.26rem rgba(234,255,0,0.28);
		line-height: 0.86rem;
		padding: 0 0.2rem;
	}

	/* ----- Banner ----- */
	.banner { height: auto; min-height: 6rem; }
	.banner .world { top: 35%; left: 5%; }
	.banner .world h4 { font-size: 0.5rem; }
	.banner .world h6 { font-size: 0.32rem; }
	.banner .world .btnN { font-size: 0.28rem; padding: 0.2rem 0.5rem; white-space: nowrap; width: auto; min-width: 2rem; }
	.banner-common { height: auto; min-height: 5rem; }
	.banner-common img { height: 4rem; object-fit: cover; }
	.banner-common .world { top: 50%; left: 0.4rem; transform: translateY(-50%); width: 60%; }
	.banner-common .world h4 { font-size: 0.48rem; }
	.banner-common .world h6 { font-size: 0.28rem; }
	.banner-common .world p { font-size: 0.24rem; }
	.banner-common1 .world { width: 85%; left: 0.3rem; }
	.banner-common1 .world h4 { font-size: 0.4rem; }
	.banner-common1 .down-box { display: none; }
	.banner-contact .world h4 { font-size: 0.4rem; }
	.banner-contact .world p { font-size: 0.24rem; width: 90%; }

	/* ----- 通用标题 ----- */
	.title h4, .title-center h4 { font-size: 0.44rem !important; }
	.title p { font-size: 0.28rem !important; }
	.title h4 span { font-size: 0.44rem !important; }

	/* ----- 首页 group2 ----- */
	.group2 .center-img { display: none; }
	.group2 .left, .group2 .right { width: 100% !important; }
	.group2 .item { flex-direction: column; text-align: center; margin-bottom: 0.5rem; }
	.group2 .item img { width: 100%; margin: 0 auto 0.3rem; }
	.group2 .right { top: auto !important; }

	/* ----- 首页 group3 ----- */
	.group3 .container { flex-direction: column; }
	.group3 .left, .group3 .right { width: 100%; }
	.group3 .left img { width: 80%; margin: 0 auto 0.3rem; display: block; }
	.group3 .number-box { flex-wrap: wrap; }
	.group3 .number-box .item { width: 45%; margin-bottom: 0.3rem; }
	.group3 .number-box .item h4 { font-size: 0.5rem; }
	.group3 .right > img { width: 80%; display: block; margin: 0.3rem auto; }

	/* ----- 首页 group4 ----- */
	.group4 { display: none !important; }

	/* ----- 账户类型页 ----- */
	.group-account1 .cont, .group-account1-1 .cont,
	.group-account1-2 .cont { flex-wrap: wrap; }
	.group-account1 .item, .group-account1-1 .item { width: 100% !important; margin-bottom: 0.4rem; }
	.group-account1 .img-box img { width: 100%; }
	.group-account1 .world-c1 { padding: 0.3rem; }
	.group-account1-1 .item { flex-direction: column; text-align: center; }
	.group-account1-1 .item img { margin-bottom: 0.2rem; width: 60%; }
	.group-account1-2 .item { width: 100% !important; }

	.group-account2 .container { flex-direction: column; }
	.group-account2 .left, .group-account2 .right { width: 100% !important; }
	.group-account2 .left img { width: 80%; margin: 0 auto; display: block; }

	.group-account3 .cont { flex-direction: column; }
	.group-account3 .left, .group-account3 .center, .group-account3 .right { width: 100% !important; }
	.group-account3 .left, .group-account3 .right { display: flex; flex-wrap: wrap; justify-content: space-around; }
	.group-account3 .item { width: 45%; margin-bottom: 0.3rem; }
	.group-account3 .center img { width: 60%; margin: 0.3rem auto; display: block; }

	.group-account4 .container { padding: 0.5rem 0.3rem !important; margin-top: 0.5rem; }
	.group-account4 .cont { flex-wrap: wrap; padding: 0 5%; }
	.group-account4 .item { width: 45%; }
	.group-account4 .item .num { font-size: 0.6rem; }

	/* ----- 出入金页 ----- */
	.group-account1-3 .tab-cont { padding: 0; }
	.group-account1-3 .ct { padding: 0.2rem; }
	.group-account1-3 .top > div { font-size: 0.22rem; }
	.group-account1-3 .bom .li > div { font-size: 0.22rem; }

	/* ----- 产品页 ----- */
	.group-product1-1 .cont { flex-wrap: wrap; }
	.group-product1-1 .item { width: 100% !important; margin-bottom: 0.3rem; }
	.group-product1-1 .item img { width: 80%; margin: 0 auto 0.2rem; }
	.two-nav-pro { flex-wrap: wrap; gap: 0.15rem; }
	.two-nav-pro a { font-size: 0.26rem; padding: 0.1rem 0.25rem; }
	.tab-til1 { overflow-x: auto; white-space: nowrap; }
	.tab-til1 > div { display: inline-block; font-size: 0.28rem; }
	.tab-form { overflow-x: auto; }
	.title-f { font-size: 0.2rem; white-space: nowrap; min-width: 12rem; }
	.title-f > div { padding: 0.05rem; }
	.tab-cont1 .item1 { min-width: 12rem; }
	.tab-cont1 .item1 > div { font-size: 0.22rem; padding: 0.05rem; }
	.group-product1-2 .cont { flex-wrap: wrap; gap: 0.3rem 0.15rem; }
	.group-product1-2 .item { flex: 1 1 45%; min-width: 3.5rem; margin-bottom: 0; }
	.group-product1-2 .item img { width: 0.8rem; }
	.group-product1-2 .item h4 { font-size: 0.28rem; }
	.group-product1-2 .item p { font-size: 0.22rem; }
	.group-product1-2 .img-bg { display: none; }

	.group-dprime1 .cont { flex-direction: column; }
	.group-dprime1 .cont img { width: 100% !important; margin-bottom: 0.3rem; }
	.group-dprime1 .world { width: 100% !important; }

	/* ----- 关于我们 ----- */
	.group-about-2, .group-about-3 { display: none !important; }
	.group-about-1 .cont, .group-about-4 .cont { flex-wrap: wrap; }
	.group-about-1 .item, .group-about-4 .item { width: 100% !important; margin-bottom: 0.3rem; }

	/* ----- 模型/技术页 ----- */
	.group-model1 .item, .group-technology1 .item { flex-direction: column; }
	.group-model1 .left, .group-model1 .right,
	.group-technology1 .left, .group-technology1 .right { width: 100% !important; }
	.group-model1 .left img, .group-technology1 .left img { width: 80%; margin: 0 auto 0.3rem; display: block; }
	.group-technology2 .container { flex-direction: column; }
	.group-technology2 .left, .group-technology2 .right { width: 100% !important; }
	.group-technology2 .left .cont { flex-wrap: wrap; }
	.group-technology2 .left .item { width: 45%; }
	.group-technology2 .right img { width: 80%; margin: 0.3rem auto; display: block; }

	/* ----- MT5页 ----- */
	.group-mt5-1 .cont { flex-wrap: wrap; }
	.group-mt5-1 .item { width: 100% !important; margin-bottom: 0.3rem; }
	.group-mt5-2 .container { flex-direction: column; }
	.group-mt5-2 .left, .group-mt5-2 .right { width: 100% !important; }
	.group-mt5-2 .left img { width: 80%; margin: 0 auto; display: block; }
	.group-mt5-3 .cont { flex-direction: column; }
	.group-mt5-3 .group { width: 100% !important; margin-bottom: 0.4rem; }
	.group-mt5-3 .group .item-down a { font-size: 0.24rem; padding: 0.15rem 0.2rem; }
	.group-mt5-3 .img-bom { width: 80%; margin: 0.2rem auto; display: block; }

	/* ----- TC分析页 ----- */
	.group-central1 .cont video { width: 100%; }
	.group-central2 .container { flex-direction: column; }
	.group-central2 .left, .group-central2 .right { width: 100% !important; }
	.group-central2 .left img { width: 80%; margin: 0 auto; display: block; }

	/* ----- 合规页 ----- */
	.group-compliance3 { display: none !important; }
	.group-compliance1 .item { width: 100% !important; }
	.group-compliance2 .cont { flex-wrap: wrap; }
	.group-compliance2 .item { width: 45%; }
	.group-compliance2 .item a { font-size: 0.24rem; }

	/* ----- 联系我们 ----- */
	.group-contact1 .cont { flex-wrap: wrap; }
	.group-contact1 .item { width: 100% !important; margin-bottom: 0.3rem; }
	.group-contact2 .container { flex-direction: column; }
	.group-contact2 .left, .group-contact2 .right { width: 100% !important; }
	.group-contact2 .left img { width: 80%; margin: 0 auto; display: block; }

	/* ----- 交易日历 ----- */
	.group-calendar2 .ct { overflow-x: auto; }
	.group-calendar2 .top > div, .group-calendar2 .bom .li > div { font-size: 0.22rem; }

	/* ----- CSR / 应用页等通用 ----- */
	.group-csr1 .cont, .group-csr2 .cont, .group-csr3 .cont, .group-csr4 .cont,
	.group-app1 .cont, .group-app2 .cont,
	.group-social1 .cont, .group-social2 .cont { flex-wrap: wrap; }
	.group-csr1 .item, .group-csr2 .item, .group-csr3 .item,
	.group-app1 .item, .group-social1 .item { width: 100% !important; margin-bottom: 0.3rem; }

	/* ----- Swiper ---- */
	.group6 .swiper-slide img { width: 30%; }
	.swiper-pagination { bottom: 0 !important; }

	/* ----- 底部 ----- */
	.footer { padding-top: 0.5rem; }
	.footer .container { width: calc(100% - 30px); }
	.f1 { flex-direction: column; text-align: center; gap: 0.2rem; }
	.f1 .left > div:first-child { display: none; }
	.f1 .left, .f1 .right { margin-bottom: 0; }
	.f1 .left > div, .f1 .right > div { font-size: 0.26rem; }
	.f2 { flex-direction: column; text-align: center; }
	.f2 .left { margin-bottom: 0.3rem; }
	.f2 .logo { width: 160px; margin: 0 auto; display: block; }
	.f2 .left > img:not(.logo) { display: none; }
	.f2 .right-nav { display: none; }
	.f3 { font-size: 0.22rem; padding: 0 0.15rem; }
	.f3 > div { margin-bottom: 0.2rem; }
	.f3 .detail { font-size: 0.2rem; max-height: 6rem; overflow-y: auto; }
	.f4 { font-size: 0.22rem; padding: 0.2rem 0.15rem; text-align: center; }

	/* ----- AOS动画在移动端加速完成（解决闪烁）----- */
	[data-aos] { transition-duration: 0.2s !important; }
	.aos-init.aos-animate[class*="left"],
	.aos-init.aos-animate[class*="right"],
	[data-aos="fade-left"],
	[data-aos="fade-right"] { display: none !important; }

	/* ----- 首页 ----- */
	.group-account4 .container { padding: 0.5rem 0.3rem !important; margin-top: 0 !important; margin-bottom: 0.3rem; }
	.swiper-pagination { position: relative !important; bottom: auto !important; margin-top: 0.2rem; }
	.group6 { min-height: auto !important; }
	.group6 .swiper-slide { text-align: center; }
	.group6 .swiper-slide img { width: 30%; display: block; margin: 0 auto; }
	.mySwiper .swiper-pagination, .mySwiper1 .swiper-pagination, .mySwiper2 .swiper-pagination, .mySwiper3 .swiper-pagination { position: relative !important; }

	/* ----- 通用按钮 ----- */
	.btnN { font-size: 0.28rem; padding: 0.2rem 0.4rem; }
	.more { font-size: 0.28rem; }

	/* ----- 右侧悬浮客服等（如果有）----- */
	.service-float { display: none !important; }

	/* ----- tab-nav ----- */
	#normaltab > div, .tab-til > div { font-size: 0.26rem; padding: 0.1rem 0.2rem; }
}

/* ========== 小屏手机 (480px以下) ========== */
@media (max-width: 480px) {
	.logo img { width: 36px !important; }
	.banner .world h4 { font-size: 0.4rem; }
	.banner .world h6 { font-size: 0.26rem; }
	.banner-common .world h4 { font-size: 0.38rem; }
	.banner-common .world h6 { font-size: 0.24rem; }
	.title h4, .title-center h4 { font-size: 0.38rem !important; }
	.group3 .number-box .item h4 { font-size: 0.4rem; }
	.group-account3 .item { width: 100% !important; }
	.group-account4 .item { width: 100% !important; }
	.f2 .right-nav .item { width: 100%; }
	.group-compliance2 .item { width: 100%; }
	.group-technology2 .left .item { width: 100%; }
}
