/* 导航栏样式 */
        .nav-container {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            background-color:rgba(16, 16, 20, 0.67843137254902);
            height: 75px;
        }
        
        .nav-content {
            margin: 0 auto;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 50px;
        }
        
        .logo {
        width:850px;
            font-size: 18px;
            font-weight: bold;
            color: #333;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        
        .logo img{
        	width:200px;
        	height:150px;
        }
        
        
        .nav-menu {
            display: flex;
            gap: 30px;
        }
        
        .nav-menu a {
            font-family: 'Arial Normal', 'Arial', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #FFFFFF;
            transition: color 0.3s;
        }
        
        .nav-menu a:hover {
            color: #007bff;
        }
        
        .search-container {
            position: relative;
            flex: 1;
            max-width: 400px;
            margin: 0 30px;
        }
        .search-container img{
        	position:absolute;
        	width:22px;
        	height:22px;
        	top:7px; right:5px;
        }
        
        .search-input {
            width: 100%;
            height: 36px;
            padding: 0 15px;
            border-radius: 6px;
            font-size: 14px;
            color: #444444;
            background-color: rgba(49, 49, 49, 0.784313725490196);
            transition: border-color 0.3s;
        }
        
        .search-input:focus {
            outline: none;
            border-color: #007bff;
        }
        
        .login-btn {
            width: 98px;
    height: 37px;
    background: inherit;
    background-color: rgba(255, 255, 255, 0.6);
     border-radius:6px;
    box-shadow: none;
    font-family: 'Arial Normal', 'Arial', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #FFFFFF;
            transition: background-color 0.3s;
        }
        
        .login-btn:hover {
            background-color: #0056b3;
        }
        
        .banner-container {
            width: 100%;
            margin: 0 auto;
            position:relative;
            overflow:hidden;
        }
        .xiax{
        	width:41px;
        	height:41px;
        	position:absolute;
        	bottom:50px;
        	left:50%;
        	margin-left:-21px;
        }
        .banner-svg {
            width: 100%;
            height: auto;
            display: block;
        }
        
        /* 移动端适配 */
        .mobile-menu-btn {
            display: none;
            background: none;
            border: none;
            font-size: 20px;
            cursor: pointer;
            color: #333;
        }
        
        @media (max-width: 768px) {
            .nav-menu {
                display: none;
            }
            
            .search-container {
                margin: 0 15px;
            }
            
            .mobile-menu-btn {
                display: block;
            }
        }
        .banner{
        	width:100%;
        	margin:0;
        	padding:0;
        }
        .banner img{width:100%;}
        .containers{width:100% !important; height:100%; background:rgba(28, 28, 28, 0.827450980392157); margin:auto;}
        .navn-container {
            width: 1450px;
    margin: 0 auto;
    
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    position: relative;
    height: 171px;
    margin-top:-171px;
        }
        
        .navn-item {
            position: absolute;
    z-index: 10;
    display: flex;
    background-position: right;
    width: 14.285%;
    background: rgba(38, 42, 45, 1);
    line-height: 90px;
    height:120px;
    bottom: 0;
        }
        
        
        
       
        
        .navn-item a {
        	width:100%;
            display: block;
            padding: 20px 0;
            font-size: 25px;
    		color: #7B7B7B;
            font-weight: 500;
            text-align: center; /* 文字左对齐 */
            text-decoration: none;
            white-space: nowrap;
            transition: color 0.3s ease;
        }
         .navn-item:hover {
             width: 208px;
         	height:171px;
            bottom: 0; 
            background: rgba(38, 42, 45, 0.6);
        }
         .navn-item:hover a {
            color: #D4BD96; 
        }
        
        .container {
            max-width: 1450px !important;
            margin: 0 auto;
            background:rgba(18, 21, 23, 0.1);
        }
        
        .title-decoration {
            height: 2px;
        }
        
        .game-card {
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
            width: 350px;
            height: 280px;
        }
        .gamedeng{position:absolute;top: 123px;width:320px;height:42px;background:url(../image/yxbg.png) no-repeat;background-size:100%}
        ..gamedeng span{}
        .game-card img{width: 350px;height: 160px;}
        
        .game-card:hover .hover-buttons {
            opacity: 1;
            transform: translateY(0);
        }
        
        
        .hover-buttonss {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(68, 68, 68, 0.6);
            padding: 12px 0;
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            gap: 10px;
            width:100%;
            height:100%;
            
        }
        
        .hover-buttonss button {
            width: 125px;
    height: 48px;
    background: inherit;
    background-color: rgba(147, 147, 147, 0.725490196078431);
    border-radius: 8px;
            padding: 6px 16px;
            font-size: 14px;
            cursor: pointer;
            color: #EEEEEE;
            margin-top:120px;
            font-weight:bold;
        }
        .hover-buttons {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(68, 68, 68, 0.6);
            padding: 12px 0;
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            gap: 10px;
            width:100%;
            height:100%;
            padding-top:120px;
            
        }
        
        .hover-buttons button {
            width: 100px;
    height: 48px;
    background: inherit;
    background-color: rgba(147, 147, 147, 0.725490196078431);
    border-radius: 8px;
            padding: 6px 16px;
            font-size: 14px;
            cursor: pointer;
            color: #EEEEEE;
            font-weight:bold;
        }
        
        .hover-buttons button:hover {
            background: #ff5252;
        }
        
        .countdown {
            padding: 0 24px;
            border-radius: 10px;
            line-height: 50px;
            font-size: 14px;
            font-weight: bold;
            color:#FDFDFD;
        }
        .containerm{max-width:1450px; margin:auto; background:rgba(18, 21, 23, 1);}
        .gametitle{
        	background: url(../image/tbg.svg) no-repeat;
    	background-position: center 57px;
        }
        .bgtitle{font-family: "Aa德古拉简 Bold", "Aa德古拉简 常规", Aa德古拉简, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 50px;
    color: rgb(174, 174, 174);}
        .smtitle{
        	font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    color: #AEAEAE;
        }
        .biaoqian{color: #919191; font-size:12px; margin-top:10px;}
        .biaoqian b{padding:2px 11px; background-color: rgba(64, 69, 77, 1); font-weight:normal; margin:10px;}
        
        .footer {
    width: 100%;
    display: block;
    /*height: 135px;*/
    background-color: #050405;
    margin-top: 50px;
    border-top: 1px solid #d8d8d8;
}

.footer a {
    text-decoration: none;
}

.footer p {
    text-align: center;
    font-size: 18px;
    color: white;
    /* line-height: 20px; */
    padding-top: 15px;
}