@charset "UTF-8";
* { box-sizing: border-box; }

.sidebar-sprite, #getCard, #getCard:hover, #serverList .header h2, #serviceCenter .header h2, a#fcm, .playButton, .playButton:hover, #loginLayout #user #loginButton, #loginLayout #user #loginButton:hover, #loginLayout .qq-icon, #registerBanner a, #registerBanner a:hover, #loggedLayout #otherServers #popupServers, #loggedLayout #otherServers #popupServers:hover { background-image: url('../imgs/sidebar.png'); background-repeat: no-repeat; }

.sprite-sprite, #header .menu-item-3 a, #header .menu-item-3 a:hover, #header .current-menu-item a, #header .menu-item a:hover, #header .menu-item-5 a, #header .menu-item-5 a:hover, #header .menu-item-4 a, #header .menu-item-4 a:hover, #activities .header h2, #news .header h2, #popupChooseServer .close, #popupChooseServer .close:hover, .widget .header .addition, #header #otherGames .button, #header #otherGames .button:hover { background-image: url('../imgs/sprite.png'); background-repeat: no-repeat; }

.hide { display: none; }

.float-left { float: left; }

.float-right { float: right; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.hide-text { text-indent: -9999px; }

.no-break { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

body { color: #75593f; background-color: #d1d4be; }

input { border: none; }

a { color: #3d6559; }

strong { font-weight: bold; }

a:hover { color: #70902a; text-decoration: none; }

#header { height: 74px; width: 928px; margin-top: 321px; background-image: url('../imgs/bg_header.png?1463109032'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: auto; }

#body { width: 906px; background: url(../imgs/mid.png) center top repeat-y; padding: 11px 75px 0 75px; }

#footer { position: relative; width: 900px; padding: 68px 78px 40px 78px; height: 70px; background: url(../imgs/bg_foot.png) center 0 no-repeat; }

#footer .logo { margin-top: 5px; background: transparent url(https://web.xdcdn.net/xd/imgs/xdlogo/game_footer_black.png?v2) no-repeat center center; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://web.xdcdn.net/game/xxd/imgs/index/v2/footer_logo_xd.png'); width: 140px; }

#footer .logo-other { width: 134px; height: 53px; background-image: url('../imgs/funny.png?1463109032'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: auto; margin-left: 18px; }

/*** 导航 ***/
#header .menu-item a { font-size: 14px; line-height: 35px; color: #ffffff; margin-right: 0px; margin-left: 18px; margin-top: 25px; }

#header .menu-item a { width: 110px; height: 48px; text-indent: -9999px; display: block; }

#header .menu-item-3 a { background-position: 0 -446px; }
#header .menu-item-3 a:hover, #header .menu-item-3 a.sy-hover { background-position: 0 -396px; }
#header .menu-item-3 a:hover { background-position: 0 -396px; }

#header .current-menu-item a, #header .menu-item a:hover { background-position: 0 -396px; }

#header .menu-item-5 a { background-position: 0 -254px; }
#header .menu-item-5 a:hover, #header .menu-item-5 a.lt-hover { background-position: 0 -204px; }
#header .menu-item-5 a:hover { background-position: 0 -204px; }

#header .menu-item-4 a { background-position: 0 -154px; }
#header .menu-item-4 a:hover, #header .menu-item-4 a.cz-hover { background-position: 0 -104px; }
#header .menu-item-4 a:hover { background-position: 0 -104px; }

#sidebar { width: 246px; padding: 0px 15px 0 15px; position: relative; }

.log { width: 243px; height: 200px; position: relative; background: #ffffff; border: 1px solid #ebe9e0; margin-bottom: 10px; }

.logging { background: #ffffff; padding: 0px; margin-bottom: 5px; }

.logging img { padding-top: 20px; }

#loginLayout { margin-bottom: 5px; }

#loggedLayout { color: #d28234; padding: 0px; margin-bottom: 5px; height: 155px; position: relative; }
#loggedLayout p { padding-left: 10px; }
#loggedLayout .welcome { padding-top: 15px; }

#getCard { width: 235px; height: 37px; display: block; top: 159px; left: 4px; background-position: 0 -549px; text-indent: -9999px; position: absolute; }
#getCard:hover, #getCard.xsk-hover { background-position: 0 -510px; }
#getCard:hover { background-position: 0 -510px; }

#mainLayout { width: 628px; }

#mainLayout .half { width: 308px; }

#adShow { height: 180px; border: 1px solid #afa7a0; }

#news.index_news { height: 180px; }

/*** 控件 ***/
.widget { background-color: #ffffff; border-left: none; border-top: none; border-right: none; border-bottom: none; overflow: hidden; }

.block { background-color: transparent; border-left: none; border-top: none; border-right: none; border-bottom: none; overflow: hidden; }

.widget .body { border-top: none; }
.widget .body h1 { color: #70902a; }
.widget .body .detail .time { color: #70902a; }

.widget .header { height: 33px; line-height: 33px; background: #ffffff; border-bottom: none; padding-top: 1px; position: relative; }

.dif-padding .header { padding-left: 20px !important; }

.currentposition { position: absolute; top: 0px; right: 30px; color: #de2515; }
.currentposition a { color: #de2515; }
.currentposition a:hover { color: #f4634a; }

#news { background: #ffffff; }

#serverList .header h2, #weiboList .header h2, #serviceCenter .header h2, #news .header h2, #gallery .header h2, #screenshot .header h2, #activities .header h2 { height: 20px; padding-left: 0; text-indent: -9999px; margin: 6.5px 0px 0px 5px; }

#serviceCenter { border: 1px solid #ebe9e0; }

#activities { border: 1px solid #ebe9e0; }

.no-border { border: none !important; }

#activities .header h2 { width: 120px; background-position: 0 -496px; }

#serverList { border: 1px solid #ebe9e0; background: #ffffff; }

#serverList .header h2 { width: 150px; background-position: 0 -308px; margin-left: 0px; }

#serverList .header { margin: 0 10px; border-bottom: 1px dashed #d28234; }

#weiboList .header h2 { background-position: 0px -34px; }

#serviceCenter .header h2 { background-position: 0 -268px; margin-left: 11px; }

#news.half .body li a { width: 245px; }
#news.half .body li a:hover { color: #70902a; }

#news .header h2 { width: 120px; height: 20px; background-position: 0 -318px; margin: 6.5px 0px 0px 5px; }

#gallery .header h2 { background-position: 0px -68px; }

#screenshot .header h2 { background-position: -123px -34px; }

a#fcm { height: 50px; width: 244px; background-position: 0 -216px; }

#weiboList .body { border: 1px solid #c6b28d; background-color: #dfcfb2; }

#serviceCenter .body .section { padding-bottom: 10px; border-bottom: 1px dashed #d28234; }

/* ====== 登陆框 ===== */
/* 登陆前 */
#captchaInput { width: 139px; }

#captchaInput label { width: 40px; }

#captchaInput input, #loginLayout #user ul li input { width: 95px; padding: 5px 0; margin: 0; background: #ebe6d9; color: #000000; }

#captchaInput label, #loginLayout #user ul li label { color: #000000; }

#captchaInput input { width: 60px; }

#login_authkey_img { left: 150px; height: 26px; }

#playArea { padding-bottom: 20px; border-bottom: 1px solid #110b0a; }

#user { border-top: none; padding: 12px 8px 12px 8px; color: #d28234; }

.playButton { width: 240px; height: 88px; margin: 0 auto 10px; background-position: 0 -420px; }
.playButton:hover, .playButton.start-hover { background-position: 0 -330px; }

.playButton:hover { background-position: 0 -330px; }

#loginLayout #user ul { width: 140px; }

#loginLayout #user #loginButton { _border: 0 solid #fff; width: 79px; height: 67px; background-position: 0 -69px; }
#loginLayout #user #loginButton:hover, #loginLayout #user #loginButton.dl-hover { background-position: 0 0; }
#loginLayout #user #loginButton:hover { background-position: 0 0; }

#loginLayout .forgetpsd { padding-left: 20px; }

#loginLayout .qq-icon { display: inline-block; width: 15px; height: 16px; margin-right: 4px; background-position: 0 -290px; }

#registerBanner { margin-bottom: 10px; }

#registerBanner a { width: 220px; height: 30px; background-position: 0 -620px; margin-left: 3px; }
#registerBanner a:hover, #registerBanner a.zc-hover { background-position: 0 -588px; }
#registerBanner a:hover { background-position: 0 -588px; }

/* 登陆后 */
#loggedLayout #otherServers { position: absolute; border-top: 1px dashed #d28234; padding: 10px 0px 0px 0px; top: 105px; left: 4px; width: 235px; }
#loggedLayout #otherServers #popupServers { width: 235px; height: 37px; display: block; text-indent: -9999px; position: absolute; background-position: 0 -177px; text-align: left; }
#loggedLayout #otherServers #popupServers:hover, #loggedLayout #otherServers #popupServers.fwq-hover { background-position: 0 -138px; }
#loggedLayout #otherServers #popupServers:hover { background-position: 0 -138px; }

#popupChooseServer { width: 350px; }
#popupChooseServer .close { width: 50px; height: 50px; background-position: 0 -52px; cursor: pointer; margin-left: 305px; }
#popupChooseServer .close:hover, #popupChooseServer .close.close-hover { background-position: 0 0; }
#popupChooseServer .close:hover { background-position: 0 0; }
#popupChooseServer .bg-header { width: 100%; height: 26px; background-image: url('../imgs/tc1.png?1463109032'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: auto; margin-top: -36px; }
#popupChooseServer .bg-body { width: 100%; background-image: url('../imgs/tc2.png?1463109032'); background-repeat: repeat; background-position: 0 0; background-color: transparent; background-size: auto; }
#popupChooseServer .bg-body .body-content { padding: 10px 20px; }
#popupChooseServer .bg-footer { width: 100%; background-image: url('../imgs/tc3.png?1463109032'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: auto; height: 26px; }

#popupChooseServer h2 { margin: 0; padding: 0; }

#popupChooseServer a { width: 140px; display: inline-block; margin: 0 5px; color: #000000; }
#popupChooseServer a:hover { color: #95aa6d; }

#popupChooseServer .item-list { background: rgba(255, 255, 255, 0.5); border-radius: 5px; border: 1px solid #dbdbd9; margin-bottom: 7px; }

.fancybox-bg { display: none; }

#fancybox-outer { background: none !important; }

#fancybox-close { display: none !important; }

/* ====== 细节====== */
#leaderBoard { background-color: #dfcfb2; border: 1px solid #c6b28d; width: 218px; margin: 0 auto 10px; }

#leaderBoard .header { height: 30px; line-height: 30px; background-image: none; }

#leaderBoard .header a { background-color: #faf8f0; color: #3d6559; font-weight: bold; }

#leaderBoard .header a.active { background-color: #dfcfb2; }

#leaderBoard .header a:hover { color: #f54d24; }

#leaderBoard .choose_server { border-bottom: 1px dashed #d28234; }

#leaderBoard .choose_server select { width: 135px; }

#leaderBoard .body { padding-bottom: 5px; }

#leaderBoard .choose_server, #leaderBoard .body li.head { color: #d28234; }

#leaderBoard .body li { background-color: #faf8f0; margin-bottom: 7px; }

#downslogan { clear: both; color: #848484; text-align: center; padding-top: 200px; }

#beforesummary, #aftersummary { display: none; }

#summary { padding: 14px; margin-bottom: 10px; border: 1px solid #c6b28d; background: #dfcfb2; }

/* ====== 列表 ===== */
#news ul.body li span { color: #575757; }

#category .widget ul.body li span { top: 0; }

#category .widget ul.body li { border-bottom: 1px dashed #d28234; }

#serverList .body li span { color: #b74224; }

#serverList .body li, #news ul li { border-bottom: 1px dashed #d28234; height: 27px; line-height: 27px; }

.widget .header h2 { color: #a1845f; font-size: 14px; }

.widget .header .addition { text-indent: -9999px; width: 44px; height: 12px; background-position: 0 -304px; text-align: left; top: 10px; }

#activities ul.body li h3 { background-color: #deecc4; line-height: 30px; padding: 0 10px; }

#activities ul.body li h3 span { color: #3d6559; }
#activities ul.body li h3 span:hover { color: #70902a; }

#activities ul.body li .content { background-color: #ffffff; }

#gallery ul.body, #screenshot ul.body { padding-top: 0px; }

#gallery ul.body li, #screenshot ul.body li { border: 1px solid #6d5f4f; }

#gallery ul.body li a, #screenshot ul.body li a { width: 137px; height: 98px; }

#article .detail { border-bottom: none; }

#header #otherGames ul li { color: #d28234; border-bottom: 1px solid #000000; _white-space: nowrap; padding: 0px 4px; }

#marqueeControll a { background: #36251f; }

#marqueeControll a.selected { background: #E47C15; color: #503126; }

#header #otherGames { top: 29px; right: 20px; }

#header #otherGames .button { width: 96px; height: 26px; background-position: 0 -368px; }
#header #otherGames .button:hover, #header #otherGames .button.other-hover { background-position: 0 -340px; }
#header #otherGames .button:hover { background-position: 0 -340px; }

#header #otherGames ul { background: #ffffff; margin: 0px; }

#header #otherGames ul li { border-bottom-color: #ebe9e0; text-align: left; margin: 0 4px; }

#header #otherGames ul li a { color: #301611; }

#header #otherGames ul li a:hover { color: #fb6244; }

#weiboList ul li { border-bottom: 1px dashed #32170E; }

#unityRequired { padding: 5px 0; margin-top: 10px; line-height: 35px; border-top: 1px dashed #d28234; border-bottom: 1px dashed #d28234; color: #d28234; }

#unityRequired span { float: left; }

#unityRequired a { float: right; background: transparent url(../imgs/btn.jpg) 0px -312px; width: 91px; height: 34px; vertical-align: middle; display: inline-block; *zoom: 1; }

#unityRequired a:hover { background-position: -91px -312px; }

#weiboList ul li a { color: #a1845f; }

#weiboList ul li a:hover { color: #e47c15; }

#gallery_category .body, #category .widget ul.body, #article .body { padding: 10px 30px 24px; }

.dif-border { border: 1px solid  #ebe9e0; }

#gallery_category .body, #category .widget ul.body { border-bottom: 0; }

#gallery_category .body { padding: 10px; }

#category .widget ul.body li { line-height: 32px; height: 32px; }

#category .widget .header .addition, #article .widget .header .addition, #gallery_category .widget .header .addition { color: #d28234; }

#container .cell { border: solid #cccbb2; background: #fff; border-width: 0 1px 1px; display: inline-block; padding: 3px; margin-bottom: 9px; box-shadow: 0 1px 2px #cccbb2; _padding-bottom: 3px; _font-size: 0; }

#container .cell img { width: 134px; }

#mainLayout .pagination { margin-top: 0; text-align: center; background-color: #ffffff; padding-bottom: 50px; }

.wp-pagenavi span, .wp-pagenavi a { display: inline-block; width: 2em; }

.wp-pagenavi span.current { color: #70902a; }