@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
body,td,th { font-size: 14px; }
body { color:#383838; font-size:14px; font-family:"微软雅黑",Microsoft YaHei,Arial,Verdana; overflow-y:scroll; background:url(bgbg.jpg); margin:0px;}

a { font-size: 14px; color:#2b262b; }
a:link { text-decoration: none;}
a:visited { text-decoration: none; color:#2b262b; }
a:hover { text-decoration: none; color:#775145; text-decoration:none;}
a:active { text-decoration: none; color:#775145;}
ul {  margin:0 0 0 0; padding: 0; list-style: none; }
img{ border:0;}


#Version { width:100%; height:850px; position:relative; overflow:hidden;}/*页面总高度再次调整*/

#Flash { width:1920px; height:850px; position:absolute; left:50%; margin:0 auto 0 -960px; z-index:2;}/*FLASH*/
#Header { margin:0 auto 0 -960px; width:1920px; height:850px; position:absolute; left:50%; z-index:1;}/*BG*/
#Header_1 { margin:0 auto 0 -960px; width:1920px; overflow:hidden; position:absolute; left:50%; z-index:3;}/*BG*/



.head_1 { width:1200px; margin: 0 auto; position:absolute; left:50%; margin-left:-600px; z-index:5; overflow:hidden;}/*整体*/
.head_2 { width:1200px; height:851px; position:relative;}

.head_3 { background:url(m2.jpg) top center no-repeat;}
.head_4 { margin:0 auto; width:1200px; height:276px; position:relative;}

.head_5 { background:url(btn1.png); width:322px; height:93px; position:absolute; top:-50px; left:150px; z-index:7; transition:0.5s;}
.head_5:hover { margin-top:-10px;}

.head_6 { background:url(btn3.png); width:110px; height:180px; position:absolute; top:27px; left:544px; z-index:7;}

.head_7 { background:url(btn2.png); width:322px; height:93px; position:absolute; top:-50px; right:140px; z-index:7; transition:0.5s;}
.head_7:hover { margin-top:-10px;}

.head_8 { background:url(m3.jpg) top center no-repeat;}
.head_9 { margin:0 auto; width:1100px; height:591px; position:relative;}

.head_10 { width:850px; overflow:hidden; position:absolute; top:70px; left:170px; z-index:7;}
.head_11 { width:850px; overflow:hidden; position:absolute; top:115px; left:170px; z-index:7;}

.head_12 { width:850px; height:400px;}
.head_13 { width:820px; overflow:hidden;}

.head_14 { background:url(m4.jpg) top center no-repeat;}
.head_15 { background:url(foot.jpg) bottom center no-repeat;}

.head_16 { margin:0 auto; width:1200px; overflow:hidden;}


.head_017 { background:url(bg1.jpg) top center no-repeat;}
.head_018 { margin:0 auto; width:1500px; height:900px; position:relative;}
.head_0019 { width:1500px; height:700px; position:absolute; top:180px; z-index:1;}


.head_019 { background:url(bg2.jpg) top center no-repeat;}
.head_020 { margin:0 auto; width:1700px; height:900px;}

.head_021 { background:url(bg3.jpg) top center no-repeat;}
.head_022 { margin:0 auto; width:1500px; height:900px; position:relative;}
.head_023 { position:absolute; top:190px; left:0; width:1500px; height:640px; z-index:88;}

.head_024 { background:url(bg4.jpg) top center no-repeat;}
.head_025 { margin:0 auto; width:1500px; height:900px; position:relative;}
.head_026 { position:absolute; top:190px; left:0; width:1500px; height:640px; z-index:88;}


.head_50a { width:1200px; overflow:hidden; margin-bottom:15px;}
.head_34a { float:left; width:390px; overflow:hidden;}
.head_35a { float:left; width:390px; overflow:hidden; margin:0 0 0 15px;}
.head_36a { float:right; width:390px; overflow:hidden; margin:0 0 0 15px;}

.head_37a { border:double 1px #ded2af; border-radius:0.5em; overflow:hidden; background:#2f3d5e; transition:0.5s; display:block;}
.head_37a:hover { background:#0e1621}
.head_38a { height:50px; line-height:50px; text-align:center;}
.head_38a a { font-size:18px; font-family:"微软雅黑"; color:#ded2af; font-weight:200;}
.head_39a { overflow:hidden; border-top:double 1px #ded2af;}
.head_40a { margin:10px; overflow:hidden; text-align:center;}

.head_41a { float:left; width:290px; overflow:hidden;}
.head_42a { float:left; margin:0 0 0 13px; width:290px; overflow:hidden;}
.head_43a { float:left; margin:0 0 0 13px; width:290px; overflow:hidden;}
.head_44a { float:right; margin:0 0 0 14px; width:290px; overflow:hidden;}

.head_45a { float:left; width:590px; overflow:hidden;}
.head_46a { float:right; margin:0 0 0 20px; width:590px; overflow:hidden;}

.head_47a {}
.head_47a img { border-radius:0.5em;}
.head_40a img { border-radius:0.5em;}

{ margin:0 auto; width:1800px; height:100px; position:relative;}	
.footcer_1 { margin:0 auto; width:1930px; height:80px; position:relative;background:url(../foot_img/bg.jpg) top center repeat-x #000; border-top:double 1px #FF0000;}
.footcer_2 { margin:0 auto; width:1200px; height:400px; position:relative;}
.footcer_3 { width:200px; height:200px; position:absolute; top:100px; left:0; z-index:7;}
.footcer_3 img { width:200px; height:188px;}
.footcer_4 { width:1200px; height:70px; line-height:70px; text-align:center; border-bottom:dashed 1px #333; position:absolute; top:0px; left:0; z-index:7;}
.footcer_4 a { font-size:14px; font-weight:200; color:#999; letter-spacing:3.5pt;}
.footcer_5 { width:200px; height:57px; position:absolute; top:170px; left:250px; border-left:double 1px #333; z-index:7;}
.footcer_5 img { width:200px; height:57px;}

.footcer_6 { width:800px; overflow:hidden; position:absolute; top:160px; right:0; text-align:right; z-index:7; color:#666; letter-spacing:1.4pt;}
.footcer_6 a { padding:8px 5px; font-size:12px; color:#666;}
.footcer_6 a:hover { color:#0CF; text-decoration:underline;}

.footcer_7 { width:800px; overflow:hidden; position:absolute; top:190px; right:0; text-align:right; z-index:7; color:#666; letter-spacing:1.4pt;}
.footcer_7 a { padding:8px 5px; font-size:12px; color:#666; letter-spacing:1pt;}
.footcer_7 a:hover { color:#0CF; text-decoration:underline;}

.footcer_8 { width:800px; overflow:hidden; position:absolute; top:220px; right:0; text-align:right; z-index:7; color:#666; letter-spacing:1.4pt;}
.footcer_8 a { padding:8px 5px; font-size:12px; color:#666; letter-spacing:1pt;}
.footcer_8 a:hover { color:#0CF; text-decoration:underline;}

.footcer_9 { width:800px; overflow:hidden; position:absolute; top:250px; right:0; text-align:right; z-index:7; color:#666; letter-spacing:1.4pt;}
.footcer_9 a { padding:8px 5px; font-size:12px; color:#69F; font-weight:bold; letter-spacing:1.4pt;}
.footcer_9 a:hover { color:#0CF; text-decoration:underline;}
.footcer_9 span { color:#713D0D}

.footcer_10 { width:800px; overflow:hidden; position:absolute; top:130px; right:0; text-align:right; z-index:7; color:#666; letter-spacing:1.4pt;}
.footcer_10 a { padding:8px 5px; font-size:12px; color:#69F; font-weight:bold; letter-spacing:1pt;}
.footcer_10 a:hover { color:#0CF; text-decoration:underline;}
.footcer_10 span { color:#0CF}

.kv-music {position:fixed;z-index:50;top:50px;left:50px; background:url(../foot_img/mp3.png); width:70px; height:70px;}
.kv-music a { display:block; font-size:14px; color:#FFF; letter-spacing:5.0pt; padding:45px 0 0 15px;}

.rightbar{width:208px;height:619px;position:fixed;top:40%;right:0;margin-top:-280px;background:url(left1.png) no-repeat;z-index:10000;text-align:center;color:#fff;-o-transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
.rightbar.close{right:-208px}
.rightbar.close .btn-close{background:url(left4.png) no-repeat}
.rightbar .btn-close{width:86px;height:73px;background:url(left2.png);position:absolute;top:10px;left:-86px}
.rightbar h6{margin-bottom:10px;padding-top:30px; padding-left:28px;/*右边*/ font-size:18px;line-height:24px;font-weight:700;overflow:hidden}
.rightbar h6 span{display:block;font-size:14px}
.rightbar .code{margin:0 0 10px 35px;/*右边*/width:157px;height:188px;background:#d0b37e; /*微信底色*/}
.rightbar .code p{height:30px;line-height:30px;background:#8e7649;/*微信底色*/margin-bottom:5px;}
.rightbar p{font-size:16px;line-height:24px;margin-bottom:5px; padding-left:20px;/*右边*/}

.rightbar .kefu{margin-left:35px;/*右边*/display:block; width:157px;height:51px;background:url(left3.png) no-repeat;line-height:50px;font-size:18px; font-weight:200; font-family:"微软雅黑"; color:#fff;text-decoration:none;margin-bottom:5px}
.rightbar .kefu:hover{background:url(left5.png) no-repeat}



.head_26a table {width:838px; overflow:hidden;}
.head_26a .ta { background:#d9d7e3; border:double 1px #FFF;}
.head_26a .da {line-height:40px; text-align:center; font-family:"微软雅黑"; font-size:16px; font-weight:200; color:#FF9;}
.head_26a .xa {line-height:30px; text-align:center; font-family:"微软雅黑"; font-size:14px; font-weight:200; color:#FFF;}
.head_26a .ac { background:#d9d7e3;}
.head_26a .ac:hover { background:#900; transition:0.5s;}
.head_26a a { font-family:"微软雅黑"; font-size:14px; font-weight:200; color:#FF9;}
.head_26a .xac {line-height:40px; text-align:center; font-family:"微软雅黑"; font-size:14px; font-weight:200; color:#FFF;}
.head_26a .dac {line-height:52px; text-align:center; font-family:"微软雅黑"; font-size:16px; font-weight:200; color:#FF9;}

.head_123c { margin:0 auto; width:1200px; overflow:hidden; margin-bottom:10px; background:#e7faff; border:double 1px #26c4f2; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.5); -ms-box-shadow:0 0 10px rgba(0,0,0,0.5); -o-box-shadow:0 0 10px rgba(0,0,0,0.5); }
.head_124c { float:left; width:400px; overflow:hidden;}
.head_125c { float:left; width:400px; overflow:hidden;}
.head_126c { float:right; width:400px; overflow:hidden;}

.head_127c { margin:10px; overflow:hidden; background:#fafeff; transition:2s;}
.head_127c:hover { background:#000;}
.head_128c { margin:0 10px; background:url(zbb.png) left center no-repeat; overflow:hidden; }
.head_128c a { margin-left:30px; line-height:50px; text-align:left; font-size:22px; font-family:"微软雅黑"; font-weight:200; color:#007192;}
.head_129c { border-top:double 1px #828491; overflow:hidden;}
.head_130c { margin:10px 10px; overflow:hidden; text-align:center;}

.head_131c { float:left; width:600px; overflow:hidden;}
.head_132c { float:right; width:600px; overflow:hidden;}
.head_133c { width:1200px; overflow:hidden;}



.head_13a li { display:block; width:818px; overflow:hidden; line-height:26px; text-align:left; border:double 1px #8c949f; margin-bottom:5px; transition:0.5s; background:#d9d7e3; border-radius:1em;}
.head_13a li:hover { background:#370000; transition:0.5s; border-radius:2em;}
.head_13a li a { display:block; padding:0 0 0 40px; font-family:"微软雅黑"; font-weight:200; color:#000; font-size:14px;}
.head_13a li a:hover { color:#0F0; animation-name:bmyani; animation-duration:1s;}
.head_13a li span { display:block; background:url(hot.jpg) 10px center no-repeat;}


@keyframes nmyani {
50%{ margin-left:50px;}
80%{ margin-left:-50px;}
100%{ margin-left:0;}
}


/*滚动条相关*/
.container1 {width:100%;height:auto;margin:0 auto;}
.container1 .div_scroll{float:left;width:100%;height:289px;overflow:auto;}
.container1 .scroll_container{position:relative;overflow:hidden;}
.container1 .scroll_absolute{position:absolute;}
.container1 .scroll_vertical_bar{width:8px;height:100%;position:absolute;top:0;right:0;margin:0;padding:0;}
.container1 .scroll_track{position:relative;border-radius:10px;background:url(line_y.gif) repeat-y center top;}
.container1 .scroll_drag{position:relative;top:0;left:0;border-top:none;border-bottom:none;cursor:pointer;background-color:#bc2f38;border-radius:20px;}
.container1 .scroll_arrow{text-indent:-20000px;cursor:pointer;display:block;}
.container1 .scroll_vertical_bar .scroll_arrow{height:16px;}
/*滚动条相关*/

#tab1 { }
#tab1 ul { margin:0; padding:0; list-style:none;}
#tab1 li { display: block; float:left; width:110px; height:40px;  border-bottom:double 1px #900; margin-right:30px;}
#tab1 a { display: block; width:110px; height:23px; padding:7px 0 0 0; text-align: center; text-decoration:none; font-size:18px; font-family:"微软雅黑"; color:#900; font-weight:bold;}
#tab1 .now { width:110px; border-bottom:double 1px #b1b1b1;}
#tab1 .now a { display: block; background:none; font-size:20px; font-family:"微软雅黑"; color:#ff0000; font-weight:bold;}
#tab1 .now a:hover {  border-bottom:none; font-size:20px; font-family:"微软雅黑"; color:#b1b1b1; font-weight:bold;}

.tablist { display:none;}
.block{ display:block;}


/*幻灯*/
.container {
	WIDTH: 340px;
	HEIGHT: 440px
}
.container A IMG {
	WIDTH: 340px;
	HEIGHT: 440px
}
.container IMG {
	BORDER-BOTTOM-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-TOP-STYLE: none;
	BORDER-LEFT-STYLE: none
}
.td_f A IMG {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}
.num {
	POSITION: absolute;
	WIDTH: 260px;
	FLOAT: right;
	TOP: 410px;
	LEFT: 120px
}
.num LI {
	TEXT-ALIGN: center;
	LINE-HEIGHT: 5px;
	LIST-STYLE-TYPE: none;
	MARGIN:0px;
	WIDTH: 60px;
	FONT-FAMILY: Arial;
	BACKGROUND: url(flashbutton.gif) no-repeat -60px 0px;
	FLOAT: left;
	HEIGHT: 5px;
	COLOR: #86a2b8;
	FONT-SIZE:0;
	CURSOR: pointer;
	margin-right:10px;
}
.num LI.on {
	LINE-HEIGHT:5px;
	WIDTH:60px;
	BACKGROUND: url(flashbutton.gif) no-repeat;
	HEIGHT:5px;
	COLOR: #ffffff
}
        .header {
            text-align: center;
            margin-bottom: 10px;
            padding-bottom: 50px;
            border-bottom: 2px solid rgba(255, 255, 255, 0.2);
        }
        
        h1 {
            font-size: 52px;
            margin-bottom: 15px;
            background: linear-gradient(90deg, #ff0080, #ff8c00, #ffed00, #00ff80, #00bfff, #8000ff);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
            animation: rainbow 5s linear infinite;
        }
		
		
.btn-group {  display: flex;flex-wrap: wrap;justify-content: center;gap: 0px;margin-top: 0px; }

#Version1 { width:100%; height:1300px; position:relative; overflow:hidden;}/*页面总高度再次调整*/
.head_5888 { margin:0 auto; width:1800px; height:100px; position:relative;}	
#Version2 { width:100%; height:300px; position:relative; overflow:hidden;}/*页面总高度再次调整*/
.head_5666 { margin:0 auto; width:1920px; height:100px; position:relative;}	

.PicList3{float:left;}
.PicList3 li{float:left;position:relative;margin-right:10px;margin-bottom:10px;padding-top:10px;padding:20px 40px;float:left;width:1800px;height:auto;padding:10px;margin-top:1px;background:#000;border:0px solid #a98246;}
.PicList3 li:nth-child(3n){margin-right:0px;}
.PicList3 strong{height:46px;line-height:46px;text-align:center;overflow:hidden;font-size:25px;font-weight:normal;color:#a98246;margin-bottom:5px;letter-spacing:5px;display:block;}
.PicList3 .photo{width:1800px;margin:0 auto;background-color:#000000;display:block;}
	
.PicList5{float:left;}
.PicList5 li{float:left;position:relative;margin-right:10px;margin-bottom:10px;padding-top:10px;padding:20px 40px;float:left;width:1880px;height:auto;padding:10px;margin-top:1px;background:#000;border:0px solid #a98246;}
.PicList5 li:nth-child(3n){margin-right:0px;}
.PicList5 strong{height:46px;line-height:46px;text-align:center;overflow:hidden;font-size:25px;font-weight:normal;color:#a98246;margin-bottom:5px;letter-spacing:5px;display:block;}
.PicList5 .photo{width:1880px;margin:0 auto;background-color:#000000;display:block;}
	
	
.container22222 {     max-width: 1800px;     margin: 0 auto;     background: rgba(0, 0, 0, 0.1);     border-radius: 15px;     padding: 30px;     box-shadow: 0 0 60px rgba(132, 0, 255, 0.1);     border: 2px solid #111111;}
.highlight0 {     font-weight: bold;     font-size: 22px; color: #ffed00;   }   
.highlight1 {     font-weight: bold;     font-size: 20px; color: #ff0055;    }   
.highlight2 {     font-weight: bold;     font-size: 20px; color: #ff8c00;    }   
.highlight3 {     font-weight: bold;     font-size: 20px; color: #0088ff;    }   
.highlight4 {     font-weight: bold;     font-size: 20px; color: #ff5500;   }   
.highlight5 {     font-weight: bold;     font-size: 20px; color: #ff1100;   }   
.highlight6 {     font-weight: bold;     font-size: 20px; color: #11ff00;   }   
.highlight10 {     font-weight: bold;    font-size: 20px; color: #0088ff;    }   
.highlight11 {     font-weight: bold;    font-size: 20px; color: #ff0055;    }   
.highlight12 {     font-weight: bold;    font-size: 20px; color: #ff5500;   }   
		
     .rainbow55555 {
      background: linear-gradient(90deg, 
	  
	  
	  
	 #ff8000,  #ff0000 , #ff8000, #ff00ff, #00ffff,  #00ff00,#8000ff,  #0000ff, #ff0000, #ffff00  );
		
		
		
		
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      background-size: 300% 300%;
      animation: rainbow 0s ease infinite;
      font-weight: bold;
    }      
	
    .h3 {
      font-size: 1.8rem;
      color: #ff1100;
      margin-bottom: 20px;
      display: flex;
      align-items: center;
      gap: 12px;
    }
        
	.rainbow-text {
      background: linear-gradient(90deg, 
        #ff0000, #ff8000, #ffff00, 
        #00ff00, #00ffff, #0000ff, 
        #8000ff, #ff00ff, #ff0000);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      background-size: 300% 300%;
      animation: rainbow 0s ease infinite;
      font-weight: bold;
    }      

	
	
        .subtitle {
            font-size: 22px;
            color: #ffcc00;
            margin-bottom: 10px;
        }
        
        .server-info {
            width: 100%;
            border-collapse: collapse;
            margin: 30px 0;
            background: rgba(0, 0, 0, 0.5);
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 0 15px rgba(255, 215, 0, 0.3);
        }
        
        .server-info th, .server-info td {
            padding: 15px;
            text-align: center;
            border: 1px solid rgba(255, 255, 255, 0.2);
        }
        
        .server-info th {
            background: linear-gradient(90deg, #ff0080, #ff8c00);
            color: #000;
            font-size: 18px;
            font-weight: bold;
        }
        
        .server-info td {
            background: rgba(255, 255, 255, 0.1);
            font-size: 16px;
        }
        
        .server-info tr:nth-child(even) td {
            background: rgba(255, 255, 255, 0.15);
        }
        
        .server-info a {
            color: #ffcc00;
            text-decoration: none;
            transition: all 0s ease;
            font-weight: bold;
        }

        
    .warning {
      background: rgba(200, 50, 50, 0.15);
      border-left: 4px solid #ff6b6b;
      padding: 14px;
      border-radius: 0 8px 8px 0;
      margin: 20px 0;
      font-weight: 500;
    }
        .server-info a:hover {
            color: #ff5500;
            text-shadow: 0 0 10px rgba(255, 204, 0, 0.7);
        }
        
        .promise {
            background: rgba(255, 0, 0, 0.2);
            padding: 15px;
            border-radius: 10px;
            margin: 20px 0;
            border: 1px solid #ff0000;
            text-align: center;
            animation: pulse 0s infinite;
        }
        
        .section {
            background: rgba(255, 255, 255, 0.1);
            padding: 20px;
            margin: 25px 0;
            border-radius: 10px;
            box-shadow: 0 0 15px rgba(255, 255, 255, 0.1);
        }
        
        .section-title {
            font-size: 24px;
            text-align: center;
            margin-bottom: 20px;
            background: linear-gradient(90deg, #ff8c00, #ffed00);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            padding-bottom: 10px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        }
        
        .features {
            list-style: none;
            padding: 0;
        }
        
        .feature-item {
            padding: 20px;
            margin: 15px 0;
            border-radius: 10px;
            background: rgba(255, 255, 255, 0.1);
            transition: all 3s ease;
            border-left: 5px solid;
            animation: pulse 0s infinite;
        }
        .feature-item1 {
            padding: 0px;
            margin: 0px 0;
            border-radius: 2px;
            background: rgba(255, 255, 255, 0.1);
            transition: all 0s ease;
            border-left: 5px solid;
            animation: pulse 0s infinite;
        }

        
        .feature-item:hover {
            transform: translateX(10px);
            box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
        }


        .highlight {
            font-weight: bold;
            font-size: 20px;
        }

   
        /* 为每个特性设置不同的颜色 */
        .color-1 { border-left-color: #ff0055; color: #ff0055; }
        .color-2 { border-left-color: #ff8c00; color: #ff8c00; }
        .color-3 { border-left-color: #ffed00; color: #ffed00; }
        .color-4 { border-left-color: #00ff80; color: #00ff80; }
        .color-5 { border-left-color: #00bfff; color: #00bfff; }
        .color-6 { border-left-color: #80ffff; color: #0088ff; }
        .color-7 { border-left-color: #ff8000; color: #ff0080; }
        .color-8 { border-left-color: #00ffcc; color: #00ffcc; }
        .color-9 { border-left-color: #ff5500; color: #ff5500; }
        
         
        .footer {
            text-align: center;
            margin-top: 30px;
            padding-top: 20px;
            border-top: 2px solid rgba(255, 255, 255, 0.1);
            color: #aaa;
            font-size: 14px;
        }
        
        .download-btn {
            display: block;
            width: 250px;
            margin: 30px auto;
            padding: 15px;
            text-align: center;
            background: linear-gradient(90deg, #ff0055, #ff8c00, #ffed00);
            color: #000;
            font-weight: bold;
            font-size: 20px;
            border-radius: 50px;
            text-decoration: none;
            transition: all 0s ease;
            box-shadow: 0 0 15px rgba(255, 237, 0, 0.1);
        }
        
        .download-btn:hover {
            transform: scale(1.05);
            box-shadow: 0 0 25px rgba(255, 237, 0, 0.1);
        }
        
        @keyframes rainbow {
            0% { background-position: 0% 50%; }
            100% { background-position: 200% 50%; }
        }
        
        @keyframes pulse {
            0% { box-shadow: 0 0 5px rgba(255, 255, 255, 0.2); }
            50% { box-shadow: 0 0 20px rgba(255, 255, 255, 0.4); }
            100% { box-shadow: 0 0 5px rgba(255, 255, 255, 0.2); }
        }
        
        .countdown {
            text-align: center;
            margin: 20px 0;
            font-size: 20px;
            color: #ffcc00;
        }
        
        .qq-contact {
            text-align: center;
            margin: 15px 0;
            font-size: 18px;
        }
        
        .qq-contact span {
            color: #ffcc00;
            font-weight: bold;
        }

	.rain11 {
      background: linear-gradient(90deg, 
	    #ff0000, #ff8000, #ffff00,
	
	    #00ff00, #00ffff, #0000ff, 	
        #8000ff, #ff00ff, #ff0000);
	
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
	  font-size: 20px;
      background-size: 300% 300%;
      animation: rainbow 0s ease infinite;
      font-weight: bold;
} 	
		.rain22 {
      background: linear-gradient(90deg,  
        #0000ff, #ff00ff, #ff0000,
        #ff0000, #00ffff, #ffff00, 
        #00ff00, #00ffff, #0000ff    );
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
	  font-size: 20px;
      background-size: 300% 300%;
      animation: rainbow 0s ease infinite;
      font-weight: bold;