@CHARSET "UTF-8"; /* elexGlobal.css */ /* CSS Document */ /**主体样式表**/ html{height:100%;} p,li,ul,ol,h1,h2,h3,h4,h5,h6,input,form,select,dl,dd,dt,img { margin:0px; padding:0px; border:0px;} body { height:100%;position:inherit!important; margin:0; padding:0; line-height:1.28; font-size:12px; font-family:Tahoma,'Lucida Grande',Verdana,Arial,sans-serif; color:#333; } li { list-style:none;} a { color:#008CDD; text-decoration:none;} a:hover { text-decoration:underline;} .clear { clear:both;} font { font:normal Tahoma; } .fb{ font-weight:bold!important;} .fnor{ font-weight:normal!important;} .nobg { background:none!important;} .noborT { border-top:0px!important;} .noborB { border-bottom:0px!important;} .fL { float:left!important;} .fR { float:right!important;} .elexAppLogo { text-align:center; padding:0 0 5px!important;} b.new{ position:absolute; width:50px; top:3px; left:3px; height:50px; background:url(../img/new_Product241c.html?2012011302) no-repeat;} b.hot{ position:absolute; width:50px; top:3px; left:3px; height:50px; background:url(../img/hot_Product241c.html?2012011302) no-repeat;} b.pk{ position:absolute; width:50px; top:3px; left:3px; height:50px; background:url(../img/pk_Product241c.html?2012011302) no-repeat;} b.android{position:absolute; width:50px; top:3px; left:3px; height:50px; background: url("../img/android2.html") no-repeat scroll 0 0 transparent;} b.gameversion{background-color: #000000;border-radius: 8px 8px 8px 8px;box-shadow: 0 1px 5px #000000;color: #FFFFFF;display: inline-block;line-height: 16px;margin: 100px 0 0 5px;max-width: 125px;opacity: 0.85;outline: medium none;padding: 2px 7px; position:absolute; z-index:5;} /***共用分页样式****/ .elxGrpNextPage strong { color:#3B5998; text-decoration:underline; } .elxGrpNextPage strong,.elxGrpNextPage a {display:inline-block; height:18px; padding:0 3px; line-height:18px; margin:0 1px;} .elxGrpNextPage a:hover { background-color:#005eac; color:#fff; text-decoration:none} .elxGrpNextPage span { display:none;} .elxGrpNextPage input { display:none;} .elxGrpNextPage .button { display:none;} .pagination{padding-bottom:5px;text-align:center;margin:5px 0 0; color:#999;} .pagination a,.pagination strong,.pagination span{border:#999 1px solid; border-radius:1px;color:#333; margin-right:6px;text-decoration:none; background:#fff ;padding:2px 5px} .pagination a:hover{ background-color:#4667ae; color:#fff; text-decoration:none; border:1px solid #1c376f;} .pagination a:active{ background-color:#4667ae; color:#fff; border:1px solid #1c376f;} .pagination strong{ font-weight:bold;background-color:#4667ae; color:#fff; border:1px solid #1c376f;} .pagination span { border:#bbb 1px solid; color:#bbb; background:#fff;} .pagination input { display:none; } .pagination .button { display:none;} /**网站小图标**/ i { background-image:url(../img/fbIco01241c.png?2012011302); background-repeat:no-repeat; background-position:-50px -250px; display:inline-block; vertical-align:middle;} i.event { width:15px; height:16px; background-position:-36px -2px; margin:0 8px 0 0;} /**表情**/ i.group { width:16px; height:16px; background-position:-40px -424px; margin:0 8px 0 0;} i.icoTop { width:13px; height:14px; background-position:-60px -424px; margin:0 8px 0 0;} i.icoGreat { width:16px; height:16px; background-position:-87px -368px; margin:0 0 0 2px;} i.icoGrpLt { width:13px; height:14px; background-position:-73px -424px; margin:0 8px 0 0;} i.icoBrow1 { width:15px; height:16px; background-position:0px -744px;} i.icoBrow2 { width:16px; height:16px; background-position:-129px -744px;} i.icoBrow3 { width:16px; height:16px; background-position:-32px -744px;} i.icoBrow4 { width:16px; height:16px; background-position:-48px -744px;} i.icoBrow5 { width:16px; height:16px; background-position:-64px -744px;} i.icoBrow6 { width:16px; height:16px; background-position:-81px -744px;} i.icoBrow7 { width:16px; height:16px; background-position:-97px -744px;} i.icoBrow8 { width:16px; height:16px; background-position:-113px -744px;} i.icoBrow9 { width:16px; height:16px; background-position:-16px -744px;} i.icoBrow10 { width:16px; height:16px; background-position:-146px -744px;} i.icoBrow11 { width:16px; height:16px; background-position:-162px -744px;} i.icoBrow12 { width:16px; height:16px; background-position:0px -760px;} i.icoBrow13 { width:16px; height:16px; background-position:-16px -760px;} /**游戏**/ i.icoGame02{ width:15px; height:15px; background-position:-17px -314px;} i.icohotgame{ background-position:-16px -822px;} i.icoGameC { background-position:-157px -512px;} i.icoTag { width:13px!important; height:15px; background-position:-37px -776px;} i.icohot { width:13px!important; height:15px; background-position:-37px -776px;} i.icommo { background-position:-83px -822px;} i.icosns { background-position:-116px -822px;} i.icoaction { background-position:-32px -822px;} i.icopuzzle { background-position:-147px -822px;} i.icodefense { background-position:-0px -822px;} i.icorpg { background-position:-100px -822px;} i.icoracing { background-position:-67px -822px;} i.icomore { background-position:-50px -822px;} i.icodownload { background-position:-131px -823px;} i.icoshooter { background-position:-165px -823px;} /**编辑**/ i.icoEdit { width:10px; height:10px; background-position:-1px -256px; } i.icoEditW { width:10px; height:10px; background-position:-172px -40px; } i.icoEdit18x18 { width:18px; height:18px; background-position:-44px -460px; } i.icoEdit18x18w { width:18px; height:18px; background-position:-25px -460px;} i.icoEdit19x20 { width:19px; height:20px; background-position:-47px -140px;} i.icoPreview { width:10px; height:10px; background-position:-10px -469px;} /**添加**/ i.icoAddimg { width:16px; height:15px; background-position:-21px -148px;} i.icoAddimg23x14 { width:23px; height:14px; background-position:-72px -145px;} i.icoAddimgW { width:16px; height:15px; background-position:0px -529px;} i.icoAddivideo { width:15px; height:12px; background-position:-21px -129px;} i.icoAddivideo22x16 { width:22px; height:16px; background-position:-46px -214px;} i.icoAddivideoW { width:15px; height:12px; background-position:-124px -368px;} i.icoAddpage { width:16px; height:15px; background-position:0px -234px;} i.icoAddpage22x16 { width:22px; height:16px; background-position:-46px -60px;} i.icoAddpageW { width:16px; height:15px; background-position:-108px -368px;} i.icoAddTop { width:11px; height:11px; background-position:-97px -424px; } i.icoAddGreat { width:11px; height:11px; background-position:-86px -424px; } i.icoAddblock { width:11px; height:11px; background-position:-156px -351px;} i.icoAddblue8 { width:8px; height:8px; background-position:-152px -561px;} i.icoAddblock8 { width:8px; height:8px; background-position:-168px -561px;} i.icoAddwhite8 { width:8px; height:8px; background-position:-152px -561px;} i.icoAddoneB { width:11px; height:8px; background-position:-104px -303px; } i.icoAddoneW { width:11px; height:8px; background-position:-92px -303px; } i.icoSelect9 { width:9px; height:5px; background-position:-123px -19px; } i.icoSelect9W { width:9px; height:5px; background-position:-123px -19px; } /**导航**/ i.icoWall { width:15px; height:16px; background-position:0px -549px;} i.icoInfro { width:16px; height:13px; background-position:-68px -19px;} i.icoText { width:13px; height:15px; background-position:0px -37px;} i.icoFriend { width:16px; height:15px; background-position:-68px -329px;} i.icoRss { width:14px; height:15px; background-position:-119px -476px;} i.icofun { width:16px; height:14px; background-position:-137px -529px;} i.icofeed { width:16px; height:14px; background-position: -40px -424px; } i.icotranslat { width:15px; height:14px; background-position:-22px -169px;} i.icoInstal { width:15px; height:13px; background-position:-17px -94px;} i.icoModify { width:16px; height:16px; background-position:-137px -511px;} i.icoEmail { width:16px; height:16px; background-position:-70px -95px;} i.icoHome { width:15px; height:14px; background-position:-17px -331px;} i.icoApps { width:16px; height:16px; background-position:-69px -1px;} i.icoSearch { width:14px; height:14px; background-position:-177px -369px;} i.icoSearch17x16 { width:17px; height:16px; background-position:-164px -760px;} i.icoUser { width:15px; height:17px; background-position:-18px -776px;} i.icoTheme { width:13px; height:15px; background-position:-37px -776px;} i.icoGroup { width:16px; height:14px; background-position:-57px -406px;} i.icoTopic { width:16px; height:14px; background-position:-40px -424px;} i.icoLibrary { width:16px; height:15px; background-position:-40px -405px;} i.icoPage { width:16px; height:16px; background-position:-158px -368px;} i.icoCont { width:15px; height:14px; background-position:-92px -406px;} i.icoEvent { width:15px; height:16px; background-position:-36px -2px; } i.icoVideo { width:15px; height:15px; background-position:-21px -127px;} i.icoPay { width:16px; height:15px; background-position:-16px -76px;} i.icoPay7 { width:7px; height:7px; background-position:-97px -795px;} i.icospamreport {width:16px; height:14px; background-position: -120px -560px; } i.paypwd { width:16px; height:16px; background-position:-146px -84px;} i.icoLike { width:12px!important; height:12px!important; background-position:-92px -840px; margin-top:4px!important; margin-left:2px!important; margin-right:9px!important;} i.icoEditForumInfo {background-position: -17px -297px;height: 14px;width: 15px;} /**操作**/ i.icoRemove22x17 { width:22px; height:17px; background-position:-47px -80px;} i.icoRemove11x12Y { width:11px; height:12px; background-position:-97px -89px;} i.icoRemove11x12W { width:11px; height:12px; background-position:-175px -389px;} i.icoYesB { width:9px; height:7px; background-position:-15px -444px; } i.icoYesW { width:9px; height:7px; background-position:-2px -444px; } i.icoDelB { width:10px; height:10px; background-position:-168px -351px;} i.icoDelW { width:11px; height:11px; background:url(../img/fbclosescd04.html?2011121502) no-repeat 0 -59px;} i.icoDel11x12 { width:11px; height:12px; background-position:-171px -84px;} i.icoAddToFavorite { width:12px; height:11px; background-position:-136px -795px} i.icoRemoveFavorite { width:12px; height:11px; background-position:-148px -795px} i.icoShare { width:12px; height:11px; background-position:-160px -795px} /**安装**/ i.icoInstal { width:15px; height:13px; background-position:-17px -94px;} i.icoInstalB { width:10px; height:10px; background-position:-149px -302px;} i.icoInstalW { width:10px; height:10px; background-position:-139px -302px;} /**其他**/ i.icoRTriangle { width:7px; height:9px; background-position:-101px -19px;} i.icodel01 { width:9px; height:9px; background-position:-108px -424px;} i.icoDot { width:2px; height:2px; background-position:-100px -320px;} i.icoUp { width:9px; height:9px; background-position:-126px -423px;} i.icoDown { width:9px; height:9px; background-position:-117px -423px;} i.icoUpW { width:9px; height:5px; background-position:-170px -19px;} i.icoDownW { width:10px; height:5px; background-position:-153px -19px;} i.icoDownB { width:9px; height:5px; background-position:-123px -24px;} i.icoUp9x5 { width:9px; height:5px; background-position:-123px -19px;} i.icoDown9x5 { width:9px; height:5px; background-position:-139px -19px;} i.icoLock { width:9px; height:12px; background-position:-97px -180px;} i.icoUnLock { width:12px; height:12px; background-position:-145px -368px;} i.icoRandom { width:13px; height:10px; background-position:-97px -129px; } i.icoClock { width:17px; height:13px; background-position:-97px -196px; } i.icoRTriangle9x18L { width:9px; height:18px; background-position:-40px -440px;} i.icoRTriangle9x18R { width:9px; height:18px; background-position:-49px -440px;} i.icoPlay { width:35px; height:28px; background-position:-140px -389px;} i.icoMsg16x21 { width:16px; height:21px; background-position:-72px -169px;} i.icoStar13x11Y { width:13px; height:11px; background-position:-13px -428px;} i.icoStar13x11W { width:13px; height:11px; background-position:0px -428px;} i.icoMsgB { width:9px; height:10px; background-position:-77px -316px; } i.icoMsgW { width:9px; height:10px; background-position:-67px -316px; } i.icoMsg16x21 { width:16px; height:21px; background-position:-72px -169px;} i.icoGreatB { width:12px; height:11px; background-position:-80px -301px;} i.icoGreatW { width:12px; height:11px; background-position:-68px -301px;} i.icoCorrect{width:16px; height:16px; background:url(../img/337_tipscd04.html?2011121502) no-repeat -17px 0px;} i.icoWarning{width:16px; height:16px; background:url(../img/337_tipscd04.html?2011121502) no-repeat 0 -1px;} /**灰色按钮带滑过按钮**/ a.BtnGrayhover,a.BtnGrayhover b,a.BtnGrayhover i { display:inline-block; vertical-align:middle; color:#333; cursor:pointer; } a.BtnGrayhover { padding:0; box-shadow:0 1px 0px rgba(0, 0, 0, 0.1); border:1px solid #999; noFocusLine:expression(this.onFocus=this.blur()); outline:none; -moz-outline-style:none;-webkit-outline-style:none} a.BtnGrayhover b { padding:0 5px; background:url(../img/fbIco01241c.png?2012011302) repeat-x 0 -643px; border-left:1px solid #fff;} a.BtnGrayhover b i { margin:0 5px 0 0;} a.BtnGrayhover:hover { text-decoration:none; border-color:#29447E #29447E #1A356E;} a.BtnGrayhover:hover b { color:#fff; background:#6D84B4 none; border-color:#6D84B4} a.BtnGrayhover:hover i.icoEdit { background-position:-172px -40px;} a.BtnGrayhover:hover i.icoYesB { background-position:-2px -444px; } a.BtnGrayhover:hover i.icoGreatB { background-position:-68px -301px;} a.BtnGrayhover:hover i.icoMsgB { background-position:-67px -316px; } a.BtnGrayhover:hover i.icoAddoneB { background-position:-92px -303px;} a.BtnGrayhover:hover i.icoAddivideo { background-position:-124px -368px;} a.BtnGrayhover:hover i.icoInstalB { background-position:-139px -302px;} a.BtnGrayhover:hover i.icoDelW { background:url(../img/fbclosescd04.html?2011121502) no-repeat 0 -48px;} a.BtnGrayhover.inActive { text-decoration:none; border-color:#29447E #29447E #1A356E;} a.BtnGrayhover.inActive b { color:#fff; background:#6D84B4 none; border-color:#6D84B4} a.BtnGrayhover.inActive i.icoEdit { background-position:-172px -40px;} a.BtnGrayhover.inActive i.icoYesB { background-position:-2px -444px; } a.BtnGrayhover.inActive i.icoGreatB { background-position:-68px -301px;} a.BtnGrayhover.inActive i.icoMsgB { background-position:-67px -316px; } a.BtnGrayhover.inActive i.icoAddoneB { background-position:-92px -303px;} a.BtnGrayhover.inActive i.icoAddivideo { background-position:-124px -368px;} a.BtnGrayhover.inActive i.icoInstalB { background-position:-139px -302px;} a.BtnGrayhover.inActive i.icoDelW { background:url(../img/fbclosescd04.html?2011121502) no-repeat 0 -48px;} /**灰色按钮**/ a.BtnGray,a.BtnGray b,a.BtnGray i { display:inline-block; vertical-align:middle; color:#333; cursor:pointer; } a.BtnGray { padding:0; box-shadow:0 1px 0px rgba(0, 0, 0, 0.1); border-width:1px; border:1px solid #999; noFocusLine:expression(this.onFocus=this.blur()); outline:none; -moz-outline-style:none;-webkit-outline-style:none} a.BtnGray b { padding:0 5px; background:url(../img/fbIco01241c.png?2012011302) repeat-x 0 -643px; border-left:1px solid #fff; } a.BtnGray b i { margin:0 5px 0 0;} a.BtnGray:hover { text-decoration:none;} /**蓝色按钮**/ a.BtnBlue,a.BtnBlue b,a.BtnBlue i { display:inline-block; vertical-align:middle; color:#fff; cursor:pointer; } a.BtnBlue { padding:0; box-shadow:0 1px 0px rgba(0, 0, 0, 0.1); border-width:1px; border-style:solid; border-color:#29447E #29447E #1A356E; noFocusLine:expression(this.onFocus=this.blur());outline:none; -moz-outline-style:none; -webkit-outline-style:none; } a.BtnBlue b { padding:0 5px; background:url(../img/fbIco01241c.png?2012011302) repeat-x 0 -693px; border-width:1px 0 0 1px; border-style:solid; border-color:#8a9cc2; } a.BtnBlue b i {margin:0 5px 0 0;} a.BtnBlue:hover { text-decoration:none;} /**绿色按钮**/ a.BtnGreen,a.BtnGreen b,a.BtnGreen i { display:inline-block; vertical-align:middle; color:#fff; cursor:pointer; } a.BtnGreen { padding:0; box-shadow:0 1px 0px rgba(0, 0, 0, 0.1); border-width:1px; border-style:solid; border-color:#3B6E22 #3B6E22 #2C5115;; noFocusLine:expression(this.onFocus=this.blur());outline:none; -moz-outline-style:none; -webkit-outline-style:none; } a.BtnGreen b { padding:0 5px; background:url(../img/fbIco01241c.png?2012011302) repeat-x 0 -594px} a.BtnGreen b i {margin:0 5px 0 0;} a.BtnGreen:hover { text-decoration:none;} a.BtnGreen2,a.BtnGreen2 b,a.BtnGreen2 i { display:inline-block; vertical-align:middle; color:#fff; cursor:pointer; } a.BtnGreen2 { border: 1px solid #3B6E22; padding:0; box-shadow:0 1px 0px rgba(0, 0, 0, 0.1); FocusLine:expression(this.onFocus=this.blur());outline:none; -moz-outline-style:none; -webkit-outline-style:none; } a.BtnGreen2 b { padding:0 5px; background:url(../img/fbIco01241c.png?2012011302) repeat-x 0 -594px} a.BtnGreen2 b i {margin:0 5px 0 0;} a.BtnGreen2:hover { text-decoration:none;} /**搜索框**/ .elexUISearch { width:197px; height:20px; border:1px solid #BDC7D8; margin:0; padding:0 0 0 4px; background:#fff;} .elexUISearch input { display:inline-block; height:14px; border:0; vertical-align:middle; padding:3px 0; margin:0; color:#808080; width:170px;} .elexUISearch span { display:inline-block; padding:2px 5px; height:16px; cursor:pointer;} /**star**/ .elexStar { width:65px; height:12px; margin:2px 0; background:url(../img/index/star6217.html?2011121501) top left repeat-x; overflow:hidden } .elexStar b {display:block; height:12px; background:url(../img/index/star6217.html?2011121501) repeat-x 0 -24px; overflow:hidden} .elexStar_black { width:65px; height:12px; margin:2px 0; background:url(../img/index/star6217.html?2011121501) 0 -48px repeat-x; overflow:hidden } .elexStar_black b {display:block; height:12px; background:url(../img/index/star6217.html?2011121501) repeat-x 0 -60px; overflow:hidden} .elexStar_blue { width:65px; height:12px; margin:2px 0; background:url(../img/index/star6217.html?2011121501) top left repeat-x; overflow:hidden } .elexStar_blue b {display:block; height:12px; background:url(../img/index/star6217.html?2011121501) repeat-x 0 -36px; overflow:hidden} /**验证码**/ .elexCode { width:100%; padding:15px 0 5px;} .elexCode .inImg { height:30px; line-height:30px; padding:0 0 10px;} .elexCode .inImg b { margin:0 10px 0 0;} .elexCode .inImg input { width:100px; height:27px; -moz-border-radius:3px; -webkit-border-radius:3px;} .elexCode .inImg img.inRefresh { width:20px; height:20px; vertical-align:middle;} .elexCode .inImg img.inCode { width:100px; height:30px; border:1px solid #ccc; vertical-align:middle;-moz-border-radius:3px; -webkit-border-radius:3px;} .elexCode .inInput { padding:0 0 5px;} .elexCode .inInput h6 { font-size:1em; padding:0 0 5px;} /**load**/ span.load1 { background:url(../img/load6217.html?2011121501) 0 0; text-indent:-999px; display:inline-block; width:16px; height:16px; line-height:16px;} span.load2 { background:url(../img/load6217.html?2011121501) 0 -32px; text-indent:-999px; display:inline-block; width:16px; height:16px; line-height:16px;} b.loadCont { padding:1px 0 2px; display:inline-block; vertical-align:middle;} b.loadCont img { width:15px; vertical-align:middle; margin:0 10px 0 0;} /**头部**/ .elexHeaderNew { height:38px; width:100%;} .elexHeaderNewWrap { position:fixed; height:38px; background-color:#3B5998; width:100%; z-index:1000; background-color:#3B5998; border-bottom:1px solid #133783; -moz-box-shadow:-2px 0 2px #999; -webkit-box-shadow:-2px 0 2px #999; box-shadow:-2px 0 2px #999; } .elexHeaderNewWrap a { outline:none; -moz-outline-style:none;-webkit-outline-style:none} .elexHeaderNew .elexHeaderCont { width:1000px; height:38px; margin:0 auto; position:relative;} .elexHeaderNew .inLogo { width:75px; height:30px; margin:8px 0 0; float:left;} .elexHeaderNew .inLogo a { text-indent:-10000px; width:78px; height:30px; display:block; background:url(../img/337logo6217.html?2011121501) center no-repeat;} .elexHeaderNew .inNav { float:left; height:30px; width:350px; padding:8px 0 0 10px; overflow:hidden; } .elexHeaderNew .inNav ul { height:30px; width:100%; display:block;} .elexHeaderNew .inNav ul li { float:left; height:30px; line-height:30px; color:#4b67a1;} .elexHeaderNew .inNav ul li a { display:inline-block; height:30px; padding:0 8px; color:#D8DFEA; font-weight:bold;} .elexHeaderNew .inNav ul li a:hover { background-color:#4b67a1; text-decoration:none; color:#fff;} .elexHeaderNew .inNav ul li#gamelist.inActive { background-color:#4b67a1;} .elexHeaderNew .inNav ul li#gamelist.inActive a { color:#fff;} .elexHeaderNew .inLogin { float:right; height:30px; width:550px; margin:8px 0 0;} .elexHeaderNew .inLogin li a { display:inline-block; height:30px; padding:0 7px; line-height:30px; color:#D8DFEA; font-weight:bold;} .elexHeaderNew #inUserLogin { text-align:right; height:30px; color:#4b67a1; float:right; padding:0 0 0 3px} .elexHeaderNew #inUserLogin a { display:inline-block; height:30px; padding:0 6px; line-height:30px; color:#D8DFEA; font-weight:bold; vertical-align:middle;} .elexHeaderNew #inUserLogin a:hover { background-color:#4b67a1; text-decoration:none; color:#fff;} .elexHeaderNew #inUserLogin a.fbTop { padding:0 10px 0 30px; margin:0 7px; height:22px; font-weight:normal; background:url(../img/facebookconnect_buttons6217.png?2011121501) -68px 0 no-repeat; line-height:20px; border-right:1px solid #213c73;} .elexHeaderNew #inUserInfo { text-align:right; height:30px; color:#4b67a1; float:right; padding:0 0 0 5px;} .elexHeaderNew #inUserInfo ul { display:inline-block; height:30px; float:right;} .elexHeaderNew #inUserInfo li { height:30px; float:right;} .elexHeaderNew #inUserInfo li a:hover { background-color:#4b67a1; text-decoration:none; color:#fff;} .elexHeaderNew #inUserInfo li.inActive a { background-color:#4b67a1; text-decoration:none; color:#fff;} .elexHeaderNew #inUserInfo li#inImg a { padding:0 5px; display:block; max-width:200px; overflow:hidden;} .elexHeaderNew #inUserInfo li#inImg img { width:23px; max-width: 23px; height:23px; margin:-2px 0 0; border:1px solid #333; vertical-align:middle; display:inline-block;} .elexHeaderNew #inUserInfo li#inImg span { padding:0 0 0 5px; display:inline-block; max-width:150px; overflow:hidden; vertical-align:middle;} .elexHeaderNew #inUserInfo li#inPoint sup { color:#fff; font-weight:normal;} .elexHeaderNew #inUserInfo li#inSelect { position:relative;} .elexHeaderNew #inUserInfo li#inSelect { position:static;} .elexHeaderNew #inUserInfo li#inSelect a { vertical-align:middle;} .elexHeaderNew #inUserInfo li#inSelect i { margin:13px 0 0; width:10px} .elexHeaderNew .inMenuCont { position:absolute; right:0; padding:4px 0; border-color:#333 #333 #2D4486; border-style:solid; border-width:0px 1px 2px; width:200px; background-color:#fff;} .elexHeaderNew .inMenuCont .inList { padding:0; border-width:1px 0; border-style:solid; border-color:#fff; width:100%; text-align:left} .elexHeaderNew .inMenuCont .inList#elexlogout { cursor:pointer;} .elexHeaderNew .inMenuCont .inList a { display:inline-block; width:80%; padding:0 10%; height:auto; line-height:1.7em; color:#333; font-weight:normal; white-space:nowrap;} .elexHeaderNew .inMenuCont .inList a:hover { background-color:#6D84B4!important; border-color:#3B5998; color:#fff; text-decoration:none;} .elexHeaderNew .inMenuCont .inLine { height:1px; margin:5px 5%; background-color:#ddd; overflow:hidden} .elexHeaderNew a.inActive,.elexHeaderNew a.inActive:hover { display:inline-block; height:30px; padding:0 6px!important; line-height:30px; background-color:#fff!important; border-color:#333; border-style:solid; border-width:1px 1px 0;} .elexHeaderNew a.inActive i.icoDownW { width:10px; height:5px; background-position:-123px -24px;} .elexHeaderNew .inSearch { float:right; height:20px; margin:4px 0 0; border-width:1px; border-style:solid; border-color:#123682 #294a8f #294a8f;} .elexHeaderNew .inSearch .elexUISearch { height:18px; margin:0; padding:0 0 0 4px; background:#fff; border-top:1px solid #d9d9d9; border-bottom:1px solid #fff; border-left:0; border-right:0; - -border-radius:1px; -webkit-border-radius:1px;} .elexHeaderNew .inSearch .elexUISearch input { display:inline-block; height:13px; border:0; vertical-align:middle; padding:1px 0 2px; margin:0; color:#808080; width:170px; outline:none; -moz-outline-style:none;-webkit-outline-style:none} .elexHeaderNew .inSearch .elexUISearch span { display:inline-block; padding:2px 5px 1px; height:16px; cursor:pointer;} /**头部新**/ .elexHeaderNew{height:54px;} .elexHeaderNew1{height:45px;} .elexHeaderNewWrap{height:54px; border-bottom:none; min-width:980px;} .elexHeaderNewWrap1{height:45px; border-bottom:none; width:100%; background-color:#205083; background-image:linear-gradient(to bottom, #22558B, #1D4877); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#22558B), to(#1D4877));} .elexHeaderNewWrap1 .headerCenter{ width: 1002px; margin:0 auto; position:relative; } .elexHeaderNew .inLogo {height:54px;margin: 0;width: auto; border-right: 1px solid rgba(255, 255, 255, 0.05);} .elexHeaderNew1 .inActive_home{background-color:#183C62;} .elexHeaderNew1 .inLogo { height:45px; border-right:none;} .elexHeaderNew .inLogo a { padding:4px 0 6px 0; height:44px; background:url(../img/337logowhite6217.png?2011121501) center no-repeat;} .elexHeaderNew1 .inLogo a { height:45px; width:239px; padding:0; background:url(../img/337_header_logo6217.png?2011121501) 0 9px no-repeat; text-indent:0;} .elexHeaderNew1 .inLogo a:hover{ text-decoration:none;} .elexHeaderNew1 .inLogo a h1{ font-weight: bold; height:38px; line-height:15px; color:#ffffff; margin:0 0 0 100px; padding-top:7px; width:50px; font-size:15px; word-wrap: normal;} .innav{float: left;overflow: hidden;height: 54px;line-height: 54px;} .innav1{ height:45px; line-height:45px;} .innav ul{display: block;line-height: 54px; margin:0; position:absolute;} .innav1 ul{ line-height:45px;} .innav ul li {color: #4B67A1;float: left;} .innav ul li { height:45px; overflow:hidden;}/*IE7*/ .innav ul li a{color: #D8DFEA;display: inline-block;height: 54px;line-height: 17px;text-align: center; padding:0 10px;border-right: 1px solid rgba(255, 255, 255, 0.05);} .innav1 ul li a{ color:#ffffff; height:auto; border-right:none; padding:14px 15px; font-size:14px;} .innav ul li a:hover{ text-decoration:none; color:#d9d9d9;} .innav ul .inActive a{background-color:#183C62; color:#fff;} .innav .nav {height: 16px;margin: 12px auto 2px;width: 16px; display:block;} .innav1 .nav{ display:inline-block; margin:0 2px 0 0; vertical-align:middle;} #flashgames {background: url("../img/header_new_icone113.png?2012082201") no-repeat 0 0;} #website {background: url("../img/337_header_logoe113.png?2012082201") no-repeat 0px -39px;} #webgames {background: url("../img/header_new_icone113.png?2012082201") no-repeat -20px 0;} #latestgames {background: url("../img/header_new_icone113.png?2012082201") no-repeat -40px 0;} #favgames {background: url("../img/header_new_icone113.png?2012082201") no-repeat -60px 0;} #payment {background: url("../img/paya577.png?2012011303") no-repeat scroll 0 0 transparent;} #kizi {background: url("../img/kizia577.html?2012011303") no-repeat scroll 0 0 transparent;} #vip {background: url("../img/337_header_logob256.png?2012091301") no-repeat -45px -39px;} #support {background: url("../img/337_header_logo8121.png?2012091302") no-repeat -30px -39px;} #group {background: url("../img/header_new_icon9aa9.png?2012092801") no-repeat -1px -20px;} #bookmark {background: url("../img/header_new_icon57c8.png?2012092701") no-repeat -157px 0;} #shortcut {background: url("../img/header_new_icon57c8.png?2012092701") no-repeat -173px 0;} #yy {background: url("../img/header_new_icon3105.png?2013010401") no-repeat -208px 0;} #recharge {background: url("../img/337_header_logofcea.png?2012103110") no-repeat -15px -39px;} #forum_337 {background: url("../img/bootstrap_whitefcea.png?2012103110") no-repeat -240px -120px;} .elexHeaderNew .inLogin { height:54px; margin:0; width:auto;} .elexHeaderNew1 .inLogin{ height:45px;} .elexHeaderNew #inUserLogin { height:54px; padding:0; border-left:1px solid rgba(255, 255, 255, 0.05);} .elexHeaderNew1 #inUserLogin{ height:45px; border-left:none;} .elexHeaderNew #inUserLogin a { color:#ffffff;height: 36px;padding: 18px 10px 0;line-height: 17px;} .elexHeaderNew1 #inUserLogin a { height:30px; padding:15px 10px 0; font-size:12px;} .elexHeaderNew #inUserLogin a:hover { background:#f03d25;} .elexHeaderNew1 #inUserLogin a:hover { color:#D9D9D9; background:transparent;} .elexHeaderNew #inUserInfo{ height:54px; padding:0;} .elexHeaderNew1 #inUserInfo{ height:45px;} .elexHeaderNew #inUserInfo li .inList a:hover{ height:1.7em; line-height:1.7em;} .elexHeaderNew #inUserInfo ul{height:54px;} .elexHeaderNew1 #inUserInfo ul{ height:45px;} .elexHeaderNew #inUserInfo li{height:54px; border-left:1px solid rgba(255, 255, 255, 0.05); display:block; max-width:200px;} .elexHeaderNew1 #inUserInfo li{ height:45px; border-left:none;} .elexHeaderNew #inUserInfo li a:hover { background:#f03d25;height:54px;line-height:54px;} .elexHeaderNew1 #inUserInfo li a:hover{ background:transparent; height:45px; line-height:45px;} .elexHeaderNew #inUserInfo li#inSelect i {margin:26px 0 0;} .elexHeaderNew1 #inUserInfo li#inSelect i {margin:20px 0;} .elexHeaderNew .inLogin li a { height:54px; line-height:54px; color:#ffffff;} .elexHeaderNew1 .inLogin li a { height:45px; line-height:45px;} .search-box{display: inline-block;float: right;width: 300px; margin:12px;} .search-box .elexUISearch{border-radius: 15px 15px 15px 15px;height: 29px;width: 290px;} .elexUISearch input {margin: 4px; width: 250px;} i.icoSearch17x16 {background-position: -47px -170px;height: 17px;width: 21px;} /**游戏列表**/ .gamelistbar_left { position:fixed; padding:5px 0 10px; width:350px; z-index:9999; background:none repeat scroll 0 0 white;; border:2px solid #133783; border-top:0; box-shadow: 0 5px 10px 0 rgba(59, 89, 152, 0.5);} .gamelistbar_left .catlist li {width:180px; float:left; height:auto; margin:0 0 0 13px; padding:0;display:inline;} .gamelistbar_left .catlist a {border:0 none; display:block; padding:4px 0; text-decoration:none;} .gamelistbar_left .cattitle{font-weight:bold;} .gamelistbar_left .catnav li {border-bottom: 1px solid #E9E9E9;margin: 0;} .gamelistbar_left .catnav li:first-child { border-top:1px solid #AAAAAA;margin: 0;} .gamelistbar_left .catnav li:first-child { border-bottom:1px solid #CCCCCC;margin: 0;} .gamelistbar_left .catnav .list_bottom {border-bottom:none;} .gamelistbar_left .catnav a {padding:7px 0; position:relative;} .gamelistbar_left .catnav a:hover {background-color: #EFF2F7;} .gamelistbar_left .catnav .image a:hover {background-color: white;} .gamelistbar_left .catnav .image img {background-color: #FFFFFF;height: 106px;margin: 0;width: 174px; border:1px solid #C9DAFD; padding:2px;} .gamelistbar_left .catnav .image a:hover img {opacity:0.8;} .gamelistbar_left .catnav .image .pk {background: url("../img/pk_Product241c.html?2012011302") no-repeat scroll 0 0 transparent;height: 50px;left:3px;position: absolute;top: 10px;width: 50px;} .gamelistbar_left .catnav .text img {float:left; height:16px; margin: 0 3px 0 3px;width: 16px;} .gamelistbar_left .catnav .text i {float:left;} .gamelistbar_left .catnav .text span { display: block; overflow: hidden; white-space: nowrap;} .gamelistbar_left .tagnum {background-color: #D8DFEA; border-radius: 2px 2px 2px 2px; color: #3B5998;float: right;height: 16px;line-height: 16px;margin: 1px 3px;padding: 0 3px;} .gamelistbar_left .list_bottom a { text-align:right;} .gamelistbar {-moz-border-bottom-colors: none;-moz-border-image: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background-color: #4B67A1;border-color: -moz-use-text-color #133783 #133783;border-right: 1px solid #133783;border-style: none solid solid;border-width: 0 1px 1px;padding: 5px 0 17px;position: fixed;width: 350px;z-index: 9999;} .gamelistbar div.inTitle { height:0; border-bottom:1px solid #5f79af; margin:15px; position:relative;} .gamelistbar div.inTitle span { display:inline-block; position:absolute; top:-10px; left:0; background-color:#4b67a1; height:22px; line-height:22px; padding:0 10px 0 0; color:#b4c5e9; text-transform:uppercase; } .gamelistbar ul { display:inline-block; padding:0 25px;} .gamelistbar ul li { width:47%; padding:0 2% 2px 0; float:left; height:20px; overflow:hidden;} .gamelistbar ul li i { float:left; margin:3px 0 0; width:16px; height:16px;} .gamelistbar ul li i.icosns { width:15px;} .gamelistbar ul li span { margin:0 0 0 24px; height:21px; display:block;} .gamelistbar ul li a { color:#fff; line-height:20px;} .gamelistbar ul.bartest { padding-right:0; width:90%;} .gamelistbar ul.bartest li { width:66px; height:50px; padding:0 11px 0 0;} .gamelistbar ul.bartest li a { background-color:#eee; width:66px; height:52px; overflow:hidden; display:inline-block; } .gamelistbar ul.bartest li img { width:66px;} .gamelistbar ul.bartest_1 { padding-right:0; width:94%;} .gamelistbar ul.bartest_1 li { width:100px; height:75px; padding:0 11px 0 0; margin:0; text-align:center;} .gamelistbar ul.bartest_1 li a.inImg { width:98px; height:58px; overflow:hidden; display:inline-block; border:1px solid #5F79AF; background-repeat:no-repeat; background-position:center; } .gamelistbar ul.bartest_1 li a.inText { height:20px; display:block; overflow:hidden;} .gamelistbar ul.bartest_1 li img { width:98px;} .gamelistbar p.nohistory { padding:70px 0; text-align:center; color:#fff; font-weight:bold;} .gamelistbar p.loadingico { padding:70px 0; background:url(../img/loading6217.gif?2011121501) no-repeat center;} /* facebook connect */ .fb_reset { height:0!important; overflow:hidden!important;} .statisticsWrap { height:0; overflow:hidden;} .facebook_connect{ background:url(../img/facebookconnect_buttons6217.png?2011121501); text-decoration:none; color: #FFFFFF !important;display: inline-block; background-repeat:no-repeat; float:left} .facebook_connect:hover{ text-decoration:none; } .fc_small{font: bold 10px 'Lucida Grande',Verdana,sans-serif; width: 44px; height:14px; padding: 2px 0 0 24px;} .fc_big{font: bold 13px 'Lucida Grande',Verdana,sans-serif; width:195px; height:36px; padding: 2px 0 0 35px; background-position: 0 -22px; line-height: 36px;} .fc_middle{ font-weight:bold;width:160px; height:18px; padding: 4px 8px 0 29px; background-position: -68px 0; line-height: 15px;} /*****游戏基地登陆****/ .gamebase_connent{background:url('../img/gamebaselogin98c0.png?20121552') no-repeat 0 0; text-indent:-9999em; height:22px;float:right; width:100px; margin-left:10px;} /**文本框样式和按钮**/ input,select,textarea { margin:0; padding:1px 2px; font-size:11px; font-family:"Lucida Grande", Tahoma;} .fbInput { border:1px solid #BDC7D8; padding:3px; font-family:"Lucida Grande"} .fbArea { border:1px solid #BDC7D8; padding:3px; font-family:"Lucida Grande"} .fbSelect { border:1px solid #BDC7D8; padding:2px; font-family:"Lucida Grande"; height:20px; line-height:20px;} .elexInput { border-color:#7C7C7C #C3C3C3 #ddd; border-style:solid; border-width:1px; } .elexArea { border-color:#7C7C7C #C3C3C3 #ddd; border-style:solid; border-width:1px; } .elexBox { vertical-align:middle; margin:0 5px;} .elexSelect { border:1px solid #BDC7D8; height:20px; line-height:20px;} /**通用路径**/ .elexPath { padding:10px 0; font-size:1.1em;} .elexPath a { color:#000; margin:0 5px;} .elexPath span { margin:0 5px;} /**new Elex footer**/ #elexFooter { width:100%; /*border-top:1px solid #ccc;*/ font-size:11px;} #elexFooter .inFooter { width:1000px; margin:0 auto; padding:15px 0;} #elexFooter table { width:1000px;} #elexFooter table td.tdlang { padding:0 15px 0 0; border-right:1px solid #ccc;} #elexFooter table td.tdlang div { padding:3px 0;} #elexFooter table td.tdcopyright { min-width:500px; max-width:600px; padding:0 0 0 20px;} #elexFooter .elexFooterLan { height:20px; } #elexFooter .elexFooterLan p.inTitle { float:left; height:20px; padding:0 5px 0 0; color:#808080; } #elexFooter .elexFooterLan p.inCont { height:20px; float:left;} #elexFooter .elexFooterLan p.inCont a { padding:0 3px;} #elexFooter .elexFooterLan p.inCont span { padding:0 4px; color:#808080 } #elexFooter .elexFooterInfro { height:20px; padding:0 0 15px; } #elexFooter .elexFooterInfro p.inTitle { padding:0 5px 0 0; float:left; height:20px; color:#808080} #elexFooter .elexFooterInfro p.inLink { height:25px; color:#808080;} #elexFooter .elexFooterInfro p.inLink a { padding:0 4px;} #elexFooter .copyrightNew { padding:0 0 10px; border-bottom:1px dotted #ccc; color:#666} #elexFooter .copyrightNew div { padding:0 0 5px; color:#666;} #elexFooter .blocktwo { width:100%; padding:10px 0 0;} #elexFooter .inList { width:24.8%; float:left; color:#666;} #elexFooter .inList .inTitle { padding:0 0 4px;} #elexFooter .inList ul { display:inline-block; width:90%;} #elexFooter .inList li { padding:1px 0;} #elexFooter .inList #startshare { padding:0 0 10px;} #elexFooter .inList li a.inImg { margin:0 5px 0 0;} #elexFooter .contentCurve {border-bottom: 1px dotted #CCCCCC;font-size: 1px;height: 8px;margin-bottom: 8px;} #elexFooter .copyright{float: left;} #elexFooter .navigationGrid{float: right;} #elexFooter .navigationGrid .item{padding-left: 20px;float:left; position:relative;} #elexFooter .inFooter{margin-bottom: 30px;font-size:12px;} #elexFooter .flag {width: 16px;height: 11px;background:url(../img/flags.png) no-repeat} #elexFooter .flag.flag-pt {background-position: -16px 0} #elexFooter .flag.flag-zh {background-position: -32px 0} #elexFooter .flag.flag-de {background-position: -48px 0} #elexFooter .flag.flag-es {background-position: 0 -11px} #elexFooter .flag.flag-pl {background-position: -16px -11px} #elexFooter .flag.flag-ar {background-position: -32px -11px} #elexFooter .flag.flag-th {background-position: -48px -11px} #elexFooter .flag.flag-tr {background-position: 0 -22px} #elexFooter .flag.flag-tw {background-position: -16px -22px} #elexFooter .flag.flag-en {background-position: -32px -22px} /* common */ .center { margin: 0 auto; } .man { margin:0 !important; } .mas { margin:5px; } .mam { margin:10px; } .fb_btn_blue b { border-top:1px solid #8a9cc2; border-left:1px solid #8a9cc2; height:23px; line-height:23px; padding:0 5px;cursor:pointer; color:#fff; } .mtn { margin-top:0 !important; } .mts { margin-top:5px; } .mtm { margin-top:10px; } .mtl { margin-top:20px; } .mrn { margin-right:0 !important; } .mrs { margin-right:5px; } .mrm { margin-right:10px; } .mrl { margin-right:20px; } .mbs { margin-bottom:5px; } .mbm { margin-bottom:10px; } .mbl { margin-bottom:20px; } .mls { margin-left:5px; } .mlm { margin-left:10px; } .mll { margin-left:20px; } .pan { padding:0 !important; } .pas { padding:5px; } .pam { padding:10px; } .pal { padding:20px; } .pts { padding-top:5px; } .ptm { padding-top:10px; } .ptl { padding-top:20px; } .prn { padding-right:0 !important; } .prs { padding-right:5px; } .prm { padding-right:10px; } .prl { padding-right:20px; } .pbs { padding-bottom:5px; } .pbm { padding-bottom:10px; } .pbl { padding-bottom:20px; } .pls { padding-left:5px; } .plm { padding-left:10px; } .pll { padding-left:20px; } .phs { padding-left:5px; padding-right:5px; } .phm { padding-left:10px; padding-right:10px; } .phl { padding-left:20px; padding-right:20px; } .pvs { padding-bottom:5px; padding-top:5px; } .pvm { padding-bottom:10px; padding-top:10px; } .pvl { padding-bottom:20px; padding-top:20px; } .mhs { margin-left:5px; margin-right:5px; } .mhm { margin-left:10px; margin-right:10px; } .mhl { margin-left:20px; margin-right:20px; } .mvs { margin-bottom:5px; margin-top:5px; } .mvm { margin-bottom:10px; margin-top:10px; } .mvl { list-style:none outside none; margin-bottom:20px; margin-top:20px; } /* font */ .font12 {color:#222;font:12px/18px Lucida Grande,Verdana,sans-serif !important;} .font14 {color:#222;font:14px/21px Lucida Grande,Verdana,sans-serif !important;} /* 进度条 */ .spinner { background:url(../img/spinner_sprite6217.html?2011121501) no-repeat 0 0; display:inline-block; height:16px; margin:0; text-indent:-9999px; width:16px; } /*返回top和home*/ .back-to { bottom:80px; overflow:hidden; position:fixed; right:10px; width:60px; z-index:999;} .back-to .back-top {background:url(../img/gotopf90c.html?20120511) no-repeat scroll 0 0 transparent;display:block;float:right;height:60px;margin-left:10px;outline: 0 none;text-indent:-9999em;width: 60px;} .back-to .back-home {background:url(../img/back-home.html) no-repeat scroll 0 0 transparent;display:block;float:right;height:60px;outline: 0 none;text-indent:-9999em;width: 60px;} /* Bookmark*/ .addcollectTips2 {bottom: 80px;overflow: hidden;position: fixed; width: 64px;z-index: 999;left:1225px;} .bookmark {background: url("../img/bookmarkf90c.html?20120511") no-repeat scroll 0 0 transparent;display:block;float: right;height: 64px; margin-left: 10px; outline: 0 none;text-indent: -9999em;width: 64px;left: 1230px;right: inherit;} /**tips**/ .addcollectTips { padding:0; height:20px; border:1px solid #283e6a; background-color:#feffe5; margin:0 0 5px; position:relative;} .addcollectTips p { font-size:12px; padding:0 0 8px; color:#333} .addcollectTips p a { color:#4669b4} .addcollectTips div { padding:10px 0 0;} .addcollectTips div b { line-height:17px;} .addcollectTips { padding:5px 0; height:21px; border:1px solid #F0C36D; background-color:#F9EDBE; margin:0 0 5px; position:relative;} .addcollectTips p { position:absolute; top:8px; right:8px; width:15px; height:15px; cursor:pointer; background:url(../img/tips_close8de3.html?2012011801) no-repeat 0 -16px; text-indent:-10000px;} .addcollectTips p:hover { background:url(../img/tips_close8de3.html?2012011801) no-repeat 0 0;} .addcollectTips div { padding:0 15px;} .addcollectTips div a { margin:0 0 0 15px;} .addcollectTips div a b { line-height:20px;} /******星级评价*****/ .gold_star{background-image:url(../img/slide50d3.png?2012061518);width:85px;height:16px} .gold_star_10{background-position:-630px 0px;} .gold_star_9{background-position: -630px -16px;} .gold_star_8{background-position:-647px 0px;} .gold_star_7{ background-position: -647px -16px;} .gold_star_6{background-position:-664px 0px;} .gold_star_5{background-position: -664px -16px;} .gold_star_4{background-position:-681px 0px;} .gold_star_3{background-position: -681px -16px;} .gold_star_2{background-position:-698px 0px;} .gold_star_1{background-position: -698px -16px;} .gold_star_0{background-position: -715px -16px;} .small_star{background-image:url(../img/icon_rate50d3.html?2012061518);width:60px;height:12px;}; .small_star_10{background-position:0px 0px;} .small_star_9{background-position:-12px -15px;} .small_star_8{background-position:-12px 0px;} .small_star_7{background-position:-24px -15px;} .small_star_6{background-position:-24px 0px;} .small_star_5{background-position:-36px -15px;} .small_star_4{background-position:-36px 0px;} .small_star_3{background-position:-48px -15px;} .small_star_2{background-position:-48px 0px;} .small_star_1{background-position:-60px -15px;} .small_star_0{background-position:-60px 0px;} .gray_star{background-image:url(../img/slide50d3.png?2012061518);height:16px ;width:62px;} .gray_star_10{background-position:-630px -70px;} .gray_star_9{background-position: -630px -16px;} .gray_star_8{background-position:-618px -70px} .gray_star_7{ background-position: -647px -16px;} .gray_star_6{background-position:-606px -70px;} .gray_star_5{background-position: -664px -16px;} .gray_star_4{background-position:-594px -70px;} .gray_star_3{background-position: -681px -16px;} .gray_star_2{background-position:-582px -70px;} .gray_star_1{background-position: -698px -16px;} .gray_star_0{background-position: -570px -70px;} .rating_column_red{background-image:url(../img/slidec084.png?2012061910);width:85px;height:10px;background-position: -300px -20px;} .rating_column_gray{background-image:url(../img/slidec084.png?2012061910);width:100px;height:10px;background-position: -300px -40px;} .rating_column_gold{background-image:url(../img/slidec084.png?2012061910);width:85px;height:10px;background-position: -300px -60px;} /* primaryStation-header.css */ @CHARSET "UTF-8"; #station-nav-wrapper{ height:42px; background:#0c7dbd url(../img/primaryStation/nav-bar-bgc7b7.jpg?20130910002) repeat-x top center; margin: 0; position: fixed; top: 0; width:100%; min-width: 950px; font-family: Tahoma,'Lucida Grande',Verdana,Arial,sans-serif; } #station-nav-wrapper ul{ font-family:Segoe UI,Arial,Helvetica,sans-serif; } /*nav*/ .station-nav-list{ height:42px; position:relative; margin:0 auto; } .station-nav-list .website-logo, .station-nav-list .nav-list-left, .station-nav-list .nav-list-middle{ float:left; } .station-nav-list .nav-list-left .float_left{ float:left; } .station-nav-list .nav-list-left .nav_next_1{ background: url('../img/primaryStation/nav_next_1c4ca.png?1') no-repeat center; width: 13px; height: 42px; } .station-nav-list .nav-list-left .nav_next_2{ background: url('../img/primaryStation/nav_next_2c4ca.png?1') no-repeat center; width: 13px; height: 42px; } .station-nav-list .nav-list-left .website-game{ background-color: #076EAA; padding:0px; } .station-nav-list .nav-list-left .website-game .nav_link { float: left; font-weight: bold; line-height: 42px; margin: 0 10px 0 15px; font-family:Segoe UI,​Arial,​Helvetica,​sans-serif; } .station-nav-list .nav-list-right{ float:right; position:relative; margin-right: 20px; } .station-nav-list .website-logo{ height:100%; } .station-nav-list .website-logo a i.logo-bg{ background:url(../img/primaryStation/337-logoc7b7.png?20130910002) no-repeat top left; display: inline-block; height: 33px; margin: 6px 11px 0 15px; width: 140px; } .station-nav-list ul li{ height:42px; display:inline-block; float:left; vertical-align:middle; text-align:center; } .station-nav-list .nav-list-left ul li, .station-nav-list .nav-list-right ul li{ } .station-nav-list .nav-list-left ul li a, .station-nav-list .nav-list-right ul li a{ color:#fff; height: 42px; line-height: 41px; padding: 0 15px; vertical-align: middle; } .station-nav-list .nav-list-left ul li .active{ background-color:#076EAA; } .station-nav-list ul{ margin:0px; } .station-nav-list ul li a{ display:inline-block; height:100%; font-size:14px; text-decoration: none; } .station-nav-list ul li a:hover{ text-decoration: none; } #before-login-list a:hover{ text-decoration:none; } #before-login-list a{ padding:0px; } .station-nav-list ul li a span.icon-list, .station-nav-list ul li a span.icon-list-set{ width:20px; background:url(../img/primaryStation/icons_bg1c7b7.png?20130910002) no-repeat top left; display:inline-block; margin-top:13px; vertical-align:top; margin-right: 5px; } .station-nav-list ul li a span.icon-list{ height:20px; } .station-nav-list ul li a span.icon-list-set{ height:18px; } .station-nav-list .nav-list-left a:hover, .station-nav-list .nav-list-right .set a:hover{ background-color:#076EAA; } .station-nav-list ul li a span.web-game{ background-position:0px -25px; } .station-nav-list ul li a span.function{ background-position:0px -41px; } .station-nav-list .nav-list-middle{ padding:0 45px 0 10px; } .nav-list-middle ul li a{ color:#9adaff; font-size:14px; padding:0 12px; text-decoration:none; line-height:41px; } .nav-list-middle ul li a:hover{ color:#ffffff; text-decoration:none; } .nav-list-middle ul li .inActive{ color: #ffffff; } #before-login { position: absolute; top: 42px; right: 0px; background-color: #ffffff; width: 145px; } #before-login ul { margin: 0 auto; padding-bottom: 0px; -webkit-box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.3); /*filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=5);*//*for ie6,7,8*/ filter:progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=5); BACKGROUND-COLOR: #fff; } #before-login li { list-style: none; width: 100%; } #before-login li a { color: #747474; font-size: 14px; line-height: 45px; padding: 0; text-align: left; width: 145px } #before-login .first { border-bottom: 1px solid #e6e6e6; } #before-login li a .icon-list-set { float: left; margin-left: 15px; margin-right: 5px; } #before-login li a .function-login { background-position: 0px -77px; } #before-login li a .function-language { background-position: 0px -131px; } #before-login li a .function-feedback { background-position: 0px -113px; } #before-login li a:hover { background-color: #0f82bb; color: #ffffff; text-decoration:none; } #before-login li a .login-setting { background: url("../img/primaryStation/nav-setc7b7.png?20130910002") no-repeat left top; background-position: 0px -59px; } #before-login li a .login-logout { background: url("../img/primaryStation/nav-setc7b7.png?20130910002") no-repeat left top; background-position: 0px -96px; } #before-login li a .login-language { background: url("../img/primaryStation/nav-setc7b7.png?20130910002") no-repeat left top; background-position: 0px -131px; } #before-login li a .login-feedback { background: url("../img/primaryStation/nav-setc7b7.png?20130910002") no-repeat left top; background-position: 0px -113px; } #before-login-list a .btn-login{ background: url("../img/primaryStation/nav-setc7b7.png?20130910002") no-repeat left top; color: #fff; background-position: 0 -77px; width: 100px; margin-left: 10px; font-size: 14px; cursor:pointer; line-height: 18px; font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; } #login-list, #login-list .login-list-inner{ width:auto; _width:200px; *width:200px; cursor:pointer; overflow:hidden; } #login-list .login-list-inner{ padding: 0px 15px; } #login-list a:hover{ background-color:#07659e; } #login-list .login-user-image{ display:inline-block; width:26px !important; max-width:26px !important; height:26px; vertical-align:middle; margin-right:6px; float: left; margin-top: 8px; } #login-list .login-user-name{ color:#ffffff; font-size:14px; display:inline-block; height:42px; line-height:42px; max-width: 75px; float: left; overflow: hidden; padding: 0px 2px; } #login-list .login-user-name xmp{ margin:0px; max-width:100px; font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; } #login-list .login-slide{ display:inline-block; vertical-align:middle; margin-left:6px; _margin-top:2px; float: left; margin-top: 19px; max-width:11px; } /*选择语言*/ #select-nation { width: 471px; position: fixed; top: 280px; left: 50%; margin-left: -235px; margin-top: -170px; -webkit-box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.3); z-index: 1011; display:none; } #select-nation .header { background-color: #00649b; color: #fff; font-size: 15px; font-weight: bold; padding-left: 5px; height: 31px; line-height: 31px; padding-left: 10px; position: relative; } #select-nation .content { background-color: #ffffff; } #select-nation .content ul { width: 100%; padding: 5px 0px 6px 0px; margin:0; } #select-nation .content li { width: 50%; float: left; height: 34px; line-height: 34px; *width: 230px; } #select-nation .content li:hover { background-color: #0F82BB; cursor: pointer; color: #ffffff; } #select-nation .content li a { float: left; margin: 0px 0px 7px 0px; color: #555555; font-size: 13px; width: 100%; display:block; } #select-nation .content li a:hover{ color: #ffffff; text-decoration:none; } #select-nation .content .nation-flag { background: url(../img/primaryStation/nation-flagc7b7.jpg?20130910002) no-repeat top left; width: 24px; height: 19px; display: block; float: left; margin: 8px 6px 0px 21px; } #select-nation .content .nation2 { background-position: 0px -19px; } #select-nation .content .nation3 { background-position: 0px -38px; } #select-nation .content .nation4 { background-position: 0px -56px; } #select-nation .content .nation5 { background-position: 0px -75px; } #select-nation .content .nation6 { background-position: 0px -94px; } #select-nation .content .nation7 { background-position: 0px -113px; } #select-nation .content .nation8 { background-position: 0px -131px; } #select-nation .content .nation9 { background-position: -24px 0px; } #select-nation .content .nation10 { background-position: -24px -19px; } #select-nation .content .nation11 { background-position: -24px -38px; } #select-nation .content .nation12 { background-position: -24px -56px; } #select-nation .content .nation13 { background-position: -24px -75px; } #select-nation .content .nation14 { background-position: -24px -94px; } #select-nation .content .nation15 { background-position: -24px -113px; } #select-nation .content .nation16 { background-position: -24px -131px; } #select-nation .close { width: 10px; height: 10px; position: absolute; top: 10px; right: 10px; display: block; background: url(../img/primaryStation/select-nation-close66be.png?20130910001) no-repeat top left; overflow: hidden; opacity: 1; filter: alpha(opacity=100); } #select-nation .close:hover { background-position: 0px -10px; } #header-bg-black{ background: none repeat scroll 0 0 gray; bottom: 0; left: 0; opacity: 0.3; position: fixed; right: 0; top: 0; z-index: 1010; } .crown-level-indicate{ float: left; margin-top: 13px; max-width: 55px; } #elexFooter .navigationGrid .new_select_language{ display: none; opacity: 0; } #elexFooter .navigationGrid .new_select_language .country-dropdown-overlay{ background: none repeat scroll 0 0 #808080; bottom: 0; left: 0; opacity: 0.5; position: fixed; right: 0; top: 0; z-index: 1000; filter: alpha(opacity = 50); } #elexFooter .navigationGrid .new_select_language .arrow{ position: absolute; width: 26px; height: 17px; bottom: 15px; *bottom: 20px; left: 30px; background: url(../img/account/arrowfa91.png?1309232059); z-index: 1020; } #elexFooter .navigationGrid .new_select_language .popover{ position: absolute; z-index: 190; bottom: 32px; left: -185px; background: transparent; background: -webkit-linear-gradient(#fff, #ecf0f4); background: -moz-linear-gradient(#fff, #ecf0f4); background: -ms-linear-gradient(#fff, #ecf0f4); background: -o-linear-gradient(#fff, #ecf0f4); background: linear-gradient(#fff, #ecf0f4); -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 8px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 8px rgba(0,0,0,0.3); -ms-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 8px rgba(0,0,0,0.3); -o-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 8px rgba(0,0,0,0.3); box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 8px rgba(0,0,0,0.3); -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; text-shadow: 0 1px 0 #fff; font-size: 14px; opacity: 1.0; display:block; background-color: white; top: auto; width: auto; border: medium none; padding:0; z-index: 1010; /*filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=5);*//*for ie6,7,8*/ filter:progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=5); } #elexFooter .navigationGrid .new_select_language .popover h4 { font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #434c52; font-weight: bold; text-align: center; padding: 15px; -webkit-font-smoothing: antialiased; position: relative; font-size: 16px; width:230px; } #elexFooter .navigationGrid .new_select_language .popover h4::after { content: ""; position: absolute; left: 15px; right: 15px; bottom: -1px; height: 1px; background: transparent; background: -webkit-linear-gradient(left, rgba(214,222,226,0), #d6dee2, rgba(214,222,226,0)); background: -moz-linear-gradient(left, rgba(214,222,226,0), #d6dee2, rgba(214,222,226,0)); background: -ms-linear-gradient(left, rgba(214,222,226,0), #d6dee2, rgba(214,222,226,0)); background: -o-linear-gradient(left, rgba(214,222,226,0), #d6dee2, rgba(214,222,226,0)); background: linear-gradient(left, rgba(214,222,226,0), #d6dee2, rgba(214,222,226,0)); } #elexFooter .navigationGrid .new_select_language .popover ul { display: block; padding: 15px; border: none; } #elexFooter .navigationGrid .new_select_language .popover .lang_li { display: block; padding: 0; position: relative; width: 230px; margin-bottom: 5px; } #elexFooter .navigationGrid .new_select_language .popover .lang_li img{ position: absolute; top: 6px; left: 204px; } #elexFooter .navigationGrid .new_select_language .popover .lang_li a { color: #5a6770; text-decoration: none; display: block; position: relative; height: 30px; line-height: 30px; border: 1px solid transparent; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding-left: 42px; text-align: left; } #elexFooter .navigationGrid .new_select_language .popover .lang_li a:hover{ background-color: #eceff2; border-color: #d1d6d9; } #elexFooter .navigationGrid .item .nation-flag { background: url(../img/primaryStation/flag-3d6dc.png?140611001) no-repeat top left; width: 24px; height: 19px; position: absolute; left: 7px; top: 6px; padding-left: 0; } #elexFooter .navigationGrid .item .nation-flag-2{ background: url(../img/primaryStation/flag-2c7b7.jpg?20130910002) no-repeat top left; width: 24px; height: 19px; display: inline-block; vertical-align: middle; margin-right: 5px; } #elexFooter .navigationGrid .item .nation_en { background-position: 0px -19px; } #elexFooter .navigationGrid .item .nation_tr { background-position: 0px -56px; } #elexFooter .navigationGrid .item .nation_th { background-position: 0px -75px; } #elexFooter .navigationGrid .item .nation_tw { background-position: 0px -94px; } #elexFooter .navigationGrid .item .nation_ar { background-position: 0px -113px; } #elexFooter .navigationGrid .item .nation_es { background-position: -24px -19px; } #elexFooter .navigationGrid .item .nation_pt { background-position: 0px 0px; } #elexFooter .navigationGrid .item .nation_pl { background-position: -24px -56px; } #elexFooter .navigationGrid .item .nation_zh { background-position: -24px -75px; } #elexFooter .navigationGrid .item .nation_de { background-position: -24px -94px; } #elexFooter .navigationGrid .item .nation_ko { background-position: 0px -150px; } #elexFooter .navigationGrid .item .nation_ru { background-position: -24px -150px; } /* elexDialogv2.css */ @charset "utf-8"; /**公共外框**/ .dialog-overlay { opacity: 0.5; filter: alpha(opacity : 50); background: gray; } .dialog { width: 352px; height: 435px; } .dialog .dialog_title { background-color: #FFFFFF; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.8); color: #FFFFFF; cursor: move; display: block; height: 50px; padding: 0; width: 352px; } .dialog .dialog_title h3 { color: #555555; float: left; font: bold 18px/50px Tahoma; height: 30px; margin-left: 38px; } .dialog .dialog_title .dialog_close { background: url("../img/web_index/close.jpg") no-repeat scroll left top transparent; color: #555555; cursor: pointer; display: block; height: 15px; line-height: 50px; position: absolute; right: 18px; text-transform: uppercase; top: 18px; width: 15px; } .dialog .dialog_title .dialog_close:hover { text-decoration: none; } .dialog .dialog_content { background: #fff; padding: 0; min-height: 350px; min-width: 352px; box-shadow: 0 7px 7px rgba(0, 0, 0, 0.8); } #elex_upload_dialog { background: rgba(82, 82, 82, 0.7) !important; background: rgb(82, 82, 82); padding: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; _width: expression('200px'); width: auto; height: auto; } #elex_upload_dialog .dialog_title { box-shadow: none; width: auto; cursor: move; background-color: #6D84B4; color: #fff; height: 30px; border: 1px solid #3B5998; border-bottom: 0; padding: 0 5px 0 10px; display: block; } #elex_upload_dialog .dialog_title h3 { color: #ffffff; font: bold 18px/50px Tahoma; height: 30px; margin-left: 0; float: left; height: 30px; font: bold 14px/30px Tahoma; } #elex_upload_dialog .dialog_title .dialog_close { background: none; display: block; height: auto; line-height: auto; position: relative; right: none; text-transform: none; top: none; width: auto; float: right; text-transform: uppercase; color: #fff; cursor: pointer; line-height: 30px; } #elex_upload_dialog .dialog_content { min-height: 50px; min-width: 352px; box-shadow: none; background: #fff; padding: 0; border: #555 1px solid; border-top: none; border-bottom: none; min-width: 430px; } .dialog .dialog_content .loading { min-height: 200px; background: url(../img/loading6217.gif?2011121501) center no-repeat; } .dialog .dialog_content iframe { height: 100%; width: 100%; } .dialog .dialog_content img { overflow: auto; max-width: 700px; max-height: 500px; _width: expression(( document.body.clientWidth > 700) ? '700px' : 'auto' ); _height: expression(( document.body.clientHeight > 500) ? '500px' : 'auto' ); } .dialog .dialog_button { padding: 10px 5px 10px 10px; background-color: #F2F2F2; text-align: right; border: #555 1px solid; border-top: 1px solid #ccc; } .dialog .dialog_button a,.dialog .dialog_button b { display: inline-block; vertical-align: middle; color: #333; cursor: pointer; } .dialog .dialog_button a { margin: 0 0 0 15px; padding: 0; border-width: 1px; border-style: solid; noFocusLine: expression(this.onfocus = this.blur () ); outline: none; -moz-outline-style: none; -webkit-outline-style: none; } .dialog .dialog_button a:hover { text-decoration: none; } .dialog .dialog_button a b { padding: 0px 15px; border-color: #fff; border-style: solid; border-width: 1px 0 0 1px; font-size: 14px; line-height: 24px; } .dialog .dialog_button a.blue { background-color: #5872a7; border-color: #29447E #29447E #1A356E; } .dialog .dialog_button a.blue b { background: url(../img/fbIco01241c.png?2012011302) no-repeat 0 -693px; color: #fff; } .dialog .dialog_button a.gray { background-color: #F2F2F2; border-color: #999999 #999999 #888888; } .dialog .dialog_button a.gray b { background: url(../img/fbIco01241c.png?2012011302) no-repeat 0 -643px; color: #333; } .dialog .dialog_clear { clear: both; } .dialog h1 { font-size: 1.4em } .dialog h2 { font-size: 1.4em } .dialog h3 { font-size: 1.3em; } .dialog h4 { font-size: 1.2em; } .dialog h5 { font-size: 1.1em; } .dialog h6 { font-size: 1.0em; } .ajaxLoading { width: 15px; height: 15px; vertical-align: middle; display: inline-block; margin: 0 0 0 15px; } .ajaxLoading img { width: 15px; height: 15px; } .elexLoadingfb { height: 32px; background: url(../img/loading6217.gif?2011121501) center no-repeat; } .elexLoadingimg { background: url(../img/imgloadimg6217.html?2011121501) center no-repeat; } /**主体并带关闭和其他操作按钮**/ .dialogPop { width: 470px; padding: 0; } .dialogPop .inTitle { padding: 5px 10px; line-height: 15px; background-color: #f2f2f2; border-bottom: 1px solid #ccc; } .dialogPop .inContent { padding: 10px 20px; } .dialogPop .setlangul { width: 100%; display: inline-block; } .dialogPop .setlangul li { width: 30%; padding: 0 3% 0 0; float: left; line-height: 21px; font-size: 12px; } .dialogPop .setlangul li span { font-weight: bold; } .dialogPop .inBtn { padding: 5px 10px; line-height: 22px; background-color: #f2f2f2; border-top: 1px solid #ccc; text-align: right; } .dialogPop .inBtn a { margin: 0 0 0 10px; } .dialogPop .inBtn a b { line-height: 22px; padding: 0 15px; font-size: 13px; } /**提示弹出框主体**/ .elexPopup { position: absolute; z-index: 9999; padding: 6px 0; } .elexPopup .loading { height: 60px; width: 100%; background: url(../img/loading6217.gif?2011121501) center no-repeat; } .elexPopup .elexPopupWrap { width: 300px; border: 1px solid #333; border-bottom: 2px solid #283e6a; background-color: #fff; } .elexPopup .popopIco { width: 13px; height: 8px; background-image: url(../img/fbIco01241c.png?2012011302); position: absolute; } .elexPopup .popopIco.topL { left: 20px; background-position: -159px -307px; top: 0; } .elexPopup .popopIco2 { width: 13px; height: 8px; background-image: url(../img/fbIco01241c.png?2012011302); position: absolute; } .elexPopup .popopIco2.downL { left: 20px; background-position: -159px -315px; margin-top: -1px; } .elexPopup .popopCont { width: 100%; } /**分享游戏连接**/ .dialogCopyGameLink { padding: 15px; width: 500px; } .dialogCopyGameLink table { width: 100%; } .dialogCopyGameLink td { padding: 5px; vertical-align: top; } .dialogCopyGameLink td.inImg { width: 172px; height: 104px; } .dialogCopyGameLink td.inImg img { width: 172px; height: 104px; } .dialogCopyGameLink td.inTexteara { width: 300px; } .dialogCopyGameLink td.inTexteara textarea { width: 300px; border: 1px solid #ccc; overflow: hidden; height: 104px; color: #999; } /**显示游戏列表**/ .dialogServer { width: 550px; height: 347px; overflow-y: auto; overflow-x: hidden; } .dialogServer .inList { width: 100%; } .dialogServer .inList p { padding: 8px 13px; background-color: #f2f2f2; font-weight: bold; } .dialogServer .inList ul { padding: 10px 4.5%; display: inline-block; width: 91% } .dialogServer .inList li { float: left; width: 47%; height: 22px; line-height: 22px; background: url(../img/list6217.html?2011121501) left center no-repeat; padding: 0 0 0 2.5% } .dialogServer .inList.inAll li a { color: #808080 } /**名片显示模式**/ .dialogCard { width: 100%; height: 153px; } .dialogCard .inCardCont { padding: 10px; height: 100px; overflow: hidden; } .dialogCard .inImg { width: 100px; height: 100px; float: left; } .dialogCard .inText { margin: 0 0 0 110px; height: 107px; } .dialogCard .inName { height: 20px; overflow: hidden; line-height: 20px; } .dialogCard .inDec { max-height: 45px; overflow: hidden; line-height: 15px; color: #808080; margin: 0 0 5px; } .dialogCard .inTips { height: 45px; overflow: hidden; } .dialogCard .inCardBtn { height: 20px; padding: 5px 5px 7px; background-color: #f2f2f2; border-top: 1px solid #ccc; text-align: right; } .dialogCard .inCardBtn b i { margin-top: -2px; } .dialogCard .inCardBtn b { line-height: 19px; } .dialogCard .inCardBtn a { margin: 0 0 0 5px; } .cardMenuCont { padding: 9px 0 0; min-width: 180px; } .cardMenuContWrap { border: 1px solid #333; background-color: #fff; padding: 10px 0; } .cardMenuCont .topL { width: 13px; height: 8px; background-image: url(../img/fbIco01241c.png?2012011302); position: absolute; top: 3px; margin-left: 5px; background-position: -159px -307px; } .cardMenuCont .inList { padding: 0; border-width: 1px 0; border-style: solid; border-color: #fff; width: 100%; text-align: left } .cardMenuCont .inList a { display: inline-block; width: 80%; padding: 0 10%; border-width: 1px 0; border-style: solid; border-color: #fff; line-height: 1.7em; color: #333; font-weight: normal; white-space: nowrap; outline: none; -moz-outline-style: none; -webkit-outline-style: none } .cardMenuCont .inList a.inABtn i { margin: 0 5px 0 0; } .cardMenuCont .inList a.inABtn:hover { text-decoration: none; border-color: #29447E #29447E #1A356E; } .cardMenuCont .inList a.inABtn:hover i.icoEdit { background-position: -172px -40px; } .cardMenuCont .inList a.inABtn:hover i.icoYesB { background-position: -2px -444px; } .cardMenuCont .inList a.inABtn:hover i.icoGreatB { background-position: -68px -301px; } .cardMenuCont .inList a.inABtn:hover i.icoMsgB { background-position: -67px -316px; } .cardMenuCont .inList a.inABtn:hover i.icoAddoneB { background-position: -92px -303px; } .cardMenuCont .inList a.inABtn:hover i.icoAddivideo { background-position: -124px -368px; } .cardMenuCont .inList a.inABtn:hover i.icoInstalB { background-position: -139px -302px; } .cardMenuCont .inList a.inABtn:hover i ..icoDelW { background-position: -178px -351px; } .cardMenuCont .inList a b { font-weight: normal; } .cardMenuCont .inList a b i { margin: 0 10px 0 0; } .cardMenuCont .inList a:hover { background-color: #6D84B4 !important; border-color: #3B5998; color: #fff; text-decoration: none; } .cardMenuCont .inLine { height: 1px; margin: 5px 5%; background-color: #ddd; overflow: hidden } /**提示类**/ .elexDialog { width: 470px; } .elexDialog .inTitle { padding: 10px 10px 0; line-height: 20px; } .elexDialog table { width: 100%; } .elexDialog table td { padding: 4px 0; } .elexDialog .inCont { padding: 10px 10px 20px; } .elexDialog .inCont b { padding: 0 5px 0 0; } .elexDialog .inCont select { width: 150px; height: 20px; } .elexDialog .inCont input.inText { height: 20px; width: 250px; font-size: 12px; } .elexDialog .inCont p { padding: 0 0 10px; } .elexDialog .elexDialogBtn { padding: 10px 5px 10px 10px; background-color: #F2F2F2; border-top: 1px solid #ccc; text-align: right; } .elexDialog .elexDialogBtn label { margin: 0 5px; } .elexDialog .elexDialogBtn label.fbBtnBlue { height: auto !important; } .elexDialog .elexDialogBtn label.fbBtnBlue input { height: 21px; font-size: 13px; } .elexDialog .elexDialogBtn label.fbBtnGray input { height: 22px; font-size: 13px; } .elexDialog .inCont .inTips { padding: 0; border-top: 1px solid #ccc; margin: 10px 0 0; line-height: 25px; color: #555; } .elexDialogTips { width: 350px; height: 30px; padding: 20px 15px 30px; line-height: 30px; color: #555; } .elexDialogTips b { color: #c00; } .elexDialogTipsNew { width: 380px; height: 100px; color: #808080; display: table-cell; vertical-align: middle; padding: 0 20px; } .elexDialogTipsNew p { background: #FFEBE8 url(../img/ajaxtips6217.png?2011121501) no-repeat 10px -26px; padding: 5px 5px 5px 30px; line-height: 18px; min-width: 1px; border: 1px solid #DD3C10; } .elexDialogTipsok { width: 380px; height: 100px; color: #333; display: table-cell; vertical-align: middle; padding: 0 20px; } .elexDialogTipsok p { background: #f1f7ec url(../img/ajaxtips6217.png?2011121501) no-repeat 10px 10px; padding: 5px 5px 5px 30px; line-height: 18px; min-width: 1px; border: 1px solid #b5d597; } /**用户通用弹框**/ .elexPopUserWrap { width: 470px; } .elexPopUserWrap .inTitle { padding: 6px 7px 6px 5px; border-bottom: 1px solid #ccc; background-color: #F2F2F2; } .elexPopUserWrap .inTitle select { height: 22px; } .elexPopUserWrap .inContent { min-height: 100px; max-height: 450px; overflow-x: hidden; overflow-y: auto; padding: 0; } .elexPopUserWrap .elexDialogBtn { padding: 10px 5px 10px 10px; background-color: #F2F2F2; border-top: 1px solid #ccc; text-align: right; } .elexPopUserWrap .elexDialogBtn a { margin: 0 0 0 15px; } .elexPopUserWrap .elexDialogBtn a b { line-height: 22px; padding: 0 15px; font-size: 13px; } .elexPopUserWrap .selectCont { margin: 30px 20px; } .elexPopUserWrap .selectCont textarea { width: 100%; height: 50px; } /**举报弹框**/ .elexReportWrap { width: 470px; } .elexReportWrap .inTitle { padding: 6px 7px 6px 5px; border-bottom: 1px solid #ccc; background-color: #F2F2F2; } .elexReportWrap .inTitle select { height: 22px; } .elexReportWrap td { padding: 5px 5px; vertical-align: top; } .elexReportWrap td.tdLeft { color: #333333; text-align: right; width: 100px; } .elexReportWrap td.tdLeft span { font-weight: bold; font-size: 14px; } .elexReportWrap td.tdRight { color: #000000; width: 310px; } .elexReportWrap td.tdRight input { height: 18px; width: 251px; border-color: #7C7C7C #C3C3C3 #DDDDDD; border-style: solid; border-width: 1px; font-family: "Lucida Grande", Tahoma; font-size: 12px; margin: 0; padding: 1px 2px; } .elexReportWrap td.tdRight span { font-family: "Lucida Grande", Tahoma; font-size: 12px; margin: 0; padding: 1px 2px; } .elexReportWrap td #captcha { height: 30px; margin: 10px 10px 0 0; vertical-align: middle; width: 104px; } .elexReportWrap td #refresh { height: 25px; margin: 10px 0 0; vertical-align: middle; } .elexReportWrap .elexDialogBtn { padding: 10px 5px 10px 10px; background-color: #F2F2F2; border-top: 1px solid #ccc; text-align: right; } .elexReportWrap .elexDialogBtn a { margin: 0 0 0 15px; } .elexReportWrap .elexDialogBtn a b { line-height: 22px; padding: 0 15px; font-size: 13px; } .elexReportWrap .reportTips .red { background: url("../img/ajaxtips6217.png?2011121501") no-repeat scroll 0 -27px transparent; height: 25px; line-height: 25px; min-width: 1px; padding: 0 0 0 20px; } /**时间插件**/ .gldp-default { float: left; font-family: "trebuchet ms" !important; background-color: #ccc !important; font-size: 13px !important; border: solid 1px #888; } .gldp-default table { border-spacing: 1px; border-collapse: inherit; } .gldp-default tr { line-height: 18px; } .gldp-default td { margin: 0; padding: 4px !important; width: 20px; text-align: center; } .gldp-default-prevnext { font-family: "times new roman"; color: #222; cursor: pointer; font-weight: bold; } .gldp-default-monyear { color: #222; font-size: 13px !important; font-weight: bold; } .gldp-default-dow { background-color: #900; color: #eee; font-size: 13px !important; font-weight: bold; } .gldp-default-dow td { color: #eee !important; } .gldp-default-day { background-color: #fff; color: #222; border: solid 1px #fff; font-weight: bold; } .gldp-default-day-hover { background-color: #fff; color: #600; border: solid 1px #900; cursor: pointer; font-weight: bold; } .gldp-default-selected { background-color: #fee; color: #222; border: solid 1px #900; } .gldp-default-today { background-color: #900; color: #fff !important; font-weight: bold; } .gldp-default-today-hover { background-color: #fff; color: #333; border: solid 1px #900; cursor: pointer; font-weight: bold; } .gldp-default-sat,.gldp-default-sun { background-color: #fff; color: #004f8f; border: solid 1px #fff; font-weight: bold; } .gldp-default-sat-hover,.gldp-default-sun-hover { background-color: #fff; color: #004f8f; border: solid 1px #f82200; cursor: pointer; font-weight: bold; } .gldp-default-noday { background-color: #fff; border: solid 1px #fff; text-indent: -9999px } /**列表类**/ .userListWrap { width: 100%; } .userListWrap .inList { border-bottom: 1px solid #eee; height: 50px; padding: 4px 3px; } .userListWrap .inList .inImg { width: 50px; height: 50px; padding: 0 10px 0 0; float: left; } .userListWrap .inList .inImg img { width: 50px; height: 50px; } .userListWrap .inList .inBtn { float: right; height: 20px; margin: 15px 0 0; padding: 0 5px; } .userListWrap .inList .inBtn b { line-height: 20px; } .userListWrap .inList .inText { margin: 0 0 0 65px; height: 50px; width: 230px; vertical-align: middle; display: table-cell; font-weight: bold; font-size: 13px; } .userListWrap .viewMore { padding: 15px 10px; } .userListWrap .viewMore a { height: 20px; line-height: 20px; display: inline-block; padding: 5px 0; text-align: center; width: 100%; background-color: #EDEFF4; border: 1px solid #D8DFEA; } .userListWrap .viewMore a:hover { background-color: #d8dfea; } /**上传组件**/ .elexUploadNew { min-height: 100px; height: auto !important; } .elexUploadNew .elexInputWrap { padding: 10px; } .elexUploadNew form { padding: 0 0 10px; border-bottom: 1px solid #eee; } .elexUploadNew form input { height: 20px; margin: 10px 0; line-height: 20px; } .elexUploadNew .inTips { padding: 0 0 15px; } .elexUploadNew .inDse { padding: 10px 0 10px; color: #808080; } .elexUploadNew .inDse a { padding: 0 0 0 5px; } .elexUploadNew .options { padding: 10px; background-color: #fafafa; } .elexUploadNew .options h6 { padding: 3px 0; } .elexUploadNew .options input { width: 400px; height: 20px; } .elexUploadNew .options textarea { width: 400px; height: 60px; overflow-x: hidden; overflow-y: auto } .elexUploadNew .advanced { height: 20px; padding: 10px; cursor: pointer; float: left; } .elexUploadNew .advanced i { margin: -3px 5px 0 0; } /**创建内容类**/ .elexCreateNew { min-height: 100px; height: auto !important; } .elexCreateNew .elexInputWrap { padding: 10px; } .elexCreateNew .inList { width: 100%; padding: 0 0 10px; } .elexCreateNew .inList h6 { padding: 0 0 5px; } .elexCreateNew .inList p input.elexInput { width: 95%; height: 20px; } .elexCreateNew .inList p select { height: 20px; width: 40%; } .elexCreateNew .elexTips { padding: 5px; margin: 0 0 10px; border: 1px solid #900; color: #900; width: 95%; } .elexCreateNew .options { padding: 0 0 10px; } .elexCreateNew .options h6 { padding: 10px 0 3px; } .elexCreateNew .options input { vertical-align: middle; } .elexCreateNew .options input.elexInput { width: 95%; height: 20px; } .elexCreateNew .options textarea { width: 400px; height: 60px; overflow-x: hidden; overflow-y: auto } .elexCreateNew .advanced { height: 20px; padding: 10px 0 0; cursor: pointer; float: left; } .elexCreateNew .advanced i { margin: -3px 5px 0 0; } /**搜索**/ #searchAjax { width: 346px; position: fixed; border: 1px solid #333; border-bottom: 2px solid #283e6a; background-color: #fff; } #searchAjax .inTitle { height: 22px; border-top: 1px solid #e2e2e2; background-color: #f2f2f2; margin: 3px 0 0; } #searchAjax .inTitle.mar0 { margin: 0; } #searchAjax .inTitle a { display: block; padding: 0 5px; height: 22px; color: #333; line-height: 22px; } #searchAjax .inTitle a:hover { text-decoration: none; } #searchAjax .inCont { width: 100%; } #searchAjax .inCont .inList { padding: 3px 6px; border: 1px solid #fff; border-left: 0px; border-right: 0; cursor: pointer; } #searchAjax .inCont .inList .inImg { width: 50px; height: 50px; overflow: hidden; float: left; } #searchAjax .inCont .inList .inImg img { width: 50px; height: 50px; } #searchAjax .inCont .inList .inText { margin: 0 0 0 56px; } #searchAjax .inCont .inList .inText div { font-weight: bold; } #searchAjax .inCont .inList .inText p { color: #808080; overflow: hidden; height: 1.5em } #searchAjax .inCont .inList .inText p.inOther { font-size: 11px; overflow: hidden; height: 1.5em } #searchAjax .inCont .inList.inActive { background-color: #6d84b4; border: 1px solid #3b5998; border-left: 0px; border-right: 0; } #searchAjax .inCont .inList.inActive .inText div a { color: #fff; } #searchAjax .inCont .inList.inActive .inText div a:hover { text-decoration: none; } #searchAjax .inCont .inList.inActive .inText p { color: #fff; } #searchAjax .inCont .inList.inBottom { margin: 3px 0 0; text-align: center; border: 0; border-top: 1px solid #e2e2e2; padding: 10px 5px; background-color: #f2f2f2; } #searchAjax .inCont .inList.inBottom a { font-weight: bold; } #searchAjax .inCont .inList.inBottom.inActive { background-color: #6d84b4; border: 1px solid #3b5998; color: #fff; } #searchAjax .inCont .inList.inBottom.inActive a { color: #fff; } /**分享到群组**/ .shareToGroup { min-height: 100px; height: auto !important; } .shareToGroup .elexInputWrap { padding: 0; } .shareToGroup .selectgroup { margin: 0 0 15px; } .shareToGroup .selectgroup .inTitle h6 { font-weight: bold; float: left; height: 20px; line-height: 20px; } .shareToGroup .selectgroup .inTitle p { height: 20px; line-height: 20px; float: right; } .shareToGroup .selectgroup .inTitle p input { vertical-align: middle; } .shareToGroup .selectgroup ul { padding: 10px 3%; display: inline-block; width: 94%; } .shareToGroup .selectgroup ul li { width: 49%; height: 20px; float: left; } .shareToGroup .selectgroup ul li a { margin: 0 0 0 5px; } .shareToGroup .selectgroup ul li input { vertical-align: middle; } .shareToGroup .shareCont { margin: 10px 3%; width: 89%; border: 1px solid #eee; border-top: 1px solid #ccc; border-right: 1px solid #ccc; padding: 10px 2.1%; background-color: #fafafa; } .shareToGroup .shareCont .inImg { width: 93px; height: 74px; float: left; padding: 2px; margin: 3px 0 0; border: 1px solid #ccc; background-color: #fff; } .shareToGroup .shareCont .inImg img { width: 93px; height: 74px; } .shareToGroup .shareCont .inText { margin: 0 0 0 110px; } .shareToGroup .shareCont .inText h6 { padding: 0 0 5px; } .shareToGroup .shareCont .inText p { max-height: 80px; overflow: hidden; line-height: 16px; } .shareToGroup .elexTips { margin: 10px 3%; padding: 10px 2.1%; width: 89%; border: 1px solid #900; color: #900; } /**登陆注册弹出样式**/ .dialogLoginCom { width: 412px; padding: 10px 10px 15px; position: relative; } .dialogLoginCom .inTitle { margin: 0 0 20px; } .dialogLoginCom .inTitle p { font-size: 16px; font-weight: bold; } .dialogLoginCom .inLoginCont { margin: 0 0 15px; } .dialogLoginCom .inList { margin: 0 0 10px; } .dialogLoginCom .inList h6 { padding: 0 0 5px; } .dialogLoginCom .inList h6 a { font-weight: normal; } .dialogLoginCom .inList .BtnBlue b { line-height: 20px; padding: 0 15px; } .dialogLoginCom .inList p input { vertical-align: middle; } .dialogLoginCom .inList p input.elexInput { width: 406px; height: 20px; } .dialogLoginCom .inList p input.bg { background-color: #eee; border: 1px solid #bbb; border-top-color: #333; border-left-color: #333; } .dialogLoginCom div.elexTipsLogin { padding: 5px; margin: 0 0 10px; border: 1px solid #900; color: #900; width: 400px; } .dialogLoginCom .dialogLoginTab { line-height: 20px; } .dialogLoginCom .inContent { background-color: #eee; padding: 15px; } .dialogLoginCom table { width: 100%; } .dialogLoginCom td { padding: 10px 5px; vertical-align: top; } .dialogLoginCom td.tdLeft { text-align: right; width: 180px; color: #333; } .dialogLoginCom td.tdLeft .tdTitle { font-weight: bold; } .dialogLoginCom td.tdLeft .tabTips { color: #999; font-style: italic; } .dialogLoginCom td.tdMiddle { color: #000; width: 310px; } .dialogLoginCom td.tdMiddle a.BtnBlue b { padding: 4px 30px; } .dialogLoginCom td.tdMiddle .inText { width: 300px; height: 20px; } .dialogLoginCom td .get_more { padding: 5px 0 10px; border-top: 1px dashed #ccc; margin: 10px 0 0; } .diaReg { width: 750px; } .diaReg .inTitle { margin: 0 0 10px; } .diaReg div.elexTips.red { background: url(../img/ajaxtips6217.png?2011121501) no-repeat 0 -27px; padding: 0 0 0 20px; line-height: 25px; height: 25px; min-width: 1px; } .diaReg div.elexTips.green { background: url(../img/ajaxtips6217.png?2011121501) no-repeat 0 7px; padding: 0 0 0 20px; line-height: 25px; height: 25px; min-width: 1px; } .diaReg td.elexTips .red { background: url(../img/ajaxtips6217.png?2011121501) no-repeat 0 -33px; padding: 0 0 0 20px; line-height: 15px; min-width: 1px; } .diaReg td.elexTips .green { background: url(../img/ajaxtips6217.png?2011121501) no-repeat 0 4px; padding: 0 0 0 20px; line-height: 15px; height: 25px; min-width: 1px; } /**重构注册弹出样式**/ .diaWidth { width: 550px; } .dialogLoginCom .inContent .input-group p { height: 55px; margin-top: 5px; } .dialogLoginCom .inContent .input-group input { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; } .dialogLoginCom .inContent .input-group input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 10px 10px rgba(0, 0, 0, .075), 0 0 18px rgba(82, 168, 236, .6); -moz-box-shadow: inset 0 10px 10px rgba(0, 0, 0, .075), 0 0 18px rgba(82, 168, 236, .6); box-shadow: inset 0 10px 10px rgba(0, 0, 0, .075), 0 0 18px rgba(82, 168, 236, .6); } .dialogLoginCom .inContent .input-group input.all { border-radius: 5px !important; padding: 1px 2px !important; font-size: 12px !important; width: 250px !important; height: 35px !important; vertical-align: middle; border: 1px solid #CCC; border-left-width: 1px; border-left-style: solid; border-right-width: 1px; border-right-style: solid; margin-bottom: 0px !important; margin-left: 10px; } .dialogLoginCom .inContent .input-group .input-label { display: block; float: left; text-align: right; width: 150px; line-height: 40px; } .dialogLoginCom .agree { clear: both; height: 30px; line-height: 30px; margin-left: 150px; } /*重构login弹出框*/ .dialogLoginCom .login-v2 { margin-top: 15px; color: #333 !important; font-size: 12px !important; } .dialogLoginCom .login-v2 .no-register-info a { color: #008CDD !important; } .dialogLoginCom .login-v2 .no-register-info a:focus { color: #005580; } .dialogLoginCom .login-v2 .input-group { text-align: center; } .dialogLoginCom .login-v2 .input-group p input.elexInput { padding: 1px 2px !important; font-size: 12px !important; width: 350px !important; height: 35px !important; vertical-align: middle; border: 1px solid #CCC; border-left-width: 1px; border-left-style: solid; border-right-width: 1px; border-right-style: solid; margin-bottom: 0px !important; } /*bootstrap效果*/ .dialogLoginCom .login-v2 .input-group p input { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; } .dialogLoginCom .login-v2 .input-group p input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 10px 10px rgba(0, 0, 0, .075), 0 0 18px rgba(82, 168, 236, .6); -moz-box-shadow: inset 0 10px 10px rgba(0, 0, 0, .075), 0 0 18px rgba(82, 168, 236, .6); box-shadow: inset 0 10px 10px rgba(0, 0, 0, .075), 0 0 18px rgba(82, 168, 236, .6); } .dialogLoginCom .login-v2 .input-group p input.top { border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .dialogLoginCom .login-v2 .input-group p input.bottom { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 5px !important; border-bottom-right-radius: 5px !important; } .dialogLoginCom .login-v2 .input-group p input.all { border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-left-radius: 5px !important; border-bottom-right-radius: 5px !important; } .dialogLoginCom .v2-common .login-button { margin-top: 10px; height: 50px; } .dialogLoginCom .v2-common .login-button .login-button-v2 { background-color: #6D84B4; width: 350px; text-align: center; font-size: 18px; line-height: 35px; border: none; border-radius: 5px; margin: 0 auto; height: 35px; cursor: pointer; } .dialogLoginCom .v2-common .login-button .login-button-v2 a { color: white; text-decoration: none; } .dialogLoginCom .v2-common .login-button .login-button-v2 .span-loading { line-height: 18px; float: none; } .dialogLoginCom .v2-common .login-button .elexTipsLogin-v2 { color: #900; width: 350px; margin: 0 auto; text-align: center; } .dialogLoginCom .v2-common .third-login-container { height: 60px; width: 350px; margin-top: 10px; margin: 0 auto; } .dialogLoginCom .third-login-container .third-login { position: relative; height: 36px; width: 36px; display: block; cursor: pointer; background-image: url(../img/newOfficial/third-part-login-36931e.png?1305241646); background-repeat: no-repeat; float: left; margin: 2px; } .dialogLoginCom .third-login-container .facebook_connect_2 { background-position: 0px 0px; } .dialogLoginCom .third-login-container .login-google { background-position: 0px -36px; } .dialogLoginCom .third-login-container .login-orkut { background-position: 0px -108px; } .dialogLoginCom .third-login-container .login-twitter { background-position: 0px -72px; } .dialogLoginCom .third-login-container .login-baha { background-position: 0px -180px; } .dialogLoginCom .third-login-container .login-yahoo { background-position: 0px -252px; } .dialogLoginCom .third-login-container .gamebase_connent { background-position: 0px -216px; } .dialogLoginCom .third-login-container .login-msn { background-position: 0px -144px; } .dialogLoginCom .login-v2 .no-register-info { width: 350px; margin: 5px auto 0 auto; } /**逐步废弃掉**/ .fbBtnBlue,.fbBtnBlue b,.fbBtnBlue span,.fbBtnBlue input,.fbBtnGray,.fbBtnGray b,.fbBtnGray span,.fbBtnGray input { display: inline-block; vertical-align: middle; font-size: 11px; font-weight: bold; font-family: "Lucida Grande", Tahoma; } .fbBtnBlue { background-color: #5872a7; padding: 0px 1px 1px 0px; border-color: #29447E #29447E #1A356E; border-width: 1px; text-decoration: none !important; border-style: solid; } .fbBtnBlue:hover { text-decoration: none !important } .fbBtnBlue b,.fbBtnBlue span,.fbBtnBlue input { border: 0; cursor: pointer; color: #fff !important; border-top: 1px solid #8a9cc2; border-left: 1px solid #8a9cc2; padding: 0 5px; background-color: #5872a7; } .fbBtnGray { background-color: #aaa; border-color: #999; border-width: 1px; text-decoration: none !important; border-style: solid; } .fbBtnGray:hover { text-decoration: none !important } .fbBtnGray b,.fbBtnGray span,.fbBtnGray input { border: 0; cursor: pointer; color: #333 !important; border: 1px solid #fff; padding: 0 5px; background-color: #eee; } /* home_js.css */ @CHARSET "UTF-8"; a:hover { text-decoration: none; } #station-wrapper { background: url(../img/web_index/bg66be.jpg?20130910001) repeat top center; font-family: 'Segoe UI', Tahoma, Arial, Helvetica, sans-serif; padding-bottom: 0px; } #station-nav-wrapper .station-nav-bar { height: 40px; border-bottom: 1px solid #1891d7; } /*nav*/ #station-container .station-nav-list div.website-logo,#station-container .station-nav-list div.nav-list-left,#station-container .station-nav-list div.nav-list-main { float: left; } #station-container .station-nav-list div.nav-list-right { float: right; } #station-container .station-nav-list { height: 42px; } #station-container .station-nav-list .website-logo { width: 155px; height: 100%; } #station-container .station-nav-list .website-logo a i.logo-bg { width: 97px; height: 30px; background: url(../img/web_index/337-logo66be.png?20130910001) no-repeat top left; margin: 6px 5px 0px 0px; } #station-container .station-nav-list .nav-list-left,#station-container .station-nav-list .nav-list-right { width: 100px; height: 100%; overflow: hidden; } .station-nav-list ul li a span.mail { background-position: 0px -120px; } .station-nav-list ul li a span.contact { background-position: 0px -140px; } #station-container .station-nav-list div.nav-list-main { padding-left: 170px; } #station-container .station-nav-list div.nav-list-main ul li { height: 42px; line-height: 42px; float: left; display: inline-block; overflow: hidden; } #station-container .station-nav-list div.nav-list-main ul li.revise { _width: 85px; /*avoid this item disappear in ie6*/ } #station-container .station-nav-list div.nav-list-main ul li a span.multi-nav1 { background-position: 0px -40px; } #station-container .station-nav-list div.nav-list-main ul li a span.multi-nav2 { background-position: 0px -60px; } #station-container .station-nav-list div.nav-list-main ul li a span.multi-nav3 { background-position: 0px -80px; } #station-container .station-nav-list div.nav-list-main ul li a span.multi-nav4 { background-position: 0px -100px; } #station-container .station-nav-list div.nav-list-main ul li a { height: 100%; display: inline-block; padding: 0px 10px; border: 0px; float: left; } #station-container .station-nav-list div.nav-list-main ul li a span { font-size: 14px; color: #fff; font-family: 'Segoe UI', Tahoma, Arial, Helvetica, sans-serif; float: left; } #station-container .station-nav-list div.nav-list-main ul li a span.character { margin-top: 2px; margin-left: 3px; } /*nav over*/ #station-container .user-entrance .btn { width: 294px; margin: 0 auto; } #station-container .user-entrance .btn a { width: 140px; height: 42px; display: inline-block; text-align: center; line-height: 42px; color: #fff; text-decoration: none; font-size: 18px; font-family: 'Segoe UI', Tahoma, Arial, Helvetica, sans-serif; } #station-container .user-entrance .btn a.login { background-color: #1c9ae2; border: 1px solid #0f8ed7; margin-right: 5px; } #station-container .user-entrance .btn a.login:hover { background-color: #07659e; } #station-container .user-entrance .btn a.register { background-color: #5ec717; border: 1px solid #51b60d; } #station-container .user-entrance .btn a.register:hover { background-color: #4cab0b; } #station-container .image-box .prime-game-description a:hover { background-color: #8fdb44; } #station-container fieldset.headline { border-top: 1px solid #e1e1e1; border-bottom: none; border-left: none; border-right: none; display: block; padding-left: 0px; padding-right: 0px; color: #777777; font-weight: bold; margin-bottom: 0; } #station-container fieldset.headline legend { padding-right: 8px; font-size: 14px; color: #777777; margin-left: -4px; *margin-left: -5px; } #station-container fieldset.headline .agent-games,#station-container fieldset.headline .combined-games { margin-top: 5px; } #station-container fieldset.headline .agent-games .agent-group { width: 230px; height: 171px; float: left; margin-right: 18px; margin-bottom: 15px; } #station-container fieldset.headline .combined-games .combined-group { width: 230px; height: 139px; float: left; margin-right: 18px; margin-bottom: 15px; } #station-container fieldset.headline .agent-games .agent-group .agent-image img { width: 230px; height: 139px; display: block; border: none; } #station-container fieldset.headline .combined-games .combined-group .combined-image img { border: medium none; display: block; height: 139px; width: 230px; } #station-container fieldset.headline .agent-games .group-last,#station-container fieldset.headline .combined-games .group-last { margin-right: 0px; } #station-container fieldset.headline .agent-games .agent-group .agent-control { margin-top: 8px; } #station-container fieldset.headline .agent-games .agent-group .agent-control span.control-title { float: left; color: #777777; font-size: 14px; display: inline-block; height: 24px; line-height: 24px; overflow: hidden; width: 120px } #station-container fieldset.headline .agent-games .agent-group .agent-control a { float: right; display: inline-block; background-color: #6bccec; text-align: center; } #station-container fieldset.headline .agent-games .agent-group .agent-control a.control-entrance { height: 24px; padding: 0px 10px; margin-right: 3px; line-height: 24px; color: #fff; font-weight: normal; font-size: 12px; } #station-container fieldset.headline .agent-games .agent-group .agent-control a.control-more { width: 36px; height: 24px; } #station-container fieldset.headline .agent-games .agent-group .agent-control .control-more img { width: 11px; height: 7px; margin: 9px auto 0px; } /*delete*/ #station-container .station-state { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; margin-top: 20px; padding-top: 18px; padding-bottom: 48px; line-height: 18px; font-size: 13px; color: #777777; font-family: 'Segoe UI', Tahoma, Arial, Helvetica, sans-serif; } #station-container .station-state .paragraph { margin-top: 18px; padding-bottom: 18px; } /*delete over*/ #station-container .station-footer { margin-top: 18px; padding-top: 10px; border-top: 1px solid #e1e1e1; color: #777777; display: none; } #station-container .station-footer .language-classification, #station-container .station-footer .station-term,#station-container .station-footer .station-privacy, #station-container .station-footer .games-set { float: left; } #station-container .station-footer .language-classification a,#station-container .station-footer .station-term a,#station-container .station-footer .station-privacy a { display: inline-block; text-align: center; padding: 0px 10px 5px 0px; margin-right: 20px; color: #777777; font-size: 13px; line-height: 18px; } #station-container .station-footer .language-classification a:hover,#station-container .station-footer .station-term a:hover,#station-container .station-footer .station-privacy a:hover,#station-container .station-footer .games-set ul li a:hover { color: #230e0e; text-decoration: underline; } #station-container .station-footer .games-set { display: inline-block; padding-left: 150px; } #station-container .station-footer .games-set ul.game-set1,#station-container .station-footer .games-set ul.game-set2 { float: left; list-style: none; } #station-container .station-footer .games-set ul.game-set1 { margin-right: 40px; } #station-container .station-footer .station-footer-title { font-size: 14px; font-weight: bold; } #station-container .station-footer .games-set ul li a { color: #777777; } #station-container .station-footer .station-follow { float: right; width: 162px; } #station-container .station-footer .station-follow .station-footer-icon { margin-top: 10px; } #station-container .station-footer .station-follow .station-footer-icon a { display: inline-block; width: 32px; height: 32px; background: url(../img/web_index/icon-list66be.png?20130910001) no-repeat; margin-right: 10px; } #station-container .station-footer .station-follow .station-footer-icon a.last { margin-right: 0px; } #station-container .station-footer .station-follow .station-footer-icon a.icon-facebook { background-position: 0px 0px; } #station-container .station-footer .station-follow .station-footer-icon a.icon-tube { background-position: 0px -32px; } #station-container .station-footer .station-follow .station-footer-icon a.icon-twitter { background-position: 0px -64px; } #station-container .station-footer .station-follow .station-footer-icon a.icon-subscribe { background-position: 0px -96px; } /*login*/ #station-wrapper .station-login { width: 352px; background-color: #fff; position: absolute; top: 50px; left: 50%; margin-left: -176px; overflow: hidden; box-shadow: 0 7px 7px rgba(0, 0, 0, 0.8); border-top: 1px solid #e9e9e9; } #station-wrapper .station-login .station-login-top-wrapper .station-login-title { height: 50px; line-height: 50px; border-bottom: 1px solid #e9e9e9; } #station-wrapper .station-login .station-login-top-wrapper .station-login-title .title-content { font-size: 18px; color: #555555; font-weight: bold; margin-left: 38px; } #station-wrapper .station-login .station-login-top-wrapper .station-login-content { width: 275px; margin: 30px auto 23px; } #station-wrapper .station-login .station-login-top-wrapper .station-login-content input { display: inline-block; width: 266px; height: 41px; line-height: normal; line-height: 42px\9; + line-height: 41px; _line-height: 41px; border: 1px solid #bdc7d8; background: url(../img/web_index/input-bg66be.jpg?20130910001) no-repeat top left; font-size: 14px; padding-left: 7px; padding-right: 0px; color:#555555; padding:1px 2px; margin-bottom:0px; border-radius: 0; } #station-wrapper .station-login .station-login-top-wrapper .station-login-content p { border-bottom: 1px solid #f0f0f0; font-size: 13px; color: #999999; margin-top: 20px; padding-bottom: 5px; line-height:19.5px; } #station-wrapper .station-login .station-login-top-wrapper .station-login-content .other-method-login { margin-top: 10px; } /*#station-wrapper .station-login .station-login-top-wrapper .station-login-content .other-method-login a { display: inline-block; width: 32px; height: 32px; background: url(../img/web_index/icon-list.png?20130910001) no-repeat; margin-right: 10px; } #station-wrapper .station-login .station-login-top-wrapper .station-login-content .other-method-login a.icon-facebook { background-position: 0px 0px; } #station-wrapper .station-login .station-login-top-wrapper .station-login-content .other-method-login a.icon-google { background-position: 0px -128px; } #station-wrapper .station-login .station-login-top-wrapper .station-login-content .other-method-login a.icon-twitter { background-position: 0px -64px; } #station-wrapper .station-login .station-login-top-wrapper .station-login-content .other-method-login a.icon-yahoo { background-position: 0px -160px; } #station-wrapper .station-login .station-login-top-wrapper .station-login-content .other-method-login a.icon-windows { background-position: 0px -192px; } */ #station-wrapper .station-login .station-login-top-wrapper .station-login-content .other-method-login a { position: relative; height: 36px; width: 36px; display: inline-block; cursor: pointer; background-image: url(../img/newOfficial/third-part-login-361af4.png?20130910001?1305241646); background-repeat: no-repeat; margin: 2px; } #station-wrapper .station-login .station-login-top-wrapper .station-login-content .other-method-login a.icon-facebook { background-position: 0px 0px; } #station-wrapper .station-login .station-login-top-wrapper .station-login-content .other-method-login a.icon-google { background-position: 0px -36px; } #station-wrapper .station-login .station-login-top-wrapper .station-login-content .other-method-login a.icon-orkut { background-position: 0px -108px; } #station-wrapper .station-login .station-login-top-wrapper .station-login-content .other-method-login a.icon-twitter { background-position: 0px -72px; } #station-wrapper .station-login .station-login-top-wrapper .station-login-content .other-method-login a.icon-baha { background-position: 0px -180px; } #station-wrapper .station-login .station-login-top-wrapper .station-login-content .other-method-login a.icon-yahoo { background-position: 0px -252px; } #station-wrapper .station-login .station-login-top-wrapper .station-login-content .other-method-login a.icon-gamebase { background-position: 0px -216px; } #station-wrapper .station-login .station-login-top-wrapper .station-login-content .other-method-login a.icon-windows { background-position: 0px -144px; } .dialogLoginCom .third-login-container .gamebase_connent { background-position: 0px -216px; } .dialogLoginCom .third-login-container .login-msn { background-position: 0px -144px; } #station-wrapper .station-login .bottom-login-bottom-wrapper { background-color: #f6f6f6; padding-bottom: 15px; } #station-wrapper .station-login .bottom-login-bottom-wrapper .station-login-btn .station-login-wrapper { width: 275px; margin: 0 auto; } #station-wrapper .station-login .bottom-login-bottom-wrapper .station-login-btn .station-login-wrapper .cannot-login { float: left; margin-top: 15px; } #station-wrapper .station-login .bottom-login-bottom-wrapper .station-login-btn .station-login-wrapper .login-btn { float: right; margin-top: 15px; } #station-wrapper .station-login .bottom-login-bottom-wrapper .station-login-btn .station-login-wrapper .cannot-login p{ color:#999999; font-size: 13px; } #station-wrapper .station-login .bottom-login-bottom-wrapper .station-login-btn .station-login-wrapper .cannot-login a { display: block; /*color: #999999; */ color:#008CDD; font-size: 13px; } #station-wrapper .station-login .bottom-login-bottom-wrapper .station-login-btn .station-login-wrapper .cannot-login a:hover { /*color: #230e0e; */ color:#008CDD; text-decoration: underline; } #station-wrapper .station-login .bottom-login-bottom-wrapper .station-login-btn .station-login-wrapper .login-btn a { display: block; width: 117px; height: 41px; text-align: center; line-height: 41px; background-color: #1c9ae2; border: 1px solid #0f8ed7; color: #fff; font-size: 16px; } #station-wrapper .station-login .bottom-login-bottom-wrapper .station-login-btn .station-login-wrapper .login-btn-register a { background-color: #5ec717; border: 1px solid #51b60d; } #station-wrapper .station-login .bottom-login-bottom-wrapper .station-login-btn .station-login-wrapper .login-btn a:hover { background-color: #07659e; text-decoration:none; } #station-wrapper .station-login .bottom-login-bottom-wrapper .station-login-btn .station-login-wrapper .login-btn-register a:hover { background-color: #4cab0b; } a#station-login-close,a#station-register-close { display: block; width: 15px; height: 15px; background: url(../img/web_index/close66be.jpg?20130910001) no-repeat top left; position: absolute; top: 18px; right: 18px; } /*login over*/ /*register login*/ #station-wrapper .station-login .station-login-content .mark { position: relative; } #station-wrapper .station-login .station-login-content .error { margin: 0px; padding: 0px; color: #d50909; font-size: 12px; height: 22px; line-height: 22px; } #station-wrapper .station-login .station-login-content .error span.error-content { float: right; display: none; } #station-wrapper #station-login-register .station-login-content .mark img { position: absolute; top: 18px; right: -18px; } #station-wrapper .img-loading { display: block; position: absolute; left: 170px; width: 18px; top: 165px; display: none; } #station-register .img-loading { top: 290px; } #station-wrapper .state-mark { left: 285px; position: absolute; top: 12px; display: none; } /*register over*/ .clearfix:after { content: ""; display: table; height: 0; font-size: 0; clear: both; visibility: hidden; } * html .clearfix,*+html .clearfix { zoom: 1; } /** * header v140225 */ .header_view .v140225 .second-menu{ display: inline; float: left; } .header_view .v140225 .second-menu span, .header_view .v140225 .second-menu a { display: inline-block; height: 42px; float: left; line-height: 42px; font-size: 14px; padding: 0 20px; color: #fff; } .header_view .v140225 a{ text-decoration: none; } .header_view .v140225 .second-menu a { margin-right: 8px; position: relative; } .header_view .v140225 .second-menu span { background: #00619a; box-shadow: inset 1px 0px 2px 1px #004a7c; } .header_view .v140225 .second-menu a i { display: inline-block; width: 7px; position: absolute; right: -15px; height: 42px; background: url(../img/primaryStation/icons_list1.png) no-repeat 0 -57px; } .header_view .v140225 .menu-m{ display: inline; height: 42px; overflow: hidden; float: right; } .header_view .v140225 .menu-m .line { display: inline-block; height: 40px; float: left; background: url(../img/primaryStation/icons_list1.png) no-repeat 0 -16px; width: 2px; } .header_view .v140225 .menu-m a { display: inline-block; line-height: 42px; padding: 0 12px; float: left; color: #fff; font-size: 14px; white-space: nowrap; cursor: pointer; overflow: hidden; text-overflow: ellipsis; } .header_view .v140225 .menu-m a:hover{ background-color: #07659e; } .header_view .v140225 .facebook-share{ width: 90px; overflow: hidden; margin-top: 10px; float: right; } .header_view .v140225 .logo0225{ float: left; width: 140px; height: 42px; display: block; background: url(../img/primaryStation/337logo20130224.png) no-repeat left center; } /*footer v3*/ .footer_v3 .newCurve{ border-top: #dedede dashed 1px; font-size: 1px; margin-bottom: 20px; } .footer_v3 .one-part{ width: 25%; float: left; font-size: 13px; position: relative; } .footer_v3 .one-part a{ color: #666; } .footer_v3 .one-part >div{ height: 20px; line-height: 20px; } .tips-common-user-status{ position: fixed; _position: absolute; top: 50%; left: 50%; margin-top: -155px; margin-left: -323px; width: 646px; height: 310px; background-color: #ffffff; z-index: 11011; -webkit-box-shadow: 0px 1px 3px rgb(160,160,160); -moz-box-shadow: 0px 1px 3px rgb(160,160,160); box-shadow: 0px 1px 3px rgb(160,160,160); border: 1px solid #c2c2c2\9; display:none; } .tips-common-user-status .close{ display: inline-block; width: 19px; height: 19px; position: absolute; top: 10px; right: 9px; background: url('../img/close.jpg') 0 0 no-repeat; filter: alpha(opacity=100); opacity: 1; cursor: pointer; } .tips-common-user-status .close:hover{ filter: alpha(opacity=100); opacity: 1; } .tips-common-user-status .tips-con{ position: absolute; left: 148px; top: 85px; width: 350px; font-size: 25px; color: #1c9ae2; font-family: 'Microsoft Yahei'; background: url('../img/attention.jpg') left center no-repeat; padding-left: 45px; height: 30px; line-height: 30px; } .tips-common-user-status .tips-button{ position: absolute; bottom: 52px; left: 0px; width: 100%; text-align: center; } .tips-common-user-status .tips-button a{ display: inline-block; width: 155px; height: 40px; line-height: 40px; font-size: 18px; color: #ffffff; text-align: center; } .tips-common-user-status .tips-button a:hover{ text-decoration: none; } .tips-common-user-status .tips-button .btn-refresh{ border: 1px solid #67ba16; -webkit-box-shadow: inset 1px 1px 1px rgb(158,224,68); -moz-box-shadow: inset 1px 1px 1px rgb(158,224,68); box-shadow: inset 1px 1px 1px rgb(158,224,68); filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#71cf16,endColorStr=#5bac0b); background:-moz-linear-gradient(top,#71cf16,#5bac0b); background:-webkit-linear-gradient(top,#71cf16,#5bac0b); background: -o-linear-gradient(top,#71cf16,#5bac0b); } .tips-common-user-status .tips-button .btn-sure{ border: 1px solid #bcbcbc; -webkit-box-shadow: inset 1px 1px 1px rgb(234,234,234); -moz-box-shadow: inset 1px 1px 1px rgb(234,234,234); box-shadow: inset 1px 1px 1px rgb(234,234,234); filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#dfdfdf,endColorStr=#b1b1b1); background:-moz-linear-gradient(top,#dfdfdf,#b1b1b1); background:-webkit-linear-gradient(top,#dfdfdf,#b1b1b1); background: -o-linear-gradient(top,#dfdfdf,#b1b1b1); } .common-user-status-mask{ position: fixed; _position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-color: #000000; opacity: 0.8; filter: alpha(opacity=80) ; z-index: 11010; display:none; }