.pc-block {
	display:none
}
.black-box {
	background-color:rgba(0, 0, 0, .4);
	display:block;
	height:100%;
	top:46px;
	z-index:2
}
#head, .black-box {
	left:0;
	position:fixed;
	width:100%
}
#head {
	background:#fff;
	padding:8px 20px 12px 32px;
	top:0;
	z-index:500
}
#head .flex-box {
	align-items:center;
	display:flex
}
#head .flex-box .logo-pic .m-logo {
/*	width:133px*/
}
#head .flex-box .logo-pic {
	min-width:178px;
	width:178px
}
#head .flex-box .m-nav-icon {
	margin-left:auto;
	margin-top:4px;
	min-width:24px;
	width:24px
}
#head .m-nav-box {
	background-color:#fff;
	box-shadow:0 9px 13px 0 rgba(0, 0, 0, .24);
	left:0;
	position:absolute;
	top:46px;
	width:100%;
	z-index:5
}
#head .m-nav-box li {
	border-bottom:1px solid #dfdede;
	padding:12px 32px
}
#head .m-nav-box ul li:last-of-type {
	border-bottom:none
}
#head .m-nav-box li a {
	color:#363636;
	font-size:16px;
	letter-spacing:0;
	line-height:1
}
#footer {
	background-color:#343434;
	padding:12px 12px 16px
}
#footer ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:center
}
#footer ul li {
	border-right:1px solid #f4f6f6;
	margin-bottom:16px;
	padding:0 12px
}
#footer ul li:last-of-type {
	border-right:none
}
#footer ul li a {
	color:#fff;
	font-size:12px;
	font-weight:700
}
#footer .warn {
	color:#e3e3e3;
	font-size:12px;
	letter-spacing:0;
	line-height:16px;
	text-align:center
}
#app, html {
	height:100%
}
#app {
	display:flex;
	flex-direction:column
}
#app #footer {
	margin-top:auto
}
.w-1200px-container {
	margin-left:auto;
	margin-right:auto;
	max-width:375px
}
@media (min-width:1200px) {
#footer ul li {
margin-bottom:28px
}
.w-1200px-container {
max-width:1200px
}
#footer {
padding:20px 0 28px
}
#footer ul li {
padding:0 40px
}
#footer ul li a {
font-size:14px;
font-weight:700
}
#footer .warn {
font-size:14px
}
#head {
background-color:#fff;
background-image:none;
box-shadow:0 1px 0 0 #eaeaea;
padding:12px 0 20px
}
#head .flex-box {
align-items:center;
margin-left:auto;
margin-right:auto;
padding-bottom:0;
width:1200px
}
#head .flex-box .pc-nav-list a:hover {
color:#ffae46
}
#head .flex-box .pc-nav-list a {
color:#333;
font-size:16px;
line-height:1
}
#head .flex-box .pc-nav-list {
align-items:center;
display:flex;
justify-content:space-between;
padding-top:8px;
width:100%
}
#head .flex-box .logo-pic {
margin-right:64px;
min-width:266px
}
.pc-block {
display:block
}
.m-block {
display:none
}
}
body, body :not(html):not(style):not(br):not(tr):not(code) {
box-sizing:border-box;
font-family:system-ui
}
body * {
	box-sizing:border-box
}
body {
	font-family:system-ui;
	height:100%;
	hyphens:auto;
	-moz-hyphens:auto;
	-webkit-hyphens:auto;
	line-height:1.4;
	width:100%!important;
	-ms-word-break:break-all;
	-webkit-text-size-adjust:none;
	word-break:break-all;
	word-break:break-word
}
blockquote, ol, p, ul {
	line-height:1.4;
	margin:0;
	padding:0;
	text-align:left
}
a {
	color:#3869d4
}
a img {
	border:none
}
h1 {
	font-size:19px
}
h1, h2 {
	color:#2f3133;
	font-weight:700;
	margin-top:0;
	text-align:left
}
h2 {
	font-size:16px
}
h3 {
	color:#2f3133;
	font-size:14px;
	font-weight:700;
	margin:0
}
h3, p {
	text-align:left
}
p {
	color:#74787e;
	font-size:16px;
	line-height:1.5em
}
p.sub {
	font-size:12px
}
img {
	max-width:100%
}
.content, .wrapper {
	margin:0;
	padding:0;
	width:100%;
	-premailer-cellpadding:0;
	-premailer-cellspacing:0;
	-premailer-width:100%
}
.header {
	padding:25px 0;
	text-align:center
}
.header a {
	color:#bbbfc3;
	font-size:19px;
	font-weight:700;
	text-decoration:none;
	text-shadow:0 1px 0 #fff
}
.body {
	border-bottom:1px solid #edeff2;
	border-top:1px solid #edeff2;
	margin:0;
	width:100%;
	-premailer-width:100%
}
.body, .inner-body {
	background-color:#fff;
	padding:0;
	-premailer-cellpadding:0;
	-premailer-cellspacing:0
}
.inner-body {
	margin:0 auto;
	width:570px;
	-premailer-width:570px
}
.subcopy {
	border-top:1px solid #edeff2;
	margin-top:25px;
	padding-top:25px
}
.subcopy p {
	font-size:12px
}
.footer {
	margin:0 auto;
	padding:0;
	text-align:center;
	width:570px;
	-premailer-cellpadding:0;
	-premailer-cellspacing:0;
	-premailer-width:570px
}
.footer p {
	color:#aeaeae;
	font-size:12px;
	text-align:center
}
.table table {
	margin:30px auto;
	width:100%;
	-premailer-cellpadding:0;
	-premailer-cellspacing:0;
	-premailer-width:100%
}
.table th {
	border-bottom:1px solid #edeff2;
	padding-bottom:8px
}
.table td {
	color:#74787e;
	font-size:15px;
	line-height:18px;
	padding:10px 0
}
.content-cell {
	padding:35px
}
.action {
	margin:30px auto;
	padding:0;
	text-align:center;
	width:100%;
	-premailer-cellpadding:0;
	-premailer-cellspacing:0;
	-premailer-width:100%
}
.button {
	border-radius:3px;
	box-shadow:0 2px 3px rgba(0, 0, 0, .16);
	color:#fff;
	display:inline-block;
	text-decoration:none;
	-webkit-text-size-adjust:none
}
input {
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	box-shadow:none;
	display:block
}
button, input {
	border:none;
	outline:none
}
button {
	background-color:transparent;
	margin:0;
	padding:0
}
.button-blue {
	background-color:#3097d1;
	border-color:#3097d1;
	border-style:solid;
	border-width:10px 18px
}
.button-green {
	background-color:#2ab27b;
	border-color:#2ab27b;
	border-style:solid;
	border-width:10px 18px
}
.button-red {
	background-color:#bf5329;
	border-color:#bf5329;
	border-style:solid;
	border-width:10px 18px
}
.panel {
	margin:0 0 21px
}
.panel-content {
	background-color:#edeff2;
	padding:16px
}
.panel-item {
	padding:0
}
.panel-item p:last-of-type {
	margin-bottom:0;
	padding-bottom:0
}
.promotion {
	background-color:#fff;
	border:2px dashed #9ba2ab;
	margin:25px 0;
	padding:24px;
	width:100%;
	-premailer-cellpadding:0;
	-premailer-cellspacing:0;
	-premailer-width:100%
}
.promotion h1, .promotion p {
	text-align:center
}
.promotion p {
	font-size:15px
}
a, a:active, a:hover, a:link, a:visited {
	text-decoration:none
}
li, ol, ul {
	list-style:none
}
li, ul {
	margin:0;
	padding:0
}
p {
	margin-bottom:0;
	margin-top:0
}
body {
	justify-content:space-between;
	margin:0
}
img, video {
	height:auto;
	max-width:100%
}
dd, dl, h1, h2 {
	margin:0
}
p {
	font-size:20px
}
img {
	display:block
}
 body, body :not(html):not(style):not(br):not(tr):not(code) {
box-sizing:border-box;
font-family:system-ui
}
body * {
	box-sizing:border-box
}
body {
	font-family:system-ui;
	hyphens:auto;
	-moz-hyphens:auto;
	-webkit-hyphens:auto;
	line-height:1.4;
	width:100%!important;
	-ms-word-break:break-all;
	-webkit-text-size-adjust:none;
	word-break:break-all;
	word-break:break-word
}
blockquote, ol, p, ul {
	line-height:1.4;
	margin:0;
	padding:0;
	text-align:left
}
a {
	color:#3869d4
}
a img {
	border:none
}
h1 {
	font-size:19px
}
h1, h2 {
	color:#2f3133;
	font-weight:700;
	margin-top:0;
	text-align:left
}
h2 {
	font-size:16px
}
h3 {
	color:#2f3133;
	font-size:14px;
	font-weight:700;
	margin:0
}
h3, p {
	text-align:left
}
p {
	color:#74787e;
	font-size:16px;
	line-height:1.5em
}
p.sub {
	font-size:12px
}
img {
	max-width:100%
}
.content, .wrapper {
	margin:0;
	padding:0;
	width:100%;
	-premailer-cellpadding:0;
	-premailer-cellspacing:0;
	-premailer-width:100%
}
.header {
	padding:25px 0;
	text-align:center
}
.header a {
	color:#bbbfc3;
	font-size:19px;
	font-weight:700;
	text-decoration:none;
	text-shadow:0 1px 0 #fff
}
.body {
	border-bottom:1px solid #edeff2;
	border-top:1px solid #edeff2;
	margin:0;
	width:100%;
	-premailer-width:100%
}
.body, .inner-body {
	background-color:#fff;
	padding:0;
	-premailer-cellpadding:0;
	-premailer-cellspacing:0
}
.inner-body {
	margin:0 auto;
	width:570px;
	-premailer-width:570px
}
.subcopy {
	border-top:1px solid #edeff2;
	margin-top:25px;
	padding-top:25px
}
.subcopy p {
	font-size:12px
}
.footer {
	margin:0 auto;
	padding:0;
	text-align:center;
	width:570px;
	-premailer-cellpadding:0;
	-premailer-cellspacing:0;
	-premailer-width:570px
}
.footer p {
	color:#aeaeae;
	font-size:12px;
	text-align:center
}
.table table {
	margin:30px auto;
	width:100%;
	-premailer-cellpadding:0;
	-premailer-cellspacing:0;
	-premailer-width:100%
}
.table th {
	border-bottom:1px solid #edeff2;
	padding-bottom:8px
}
.table td {
	color:#74787e;
	font-size:15px;
	line-height:18px;
	padding:10px 0
}
.content-cell {
	padding:35px
}
.action {
	margin:30px auto;
	padding:0;
	text-align:center;
	width:100%;
	-premailer-cellpadding:0;
	-premailer-cellspacing:0;
	-premailer-width:100%
}
.button {
	border-radius:3px;
	box-shadow:0 2px 3px rgba(0, 0, 0, .16);
	color:#fff;
	display:inline-block;
	text-decoration:none;
	-webkit-text-size-adjust:none
}
input {
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	box-shadow:none;
	display:block
}
button, input {
	border:none;
	outline:none
}
button {
	background-color:transparent;
	margin:0;
	padding:0
}
.button-blue {
	background-color:#3097d1;
	border-color:#3097d1;
	border-style:solid;
	border-width:10px 18px
}
.button-green {
	background-color:#2ab27b;
	border-color:#2ab27b;
	border-style:solid;
	border-width:10px 18px
}
.button-red {
	background-color:#bf5329;
	border-color:#bf5329;
	border-style:solid;
	border-width:10px 18px
}
.panel {
	margin:0 0 21px
}
.panel-content {
	background-color:#edeff2;
	padding:16px
}
.panel-item {
	padding:0
}
.panel-item p:last-of-type {
	margin-bottom:0;
	padding-bottom:0
}
.promotion {
	background-color:#fff;
	border:2px dashed #9ba2ab;
	margin:25px 0;
	padding:24px;
	width:100%;
	-premailer-cellpadding:0;
	-premailer-cellspacing:0;
	-premailer-width:100%
}
.promotion h1, .promotion p {
	text-align:center
}
.promotion p {
	font-size:15px
}
a, a:active, a:hover, a:link, a:visited {
	text-decoration:none
}
li, ol, ul {
	list-style:none
}
li, ul {
	margin:0;
	padding:0
}
p {
	margin-bottom:0;
	margin-top:0
}
body {
	justify-content:space-between;
	margin:0
}
img, video {
	height:auto;
	max-width:100%
}
dd, dl, h1, h2 {
	margin:0
}
p {
	font-size:20px
}
img {
	display:block
}
.pc-block {
	display:none
}
.black-box {
	background-color:rgba(0, 0, 0, .4);
	display:block;
	height:100%;
	top:46px;
	z-index:2
}
#head, .black-box {
	left:0;
	position:fixed;
	width:100%
}
#head {
	background:#fff;
	padding:8px 20px 12px 32px;
	top:0;
	z-index:500
}
#head .flex-box {
	align-items:center;
	display:flex
}
#head .flex-box .logo-pic .m-logo {
/*width:133px;  */
}
#head .flex-box .logo-pic {
	min-width:178px;
	width:178px
}
#head .flex-box .m-nav-icon {
	margin-left:auto;
	margin-top:4px;
	min-width:24px;
	width:24px
}
#head .m-nav-box {
	background-color:#fff;
	box-shadow:0 9px 13px 0 rgba(0, 0, 0, .24);
	left:0;
	position:absolute;
	top:46px;
	width:100%;
	z-index:5
}
#head .m-nav-box li {
	border-bottom:1px solid #dfdede;
	padding:12px 32px
}
#head .m-nav-box ul li:last-of-type {
	border-bottom:none
}
#head .m-nav-box li a {
	color:#363636;
	font-size:16px;
	letter-spacing:0;
	line-height:1
}
#footer {
	background-color:#343434;
	padding:12px 12px 16px
}
#footer ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:center
}
#footer ul li {
	border-right:1px solid #f4f6f6;
	margin-bottom:16px;
	padding:0 12px
}
#footer ul li:last-of-type {
	border-right:none
}
#footer ul li a {
	color:#fff;
	font-size:12px;
	font-weight:700
}
#footer .warn {
	color:#e3e3e3;
	font-size:12px;
	letter-spacing:0;
	line-height:16px;
	text-align:center
}
#app, body, html {
	height:100%
}
#app {
	display:flex;
	flex-direction:column
}
#app #footer {
	margin-top:auto
}
.w-1200px-container {
	margin-left:auto;
	margin-right:auto;
	max-width:375px
}
@media (min-width:1200px) {
#footer ul li {
margin-bottom:28px
}
.w-1200px-container {
max-width:1200px
}
#footer {
padding:20px 0 28px
}
#footer ul li {
padding:0 40px
}
#footer ul li a {
font-size:14px;
font-weight:700
}
#footer .warn {
font-size:14px
}
#head {
background-color:#fff;
background-image:none;
box-shadow:0 1px 0 0 #eaeaea;
padding:12px 0 20px
}
#head .flex-box {
align-items:center;
margin-left:auto;
margin-right:auto;
padding-bottom:0;
width:1200px
}
#head .flex-box .pc-nav-list a:hover {
color:#ffae46
}
#head .flex-box .pc-nav-list a {
color:#333;
font-size:16px;
line-height:1
}
#head .flex-box .pc-nav-list {
align-items:center;
display:flex;
justify-content:space-between;
padding-top:8px;
width:100%
}
#head .flex-box .logo-pic {
margin-right:64px;
min-width:266px
}
.pc-block {
display:block
}
.m-block {
display:none
}
}
#index-page .banner {
	background-image:url(../image/banner.-da5F8Sf.jpg);
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover;
	margin-bottom:20px;
	padding:52px 0 60px
}
#index-page .ora-move-btn {
	border:2px solid transparent;
	border-radius:999px;
	color:#fff;
	cursor:pointer;
	display:block;
	font-size:14px;
	line-height:36px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	position:relative;
	text-align:center;
	width:166px;
	z-index:10
}
#index-page .ora-move-btn:hover {
	border:2px solid #ffae46!important;
	color:#ffae46!important;
