@media screen and (min-width:1680px) and (max-width: 1919px) {
	.investment-journey-container .bg-cup {
		width: 330px;
		height: 330px;
		bottom: 0;
		right: 200px;
	}
}
@media screen and (min-width:1360px) and (max-width: 1679px) {
	.pr__carousel .carousel__screen .carousel__inner {
		max-width: 1280px;
	}
	.pr__carousel .carousel__screen .screen__text {
		width: 650px;
	}
	.pr__carousel .carousel__screen .screen__animat {
		width: 630px;
	}
	.investment-journey-container .bg-cup {
		width: 330px;
		height: 330px;
		bottom: -19px;
		right: 40px;
	}
}
@media screen and (min-width:1200px) and (max-width: 1359px) {
	.banner-carousel {
		height: 820px;
	}
	.pr__carousel .carousel__screen .carousel__inner,
	.pr__carousel .carousel__screen .screen__animat {
		height: 594px;
	}
	.pr__carousel .carousel__screen .screen__text {
		width: 650px;
	}
	.pr__carousel .carousel__screen .screen__animat {
		width: 470px;
	}
	.pr__carousel .carousel-dots {
		top: 594px;
	}
	.pr__carousel .carousel__screen .carousel__inner,
	.quote-block.notice-block .quote-scroll,
	.milestone-carousel .milestone-slider,
	.invest-choice-container .gold-aptitude,
	.honor-auth>.title,
	.safety-guarantee-container .guarantee-range,
	.safety-guarantee-container .performance-number,
	.mt4-download-content {
		max-width: 1120px;
	}
	.quote-block.notice-block .quote-scroll {
		overflow-x: auto;
	}
	.gold-aptitude .spot-gold {
		width: 620px;
	}
	.gold-aptitude .physical-gold {
		width: 460px;
	}
	.investment-journey-container .bg-cup {
		width: 330px;
		height: 330px;
		bottom: -19px;
		right: -40px;
	}
	.quote-block.notice-block .notice-scroll {
		height: 80px;
	}
	.quote-block.notice-block .notice-wrap {
		padding-top: 32px;
	}
}
@media screen and (min-width: 1200px) {
	.investment-journey-container .m-hide {
		display: block;
	}
	.investment-journey-container .m-show {
		display: none;
	}
	.header-right ul li a {
		color: var(--white);
	}
	.header-right ul li a.language-change {
		background: url("/static/images/header/icon-lang.svg") no-repeat 0 0/100% 100%;
	}
	.header-right ul li a.scan-download-change {
		background: url("/static/images/header/icon-download.svg") no-repeat 0 0/100% 100%;
	}
}
@media screen and (max-width: 1199px) {
	.cn .header .m-header .header-logo {
		background: url("/static/images/header/logo-cn-white.svg") no-repeat 0 0/100% 100%;
	}
	.tw .header .m-header .header-logo {
		background: url("/static/images/header/logo-tw-white.svg") no-repeat 0 0/100% 100%;
	}
	.bg-m-white.cn .header .m-header .header-logo,
	.bg-white.cn .header .m-header .header-logo {
		background: url("/static/images/header/logo-cn-black.svg") no-repeat 0 0/100% 100%;
	}
	.bg-m-white.tw .header .m-header .header-logo,
	.bg-white.tw .header .m-header .header-logo {
		background: url("/static/images/header/logo-tw-black.svg") no-repeat 0 0/100% 100%;
	}
	.header .header-container {
		top: 118px;
		height: calc(100% - 118px);
	}
	.bg-white .header .header-container {
		top: 88px;
		height: calc(100% - 88px);
	}
	.header-left .nav-list>li>a {
		color: var(--brand-11d);
	}
	.header-left .nav-list>li>a>i {
		background-image: url("/static/images/header/icon-down-black.svg");
	}
}
@media screen and (min-width:1024px) and (max-width: 1199px) {
	.m-nav-button {
	  background-image: url("/static/images/header/icon-menu-md.svg");
	}
	.banner-carousel {
		height: 730px;
	}
	.pr__carousel .carousel__screen .carousel__inner,
	.pr__carousel .carousel__screen .screen__animat {
		height: 504px;
	}
	.pr__carousel .carousel__screen .screen__text {
		width: 600px;
	}
	.pr__carousel .carousel__screen .screen__animat {
		width: 344px;
	}
	.pr__carousel .carousel-dots {
		top: 504px;
	}
	.pr__carousel .carousel__screen .screen__text .screen__title {
		font-size: 50px;
	}
	.pr__carousel .carousel__screen .carousel__inner,
	.quote-block.notice-block .quote-scroll,
	.milestone-carousel .milestone-slider,
	.invest-choice-container .gold-aptitude,
	.honor-auth>.title,
	.safety-guarantee-container .performance-number,
	.safety-guarantee-container .guarantee-range,
	.new-customer-content,
	.mt4-download-content {
		max-width: 944px;
	}
	.quote-block.notice-block .quote-scroll {
		overflow-x: auto;
	}
	.quote-block.notice-block .notice-scroll {
		height: 80px;
	}
	.quote-block.notice-block .notice-wrap {
		padding-top: 32px;
	}
	.invest-choice-container .gold-aptitude {
		display: block;
		width: 100%;
	}
	.gold-aptitude .spot-gold {
		width: 100%;
	}
	.gold-aptitude .physical-gold {
		width: 100%;
		margin-top: 40px;
	}
	.gold-invest-choice,
	.safety-guarantee {
		height: auto;
	}
	.honor-auth .honor-slider:before,
	.honor-auth .honor-slider:after {
		display: none;
	}
	.safety-guarantee-container .guarantee-range {
		display: block;
	}
	.safety-guarantee-container .guarantee-range .range-item {
		float: left;
		width: 452px;
		margin-right: 40px;
		margin-bottom: 40px;
	}
	.safety-guarantee-container .guarantee-range .range-item2,
	.safety-guarantee-container .guarantee-range .range-item4 {
		margin-right: 0;
	}
	.safety-guarantee-container .guarantee-range .range-item3,
	.safety-guarantee-container .guarantee-range .range-item4 {
		margin-bottom: 0;
	}
	.new-customer-content .red-envelope {
		width: 414px;
		height: 313px;
	}
	.new-customer-content .red-envelope span.icon-red1 {
		top: 9px;
		width: 53px;
		height: 46px;
	}
	.new-customer-content .red-envelope span.icon-red2 {
		bottom: 22px;
		width: 70px;
		height: 65px;
	}
	.new-customer-content .red-envelope .pic-bg {
		left: 114px;
		width: 197px;
		height: 425px;
	}
	.red-envelope-infor .redEnv-infor-box.box1 {
		top: 53px;
		left: 34px;
		width: 196px;
		height: 215px;
		flex-shrink: 0;
		border-radius: 14px;
		padding-top: 34px;
	}
	.red-envelope-infor .redEnv-infor-box.box1 p {
		font-size: 17px;
		font-style: normal;
		font-weight: 500;
		line-height: 125%;
		margin-bottom: 11px;
	}
	.red-envelope-infor .redEnv-infor-box.box1 .redEnv-number {
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%;
	}
	.red-envelope-infor .redEnv-infor-box.box1 .redEnv-number em {
		font-size: 45px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%;
	}
	.red-envelope-infor .redEnv-infor-box.box1 .redEnv-number span {
		font-size: 57px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
	}
	.red-envelope-infor .redEnv-infor-box.box1 .redEnv-cost {
		width: 118px;
		height: 47px;
		font-size: 20px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
	}
	.red-envelope-infor .redEnv-infor-box.box1 .redEnv-cost span {
		font-size: 28px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
	}
	.red-envelope-infor .redEnv-infor-box.box2 {
		width: 163px;
		height: 177px;
		top: 72px;
		right: 31px;
		border-radius: 14px;
	}
	.red-envelope-infor .redEnv-infor-box.box2 p {
		font-size: 14px;
		margin-bottom: 13px;
	}
	.red-envelope-infor .redEnv-infor-box.box2 .redEnv-number {
		width: 78px;
		height: 64px;
	}
	.red-envelope-infor .redEnv-infor-box.box2 .redEnv-number:before {
		content: "";
		width: 71px;
		height: 61px;
		bottom: 11px;
	}
	.red-envelope-infor .redEnv-infor-box.box2 .redEnv-box {
		height: 28px;
	}
	.red-envelope-infor .redEnv-infor-box.box2 .redEnv-box:before {
		width: 98%;
		height: 12px;
	}
	.red-envelope-infor .redEnv-infor-box.box2 .redEnv-box2 {
		font-size: 21px;
	}
	.red-envelope-infor .redEnv-infor-box.box2 .redEnv-box2 span {
		font-size: 34px;
	}
	.red-envelope-infor .redEnv-infor-box.box2>span {
		margin-top: 13px;
		font-size: 12px;
	}
	.investment-journey-container .bg-cup {
		width: 330px;
		height: 330px;
		bottom: -19px;
		right: -128px;
	}
	.investment-journey-container .m-hide {
		display: block;
	}
	.investment-journey-container .m-show {
		display: none;
	}
}
@media screen and (max-width: 1023px) {
	.header .header-container {
		top: 90px;
		height: calc(100% - 90px);
	}
	.bg-white .header .header-container {
		top: 60px;
		height: calc(100% - 60px);
	}
	.header {
		height: auto;
	}
	.bg-white .header {
		height: 60px;
	}
	.header .m-header {
		padding: 9px 16px;
	}
	.m-nav-button {
	  background-image: url("/static/images/header/icon-menu-md.svg");
	}
	.banner-carousel {
		height: 654px;
	}
	.pr__carousel .carousel__screen .carousel__inner {
		height: 516px;
		padding-top: 120px;
	}
	.pr__carousel .carousel__screen .screen__animat {
		width: 320px;
		height: 320px;
		bottom: -50px;
		right: auto;
		left: 50%;
		transform: translateX(-50%);
	}
	.pr__carousel .carousel__screen .screen__text {
		position: relative;
		z-index: 1;
		text-align: center;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
	}
	.pr__carousel .carousel__screen .screen__text .screen__title {
		font-size: 32px;
		font-style: normal;
		font-weight: 700;
		line-height: 140%;
		text-align: center;
	}
	.pr__carousel .carousel__screen .screen__text .screen__subtitle {
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
	}
	.pr__carousel .carousel__screen .screen__text .screen__link a {
		font-size: 18px;
		font-style: normal;
		font-weight: 500;
		line-height: 140%;
	}
	.pr__carousel .carousel-dots {
		top: 500px;
	}
	.pr__carousel .carousel-dots span {
		width: 5px;
		height: 5px;
	}
	.pr__carousel .carousel-dots span.on {
		width: 38px;
		height: 5px;
	}
	.quote-block.notice-block .quote-scroll {
		overflow-x: auto;
	}
	.quote-block.notice-block .quote-scroll::-webkit-scrollbar {
		width: 12px;
		height: 1px;
	}
	.quote-block.notice-block .quote-scroll::-webkit-scrollbar-track {
		background-color: #333333;
		border-radius: 2px;
	}
	.quote-block.notice-block .notice-scroll {
		height: 48px;
	}
	.quote-block.notice-block .notice-wrap {
		padding-top: 18px;
	}
	.quote-block.notice-block .quote-scroll {
		padding-left: 16px;
		bottom: 50px;
		height: 72px;
		max-width: 1040px;
	}
	.quote-scroll .quote-list {
		width: 1040px;
	}
	.quote-scroll .price-sbox {
		width: 260px;
		height: 72px;
	}
	.quote-scroll .price-box {
		padding-right: 16px;
	}
	.quote-scroll .price-box .price-bs {
		height: 72px;
		padding: 15px;
		gap: 18px;
		border-radius: 9px;
	}
	.quote-scroll .price-box .price-bs .goods-price {
		gap: 9px;
	}
	.quote-scroll .price-box .price-bs .goods-price>span, 
	.quote-scroll .price-box .price-bs .goods-price>span svg {
		display: block;
		width: 30px;
		height: 30px;
	}
	.quote-scroll .price-box .price-bs .goods-title h6 {
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
	}
	.quote-scroll .price-box .price-bs .goods-title b {
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: 133%;
		display: block;
	}
	.price-box .price-bs .price-state,
	.price-box .price-bs .price-state .price-state-infor {
		gap: 6px;
	}
	.price-box .price-bs .price-state .price-curve {
		display: flex;
		width: 65px;
		height: 22px;
	}
	.price-box .price-bs .price-state .price-state-infor span {
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
	}
	.quote-scroll .price-box .price-bs .goods-price2 {
		gap: 9px;
	}
	.quote-scroll .price-box .price-bs .goods-price2>span, 
	.quote-scroll .price-box .price-bs .goods-price2>span svg {
		display: block;
		width: 30px;
		height: 30px;
	}
	.quote-scroll .price-bs .goods-price2 .price-realTime h6 {
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
	}
	.quote-scroll .price-bs .goods-price2 .price-realTime .price-btm span.newprice {
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: 133%;
	}
	.quote-scroll .price-bs .goods-price2 .price-realTime .price-btm span.price-downOrUp {
		width: 18px;
		height: 18px;
	}
	.quote-block.notice-block .notice-wrap {
		gap: 12px;
	}
	.quote-block.notice-block .notice-wrap .notice-bar {
		padding: 0;
		font-size: 0px;
		border-radius: 0;
		background: none;
	}
	.quote-block.notice-block .notice-wrap .notice-list {
		width: 270px;
		height: 22px;
	}
	.quote-block.notice-block .notice-wrap .notice-list li a {
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 22px;
	}
	.gold-invest-choice,
	.safety-guarantee,
	.new-customer-benefit {
		height: auto;
	}
	.invest-choice-container {
		padding: 60px 16px 45px;
	}
	.invest-choice-container>.title h2 {
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%;
		margin-bottom: 12px;
	}
	.invest-choice-container>.title p {
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
	}
	.invest-choice-container .gold-aptitude {
		margin: 40px auto;
		display: block;
	}
	.gold-aptitude>.item {
		padding: 20px;
	}
	.gold-aptitude .spot-gold {
		width: 100%;
		height: auto;
		min-height: 240px;
		flex-shrink: 0;
		border-radius: 8px;
	}
	.gold-aptitude .physical-gold {
		width: 100%;
		margin-top: 20px;
		height: auto;
		min-height: 200px;
	}
	.gold-aptitude>.item .gold-group-icon {
		width: 82%;
		height: 82%;
		right: 0;
		bottom: 0;
		top: auto;
		left: auto;
	}
	.gold-aptitude>.item h4 {
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 140%;
	}
	.gold-aptitude>.item .spot-gold-cgd {
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 140%;
	}
	.gold-aptitude>.item .spot-gold-cgd span.icon {
		width: 15px;
		height: 15px;
	}
	.gold-aptitude>.item .account-login {
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 140%;
	}
	.gold-aptitude>.item .account-login span.icon {
		display: block;
		width: 20px;
		height: 20px;
	}
	.gold-aptitude>.item>p {
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 140%;
	}
	.honor-auth>.title {
		height: 25px;
	}
	.honor-auth>.title .star {
		width: 60px;
		height: 15px;
	}
	.honor-auth>.title .txt {
		font-size: 18px;
		font-style: normal;
		font-weight: 500;
		line-height: 25px;
	}
	.honor-auth .honor-slider {
		padding: 24px 0;
	}
	.honor-auth .honor-slider:before,
	.honor-auth .honor-slider:after {
		display: none;
	}
	.honor-slider .honor-list.honor-list1 {
		margin-bottom: 18px;
		height: 75px;
	}
	.honor-slider .honor-list.honor-list2 {
		height: 75px;
	}
	.honor-slider .honor-list>ul li {
		height: 75px;
	}
	.honor-slider .honor-list>ul li .hn-silder-item {
		padding-right: 18px;
	}
	.honor-slider .honor-list>ul li .hn-silder-inner {
		padding: 16px 12px;
		border-radius: 9px;
	}
	.honor-slider .honor-list>ul li .hn-silder-inner:before {
		right: 12px;
		width: 18px;
		height: 39px;
	}
	.honor-slider .honor-list>ul li .hn-silder-inner:after {
		left: 12px;
		width: 18px;
		height: 39px;
	}
	.honor-slider .honor-list>ul li .hn-silder-inner .item-title h5:before,
	.honor-slider .honor-list>ul li .hn-silder-inner .item-title h5:after {
		width: 30px;
		height: 8px;
	}
	.honor-slider .honor-list>ul li .hn-silder-inner .item-title h5 {
		padding: 0 35px;
	}
	.honor-slider .honor-list>ul li .hn-silder-inner p {
		margin-top: 3px;
		font-size: 15px;
		font-style: normal;
		font-weight: 700;
		line-height: 122%;
	}
	.honor-slider .honor-list.honor-list1>ul {
		width: 1386px;
	}
	.honor-slider .honor-list.honor-list2>ul {
		width: 1476px;
	}
	.honor-slider .honor-list.honor-list1>ul li:nth-child(1),
	.honor-slider .honor-list.honor-list1>ul li:nth-child(6) {
		width: 290px;
	}
	.honor-slider .honor-list.honor-list1>ul li:nth-child(2),
	.honor-slider .honor-list.honor-list1>ul li:nth-child(7) {
		width: 260px;
	}
	.honor-slider .honor-list.honor-list1>ul li:nth-child(3),
	.honor-slider .honor-list.honor-list1>ul li:nth-child(8) {
		width: 248px;
	}
	.honor-slider .honor-list.honor-list1>ul li:nth-child(4),
	.honor-slider .honor-list.honor-list1>ul li:nth-child(9) {
		width: 300px;
	}
	.honor-slider .honor-list.honor-list1>ul li:nth-child(5),
	.honor-slider .honor-list.honor-list1>ul li:nth-child(10) {
		width: 288px;
	}
	.honor-slider .honor-list.honor-list2>ul li:nth-child(1),
	.honor-slider .honor-list.honor-list2>ul li:nth-child(6) {
		width: 288px;
	}
	.honor-slider .honor-list.honor-list2>ul li:nth-child(2),
	.honor-slider .honor-list.honor-list2>ul li:nth-child(7) {
		width: 350px;
	}
	.honor-slider .honor-list.honor-list2>ul li:nth-child(3),
	.honor-slider .honor-list.honor-list2>ul li:nth-child(8) {
		width: 288px;
	}
	.honor-slider .honor-list.honor-list2>ul li:nth-child(4),
	.honor-slider .honor-list.honor-list2>ul li:nth-child(9) {
		width: 300px;
	}
	.honor-slider .honor-list.honor-list2>ul li:nth-child(5),
	.honor-slider .honor-list.honor-list2>ul li:nth-child(10) {
		width: 250px;
	}
	.safety-guarantee-container {
		padding: 60px 16px;
	}
	.safety-guarantee-container .title h2,
	.customer-benefit-container .title h2 {
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%;
		text-align: center;
		margin-bottom: 12px;
	}
	.safety-guarantee-container .title p,
	.customer-benefit-container .title p {
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
	}
	.safety-guarantee-container .performance-number {
		margin: 40px auto;
		display: flex;
		align-items: center;
		flex-direction: column;
		gap: 60px;
	}
	.safety-guarantee-container .performance-number .pf-number {
		height: auto;
		margin: 0 auto;
	}
	.safety-guarantee-container .performance-number .pf-number .total {
		font-size: 40px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%;
		margin-bottom: 18px;
	}
	.safety-guarantee-container .performance-number .pf-number p {
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
	}
	.safety-guarantee-container .guarantee-range {
		display: flex;
		align-items: center;
		flex-direction: column;
		max-width: 660px;
		gap: 20px;
	}
	.safety-guarantee-container .guarantee-range .range-item {
		height: 172px;
		padding: 20px 40px;
	}
	.safety-guarantee-container .guarantee-range .range-item .svg-box {
		width: 60px;
		height: 60px;
	}
	.safety-guarantee-container .guarantee-range .range-item h6 {
		margin-top: 20px;
		margin-bottom: 10px;
		font-size: 18px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
	}
	.safety-guarantee-container .guarantee-range .range-item p {
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 122%;
	}
	.safety-guarantee-container .account-open-group, 
	.customer-benefit-container .account-open-group, 
	.investment-journey-container .account-open-group {
		margin-top: 40px;
	}
	.safety-guarantee-container .account-open-group a, 
	.customer-benefit-container .account-open-group a, 
	.investment-journey-container .account-open-group a {
		padding: 12px 40px;
		border-radius: 8px;
		font-size: 18px;
		font-style: normal;
		font-weight: 500;
		line-height: 140%;
	}
	.safety-guarantee-container .account-open-group a i, 
	.customer-benefit-container .account-open-group a i, 
	.investment-journey-container .account-open-group a i {
		width: 25px;
		height: 25px;
	}
	.pr-milestone .pr-milestone-container {
		padding: 60px 0;
	}
	.pr-milestone .pr-milestone-container .title {
		margin-bottom: 0;
		padding: 0 16px;
	}
	.pr-milestone .pr-milestone-container .title h2 {
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%;
		text-align: center;
		margin-bottom: 24px;
	}
	.pr-milestone .pr-milestone-container .title p {
		font-size: 14px;
	}
	.milestone-container .milestone-carousel {
		padding-left: 13px;
	}
	.milestone-carousel .carousel-inner {
		gap: 15px;
		width: 3930px;
		height: 313px;
	}
	.carousel-inner .mile-carousel {
		gap: 30px;
	}
	.mile-carousel .carousel-item {
		gap: 15px;
	}
	.mile-carousel .carousel-item .carousel-pic {
		width: 300px;
		height: 180px;
		border-radius: 9px;
	}
	.mile-carousel .carousel-item .carousel-desc p {
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 160%;
	}
	.mile-years-list .mile-years {
		width: 330px;
	}
	.mile-years-list .mile-years:last-child {
		width: 300px;
	}
	.mile-years-list .mile-years .mile-title {
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: 123%;
	}
	.mile-years-list .mile-years .mile-circle .dark-circle {
		width: 18px;
		height: 18px;
	}
	.mile-years-list .mile-years .mile-circle .dark-circle:before {
		content: "";
		width: 9px;
		height: 9px;
	}
	.customer-benefit-container {
		padding: 60px 16px;
	}
	.new-customer-content {
		display: flex;
		align-items: center;
		flex-direction: column;
		gap: 32px;
		margin: 38px auto 0;
	}
	.new-customer-content .red-envelope {
		width: 330px;
		height: 255px;
		max-width: 100%;
	}
	.new-customer-content .red-envelope span.icon-red1 {
		top: 7px;
		width: 42px;
		height: 36px;
	}
	.new-customer-content .red-envelope span.icon-red2 {
		bottom: 18px;
		width: 56px;
		height: 52px;
	}
	.new-customer-content .red-envelope .pic-bg {
		left: 50%;
		width: 157px;
		height: 340px;
		transform: translateX(-50%);
	}
	.red-envelope-infor .redEnv-infor-box.box1 {
		top: 43px;
		left: 27px;
		width: 157px;
		height: 172px;
		flex-shrink: 0;
		border-radius: 11px;
		padding-top: 27px;
	}
	.red-envelope-infor .redEnv-infor-box.box1 p {
		font-size: 13px;
		font-style: normal;
		font-weight: 500;
		line-height: 125%;
		margin-bottom: 11px;
	}
	.red-envelope-infor .redEnv-infor-box.box1 .redEnv-number {
		font-size: 15px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%;
	}
	.red-envelope-infor .redEnv-infor-box.box1 .redEnv-number em {
		font-size: 36px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%;
	}
	.red-envelope-infor .redEnv-infor-box.box1 .redEnv-number span {
		font-size: 45px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
	}
	.red-envelope-infor .redEnv-infor-box.box1 .redEnv-cost {
		width: 94px;
		height: 37px;
		font-size: 15px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
		padding-top: 6px;
	}
	.red-envelope-infor .redEnv-infor-box.box1 .redEnv-cost span {
		font-size: 22px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
		width: auto;
	}
	.red-envelope-infor .redEnv-infor-box.box2 {
		width: 130px;
		height: 142px;
		top: 58px;
		right: 25px;
		border-radius: 11px;
		padding-top: 18px;
	}
	.red-envelope-infor .redEnv-infor-box.box2 p {
		font-size: 12px;
		margin-bottom: 12px;
	}
	.red-envelope-infor .redEnv-infor-box.box2 .redEnv-number {
		width: 62px;
		height: 51px;
	}
	.red-envelope-infor .redEnv-infor-box.box2 .redEnv-number:before {
		content: "";
		width: 57px;
		height: 49px;
		bottom: 9px;
	}
	.red-envelope-infor .redEnv-infor-box.box2 .redEnv-box {
		height: 28px;
	}
	.red-envelope-infor .redEnv-infor-box.box2 .redEnv-box:before {
		width: 98%;
		height: 12px;
	}
	.red-envelope-infor .redEnv-infor-box.box2 .redEnv-box2 {
		font-size: 16px;
	}
	.red-envelope-infor .redEnv-infor-box.box2 .redEnv-box2 span {
		font-size: 27px;
	}
	.red-envelope-infor .redEnv-infor-box.box2>span {
		margin-top: 10px;
		font-size: 12px;
	}
	.new-customer-content .recharge-benefit {
		max-width: 100%;
	}
	.recharge-benefit .recharge-panel {
		display: flex;
		padding: 16px 18px;
		align-items: center;
		gap: 10px;
		align-self: stretch;
		border-radius: 6px;
	}
	.recharge-benefit .recharge-panel .recharge-deliver {
		font-size: 32px;
	}
	.recharge-benefit .recharge-panel .recharge-deliver em {
		font-size: 14px;
	}
	.recharge-benefit .recharge-panel .recharge-deliver b {
		font-size: 12px;
		width: 18px;
		height: 18px;
	}
	.recharge-benefit .recharge-panel .line {
		height: 38px;
	}
	.recharge-benefit .recharge-panel .recharge-sjc h6 {
		font-size: 16px;
	}
	.recharge-benefit .recharge-panel .recharge-sjc p {
		font-size: 12px;
	}
	.recharge-benefit .recharge-panel.active .star-act {
		width: 60px;
		height: 60px;
	}
	.recharge-benefit .recharge-panel.active .star-act:before {
		width: 30px;
		height: 30px;
	}
	.recharge-benefit .recharge-panel.active .star-act span {
		font-size: 16px;
	}
	.mt4-download {
		height: auto;
	}
	.mt4-download-container {
		padding: 60px 16px;
	}
	.mt4-download-container .title h2 {
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%;
		margin-bottom: 12px;
	}
	.mt4-download-container .title p {
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
	}
	.mt4-download-content {
		margin: 40px auto 0;
		gap: 51px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-direction: column-reverse;
	}
	.mt4-download-content .mt4-infor {
		width: 552px;
		max-width: 100%;
		height: auto;
	}
	.mt4-download-content .mt4-infor .infor-pic {
		position: relative;
		width: 100%;
		height: auto;
		display: flex;
		justify-content: stretch;
		align-items: center;
		padding: 0;
	}
	.mt4-download-content .mt4-infor .infor-pic img.phone {
		display: block;
		width: 29%;
		height: auto;
		position: relative;
		top: auto;
		left: auto;
		z-index: 1;
		transform: translateY(0);
	}
	.mt4-download-content .mt4-infor .infor-pic img.pad {
		display: block;
		width: 90%;
		height: auto;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.mt4-download-content .mt4-infor .soft-infor p {
		margin-top: 0;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%;
		color: var(--brand-178);
	}
	.mt4-download-section .scan-code-download .mt4-download-link {
		gap: 16px;
	}
	.pr-milestone,
	.investment-journey {
		height: auto;
	}
	.investment-journey-container {
		padding: 60px 16px;
	}
	.investment-journey-container .title h2 {
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%;
	}
	.investment-journey-container .bg-cup {
		width: 165px;
		height: 165px;
		bottom: 30px;
		right: -50px;
	}
	.investment-journey-container .m-hide {
		display: none;
	}
	.investment-journey-container .m-show {
		display: block;
	}
	.m-video-hide {
		display: none;
	}
	.m-video-show {
		display: block;
		opacity: 0.5;
	}
	.milestone-carousel .milestone-slider {
		height: auto;
	}
}
@media screen and (max-width: 768px) {
	
}
@media screen and (max-width: 550px) {
	.header .header-title p {
		display: none;
	}
	.header .header-title .title-img {
		width: 100%;
		height: 18px;
	}
	.cn .header .header-title .title-img {
		background: url("/static/images/header/header-title-cn-black.svg") no-repeat 0 0/100% 100%;
	}
	.cn.bg-white .header .header-title .title-img,
	.cn.bg-m-white .header .header-title .title-img {
		background: url("/static/images/header/header-title-cn-white.svg") no-repeat 0 0/100% 100%;
	}
	.tw .header .header-title .title-img {
		background: url("/static/images/header/header-title-tw-black.svg") no-repeat 0 0/100% 100%;
	}
	.tw.bg-white .header .header-title .title-img,
	.tw.bg-m-white .header .header-title .title-img {
		background: url("/static/images/header/header-title-tw-white.svg") no-repeat 0 0/100% 100%;
	}
}
@media screen and (max-width: 450px) {
	.mt4-download-section .scan-code-download .mt4-download-link {
		gap: 10px;
	}
	.mt4-download-section .scan-code-download .mt4-download-link a p {
		font-size: 14px;
	}
}