
<!--                                                               
                                                                                     人民有信仰 民族有希望 国家有力量
                                                                          以实现中国特色社会主义共同理想为目标 党的十八大曾首次以  
                                                                                  +----------------------------------- +
                                                                                  |  =======社会主义核心价值观=======  |    
                                                                                  +----------------------------------- +
                                                                                  | 富强      民主      文明      和谐 |
                                                                                  +----------------------------------- +
                                                                                  | 自由      平等       公正     法治 |                                                                  
                                                                                  +----------------------------------- +
                                                                                  | 爱国      敬业       诚信     友善 |
                                                                                  +----------------------------------- +
                                                                                  |  =======社会主义核心价值观=======  |
                                                                                  +----------------------------------- +
                                                                              这二十四个字来高度概括社会主义核心价值观的组成
 -->
 <!--


                                   .. .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>
<head>
  <!-- meta -->
  <meta http-equiv="Content-Type" content="application/octet-stream">

  <meta charset="UTF-8">
  <Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312">
    <Meta http-equiv="Content-Language" Content="zh-CN">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="msapplication-tap-highlight" content="no">
  <!-- 网站关键词 -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
  
  <meta name="renderer" content="webkit" />
 <title data-i18n="title">蓝天新世界！| Blue Sky New World 新一代云平台服务商，提供免费的云产品！纯公益系列！我们又叫做：蓝天！ - 蓝天开发者服务平台-蓝天公益服务平台-蓝天开发者在线服务平台</title>
 <!--<meta name="keywords" content="蓝天,LT,蓝天云,十方云,公益云,蓝天新世界,免费云电脑,云电脑,公益云电脑,新一代服务商,蓝天新世界！,ltyun,新世界,免费云服务器,蓝天开发者服务平台,蓝天公益服务平台,蓝天风向标,蓝天雨凝,蓝天开发者在线服务平台,Blue sky weather vane,Blue sky and rain condensation,blue sky new world,蓝天风向标[Blue sky weather vane],蓝天雨凝[Blue sky and rain condensation]">-->
 <meta name="keywords" content="蓝天,LT,蓝天云,十方云,公益云,蓝天新世界,免费云电脑,云电脑,公益云电脑,新一代服务商,蓝天新世界！,ltyun,新世界,免费云服务器,蓝天开发者服务平台,蓝天公益服务平台,蓝天风向标,蓝天雨凝,蓝天开发者在线服务平台">
<link rel="shortcut icon" type="image/ico" href="./favicon/favicon.ico">
<!-- 网站描述 -->
<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">
<!--<meta name="description" content="蓝天新世界又名蓝天，新一代服务商，提供免费公益的的云产品，同时提供另向的其它服务，以免费为核心，比如免费云电脑和免费虚拟主机等等，一个免费的云电脑圆你电脑梦一个免费的虚拟主机圆你网站梦！祝你好运，生活愉快！- 我们又叫做：蓝天！ - 蓝天开发者服务平台-蓝天公益服务平台-蓝天开发者在线服务平台 - 蓝天风向标[Blue sky weather vane] - 蓝天雨凝[Blue sky and rain condensation] 坤坤云服务 HSPW云服务 提供服务">-->
<meta name="description" content="蓝天新世界又名蓝天，新一代服务商，提供免费公益的的云产品，同时提供另向的其它服务，以免费为核心，比如免费云电脑和免费虚拟主机等等，一个免费的云电脑圆你电脑梦一个免费的虚拟主机圆你网站梦！祝你好运，生活愉快！- 我们又叫做：蓝天！ - 蓝天开发者服务平台-蓝天公益服务平台-蓝天开发者在线服务平台">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="canonical" href="//ltyun.top/index.html">  
<meta name="robots" content="index, follow">  
<link rel="icon" href="//ltyun.top/favicon/favicon.ico" type="image/x-icon">  

 <!-- 响应式图标 -->  
 <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="GOOGLEBOT" content="index,follow" />
<meta name="Author" content="Blue Sky New World" />
<!--协议-->
<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="一个免费的虚拟主机原你网站梦一个免费的云电脑原你电脑梦" />

    <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="Blue Sky New World" />
</head>
<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">
<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>


