<!--                                                               
                                                                                     人民有信仰 民族有希望 国家有力量
                                                                          以实现中国特色社会主义共同理想为目标 党的十八大曾首次以  
                                                                                  +----------------------------------- +
                                                                                  |  =======社会主义核心价值观=======  |    
                                                                                  +----------------------------------- +
                                                                                  | 富强      民主      文明      和谐 |
                                                                                  +----------------------------------- +
                                                                                  | 自由      平等       公正     法治 |                                                                  
                                                                                  +----------------------------------- +
                                                                                  | 爱国      敬业       诚信     友善 |
                                                                                  +----------------------------------- +
                                                                                  |  =======社会主义核心价值观=======  |
                                                                                  +----------------------------------- +
                                                                              这二十四个字来高度概括社会主义核心价值观的组成
 -->
 <!--


                                         
                                   .. .vr       
                                 qBMBBBMBMY     
                                8BBBBBOBMBMv    
                              iMBMM5vOY:BMBBv        
              .r,             OBM;   .: rBBBBBY     
              vUL             7BB   .;7. LBMMBBM.   
             .@Wwz.           :uvir .i:.iLMOMOBM..  
              vv::r;             iY. ...rv,@arqiao. 
               Li. i:             v:.::::7vOBBMBL.. 
               ,i7: vSUi,         :M7.:.,:u08OP. .  
                 .N2k5u1ju7,..     BMGiiL7   ,i,i.  
                  :rLjFYjvjLY7r::.  ;v  vr... rE8q;.:,, 
                 751jSLXPFu5uU@guohezou.,1vjY2E8@Yizero.    
                 BB:FMu rkM8Eq0PFjF15FZ0Xu15F25uuLuu25Gi.   
               ivSvvXL    :v58ZOGZXF2UUkFSFkU1u125uUJUUZ,   
             :@kevensun.      ,iY20GOXSUXkSuS2F5XXkUX5SEv.  
         .:i0BMBMBBOOBMUi;,        ,;8PkFP5NkPXkFqPEqqkZu.  
       .rqMqBBMOMMBMBBBM .           @kexianli.S11kFSU5q5   
     .7BBOi1L1MM8BBBOMBB..,          8kqS52XkkU1Uqkk1kUEJ   
     .;MBZ;iiMBMBMMOBBBu ,           1OkS1F1X5kPP112F51kU   
       .rPY  OMBMBBBMBB2 ,.          rME5SSSFk1XPqFNkSUPZ,.
              ;;JuBML::r:.:.,,        SZPX0SXSP5kXGNP15UBr.
                  L,    :@sanshao.      :MNZqNXqSqXk2E0PSXPE .
              viLBX.,,v8Bj. i:r7:,     2Zkqq0XXSNN0NOXXSXOU 
            :r2. rMBGBMGi .7Y, 1i::i   vO0PMNNSXXEqP@Secbone.
            .i1r. .jkY,    vE. iY....  20Fq0q5X5F1S2F22uuv1M; 


    我爱你！！！

又看源码，看你妹妹呀！





 ┌───┐   ┌───┬───┬───┬───┐ ┌───┬───┬───┬───┐ ┌───┬───┬───┬───┐ ┌───┬───┬───┐
 │Esc│   │ F1│ F2│ F3│ F4│ │ F5│ F6│ F7│ F8│ │ F9│F10│F11│F12│ │P/S│S L│P/B│  ┌┐    ┌┐    ┌┐
 └───┘   └───┴───┴───┴───┘ └───┴───┴───┴───┘ └───┴───┴───┴───┘ └───┴───┴───┘  └┘    └┘    └┘
 ┌───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───────┐ ┌───┬───┬───┐ ┌───┬───┬───┬───┐
 │~ `│! 1│@ 2│# 3│$ 4│% 5│^ 6│& 7│* 8│( 9│) 0│_ -│+ =│ BacSp │ │Ins│Hom│PUp│ │N L│ / │ * │ - │
 ├───┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─────┤ ├───┼───┼───┤ ├───┼───┼───┼───┤
 │ Tab │ Q │ W │ E │ R │ T │ Y │ U │ I │ O │ P │{ [│} ]│ | \ │ │Del│End│PDn│ │ 7 │ 8 │ 9 │   │
 ├─────┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴─────┤ └───┴───┴───┘ ├───┼───┼───┤ + │
 │ Caps │ A │ S │ D │ F │ G │ H │ J │ K │ L │: ;│" '│ Enter  │               │ 4 │ 5 │ 6 │   │
 ├──────┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴────────┤     ┌───┐     ├───┼───┼───┼───┤
 │ Shift  │ Z │ X │ C │ V │ B │ N │ M │< ,│> .│? /│  Shift   │     │ ↑ │     │ 1 │ 2 │ 3 │   │
 ├─────┬──┴─┬─┴──┬┴───┴───┴───┴───┴───┴──┬┴───┼───┴┬────┬────┤ ┌───┼───┼───┐ ├───┴───┼───┤ E││
 │ Ctrl│    │Alt │         Space         │ Alt│    │    │Ctrl│ │ ← │ ↓ │ → │ │   0   │ . │←─┘│
 └─────┴────┴────┴───────────────────────┴────┴────┴────┴────┘ └───┴───┴───┘ └───────┴───┴───┘
 





/***
 *
 *   █████▒█    ██  ▄████▄   ██ ▄█▀       ██████╗ ██╗   ██╗ ██████╗
 * ▓██   ▒ ██  ▓██▒▒██▀ ▀█   ██▄█▒        ██╔══██╗██║   ██║██╔════╝
 * ▒████ ░▓██  ▒██░▒▓█    ▄ ▓███▄░        ██████╔╝██║   ██║██║  ███╗
 * ░▓█▒  ░▓▓█  ░██░▒▓▓▄ ▄██▒▓██ █▄        ██╔══██╗██║   ██║██║   ██║
 * ░▒█░   ▒▒█████▓ ▒ ▓███▀ ░▒██▒ █▄       ██████╔╝╚██████╔╝╚██████╔╝
 *  ▒ ░   ░▒▓▒ ▒ ▒ ░ ░▒ ▒  ░▒ ▒▒ ▓▒       ╚═════╝  ╚═════╝  ╚═════╝
 *  ░     ░░▒░ ░ ░   ░  ▒   ░ ░▒ ▒░
 *  ░ ░    ░░░ ░ ░ ░        ░ ░░ ░
 *           ░     ░ ░      ░  ░
 */





 *              ,----------------,              ,---------,
 *         ,-----------------------,          ,"        ,"|
 *       ,"                      ,"|        ,"        ,"  |
 *      +-----------------------+  |      ,"        ,"    |
 *      |  .-----------------.  |  |     +---------+      |
 *      |  |                 |  |  |     | -==----'|      |
 *      |  |  啊啊啊啊啊啊    |  |  |     |         |      |
 *      |  | 你妈为什么补课啊 |  |  |/----|`---=    |      |
 *      |  |  C:\>_          |  |  |   ,/|==== ooo |      ;
 *      |  |                 |  |  |  // |(((( [33]|    ,"
 *      |  `-----------------'  |," .;'| |((((     |  ,"
 *      +-----------------------+  ;;  | |         |,"
 *         /_)______________(_/  //'   | +---------+
 *    ___________________________/___  `,
 *   /  oooooooooooooooo  .o.  oooo /,   \,"-----------
 *  / ==ooooooooooooooo==.o.  ooo= //   ,`\--{)B     ,"
 * /_==__==========__==_ooo__ooo=_/'   /___________,"
 *




 *                 .-~~~~~~~~~-._       _.-~~~~~~~~~-.
 *             __.'              ~.   .~              `.__
 *           .'//    已老实         \./   愿中考逆袭qwq   \\`.
 *         .'//                     |  上学太苦            \\`.
 *       .'// .-~"""""""~~~~-._     |     _,-~~~~"""""""~-. \\`.
 *     .'//.-"                 `-.  |  .-'                 "-.\\`.
 *   .'//______.============-..   \ | /   ..-============.______\\`.
 * .'______________________________\|/______________________________`.
 *


--><!--
臭猫:
⣠⣤⣤⣤⡀⠀⠀⢀⣀⣀⣤⣤⣀⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⣾⣻⣻⣻⣻⡿⠚⠉⠉⠀⠀⠀⠀⠀⠀⠈⠙⠲⣴⣻⣻⣻⣷⣄
⢸⣻⣻⣻⣻⠟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢻⣻⣻⣻⣻
⠀⠻⣻⣻⠏⠀⠀⠀⠀⣶⠿⠿⢿⣷⣄⢠⡿⠿⠶⠦⠀⢹⣻⣻⣻
⠀⠀⢈⡏⠀⠀⠀⠀⠈⠑⠺⣻⠟⠉⠁⠈⠛⢿⠆⠀⠀⠀⢻⠋⠁
⠀⠀⡼⠀⠀⠀⠀⠀⠀⠀⠀⣀⣤⠂⠀⢀⠀⢠⡄⠀⠀⠀⢸⡀
⢀⣴⡇⠀⠀⠀⠀⠀⠀⠶⢿⣻⣉⣛⣻⣻⣛⣉⡻⣦⠀⠀⠀⣇
⣾⣻⡇⠀⠀⠀⠀⠀⠀⠄⢸⡟⢿⣯⣭⣭⣽⣻⠃⠈⠀⠀⠀⣻⣧
⣻⣻⣻⣦⡀⠀⠀⠀⠀⠈⠿⠶⣭⣭⣬⡭⠁⠀⠀⠀⢀⣼⣻⣻⣧
⣻⣻⣻⣻⣻⣶⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣠⣴⣻⣻⣻⣻⣻
⣻⣻⣻⣻⣻⣻⣻⣻⣻⣷⣶⣶⣶⣶⣶⣾⣻⣻⣻⣻⣻⣻⣻⣻⣻
臭猫:
     ▬▬.◙.▬▬
   ▂▄▄▓▄▄▂
◢◤ █▀▀████▄▄▄▄▄◢◤
█来我家玩耍吗█▀▀▀▀╬
    ◥███████◤
    ══╩══╩══我派直升机去接你!
prefab:
    o▬▬▬▬▅▅▅▅▅▅▆▆◤

臭猫:
⠀⠀⠀⠀ ⣶⣿⣿⣿⣿⣿⣿⣿⣿⣄
⠀⠀⣰⣿⣿⣿⡿⠟⠛⠛⠛⠿⣿⣿⣿
⠀⠀⢸⣿⣿⣥⣤⠀⠀⠀⣀⣀⠀⠘⣿⡏
⠀⠀⠈⡟⠿⠶⠂⠀⠀⠀⠶⠆⠀⠀⣿⠃
⠀⠀⠀⣷⡀⠀⣀⣀⠀⠀⠀⠀⠀⠀⠂
⠀⠀⠀⠀⢻⣦⣤⣥⣀
⠀⠀⠀⠀⠀⣿⣿⣛⡁⠀⠀⠀⠀⡀
⠀⣀⣴⠃⠘⣿⣿⣿⡿⠀⠀⠀⠀⣼⣿⣶⣄
⣿⣿⣿⣷⣄⠀⠀⠀⠀⠀⢀⣠⣾⣿⣿⣿⣿
臭猫:
吃烧烤啦 烤肉串一捆10元
——🥓🥓🥓 
——🥓🥓🥓 
——🥓🥓🥓 
prefab:
金坷垃，金坷垃，我要金坷垃
金坷垃，金坷垃，我要金坷垃
金坷垃，金坷垃，我要金坷垃
金坷垃，金坷垃，我要金坷垃
非洲农业不发达
日本资源太缺乏
我们的，我们的，我的金坷垃
谁说对，谁说对，对了就给他
小鬼子，真不傻，不能送给他
金坷垃，金坷垃，我要金坷垃
金金金坷垃，金金金坷垃金金金金金金金
金金金金金金金坷垃 金金金金金金金金金金坷垃 金金金金金金金金金金坷垃
prefab:
☀️·　　　　🛸　　　 　🌏　°　　🌓　•　　.°•　　　🚀 ✯✯　　　★　*°　　　　🛰　°·　　.　　　•　°★　•▁▂▃▄▅▆▇▇▆▅▄*.

-->

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <!-- 编码声明 -->
    <meta charset="UTF-8">
    <!-- 视口设置 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 兼容性设置 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 网站关键词 -->
    <meta name="keywords" content="蓝天, LT, 蓝天云, 十方云, 公益云, 蓝天新世界, 免费云电脑, 云电脑, 公益云电脑, 新一代服务商, 蓝天新世界！, ltyun, 新世界, 免费云服务器, 蓝天开发者服务平台, 蓝天公益服务平台, 蓝天风向标, 蓝天雨凝, 蓝天开发者在线服务平台">
    <!-- 网站描述 -->
    <meta name="description" content="欢迎来到蓝天新世界，一个由学生团队精心打造的网站。我们致力于为非营利组织提供免费的云服务产品，以支持公益事业的发展。在这里，您将体验到创新技术与社会责任感的完美结合。">
    <!-- 网站标题 -->
    <title>蓝天新世界 |  Blue Sky New World 新一代云平台服务商，提供免费的云产品！纯公益系列!</title>
    <!-- 响应式图标 -->
    <link rel="shortcut icon" href="//ltyun.top/favicon/favicon.ico" type="image/x-icon">
    <link rel="icon" href="//ltyun.top/1img/favicon.png" type="image/x-icon">
    <link rel="icon" href="//ltyun.top/1img/icon.png" type="image/x-icon">
    <link rel="icon" type="image/x-icon" href="//ltyun.top/1img/icon.png" />
    <!-- 响应式图标 -->
    <link rel="apple-touch-icon" sizes="180x180" href="//ltyun.top/favicon/desk.png">
    <link rel="icon" type="image/png" sizes="32x32" href="//ltyun.top/favicon/32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="//ltyun.top/favicon/16x16.png">
    <!-- 主题颜色 -->
    <meta name="theme-color" content="#ffffff">
    <!-- 搜索引擎爬虫设置 -->
    <!-- <meta name="robots" content="index, follow"> -->
    <!-- 规范URL -->
    <!-- <link rel="canonical" href="//ltyun.top/index.html"> -->
    <!-- 社交媒体开放图谱 -->
    <meta property="og:title" content="Blue Sky New World">
    <meta property="og:image" content="//ltyun.top/1img/background4-c02bbbe7.png">
    <meta property="og:url" content="//ltyun.top/">
    <meta property="og:site_name" content="Blue Sky New World">
    <meta property="og:description" content="一个免费的虚拟主机圆你网站梦，一个免费的云电脑圆你电脑梦">
    <!-- Twitter Card -->
    <meta name="twitter:title" content="Blue Sky New World">
    <meta name="twitter:image" content="//ltyun.top/1img/background4-c02bbbe7.png">
    <meta name="twitter:url" content="//ltyun.top/">
    <meta name="twitter:card" content="summary_large_image">
    <!-- 停用缓存 -->
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <!-- CSS样式表 -->
    <link rel="stylesheet" type="text/css" href="./console/css/bootstrapv5.min.css">
    <link rel="stylesheet" type="text/css" href="./index/new/css/all.min.css">
    <link rel="stylesheet" type="text/css" href="./index/new/css/bootstrap-icons.css">
    <link rel="stylesheet" type="text/css" href="./index/new/css/tiny-slider.css">
    <link rel="stylesheet" type="text/css" href="./index/new/css/glightbox.css">
    <link rel="stylesheet" type="text/css" href="./index/new/css/flatpickr.min.css">
    <link rel="stylesheet" type="text/css" href="./index/new/css/choices.min.css">
    <link rel="stylesheet" type="text/css" href="./index/new/css/style.css">
    <!-- JavaScript文件 -->
    <script src="./index/new/js/bootstrap.bundle.min.js"></script>
    <!-- Vendors -->
    <script src="./index/new/js/tiny-slider.js"></script>
    <script src="./index/new/js/glightbox.js"></script>
    <script src="./index/new/js/flatpickr.min.js"></script>
    <script src="./index/new/js/choices.min.js"></script>
</head>

<style>
  #nprogress {
    pointer-events: none;
}

#nprogress .bar {
    background: linear-gradient(90deg, #64a6ff, #80d0ff);  /* 使用渐变色，更显温暖 */
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px; /* 增加高度，使进度条看起来更加柔和 */
    box-shadow: 0 0 15px rgba(100, 166, 255, 0.6), 0 0 30px rgba(100, 166, 255, 0.3);  /* 轻柔的阴影效果 */
    border-radius: 3px; /* 圆润的边角 */
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 120px;
    height: 100%;
    box-shadow: 0 0 15px #64a6ff, 0 0 10px #80d0ff; /* 淡化的光晕效果 */
    opacity: 1.0;
    transform: rotate(3deg) translate(0px, -4px);
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 20px;
    right: 20px;
}

#nprogress .spinner-icon {
    width: 30px;
    height: 30px;  /* 增大圆圈，显得更加亲切 */
    box-sizing: border-box;
    border: solid 3px transparent;
    border-top-color: #64a6ff; /* 温暖的蓝色 */
    border-left-color: #80d0ff; /* 轻盈的蓝色 */
    border-radius: 50%;
    animation: nprogress-spinner 700ms linear infinite; /* 动画速度稍微放慢，显得更加平缓 */
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
    position: absolute;
}

@keyframes nprogress-spinner {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

 </style>

<script src="./console/ltui/nprogress.js"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
      NProgress.start(); // 页面开始加载时显示进度条

      // 等待所有资源加载完成后再结束进度条，故意拖延500毫秒
      window.addEventListener('load', function() {
          setTimeout(function() {
              NProgress.done(); // 延迟500毫秒后结束进度条
          }, 618);
      });
  });
</script>
<!--    疯狂の检测矩阵  -->
<script>

   
setTimeout(function() {
window.scrollTo({
   top: 0,
   behavior: 'smooth' 
});
}, 100);
setTimeout(function() {
window.scrollTo({
   top: 0,
   behavior: 'smooth' 
});
}, 200); setTimeout(function() {
window.scrollTo({
   top: 0,
   behavior: 'smooth' 
});
}, 300); setTimeout(function() {
window.scrollTo({
   top: 0,
   behavior: 'smooth' 
});
}, 400); setTimeout(function() {
window.scrollTo({
   top: 0,
   behavior: 'smooth' 
});
}, 100); setTimeout(function() {
window.scrollTo({
   top: 0,
   behavior: 'smooth' 
});
}, 100); setTimeout(function() {
window.scrollTo({
   top: 0,
   behavior: 'smooth' 
});
}, 100); setTimeout(function() {
window.scrollTo({
   top: 0,
   behavior: 'smooth' 
});
}, 100); setTimeout(function() {
window.scrollTo({
   top: 0,
   behavior: 'smooth' 
});
}, 100); setTimeout(function() {
window.scrollTo({
   top: 0,
   behavior: 'smooth' 
});
}, 100); setTimeout(function() {
window.scrollTo({
   top: 0,
   behavior: 'smooth' 
});
}, 100); setTimeout(function() {
window.scrollTo({
   top: 0,
   behavior: 'smooth' 
});
}, 100); setTimeout(function() {
window.scrollTo({
   top: 0,
   behavior: 'smooth' 
});
}, 100); setTimeout(function() {
window.scrollTo({
   top: 0,
   behavior: 'smooth' 
});
}, 100);