transition:color .5s ease-in-out
}
#index-page .ora-move-btn:after {
	background-color:#ffae46;
	border:2px solid #ffae46!important;
	bottom:-5px;
	content:"";
	left:-10%;
	position:absolute;
	top:-5px;
	transform:skewX(-30deg);
transition:left .5s ease-in-out;
	width:120%;
	z-index:-1
}
#index-page .ora-move-btn:hover:after {
	left:127%
}
#index-page .ora-move-btn.have-icon {
	line-height:44px;
	padding-left:12px;
	position:relative;
	width:164px
}
#index-page .ora-move-btn.have-icon img {
	display:inline-block;
	left:4px;
	position:absolute;
	top:6px;
	width:32px
}
#index-page .ora-move-btn.have-icon img.after {
	display:none
}
#index-page .ora-move-btn.have-icon:hover img.after {
	display:inline-block
}
#index-page .ora-move-btn.have-icon:hover img.before {
	display:none
}
#index-page .jump-target {
	position:relative;
	top:-46px
}
#index-page .banner h2 {
	font-size:28px;
	font-stretch:normal;
	font-weight:700;
	letter-spacing:1px;
	margin-bottom:12px
}
#index-page .banner h2, #index-page .banner p {
	color:#fff;
	line-height:1;
	text-align:center;
	text-shadow:0 8px 21px #011f5b
}
#index-page .banner p {
	font-size:18px;
	letter-spacing:0;
	margin-bottom:8px
}
#index-page .banner p:last-of-type {
	margin-bottom:20px
}
#index-page {
	margin-top:42px
}
#index-page .banner h2.m-block {
	line-height:1.4;
	padding:0 12px
}
#index-page .common-head {
	color:#343434;
	font-size:18px;
	font-weight:700;
	letter-spacing:0;
	line-height:1;
	text-align:center
}
#index-page .title-box {
	display:flex;
	justify-content:center;
	margin-bottom:16px
}
#index-page .title-box h1, #index-page .title-box h2 {
	display:inline;
	justify-content:center
}
#index-page .w-1200px-container {
	padding:0 12px
}
#index-page .trading-system p {
	color:#666;
	font-size:16px;
	font-weight:400;
	letter-spacing:0;
	line-height:24px;
	margin-bottom:12px
}
#index-page .trading-system ul p {
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMBAMAAACdPPCPAAAALVBMVEUAAABS5upS5upS5upS5upS5upS5upS5upS5upS5upS5upS5upS5upS5upS5uoiE5TSAAAADnRSTlMAHg/16KV61M68m3BUNlcbKacAAAA8SURBVAjXYwADMQYYkFsAZ71UYGBgCnYDst4VMjCwvnu3Ach6coFB7927BiDrnQ2ChZBF6ECYgjAZYRsAkgYcScFn4uMAAAAASUVORK5CYII=");
	background-position:0;
	background-repeat:no-repeat;
	background-size:10px auto;
	color:#343434;
	font-size:18px;
	letter-spacing:1px;
	line-height:1;
	margin-bottom:0;
	padding-left:16px
}
#index-page .trading-system ul li {
	margin-bottom:8px
}
#index-page .trading-system ul li:last-of-type {
	margin-bottom:0
}
#index-page .trading-system {
	margin-bottom:16px
}
#index-page .mt4-any h2 {
	margin-bottom:20px
}
#index-page .mt4-any p {
	color:#666;
	font-size:16px;
	letter-spacing:0;
	line-height:24px;
	margin-bottom:24px
}
#index-page .mt4-any ul {
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	grid-gap:12px 8px
}
#index-page .mt4-any ul li {
	align-items:center;
	background-color:#fff;
	box-shadow:11px 18px 23px 1px hsla(0, 0%, 5%, .1);
	display:flex
}
#index-page .mt4-any ul li h3 {
	background-color:#298b97;
	color:#fff;
	font-size:14px;
	font-weight:700;
	line-height:60px;
	padding-left:8px;
	white-space:nowrap;
	width:124px
}
#index-page .mt4-any ul li h3 span {
	font-size:18px
}
#index-page .mt4-any ul li img {
	margin-left:auto;
	margin-right:auto;
	max-width:45px
}
#index-page .mt4-any {
	background-image:url(../image/sec-2-bg.3MZJYNYl.png);
	background-position:bottom;
	padding-bottom:52px
}
#index-page .download-step, #index-page .mt4-any {
	background-repeat:no-repeat;
	background-size:100% auto
}
#index-page .download-step {
	background-image:url(../image/sec-3-bg.U3ukKPKs.png);
	background-position:top;
	margin-bottom:20px;
	padding-top:40px
}
#index-page .download-step .logo-head-box {
	align-items:center;
	display:flex;
	justify-content:center;
	margin-bottom:40px
}
#index-page .download-step .logo-head-box img {
	height:36px;
	margin-right:8px;
	min-width:36px;
	width:36px
}
#index-page .download-step .logo-head-box h2 {
	color:#fff;
	font-size:18px;
	font-weight:700;
	letter-spacing:0;
	line-height:1
}
#index-page .download-step ul img.after {
	display:none
}
#index-page .download-step ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:center
}
#index-page .download-step ul li.card-box {
	background-blend-mode:normal, normal;
	background-image:linear-gradient(#fff, #fff), linear-gradient(#363636, #363636);
	border-radius:8px;
	min-width:200px;
	padding:32px 12px 20px;
	position:relative
}
#index-page .download-step ul li.card-box h3 {
	color:#394f59;
	font-size:18px;
	font-weight:700;
	letter-spacing:0;
	line-height:1;
	margin-bottom:12px;
	text-align:center
}
#index-page .download-step ul li.card-box p {
	color:#343434;
	font-size:14px;
	font-stretch:normal;
	font-weight:400;
	letter-spacing:0;
	line-height:20px
}
#index-page .download-step ul li.card-box img {
	left:calc(50% - 20px);
	position:absolute;
	top:-20px;
	width:40px
}
#index-page .download-step ul li.next {
	display:none
}
#index-page .download-step ul li.next img {
	margin-left:16px;
	margin-right:16px;
	margin-top:52px;
	min-width:20px
}
#index-page .download-step ul li.card-box {
	margin-bottom:24px
}
#index-page .download-step ul li.card-box:last-of-type {
	margin-bottom:0
}
#index-page .download-step ul li.card-box:hover img.before {
	display:none
}
#index-page .download-step ul li.card-box:hover img.after {
	display:block
}
#index-page .download-step ul li.card-box:hover h3 {
	color:#49c9d4
}
#index-page .infos .common-head {
	margin-bottom:20px;
	text-align:left
}
#index-page .infos p {
	color:#666;
	font-size:16px;
	letter-spacing:0;
	line-height:24px
}
#index-page .infos .left>p {
	margin-bottom:20px
}
#index-page .infos .left ul {
	display:flex;
	justify-content:space-between;
	margin-bottom:20px
}
#index-page .infos .left ul li img {
	margin-bottom:8px;
	margin-left:auto;
	margin-right:auto;
	min-width:60px;
	width:60px
}
#index-page .infos .left ul li p {
	font-size:12px;
	text-align:center
}
#index-page .infos .right>p {
	margin-bottom:12px
}
#index-page .infos .right ul li {
	display:flex;
	margin-bottom:4px
}
#index-page .infos .right ul li img {
	margin-right:4px;
	margin-top:8px;
	min-width:12px;
	width:12px
}
#index-page .infos .right ul li:last-of-type {
	margin-bottom:0
}
#index-page .infos, #index-page .platform-version h2 {
	margin-bottom:20px
}
#index-page .platform-version .left {
	background-blend-mode:normal, normal;
	background-image:linear-gradient(0deg, #fff, #c9f9fc), linear-gradient(#e7f0f6, #e7f0f6);
	border:1px solid #4ee4ee;
	border-radius:16px;
	margin-bottom:12px;
	padding:16px 12px 12px
}
#index-page .platform-version h3 {
	color:#343434;
	font-size:18px;
	font-stretch:normal;
	font-weight:700;
	letter-spacing:0;
	line-height:1;
	text-align:left
}
#index-page .platform-version .left h3 {
	margin-bottom:16px;
	text-align:center
}
#index-page .platform-version .ora-move-btn {
	font-size:14px;
	line-height:32px;
	width:132px
}
#index-page .platform-version p {
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMBAMAAACdPPCPAAAALVBMVEUAAABS5upS5upS5upS5upS5upS5upS5upS5upS5upS5upS5upS5upS5upS5uoiE5TSAAAADnRSTlMAHg/16KV61M68m3BUNlcbKacAAAA8SURBVAjXYwADMQYYkFsAZ71UYGBgCnYDst4VMjCwvnu3Ach6coFB7927BiDrnQ2ChZBF6ECYgjAZYRsAkgYcScFn4uMAAAAASUVORK5CYII=");
	background-position:0;
	background-repeat:no-repeat;
	background-size:12px auto;
	color:#343434;
	font-size:12px;
	font-stretch:normal;
	font-weight:400;
	letter-spacing:0;
	line-height:18px;
	margin-bottom:8px;
	padding-left:16px
}
#index-page .platform-version p:last-of-type {
	margin-bottom:0
}
#index-page .platform-version .left .flex-box {
	display:flex;
	justify-content:center
}
#index-page .platform-version .left .flex-box>div:first-of-type {
	margin-right:30px
}
#index-page .platform-version .left img {
	margin:32px auto 24px
}
#index-page .platform-version .box-2 {
	background-blend-mode:normal, normal;
	background-image:url(../image/card-2-bg-m.6ySfwahK.png), linear-gradient(0deg, #fff, #c9f9fc), linear-gradient(#e7f0f6, #e7f0f6);
	background-position:left top 134px, 0 0;
	background-repeat:no-repeat, repeat;
	background-size:326px auto, auto;
	border:1px solid #4ee4ee;
	border-radius:16px;
	margin-bottom:16px;
	padding:20px 0 12px
}
#index-page .platform-version .box-2 .flex-box {
	display:flex;
	justify-content:center;
	margin-bottom:240px
}
#index-page .platform-version .box-2 .flex-box>div:first-of-type {
	margin-right:20px
}
#index-page .platform-version .right h3 {
	margin-bottom:24px;
	text-align:center
}
#index-page .platform-version .box-3 p {
	margin-bottom:4px;
	margin-left:80px
}
#index-page .platform-version .box-3 {
	background-blend-mode:normal, normal;
	background-image:url(../image/sec-5-bg-4-n.Hz4-TiPJ.png), linear-gradient(0deg, #fff, #c9f9fc), linear-gradient(#e7f0f6, #e7f0f6);
	background-position:top 208px right 4px, 0 0;
	background-repeat:no-repeat, repeat;
	background-size:334px auto, auto;
	border:1px solid #4ee4ee;
	border-radius:16px;
	padding:20px;
	position:relative
}
#index-page .platform-version .box-3 a {
	margin-top:170px
}
#index-page .platform-version {
	margin-bottom:8px
}
#index-page .guide h2 {
	display:block;
	font-size:22px;
	font-weight:700;
	justify-self:center;
	margin-bottom:-14px
}
#index-page .guide .more {
	display:flex;
	justify-content:flex-end
}
#index-page .guide .more a {
	color:#3b3fdb;
	display:inline-block;
	font-size:12px;
	justify-self:right;
	margin-bottom:20px;
	text-align:right;
	text-decoration:underline
}
#index-page .guide .grid-box {
	display:grid;
	grid-template-columns:repeat(1, 1fr);
	grid-gap:12px
}
#index-page .guide .grid-box .a-clo img {
	height:166px;
	margin-bottom:24px;
	max-width:380px;
	width:100%
}
#index-page .guide .grid-box .news-text-box {
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAngAAAADCAYAAAAA7XIRAAAAgklEQVRYhe3WsQ2DQBAF0UFySEQB7sBUQ0RpXAuuxq6AgJSIAhC6AKHlICKbCf/q5VullGqg57wZ+J5ecg3QhXVPr9eX0+v15fR6fblbvz14b2AMp9wfaMO69wF+YdXr9Xq9Xq8vp3/Yv4AFGMIpN4Xl2Hxh0evDotfr9Xq9/lkP0wofEQPs2bOQmAAAAABJRU5ErkJggg==");
	background-position:bottom;
	background-repeat:no-repeat;
	background-size:100% auto;
	margin-bottom:16px;
	margin-left:16px;
	margin-right:16px;
	padding-bottom:20px
}
#index-page .guide .grid-box .news-text-box h3 {
	color:#333;
	display:-webkit-box;
	font-size:18px;
	font-weight:400;
	letter-spacing:0;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1
}
#index-page .guide .grid-box .news-text-box:hover h3 {
	color:#ffae46
}
#index-page .guide .grid-box .news-text-box p {
	color:#636e79;
	display:-webkit-box;
	font-size:12px;
	line-height:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2
}
#index-page .guide .grid-box .news-text-box time {
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAaVBMVEUAAABdXl5eXl5eXl5dXV1eXl5eXl5eXl5dXV5eXl5cXFxdXV1eXl9eXl5eXl5eXl5eXl5eXl5bW1xeXl5eXl5eXl5eXl5eXl5ZWVldXl5eXl5eXl5eXl5eXl5eXl5eXl5dXV5eXl5dXV1wwaB7AAAAIXRSTlMA8+/ezaYV+2c3BPa/XFdSRz4M0ZqVh3RiCOTVsI1xTCzUY80GAAAAk0lEQVQY0zWOVxLDIBBDhSnGvcUlPeL+hwyLzftYrcSsBiSmrW3fIzLVkwk9nX4gdwc4T3bif9TR9h6YDasYPHiPs6Q8UsUC7rLqRubBETfWKVAya1oYQijKJM2Sg42riNL5BCttLOcLEz0Slg5D6OM1ceKupoqmvqI2fEU8y2OO/+yK8EFiLEilyGZAprdmsV1a/ygBCRU8/JlzAAAAAElFTkSuQmCC");
	background-position:0;
	background-repeat:no-repeat;
	background-size:14px 14px;
	color:#636e79;
	display:block;
	font-size:14px;
	letter-spacing:1px;
	line-height:16px;
	margin-top:8px;
	padding-left:20px
}
#index-page .guide .grid-box .news-text-box:first-of-type time {
	margin-bottom:12px
}
#index-page .guide {
	padding-bottom:20px;
	padding-top:20px
}
#index-page .guide .grid-box .a-clo {
	background-color:#fff;
	border-radius:10px;
	box-shadow:0 10px 10px 0 rgba(56, 66, 77, .05);
	overflow:hidden
}
#index-page .banner .ora-move-btn.have-icon:hover {
	line-height:68px
}
#index-page .bottom-adv {
	background-image:url(../image/bottom-bg.DQaEI0q5.png);
	background-position:bottom;
	background-repeat:no-repeat;
	background-size:cover;
	margin-top:-30px;
	padding:36px 0 20px
}
#index-page .bottom-adv h2 {
	color:#fff;
	font-size:24px;
	font-stretch:normal;
	font-weight:700;
	letter-spacing:0;
	line-height:49px;
	margin-bottom:12px;
	text-align:center;
	text-shadow:0 5px 3px rgba(8, 38, 116, .35)
}
#index-page .bottom-adv .ora-move-btn {
	border:none;
	box-shadow:-4px 8px 21px 0 rgba(28, 109, 124, .2);
	padding-left:32px
}
#index-page .n-banner {
	background-color:#3b3fdb;
	margin-bottom:32px
}
#index-page .n-banner h2 {
	color:#fff;
	font-size:28px;
	font-weight:700;
	letter-spacing:0;
	line-height:1;
	margin-bottom:12px
}
#index-page .n-banner h2:nth-of-type(2) {
font-size:26px;
margin-bottom:20px;
text-align:right
}
#index-page .n-banner .w-1200px-container {
	background-image:url(../image/banner-m.FQlF9GZz.jpg);
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover;
	padding:92px 20px 164px
}
#index-page .n-banner p {
	color:#fff;
	font-size:12px;
	letter-spacing:0;
	line-height:1;
	margin-bottom:16px;
	text-align:center;
	white-space:nowrap
}
#index-page .special {
	margin-bottom:24px
}
#index-page .special h2 {
	color:#333;
	font-size:22px;
	font-weight:700;
	letter-spacing:0;
	margin-bottom:12px;
	text-align:center
}
#index-page .special h2 span {
	color:#3b3fdb
}
#index-page .special p.under {
	color:#000;
	font-size:12px;
	letter-spacing:0;
	line-height:18px;
	margin-left:auto;
	margin-right:auto;
	max-width:316px;
	text-align:center
}
#index-page .special ul {
	height:432px;
	margin-bottom:-315px;
	margin-top:20px;
	position:relative;
	width:100%
}
#index-page .special ul li h3 {
	color:#fff;
	font-size:18px;
	font-weight:700;
	margin-bottom:8px
}
#index-page .special ul li p {
	color:#fff;
	font-size:12px;
	line-height:1.2
}
#index-page .special ul li {
	background-color:#ffae46;
	background-repeat:no-repeat;
	border-radius:10px;
	padding:24px 16px 56px;
	position:absolute
}
#index-page .special ul li:first-of-type {
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ0AAAB7BAMAAACcFZ96AAAAD1BMVEUAAACOTR6OTR6OTR6OTR6pwabvAAAABXRSTlMAGhQIDsmBHekAAAKPSURBVGje7dnBccIwEIVhGbsAre0C5EkDJhVA+i8qM86Qd9Dhf5A9MAGd4sQRn83bNULlsfFZckesqdNNER+Z8w0R0RLn2yIiLmnTjXGMPWu+U/J812O6JS8tx2jPernnY7o5Ny1Rk9NyySuOY5TXSktJTUti/4vctEzJxTHcWxwjFofS4ig3Kg6lZVyd+9PstJziYqR/sdNyjpV5MdvFEYHAq7KAaZluUji/clp0cOE0rNhK4WSu9b6V6gDDGo1bqQ5W5EW1Wuk5CLgFFLv4ut5Yibd4t1dA5nFxMFA8TgsDmafisIB6c7k4GCie00oZKB63UgsoHqYFgB2P09IDG/DgwdsBZ+BBWggoHqcFgeI161MpAze9BrZSAHZ3j1opADsetVIAdncPWikBmcdrGAGBZ65hBs3Q8SgtCBTPSQsAgWevYdRmRoentABwLwPwzDXMr+ps8NRKCVjLJh62UicAm3jYSvkSagEer2EE1HxLwhrmqvn4pflFJ90/Onf0E1rLVUBKC/Oi3vK3cFqQd8x3CgQalzupakNASAvzQt069j+kZRJKP0MlAU8mHWArZR4AuZX2Ih1iK2UeAzktekc7r1kc8BlVQPfBC5+hBYS0AA+AOnv3eAxUcTAPgUqLyWOg0sI8XlwqLczj1aVaqcljYCgtzGPgpF8xj4FKC/MYqOJgHizQuZUyT8A+LcxjoIrD4jFQxcE8BvI+zCAeAJvVSgfxAOimRTz+flLn48kErNaDV9+fEnDHtKi6Z94tme0H78+fCVixOBTontcDm9NKdS4CsZVqzIXHeMcaZk/Yh4FBa5ikMb7krl37N7t27y3t95b2s6aljNtjxcFPwsR3ZCmZ4zNaSR1fj/3bN3CdnJHFud5TAAAAAElFTkSuQmCC");
	background-position:right 16px bottom 32px;
	background-size:98px auto;
	left:0;
	margin-bottom:100px;
	top:14px;
	z-index:2
}
#index-page .special ul li:nth-of-type(2) {
background-color:#3b3fdb;
background-image:url("data:image/png;base64,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");
background-position:right 20px bottom 32px;
background-size:81px auto;
margin-left:-12px;
padding:24px 24px 52px;
right:0;
top:0
}
#index-page .special ul li:nth-of-type(3) {
background-color:#3b3fdb;
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKcAAABiBAMAAADHHd7YAAAAJ1BMVEUAAAALDDQLDDQLDDQLDDQLDDQLDDQLDDQLDDQLDDQLDDQLDDQLDDSpIqpSAAAADXRSTlMAOBwnFQcYCzIfLA8kfTOx7wAAAw9JREFUaN6t2Tmy2kAQANAPZpGBALFJLAH/Brh8AX7ZVU4hcC4ljkXkVKr6B4AboBugG8DNftatWaTuWSZiaT2NpjU9g3j79bOlPd60rUvFvIctLdGj53rMwROa1mOWntCyHrPygw6FmI0f9LsYlHlBAzHo6gWtxKDcC/pDDNr6QPtS0M4HOpCjfKAjOeroAb3IUXcP6E2OWnpACzlq5o6Olai4GV39U1umQScw6aHLj0Z0qgFai+mzglfOaAr9C+BQZ7SEkYRqtXBEsZiu8eXcEcXuRbWb6+SIBljxcBrsHdEKIZywuSP6wkvGXkduaL++3nUhaW7oACagUK7d0JFQmkooqU7oRdjtpPDOCb0JfTtDv53QQhjFbzDCLuhYXEJ7UFJd0Im02OPexx7FQcylfcXVAU0l5ANO4oCW0uV2oKTao0NIjDzGcxKli+lMWVpP1mig3OwFrObWaKXsdG7wCXMzsW4upolSCyJbtK+OYADBtugAcq2mLrZFR+pdOYTohyV6UZOK6X9aojcE1OOXlqhum3eGIbFDx5AU3Thv7NCJ7osB3mY2KF5ppL1391Zoqi2eJXxqhZZSn6Q6vbVBhzh62kHZ2aBdJc/iMh3aoIF+ke9B/FFFF7/l9kdEq4btCKB38yKNxfRTPHcJJ7NAQ6rNzNEeicbm6CgkW2aMnmn0aYy+0+jUGC1odGGKjkO6zU3RSchoJ0O0w0ETQ/SDg+aGaMlBIzO0H3La2gztstDYDA1CVjsaoRUPPRihL8jFX00DdGmEYl9aT7kiUGIh0g/OxgQdQX6JNGYGKC7uxEP6Kx/FqIj4OyE3QAs4iPh+y0exmO6JBxZzPjoREtH6nPokjtZ/TZN/LG/IWZzQ69lUKqYrst7c2SjubMjKGHFRPORA1vA1F8WLO5LPQWIuimlg7F8eTLTCSUrvtJ5M9IXzpakN8BAmKsxsKv0LHtqTalD732kbHorjlXE2GycOipmNWduiPQfFkBmr5uQstKAmqTjwWw46xmLBWm93HBQvLGHtDEIO2sG88vYwxy/QRX2j+ZF+JgAAAABJRU5ErkJggg==");
background-position:right 8px bottom 24px;
background-size:98px auto;
bottom:0;
left:0;
padding:44px 40px 36px 20px;
z-index:2
}
#index-page .special ul li:nth-of-type(4) {
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHcAAAB3AgMAAABEVzcZAAAADFBMVEUAAAAAAAAAAAAAAAA16TeWAAAABHRSTlMADAcE8qXNIAAAAadJREFUSMel1bFtwzAQBdCzCBUqlFQagb0bF6miEVToLAEREI3gEbQEl3CKrMAltESqDGCAAUyTFITDBxxeJfgBxp3udEdCqJ+rD0tSvPEjRpFXDmEFVRyjFfiQeBa4TtwJXCWeMI/h/+yGw69leNA8b7kLOY6hlA5wjVljNpALhlxhbiArhlxjPmE2kAsGHPr36X7p3RG52451HJyVbcH9jhnyAXOJWWNuMK9Z3GDWWYXVmAkxbklq6IdvqHK358aBTNYo1pgVZmowl5gLzGQw66zVozDTirniZcuDfzgFpiNYuXhh43WPj4UQidvnDxVV28Rfrj6+I6vrIxbfLh8LwTImicvIvcSaY0jcJLZykSg3I/Mx8sUXa/wrjAMQ2IYklm1GU2ASecDMC+YZ84j5jJlbzB3mATNbzDPmEfN5z86Rui9X4zu8Yz5TzVMcsA7zgJkt5hZzl8VTFneY56zCCHKPed6xu90b+upW31A8DlnDdMkZ5D7rI1pyPuAxa3nY/y8undZeGx42XPOCVy5Y2GDdg2MBT82AD9UocUr9ImA6kl8S/gEfpwv1NVjN4wAAAABJRU5ErkJggg==");
background-position:right 28px bottom 32px;
background-size:72px auto;
bottom:20px;
padding:48px 16px 28px 30px;
right:0
}
#index-page .special ul li:nth-of-type(odd) {
width:180px
}
#index-page .special ul li:nth-of-type(2n) {
width:185px
}
#index-page .special img.center-pic {
	margin-bottom:134px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:268px;
	z-index:3
}
#index-page .special .w-1200px-container {
	border-bottom:1px solid #9b9b9b
}
#index-page .platform h2 {
	color:#3e3e3e;
	font-size:22px;
	font-weight:700;
	letter-spacing:0;
	line-height:36px;
	margin-bottom:32px;
	text-align:center
}
#index-page .platform h2 span {
	background-color:#3b3fdb;
	border-radius:999px;
	color:#fff;
	display:inline-block;
	margin-left:4px;
	margin-right:4px;
	text-align:center;
	white-space:nowrap;
	width:63px
}
#index-page .platform h2 img {
	display:inline-block;
	margin-top:8px;
	width:30px
}
#index-page .platform h3 {
	color:#3e3e3e;
	font-size:20px;
	font-weight:700;
	letter-spacing:1px;
	line-height:1;
	margin-bottom:28px;
	text-align:center;
	vertical-align:bottom
}
#index-page .platform .pic-1 {
	margin-bottom:12px;
	margin-left:auto;
	width:300px
}
#index-page .platform ul {
	display:grid;
	padding-left:66px;
	grid-gap:8px 0;
	grid-template-columns:154px 135px;
	margin-bottom:24px
}
#index-page .platform ul li p {
	color:#3e3e3e;
	font-size:12px;
	letter-spacing:0;
	line-height:1
}
#index-page .platform ul li p span {
	background-color:#3b3fdb;
	border-radius:999px;
	display:inline-block;
	height:8px;
	margin-right:12px;
	width:8px
}
#index-page .platform h3 span {
	color:#3b3fdb;
	font-size:16px
}
#index-page .platform .a-plat {
	padding-bottom:24px
}
#index-page .platform .m-line {
	background-color:#9b9b9b;
	display:block;
	height:1px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	max-width:332px;
	width:90%
}
#index-page .platform .pic-2 {
	margin-bottom:16px;
	margin-left:auto;
	width:255px
}
#index-page .platform .pic-3 {
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	width:283px
}
#index-page .why-use {
	background-color:#3b3fdb;
	background-image:url(../image/sec-4-bg._UfyMsbd.png), url(../image/sec-4-pic.JJywRk5O.png);
	background-position:bottom 48px left 10px, bottom 12px right 12px;
	background-repeat:no-repeat;
	background-size:170px auto, 236px auto;
	padding:24px 0 144px
}
#index-page .why-use h2 {
	color:#fffefe;
	font-size:22px;
	font-weight:700;
	letter-spacing:0;
	line-height:1;
	margin-bottom:32px;
	text-align:center
}
#index-page .why-use ul li {
	display:flex;
	margin-bottom:20px
}
#index-page .why-use ul li span {
	background-color:#ffae46;
	border-radius:999px;
	color:#fff;
	display:block;
	font-size:12px;
	height:20px;
	line-height:20px;
	margin-right:4px;
	min-width:70px;
	text-align:center;
	width:70px
}
#index-page .why-use ul li p {
	color:#fff;
	font-size:12px;
	letter-spacing:0;
	line-height:20px
}
#index-page .why-use ul li:last-of-type {
	margin-bottom:0
}
#index-page .why-use ul li:last-of-type span {
	margin-bottom:8px;
	margin-left:0;
	width:122px
}
#index-page .step .w-1200px-container {
	border-bottom:1px solid #9b9b9b;
	padding-bottom:24px;
	padding-top:20px
}
#index-page .step h2 {
	color:#333;
	font-size:22px;
	font-weight:700;
	letter-spacing:0;
	margin-bottom:24px;
	text-align:center
}
#index-page .step ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:center
}
#index-page .step ul li {
	margin-right:12px
}
#index-page .step ul li:nth-of-type(3) {
margin-bottom:32px;
margin-right:0
}
#index-page .step ul li:nth-of-type(4) {
margin-right:44px
}
#index-page .step ul li:nth-of-type(5) {
margin-right:0
}
#index-page .step ul li img {
	margin-left:auto;
	margin-right:auto;
	width:72px
}
#index-page .step ul li p {
	color:#333;
	font-size:14px;
	line-height:1;
	margin-top:12px;
	text-align:center
}
#index-page .step ul li p a {
	color:#3b3fdb;
	text-decoration:underline
}
#index-page .guide .more a:hover, #index-page .step ul li p a:hover {
	color:#ffae46
}
#index-page .guide .grid-box .a-clo .news-text-box:last-of-type {
	background-image:none
}
#index-page .download {
	background-color:#3b3fdb;
	background-image:url(../image/bottom-pic-m.xgwpNwIO.png);
	background-position:0 100%;
	background-repeat:no-repeat;
	background-size:auto 100%;
	padding:52px 8px 64px
}
#index-page .download h2 {
	color:#fff;
	font-size:20px;
	font-weight:700;
	line-height:1;
	margin-bottom:16px;
	text-align:right
}
#index-page .download p {
	color:#fff;
	font-size:14px;
	letter-spacing:0;
	line-height:1;
	margin-bottom:24px;
	text-align:right
}
#index-page .download .ora-move-btn {
	font-size:12px;
	line-height:32px;
	margin-right:0;
	width:143px
}
@media (min-width:1200px) {
#index-page .download .ora-move-btn {
font-size:24px;
line-height:62px;
margin-left:0;
width:286px
}
#index-page .download p {
font-size:26px;
margin-bottom:28px;
text-align:left
}
#index-page .download h2 {
font-size:38px;
margin-bottom:22px;
text-align:left;
white-space:nowrap
}
#index-page .download .w-1200px-container {
background-image:url(../image/bottom-pic.-hyvwVeB.png);
background-position:0 100%;
background-repeat:no-repeat;
background-size:auto 100%;
padding:72px 128px 84px 766px
}
#index-page .download {
background-image:none;
padding:0
}
#index-page .guide .grid-box .news-text-box p {
font-size:16px;
line-height:24px
}
#index-page .step ul li:nth-of-type(3) {
margin-bottom:0;
margin-right:100px
}
#index-page .step ul li:nth-of-type(4) {
margin-right:100px
}
#index-page .step ul li {
margin-right:52px
}
#index-page .step ul li p {
font-size:24px;
margin-top:24px
}
#index-page .step ul li img {
width:144px
}
#index-page .step h2 {
font-size:36px;
margin-bottom:40px
}
#index-page .step .w-1200px-container {
padding:48px 0
}
#index-page .why-use .pc-block ul:nth-of-type(2) li:last-of-type span {
margin-left:0;
min-width:166px;
width:166px
}
#index-page .why-use .pc-block ul:nth-of-type(2) span {
margin-left:56px
}
#index-page .why-use ul li p {
font-size:16px;
line-height:30px
}
#index-page .why-use .pc-block ul:nth-of-type(2) li p {
width:331px
}
#index-page .why-use ul li {
margin-bottom:30px
}
#index-page .why-use .pc-block ul:first-of-type {
margin-right:40px
}
#index-page .why-use .pc-block ul:first-of-type li p {
width:346px
}
#index-page .why-use ul li span {
font-size:16px;
height:33px;
line-height:33px;
margin-right:20px;
max-width:111px;
width:111px
}
#index-page .why-use .pc-block {
display:flex
}
#index-page .why-use ul li:last-of-type p {
text-align:left
}
#index-page .why-use ul li:last-of-type span {
margin-left:0;
margin-right:20px
}
#index-page .why-use ul li:last-of-type {
display:flex;
margin-bottom:0
}
#index-page .why-use .w-1200px-container {
background-image:url(../image/sec-4-bg._UfyMsbd.png), url(../image/sec-4-pic.JJywRk5O.png);
background-position:bottom 38px left 166px, 100% 100%;
background-repeat:no-repeat;
background-size:402px auto, 690px auto;
padding-bottom:265px
}
#index-page .why-use h2 {
font-size:36px;
margin-bottom:64px
}
#index-page .why-use {
background-image:none;
padding:52px 0 32px
}
#index-page .platform .pic-3 {
margin:32px -16px 0 20px;
width:331px
}
#index-page .platform .right-box .a-plat.last {
padding-bottom:0
}
#index-page .platform .right-box .a-plat:first-of-type {
border-bottom:1px solid #9b9b9b;
margin-bottom:32px;
padding-bottom:40px
}
#index-page .platform .pic-2 {
margin-bottom:0;
margin-left:70px;
margin-top:30px;
width:300px
}
#index-page .platform .right-box ul {
grid-template-columns:repeat(1, 1fr);
padding-left:72px
}
#index-page .platform .right-box h3 {
padding-left:36px;
text-align:left
}
#index-page .platform .a-plat .pc-flex {
display:flex
}
#index-page .platform .flex-box .right-box {
border-left:1px solid #9b9b9b;
padding-bottom:28px;
padding-left:20px;
padding-top:20px;
width:670px
}
#index-page .platform .flex-box>.a-plat .ora-move-btn {
margin-right:183px
}
#index-page .platform ul li p span {
height:12px;
margin-right:16px;
width:12px
}
#index-page .platform ul li {
vertical-align:center
}
#index-page .platform ul li p {
font-size:18px
}
#index-page .platform ul {
padding-left:116px;
grid-gap:16px 0;
grid-template-columns:192px 104px;
margin-bottom:28px
}
#index-page .platform .flex-box>.a-plat ul {
margin-bottom:48px
}
#index-page .platform .flex-box>.a-plat {
margin-right:-60px;
padding-bottom:40px;
padding-top:52px
}
#index-page .platform .pic-1 {
margin-bottom:52px;
margin-left:80px;
width:516px
}
#index-page .platform .m-line {
display:none
}
#index-page .platform .flex-box>.a-plat h3 {
margin-bottom:52px;
margin-left:auto;
margin-right:184px;
text-align:right
}
#index-page .platform .flex-box {
display:flex
}
#index-page .platform h3 span {
font-size:26px
}
#index-page .platform h3 {
font-size:30px;
margin-bottom:4px
}
#index-page .platform h2 img {
position:relative;
top:8px;
width:60px
}
#index-page .platform h2 span {
width:112px
}
#index-page .platform h2 {
font-size:36px;
line-height:60px
}
#index-page .special {
margin-bottom:40px
}
#index-page .special img.center-pic {
left:-20px;
margin-bottom:20px;
margin-top:-416px;
position:relative;
width:543px
}
#index-page .special ul li {
border-radius:20px
}
#index-page .special ul li p {
font-size:18px
}
#index-page .special ul li h3 {
font-size:30px;
margin-bottom:16px
}
#index-page .special ul li:first-of-type {
background-position:right 24px bottom 56px;
background-size:157px auto;
left:166px;
padding:60px 44px 68px 48px;
top:28px;
width:360px
}
#index-page .special ul li:nth-of-type(2) {
background-position:right 22px bottom 64px;
background-size:134px auto;
padding:64px 48px 64px 64px;
right:286px;
top:0;
width:360px
}
#index-page .special ul li:nth-of-type(3) {
background-position:right 24px bottom 50px;
background-size:168px auto;
bottom:68px;
left:64px;
padding:72px 124px 68px 48px;
width:370px
}
#index-page .special ul li:nth-of-type(4) {
background-position:right 56px bottom 32px;
background-size:119px auto;
bottom:116px;
padding:54px 44px 54px 120px;
right:58px;
width:390px
}
#index-page .special ul {
height:616px;
margin-top:40px
}
#index-page .special p.under {
font-size:18px;
line-height:30px;
max-width:unset
}
#index-page .special h2 {
font-size:36px;
margin-bottom:40px
}
#index-page .n-banner p {
font-size:24px;
margin-bottom:36px
}
#index-page .n-banner h2:nth-of-type(2) {
font-size:56px;
margin-bottom:32px
}
#index-page .n-banner h2 {
font-size:60px;
margin-bottom:28px;
margin-left:auto;
margin-right:auto;
width:725px
}
#index-page .n-banner {
background-image:url(../image/banner-pc.Uk6T05mc.jpg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
margin-bottom:48px;
padding:184px 0 334px
}
#index-page .n-banner .w-1200px-container {
background-image:none;
padding:0
}
#index-page .platform-version .ora-move-btn {
line-height:42px;
width:185px
}
#index-page .platform-version .box-3 p {
margin-bottom:20px;
margin-left:0
}
#index-page .infos .left ul li p {
font-size:16px
}
#index-page .platform-version .left h3 {
margin-bottom:32px
}
#index-page .banner .ora-move-btn.have-icon {
border:none;
box-shadow:-4px 8px 21px 0 rgba(28, 109, 124, .2);
line-height:72px
}
#index-page .jump-target {
position:relative;
top:-76px
}
#index-page .bottom-adv .ora-move-btn.have-icon:hover {
line-height:68px
}
#index-page .bottom-adv .pc-box {
padding-left:312px
}
#index-page .bottom-adv h2 {
font-size:44px;
margin-bottom:28px
}
#index-page .bottom-adv {
margin-top:-30px;
padding:74px 0 40px
}
#index-page .guide {
padding-bottom:40px;
padding-top:40px
}
#index-page .guide .more a {
color:#3b3fdb;
font-size:22px;
margin-bottom:20px
}
#index-page .guide h2.common-head {
color:#333;
font-size:36px;
margin-bottom:-24px;
text-align:center
}
#index-page .guide .grid-box {
grid-template-columns:repeat(3, 1fr);
grid-gap:0 40px
}
#index-page .guide .grid-box .news-text-box time {
font-size:16px;
margin-bottom:12px
}
#index-page .guide .grid-box .news-text-box {
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATgAAAABCAYAAABKfbK7AAAAIUlEQVQ4jWOcPXv2fwbSASOSjlH9o/pH9Y/qH3z6GRgYAKY+FdIi2q1nAAAAAElFTkSuQmCC");
margin-bottom:28px;
margin-left:28px;
margin-right:28px
}
#index-page .guide .grid-box .a-clo img {
height:190px;
margin-bottom:20px
}
#index-page .guide h2 {
margin-bottom:48px
}
#index-page .platform-version {
margin-bottom:12px
}
#index-page .platform-version .w-1200px-container {
display:flex
}
#index-page .platform-version .right {
width:100%
}
#index-page .platform-version .left {
margin-right:24px;
min-width:487px;
width:487px
}
#index-page .platform-version .box-3 a {
left:calc(52% - 92px);
margin-top:0;
position:absolute;
top:240px
}
#index-page .platform-version .box-3 {
background-position:top 48px right 12px, 0 0;
background-size:435px auto, auto;
padding-top:32px;
width:100%
}
#index-page .platform-version .box-2 {
background-position:100% 0, left 32px bottom, 0 0;
background-size:251px auto, 208px auto, auto;
margin-bottom:16px;
width:100%
}
#index-page .platform-version .right h3 {
margin-bottom:20px;
text-align:left
}
#index-page .platform-version .right .box-3 h3 {
margin-bottom:24px
}
#index-page .platform-version .box-2 .flex-box {
justify-content:left;
margin-bottom:68px
}
#index-page .platform-version .box-2 .flex-box>div:first-of-type {
margin-right:28px
}
#index-page .platform-version .box-2 {
background-blend-mode:normal, normal;
background-image:url(../image/sec-5-bg-2.-fPOU75R.png), url(/_nuxt/sec-5-bg-3.fhRAQrHL.png), linear-gradient(0deg, #fff, #c9f9fc), linear-gradient(#e7f0f6, #e7f0f6);
background-repeat:no-repeat, no-repeat, repeat;
padding:28px 0 24px 28px
}
#index-page .platform-version .left img {
margin-bottom:48px;
margin-top:68px
}
#index-page .platform-version .left .flex-box>div:first-of-type {
margin-right:72px
}
#index-page .platform-version p {
background-size:18px auto;
font-size:18px;
margin-bottom:18px;
padding-left:28px
}
#index-page .platform-version h3 {
font-size:28px;
margin-bottom:32px
}
#index-page .platform-version .left {
margin-bottom:0;
padding:32px 0 24px
}
#index-page .platform-version h2 {
margin-bottom:40px
}
#index-page .platform-version .ora-move-btn {
font-size:18px
}
#index-page .infos {
margin-bottom:80px
}
#index-page .infos .w-1200px-container {
display:flex
}
#index-page .infos .right ul li {
margin-bottom:12px
}
#index-page .infos .right ul li img {
margin-top:10px;
min-width:18px;
width:18px
}
#index-page .infos .right>p {
margin-bottom:24px
}
#index-page .infos .left {
margin-right:80px;
min-width:548px;
width:548px
}
#index-page .infos .left ul li img {
margin-bottom:12px;
min-width:126px;
width:126px
}
#index-page .infos .left ul {
margin-bottom:0
}
#index-page .infos .left>p {
margin-bottom:44px
}
#index-page .infos p {
color:#666;
font-size:18px;
font-stretch:normal;
font-weight:400;
letter-spacing:0;
line-height:30px
}
#index-page .infos .common-head {
margin-bottom:40px
}
#index-page .download-step ul li.next img {
height:unset;
margin-left:28px;
margin-right:28px;
margin-top:100px;
min-width:26px
}
#index-page .download-step ul li.card-box img {
left:calc(50% - 40px);
top:-40px;
width:80px
}
#index-page .download-step ul li.card-box p {
font-size:16px;
letter-spacing:-.5px;
line-height:24px;
word-break:break-all
}
#index-page .download-step ul li.card-box h3 {
font-size:24px;
margin-bottom:20px
}
#index-page .download-step ul li.card-box {
height:236px;
margin-bottom:0;
padding:64px 20px 0
}
#index-page .download-step ul {
flex-wrap:nowrap
}
#index-page .download-step img.pc-block {
left:calc(50% - 278px);
position:absolute;
top:-95px
}
#index-page .download-step {
background-position:top -8px center;
background-size:cover;
padding-bottom:152px;
padding-top:257px;
position:relative
}
#index-page .download-step .logo-head-box img {
height:70px;
margin-right:12px;
min-width:72px;
width:72px
}
#index-page .download-step .logo-head-box {
margin-bottom:64px
}
#index-page .download-step .logo-head-box h2 {
font-size:32px
}
#index-page .mt4-any {
background-size:cover;
padding-bottom:192px
}
#index-page .mt4-any ul li h3 span {
font-size:38px
}
#index-page .download-step ul li.next {
display:block
}
#index-page .mt4-any ul li h3 {
font-size:28px;
line-height:166px;
min-width:258px;
padding-left:28px
}
#index-page .mt4-any ul li img {
max-width:180px
}
#index-page .mt4-any ul {
grid-template-columns:repeat(2, 1fr);
grid-gap:20px 76px;
padding:0 140px 0 96px
}
#index-page .mt4-any p {
margin-bottom:40px
}
#index-page .mt4-any h2 {
margin-bottom:36px
}
#index-page .trading-system {
margin-bottom:4px
}
#index-page .trading-system .w-1200px-container {
background-image:url(../image/sec-1-pic.r-VOpBFL.png);
background-position:right 76px top;
background-repeat:no-repeat;
padding-bottom:104px;
padding-top:20px
}
#index-page .trading-system ul li {
margin-bottom:12px
}
#index-page .trading-system ul p {
background-size:18px auto;
padding-left:32px;
white-space:nowrap
}
#index-page .trading-system p {
margin-bottom:28px;
max-width:596px
}
#index-page .w-1200px-container {
padding:0
}
#index-page .title-box {
margin-bottom:32px
}
#index-page .common-head {
font-size:32px
}
#index-page .banner p:last-of-type {
margin-bottom:44px
}
#index-page .banner p {
font-size:34px;
margin-bottom:16px
}
#index-page .banner h2 {
font-size:62px;
margin-bottom:28px
}
#index-page {
margin-top:76px
}
#index-page .ora-move-btn.have-icon img {
left:8px;
width:58px
}
#index-page .ora-move-btn.have-icon {
font-size:24px;
line-height:72px;
padding-left:20px;
width:320px
}
#index-page .ora-move-btn.m-block {
display:none
}
#index-page .ora-move-btn {
font-size:24px;
line-height:60px;
width:286px
}
#index-page .bottom-adv .ora-move-btn.have-icon {
line-height:72px;
padding-left:32px
}
#index-page .banner {
background-position:50%;
margin-bottom:60px;
padding:104px 0 136px
}
}
.page-changer[data-v-59c7ddb1] {
	display:flex;
	justify-content:center;
	margin-bottom:28px
}
.page-changer li[data-v-59c7ddb1] {
	background-color:#fff;
	box-shadow:0 1px 12px 0 hsla(0, 0%, 90%, .85);
	height:40px;
	margin-right:12px;
	width:40px
}
.page-changer li p[data-v-59c7ddb1] {
	color:#343434;
	font-size:16px;
	line-height:40px;
	text-align:center
}
.page-changer li.active[data-v-59c7ddb1] {
	background-color:#01b7cd;
	box-shadow:0 1px 12px 0 hsla(0, 0%, 90%, .85)
}
.page-changer li.active p[data-v-59c7ddb1] {
	color:#fff
}
.page-changer li[data-v-59c7ddb1]:last-of-type {
	margin-right:0
}
@media (min-width:1200px) {
.page-changer[data-v-59c7ddb1] {
margin-bottom:60px
}
}
.article-list[data-v-ebe653b6] {
	background-color:#fff;
	border-radius:4px;
	box-shadow:0 10px 30px 0 hsla(0, 0%, 100%, .35), 0 3px 6px 0 hsla(0, 0%, 47%, .35);
	margin:20px 12px;
	max-width:375px;
	padding:0 20px
}
.article-list li[data-v-ebe653b6] {
	border-bottom:1px solid;
	-o-border-image:linear-gradient(90deg, #31adb4, #3ff8ca)1;
	border-image:linear-gradient(90deg, #31adb4, #3ff8ca)1;
	padding-bottom:20px;
	padding-top:20px
}
.article-list li[data-v-ebe653b6]:last-of-type {
	border-bottom:none
}
.article-list li .pic-box[data-v-ebe653b6] {
	border-radius:5px;
	height:100px;
	margin-right:20px;
	min-width:150px;
	overflow:hidden;
	width:150px
}
.article-list li .pic-box img[data-v-ebe653b6] {
	height:100%;
	width:100%
}
.article-list h3[data-v-ebe653b6] {
	font-size:20px;
	font-stretch:normal;
	font-weight:700;
	letter-spacing:1px;
	line-height:32px;
	-webkit-line-clamp:1
}
.article-list h3[data-v-ebe653b6], .article-list p[data-v-ebe653b6] {
	color:#343434;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical
}
.article-list p[data-v-ebe653b6] {
	font-size:16px;
	line-height:18px;
	min-height:36px;
	-webkit-line-clamp:2
}
.article-list time[data-v-ebe653b6] {
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAaVBMVEUAAABdXl5eXl5eXl5dXV1eXl5eXl5eXl5dXV5eXl5cXFxdXV1eXl9eXl5eXl5eXl5eXl5eXl5bW1xeXl5eXl5eXl5eXl5eXl5ZWVldXl5eXl5eXl5eXl5eXl5eXl5eXl5dXV5eXl5dXV1wwaB7AAAAIXRSTlMA8+/ezaYV+2c3BPa/XFdSRz4M0ZqVh3RiCOTVsI1xTCzUY80GAAAAk0lEQVQY0zWOVxLDIBBDhSnGvcUlPeL+hwyLzftYrcSsBiSmrW3fIzLVkwk9nX4gdwc4T3bif9TR9h6YDasYPHiPs6Q8UsUC7rLqRubBETfWKVAya1oYQijKJM2Sg42riNL5BCttLOcLEz0Slg5D6OM1ceKupoqmvqI2fEU8y2OO/+yK8EFiLEilyGZAprdmsV1a/ygBCRU8/JlzAAAAAElFTkSuQmCC");
	background-position:0;
	background-repeat:no-repeat;
	background-size:16px 16px;
	color:#5a5a5a;
	font-size:16px;
	letter-spacing:1px;
	padding-left:24px
}
.article-list li .flex-box[data-v-ebe653b6] {
	display:flex
}
.article-list li:hover h3[data-v-ebe653b6] {
	color:#01b7cd
}
@media (min-width:1200px) {
.article-list p[data-v-ebe653b6] {
line-height:24px
}
.page-changer[data-v-ebe653b6] {
margin-bottom:60px
}
.article-list[data-v-ebe653b6] {
margin:40px auto 60px;
max-width:1200px;
width:1200px
}
.article-list li .pic-box[data-v-ebe653b6] {
height:126px;
min-width:224px;
width:224px
}
.article-list li h3[data-v-ebe653b6] {
margin-bottom:8px
}
.article-list li time[data-v-ebe653b6] {
display:block;
margin-top:16px
}
}
.common-banner[data-v-3d1fe01e] {
	margin-top:40px
}
.common-banner img[data-v-3d1fe01e] {
	height:84px;
	margin-left:auto;
	margin-right:auto;
	max-width:375px;
	-o-object-fit:cover;
	object-fit:cover;
	-o-object-position:center center;
	object-position:center center;
	width:100%
}
@media (min-width:1200px) {
.common-banner[data-v-3d1fe01e] {
margin-top:80px
}
.common-banner img[data-v-3d1fe01e] {
height:300px;
max-width:1920px;
width:100%
}
}
#bread-crumbs[data-v-03dd091c] {
	border-bottom:1px solid #f3f3f3;
	padding:12px
}
#bread-crumbs p[data-v-03dd091c] {
	margin-left:4px;
	margin-right:4px
}
#bread-crumbs a[data-v-03dd091c], #bread-crumbs p[data-v-03dd091c] {
	color:#999;
	display:-webkit-box;
	font-size:14px;
	font-stretch:normal;
	font-weight:400;
	letter-spacing:0;
	max-width:78px;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1
}
#bread-crumbs ul[data-v-03dd091c] {
	align-items:baseline;
	display:flex
}
@media (min-width:1200px) {
#bread-crumbs a[data-v-03dd091c], #bread-crumbs p[data-v-03dd091c] {
max-width:156px
}
#bread-crumbs .w-1200px-container[data-v-03dd091c] {
margin-left:auto;
margin-right:auto;
width:1200px
}
}

