body, html {
	background: #fff;
	-webkit-font-smoothing: antialiased
}
* {
	box-sizing: border-box;
	font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, 微软雅黑, STHeitiSC-Light, simsun, 宋体, WenQuanYi Zen Hei, WenQuanYi Micro Hei, 'sans-serif';
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent
}
[placeholder]:-ms-input-placeholder, [placeholder]::-moz-placeholder, [placeholder]::-webkit-input-placeholder {
font-family:PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, 微软雅黑, STHeitiSC-Light, simsun, 宋体, WenQuanYi Zen Hei, WenQuanYi Micro Hei, 'sans-serif'
}
a, a:active, a:focus, a:hover {
	text-decoration: none
}
body {
	margin: 0;
	padding:0;
}
.fade {
	-webkit-animation: fadeIn 1.5s forwards;
	animation: fadeIn 1.5s forwards;
	z-index: 99
}
@-webkit-keyframes fadeIn {
0% {
opacity:0;
visibility:hidden
}
to {
opacity:1;
visibility:visible
}
}
@keyframes fadeIn {
0% {
opacity:0;
visibility:hidden
}
to {
opacity:1;
visibility:visible
}
}
.pc-container {
	width: 100%;
	position: relative;
	height: 100%;
}

@media (max-width:800px) {
.pc-container {
	display: none
}
}
.pc-container .top-nav {
	position: relative;
	height: 35px;
	line-height: 35px;
	background-color: #1d2025;
	font-size: 12px
}
.pc-container .top-nav .container {
	width: 1200px;
	margin: 0 auto
}
.pc-container .top-nav .container>ul {
	list-style: none;
	padding-left: 5px;
	margin: 0
}
.pc-container .top-nav .container>ul li {
	float: left;
	margin-right: 25px
}
.pc-container .top-nav .container>ul li a {
	color: #dedcdc;
	text-decoration: none
}
.pc-container .top-nav .switch-container {
	position: absolute;
	display: inline-block;
	padding: 10px 15px 14px;
	border-radius: 10px;
	background: rgba(0,0,0,.4);
	bottom: -90px;
	z-index: 100;
	right: 68px;
*zoom:1
}
.pc-container .top-nav .switch-container:after {
	content: '';
	display: block;
	clear: both;
	height: 0
}
.pc-container .top-nav .switch-container>img {
	float: left;
	margin-right: 13px;
	cursor: pointer;
	-webkit-transition: -webkit-transform .4s;
	transition: -webkit-transform .4s;
	transition: transform .4s;
	transition: transform .4s, -webkit-transform .4s
}
.pc-container .top-nav .switch-container>img:hover {
	-webkit-transform: scale(1.02);
	transform: scale(1.02)
}
.pc-container .top-nav .switch-container>img:last-of-type {
	margin-right: 0
}
.pc-container .top-nav .switch-container>i {
	position: absolute;
	display: inline-block;
	width: 25px;
	height: 4px;
	background-color: #fff;
	bottom: 5px;
	left: 25px;
	-webkit-transition: left .3s;
	transition: left .3s
}
.pc-container .top-nav .switch-container>i.active0 {
	left: 25px
}
.pc-container .top-nav .switch-container>i.active1 {
	left: 85px
}
.pc-container .top-nav .switch-container>i.active2 {
	left: 145px
}
.pc-container>div[class*=part] {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
	visibility: visible
}
.pc-container .wave-img {
	position: absolute;
	left: 0;
	right: 0;
	top: 375px;
	z-index: 4
}
.pc-container .page0.part1 {
	z-index: 0
}
.pc-container .page0.part1.active {
	z-index: 6
}
.pc-container .page0.part2 {
	z-index: 0
}
.pc-container .page0.part2.active {
	z-index: 2
}
.pc-container .page0 .screen-blank {
	height: 555px;
	background: url(../images/0d5e5bb0.bg.png) no-repeat 50%;
	background-size: cover
}
.pc-container .page0 .screen {
	padding-top: 45px;
	color: #333;
	position: relative;
	text-align: center;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5fbfe));
	background-image: -webkit-linear-gradient(#fff, #f5fbfe);
	background-image: linear-gradient(#fff, #f5fbfe)
}

@media (max-width:800px) {
.pc-container .page0 .screen {
	padding-top: 25px
}
}
.pc-container .page0 .screen:nth-of-type(even) {
	color: #fff
}
.pc-container .page0 .screen h2 {
	font-weight: 400;
	margin: 0
}
.pc-container .page0 .screen h2 p {
	font-size: 27px;
	margin-bottom: 15px
}

@media (max-width:800px) {
.pc-container .page0 .screen h2 p {
	font-size: 20px;
	margin-bottom: 5px
}
}
.pc-container .page0 .screen h2 div {
	font-size: 14px
}

@media (max-width:800px) {
.pc-container .page0 .screen h2 div {
	font-size: 12px;
	padding: 0 20px
}
}
.pc-container .page0 .screen .screenshot {
*zoom:1;
	position: relative;
	left: 50%;
	top:8%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%)
}
.pc-container .page0 .screen .screenshot:after {
	content: '';
	display: block;
	clear: both;
	height: 0
}
.pc-container .page0 .screen .sign-logo {
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
.pc-container .page0 .screen .sign-intro {
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
	color: #b0b2b6;
	text-align: left;
	line-height: 37px;
	margin-left: 33px
}
.pc-container .page0 .screen .sign-intro .sign-title, .pc-container .page0 .screen .sign-intro>section:first-of-type {
	color: #333;
	font-size: 30px;
	margin-bottom: 10px
}
.pc-container .page0 .screen.screen1 {
	position: relative;
	height: 555px;
	text-align: left;
	background: transparent
}
.pc-container .page0 .screen.screen1 .kr-logo {
	position: absolute;
	top: 13.5px;
	left: 57px;
	width: 47.5px
}

@media (max-width:800px) {
.pc-container .page0 .screen.screen1 {
	padding-top: 25px
}
}
.pc-container .page0 .screen.screen1 div.main {
	max-width: 1070px;
	margin: 0 auto;
	padding-left: 75px;
	box-sizing: content-box;
	overflow: hidden
}

@media (max-width:800px) {
.pc-container .page0 .screen.screen1 div.main {
	height: auto;
	padding: 0 0 20px
}
}
.pc-container .page0 .screen.screen1 .media-title {
	font-size: 45px;
	font-weight: 600;
	color: #fff;
	margin: 115px 0 0
}
.pc-container .page0 .screen.screen1 .media-intro {
	font-size: 25px;
	color: #fff;
	font-weight: 400
}
.pc-container .page0 .screen.screen1 .logo {
	width: 220px;
	margin: 145px 0 0
}

@media (max-width:800px) {
.pc-container .page0 .screen.screen1 .logo {
	width: 160px;
	margin: 35px auto 10px;
	display: block
}
}
.pc-container .page0 .screen.screen1 h1 {
	font-size: 25px;
	font-weight: 100;
	margin: 10px 0 0
}

@media (max-width:800px) {
.pc-container .page0 .screen.screen1 h1 {
	text-align: center;
	font-size: 20px
}
}
.pc-container .page0 .screen.screen1 .btn-group {
	position: relative;
	margin-top: 50px
}

@media (max-width:800px) {
.pc-container .page0 .screen.screen1 .btn-group {
	margin: 30px auto 40px;
	text-align: center
}
}
.pc-container .page0 .screen.screen1 .btn-group>a {
	position: relative;
	width: 200px;
	height: 55px;
	display: block;
	text-align: center;
	color: #fff;
	box-shadow: 0 15px 15px rgba(66,133,244,.2);
	margin-right: 50px;
	line-height: 55px;
	-webkit-transition: all .4s;
	transition: all .4s;
	font-size: 18px;
	border-radius: 10px;
	text-decoration: none;
	margin-bottom: 30px
}
.pc-container .page0 .screen.screen1 .btn-group>a.android-btn {
	background: url(../images/965b6cc0.icon-andriod.png) #2596f2 no-repeat -12px -16px;
	background-size: 60px 130%
}
.pc-container .page0 .screen.screen1 .btn-group>a.apple-btn {
	background: url(../images/2a2e5dd8.icon-apple.png) #2596f2 no-repeat 2px -1px;
	background-size: 45px 95%
}
.pc-container .page0 .screen.screen1 .btn-group>a .btn-logo {
	float: left;
	margin: 12px 15px 0 20px;
	vertical-align: middle
}

@media (max-width:800px) {
.pc-container .page0 .screen.screen1 .btn-group>a, .pc-container .page0 .screen.screen1 .btn-group>a .btn-logo {
	width: 42%;
	padding: 0 20px;
	margin-right: 2%;
	font-size: 13px
}
}
.pc-container .page0 .screen.screen1 .btn-group>a i {
	position: relative;
	top: 1px;
	left: 0;
	font-size: 1.2rem
}
.pc-container .page0 .screen.screen1 .btn-group>a:hover {
	background-color: #4992ff
}
.pc-container .page0 .screen.screen1 .btn-group>a:last-of-type {
	margin: 0
}
.pc-container .page0 .screen.screen1 .download-qrcode {
	position: absolute;
	left: 225px;
	width: 160px;
	height: 160px;
	border-radius: 5px;
	top: -7px;
	background-color: #fff;
	padding: 6px;
	box-sizing: border-box
}
.pc-container .page0 .screen.screen1 .screenshot {
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: scale(1);
	transform: scale(1)
}

@media (max-width:800px) {
.pc-container .page0 .screen.screen1 .screenshot {
	position: relative;
	left: 50%;
	top: 0;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	margin: 0 auto -50%
}
}
.pc-container .page0 .screen.screen1 .screenshot img {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px
}

@media (max-width:800px) {
.pc-container .page0 .screen.screen1 .screenshot img {
	width: 60%
}
}
.pc-container .page0 .screen.screen1 .screenshot img:first-of-type {
	position: relative;
	z-index: 100;
	-webkit-transition: all .8s ease 1s;
	transition: all .8s ease 1s
}
.pc-container .page0 .screen.screen1 .screenshot img:nth-of-type(2) {
	width: 190px;
	z-index: 50;
	-webkit-transition: all .8s ease 2s;
	transition: all .8s ease 2s;
	-webkit-transform: translate(80%);
	transform: translate(80%);
	margin-top: -8%
}
.pc-container .page0 .screen.screen1 .screenshot.screenshot-bigger {
	z-index: 10
}
.pc-container .page0 .screen.screen1 .screenshot.screenshot-bigger img {
	width: 286px
}
.pc-container .page0 .screen.screen1 .screenshot.screenshot-bigger img:nth-of-type(2) {
	width: 286px;
	-webkit-transform: translate(64%);
	transform: translate(64%)
}
.pc-container .page0 .screen.screen1 .screenshot-shadow {
	position: absolute;
	width: 488.5px;
	left: 50%;
	z-index: 0;
	display: none
}
.pc-container .page0 .screen.screen1.before-show .screenshot img:first-of-type, .pc-container .page0 .screen.screen1.before-show .screenshot img:nth-of-type(2) {
	opacity: 0;
	-webkit-transform: translate(0);
	transform: translate(0)
}
.pc-container .page0 .screen.screen2 {
	padding: 115px 0
}
.pc-container .page0 .screen.screen2 .screenshot {
	margin-top: 60px;
	width: 700px;
	overflow: hidden;
	word-spacing: 0;
	position: relative
}

@media (max-width:800px) {
.pc-container .page0 .screen.screen2 .screenshot {
	width: 95%;
	margin-top: 30px
}
}
.pc-container .page0 .screen.screen2 .screenshot img {
	width: 38%;
	z-index: 100;
	position: relative;
	margin-bottom: -12%;
	-webkit-transition: all .8s ease 0s;
	transition: all .8s ease 0s
}
.pc-container .page0 .screen.screen2 .screenshot img.left {
	margin-right: -9%;
	z-index: 10;
	margin-bottom: -17%;
	-webkit-transition: all .8s ease .8s;
	transition: all .8s ease .8s
}
.pc-container .page0 .screen.screen2 .screenshot img.right {
	margin-left: -9%;
	z-index: 10;
	margin-bottom: -17%;
	-webkit-transition: all .8s ease .8s;
	transition: all .8s ease .8s
}
.pc-container .page0 .screen.screen2.before-show .screenshot img {
	opacity: 0;
	-webkit-transform: translateY(40px);
	transform: translateY(40px)
}
.pc-container .page0 .screen.screen2.before-show .screenshot img.left {
	-webkit-transform: translate(50%);
	transform: translate(50%)
}
.pc-container .page0 .screen.screen2.before-show .screenshot img:nth-of-type(3) {
	-webkit-transform: translate(-50%);
	transform: translate(-50%)
}
.pc-container .page0 .screen.screen3 {
	padding: 115px 0
}
.pc-container .page0 .screen.screen3 .sign-intro {
	margin: 0 30px 0 0
}
.pc-container .page0 .screen.screen3 .screenshot {
	margin-top: 50px;
	padding-bottom: 110px;
	width: 580px;
	position: relative
}

@media (max-width:800px) {
.pc-container .page0 .screen.screen3 .screenshot {
	width: 95%;
	margin-top: 30px;
	padding-bottom: 70px
}
}
.pc-container .page0 .screen.screen3 .screenshot img {
	position: relative;
	z-index: 50;
	display: block;
	width: 100%;
	-webkit-transition: all .8s ease 0s;
	transition: all .8s ease 0s
}
.pc-container .page0 .screen.screen3 .screenshot img:last-of-type {
	position: absolute;
	top: 15%;
	left: 0;
	z-index: 20;
	-webkit-transition: all .8s ease .6s;
	transition: all .8s ease .6s
}
.pc-container .page0 .screen.screen3.before-show .screenshot img {
	opacity: 0;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px)
}
.pc-container .page0 .screen.screen4 {
	margin-bottom: -53px;
	padding: 115px 0
}
.pc-container .page0 .screen.screen4 .screenshot {
	margin-top: 60px;
	width: 462px;
	overflow: hidden;
	word-spacing: 0;
	position: relative
}

