.pc-block {
	display:none
}
#head {
	background-color:#3c83e9;
	box-shadow:0 9px 13px 0 rgba(0, 0, 0, .24);
	left:0;
	padding:8px 16px 8px 20px;
	position:fixed;
	top:0;
	width:100%;
	z-index:20
}
#head .flex-box {
	align-items:center;
	display:flex
}
#head .flex-box .logo-pic {
	min-width:152px;
	width:152px
}
#head .flex-box .m-nav-icon {
	margin-left:auto;
	min-width:25px;
	width:25px
}
#head .m-nav-box {
	background-color:#fff;
	box-shadow:0 9px 13px 0 rgba(0, 0, 0, .24);
	left:0;
	position:absolute;
	top:42px;
	width:100%
}
#head .m-nav-box li {
	border-bottom:1px solid #dfdede;
	padding:8px 8px 8px 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
}
#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
}
.adding-word {
	color:#fff;
	font-size:14px;
	font-stretch:normal;
	font-weight:700;
	letter-spacing:0;
	line-height:20px;
	margin-bottom:20px;
	margin-left:20px;
	text-shadow:0 1px 12px rgba(16, 60, 82, .85)
}
@media (min-width:1200px) {
.adding-word {
font-size:20px;
margin-left:0;
margin-right:52px;
text-align:right
}
.w-1200px-container {
max-width:1200px
}
#footer {
padding:20px 0 28px
}
#footer ul li {
margin-bottom:28px;
padding:0 56px
}
#footer .warn, #footer ul li a {
font-size:14px
}
#head {
background-color:#fff;
box-shadow:0 1px 0 0 #eaeaea;
padding:12px 0 24px
}
#head .flex-box {
align-items:center;
margin-left:auto;
margin-right:auto;
width:1200px
}
#head .flex-box .pc-nav-list a {
color:#343434;
font-size:16px;
font-weight:700;
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:156px;
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
}
#head {
	background-color:#3c83e9;
	box-shadow:0 9px 13px 0 rgba(0, 0, 0, .24);
	left:0;
	padding:8px 16px 8px 20px;
	position:fixed;
	top:0;
	width:100%;
	z-index:20
}
#head .flex-box {
	align-items:center;
	display:flex
}
#head .flex-box .logo-pic {
	min-width:152px;
	width:152px
}
#head .flex-box .m-nav-icon {
	margin-left:auto;
	min-width:25px;
	width:25px
}
#head .m-nav-box {
	background-color:#fff;
	box-shadow:0 9px 13px 0 rgba(0, 0, 0, .24);
	left:0;
	position:absolute;
	top:42px;
	width:100%
}
#head .m-nav-box li {
	border-bottom:1px solid #dfdede;
	padding:8px 8px 8px 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
}
#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
}
.adding-word {
	color:#fff;
	font-size:14px;
	font-stretch:normal;
	font-weight:700;
	letter-spacing:0;
	line-height:20px;
	margin-bottom:20px;
	margin-left:20px;
	text-shadow:0 1px 12px rgba(16, 60, 82, .85)
}
@media (min-width:1200px) {
.adding-word {
font-size:20px;
margin-left:0;
margin-right:52px;
text-align:right
}
.w-1200px-container {
max-width:1200px
}
#footer {
padding:20px 0 28px
}
#footer ul li {
margin-bottom:28px;
padding:0 56px
}
#footer .warn, #footer ul li a {
font-size:14px
}
#head {
background-color:#fff;
box-shadow:0 1px 0 0 #eaeaea;
padding:12px 0 24px
}
#head .flex-box {
align-items:center;
margin-left:auto;
margin-right:auto;
width:1200px
}
#head .flex-box .pc-nav-list a {
color:#343434;
font-size:16px;
font-weight:700;
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:156px;
min-width:266px
}
.pc-block {
display:block
}
.m-block {
display:none
}
}
</style> <style>#index-page {
margin-top:45px
}
#index-page .banner img {
	height:300px;
	margin-bottom:40px;
	max-height:300px;
	-o-object-fit:cover;
	object-fit:cover;
	-o-object-position:center center;
	object-position:center center;
	width:100%
}
#index-page .ora-move-btn {
	border:2px solid transparent;
	border-radius:999px;
	color:#fff;
	cursor:pointer;
	display:block;
	font-size:16px;
	font-weight:700;
	letter-spacing:1px;
	line-height:36px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	position:relative;
	text-align:center;
	width:180px;
	z-index:10
}
#index-page .ora-move-btn:hover {
	border:2px solid #f89600!important;
	color:#f89600!important;