#article-detail-box{margin:28px auto;max-width:399px;padding:0 12px}#article-detail-box .white-box{background-color:#fff;border-radius:4px;box-shadow:0 10px 30px 0 hsla(0,0%,100%,.35),0 3px 6px 0 hsla(0,0%,47%,.35);padding:20px}#article-detail-box .white-box h2{font-size:24px;font-weight:700;margin-bottom:28px;text-align:center}#article-detail-box .white-box p{color:#5a5a5a;font-size:14px;letter-spacing:0;line-height:24px;min-height:24px}#article-detail-box .white-box img{display:block;margin-left:auto;margin-right:auto}#article-detail-box .before-and-after .white-box{margin-bottom:8px;padding:12px 20px}#article-detail-box .before-and-after .white-box:last-of-type{margin-bottom:0}#article-detail-box .before-and-after .white-box a{color:#343434;display:-webkit-box;font-size:16px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}#article-detail-box .article-box{margin-bottom:20px}#article-detail-box .edit-box{color:#5a5a5a!important;font-size:14px!important;letter-spacing:0;line-height:24px!important}@media (min-width:1200px){#article-detail-box{margin-bottom:60px;margin-top:60px;max-width:unset;padding:0}#article-detail-box .white-box{margin-left:auto;margin-right:auto;padding:40px 48px;width:1200px}#article-detail-box .before-and-after .white-box{padding:20px 48px}

.pagesb{padding: 20px 0;width:100%;text-align: center;clear: both;}
.pagesb a,.pagesb span{color: #666;padding: 0 10px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 30px;background: #f9f9f9;border: 1px solid #f2f2f2;}
.pagesb a:hover{display:inline-block;color: #fff;background: #128eea;border-color: #9c0e11;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
.pagesb span{display:inline-block;color: #666;}
.pagesb a.page-num-current{display:inline-block;color: #fff;background: #128eea;border-color: #128eea;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}