yangzhaole
/
3g3e_net
Beobachten 1
Favorisieren 0
Fork 0
Code Issues 0 Pull-Requests 0 Releases 0 Wiki Aktivität
Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
3 Commits
1 Branch
Struktur: 6e93e76d3c
Branches Tags
${ item.name }
Erstelle Branch ${ searchTerm }
von „6e93e76d3c“
${ noResults }
3g3e_net/index.html

index.html 8.3KB
Originalformat Blame Verlauf

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331 
  1. <html lang="en">

  2. 

  3. <head>

  4.     <meta charset="utf-8" />

  5.     <base href="/" />

  6.     <title ss-id="index_title">常客云 - 企业工具服务</title>

  7.     <meta name="Description" content="常客云APP, 企业服务" />

  8.     <meta name="keywords" content="常客云" />

  9.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />

  10.     <meta name="viewport" content="width=device-width,initial-scale=1" />

  11.     <style type="text/css">

  12.         html,

  13.         body {

  14.             font-family: 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei',

  15.                 sans-serif;

  16.             font-size: 12px;

  17.         }

  18. 

  19.         .clean::after {

  20.             content: '';

  21.             height: 1px;

  22.             display: block;

  23.             clear: both;

  24.         }

  25. 

  26.         ul,

  27.         li {

  28.             list-style: none;

  29.         }

  30. 

  31.         .flex-h,

  32.         .flex-v,

  33.         .flex {

  34.             display: flex;

  35.             flex-direction: row;

  36.             align-items: center;

  37.         }

  38. 

  39.         .flex-h,

  40.         .flex-v,

  41.         .flex {

  42.             /* display: box; */

  43.             display: -webkit-box;

  44.             display: -webkit-flex;

  45.             display: -moz-box;

  46.             display: -ms-flexbox;

  47.             display: flex;

  48.             /* 横向 */

  49.             -webkit-box-orient: horizontal;

  50.             -webkit-flex-direction: row;

  51.             -ms-flex-direction: row;

  52.             flex-direction: row;

  53.             /* 默认垂直居中 */

  54.             -webkit-box-align: center;

  55.             -webkit-align-items: center;

  56.             -ms-flex-align: center;

  57.             align-items: center;

  58.         }

  59. 

  60.         .flex-v {

  61.             /* 横向 */

  62.             -webkit-box-orient: vertical;

  63.             -webkit-flex-direction: column;

  64.             -ms-flex-direction: column;

  65.             flex-direction: column;

  66.         }

  67. 

  68.         .flex-1,

  69.         .flex-grow {

  70.             -prefix-box-flex: 1;

  71.             -webkit-box-flex: 1;

  72.             -webkit-flex: 1;

  73.             -moz-box-flex: 1;

  74.             -ms-flex: 1;

  75.             flex: 1;

  76.         }

  77. 

  78.         .flex-2 {

  79.             -prefix-box-flex: 2;

  80.             -webkit-box-flex: 2;

  81.             -webkit-flex: 2;

  82.             -moz-box-flex: 2;

  83.             -ms-flex: 2;

  84.             flex: 2;

  85.         }

  86. 

  87.         .flex-3 {

  88.             -prefix-box-flex: 3;

  89.             -webkit-box-flex: 3;

  90.             -webkit-flex: 3;

  91.             -moz-box-flex: 3;

  92.             -ms-flex: 3;

  93.             flex: 3;

  94.         }

  95. 

  96.         .flex-4 {

  97.             -prefix-box-flex: 4;

  98.             -webkit-box-flex: 4;

  99.             -webkit-flex: 4;

  100.             -moz-box-flex: 4;

  101.             -ms-flex: 4;

  102.             flex: 4;

  103.         }

  104. 

  105.         .flex-5 {

  106.             -prefix-box-flex: 5;

  107.             -webkit-box-flex: 5;

  108.             -webkit-flex: 5;

  109.             -moz-box-flex: 5;

  110.             -ms-flex: 5;

  111.             flex: 5;

  112.         }

  113. 

  114.         .flex-start {

  115.             -webkit-box-align: start;

  116.             -webkit-align-items: start;

  117.             -ms-flex-align: start;

  118.             align-items: start;

  119.         }

  120. 

  121.         .flex-center {

  122.             -webkit-box-align: center;

  123.             -webkit-align-items: center;

  124.             -ms-flex-align: center;

  125.             align-items: center;

  126.         }

  127. 

  128.         .selectable {

  129.             -webkit-user-select: text;

  130.             -moz-user-select: text;

  131.             -ms-user-select: text;

  132.             user-select: text;

  133.         }

  134. 

  135.         .selectall {

  136.             -webkit-user-select: all;

  137.             -moz-user-select: all;

  138.             -ms-user-select: all;

  139.             user-select: all;

  140.         }

  141. 

  142.         .h1 {

  143.             margin-top: 48px;

  144.             margin-left: 20px;

  145.             width: 142px;

  146.             height: 25px;

  147.             font-size: 1.6rem;

  148.             font-family: PingFangSC-Medium, PingFang SC;

  149.             font-weight: 500;

  150.             color: #353535;

  151.             line-height: 25px;

  152.         }

  153. 

  154.         .kaihuguanli-font {

  155.             width: 54px;

  156.             height: 17px;

  157.             font-size: 1.2rem;

  158.             font-family: PingFangSC-Regular, PingFang SC;

  159.             font-weight: 400;

  160.             color: #353535;

  161.             line-height: 17px;

  162.         }

  163. 

  164.         .input-css {

  165.             position: absolute;

  166.             left: 650px;

  167.             padding-left: 11px;

  168.             width: 300px;

  169.             height: 30px;

  170.             background: #ffffff;

  171.             border: 1px solid #e7e7e7;

  172.         }

  173. 

  174.         html,

  175.         html body,

  176.         #main,

  177.         #app {

  178.             padding: 0;

  179.             margin: 0;

  180.         }

  181. 

  182.         .header-wrapper {

  183.             height: 80px;

  184.         }

  185. 

  186.         .header {

  187.             width: 1200px;

  188.             margin: 0 auto;

  189.         }

  190. 

  191.         .header .logo {

  192.             width: 128px;

  193.             height: 40px;

  194.             font-size: 30px;

  195.             color: #014ad4;

  196.             margin-top: 27px;

  197.             margin-left: 25px;

  198.             line-height: 80px;

  199.             font-weight: bold;

  200.         }

  201. 

  202.         .header .tel {

  203.             width: 168px;

  204.             height: 24px;

  205.             font-size: 20px;

  206.             color: #014ad4;

  207.             margin-top: 20px;

  208.             margin-right: 65px;

  209.             line-height: 80px;

  210.             font-weight: bold;

  211.         }

  212. 

  213.         .dl-wrapper {

  214.             width: 1920px;

  215.             height: 468px;

  216.             background-image: url('/images/主图-banner.png');

  217.             overflow: hidden;

  218.         }

  219. 

  220.         .dl {

  221.             width: 1200px;

  222.             margin: 0 auto;

  223.             color: white;

  224.         }

  225. 

  226.         .dl .dl-img {

  227.             padding-top: 131px;

  228.         }

  229. 

  230.         .dl .dl-img img {

  231.             display: block;

  232.             width: 384px;

  233.         }

  234. 

  235.         .dl-desc .tl {

  236.             margin: 128px 0 0 25px;

  237.             /* font-size: 30px;

  238.             font-weight: bold; */

  239.             /* width: 116px;

  240.             height: 25px; */

  241.             font-family: PingFang SC;

  242.             font-weight: 500;

  243.             font-size: 24px;

  244.             color: #FFFFFF;

  245.             line-height: 53px;

  246.         }

  247. 

  248.         .dl-desc .desc {

  249.             width: 365px;

  250.             height: 56px;

  251.             margin: 15px 65px 0 25px;

  252.             font-family: PingFang SC;

  253.             font-weight: 400;

  254.             font-size: 12px;

  255.             color: #FFFFFF;

  256.             line-height: 22px;

  257.         }

  258. 

  259.         .dl-desc .dl-logo {

  260.             width: 40px;

  261.             height: 40px;

  262.             margin: 30px 65px 0 25px;

  263.         }

  264. 

  265.         .dl-desc .dl-btn {

  266.             width: 40px;

  267.             height: 40px;

  268.             margin: -40px 65px 0 66px;

  269.         }

  270. 

  271.         .product {

  272.             width: 1920px;

  273.             height: 532px;

  274.             margin: 0 auto;

  275.         }

  276. 

  277.         .product .hzhb_img {

  278.             width: 369px;

  279.             height: 69px;

  280.             margin: 74 auto;

  281.         }

  282. 

  283.         .product .hzf_img {

  284.             width: 1660px;

  285.             height: 356px;

  286.             margin: 0 auto;

  287.         }

  288. 

  289.         .footer {

  290.             margin-bottom: 83px;

  291.             text-align: center;

  292.             color: gray;

  293.             font-size: 16px;

  294.         }

  295.     </style>

  296. </head>

  297. 

  298. <body>

  299.     <div id="app">

  300.         <div class="header-wrapper">

  301.             <div class="header flex">

  302.                 <div class="logo flex-1"><img src="/images/常客云logo-icon.png" /></div>

  303.                 <div class="tel"><img src="/images/客服- icon.png" /></div>

  304.             </div>

  305.         </div>

  306.         <div class="dl-wrapper">

  307.             <div class="dl flex flex-start">

  308.                 <div class="dl-desc flex-1">

  309.                     <div class="tl">常客云App</div>

  310.                     <div class="desc">

  311.                         基于AI、大数据平台，为企业客户提供用户运营，设备托管等服务。<br />致力于为企业客户提供安全可靠，稳定运行，可持续创新发展的线<br />上线下云端服务产品。

  312.                     </div>

  313.                     <div class="dl-logo">

  314.                         <img src="/images/云-icon.png" alt="云" />

  315.                         <img src="/images/下载-icon.png" alt="下载" class="dl-btn" onclick="location.href='/download.html'" />

  316.                     </div>

  317.                 </div>

  318.             </div>

  319.         </div>

  320.         <div class="product">

  321.             <div class="hzhb_img">

  322.                 <img src="/images/合作伙伴-icon.png" alt="合作伙伴" />

  323.             </div>

  324.             <div class="hzf_img">

  325.                 <img src="/images/合作方图标.png" alt="合作方图标" />

  326.             </div>

  327.         </div>

  328.     </div>

  329. </body>

  330. 

  331. </html>