yangzhaole
/
3g3e_net
Observar 1
Favorito 0
Fork 0
Código Issues 0 Pull requests 0 Versões 0 Wiki Atividade
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
6 Commits
1 Branch
Branch: master
Branches Tags
${ item.name }
Criar branch ${ searchTerm }
de master
${ noResults }
3g3e_net/index_new.html

index_new.html 8.2KB
Original Link permanente Anotar Histórico

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327 
  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-family: PingFang SC;

  238.             font-weight: 500;

  239.             font-size: 24px;

  240.             color: #FFFFFF;

  241.             line-height: 53px;

  242.         }

  243. 

  244.         .dl-desc .desc {

  245.             width: 365px;

  246.             height: 56px;

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

  248.             font-family: PingFang SC;

  249.             font-weight: 400;

  250.             font-size: 12px;

  251.             color: #FFFFFF;

  252.             line-height: 22px;

  253.         }

  254. 

  255.         .dl-desc .dl-logo {

  256.             width: 40px;

  257.             height: 40px;

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

  259.         }

  260. 

  261.         .dl-desc .dl-btn {

  262.             width: 40px;

  263.             height: 40px;

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

  265.         }

  266. 

  267.         .product {

  268.             width: 1920px;

  269.             height: 532px;

  270.             margin: 0 auto;

  271.         }

  272. 

  273.         .product .hzhb_img {

  274.             width: 369px;

  275.             height: 69px;

  276.             margin: 74 auto;

  277.         }

  278. 

  279.         .product .hzf_img {

  280.             width: 1660px;

  281.             height: 356px;

  282.             margin: 0 auto;

  283.         }

  284. 

  285.         .footer {

  286.             margin-bottom: 83px;

  287.             text-align: center;

  288.             color: gray;

  289.             font-size: 16px;

  290.         }

  291.     </style>

  292. </head>

  293. 

  294. <body>

  295.     <div id="app">

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

  297.             <div class="header flex">

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

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

  300.             </div>

  301.         </div>

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

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

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

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

  306.                     <div class="desc">

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

  308.                     </div>

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

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

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

  312.                     </div>

  313.                 </div>

  314.             </div>

  315.         </div>

  316.         <div class="product">

  317.             <div class="hzhb_img">

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

  319.             </div>

  320.             <div class="hzf_img">

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

  322.             </div>

  323.         </div>

  324.     </div>

  325. </body>

  326. 

  327. </html>