html{ overflow-x: hidden; } 
body {font-family: 微软雅黑,Arial;position: relative;min-height: 100vh;} 
.navigation-head { background-color: #262626; z-index: 5; position: relative; color: #fff; } 
.nav-container { display: flex; max-width: 1600px; margin: auto; justify-content: space-between; padding: 0 20px; } 
.layui-nav-container { background-color: transparent; } 
.Large-container-navigation .nav-menu .layui-nav-item>a { padding: 0; padding-right: 25px; line-height: 50px;font-size:14px; color:#fff;} 
.Large-container-navigation .layui-nav-child { top: 50px; padding: 0; width:120px;} 
.Large-container-navigation .layui-nav-child dd { border-bottom: 1px solid #b9b9b9; } 
.Large-container-navigation .layui-nav-child dd:last-child { border-bottom: none; } 
.Large-container-navigation .nav-menu .layui-nav-item dl dd>a { padding: 0 5px; } 
.Large-container-navigation .nav-menu .layui-nav-item dl dd>a:hover { background-color: #999; } 
.brand-info { display: flex; align-items: center; gap: 5px; } 
.brand-info .layui-nav-item>a>i {display: none;} 
.brand-icon { width: 20px; } 
.Large-container-navigation { position: fixed; z-index: 999; top: 0; width: 100%;} 
.Large-container-navigation a { color: #fff; } 
.Large-container-navigation img { width: 100%; } 
.Large-container-navigation .cenitem a, .Large-container-navigation .layui-nav a { padding: 0 25px; font-size: 15px; cursor: pointer; } 
.navigation-centre { display: flex; max-width: 1600px; margin: auto; padding: 20px 20px; } 
.navigation-top { background-color: #fff; position: relative; z-index: 2;box-shadow:0 2px 2px rgba(0,0,0,.1); } 
.logo-box {  display: flex; align-items: center; } 
.logo-box #logo { width: 260px; } 
.kind-box { margin: auto; } 
.kind-box #cenitem { background: transparent; color: #000; } 
.kind-box #cenitem .gaming { opacity: 0.8; } 
.region-box { display: flex; gap: 1rem; } 
.region-box .layui-nav { margin: auto; background-color: transparent; } 
.region-box .layui-nav .layui-nav-child dd a:hover { background-color: #c5c5c5; } 
.region-box .layui-nav .layui-nav-child dd a { text-align: center; } 
.region-box .search { font-size: 24px; margin: auto; color: #fff; mix-blend-mode: difference; cursor: pointer; } 
.Large-container-navigation .layui-nav .layui-this:after, .layui-nav-bar { background-color: #FF0013; } 
.Large-container-navigation .dropMenus { position: relative; z-index: 1; } 
.Large-container-navigation .dropMenus #dropMenu { position: absolute; width: 100%; overflow: hidden; transform: translateY(-100%); transition: 0.5s ease-out; background-color: #ffffff; box-shadow: 0 2px 2px rgba(0,0,0,.1); } 
.Large-container-navigation .dropMenus #dropMenu .type-box { display: none; } 
.Large-container-navigation .dropMenus #dropMenu ul-1 { display: flex; justify-content: flex-start; flex-wrap: wrap; min-height: 200px; width: 720px; margin: auto; padding-left: 70px; } 
.Large-container-navigation .dropMenus #dropMenu ul li img { width: auto; height: 55px; } 
.Large-container-navigation .dropMenus #dropMenu ul li p { color: #000; } 
.search-box-container { position: absolute; width: 100%; display: flex; height: 100px; background-color: #ffffff; top: -100%; right: 0; transition: all 0.5S ease-in-out; } 
.search-centre {display: flex;align-items: center;max-width: 1600px;width: 100%;margin: auto;padding: 0 15px;gap: 10px;} 
.search-box { display: flex; flex-grow: 1; align-items: center; gap: 20px; background-color: #ffffff; padding: 0 15px; border-radius: 10px; border: 1px solid #e9e9e9; } 
/* search-input 样式 */ 
.search-input {flex-grow: 1;} 
.search-input input {width: 100%;padding: 15px 5px;border: none;font-size: 16px;background-color: transparent !important;} 
.search-input input:focus { background-color: transparent; border-color: transparent; outline: none; } 
.search-button button { border: none; background-color: transparent; cursor: pointer; } 
.search-centre i { color: #000; } 
.search-button i { font-size: 28px; } 
/* search-close 样式 */ 
.search-close {margin-left: 10px;cursor: pointer;display: flex;} 
.search-close i { font-size: 32px; font-weight: bold; } 
.type-box .type {max-width: 1000px;margin: 50px auto;display: grid;gap: 3rem 0rem;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));} 
.type-box .type-img { margin-bottom: 15px; } 
.type-box .type-title { margin: 15px 0; } 
.type-box .type-title p {font-size: 18px;text-transform1: uppercase;font-weight1: bold;} 
.type-box .type-title a p span,.type-box .type-particular a p span { background: linear-gradient(to right, #FF0013, #FF0013) no-repeat right bottom; background-size: 0 2px; padding-bottom: 4px; transition: background-size 800ms cubic-bezier(0.04, 0.13, 0.25, 1); } 
.type-box .type-particular { margin: 10px 0; } 
.type-box .type-particular a p { line-height: 18px; } 
.type-box .type-particular a p span { color: #6e6e6e !important; } 
.type-box .type-title a p span:hover { background-position-x: left; background-size: 100% 2px; } 
.type-box .type-particular a p span:hover { background-position-x: left; background-size: 100% 2px; }
#placeholder{height: 150px !important;}


/* 移动端导航 */
#more-window{height: 100%;}
.layui-layer-title img{width: 120px;}
.nav-container-more-window{ display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.more-window-ul-li img{width: 100%;max-width: 120px;margin: 10px auto;} 
.Small-screen-navigation {display: none;background-color: #262626;} 
.Small-screen-navigation img{ width: 100%; } 
.Small-screen-navigation .Small-container-navigation{position: fixed;width: 100%;background-color: #262626;} 
.Small-screen-navigation .Small-screen-menu{display: flex;justify-content: space-between;flex-wrap: nowrap;padding: 0 20px;height: 60px;} 
.Small-screen-navigation .Small-screen-more{width: 20px;display: flex;align-items: center;} 
.Small-screen-navigation .Small-screen-more img{ cursor: pointer; } 
.Small-screen-navigation .Small-screen-logo{width: 135px;margin: auto;} 
.Small-screen-navigation .Small-screen-search{ display: flex; align-items: center; } 
.Small-screen-navigation .Small-screen-search i{color: #c3c3c3;font-size: 22px;cursor: pointer;} 
.Small-screen-navigation #Small-screen-search-box{background-color: #ffffff;position: absolute;width: 100%;top: -110%;transition: all 0.3S ease-in-out;box-shadow: 0 2px 2px rgba(0,0,0,.1);} 
.Small-screen-navigation .Small-search-box-container{padding: 10px 20px;} 
.Small-screen-navigation .search-search-close{ margin-left: 10px; cursor: pointer; display: flex; } 
.more-window-ul-li{border-bottom: 1px solid #3D3D3D;padding: 0 15px;cursor: pointer;} 
.more-window-ul-li:hover{background-color: #464646;} 
.more-window-ul-li-div{ display: flex; align-items: center; justify-content: space-between; } 
.more-window-ul-li-div p{color: #d6d6d6;line-height: 60px;font-size: 16px;} 
.more-window-ul-li-icon i{ color: #fff; } 
.more-window-ul-region{display: flex;justify-content: center;gap: 10px;align-items: center;margin: 15px 0;} 
.more-window-ul-region img{ width: 22px; } 
.more-window-ul-region-p{ color: #ffff; }


@media (max-width: 1024px) { 
    #placeholder{height: 60px !important;}
    .Large-screen-navigation { display: none; } 
    .Small-screen-navigation {display: block;position: relative;z-index: 999;} 
    .Small-screen-navigation .search-centre{ padding: 0; } 
    .search-input input{ padding: 10px 5px; } 
    .search-button i{ font-size: 24px; } 
    .search-search-close i{ font-size: 26px; font-weight: bold; } 
    .layui-layer-setwin .layui-layer-close{color: #fff;font-size: 24px;}
    .layui-layer-title {border-bottom: 1px solid #666;color: #fff;text-transform: uppercase;padding: 5px 16px;font-weight: bold;}
    .layui-layer-setwin{top: 24px;right: 26px;}
} 

@media (max-width: 1200px) { 
    .Large-container-navigation .cenitem a, .Large-container-navigation .layui-nav a { padding: 0 15px; } 
} 
@media (max-width: 1400px) { 
    .Large-container-navigation .cenitem a, 
    .Large-container-navigation .layui-nav a { padding: 0 20px; } 
    .Large-container-navigation .brand-info .layui-nav-child { left: -30px; } 
}