@media (max-width:800px) {
.pc-container .page0 .screen.screen4 .screenshot {
	width: 60%;
	margin-top: 30px
}
}
.pc-container .page0 .screen.screen4 .screenshot img {
	width: 60%;
	position: relative
}
.pc-container .page0 .screen.screen4 .screenshot img.left {
	z-index: 30;
	margin-bottom: -27%;
	-webkit-transition: all .8s ease 1.5s;
	transition: all .8s ease 1.5s
}

@media (max-width:800px) {
.pc-container .page0 .screen.screen4 .screenshot img.left {
	margin-bottom: -23.33333333%
}
}
.pc-container .page0 .screen.screen4 .screenshot img.right {
	margin-left: -24%;
	z-index: 10;
	margin-bottom: -27%;
	-webkit-transition: all .8s ease .6s;
	transition: all .8s ease .6s
}

@media (max-width:800px) {
.pc-container .page0 .screen.screen4 .screenshot img.right {
	margin-bottom: -23.33333333%
}
}
.pc-container .page0 .screen.screen4.before-show .screenshot img {
	opacity: 0
}
.pc-container .page0 .screen.screen4.before-show .screenshot img.left {
	-webkit-transform: translate(100px);
	transform: translate(100px)
}
.pc-container .page0 .screen.screen4.before-show .screenshot img.right {
	-webkit-transform: translateY(30px);
	transform: translateY(30px)
}
.pc-container .page1.part1 {
	z-index: 0
}
.pc-container .page1.part1.active {
	z-index: 6
}
.pc-container .page1.part2 {
	z-index: 0
}
.pc-container .page1.part2.active {
	z-index: 2
}
.pc-container .page1 .screen-blank {
	height: 555px;
	background: url(../images/0d5e5bb0.bg.png) no-repeat 50%;
	background-size: cover
}
.pc-container .page1 .screen {
	padding-top: 45px;
	color: #333;
	position: relative;
	text-align: center;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5fbfe));
	background-image: -webkit-linear-gradient(#fff, #f5fbfe);
	background-image: linear-gradient(#fff, #f5fbfe)
}

@media (max-width:800px) {
.pc-container .page1 .screen {
	padding-top: 25px
}
}
.pc-container .page1 .screen:nth-of-type(even) {
	color: #fff
}
.pc-container .page1 .screen h2 {
	font-weight: 400;
	margin: 0
}
.pc-container .page1 .screen h2 p {
	font-size: 27px;
	margin-bottom: 15px
}

@media (max-width:800px) {
.pc-container .page1 .screen h2 p {
	font-size: 20px;
	margin-bottom: 5px
}
}
.pc-container .page1 .screen h2 div {
	font-size: 14px
}

@media (max-width:800px) {
.pc-container .page1 .screen h2 div {
	font-size: 12px;
	padding: 0 20px
}
}
.pc-container .page1 .screen .screenshot {
*zoom:1;
	position: relative;
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%)
}
.pc-container .page1 .screen .screenshot:after {
	content: '';
	display: block;
	clear: both;
	height: 0
}
.pc-container .page1 .screen .sign-logo {
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
.pc-container .page1 .screen .sign-intro {
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
	color: #b0b2b6;
	text-align: left;
	line-height: 37px;
	margin-left: 33px
}
.pc-container .page1 .screen .sign-intro .sign-title, .pc-container .page1 .screen .sign-intro>section:first-of-type {
	color: #333;
	font-size: 30px;
	margin-bottom: 10px
}
.pc-container .page1 .screen.screen1 {
	position: relative;
	height: 555px;
	text-align: left;
	background: transparent
}
.pc-container .page1 .screen.screen1 .kr-logo {
	position: absolute;
	top: 13.5px;
	left: 57px;
	width: 47.5px
}

@media (max-width:800px) {
.pc-container .page1 .screen.screen1 {
	padding-top: 25px
}
}
.pc-container .page1 .screen.screen1 div.main {
	max-width: 1070px;
	margin: 0 auto;
	height: 700px;
	padding-left: 75px;
	box-sizing: content-box;
	overflow: hidden
}

@media (max-width:800px) {
.pc-container .page1 .screen.screen1 div.main {
	height: auto;
	padding: 0 0 20px
}
}
.pc-container .page1 .screen.screen1 .media-title {
	font-size: 45px;
	font-weight: 600;
	color: #fff;
	margin: 115px 0 0
}
.pc-container .page1 .screen.screen1 .media-intro {
	font-size: 30px;
	color: #fff;
	font-weight: 400
}
.pc-container .page1 .screen.screen1 .logo {
	width: 220px;
	margin: 145px 0 0
}

@media (max-width:800px) {
.pc-container .page1 .screen.screen1 .logo {
	width: 160px;
	margin: 35px auto 10px;
	display: block
}
}
.pc-container .page1 .screen.screen1 h1 {
	font-size: 25px;
	font-weight: 100;
	margin: 10px 0 0
}

@media (max-width:800px) {
.pc-container .page1 .screen.screen1 h1 {
	text-align: center;
	font-size: 20px
}
}
.pc-container .page1 .screen.screen1 .btn-group {
	position: relative;
	margin-top: 50px
}

@media (max-width:800px) {
.pc-container .page1 .screen.screen1 .btn-group {
	margin: 30px auto 40px;
	text-align: center
}
}
.pc-container .page1 .screen.screen1 .btn-group>a {
	position: relative;
	width: 200px;
	height: 55px;
	display: block;
	text-align: center;
	color: #fff;
	box-shadow: 0 15px 15px rgba(66,133,244,.2);
	margin-right: 50px;
	line-height: 55px;
	-webkit-transition: all .4s;
	transition: all .4s;
	font-size: 18px;
	border-radius: 10px;
	text-decoration: none;
	margin-bottom: 30px
}
.pc-container .page1 .screen.screen1 .btn-group>a.android-btn {
	background: url(../images/965b6cc0.icon-andriod.png) #2596f2 no-repeat -12px -16px;
	background-size: 60px 130%
}
.pc-container .page1 .screen.screen1 .btn-group>a.apple-btn {
	background: url(../images/2a2e5dd8.icon-apple.png) #2596f2 no-repeat 2px -1px;
	background-size: 45px 95%
}
.pc-container .page1 .screen.screen1 .btn-group>a .btn-logo {
	float: left;
	margin: 12px 15px 0 20px;
	vertical-align: middle
}

@media (max-width:800px) {
.pc-container .page1 .screen.screen1 .btn-group>a, .pc-container .page1 .screen.screen1 .btn-group>a .btn-logo {
	width: 42%;
	padding: 0 20px;
	margin-right: 2%;
	font-size: 13px
}
}
.pc-container .page1 .screen.screen1 .btn-group>a i {
	position: relative;
	top: 1px;
	left: 0;
	font-size: 1.2rem
}
.pc-container .page1 .screen.screen1 .btn-group>a:hover {
	background-color: #4992ff
}
.pc-container .page1 .screen.screen1 .btn-group>a:last-of-type {
	margin: 0
}
.pc-container .page1 .screen.screen1 .download-qrcode {
	position: absolute;
	left: 225px;
	width: 160px;
	height: 160px;
	border-radius: 5px;
	top: -7px;
	background-color: #fff;
	padding: 6px;
	box-sizing: border-box
}
.pc-container .page1 .screen.screen1 .screenshot {
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: scale(1);
	transform: scale(1)
}

@media (max-width:800px) {
.pc-container .page1 .screen.screen1 .screenshot {
	position: relative;
	left: 50%;
	top: 0;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	margin: 0 auto -50%
}
}
.pc-container .page1 .screen.screen1 .screenshot img {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px
}

@media (max-width:800px) {
.pc-container .page1 .screen.screen1 .screenshot img {
	width: 60%
}
}
.pc-container .page1 .screen.screen1 .screenshot img:first-of-type {
	position: relative;
	z-index: 100;
	-webkit-transition: all .8s ease 1s;
	transition: all .8s ease 1s
}
.pc-container .page1 .screen.screen1 .screenshot img:nth-of-type(2) {
	width: 190px;
	z-index: 50;
	-webkit-transition: all .8s ease 2s;
	transition: all .8s ease 2s;
	-webkit-transform: translate(80%);
	transform: translate(80%);
	margin-top: -8%
}
.pc-container .page1 .screen.screen1 .screenshot.screenshot-bigger {
	z-index: 10
}
.pc-container .page1 .screen.screen1 .screenshot.screenshot-bigger img {
	width: 286px
}
.pc-container .page1 .screen.screen1 .screenshot.screenshot-bigger img:nth-of-type(2) {
	width: 286px;
	-webkit-transform: translate(64%);
	transform: translate(64%)
}
.pc-container .page1 .screen.screen1 .screenshot-shadow {
	position: absolute;
	width: 488.5px;
	left: 50%;
	z-index: 0;
	display: none
}
.pc-container .page1 .screen.screen1.before-show .screenshot img:first-of-type, .pc-container .page1 .screen.screen1.before-show .screenshot img:nth-of-type(2) {
	opacity: 0;
	-webkit-transform: translate(0);
	transform: translate(0)
}
.pc-container .page1 .screen.screen2 {
	padding: 115px 0
}
.pc-container .page1 .screen.screen2 .screenshot {
	margin-top: 60px;
	width: 700px;
	overflow: hidden;
	word-spacing: 0;
	position: relative
}

@media (max-width:800px) {
.pc-container .page1 .screen.screen2 .screenshot {
	width: 95%;
	margin-top: 30px
}
}
.pc-container .page1 .screen.screen2 .screenshot img {
	width: 38%;
	z-index: 100;
	position: relative;
	margin-bottom: -12%;
	-webkit-transition: all .8s ease 0s;
	transition: all .8s ease 0s
}
.pc-container .page1 .screen.screen2 .screenshot img.left {
	margin-right: -9%;
	z-index: 10;
	margin-bottom: -17%;
	-webkit-transition: all .8s ease .8s;
	transition: all .8s ease .8s
}
.pc-container .page1 .screen.screen2 .screenshot img.right {
	margin-left: -9%;
	z-index: 10;
	margin-bottom: -17%;
	-webkit-transition: all .8s ease .8s;
	transition: all .8s ease .8s
}
.pc-container .page1 .screen.screen2.before-show .screenshot img {
	opacity: 0;
	-webkit-transform: translateY(40px);
	transform: translateY(40px)
}
.pc-container .page1 .screen.screen2.before-show .screenshot img.left {
	-webkit-transform: translate(50%);
	transform: translate(50%)
}
.pc-container .page1 .screen.screen2.before-show .screenshot img:nth-of-type(3) {
	-webkit-transform: translate(-50%);
	transform: translate(-50%)
}
.pc-container .page1 .screen.screen3 {
	padding: 115px 0
}
.pc-container .page1 .screen.screen3 .sign-intro {
	margin: 0 30px 0 0
}
.pc-container .page1 .screen.screen3 .screenshot {
	margin-top: 50px;
	padding-bottom: 110px;
	width: 580px;
	position: relative
}

@media (max-width:800px) {
.pc-container .page1 .screen.screen3 .screenshot {
	width: 95%;
	margin-top: 30px;
	padding-bottom: 70px
}
}
.pc-container .page1 .screen.screen3 .screenshot img {
	position: relative;
	z-index: 50;
	display: block;
	width: 100%;
	-webkit-transition: all .8s ease 0s;
	transition: all .8s ease 0s
}
.pc-container .page1 .screen.screen3 .screenshot img:last-of-type {
	position: absolute;
	top: 15%;
	left: 0;
	z-index: 20;
	-webkit-transition: all .8s ease .6s;
	transition: all .8s ease .6s
}
.pc-container .page1 .screen.screen3.before-show .screenshot img {
	opacity: 0;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px)
}
.pc-container .page1 .screen.screen4 {
	margin-bottom: -53px;
	padding: 115px 0
}
.pc-container .page1 .screen.screen4 .screenshot {
	margin-top: 60px;
	width: 462px;
	overflow: hidden;
	word-spacing: 0;
	position: relative
}

