*{box-sizing:border-box;margin:0;padding:0;list-style:none;font-style:normal}
html{overflow-x:hidden}
body{font:12px/20px Arial,Helvetica,"Hiragino Sans GB","Microsoft YaHei",sans-serif;color:#333;background:#e6e6fa}
a{text-decoration:none;color:#000}a:hover{text-decoration:underline}img{border:0;vertical-align:top}
.jump-target{cursor:pointer}
.wrapper{min-height:100vh;background:url("iamges/bg_box_411.jpeg") no-repeat center top;padding-bottom:118px}
.box,.container{width:960px;margin:0 auto}.box{overflow:hidden;clear:both}
#top{height:119px;position:relative;background:url("iamges/top_411_test.jpeg") no-repeat center top;overflow:visible}
.company{font-size:25px;line-height:80px;font-weight:bold;height:74px}
.menus:before{content:"";position:absolute;top:77px;left:0;width:960px;height:42px;background:#049ed4}
.top-nav{position:relative;z-index:2;top:-42px;width:960px;height:42px;margin:0 auto;display:flex;align-items:center}
.top-nav a{width:160px;margin-left:60px;text-align:center;color:#fff;font-size:16px;line-height:42px}.top-nav a:first-child{margin-left:10px}
.container{position:relative;top:-32px}.main-box{margin-top:5px}
.side-rt{position:absolute;top:185px;right:-80px}.side-rt a{display:block;width:60px;height:60px;margin-top:10px;background:#f9f9f9}.side-rt img{width:100%;height:100%;object-fit:cover}
#imporNews{width:960px;height:325px;overflow:hidden;margin-bottom:11px;display:flex;gap:8px}
.rank-wrap{width:226px;height:325px;flex:none}.orange-title,.sidebar-head{height:28px;line-height:28px;color:#fff;font-weight:bold;text-indent:11px;border-radius:4px;background:url("iamges/sidebar-lt-2.png") no-repeat center/cover}
#rank{width:226px;height:297px;background:url("iamges/rank.png") no-repeat left top/226px 400px;padding-top:0;overflow:hidden}
#rank li{height:50px;line-height:50px;position:relative;width:226px;padding-left:54px}#rank li>a{display:block;width:120px}
#rank li span{position:absolute;right:15px;top:16px;width:30px;height:20px;background:url("iamges/btn-ent.png") no-repeat center;border-radius:6px}
.hero-game{width:170px;height:325px;overflow:hidden;flex:none}.hero-game dt{width:170px;height:226px;overflow:hidden}.hero-game dt img{width:170px;height:226px;object-fit:cover}
.hero-game dd{width:170px;height:99px;padding:4px 10px 0;background:url("iamges/dd.jpeg") no-repeat left top;background-size:100% 100%}.hero-game dd p{height:57px;line-height:20px;margin-bottom:5px;color:#000}
.start{display:block;width:88px;height:24px;margin:0 auto;background:url("iamges/start.jpeg") no-repeat left -24px;text-indent:-9999px}.start:hover{background-position:left top}
#leftSideBar{width:225px;float:left;margin-right:11px;height:359px}.sidebar-head{width:225px}
.server-list{margin-top:13px;height:317px;background:#fff;border:1px solid #e9e9e9}.server-list li{padding:10px 5px;cursor:pointer}.server-line{height:22px;white-space:nowrap}.hot-icon{display:inline-block;vertical-align:middle;width:16px;height:16px;background:url("iamges/i-s-hot.gif") no-repeat center}.server-line strong{display:inline-block;width:145px;overflow:hidden;vertical-align:middle}.server-line>a{color:#ff7f00;font-size:13px;font-weight:bold}
.server-detail{display:none;height:149px;padding:5px 6px 0;position:relative}.server-list li.active .server-detail{display:block}.server-detail img{float:left;width:112px;height:143px;margin:4px 13px 0 0}.server-detail h4{font-size:14px;margin-top:4px}.mini-start{position:absolute;left:131px;bottom:6px;width:65px;height:25px;line-height:25px;text-align:center;border-radius:4px;color:#fff;background:#ffa500}
#rightSideBar{width:724px;float:left;overflow:hidden}.recommend-title{width:724px;height:28px;line-height:28px;padding-left:50px;margin-bottom:13px;background:url("iamges/topnew_test.jpeg")}.recommend-title span{font-weight:bold;color:#111}
.cards{display:grid;grid-template-columns:358px 358px;gap:13px 8px}.game-card{width:358px;height:153px;padding:9px 0 0 8px;display:flex;background-image:url("iamges/status.jpeg")}.game-card.pre{background-position:-358px 0}.game-card.new{background-position:0 -153px}.game-card.hw{background-position:-358px -153px}
.game-card>img{width:177px;height:129px;object-fit:cover}.game-card>div{width:156px;height:144px;overflow:hidden}.game-card h4{height:28px;line-height:28px;margin:5px 0;color:#c63800;font-size:14px}.game-card p{height:60px;line-height:20px;color:#333;overflow:hidden}.game-card p span{color:#7d7d7d}
.enter-game{display:block;width:115px;height:30px;margin:3px 0 0 35px;background:url("iamges/button.jpeg") no-repeat left top;text-indent:-9999px}.enter-game:hover{background-position:left -30px}
#foot{position:fixed;z-index:5;left:0;bottom:0;width:100%;height:105px;padding-top:25px;text-align:center;color:#464646;background:url("iamges/foot.jpeg") repeat-x}#foot p{margin:2px 0;line-height:18px}#foot a{color:#000}
@media(max-width:1040px){.side-rt{display:none}}
@media(max-width:980px){body{min-width:960px}.top-nav,.box,.container,#top{width:960px}}