</script>
<!-- <style>
  #loading {
    display: none; /* 初始时隐藏 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    animation: fadeIn 0.5s ease-in-out forwards; 
  }
  #loading-message {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    color: #333;
    
  }
  .loader {
position: relative;
width: 2.5em;
height: 2.5em;
-webkit-transform: rotate(165deg);
-ms-transform: rotate(165deg);
transform: rotate(165deg);
}

.loader:before, .loader:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 0.5em;
height: 0.5em;
border-radius: 0.25em;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.loader:before {
-webkit-animation: before8 2s infinite;
animation: before8 2s infinite;
}

.loader:after {
-webkit-animation: after6 2s infinite;
animation: after6 2s infinite;
}

@-webkit-keyframes before8 {
0% {
width: 0.5em;
-webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
}

35% {
width: 2.5em;
-webkit-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
}

70% {
width: 0.5em;
-webkit-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
}

100% {
-webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
}
}

@keyframes before8 {
0% {
width: 0.5em;
-webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
}

35% {
width: 2.5em;
-webkit-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
}

70% {
width: 0.5em;
-webkit-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
}

100% {
-webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
}
}

@-webkit-keyframes after6 {
0% {
height: 0.5em;
-webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
}

35% {
height: 2.5em;
-webkit-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
}

70% {
height: 0.5em;
-webkit-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
}

100% {
-webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
}
}

@keyframes after6 {
0% {
height: 0.5em;
-webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
}

35% {
height: 2.5em;
-webkit-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
}

70% {
height: 0.5em;
-webkit-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
}

100% {
-webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
}
}

.loader {
position: absolute;
top: calc(50% - 1.25em);
left: calc(50% - 1.25em);
}

@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

#loading.hidden {
animation: fadeOut 0.5s ease-in-out forwards; 
}

@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
</style> -->

<div id="loading">
  <!-- <p id="loading-message">加载中...</p> -->
  <div class="loader"></div>
</div>
<script>
// window.addEventListener('load', function() {
// var loading = document.getElementById('loading');
// loading.style.display = 'block'; 

// var allResourcesLoaded = function() {
// var images = document.getElementsByTagName('img');
// for (var i = 0; i < images.length; i++) {
// if (!images[i].complete) {
// return false; 
// }
// }
// return true; 
// };

// var checkIfLoaded = function() {
// if (allResourcesLoaded()) {
// setTimeout(function() {
// loading.classList.add('hidden'); 
// setTimeout(function() {
// loading.remove();
// }, 500); 
// }, 1000); 
// } else {
// setTimeout(checkIfLoaded, 100);
// }
// };

// checkIfLoaded();
// });
  
  </script>
    <style>
      body {
          font-family: Arial, sans-serif;
      }

      .showmodalbox-overlay {
          display: none;
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(175, 174, 174, 0.5);
          z-index: 1000;
          transition: opacity 0.3s ease;
      }
   
      .showmodalbox {
          display: none;
          position: fixed;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%) scale(0.7);
          width: 340px;
          background: white;
          border-radius: 2px;
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
          z-index: 1001;
          transition: transform 0.3s ease;
      }

      .showmodalbox-header {
          padding: 5px;
          border-bottom: 1px solid #ddd;
          position: relative;
      }

      .showmodalbox-header .line {
          position: absolute;
          top: 2px;
          right: 2px;
          left: 2px;
          height: 5px;
      }

      .showmodalbox-content {
          padding: 5px 20px;
        /*  line-height: 0.5; /* 这。。。。间距666 */
      }

      .showmodalbox-footer {
          padding: 10px;
          text-align: right;
          border-top: 1px solid #ddd;
      }

      .showmodalbox-footer button {
          margin-left: 8px;
          padding: 5px 10px;
          border: none;
          border-radius: 2px;
          cursor: pointer;
      }

      .button-trigger {
          padding: 10px 20px;
          margin: 20px;
          cursor: pointer;
      }

      .shake {
          animation: shake 0.3s;
      }

      .icon-size {
          font-size: 16px;
      }

      @keyframes shake {
          0% { transform: translate(-50%, -50%) translateX(-10px); }
          25% { transform: translate(-50%, -50%) translateX(10px); }
          50% { transform: translate(-50%, -50%) translateX(-10px); }
          75% { transform: translate(-50%, -50%) translateX(10px); }
          100% { transform: translate(-50%, -50%) translateX(0); }
      }
      .showmodalbox-footer-hint {
  position: absolute;
 /* bottom: 5px;*/
  left: 20px;
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}


  </style>


<script>
  function createModal() {
      const modalOverlay = document.createElement('div');
      modalOverlay.id = 'showmodalbox-overlay';
      modalOverlay.className = 'showmodalbox-overlay';
      modalOverlay.style.display = 'none';

      const modal = document.createElement('div');
      modal.id = 'showmodalbox';
      modal.className = 'showmodalbox';
      modal.style.display = 'none';

      const modalHeader = document.createElement('div');
      modalHeader.className = 'showmodalbox-header';

      const modalLine = document.createElement('span');
      modalLine.id = 'showmodalbox-line';
      modalLine.className = 'line';

      const modalContent = document.createElement('div');
      modalContent.className = 'showmodalbox-content';

      const modalIconTitleContainer = document.createElement('div');
      modalIconTitleContainer.className = 'showmodalbox-icon-title';

      const modalIcon = document.createElement('i');
      modalIcon.id = 'showmodalbox-icon';

      const modalTitle = document.createElement('h4');
      modalTitle.id = 'showmodalbox-title';

      const modalMessage = document.createElement('p');
      modalMessage.id = 'showmodalbox-message';

      const modalFooter = document.createElement('div');
      modalFooter.className = 'showmodalbox-footer';

      const modalConfirm = document.createElement('button');
      modalConfirm.id = 'showmodalbox-confirm';

      const modalCancel = document.createElement('button');
      modalCancel.id = 'showmodalbox-cancel';
      modalCancel.style.display = 'none';
      const modalFooterHint = document.createElement('span');
modalFooterHint.id = 'showmodalbox-footer-hint';
modalFooterHint.className = 'showmodalbox-footer-hint';
modalFooterHint.style.display = 'none';

modalFooter.appendChild(modalFooterHint);
      // 组装DOM结构
           // 组装DOM结构
    //  modalContent.appendChild(modalIcon);
     // modalContent.appendChild(modalTitle);
 
      modalIconTitleContainer.appendChild(modalIcon);
      modalIconTitleContainer.appendChild(modalTitle);
      modalContent.appendChild(modalIconTitleContainer);// 将新容器添加到 modalContent 中
      modalContent.appendChild(modalMessage);// 将 p 标签添加到 modalContent 中
      modalFooter.appendChild(modalCancel); // 先添加“取消”
      modalFooter.appendChild(modalConfirm); // 后添加“确定”

      modalHeader.appendChild(modalLine);

      modal.appendChild(modalHeader);
      modal.appendChild(modalContent);
      modal.appendChild(modalFooter);

      modalOverlay.appendChild(modal);

      document.body.appendChild(modalOverlay);
      const styleSheet = document.createElement('style');
      styleSheet.type = 'text/css';
      styleSheet.innerText = `
          .showmodalbox-icon-title {
              display: flex;
              align-items: center;
              gap: 8px;
          }
      `;
      document.head.appendChild(styleSheet);
  }

  createModal();
  function showbox(title, message, confirmText, cancelText, type, hintText, onConfirm, onCancel) {
      const modal = document.getElementById('showmodalbox');
      const overlay = document.getElementById('showmodalbox-overlay');
      const modalTitle = document.getElementById('showmodalbox-title');
      const modalMessage = document.getElementById('showmodalbox-message');
      const modalIcon = document.getElementById('showmodalbox-icon');
      const modalLine = document.getElementById('showmodalbox-line');
      const modalConfirm = document.getElementById('showmodalbox-confirm');
      const modalCancel = document.getElementById('showmodalbox-cancel');
      const modalFooterHint = document.getElementById('showmodalbox-footer-hint');
      modalFooterHint.innerText = hintText;
      modalTitle.innerText = title;
      //modalMessage.innerText = message;
      modalMessage.innerHTML = message;
      modalConfirm.innerText = confirmText;

      let color;
      switch (type) {
                case 'success':
                    color = '#60E01E';
                    modalIcon.className = 'fas fa-check-circle icon-size';
                    break;
                case 'info':
                    color = '#1EE0D3';
                    modalIcon.className = 'fas fa-info-circle icon-size';
                    break;
                case 'warning':
                    color = '#ffc107';
                    modalIcon.className = 'fas fa-exclamation-circle icon-size';
                    break;
                case 'error':
                    color = '#FF7500';
                    modalIcon.className = 'fas fa-times-circle icon-size';
                    break;
                default:
                    color = '#DAE0E0';
                    modalIcon.className = 'fas fa-question-circle icon-size';
                    break;
            }

      modalConfirm.style.backgroundColor = color;
      modalLine.style.backgroundColor = color;
      modalIcon.style.color = color;

      if (cancelText) {
          modalCancel.innerText = cancelText;
          modalCancel.style.display = 'inline-block';
      } else {
          modalCancel.style.display = 'none';
      }

      overlay.style.display = 'block';
      modal.style.display = 'block';
      setTimeout(() => {
          overlay.style.opacity = '1';
          modal.style.transform = 'translate(-50%, -50%) scale(1)';
      }, 10);

      function closeModal() {
          modal.style.transform = 'translate(-50%, -50%) scale(0.5)';//GOOD shi ~似乎调大了
          overlay.style.opacity = '0';
    //      modalFooterHint.innerText = '';
//  modalFooterHint.style.display = 'none';
modalFooterHint.style.opacity = 0;
          setTimeout(() => {
              modal.style.display = 'none';
              overlay.style.display = 'none';
              modalFooterHint.innerText = '';
              modalFooterHint.style.display = 'none';
              modalFooterHint.style.opacity = 0;
          }, 300);
          
      }

      modalConfirm.onclick = () => {
          if (onConfirm) onConfirm();
          closeModal();
      };

      modalCancel.onclick = () => {
          if (onCancel) onCancel();
          closeModal();
      };

      overlay.onclick = (event) => {
          if (event.target === overlay) {
              modal.classList.add('shake');
              setTimeout(() => modal.classList.remove('shake'), 300);
              if (hintText) {
      modalFooterHint.style.display = 'block';
      setTimeout(() => modalFooterHint.style.opacity = 1, 10);
  }
          }
         
      };
  }


</script>










<style>

::selection {
    background-color: rgba(135, 206, 235, 0.5); 
}


::-moz-selection {
    background-color: rgba(135, 206, 235, 0.5); 
}


    input.info,
button.info,
a.info {
    display: inline-block;
    padding: 10px 20px;
    background-color: #80bfff;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
    border: none;
    z-index: 99; 
  }
  input.info,
  button.info,
  a.info{
    background-color: #add8e6; 
    transition: background-color 0.3s;

}

.info:hover {
    background-color: #87cefa; 
}

.info:active {
    background-color: #6495ed; 
}
input.warning,
button.warning,
a.warning {
    display: inline-block;
    padding: 10px 20px;
    background-color: #E2EB63;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
    border: none;
    
  }
  input.warning,
  button.warning,
  a.warning {
    background-color: #FFF55A; 
    transition: background-color 0.3s; 

}

.warning:hover {
    background-color: #ECDE15; 
}

.warning:active {
    background-color: #FCD042;
}
input.danger,
button.danger,
  a.danger{
    display: inline-block;
    padding: 10px 20px;
    background-color: #FF6B08;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
    border: none;
    
  }
  input.danger,
button.danger,
  a.danger {
    background-color: #FF6E69; 
    transition: background-color 0.3s; 

}

.danger:hover {
    background-color: #FF342D; 
}

.danger:active {
    background-color: #FF0E06;
}
input.primary,
button.primary,
  a.primary{
    display: inline-block;
    padding: 10px 20px;
    background-color: #76E0FF;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
    border: none;
    
  }
  input.primary,
  button.primary,
  a.primary {
    background-color: #76E0FF; 
    transition: background-color 0.3s;

}

.primary:hover {
    background-color: #35D1FF;
}

.primary:active {
    background-color: #00C4FF; 
}
input.success,
button.success,
  a.success {
    display: inline-block;
    padding: 10px 20px;
    background-color: #1AC400;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
    border: none;
    
  }
  input.success,
  button.success,
  a.success {
    background-color: #1AC400; 
    transition: background-color 0.3s; 

}

.success:hover {
    background-color: #3CA42D; 
}

.success:active {
    background-color: #427F38;
}
input.secondary,
button.secondary,
  a.secondary {
    display: inline-block;
    padding: 10px 20px;
    background-color: #06C6FF;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
    border: none;
    
  }
  input.secondary,
  button.secondary,
  a.secondary {
    background-color: #06C6FF; 
    transition: background-color 0.3s; 

}

.secondary:hover {
    background-color: #FFCE06; 
}

.secondary:active {
    background-color: #FF6A06;
}
.Information-container {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    width: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .Information {
    background-color: #f8d7da;
    color: #721c24;
    padding: 10px 20px;
    border-radius: 2px;
    margin-top: 10px;
    transition: transform 0.5s, opacity 0.5s;
    opacity: 0;
    transform: translateY(-100%);
    width: 100%;
    display: flex;
    align-items: center;
    animation: slideDown 0.5s ease;
  }

  @keyframes slideDown {
    0% {
      transform: translateY(-100%);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }

  .Information.success {
    background-color: #d4edda;
    color: #155724;
  }

  .Information.warning {
    background-color: #fff3cd;
    color: #856404;
  }

  .Information.info {
    background-color: #d1ecf1;
    color: #0c5460;
  }

  .Information.error {
    background-color: #f8d7da;
    color: #721c24;
  }
  .Information.default {
    background-color: #e2e3e5; 
    color: #000000; 
  }
  .notification-container {
      position: fixed;
      top: 20px;
      right: 20px; 
      max-width: 300px;
      z-index: 999;
  }
  .notification {
      margin-bottom: 10px;
      padding: 10px;
      border-radius: 2px;
      background-color: white;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
      overflow: hidden;
      opacity: 0;
      transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
      transform: translateX(100%); 
      display: flex; 
      align-items: flex-start; 
  }
  .notification.show {
      opacity: 1;
      transform: translateX(0); 
  }
  .notification .content {
      flex-grow: 1;
  }

   .alert {
  border-radius: 2px;
} 
.col-sm-6{
    border-radius: 2px;
}
#typing-container {  
  display: flex;  
  flex-direction: column;  
  align-items: flex-start; 
  justify-content: flex-start;
}

.lh {  
  display: none; 
  height: 1.5em;
}

.visible {
  display: block !important; 
}
.crd {
    position: relative;
    margin-top: 7%; 
}

.crd > * {
    margin-left: 120px;
}

.crd img {
    position: absolute;
    right: 40px;
    top: 0;
}

.hidden-img {
    display: block;
    border-radius: 2px;
    cursor: pointer;
    height: 150%;
    width: 50%;
 
  }
  
  @media only screen and (max-width: 768px) {
    .hidden-img {
      display: none; 
    }
  }
    @media only screen and (max-width: 769px) {
      #surprise-img {
        display: none;
      }
    }
    @media only screen and (max-width: 769px) {
      .crd {
        position: relative;
        margin-top: 30%; 
      }
    }
    @media only screen and (max-width: 600px) {
        .crd > * {
            margin-left: 20px;
      }
    }


</style>

<!--动画-->
<style>
      /* .alert-light {  
    position: relative;  
    top: 20px; 
    opacity: 0; 
    animation: slideIn 1s ease-out forwards 0.1s; 
   
  }   */
  /* .navbar-light {  
    position: relative;  
    top: 20px; 
    opacity: 0; 
    animation: slideIn 1s ease-out forwards 0.1s; 
   
  }   */
  .tp {  
    position: relative;  
    top: 20px;  
    opacity: 0; 
    animation: slideIn 1s ease-out forwards 0.3s; 
  }  
  .crd {  
    position: relative;  
    top: 20px; 
    opacity: 0; 
    animation: slideIn 1s ease-out forwards 0.3s; 
  }  
  .why {  
    position: relative;  
    top: 20px; 
    opacity: 0; 
    animation: slideIn 1s ease-out forwards 0.4s; 
  }  
  .js {  
    position: relative;  
    top: 20px; 
    opacity: 0; 
    animation: slideIn 1s ease-out forwards 0.5s; 
  } 
  .j {  
    position: relative;  
    top: 20px; 
    opacity: 0; 
    animation: slideIn 1s ease-out forwards 0.6s; 
  } 
  .thinks {  
    position: relative;  
    top: 20px; 
    opacity: 0; 
    animation: slideIn 1s ease-out forwards 0.7s; 
  } 
  .about {  
    position: relative;  
    top: 20px; 
    opacity: 0; 
    animation: slideIn 1s ease-out forwards 0.8s; 
  } 
  .yxr {  
    position: relative;  
    top: 20px; 
    opacity: 0; 
    animation: slideIn 1s ease-out forwards 0.9s; 
  }   
  .how {  
    position: relative;  
    top: 20px; 
    opacity: 0; 
    animation: slideIn 1s ease-out forwards 1.0s; 
  }  
 
  .end {  
    position: relative;  
    top: 20px; 
    opacity: 0; 
    animation: slideIn 1s ease-out forwards 1.1s; 
  }  
  .join {  
    position: relative;  
    top: 20px; 
    opacity: 0; 
    animation: slideIn 1s ease-out forwards 1.2s; 
  }  
  .cp {  
    position: relative;  
    top: 20px; 
    opacity: 0; 
    animation: slideIn 1s ease-out forwards 1.3s; 
  }  

  @keyframes slideIn {
  0% {
    transform: translateY(130px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}



  .tp {
    position: relative;
    width: 100%;
    /* height: 680px;  */
    height: 90vh;

  background-image: url('https://pan.ltfxb.top/view.php?6933c06a4cb8c6e1966c6098aebdc926.png');
    background-size: cover;
    background-position: center;
   
    z-index: -1; 
}

.tp::after {
  content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
   /*** height: 520px; /* 渐变区域的高度 */
   height: 50vh;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255)); /* 渐变效果，从透明到不透明 */
    z-index: -1;
}
@media only screen and (max-width: 600px) {
    .tp::after {
        width: 100%;
        /* height: 420px; */
   height: 50vh;

      }
    }
    @media only screen and (max-width: 600px) {
    .tp {
        /* height: 600px; */
    height: 90vh;

        /* background-image: url('./1img/1724980579320.png'); */
        background-image: url('https://pan.ltfxb.top/view.php?ffefcb4a58d26b12720571ad27cc29b8.png');
      }
    }

    /* 根据不同的分辨率设置不同的字体大小 */
@media screen and (max-width: 1000px) and (min-width: 900px) {
    #ts {
        display: block;
    }
}

@media screen and (max-width: 1000px) and (min-width: 700px) {
    #ts {
        display: block;
    }
}
@media screen and (max-width: 927.20px) and (min-width: 745.60px) {
    #ts {
        display: block;
    }
}