@media (max-width:800px) {
.pc-container .page1 .screen.screen4 .screenshot {
	width: 60%;
	margin-top: 30px
}
}
.pc-container .page1 .screen.screen4 .screenshot img {
	width: 60%;
	position: relative
}
.pc-container .page1 .screen.screen4 .screenshot img.left {
	z-index: 30;
	margin-bottom: -27%;
	-webkit-transition: all .8s ease 1.5s;
	transition: all .8s ease 1.5s
}

@media (max-width:800px) {
.pc-container .page1 .screen.screen4 .screenshot img.left {
	margin-bottom: -23.33333333%
}
}
.pc-container .page1 .screen.screen4 .screenshot img.right {
	margin-left: -24%;
	z-index: 10;
	margin-bottom: -27%;
	-webkit-transition: all .8s ease .6s;
	transition: all .8s ease .6s
}

@media (max-width:800px) {
.pc-container .page1 .screen.screen4 .screenshot img.right {
	margin-bottom: -23.33333333%
}
}
.pc-container .page1 .screen.screen4.before-show .screenshot img {
	opacity: 0
}
.pc-container .page1 .screen.screen4.before-show .screenshot img.left {
	-webkit-transform: translate(100px);
	transform: translate(100px)
}
.pc-container .page1 .screen.screen4.before-show .screenshot img.right {
	-webkit-transform: translateY(30px);
	transform: translateY(30px)
}
.pc-container .page1 .screen-blank {
	background: url(../images/6bdd333b.bg.jpg) no-repeat 50%
}
.pc-container .page2.part1 {
	z-index: 0
}
.pc-container .page2.part1.active {
	z-index: 6
}
.pc-container .page2.part2 {
	z-index: 0
}
.pc-container .page2.part2.active {
	z-index: 2
}
.pc-container .page2 .screen-blank {
	height: 555px;
	background: url(../images/0d5e5bb0.bg.png) no-repeat 50%;
	background-size: cover
}
.pc-container .page2 .screen {
	padding-top: 45px;
	color: #333;
	position: relative;
	text-align: center;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5fbfe));
	background-image: -webkit-linear-gradient(#fff, #f5fbfe);
	background-image: linear-gradient(#fff, #f5fbfe)
}

@media (max-width:800px) {
.pc-container .page2 .screen {
	padding-top: 25px
}
}
.pc-container .page2 .screen:nth-of-type(even) {
	color: #fff
}
.pc-container .page2 .screen h2 {
	font-weight: 400;
	margin: 0
}
.pc-container .page2 .screen h2 p {
	font-size: 27px;
	margin-bottom: 15px
}

@media (max-width:800px) {
.pc-container .page2 .screen h2 p {
	font-size: 20px;
	margin-bottom: 5px
}
}
.pc-container .page2 .screen h2 div {
	font-size: 14px
}

@media (max-width:800px) {
.pc-container .page2 .screen h2 div {
	font-size: 12px;
	padding: 0 20px
}
}
.pc-container .page2 .screen .screenshot {
*zoom:1;
	position: relative;
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%)
}
.pc-container .page2 .screen .screenshot:after {
	content: '';
	display: block;
	clear: both;
	height: 0
}
.pc-container .page2 .screen .sign-logo {
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
.pc-container .page2 .screen .sign-intro {
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
	color: #b0b2b6;
	text-align: left;
	line-height: 37px;
	margin-left: 33px
}
.pc-container .page2 .screen .sign-intro .sign-title, .pc-container .page2 .screen .sign-intro>section:first-of-type {
	color: #333;
	font-size: 30px;
	margin-bottom: 10px
}
.pc-container .page2 .screen.screen1 {
	position: relative;
	height: 555px;
	text-align: left;
	background: transparent
}
.pc-container .page2 .screen.screen1 .kr-logo {
	position: absolute;
	top: 13.5px;
	left: 57px;
	width: 47.5px
}

@media (max-width:800px) {
.pc-container .page2 .screen.screen1 {
	padding-top: 25px
}
}
.pc-container .page2 .screen.screen1 div.main {
	max-width: 1070px;
	margin: 0 auto;
	height: 700px;
	padding-left: 75px;
	box-sizing: content-box;
	overflow: hidden
}

@media (max-width:800px) {
.pc-container .page2 .screen.screen1 div.main {
	height: auto;
	padding: 0 0 20px
}
}
.pc-container .page2 .screen.screen1 .media-title {
	font-size: 45px;
	font-weight: 600;
	color: #fff;
	margin: 115px 0 0
}
.pc-container .page2 .screen.screen1 .media-intro {
	font-size: 30px;
	color: #fff;
	font-weight: 400
}
.pc-container .page2 .screen.screen1 .logo {
	width: 220px;
	margin: 145px 0 0
}

@media (max-width:800px) {
.pc-container .page2 .screen.screen1 .logo {
	width: 160px;
	margin: 35px auto 10px;
	display: block
}
}
.pc-container .page2 .screen.screen1 h1 {
	font-size: 25px;
	font-weight: 100;
	margin: 10px 0 0
}

@media (max-width:800px) {
.pc-container .page2 .screen.screen1 h1 {
	text-align: center;
	font-size: 20px
}
}
.pc-container .page2 .screen.screen1 .btn-group {
	position: relative;
	margin-top: 50px
}

@media (max-width:800px) {
.pc-container .page2 .screen.screen1 .btn-group {
	margin: 30px auto 40px;
	text-align: center
}
}
.pc-container .page2 .screen.screen1 .btn-group>a {
	position: relative;
	width: 200px;
	height: 55px;
	display: block;
	text-align: center;
	color: #fff;
	box-shadow: 0 15px 15px rgba(66,133,244,.2);
	margin-right: 50px;
	line-height: 55px;
	-webkit-transition: all .4s;
	transition: all .4s;
	font-size: 18px;
	border-radius: 10px;
	text-decoration: none;
	margin-bottom: 30px
}
.pc-container .page2 .screen.screen1 .btn-group>a.android-btn {
	background: url(../images/965b6cc0.icon-andriod.png) #2596f2 no-repeat -12px -16px;
	background-size: 60px 130%
}
.pc-container .page2 .screen.screen1 .btn-group>a.apple-btn {
	background: url(../images/2a2e5dd8.icon-apple.png) #2596f2 no-repeat 2px -1px;
	background-size: 45px 95%
}
.pc-container .page2 .screen.screen1 .btn-group>a .btn-logo {
	float: left;
	margin: 12px 15px 0 20px;
	vertical-align: middle
}

@media (max-width:800px) {
.pc-container .page2 .screen.screen1 .btn-group>a, .pc-container .page2 .screen.screen1 .btn-group>a .btn-logo {
	width: 42%;
	padding: 0 20px;
	margin-right: 2%;
	font-size: 13px
}
}
.pc-container .page2 .screen.screen1 .btn-group>a i {
	position: relative;
	top: 1px;
	left: 0;
	font-size: 1.2rem
}
.pc-container .page2 .screen.screen1 .btn-group>a:hover {
	background-color: #4992ff
}
.pc-container .page2 .screen.screen1 .btn-group>a:last-of-type {
	margin: 0
}
.pc-container .page2 .screen.screen1 .download-qrcode {
	position: absolute;
	left: 225px;
	width: 160px;
	height: 160px;
	border-radius: 5px;
	top: -7px;
	background-color: #fff;
	padding: 6px;
	box-sizing: border-box
}
.pc-container .page2 .screen.screen1 .screenshot {
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: scale(1);
	transform: scale(1)
}

@media (max-width:800px) {
.pc-container .page2 .screen.screen1 .screenshot {
	position: relative;
	left: 50%;
	top: 0;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	margin: 0 auto -50%
}
}
.pc-container .page2 .screen.screen1 .screenshot img {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px
}

@media (max-width:800px) {
.pc-container .page2 .screen.screen1 .screenshot img {
	width: 60%
}
}
.pc-container .page2 .screen.screen1 .screenshot img:first-of-type {
	position: relative;
	z-index: 100;
	-webkit-transition: all .8s ease 1s;
	transition: all .8s ease 1s
}
.pc-container .page2 .screen.screen1 .screenshot img:nth-of-type(2) {
	width: 190px;
	z-index: 50;
	-webkit-transition: all .8s ease 2s;
	transition: all .8s ease 2s;
	-webkit-transform: translate(80%);
	transform: translate(80%);
	margin-top: -8%
}
.pc-container .page2 .screen.screen1 .screenshot.screenshot-bigger {
	z-index: 10
}
.pc-container .page2 .screen.screen1 .screenshot.screenshot-bigger img {
	width: 286px
}
.pc-container .page2 .screen.screen1 .screenshot.screenshot-bigger img:nth-of-type(2) {
	width: 286px;
	-webkit-transform: translate(64%);
	transform: translate(64%)
}
.pc-container .page2 .screen.screen1 .screenshot-shadow {
	position: absolute;
	width: 488.5px;
	left: 50%;
	z-index: 0;
	display: none
}
.pc-container .page2 .screen.screen1.before-show .screenshot img:first-of-type, .pc-container .page2 .screen.screen1.before-show .screenshot img:nth-of-type(2) {
	opacity: 0;
	-webkit-transform: translate(0);
	transform: translate(0)
}
.pc-container .page2 .screen.screen2 {
	padding: 115px 0
}
.pc-container .page2 .screen.screen2 .screenshot {
	margin-top: 60px;
	width: 700px;
	overflow: hidden;
	word-spacing: 0;
	position: relative
}

@media (max-width:800px) {
.pc-container .page2 .screen.screen2 .screenshot {
	width: 95%;
	margin-top: 30px
}
}
.pc-container .page2 .screen.screen2 .screenshot img {
	width: 38%;
	z-index: 100;
	position: relative;
	margin-bottom: -12%;
	-webkit-transition: all .8s ease 0s;
	transition: all .8s ease 0s
}
.pc-container .page2 .screen.screen2 .screenshot img.left {
	margin-right: -9%;
	z-index: 10;
	margin-bottom: -17%;
	-webkit-transition: all .8s ease .8s;
	transition: all .8s ease .8s
}
.pc-container .page2 .screen.screen2 .screenshot img.right {
	margin-left: -9%;
	z-index: 10;
	margin-bottom: -17%;
	-webkit-transition: all .8s ease .8s;
	transition: all .8s ease .8s
}
.pc-container .page2 .screen.screen2.before-show .screenshot img {
	opacity: 0;
	-webkit-transform: translateY(40px);
	transform: translateY(40px)
}
.pc-container .page2 .screen.screen2.before-show .screenshot img.left {
	-webkit-transform: translate(50%);
	transform: translate(50%)
}
.pc-container .page2 .screen.screen2.before-show .screenshot img:nth-of-type(3) {
	-webkit-transform: translate(-50%);
	transform: translate(-50%)
}
.pc-container .page2 .screen.screen3 {
	padding: 115px 0
}
.pc-container .page2 .screen.screen3 .sign-intro {
	margin: 0 30px 0 0
}
.pc-container .page2 .screen.screen3 .screenshot {
	margin-top: 50px;
	padding-bottom: 110px;
	width: 580px;
	position: relative
}

@media (max-width:800px) {
.pc-container .page2 .screen.screen3 .screenshot {
	width: 95%;
	margin-top: 30px;
	padding-bottom: 70px
}
}
.pc-container .page2 .screen.screen3 .screenshot img {
	position: relative;
	z-index: 50;
	display: block;
	width: 100%;
	-webkit-transition: all .8s ease 0s;
	transition: all .8s ease 0s
}
.pc-container .page2 .screen.screen3 .screenshot img:last-of-type {
	position: absolute;
	top: 15%;
	left: 0;
	z-index: 20;
	-webkit-transition: all .8s ease .6s;
	transition: all .8s ease .6s
}
.pc-container .page2 .screen.screen3.before-show .screenshot img {
	opacity: 0;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px)
}
.pc-container .page2 .screen.screen4 {
	margin-bottom: -53px;
	padding: 115px 0
}
.pc-container .page2 .screen.screen4 .screenshot {
	margin-top: 60px;
	width: 462px;
	overflow: hidden;
	word-spacing: 0;
	position: relative
}

