@charset "utf-8";
#container.mainContent { margin:20px 0 0;  }
#container.mainContent #content { width:1400px; margin:0 auto; }
#container.mainContent #content .gameWrap { margin:-30px 0 0 0px; width:1402px; border:1px solid #1a4969; background:rgb(22,26,29,0.8); }
#container.mainContent #content .gameWrap { padding:35px 30px; }
#container.mainContent #content .gameWrap h3 { margin:0 0 20px 2px; font-size:21px; color:#fff; font-family:"a3"; }
#container.mainContent #content .gameWrap .leftMenu { float:left; width:1020px; }
#container.mainContent #content .gameWrap .leftMenu ul li { padding:0 25px 0 0; }
#container.mainContent #content .gameWrap .leftMenu ul li a { display:block; background:#303539; border-radius:20px; }
#container.mainContent #content .gameWrap .leftMenu ul li .thumb { position:relative; height:180px; }
#container.mainContent #content .gameWrap .leftMenu ul li .thumb span { display:block; height:180px; overflow:hidden; }
#container.mainContent #content .gameWrap .leftMenu ul li .thumb img { transition:all 0.5s; }
#container.mainContent #content .gameWrap .leftMenu ul li:hover .thumb img { transform: scale(1.1); }
#container.mainContent #content .gameWrap .leftMenu ul li .thumb .iconfont{ position:absolute; bottom:-32px; right:20px; width:62px; height:62px; background:url(/images/main/thumb_bg.png) no-repeat; text-align:center; line-height:62px; color:#fff; font-size:22px; }
#container.mainContent #content .gameWrap .leftMenu ul li .name { color:#fff; font-family:"a3"; font-size:21px; margin:20px 0 13px; padding:0 25px; }
#container.mainContent #content .gameWrap .leftMenu ul li .engName { color:#7d8184; font-size:14px; padding:0 25px 22px; }

#container.mainContent #content .gameWrap .menuRight {float:right;width:calc(100% - 1020px);margin: 46px 0 0 0;}
#container.mainContent #content .gameWrap .menuRight ul li a {display:block;position:relative;height:125px;background:#f72c2c;padding:0 0 0 215px;margin: 19px 0 0;border-radius:20px;}
#container.mainContent #content .gameWrap .menuRight ul li a .thumb {position:absolute;left:30px;top: -18px; transition:all 0.5s;}
#container.mainContent #content .gameWrap .menuRight ul li a p.name {color:#fff;font-family:"a3";padding: 45px 0 8px;font-size:21px;}
#container.mainContent #content .gameWrap .menuRight ul li a p.engName { color:#f3bfbf; font-size:14px;}
#container.mainContent #content .gameWrap .menuRight ul li a.red { margin:0; }
#container.mainContent #content .gameWrap .menuRight ul li a.blue { background:#1e4691; }
#container.mainContent #content .gameWrap .menuRight ul li a.blue .thumb {
    top:13px;
}
#container.mainContent #content .gameWrap .menuRight ul li a.blue p.engName { color:#9198a4; }

#container.mainContent #content .gameWrap .menuRight ul li:hover a .thumb { left:40px; }

#container .boardArea .inner {margin: 0 0 0 -25px;padding:0;}
#container .boardArea .inner > div { float:left; width: calc((100% - 360px) / 2 - 20px); margin:0 0 0 20px; border-radius:22px; overflow:hidden; }
#container .boardArea .inner .bank,
#container .boardArea .inner .board { width:320px; }
#container .boardArea .inner .bank .wrap { height:250px; overflow:hidden; }
#container .boardArea .inner > div h4.title {height: 55px;line-height: 55px;color:#fff;font-size: 20px;padding: 0 20px;font-family: "a3";background: linear-gradient(#5a5a5a, #202020);}
#container .boardArea .inner > div h4.title .iconfont {
    font-size: 27px;
    background: #ffffff;
    -webkit-background-clip: text;
    color: transparent;
    vertical-align: -4px;
}
#container .boardArea .inner > div ul {padding:0 20px;height: 250px;overflow:hidden;background: #303539;}
#container .boardArea .inner > div ul li {height:50px;padding:0 10px;line-height:50px;color: #fff;border-bottom: 1px solid #44484c;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:transparent;border-radius: 0;float:none;box-sizing: border-box;}
#container .boardArea .inner > div ul li a {display:inline-block;width: 195px;border-radius: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#container .boardArea .inner > div ul li a:hover { text-decoration: underline; }

#container .boardArea .inner .event h4.title .iconfont { vertical-align: -3px; }
#container .boardArea .inner .bank h4.title .iconfont {font-size: 27px;vertical-align: -5px;}
#container .boardArea .inner > div ul li strong {display:inline-block;color: #fff;font-size: 14px;vertical-align: top;}
#container .boardArea .inner > div.board ul li strong { color:#f72c2c }
#container .boardArea .inner > div.board.event ul li strong { color:#3d7ef8 }

#container .boardArea .inner .bank ul li { padding:0 10px; font-size:0; box-sizing: border-box;}
#container .boardArea .inner .bank span { display:inline-block; width:30%;font-size:14px; width:calc(100% - 165px); text-align: center;}
#container .boardArea .inner .bank .user { color:#fbd35e; }
#container .boardArea .inner .bank span.date { width:60px; }
#container .boardArea .inner .bank strong { float:right; width:105px; text-align: right; font-size:14px; }

#container .boardArea {margin-bottom:0;margin-top: 40px;}

@media screen and (max-width:1550px){
	#container .mainBanner img { width:100% }
}


.pop{position: fixed;top:10%;left:0;right:0;z-index: 102;background: #fff;border: 2px solid #1f4691;display:none;}
.pop .cont{font-size: 14px;line-height: 1.5;}
.pop-bt{background: #030303;height: 40px;line-height: 40px;padding: 0 10px;overflow: hidden;border: 2px solid #1f4691;border-top: 0;margin: 0 -2px;}
.pop-bt label{float:left;font-weight:500;color: #dadada;font-size:13px;}
.pop-bt a.pop-close{float:right;font-weight:500;color: #fff;font-size: 13px;}


#pop1 { left: 350px; top: 150px;}
#pop2 { left: 770px; top: 150px;}
#pop3 { left: 1200px; top: 150px;}