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


                                   .. .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/jr/740517B99267FA2149CC781B4BCCCDAD.jpg');
    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/jr/gqsj.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;*/
  }
</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-3 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="bi bi-headset"></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="btn btn-dark mb-0">联系我们</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-3 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="fa-solid fa-ticket"></i></div>
                                <!-- Content -->
                                <div class="ms-3">
                                    <h4 class="mb-1">提交问题</h4>
                                    <p class="mb-3">如果您有任何问题，我们都欢迎您提交一个问题给我们</p>
                                    <a href="./idc/lt.php" class="btn btn-dark mb-0">提交问题</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><strike>跑得比香港记者还快</strike>
        </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="./1img/tx/b_96bda1b359b4a4b6b3b4120cd9e966ab.jpg" alt="Avatar">
          <h5>SUPW</h5>
          <p>提供源码</p>
        </div>
        <div class="card">
          <img class="avatar" src="./1img/tx/b_114cfc8df95ae25257d1829b48bed5ae.png" alt="Avatar">
          <h5>兴起云计算</h5>
          <p>提供云计算服务</p>
        </div>
        <div class="card">
            <img class="avatar" src="./1img/tx/b_d323cf7da975b674dd221928f2166581.jpg" 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-3 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-3 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>
<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="py-0 py-md-5">
            <div class="container">
                <div class="position-relative rounded-3 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">
                                <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">立即注册</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">共同奔跑，奔向蓝天！</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="./idc/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="bi bi-folder-check"></i>服务条款</a></li>
                                <li class="nav-item"><a class="nav-link text-muted" href="./ys.php"><i class="bi bi-shield-fill-check"></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;"  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;"  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;" 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 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 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  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  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;">
      </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('提示', '十方即将开学了耶，以后的事情全都托管给炜炜爱搞事（3141058569）他负责所有的事情<hr>注意，我随时可能会离开一段时间，并且话呢，可能不会经过任何提示，离开的时间嘛，就是，我马上要中考了，但愿能考上高中吧，考不上，那真的是永远的离开了，哈哈哈，到时候到天堂想我吧doge<hr>服务时间：每晚22：30-23：00，不要忘记了一键三连哟可能服务时间有一点短中考逆袭成功就回来了，等我！', '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>