<!---停用缓存-->
<!--我叫缓存滚缓存，缓存马上给老子滚-->
<meta http-equiv="Content-Type" contect="text/html">
<meta http-equiv="pragram" content="no-cache">
<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="expires" content="0">
<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; 
   
  }  
  .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; 
   /* background-image: url('./1img/background5.jpg'); */
  /* background-image: url('https://yuanxiapi.cn/api/bing/');*/
  /* background-image: url('./1img/Snipaste_2024-08-11_11-06-16.png'); */
  background-image: url('./1img/wwwqwqqeqe.png');
    background-size: cover;
    background-position: center;
   
    z-index: -1; 
}

.tp::after {
  content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 520px; /* 渐变区域的高度 */
    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;
      }
    }
    @media only screen and (max-width: 600px) {
    .tp {
        height: 600px;
        /* background-image: url('./1img/1724980579320.png'); */
        background-image: url('./1img/image_download_1721055420687.jpg');
      }
    }

    /* 根据不同的分辨率设置不同的字体大小 */
@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/Weathervane Studio.png" style=" width: 100px; height: auto;"><!---- 蓝天-雨凝--><div style="border-radius: 2px;" class="badge bg-info">Blue Sky New World</div> <p id="ts">请放大或缩小分辨率以达到合适的体验</p>
        </div>   
        <div class="tp">

            <br>
        <div class="crd">
         
           
            <h1 class="gradient-text title" data-text="蓝天新世界">蓝天新世界</h1>  


<!--<h3 class="title">公益服务平台[doge]</h3>-->
<!---什么东西都会变...-->
<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.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/q/eEEo5aK8Ja" 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 = 1;  
        const maxP2Value = 114514;  
        const maxP3Value = 14;  
    
        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">
          <h1 style="color: skyblue;">轻</h1>
          <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>
  
        
      </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>
    </div>
    <div class="righta">
      <h1 style="color: #fa6868;">玩出火花，看见未来</h1>
        <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">
            <h1>公益免费</h1>
            <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">
            <h1>轻量UI</h1>
            <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">
        <h1>庞大的用户群体</h1>
        <p>我们拥有庞大的用户群体，为多用户提供个性化服务<br>打造人性化建设，用薪服务，共创更完美的明天<br>其实当初我们只是闲着，没有想着一直干下去，就是闲着。有电脑嘛，也不知道怎么玩，就搞了这玩意<br>或许是后面人数的庞大，才让我们决定开始干这一行，原名叫<h3>十方云</h3>现在改了叫<h3>蓝天新世界</h3></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">
        <h1>多个合作</h1>
        <p>多群合作，纵横交错，广泛业务，分布四处，提供新一代高效率服务，拒绝跑路</p>
    </div>
</div>
<hr>
<div class="container-left">

<div class="left">
    <h1>优秀的服务态度</h1>
    <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">
    <h1>精彩的公告</h1>
    <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%;">
    <h1>一切的开端，梦的延续</h1>
    <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=2695406973&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=1272398728&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=3655641083&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://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>
        </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="index.html">
                <!--       <img class="h-40px" src="./1img/microsoft_logo.png" alt="logo"> -->
                <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>mail@2b2t.ren</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/q/eEEo5aK8Ja">联系我们</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 href="#"><img src="./index/new/img/weixinpay.png" class="h-30px" alt="微信支付"></a></li>
					<li class="list-inline-item"> <a href="#"><img src="./index/new/img/alipay.png" class="h-30px" alt="支付宝支付"></a></li>
					<!--<li class="list-inline-item"> <a href="#"><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 class="btn btn-sm shadow px-2 bg-instagram mb-0" href="#"><i class="fab fa-fw fa-instagram"></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 class="btn btn-sm shadow px-2 bg-linkedin mb-0" href="#"><i class="fab fa-fw fa-linkedin-in"></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 href="#" 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/mmqrcode1717297751017.png" 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>
    </body>
<!--    疯狂の检测矩阵  -->
    <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>
<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('提示', '我们可能做不到完美，但是我们可以将可能无限放大！', 'awa', null, 'success', '奶奶的点击关闭按钮！', 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 -->
<script src="./index/new/js/functions.js"></script>
<script>
  console.log('%c你只会抄吗？', 'color: #f44336; font-size: 20px;');
</script>                               
    </html>