#nav {
	padding:0 80px;
	height:90px;
	display:flex;
	flex-direction:row;
	align-items:center;
	display:absolute;
	z-index:200;
	border-bottom:1px solid #f9f9f9;
	box-shadow:0 0 10px rgba(0,0,0,.1)
}
#img-logo {
	height:50px;
	width:50px
}
#text-logo {
	font-weight:900;
	font-size:18px;
	color:#111;
	margin-left:6px;
	white-space:nowrap
}
.tool-right {
	display:flex;
	height:100%;
	flex-grow:1;
	align-items:center;
	justify-content:flex-end
}
.div-web {
	padding-left:22px;
	padding-right:22px;
	height:32px;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	text-align:center;
	border-radius:8px;
	line-height:32px;
	font-size:14px;
	margin-right:22px;
	margin-left:22px;
	font-weight:600;
	background-color:#333;
	color:#fff;
	white-space:nowrap;
	cursor:pointer;
	text-decoration:none
}
.div-contact,.div-product-menu {
	padding-left:22px;
	padding-right:22px;
	height:28px;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	text-align:center;
	border-radius:18px;
	line-height:28px;
	font-size:14px;
	font-weight:600;
	color:#333;
	white-space:nowrap;
	cursor:pointer
}
#nav a.router-link-exact-active {
	color:#42b983
}
.home {
	position:relative;
	height:calc(100% - 100px);
	width:100%;
	overflow-y:scroll;
	overflow-x:auto;
	background:#fafafa
}
.div-header {
	height:500px;
	background:#fafafa;
	display:flex;
	flex-direction:row;
	align-items:center
}
.header-left {
	justify-content:center;
	flex:1
}
.header-logo {
	display:flex;
	flex-direction:row;
	justify-content:center
}
.header-logo-img {
	height:160px;
	width:160px;
	border-radius:80px;
	box-shadow:0 0 10px rgba(0,0,0,.1)
}
.header-logo-div {
	margin-left:20px;
	text-align:center
}
.header-right {
	flex:1;
	padding-left:72px
}
.app-download-top {
	display:flex;
	margin-top:36px;
	margin-left:110px;
	flex-direction:row;
	justify-content:start
}
.div-app-download {
	height:70px;
	width:200px;
	display:flex;
	text-align:center;
	border-radius:12px;
	background-color:#eee
}
.div-app-download img {
	margin:20px;
	height:30px;
	width:30px
}
.div-app-download-mobile {
	height:70px;
	width:200px;
	display:flex;
	text-align:center;
	border-radius:12px;
	margin-top:22px;
	background-color:#4ab2f3;
	cursor:pointer
}
.div-app-download-mobile img {
	margin:20px;
	height:30px;
	width:30px
}
.div-func {
	background:#fff;
	padding-bottom:80px
}
.img-func {
	margin-left:22px;
	margin-right:22px;
	height:430px
}
.div-download {
	border-bottom:1px solid #f9f9f9;
	box-shadow:0 4px 4px rgba(0,0,0,.05);
	background:#fff
}
.div-logo-parent {
	z-index:100;
	display:flex;
	flex-direction:row;
	align-items:center
}
.div-logo {
	height:100%;
	flex-grow:2;
	text-align:end;
	z-index:100%
}
.img-logo {
	vertical-align:middle;
	width:70%
}
.div-demo {
	z-index:100;
	flex-grow:8
}
.img-demo {
	margin-top:60px;
	margin-bottom:60px;
	width:80%
}
.img-bg {
	position:absolute;
	right:0;
	margin:0 auto;
	top:20px;
	width:100%
}
.div-download-app {
	width:calc(100% - 40px);
	margin-left:20px;
	margin-right:20px;
	flex-wrap:wrap;
	flex-direction:row;
	margin-bottom:80px
}
.div-app,.div-download-app {
	height:auto;
	display:flex;
	justify-content:center;
	align-items:center
}
.div-app {
	flex-direction:column;
	width:300px;
	margin-bottom:42px;
	cursor:pointer;
	margin-right:22px;
	background:#fff
}
.app-code {
	position:relative;
	height:160px;
	width:160px
}
.app-code,.app-logo {
	display:flex;
	justify-content:center;
	align-items:center
}
.app-logo {
	height:110px;
	width:110px;
	border-radius:65px;
	background-color:#666
}
.img-code {
	z-index:100;
	position:absolute;
	left:0;
	top:0;
	height:160px;
	width:160px;
	opacity:0;
	transition:1s;
	overflow:hidden
}
.app-logo img {
	height:60px;
	width:60px
}
.app-code:hover .mobile-app {
	opacity:0;
	transition:1s;
	overflow:hidden
}
.app-code:hover .img-code {
	opacity:1;
	transition:1s;
	overflow:visible
}
.app-name {
	color:#333;
	font-weight:700;
	font-size:20px
}
.app-download-button {
	height:36px;
	width:126px;
	background-color:#666;
	color:#fff;
	border-radius:6px;
	font-weight:700;
	line-height:36px;
	text-decoration:none
}
.div-product {
	height:auto;
	width:calc(100% - 40px);
	margin-left:20px;
	margin-right:20px;
	margin-bottom:80px;
	display:flex;
	padding-bottom:12px;
	flex-wrap:wrap;
	justify-content:center;
	flex-direction:row;
	align-items:center;
	border-bottom:1px solid #f9f9f9
}
.product {
	display:flex;
	flex-direction:column;
	justify-content:left;
	justify-items:left;
	padding-bottom:32px;
	width:600px;
	margin-bottom:32px;
	margin-right:32px;
	background:#fff;
	border-radius:12px;
	border:1px solid #f9f9f9;
	border-bottom:1px solid #f9f9f9;
	box-shadow:0 0 12px rgba(0,0,0,.05)
}
.img-product-logo {
	height:100px;
	width:100px;
	margin-top:32px;
	margin-left:42px;
	border-radius:50px
}
.app-product-name {
	font-weight:900;
	font-size:28px
}
.app-product-desc,.app-product-name {
	color:#333;
	margin-top:22px;
	margin-left:42px;
	margin-right:42px;
	margin-bottom:0;
	text-align:left
}
.app-product-desc {
	font-size:18px;
	line-height:2
}
.product-link {
	color:#46aaf7;
	font-size:18px;
	font-weight:500;
	margin-top:22px;
	text-decoration:none;
	text-align:left;
	margin-left:42px
}
.div-about {
	height:auto;
	width:100%;
	display:flex;
	padding-top:60px;
	padding-bottom:60px;
	flex-wrap:wrap;
	justify-content:center;
	flex-direction:row;
	align-items:center;
	background:#fff
}
.about {
	display:flex;
	flex-direction:column;
	justify-content:left;
	width:600px;
	margin-bottom:32px;
	margin-right:32px
}
.about-moji {
	color:#333;
	font-size:16px;
	font-weight:400;
	margin-bottom:0;
	margin-top:22px;
	text-align:left
}
.div-record {
	background:#fff;
	padding-bottom:22px
}
.moji-record {
	color:#333;
	font-size:18px;
	font-weight:500;
	text-decoration:none;
	text-align:left
}
.img-app-code {
	z-index:999;
	height:160px;
	width:160px;
	position:absolute;
	box-shadow:0 0 5px rgba(0,0,0,.1)
}
#nav[data-v-794d5e62] {
	padding:0 20px;
	height:90px;
	display:flex;
	flex-direction:row;
	align-items:center;
	display:absolute;
	z-index:200;
	border-bottom:1px solid #f9f9f9;
	box-shadow:0 0 10px rgba(0,0,0,.1)
}
#img-logo[data-v-794d5e62] {
	height:50px;
	width:50px
}
#text-logo[data-v-794d5e62] {
	font-weight:900;
	font-size:18px;
	color:#111;
	margin-left:6px;
	white-space:nowrap
}
.tool-right[data-v-794d5e62] {
	display:flex;
	height:100%;
	flex-grow:1;
	align-items:center;
	justify-content:flex-end
}
.div-product-menu[data-v-794d5e62] {
	padding-right:12px
}
.div-contact[data-v-794d5e62],.div-product-menu[data-v-794d5e62] {
	padding-left:12px;
	height:28px;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	text-align:center;
	border-radius:18px;
	line-height:28px;
	font-size:14px;
	font-weight:600;
	color:#333;
	white-space:nowrap;
	cursor:pointer
}
.div-contact[data-v-794d5e62] {
	padding-right:0
}
#nav a.router-link-exact-active[data-v-794d5e62] {
	color:#42b983
}
.home[data-v-794d5e62] {
	position:relative;
	height:calc(100% - 100px);
	width:100%;
	overflow-y:scroll;
	overflow-x:auto;
	background:#fafafa
}
.div-header[data-v-794d5e62] {
	height:500px;
	background:#fafafa;
	display:flex;
	flex-direction:row;
	align-items:center
}
.header-left[data-v-794d5e62] {
	margin-top:50px;
	width:100%
}
.header-logo[data-v-794d5e62] {
	display:flex;
	flex-direction:row;
	justify-content:center
}
.header-logo img[data-v-794d5e62] {
	height:80px;
	width:80px;
	border-radius:40px;
	box-shadow:0 0 10px rgba(0,0,0,.1)
}
.header-logo div[data-v-794d5e62] {
	margin-left:20px;
	text-align:center
}
.header-right[data-v-794d5e62] {
	width:100%
}
.app-download-top[data-v-794d5e62] {
	display:flex;
	padding-left:20px;
	padding-right:20px;
	margin-top:36px;
	flex-direction:row;
	justify-content:center
}
.div-app-download[data-v-794d5e62] {
	height:70px;
	width:100%;
	display:flex;
	text-align:center;
	border-radius:12px;
	background-color:#eee
}
.div-app-download img[data-v-794d5e62] {
	margin:20px;
	height:30px;
	width:30px
}
.div-app-download-mobile[data-v-794d5e62] {
	height:70px;
	width:100%;
	display:flex;
	text-align:center;
	align-items:center;
	border-radius:12px;
	background-color:#39d2f9;
	cursor:pointer
}
.div-app-download-mobile img[data-v-794d5e62] {
	margin:16px;
	height:24px;
	width:24px
}
.div-func[data-v-794d5e62] {
	background:#fff;
	overflow-y:auto;
	white-space:nowrap;
	overflow-x:scroll;
	padding-bottom:52px
}
.div-func[data-v-794d5e62]::-webkit-scrollbar {
	display:none
}
.img-func[data-v-794d5e62] {
	margin-left:22px;
	margin-right:22px;
	height:360px
}
.div-download[data-v-794d5e62] {
	border-bottom:1px solid #f9f9f9;
	box-shadow:0 4px 4px rgba(0,0,0,.05);
	background:#fff
}
.div-logo-parent[data-v-794d5e62] {
	z-index:100;
	display:flex;
	flex-direction:row;
	align-items:center
}
.div-logo[data-v-794d5e62] {
	height:100%;
	flex-grow:2;
	text-align:end;
	z-index:100%
}
.img-logo[data-v-794d5e62] {
	vertical-align:middle;
	width:50%
}
.div-demo[data-v-794d5e62] {
	z-index:100;
	flex-grow:8
}
.img-demo[data-v-794d5e62] {
	margin-top:60px;
	margin-bottom:60px;
	width:80%
}
.img-bg[data-v-794d5e62] {
	position:absolute;
	right:0;
	margin:0 auto;
	top:20px;
	width:100%
}
.div-download-app[data-v-794d5e62] {
	width:calc(100% - 40px);
	margin-left:20px;
	margin-right:20px;
	flex-wrap:wrap;
	flex-direction:row;
	margin-bottom:40px
}
.div-app[data-v-794d5e62],.div-download-app[data-v-794d5e62] {
	height:auto;
	display:flex;
	justify-content:center;
	align-items:center
}
.div-app[data-v-794d5e62] {
	flex-direction:column;
	width:140px;
	margin-bottom:42px;
	cursor:pointer;
	margin-right:12px;
	background:#fff
}
.app-code[data-v-794d5e62] {
	position:relative;
	height:130px;
	width:130px
}
.app-code[data-v-794d5e62],.app-logo[data-v-794d5e62] {
	display:flex;
	justify-content:center;
	align-items:center
}
.app-logo[data-v-794d5e62] {
	height:80px;
	width:80px;
	border-radius:65px;
	background-color:#666
}
.img-code[data-v-794d5e62] {
	z-index:100;
	position:absolute;
	left:0;
	top:0;
	height:130px;
	width:130px;
	opacity:0;
	transition:1s;
	overflow:hidden
}
.app-logo img[data-v-794d5e62] {
	height:36px;
	width:36px
}
.app-code:hover .mobile-app[data-v-794d5e62] {
	opacity:0;
	transition:1s;
	overflow:hidden
}
.app-code:hover .img-code[data-v-794d5e62] {
	opacity:1;
	transition:1s;
	overflow:visible
}
.app-name[data-v-794d5e62] {
	color:#333;
	font-weight:700;
	font-size:20px;
	margin-top:0
}
.app-download-button[data-v-794d5e62] {
	height:36px;
	width:126px;
	background-color:#666;
	color:#fff;
	border-radius:6px;
	font-weight:700;
	line-height:36px;
	text-decoration:none
}
.div-product[data-v-794d5e62] {
	height:auto;
	width:calc(100% - 40px);
	margin-left:20px;
	margin-right:20px;
	margin-bottom:40px;
	display:flex;
	padding-bottom:12px;
	flex-wrap:wrap;
	justify-content:center;
	flex-direction:row;
	align-items:center;
	border-bottom:1px solid #f9f9f9
}
.product[data-v-794d5e62] {
	display:flex;
	flex-direction:column;
	justify-content:left;
	justify-items:left;
	padding-bottom:32px;
	width:100%;
	margin-bottom:22px;
	background:#fff;
	border-radius:12px;
	border:1px solid #f9f9f9;
	border-bottom:1px solid #f9f9f9;
	box-shadow:0 0 12px rgba(0,0,0,.05)
}
.img-product-logo[data-v-794d5e62] {
	height:60px;
	width:60px;
	margin-top:32px;
	margin-left:42px;
	border-radius:50px
}
.app-product-name[data-v-794d5e62] {
	font-weight:700;
	font-size:22px
}
.app-product-desc[data-v-794d5e62],.app-product-name[data-v-794d5e62] {
	color:#333;
	margin-top:22px;
	margin-left:42px;
	margin-right:42px;
	margin-bottom:0;
	text-align:left
}
.app-product-desc[data-v-794d5e62] {
	font-size:16px;
	line-height:1.6
}
.product-link[data-v-794d5e62] {
	color:#46aaf7;
	font-size:18px;
	font-weight:500;
	margin-top:22px;
	text-decoration:none;
	text-align:left;
	margin-left:42px
}
.div-about[data-v-794d5e62] {
	height:auto;
	width:100%;
	display:flex;
	padding-top:32px;
	padding-bottom:32px;
	flex-wrap:wrap;
	justify-content:center;
	flex-direction:row;
	align-items:center;
	background:#fff
}
.about[data-v-794d5e62] {
	display:flex;
	flex-direction:column;
	justify-content:left;
	width:100%;
	padding:22px;
	margin-bottom:22px
}
.about-moji[data-v-794d5e62] {
	color:#333;
	font-size:16px;
	font-weight:400;
	margin-bottom:0;
	margin-top:22px;
	text-align:left
}
.div-record[data-v-794d5e62] {
	background:#fff;
	padding-bottom:22px
}
.moji-record[data-v-794d5e62] {
	color:#333;
	font-size:18px;
	font-weight:500;
	text-decoration:none;
	text-align:left
}
body,html {
	margin:0;
	padding:0;
	-webkit-tap-highlight-color:transparent
}
#app,body,html {
	width:100%;
	height:100%
}
#app {
	font-family:Avenir,Helvetica,Arial,sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-align:center;
	color:#2c3e50
}