@media screen and (max-width: 745px) and (min-width: 600px) {
    #ts {
        display: block;
    }
}
#ts {
    display: none; 
}
/*
@media screen and (max-width: 600px) {
    p {
        font-size: 24px; 
    }
}*//* 小于 600px 的屏幕宽度的字体大小 */
.why {
  overflow-x: hidden;
}
.why::-webkit-scrollbar {
  display: none;
}
</style>
<style>  
  .gradient-text {  
      position: relative;  
      display: inline-block;  
     /* font-size: 2em;*/  
      line-height: 1.2;  
      color: transparent; 
  }  

  .gradient-text::before {  
      content: attr(data-text);  
      position: absolute;  
      top: 0;  
      left: 0;  
      width: 100%;  
      height: 100%;  
      background: linear-gradient(90deg, #0080ff, #96c9ff);  
      -webkit-background-clip: text;  
      background-clip: text;  
      color: transparent; 
  }  
  .ztbody {
   /* font-family: "宋体", "Microsoft YaHei", sans-serif;*/
  }

  .rounded-1 {
    border-radius: 2px !important;
}

</style>  

<body class="ztbody">
   <!-- <div class="alert alert-light" role="alert"> -->
       <!-- <img src="/1img/lt.png" style=" width: 100px; height: auto;"><div style="border-radius: 2px;" class="badge bg-info">公益服务平台</div>  -->
       <header class="navbar-light header-sticky">
        <nav class="navbar navbar-expand-xl">
            <div class="container"><a class="navbar-brand" href="/"><img class="light-mode-item navbar-brand-item" src="/1img/lt.png" alt="logo"><img class="dark-mode-item navbar-brand-item" src="/1img/lt.png" alt="logo"></a><div style="border-radius: 2px;" class="badge bg-info">公益服务平台</div><button class="navbar-toggler ms-auto mx-3 me-xl-0 p-0 p-sm-1" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-animation"><span></span><span></span><span></span></span></button>
                <!--Responsive category toggler-->
                <button class="navbar-toggler ms-sm-auto mx-3 me-md-0 p-0 p-sm-2" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCategoryCollapse" aria-controls="navbarCategoryCollapse" aria-expanded="true" aria-label="Toggle navigation"><i class="bi bi-grid-3x3-gap-fill fa-fw"></i></button>
                <!--Main navbar START-->
                <div class="navbar-collapse collapse" id="navbarCollapse">
                    <ul class="navbar-nav navbar-nav-scroll me-auto">
                        <!--Nav item Pages-->
                        <li class="nav-item dropdown"><a class="nav-link dropdown-toggle"  id="pagesMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">支持与服务</a>
                            <ul class="dropdown-menu" aria-labelledby="pagesMenu">
                                <li><a class="dropdown-item" href="/console/HelpCenter.php">帮助中心</a></li>
                                <li><a class="dropdown-item" href="console/Tickets.php">技术工单</a></li>
                                <li><a class="dropdown-item" href="console/gm.php">产品</a></li>
                      
                            </ul>
                        </li>
                        <!--Nav item Account-->
                        <li class="nav-item dropdown"><a class="nav-link dropdown-toggle"  id="accounntMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">关于我们</a>
                            <ul class="dropdown-menu" aria-labelledby="accounntMenu">
                                <li><a class="dropdown-item" href="#about">关于我们</a></li>
                                <li><a class="dropdown-item" href="#j">服务保障</a></li>
                                <li><a class="dropdown-item" href="#why">联系我们</a></li>
                                <!--Dropdown submenu-->
                                <li class="dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" >渠道合作</a>
                                    <ul class="dropdown-menu" data-bs-popper="none">
                                        <li><a class="dropdown-item" href="#endcp">CPS推广</a></li>
                                        <li><a class="dropdown-item" href="#endcp">合作伙伴</a></li>
                                    </ul>
                                </li>
                            </ul>
                </li></ul>
              </div>
               
              <div class="navbar-collapse collapse" id="navbarCategoryCollapse" style="">
                    <ul class="navbar-nav navbar-nav-scroll nav-pills-primary-soft text-center ms-auto p-2 p-xl-0">
                        <!--交流论坛-->
                        <li class="nav-item">
              <a class="nav-link" href="/bbs"><i class="bi bi-chat-dots"></i>访问论坛</a>
                          

                        </li>
       
                    </ul>
                </div>

                <ul class="nav flex-row align-items-center list-unstyled ms-xl-auto">
                    <li class="nav-item modeswitch-mini me-2" id="darkModeSwitch">
                        <div class="modeswitch-mini-item">
                            <div class="modeswitch-mini-icon"></div>
                        </div>
                    </li>
     
                  </ul>
            </div>
        </nav>
    </header>


      <!-- </div>    -->
        <div class="tp">

            <br>
        <div class="crd">
         
           

            <h1 class="gradient-text title" data-text="蓝天新世界">蓝天新世界</h1>  


<h3 class="title">

公益服务平台</h3>
<!-- 文字内容 -->
<div id="typing-container">  
        <p class="lh visible" data-text="看什么看，系不系暗恋我？[doge]" style="color: #00C4FF;"></p>  
            <p class="lh" data-text="阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴" style="color: #00C4FF;"></p>  
            <p class="lh" data-text="114514" style="color: #00C4FF;"></p>  
            <p class="lh" data-text="6666" style="color: #00C4FF;"></p>  
            <p class="lh" data-text="我是撒比！" style="color: #00C4FF;"></p>  
            <p class="lh" data-text="我们不是云计算啊！！！" style="color: #00C4FF;"></p>  
            <p class="lh" data-text="服了！！" style="color: #00C4FF;"></p>  
            <p class="lh" data-text="鸡你太美~" style="color: #00C4FF;"></p>  
    
    <!--<div id="result"></div>-->
    <a class="info" href="index-home.php">进入网站</a>
    

<img id="surprise-img" class="hidden-img" src="./1img/Graduation-season.jpg" alt="Hidden Image" style="  display: none; ">
        </div>

    </div>
    <br><br><br><br><br><br>
</div>

        <div class="why">
       
        
        <hr>
        <h2 style="color: rgb(146, 215, 243);">为什么选择我们？</h2><hr><br>
         <div class="row g-4">
            <!-- Service item -->
            <div class="col-sm-6 col-lg-3">
              <div class="icon-lg bg-orange bg-opacity-10 text-orange rounded-2"><i class="fa-solid fa-paper-plane fs-5"></i></div>
              <h5 class="mt-2">公益免费</h5>
              <p class="mb-0">纯公益真免费提供公益服务。多个用户一台电脑，用户隔离</p>
            </div>
      
            <!-- Service item -->
            <div class="col-sm-6 col-lg-3">
              <div class="icon-lg bg-success bg-opacity-10 text-success rounded-2"><i class="fa-solid fa-location-arrow fs-5"></i></div>
              <h5 class="mt-2">快速高效</h5>
              <p class="mb-0">自动化接口最快延迟一秒，返回结果</p>
            </div>
      
            <!-- Service item -->
            <div class="col-sm-6 col-lg-3">
              <div class="icon-lg bg-primary bg-opacity-10 text-primary rounded-2"><i class="fa-solid fa-chalkboard fs-5"></i></div>
              <h5 class="mt-2">稳定安全</h5>
              <p class="mb-0">系统丝滑稳定流畅安全可靠，稳如老狗</p>
            </div>
      
            <!-- Service item -->
            <div class="col-sm-6 col-lg-3">
              <div class="icon-lg bg-info bg-opacity-10 text-info rounded-2"><i class="fa-solid fa-dove fs-5"></i></div>
              <h5 class="mt-2">帮助支持</h5>
              <p class="mb-0">每一笔赞助将会抽一部分捐给腾讯公益,公益服务共同行动</p>
            </div>
          </div>
          <!-- Services END -->
        </div>
                
        <div class="js">
        <hr>



   

        <h2 style="color: rgb(146, 215, 243);">获取技术支持？</h2>
        <hr>
        <section class="pt-0 pt-lg-5">
            <div class="container">
                <div class="row g-4">
                    <!-- Action box item -->
                    <div class="col-md-6 position-relative overflow-hidden" >
                        <div class="bg-primary bg-opacity-10 rounded-1 h-100 p-4">
                            <!-- Content -->
                            <div class="d-flex">
                                <!-- Icon -->
                                <div class="icon-lg text-white bg-primary rounded-circle flex-shrink-0"><i class="fa fa-hands-helping"></i></div>
                                <!-- Content -->
                                <div class="ms-3">
                                    <h4 class="mb-1">联系支持？</h4>
                                    <p class="mb-3">没有找到您需要的帮助？</p>
                                    <a href="https://qm.qq.com/cgi-bin/qm/qr?k=dtGX_0b3-S9RlfKMvpgL69mX8PM1xIjO&jump_from=webapi&authKey=IkbAWUoJlTqKSbGLhyK5PRR58Cw/bNmcC+fbTmlgxq6j/ShUdu0Q6MttRCahZhah" class="info mb-0" style="border-radius: 2px;">联系我们</a>
                                </div>	
                            </div>
                        </div>
                    </div>
        
                    <!-- Action box item -->
                    <div class="col-md-6 position-relative overflow-hidden">
                        <div class="bg-secondary bg-opacity-10 rounded-1 h-100 p-4">
                            <!-- Content -->
                            <div class="d-flex">
                                <!-- Icon -->
                                <div class="icon-lg text-dark bg-warning rounded-circle flex-shrink-0"><i class="bi bi-question-octagon-fill text-white"></i></div>
                                <!-- Content -->
                                <div class="ms-3">
                                    <h4 class="mb-1">提交问题</h4>
                                    <p class="mb-3">如果您有任何问题，我们都欢迎您提交一个问题给我们</p>
                                    <a href="./console/Tickets.php" class="danger mb-0" style="border-radius: 2px;">提交问题</a>
                                </div>	
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>
<hr>
<div class="j">
    <h2 style="color: rgb(146, 215, 243);">介绍</h2>
    <hr>
  
    <div class="alert alert-success alertBox" role="alert" id="alertBox" style="text-align: center;">
        <p id="p1" style="display: inline; margin-right: 10px;">运行：0</p><p style="display: inline;">年 | </p>
        <p id="p2" style="display: inline; margin-right: 10px;">用户群体：0</p><p style="display: inline;">人 | </p>
        <p id="p3" style="display: inline; margin-right: 10px;">我们的团队：0</p><p style="display: inline;">人</p>
    </div>
    <hr>
    <script>  
        let p1Value = 0;  
        let p2Value = 0;  
        let p3Value = 0;  
        const maxP1Value = 2;  
        const maxP2Value = 114514;  
        const maxP3Value = 36;  
    
        function incrementValues() {  
            if (p1Value < maxP1Value) {  
                p1Value += 1;  
                document.getElementById('p1').textContent = '运行：' + p1Value;  
            }  
            if (p2Value < maxP2Value) {  
                p2Value += 1;  
                document.getElementById('p2').textContent = '用户群体：' + p2Value;  
            }  
            if (p3Value < maxP3Value) {  
                p3Value += 1;  
                document.getElementById('p3').textContent = '我们的团队：' + p3Value;  
            }  
        }  
    
        function startIncrementWhenVisible(elementId) {  
            const element = document.getElementById(elementId);  
            const observer = new IntersectionObserver((entries) => {  
                entries.forEach(entry => {  
                    if (entry.isIntersecting) {  
                       
                        startIncrement();  
      
                        
                        observer.unobserve(element);  
                    }  
                });  
            });  
      
            
            observer.observe(element);  
        }  
      
        function startIncrement() {  
           
            setInterval(() => {
                if (p1Value < maxP1Value) {  
                    p1Value += 1;  
                    document.getElementById('p1').textContent = '运行：' + p1Value;  
                }
            }, 2000);
    
            
            setInterval(() => {
                if (p2Value < maxP2Value) {  
                    p2Value += 1;  
                    document.getElementById('p2').textContent = '用户群体：' + p2Value;  
                }
            }, 10);
    
           
            setInterval(() => {
                if (p3Value < maxP3Value) {  
                    p3Value += 1;  
                    document.getElementById('p3').textContent = '我们的团队：' + p3Value;  
                }
            }, 1000);
        }  
      
       
        startIncrementWhenVisible('alertBox');  
    </script>
    






    <style>
        .container-left {
            display: flex;
            justify-content: space-between;
        }
    
        .left {
            flex: 1;
            margin-left: 120px; 
        }
    
        .right {
            flex: 1;
            margin-right: 90px; 
        }
    
        img {
            max-width: 100%;
            height: auto;
        }
        
        @media only screen and (max-width: 600px) {
            .container-left {
                flex-direction: column;
            }
    
            .left, .right {
                margin: 0; 
                text-align: center; 
            }
            video {
              display: block; 
  margin-left: auto;  
  margin-right: auto;  
        }
        source {
          margin: 0; 
        }
        }
    
        .container-right {
        display: flex;
        justify-content: space-between;
        
    }

    .lefta {
        flex: 1;
        text-align: right; 
        margin-right: 150px;
      
    }

    .righta {
        flex: 1;
        
        text-align: left; 
        margin-right: 120px;
    }

    @media only screen and (max-width: 600px) {
        .container-right {
            flex-direction: column;
        }

        .lefta, .righta {
            margin: 0; 
            text-align: center; 
        }

        video {
          display: block; 
  margin-left: auto;  
  margin-right: auto;  
        }
        source {
          margin: 0; 
        }
        #videoa{

        }
      }

    .tsf{
        margin: 0;
                text-align: center; 
    }
 /* 视频样式 */
 .video-element {
        border-radius: 2px;
        width: 100%; 
        max-width: 100%; 
        height: auto; 
        
    }
  
    @media only screen and (min-width: 601px) {
 #videoa{
  margin-left: 120px;

 }
}


    </style>
    
  
  <div style="  overflow: hidden;">

    <div class="container-left">
    
      <div class="left">
          <h2 style="color: skyblue;">轻</h2>
          <p>轻量服务，更快响应</p>
      </div>
      <div class="right">
          
        <!-- <video class="video-element" style=" border-radius: 2px;    height: 100%; width: 80%;" autoplay muted loop disablePictureInPicture nofullscreen noremoteplayback controlslist="nodownload">
          <source src="./index/freecompress-79804-570766592_large.mp4" type="video/mp4">
          Your browser does not support the video tag.
        </video> -->
  
        <img src="./1img/OIP-C9929199219.jpg" alt="图片" style=" border-radius: 2px;    height: 100%; width: 80%;">

      </div>
  </div>
  <hr>
  <div class="container-right">
    
    <div class="lefta">
           
      <!-- <video class="video-element" id="videoa"style=" border-radius: 2px;    height: 100%; width: 80%; " autoplay muted loop disablePictureInPicture nofullscreen noremoteplayback controlslist="nodownload">
        <source src="./index/freecompress-48976-457717347_large.mp4" type="video/mp4">
        Your browser does not support the video tag.
      </video> -->

      <img src="./1img/77eba55c4de8fcb55e69a4f587c2e9d7.jpg" alt="图片" style=" border-radius: 2px;    height: 100%; width: 80%;">
      
    </div>
    <div class="righta">
      <h2 style="color: #fa6868;">玩出火花，看见未来</h2>
        <p>更直观，更稳定，更高效</p>
    </div>
</div>
<hr>


<script>  
  window.onload = function() {  
  
      var videos = document.getElementsByClassName('video-element');  
        
    
      for (var i = 0; i < videos.length; i++) {  
          videos[i].removeAttribute('controls');
        
      }  
  };  
  </script>



    

    <div class="container-left">
            <div class="left">
            <h2>公益免费</h2>
            <p>坚持公益免费一年，为用户革新，为无电脑者，提供优秀服务<br>我们力终于免费，但我们有时会提供付费服务，以或许更好的用户体验<br>我们可能会收集一些用户数据，但我们不会贩卖，用户账户属于你们</p><s>跑得比香港记者还快</s>
        </div>
                <div class="right">
            
            <img src="./1img/1.png" alt="图片" style=" border-radius: 2px;    height: 100%; width: 80%;">
        </div>
    </div>
    <hr>
    <div class="container-right">
    
        <div class="lefta">
            <img src="./1img/ui.png" alt="图片" style=" border-radius: 2px;    height: 100%; width: 80%;">
        </div>
        <div class="righta">
            <h2>轻量UI</h2>
            <p>打造轻量的UI,历经两年半，耗时众多努力，从UI 1干到如今的高版本<br>并且拥有预览和轻量分支<br>从元旦，开始重构UI，更加符合年轻人审美，<br>圆滑而又庄严的圆角，庄严而不呆板，活力而又生机<br>动画自然协调和谐<br>其实当初的那几代UI都特别难看，又是2023年12月31日的11点59分59秒之前的UI真的很难看，现在改了，由于站长实在是太聪明了，就把这个画风莫名其妙的改成了，类似于小孩子的样子吧</p>
        </div>
    </div>
    <hr>
    <div class="container-left">
   
    <div class="left">
        <h2>庞大的用户群体</h2>
        <p>我们拥有庞大的用户群体，为多用户提供个性化服务<br>打造人性化建设，用薪服务，共创更完美的明天<br>其实当初我们只是闲着，没有想着一直干下去，就是闲着。有电脑嘛，也不知道怎么玩，就搞了这玩意<br>或许是后面人数的庞大，才让我们决定开始干这一行
        
              
      </p>
    </div>
    <div class="right">
        <img src="./1img/userzz.png" alt="图片" style=" border-radius: 2px;    height: 100%; width: 80%;">
    </div>
</div>
<hr>
<div class="container-right">

    <div class="lefta">
        <img src="./1img/Thanks.png" alt="图片" style=" border-radius: 2px;    height: 100%; width: 80%;">
    </div>
    <div class="righta">
        <h2>多个合作</h2>
        <p>多群合作，纵横交错，广泛业务，分布四处，提供新一代高效率服务，拒绝跑路</p>
    </div>
</div>
<hr>
<div class="container-left">

<div class="left">
    <h2>优秀的服务态度</h2>
    <p>态度决定一切，言出有礼，问答知所求，望而问所知言，用薪服务，态度优秀！</p>
</div>
<div class="right">
    <img src="./1img/background2.jpg" alt="图片" style=" border-radius: 2px;    height: 100%; width: 80%;">
</div>
</div>
<hr>
<div class="container-right">

<div class="lefta">
    <img src="./1img/gg.png" alt="图片" style=" border-radius: 2px;    height: 100%; width: 80%;">
</div>
<div class="righta">
    <h2>精彩的公告</h2>
    <p>个性化公告，不错过每一个瞬间<img style=" width: auto;height: 1em;  vertical-align: middle; margin-top: -2px;"src="./1img/emoji/021429B67AACA23F9713D89662DF3D00.png">，精彩的内容，每天更新，大开眼界</p>
</div>
</div>
<hr>
<div class="tsf hidden">
    <img src="./1img/konigssee-6635951_1280.jpg" alt="图片" style=" border-radius: 2px;    height: 80%; width: 60%;">
    <h2>一切的开端，梦的延续</h2>
    <p>正因为爱，才会向往，追逐，打造质量最好，更优秀的服务，更优秀的态度，做好每件事，干好每件活，为梦而战，为荣誉而战</p>
</div>


</div>
</div>
<style>

.container-left {
  opacity: 0;
  transform: translateX(-100px); 
  transition: opacity 0.5s, transform 0.5s;
}


.container-right {
  opacity: 0;
  transform: translateX(100px);
  transition: opacity 0.5s, transform 0.5s;
}


.in-view {
  opacity: 1;
  transform: translateX(0);
}


.hidden {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.7s, transform 0.7s;
}

.tsf.show {
    opacity: 1;
    transform: translateY(0);
}

</style>
<script>

var observer = new IntersectionObserver(function(entries, observer) {
  entries.forEach(function(entry) {
    if (entry.isIntersecting) {
      entry.target.classList.add('in-view');
     
      observer.unobserve(entry.target);
    }
  });
}, { threshold: 0 });


var containersLeft = document.querySelectorAll('.container-left');
var containersRight = document.querySelectorAll('.container-right');


containersLeft.forEach(function(container) {
  observer.observe(container);
});

containersRight.forEach(function(container) {
  observer.observe(container);
});




document.addEventListener("scroll", function() {
    var element = document.querySelector(".tsf");
    var positionFromTop = element.getBoundingClientRect().top;

    if (positionFromTop - window.innerHeight < 0) {
        element.classList.add("show");
    }
});