@media (max-width:800px) {
.pc-container .page2 .screen.screen4 .screenshot {
	width: 60%;
	margin-top: 30px
}
}
.pc-container .page2 .screen.screen4 .screenshot img {
	width: 60%;
	position: relative
}
.pc-container .page2 .screen.screen4 .screenshot img.left {
	z-index: 30;
	margin-bottom: -27%;
	-webkit-transition: all .8s ease 1.5s;
	transition: all .8s ease 1.5s
}

@media (max-width:800px) {
.pc-container .page2 .screen.screen4 .screenshot img.left {
	margin-bottom: -23.33333333%
}
}
.pc-container .page2 .screen.screen4 .screenshot img.right {
	margin-left: -24%;
	z-index: 10;
	margin-bottom: -27%;
	-webkit-transition: all .8s ease .6s;
	transition: all .8s ease .6s
}

@media (max-width:800px) {
.pc-container .page2 .screen.screen4 .screenshot img.right {
	margin-bottom: -23.33333333%
}
}
.pc-container .page2 .screen.screen4.before-show .screenshot img {
	opacity: 0
}
.pc-container .page2 .screen.screen4.before-show .screenshot img.left {
	-webkit-transform: translate(100px);
	transform: translate(100px)
}
.pc-container .page2 .screen.screen4.before-show .screenshot img.right {
	-webkit-transform: translateY(30px);
	transform: translateY(30px)
}
.pc-container .page2 .screen-blank {
	background: url(../images/89619ddc.bg1.jpg) no-repeat 50%
}
.h5-container {
	display: none
}

