body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,li,dt,dd,form,input,textarea,select{margin:0;padding:0;}
        em{font-style:normal;}
        li{list-style:none;vertical-align:middle;}
        a{text-decoration:none;outline:none;}
        img{border:none;vertical-align:top;}
        table{border-collapse:collapse;}
        input,textarea{outline:none;}
        textarea{resize:none;overflow:auto;}
        body{font-size:12px;}
        .clear{zoom:1;}
        .clear:after{content:'';display:block;clear:both;}
        .fl{float:left;}
        .fr{float:right;}
        body{
            background:#400000 url(../images/5588ps-bg-index-01.gif) no-repeat center top;
            margin-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
        }
        @font-face {
        font-family: 'font-logo';
        src: url('../images/font.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
       }
        
        a:link {
        text-decoration: none;
        }
        a:visited {
            text-decoration: none;
        }
        a:hover {
            text-decoration: none;
        }
        a:active {
            text-decoration: none;
        }

        ::-webkit-scrollbar {
            width: 20px; 
        }

        ::-webkit-scrollbar-thumb {
            background-color: #1a5c8b; 
            border-radius: 0px; 
        }

        ::-webkit-scrollbar-thumb:hover {
            background-color: #154a6f; 
        }

        ::-webkit-scrollbar-track {
            background-color: #103555;
        }

        ::-webkit-scrollbar-button {
            display: none; 
        }

        ::-webkit-scrollbar-corner {
            background-color: #0b253c; 
        }
        
        ::-webkit-resizer {
            display: none; 
        }

        .hover-image:hover {
        filter: brightness(1.5); /* Increase brightness on hover */
        }
        .hover-image-1:hover {
            filter: brightness(0.8); /* Increase brightness on hover */
        }
        .hover-image-2:hover {
            filter: brightness(1.1); /* Increase brightness on hover */
        }

        .Movedown {
                    transition: All 0.4s ease-in-out;
                    -webkit-transition: All 0.4s ease-in-out;
                    -moz-transition: All 0.4s ease-in-out;
                    -o-transition: All 0.4s ease-in-out;
                }

        .Movedown:hover {
                    transform: translate(0, 10px);
                    -webkit-transform: translate(0, 10px);
                    -moz-transform: translate(0, 10px);
                    -o-transform: translate(0, 10px);
                    -ms-transform: translate(0, 10px);
                }

        .Shiftright {
                    transition: All 0.4s ease-in-out;
                    -webkit-transition: All 0.4s ease-in-out;
                    -moz-transition: All 0.4s ease-in-out;
                    -o-transition: All 0.4s ease-in-out;
                }

        .Shiftright:hover {
                    transform: translateX(10px);
                    -webkit-transform: translateX(10px);
                    -moz-transform: translateX(10px);
                    -o-transform: translateX(10px);
                    -ms-transform: translateX(10px);
                }	
        .upward {
                    transition: All 0.4s ease-in-out;
                    -webkit-transition: All 0.4s ease-in-out;
                    -moz-transition: All 0.4s ease-in-out;
                    -o-transition: All 0.4s ease-in-out;
                }

        .upward:hover {
                    transform: translateX(-10px);
                    -webkit-transform: translateX(-10px);
                    -moz-transform: translateX(-10px);
                    -o-transform: translateX(-10px);
                    -ms-transform: translateX(-10px);
                }
        .reverse {
                    transition: All 0.4s ease-in-out;
                    -webkit-transition: All 0.4s ease-in-out;
                    -moz-transition: All 0.4s ease-in-out;
                    -o-transition: All 0.4s ease-in-out;
                }

        .reverse:hover {
                    transform: rotate(360deg);
                    -webkit-transform: rotate(360deg);
                    -moz-transform: rotate(360deg);
                    -o-transform: rotate(360deg);
                    -ms-transform: rotate(360deg);
                }
        .reduce {
                transition: All 0.4s ease-in-out;
                -webkit-transition: All 0.4s ease-in-out;
                -moz-transition: All 0.4s ease-in-out;
                -o-transition: All 0.4s ease-in-out;
            }

        .reduce:hover {
                transform: scale(1);
                -webkit-transform: scale(0.9);
                -moz-transform: scale(0.9);
                -o-transform: scale(0.9);
                -ms-transform: scale(0.9);
            }
            
        .image-container {
                position: relative;
                display: inline-block;
                overflow: hidden;
                margin: 0px;
            }

            .image-container img {
                display: block;
                max-width: 100%;
                height: auto;
            }

        .shine {
                position: absolute;
                top: 0;
                left: -150%;
                width: 100%;
                height: 100%;
                background: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8) 100%, rgba(255, 255, 255, 0) 100%);
                transform: skewX(-25deg);
                animation: shine-animation 1.5s ease-in-out infinite;
            }

            @keyframes shine-animation {
                from {
                    left: -150%;
                }
                to {
                    left: 150%;
                }
            }
            
        .game-by {
                width: 1300px;
                margin: 0 auto;
            }
            
        .game-by-item { 
            height: 40px; 
            text-align: center; 
            font-family: Arial, sans-serif; 
            font-size: 22px; 
            background: linear-gradient(180deg, #8f49ff, #FFFFFF); 
            -webkit-background-clip: text; 
            -webkit-text-fill-color: transparent; 
            background-clip: text; 
            color: transparent; 
            margin-bottom: 0px;
            filter: drop-shadow(1px 0 0 #000) 
                    drop-shadow(-1px 0 0 #000) 
                    drop-shadow(0 1px 0 #000) 
                    drop-shadow(0 -1px 0 #000);
        }
            
        .game-by-item:last-child {
                margin-bottom: 0;
            }

        .anniu {
                transition: All 0.4s ease-in-out;
                -webkit-transition: All 0.4s ease-in-out;
                -moz-transition: All 0.4s ease-in-out;
                -o-transition: All 0.4s ease-in-out;
            }

        .xuanzhuan {
                    transition: All 0.4s ease-in-out;
                    -webkit-transition: All 0.4s ease-in-out;
                    -moz-transition: All 0.4s ease-in-out;
                    -o-transition: All 0.4s ease-in-out;
                }

        .xuanzhuan:hover {
                    transform: scale(1.2);
                    -webkit-transform: scale(1.2);
                    -moz-transform: scale(1.2);
                    -o-transform: scale(1.2);
                    -ms-transform: scale(1.2);
                }
        .zuoyi {
                    transition: All 0.4s ease-in-out;
                    -webkit-transition: All 0.4s ease-in-out;
                    -moz-transition: All 0.4s ease-in-out;
                    -o-transition: All 0.4s ease-in-out;
                }

        .zuoyi:hover {
                    transform: translate(0, 10px);
                    -webkit-transform: translate(0, 10px);
                    -moz-transform: translate(0, 10px);
                    -o-transform: translate(0, 10px);
                    -ms-transform: translate(0, 10px);
                }
        .fangda {
                    transition: All 0.4s ease-in-out;
                    -webkit-transition: All 0.4s ease-in-out;
                    -moz-transition: All 0.4s ease-in-out;
                    -o-transition: All 0.4s ease-in-out;
                }

        .fangda:hover {
                    transform: scale(1);
                    -webkit-transform: scale(1.08);
                    -moz-transform: scale(1.08);
                    -o-transform: scale(1.08);
                    -ms-transform: scale(1.08);
                }
        .suoxiao{
                    transition: All 0.4s ease-in-out;
                    -webkit-transition: All 0.4s ease-in-out;
                    -moz-transition: All 0.4s ease-in-out;
                    -o-transition: All 0.4s ease-in-out;
                }

        .suoxiao:hover {
                    transform: scale(1);
                    -webkit-transform: scale(0.9);
                    -moz-transform: scale(0.9);
                    -o-transform: scale(0.9);
                    -ms-transform: scale(0.9);
                }
        .zuoyi-1 {
                    transition: All 0.4s ease-in-out;
                    -webkit-transition: All 0.4s ease-in-out;
                    -moz-transition: All 0.4s ease-in-out;
                    -o-transition: All 0.4s ease-in-out;
                }

        .zuoyi-1:hover {
                    transform: translateX(10px);
                    -webkit-transform: translateX(10px);
                    -moz-transform: translateX(10px);
                    -o-transform: translateX(10px);
                    -ms-transform: translateX(10px);
                }		
        .zuoyi-2 {
                    transition: All 0.4s ease-in-out;
                    -webkit-transition: All 0.4s ease-in-out;
                    -moz-transition: All 0.4s ease-in-out;
                    -o-transition: All 0.4s ease-in-out;
                }

        .zuoyi-2:hover {
                    transform: translate(0, -10px);
                    -webkit-transform: translate(0, -10px);
                    -moz-transform: translate(0, -10px);
                    -o-transform: translate(0, -10px);
                    -ms-transform: translate(0, -10px);
                }
        .zuoyi-3 {
                    transition: All 0.4s ease-in-out;
                    -webkit-transition: All 0.4s ease-in-out;
                    -moz-transition: All 0.4s ease-in-out;
                    -o-transition: All 0.4s ease-in-out;
                }

        .zuoyi-3:hover {
                    transform: translateX(-10px);
                    -webkit-transform: translateX(-10px);
                    -moz-transform: translateX(-10px);
                    -o-transform: translateX(-10px);
                    -ms-transform: translateX(-10px);
                }
                
        .fanzhuan {
                    transition: All 0.4s ease-in-out;
                    -webkit-transition: All 0.4s ease-in-out;
                    -moz-transition: All 0.4s ease-in-out;
                    -o-transition: All 0.4s ease-in-out;
                }

        .fanzhuan:hover {
                    transform: rotate(360deg);
                    -webkit-transform: rotate(360deg);
                    -moz-transform: rotate(360deg);
                    -o-transform: rotate(360deg);
                    -ms-transform: rotate(360deg);
                }	
    
        #preview {
        position: absolute;
        border: 2px solid #676aff;
        background: #7995f4;
        padding: 5px;
        display: none;
        color: #fff;
        border-radius: 6px;
        z-index:9999;
        animation: redGlow 2s ease-in-out infinite alternate;
        }
     
     
        #Floatingbar{width:110px;height:650px;position:fixed;top:50%;right:0px;margin-top:-340px;padding-top:33px;padding-right:18px;padding-left:50px;background:url(../images/floatingbg.png) no-repeat left top;z-index:2500;}
        #Floatingbar .erweima{width:109px;line-height:20px;text-align:center;margin:0px auto 10px auto;}
        #Floatingbar .erweima:hover img{transform:scale(1.1);}
        #Floatingbar .erweima img{width:109px;height:109px;margin-bottom:3px;background:#fff;display:block;transition:all 0.3s ease-in;}
        #Floatingbar .erweima span{font-size:13px;color:#e7dbc0;}
        #Floatingbar ul{margin-bottom:7px;}
        #Floatingbar ul li{line-height:26px;text-align:center;color:#e7dbc0;margin-bottom:3px;}
        #Floatingbar ul li a{display:block;}
        #Floatingbar ul li a img{margin:0 auto;display:block;}
        #Floatingbar .downlist{line-height:2.14;font-size:14px;}
        #Floatingbar .downlist li a{color:#dab974;}
        #Floatingbar .downlist li a:hover{color:#e7dbc0;text-decoration:none;}
		 
		 .bt-nav-css {
			background: linear-gradient(0deg, #ff9d00, #ffffff);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			font-size:35px;
			background-clip: text;
			font-weight: normal;
			text-align: center;
			line-height: 1.5;
			text-shadow: 1px 1px 10px rgba(143, 0, 0, 0.3);
			transition: all 0.3s ease;
			cursor: pointer;
			display: inline-block;
		}
	
	
		.bt-nav-css:hover {
			color: #ffffff;
			-webkit-text-fill-color: #ffffff;
			text-shadow: 
				1px 1px 15px rgba(96, 165, 250, 0.8),
				0 0 20px rgba(96, 165, 250, 0.6),
				0 0 30px rgba(29, 78, 216, 0.4);
			transform: scale(1.05);
		}
	
		.bt-nav-css:active {
			transform: scale(0.98);
			transition: all 0.1s ease;
		}
		
		
		.news-bg-css {
			color: #ffffff;
			-webkit-text-fill-color: #ffffff;
			font-size: 17px;
			margin-top:-2px;
			font-weight: normal;
			text-align: center;
			line-height: 1.5;
			text-shadow: 1px 1px 10px rgba(0, 0, 80, 0.3);
			transition: all 0.3s ease;
			cursor: pointer;
			display: inline-block;
		}
		
		.news-bg-css:hover {
			background: linear-gradient(0deg, #ffd700, #ffffff);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			background-clip: text;
			text-shadow: 
				1px 1px 15px rgba(0, 30, 120, 0.8),
				0 0 20px rgba(0, 30, 120, 0.6),
				0 0 30px rgba(0, 10, 80, 0.4);
			transform: scale(1.05);
		}
		
		.news-bg-css:active {
			transform: scale(0.98);
			transition: all 0.1s ease;
		}
		
		
		.news-bg-css-1 {
			background: linear-gradient(0deg, #a0a0a0, #e0e0e0);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			background-clip: text;
			font-size: 18px;
			margin-top: -2px;
			font-weight: normal;
			text-align: center;
			line-height: 1.5;
			text-shadow: 1px 1px 10px rgba(0, 0, 80, 0.3);
			transition: all 0.3s ease;
			cursor: pointer;
			display: inline-block;
		}
		
		.news-bg-css-1:hover {
			background: linear-gradient(0deg, #ffffff, #ffffff);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			background-clip: text;
			text-shadow: 
				1px 1px 15px rgba(0, 30, 120, 0.8),
				0 0 20px rgba(0, 30, 120, 0.6),
				0 0 30px rgba(0, 10, 80, 0.4);
			transform: scale(1.05);
		}
		
		.news-bg-css-1:active {
			transform: scale(0.98);
			transition: all 0.1s ease;
		}