/*======author: zhangxiaoling; email: zhxl312@163.com; date: 2011-06-20=========*/ body { background:#213454 url(img/bottom.jpg) no-repeat center bottom; color:#302b18} a{color:#333;}a:hover{ color:#cb2e00;} #header,#container,#footer,#flink{ width:960px;_width:966px;} #s-bar{ width:188px!important; position: relative; } .mainIn{margin-left:212px} #container{ padding-bottom:20px;} #wrapper{background:url(img/header2.jpg) no-repeat center top; overflow:hidden; } /*header*/ #header{ height:228px; position:relative; z-index:9; width:1003px } /*menu*/ #menu{padding-left:40px; padding-top:26px;} #menu li{ width:100px;} #menu a{height:45px; background: url(img/menu2.jpg) no-repeat;} #menu .m1 a{ background-position:0 0;}#menu .m1 a:hover{ background-position:0 -45px;} #menu .m2 a{ background-position:-100px 0;}#menu .m2 a:hover{ background-position:-100px -45px;} #menu .m3 a{ background-position:-200px 0;}#menu .m3 a:hover{ background-position:-200px -45px;} #menu .m4 a{ background-position:-300px 0;}#menu .m4 a:hover{ background-position:-300px -45px;} #menu .m5 a{ background-position:-400px 0;}#menu .m5 a:hover{ background-position:-400px -45px;} #menu .m6 a{ background-position:-500px 0;}#menu .m6 a:hover{ background-position:-500px -45px;} #menu .m1{ margin-right:6px;} #menu .m3{ margin-right:221px;} /*==webgame-note==*/ .webgame-note{left:68px;top:5px;text-shadow:none!important;filter:none!important;color:#7a9ce3!important} .webgame-note strong,.webgame-note em{font-weight:normal;} .webgame-note strong{font-weight:normal; color:red;} /*main*/ .p-cols{margin:0 9px 16px;} .p-col1{margin:0 21px 18px 16px;} .p-col2{ zoom:1; overflow:hidden; position:relative} .p-col2-1{width:494px} .p-col2-2{ width:234px;} .p-col4{zoom:1; overflow:hidden; position:relative} .p-col4-1{width:494px} .p-col4-2{ width:234px;} .p-col5{ clear:both;position:relative} .p-col6{ margin-bottom:0; position:relative} .bx .act{ position:absolute;top:15px; right:20px;} .bx .act a{ color:#cb2e00} .news-n li, .news-m li, #gp-gain .hd, #gp-gain .ft, #info .hd,#info .ft, #faq .hd,#faq .ft, #photo .hd, #gl-hd a, .p-n{ background:url(img/m.png) no-repeat;} #gp-gain,#info,#faq{ background:url(img/m-bg-s.png) repeat-y} .mainIn{ background:url(img/m-bg.jpg) repeat-y 0 0; margin-top:150px; position:relative; width:754px; z-index:9; margin-top:156px;} .m-ft{ background:url(img/m-bg-m.jpg) no-repeat} .m-hd{ background:url(img/banBg2.jpg) no-repeat;height:307px; position:relative;} .m-ft{ background-position:-3px -193px; height:21px; width:748px;} .m-bd{ position:relative; margin-top:-290px;} /*flash*/ #flash{border:1px solid #067cd4; float:left; _margin-left:1px; } #flash,#flash .flash-bx,#f-m li img{width:481px;height:278px} #f-m li a,#f-m li a:link{width:481px;height:278px; display:block} #f-n{right: 10px;bottom:10px; height:15px;position:absolute;} #f-n li{ float:left;cursor:pointer; display:block;width:13px; height:13px;margin-right:3px; overflow:hidden;background:#fff; border:1px solid #000; color:#000; font-size:11px; line-height:13px;} #f-n .cur {background:#000; border:1px solid #fff; color:#fff} /*exhibit*/ #exhibit{ height:163px; width:223px; float: right; border:1px solid #067cd4; margin-top:115px; } #exhibit .hd,#exhibit .ft{ display:none} #exhibit .bd{} #exhibit .bd img{ height:163px; width:223px; } /*news*/ #news{ height:305px; background:url(img/m-bg-2.jpg) no-repeat} /*news-ho*/ #news-hot{ padding:0 65px; height:51px;} .news-hot-bx{ margin:15px 0 0; height:22px;} .news-hot-bx a{ color:#d73d10} .news-hot-bx a:hover{ color:#d73d10} /*news-bx*/ .news-bx{ padding:0 21px 0 17px; } .news-n{width:360px;margin:0 auto;} .news-n li{ width:85px; line-height:31px; height:31px;background-position:-235px -71px; margin-left:3px;} .news-n li.cur{ background-position:-320px -70px;} .news-n li.cur a,.news-n.cur a:hover{color:#cb2e00} .news-n a,.news-n a:hover{color:#fffefe} .news-m{ height:192px; padding:15px 17px 0;} .news-m li{padding-left:9px; background-position:-726px -85px;} .news-bx .act{ top:5px; } /*gp-gain*/ #gp-gain{height:305px; float:right; background-position:-495px 0} #gp-gain .hd{ display:block; background-position:-495px 0; height:50px;} #gp-gain .bd{padding:0 20px; height:234px; overflow:hidden;} #gp-gain .bd li{ float:none; width:100%} #gp-gain .ft{ display:block; background-position: -495px -49px; height:21px; font-size:0; overflow:hidden} /*==gl==*/ #gl-hd{zoom:1;overflow:hidden;padding-left:15px;position:relative;} #gl-hd a{ display:block;height:25px;float:left;text-align:center;font-weight:bold;color:#FFF;margin-right:2px;text-decoration:none; } #gl-hd .cur{color:#df3604;} #gl-hd #cwebgame{ width:86px;background-position:-450px -97px;} #gl-hd #cwebgame.cur{background-position:-450px -71px;} #gl-hd #duowan{ width:74px;background-position:-537px -97px;} #gl-hd #duowan.cur{ background-position:-537px -71px;} #gl-bd{ border-top:1px solid #1e72bd;zoom:1;margin-top:-1px;} #gl-bd div{ width:194px; height:206px; overflow:hidden;} #gl-bd li{ height:23px;line-height:23px;overflow:hidden;} #gl-bd li span{ float:right;margin-right:5px;} #gl-bd p{ text-align:right;} #gl-bd p a{ text-decoration:underline; color:#0059AC; padding-right:5px;} /*==gl==*/ /*adv*/ #adv{ height:80px;} #adv .bd{ padding-left:1px;} #adv .bd ul{margin-right:-6px;} #adv .bd li{margin-right:6px;} #adv .bd li img{ width:140px; height:78px; border:1px solid #fff;} /*info*/ #info{ background-position:0 0; float:left; } #info .hd{ background-position:0 0; height:52px;} .info-bx{ padding:0 5px; height:233px;_height:230px} .info-li{padding:10px 0 10px 100px; background:url(img/li-bg.png) repeat-x center bottom; width:384px;} .info-li2{ background:none} .info-li{ overflow:hidden} .info-li .title{width:100px; margin-top:-10px } .info-li .title h3{font-size:14px; color:#000; padding-left:18px;} .info-li .xbx{ position:relative; width:384px; } .info-li .xbx li a{white-space:nowrap;} .info-li .xbx li{ padding:0 18px;} #info .ft{ background-position:0 -53px; height:16px;} /*faq*/ #faq{ float:right; background-position:-495px 0;} #faq .hd{ background-position:0 -70px;height:50px;} #faq .bd{ padding:10px 30px 0; overflow:hidden; height:220px; } #faq .ft{background-position: -495px -49px; height:21px; font-size:0} /*player-rank*/ #player-rank{ background:url(img/m-bg-m2-bg.png) repeat-y; position:relative; overflow:hidden} #player-rank .hd,#player-rank .ft{ background:url(img/m-bg-m2.png) no-repeat} #player-rank .hd{ background-position:0 0; height:114px; position:relative; z-index:0} #player-rank .bd{ position:relative; margin-top:-55px; z-index:1} #player-rank .ft{ background-position:0 -115px; height:22px; position:relative; margin-top:-7px; z-index:0} .select-sev{ text-align:center; height:30px;} .select-sev strong{ font-weight:700} .select-sev select{ width:200px} .pr-bx{ zoom:1; overflow:hidden} .pr-bx ul{ float:left; width:245px;} .pr-bx ul li{ zoom:1; overflow:hidden; padding-bottom:2px;} .pr-bx ul .title span{ font-weight:700; color:#004484; height:25px; line-height:25px; padding-bottom:5px;} .pr-bx ul li span{ display: block} .pr-bx ul li .s1{ float:left; width:48px; text-align:center; margin-right:8px;} .pr-bx ul li .s1 b{ display:inline-block; width:20px; height:15px; line-height:15px;border:1px solid #90b8dd; text-align:center;font-weight:400; color:#004473} .pr-bx ul li .s1 .st{ border:1px solid #074976; background:#074976; color:#f0ff00; font-weight:700} .pr-bx ul li .s2{ float:left; width:130px; padding-left:5px;} .pr-bx ul li .s3{ float:right; width:48px; text-align: center;} .pr-bx ul li .s4{ float:left; width:95px; padding-left:5px;} .pr-bx ul li .s5{ float:right; width:83px; text-align: center;} .pr-bx ul li .s6{ float:left; width:100px; padding-left:5px;} .pr-bx ul li .s7{ float:right; width:78px; text-align: center;} /*photo*/ #photo{ background-position:0 0; position:relative} #photo .hd{background-position:0 -127px;height:45px; } #photo .bd{ padding-top:12px;} .photo-bx li{ margin:0 5px;}/*li 加边距总宽度为172px*/ .photo-bx img{ width:162px; height:94px;} .p-n{ width:21px; height:25px; margin-top:-13px;} #p-n-l{ background-position:-406px -70px;left:0;} #p-n-r{ background-position:-427px -70px; right:0;} #photo .ft{ display:none} /*sBar*/ .denglu, .lookup-a, .servers-bx .t-li li, .operate-bx li a, #servers .hd, #kefu .hd, .czwt-a{ background:url(img/s-bar.png) no-repeat} .user-bd{ background-repeat:no-repeat; background-position:-726px top} .s-bar-ft{ height:140px; background:url(img/s-bar-bg2.jpg) -201px -130px; margin-left:4px; margin-top:-119px; width:188px;} .user-bx,#servers{ background-position:-381px 0;} #kefu{ background-position:-553px 0} .user-ft,#servers .ft{ background-position:0 -27px; height:6px; font-size:0;} .i_login,.s-bar-bd{background:url(img/s-bar-bg.png) repeat-y -4px 0;} #user,#kefu{ background:url(img/s-bar-bg2.jpg)} #i_login{ background:none;} .login-game{ height:120px; position:relative;} .login-game-a{background:url(http://g.pps.tv/style/common_style/transparent.gif);height:1px; width:1px;display:block;text-indent:-999px;position:absolute;left:0;top:0; overflow:hidden} .s-bar-bd{ width:188px!important;margin-top:172px; margin-left:4px;} .in-game{ position:absolute;left:7px;top:115px;z-index:4} .menghuan{ width:1150px; height:450px; position:absolute;top:-108px; left:0; z-index:2; overflow:hidden ;} .menghuan object{position:absolute;top:0; left:-295px; z-index:3;} /*user*/ .s-bar-bx{ position:relative; z-index:4} #user{ padding:0px 5px 0px;background-position: left top; } #user .hd{ display:none;} .user-hd{ padding-bottom:0; padding-left:5px;} .user-hd .title{ width:169px; height:46px; background:url(img/denglv.jpg);} .user-hd .title li{width:84px; height:32px;} #n-log{ text-indent:-999px; overflow:hidden;} #n-reg a{ text-indent:-9999px; overflow:hidden; display:block; height:32px;} .user-bd{ padding:1px 0 0 8px;} .user-bd .xbx{padding:0 7px;} #I_beforeLogin .input, #I_beforeLogin .yzm{background-color:#fff; border:1px solid #837250; float:left; color:#1c1d38; height:17px; line-height:17px;} .denglu{display:block;background-position:-180px -33px; width:60px; text-indent:-999px; height:25px; overflow:hidden;border:0;vertical-align:middle;cursor:pointer; } /*tip*/ .right,.rightInfo { clear:both;} .error,.errorInfo {clear:both;} /*servers*/ #servers{margin:0 10px 0 9px;} #servers .hd{background-position:-180px -181px; height:39px;text-indent:-9999px;} .servers-bx{ background-position:0 bottom; height:auto!important; height:138px; min-height:138px; padding:5px 0 0 1px;} .servers-bx .t-li li{ padding:0 58px 0 16px; background-position:-342px -67px; line-height:18px!important;height:18px!important; margin-bottom:2px;} .servers-bx .t-li li em{ width:55px;} .i-new{ background:url(img/new.png) no-repeat; width:25px; height:11px; } .lookup{ padding:15px 0; text-align:center} .lookup-a{ height:29px;background-position:-180px -59px; width:142px;} .lookup-a:hover{background-position:-180px -89px; } /*operate*/ #operate{margin:0 10px 0 9px;} .operate-bx li{ margin-bottom:3px;} .operate-bx li a{ height:46px;} #o-li-1 a{ background-position:0 0;} #o-li-1.cur a{ background-position:0 -137px;} #o-li-2 a{ background-position:0 -46px} #o-li-2.cur a{ background-position:0 -183px;} #o-li-3 a{ background-position:0 -92px;} #o-li-3.cur a{ background-position:0 -229px;} /*kefu*/ #kefu{padding:0 10px 50px 9px; font-size:14px;background:none} #kefu .kefu-mail strong{font-weight:bold;} #kefu .hd{ background-position:-180px -221px; height:36px;text-indent:-9999px;} #kefu .bd{ padding:10px 0 20px; } .czwt-a{height:30px;background-position:-180px -120px; width:142px;} .czwt-a:hover{background-position:-180px -150px;} #kefu a{ text-decoration:underline;} #kefu a:hover{ color:#f00; text-decoration:none} #kefu .ft{ display:none} /*page*/ .p-col-n{ width:757px;} #detail .m-hd,#list .m-hd{ display:none!important} #detail .m-ft,#list .m-ft{ display:none!important} #detail .mainIn,#list .mainIn{ background:none!important} .page-bx .page-hd{height:29px; background:url(img/detail.png)} .page-bx .page-bd{ background:url(img/detail-bg.png) repeat-y!important;} .page-bx .page-ft{ height:26px; background:url(img/detail.png) 0 -29px} .page-bx .page-bd{ background:} #detail .m-bd,#list .m-bd{ margin-top:0} .page-hd{ height:30px;} .page-hd h4{ font-size:14px;color:#f96f27; padding-left:35px; height:70px; line-height:70px;} .page-hd a{color:#f96f27} .page-bd{ padding:30px 35px 15px; } .page-bd .t-li li{ height:28px; line-height:28px;border-bottom:1px dashed #ccc} /*Detailed*/ .postTitle{text-align:center;margin-bottom:20px; border-bottom:1px solid #000} .postTitle h3{font-size:14px; } .postTitle .time{font-size:11px; padding-bottom:10px;} .postDetailed a{text-decoration:underline} /*footer*/ #ppsBottom { overflow:hidden;} #gameTj em span{background:url(img/footer-icon.png) 0px 3px no-repeat; font-weight:400;color:#879fc6} .game-warn,#ppsBottom,#ppsBottom a{color:#879fc6} #ppsBottom{padding-bottom:40px} #gameTj em{ background:#13355c; border:1px solid #1f5187; } #gameTj em a{margin:0 3px;} #gameLinks {padding:0; width:960px; overflow:hidden; line-height:18px;}