</script>
<div class="thinks">
    <hr>
    <h2 style="color: rgb(146, 215, 243);">鸣谢</h2>
    <hr>
    <style>
        #container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
    
        #container .card {
            width: calc(33.33% - 20px); 
            margin: 10px;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 2px;
            text-align: left; 
            box-sizing: border-box; 
            overflow: hidden; 
        }
    
        #container .avatar {
            border-radius: 50%;
            width: 80px;
            height: 80px;
            margin-right: 10px;
            float: left;
        }
    
        #container .info {
            overflow: hidden;
            width: calc(100% - 90px);
        }
    
        #container .h5 {
            margin: 0 0 5px;
        }
    
        #container .p {
            margin: 0; 
            max-width: 100%; 
            white-space: pre-wrap;
        }
        @media only screen and (max-width: 600px) {
            #container .card {
            width: 100%; 
        }
    }
    </style>
    
      <div id="container">
        <div class="card">
          <img class="avatar" src="https://q2.qlogo.cn/headimg_dl?dst_uin=329569594&spec=100" alt="Avatar">
          <h5>SUPW</h5>
          <p>提供源码</p>
        </div>
        <div class="card">
          <img class="avatar" src="https://q2.qlogo.cn/headimg_dl?dst_uin=3525601532&spec=100" alt="Avatar">
          <h5>兴起云计算</h5>
          <p>提供云计算服务</p>
        </div>
        <div class="card">
            <img class="avatar" src="https://q2.qlogo.cn/headimg_dl?dst_uin=1990770484&spec=100" alt="Avatar">
            <h5>longzai</h5>
            <p>赞助杰出贡献者</p>
          </div>
         
     

      </div>
       <!--<div class="alert alert-info" role="alert" style="text-align: center;align-items: center;justify-content: center;">
        <p id="ttff" style=" font-family: cursive;"> 感谢每一个用户加入我们！感谢每一个支持者！感谢每一个平凡的人！</p>
            </div>

        -->
      
        <div class="alert alert-info mx" role="alert" style="text-align: center;align-items: center;justify-content: center;">
            <p id="ttff"> 感谢每一个用户加入我们！感谢每一个支持者！感谢每一个参与者！</p>
                </div>
    <div class="about">
             <hr>

     <h2 style="color: rgb(146, 215, 243);">关于</h2>
     <hr>
     <section class="pb-0 pb-xl-5">
        <div class="container">
            <div class="row g-4 justify-content-between align-items-center">
                <!-- Left side START -->
                <div class="col-lg-5 position-relative">
                    <!-- Svg Decoration -->
                    <figure class="position-absolute top-0 start-0 translate-middle z-index-1 ms-4">
                        <svg class="fill-warning" width="77px" height="77px">
                            <path d="M76.997,41.258 L45.173,41.258 L67.676,63.760 L63.763,67.673 L41.261,45.171 L41.261,76.994 L35.728,76.994 L35.728,45.171 L13.226,67.673 L9.313,63.760 L31.816,41.258 L-0.007,41.258 L-0.007,35.725 L31.816,35.725 L9.313,13.223 L13.226,9.311 L35.728,31.813 L35.728,-0.010 L41.261,-0.010 L41.261,31.813 L63.763,9.311 L67.676,13.223 L45.174,35.725 L76.997,35.725 L76.997,41.258 Z"/>
                        </svg>
                    </figure>
    
    
                    <!-- Image -->
                    <img src="./1img/NTIzMjYxOTkzNTI5MTYxOTkwNF8xNzAxNTc5NzM3MDI3_16.jpg" class="rounded-1 position-relative" alt="">
    
                    <!-- Client rating START -->
                    <div class="position-absolute bottom-0 start-0 z-index-1 mb-4 ms-5">
                        <div class="bg-body d-flex d-inline-block rounded-1 position-relative p-3">	
    
                            <!-- Element -->
                            <img src="./index/new/img/01.svg" class="position-absolute top-0 start-0 translate-middle w-40px" alt="">
    
                            <!-- Avatar group -->
                            <div class="me-4">
                                <h6 class="fw-light">用户</h6>
                                <!-- Avatar group -->
                                <ul class="avatar-group mb-0">
                                    <li class="avatar avatar-sm">
                                     <!--   <img class="avatar-img rounded-circle" src="./index/new/img/avatar/01.jpg" alt="avatar">-->
                                     <img class="avatar-img rounded-circle" src="https://q2.qlogo.cn/headimg_dl?dst_uin=1543655070&spec=100" alt="avatar">
                                    </li>
                                    <li class="avatar avatar-sm">
                                        <img class="avatar-img rounded-circle" src="https://q2.qlogo.cn/headimg_dl?dst_uin=3656558215&spec=100" alt="avatar">
                                    </li>
                                    <li class="avatar avatar-sm">
                                        <img class="avatar-img rounded-circle" src="https://q2.qlogo.cn/headimg_dl?dst_uin=3429037566&spec=100" alt="avatar">
                                    </li>
                                    <li class="avatar avatar-sm">
                                        <img class="avatar-img rounded-circle" src="https://q2.qlogo.cn/headimg_dl?dst_uin=3623916240&spec=100" alt="avatar">
                                    </li>
                                    <li class="avatar avatar-sm">
                                        <div class="avatar-img rounded-circle bg-primary">
                                            <span class="text-white position-absolute top-50 start-50 translate-middle small">1K+</span>
                                        </div>
                                    </li>
                                </ul>
                            </div>
    
                            <!-- Rating -->
                            <div>
                                <h6 class="fw-light mb-3">蓝天新世界</h6>
                                <h6 class="m-0">5<i class="fa-solid fa-star text-warning ms-1"></i></h6>
                            </div>
                        </div>
                    </div>
                    <!-- Client rating END -->
                </div>
                <!-- Left side END -->
    
                <!-- Right side START -->
                <div class="col-lg-6">
                    <h2 class="mb-3 mb-lg-5">为什么选择 蓝天新世界 ?</h2>
                                        <p class="mb-3 mb-lg-5">公益免费，精益求精</p>
                
       <!-- Features START -->
       <div class="row g-4">
                        <!-- Item -->
                        <div class="col-sm-6">
                            <div class="icon-lg bg-success bg-opacity-10 text-success rounded-circle"><!--<i class="fa-solid fa-utensils"></i>--><i class="fa-solid fa-server"></i></div>
                            <h5 class="mt-2">稳定多样</h5>
                            <p class="mb-0">可以提供基本稳定的服务，支持自定义用户创建，可DIY自己的桌面</p>
                        </div>
                        <!-- Item -->
                        <div class="col-sm-6">
                            <div class="icon-lg bg-danger bg-opacity-10 text-danger rounded-circle"><i class="bi bi-exclamation-triangle"></i></div>
                            <h5 class="mt-2">绝不跑路</h5>
                            <p class="mb-0">当身上有一种责任，当热爱提供动力，保持这份热爱，奔赴下一趟山海</p>
                        </div>
                        <!-- Item -->
                        <div class="col-sm-6">
                            <div class="icon-lg bg-orange bg-opacity-10 text-orange rounded-circle"><i class="bi bi-check-square"></i></div>
                            <h5 class="mt-2">服务优秀</h5>
                            <p class="mb-0">用薪服务，态度优秀，随机回复，随机时间，快速解决<img style=" width: auto;height: 1em;  vertical-align: middle; margin-top: -2px;" src="./1img/emoji/021429B67AACA23F9713D89662DF3D00.png"></p>
                        </div>
                        <!-- Item -->
                        <div class="col-sm-6">
                            <div class="icon-lg bg-info bg-opacity-10 text-info rounded-circle"><i class="fa fa-dove"></i></div>
                            <h5 class="mt-2">公益服务</h5>
                            <p class="mb-0">我们提供公益服务，每当你们赞助的一笔钱，我们将会捐送给腾讯会议，并且随机抽取活动专区以捐出</p>
                        </div>		
                    </div>
                    <!-- Features END -->
                       
    
                </div>
                <!-- Right side END -->
            </div>
        </div>
    </section>
</div>






