body {
    background-color: #060606;
}
@media screen and (max-width: 1400px) {
    body{
        width: 1400px;
    }
}
.navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1366px;
}
.navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.carousel-caption {
    top: 180px;
    bottom: 0;
    text-align: left;
}
.carousel-indicators {
    position: absolute;
    right: 0;
    top: 460px;
    left: unset;
}
.navbar {
    padding: 1rem 1rem !important;
}

.footer {
    display: flex;
    flex-direction: column;
    font-family: SimSun;
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
    width: 100%;
}
.banhao_btn{
    background: #3A4E7F;
    border-radius: 4px;
    font-family: SimSun;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    padding: 8px 38px;
    cursor: pointer;
    text-decoration: none !important;
}
.banhao_btn:hover{
    color: #FFFFFF !important;
}
.btn_hover {
    cursor: pointer;
    transition: all 0.5s;
}

.btn_hover:hover {
    transition: all 0.5s;
    filter: brightness(1.2);
}
.footer_top{
    background: #131927;
    padding: 20px 0;
}
.footer_bottom{
    background: #0C0F17;
    padding: 12px 0;
}
.flex_box{
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-bar {
	position: absolute;
	top: 500px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 0; z-index:999999999999;
}

/* 公共链接按钮：完全透明，200px 高 */
.btn1 {
	display: block;
	height: 200px;
	border: none;
	background: transparent;
	cursor: pointer;
	transition: background 0.25s;
}

/* 左右两个 230px */
.btn-side { width: 260px; }

/* 中间三个 360px */
.btn-mid { width: 360px; }
.item_label {
    width: 222px;
    height: 80px;
    position: absolute;
    top: -17px;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
}
.item_label .image_auto {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAAAsCAYAAAApSpU1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjExQjU4RTNBMjAzMjExRURBRTM2QkIzOEMxOTk2QjAyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjExQjU4RTNCMjAzMjExRURBRTM2QkIzOEMxOTk2QjAyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTFCNThFMzgyMDMyMTFFREFFMzZCQjM4QzE5OTZCMDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTFCNThFMzkyMDMyMTFFREFFMzZCQjM4QzE5OTZCMDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5a9cwRAAAFeklEQVR42uyab2wTZRzHv9dVnJOwLA7UYJZgeGGMvlmiRKLyQtQoVkn8E7IYfUFQxEQMojKdMeqiiwtoEJSoLwQT/4NjlSlqABnqEgyyJUpUXJy4OBXUuXWr7a7n9+k9T/vsbO3V9m7bsV/2W3vX9tL79Pv7Pr/nuTOaADQjHcYDwGUhoPVioH4xEDZw8oTFv48A8yDQy82HWoAd9m6g4nL+288krCsJ6AM+rfsRCMX55Fz5rpMh36NIvuB5VwBnMG9ZBAyRy+dp9TTZIOuYPXxztfjAGDPJXCQz6NHJ3Ms8hRkWUOw0+XApq6wrJN+3kVktX4TYSZrYwzzMTAU4j1FIe+T5hrKAIHdtpogMAW4B8wZF1ZCvyjpFO/MsHq/WPkaggpCsNp5yyAFJi3pmROy/1/lhpaaw3H6Xm9SeFTQVdTFPyPNUkLQYlY/3i9dfZW5iCq+uZp7KrGGeyZxLYHX9wPwe4JwLgdlBURF9N/4J0Ebv7eY5HiWgn0Lp6sNf9KEh2IOZYFcjIHU05z9WSEKbyZKrP98e/QIRpLF1A/AYbCBCIKYa8lU02/uOG5ZlwTDydkSGNP0qobJvOQhUAvMC4EWJRmDh68AP3IwxE7ICc0a4cI+VKWFzhJKcEQBIg8AhAvpNdjspp4KKhaTBR0qMBmYASs20lWNqAigZkjpAZnQLQLlBa7YLRrjYg5vBggQ3oIqGFCAluY5pSOWGZAak3MxpJU0rafIryQqIkqycT0uHZMk+yQpIuRX1e4eLEJBp2V13ECD9rXXcBdUUcn9cjHE2+OZUX0MimdR3wDZt3lYwCq0CqJWAsFoy2QlsqgFunKJelOIP3XQ78DI3OV/PKMoqFZJSnFgyqbwEmNMIvDALuGKKlVj8CLD2buAdDZArNbmFZOigKKmZLwH3zAXWGNkl8UkbJDGwD1jxJHBQAhKrAEm3k1y3kJygROmd1kw1XQQ8S0q1kxXQKPDlK8Ad24E+ezMNSCjI+pi5uEyelAuU8KgZAtQyYB7z+Sr7ysKkit+B7Y8AD9Ko/4S9RKvWkawPpYKu8gCSAqXMPF1+c4BZG4BHZwO34V9XZSbEoM1jQMsKeqcsr7gsr9Ruhwdd7REkHZReflXrOeqdBzzFnadPoEEPHgZWPwzsluWlDNp8P4f/XOMhpFzll/apVcAFlPAW1uJ8vwGxlno7gOUvAl87/CfVkcegr/UBkrP8hE9V0pxq1wKt1cB1fgEaBvZvBFZ9CvwiASWVQe/6jxFsiYtjl3zpOpodRsektEcO8Ys2ACvZuD0uFt297qIH2BzeRT8koJ+1IT4NKFrgyjP8UFJUex6xoY8rv3XAwgXs0rnjbA8MOsGRq/E+4A2tQUwbdNQlg4gfSnIAU9cKknJEibUAnfSIJTHgszI3iL92AssI6DW72jIeZEbLvKJT9jtFotlVAwVqhKNK33KgYcAekks+AR60h2SubwUOSEBxZdBRl2tEEwpJgdJUJUpglEoaZN/yRA9wp5m+iPr/gh9sbwJuehs46pyDeQHIM0g5yi8hyyHG/qV9B62AP/1Xxc7g+4Gnb+UI9g1w3DmL9wqQ55DylF9sG3CEhr70D+Atlw3icDcnqCs5T9T8J6n8x0tAvkDK0SYIVY18D5zgHGZNL7DOsuHlaxD76GlLOQfbpfmPAmT58f19u8VP86kxrfyGVwNb9wI3J+1Z+rhgPR14jqW5BeiGfYuMPsRbfn133++DlCen2oQ0qGeArs1sE4aANqEqvjjAtnk9G8SGfUC/w6AtPwGVvZksJiLZ6UyFnCSrrMB4kAlt9Cr7dQg3zWQYExTKpyIZb86UYQjaFRo1g/BbPeWe4Jble2jrUEZ21Hd/e4yX8Y8AAwAgxgpXfOc/eQAAAABJRU5ErkJggg==);
    width: 74px;
    height: 43px;
    line-height: 32px;
    z-index: 1;
    text-align: center;
}
.item_label .image_auto span {
    font-size: 16px;
    color: yellow;
    font-weight: 600;
    margin-bottom: 20px;
}
/* 闪光字 */
.tophotgame{
    background: -webkit-gradient(linear,left top,right top,from(#ffae12),to(#fb0555));
    background: linear-gradient(left,#ffae12,#fb0555);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: scratchy .5s linear infinite forwards;
    animation: scratchy .5s linear infinite forwards;
}
@-webkit-keyframes scratchy {
    0% {
        background-position: 0 0
    }

    25% {
        background-position: 50 50
    }

    26% {
        background-position: 100px -100px
    }

    50% {
        background-position: 150px -150px
    }

    51% {
        background-position: 200px -200px
    }

    75% {
        background-position: 250px -250px
    }

    76% {
        background-position: 300px -300px
    }

    99% {
        background-position: 400px -400px
    }

    to {
        background-position: 0 0
    }
}

@keyframes scratchy {
    0% {
        background-position: 0 0
    }

    25% {
        background-position: 50 50
    }

    26% {
        background-position: 100px -100px
    }

    50% {
        background-position: 150px -150px
    }

    51% {
        background-position: 200px -200px
    }

    75% {
        background-position: 250px -250px
    }

    76% {
        background-position: 300px -300px
    }

    99% {
        background-position: 400px -400px
    }

    to {
        background-position: 0 0
    }
}
/* 闪光字END */