/* StyleSheet for 无忧团购网 Author:boyce(youngsoul) Email:youngsoul@126.com Date:2009-09-01 */ @import url("top.css"); @import url("footer.css"); /*>> Base Setup <<*/ *{margin:0; padding:0;} ul,li{list-style:none;} a img{border:0;} body{background-color:#fff;} body,form,input,select,textarea,table,tr,td,th{font-size:12px;} img,input,select{vertical-align:middle;} a{color:#222; text-decoration:none;} a:hover{color:#bf0032; text-decoration:underline;} /*>> Static Classes <<*/ .clear{clear:both; float:none; line-height:0%; overflow:hidden;} .fArail{font-weight:normal; font-family:Arial Black, Helvetica, sans-serif;} .cPink, a.detail{color:#bf0032;} .cRed{color:#d00;} .fBold{font-weight:bold;} #container{position:relative; margin:0 auto; width:950px;} #signInBox{ margin:10px 0; height:27px; background:url(http://www.51zsjc.com/tg/jn/images/51tgIcon.gif) no-repeat; border:1px solid #dce0e3;} #signInBox p{float:left; padding:8px 0 0 10px;} #signInBox p a{margin-right:3px; padding-left:10px; background:url(http://www.51zsjc.com/tg/jn/images/51tgIcon.gif) no-repeat left -148px;} #signIn{float:right; padding:2px 20px 0 0;} #signIn input.txt{padding:2px 0 0 1px; width:100px; height:16px; border:1px solid #c3c7ca; border-bottom-color:#fff; border-right-color:#fff; background-color:#e2e7eb;} #signIn input.focus{background-color:#fff997;} #signIn input.btn{width:54px; height:22px; background:none; border:none; background:url(http://www.51zsjc.com/tg/jn/images/51tgIcon.gif) no-repeat -896px -108px; color:#fff; cursor:pointer;} #header{margin-bottom:10px; height:160px;} #logoBox{height:80px;} #logoBox h1{float:left;} #logoBox p{float:right; padding-top:15px;} #logoBox p img{vertical-align:text-bottom;} #navBox{margin-top:-15px; height:72px; background:url(http://www.51zsjc.com/tg/jn/images/51tgIcon.gif) no-repeat left -27px;} #navBox ul li{float:left;} #subNav{height:32px; position:relative; top:-16px;} #subNav li{padding:10px 0 0 50px; position:absolute; width:78px; height:22px; background:url(http://www.51zsjc.com/tg/jn/images/51tgIcon.gif) no-repeat -128px -100px;} #snav6{right:5px; z-index:50;} #snav5{right:117px; z-index:51;} #snav4{right:229px; z-index:52;} #snav3{right:341px; z-index:53;} #snav2{right:453px; z-index:54;} #snav1{right:565px; z-index:55;} #subNav li.active{background:url(http://www.51zsjc.com/tg/jn/images/51tgIcon.gif) no-repeat left -100px; z-index:92;} #subNav li h3{font-size:14px; font-weight:normal;} #subNav li h3 a{color:#e2e7eb;} #subNav li.active h3 a{color:#ffe400;} #mainNav{margin-top:-16px; height:45px;} #mainNav li{padding:5px 0 0 23px; width:135px; height:40px; background:url(http://www.51zsjc.com/tg/jn/images/51tgIcon.gif) no-repeat right -148px;} #mainNav li h2{padding-top:8px; width:109px; height:22px; font-size:14px; text-align:center;} #mainNav li.active h2{ overflow:hidden; background:url(http://www.51zsjc.com/tg/jn/images/51tgIcon.gif) no-repeat -380px -145px;} #mainNav li h2 a{color:#fafafa;} #mainNav li.active h2 a{color:#7d0103;} #subNav li h3 a:hover, #mainNav li h2 a:hover{color:#ffe400;} #hotTags{margin-top:-5px; padding:0 0 5px 20px; height:25px; background:url(http://www.51zsjc.com/tg/jn/images/tgSearchBg.gif) repeat-x left bottom;} #hotTags .btn{width:85px; height:24px; background:none; border:none; background:url(http://www.51zsjc.com/tg/jn/images/tg_button.gif) no-repeat; cursor:pointer; font-weight:bold; color:#fff;} #hotTags a{color:#ae0001;} #newsBox{} #newsBox .abc_a{margin-right:10px; width:334px;} #newsBox .abc_b{width:358px;} #newsBox .abc_c{width:238px;} .ad{margin:5px 0;} .infoBox{margin-bottom:2px; height:189px; border-bottom:1px solid #c5cfd8; background-color:#f3f8fc;} .infoBox .title{padding:10px 10px 0 10px; height:36px; background:url(../tg/jn/images/51tgIcon2.gif) no-repeat;} #infoB .title{background-position:left -46px;} #infoC .title{background-position:left -92px;} .infoBox .title h2{float:left; font:normal 14px "宋体"; color:#fff;} #infoB .title h2{color:#fbff00;} #infoC .title h2{color:#fce400;} .infoBox .title p{float:right;} .infoBox .title p a{color:#cdd1d4;} .infoBox .con{position:relative; padding:5px 10px;} .infoBox .con p{padding:3px 0; height:18px;} .infoBox .con p strong{font-size:14px;} .infoBox .con p strong a{color:#9f0100;} .infoBox .con a.apply{position:absolute; right:5px; top:110px; display:block; padding-top:5px; width:113px; height:18px; background:url(http://www.51zsjc.com/tg/jn/images/51tgIcon.gif) no-repeat -265px -108px; color:#fff; text-align:center;} .sideBox{border:1px solid #e5eaee;} .sideBox .title{height:31px; background:url(http://www.51zsjc.com/tg/jn/images/51tgIcon.gif) no-repeat -380px -100px;} .sideBox .title h3{color:#fff; padding:8px 0 0 0px; width:92px; font-size:14px; text-align:center} .sideBox .con{padding:5px;} .sideBox con ul{margin:0;} .sideBox .con ul li{padding:6px 0 5px 10px; height:12px; overflow:hidden; background:url(http://www.51zsjc.com/tg/jn/images/51tgIcon.gif) no-repeat left -166px;} #brandBox2{margin:5px 0; padding:8px 0 0 5px; height:72px; border: solid #c2c6c9; border-width:1px 5px 1px 5px;} #brandBox2 li{float:left; display:inline; margin-right:5px;} #brandBox2 li a img{ width:126px; height:62px; border:1px solid #ddd;} .Ab_A{float:left; width:702px; background-color:#f3f8fc;} #AllBrandsBox .Ab_A{ height:546px;} .Ab_b{float:right; width:238px;} .Ab_A .title, #forum .title, #links .title, .module .title{height:32px; background:#e2e6eb url(http://www.51zsjc.com/tg/jn/images/titleBg.gif) repeat; border-bottom:1px solid #fff;} .Ab_A .title h2, #forum .title h2, #links .title h2, .module .title h2{float:left; padding:10px 0 0 10px; width:156px; height:22px; background:url(http://www.51zsjc.com/tg/jn/images/51tgIcon.gif) no-repeat -621px -100px; font:normal 14px "宋体"; color:#fff700;} .Ab_A .title p{float:right; padding:12px 10px 0 0;} .Ab_A .con{padding:5px;} .dotBox{float:left; padding:10px 5px 15px 5px; width:220px; background:url(../tg/jn/images/51tgIcon2.gif) no-repeat right -185px;} .noBg{background:none;} .dotBox h4{margin-bottom:5px; font-size:12px; color:#a00100;} .dotBox p{line-height:160%;} #onSaleBox{margin:5px 0;} #onSaleBox .con{padding:10px;} .productBox{float:left; margin:0 7px 10px 7px; _margin:0 8px 10px 8px; width:82px; overflow:hidden; display:inline;} .productBox a{line-height:160%;} .productBox a img{border:1px solid #ddd;} .productBox a:hover img{border-color:#a00100;} .productBox p{margin-top:5px; color:#a00100;} #onSaleBox .Ab_b{} #consult .title{height:32px; background:url(../tg/jn/images/51tgIcon2.gif) no-repeat left -140px;} #consult .title h2{padding:8px 0 0 20px; font-size:14px; color:#fff;} #consult .con{height:262px; _height:272px; overflow:hidden; background-color:#fffdf1; border:1px solid #f3ede1; border-top:0;} #consult .con div{margin-bottom:10px; padding-bottom:5px; border-bottom:1px dashed #dddbcf;} #consult .con div p{padding:6px 0; font-size:13px;} #consult .con div p#qq{padding-left:15px; background:url(../tg/jn/images/51tgIcon2.gif) no-repeat left -233px;} #consult .con div p#mail{padding-left:15px; background:url(../tg/jn/images/51tgIcon2.gif) no-repeat left -192px;} #links .con{padding:10px; border:1px solid #e8e8e8; border-top:0; line-height:180%;} #online{position:absolute; top:-10px; right:-30px; z-index:975;} /* => apply page <= */ #applyBox{height:299px; background:url(http://www.51zsjc.com/tg/jn/images/applyBg.gif) repeat-x;} #summary{float:left; width:566px;} #apply{float:right; padding:10px 0 10px 20px; width:351px; height:279px; background:url(../tg/jn/images/applyFormBg.gif) no-repeat;} #summary p{padding:6px 0 6px 10px; margin:10px; background-color:#fff; height:14px; border:1px solid #eee; font:bold 13px "宋体"; color:#a90101;} #summary p a{margin-right:10px;} #summary h2, #summary dl{padding-left:10px; margin:10px; font-size:13px; line-height:180%;} #summary dt{float:left; margin-right:10px; width:80px; height:45px; font-weight:bold; text-align:right;} #summary dd{float:left; width:440px; height:45px; color:#a90101;} #apply div{padding:7px 0; height:26px; overflow:hidden; } #apply div label{font-size:14px;} #apply div input.txt{padding:4px 0 0 2px; width:218px; height:20px; border:1px solid #b1901d; border-left-color:#fff8de; border-bottom-color:#fff8de; background:url(http://www.51zsjc.com/tg/jn/images/inputBg.gif) repeat-x; font-size:14px;} div#applyBtn{padding-left:70px;} #applyBtn input{width:104px; height:31px; background:none; border:none; color:#fff; font:bold 14px "宋体"; background:url(http://www.51zsjc.com/tg/jn/images/applyBtn.gif) no-repeat; cursor:pointer;} #intro .con{line-height:180%; font-size:14px;} .module{clear:both; margin-bottom:5px;} .module .con{padding:10px 6px 10px 16px; min-height:20px; _height:20px; border:1px solid #ddd; border-top-color:#ffba00;} .applyImageBox{float:left; display:inline; margin:0 10px 10px 2px; width:142px; min-height:130px; _height:130px; text-align:center; font-size:12px;} #tejia .applyImageBox{height:240px; overflow:hidden;} #brands .applyImageBox{font-size:14px;} .applyImageBox p{line-height:180%;} .applyImageBox p span{padding:2px; background-color:#eee; color:#a90001;} .applyImageBox a img{width:140px; height:100px; border:1px solid #dedede;} .applyImageBox a:hover img{border-color:#a90001;} #process .con{font-size:14px;} #process .con p{float:left; padding:5px 30px 5px 5px; margin:5px 15px 10px 0; width:250px; background:#eee url(http://www.51zsjc.com/tg/jn/images/processArrow.gif) no-repeat right center;} #process .con p b{color:#a90001;} /* => company page <= */ .companyBox{margin-bottom:10px; height:230px; overflow:hidden; border:1px solid #dedede; border-top-color:#ffd800;} .companyBox .title{margin-bottom:10px; height:56px;} .companyBox .title h2{float:left; position:relative; top:-1px; left:-1px; width:180px; height:54px; overflow:hidden; border:1px solid #ffd800; background-color:#fff; text-align:center;} .companyBox .title .latest{float:left; margin:12px 0 0 0; padding:10px 0 0 30px; width:736px; height:24px; background-color:#ffed61; font-size:14px; color:#a90001;} .companyBox .con{padding:0 150px;} .companyBox h3{padding:5px; height:18px; color:#a90001; font-size:14px;} .companyBox .con table{width:98%;} .companyBox .con table th, .companyBox .con table td{padding:5px; vertical-align:top; line-height:180%;} .pages{margin:10px 0; padding:12px 15px; height:18px; background-color:#edebeb; color:#6b0200; font-size:13px;} .pages b{margin:0 5px; color:#a30000;} /*=> activity page <=*/ #tabMenu_tg{margin-bottom:10px; padding-left:10px; height:30px; border-bottom:1px solid #dbd8d8;} #tabMenu_tg li{float:left; display:inline; margin:2px 2px 0 0; width:93px; height:27px; background:url(http://www.51zsjc.com/tg/jn/images/huodongIcon.gif) no-repeat left -31px;} #tabMenu_tg li h3{padding-top:8px; width:93px; text-align:center; font:normal 14px "宋体";} #tabMenu_tg li h3 a{color:#212121;} #tabMenu_tg li.active{position:relative; margin:0 2px 0 0; top:0; _top:1px; width:100px; height:31px; background-position:left top;} #tabMenu_tg li.active h3{padding-top:10px; width:100px; font-weight:bold; color:#ae0001;} #tabMenu_tg li.active h3 a{color:#ae0001;} #activityList .Ab_A{background-color:#fff;} .apply2{position:absolute; display:block; right:10px; bottom:10px; padding:9px 0 0 0; width:129px; height:20px; background:url(http://www.51zsjc.com/tg/jn/images/huodongIcon.gif) no-repeat left bottom; text-align:center; font:bold 12px "宋体"; color:#ae0001;} .apply2:hover{color:#000;} .listItem{position:relative; margin-bottom:1px; padding:15px; min-height:78px; _height:78px; border-top:1px solid #e8d67d; background-color:#f6f5f0;} .odd{border-color:#d1c4c4; background-color:#f3f2f2;} .listItem ul li{clear:both; margin-top:5px; height:30px; overflow:hidden; color:#212121;} .listItem ul li strong{margin-right:5px; font-size:14px;} .listItem ul li strong a{color:#ae0001;} .listItem ul li strong a:hover{background-color:#fff301;} .listItem ul li div{float:left; display:inline; margin-right:10px;} .listItem ul li a.detail{float:left; padding:4px 0 0 20px; display:block; width:56px; height:16px; background:url(http://www.51zsjc.com/tg/jn/images/huodongIcon.gif) no-repeat left -69px; color:#f3f3f3;} .listItem ul li a.detail:hover{color:#fffe01;} /*=> photo page <=*/ #photos{width:100%;} .photoBox{float:left; display:inline; margin:0 6px 10px 0; width:140px; padding:5px; border:1px solid #ccc; overflow:hidden;} .photoBox a{line-height:180%;} .photoBox a img{border:1px solid #ccc;} .photoBox a:hover img{border-color:#d00;} #aword .con{padding-left:5px;} .ab_a, .abc_a, .abc_b, .ABc_AB{float:left; display:inline;} .ab_b, .abc_c, .ABc_c{float:right; display:inline;} #forumPhoto{clear:both;} .imageBox{float:left; display:inline; width:128px; margin:0 6px 5px 6px;} .imageBox .image{ height:104px; margin-bottom:3px;} .imageBox .image a img{padding:2px; width:122px; height:98px; border:1px solid #ddd; background-color:#fff;} .imageBox .image a:hover img{border-color:#c1002f;} .imageBox p{padding:2px 0 2px 10px; background:url(../images/indexIcon4.gif) no-repeat -310px -327px;} #forum .moduleTitle h2{background:url(../../images/moduleT5.gif) no-repeat;} .moduleCon, .box950{margin:5px 0;} #forum .ABc_AB{width:682px;} #forum .ABc_c{padding-top:6px; width:258px; background-color:#fafafa; border:1px solid #ccc;} .forumBox{margin-bottom:10px;} .forumBox .ab_a, .forumBox .ab_b{width:341px;} .forumBox .ab_a .abTitle, .forumBox .ab_b .abTitle{margin-bottom:6px; +margin-bottom:5px; padding-bottom:3px; border-bottom:1px solid #ddd;} .forumBox .ab_a .abTitle h3 a, .forumBox .ab_b .abTitle h3 a, #forumPhoto .abTitle h3 a{color:#c1002f;} .forumBox .ab_a .con, .forumBox .ab_b .con{padding:0 5px;} .forumBox .ab_a .con .ajustList li, .forumBox .ab_b .con .ajustList li{font-size:13px; +height:11px;} .forumBox .ab_a .con .ajustList li span, .forumBox .ab_b .con .ajustList li span{font-size:12px;} #forumPhoto .con{padding:18px 10px 5px 10px; height:100px; border:1px solid #ddd;} #forumPhoto .imageBox{margin:0 6px; width:118px; line-height:200%; text-align:center;} #forumPhoto .imageBox a img{padding:2px; width:112px; height:72px; border:1px solid #dedede;} #forumPhoto .imageBox a:hover img{border-color:#c1002f;} .ajustList li{clear:both; padding:6px 0 4px 10px; height:14px; overflow:hidden; background:url(../../images/indexIcon3.gif) no-repeat -945px -265px;} .ajustList li.marked{background-color:#fcf8df;} .ajustList li p{float:left;} .ajustList li span{float:right; color:#777;} .ajustList li.marked p a{color:#c1002f;} .listF13 li{padding:8px 0 4px 20px; border-bottom:1px solid #eee; background:url(../../images/indexIcon3.gif) no-repeat -938px -265px;} .listF13 li.marked{background:#fcf8df url(../../images/indexIcon3.gif) no-repeat -938px -226px;} .listF13 li.marked a{color:#bf0032;} .abTitle{margin-bottom:5px; height:24px; background:url(../images/indexIcon4.gif) no-repeat left -100px;} .abTitle h3{float:left; padding:8px 0 0 10px; font-size:13px; color:#000; background:url(../images/indexIcon4.gif) no-repeat -310px -271px;} .abTitle h3 a{color:#000;} .abTitle p, .abTitle p{float:right; padding:8px 10px 0 0;} .forumBox .ab_a .abTitle, .forumBox .ab_b .abTitle{margin-bottom:6px; +margin-bottom:5px; padding-bottom:3px; border-bottom:1px solid #ddd;} .forumBox .ab_a .abTitle h3 a, .forumBox .ab_b .abTitle h3 a, #forumPhoto .abTitle h3 a{color:#c1002f;} .tabMenu{position:relative; padding-left:8px; margin-bottom:10px; height:21px; overflow:visible; border-bottom:1px solid #dedede;} .tabMenu h3{position:relative; top:1px; float:left; display:inline; margin-right:3px; padding-top:5px; width:72px; height:16px; font-size:12px; text-align:center; background:url(../images/indexIcon3.gif) no-repeat -72px -241px;} .tabMenu h3.active{background:url(../images/indexIcon3.gif) no-repeat left -241px;} .tabMenu h3 a{color:#333;} .tabMenu h3.active a{color:#c1002f;} .tabMenu span{position:absolute; right:10px; bottom:1px; padding-right:6px; background:url(../images/indexIcon3.gif) no-repeat right -75px;} .jobTable{margin-bottom:10px; padding:0 5px; background-color:#fff;} .jobTable table{width:100%;} .jobTable td, .jobTable th{padding:6px 0; border-bottom:1px dashed #ddd;} .jobTable th{color:#c1002f; font-weight:normal; text-align:left;} .boxTitle{margin-bottom:6px; height:31px; background:url(../images/indexIcon3.gif) no-repeat left -210px;} .boxTitle h3{float:left; padding:7px 0 0 15px; background:url(../images/indexIcon3.gif) no-repeat -939px -33px; font-size:12px; color:#bf0131;} .boxTitle p{float:right; margin-right:5px; padding:8px 6px 0 0; background:url(../images/indexIcon3.gif) no-repeat right -67px;} /*>> searchAndRelease <<*/ #searchAndRelease{margin:0px 0 10px 0; height:71px; overflow:visible; background:url(../images/indexIcon3.gif) no-repeat left -50px;} #searchBar{width:635px; overflow:visible;} #searchBar ul{padding-top:1px; height:19px;} #searchBar ul li{float:left; display:inline; margin-right:3px; padding:4px 0 0 0; width:48px; height:15px;text-align:center; background:url(../images/indexIcon3.gif) no-repeat -48px top; cursor:pointer;} #searchBar ul li span{display:none;} #searchBar ul li.active{position:relative; color:#f4edb7; background:url(../images/indexIcon3.gif) no-repeat;} #searchBar ul li.active span{display:block; position:absolute; top:17px; left:19px; width:10px; height:6px; background:url(../images/indexIcon3.gif) no-repeat left -19px;} .searchCon{clear:both; padding:12px 0 0 10px; text-align:center;} .searchCon input.keyword, .searchCon input.keyword2{padding:4px 0 0 4px; width:154px; height:20px; border:none; background:none; background:url(../images/indexIcon3.gif) no-repeat -285px top; color:#666;} .searchCon input.keyword2{width:318px; background:url(../images/input_w.gif) no-repeat;} .searchCon input.btn{width:65px; height:21px; border:none; background:none; background:url(../images/indexIcon3.gif) no-repeat -635px top; cursor:pointer;} #searchAndRelease .releaseBar{ padding-top:10px; width:313px; height:61px; background:transparent url(../images/indexIcon3.gif) no-repeat left -122px;} #searchAndRelease .releaseBar{padding-top:30px; height:41px; position:relative; overflow:visible;} .releaseBar div{position:relative; padding:3px 0 3px 25px;} .releaseBar p{padding:3px 0 3px 20px;} .releaseBar div span.cWhite{float:right; margin-top:-16px; padding:1px 9px; width:52px; height:15px; background:url(../images/indexIcon3.gif) no-repeat -443px top;} .releaseBar div span.cWhite a{color:#000;} #free1{position:absolute; left:-65px; top:-8px;} #free2{position:absolute; left:-13px; top:-6px; width:96%;} .releaseBar p a{color:#eee;} .releaseBar p a:hover{color:#fe0;} .releaseBar p a span{color:#ff0; font-weight:bold;} #brandOuter{margin-bottom:5px; padding-bottom:12px; background:url(../images/brandIcon2.gif) no-repeat left bottom;} #brand{width:948px; border:1px solid #eee; border-bottom-width:0;} #brand .title{margin:-1px; width:949px; height:31px; border:1px solid #ddd; border-right:0;} #brand .title h2{float:left; padding:8px 0 0 28px; width:80px; height:23px; background:url(../images/brandIcon2.gif) no-repeat left -31px; font:normal 18px "黑体"; color:#fcf8dd;} .brandUL{float:left; position:relative; width:839px; height:31px; background:url(../images/brandIcon2.gif) no-repeat;} .brandUL ul{width:839px;} .brandUL ul li{float:left; padding-top:10px; width:75px; height:21px; border-right:1px solid #ddd; cursor:pointer; text-align:center; color:#232323;} .brandUL ul li.active{ cursor:default; background:url(../images/brandIcon2.gif) no-repeat -1px -63px; color:#c00;} .brandUL p{position:absolute; padding-right:15px; right:10px; top:5px; font:bold 13px "宋体"; color:#232323; background:url(../images/phone.gif) no-repeat right top;} .brandUL p span{font:normal 14px Arial Black, Helvetica, sans-serif;} .brandCon{padding-top:5px; width:950px; height:100px;} .brandCon ul{padding:8px 0 0 12px; width:942px;height:88px; overflow:hidden;} .brandCon ul li{float:left; display:inline; margin-right:8px; width:124px; height:88px;} #live .con{padding:10px 0;} #photo{margin:10px auto; padding-top:15px; width:930px; height:122px; background:url(http://www.51zsjc.com/tg/jn/images/imageBg.gif) no-repeat;} #btnLeft, #btnRight{float:left; display:block; margin-top:10px; width:18px; height:85px; background:url(http://www.51zsjc.com/tg/jn/images/menuIcon.gif) no-repeat left -87px;} #btnRight{float:right; background:url(http://www.51zsjc.com/tg/jn/images/menuIcon.gif) no-repeat right top;} #btnLeft:hover{background:url(http://www.51zsjc.com/tg/jn/images/menuIcon.gif) no-repeat right -87px; text-decoration:none;} #btnRight:hover{background:url(http://www.51zsjc.com/tg/jn/images/menuIcon.gif) no-repeat; text-decoration:none;} #photoArea{margin-left:25px; _margin-left:23px; width:880px; height:112px; overflow:hidden;} #photoArea table td{padding:0 5px;} #photoArea img{border:1px solid #cd9101; width:146px; height:110px;}