<div class="yxr">
<section class="pb-0 py-md-5">
	<div class="container">
		<div class="row">
			<!-- Slider START -->
			<div class="col-lg-11 mx-auto">
				<div class="tiny-slider arrow-round arrow-border arrow-hover">
					<div class="tiny-slider-inner" data-edge="2" data-items="1">

						<!-- Slide item START -->
						<div class="px-4 px-md-5">
							<div class="row justify-content-between align-items-center">
								
								<div class="col-md-6 col-lg-5 position-relative">
									<!-- Element -->
									<div class="position-absolute top-0 start-0 translate-middle z-index-9 mt-7 ms-4">
										<img src="./1img/emoji/d15121545a99ac46774f1f4465b895fe2d1411c3.png" class="h-60px bg-orange rounded p-2" alt="">
									</div>

									<!-- Svg decoration -->
									<figure class="position-absolute bottom-0 end-0 d-none d-sm-block mb-n5 me-n5">
										<svg width="326px" height="335px" viewBox="0 0 326 335">
											<path class="fill-primary opacity-1" d="M7.3,0C3.3,0,0,3.3,0,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C14.6,3.3,11.3,0,7.3,0z
												M59.2,0.7c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C66.5,4,63.2,0.7,59.2,0.7L59.2,0.7z	M111.1,1.5c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C118.4,4.7,115.1,1.5,111.1,1.5 C111.1,1.5,111.1,1.5,111.1,1.5L111.1,1.5z M163,2.2c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C170.3,5.5,167,2.2,163,2.2C163,2.2,163,2.2,163,2.2L163,2.2z M214.9,2.9c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3 c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C222.2,6.2,218.9,2.9,214.9,2.9C214.9,2.9,214.9,2.9,214.9,2.9L214.9,2.9z M266.8,3.7 c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C274.1,6.9,270.8,3.7,266.8,3.7C266.8,3.7,266.8,3.7,266.8,3.7L266.8,3.7z M318.7,4.4c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C326,7.7,322.7,4.4,318.7,4.4C318.7,4.4,318.7,4.4,318.7,4.4L318.7,4.4z M7.3,52.7c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C14.6,55.9,11.4,52.7,7.3,52.7C7.3,52.7,7.3,52.7,7.3,52.7L7.3,52.7z M59.2,53.4c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C66.5,56.7,63.3,53.4,59.2,53.4C59.2,53.4,59.2,53.4,59.2,53.4L59.2,53.4z M111.1,54.1c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C118.4,57.4,115.2,54.1,111.1,54.1C111.1,54.1,111.1,54.1,111.1,54.1L111.1,54.1z M163,54.9c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C170.3,58.1,167.1,54.9,163,54.9C163,54.9,163,54.9,163,54.9L163,54.9zM214.9,55.6c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C222.2,58.9,219,55.6,214.9,55.6C214.9,55.6,214.9,55.6,214.9,55.6L214.9,55.6z M266.8,56.3c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C274.1,59.6,270.9,56.3,266.8,56.3C266.8,56.3,266.8,56.3,266.8,56.3L266.8,56.3z M318.7,57c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C326,60.3,322.8,57.1,318.7,57C318.7,57,318.7,57,318.7,57L318.7,57zM7.3,105.3c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C14.7,108.6,11.4,105.3,7.3,105.3C7.3,105.3,7.3,105.3,7.3,105.3L7.3,105.3z M59.2,106c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C66.6,109.3,63.3,106.1,59.2,106C59.2,106,59.2,106,59.2,106L59.2,106z M111.1,106.8c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C118.5,110.1,115.2,106.8,111.1,106.8C111.1,106.8,111.1,106.8,111.1,106.8L111.1,106.8zM163,107.5c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C170.4,110.8,167.1,107.5,163,107.5C163,107.5,163,107.5,163,107.5L163,107.5z M214.9,108.2c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C222.3,111.5,219,108.3,214.9,108.2C214.9,108.2,214.9,108.3,214.9,108.2L214.9,108.2z M266.8,109c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C274.2,112.3,270.9,109,266.8,109C266.8,109,266.8,109,266.8,109L266.8,109zM318.7,109.7c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C326.1,113,322.8,109.7,318.7,109.7C318.7,109.7,318.7,109.7,318.7,109.7L318.7,109.7z M7.3,158c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C14.6,161.3,11.3,158,7.3,158z M59.2,158.7c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C66.5,162,63.2,158.7,59.2,158.7C59.2,158.7,59.2,158.7,59.2,158.7L59.2,158.7z M111.1,159.4c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C118.4,162.7,115.1,159.5,111.1,159.4C111.1,159.4,111.1,159.4,111.1,159.4L111.1,159.4z M163,160.2c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C170.3,163.5,167,160.2,163,160.2C163,160.2,163,160.2,163,160.2L163,160.2z M214.9,160.9c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C222.2,164.2,218.9,160.9,214.9,160.9C214.9,160.9,214.9,160.9,214.9,160.9L214.9,160.9zM266.8,161.6c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C274.1,164.9,270.8,161.6,266.8,161.6C266.8,161.6,266.8,161.6,266.8,161.6L266.8,161.6z M318.7,162.4c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C326,165.6,322.7,162.4,318.7,162.4C318.7,162.4,318.7,162.4,318.7,162.4L318.7,162.4z M7.3,210.6c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C14.6,213.9,11.4,210.7,7.3,210.6C7.3,210.6,7.3,210.6,7.3,210.6L7.3,210.6zM59.2,211.4c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C66.5,214.7,63.3,211.4,59.2,211.4C59.2,211.4,59.2,211.4,59.2,211.4L59.2,211.4z M111.1,212.1c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C118.4,215.4,115.2,212.1,111.1,212.1C111.1,212.1,111.1,212.1,111.1,212.1L111.1,212.1z M163,212.8c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C170.3,216.1,167.1,212.8,163,212.8C163,212.8,163,212.8,163,212.8L163,212.8z M214.9,213.6c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C222.2,216.8,219,213.6,214.9,213.6C214.9,213.6,214.9,213.6,214.9,213.6L214.9,213.6z M266.8,214.3c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C274.1,217.6,270.9,214.3,266.8,214.3C266.8,214.3,266.8,214.3,266.8,214.3L266.8,214.3z M318.7,215c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C326,218.3,322.8,215,318.7,215C318.7,215,318.7,215,318.7,215L318.7,215z M7.3,263.3c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C14.7,266.6,11.4,263.3,7.3,263.3C7.3,263.3,7.3,263.3,7.3,263.3L7.3,263.3z M59.2,264c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C66.6,267.3,63.3,264,59.2,264C59.2,264,59.2,264,59.2,264L59.2,264z M111.1,264.8c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C118.5,268,115.2,264.8,111.1,264.8C111.1,264.8,111.1,264.8,111.1,264.8L111.1,264.8z M163,265.5c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C170.4,268.8,167.1,265.5,163,265.5C163,265.5,163,265.5,163,265.5L163,265.5z M214.9,266.2c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C222.3,269.5,219,266.2,214.9,266.2C214.9,266.2,214.9,266.2,214.9,266.2L214.9,266.2z M266.8,267c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C274.2,270.2,270.9,267,266.8,267C266.8,267,266.8,267,266.8,267L266.8,267z M318.7,267.7c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C326.1,271,322.8,267.7,318.7,267.7C318.7,267.7,318.7,267.7,318.7,267.7L318.7,267.7z M7.4,316c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C14.7,319.2,11.4,316,7.4,316C7.3,316,7.3,316,7.4,316L7.4,316z M59.3,316.7c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C66.6,320,63.3,316.7,59.3,316.7C59.2,316.7,59.2,316.7,59.3,316.7L59.3,316.7z M111.2,317.4c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C118.5,320.7,115.2,317.4,111.2,317.4C111.1,317.4,111.1,317.4,111.2,317.4L111.2,317.4z M163.1,318.2c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C170.4,321.4,167.1,318.2,163.1,318.2C163,318.2,163,318.2,163.1,318.2L163.1,318.2z M215,318.9c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C222.3,322.2,219,318.9,215,318.9C214.9,318.9,214.9,318.9,215,318.9L215,318.9z M266.9,319.6c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C274.2,322.9,270.9,319.6,266.9,319.6C266.8,319.6,266.8,319.6,266.9,319.6L266.9,319.6z M318.8,320.4c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C326.1,323.6,322.8,320.4,318.8,320.4C318.7,320.4,318.7,320.4,318.8,320.4L318.8,320.4z"/>
										</svg>
									</figure>

									<!-- Image -->
								<!--	<img src="./index/new/img/avatar/01.jpg" class="rounded-3 position-relative" alt="">-->
                <img src="https://q2.qlogo.cn/headimg_dl?dst_uin=1543655070&spec=100" class="rounded-3 position-relative" alt="" style="width: 1080px;height: auto;">
								</div>

								<div class="col-md-6 col-lg-6">
									<!-- Quote -->
									<span class="display-3 mb-0 text-primary"><i class="bi bi-quote"></i></span>
									<!-- Content -->
									<h5 class="fw-light">太TM好用了，好用到哭</h5>
									<!-- Rating -->
									<ul class="list-inline small mb-2">
										<li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
										<li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
										<li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
										<li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
										<li class="list-inline-item"><i class="fa-solid fa-star-half-alt text-warning"></i></li>
									</ul>
									<!-- Title -->
									<h6 class="mb-0">Wind Fog</h6>
									<span>蓝天新世界管理员</span>
								</div>
							</div>
						</div>
						<!-- Slide item END -->

            	<!-- Slide item START -->
              <div class="px-4 px-md-5">
                <div class="row justify-content-between align-items-center">
                  
                  <div class="col-md-6 col-lg-5 position-relative">
                    <!-- Element -->
                    <div class="position-absolute top-0 start-0 translate-middle mt-7 ms-4 z-index-9">
                      <img src="./1img/emoji/021429B67AACA23F9713D89662DF3D00.png" class="h-60px bg-orange p-2 rounded" alt="">
                    </div>
  
                    <!-- Svg decoration -->
                    <figure class="position-absolute bottom-0 end-0 mb-n5 me-n5 d-none d-sm-block">
                      <svg width="326px" height="335px" viewBox="0 0 326 335">
                        <path class="fill-primary opacity-1" d="M7.3,0C3.3,0,0,3.3,0,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C14.6,3.3,11.3,0,7.3,0z M59.2,0.7c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C66.5,4,63.2,0.7,59.2,0.7L59.2,0.7z M111.1,1.5c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C118.4,4.7,115.1,1.5,111.1,1.5 C111.1,1.5,111.1,1.5,111.1,1.5L111.1,1.5z M163,2.2c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C170.3,5.5,167,2.2,163,2.2C163,2.2,163,2.2,163,2.2L163,2.2z M214.9,2.9c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3 c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C222.2,6.2,218.9,2.9,214.9,2.9C214.9,2.9,214.9,2.9,214.9,2.9L214.9,2.9z M266.8,3.7 c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C274.1,6.9,270.8,3.7,266.8,3.7 C266.8,3.7,266.8,3.7,266.8,3.7L266.8,3.7z M318.7,4.4c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C326,7.7,322.7,4.4,318.7,4.4C318.7,4.4,318.7,4.4,318.7,4.4L318.7,4.4z M7.3,52.7c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3 c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C14.6,55.9,11.4,52.7,7.3,52.7C7.3,52.7,7.3,52.7,7.3,52.7L7.3,52.7z M59.2,53.4 c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C66.5,56.7,63.3,53.4,59.2,53.4 C59.2,53.4,59.2,53.4,59.2,53.4L59.2,53.4z M111.1,54.1c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C118.4,57.4,115.2,54.1,111.1,54.1C111.1,54.1,111.1,54.1,111.1,54.1L111.1,54.1z M163,54.9c-4,0-7.3,3.3-7.3,7.3 c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C170.3,58.1,167.1,54.9,163,54.9C163,54.9,163,54.9,163,54.9L163,54.9z M214.9,55.6c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C222.2,58.9,219,55.6,214.9,55.6 C214.9,55.6,214.9,55.6,214.9,55.6L214.9,55.6z M266.8,56.3c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3 c0,0,0,0,0,0C274.1,59.6,270.9,56.3,266.8,56.3C266.8,56.3,266.8,56.3,266.8,56.3L266.8,56.3z M318.7,57c-4,0-7.3,3.3-7.3,7.3 c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C326,60.3,322.8,57.1,318.7,57C318.7,57,318.7,57,318.7,57L318.7,57z M7.3,105.3c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C14.7,108.6,11.4,105.3,7.3,105.3 C7.3,105.3,7.3,105.3,7.3,105.3L7.3,105.3z M59.2,106c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C66.6,109.3,63.3,106.1,59.2,106C59.2,106,59.2,106,59.2,106L59.2,106z M111.1,106.8c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3 c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C118.5,110.1,115.2,106.8,111.1,106.8C111.1,106.8,111.1,106.8,111.1,106.8L111.1,106.8z M163,107.5c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C170.4,110.8,167.1,107.5,163,107.5 C163,107.5,163,107.5,163,107.5L163,107.5z M214.9,108.2c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C222.3,111.5,219,108.3,214.9,108.2C214.9,108.2,214.9,108.3,214.9,108.2L214.9,108.2z M266.8,109c-4,0-7.3,3.3-7.3,7.3 c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C274.2,112.3,270.9,109,266.8,109C266.8,109,266.8,109,266.8,109L266.8,109z M318.7,109.7c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C326.1,113,322.8,109.7,318.7,109.7 C318.7,109.7,318.7,109.7,318.7,109.7L318.7,109.7z M7.3,158c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3 c0,0,0,0,0,0C14.6,161.3,11.3,158,7.3,158z M59.2,158.7c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C66.5,162,63.2,158.7,59.2,158.7C59.2,158.7,59.2,158.7,59.2,158.7L59.2,158.7z M111.1,159.4c-4,0-7.3,3.3-7.3,7.3 c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C118.4,162.7,115.1,159.5,111.1,159.4C111.1,159.4,111.1,159.4,111.1,159.4 L111.1,159.4z M163,160.2c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C170.3,163.5,167,160.2,163,160.2C163,160.2,163,160.2,163,160.2L163,160.2z M214.9,160.9c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3 c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C222.2,164.2,218.9,160.9,214.9,160.9C214.9,160.9,214.9,160.9,214.9,160.9L214.9,160.9z M266.8,161.6c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C274.1,164.9,270.8,161.6,266.8,161.6 C266.8,161.6,266.8,161.6,266.8,161.6L266.8,161.6z M318.7,162.4c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3 c0,0,0,0,0,0C326,165.6,322.7,162.4,318.7,162.4C318.7,162.4,318.7,162.4,318.7,162.4L318.7,162.4z M7.3,210.6c-4,0-7.3,3.3-7.3,7.3 c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C14.6,213.9,11.4,210.7,7.3,210.6C7.3,210.6,7.3,210.6,7.3,210.6L7.3,210.6z M59.2,211.4c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C66.5,214.7,63.3,211.4,59.2,211.4 C59.2,211.4,59.2,211.4,59.2,211.4L59.2,211.4z M111.1,212.1c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3 c0,0,0,0,0,0C118.4,215.4,115.2,212.1,111.1,212.1C111.1,212.1,111.1,212.1,111.1,212.1L111.1,212.1z M163,212.8 c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C170.3,216.1,167.1,212.8,163,212.8 C163,212.8,163,212.8,163,212.8L163,212.8z M214.9,213.6c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C222.2,216.8,219,213.6,214.9,213.6C214.9,213.6,214.9,213.6,214.9,213.6L214.9,213.6z M266.8,214.3c-4,0-7.3,3.3-7.3,7.3 c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C274.1,217.6,270.9,214.3,266.8,214.3C266.8,214.3,266.8,214.3,266.8,214.3 L266.8,214.3z M318.7,215c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C326,218.3,322.8,215,318.7,215 C318.7,215,318.7,215,318.7,215L318.7,215z M7.3,263.3c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C14.7,266.6,11.4,263.3,7.3,263.3C7.3,263.3,7.3,263.3,7.3,263.3L7.3,263.3z M59.2,264c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3 c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C66.6,267.3,63.3,264,59.2,264C59.2,264,59.2,264,59.2,264L59.2,264z M111.1,264.8 c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C118.5,268,115.2,264.8,111.1,264.8 C111.1,264.8,111.1,264.8,111.1,264.8L111.1,264.8z M163,265.5c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3 c0,0,0,0,0,0C170.4,268.8,167.1,265.5,163,265.5C163,265.5,163,265.5,163,265.5L163,265.5z M214.9,266.2c-4,0-7.3,3.3-7.3,7.3 c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C222.3,269.5,219,266.2,214.9,266.2C214.9,266.2,214.9,266.2,214.9,266.2 L214.9,266.2z M266.8,267c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C274.2,270.2,270.9,267,266.8,267C266.8,267,266.8,267,266.8,267L266.8,267z M318.7,267.7c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3 c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C326.1,271,322.8,267.7,318.7,267.7C318.7,267.7,318.7,267.7,318.7,267.7L318.7,267.7z M7.4,316 c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C14.7,319.2,11.4,316,7.4,316C7.3,316,7.3,316,7.4,316 L7.4,316z M59.3,316.7c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C66.6,320,63.3,316.7,59.3,316.7 C59.2,316.7,59.2,316.7,59.3,316.7L59.3,316.7z M111.2,317.4c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3 c0,0,0,0,0,0C118.5,320.7,115.2,317.4,111.2,317.4C111.1,317.4,111.1,317.4,111.2,317.4L111.2,317.4z M163.1,318.2 c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C170.4,321.4,167.1,318.2,163.1,318.2 C163,318.2,163,318.2,163.1,318.2L163.1,318.2z M215,318.9c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3 c0,0,0,0,0,0C222.3,322.2,219,318.9,215,318.9C214.9,318.9,214.9,318.9,215,318.9L215,318.9z M266.9,319.6c-4,0-7.3,3.3-7.3,7.3 c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C274.2,322.9,270.9,319.6,266.9,319.6C266.8,319.6,266.8,319.6,266.9,319.6 L266.9,319.6z M318.8,320.4c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0
                          C326.1,323.6,322.8,320.4,318.8,320.4C318.7,320.4,318.7,320.4,318.8,320.4L318.8,320.4z"/>
                      </svg>
                    </figure>
  
                    <!-- Image -->
                    <img src="https://q2.qlogo.cn/headimg_dl?dst_uin=3141058569&spec=100" class="rounded-3 position-relative" alt="" style="width: 1080px;height: auto;">
                  </div>
  
                  <div class="col-md-6 col-lg-6">
                    <!-- Quote -->
                    <span class="display-3 mb-0 text-primary"><i class="bi bi-quote"></i></span>
                    <!-- Content -->
                    <h5 class="fw-light">好用，但是我有电脑了<img style=" width: auto;height: 1em;  vertical-align: middle; margin-top: -2px;" src="./1img/emoji/021429B67AACA23F9713D89662DF3D00.png"></h5>
                    <!-- Rating -->
                    <ul class="list-inline small mb-2">
                      <li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
                      <li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
                      <li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
                      <li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
                      <li class="list-inline-item"><i class="fa-solid fa-star text-warning"></i></li>
                    </ul>
                    <!-- Title -->
                    <h6 class="mb-0">炜炜爱搞事</h6>
                    <span>蓝天新世界牛马客服</span>
                  </div>
                </div>
              </div>
              <!-- Slide item END -->
  
						<!-- Slide item START -->
						<div class="px-4 px-md-5">
							<div class="row justify-content-between align-items-center">
								
								<div class="col-md-6 col-lg-5 position-relative">
									<!-- Element -->
									<div class="position-absolute top-0 start-0 translate-middle mt-7 ms-4 z-index-9">
										<img src="./index/new/img/index/03.svg" class="h-60px bg-orange p-2 rounded" alt="">
									</div>

									<!-- Svg decoration -->
									<figure class="position-absolute bottom-0 end-0 mb-n5 me-n5 d-none d-sm-block">
										<svg width="326px" height="335px" viewBox="0 0 326 335">
											<path class="fill-primary opacity-1" d="M7.3,0C3.3,0,0,3.3,0,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C14.6,3.3,11.3,0,7.3,0z M59.2,0.7c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C66.5,4,63.2,0.7,59.2,0.7L59.2,0.7z M111.1,1.5c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C118.4,4.7,115.1,1.5,111.1,1.5 C111.1,1.5,111.1,1.5,111.1,1.5L111.1,1.5z M163,2.2c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C170.3,5.5,167,2.2,163,2.2C163,2.2,163,2.2,163,2.2L163,2.2z M214.9,2.9c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3 c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C222.2,6.2,218.9,2.9,214.9,2.9C214.9,2.9,214.9,2.9,214.9,2.9L214.9,2.9z M266.8,3.7 c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C274.1,6.9,270.8,3.7,266.8,3.7 C266.8,3.7,266.8,3.7,266.8,3.7L266.8,3.7z M318.7,4.4c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C326,7.7,322.7,4.4,318.7,4.4C318.7,4.4,318.7,4.4,318.7,4.4L318.7,4.4z M7.3,52.7c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3 c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C14.6,55.9,11.4,52.7,7.3,52.7C7.3,52.7,7.3,52.7,7.3,52.7L7.3,52.7z M59.2,53.4 c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C66.5,56.7,63.3,53.4,59.2,53.4 C59.2,53.4,59.2,53.4,59.2,53.4L59.2,53.4z M111.1,54.1c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C118.4,57.4,115.2,54.1,111.1,54.1C111.1,54.1,111.1,54.1,111.1,54.1L111.1,54.1z M163,54.9c-4,0-7.3,3.3-7.3,7.3 c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C170.3,58.1,167.1,54.9,163,54.9C163,54.9,163,54.9,163,54.9L163,54.9z M214.9,55.6c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C222.2,58.9,219,55.6,214.9,55.6 C214.9,55.6,214.9,55.6,214.9,55.6L214.9,55.6z M266.8,56.3c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3 c0,0,0,0,0,0C274.1,59.6,270.9,56.3,266.8,56.3C266.8,56.3,266.8,56.3,266.8,56.3L266.8,56.3z M318.7,57c-4,0-7.3,3.3-7.3,7.3 c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C326,60.3,322.8,57.1,318.7,57C318.7,57,318.7,57,318.7,57L318.7,57z M7.3,105.3c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C14.7,108.6,11.4,105.3,7.3,105.3 C7.3,105.3,7.3,105.3,7.3,105.3L7.3,105.3z M59.2,106c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C66.6,109.3,63.3,106.1,59.2,106C59.2,106,59.2,106,59.2,106L59.2,106z M111.1,106.8c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3 c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C118.5,110.1,115.2,106.8,111.1,106.8C111.1,106.8,111.1,106.8,111.1,106.8L111.1,106.8z M163,107.5c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C170.4,110.8,167.1,107.5,163,107.5 C163,107.5,163,107.5,163,107.5L163,107.5z M214.9,108.2c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C222.3,111.5,219,108.3,214.9,108.2C214.9,108.2,214.9,108.3,214.9,108.2L214.9,108.2z M266.8,109c-4,0-7.3,3.3-7.3,7.3 c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C274.2,112.3,270.9,109,266.8,109C266.8,109,266.8,109,266.8,109L266.8,109z M318.7,109.7c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C326.1,113,322.8,109.7,318.7,109.7 C318.7,109.7,318.7,109.7,318.7,109.7L318.7,109.7z M7.3,158c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3 c0,0,0,0,0,0C14.6,161.3,11.3,158,7.3,158z M59.2,158.7c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C66.5,162,63.2,158.7,59.2,158.7C59.2,158.7,59.2,158.7,59.2,158.7L59.2,158.7z M111.1,159.4c-4,0-7.3,3.3-7.3,7.3 c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C118.4,162.7,115.1,159.5,111.1,159.4C111.1,159.4,111.1,159.4,111.1,159.4 L111.1,159.4z M163,160.2c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C170.3,163.5,167,160.2,163,160.2C163,160.2,163,160.2,163,160.2L163,160.2z M214.9,160.9c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3 c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C222.2,164.2,218.9,160.9,214.9,160.9C214.9,160.9,214.9,160.9,214.9,160.9L214.9,160.9z M266.8,161.6c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C274.1,164.9,270.8,161.6,266.8,161.6 C266.8,161.6,266.8,161.6,266.8,161.6L266.8,161.6z M318.7,162.4c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3 c0,0,0,0,0,0C326,165.6,322.7,162.4,318.7,162.4C318.7,162.4,318.7,162.4,318.7,162.4L318.7,162.4z M7.3,210.6c-4,0-7.3,3.3-7.3,7.3 c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C14.6,213.9,11.4,210.7,7.3,210.6C7.3,210.6,7.3,210.6,7.3,210.6L7.3,210.6z M59.2,211.4c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C66.5,214.7,63.3,211.4,59.2,211.4 C59.2,211.4,59.2,211.4,59.2,211.4L59.2,211.4z M111.1,212.1c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3 c0,0,0,0,0,0C118.4,215.4,115.2,212.1,111.1,212.1C111.1,212.1,111.1,212.1,111.1,212.1L111.1,212.1z M163,212.8 c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C170.3,216.1,167.1,212.8,163,212.8 C163,212.8,163,212.8,163,212.8L163,212.8z M214.9,213.6c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C222.2,216.8,219,213.6,214.9,213.6C214.9,213.6,214.9,213.6,214.9,213.6L214.9,213.6z M266.8,214.3c-4,0-7.3,3.3-7.3,7.3 c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C274.1,217.6,270.9,214.3,266.8,214.3C266.8,214.3,266.8,214.3,266.8,214.3 L266.8,214.3z M318.7,215c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C326,218.3,322.8,215,318.7,215 C318.7,215,318.7,215,318.7,215L318.7,215z M7.3,263.3c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C14.7,266.6,11.4,263.3,7.3,263.3C7.3,263.3,7.3,263.3,7.3,263.3L7.3,263.3z M59.2,264c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3 c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C66.6,267.3,63.3,264,59.2,264C59.2,264,59.2,264,59.2,264L59.2,264z M111.1,264.8 c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C118.5,268,115.2,264.8,111.1,264.8 C111.1,264.8,111.1,264.8,111.1,264.8L111.1,264.8z M163,265.5c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3 c0,0,0,0,0,0C170.4,268.8,167.1,265.5,163,265.5C163,265.5,163,265.5,163,265.5L163,265.5z M214.9,266.2c-4,0-7.3,3.3-7.3,7.3 c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C222.3,269.5,219,266.2,214.9,266.2C214.9,266.2,214.9,266.2,214.9,266.2 L214.9,266.2z M266.8,267c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C274.2,270.2,270.9,267,266.8,267C266.8,267,266.8,267,266.8,267L266.8,267z M318.7,267.7c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3 c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C326.1,271,322.8,267.7,318.7,267.7C318.7,267.7,318.7,267.7,318.7,267.7L318.7,267.7z M7.4,316 c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C14.7,319.2,11.4,316,7.4,316C7.3,316,7.3,316,7.4,316 L7.4,316z M59.3,316.7c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C66.6,320,63.3,316.7,59.3,316.7 C59.2,316.7,59.2,316.7,59.3,316.7L59.3,316.7z M111.2,317.4c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3 c0,0,0,0,0,0C118.5,320.7,115.2,317.4,111.2,317.4C111.1,317.4,111.1,317.4,111.2,317.4L111.2,317.4z M163.1,318.2 c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C170.4,321.4,167.1,318.2,163.1,318.2 C163,318.2,163,318.2,163.1,318.2L163.1,318.2z M215,318.9c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3 c0,0,0,0,0,0C222.3,322.2,219,318.9,215,318.9C214.9,318.9,214.9,318.9,215,318.9L215,318.9z M266.9,319.6c-4,0-7.3,3.3-7.3,7.3 c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C274.2,322.9,270.9,319.6,266.9,319.6C266.8,319.6,266.8,319.6,266.9,319.6 L266.9,319.6z M318.8,320.4c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0
												C326.1,323.6,322.8,320.4,318.8,320.4C318.7,320.4,318.7,320.4,318.8,320.4L318.8,320.4z"/>
										</svg>
									</figure>

									<!-- Image -->
                  <img src="https://q2.qlogo.cn/headimg_dl?dst_uin=2695406973&spec=100" class="rounded-3 position-relative" alt="" style="width: 1080px;height: auto;">
								</div>

								<div class="col-md-6 col-lg-6">
									<!-- Quote -->
									<span class="display-3 mb-0 text-primary"><i class="bi bi-quote"></i></span>
									<!-- Content -->
									<h5 class="fw-light">好用（虽然还没开始用），但进不去</h5>
									<!-- Rating -->
									<ul class="list-inline small mb-2">
										<li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
										<li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
										<li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
										<li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
										<li class="list-inline-item"><i class="fa-solid fa-star text-warning"></i></li>
									</ul>
									<!-- Title -->
									<h6 class="mb-0">鸡蛋</h6>
									<span>蓝天新世界用户群群友</span>
								</div>
							</div>
						</div>
						<!-- Slide item END -->

						<!-- Slide item START -->
						<div class="px-4 px-md-5">
							<div class="row justify-content-between align-items-center">
								
								<div class="col-md-6 col-lg-5 position-relative">
									<!-- Element -->
									<div class="position-absolute top-0 start-0 translate-middle mt-7 ms-4 z-index-9">
										<img src="./index/new/img/index/02.svg" class="h-60px bg-orange p-2 rounded" alt="">
									</div>

									<!-- Svg decoration -->
									<figure class="position-absolute bottom-0 end-0 mb-n5 me-n5 d-none d-sm-block">
										<svg width="326px" height="335px" viewBox="0 0 326 335">
											<path class="fill-primary opacity-1" d="M7.3,0C3.3,0,0,3.3,0,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C14.6,3.3,11.3,0,7.3,0z M59.2,0.7c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C66.5,4,63.2,0.7,59.2,0.7L59.2,0.7z M111.1,1.5c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C118.4,4.7,115.1,1.5,111.1,1.5 C111.1,1.5,111.1,1.5,111.1,1.5L111.1,1.5z M163,2.2c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C170.3,5.5,167,2.2,163,2.2C163,2.2,163,2.2,163,2.2L163,2.2z M214.9,2.9c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3 c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C222.2,6.2,218.9,2.9,214.9,2.9C214.9,2.9,214.9,2.9,214.9,2.9L214.9,2.9z M266.8,3.7 c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C274.1,6.9,270.8,3.7,266.8,3.7 C266.8,3.7,266.8,3.7,266.8,3.7L266.8,3.7z M318.7,4.4c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C326,7.7,322.7,4.4,318.7,4.4C318.7,4.4,318.7,4.4,318.7,4.4L318.7,4.4z M7.3,52.7c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3 c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C14.6,55.9,11.4,52.7,7.3,52.7C7.3,52.7,7.3,52.7,7.3,52.7L7.3,52.7z M59.2,53.4 c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C66.5,56.7,63.3,53.4,59.2,53.4 C59.2,53.4,59.2,53.4,59.2,53.4L59.2,53.4z M111.1,54.1c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C118.4,57.4,115.2,54.1,111.1,54.1C111.1,54.1,111.1,54.1,111.1,54.1L111.1,54.1z M163,54.9c-4,0-7.3,3.3-7.3,7.3 c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C170.3,58.1,167.1,54.9,163,54.9C163,54.9,163,54.9,163,54.9L163,54.9z M214.9,55.6c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C222.2,58.9,219,55.6,214.9,55.6 C214.9,55.6,214.9,55.6,214.9,55.6L214.9,55.6z M266.8,56.3c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3 c0,0,0,0,0,0C274.1,59.6,270.9,56.3,266.8,56.3C266.8,56.3,266.8,56.3,266.8,56.3L266.8,56.3z M318.7,57c-4,0-7.3,3.3-7.3,7.3 c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C326,60.3,322.8,57.1,318.7,57C318.7,57,318.7,57,318.7,57L318.7,57z M7.3,105.3c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C14.7,108.6,11.4,105.3,7.3,105.3 C7.3,105.3,7.3,105.3,7.3,105.3L7.3,105.3z M59.2,106c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C66.6,109.3,63.3,106.1,59.2,106C59.2,106,59.2,106,59.2,106L59.2,106z M111.1,106.8c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3 c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C118.5,110.1,115.2,106.8,111.1,106.8C111.1,106.8,111.1,106.8,111.1,106.8L111.1,106.8z M163,107.5c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C170.4,110.8,167.1,107.5,163,107.5 C163,107.5,163,107.5,163,107.5L163,107.5z M214.9,108.2c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C222.3,111.5,219,108.3,214.9,108.2C214.9,108.2,214.9,108.3,214.9,108.2L214.9,108.2z M266.8,109c-4,0-7.3,3.3-7.3,7.3 c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C274.2,112.3,270.9,109,266.8,109C266.8,109,266.8,109,266.8,109L266.8,109z M318.7,109.7c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C326.1,113,322.8,109.7,318.7,109.7 C318.7,109.7,318.7,109.7,318.7,109.7L318.7,109.7z M7.3,158c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3 c0,0,0,0,0,0C14.6,161.3,11.3,158,7.3,158z M59.2,158.7c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C66.5,162,63.2,158.7,59.2,158.7C59.2,158.7,59.2,158.7,59.2,158.7L59.2,158.7z M111.1,159.4c-4,0-7.3,3.3-7.3,7.3 c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C118.4,162.7,115.1,159.5,111.1,159.4C111.1,159.4,111.1,159.4,111.1,159.4 L111.1,159.4z M163,160.2c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C170.3,163.5,167,160.2,163,160.2C163,160.2,163,160.2,163,160.2L163,160.2z M214.9,160.9c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3 c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C222.2,164.2,218.9,160.9,214.9,160.9C214.9,160.9,214.9,160.9,214.9,160.9L214.9,160.9z M266.8,161.6c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C274.1,164.9,270.8,161.6,266.8,161.6 C266.8,161.6,266.8,161.6,266.8,161.6L266.8,161.6z M318.7,162.4c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3 c0,0,0,0,0,0C326,165.6,322.7,162.4,318.7,162.4C318.7,162.4,318.7,162.4,318.7,162.4L318.7,162.4z M7.3,210.6c-4,0-7.3,3.3-7.3,7.3 c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C14.6,213.9,11.4,210.7,7.3,210.6C7.3,210.6,7.3,210.6,7.3,210.6L7.3,210.6z M59.2,211.4c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C66.5,214.7,63.3,211.4,59.2,211.4 C59.2,211.4,59.2,211.4,59.2,211.4L59.2,211.4z M111.1,212.1c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3 c0,0,0,0,0,0C118.4,215.4,115.2,212.1,111.1,212.1C111.1,212.1,111.1,212.1,111.1,212.1L111.1,212.1z M163,212.8 c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C170.3,216.1,167.1,212.8,163,212.8 C163,212.8,163,212.8,163,212.8L163,212.8z M214.9,213.6c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C222.2,216.8,219,213.6,214.9,213.6C214.9,213.6,214.9,213.6,214.9,213.6L214.9,213.6z M266.8,214.3c-4,0-7.3,3.3-7.3,7.3 c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C274.1,217.6,270.9,214.3,266.8,214.3C266.8,214.3,266.8,214.3,266.8,214.3 L266.8,214.3z M318.7,215c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C326,218.3,322.8,215,318.7,215 C318.7,215,318.7,215,318.7,215L318.7,215z M7.3,263.3c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C14.7,266.6,11.4,263.3,7.3,263.3C7.3,263.3,7.3,263.3,7.3,263.3L7.3,263.3z M59.2,264c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3 c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C66.6,267.3,63.3,264,59.2,264C59.2,264,59.2,264,59.2,264L59.2,264z M111.1,264.8 c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C118.5,268,115.2,264.8,111.1,264.8 C111.1,264.8,111.1,264.8,111.1,264.8L111.1,264.8z M163,265.5c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3 c0,0,0,0,0,0C170.4,268.8,167.1,265.5,163,265.5C163,265.5,163,265.5,163,265.5L163,265.5z M214.9,266.2c-4,0-7.3,3.3-7.3,7.3 c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C222.3,269.5,219,266.2,214.9,266.2C214.9,266.2,214.9,266.2,214.9,266.2 L214.9,266.2z M266.8,267c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0 C274.2,270.2,270.9,267,266.8,267C266.8,267,266.8,267,266.8,267L266.8,267z M318.7,267.7c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3 c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C326.1,271,322.8,267.7,318.7,267.7C318.7,267.7,318.7,267.7,318.7,267.7L318.7,267.7z M7.4,316 c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C14.7,319.2,11.4,316,7.4,316C7.3,316,7.3,316,7.4,316 L7.4,316z M59.3,316.7c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C66.6,320,63.3,316.7,59.3,316.7 C59.2,316.7,59.2,316.7,59.3,316.7L59.3,316.7z M111.2,317.4c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3 c0,0,0,0,0,0C118.5,320.7,115.2,317.4,111.2,317.4C111.1,317.4,111.1,317.4,111.2,317.4L111.2,317.4z M163.1,318.2 c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C170.4,321.4,167.1,318.2,163.1,318.2 C163,318.2,163,318.2,163.1,318.2L163.1,318.2z M215,318.9c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3 c0,0,0,0,0,0C222.3,322.2,219,318.9,215,318.9C214.9,318.9,214.9,318.9,215,318.9L215,318.9z M266.9,319.6c-4,0-7.3,3.3-7.3,7.3 c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0C274.2,322.9,270.9,319.6,266.9,319.6C266.8,319.6,266.8,319.6,266.9,319.6 L266.9,319.6z M318.8,320.4c-4,0-7.3,3.3-7.3,7.3c0,4,3.3,7.3,7.3,7.3c4,0,7.3-3.3,7.3-7.3c0,0,0,0,0,0
												C326.1,323.6,322.8,320.4,318.8,320.4C318.7,320.4,318.7,320.4,318.8,320.4L318.8,320.4z"/>
										</svg>
									</figure>

									<!-- Image -->
                  <img src="https://q2.qlogo.cn/headimg_dl?dst_uin=1507952156&spec=100" class="rounded-3 position-relative" alt="" style="width: 1080px;height: auto;">
								</div>

								<div class="col-md-6 col-lg-6">
									<!-- Quote -->
									<span class="display-3 mb-0 text-primary"><i class="bi bi-quote"></i></span>
									<!-- Content -->
									<h5 class="fw-light">学生党，蓝天新世界家的虚拟主机性价比真的超高！希望可以一直做下去，嘿嘿</h5>
									<!-- Rating -->
									<ul class="list-inline small mb-2">
										<li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
										<li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
										<li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
										<li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
										<li class="list-inline-item"><i class="fa-solid fa-star text-warning"></i></li>
									</ul>
									<!-- Title -->
									<h6 class="mb-0">绫芒</h6>
									<span>蓝天新世界忠实用户</span>
								</div>
							</div>
						</div>
						<!-- Slide item END -->
					</div>
				</div>	
			</div>
			<!-- Slider END -->
		</div>
	</div>