@media (max-width:800px) {
.h5-container {
	display: block
}
}
.h5-container .logo-container {
	height: 48px;
	padding: 15px 0 0 10px
}
.h5-container .h5-nav {
	height: 35px;
	border: 1px solid #d4d9df;
	border-left: none;
	border-right: none;
	color: #9ca4ab;
	font-size: 16px;
	text-align: center
}
.h5-container .h5-nav ul {
	list-style: none;
	height: 100%;
	padding: 0;
	margin: 0;
	line-height: 35px
}
.h5-container .h5-nav ul li {
	float: left;
	width: 33.33333333%
}
.h5-container .h5-nav ul li .list-point {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #3d464d;
	margin-right: 3px;
	vertical-align: middle;
	visibility: hidden
}
.h5-container .h5-nav ul li.active {
	color: #3d464d
}
.h5-container .h5-nav ul li.active .list-point {
	visibility: visible
}
.h5-container .app-content {
	position: relative;
	min-height: 500px
}
.h5-container .app-content .app-container {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	padding-top: 72px;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
	visibility: hidden
}
.h5-container .app-content .app-container.fade {
	visibility: visible
}
.h5-container .app-content .app-container:first-of-type {
	z-index: 9
}
.h5-container .app-content .app-container .app-logo {
	display: block;
	margin: 0 auto 10px
}
.h5-container .app-content .app-container .app-name {
	font-size: 18px;
	color: #333;
	margin: 0
}
.h5-container .app-content .app-container .app-intro {
	margin-top: 8px;
	font-size: 12px;
	margin-bottom: 85px
}
.h5-container .download-container .app-btn {
	display: block;
	width: 200px;
	height: 45px;
	line-height: 45px;
	text-align: left;
	background-color: #2596f2;
	color: #fff;
	font-size: 13px;
	border-radius: 20px;
	margin: 0 auto 26px;
	text-decoration: none
}
.h5-container .download-container .app-btn .btn-logo {
	width: 16px;
	margin: -5px 10px 0 44px;
	vertical-align: middle
}