|
|
@@ -0,0 +1,327 @@ |
|
|
|
<html lang="en"> |
|
|
|
|
|
|
|
<head> |
|
|
|
<meta charset="utf-8" /> |
|
|
|
<base href="/" /> |
|
|
|
<title ss-id="index_title">常客云 - 企业工具服务</title> |
|
|
|
<meta name="Description" content="常客云APP, 企业服务" /> |
|
|
|
<meta name="keywords" content="常客云" /> |
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" /> |
|
|
|
<style type="text/css"> |
|
|
|
html, |
|
|
|
body { |
|
|
|
font-family: 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', |
|
|
|
sans-serif; |
|
|
|
font-size: 12px; |
|
|
|
} |
|
|
|
|
|
|
|
.clean::after { |
|
|
|
content: ''; |
|
|
|
height: 1px; |
|
|
|
display: block; |
|
|
|
clear: both; |
|
|
|
} |
|
|
|
|
|
|
|
ul, |
|
|
|
li { |
|
|
|
list-style: none; |
|
|
|
} |
|
|
|
|
|
|
|
.flex-h, |
|
|
|
.flex-v, |
|
|
|
.flex { |
|
|
|
display: flex; |
|
|
|
flex-direction: row; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
|
|
|
|
.flex-h, |
|
|
|
.flex-v, |
|
|
|
.flex { |
|
|
|
/* display: box; */ |
|
|
|
display: -webkit-box; |
|
|
|
display: -webkit-flex; |
|
|
|
display: -moz-box; |
|
|
|
display: -ms-flexbox; |
|
|
|
display: flex; |
|
|
|
/* 横向 */ |
|
|
|
-webkit-box-orient: horizontal; |
|
|
|
-webkit-flex-direction: row; |
|
|
|
-ms-flex-direction: row; |
|
|
|
flex-direction: row; |
|
|
|
/* 默认垂直居中 */ |
|
|
|
-webkit-box-align: center; |
|
|
|
-webkit-align-items: center; |
|
|
|
-ms-flex-align: center; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
|
|
|
|
.flex-v { |
|
|
|
/* 横向 */ |
|
|
|
-webkit-box-orient: vertical; |
|
|
|
-webkit-flex-direction: column; |
|
|
|
-ms-flex-direction: column; |
|
|
|
flex-direction: column; |
|
|
|
} |
|
|
|
|
|
|
|
.flex-1, |
|
|
|
.flex-grow { |
|
|
|
-prefix-box-flex: 1; |
|
|
|
-webkit-box-flex: 1; |
|
|
|
-webkit-flex: 1; |
|
|
|
-moz-box-flex: 1; |
|
|
|
-ms-flex: 1; |
|
|
|
flex: 1; |
|
|
|
} |
|
|
|
|
|
|
|
.flex-2 { |
|
|
|
-prefix-box-flex: 2; |
|
|
|
-webkit-box-flex: 2; |
|
|
|
-webkit-flex: 2; |
|
|
|
-moz-box-flex: 2; |
|
|
|
-ms-flex: 2; |
|
|
|
flex: 2; |
|
|
|
} |
|
|
|
|
|
|
|
.flex-3 { |
|
|
|
-prefix-box-flex: 3; |
|
|
|
-webkit-box-flex: 3; |
|
|
|
-webkit-flex: 3; |
|
|
|
-moz-box-flex: 3; |
|
|
|
-ms-flex: 3; |
|
|
|
flex: 3; |
|
|
|
} |
|
|
|
|
|
|
|
.flex-4 { |
|
|
|
-prefix-box-flex: 4; |
|
|
|
-webkit-box-flex: 4; |
|
|
|
-webkit-flex: 4; |
|
|
|
-moz-box-flex: 4; |
|
|
|
-ms-flex: 4; |
|
|
|
flex: 4; |
|
|
|
} |
|
|
|
|
|
|
|
.flex-5 { |
|
|
|
-prefix-box-flex: 5; |
|
|
|
-webkit-box-flex: 5; |
|
|
|
-webkit-flex: 5; |
|
|
|
-moz-box-flex: 5; |
|
|
|
-ms-flex: 5; |
|
|
|
flex: 5; |
|
|
|
} |
|
|
|
|
|
|
|
.flex-start { |
|
|
|
-webkit-box-align: start; |
|
|
|
-webkit-align-items: start; |
|
|
|
-ms-flex-align: start; |
|
|
|
align-items: start; |
|
|
|
} |
|
|
|
|
|
|
|
.flex-center { |
|
|
|
-webkit-box-align: center; |
|
|
|
-webkit-align-items: center; |
|
|
|
-ms-flex-align: center; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
|
|
|
|
.selectable { |
|
|
|
-webkit-user-select: text; |
|
|
|
-moz-user-select: text; |
|
|
|
-ms-user-select: text; |
|
|
|
user-select: text; |
|
|
|
} |
|
|
|
|
|
|
|
.selectall { |
|
|
|
-webkit-user-select: all; |
|
|
|
-moz-user-select: all; |
|
|
|
-ms-user-select: all; |
|
|
|
user-select: all; |
|
|
|
} |
|
|
|
|
|
|
|
.h1 { |
|
|
|
margin-top: 48px; |
|
|
|
margin-left: 20px; |
|
|
|
width: 142px; |
|
|
|
height: 25px; |
|
|
|
font-size: 1.6rem; |
|
|
|
font-family: PingFangSC-Medium, PingFang SC; |
|
|
|
font-weight: 500; |
|
|
|
color: #353535; |
|
|
|
line-height: 25px; |
|
|
|
} |
|
|
|
|
|
|
|
.kaihuguanli-font { |
|
|
|
width: 54px; |
|
|
|
height: 17px; |
|
|
|
font-size: 1.2rem; |
|
|
|
font-family: PingFangSC-Regular, PingFang SC; |
|
|
|
font-weight: 400; |
|
|
|
color: #353535; |
|
|
|
line-height: 17px; |
|
|
|
} |
|
|
|
|
|
|
|
.input-css { |
|
|
|
position: absolute; |
|
|
|
left: 650px; |
|
|
|
padding-left: 11px; |
|
|
|
width: 300px; |
|
|
|
height: 30px; |
|
|
|
background: #ffffff; |
|
|
|
border: 1px solid #e7e7e7; |
|
|
|
} |
|
|
|
|
|
|
|
html, |
|
|
|
html body, |
|
|
|
#main, |
|
|
|
#app { |
|
|
|
padding: 0; |
|
|
|
margin: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.header-wrapper { |
|
|
|
height: 80px; |
|
|
|
} |
|
|
|
|
|
|
|
.header { |
|
|
|
width: 1200px; |
|
|
|
margin: 0 auto; |
|
|
|
} |
|
|
|
|
|
|
|
.header .logo { |
|
|
|
width: 128px; |
|
|
|
height: 40px; |
|
|
|
font-size: 30px; |
|
|
|
color: #014ad4; |
|
|
|
margin-top: 27px; |
|
|
|
margin-left: 25px; |
|
|
|
line-height: 80px; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
|
|
|
|
.header .tel { |
|
|
|
width: 168px; |
|
|
|
height: 24px; |
|
|
|
font-size: 20px; |
|
|
|
color: #014ad4; |
|
|
|
margin-top: 20px; |
|
|
|
margin-right: 65px; |
|
|
|
line-height: 80px; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
|
|
|
|
.dl-wrapper { |
|
|
|
width: 1920px; |
|
|
|
height: 468px; |
|
|
|
background-image: url('/images/主图-banner.png'); |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
|
|
|
|
.dl { |
|
|
|
width: 1200px; |
|
|
|
margin: 0 auto; |
|
|
|
color: white; |
|
|
|
} |
|
|
|
|
|
|
|
.dl .dl-img { |
|
|
|
padding-top: 131px; |
|
|
|
} |
|
|
|
|
|
|
|
.dl .dl-img img { |
|
|
|
display: block; |
|
|
|
width: 384px; |
|
|
|
} |
|
|
|
|
|
|
|
.dl-desc .tl { |
|
|
|
margin: 128px 0 0 25px; |
|
|
|
font-family: PingFang SC; |
|
|
|
font-weight: 500; |
|
|
|
font-size: 24px; |
|
|
|
color: #FFFFFF; |
|
|
|
line-height: 53px; |
|
|
|
} |
|
|
|
|
|
|
|
.dl-desc .desc { |
|
|
|
width: 365px; |
|
|
|
height: 56px; |
|
|
|
margin: 15px 65px 0 25px; |
|
|
|
font-family: PingFang SC; |
|
|
|
font-weight: 400; |
|
|
|
font-size: 12px; |
|
|
|
color: #FFFFFF; |
|
|
|
line-height: 22px; |
|
|
|
} |
|
|
|
|
|
|
|
.dl-desc .dl-logo { |
|
|
|
width: 40px; |
|
|
|
height: 40px; |
|
|
|
margin: 30px 65px 0 25px; |
|
|
|
} |
|
|
|
|
|
|
|
.dl-desc .dl-btn { |
|
|
|
width: 40px; |
|
|
|
height: 40px; |
|
|
|
margin: -40px 65px 0 66px; |
|
|
|
} |
|
|
|
|
|
|
|
.product { |
|
|
|
width: 1920px; |
|
|
|
height: 532px; |
|
|
|
margin: 0 auto; |
|
|
|
} |
|
|
|
|
|
|
|
.product .hzhb_img { |
|
|
|
width: 369px; |
|
|
|
height: 69px; |
|
|
|
margin: 74 auto; |
|
|
|
} |
|
|
|
|
|
|
|
.product .hzf_img { |
|
|
|
width: 1660px; |
|
|
|
height: 356px; |
|
|
|
margin: 0 auto; |
|
|
|
} |
|
|
|
|
|
|
|
.footer { |
|
|
|
margin-bottom: 83px; |
|
|
|
text-align: center; |
|
|
|
color: gray; |
|
|
|
font-size: 16px; |
|
|
|
} |
|
|
|
</style> |
|
|
|
</head> |
|
|
|
|
|
|
|
<body> |
|
|
|
<div id="app"> |
|
|
|
<div class="header-wrapper"> |
|
|
|
<div class="header flex"> |
|
|
|
<div class="logo flex-1"><img src="/images/常客云logo-icon.png" /></div> |
|
|
|
<div class="tel"><img src="/images/客服- icon.png" /></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="dl-wrapper"> |
|
|
|
<div class="dl flex flex-start"> |
|
|
|
<div class="dl-desc flex-1"> |
|
|
|
<div class="tl">常客云App</div> |
|
|
|
<div class="desc"> |
|
|
|
基于AI、大数据平台,为企业客户提供用户运营,设备托管等服务。<br />致力于为企业客户提供安全可靠,稳定运行,可持续创新发展的线<br />上线下云端服务产品。 |
|
|
|
</div> |
|
|
|
<div class="dl-logo"> |
|
|
|
<img src="/images/云-icon.png" alt="云" /> |
|
|
|
<img src="/images/下载-icon.png" alt="下载" class="dl-btn" onclick="location.href='/m'" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="product"> |
|
|
|
<div class="hzhb_img"> |
|
|
|
<img src="/images/合作伙伴-icon.png" alt="合作伙伴" /> |
|
|
|
</div> |
|
|
|
<div class="hzf_img"> |
|
|
|
<img src="/images/合作方图标.png" alt="合作方图标" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</body> |
|
|
|
|
|
|
|
</html> |