</section>


</div>
<style>
  .accordion-button {
      border-radius: 2px !important; /* 设置圆角为 2px */
  }
  .accordion-item {
      border-radius: 2px !important; /* 设置手风琴项的圆角为 2px */
  }
</style>

<div class="how">
        <hr>
        <h2 style="color: rgb(146, 215, 243);">有什么可以帮助您的吗？</h2>
        <hr>
        <section class="pt-0 pt-lg-5">
            <div class="container">
                <!-- Title -->
                <div class="row">
                    <div class="col-12 text-center mb-4">
                      <!--  <h2 class="mb-0">有什么问题吗?
        这里给出了一些答案</h2>-->
                    </div>
                </div>
        
                <!-- Accordion START -->
                <div class="row">
                    <div class="col-10 mx-auto">
                        <div class="accordion accordion-icon accordion-bg-light" id="accordionExample2">
                            <!-- Item -->
                            <div class="accordion-item mb-3">
                                <h6 class="accordion-header font-base" id="heading-1">
                                    <button class="accordion-button fw-bold rounded d-inline-block collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-1" aria-expanded="true" aria-controls="collapse-1">
                                        什么是云服务器/VPS？
                                    </button>
                                </h6>
                                <!-- Body -->
                                <div id="collapse-1" class="accordion-collapse collapse show" aria-labelledby="heading-1" data-bs-parent="#accordionExample2">
                                    <div class="accordion-body mt-3">
                                        云服务器/VPS是一个分为完全独立的托管环境的服务器。当您拥有VPS主机时，其中的系统环境完全专用于您。这意味着你不必与其他客户共享资源（如RAM或CPU），你也不太可能受到他们行为的影响.
                                    </div>
                                </div>
                            </div>
        
                            <!-- Item -->
                            <div class="accordion-item mb-3">
                                <h6 class="accordion-header font-base" id="heading-2">
                                    <button class="accordion-button fw-bold rounded d-inline-block collapsed d-block pe-5" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-2" aria-expanded="false" aria-controls="collapse-2">
                                        什么是虚拟主机？
                                    </button>
                                </h6>
                                <!-- Body -->
                                <div id="collapse-2" class="accordion-collapse collapse" aria-labelledby="heading-2" data-bs-parent="#accordionExample2">
                                    <div class="accordion-body mt-3">
                                        虚拟主机是基于软件层虚拟化技术的网页托管产品，虽然您不能像云服务器一样使用最高权限登录，但此类产品的性价比极高.
                                    </div>
                                </div>
                            </div>
        
                            <!-- Item -->
                            <div class="accordion-item mb-3">
                                <h6 class="accordion-header font-base" id="heading-3">
                                    <button class="accordion-button fw-bold collapsed rounded d-block pe-5" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-3" aria-expanded="false" aria-controls="collapse-3">
                                        什么是裸金属/专用服务器
                                    </button>
                                </h6>
                                <!-- Body -->
                                <div id="collapse-3" class="accordion-collapse collapse" aria-labelledby="heading-3" data-bs-parent="#accordionExample2">
                                    <div class="accordion-body mt-3">
                                        专用服务器是一个真正专用于您而不是其他人的服务器，这意味着您的这台服务器是真实被托管在数据中心的，除了您自己没有其他人共享该台服务器.
                                    </div>
                                </div>
                            </div>
        
                            
        
                            <!-- Item -->
                            <div class="accordion-item mb-3">
                                <h6 class="accordion-header font-base" id="heading-5">
                                    <button class="accordion-button fw-bold collapsed rounded d-block pe-5" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-5" aria-expanded="false" aria-controls="collapse-5">
                                        绑定邮箱或电话未收到信息怎么办？
                                    </button>
                                </h6>
                                <!-- Body -->
                                <div id="collapse-5" class="accordion-collapse collapse" aria-labelledby="heading-5" data-bs-parent="#accordionExample2">
                                    <div class="accordion-body mt-3">
                                        未收到邮箱请您将本站邮箱添加至您的域名白名单并检查垃圾邮件，若出现问题联系在线客服
                                    </div>
                                </div>
                            </div>
        
                            <!-- Item -->
                            <div class="accordion-item">
                                <h6 class="accordion-header font-base" id="heading-6">
                                    <button class="accordion-button fw-bold collapsed rounded d-block pe-5" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-6" aria-expanded="false" aria-controls="collapse-6">
                                        购买了主机或者服务器怎么使用？
                                    </button>
                                </h6>
                                <!-- Body -->
                                <div id="collapse-6" class="accordion-collapse collapse" aria-labelledby="heading-6" data-bs-parent="#accordionExample2">
                                    <div class="accordion-body mt-3">
                                        您可观看或阅读我工作室的相关建站教程视频及文章等
                                    </div>
                                </div>
                            </div>


<!--

<br>
                            <div class="accordion-item mb-3">
                                <h6 class="accordion-header font-base" id="heading-7">
                                    <button class="accordion-button fw-bold collapsed rounded d-block pe-7" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-7" aria-expanded="false" aria-controls="collapse-7">
                                      API
                                    </button>
                                </h6>-->
                                <!-- Body -->
                                <!--<div id="collapse-7" class="accordion-collapse collapse" aria-labelledby="heading-7" data-bs-parent="#accordionExample2">
                                    <div class="accordion-body mt-3">
                                        <xmp style="white-space: pre-wrap;word-wrap: break-word;"> <img src="./php/captcha.php" id="captchabt"alt="验证码" onclick="this.src='./php/captcha.php?' + Math.random()" style="cursor: pointer; border-radius: 2px; margin-top: -2px; width: 80px;">
                                        </div></xmp>
                                    </div>
                                </div>
                            </div>
                          -->






                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
    
    
        <div class="end">
            <hr>
        <h2 style="color: rgb(146, 215, 243);">结尾</h2>
        <hr>



        <!-- <section class="pb-0 py-md-5">
          <div class="container">
            <div class="row">-->
              <!-- Slider START -->
                <!-- <div class="tiny-slider arrow-round arrow-border arrow-hover">
                  <div class="tiny-slider-inner" data-edge="2" data-items="1"> -->
        
                    <!-- Slide item START -->
                    <!-- <div class="px-4 px-md-5">
                      <div class="container">
                        <div class="position-relative rounded-1 overflow-hidden p-3 p-sm-5" style="background-image:url(https://yuanxiapi.cn/api/bing/);background-position:center left;background-size:cover;  border-radius:2px;">
                            <div class="row position-relative z-index-9">
                              <div class="col-md-7 col-xl-5 ms-auto">
                                  <div class="card card-body p-sm-5" style="border-radius: 2px;">
                                      <div class="d-sm-flex justify-content-between align-items-center mb-2">
                                          <h6 class="text-primary mb-0">蓝天新世界</h6>
                                          <ul class="list-inline small mb-0">
                                              <li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
                                              <li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
                                              <li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
                                              <li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
                                              <li class="list-inline-item"><i class="fa-solid fa-star text-warning"></i></li>
                                          </ul>
                                      </div>
                                      <h5>坚持公益1年</h5>
                                      <p class="mb-3">曾经好评无数</p>
                                      <h6 class="fw-normal mb-1">云电脑</h6>
                                      <div class="d-flex align-items-center">
                                          <h5 class="text-success mb-0 me-1">￥0</h5><span class="mb-0 me-2">/month</span> <span class="text-decoration-line-through">￥1.99</span>
                                      </div>
                                      <a href="./zc.php" class="btn btn-primary-soft mb-0 mt-3 rounded-1" style="border-radius: 2px;">立即注册</a>
                                      <a><i class="bi bi-info-circle"></i>在本站登录或注册即意味着<br>您同意我们的 <a href="ys.php" >隐私政策 和 服务条款</a></a>
                                  </div>
                              </div>
                          </div>
                          
                        </div>
                    </div>
                    </div> -->
                    <!-- Slide item END -->
        
                    <!-- Slide item START -->
                    <!-- <div class="px-4 px-md-5">
                    


                      <div class="container">
                        <div class="position-relative rounded-1 overflow-hidden p-3 p-sm-5" style="background-image:url(https://yuanxiapi.cn/api/bing/);background-position:center left;background-size:cover;  border-radius:2px;">
                            <div class="row position-relative z-index-9">
                              <div class="col-md-7 col-xl-5 ms-auto">
                                  <div class="card card-body p-sm-5" style="border-radius: 2px;">
                                      <div class="d-sm-flex justify-content-between align-items-center mb-2">
                                          <h6 class="text-primary mb-0">蓝天新世界</h6>
                                          <ul class="list-inline small mb-0">
                                              <li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
                                              <li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
                                              <li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
                                              <li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
                                              <li class="list-inline-item"><i class="fa-solid fa-star text-warning"></i></li>
                                          </ul>
                                      </div>
                                      <h5>坚持公益1年</h5>
                                      <p class="mb-3">曾经好评无数</p>
                                      <h6 class="fw-normal mb-1">云电脑</h6>
                                      <div class="d-flex align-items-center">
                                          <h5 class="text-success mb-0 me-1">￥0</h5><span class="mb-0 me-2">/month</span> <span class="text-decoration-line-through">￥1.99</span>
                                      </div>
                                      <a href="./zc.php" class="btn btn-primary-soft mb-0 mt-3 rounded-1" style="border-radius: 2px;">立即注册</a>
                                      <a><i class="bi bi-info-circle"></i>在本站登录或注册即意味着<br>您同意我们的 <a href="ys.php" >隐私政策 和 服务条款</a></a>
                                  </div>
                              </div>
                          </div>
                          
                        </div>
                    </div>


                    </div> -->
                    <!-- Slide item END -->
               
                    <!-- Slide item END -->
                  <!-- </div>
                </div>	
              </div>
               Slider END -->
          <!-- </div> --> 
        <!-- </section> -->



        <section class="py-0 py-md-5">
          <div class="container">
            <div class="position-relative rounded-1 overflow-hidden p-3 p-sm-5" style="background-image:url(https://api.ltyun.2b2t.ren/img/);background-position:center left;background-size:cover;  border-radius:2px;">
                <div class="row position-relative z-index-9">
                  <div class="col-md-7 col-xl-5 ms-auto">

                                        <div class="card card-body p-sm-5" style="border-radius: 2px;">
                          <div class="d-sm-flex justify-content-between align-items-center mb-2">
                              <h6 class="text-primary mb-0">蓝天新世界</h6>
                              <ul class="list-inline small mb-0">
                                  <li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
                                  <li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
                                  <li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
                                  <li class="list-inline-item me-0"><i class="fa-solid fa-star text-warning"></i></li>
                                  <li class="list-inline-item"><i class="fa-solid fa-star text-warning"></i></li>
                              </ul>
                          </div>
                          <h5>坚持公益1年</h5>
                          <p class="mb-3">曾经好评无数</p>
                          <h6 class="fw-normal mb-1">云电脑</h6>
                          <div class="d-flex align-items-center">
                              <h5 class="text-success mb-0 me-1">￥0</h5><span class="mb-0 me-2">/month</span> <span class="text-decoration-line-through">￥1.99</span>
                          </div>
                          <a href="./zc.php" class="btn btn-primary-soft mb-0 mt-3 rounded-1" style="border-radius: 2px;">立即注册</a>
                          <a><i class="bi bi-info-circle"></i>在本站登录或注册即意味着<br>您同意我们的 <a href="ys.php" >隐私政策 和 服务条款</a></a>
                      </div>
                   
                    </div>
              </div>
              
            </div>
        </div>
        </section>
    </div>
       
        <div class="join">
            <hr>
        <h2 style="color: rgb(146, 215, 243);">加入我们！</h2>
        <hr>
        <div class="alert alert-info aaa" role="alert" style="text-align: center;align-items: center;justify-content: center;">
        <p> 一触即发，共创蓝天！ </p>
             <a class="success" href="zc.php">GO FOR IT !</a>
            </div>
        </div>
   
    <div class="cp">
        <hr>
                <div class="alert alert-info endcp" role="alert">
            <div class="row g-4">

                <!-- Widget 1 START -->
                <div class="col-lg-3">
                    <!-- logo -->
                    <a href="https://ltfxb.top/">
       
                <img class="h-40px" src="/1img/Weathervane-Studio.png" alt="logo">
                    </a>
                    <p class="my-3 text-muted">蓝天新世界 由 蓝天 运营</p>
                
                    <p class="mb-2"><a href="" class="text-muted text-primary-hover"><i class="bi bi-check-circle"></i>版权 TX-202403168979</a> </p>
                    <p class="mb-0"><a href="" class="text-muted text-primary-hover"><i class="bi bi-envelope me-2"></i>3141058569@qq.com</a></p>
                </div>
                <div class="col-lg-8 ms-auto">
                    <div class="row g-4">
                        <!-- Link block -->
                        <!--<div class="col-6 col-md-3">
                            <h5 class="text-white mb-2 mb-md-4">产品详情</h5>
                            <ul class="nav flex-column text-primary-hover">
                                <li class="nav-item"><a class="nav-link text-muted" href="/cart?fid=8&gid=33">虚拟主机</a></li>
                                <li class="nav-item"><a class="nav-link text-muted" href="/cart?fid=1&gid=1">云服务器</a></li>
                                <li class="nav-item"><a class="nav-link text-muted" href="cart?fid=12&gid=34">内容分发</a></li>
                                <li class="nav-item"><a class="nav-link text-muted" href="newsview">代理加盟</a></li>
                            </ul>
                        </div>-->
    
                        <!-- Link block -->
                        <div class="col-6 col-md-3">
                            <h5 class="text-white mb-2 mb-md-4">工作室介绍</h5>
                            <ul class="nav flex-column text-primary-hover">
                                <li class="nav-item"><a class="nav-link text-muted" href="./console/about.php">关于我们</a></li>
                                <li class="nav-item"><a class="nav-link text-muted" href="https://qm.qq.com/cgi-bin/qm/qr?k=dtGX_0b3-S9RlfKMvpgL69mX8PM1xIjO&jump_from=webapi&authKey=IkbAWUoJlTqKSbGLhyK5PRR58Cw/bNmcC+fbTmlgxq6j/ShUdu0Q6MttRCahZhah">联系我们</a></li>
                                
                            </ul>
                        </div>
                        <div class="col-6 col-md-3">
                            <h5 class="text-white mb-2 mb-md-4">其他</h5>
                            <ul class="nav flex-column text-primary-hover">
                                <li class="nav-item"><a class="nav-link text-muted" href="./ys.php"><i class="fa fa-paper-plane"></i>服务条款</a></li>
                                <li class="nav-item"><a class="nav-link text-muted" href="./ys.php"><i class="fa fa-file-contract"></i>用户信息保护协议</a></li>
                                
                            </ul>
                        </div>
                    </div>
                </div>
            </div><!-- Row END -->

            <!-- Tops Links -->
            <!--<div class="row mt-5">
                <h5 class="mb-2 text-white">友情链接</h5>
                <ul class="list-inline text-primary-hover lh-lg">
                    <li class="nav-item"><a class="nav-link text-muted" href="./"><i class="bi bi-shield-fill-check"></i>蓝天新世界</a></li>
                            
                        </ul>
            </div>-->
            
		<!-- Payment and card -->
		<div class="row g-4 justify-content-between mt-0 mt-md-2">

			<!-- Payment card -->
			<div class="col-sm-7 col-md-6 col-lg-4">
				<h5 class="text-white mb-2">支付 &amp; 保障</h5>
				<ul class="list-inline mb-0 mt-3">
					<li class="list-inline-item"> <a ><img src="./index/new/img/weixinpay.png" class="h-30px" alt="微信支付"></a></li>
					<li class="list-inline-item"> <a ><img src="./index/new/img/alipay.png" class="h-30px" alt="支付宝支付"></a></li>
					<!--<li class="list-inline-item"> <a ><img src="./index/new/img/paypal.svg" class="h-30px" alt="paypal"></a></li>-->
				</ul>
			</div>
      <style>
        .btn.bg-wechat {
            background-color: #4CAF50; 
            transition: background-color 0.3s ease; 
            border: none; 
        }
    
        .btn.bg-wechat:hover {
            background-color: #408140; 
        }
    
        .btn.bg-wechat:active {
          background-color: transparent; 

            outline: none; 
        }
    
        .btn.bg-wechat i {
            color: white; 
        }
        .btn.bg-qq {
            background-color: #467cea; 
            transition: background-color 0.3s ease; 
            border: none; 
        }
    
        .btn.bg-qq:hover {
            background-color: #0048d7; 
        }
    
        .btn.bg-qq:active {
          background-color: transparent;

            outline: none; 
        }
    
        .btn.bg-qq i {
            color: white; 
        }



        .btn.bg-bilibili {
            background-color: #466fea; 
            transition: background-color 0.3s ease; 
            border: none; 
        }
    
        .btn.bg-bilibili:hover {
            background-color: #0048d7;
        }
    
        .btn.bg-bilibili:active {
          background-color: transparent; 

            outline: none; 
        }
    
        .btn.bg-bilibili i {
            color: white;
        }

        .btn.bg-video-camera {
            background-color: #ffb300; 
            transition: background-color 0.3s ease; 
            border: none; 
        }
    
        .btn.bg-video-camera:hover {
            background-color: #eaa346;
        }
    
        .btn.bg-video-camera:active {
          background-color: transparent; 

            outline: none; 
        }
    
        .btn.bg-video-camera i {
            color: white;
        }








        .modal-content {
          border-radius: 2px; 
    }
    .modal-backdrop {
      background-color: transparent !important; 
    }
    </style>
    
    
   
    
			<!-- Social media icon -->
			<div class="col-sm-5 col-md-6 col-lg-3 text-sm-end">
				<h5 class="text-white mb-2">关注我们</h5>
				<ul class="list-inline mb-0 mt-3">
          					<li class="list-inline-item"> <a style="color: white; border-radius: 2px;"  class="btn btn-sm px-2 bg-facebook mb-0" href="https://www.facebook.com/profile.php?id=61556154727910 " target= "_blank"><i class="fab fa-fw fa-facebook-f"></i></a> </li>
			              
					<li class="list-inline-item"> <a style="color: white; border-radius: 2px;"  class="btn btn-sm shadow px-2 bg-twitter mb-0" href="https://x.com/Ten_square1145?s=09" target= "_blank"><i class="fab fa-fw fa-twitter"></i></a> </li>
                    
        <li class="list-inline-item"> <a style="color: white;  border-radius: 2px;" class="btn btn-sm shadow px-2 bg-twitter mb-0"href="https://t.me/Tensquares" target= "_blank"><i class="fab fa-fw fa-telegram"></i></a> </li>
                        
        <li class="list-inline-item"> <a  style="border-radius: 2px;"id="openModalBtn" class="btn btn-sm shadow px-2 bg-wechat mb-0"><i class="fab fa-fw fa-weixin"></i></a> </li>
                       
        <li class="list-inline-item"> <a  style="border-radius: 2px;"class="btn btn-sm shadow px-2 bg-qq mb-0" href="https://qm.qq.com/cgi-bin/qm/qr?k=dtGX_0b3-S9RlfKMvpgL69mX8PM1xIjO&jump_from=webapi&authKey=IkbAWUoJlTqKSbGLhyK5PRR58Cw/bNmcC+fbTmlgxq6j/ShUdu0Q6MttRCahZhah" target= "_blank"><i class="fab fa-fw fa-qq"></i></a> </li>
                        
        <li class="list-inline-item"> <a  style="border-radius: 2px;" class="btn btn-sm shadow px-2 bg-bilibili mb-0" href="https://space.bilibili.com/1318054047?spm_id_from=333.1007.0.0" target= "_blank"><i class="fab fa-fw fa-bilibili" ></i></a> </li>
                        
        <li class="list-inline-item"> <a   style="border-radius: 2px;"class="btn btn-sm shadow px-2 bg-video-camera mb-0" href="https://v.kuaishou.com/Ct8oRP" target= "_blank"><i class="fa fa-fw fa-play" ></i></a> </li>
        				
      </ul>	
			</div>
		</div>



