.mainPage { min-width:1870px; background:#141414; }
.mainPage #header { background:linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 20%, rgba(0, 0, 0, 0.01) 100%); box-shadow: none; min-width:1280px; }
.mainPage #container{ min-width:1280px; width:100%; margin:0; padding:0; }
.mainPage #container #content { width:100%;padding:0; background:#141414; border-radius:0; }

.mainBanner { overflow:hidden; position:relative; background:url(https://i.imgur.com/LjQABoC.jpg) no-repeat; background-size: 100%; }
.mainBanner .mainBg { position:absolute; left:0; right:0; top:0; bottom:0; background:url(https://i.imgur.com/Clg0NiG.png) no-repeat; background-size: cover; }
.mainBanner .bannerInfo { z-index:2; position:absolute; top:295px; left:160px; }
.mainBanner .bannerInfo .title { margin:0 0 80px; }
.mainBanner .bannerInfo h3 { position:relative; padding:0 0 0 13px; font-size:41px; color:#ffffff; margin:0 0 30px; font-weight:600; }
.mainBanner .bannerInfo h3:before { content:""; position:absolute; left:0; top:5px; width:5px; height:36px; background:#e00a15; }
.mainBanner .bannerInfo p { color:#fff; line-height:1.5; font-size:22px; }
.mainBanner #video { width:100%; }
.mainBanner .video-gradation {
    width: 100%;
    height: 50px;
    position: absolute;
    z-index: 0;
    background: linear-gradient(transparent,#141414);
    bottom: 0;
    right: 0;
    left: 0;
}


.gameArea { position:relative; z-index:1; margin:-100px 60px 0; }
.gameArea .gameTitle{ color:#fff; font-size:28px; margin:0 0 20px; }
.gameArea .gameTitle .iconfont { color:#e00a15; font-size:30px; vertical-align: middle; }
.gameArea ul { margin-right:-12px; margin-bottom:30px; display:block; font-size:0; }
.gameArea ul li { padding:0 12px 10px 0; display:inline-block; width:290px; }
.gameArea ul li a { position:relative; display:block; border:1px solid #343434; border-radius:7px; overflow:hidden; }
.gameArea ul li a img{ width:100%; }
.gameArea ul li a p{ display:none; position:absolute; bottom:0; left:0; right:0; font-size:14px; color:#ffffff; height:50px; line-height:50px; text-align: center; background:linear-gradient(to top, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0.01) 100%) }
.gameArea ul li a:hover { border:1px solid #e00a15; box-shadow:0 0 30px #e00a15 ; }
.gameArea ul li a:hover p { display:block; }

.mainQuick { position:fixed; right:40px; bottom:40px; width:260px; z-index:100; }
.mainQuick .bannerArea { /*border:2px solid #e00a15; border-radius:10px; overflow:hidden;*/ }