body {background:#fff url(http://a.xnimg.cn/imgpro/home/2012_spring/bg.jpg) repeat-x;} #header { height:auto;background:#fff url(/images/top_space.png) repeat-x;} .headerwarp { height:40px; width:970px; margin:0 auto; background:none;} #header .menu { float:left; height:40px; padding:0 0 0 10px;} #header a{ color:#fff;} .logo { float:left; width:100px; height:40px; background-image: url(/images/logo.gif); background-repeat: no-repeat; } .logo a { width:100px; height:40px; float:left; } #header .menu li a { float:left; margin:10px; padding:0; line-height:20px; font-size:14px;} #header .menu li a:hover { background:none; text-decoration:underline;} .nav_account { float:right; height:40px; padding:0 10px 0 0;} body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;} body,button,input,select,textarea{ color:#333;font-size:12px; font-family:tahoma,arial,sans-serif;} h1,h2,h3,h4,h5,h6{font-size:100%;} address,cite,dfn,em,var{font-style:normal;} small{font-size:12px;} ul,ol{list-style:none;} a{text-decoration:none;} a:hover{text-decoration:underline;} sup{vertical-align:text-top;} sub{vertical-align:text-bottom;} legend{color:#333;} fieldset,img{border:0;} table{border-collapse:collapse;border-spacing:0;} em { font-weight:bold; color:#FF3D7D;} textarea { border:1px solid #ccc; background:#fff;} select { border:1px solid #ccc; background:#fff;} * { word-wrap: break-word;} .hidden{display:none;} .invisible{visibility:hidden;} .clear:after, .layout:after, #wrap:after, #header:after{content:'\20';display:block;height:0;clear:both;} .clear, .layout, #wrap, #header{*zoom:1;} a:link, a:visited { color:#3B5998;} .left { float:left;} .right { float:right; font-size:12px; font-weight:normal;} .r_option { float:right; font-size:12px; font-weight:normal;} .grid-8{width:300px;} .grid-16{width:665px;} .grid-8,.grid-16{float:left;margin-left:5px;} .col-first {margin-left:0;} #wrap { width:970px; padding-bottom:30px; margin:0 auto;padding-top: 5px;} .notice { padding:5px 10px; border:1px solid #FFECA2; background:#FFF9E1; line-height:1.6em; } .normal_notice { padding:5px 10px; border:1px solid #eee; background:#f8f8f8; line-height:1.6em; } .pagination { float:left; position:relative; left:50%; padding:10px 0;} .page { height:25px; padding-top:10px;} .pagination .page { position:relative; left:-50%;} * html .page { float:left;} .page em { float:left; color:#666; padding:4px 0; border:1px solid #eee; background:#f8f8f8;} .page em.otherpage { padding:4px; margin-left:3px;} .page a { float:left; padding:4px 8px; margin-left:3px; border:1px solid #ddd;} .page a:hover { border:1px solid #C1D6E8; background:#E0F5FE; text-decoration:none;} .page strong { float:left; padding:4px 8px; margin-left:3px; border:1px solid #C1D6E8; background:#E0F5FE;} .popup { border:1px solid #3391CE; background:#fff;} .popup .title { padding:0 10px; border-bottom:1px solid #3391CE; background:#5AA0E1; color:#fff; height:26px; line-height:26px;} .popup .title h2 { float:left; font-size:14px;} .popup .title .close { float:right;} .popup .title a:link, .popup .title a:visited { color:#fff;} .popup .wrap { padding:10px;} .popup .wrap:after { content:'\20'; display:block; height:0; clear:both;} .popup .wrap { *zoom:1;} .normalbtn { padding:2px 6px; border:1px solid #1F6798; border-top:1px solid #3A94CF; border-left:1px solid #3A94CF; background:#22A2EE; color:#fff; cursor:pointer} #header .menu li { float:left; font-size:14px;} #header .menu li.notify { position:relative;} #header .menu li.notify span { position:absolute; top:7px; left:54px; display:block; border:1px solid #DD3822; background:#F03D25; padding:0 2px; line-height:13px; color:#fff; font-size:11px;} #header .menu li.current { background:#C8D5E8;} #header .menu .edit { padding-left: 4px; color: #FFF; font-size: 12px; font-weight: normal; } .nav_account a { float:left; margin:10px 0 10px 8px; line-height:20px;} #header .nav_account span a:link, #header .nav_account span a:visited { color:#CFE4F3;} .login_thumb { float: left; margin: 6px 6px 0 0; padding: 3px 0 0 3px; width: 24px; height: 24px; display: block; } .login_thumb img{ width: 20px; height: 20px; } .menu li.dropmenu { margin: 0 10px 0 0; padding: 10px 15px 10px 10px; height: 20px; overflow: hidden; } .dropmenu_drop { margin: -1px 0 0; padding: 0 10px 10px; width: 150px; border: 1px solid #C8D5E8; background: #FFF; z-index: 200; } .dropmenu_drop li { padding: 5px 10px; border-bottom: 1px solid #EEE; } .dropmenu_drop li a { color: #2C629E; font-size: 12px; font-weight: normal; } .dropmenu_drop .active { font-weight: bold; } #footer { padding:6px 0 0 0; border-top:1px solid #C1D6E8; line-height:1.5em;} #bot-nav { float:left; color:#999;} #copyright { float:right; color:#666; text-align:right;} #show_message { margin-top:20px; padding:0 0 100px 0; background:#fff; border:1px solid #EFF9FE;} #show_message .title { padding:10px; border-bottom:1px solid #EFF9FE; background:#EDF7FC;} #show_message .title h1 { font-size:16px; color:#3893D0;} #show_message .wrap { padding:20px;} #show_message .notice { padding-left:10px; font-size:14px;} #show_message .goto { padding:10px 0 0 11px; line-height:1.8em;} .feedUservideo .vP {margin: 32px 46px; position: absolute;} .feedUservideo img { cursor: pointer; padding: 2px;} #index_page { padding:5px 0 30px 0;} .reg-login { position:relative; height:170px; background:#EDF7FC; z-index:9999px;} #member-list { float:left; width:231px; height:168px; padding:2px 0 0 2px; background:url(/images/index.gif) 0 -40px no-repeat;} #member-list ul {} #member-list li { float:left; padding:8px 0 0 8px;} #member-list li img { float:left; width:45px; height:45px;} #member-list .popup { position:absolute; padding:6px 10px; border:2px solid #70A9EC; background:#fff; line-height:1.5em; width:230px; z-index:10000;} #member-list .popup1 { position:absolute; width:250px; height:200px; z-index:9999; background:none; display:none;} #member-list .popup .arrow { position:absolute; left:10px; top:-11px; width:20px; height:11px; line-height:10px; font-size:1px; background:url(/images/index.gif) -233px -128px no-repeat;} #member-list li .popup img { float:none; width:auto; height:auto;} #member0,#member_bg0 { left:10px; top:57px;} #member1,#member_bg1 { left:63px; top:57px;} #member2,#member_bg2 { left:116px; top:57px;} #member3,#member_bg3 { left:169px; top:57px;} #member4,#member_bg4 { left:10px; top:110px;} #member5,#member_bg5 { left:63px; top:110px;} #member6,#member_bg6 { left:116px; top:110px;} #member7,#member_bg7 { left:169px; top:110px;} #member8,#member_bg8 { left:10px; top:163px;} #member9,#member_bg9 { left:63px; top:163px;} #member10,#member_bg10 { left:116px; top:163px;} #member11,#member_bg11 { left:169px; top:163px;} #reg { float:left; width:422px; margin:20px 0 0 10px; font-size:14px; line-height:1.8em; color:#666;} #reg .regnow { margin-top:10px;} #login { float:left; height:155px; border-left:5px solid #fff; width:300px; padding-top:15px;} #login li { clear:left; padding:0 0 9px 20px;} #login li label { float:left; width:35px; font-size:14px; line-height:28px;} #login .text-input { width:225px; height:26px; border:1px solid #ddd; line-height:26px; font-size:14px;} #login li.operate { padding-left:60px; height:27px; padding-bottom:3px;} #login li.operate .btn { float:left; width:71px; height:27px; border:0; background:url(/images/button.gif); color:#fff; font-size:14px; line-height:27px; cursor:pointer;} #login li.operate label { width:65px; margin-left:10px; font-size:12px; color:#666;} #login li.operate label input { float:left; margin:7px 3px 0 0; *margin:2px 0 0 0;} #login li.operate a { float:right; margin-right:16px; line-height:28px; width:60px; text-align:right;} #login li.other_connect { padding:8px 0 0 0; border-top: 1px solid #E0EAF3; text-align:center;} #login li.other_connect img { margin:0 auto;} .c { margin-top:20px;} .c h2 { height:16px; line-height:16px; color:#00A4F2;font-size:15px;} .c_title{ height:16px; line-height:16px; color:#00A4F2;font-size:15px;} #game h2 { background-position:-233px -96px;} #ournews h2 { background-position:-233px -112px;} .c h2 span.right { font-size:12px; font-weight:normal; text-indent:0;} .c h2 a:link, .c h2 a:visited { color:#00A4F2;} .c h2 a:hover { color:#fff; background:#00A4F2; text-decoration:none;} .c .wrap { margin-top:6px; border-top:1px solid #C2E4F5;} #sl { position:relative; height:740px; overflow:hidden;} #gradient { position:absolute; width:665px; bottom:0; height:50px; *background: none; *filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/images/gradient.png") ; background-image: url(/images/gradient.png); background-repeat: repeat-x; } .feed {} .feed .statusList { padding:0; border-bottom:1px solid #EEF7FC;} .feed .photo { float:left; width:60px; padding-top:4px;} .feed .detail { float:left; width:580px;} .feed .title { color:#999; font-size:14px; line-height:1.6em;} .feed .title span { color:#333;} .feed .summary { line-height:1.8em;} .feed .summary .right { margin:0 0 0 6px;} .feed .summary .left { margin:0 6px 0 0;} .feed .summary img.left { padding:1px; margin-right:10px; border:1px solid #ddd; max-width:80px; max-height:100px;} * html .feed .summary img.left { width:expression(this.width > 80 ? 80 : true);} .feed .summary .media img { padding:0; border:0; width:auto;} .feed .comment { margin-top:10px; padding:6px 0 0 6px; border-left:2px solid #EEF7FC; background:#F7FCFE;} .feed .comment li { padding-bottom:6px; height:20px; line-height:20px; color:#666;} .feed .comment li img { float:left; margin-right:10px; width:20px; height:20px;} .feed .statusList:after, .feed .summary:after{content:'\20';display:block;height:0;clear:both;} .feed .statusList, .feed .summary{*zoom:1;} #topgame { background:url(/images/index.gif) 0 -210px no-repeat; height:175px;} #topgame .arrow { position:relative; height:25px;} #topgame .arrow .l { display:block; position:absolute; left:10px; top:4px; width:15px; height:15px; background:url(/images/index.gif) -233px -195px no-repeat; cursor:pointer;} #topgame .arrow .l:hover { background-position:-248px -195px} #topgame .arrow .r { display:block; position:absolute; right:10px; top:4px; width:15px; height:15px; background:url(/images/index.gif) -263px -195px no-repeat; cursor:pointer;} #topgame .arrow .r:hover { background-position:-278px -195px} #topgame .arrow li { position:absolute; left:125px; top:4px; width:10px; height:15px; background:url(/images/index.gif) -304px -195px no-repeat; text-indent:-9999px; cursor:pointer;} #topgame .arrow li.two { left:135px;} #topgame .arrow li.three { left:145px;} #topgame .arrow li.four { left:155px;} #topgame .arrow li.five { left:165px;} #topgame .arrow li.current { background-position:-293px -195px;} #topgame .detail { height:100px;} #topgame .photo { float:left; padding:10px 10px 0 10px;} #topgame .name { font-size:14px; padding:10px 0 5px 0;} #topgame .summary { padding-right:10px; color:#666; line-height:1.5em;} #topgame .bar { padding:0 20px!important;padding:0 20px; color:#666; line-height:24px;} #topgame .bar em { float:left; font-size:20px;} #topgame .bar .right a:link, #topgame .bar .right a:visited { color:#FF3D7D;} #newgame li { float:left; padding:10px 15px 0 10px; text-align:center; line-height:1.5em;} #newgame li img { display:block; padding-bottom:6px;} #newgame li .submit { display:block; margin:3px 0 2px 6px; width:60px; padding:1px 0; border:1px solid #A5A5A5; border-top:1px solid #C5C5C5; border-left:1px solid #C5C5C5; background:url(/images/my.png) 0 -60px repeat-x;} #ournews .wrap { padding-top:10px;} #ournews dt, #ournews dd { float:left; height:24px;} #ournews dt { width:65px; color:#999;} #ournews dd { width:235px;} #myzhinei_page { padding-top:20px;} .selector_icon { background:url("/images/selector_icon.gif") no-repeat scroll center center transparent; cursor:pointer; display:inline; height:24px; top:2px; *top:3px; position:absolute; left:256px; _left:201px; width:24px; z-index:1000; } .dropdown { position:absolute; top:29px; *top:30px; left:55px; _left:0; display:none; width:227px;overflow:hidden; z-index:999;} .dropdown ul { background:#fff; border:1px solid #ccc; } #DropDown_login ul li { float:none; font-size:12px; font-weight:normal; line-height:20px; margin:0; padding:3px 10px; text-align:left; } #sy_phb_dh{height:25px;overflow:hidden;background-color: #E8F6FF;} #sy_phb_dh ul{float:left;width:665px;} #sy_phb_dh ul li{float:left;width:64px;color: #2C629E;font-weight: bold;height:25px;line-height: 25px;text-align: center;font-size: 13px!important;font-size: 12px;overflow: hidden;} .phb_main ul{float:left;width:665px;} .phb_main ul li{float:left;width:64px;color: #333333;height:30px;line-height: 30px;text-align: center;font-size: 13px!important;font-size: 12px;overflow: hidden;} #sy_phb_dh .sy_phb_dh_1{width:45px;} #sy_phb_dh .sy_phb_dh_2{width:90px;} #sy_phb_dh .sy_phb_dh_3{width:58px;} #sy_phb_dh .sy_phb_dh_4{width:70px;} #sy_phb_dh .sy_phb_dh_5{width:58px;} #sy_phb_dh .sy_phb_dh_6{width:75px;} #sy_phb_dh .sy_phb_dh_7{width:75px;} #sy_phb_dh .sy_phb_dh_8{width:75px;} #sy_phb_dh .sy_phb_dh_9{width:40px;} #sy_phb_dh .sy_phb_dh_10{width:70px;} .phb_main .sy_phb_dh_1{width:45px;} .phb_main .sy_phb_dh_2{width:90px;} .phb_main .sy_phb_dh_3{width:58px;} .phb_main .sy_phb_dh_4{width:70px;} .phb_main .sy_phb_dh_5{width:58px;} .phb_main .sy_phb_dh_6{width:75px;} .phb_main .sy_phb_dh_7{width:75px;} .phb_main .sy_phb_dh_8{width:75px;} .phb_main .sy_phb_dh_9{width:40px;} .phb_main .sy_phb_dh_10{width:70px;} .background_A ul{background-color:#FFFFFF;border-top: 1px solid #E1E1E1;} .background_B ul{background-color:#F8F8F8;border-top: 1px solid #E1E1E1;} .sliders_item li{height: 106px;padding: 6px;float:left;width: 288px;} .sliders_item h3 { margin: 0 0 5px; } .sliders_item h3 a { color: #2C629E; text-decoration: none; } .sliders_item .eimage { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E0E0E0; clear: left; float: left; height: 42px!important; height: 42px; margin: 0 10px 20px 0; overflow: hidden; padding: 1px; width: 42px; } .eimage a { background: none repeat scroll 0 0 #EEEEEE; display: table-cell; height: 42px; text-align: center; vertical-align: middle; width: 42px; } .sliders_item p{height: 19px!important;height: 18px;overflow: hidden;} .eimage a img { max-height: 42px; max-width: 42px; } .nbox .gray, .nbox .gray a { color: #AAAAAA; } .gray { color: #999999; font-size: 12px; font-weight: normal; } .egz { color: #EF9822; padding-left: 5px; } .pipe { color: #DDDDDD; padding: 0 0.4em; } .huodong_button{height:120px;overflow:hidden;} .box_hd { height: 21px; margin-bottom: 5px; color: #545454; } .fn_mission { margin-top: -3px; } .fn_mission .ui_avatar { border-radius: 3px 3px 3px 3px; float: left; margin: 3px 10px 0 0; overflow: hidden; border: 1px solid #999999; } .ui_avatar img { width:90px; height:120px; } .fn_mission .textoverflow { display: block; padding-top: 2px; width: 190px; height:15px; } .c_tx4 { color: #FE6600 !important; } .textoverflow { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: -2px; word-wrap: normal; } .fn_mission .gb_bt { height: 19px; line-height: 19px; } .gb_bt, .gb_bt2 { padding: 0 7px 2px; } .gb_bt, .gb_bt2, .bt_tx1, .bt_tx2, .bt_tx4, .bt_tx5, .bt_tx6, .bt_tx7 { border-style: solid; border-width: 1px; display: inline-block; height: 20px; line-height: 18px; overflow: hidden; padding-bottom: 2px; text-align: center; } .gb_bt, .bt_tx1, .bt_tx2, .bt_tx4, .bt_tx5, .bt_tx6, .bt_tx7 { background-color: #96A3B0; background-image: -moz-linear-gradient(center top , #96A3B0 0pt, #96A3B0 5%, #7C8C9C 5%, #7C8C9C 100%); background-position: 0 0 !important; border: 1px solid #667789; color: #FFFFFF; } .fn_mission .mission_op { clear: both; padding-top: 10px; padding-bottom: 10px; }