/* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; } body { line-height: 1; } ol, ul ,li { list-style: none; } em{ font-style:normal; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } iframe { display: block; } #login_tb input { padding-top:0; padding-bottom:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } body { font: 12px/1.5 Arial,sans-serif; } a:focus { outline: 1px dotted; } h1 { font-size: 12px; font-weight:400; } h3 { font-size:14px; font-weight:bold; } ol { list-style: decimal; } /* coding style */ pre, code, kbd, samp, tt { font-family:monospace; line-height:100%; } .marker1{ color:#999; }/* common */ a{ color:#444; text-decoration:none; } a:hover{ text-decoration:underline; } .clearfix{ display:block; zoom:1; } .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .hidden{ display: none !important; } .inset-shadow{ border:1px solid #CFCFCF; -webkit-box-shadow:inset 2px 2px 4px #f8f8f8; -moz-box-shadow:inset 2px 2px 4px #f8f8f8; box-shadow:inset 2px 2px 4px #f8f8f8; resize:none; } /** * box-shadow,css3,阴影 */ /* app-single module */ .app-single-item{ *zoom:1; *display:block; } .app-single-item:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .app-single-item .app-name{ white-space:nowrap; } .app-single-item dt{ float:left; width:70px; height:70px; position:relative; text-align:center; } .app-single-item dt img{ width:64px; height:64px; padding:3px; display:block; } .app-single-item dd{ float:left; padding:5px 0 0 3px; color:#999; } .app-single-item dd p{ margin:3px 0 0 0; } .app-single-item dd strong{ font-weight:normal; color:#f05858; } .app-single-grade, .app-single-grade i{ display:block; height:8px; background:url("http://apps.bdimg.com/static/04251710/appweb/images/score.png") no-repeat 0 -9px; } .app-single-grade{ width:50px; margin:3px 0; text-align:left; overflow:hidden; } .app-single-grade i{ background-position:0 0; } .app-single-grade i.app-score-0{width:0;} .app-single-grade i.app-score-1{width:10px;} .app-single-grade i.app-score-2{width:20px;} .app-single-grade i.app-score-3{width:30px;} .app-single-grade i.app-score-4{width:40px;} .app-single-grade i.app-score-5{width:50px;} .app-single-round{ position:absolute; width:70px; height:70px; top:0; left:0; cursor:pointer; background:url("http://apps.bdimg.com/static/04251710/appweb/images/round_cover.png") no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://apps.bdimg.com/static/04251710/appweb/images/round_cover.png",enabled=true,sizingMethod=noscale); } .developer-apps .app-single-round{ background-image:url("http://apps.bdimg.com/static/04251710/appweb/images/round_cover2.png"); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://apps.bdimg.com/static/04251710/appweb/images/round_cover2.png",enabled=true,sizingMethod=noscale); } #MyFavoAppWrap .manage li .app-single-round{ background-image:url("http://apps.bdimg.com/static/04251710/appweb/images/round_cover4.png"); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://apps.bdimg.com/static/04251710/appweb/images/round_cover4.png",enabled=true,sizingMethod=noscale); } #MyFavoAppWrap .manage li:hover .app-single-round, #MyFavoAppWrap .manage li.hover .app-single-round{ background-image:url("http://apps.bdimg.com/static/04251710/appweb/images/round_cover3.png"); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://apps.bdimg.com/static/04251710/appweb/images/round_cover3.png",enabled=true,sizingMethod=noscale); } /** * _background:none; * _filter:... * 为IE6添加图片透明滤镜,解决IE6不支持PNG图片透明问题 */ .app-single-item-center{ text-align:center; overflow:hidden; } .app-single-item-center dt{ float:none; margin:0 auto; } .app-single-item-center dd{ float:none; padding-left:0; } .app-single-item-center .app-single-grade{ margin:3px auto; } .app-single-item-type .app-single-grade{ display:inline-block; vertical-align:middle; margin:0 5px 5px 0; *display:inline; *zoom:1; } /** * *display:inline; * *zoom:1; * 解决IE6不支持display:inline-block问题 */ .app-single-item-details{ font-size:12px; position:relative; } .app-single-item-details a.app-name{ color:#1f81b5; } .app-single-item-details dd{ float:none; padding-top: 0; margin-left:71px; _margin-left:68px; /** * _margin-left:68px; * 解决IE6 3px问题 */ } .app-single-item-details p{ color:#333; } .app-single-item-details p a{ margin:0 5px 0 0; } .app-single-item-details .app-name{ font-weight:bold; margin:0 5px 0 0; } .app-single-item-details .app-single-grade{ float:right; } .app-single-item-widget{ float:right; color:#999; font-size:12px; margin:0 0 0 20px; } .app-single-item-pk{ position:relative; } .app-single-item-pk h4 { line-height: 1.6; } .app-single-item-pk p { color: #444; } .app-single-item-pk .player img { vertical-align: middle; margin: -2px 5px 0 0; width:16px; height:16px; } .app-single-item-pk .score em { color: #F05858; font-style: normal; margin: 0 5px 0 0; } .app-single-item-edit dd { padding-top: 0; margin-top: -3px; } .app-single-item-edit dd p { margin-top: 0; } .app-single-item-edit .app-name { color: #0066CB; font-size: 14px; } .app-single-item-edit .discription { color: #333; } .developer_lv1, .developer_lv2, .developer_lv3, .developer_lv4{ display:inline-block; width:30px; height:20px; position: relative; top: 4px; *zoom:1; *display:inline; _top:2px; } .developer_lv1{background:url("http://apps.bdimg.com/static/04251710/appweb/images/icon/dev_lv1.png") no-repeat;} .developer_lv2{background:url("http://apps.bdimg.com/static/04251710/appweb/images/icon/dev_lv2.png") no-repeat;} .developer_lv3{background:url("http://apps.bdimg.com/static/04251710/appweb/images/icon/dev_lv3.png") no-repeat;} .developer_lv4{background:url("http://apps.bdimg.com/static/04251710/appweb/images/icon/dev_lv4.png") no-repeat;} .developer_lv1{ _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://apps.bdimg.com/static/04251710/appweb/images/icon/dev_lv1.png",enabled=true,sizingMethod=noscale); } .developer_lv2{ _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://apps.bdimg.com/static/04251710/appweb/images/icon/dev_lv2.png",enabled=true,sizingMethod=noscale); } .developer_lv3{ _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://apps.bdimg.com/static/04251710/appweb/images/icon/dev_lv3.png",enabled=true,sizingMethod=noscale); } .developer_lv4{ _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://apps.bdimg.com/static/04251710/appweb/images/icon/dev_lv4.png",enabled=true,sizingMethod=noscale); } /* popular-developers module */ #PopularDevelopers{ width:250px; margin:0 auto; padding-bottom:10px; } #PopularDevelopers h3{ padding:5px 3px ; border-bottom:1px solid #cdd4dc; } .popular-developers-list{ padding-top:5px; } .popular-developers-list li{ float:left; width:110px; height:52px; margin:5px 6px; border:1px solid #e9e9e9; background:#fff; overflow:hidden; *display:inline; } .popular-developers-list td{ width:110px; height:52px; text-align:center; } /* * *display:inline; * 解决IE6浮动双倍边距问题 */ /* .popular-developers-list a{ height:52px; display:table-cell; vertical-align:middle; } * 差异化显示,不支持table-cell的浏览器,图片垂直居上 */ .popular-developers-list img{ width:110px; vertical-align:middle; } /* hot-app-type module */ .hot-app-type{ width:690px; } .hot-app-title{ border-top:1px solid #dfe5ea; background:#f5f7f8; padding:0 10px; height:32px; line-height:33px; overflow:hidden; } .hot-app-title h4{ float:left; color:#666; font-size:14px; font-weight:normal; } .hot-app-title h4 a{ display:block; padding-left:26px; background-image:url("http://apps.bdimg.com/static/04251710/appweb/images/icon.png"); background-repeat:no-repeat; } .hot-app-title h4 a:hover{text-decoration:none;} .hot-app-title h4.game a{ background-position:0 -20px; } .hot-app-title h4.reads a{ background-position:0 -52px; } .hot-app-title h4.tools a{ background-position:0 -84px; } .hot-app-title h4.video a{ background-position:0 -116px; } .hot-app-title h4.music a{ background-position:0 -148px; } .hot-app-title h4.life a{ background-position:0 -180px; } .hot-app-title .more{ float:right; color:#3375ad; } .hot-app-list{ padding:15px 0 10px 0; margin:0 5px; } .hot-app-list li{ float:left; width:97px; } .hot-app-list-simple{ padding:5px 0 10px 0; margin:0 5px; background:url("http://apps.bdimg.com/static/04251710/appweb/images/sep.gif") 0 0 repeat-x; } .hot-app-list-simple li{ float:left; width:82px; height:25px; padding:0 0 0 15px; line-height:25px; background:url("http://apps.bdimg.com/static/04251710/appweb/images/icon.png") no-repeat 6px 10px; overflow:hidden; } /* week-popular-recommend module */ .week-popular-recommend-list{ padding:0 0 10px 13px; } .week-popular-recommend-list li{ float:left; width:157px; height:70px; padding:12px 0; margin:0 3px 0 0; overflow:hidden; } .week-popular-recommend-list .app-single-item dd{ width:83px; overflow:hidden; } .week-popular-recommend-type{ float:left; width:220px; margin:0 12px 0 13px; display:inline; } .week-popular-recommend-type h4{ border-bottom:1px solid #e2e8f1; padding:0 5px; font-size:12px; color:#666; } /* rank-list module */ .rank-list{ } .rank-list li{ height:29px; padding:0 5px; overflow:hidden; border-bottom:1px solid #e2e8f1; vertical-align:bottom; } .rank-list li.last{ border-bottom:none; } .rank-list li a{ float:left; margin:7px 0 0 0; +font-family:"宋体"; } /** * +font-family:"宋体"; * 解决IE7下text-decoration:underline,底线不对齐的问题 */ .rank-list li a img{ margin:0 5px 0 0; } .rank-list .rank-num{ float:left; width:14px; height:13px; margin:9px 6px 0 0; color:#fff; text-align:center; line-height:13px; font-size:10px; text-indent:-99px; overflow:hidden; background:url("http://apps.bdimg.com/static/04251710/appweb/images/bg.png") no-repeat; } .rank-list .rank-snum1{background-position:-15px -67px;} .rank-list .rank-snum2{background-position:-15px -81px;} .rank-list .rank-snum3{background-position:-15px -95px;} .rank-list .rank-num1{background-position:0 -10px;} .rank-list .rank-num2{background-position:0 -23px;} .rank-list .rank-num3{background-position:0 -36px;} .rank-list .rank-num4{background-position:0 -49px;} .rank-list .rank-num5{background-position:0 -62px;} .rank-list .rank-num6{background-position:0 -75px;} .rank-list .rank-num7{background-position:0 -88px;} .rank-list .rank-num8{background-position:0 -101px;} .rank-list .rank-num9{background-position:0 -114px;} .rank-list .rank-num10{background-position:0 -127px;} .rank-trend{ float:right; width:7px; height:8px; margin:12px 0 0 0; overflow:hidden; background:url("http://apps.bdimg.com/static/04251710/appweb/images/bg.png") no-repeat 0 0; } .rank-up{ background-position:0 0; } .rank-down{ background-position:-7px 0; } .rank-keep{ background-position:-34px 0; } .rank-list li.top{ height:auto; padding:10px 5px; position:relative; *zoom:1; } /** * *zoom:1; * 解决IE相对定位位置偏移 */ .rank-list li.top a{ float:none; } .rank-list li.top a img{ margin:0; } .rank-list li.top .rank-trend{ margin-top:33px; } .rank-list li.top .rank-num{ float:none; position:absolute; top:10px; left:10px; margin:0; width:16px; height:21px; z-index:100; } .rank-list li.top .rank-num1{background-position:-15px 0;} .rank-list li.top .rank-num2{background-position:-15px -21px;} .rank-list li.top .rank-num3{background-position:-15px -42px;} .rank-list li.top dl{ position:relative; } .app-single-item dd a.app-name img{ margin:3px 0 0 2px; } .hot-app-rank{ padding:0 0 25px 0; } .hot-app-rank .rank-num{ width:18px; text-indent:0; background:none; color:#8d8d8d; font-family:Georgia; font-size:12px; } .hot-app-rank li{ padding:3px 8px; border-bottom-style:dashed; } .hot-app-rank a{ color:#0066cc; } /* tab-change module */ .tab-change-content{ padding:0 10px; border-top:1px solid #cad1db; border-bottom:1px solid #cad1db; background:#f6f9fb; height:27px; margin:5px 0; _overflow:hidden; } /* * _overflow:hidden; * 解决IE溢出问题 */ .tab-change{ } .tab-change li{ float:left; } .tab-change li.last a{ border:none; } .tab-change li a{ display:block; color:#a2a2a2; padding-left:8px; border-right:1px solid #cad1db; position:relative; *zoom:1; } /* * *zoom:1; * 解决IE负边距不显示问题 */ .tab-change li a span{ display:block; height:27px; padding-right:8px; line-height:27px; cursor:pointer; text-align:center; } .tab-change .current a{ color:#666; padding-left:11px; margin:0 -2px 0 -3px; top:-4px; text-align:center; background:url("http://apps.bdimg.com/static/04251710/appweb/images/nav.png") no-repeat 0 0; border:none; z-index:2; text-decoration:none; overflow:hidden; } .tab-change .current a span{ padding-top:4px; padding-bottom:1px; padding-right:11px; background:url("http://apps.bdimg.com/static/04251710/appweb/images/nav.png") no-repeat right 0; } /* popular-favo module */ .side-bar-title{ padding:10px 10px 6px; } .popular-favo{ padding:16px 20px; } .popular-favo dd{ width:160px; } /* side-app-rank module */ .side-app-rank{ padding: 16px 20px; } /* my-integral-rank module */ .my-integral-rank-title{ border-top:1px solid #cdd4dc; height:31px; line-height:31px; background:#f4f6f8; color:#999; overflow:hidden; } .my-integral-rank-title span, .my-integral-rank-btn a{ display:inline-block; *display:inline; *zoom:1; /* * *display:inline; * *zoom:1; * 解决IE不支持display:inline-block; */ } .my-integral-rank-title .column1{ padding-left:9px; } .my-integral-list{ padding:0 9px; } .my-integral-list li{ height:28px; line-height:28px; overflow:hidden; border-bottom:1px solid #e2e8f1; vertical-align:bottom; /* * vertical-align:bottom; * 解决IE有下边距的问题 */ } .my-integral-list li span{ float:left; } .my-integral-list li span.column1{ line-height: 14px; padding-top: 7px; white-space: nowrap; overflow:hidden; } .my-integral-list li span.column1 img{ vertical-align:top; } .my-integral-rank-btn{ text-align:right; } .my-integral-rank-btn a{ width:17px; height:15px; background:url("http://apps.bdimg.com/static/04251710/appweb/images/bg.png") no-repeat -45px 0; margin-left:3px; cursor:default; overflow:hidden; } .my-integral-rank-btn a.next-able, .my-integral-rank-btn a.previous-able{ cursor:pointer; } .my-integral-rank-btn a.next{ background-position:-45px -34px; } .my-integral-rank-btn a.next-able{ background-position:-45px 0; } .my-integral-rank-btn a.next-able:hover{ background-position:-45px -17px; } .my-integral-rank-btn a.previous{ background-position:-62px -34px; } .my-integral-rank-btn a.previous-able{ background-position:-62px 0; } .my-integral-rank-btn a.previous-able:hover{ background-position:-62px -17px; } /* recently_used_app module */ .wrap-top,.wrap-bottom{ height:5px; font-size:1px; position:relative; } .wrap-left,.wrap-right{ position:absolute; width:5px; height:5px; background:url("http://apps.bdimg.com/static/04251710/appweb/images/bg.png") no-repeat; } .wrap_center{ display:block; margin:0 5px; height:4px; background:#fff; } .wrap-top .wrap_center{ border-top:1px solid #e5e5e5; } .wrap-top .wrap-left{ top:0; left:0; background-position:-32px -12px; } .wrap-top .wrap-right{ top:0; right:0; background-position:-37px -12px; } .wrap-bottom .wrap_center{ border-bottom:1px solid #e5e5e5; } .wrap-bottom .wrap-left{ bottom:0; left:0; background-position:-32px -17px; } .wrap-bottom .wrap-right{ bottom:0; right:0; background-position:-37px -17px; } .wrap-main{ border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background:#fff; } /* payment_records module */ .pay-records-list{ } .pay-records-list table{ width:100%; } .pay-records-list th{ height:27px; font-size:14px; background:#f5f5f5; font-weight:normal; } .pay-records-list td{ height:45px; font-size:12px; } .pay-records-list td.column2, .pay-records-list td.column3, .pay-records-list td.column4{ text-align:center; } .pay-records-list td.column1{ padding-left:30px; width:150px; } .pay-records-list td.column1 a{ color:#29a3e2; } .pay-records-list td.column1 img{ float:left; margin-right:5px; } .pay-records-list tr:hover td, .pay-records-list .hover td{ background:#eaf8fb; } /* developer_info module */ .developer-info{ width:984px; height:190px; background:url("http://apps.bdimg.com/static/04251710/appweb/images/dev_info.png") no-repeat; margin-top:20px; } .developer-intro{ border:1px solid #e4ecf5; width:278px; padding:0 0 10px 0; } .developer-intro h3{ height:35px; line-height:35px; padding:3px 18px 0; margin-bottom:10px; border-bottom:1px solid #e4ecf5; background:#f5f7f8; } .developer-info .developer-intro{ float:right; width:280px; border:none; padding:0; } .developer-info .developer-intro h3{ background:none; } .developer-apps{ float:left; width:660px; padding:0 15px; } .developer-apps .title{ height:38px; line-height:38px; } .developer-apps h3{ float:left; } .developer-apps .more{ float:right; color:#3375ad; } .developer-apps li{ float:left; width:110px; } .developer-icon{ float:left; width:112px; height:54px; border:1px solid #E9E9E9; background:#fff; margin-bottom:10px; overflow:hidden; } .developer-icon table{ width:100%; height:100%; vertical-align:middle; text-align:center; } .developer-icon img{ max-width:112px; max-height:54px; _width:112px; /* * _width:112px; * 解决IE 不支持max-** */ } .developer-intro-content{ padding:0 0 0 18px; } .developer-intro-content .interaction{ float:left; padding:0 0 0 8px; } .developer-intro-content .interaction a{ display:inline-block; line-height:25px; padding:0 5px 0 13px; color:#0566cc; background:url("http://apps.bdimg.com/static/04251710/appweb/images/icon.png") no-repeat -3000px -3000px; *display:inline; *zoom:1; } .developer-intro-content .interaction a.ico-donate{ background-position:0 -265px; } .developer-intro-content .interaction a.ico-contact{ background-position:0 -306px; } .developer-intro-content .inline{ padding-left:0; } .developer-intro-content em{ display:block; font-weight:bold; margin-bottom:3px; } .developer-intro-content .interaction em a{ padding:0; line-height:20px; color:#000; } .developer-intro-content p{ word-break:break-all; word-wrap:break-word; width:242px; clear:both; position:relative; line-height:1.8em; *zoom:1; /** * *zoom:1 * 解决IE6下绝对定位不准确 */ } .developer-intro-content p.low-key{ color:#999; } .developer-intro-content p .more{ color:#0566cc; margin-left:20px; } .app-intro-image{ width:984px; margin:20px auto; text-align:center; padding-bottom:20px; /*background:url("http://apps.bdimg.com/static/04251710/appweb/images/app_img_bg.png") no-repeat bottom 0;*/ background:url("http://apps.bdimg.com/static/04251710/appweb/images/app_img_bg.png") no-repeat 0 bottom; } /* comments modules */ .app-info-comment{ width:690px; } .app-comment-title{ padding:6px 20px; background:#f1f6f9; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .app-comment-title em, .app-comment-title span{ float:left; } .app-comment-title a{ float:right; } .app-comment-title em{ font-size:14px; font-weight:bold; font-style:normal; margin-right:10px; } .app-comment-title .app-single-grade{ margin-right:5px; margin-top:7px; } .app-comment-num{ padding:2px 0 0 0; color:#06c; } .app-comment-score-tip{ color:#999; margin-left:5px; } .ico-remove-authorization{ margin-top:3px; padding:0 0 0 18px; color:#999; background:url("http://apps.bdimg.com/static/04251710/appweb/images/icon.png") no-repeat 0 -348px; } .app-comment-list{ padding:10px 16px; } .app-comment-list .last{ border:none; } .app-comment-item{ padding:12px 0; border-bottom:1px dashed #e5e5e5; overflow:hidden; } .app-comment-item-header span{ float:left; } .app-comment-item-header .app-single-grade{ margin:5px 0; } .app-comment-item-header .app-comment-username{ color:#06c; } .app-comment-item-header .app-comment-time{ float:right; color:#999; } .app-comment-item-header .app_score_tip{ color:#999; } .app-comment-content{ clear: both; font-size:14px; padding:5px 0; width:658px; overflow:hidden; word-wrap:break-word; word-break:break-all; } .app-info-comment .pagination{ padding:10px 0; } .app-comment-submit{ width:80px; height:30px; background:url("http://apps.bdimg.com/static/04251710/appweb/images/bg.png") no-repeat -75px -143px; border:none; cursor:pointer; color:#fff; font-weight:bold; vertical-align:middle; } .app-comment-score-picker{ float:left; cursor:pointer; margin:5px 5px 2px; } .app-comment-form{ background:#f5f7f8; padding-bottom:10px; } .app-comment-form h4{ padding:10px 20px; color:#286bae; font-size:14px; font-weight:bold; background:#dbe8f4; } .app-comment-form td,.app-comment-form th{ padding-top: 6px; text-align: left; vertical-align: top; } .app-comment-form th{ padding-left:20px; font-size:14px; font-weight:normal; text-align:justify; } .app-comment-img img{ height: 26px; margin-left: 10px; vertical-align: middle; } .app-comment-img-change{ color: #006CC4; cursor: pointer; margin-left: 10px; } .app-responsibility{ color:#999; padding:15px 0; } .app-comment-textarea{ width:468px; height:85px; padding:3px; border:1px solid #cfcfcf; } .app-comment-code{ width:72px; height:18px; padding:3px; border:1px solid #cfcfcf; vertical-align:middle; } .app-comment-status{ padding:0 0 0 5px; } .app-comment-error{ color:#f00; } /* footer module */ .footer{ color: #7777CC; height: 60px; margin: 0 auto; padding-top: 18px; text-align: center; width: 963px; } .footer a{ color: #7777CC; text-decoration:underline; } /* app_score_stangdings module */ .app-score-stangdings-list{ width:162px; border:1px solid #e6f3f6; border-left:0; padding-bottom:36px; position:relative; border-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; } .app-score-stangdings-list em{ background:#f8fbfc url("http://apps.bdimg.com/static/04251710/appweb/images/icon.png") no-repeat 16px -383px; color:#666; font-weight:bold; display:block; padding:5px 0 5px 36px; border-bottom:1px solid #e6f3f6; cursor:pointer; } /* 定义要调用的动画 .app-score-stangdings-list em:hover{ -webkit-transition:all; -webkit-animation-name: x-spin; -webkit-animation-duration: 0.8s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; } @-webkit-keyframes x-spin { 0% {background-position:16px -383px; } 50% {background-position:18px -383px; } 100% {background-position:14px -383px; } } */ .app-score-stangdings-button em{ display:block; width:16px; height:54px; padding:30px 7px 0; text-align:center; line-height:1.2em; color:#666; cursor:pointer; margin-left:5px; margin-right:45px; background:url("http://apps.bdimg.com/static/04251710/appweb/images/bg.png") no-repeat -45px -56px; } .app-score-stangdings-list-none{ background:url("http://apps.bdimg.com/static/04251710/appweb/images/app_score_none.png") no-repeat center center; } .app-score-stangdings-list .rank-num{ font-family:"Times New Roman"; } .app-score-stangdings-list img{ width:24px; height:24px; } .app-score-stangdings-list .rank-score{ float:right; font-family:Tahoma; padding-top:6px; width:80px; overflow:hidden; height:18px; text-align:right; } .app-score-stangdings-list ol{ padding:0 10px; } .app-score-stangdings-list li{ border-style:solid; border-color:#f2f2f2; padding:3px; } .app-score-stangdings-list li a{ margin:3px 0 0 0; line-height:22px; white-space:nowrap; width:24px; height:22px; overflow:hidden; } .app-score-stangdings-list .my-integral-rank-btn{ position:absolute; right:10px; bottom:10px; padding:0; height:15px; } /********************************************************************************/ /* tab module */ .tab li { float: left; position: relative; } .tab li span { cursor:pointer; } .tab li.current a:hover{ text-decoration:none; } /** Tab module: Type default **/ .tab-content a{ outline:none; } .tab-content-default { padding:0 10px; background: url(http://apps.bdimg.com/static/04251710/appweb/images/tab/tab-bg.gif) repeat-x left top; } .tab-content-default li { height: 32px; background: url(http://apps.bdimg.com/static/04251710/appweb/images/tab/tab-li-sep.gif) no-repeat right top; } .tab-content-default li.last { background: none; } .tab-content-default a { display: block; height: 32px; } .tab-content-default li.current a { background: url(http://apps.bdimg.com/static/04251710/appweb/images/tab/tab-default.png) no-repeat left top; width: 100%; position: absolute; left: -3px; padding-left: 6px; } .tab-content-default span { text-decoration: none; color: #999; display: block; height: 28px; text-align: center; padding-top: 4px; line-height: 28px; _line-height: 30px; /* * 以上只针对IE6样式微调 */ } .tab-content-default li.current span { background: #FFF url(http://apps.bdimg.com/static/04251710/appweb/images/tab/tab-default.png) no-repeat right top; color: #666; padding-right: 6px; } /** Tab module: Type news **/ .tab-content-news { border-bottom: 1px solid #C2DAE2; padding-left: 7px; width: 100%; } .tab-content-news li { top: 1px; height: 24px; text-align: center; line-height: 24px; padding: 0 9px; } .tab-content-news li.current { height: 22px; line-height: 23px; overflow:hidden; border: 1px solid #C2DAE2; padding: 0 8px; border-bottom: 1px solid #E8F5F9; background: url(http://apps.bdimg.com/static/04251710/appweb/images/tab/tab-news.png) repeat-x left top; } .tab-content-news a { color: #3E9ECE; } /** Tab module: Type pay **/ .tab-content-pay { border-bottom: 1px solid #C6C6C6; padding-left: 21px; height: 35px; } .tab-content-pay li { height: 35px; top: 1px; } .tab-content-pay a { display: block; height: 35px; padding-left: 20px; float: left; } .tab-content-pay li.current a { background: url(http://apps.bdimg.com/static/04251710/appweb/images/tab/tab-pay.png) no-repeat left top; } .tab-content-pay span { display: block; float: left; height: 35px; padding-right: 20px; color: #626262; line-height: 35px; text-align: center; overflow: hidden; _line-height: 37px; /* * 以上只针对IE6样式微调 */ } .tab-content-pay li.current span { background: url(http://apps.bdimg.com/static/04251710/appweb/images/tab/tab-pay.png) no-repeat right top; color: #535353; font-weight: bold; } /** Tab module: Type category **/ .tab-content-category li{ float:left; } .tab-content-category a { background: url(http://apps.bdimg.com/static/04251710/appweb/images/tab/sep-category.gif) no-repeat right center; color: #7F8D94; display: block; float: left; padding-left: 10px; height: 25px; } .tab-content-category span { display: block; float: left; padding-right: 10px; height: 25px; line-height: 25px; } .tab-content-category li.last a { background: none; } .tab-content-category li.current a { background: url(http://apps.bdimg.com/static/04251710/appweb/images/tab/tab-category.png) no-repeat left center; color: #FFF; position: relative; left: -1px; } .tab-content-category li.current span { background: url(http://apps.bdimg.com/static/04251710/appweb/images/tab/tab-category.png) no-repeat right center; } /** Tab module: Type hot **/ .tab-content-hot { height: 29px; } .tab-content-hot li.first a { background: none; } .tab-content-hot li.last span { background: none; } .tab-content-hot a { padding-left: 18px; background: url(http://apps.bdimg.com/static/04251710/appweb/images/tab/sep-hot.gif) no-repeat left center; height: 25px; display: block; float: left; color: #7A919D; } .tab-content-hot span { height: 25px; display: block; line-height: 25px; padding-right: 18px; background: url(http://apps.bdimg.com/static/04251710/appweb/images/tab/sep-hot.gif) no-repeat right center; position: relative; right: -1px; float: left; } .tab-content-hot li.current { background: url(http://apps.bdimg.com/static/04251710/appweb/images/tab/tab-hot-left.png) no-repeat left top; _background: url(http://apps.bdimg.com/static/04251710/appweb/images/tab/tab-hot-left.gif) no-repeat left top; } .tab-content-hot li.current a { background: url(http://apps.bdimg.com/static/04251710/appweb/images/tab/tab-hot-right.png) no-repeat right top; _background: url(http://apps.bdimg.com/static/04251710/appweb/images/tab/tab-hot-right.gif) no-repeat right top; color: #454545; } .tab-content-hot li.current span { height: 29px; padding-right: 0; margin-right: 18px; *display: inline; background: url(http://apps.bdimg.com/static/04251710/appweb/images/tab/tab-hot.png) no-repeat center top; _background: url(http://apps.bdimg.com/static/04251710/appweb/images/tab/tab-hot.gif) no-repeat center top; } /** Tab module: Type most **/ .tab-content-most li { float:left; background: url(http://apps.bdimg.com/static/04251710/appweb/images/tab/sep-most.gif) no-repeat left center; padding: 0 12px; } .tab-content-most li.first { background: none; } .tab-content-most li.current { background: url(http://apps.bdimg.com/static/04251710/appweb/images/tab/tab-most.gif) no-repeat left center; } .tab-content-most a { color: #7F8D94; _vertical-align: -2px; } .tab-content-most li.current a { color: 444px; } /* Header module */ .header-top { position: relative; width:984px; height: 79px; margin:0 auto; } .header-logo { float: left; margin: 20px 0 0 180px; *display: inline; /* * 以上只针对解决IE6浮动margin翻倍的问题 */ } .header-search { float: left; background: #FFF url(http://apps.bdimg.com/static/04251710/appweb/images/header/input.gif) no-repeat left top; margin: 30px 0 0 20px; *display: inline; /* * 以上只针对解决IE6浮动margin翻倍的问题 */ } .header-search-input { background: none; height: 32px; width: 350px; border: none; padding: 1px 10px; color: #000; font-size: 14px; line-height: 34px; float: left; } .header-search-button { height: 34px; width: 93px; background: url(http://apps.bdimg.com/static/04251710/appweb/images/header/button.png) no-repeat left top; border: none; margin-left: 6px; float: left; text-indent: -999px; cursor:pointer; } /* Header-fullscreen module */ .fullscreen .header{ background: url(http://apps.bdimg.com/static/04251710/appweb/images/fullscreen/bg.png) repeat-x left bottom; } .fullscreen .content{ width:auto; border-bottom:1px solid #d8e5ec; padding-bottom:20px; } .header-fullscreen { width:984px; margin:0 auto; position:relative; } .header-fullscreen .header-logo { margin-left: 20px; margin-top: 2px; } .header-fullscreen .app-title { float: left; font-size: 22px; font-weight: bold; margin: 2px 0 0 20px; color: #333; } .header-fullscreen .back { float: right; margin: 13px 5px 0 0; color: #1F81B5; line-height: 12px; } .header-fullscreen .pass-info { top: 13px; } /* Header-account module */ .pass-info{ position:absolute; top:3px; right:10px; padding-bottom: 3px; } .pass-info li,.pass-info a{ display:inline-block; *display:inline; *zoom:1; } .pass-info li{ margin-right:3px; } .pass-info a { color: #0000CC; text-decoration: underline; } /* Navigation module */ .navigation { width:984px; height: 42px; margin:0 auto; } .navigation ul{ padding:0 20px; } .navigation a{ float:left; color:#fff; font-size:14px; padding-left:25px; } .navigation a span{ float:left; height:38px; line-height:39px; padding-right:25px; overflow:hidden; cursor:pointer; } .navigation li{ float: left; margin: 4px 10px 0 0; } .navigation li.current a{ font-weight:bold; background: url(http://apps.bdimg.com/static/04251710/appweb/images/navigation/current.png) no-repeat left top; } .navigation li.current a:hover{ text-decoration:none; } .navigation li.current span{ background: url(http://apps.bdimg.com/static/04251710/appweb/images/navigation/current.png) no-repeat right top; } .navigation-list li.current a { font-weight: bold; } /* Pagination module */ .pagination{ text-align:center; } .pagination a, .pagination span { display: inline-block; *display:inline; *zoom:1; /** * *display:inline; * *zoom:1; * 解决IE不支持display: inline-block; */ vertical-align:top; height: 26px; text-align: center; line-height: 26px; margin: 0 3px; } .pagination a,.pagination a:hover { cursor: pointer; text-decoration: none; } .pagination .item { color: #3B678A; width: 28px; background: url(http://apps.bdimg.com/static/04251710/appweb/images/pagination/num.gif) no-repeat left top; } .pagination .item:hover, .pagination .current { background: url(http://apps.bdimg.com/static/04251710/appweb/images/pagination/num-current.gif) no-repeat left top; } .pagination .prev, .pagination .next { color: #848E97; width: 50px; background: url(http://apps.bdimg.com/static/04251710/appweb/images/pagination/word.gif) no-repeat left top; } .pagination .prev:hover, .pagination .next:hover { background: url(http://apps.bdimg.com/static/04251710/appweb/images/pagination/word-current.gif) no-repeat left top; } .pagination .app-pager-end{ display:none; } /* Category_bar module */ .category-bar { height: 41px; border: 1px solid #CCD9E3; background: url(http://apps.bdimg.com/static/04251710/appweb/images/category_bar/bg.png) repeat-x left top; position:relative; z-index:2; } .category-bar-current { float: left; line-height: 25px; height: 25px; margin: 8px 0 0 18px; padding-right: 8px; font-size: 12px; font-weight: bold; color: #444; background: url("http://apps.bdimg.com/static/04251710/appweb/images/tab/sep-category.gif") no-repeat right center; } .category-bar-current span { font-size: 10px; color: #999; } .category-bar .tab-content { margin: 8px 0 0 10px; float: left; } .category-bar .tab-content .tab { float: left; } .category-bar-others { float: right; height: 25px; line-height: 25px; margin: 8px 13px 0 0; color: #7F8D94; position: relative; } .category-bar-others span { float: left; cursor:pointer; } .category-bar-others-button { float: left; height: 13px; width: 13px; background: url("http://apps.bdimg.com/static/04251710/appweb/images/category_bar/button.png") no-repeat left top; margin: 6px 0 0 4px; _margin-top: 5px; outline:none; } .category-bar-others-list { position: absolute; right: 0; top: 23px; border: 1px solid #CCD9E3; background: #FFF; padding: 5px; white-space:nowrap; z-index:10; } .category-bar-others-list a { color: #7F8D94; display: inline-block; height: 22px; padding:0 3px; text-align: center; line-height: 22px; overflow:hidden; vertical-align:top; *display:inline; *zoom:1; } .category-bar-others-list a:hover { background:#EAEFF2; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; /*background: url("http://apps.bdimg.com/static/04251710/appweb/images/category_bar/hover.png") no-repeat left top;*/ text-decoration: none; } /* Category_pop module */ .category-pop { margin: 20px 0 0 0; /* temp */ border: 1px solid #DEE5EC; position: relative; background:#fff url("http://apps.bdimg.com/static/04251710/appweb/images/category_pop/bg.png") no-repeat left top; height: 164px; text-align: center; z-index:1; *zoom:1; /** * * 解决IE6相对定位 */ } .category-pop-hot { background: url("http://apps.bdimg.com/static/04251710/appweb/images/category_pop/hot.png") no-repeat left top; height: 62px; width: 62px; position: absolute; left: -3px; top: -3px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://apps.bdimg.com/static/04251710/appweb/images/category_pop/hot.png",enabled=true,sizingMethod=noscale); /** * _background:none; * _filter:... * 为IE6添加图片透明滤镜,解决IE6不支持PNG图片透明问题 */ } .category-pop .tab-content { margin: 13px 0 0 0; display: inline-block; *display: inline; *zoom: 1; /** * * 解决IE6不支持display: inline-block的问题 */ } .category-pop .tab-content .tab { float: left; } .category-pop br { visibility: none; } .category-pop-app { margin: 10px 0 0 0; display: inline-block; *display: inline; *zoom: 1; /** * * 解决IE6不支持display: inline-block的问题 */ } .category-pop-app ul { float: left; } .category-pop-app li { float: left; width: 93px; } /* Search_category module */ .search-category .search-count { color: #999; } .search-category ul { background: #F5F7F8; padding: 12px 5px; margin-top: 12px; } .search-category li { float: left; margin: 0 7px 0 6px; *display: inline; /** * * 解决IE6不支持浮动margin翻倍 */ } .search-category span { color: #333; } .search-category a { color: #1F81B5; } /* Category-all-app module */ .category-all-app { border: 1px solid #DEE5EC; margin:20px 0 0 0; padding: 13px 12px; position:relative; z-index:1; } .category-all-app h3 { font-weight: bold; font-size: 12px; color: #444; float: left; margin-left: 6px; _diplay: inline; } .category-all-app .tab-content { float: right; margin-right: 5px; *display: inline; } .category-all-app .tab-content ul { float: left; } .category-all-app-list li { float: left; margin: 0 3px 0 0; overflow: hidden; padding: 12px 0; width: 162px; height:70px; } .category-all-app-list .app-single-item dd{ width:88px; overflow:hidden; } .category-all-app .pagination { margin-top: 10px; } .app-search-tips{ padding:10px 14px; font-size:14px; } .app-search-tips li { list-style: disc inside none ; line-height: 20px; } .app-search-tips a{ color:#06c; } /* Search-list module */ .search-list li { border-bottom: 1px solid #E2E8F1; padding: 16px 0; overflow:hidden; } .search-list .pagination { margin-top: 15px; } .search-list .app-single-item dd p{ margin-top:8px; } .search-list .app-single-grade{ margin-top:6px; } /* Popular-recommend module */ .popular-recommend h3 { font-weight: bold; font-size: 14px; color: #333; padding: 12px 14px; border-bottom: 1px solid #DFE5EA; } .popular-recommend ul { padding-left: 15px; } .popular-recommend li { float: left; margin: 0 3px 0 0; overflow: hidden; padding: 12px 0; width: 157px; } .popular-recommend .app-single-item dd{ width:83px; overflow:hidden; } /* Fullscreen-showcase module */ .fullscreen-showcase-content { text-align:center; } .fullscreen-showcase-menu { width: 984px; margin: 5px auto; text-align: right; color: #d9d9d9; } .fullscreen-showcase-menu a { color: #2282B3; margin:0 5px; } .fullscreen-showcase-menu a:hover{ text-decoration:none; } .fullscreen-showcase-menu a { padding: 2px 0 1px 20px; line-height: 16px; margin: 0 4px; } .fullscreen-showcase-menu a.intro { background: url(http://apps.bdimg.com/static/04251710/appweb/images/fullscreen/intro.png) no-repeat left bottom; } .fullscreen-showcase-menu a.play { background: url(http://apps.bdimg.com/static/04251710/appweb/images/fullscreen/play.png) no-repeat left bottom; } .fullscreen-showcase-menu a.posts { background: url(http://apps.bdimg.com/static/04251710/appweb/images/fullscreen/posts.png) no-repeat left bottom; } .fullscreen-showcase-menu a.review { background: url(http://apps.bdimg.com/static/04251710/appweb/images/fullscreen/review.png) no-repeat left bottom; } .fullscreen-showcase-menu a.collect { background: url(http://apps.bdimg.com/static/04251710/appweb/images/fullscreen/collect.png) no-repeat left bottom; } .fullscreen-showcase-menu a.full{ background: url(http://apps.bdimg.com/static/04251710/appweb/images/fullscreen/full.png) no-repeat left bottom; } .fullscreen-showcase-menu .left{ float:left; text-align:left; } .fullscreen-showcase-menu .left li{ margin-right:5px; } .fullscreen-showcase-menu .right{ float:right; } .fullscreen-showcase-menu .right li{ margin-left:5px; } .fullscreen-showcase-menu li{ float:left; width:68px; height:23px; padding:5px 0 0 0; text-align:center; background:url("http://apps.bdimg.com/static/04251710/appweb/images/bg.png") no-repeat -160px -143px; } /* Tips module */ .tips { width: 610px; border: 4px solid #D1D1D1; padding: 20px 15px; position: relative; background: #FFF; display: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .tips .gray { color: #888888; } .tips .blue { color: #0066CB; } .tips-w640 { width: 610px; } .tips-w530 { width: 500px; } .tips-w495 { width: 465px; } .tips-w450 { width: 420px; } .tips-w400 { width: 370px; } .tips-title { font-size: 14px; font-weight: bold; color: #444; padding:10px 0; } .tips-title-underline { border-bottom: 1px solid #E9E9E9; padding-bottom: 10px; } .tips-title-headline { font-size: 18px; font-weight: bold; color: #444; text-align: center; } .tips-title-headline strong { font-size: 32px; font-weight: bold; color: #DF4759; margin: 0 0.15em; } .tips-button { display: inline-block; font-weight: bold; font-size: 14px; height: 32px; line-height: 32px; text-align: center; border: none; cursor:pointer; } .tips-button:hover{ text-decoration:none; } .tips-button-green { width: 102px; color: #FFF; background: url(http://apps.bdimg.com/static/04251710/appweb/images/tips/btn-green.png) no-repeat left top; } .tips-button-green-short { width: 72px; color: #FFF; background: url(http://apps.bdimg.com/static/04251710/appweb/images/tips/btn-green-short.png) no-repeat left top; } .tips-button-green-shorter { width: 62px; height: 29px; line-height: 29px; color: #FFF; background: url(http://apps.bdimg.com/static/04251710/appweb/images/tips/btn-green-shorter.png) no-repeat left top; } .tips-button-orange { width: 72px; color: #FFF; background: url(http://apps.bdimg.com/static/04251710/appweb/images/tips/btn-orange.png) no-repeat left top; } .tips-button-gray-short { cursor:default; width: 72px; color: #656565; background: url(http://apps.bdimg.com/static/04251710/appweb/images/tips/btn-gray-short.png) no-repeat left top; } .tips-text { height: 27px; line-height: 27px; background: url(http://apps.bdimg.com/static/04251710/appweb/images/tips/text.png) no-repeat left top; border: 1px solid #CCC; padding: 0 0.5em; margin: 0 10px 0 0; width: 200px; } .tips-text-long { width: 310px; } .tips .delete { background: url(http://apps.bdimg.com/static/04251710/appweb/images/tips/delete.png) no-repeat center center; display: inline-block; height: 7px; width: 7px; } .tips-content { position: relative; *zoom: 1; /** * 解决IE6相对定位问题 */ } .tips-content-intro, .tips-content-developer { font-size: 14px; padding:0 5px; word-break:break-all; word-wrap:break-word; /** * word-wrap:break-word; * 解决FF英文不换行 */ } .tips-content-l5, .tips-content-l9 { overflow-y: scroll; margin: 0; border: 1px solid #EEE; padding: 5px 0 5px 10px; } .tips-content-l5 { height: 10em; } .tips-content-l9 { height: 18em; } .tips-images { margin: 15px 10px 0; } .tips-images img { border: 1px solid #6963E7; width:120px; margin:0 9px; } .tips-close { text-align: center; } .tips-close a { margin: 0 5px; } .tips-close-donate { text-align: left; margin-left: 85px; padding-left: 5em; } .tips-content-developer { padding-left: 90px; margin-bottom: 23px; } .tips-content-developer .developer-logo { position: absolute; left: 0; top: 1em; } .tips-content-donate { padding-left: 75px; margin-bottom: 10px; } .tips-content-donate .app-icon { position: absolute; left: 0; top: 0; } .app-icon img{ width:64px; height:64px; margin:3px; } .tips-content-donate p { margin-bottom: 0.5em; } .tips-content-donate .text { width: 4em; margin-right: 0.5em; } .tips-content-donate label input{ vertical-align: -2px; _vertical-align: -1px; } .app-donation-tip{ margin-left:5px; color:#f00; } .tips-content-edit h4 { margin: 16px 0 8px; font-size: 12px; font-weight: bold; } .tips-content-edit h5 { font-size: 12px; font-weight: normal; } .tips-content-edit p.gray { margin: 5px 0 15px; } .tips-content-edit ul { margin-top: 10px; } .tips-content-edit li { border-top: 1px solid #E5E5E5; padding: 1px 0; *zoom: 1; position: relative; } /** * 解决IE6相对定位问题 */ .tips-content-edit li a { position: absolute; right: 0; top: 2px; } .tips-content-edit li a.delete { height: 20px; width: 20px; } .tips-content-edit ul input { margin-right: 5px; } .tips-content-collect{ } .tips-content-collect strong, .tips-content-collect label { font-size: 14px; font-weight: normal; } .tips-content-collect label { _vertical-align: 4px; } /** * 解决IE6对齐问题 */ .tips-content-collect .tag-added { margin-right: 1em; } .tips-content-collect .delete { margin-left: 2px; } .tips-content-collect .tag-recommend { background: #EFEFEF; padding: 2px 5px; margin-right: 5px; } .tips-content-collect p { margin: 1em 0; } .tips-content-points { text-align: center; font-size: 14px; margin: 15px 0 20px; } .tips-content-points strong { font-size: 17px; font-weight: bold; color: #DF4759; margin: 0 0.15em; } .tips-x a { position: absolute; right: 0; top: 0; height: 17px; width: 17px; background: url(http://apps.bdimg.com/static/04251710/appweb/images/tips/x.png) no-repeat left top; text-indent: -9999px; overflow: hidden; } /* tangram */ .tangram-dialog { border: 4px solid #D1D1D1; position: relative; background: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .tangram-dialog-footer { text-align: center; } .tangram-dialog-footer a { margin: 0 5px; } .tangram-dialog-footer div{ margin-bottom:20px; } .tangram-dialog-title{ width:100%; } .tangram-dialog-title, .tangram-dialog-content, .tangram-dialog-footer { overflow: hidden; } .tangram-dialog-content{ padding-bottom:20px; z-index:1; } .tangram-dialog-close { position: absolute; right: 0; top: 0; height: 17px; width: 17px; background: url(http://apps.bdimg.com/static/04251710/appweb/images/tips/x.png) no-repeat left top; text-indent: -9999px; overflow: hidden; cursor: pointer; z-index:2; } .tangram-dialog-accept, .tangram-dialog-cancel { display: inline-block; *display: inline; *zoom:1; /** * * 解决IE6不支持display:inline-block翻倍 */ } /* 收藏弹出框设置 */ .app-tip{ *zoom:1; padding:3px 15px; } .app-tip h2{ font-size: 14px; font-weight: bold; color: #444; border-bottom:1px solid #E9E9E9; padding:10px 0; margin-bottom:10px; zoom:1; } .app-tip-msg{ padding:0 5px; } .app-tip-msg th{ font-size:14px; font-weight:normal; padding:5px; text-align:left; } .app-tip-msg td{ padding:5px 0; } .app-tip-msg input,.app-tip-msg button{ vertical-align:middle; } .app-tip-keyword-input{ width:180px; height:27px; line-height:27px; padding:0 3px; margin-right:10px; } .app-tip-recommend-word{ display:inline-block; zoom:1; padding:2px 5px; margin:2px 5px 2px 0; color:#06c; background:#f0f2fc; } .app-tip-recommend-word:hover{ background:#06c; color:#fff; text-decoration:none; } .app-tip-help-text{ color:#aaa; line-height:2em; padding:0 5px; } .app-tip-help-text a{ color:#06c; } .app-tip-btns{ text-align:center; padding-bottom:5px } .app-tip-btns button{ margin:0 5px; } .app-w-filtrator-span{ float:left; margin-right: 5px; white-space: nowrap; padding: 0 10px 0 0; position: relative; } .app-w-filtrator-text{ float:left; color:#06c; } .app-w-filtrator-close{ width: 7px; height: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 6px; right: 0; background:url("http://apps.bdimg.com/static/04251710/appweb/images/bg.png") -18px -119px; } .app-w-filtrator-span-hover .app-w-filtrator-close{ background-position:-18px -131px; } .app-tip-close-text{ color:#999; padding:5px; } /* my_favo_app_list module*/ #MyFavoAppList{ width:690px; } #MyFavoAppWrap{ width:688px; height:524px; overflow:hidden; position:relative; } #MyFavoAppWrap ul{ float:left; width:636px; padding:0 26px; } #MyFavoAppWrap li{ float:left; width:94px; height:115px; padding:10px 0 0 0; margin:3px 6px; position:relative; *display:inline; } #MyFavoAppWrap .manage li{ background:url("http://apps.bdimg.com/static/04251710/appweb/images/bg.png") -134px 0; } #MyFavoAppWrap .manage li:hover, #MyFavoAppWrap .manage li.hover{ background-position:-229px 0; } #MyFavoAppWrap .manage li:hover .m, #MyFavoAppWrap .manage li.hover .m{ display:block; } #MyFavoAppWrap .m{ position:absolute; top:0; left:0; width:100%; height:20px; padding-top:102px; text-align:center; display:none; *background:url("about:blank"); } #MyFavoAppWrap .m a{ color:#0066ca; } #MyFavoAppWrap .previous, #MyFavoAppWrap .next{ position:absolute; width:24px; height:44px; top:210px; cursor:default; outline:none; background:url("http://apps.bdimg.com/static/04251710/appweb/images/bg.png") no-repeat; } #MyFavoAppWrap .previous{ left:0; background-position:-108px -90px; } #MyFavoAppWrap .previous-able, #MyFavoAppWrap .next-able{ cursor:pointer; background-position:-108px 0; } #MyFavoAppWrap .previous-able:hover{ background-position:-108px -45px; } #MyFavoAppWrap .next{ right:0; background-position:-83px -90px; } #MyFavoAppWrap .next-able{ background-position:-83px 0; } #MyFavoAppWrap .next-able:hover{ background-position:-83px -45px; } #MyFavoAppCont .title{ padding:10px 32px 20px; position:relative; } #MyFavoAppCont h3 span{ font-size:12px; font-weight:normal; color:#999; margin-left:5px; } #MyFavoAppCont h3 span i{ font-style:normal; } #ManageButton{ position:absolute; top:10px; right:30px; width:70px; height:24px; line-height:25px; text-align:center; color:#fff; background:url("http://apps.bdimg.com/static/04251710/appweb/images/bg.png") 0 -143px; } #ManageButton:hover{ text-decoration:none; } #ManageButton.cannel{ background-position:0 -169px; } /* recently_used_app module */ #RecentlyUsedApp{ margin-top:20px; } #RecentlyUsedAppCont{ padding:5px 32px; } #RecentlyUsedAppCont ul{ padding:10px 0; } #RecentlyUsedAppCont li{ float:left; width:100px; } /* news module */ .news-container { width: 169px; overflow: hidden; } .news-list li { height:21px; padding-top:5px; background:url(http://apps.bdimg.com/static/04251710/appweb/images/sep.gif) repeat-x 0 25px; } .news-list a { background: url(http://apps.bdimg.com/static/04251710/appweb/images/news/list-style.gif) no-repeat 2px 4px; padding-left: 12px; } .news-more { text-align: right; background: url(http://apps.bdimg.com/static/04251710/appweb/images/news/more.gif) no-repeat right center; margin: 5px 4px 0 0; } .news-more a { color: #458BA2; margin-right: 8px; } .news-container .new-app { margin-top: 12px; text-align: center; } .news-container .new-app a { background: url(http://apps.bdimg.com/static/04251710/appweb/images/news/new-app.png) no-repeat left top; display: block; height: 36px; color: #FFF; font-weight: bold; font-size: 14px; text-align: center; line-height: 36px; padding-left: 13px; display: inline-block; } .news-container .new-app a:hover{text-decoration:none;} .news-container .new-app a span { background: url(http://apps.bdimg.com/static/04251710/appweb/images/news/new-app.png) no-repeat right top; display: block; height: 36px; padding-right: 13px; display: inline-block; cursor: pointer; } /* slide_show module */ .slide-show { padding: 4px 5px; background: #FFF; } .slideshow-large-container { overflow: hidden; width: 520px; height: 290px; position: relative; } .slideshow-large-list { height: 290px; width: 9999px; position: absolute; left: 0; } .slideshow-large-list li { float: left; width: 520px; height: 290px; } .slideshow-small-list li { float: left; height: 42px; width: 124px; margin: 4px 8px 0 0; border-bottom: 2px solid #B5D8E3; } .slideshow-small-list img { display: block; cursor:pointer; } .slideshow-small-list li.last { margin-right: 0; } .slideshow-small-list li.current { border-bottom: 2px solid #FEB434; } /*app_count module */ .app-count { width: 169px; border-top: 2px solid #5EB4DF; border-bottom: 2px solid #5EB4DF; overflow:hidden; } .app-count h3 { color: #333; font-weight: normal; font-size: 12px; margin: 7px 0 0 7px; } .app-count .digits { font: 30px/1 "Tahoma", "Arial"; color: #5eb4df; margin: 2px 0 7px 7px; letter-spacing: -1px; } .app-count .digits span{ font-size:18px; font-weight:bold; } .app-count .sep { background: url(http://apps.bdimg.com/static/04251710/appweb/images/app_count/sep.gif) no-repeat center center; height: 1px; font-size: 0; } /*app-tip-authorize tips*/ .app-tip-authorize .app-tip{ padding:0; } .app-tip-authorize .app-tip h2{ display:none; } .app-tip-authorize .app-tip-msg{ padding:0; } /* pay module */ .app-buy{ width:780px; padding:20px 30px; border:1px solid #e3e9ed; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin:20px auto 0; } .app-buy-button{ width:62px; color:#fff; background:url("http://apps.bdimg.com/static/04251710/appweb/images/bg.png") no-repeat 0 -198px; } .app-buy-button-off{ cursor:default; color:#BCBCBC; background-position:-134px -198px; } .app-buy-submit-button{ color:#fff; padding-left: 13px; text-align:left; width:72px; background:url("http://apps.bdimg.com/static/04251710/appweb/images/bg.png") no-repeat -62px -198px; } .app-buy .fullscreen-showcase-menu{ width:760px; padding:10px 10px 0 10px; margin:-1px 0 0 0; border-top: 1px solid #DBE3F8; } .app-buy .pay-app-name{ color:#000; font-weight:bold; font-size:14px; } .app-buy-show,.app-buy-intro{ padding:10px; } .app-buy-intro{ position:relative; background:#fbfbfd; border-top:1px solid #dbe3f8; border-bottom:1px solid #dbe3f8; *zoom:1; } .app-buy-show .app-single-item{ float:left; } .app-price-content{ float:right; text-align:right; } .app-price-content button{ margin-top:5px; } .app-buy-price-num{ color:#f60; } .app-buy-intro .app-single-item dd{ color:#000; } .app-buy-intro .tips-button{ margin-left:60px; } .app-buy-tip{ color:#999; margin:5px 0 10px; } .app-buy-hide-arw{ width:11px; height:6px; font-size:0; background:url("http://apps.bdimg.com/static/04251710/appweb/images/bg.png") no-repeat -95px -175px; } .app-buy-hide-button{ cursor:pointer; width:18px; height:18px; display:block; background:url("http://apps.bdimg.com/static/04251710/appweb/images/bg.png") no-repeat -75px -175px; } .app-buy-intro .app-buy-hide-button{ position:absolute; right:0; bottom:0; } .app-buy-intro .app-buy-hide-arw{ position:absolute; right:30px; top:-6px; } .app-buy-pop{ padding:15px; } .app-buy-pop h2{ font-size:14px; padding:0; margin:0; } .app-buy-pop td{ font-size:12px; line-height:24px; vertical-align:top; } .app-buy-pop-icon{ width:16px; height:33px; background:url('http://apps.bdimg.com/static/04251710/appweb/images/app.gif') -885px -75px; margin-right:15px; } .app-buy-pop-buttons{ margin-top:15px; height:33px; } .app-buy-sucess-botton,.app-buy-problem-button{ height:29px; width:111px; background:url('http://apps.bdimg.com/static/04251710/appweb/images/app.gif') -140px -35px; font-size:14px; color:#374e8c; text-align:center; padding-top:4px; float:left; margin-right:15px; cursor:pointer; text-decoration:none; } .app-authorize-confirm-text{ padding:30px 20px 20px; text-align:center; font-size:14px; } .app-authorize-confirm-buttons{ text-align:center; } .app-authorize-confirm-buttons button{ margin:0 5px; } .app-tip-manage .app-single-item dd{ padding-left:10px; } .app-tip-manage dd .name{ font-size:14px; color:#06c; } .app-tip-manage dd p{ margin:0; } .app-tip-manage dd.developer-name{ color:#666; } .app-tip-manage .des{ color:#000; } .app-tip-manage-add{ padding:20px 0 6px; } .app-tip-manage-add h5{ font-size:12px; } .app-tip-manage-add input, .app-tip-manage-add button{ vertical-align:middle; } .app-tip-manage-add .app-tip-keyword-input{ width:300px; } .app-tip-manage-add span{ color:#999; } .app-tip-manage-keywords p{ padding:0 5px; } #manage-list{ border-bottom:1px solid #f0f0f0; max-height:230px; overflow-y:auto; overflow-x:hidden; } #manage-list li{ height:24px; line-height:24px; overflow:hidden; border-top:1px solid #f0f0f0; padding:0 5px; } #manage-list li input{ vertical-align:middle; margin-right:5px; } #manage-list li.hov{ background:#F2F4FB; } #manage-list li .del1, #manage-list li .del2{ float:right; width: 7px; height: 8px; cursor: pointer; margin-top:9px; overflow: hidden; background:url("http://apps.bdimg.com/static/04251710/appweb/images/bg.png") -18px -119px; } #manage-list li .del1:hover, #manage-list li .del2{ background-position:-18px -131px; } .app-tip-manage-keywords .del-sel{ float:right; } #op-info{ height: 14px; line-height: 14px; color: #E00; width: 100%; } /**app-in-search******/ .app-in-search-wrap{ width:542px; margin:0 auto; padding-top:15px; } .app-in-search{} .app-in-search a { text-decoration: none; color:#06c; } .app-in-search #app_sandbox, .app-in-search #appSearchHead, .app-in-search #appSearchFoot{ margin: 0 auto; width: 542px; } .app-in-search-title{ height:36px; line-height:36px; text-align:center; text-shadow:0 1px white; position:relative; overflow:hidden; background:url('http://apps.bdimg.com/static/04251710/appweb/images/app_search.gif') 0 -144px no-repeat; } .app-in-search-content{ border-left: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; clear: both; position: relative; width: 540px; background:#fff; overflow:hidden; } .app-in-search .author-container{ background:#FDFDFD; height: 36px; line-height: 14px; margin-bottom: 8px; position: relative; } .app-in-search .app-author-wrapper { float: left; margin-left: 10px; overflow: hidden; padding-top: 10px; width: 280px; position:relative; z-index:1; } .app-in-search .app-author-bottom{ border-bottom: 1px solid #EEEEEE; bottom: 0; left:0; position: absolute; z-index:2; width: 540px; height:3px; overflow:hidden; background-image:-moz-linear-gradient(#FCFCFC,#F8F8F8); background-image:-webkit-gradient(linear,0 0,0 100%,from(#FCFCFC),to(#F8F8F8)); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FCFCFC',endColorstr='#F8F8F8'); } .app-in-search .app-desc-logo { border: 1px solid #E9E9E9; float: left; height: 52px; margin-right: 16px; overflow: hidden; text-align: center; width: 110px; } .app-in-search .app-desc{ padding:10px; } .app-in-search .app-desc p{ overflow:hidden; width:520px; word-wrap:break-word; word-break:break-all; } .app-developer-logo-wrapper{ height: 52px; padding: 0 5px; width: 110px; vertical-align:middle; } .app-developer-logo-wrapper img{ width:100px; } .app-in-search-menu{ background: url("http://apps.bdimg.com/static/04251710/appweb/images/app_search.gif") no-repeat -549px 0; color: #444444; font-size: 12px; height: 44px; line-height: normal; position: relative; } .app-in-search-menu span{ float:left; display:block; padding-left:60px; width:67px; overflow:hidden; white-space:nowrap; line-height:45px; } #AppSandbox{ overflow:hidden; } /**pk module*****************/ .pk { background: url(http://apps.bdimg.com/static/04251710/appweb/images/pk/bg.png) no-repeat left top; width: 235px; padding-left: 8px; padding-top: 39px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://apps.bdimg.com/static/04251710/appweb/images/pk/bg.png",enabled=true,sizingMethod=noscale); /** * _background:none; * _filter:... * 为IE6添加图片透明滤镜,解决IE6不支持PNG图片透明问题 */ } .pk .app-single-item { margin-left: 23px; } .pk-button{ padding-top:22px; height:52px; position:relative; } .pk .button { background: url(http://apps.bdimg.com/static/04251710/appweb/images/pk/button.png) no-repeat left top; height: 38px; width: 133px; display: block; text-indent: -9999px; margin: 0 auto; cursor: pointer; overflow:hidden; } .pk .players-num { display: block; margin: 7px auto; text-align: center; } .pk .red { color: #F05858; font-style: normal; padding: 0 1px; } .pk .blue { color: #3C86AD; font-style: normal; padding: 0 3px; } .pk .pk-list { margin-top: 20px; height:130px; overflow:hidden; position: relative; } .pk ul { margin:0 12px; } .pk ul img{ width:16px; height:16px; } .pk li { position: relative; padding:4px 0 4px 20px; background: url(http://apps.bdimg.com/static/04251710/appweb/images/sep.gif) repeat-x left bottom; _zoom: 1; vertical-align:bottom; /** * 解决IE6右margin问题 */ } .pk li a { margin: 0 5px; } .pk li img { position: absolute; left: 2px; top: 5px; } .pk .time { color: #BCBCBC; position: absolute; right: 0; *font-family:"宋体"; } .pk .app-single-item dd{ width:120px; overflow:hidden; } .pk .app-single-item dd p.player{ white-space: nowrap; } /**my_integral_rank**/ #MyIntegralRank{ width:278px; padding-bottom:20px; border-bottom:1px solid #cdd4dc; } #MyIntegralRank h3{ height:32px; line-height:33px; padding:0 16px; } #MyIntegralRank .column1{ width:39px; text-align:center; } #MyIntegralRank .column2{ width:66px; text-align:center; } #MyIntegralRank .column3{ width:106px; text-align:center; } #MyIntegralRank .column4{ width:46px; text-align:center; } #MyIntegralList{ overflow:hidden; } #MyIntegralRank .my-integral-rank-btn{ padding:6px 9px; } /*hot_favo_rank*/ #HotFavoRank{ width:278px; } #HotFavoRank .rank-list{ padding:0 9px; } #HotFavoRank h3{ height:32px; line-height:33px; padding:0 16px; background:#f4f6f8; } /*my_information module*/ #MyInfor{ padding:12px 0 16px 20px; } #MyInfor .avatar{ float:left; width:80px; text-align:center; } #MyInfor .avatar img{ display:block; width:78px; height:78px; border:1px solid #40474f; margin-bottom:5px; } #MyInfor a{ color:#0066ca; text-decoration:underline; } #MyInfor dl{ float:left; width:150px; padding:0 0 0 24px; overflow:hidden; } #MyInfor dt{ font-size:14px; font-weight:bold; } #MyInfor dd{ margin-top:5px; } /*******payment_records***********/ #PaymentRecords{ border:1px solid #e5e5e5; background:#fff; padding-bottom:20px; } #PaymentRecords .pagination{ padding:20px; } #PathLink{ font-size:14px; font-weight:bold; height:20px; padding:15px 30px; } #PathLink a{ float:left; padding-right:15px; margin-right:10px; background:url("http://apps.bdimg.com/static/04251710/appweb/images/icon1.png") no-repeat right 5px; } #PathLink .current span{ font-size:12px; font-weight:normal; color:#999; margin-left:5px; letter-spacing:.1em; } body.body{ background: url(http://apps.bdimg.com/static/04251710/appweb/images/background.png) repeat-x 0 124px; } .header{ border-bottom:3px solid #2aa3e2; } .banner{ background:#28455e; } .content, .footer { width:984px; margin:0 auto; } .container-coloum-2, .container-coloum-3 { width: 100%; } .container-coloum-2-left, .container-coloum-2-right, .container-coloum-3-left, .container-coloum-3-center, .container-coloum-3-right { float: left; } .container-coloum-2-left { width: 690px; padding-right: 294px; background: #FFF; } .container-coloum-2-right { width: 278px; margin-left: -280px; border: 1px solid #DEE5EC; background: #FCFCFC; } .container-coloum-2-right .app-single-round{ background-image:url("http://apps.bdimg.com/static/04251710/appweb/images/round_cover5.png"); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://apps.bdimg.com/static/04251710/appweb/images/round_cover5.png",enabled=true,sizingMethod=noscale); } .app-buy-intro .app-single-round{ background-image:url("http://apps.bdimg.com/static/04251710/appweb/images/round_cover6.png"); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://apps.bdimg.com/static/04251710/appweb/images/round_cover6.png",enabled=true,sizingMethod=noscale); } .index-central { height:340px; zoom:1; overflow:hidden; padding-top: 14px; background:url(http://apps.bdimg.com/static/04251710/appweb/images/halo.jpg) no-repeat center top; } .index-central .container-coloum-3-center { width: 530px; padding: 0 254px 0 200px; } .index-central .container-coloum-3-left { width: 169px; padding-left: 13px; margin-left: -100%; } .index-central .container-coloum-3-right { width: 243px; margin-left: -243px; } .container-title { padding: 6px 0 5px 10px; font-size: 14px; font-weight: bold; } .news-container { margin-top: 8px; } #WeekPopularRecommend { margin-top: 14px; } .main{ float:left; width:690px; margin-top:20px; } .side-bar{ float:right; width:280px; margin-top:20px; } .side-bar-b{ border:1px solid #dee5ec; background:#fcfcfc; } .search { margin-top: 25px; } /* app_in_platform */ .side-bar .developer-intro{ margin-bottom:10px; } .side-bar #HotRecommend{ position:relative; margin-top:-1px; } .app-content{ padding:0 10px; position:relative; } .app-content-bg{ background:#f2f5f7; border:1px solid #e3e9ed; padding:20px 0 0; } .app-iframe .app-content-bg{ -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background:#fff; } #AppSandbox object, #AppSandbox embed{ display:block; margin:0 auto; vertical-align:top; } #AppSandbox div{ width:800px; } .app-content #AppRun{ float:left; width:800px; } .app-iframe #AppRun{ padding-left:20px; padding-right:20px; } .app-content #AppRun.center{ float:none; margin:0 auto; } #AppScoreStandings{ position:absolute; top:0px; right:9px; } .app-content .fullscreen-showcase-menu{ width:760px; padding:0 20px; margin:15px 0; } .app-iframe .fullscreen-showcase-menu{ width:800px; padding:0; } .app-detail-title{ padding:12px 10px; } .app-detail-title h2{ float:left; font-size:16px; } .app-detail-title a{ float:right; margin-top:5px; color:#2282B3; }