<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="msapplication-TileImage" content="https://cdn.zbaseglobal.com/saasbox/product/icon/5987a8948e10ba44322daee261261136.png">
<link rel="shortcut icon" href="https://cdn.zbaseglobal.com/saasbox/product/icon/5987a8948e10ba44322daee261261136.png" type="image/x-icon"/>
<link rel="apple-touch-icon" href="https://cdn.zbaseglobal.com/saasbox/product/icon/5987a8948e10ba44322daee261261136.png">
<link rel="icon" href="https://cdn.zbaseglobal.com/saasbox/product/icon/5987a8948e10ba44322daee261261136.png">
<link rel="apple-touch-icon-precomposed" href="https://cdn.zbaseglobal.com/saasbox/product/icon/5987a8948e10ba44322daee261261136.png">
<link rel="canonical" href="https://zingfront.com/robots.txt">
<!-- quora pixel基础像素埋点 -->
<title>Not Found (#404)</title> <meta name="csrf-param" content="_csrf">
<meta name="csrf-token" content="BBiZdLWwRIFyplL5BOfZBBBP9kHBLrGrZNF82nINjK1rYu1B9vk-4jbOHspbirB-ZXaXCI1nx8M7ki2NX0Hfzw==">
<link href="https://zbase-global.zingfront.com/saasbox/assets/css/page.min.v1.css" rel="stylesheet">
<link href="https://zbase-global.zingfront.com/saasbox/assets/css/style.min.css" rel="stylesheet">
<script src="https://zbase-global.zingfront.com/saasbox/assets/js/jquery.min.js"></script>
<script src="//aeis.alicdn.com/sd/ncpc/nc.js?t=2015052012"></script> <style>
#saasbox-nav {
position: fixed;
z-index: 2000;
height: 60px;
min-height: 60px;
background-color: #FFFFFF;
border-color: #FFFFFF;
top: 0;
box-shadow: 0 10px 10px -6px rgba(170,170,170,0.5);
}
#saasbox-nav .nav {
flex-wrap: nowrap!important;
}
#saasbox-nav .nav-navbar .nav-item {
white-space: nowrap;
}
#saasbox-nav .nav-height {
line-height: inherit;
}
#saasbox-nav .nav-item > .nav-link {
color: #000000;
padding: 0;
height: 100%;
line-height: inherit;
box-sizing: border-box;
-webkit-transition: none;
transition: none;
}
.nav-link:hover {
color: #555;
}
.three_level_arrow {
position: absolute;
right: 1.25rem;
/* top: 50%;
margin-top: -2px; */
font-style: normal;
/* border: none; */
opacity: 0.7;
width: 5px;
height: 5px;
border-top: 1px solid rgba(117,117,117,0.8);
border-right: 1px solid rgba(117,117,117,0.8);
border-top-width: 1px !important;
transform: rotate(45deg);
}
#saasbox-nav .nav-item > .nav-link .arrow {
border-top: 3px solid#000000;
vertical-align: middle;
}
#saasbox-nav .nav-navbar .nav {
display: none;
max-height: calc(100vh - 100px);
overflow-y: auto;
}
.nav-navbar .nav .nav-link {
line-height: 40px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.vertical-align-middle {
transform: translateY(-50%);
position: relative;
top: 50%;
}
.sbox-carousel .vertical-align-middle {
transform: none !important;
position: relative;
top: 50%;
}
#saasbox-nav .navbar-brand img {
height: 50px;
max-height: 60px;
}
#saasbox-nav .nav>li>a:hover {
background: none !important;
}
.layout-container {
margin-top: 60px;
}
#saasbox_page_content .main-content>.container:first-child {
margin-top: 3rem;
}
@media (min-width: 992px) {
#saasbox-nav .nav-hover .nav-link {
border-bottom: 2px solid transparent;
}
#saasbox-nav .nav-hover:hover .nav-link,#saasbox-nav .nav-actived .nav-link {
border-bottom: 2px solid #000000;
}
#saasbox-nav .nav-height {
height: 40px;
line-height: 40px;
}
}
nav.nav a.nav-link:hover {
background: #f5f5f5;
}
.second_level:hover {
background: #f5f5f5;
}
/* nav li:hover {
background: #f5f5f5;
} */
nav.nav a.nav-link:hover+.nav {
display: block!important;
}
#saasbox-nav .nav-navbar .nav-item .nav>li:hover>nav{
display: block!important;
}
#saasbox-nav .nav-navbar .nav-item .nav>li>nav{
display: none!important;
}
#saasbox-nav .nav-navbar .nav-item .nav{
overflow:visible;
}
nav.nav.px-lg.py-lg-4::-webkit-scrollbar{
width: 0.5px;
height: 10px;
}
nav.nav.px-lg.py-lg-4::-webkit-scrollbar-thumb{
/* background-color: #fff; */
/* -webkit-border-radius: 0; */
/* width: 3px; */
height: 31px;
background: gray;
border-radius: 10px;
}
nav.nav a.nav-link+.nav {
display: none!important;
}
#saasbox-nav .nav-navbar .nav-item:hover>.nav {
display: block!important;
}
#saasbox-nav .nav-navbar .nav-item nav li a:hover+.nav {
display: block!important;
}
#saasbox-nav .nav-navbar .nav-item nav li a+.nav {
display: none!important;
}
#saasbox-nav .nav-navbar .nav-item>.nav {
display: none!important;
}
@media (max-width: 1280px) {
.nav-right > li:last-child > .nav {
right: -20px;
}
}
@media (min-width: 991.98px) {
.nav-carousel-mobile {
display: none;
}
}
.nav-carousel-mobile {
position: absolute;
right: 0px;
}
@media (max-width: 991.98px) {
#saasbox-nav .nav-item {
height: auto!important;
}
.nav-link {
display: block;
padding: 0.5rem 1rem;
}
#saasbox-nav .nav-item > .nav-link {
color: rgba(117,117,117,0.8);
height: inherit;
line-height: inherit;
padding: 0.5rem;
margin: 0 !important;
}
#saasbox-nav .nav-hover:hover,#saasbox-nav .nav-type-button:hover {
background: #f5f5f5;
}
#saasbox-nav .nav-item:hover .nav-link{
color: #555;
}
#saasbox-nav .nav-item > .nav-link .arrow {
border-top: 3px solid rgba(117, 117, 117, 0.8);
}
#saasbox-nav .nav-type-button .vertical-align-middle {
transform: inherit;
position: inherit;
top: inherit;
}
#saasbox-nav .nav-type-button .saasbox-btn {
border: inherit !important;
color: inherit !important;
border-radius: inherit !important;
padding: 0 !important;
line-height: inherit !important;
background-color: inherit !important;
}
#saasbox-nav .nav-type-icon > div {
color: inherit !important;
}
#saasbox-nav .nav-type-icon > div > .arrow {
border-top: 3px solid rgba(117, 117, 117, 0.8)!important;
}
#saasbox-nav .nav-item-carousel-pc {
display: none;
}
#layout-footer .footer-logo {
max-height: 50px;
}
}
.navbar-toggler {
margin-right: 0px;
}
.py-7 {
padding-top: 1.25rem !important;
}
/* .footer {
overflow: visible;
} */
.row.gap-y>[class*="col-"] {
padding-top: 5px;
padding-bottom: 0px;
}
#saasbox-nav .saasbox-btn-corner-ad {
background-color: #FECC6D !important;
display: inline-block;
position: absolute;
bottom: -6px;
left: -6px;
transform: scale(0.6);
height: 25px;
width: 25px;
line-height: 25px;
font-size: 14px;
border-radius: 6px;
color: white;
}
.sbox-carousel-hover {
display:none;
padding: 10px;
width: 240px;
border-radius: 5px;
box-shadow: 0 0px 1px 1px #cccccc85;
position: absolute;
background: white;
left:20px;
line-height:1.5;
white-space: normal;
word-wrap: break-word;
}
.sbox-carousel-hover::before {
content: '';
position: absolute;
z-index: 1;
top: -5px;
left: 30px;
display: block;
width: 0;
height: 0;
border: 5px solid #fff;
border-top: 0;
border-left-color: transparent;
border-right-color: transparent;
}
.sbox-carousel-hover::after {
content: '';
position: absolute;
top: -6px;
left: 28px;
display: block;
width: 0;
height: 0;
border: 7px solid rgba(240, 240, 240, 0.5);
border-top: 0;
border-left-color: transparent;
border-right-color: transparent;
}
.sbox-carousel-hover img {
height:25px;
width:25px;
}
.sbox-carousel-hover a {
margin-left:10px;
text-decoration: underline;
font-size: 17px;
}
.sbox-nav-carousel-link-mobile {
display:block;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.87em;
word-spacing: 2px;
padding-left: 1.125rem;
padding-right: 1.125rem;
}
.sbox-carousel-hover p {
font-size: 12px;
line-height: 15px;
margin-bottom: 0px;
line-height:1.5;
}
.saasbox-container {
width: 100% !important;
max-width: 1140px;
margin: 0 auto;
}
.fa {
font-size: 16px;
vertical-align: middle;
}
.footer .social-btn-container .vertical-align-middle {
transform: inherit;
position: inherit;
top: inherit;
}
.footer .social-btn-container {
/*margin-top: 15px;*/
margin-bottom: 10px;
font-weight: 600;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
.footer .social .fa {
margin-top: -4px;
}
.nav-line {
margin: 0 5px;
border-top: 1px solid #e7e8ec;
}
.panel-second-level-menu {
line-height: 40px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-transform: none;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
letter-spacing: .5px;
font-size: .87em;
word-spacing: 2px;
padding-left: 1.125rem;
padding-right: 1.125rem;
display: block;
}
#saasbox-nav .nav-user-img {
float: left;
margin-right: 8px;
width: 48px;
height: 48px;
font-size: 48px;
color: rgba(117,117,117,0.8);
border-radius: 50%;
}
.nav-user-info {
float: left;
line-height: 30px;
}
.nav-user-info p {
margin-bottom: 0;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
#layout-footer {
background-color: #fafafa;
}
#layout-footer .footer-logo {
height: 50px;
max-height: 100px;
}
#layout-footer h6 {
color: #111;
}
#layout-footer a {
color: #888 !important;
}
#layout-footer p {
color: #888;
}
#layout-footer .social-bordered a {
border: 1px solid #888;
}
#layout-footer .dropup span {
color: #888 !important;
}
#layout-footer .dropup a {
color: #000 !important;
}
#layout-footer .social.social-bordered a {
overflow: hidden;
}
#layout-footer .fa-discord {
background: url("https://cdn.zbaseglobal.com/zbase/test/2021/discord-line.svg");
position:relative;
left: -33px;
-webkit-filter:drop-shadow(32px 0 #888);
filter:drop-shadow(32px 0 #888);
background-size: 100% 100%;
width: 32px;
height: 32px;
}
#layout-footer .dropdown-menu {
background-color: #FFF !important;
}
#layout-footer .dropup .dropdown-toggle {
pointer-events: none;
}
.navbar-dark .navbar-toggler, .navbar-stick-dark.stick .navbar-toggler {
color: #000000;
}
.navbar-light .navbar-toggler, .navbar-stick-light.stick .navbar-toggler {
color: #000000;
}
.navbar-light .navbar-divider, .navbar-stick-light.stick .navbar-divider {
background-color: #000000;
opacity: 1;
}
.nav-user-profile {
width: max-content;
}
.nav-user-info__name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-box-orient: vertical;
width: 100px;
}
.nav-user-info__plan {
border: 1px solid;
border-radius: 6px;
text-align: center;
width: max-content;
padding: 0 8px;
}
.nav-user-plan-icon {
vertical-align: sub;
margin-left: 5px;
whdth: 20px!important;
}
.bs-tooltip-bottom .arrow::before {
border-bottom-color: #FFFFFF;
}
.bs-tooltip-bottom .tooltip-inner {
color: #5A5A5A;
background-color: #FFFFFF;
box-shadow: 0 0 3px 3px #ddd;
}
.trigger {
position: relative;
text-align: center;
}
.popup-custom {
position: absolute;
left: 0;
background: none;
border-radius: 100px;
width: 100%;
top: 83px;
display: none;
}
.popup-custom:before {
content: "";
width: 15px;
height: 15px;
transform: rotate(-45deg);
background: #fff;
position: absolute;
box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.5);
z-index: -1;
top: -2px;
left: calc(50% - 10px);
}
.inner {
background-color: #fff;
border-radius: 5px;
text-align: center;
width: max-content;
margin: 0 auto;
padding: 0 20px;
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
}
html,body{
height:auto
}
.site-statement {
text-align: center;
margin-bottom: -43px;
}
.site-statement hr {
margin: 0px;
}
#layout-footer .site-statement p {
font-size: 12px;
margin-bottom: 0px;
color: rgba(8,8,8,0.5);
}
#layout-footer .footer-content {
margin-bottom: 15px;
}
.crisp-client {
z-index: 1999;
}
.saasbox-footer-wrap {
display: flex;
margin: 0 -16px;
padding: 0 16px;
column-gap: 10px;
}
.saasbox-footer-wrap .footer-left {
width: 200px;
flex-shrink: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.saasbox-footer-wrap .footer-middle {
display: grid;
flex-grow: 1;
width: 0;
column-gap: 10px;
grid-template-columns: repeat(4, max-content);
justify-content: space-between;
}
@media screen and (max-width: 1080px) {
.saasbox-footer-wrap .footer-middle {
grid-template-columns: repeat(3, max-content);
}
}
@media screen and (max-width: 920px){
.saasbox-footer-wrap .footer-middle {
grid-template-columns: repeat(2, max-content);
}
}
@media screen and (max-width: 768px){
.saasbox-footer-wrap .footer-middle {
grid-template-columns: repeat(1, max-content);
}
.saasbox-footer-wrap {
display: block;
}
.saasbox-footer-wrap .footer-left, .saasbox-footer-wrap .footer-middle {
width: 100%;
}
}
/* @media screen and (max-width: 576px){
.saasbox-footer-wrap .footer-middle {
grid-template-columns: repeat(1, max-content);
}
.saasbox-footer-wrap {
display: block;
}
.saasbox-footer-wrap .footer-left, .saasbox-footer-wrap .footer-middle {
width: 100%;
}
} */
.saasbox-footer-wrap .footer-middle-item .nav {
max-width: 300px;
}
</style>
<!-- Favicons -->
<script async src='https://www.googletagmanager.com/gtag/js?id=None'></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'None');
</script> </head>
<body class="">
<style>
#saasbox-nav .saasbox-nav-banner {
height: 40px !important;
width: 100%;
position: fixed;
top: 60px;
right: 0;
left: 0;
background: #FFFFFF;
z-index: 99999;
}
#saasbox-nav .saasbox-nav-banner .nav-banner-content {
text-align: center;
line-height: 40px;
color: #000000;
}
#saasbox-nav .saasbox-nav-banner .nav-banner-close {
float: right;
margin-top: 11px;
margin-right: 11px;
cursor: pointer;
color: #000000;
}
#saasbox-nav .nav-navbar .nav-item>.nav, .sbox-carousel-hover {
z-index: 100000;
}
#saasboxNavBanner .nav-banner-close .nav-banner-tooltip {
visibility: hidden;
background-color: black;
color: #fff;
text-align: center;
padding: 9px;
border-radius: 5px;
position: absolute;
z-index: 1;
font-size: 14px;
}
#saasboxNavBanner .nav-banner-close:hover .nav-banner-tooltip {
visibility: visible;
}
#saasboxNavBanner .nav-banner-tooltip-bottom {
top: 45px;
bottom: auto;
right: 6px;
}
nav.nav {
right: -40px;
}
#saasboxNavBanner .nav-banner-tooltip-bottom::after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: 61px;
border-width: 4px;
border-style: solid;
border-color: transparent transparent black transparent;
}
@media (min-width: 991.98px) {
#saasbox-nav .nav-navbar .nav-item>.nav {
display: none!important;
}
#saasbox-nav .nav-navbar .nav-item:hover>.nav {
display: block!important;
}
}
.over-navbar .navbar-toggler {
display: block;
}
.over-navbar .navbar-mobile {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: start;
align-items: flex-start;
width: 300px;
height: 100vh;
position: fixed;
top: 0;
left: -300px;
bottom: 0;
padding: 20px;
background-color: #fff;
overflow-y: auto;
overflow-x: hidden;
-webkit-transition: left 0.3s ease;
transition: left 0.3s ease;
z-index: 1002;
}
.over-navbar .nav-navbar .nav {
position: static;
visibility: visible;
opacity: 1;
-webkit-box-shadow: none;
box-shadow: none;
margin-left: 1.25rem;
padding-top: 0;
padding-bottom: 0;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.over-navbar .nav-height {
height: auto!important;
line-height: inherit!important;
}
.over-navbar .backdrop-navbar {
display: block!important;
}
.over-navbar .nav-item-carousel-pc {
display: none;
}
.over-navbar .nav-carousel-mobile {
display: block;
}
.over-navbar .navbar-mobile > * {
padding-top: 10px;
padding-bottom: 10px;
}
.over-navbar .nav-actived .nav-link {
border: none!important;
}
.over-navbar .nav-item > .nav-link {
color: rgba(117,117,117,0.8)!important;
height: inherit!important;
line-height: inherit!important;
padding: 0.5rem!important;
margin: 0 !important;
}
.over-navbar .nav-item:hover .nav-link {
color: #555!important;
}
.over-navbar .nav-hover .nav-link {
border: none!important;
}
.over-navbar .nav-hover:hover .nav-link,.over-navbar .nav-actived .nav-link {
border: none!important;
}
.over-navbar .navbar-divider {
display: block;
height: 1px;
width: 100%;
margin: 1rem 0;
padding: 0;
}
.over-navbar .nav-navbar:not(.nav-inline) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
flex-wrap: nowrap;
width: 100%; }
.over-navbar .nav-navbar:not(.nav-inline) > .nav-item > .nav-link,
.over-navbar .nav-navbar:not(.nav-inline) > .nav-link {
min-height: inherit;
line-height: inherit;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
font-size: 0.95rem;
text-transform: none;
}
.over-navbar .nav-navbar:not(.nav-inline) .arrow {
float: right;
margin-top: 12px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.over-navbar .nav-navbar:not(.nav-inline) .nav-divider {
display: none;
}
.over-navbar .nav-navbar:not(.nav-inline) > .nav-item > .nav {
display: none;
border-left: 1px dashed rgba(0, 0, 0, 0.08);
}
.over-navbar .nav-navbar:not(.nav-inline) > .nav-item > .nav::before {
content: '';
display: inline-block;
position: absolute;
top: 9px;
left: -4px;
bottom: 15px;
border-left: 1px dashed rgba(0, 0, 0, 0.08);
display: none;
}
.over-navbar .nav-navbar .nav.columns-2, .over-navbar .nav-navbar .nav.columns-3 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
min-width: 100%;
}
.over-navbar .nav-navbar .nav.columns-2 > .nav-link,
.over-navbar .nav-navbar .nav.columns-2 > .nav-item, .over-navbar .nav-navbar .nav.columns-3 > .nav-link,
.over-navbar .nav-navbar .nav.columns-3 > .nav-item {
flex-basis: 100%;
}
.over-navbar .nav-navbar .nav .nav-link {
padding-top: 0.375rem;
padding-bottom: 0.375rem;
font-size: 0.875rem;
}
.over-navbar .d-mobile-none {
display: none !important;
}
.over-navbar .d-mobile-block {
display: block !important;
}
.over-navbar .d-mobile-flex {
display: -webkit-box !important;
display: flex !important;
}
.over-navbar .d-mobile-inline-flex {
display: -webkit-inline-box !important;
display: inline-flex !important;
}
.over-navbar .d-mobile-inline-block {
display: inline-block !important;
}
.over-navbar .nav-item {
height: auto!important;
}
.over-navbar .nav-hover:hover,.over-navbar .nav-type-button:hover {
background: #f5f5f5;
}
.over-navbar .nav-item:hover .nav-link{
color: #555;
}
.over-navbar .nav-item > .nav-link .arrow {
border-top: 3px solid rgba(117, 117, 117, 0.8)!important;
}
.over-navbar .nav-type-button .vertical-align-middle {
transform: inherit;
position: inherit;
top: inherit;
}
.over-navbar .nav-type-button .saasbox-btn {
border: inherit !important;
color: inherit !important;
border-radius: inherit !important;
padding: 0 !important;
line-height: inherit !important;
background-color: inherit !important;
}
.over-navbar .nav-type-icon > div {
color: inherit !important;
}
.over-navbar .nav-type-icon > div > .arrow {
border-top: 3px solid rgba(117, 117, 117, 0.8)!important;
}
</style>
<!-- Navbar -->
<nav id="saasbox-nav" class="navbar navbar-expand-lg navbar-light navbar-stick-dark">
<div class="container saasbox-container">
<div class="navbar-left">
<button class="navbar-toggler" type="button">☰</button>
<a class="navbar-brand" href="/">
<img class="logo-dark" src="https://cdn.zbaseglobal.com/saasbox/product/icon/5e9af89ccb3300dc2b38c14c0323b8e2.png" alt="logo">
<img class="logo-light" src="https://cdn.zbaseglobal.com/saasbox/product/icon/5e9af89ccb3300dc2b38c14c0323b8e2.png" alt="logo">
</a>
</div>
<section class="navbar-mobile">
<span class='navbar-divider d-mobile-none'></span> <ul class="nav nav-navbar nav-height">
<li class='nav-item nav-hover' style='height:40px;'>
<a class='nav-link nav-type-text' href='/' style='margin-left: 15px; margin-right: 15px;'>Home</a>
</li><li class='nav-item' style='height:40px;'>
<span class='nav-link nav-type-text' style='margin-left: 15px; margin-right: 15px;;cursor: pointer;'>Product <span class='arrow'></span></span>
<nav class='nav'><li style='position: relative;' class='second_level'><a class='nav-link' href='https://www.socialpeta.com' target='_blank'>SocialPeta</a></li><li style='position: relative;' class='second_level'><a class='nav-link' href='https://live3d.io' target='_blank'>Live3D</a></li></nav>
</li><li class='nav-item nav-hover' style='height:40px;'>
<a class='nav-link nav-type-text' href='/technology' style='margin-left: 15px; margin-right: 15px;'>Technology</a>
</li><li class='nav-item nav-hover' style='height:40px;'>
<a class='nav-link nav-type-text' href='/solutions' style='margin-left: 15px; margin-right: 15px;'>Solutions</a>
</li><li class='nav-item nav-hover' style='height:40px;'>
<a class='nav-link nav-type-text' href='/about' style='margin-left: 15px; margin-right: 15px;'>About</a>
</li> </ul>
<ul class="nav nav-navbar nav-right ml-auto nav-height">
</ul>
</section>
<div class="nav-carousel-mobile"></div> </div>
<div id="saasboxNavBanner" class="saasbox-nav-banner" style="display: none;"></div>
</nav>
<!-- /.navbar -->
<div class="layout-container" id="mainContent">
<div class="site-error">
<h1>Not Found (#404)</h1>
<div class="alert alert-danger">
Page not found. </div>
<p>
The above error occurred while the Web server was processing your request.
</p>
<p>
Please contact us if you think this is a server error. Thank you.
</p>
</div>
</div>
<style>
#pay_unpaid_invoice {
z-index: 2000;
border-radius: 8px;
width: 380px;
height: auto;
/*height: 200px;*/
top: 80px;
right: 20px;
background-repeat: no-repeat;
background-position: 5px 5px;
animation: slip_left_in;
animation-duration: 1.5s;
display: flex;
flex-direction: row;
padding: 14px 26px 14px 13px;
box-sizing: border-box;
border: 1px solid #ebeef5;
position: fixed;
background-color: #fff;
box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s;
overflow: hidden;
}
@keyframes slip_left_in {
0% {
right: -380px;
top: 80px;
}
100% {
right: 20px;
top: 80px;
}
}
#pay_lasted_invoice_button {
border-radius: 5px;
border: none;
color: white;
width: 100px;
background-color: #67c23a;
margin-left: 50px;
margin-top: 7px;
height: 28px;
line-height: 1;
}
#cancel_pay_invoice_button {
border-radius: 5px;
border: none;
color: white;
width: 100px;
background-color: #F56C6C;
margin-left: 100px;
margin-top: 7px;
height: 28px;
line-height: 1;
}
#pay_invoice {
display: flex;
}
#pay_invoice_left_top {
width: 20%;
margin-left: 15px;
margin-top: 5px;
}
#pay_invoice_right_top {
display: flex;
flex-direction: column;
width: 70%;
margin-top: 5px;
}
#pay_invoice_button {
width: 100%;
/*border-top-style: solid;*/
/*border-top-color: #dadce0;*/
}
#pay_lastest_success {
/*background-color: cornflowerblue;*/
}
#pay_invoice_close:hover {
background: #f4f4f4;
background-image: -webkit-linear-gradient(top, #f4f4f4, white);
background-image: -moz-linear-gradient(top, #f4f4f4, white);
background-image: -ms-linear-gradient(top, #f4f4f4, white);
background-image: -o-linear-gradient(top, #f4f4f4, white);
background-image: linear-gradient(to bottom, #f4f4f4, white);
text-decoration: none;
}
</style>
<script>
// 跳转到未完成的支付页面
function jumpToInvoice() {
// 初始化用户
var user_info = {
'id': '',
'email': '',
'registered_at': ''
};
var user_action = {
'user_action': 12,
'action_type': 1,
'user_info': user_info
};
// $('#pay_unpaid_invoice').css('display','none');
$.ajax({
type: "POST",
url: "/user/default/save-renew-popup-action",
async: true,
data: {
'user_action': user_action,
'product_mark': ''
},
success(res) {
if (res.code == 100000) {
window.open("");
}
}
});
}
// 点击取消，不再弹出支付页面
function cancelJumpPayInvoice() {
$('#pay_unpaid_invoice').css('display', 'none');
// 初始化用户
var user_info = {
'id': '',
'email': '',
'registered_at': ''
};
var user_action = {
'user_action': 14,
'action_type': 1,
'user_info': user_info
};
// $('#pay_unpaid_invoice').css('display','none');
$.ajax({
type: "POST",
url: "/user/default/save-renew-popup-action",
async: true,
data: {
'user_action': user_action,
'product_mark': ''
},
success(res) {
}
});
// 关闭弹窗之后写入用户行为数据，是否需要异步写入
// user_action = 11 弹窗弹出 12 点击订阅，13 取消订阅 14 关闭弹窗
}
// 点击取消订阅
function cancelUserPayInvoice() {
// 初始化用户
var user_info = {
'id': '',
'email': '',
'registered_at': ''
};
var user_action = {
'user_action': 13,
'action_type': 1,
'user_info': user_info
};
$.ajax({
type: "POST",
url: "/pay/default/cancel-old-sub",
async: true,
data: {
"stripe_sub": '',
},
success(res) {
if (res.code == 100000) {
$.ajax({
type: "POST",
url: "/user/default/save-renew-popup-action",
async: true,
data: {
'user_action': user_action,
'product_mark': ''
},
success(res) {
if (res.code == 100000) {
// 将弹窗关闭
$('#pay_unpaid_invoice').css('display', 'none');
}
}
});
} else {
$('#cancelUserPayInvoiceTipId').css('display','block');
document.getElementById('cancelUserPayInvoiceTipId').innerHTML = res.message
}
}
});
}
</script>
<script>
// 新版谷歌登录callback函数 拼接GA分析参数
function handleCredentialResponse(res) {
let ga_cid = getGACid();
let data = {ga_cid: ga_cid};
let state = btoa(encodeURIComponent(JSON.stringify(data)));
$.ajax({
type: "POST",
url: "/user/default/new-google-callback",
async: true,
data: {
"JWT": res,
"state": state
},
success(res) {
if (res.code == 100000) {
// 向quora pixel同步用户注册事件
if (res.data.is_register) {
if (typeof qp === "function") {
qp('track', 'CompleteRegistration');
}
// 向ga发送谷歌注册事件
if (typeof gtag === "function") {
gtag('event', 'google_register', {
'event_category': 'google_register',
'label': 'google_register_label',
'method': 'Google'
});
}
}
// 向ga发送谷歌登录事件
if (typeof gtag === "function") {
gtag('event', 'google_login', {
'event_category': 'google_login',
'label': 'google_login_label',
'method': 'Google'
});
}
if(res.data && res.data.url && res.data.url != "/"){
window.location.href = res.data.url;
} else {
window.location.reload();
}
} else {
if (res.data && res.data.url) {
window.location.href = res.data.url;
} else {
window.location.href = '/user/login';
}
}
}
});
};
var overWidth = 992;
// 判断nav内容是否溢出，溢出切换为移动端样式
function navChange() {
var navWrap = document.querySelector('#saasbox-nav');
var navWidth = navWrap.clientWidth;
var navScrollWidth = navWrap.scrollWidth;
if (navWidth > 991 && navWidth < 1280 && navScrollWidth - navWidth > 0) {
document.body.clientWidth > overWidth ? overWidth = document.body.clientWidth : '';
$(navWrap).addClass('over-navbar');
} else {
if (document.body.clientWidth > overWidth || document.body.clientWidth< 992 || navWidth > 1280) {
$(navWrap).removeClass('over-navbar');
}
}
};
$('#saasbox-nav').ready(function(){
navChange();
});
$(window).resize(function() {
navChange();
});
window.saasboxOpenNavBanner = function (placeholder1 = '', placeholder2 = '', placeholder3 = '') {
var banner_cookie_name = 'saasboxNavBanner';
var banner_cookie = getCookie(banner_cookie_name);
var saasbox_language = "en-US";
if (banner_cookie) {
return;
}
var banner_config = {"active":false,"is_closed":false,"text_color":"#000000","background_color":"#FFFFFF","nav_banner_height":100,"content":""};
var banner_height = banner_config.nav_banner_height;
if (banner_config.length === 0) {
return;
}
if (banner_config.active !== true) {
return;
}
var banner_element = document.getElementById(banner_cookie_name);
var content = banner_config.content.replace('[%placeholder1%]', placeholder1);
content = content.replace('[%placeholder2%]', placeholder2);
content = content.replace('[%placeholder3%]', placeholder3);
if (banner_config.is_closed) {
var tooltip_text = 'Do not prompt today';
if (saasbox_language == 'zh-CN') {
tooltip_text = '今日不再提示';
}
content += '<i class="fa fa-times nav-banner-close" aria-hidden="true" onclick="saasboxCloseNavBanner()"><span class="nav-banner-tooltip nav-banner-tooltip-bottom">' + tooltip_text + '</span></i>';
}
content = '<p class="nav-banner-content">' + content + '</p>';
banner_element.innerHTML = content;
banner_element.style.display = "";
var layout_container = document.getElementById("mainContent");
layout_container.style.marginTop = banner_height + 'px';
};
window.saasboxCloseNavBanner = function () {
var banner_cookie_name = 'saasboxNavBanner';
var banner_element = document.getElementById(banner_cookie_name);
banner_element.style.display = "none";
var layout_container = document.getElementById("mainContent");
layout_container.style.marginTop = '';
setCookie(banner_cookie_name, banner_cookie_name, 1)
};
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i].trim();
if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
}
return "";
}
function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
var expires = "expires=" + d.toGMTString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}
</script>
<script type="text/javascript" src="https://cdn.zbaseglobal.com/zbase/js/zbase-fingerprint.js">
</script>
<script>
//处理是否需要生成匿名用户的id,用于记录用户行为日志
function handleCookieAnonymousUserId() {
var cookie_expire_days = 3;
//从cookie取值，是否是该用户第一次访问
var is_first_visit = getCookie("is_first_visit");
//表示是第一次访问
if (is_first_visit == "true") {
var fp = new Fingerprint2();
fp.get(function(result) {
var anonymous_user_id = result;
//设置anonymous_user_id到cookie中
document.cookie = "anonymous_user_id="+anonymous_user_id;
//从cookie中读取first_visit_path,通过ajax模拟调用一次
var first_visit_path = getCookie("first_visit_path");
if ("" != first_visit_path){
//通过ajax的方式模拟调用一次
first_visit_path = unescape(first_visit_path)
$.ajax({
type: "GET",
url: first_visit_path,
async: true,
data: {
},
success(res) {
},
error(error){
}
});
}
});
}
//表示业务侧后端代码，没有记录用户通过渠道来的用户信息,生成匿名用户id即可
else if (is_first_visit == "") {
var fp = new Fingerprint2();
fp.get(function(result) {
var anonymous_user_id = result;
//设置anonymous_user_id到cookie中
document.cookie = "anonymous_user_id="+anonymous_user_id;
//设置is_first_visit到cookie中
document.cookie = "is_first_visit=true";
});
}
//表示用户不是第一次访问，不需要任何操作
else {
}
}
//默认调用
handleCookieAnonymousUserId();
</script>
<!-- Footer -->
<footer id="layout-footer" class="footer bg-gray py-7">
<div class='footer-content'>
<div class='container saasbox-container'>
<div class='saasbox-footer-wrap'>
<div class='footer-left'>
<div>
<a href='/'>
<img src='https://cdn.zbaseglobal.com/saasbox/product/icon/5e9af89ccb3300dc2b38c14c0323b8e2.png' alt='logo' class='footer-logo'>
</a>
</div>
</div>
<div class='col-6 col-md-6 col-xl-6 flex-wrap' style='display: inline-flex;justify-content: space-between;'><div style='margin:0 10px;'><h6 class='mb-4 mt-1'><strong>RESOURCE</strong></h6><div class='nav flex-column' style='white-space: nowrap;'><a class='nav-link' href='/technology'>Technology</a><a class='nav-link' href='/solutions'>Solutions</a><a class='nav-link' href='/about'>About</a></div></div><div style='margin:0 10px;'><h6 class='mb-4 mt-1'><strong>Products</strong></h6><div class='nav flex-column' style='white-space: nowrap;'><a class='nav-link' href='https://www.guangdada.net/' target='_blank'>Guangdada</a><a class='nav-link' href='https:/socialpeta.com' target='_blank'>SocialPeta</a><a class='nav-link' href='https:/live3d.io' target='_blank'>Live3D</a></div></div><div style='margin:0 10px;'><h6 class='mb-4 mt-1'><strong>Cloud</strong></h6><div class='nav flex-column' style='white-space: nowrap;'><a class='nav-link' href='https://zingfront.cn/apicloud'>APICLOUD</a></div></div></div>
</div>
</div> </div>
<div class='site-statement'>
<hr/>
<p>
© 2022 ZingFront | All rights reserved | <a href="https://beian.miit.gov.cn/" target="_blank">京ICP备15065018号-2</a> </p>
</div>
</footer>
<script>
// switch language
function switchLanguage(language) {
var name = 'sbox-l';
var value = language;
var date = new Date();
date.setTime(date.getTime() + (24 * 3600 * 1000));
var expires = date.toGMTString();
document.cookie = name + "=" + value + ';expires=' + expires + ";path=/";
// encode编码避免XSS
let window_href = "";
if (window_href != '') {
let url = "/" + language + window_href;
if (window_href == '/') {
url = "/" + language
}
window.location.href = url;
return;
}
if(self != top) {
window.parent.location.reload();
} else {
location.reload();
}
}
</script>
<script>
var contentMinH = $(window).height()-$("#saasbox-nav").height()-$(".footer").outerHeight();
$("#mainContent").css('minHeight',contentMinH+'px');
$(function () {
$(".tigger").mouseenter(function() {
$(this).find(".popup-custom").css("display", "block");
});
$(".tigger").mouseleave(function() {
$(this).find(".popup-custom").css("display", "none");
});
});
$(".sbox-carousel > .nav-link.nav-type-button").mouseenter(function() {
var sboxCarousel = $(this).parent();
sboxCarousel.attr('data-sboxmouseon', 1);
setTimeout(() => {
let sboxCarouselHover = sboxCarousel.siblings('.sbox-carousel-hover');
let navBtnFirst = $(this).children();
let hoverA = sboxCarouselHover.children('a');
hoverA.text(navBtnFirst.attr('data-sboxtitle'));
hoverA.attr('href', navBtnFirst.attr('data-sboxurl'));
let hoverP = sboxCarouselHover.children('p');
hoverP.text(navBtnFirst.attr('data-sboxsubtitle'));
let hoverImg = sboxCarouselHover.children('img');
hoverImg.attr('src', 'https://cdn.zbaseglobal.com/' + navBtnFirst.attr('data-sboxicon'));
sboxCarouselHover.show();
}, 0);
});
$(".sbox-carousel").mouseleave(function() {
$(this).attr('data-sboxmouseon', 0)
let sboxCarousel = $(this);
setTimeout(function() {
let sboxCarouselHover = sboxCarousel.siblings('.sbox-carousel-hover');
if (sboxCarouselHover.attr('data-sboxmouseon') != 1) {
sboxCarouselHover.hide();
}
}, 50);
});
$(".sbox-carousel-hover").mouseenter(function() {
$(this).attr('data-sboxmouseon', 1)
$(this).show();
});
$(".sbox-carousel-hover").mouseleave(function() {
$(this).attr('data-sboxmouseon', 0)
$(this).hide();
});
$(".sbox-carousel").each(function(i, sboxCarousel) {
if (sboxCarousel.children.length <= 1) {
return
}
var interval = sboxCarousel.dataset.sboxinterval
var childFirst = sboxCarousel.children[0];
var timer = 0;
setTimeout(() => {
timer = setInterval(scrol, 30);
}, interval * 1000);
function scrol() {
if (sboxCarousel.dataset.sboxmouseon == 1) {
if (sboxCarousel.scrollTop >= childFirst.scrollHeight / 2) {
let childFirst = sboxCarousel.children[0];
sboxCarousel.removeChild(childFirst);
sboxCarousel.appendChild(childFirst);
}
sboxCarousel.scrollTop = 0;
return;
}
if (sboxCarousel.scrollTop >= childFirst.scrollHeight
) {
sboxCarousel.scrollTop = 0;
childFirst = sboxCarousel.children[0];
sboxCarousel.removeChild(childFirst);
sboxCarousel.appendChild(childFirst);
clearInterval(timer);
setTimeout(() => {
timer = setInterval(scrol, 30);
}, interval * 1000);
} else {
sboxCarousel.scrollTop++;
}
}
});
</script>
<script type="text/javascript">
</script>
<!--huoYan-->
<!-- Taboola Pixel Code -->
<!-- /.footer -->
<script src="https://zbase-global.zingfront.com/saasbox/assets/js/page.20210122.min.v1.js"></script>
<script src="https://zbase-global.zingfront.com/saasbox/assets/js/script.min.js"></script></body>
</html>