<script>
  
  var openModalBtn = document.getElementById('openModalBtn');
  
 
  openModalBtn.addEventListener('click', function() {

    var myModal = new bootstrap.Modal(document.getElementById('exampleModal'));
    myModal.show();
  });
</script>


		<!-- Divider -->
		<hr class="mt-4 mb-0">

		<!-- Bottom footer -->
		<div class="row">
		<!--	<div class="container">-->
      <div>
				<div class="d-lg-flex justify-content-between align-items-center py-3 text-center text-lg-start">
					<!-- copyright text -->
					<div class="text-muted text-primary-hover"> Copyrights <a  class="text-muted">©2023-2024 蓝天新世界</a>. All rights reserved. </div>
					<!-- copyright links-->
					<div class="nav mt-2 mt-lg-0">
						<ul class="list-inline text-primary-hover mx-auto mb-0">
						<!--	<li class="list-inline-item me-0"><a class="nav-link py-1 text-muted pe-0" href="sitemap.xml">网站地图</a></li>-->
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
            </div>
        </div>







<!-- 模态框 -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">添加微信</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
      <img src="./1img/mmexport1736947316365.jpg" style="max-width: 80%; height: auto; display: block; margin: 0 auto;">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" style="border-radius: 2px; ">关闭</button>
  
      </div>
    </div>
  </div>
</div>







<script>
    const typingContainer = document.getElementById('typing-container');
const paragraphs = Array.from(typingContainer.getElementsByClassName('lh'));
let currentParagraphIndex = 0;

function typingAnimation(paragraph) {
  const fullText = paragraph.getAttribute('data-text');
  let currentText = '';
  let intervalId;

  function type() {
    if (currentText.length < fullText.length) {
      currentText += fullText[currentText.length];
      paragraph.textContent = currentText;
      setTimeout(type, 100); 
    } else {
      setTimeout(deleteText, 1000); 
    }
  }

  function deleteText() {
    intervalId = setInterval(() => {
      if (currentText.length > 0) {
        currentText = currentText.slice(0, -1);
        paragraph.textContent = currentText;
      } else {
        clearInterval(intervalId);
        showNextParagraph(); 
      }
    }, 100); 
  }

  type();
}

function showNextParagraph() {
  const currentParagraph = paragraphs[currentParagraphIndex];
  currentParagraph.classList.remove('visible');
  currentParagraphIndex = (currentParagraphIndex + 1) % paragraphs.length;
  const nextParagraph = paragraphs[currentParagraphIndex];
  nextParagraph.classList.add('visible'); 
  nextParagraph.textContent = ''; 
  typingAnimation(nextParagraph); 
}


showNextParagraph();
    </script>
   
<style>
    #backToTopBtn {
        display: block;
        position: fixed;
        bottom: 20px;
        right: 20px;
        background-color: #90ee90; 
        color: white;
        border: none;
        padding: 10px;
        cursor: pointer;
        z-index: 1000;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.5s, background-color 0.3s;
    }

    #backToTopBtn.show {
        opacity: 1;
        visibility: visible;
    }

    #backToTopBtn:hover {
        background-color: #76c376; 
    }

    #backToTopBtn:active {
        background-color: #5ca55c; 
    }

    @media (max-width: 768px) {
        #backToTopBtn {
            bottom: 10px;
            padding: 8px;
        }
    }
</style>


<button id="backToTopBtn" onclick="scrollToTop()"><i class="fa fa-arrow-up"></i></button>

<script>
    const backToTopBtn = document.getElementById('backToTopBtn');
    let buttonTimer;

    function showButton() {
        backToTopBtn.classList.add('show');
        clearTimeout(buttonTimer);
        buttonTimer = setTimeout(() => { backToTopBtn.classList.remove('show'); }, 2000); 
    }

    function hideButton() {
        backToTopBtn.classList.remove('show');
        clearTimeout(buttonTimer);
    }

    window.onscroll = function() {
        if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
            backToTopBtn.style.visibility = "visible"; 
            showButton();
        } else {
            hideButton();
        }
    };

    function scrollToTop() {
        window.scrollTo({ top: 0, behavior: 'smooth' });
        hideButton();
    }
</script>

        <!--   <link rel="stylesheet" href="./1ltcss/style.css" />
           <body oncontextmenu="showAnnouncement(); return false;">
               <div id="announcement">
                   <img src="./1img/announcement-image.jpg" alt="公告图片">
                   <b style="color:skyblue;">检测到你点击右键</b><br>
                   <a>不要照着抄，写官网不容易呀！</a><br>
                <a>禁止搬运！如果想要找群主[qwq]</a>
                   <button onclick="hideAnnouncement()">确定</button>
               </div>
               <script src="./1ltjs/style.js" charset="utf-8"></script>
               <script>
           

               </script>-->

               <script>

  const items = document.querySelectorAll('.item');


  items.forEach((item, index) => {

    const delay = (index + 1) * 300; 

    item.style.opacity = '0';
    item.style.transform = 'translateY(20px)';

   
    window.addEventListener('scroll', () => {
     
      const scrollPosition = window.scrollY;
  
      const windowHeight = window.innerHeight;

      
      const elementOffset = item.offsetTop;
      const isVisible = elementOffset - scrollPosition < windowHeight - 100;

      
      if (isVisible) {
        setTimeout(() => {
          item.style.opacity = '1';
          item.style.transform = 'translateY(0)';
        }, delay);
      }
    });
  });

  



</script>
<!--
<style>
body {
overflow-x: hidden; /* 禁止水平滚动 */
overflow-y: auto; /* 允许垂直滚动 */
}
</style>-->
 <!--字体-->
 <style>
    /*将字体应用到前端*/
   * {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
       font-family: FrontFont;
   }
   h2 {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
       font-family: FrontFont;
   }
   h1 {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
       font-family: FrontFont;
   }
   h3 {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
       font-family: FrontFont;
   }
   h4 {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
       font-family: FrontFont;
   }
   h5 {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
       font-family: FrontFont;
   }
   /* @media only screen and (max-width: 768px) {
            #ttff {
                margin: 0;
       padding: 0;
       box-sizing: border-box;
       font-family: FrontFont;
            }}
   @font-face {
       font-family: FrontFont;
       src: url("https://hm.2b2t.ren/ttf/st.woff");
   } */
       </style>
          <!--字体-->
   <style>
   * {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
       font-family: FrontFont;
   }
   @font-face {
       font-family: FrontFont;
       src: url("https://ltyun.top/ttf/等线.woff2"); 
   }
</style>
    </body>

<script>
    var img = document.getElementById('surprise-img');
    var hidden = false;
  
    img.addEventListener('mouseenter', function() {
      img.title = '点一下我~ doge';
      showInformation('warning', '点击一下会有什么呢?嘿嘿嘿<img style=&quot;width: 1em; height: 1em;&quot; src=./1img/021429B67AACA23F9713D89662DF3D00.png>')
    });
  
    img.addEventListener('click', function() {
      if (!hidden) {
        img.style.opacity = '0';
        img.style.transition = 'opacity 1s';
        hidden = true;
      } else {
        img.style.opacity = '1';
        img.style.transition = 'opacity 1s';
        hidden = false;
      }
    });
  </script>
      <div class="Information-container" id="Information-container"></div>

      <script>
        let InformationCount = 0;
    
        function showInformation(type, message) {
      const container = document.getElementById('Information-container');
      const Information = document.createElement('div');
      Information.classList.add('Information', type);
  
      const icon = document.createElement('div');
      icon.classList.add('Information-icon', type);
      icon.innerHTML = getIcon(type);
      Information.appendChild(icon);
  
      const messageNode = document.createElement('div');
      messageNode.innerHTML = message;
      Information.appendChild(messageNode);
  
      container.appendChild(Information);
  
      setTimeout(() => {
        Information.style.opacity = '1';
        Information.style.transform = 'translateY(0)';
        setTimeout(() => {
          Information.style.opacity = '0';
          Information.style.transform = 'translateY(-100%)';
          setTimeout(() => {
            container.removeChild(Information);
          }, 500);
        }, 2000);
      }, 100);
    }
  
    function getIcon(type) {
      switch (type) {
        case 'success':
            return '<i class="fa fa-check-circle" style="color: #155724;"></i>';
        case 'warning':
            return '<i class="fa fa-exclamation-triangle" style="color: #856404;"></i>';
        case 'info':
            return '<i class="fa fa-info-circle" style="color: #0c5460;"></i>';
        case 'error':
            return '<i class="fa fa-times-circle" style="color: #721c24;"></i>';
        default:
            return '<i class="fa fa-question-circle" style="color: #696969;"></i>';
      }
    }
      </script>
    <!--    <script>
          document.addEventListener('DOMContentLoaded', function() {
              // 发送异步请求到key.php
              fetch('./php/key.php')
                  .then(response => {
                      if (!response.ok) {
                          throw new Error('网络错误: ' + response.status);
                      }
                      return response.text();
                  })
                  .then(data => {
                      // 根据返回结果显示不同的内容
                      if (data.includes('403'))  {
                        alert('错误信息: ' + data);
                       showInformation('error', '' + data); // 确保该函数已经定义
                      document.getElementById('result').innerHTML = '<a class="info" onclick="showInformation(\'error\', \'' + data + '\')">进入网站</a>';
                      } else {
                        document.getElementById('result').innerHTML = '<a class="info" href="index.php">进入网站</a>';
                      }
                  })
                  .catch(error => {
                      alert('发生错误: ' + error.message);
                  });
          });
      </script>-->
      <div class="notification-container"></div>
      <script>
    function showNotification(type, message) {
  var notificationContainer = document.querySelector('.notification-container');

  var notification = document.createElement('div');
  notification.className = 'notification ' + type;
  notification.innerHTML = `
      <div class="icon">${getIcon(type)}</div>
      <div class="content">${message}</div> <!-- 使用div包裹文字内容 -->
  `;

  // 修改这里，使得新通知在顶部插入
  if (notificationContainer.firstChild) {
      notificationContainer.insertBefore(notification, notificationContainer.firstChild);
  } else {
      notificationContainer.appendChild(notification);
  }

  // Trigger reflow to enable animation
  notification.offsetHeight;
  notification.classList.add('show');

  setTimeout(function() {
      notification.classList.remove('show');
      setTimeout(function() {
          notificationContainer.removeChild(notification);
      }, 300);
  }, 3000); // 修改消失延时时间为3秒
}


function getIcon(type) {
  switch (type) {
      case 'success':
          return '<i class="fa fa-check-circle" style="color: #155724;"></i>';
      case 'warning':
          return '<i class="fa fa-exclamation-triangle" style="color: #856404;"></i>';
      case 'info':
          return '<i class="fa fa-info-circle" style="color: #0c5460;"></i>';
      case 'error':
          return '<i class="fa fa-times-circle" style="color: #721c24;"></i>';
      default:
          return '<i class="fa fa-question-circle" style="color: #696969;"></i>';
  }
}
        </script>
        
             

          
            <!--     <script> 
      
                  setInterval(function () {
                      check()
                  }, 1000);
                  var check = function () {
                      function doCheck(a) {
                          if (("" + a / a)["length"] !== 1 || a % 20 === 0) {
                              (function () { }
                              ["constructor"]("debugger")())
                          } else {
                              (function () { }
                              ["constructor"]("debugger")())
                          }
                          doCheck(++a)
                      }
                      try {
                          doCheck(0)
                      } catch (err) { }
                  };
                  check(); 
           
             
                  window.οncοntextmenu = function () { return false; };
           
               
                  window.onkeydown = window.onkeyup = window.onkeypress = function () {
                      window.event.returnValue = false;
                      return false;
                  };
           
           
                //  var h = window.innerHeight,
               //       w = window.innerWidth;
              //    window.onresize = function () {
               //       if (h != window.innerHeight || w != window.innerWidth) {
              //            window.location = "https://cn.bing.com/search?q=%E8%93%9D%E5%A4%A9%E6%96%B0%E4%B8%96%E7%95%8C&form=ANNTH1&refig=664a0a90d3504b21b3da31fcd965e450&pc=U531&adppc=EDGEESS";
              ///        }
              //    };
           
              </script>-->
          
              <!--  <script>
                         $(function() {
                        var h = $(window).height();
                        $('body').height(h);
                        $('.mianBox').height(h);
                        centerWindow(".tipInfo");
                    });
                </script>-->
                 <script type="text/javascript">
               
        
                 
                    function centerWindow(a) {
                        center(a);
                       
                        $(window).bind('scroll resize',
                                function() {
                                    center(a);
                                });
                    }
        
                    //1.居中方法，传入需要剧中的标签
                    function center(a) {
                        var wWidth = $(window).width();
                        var wHeight = $(window).height();
                        var boxWidth = $(a).width();
                        var boxHeight = $(a).height();
                        var scrollTop = $(window).scrollTop();
                        var scrollLeft = $(window).scrollLeft();
                        var top = scrollTop + (wHeight - boxHeight) / 2;
                        var left = scrollLeft + (wWidth - boxWidth) / 2;
                        $(a).css({
                            "top": top,
                            "left": left
                        });
                    }
                </script>


<!--    疯狂の动画矩阵  -->


<style>
       
        
  .card.animated {
    opacity: 1;
    transform: translateX(0);
  }

.card {
opacity: 0;
transform: translateY(20px); /* 微微上浮 */
transition: opacity 0.5s ease, transform 1s ease;
}
/* 移动版样式 */
@media screen and (max-width: 768px) {
.card {
opacity: 0;
transform: translateX(-50px);
transition: opacity 0.5s ease, transform 0.5s ease;
}
}


  </style>  <script>
      
       window.addEventListener('scroll', function() {
         var cards = document.querySelectorAll('.card');
         cards.forEach(function(card, index) {
           var position = card.getBoundingClientRect();
          
           if (position.top < window.innerHeight) {
            
             card.classList.add('animated');
           }
         });
       });
       </script>    


<style>
       
        
  .col-sm-6.col-lg-3.animated {
    opacity: 1;
    transform: translateX(0);
  }

.col-sm-6.col-lg-3 {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.5s ease, transform 1s ease;
}
/* 移动版样式 */
@media screen and (max-width: 768px) {
.col-sm-6.col-lg-3 {
opacity: 0;
transform: translateX(-50px);
transition: opacity 0.5s ease, transform 0.5s ease;
}
}


  </style>
     <script>
    
      window.addEventListener('scroll', function() {
        var cards = document.querySelectorAll('.col-sm-6');
        cards.forEach(function(card, index) {
          var position = card.getBoundingClientRect();
         
          if (position.top < window.innerHeight) {
         
            card.classList.add('animated');
          }
        });
      });
      </script>

      
