.mainWidth{ margin: 0 auto; width: 994px; }
.bigBg{ background: url(img_s/bigbg.jpg) no-repeat top center; }
.zztop{ height: 354px; }
.zzmainContent{ border: 3px solid #E5793B; background: #fff; }

.zztop .zzlogo { width: 73px; height: 40px; top: 8px; left: 30px; }
.zzmainContent .zzc{ }
.zzmainContent .zzc1{ width: 757px; border-right: 1px dashed #EE7D45; position: relative; z-index: 1; }
.zzmainContent .zzc2{ width: 236px; overflow: hidden; }
.zzmainContent .dec01{ background: url(img_d/sp.png) no-repeat -197px 0; width: 126px; height: 114px; top: -46px; right: 192px; z-index: 2; }

.rightModule{ border-bottom: 1px dashed #FEBE92; padding-bottom: 20px; margin: 0 10px; }
.rightModule .tt{ font-size:  24px; text-align: center; font-family: "微软雅黑"; height: 60px; line-height: 60px; }
.rightModule .info{ color: #666; }
.rightModule .info span{ vertical-align: middle; }
.rightModule .info a{ color: #067ecc; }

#pklist{ }
#pklist .zzhead{ height: 106px; }
.w_pkseries .zzhead .tt{ background: url(img_d/sp.png) no-repeat -1px -352px; height: 77px; width: 200px; left: -12px; top: 18px; }
.w_pkseries .zzhead { height: 106px; }
#pkplay{ }
#pkplay .zzbody{ overflow:hidden; position:relative; zoom:1; }

#rule{ background: url(img_s/rule.png) no-repeat; width: 755px; height: 484px; margin-left: -12px; }
#rule ul{ text-indent: -1000000px; }
#xz{ background: url(img_s/xz.png) no-repeat; width: 755px; height: 368px; margin-left: -12px; margin-top: 20px; margin-bottom: 20px; }
.icon_qcoin{ background: url(img_d/sp.png) no-repeat 0px -138px; display: inline-block; width: 18px; height: 18px; vertical-align: middle; margin-right: 3px; }

#irecord{ text-align: center; }
#irecord .w_img{ border: 1px solid #ddd; display: inline-block; margin: 0 40px; padding: 3px; }
#irecord .w_img img{ width: 120px; height: 120px; vertical-align: top; }
#irecord .name{ color: #3163b6; margin-top: 10px; display: inline-block; }
#irecord .createBtn{ background: url(img_d/sp.png) no-repeat 0px -256px; width: 155px; height: 48px; display: block; margin: 0 auto; }
#irecord .createBtn:hover{ background-position: -168px -256px; }
#irecord .state1 .createBtn{ margin-top: 10px; }
#irecord .loginBtn{ color:#067ecc; margin-top: 5px; display: inline-block; }
#irecord .tt{ color: #6fa20a; }
#irecord .state2 { padding: 70px 0 40px; }
#getFund{ text-align: center; }
#getFund .getFund{ background: url(img_d/sp.png) no-repeat 0px -208px; display: block; width: 155px; height: 48px; margin: 10px auto 0; }
#getFund .getFund:hover{ background-position: -168px -208px; }
#getFund .tt{ color: #ff8636; }

#rankBoard{ border: none; }
#rankBoard .tt{ color: #6fa20a; }
#rankBoard .tabs{ }
#rankBoard .tabs span{ border-right: 1px solid #EBAE99; margin: 0 20px; padding: 3px 0; display: inline-block; }
#rankBoard .tabs a{ color: #984712; display: inline-block; text-decoration: none; border-bottom: 2px solid #FFF; }
#rankBoard .tabs a.on{ border-bottom: 2px solid #FF1818; color: #FF1818; }
#rankBoard .tabs a.last{ }

.rankList{ }
.rankItem{ overflow: hidden; margin: 10px 0; width: 100%; }
.rankItem .w_img{ float: left; margin-right: 10px; }
.rankItem .w_img img{ width: 50px; height: 50px; vertical-align: top; }
.rankItem .detail{ float: left; margin-top: 10px; width: 100px;}
.rankItem .detail .l1{ color: #FE0000; }
.rankItem .detail .l1 span{ color: #FC6701; }
.rankItem .detail .l2{ color: #49250F; overflow: hidden;  text-overflow: ellipsis;}


.rankItem .rank{ float: left; background: url(img_d/sp.png) no-repeat 0px -96px; width: 32px; height: 32px; text-align: center; line-height: 32px; font-family: "Tahoma"; font-size: 20px; font-weight: bold; color: #FF6600; margin-top: 10px; margin-right: 10px; }
.rankItem1 .rank{ color: #FC256C; background-position: 0px 0px; }
.rankItem2 .rank{ color: #23BE13; background-position: 0px -32px; }
.rankItem3 .rank{ color: #04A1F3; background-position: 0px -64px; }
.rankItem10 .rank{ font-size: 18px; }


.zfooter { color: #999; text-align: center; font-family: "微软雅黑","黑体"; font-size: 12px; padding: 20px 0; }

.pktBtn{ background: url(img_d/sp.png) no-repeat; position: absolute; width: 80px; height: 38px; top: 32px; right: 90px; z-index: 1; }
#pklist .refreshBtn{ background-position: 0px -487px; width: 119px; }
#pkplay .backBtn{ background-position: 0px -449px; width: 119px; }

#pklist .refreshBtn:hover{ background-position: -168px -487px; }
#pkplay .backBtn:hover{ background-position: -168px -449px; }

.pkList{ text-align: center; margin-top: 20px; }
.pkItem{ display: inline-block; width: 140px; color: #4B2512; }
.pkItem .l1{ display: block; }
.pkItem .l2{ }
.pkItem .w_img,.pkhostItem .w_img
{ display: inline-block; }
.pkItem img,.pkhostItem img
{ vertical-align: top; width: 118px; height: 116px; position: relative; z-index: 1; }
.pkItem .mask,.pkhostItem .mask
{ background: url(img_d/sp.png) no-repeat -46px 0px; position: absolute; top: 0; left: 0; z-index: 2; height: 116px; width: 118px; }
.pkItem .playBtn{ background: url(img_d/sp.png) no-repeat 0px -170px; display: inline-block; width: 119px; height: 38px; margin-top: 5px; }
.pkItem .playBtn:hover{ background-position:-168px -170px; }
.pkItemMe{ width:159px; margin-left: 50px; }
.pkItem .createBtn{ background: url(img_d/sp.png) no-repeat 0px -304px; display: inline-block; width: 159px; height: 38px; margin-top: 5px; }
.pkItem .createBtn:hover{ background-position: -168px -304px; }

.pkpc{ }
.pkpc_1 { width: 158px; border-right: 1px dashed #FEBB90; padding-top: 20px; text-align: center; float: left; padding-bottom: 20000px; margin-bottom: -20000px; }
.pkpc_2{ float: right; width: 598px; zoom:1; }

.pkhostItem p{ text-align: left; margin-left: 10px; font-size: 12px; color:#666; }
.pkhostItem p span{ vertical-align:middle; }
.gameItem{ float: left; text-align: center; }
.gameItem .rstName { font-size: 12px; text-align: center; margin-top: 30px; margin-bottom: 20px; }
.gameItem .whost{ }
.gameItem .whost img{ width: 100px; vertical-align: top; }
.gameItem .vs{ background: url(img_d/sp.png) no-repeat -240px -552px; width: 40px; height: 40px; margin: 0 auto; }
.gameItem .wchallenger{ }
.gameItem .wchallenger img{ vertical-align:top; }
.gameItem .wchallenger .playstate{ background: url(img_d/sp.png) no-repeat; width: 72px; height: 72px; position: absolute; top: 60px; left: 20px; }
.gameItem .wchallenger .playstate_3{ background-position: 0px -536px; }
.gameItem .wchallenger .playstate_1{ background-position: -72px -536px; }
.gameItem .wchallenger .playstate_2{ background-position: -144px -536px; }
.gameItem .w_img{ margin-top: 40px; display: inline-block; }
.gameItem .w_img img{ width: 50px; height: 50px; vertical-align: top; }

.gameBoardCommon{ position: relative; }
.gameBoardCommon .prev,
.gameBoardCommon .next{ background: url(img_d/sp.png) no-repeat; position: absolute; width: 19px; height: 48px; top: 50%; margin-top: -24px; }
.gameBoardCommon .prev{ background-position: -108px -913px; left: 30px; }
.gameBoardCommon .next{ right: 30px; background-position: -89px -913px; }

#gameBoard .zcarousel-list{ width: 500px; }
#gameBoard .zcarousel-cliper{ width: 430px; overflow: hidden; margin: 0 auto; position: relative; }
#gameBoard .gameItem{ width: 110px; }
.gameItem .addBtn{ background: url(img_d/sp.png) no-repeat 0px -641px; width: 79px; height: 77px; display: block; margin: 18px auto 15px; }
.gameItem .addBtn:hover{ background-position: -168px -641px; }


/*弹窗*/
.actcommonpop { text-align: center; border: 2px solid #e57837; background: #fff; color: #d85a0e; padding: 20px 30px 30px; width:440px; font-size: 18px; font-weight: normal; }
.actPlayBoardPop{ width:540px; }
.chooseFriendPop{ width:340px; }
.actcommonpop .close{ background: url(img_d/sp.png) no-repeat -169px -934px; width: 23px; height: 22px; top: 10px; right: 10px; overflow: hidden; }


.actcommonpop .spec{ color:#fff723; }
.actcommonpop .title{ font-size: 18px; text-align: left; color: #d85a0e; border-bottom: 1px dashed #FFBC90; padding-bottom: 12px; font-family: "微软雅黑"; }
.actcommonpop .title span{ vertical:middle; }
.actcommonpop .randomBtn{ background: url(img_d/sp.png) no-repeat 0 -742px; display: inline-block; width: 119px; height: 38px; vertical-align: middle; margin-left: 10px; }
.actcommonpop .randomBtn:hover{ background-position:  -168px -742px; }
.actcommonpop .ctrls{ font-size: 18px; margin-top: 20px; }

.actcommonpop .ctrls .btn{ display: inline-block; height: 38px; vertical-align: top; }
.actcommonpop .ctrls .btn_ok{ background: url(img_d/sp.png) no-repeat 0 -808px; width: 119px; }
.actcommonpop .ctrls .btn_ok:hover{ background-position:-168px -808px; }
.actcommonpop .ctrls .btn_createBtn{ background: url(img_d/sp.png) no-repeat 0 -846px; width: 159px; height: 48px; }
.actcommonpop .ctrls .btn_createBtn:hover{ background-position:-168px -846px; }

.actcommonpop .paragraph{ margin:10px; font-size: 14px; text-align: left; }
.actcommonpop .paragraph a{ color:#6FA20A; }
.actcommonpop .statement{ color: #666; }
.actcommonpop .w_rst .vs { margin: 50px 20px 60px; }
.actcommonpop .w_rst { width: 300px; margin: 19px auto 20px; border: 1px dashed; border-radius: 5px; padding: 0 68px; }

.actcommonpop .choosepopTable{ width: 100%; margin: 20px 0; }
.actcommonpop .choosepopTable td{ border: 1px dashed #E67B3A; height: 146px; overflow: hidden; }
.actcommonpop .choosepopTable .w_img{ display: inline-block; width: 70%; }
.actcommonpop .choosepopTable .w_img:hover{ width:80%; }
.actcommonpop .choosepopTable img{ vertical-align: top; width: 100%; }
#popGameBoard { margin-top: 20px; _zoom:1; }
#popGameBoard .gameItem .addBtn{ margin-bottom: 65px; *margin-top:38px; }
#popGameBoard .gameItem{ padding-top: 20px; width: 110px; }
#popGameBoard .zcarousel-cliper{ margin: 0 auto; overflow: hidden; position: relative; }
#popGameBoard .zcarousel-list{ }
#popGameBoard .playItem{ }
.gameBoardCommon .roundNumb{ background: url(img_d/sp.png) no-repeat 0 -913px; width: 89px; height: 35px; color: #fff; font-size: 14px; line-height: 35px; margin: 50px auto 0; }
#gameBoard .roundNumb{ margin-top: 0; }
.gameItem .selectBtn{ background: url(img_d/sp.png); width: 29px; height: 15px; left: 50%; margin-left: -14px; overflow: hidden; }
.gameItem .selectBtn_prev{ background-position: -135px -913px; top: 0px; }
.gameItem .selectBtn_next{ background-position: -135px -928px; bottom: 58px; }

.gameItem .delBtn{ background: url(img_d/sp.png) no-repeat -169px -913px; width: 21px; height: 21px; top: 20px; right: 0px; display: none; }
.gameItemHover .delBtn{ display: block; }

.actPlayBoardPop  .bordertop{ border-top:1px dashed #FFBC90; padding-top: 7px; }
.actPlayBoardPop .friendChooser{ overflow: hidden; margin-left: 10px; }
.actPlayBoardPop .toSendInvited{ font-size: 14px; float: left; border: 1px solid #65A9DA; border-radius: 3px; padding: 3px; width: 390px; margin-left: 10px; text-align: left; color: #333; }
.actPlayBoardPop .invitedBtn{ background: url(img_d/sp.png) no-repeat 0 -780px; width: 109px; height: 28px; }
.actPlayBoardPop .invitedBtn:hover{ background-position:-168px -780px; }
.friendChooser .empty{ color:#666; text-align: center; }
.friendChooseList { width: 200px; text-align: left; margin: 0 auto; height: 200px; overflow-y: scroll; }
.friendChooseList .chooseFriendItem{ width:80%; font-size: 14px; }
.friendChooseList .chooseFriendItem label{ margin-left:5px; vertical-align:middle; }
.friendChooseList .chooseFriendItem input{ vertical-align:middle; }

/*sidebar*/
body { background-image: url(about:blank); background-attachment: fixed; min-width: 1000px; background-color: #F3EADB; }
.sidebar{ position:fixed; _position:absolute; right:10px; bottom:10px; width:80px; padding-right:62px; height:317px; background:url(img_d/sidebar_p8.png) no-repeat 0 0; _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight) - 10 : document.body.scrollTop + (document.body.clientHeight - this.clientHeight)- 10); z-index: 2; }
.sidebar .sb,.sidebar .sb_t{ display:block; height:63px; margin-bottom:1px; color: #e57837; width: 100%; cursor:pointer; }
.sidebar .sb_t,.sidebar .sb_4{ height:52px; padding-top:10px; line-height:50px; }
.sidebar .sb_1{ height:36px; padding-top:27px; line-height:36px; }

.sidebar .sb_5{ height:52px; padding-top:11px; line-height:52px; }
.sidebar .sb:hover,.sidebar .sb:hover .sb_t{ color: #e57837; text-decoration:none; }
.itemWrap{ top:0; left:0; height:63px; background:url(img_d/sidebar_p8.png) no-repeat -142px -63px; _background-color:#666; }
.sb a{ display:inline; float:left; width:30px; height:30px; margin:17px 0 0 15px; }
.sb .weixin_img{ width: 145px; top: -143px; left: -119px; padding:5px; background:#fff; border:1px solid #999; }
.itemWrap1{ top:0; left:0; height:63px; background:url(img_d/sidebar_p8.png) no-repeat -142px 0; _background-color:#666; }

.wrapAll2 .overbg{ position:relative; width:980px; overflow:hidden; height:584px; background: url(img_s/ibg2.jpg) no-repeat center top  #88b2ea; zoom:1; }
.blink{ -webkit-animation: 2s ok; -o-animation: 2s ok; animation: 2s ok; }
@-webkit-keyframes ok { 0% { background:yellow; } 49% { background:#fff; } 50% { background:yellow; } }