transition:color .5s ease-in-out
}
#index-page .ora-move-btn:after {
	background-blend-mode:normal, normal;
	background-image:linear-gradient(0deg, #f5c54c, #f8a134 48%, #fa7c1b), linear-gradient(#f89600, #f89600);
	border:2px solid #f89600!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:40px;
	padding-left:20px;
	width:200px
}
#index-page .ora-move-btn.have-icon img {
	left:8px;
	position:absolute;
	top:6px;
	width:28px
}
#index-page .ora-move-btn.have-icon img.after {
	display:none
}
#index-page .ora-move-btn.have-icon:hover img.after {
	display:block
}
#index-page .ora-move-btn.have-icon:hover img.before {
	display:none
}
#index-page .common-head {
	color:#343434;
	font-size:18px;
	font-stretch:normal;
	font-weight:700;
	letter-spacing:0;
	line-height:1;
	text-align:center
}
#index-page .adv-of-mt5 .title-box {
	display:flex;
	justify-content:center;
	margin-bottom:12px
}
#index-page .adv-of-mt5 .pic {
	margin-bottom:12px;
	padding-left:30px
}
#index-page .adv-of-mt5 ul li p {
	background-image:url("../image/gh.png");
	background-position:0;
	background-repeat:no-repeat;
	background-size:20px 20px;
	color:#5a5a5a;
	font-size:16px;
	padding-left:28px
}
#index-page .w-1200px-container {
	padding:0 12px
}
#index-page .adv-of-mt5 {
	margin-bottom:28px
}
#index-page .desk-and-web>div {
	background-blend-mode:normal, normal;
	background-image:linear-gradient(0deg, #fff, #d7e8f8 93%), linear-gradient(#e7f0f6, #e7f0f6);
	border:1px solid #eee;
	border-radius:16px;
	margin-bottom:12px
}
#index-page .four-pic-text-sec h3 {
	color:#343434;
	font-size:16px;
	font-weight:700;
	letter-spacing:0;
	line-height:1
}
#index-page .four-pic-text-sec p {
	color:#343434;
	font-size:14px;
	letter-spacing:0;
	line-height:22px
}
#index-page .desk-and-web .desk h3 {
	margin-bottom:56px
}
#index-page .desk-and-web .web h3 {
	margin-bottom:40px
}
#index-page .desk-and-web .desk .pic-bg {
	background-image:url(../image/sec-2-pic-1.tC0ZYwzh.png);
	background-position:right 20px top 4px;
	background-repeat:no-repeat;
	background-size:200px
}
#index-page .desk-and-web .pic-bg {
	padding:24px 12px 12px
}
#index-page .desk-and-web .web .pic-bg {
	background-image:url(../image/sec-2-pic-2.lzbNbUW8.png);
	background-position:right 20px top 4px;
	background-repeat:no-repeat;
	background-size:139px
}
#index-page .android-and-ios>div {
	background-blend-mode:normal, normal;
	background-image:linear-gradient(0deg, #fff, #f9f9f9), linear-gradient(#eff3fd, #eff3fd);
	border:1px solid #eee;
	border-radius:16px;
	margin-bottom:12px
}
#index-page .android-and-ios .pic-bg {
	padding:28px 12px 12px
}
#index-page .android-and-ios .android h3 {
	margin-bottom:56px
}
#index-page .android-and-ios .ios h3 {
	margin-bottom:12px
}
#index-page .android-and-ios .ios p {
	margin-bottom:44px;
	max-width:200px
}
#index-page .android-and-ios .android p {
	margin-bottom:12px
}
#index-page .android-and-ios .android .pic-bg {
	background-image:url(../image/android-pic.-QrbqYgA.png);
	background-position:right 12px top 8px;
	background-repeat:no-repeat;
	background-size:132px
}
#index-page .android-and-ios .ios .pic-bg {
	background-image:url(../image/ios-pic-1.-fPOU75R.png), url(../image/ios-pic-2.dJj2psx7.png);
	background-position:100% 0, left 8px bottom;
	background-repeat:no-repeat;
	background-size:125px, 116px
}
#index-page .desk-and-web .web p {
	margin-bottom:28px
}
#index-page .desk-and-web .desk p {
	margin-bottom:12px
}
#index-page .protect {
	background-color:#3c83e9;
	padding:40px 0
}
#index-page .protect h2 {
	color:#fff;
	font-size:24px;
	font-weight:700;
	letter-spacing:0;
	line-height:1;
	margin-bottom:24px;
	text-align:center
}
#index-page .protect li {
	background-color:#f5fcfe;
	border:1px solid #e7f0f3;
	border-radius:10px;
	padding:20px
}
#index-page .protect ul {
	display:grid;
	grid-template-columns:repeat(1, 1fr);
	grid-gap:20px
}
#index-page .protect li img {
	margin-left:auto;
	margin-right:auto
}
#index-page .protect li .pic-box {
	height:118px
}
#index-page .protect li h3 {
	color:#343434;
	font-size:20px;
	font-weight:700;
	letter-spacing:0;
	line-height:1;
	margin-bottom:12px;
	text-align:center
}
#index-page .protect li p {
	color:#343434;
	font-size:16px
}
#index-page .protect {
	margin-bottom:40px
}
#index-page .guide h2 {
	margin-bottom:24px
}
#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:190px;
	margin-bottom:20px;
	max-width:380px;
	width:100%
}
#index-page .guide .grid-box .news-text-box {
	border-bottom:2px solid #3c83e9;
	margin-bottom:16px;
	margin-left:8px;
	margin-right:8px;
	padding-bottom:12px
}
#index-page .guide .grid-box .news-text-box:last-of-type {
	margin-bottom:0
}
#index-page .guide .grid-box .news-text-box h3 {
	color:#343434;
	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:#3c83e9
}
#index-page .guide .grid-box .news-text-box p {
	color:#666;
	display:-webkit-box;
	font-size:16px;
	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,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAABdXV1cXFxeXl5eXl5dXV1cXFxeXl5dXV1dXV1eXl5eXl9eXl5eXl5eXl5eXl5eXl5eXl5eXl5cXFxeXl5eXl5eXl5eXl5eXl5ZWVleXl5eXl5fX19eXl5eXl5dXV45fG6pAAAAHnRSTlMAogesnTEn7SweD/SRdTwW9tu1lY5/aF02IhrEixe17I6vAAAAj0lEQVQY0z1NCQ7DIAwLUHqzdT3XbjP//+VyiFrCIrbjkOJ3jOPR0Y0Fisrb+GwQHkTvCrBQAxn5RUySqRCZBzCdmHkBQWKvQdjhpB2tCo1wjcQbvRZNJMiuCBtWFQLtuVZvhSPqsNElHyv0NGYuDLAIycUPs0dRuiH3dgtL9L79Ikdz+gDFfFFBm5xLZv8B2wIJCbh6FdgAAAAASUVORK5CYII=");
	background-position:0;
	background-repeat:no-repeat;
	color:#666;
	font-size:14px;
	letter-spacing:1px;
	line-height:24px;
	padding-left:24px
}
#index-page .guide {
	margin-bottom:28px
}
#index-page .guide .grid-box .a-clo {
	background-color:#fafafa;
	border-radius:10px;
	box-shadow:0 2px 6px 0 rgba(0, 0, 0, .11);
	overflow:hidden;
	padding-bottom:20px
}
#index-page .question {
	background-color:#f3f3f3;
	padding:40px 0 32px
}
#index-page .question h2 {
	margin-bottom:28px
}
#index-page .question li {
	background-color:#fff;
	border-radius:5px;
	box-shadow:0 2px 6px 0 rgba(0, 0, 0, .22);
	cursor:pointer;
	margin-bottom:16px
}
#index-page .question li:last-of-type {
	margin-bottom:0
}
#index-page .question li .flex-box {
	align-items:center;
	background-color:#fff;
	border-radius:5px;
	display:flex;
	padding-left:20px
}
#index-page .question li h3 {
	color:#363636;
	font-size:18px;
	font-weight:700;
	letter-spacing:0;
	line-height:1;
	margin-right:auto
}
#index-page .question li.active h3 {
	color:#fff;
	font-weight:400
}
#index-page .question li.active .flex-box {
	background-color:#3c83e9
}
#index-page .question li .open {
	display:none
}
#index-page .question li.active .open {
	display:block
}
#index-page .question li.active .close {
	display:none
}
#index-page .question .answer-box {
	display:none;
	padding:20px 12px 12px
}
#index-page .question li.active .answer-box {
	display:block
}
#index-page .question .answer-box p {
	color:#666;
	font-size:16px;
	letter-spacing:0;
	line-height:28px
}
#index-page .bottom {
	background-image:url(../image/bottom.4xu8bxuq.jpg);
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover;
	padding:20px 0
}
#index-page .bottom p {
	color:#fff;
	font-size:24px;
	font-stretch:normal;
	font-weight:700;
	letter-spacing:0;
	margin-bottom:12px;
	text-align:center;
	text-shadow:0 5px 3px rgba(8, 38, 116, .35)
}
#index-page .bottom .ora-move-btn {
	margin-bottom:12px
}
#index-page .bottom .ora-move-btn:last-of-type {
	margin-bottom:0
}
#index-page .jump-target {
	position:relative;
	top:-42px
}
@media (min-width:1200px) {
#index-page .jump-target {
display:block;
height:0;
position:relative;
top:-80px
}
#index-page .bottom {
padding:40px 0
}
#index-page .bottom .flex-btn-box {
display:flex;
justify-content:center
}
#index-page .bottom .ora-move-btn:last-of-type {
margin-right:0
}
#index-page .bottom .ora-move-btn {
margin-bottom:0;
margin-left:0;
margin-right:52px
}
#index-page .bottom p {
font-size:34px;
margin-bottom:44px
}
#index-page .question ul {
max-width:631px
}
#index-page .question h2 {
margin-bottom:56px
}
#index-page .question .answer-box {
padding:28px 20px 26px
}
#index-page .question {
background-image:url(../image/question-bg.jKxWiTIu.jpg);
background-position:top;
background-repeat:no-repeat;
background-size:1920px;
padding:80px 0 64px
}
#index-page .guide {
margin-bottom:112px
}
#index-page .guide h2.common-head {
margin-bottom:56px;
text-align:center
}
#index-page .guide .grid-box {
grid-template-columns:repeat(3, 1fr);
grid-gap:0 28px
}
#index-page .guide .grid-box .news-text-box {
margin-bottom:12px;
margin-left:16px;
margin-right:16px
}
#index-page .guide .grid-box .a-clo img {
height:190px;
margin-bottom:20px;
width:380px
}
#index-page .protect {
margin-bottom:80px
}
#index-page .protect ul {
grid-template-columns:repeat(4, 1fr)
}
#index-page .protect {
background-image:url(../image/blue-bg-sec.wdYKgps5.jpg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover
}
#index-page .protect h2 {
font-size:32px;
margin-bottom:48px
}
#index-page .desk-and-web .web p {
margin-bottom:50px
}
#index-page .desk-and-web .desk p {
margin-bottom:20px
}
#index-page .android-and-ios .ios .pic-bg {
background-position:100% 0, left 16px bottom;
background-size:251px, 231px
}
#index-page .android-and-ios .ios {
max-width:687px;
min-width:687px
}
#index-page .android-and-ios {
display:flex
}
#index-page .android-and-ios .android {
margin-right:34px;
min-width:479px
}
#index-page .android-and-ios .android .pic-bg {
background-position:right 24px top 16px;
background-size:265px
}
#index-page .android-and-ios .android p {
margin-bottom:20px
}
#index-page .android-and-ios .ios p {
margin-bottom:88px;
max-width:405px
}
#index-page .android-and-ios .ios h3 {
margin-bottom:20px
}
#index-page .android-and-ios .android h3 {
margin-bottom:114px
}
#index-page .android-and-ios .pic-bg {
padding:52px 24px 24px
}
#index-page .android-and-ios>div {
margin-bottom:92px
}
#index-page .desk-and-web>div {
margin-bottom:40px
}
#index-page .desk-and-web .web .pic-bg {
background-position:right 27px top 20px;
background-size:279px
}
#index-page .desk-and-web .pic-bg {
padding:52px 24px 24px
}
#index-page .desk-and-web .desk .pic-bg {
background-position:right 68px top;
background-size:401px
}
#index-page .desk-and-web .desk {
margin-right:32px;
min-width:687px
}
#index-page .desk-and-web {
display:flex
}
#index-page .desk-and-web .web h3 {
margin-bottom:78px
}
#index-page .desk-and-web .desk h3 {
margin-bottom:108px
}
#index-page .four-pic-text-sec p {
font-size:16px;
line-height:28px
}
#index-page .four-pic-text-sec h3 {
font-size:28px
}
#index-page .adv-of-mt5 {
margin-bottom:56px
}
#index-page .adv-of-mt5 ul li p {
line-height:24px;
margin-bottom:12px
}
#index-page .w-1200px-container {
padding:0
}
#index-page .adv-of-mt5 ul {
margin-top:64px
}
#index-page .adv-of-mt5 .flex-box {
display:flex
}
#index-page .adv-of-mt5 .pic {
margin-bottom:0;
margin-right:-40px;
padding-left:0
}
#index-page .adv-of-mt5 .title-box {
margin-bottom:20px
}
#index-page .common-head {
font-size:32px
}
#index-page .ora-move-btn.have-icon img {
left:8px;
position:absolute;
top:7px;
width:58px
}
#index-page .ora-move-btn.have-icon {
font-size:24px;
line-height:72px;
padding-left:40px;
width:320px
}
#index-page .ora-move-btn {
font-size:14px;
line-height:42px;
width:185px
}
#index-page .banner img {
height:536px;
margin-bottom:80px;
max-height:536px
}
#index-page {
margin-top:80px
}
}
.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 {
	border-bottom:1px solid #f3f3f3;
	padding:12px
}
#bread-crumbs p {
	margin-left:4px;
	margin-right:4px
}
#bread-crumbs a, #bread-crumbs p {
	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 {
	align-items:baseline;
	display:flex
}
@media (min-width:1200px) {
#bread-crumbs a, #bread-crumbs p {
max-width:156px
}
#bread-crumbs .w-1200px-container {
margin-left:auto;
margin-right:auto;
width:1200px
}
}
.page-changer[data-v-52e2e16b] {
	display:flex;
	justify-content:center;
	margin-bottom:28px
}
.page-changer li[data-v-52e2e16b] {
	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-52e2e16b] {
	color:#343434;
	font-size:16px;
	line-height:40px;
	text-align:center
}
.page-changer li.active[data-v-52e2e16b] {
	background-color:#3c83e9;
	box-shadow:0 1px 12px 0 hsla(0, 0%, 90%, .85)
}
.page-changer li.active p[data-v-52e2e16b] {
	color:#fff
}
.page-changer li[data-v-52e2e16b]:last-of-type {
	margin-right:0
}
@media (min-width:1200px) {
.page-changer[data-v-52e2e16b] {
margin-bottom:60px
}
}
.article-list {
	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 {
	border-bottom:1px solid;
	-o-border-image:linear-gradient(90deg, #3c83e9, #3c83e9)1;
	border-image:linear-gradient(90deg, #3c83e9, #3c83e9)1;
	padding-bottom:20px;
	padding-top:20px
}
.article-list li:last-of-type {
	border-bottom:none
}
.article-list li .pic-box {
	border-radius:5px;
	height:100px;
	margin-right:20px;
	min-width:150px;
	overflow:hidden;
	width:150px
}
.article-list li .pic-box img {
	height:100%;
	width:100%
}
.article-list h3 {
	font-size:20px;
	font-stretch:normal;
	font-weight:700;
	letter-spacing:1px;
	line-height:32px;
	-webkit-line-clamp:1
}
.article-list h3, .article-list p {
	color:#343434;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical
}
.article-list p {
	font-size:16px;
	line-height:18px;
	min-height:36px;
	-webkit-line-clamp:2
}
.article-list time {
	background-image:url("../image/time.png");
	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 {
	display:flex
}
.article-list li:hover h3 {
	color:#3c83e9
}
@media (min-width:1200px) {
.article-list p {
line-height:24px
}
.page-changer {
margin-bottom:60px
}
.article-list {
margin:40px auto 60px;
max-width:1200px;
width:1200px
}
.article-list li .pic-box {
height:126px;
min-width:224px;
width:224px
}
.article-list li h3 {
margin-bottom:8px
}
.article-list li time {
display:block;
margin-top:16px
}
}

#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);}