<!--
    <style>.col-sm-6.animated {
        opacity: 1;
        transform: translateX(0);
      }
    
    .col-sm-6 {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.5s ease, transform 1s ease;
    }
    /* 移动版样式 */
    @media screen and (max-width: 768px) {
    .col-sm-6 {
    opacity: 0;
    transform: translateX(-50px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    }
    }</style>

             <style>
       
        
                .container.animated {
                  opacity: 1;
                  transform: translateX(0);
                }
            
            .container {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.5s ease, transform 1s ease;
            }
            /* 移动版样式 */
            @media screen and (max-width: 768px) {
            .container {
            opacity: 0;
            transform: translateX(-50px);
            transition: opacity 0.5s ease, transform 0.5s ease;
            }
            }
            
            
                </style>
                   <script>
                    // JavaScript 监听页面滚动事件
                    window.addEventListener('scroll', function() {
                      var cards = document.querySelectorAll('.container');
                      cards.forEach(function(card, index) {
                        var position = card.getBoundingClientRect();
                        // 如果卡片的顶部在可视区域内
                        if (position.top < window.innerHeight) {
                          // 添加动画类
                          card.classList.add('animated');
                        }
                      });
                    });
                    </script>
 
 <style>
       
        
    .alertBox.animated {
      opacity: 1;
      transform: translateX(0);
    }

.alertBox {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 1s ease;
}



    </style>
       <script>
        // JavaScript 监听页面滚动事件
        window.addEventListener('scroll', function() {
          var cards = document.querySelectorAll('.alertBox');
          cards.forEach(function(card, index) {
            var position = card.getBoundingClientRect();
            // 如果卡片的顶部在可视区域内
            if (position.top < window.innerHeight) {
              // 添加动画类
              card.classList.add('animated');
            }
          });
        });
        </script>  
<style>
       
    
  /*  .container-left.animated {
      opacity: 1;
      transform: translateX(0);
    }

.container-left {
    opacity: 0;
transform: translateX(-10px);
transition: opacity 0.5s ease, transform 0.5s ease;
}
.container-right.animated {
      opacity: 1;
      transform: translateX(0);
    }

.container-right {
    opacity: 0;
transform: translateX(10px);
transition: opacity 0.5s ease, transform 0.5s ease;
}
*/
.container-left.animated {
      opacity: 1;
      transform: translateX(0);
    }

.container-left {
    opacity: 0;
    transform: translateY(30px); /* 微微上浮 */
    transition: opacity 0.5s ease, transform 1s ease;
}
.container-right.animated {
      opacity: 1;
      transform: translateX(0);
    }

.container-right {
    opacity: 0;
    transform: translateY(30px); /* 微微上浮 */
    transition: opacity 0.5s ease, transform 1s ease;
}
.tsf.animated {
      opacity: 1;
      transform: translateX(0);
    }

.tsf {
    opacity: 0;
    transform: translateY(30px); /* 微微上浮 */
    transition: opacity 0.5s ease, transform 1s ease;
}
    </style>
       <script>
    window.addEventListener('scroll', function() {
  var elements = document.querySelectorAll('.container-left, .container-right, .tsf');
  
  elements.forEach(function(element) {
    var position = element.getBoundingClientRect();
    
    // 如果元素的顶部或底部在可视区域内
    if (position.top < window.innerHeight && position.bottom > 0) {
      element.classList.add('animated');
    }
  });
});

        </script>
            <style>
       
        
                .ms-3.animated {
                  opacity: 1;
                  transform: translateX(0);
                }
         
          .ms-3 {
            opacity: 0;
            transform: translateY(30px); /* 微微上浮 */
            transition: opacity 0.5s ease, transform 1s ease;
          }
         /* 移动版样式 */
         @media screen and (max-width: 768px) {
          .ms-3 {
            opacity: 0;
          transform: translateX(-50px);
          transition: opacity 0.5s ease, transform 0.5s ease;
          }
         }
         
         
                </style>  <script>
                     // JavaScript 监听页面滚动事件
                     window.addEventListener('scroll', function() {
                       var cards = document.querySelectorAll('.ms-3');
                       cards.forEach(function(card, index) {
                         var position = card.getBoundingClientRect();
                         // 如果卡片的顶部在可视区域内
                         if (position.top < window.innerHeight) {
                           // 添加动画类
                           card.classList.add('animated');
                         }
                       });
                     });
                     </script>    
                      <style>
       
        
                        .mx.animated {
                          opacity: 1;
                          transform: translateX(0);
                        }
                 
                  .mx {
                    opacity: 0;
                    transform: translateY(30px); /* 微微上浮 */
                    transition: opacity 0.5s ease, transform 1.5s ease;
                  }
               
                 
                 
                        </style>  <script>
                             // JavaScript 监听页面滚动事件
                             window.addEventListener('scroll', function() {
                               var cards = document.querySelectorAll('.mx');
                               cards.forEach(function(card, index) {
                                 var position = card.getBoundingClientRect();
                                 // 如果卡片的顶部在可视区域内
                                 if (position.top < window.innerHeight) {
                                   // 添加动画类
                                   card.classList.add('animated');
                                 }
                               });
                             });
                             </script>    
                              <style>
       
        
                                .aaa.animated {
                                  opacity: 1;
                                  transform: translateX(0);
                                }
                         
                          .aaa {
                            opacity: 0;
                            transform: translateY(30px); /* 微微上浮 */
                            transition: opacity 0.5s ease, transform 1.5s ease;
                          }
                       
                         
                         
                                </style>  <script>
                                     // JavaScript 监听页面滚动事件
                                     window.addEventListener('scroll', function() {
                                       var cards = document.querySelectorAll('.aaa');
                                       cards.forEach(function(card, index) {
                                         var position = card.getBoundingClientRect();
                                         // 如果卡片的顶部在可视区域内
                                         if (position.top < window.innerHeight) {
                                           // 添加动画类
                                           card.classList.add('animated');
                                         }
                                       });
                                     });
                                     </script>    
                                      <style>
       
        
                                        .endcp.animated {
                                          opacity: 1;
                                          transform: translateX(0);
                                        }
                                 
                                  .endcp {
                                    opacity: 0;
                                    transform: translateY(30px); /* 微微上浮 */
                                    transition: opacity 0.5s ease, transform 1.5s ease;
                                  }
                               
                                 
                                 
                                        </style>  <script>
                                             // JavaScript 监听页面滚动事件
                                             window.addEventListener('scroll', function() {
                                               var cards = document.querySelectorAll('.endcp');
                                               cards.forEach(function(card, index) {
                                                 var position = card.getBoundingClientRect();
                                                 // 如果卡片的顶部在可视区域内
                                                 if (position.top < window.innerHeight) {
                                                   // 添加动画类
                                                   card.classList.add('animated');
                                                 }
                                               });
                                             });
                                             </script>   --> 
                                           <!--  <script>
                                              window.onload = function() {  
                                                     showNotification('success', '欢迎Welcome!<br>官方QQ群761392004<br>网站已知bug N个<br>你问我什么时候修复？要等到，鸡吃完了米山，米狗舔完了面山，火烧断了金锁，才能修复');  
                                                     setTimeout(function() {
                                                     showNotification('info', '气死我勒！');
                                          showNotification('warning', '5555,bug好多平时要上课啊！！！!');
                                      }, 500);
                                      setTimeout(function() {
                                                     showNotification('error', '我们不是干云计算的！');
                                                     showNotification('default', '干正事，别他妈一直去翻备案了，没有备案，我没申请，未成年人不能搞备案<br><img style=&quot;width: auto; height: 1em; vertical-align: middle; margin-top: -2px;&quot; src=./1img/emoji/021429B67AACA23F9713D89662DF3D00.png>');
                                      }, 700);
                                                  }; 
                                                 
                                               </script>-->
                                                     
  
     <!--
<script>
  const videoElements = document.querySelectorAll('.video-element');

  const options = {
      root: null,
      rootMargin: '0px',
      threshold: 0.1
  };

  const callback = (entries, observer) => {
      entries.forEach(entry => {
          if (entry.isIntersecting) {
              const videoElement = entry.target;
              if (videoElement.currentTime === 0 && videoElement.paused) {
                  videoElement.play();
                  videoElement.controls = false;
              }
              observer.unobserve(videoElement);
          }
      });
  };

  const observer = new IntersectionObserver(callback, options);

  videoElements.forEach(videoElement => {
      observer.observe(videoElement);
  });
</script>-->


                                               <script>
                                                window.onload = function() {  
                                                      // showNotification('success', '欢迎Welcome!<br>官方QQ群761392004<br>网站已知bug N个<br>你问我什么时候修复？要等到，鸡吃完了米山，米狗舔完了面山，火烧断了金锁，才能修复');  
                                                       
                                        setTimeout(function() {
                                                       showNotification('error', '我们不是干云计算的！<br>可以叫蓝天新世界，蓝天<br>蓝天开发者服务平台<br>蓝天公益服务平台');
                                                       showNotification('success', '管理：宽松<br>ltui内测结束！欢迎第一个正式版本！');
                                                     //  triggerSuccess();
                                                     
                                        }, 700);
                                     //   setTimeout(function() {
                                     //     triggerSuccess();
                                     //   }, 800);
                                      //  setTimeout(function() {
                                        //  showInformation('info', '过期的客户端，无法连接至远程会话主机')
                                          //             showInformation('error', '未经过校验的服务端！似乎产品密钥存在问题，请前往[蓝天]更改本产品密钥')
                                        //}, 900);



                                        //function triggerSuccess() {
           // showbox('GOOd', '屎山代码+1', '太好了！', '切~', 'success', '请点击按钮关闭啊！', function() {
           
           // });
        //}
                                        
                                                   }; 
                                                 // 当DOM内容加载完毕后执行 triggerSuccess 函数
       // document.addEventListener('DOMContentLoaded', triggerSuccess);

        // 定义 triggerSuccess 函数
      //  function triggerSuccess() {
        

// showbox('提示', '没钱了，求赞助<img style=" width: auto;height: 1em;  vertical-align: middle; margin-top: -2px;" src="./1img/emoji/021429B67AACA23F9713D89662DF3D00.png"><br><img src="./1img/emoji/966356E57D3C4CBCE1DCB87BDCD6E537.gif">', 'awa', null, 'warning', '奶奶的点击关闭按钮！', function() {

// });
//showbox('提示', '没钱了，求赞助<img style=" width: auto;height: 1em;  vertical-align: middle; margin-top: -2px;" src="./1img/emoji/021429B67AACA23F9713D89662DF3D00.png"><br><img src="./1img/emoji/966356E57D3C4CBCE1DCB87BDCD6E537.gif">', 'awa', null, 'warning', '奶奶的点击关闭按钮！', function() {

///});

      //  }

                                                 </script>






<!--
<style>
  /* 移动设备横屏时隐藏滚动条 */
  @media only screen and (max-width: 767px) and (orientation: landscape) {
    body {
      overflow: hidden;
    }
  }
  @media only screen and (max-width: 767px) {
  #opening-video-container video {
    width: 15%;
    height: 15%;
  }
}


  #opening-video-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none; /* 初始隐藏 */
   /* background-color: black;*/
   
  }

  #opening-video-container video {
    position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 9999;
      opacity: 0; /* 初始透明 */
      transition: opacity 2s; /* 渐变效果持续2秒 */
  }
</style>

<script>
  // 创建视频元素
  var video = document.createElement('video');
  video.src = './index/A.mp4'; // 替换为你的视频路径
  video.autoplay = true;
  video.muted = true;
// 禁用画中画按钮
video.disablePictureInPicture = true;

  // 当视频已加载
  video.onloadeddata = function() {
    // 找到容器并添加视频
    var container = document.createElement('div');
    container.id = 'opening-video-container';
    container.appendChild(video);
    document.body.appendChild(container);

    // 显示视频
    container.style.display = 'block';

    // 视频渐显
    setTimeout(function() {
      video.style.opacity = '1';
    }, 100);

    // 视频播放结束后渐隐
    video.onended = function() {
      video.pause(); // 暂停视频
      video.style.opacity = '0';
      setTimeout(function() {
        container.style.display = 'none';
      }, 2000); // 2秒后隐藏容器
    };
  };
</script>














-->






                                                  <!--Use a specific version-->
<!--<script disable-devtool-auto src='https://fastly.jsdelivr.net/npm/disable-devtool@x.x.x'></script>-->
<!--Use latest version-->
<!--<script disable-devtool-auto src='https://fastly.jsdelivr.net/npm/disable-devtool@latest'></script>-->
                  <!--BY Tensquare-->
                  <!-- ThemeFunctions -->

                    <!---协议开始-->
  <style>
                   
                   .prompt {
                       position: fixed;
                       bottom: 0;
                       left: 0;
                       right: 0;
                       background-color: white;
                       padding: 5px 30px;
                       box-sizing: border-box;
                       z-index: 1000;
                       transform: translateY(100%);
                       transition: transform 0.5s ease-in-out;
                       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 添加阴影 */
                   }
                   .prompt-content {
                       margin-bottom: 5px;
                   }
                   .prompt-buttons {
                       display: flex;
                       justify-content: flex-end;
                   }
                   .prompt-button {
                       margin-left: 10px;
                       padding: 5px 10px;
                       cursor: pointer;
                   }
                   @media (max-width: 768px) {
                       .prompt {
                           height: 35vh;
                       }
                   }
                   @media (min-width: 769px) {
                       .prompt {
                           height: 40vh;
                           width: 100%;
                       }
                   }
               </style>
                       
                       <style>
                           .cookie-popup {
                               overflow-y: auto;
                               max-height: 25vh; 
                               padding: 10px;
                           }
                       
                           /* 针对手机版的适配 */
                           @media (max-width: 768px) {
                               .cookie-popup {
                                   max-height: 20vh; 
                               }
                           }
                       
                           /* 使滚动条在内容超出时出现 */
                           .cookie-popup::-webkit-scrollbar {
                               width: 8px;
                           }
                       
                           .cookie-popup::-webkit-scrollbar-thumb {
                               background: rgba(0, 0, 0, 0.5);
                               border-radius: 4px;
                           }
                       
                           .cookie-popup::-webkit-scrollbar-track {
                               background: #f1f1f1;
                               border-radius: 4px;
                           }
                       </style>    <div id="prompt" class="prompt">
       <div class="cookie-popup">
           <p class="prompt-content">使用您的Cookie：</p>
           <p class="prompt-content">您好，感谢您访问蓝天新世界公平台！为了能够为您提供更便捷的服务，如存储与查询功能，我们网站需要使用并收集您的Cookie。如果您不同意，我们将无法提供某些服务。</p>
           <p class="prompt-content">您可以随时在浏览器设置中管理或禁用Cookies，具体操作方法可以参考浏览器的帮助文档。我们尊重您的选择，并承诺保护您的隐私。</p>
           <p class="prompt-content">关于我们的合作伙伴：</p>
           <p class="prompt-content">在某些情况下，我们可能与合作伙伴共享您的Cookie信息，这些合作伙伴可能会使用自己的Cookies，以提供更个性化的服务或广告内容。请注意，合作伙伴的Cookie使用会受到他们自身隐私政策的约束。</p>
           <p class="prompt-content">如果您同意我们使用Cookie，您将能够继续使用我们网站提供的各项服务。如果您选择不同意或不希望我们使用Cookie，您可以通过浏览器设置禁用Cookies，但这可能会影响网站的部分功能体验。</p>
           <p class="prompt-content">我们承诺，将严格遵循隐私政策处理所有Cookie信息，确保您的个人信息安全。如有任何疑问，欢迎随时联系我们。</p>
           <p>签名：</p>
           
           <img src="https://img.2b2t.ren/qm.svg" >
           <s>绝对不是抄的</s>

       </div>


<hr>
       <div class="prompt-buttons">
           <button class="prompt-button info" onclick="window.location.href='ys.php';">查看协议</button>
           <button class="prompt-button success" onclick="closePrompt()">可以</button>
           <!-- <button class="prompt-button danger" onclick="window.close();">拒绝所有协议</button> -->

           
       </div>
   </div>

   <script>
       // 检查cookie
       function checkCookie() {
           var x = document.cookie;
           if (x.indexOf("closedPrompt=true") >= 0) {
               document.getElementById("prompt").style.display = "none";
           } else {
               showPrompt();
           }
       }

       // 显示提示
       function showPrompt() {
           var prompt = document.getElementById("prompt");
           prompt.style.transform = "translateY(0)";
       }

       // 关闭提示
       function closePrompt() {
           var prompt = document.getElementById("prompt");
           prompt.style.transform = "translateY(100%)";
           setTimeout(function() {
               prompt.style.display = "none";
               // 设置cookie，下次不再显示
               document.cookie = "closedPrompt=true; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";
           }, 500); // 等待动画结束后再隐藏元素
       }

       // 页面加载时检查cookie
       // window.onload = checkCookie;
       document.addEventListener('DOMContentLoaded', function() {
   setTimeout(checkCookie, 100); // 延迟 100ms 执行检查
});


   </script>
                        
<script src="./index/new/js/functions.js"></script>
<script>
  console.log('%c你只会抄吗？', 'color: #f44336; font-size: 20px;');
</script>                   
            
    </html>

    <!-- <script>
    document.addEventListener('keydown', function(event) {
        // 检测 Ctrl+U
        if (event.ctrlKey && event.key === 'u') {
            event.preventDefault(); // 阻止默认行为
            showNotification('error', '<h5>嘿！别瞎按</h5><p>老弟，想偷我源码吗？～</p>')
        }
    
        // 检测 F12
        if (event.key === 'F12') {
            event.preventDefault(); // 阻止默认行为
            showNotification('error', '<h5>嘿！你在干嘛？</h5><p>老弟，既然你那么喜欢玩控制台，试试，alt+shift+fn+f4</p>')
           
          }
          if (event.key === 'F5') {
            event.preventDefault(); // 阻止默认行为
            showNotification('warning', '<h5>嘿！喂喂喂！</h5><p>浏览器自带的刷新它不香吗？</p>')
           
          }
          document.addEventListener('contextmenu', function(event) {
       event.preventDefault(); // 阻止默认的右键菜单
       showNotification('warning', '<h5>嘿！这里没有右键菜单</h5><p>老弟，要不试试ctrl+c？</p>')
        });
            // 检测是否同时按下 Ctrl 和 C（Windows 和 Linux 系统）
    if (event.ctrlKey && event.key === 'c') {
      showNotification('success', '<h5>叮！复制成功</h5><p>若要转载，必须保留本站原文链接！</p>')

       
    }
    // 检测是否同时按下 Command 和 C（Mac 系统）
    if (event.metaKey && event.key === 'c') {
      showNotification('success', '<h5>叮！复制成功</h5><p>若要转载，必须保留本站原文链接！</p>')

    }
    });
</script> -->
<script>
document.addEventListener('DOMContentLoaded', onload);

function onload() {
    var ggtitle = '我们要走了';

    if (ggtitle.trim() !== '') {
        console.log("检查过期时间...");
        checkExpiration(); // 检查是否过期
        if (!isNoShow()) {
            console.log("显示警告...");
            triggerWarning();
        } else {
            console.log("警告已隐藏（用户选择不再显示）");
        }
    }
}

function triggerWarning() {
    showbox('我们要走了', `很抱歉，这一次的不辞而别，你可以参考<a href="https://hm.2b2t.ren/bbs/tz.php?uid=67acbfb25ba1c1.90601406">》了解详细信息《</a>`, '确定', '不再显示', 'warning', '', '', function() {
        setNoShowFor7Days();
    }, function() {
    });
}

function setNoShowFor7Days() {
    var now = new Date();
    now.setTime(now.getTime() + 7 * 24 * 60 * 60 * 1000); // 设置为7天后
    var expires = "expires=" + now.toUTCString(); // 转换为UTC时间字符串
    document.cookie = "yck=true;" + expires + ";path=/"; // 设置cookie
    console.log("设置不再显示7天，过期时间：" + now);
}

function isNoShow() {
    var expiration = getCookie('yck');
    if (!expiration) {
        console.log("没有设置过期时间，显示警告");
        return false; // 没有设置过期时间，显示警告
    }
    console.log("警告已隐藏（未过期）");
    return true; // 不显示警告
}

function checkExpiration() {
    var expiration = getCookie('yck');
    if (expiration) {
        var now = new Date();
        if (now > new Date(expiration)) {
            console.log("过期时间已过，移除存储");
            document.cookie = "yck=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/"; // 移除cookie
        }
    }
}

function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) === ' ') c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
    }
    return null;
}

    function checkSession() {
   
    const xhr = new XMLHttpRequest();

 
    xhr.open('GET', './php/huifutoken.php', true); 

    xhr.onload = function () {
        if (xhr.status >= 200 && xhr.status < 300) {
      
            const response = JSON.parse(xhr.responseText);
            console.log(response);

            if (response.code === '1') {
                showInformation('success', response.message)
            } else if (response.code === '0'){
              showInformation('error', response.message)

            } else if (response.code === '2'){
            console.log(response.message);

            }else if (response.code === '3'){
            
              console.log(response.message);

          }else{
             

          }
        } else {
          showInformation('error', '请求失败，状态码：', xhr.status)
           
        }
    };

   
    xhr.send();
}


document.querySelectorAll('a[href^="#"]').forEach(anchor => {
    anchor.addEventListener('click', function (e) {
        e.preventDefault();
        const targetClass = this.getAttribute('href').substring(1); // 获取class名
        const targetElement = document.querySelector(`.${targetClass}`); // 通过class选择目标元素
        if (targetElement) {
            targetElement.scrollIntoView({
                behavior: 'smooth',
                block: 'start'
            });
        }
    });
});
 
</script>