/*common*/ body{background:#fff; font-size:12px; font-family:"宋体",Verdana, Arial; line-height:150%; margin:0; padding:0; color:#404040;} div{margin:0 auto; padding:0;} h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{margin:0; padding:0; border:none; list-style-type:none;} /*input*/ input[type=text]{ width:160px; height:16px; padding:3px 3px 0; border:1px solid #dadada; border-color:#848484 #e1e1e1 #e1e1e1 #848484;} input[type=password]{ width:160px; height:16px; padding:3px 3px 0; border:1px solid #dadada; border-color:#848484 #e1e1e1 #e1e1e1 #848484;} .block{width:986px; margin-top: 2px;} .block1{width:100%; margin-top: 2px;} .f_l{float:left;} .f_r{float:right;} .tl{ text-align:left;} .tc{ text-align:center;} .tr{ text-align:right;} .dis{display:block;} .inline{display:inline;} .none{display:none;} .last{border:0;background:none;} a:link,a:visited { text-decoration:none; color:#287fb6; } a:hover,a:active { text-decoration:underline; } *html .clearfix{height:1%;} *+html .clearfix{height:1%;} /*英文强制换行*/ .word{word-break:break-all;} /*字体颜色*/ .f1{color:#0e6ad0;} a.f1{color:#0e6ad0;} .f2{color:#f16d2d;} .f3{color:#898989;} .f4{color:#898989;font-size:10px;font-family:arial;} .f5{color:#225289;font-size:14px;font-weight:bold;} .f6{color:#006bd0;} .fb{font-weight:bold;} .market{ font-size:14px; text-decoration:line-through;font-family:arial;} .shop{color:#bf0028; font-size:12px;font-family:arial;} .market_s{color:#999;text-decoration:line-through;font-family:arial;white-space:nowrap;} .shop_s{font-size:14px;font-weight:bold;font-family:arial;} /*button*/ .btn1{ height:22px;line-height:14px; padding:3px 3px; border-width:1px; border-style:solid; border-color:#e1e1e1 #848484 #848484 #e1e1e1;color:#000; } /*模块容器*/ .centerbox{border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;padding:5px;} h3 .f_r a{font-weight:normal;color:#666;font-family:arial;} .box{} .box .btm_left{background:url("images/btm_left_bg.gif");height:5px;overflow:hidden;} .box h3{background:url("images/h3bg.gif") no-repeat;height:25px; font-size:12px; line-height:25px; color:#3d474d; padding:0 15px; border-bottom:1px solid #cfdee6;} .arrowbox li{background:url("images/icon_arrow1.gif".gif*/) no-repeat 0 8px; padding:0px 0px 0px 10px;} .box_1 h3height:25px;line-height:25px;background:url("images/h3bg1.gif");font-size:12px;color:#3d474d;padding:0 15px; border-bottom:1px solid #cfdee6;} .box_1 .btm_right{background:url("images/btm_right_bg.gif");height:5px;overflow:hidden;} .box_11 h3{height:25px;line-height:25px;background:url("images/h3bg11a.gif");font-size:12px;color:#3d474d;padding:0 15px; border-bottom:1px solid #cfdee6;} .box_11 .btm_right{background:url("images/btm_right_bg1.gif");height:5px;overflow:hidden;} .box_11 .centerbox{height: 780px;} /*页面留白*/ .blank{height:2px; line-height:2px; clear:both; visibility:hidden;} .blank5{height:5px; line-height:5px;/* _margin:-3px 0;*/ clear:both; visibility:hidden;} /*布局*/ .AreaL{width:226px; float:left; margin-right:10px;overflow:hidden;;} .AreaR{width:750px; float:right;} /* header */ #page_header { width:940px; height:90px; margin:0 auto; position:relative; } #page_header #logo { padding:1px 0 0 15px; } #page_header #topnav { position:absolute; top:15px; right:0px; } #page_header #topnav li { line-height:19px; height:19px; float:left; margin-left:3px; } #page_header #topnav li span { background:url("images/top_nav_sprite.gif") no-repeat; display:block; height:19px; float:left; margin-left:1px; } #page_header #topnav li a { background:url("images/top_nav_sprite.gif") no-repeat right -19px; height:19px; float:left; margin-left:1px; padding:0 8px; } #page_header #topnav .memberinfo,#page_header #topnav .memberinfo a { background:none; } #page_header #topnav .memberinfo { padding-right:50px; } #page_header #topnav .memberinfo span { margin-right:10px; font-size: 12px;} #page_header #topnav .memberinfo a { color:#287fb6; font-size: 12px;} #page_header #topnav .memberinfo a:hover { color:#333; font-size: 12px;} #page_header #topnav .topnav_store span{margin-right:5px;} #page_header #navigation { height:26px; overflow:hidden; position:absolute; bottom:0; left:132px; } #page_header #navigation li,#page_header #navigation li a,#page_header #navigation li.selected span { background:url("images/nav_sprite.gif") no-repeat; float:left; height:26px; } #page_header #navigation li { background-color:#cbe2ed ; background-position:0 -104px; margin-right:1px; padding-left:4px; } #page_header #navigation li a { line-height:26px; background-position:right -78px; float:left; padding:0 25px 0 21px; } #page_header #navigation li a:hover { color:#0131c3; } #page_header #navigation li.selected { background-color:#258ab8; background-position:0 -52px; } #page_header #navigation li.selected span { background-position:right -26px; padding-right:4px; } #page_header #navigation li.selected a { color:#fff; background-position:center 0; padding:0 21px; } /*footer*/ .bomttom_nav{background:url("images/bottom_bg.gif") 0 -55px repeat-x;height:26px;line-height:26px;padding:0 20px;overflow:hidden;position:relative;} .bomttom_nav .left{display:block;width:5px;background:url("images/bottom_bg.gif") repeat-x;position:absolute;left:0;top:0;height:27px;} .bomttom_nav .right{display:block;width:5px;background:url("images/bottom_bg.gif") 0 -27px repeat-x;position:absolute;right:0;top:0;height:27px;} .bomttom_nav li{background:url("images/bottom_bg.gif") right -82px no-repeat;float:left;padding:0 10px;} .footer{padding:10px 20px;color:#777;} .footer .logo1{width:174px;height:57px;float:left;margin-right:30px;border-right:1px solid #ddd;} .footer a{color:#777;} /*search*/ #search_form { background:url("images/search_bg.gif") no-repeat; width:990px; height:68px; margin:0 auto; position:relative; } #search_form form { width:700px; height:30px; margin:0 auto; position:absolute; top:13px; _top:11px; left:80px; } #search_form select,#search_form input { vertical-align:middle; } #search_form #keyword { width:300px; } #search_hot { line-height:18px; color:#cce3ee; position:absolute; top:40px; left:80px; } #search_hot a { color:#cce3ee; margin-left:10px; } #addcart { background:url("images/btn_cart.gif") no-repeat right 0; display:block; height:22px; position:absolute; top:13px; right:20px; } #addcart a { line-height:22px; color:#2d4b9e; background:url("images/btn_cart.gif") no-repeat 0 -22px; float:left; padding:0 12px 0 26px; } #addcart a:hover { text-decoration:none; color:#bf0028; } #addcart em { font:bold 14px Arial; color:#bf0028; margin:0 3px; } #dialog{position:absolute;top:35px;right:-55px;width:246px;height:64px;display:none;z-index:99;} #dialog .arrow{background:url("images/dialog_tip_bg.gif") no-repeat center 0;height:12px;overflow:hidden;position:relative;top:0px;} #dialog .tipbox{padding:5px;background:#fff;border:2px solid #f77516;} #dialog .tip{background:url("images/dialog_cart_icon.gif") no-repeat 5px center #e5e5e5;height:47px;padding-left:40px;padding-top:4px;color:#000;} #dialog em{font:bold 12px Arial;color:#bf0028; margin:0 3px;} /*ur-here*/ #breadcrumbs { color:#999; background:url("images/breadcrumbs_sprite.gif") repeat-x 0 -29px; width:946px;height:29px;line-height:29px; position:relative; top:50px;padding:0 20px;z-index:1;} #breadcrumbs .right{ background:url("images/breadcrumbs_sprite.gif") no-repeat right -58px;height:29px;width:9px;right:0;top:0;position:absolute;} #breadcrumbs .left{ background:url("images/breadcrumbs_sprite.gif") no-repeat;width:9px;height:29px;position:absolute;left:0;top:0;} #breadcrumbs a { color:#4A4A4A; } #breadcrumbs a:hover { color:#287fb6; } /*====================category====================*/ #category_tree .centerbox{background:url("images/category_bg.gif") repeat-x;padding:10px;width:204px;overflow:hidden;} #category_tree h4{font-size:12px; background:url("images/icon_level1.gif") no-repeat 0 8px; padding:5px 0 5px 13px; clear:both;} #category_tree h4 a{color:#306197;} #category_tree li{padding:5px; border-bottom:1px dotted #cfdee6;} #category_tree dl{padding-left:14px;} #category_tree dl a{color:#777;line-height:18px;} #category_tree dt{float:left;} #category_tree dd{margin-right:10px;float:left;white-space:nowrap;} /*category*/ #category_tree_cate h4{font-size:12px;height:24px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;line-height:24px;background:#f2f6fa;color:#287fb6;font-weight:bold;padding:0 14px;cursor:pointer;} #category_tree_cate h4 span.f_r{display:block;background:url("images/menu.gif");width:12px;height:12px;margin-top:6px;} #category_tree_cate div.on h4 span.f_r{background-position:0 -12px;} #category_tree_cate div.on dl{display:none;} #category_tree_cate dl{padding:0 14px;} #category_tree_cate dl a{color:#287fb6;} #category_tree_cate dl dt{width:100%;background:url("images/icon_arrow1.gif") 3px center no-repeat;padding:0 15px;height:22px;line-height:22px;} #category_tree_cate dl dd{background:url("images/icon_arrow1.gif") 13px center no-repeat;padding:0 25px;height:22px;line-height:22px;} #category_tree_cate dl dd.childer{padding-left:35px;background-position: 23px center;} /*goods*/ #category_tree_goods dl{padding:0 14px;} #category_tree_goods dl a{color:#333;} #category_tree_goods dl dt{width:100%;background:url("images/icon_arrow3.gif") 0px 5px no-repeat;padding:0 15px;height:22px;line-height:22px;} #category_tree_goods dl dd{width:100%;background:url("images/icon_arrow1.gif") 13px center no-repeat;padding:0 25px;height:22px;line-height:22px;} #category_tree_goods dl dd.childer{padding-left:35px;background-position: 23px center;} /*brands*/ #brands img{width:100px;margin:3px;float:left;} /*invoice*/ #invoice ul{padding:5px;} #invoice li{padding:5px; border-bottom:1px dotted #cfdee6;} /*focus*/ .focus{float:left;width:524px;} .new_articles{width:226px;float:left;} .new_articles .title{height:30px;background:url("images/category_bg.gif") repeat-x;line-height:30px;font-weight:bold;border:1px solid #eee;padding:0 14px;} .new_articles .centerbox{border-left:1px solid #eee;border-right:1px solid #eee;} /*recommend*/ .goodsIItem{float:left;text-align:center;width:110px;margin:5px 0 0 12px;} .goodsIItem img{border:1px solid #e6e6e6;padding:2px;} .goodsIItem p{width:110px;margin:0 auto;text-align:left;} .goodsIItem p.name{width:110px; padding:3px 0;line-height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;} .goodsIItem p.shop{text-align: center;} .goodsIItem p a{color:#555;} .goodsItem{float:left;text-align:center;width:147px;margin-top:5px;} .goodsItem img{border:1px solid #e6e6e6;padding:2px;} .goodsItem p{width:100px;margin:0 auto;text-align:left;} .goodsItem p.name{height:30px;padding:3px 0;line-height:16px;overflow:hidden;} .goodsItem p a{color:#555;} /*cat_goods*/ .cat_goods{width:500px;float:left;} .cat_item{float:left;width:121px;text-align:center;} .cat_item img{border:1px solid #e6e6e6;padding:2px;} .cat_item p{width:100px;margin:0 auto;text-align:left;} .cat_item p.name{height:30px;padding:3px 0;line-height:16px;overflow:hidden;} .cat_item p.name a{color:#555;} .textlist { width:480px; clear:both; margin-top:15px; border-top:1px dotted #d3dee4; } .textlist li { line-height:22px; background:url("images/icon_arrow2.gif") no-repeat 0 5px; width:217px; height:22px; overflow:hidden; float:left; padding:0 5px 0 18px; border-bottom:1px dotted #d3dee4; } .cat_top{width:238px;float:left;} .cat_top li{border-bottom:1px dotted #d3dee4;height:25px;line-height:25px;padding:0 5px;overflow:hidden;} .cat_top a{color:#287fb6;} .cat_top span{font-weight:bold;color:#0235b7;font-family:arial;margin-right:10px;display:inline;} /*history related fittings sttrlinked*/ .listbox ul{_height:1%; margin-bottom:5px;} .listbox li{float:left; width:120px;} .listbox li.goodsimg{width:48px; margin-right:10px;} .listbox li.goodsimg img{width:48px; height:48px; display:block;border:1px solid #ddd;padding:3px;} /*article */ .listbox_1 li{background:url("images/icon_arrow1.gif") 2px 7px no-repeat;padding-left:10px;} /*category*/ .goods_list h4{font-size:12px;font-weight:normal;height:24px;border:1px solid #e4e4e4;border-top:1px solid #e4e4e4;line-height:24px;background:#f2f6fa;padding:0 14px;font-family:arial;} .goods_list h4 img{margin-top:2px;} .goods_list h4 .f_r img{margin-top:4px;} .grid{float:left;width:184px;padding-top:10px;margin-top:10px;text-align:center;} .grid img{border:1px solid #e6e6e6;padding:4px;} .grid p{width:140px;margin:0 auto;text-align:left;} .grid p.name{height:32px;padding:3px 0;line-height:16px;word-break : break-all; } .grid p.name a{color:#0e6ad0;} .list ul{border-bottom:1px dotted #e5e5e5;padding:5px; height: 120px;} .list li{float:left;} .list li.thumb{border:1px solid #e6e6e6;padding:4px;} .list li.goodsName{margin-left:10px;width:380px;} .list li.price{float:right;width: 235px;} .clublist ul{padding:5px;} .clublist li{float:left;width: 520px;} .clublist li.thumb{border:1px solid #e6e6e6;padding:4px;width: 120px;} .clublist li div.goodsName{margin-left:10px;width:550px; font-size: 14px; font-weight: 700; background-color: #F5F5F5; height: 30px; line-height: 32px; vertical-align: middle; padding: 1px 8px;} .clublist li a:link,.clublist li a:visited { text-decoration:none; color:#000000; } .clublist li a:hover,.clublist li a:active { text-decoration:underline; } /*pages*/ .pagebar{float:right;padding-right:20px;margin-top:10px;font-family:arial;} .pagebar li{float:left;text-align:center;height:16px;line-height:16px;margin:0 2px;border:1px solid #ccc;} .pagebar li a{color:#898989;text-decoration:none;display:block;height:16px;width:16px;} .pagebar .page_count{background:#258ab8;color:#fff;border:1px solid #258ab8;padding:0 5px;} .pagebar .page_now{border:1px solid #258ab8;height:16px;width:16px;background:#dae6ec;color:#258ab8} .pagebar .page_now a{color:#258ab8;} /*goods*/ .right_top1{background:url("images/right_top1.gif");height:4px;overflow:hidden;} .right_bottom1{background:url("images/right_bottom1.gif");height:4px;overflow:hidden;} .centerbox1{border-left:1px solid #cae1ee;border-right:1px solid #cae1ee;background:#ecf4f8;padding:10px;} .goods_info{background:#fff;border:1px solid #cae1ee;padding:10px; height: 325px;} .img_info{width:300px;float:left;text-align:center;} .img_info .goodsimg{border:1px solid #ddd;width:340px;padding:2px;} .club_img_info{width:300px;float:left;text-align:center;} .club_img_info .goodsimg{border:1px solid #ddd;width:340px;padding:2px;} /*gallery*/ #focuscont{width:300px;height:300px;line-height:300px;border:1px solid #ccc;margin-bottom:5px;} #focuscont p img{width:300px;vertical-align:middle;text-align:center;*margin-top: expression(( 300 - this.height ) / 2);} #itemGallery { width: 300px; margin-top: 4px; } #itemGallery li { float: left; margin-right: 5px; height:32px;width:32px; padding:5px 2px 2px 2px;display:block;background:url("images/bg_pic_1.gif") no-repeat 0 0; } #itemGallery li img{height:32px;width:32px;} #itemGallery li.cur{ background:url("images/bg_pic.gif");} .text_info{width:378px;margin-left:10px;float:left;color:#666;} .text_info p{line-height:25px;} .text_info .style_name{border-bottom:1px dotted #ddd;padding-left:5px;} .text_info .shop_price{font-size:16px;font-weight:bold;font-family:arial;color:#fe4e4e;} .text_info .number{background:#f9f9f9;border:1px solid #eee;padding:10px 20px;line-height:25px;} .club_info{width:378px;margin-left:5px;float:left;color:#666;} .club_info p{line-height:25px;} .club_info .style_name{border-bottom:1px dotted #ddd;padding-left:5px; height: 51px;} .club_info .shop_price{font-size:16px;font-weight:bold;font-family:arial;color:#fe4e4e;} .club_info .number{background:#f9f9f9;border:1px solid #eee;padding:10px 20px;line-height:25px;} .tab{padding-left:15px;} .tab h2{float:left;height:27px;background:url("images/tab_bg.gif");color:#000;margin-left:3px;position:relative;top:1px;text-align:center;line-height:30px;font-size:12px;padding:0 8px;overflow:hidden;} .tab h2.h2bg{background:url("images/tab_bg.gif") 0 -28px;font-weight:normal;} .tab h2 span{background:url("images/tab_bg.gif") -155px 0px;position:absolute;top:0;right:0;width:3px;height:27px;} .tab h2.h2bg span{background:url("images/tab_bg.gif") -155px -28px;position:absolute;width:3px;height:27px;} /*comment*/ .comments li{background:url("images/lineBg.gif") repeat-x left bottom; padding:3px 8px; width:97%; _height:1%; text-align:left; position:relative;margin-bottom:8px;} .comments li img{position:absolute; right:0px; top:3px;} .comments li p{margin:3px auto; text-align:left;} .commentsList{border:1px solid #ccc; background:#f7f7f7; padding:10px;} .captcha{margin-left:0px; position:relative; top:-1px; *margin-left:8px; *position:relative; top:3px; cursor:pointer;} /*====================user message====================*/ .top{height:4px;background:url("images/top.gif");margin-top:10px;overflow:hidden;} .center{height:4px;padding:20px 0;background:#ecf4f8;border-left:1px solid #c4deec;border-right:1px solid #c4deec;height:auto;} .bottom{height:4px;background:url("images/bottom.gif");overflow:hidden;} .user_box{background:#f7fbfc;border:1px solid #d8e9f2;margin:5px 0;padding:20px 0;} .center .text h4{color:#222;font-size:14px;} .center .text p{color:#666;} .center .text img{margin-top:5px;} /*login get_password*/ .column1{width:392px;padding:0 50px;background:url("images/line.gif") right center no-repeat;float:left;} .column2{width:392px;padding:30px 50px;float:left;} .register{height: 380px;} .register .column1{width:582px;padding:0 50px;background:url("images/line.gif") right top no-repeat;float:left;} .register .column2{width:242px;padding:30px 30px;float:left;} .message{width:600px;background:url("images/message.gif") 30px 40px no-repeat #f7fbfc;padding:40px 80px;padding-right:10px;border:1px solid #d8e9f2;font-family:arial;} .message p{line-height:25px;padding-left:5px;} .message li{background:url("images/icon_arrow4.gif") 0 6px no-repeat;padding-left:15px;} .message li a{color:#258ab8;} /*user_center*/ .userMenu a{display:block;height:30px;line-height:30px;background:url("images/menuBg.gif") no-repeat 0 -30px;color:#3f3f3f;text-decoration:none;margin:0 0 3px;padding-left:15px;} .userMenu a.curs{background:url("images/menuBg.gif") no-repeat 0 0px; font-weight:bold;} .userMenu a img{ margin-right:3px;} .msgBottomBorder{clear:both; background:url("images/lineBg.gif") repeat-x left bottom; padding-bottom:8px; margin-bottom:8px;} /* ====================brand==================== */ #brandList{} #brandList .brandBox{width:220px;padding:0 5px;margin:3px 6px;float:left;text-align:center;overflow:hidden;height:160px;border:1px solid #ddd;} #brandList .brandBox .brandLogo{width:188px; height:52px; overflow:hidden;} #brandList .brandBox h4{height:23px; line-height:23px; background:#e9e9e9; margin:15px 0 8px 0; padding:0 10px; text-align:right;font-weight:100; font-size:12px;} #brandList .brandBox h4 span{float:left; font-weight:bold; color:#306197; text-decoration:none;} #brandList p{text-align:left; margin-bottom:5px; color:#909090; padding:8px;} /* ====================group==================== */ .group{padding:8px;border-bottom:1px dotted #e5e5e5;} .group img{padding:5px;border:1px solid #e5e5e5;} .group li{float:left;padding:8px;} /* ==================== 购物流程 ==================== */ .flowview {background:url("images/flow_sprite.gif") no-repeat;width:985px;height:24px;line-height:16px;margin:10px auto;color:#FFF;font-size:14px;font-weight: bold; } .flowview span {position:absolute;top:5px;} .two{background-position:0 -24px;} .three{background-position:0 -48px;} .four{ background-position:0 -72px; } .flowview .cart {left:50px; } .flowview .pay {left:310px; } .flowview .confirm {left:575px; } .flowview .submit { left:810px; } .flowBox{} .flowBox h6{background:url("images/h6bg.gif") 0 6px no-repeat;height:25px;line-height:25px;padding-left:18px;font-size:12px;color:#333;border-bottom:2px solid #cfdee6;} .flowBox table.flow_table{border:1px solid #ededed;} .flowBox .goodsimg{width:50px;border:1px solid #e5e5e5;padding:2px;float:left;margin-right:10px;} .flowBox table.flow_table th{background:#f4f8fb;font-weight:normal;color:#666;} .flowBox table.flow_table td{border-bottom:1px dotted #e5e5e5;} .flowBox .tip{color:#666; background:#f5faff; margin-left:8px; padding:3px 8px; border:1px solid #93c6f9;*position:relative;*top:-4px;} /*2.62在购物车里面显示相关配件*/ .flowGoodsFittings{padding:10px;} .flowGoodsFittings ul{height:1%; margin:5px 4px; float:left;} .flowGoodsFittings li{float:left; width:120px;} .flowGoodsFittings li.goodsimg{width:80px; margin-right:10px;} .flowGoodsFittings li.goodsimg img{width:80px; display:block;} .quotation{ margin:20px auto 20px auto; text-align:center;} /* ======商品比较浮动块 ====== */ #compareBox { width:128px; background:url("images/compareBg.gif") no-repeat top center; background-color:#edf8ff; padding:35px 0 8px 0; border: 1px solid #c5e4ff; position: absolute; right:1px; top:200px; } #compareBox input { width:52px; height:13px; border:none; background:url("images/compareSub.gif") no-repeat; } #compareList { margin:0px 0px 8px 0px; padding:0px; width:120px; background:#FFFFFF; border:1px solid #d6ecff; } #compareList li { color: #333; text-align:left; background: #fff; padding: 3px 5px; margin: 3px 0; } #compareList li img { float:right; padding-top:4px; } .messageli { list-style-type:none; padding:5px; color:red } .messagediv { font-size:12px; position:absolute; border:1px solid #FFD700; text-align:center; padding:5px; background-color:#FFFACD; filter:alpha(opacity=50); -moz-opacity:0.7; opacity: 0.7; } .point li{ float:left; width:300px; } .imgborder:link,.imgborder:visited{border:#d6d6d6 1px solid; display:block;} .imgborder:hover{border:1px solid #999;} /*焦点图 one --------------------- */ #f_div {width:190px;height:125px;position:relative;}/*图片层*/ #f_div img {width:190px;height:125px; overflow:hidden;border:0px;}/* 图片尺寸*/ #f_div .bg {width:auto;} #f_textbg{float:left;width:190px;height:25px;float:left;background:#000;filter:alpha(opacity=40);opacity: 0.40;top:100px;left:0px;position:absolute;} #f_text{width:185px;height:55px;float:left;left:8px;top:192px;left:10px;position:absolute;z-index:3;font-size:14px;font-weight:bold;color:#FFF;} #f_text a:link,#f_text a:visited,#f_text a:active{color:#FFF;text-decoration:none;} #f_text a:hover{color:#FFF;text-decoration:underline;} #f_imgDiv {width:190px;height:125px;filter:progid:DXImageTransform.Microsoft.Fade(Overlap=1.00);overflow:hidden;}/*动画显示效果和图片高度*/ #f_infoDiv {position:absolute; right:5px; bottom:5px;}/*数字位置*/ #f_buttonDiv{z-index:9;} #f_buttonDiv .bg{float:left;width:16px;height:16px;text-align:center;line-height:16px;margin-right:3px;background:#6dab02;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold; } #f_buttonDiv .bg a:link,#f_buttonDiv a:visited,#f_buttonDiv a:active{width:16px;height:16px;color:#ffffff;text-decoration:none;} #f_buttonDiv .bg a.on:link,#f_buttonDiv a.on:visited,#f_buttonDiv a.on:active,#f_buttonDiv a.on:hover{background:#f60;height:16px;color:#ffffff;display:block; width:16px;} /*焦点图 two --------------------- */ #ff_div {width:190px;height:125px;position:relative;}/*图片层*/ #ff_div img {width:190px;height:125px; overflow:hidden;border:0px;}/* 图片尺寸*/ #ff_div .bg {width:auto;} #ff_textbg{float:left;width:190px;height:25px;float:left;background:#000;filter:alpha(opacity=40);opacity: 0.40;top:100px;left:0px;position:absolute;} #ff_text{width:185px;height:25px;float:left;left:8px;top:192px;left:10px;position:absolute;z-index:3;font-size:14px;font-weight:bold;color:#FFF;} #ff_text a:link,#ff_text a:visited,#ff_text a:active{color:#FFF;text-decoration:none;} #ff_text a:hover{color:#FFF;text-decoration:underline;} #ff_imgDiv {width:190px;height:125px;filter:progid:DXImageTransform.Microsoft.Fade(Overlap=1.00);overflow:hidden;}/*动画显示效果和图片高度*/ #ff_infoDiv {position:absolute; right:5px; bottom:5px;}/*数字位置*/ #ff_buttonDiv{z-index:9;} #ff_buttonDiv .bg{float:left;width:16px;height:16px;text-align:center;line-height:16px;margin-right:3px;background:#6dab02;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#ffffff; } #ff_buttonDiv .bg a:link,#ff_buttonDiv a:visited,#ff_buttonDiv a:active{width:16px;height:16px;color:#ffffff;text-decoration:none;} #ff_buttonDiv .bg a.on:link,#f_buttonDiv a.on:visited,#f_buttonDiv a.on:active,#f_buttonDiv a.on:hover{background:#f60;height:16px;color:#ffffff;display:block; width:16px;} DIV.bar { MARGIN: 3px; PADDING: 3px; TEXT-ALIGN: center } DIV.bar A { BORDER: #ddd 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; COLOR: #0E6AD0; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; TEXT-DECORATION: none } DIV.bar A:hover { BORDER: #0E6AD0 1px solid; COLOR: #0E6AD0; BACKGROUND-COLOR: #F2F6FA; } DIV.bar A:active { BORDER-RIGHT: #0E6AD0 1px solid; COLOR: #0E6AD0; BACKGROUND-COLOR: #F2F6FA; } DIV.bar SPAN.current { BORDER: #0E6AD0 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #0E6AD0; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BACKGROUND-COLOR: #F2F6FA; } DIV.bar SPAN.disabled { BORDER: 0; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; } .list .addcart { width:92px;height:27px; cursor:pointer; background:url(images/list_btns.gif) no-repeat; } .list .star-off { width:68px;height:27px; cursor:pointer; background:url(images/list_btns.gif) no-repeat 0 -81px; } .list .star-on { width:68px;height:27px; cursor:pointer; background:url(images/list_btns.gif) no-repeat 0 -27px; } .list .btncmp { width:68px;height:27px; cursor:pointer; background:url(images/list_btns.gif) no-repeat 0 -54px; } .list .nobuy { width:92px;height:27px; cursor:pointer; background:url(images/list_btns.gif) no-repeat 0 -108px; } .grid .addcart { width:20px; height:20px;cursor:pointer; background:url(images/goodsgallary_icon.gif) 0 -98px no-repeat; } .grid .btncmp { width:20px; height:20px;cursor:pointer; background:url(images/goodsgallary_icon.gif) 1px 0 no-repeat; } .grid .viewpic { width:20px; height:20px;cursor:pointer; background:url(images/goodsgallary_icon.gif) 0 -25px no-repeat; } .grid .star-off { width:20px; height:20px;cursor:pointer; background:url(images/goodsgallary_icon.gif) 0 -75px no-repeat; } .grid .star-on { width:20px; height:20px;cursor:pointer; background:url(images/goodsgallary_icon.gif) 0 -50px no-repeat; } .grid .nobuy { width:20px; height:20px;cursor:pointer; background:url(images/goodsgallary_icon.gif) 0 -124px no-repeat; } .screeBox { margin-bottom: 6px; padding: 5px 10px; } .screeBox span { padding: 3px 5px; background: #3351AC; color: #fff; } .tb2 { border: 1px solid #CCCCCC; background-image: url(images/bg3.jpg); width: auto; height: 25px; line-height: 25px; padding-left: 5px; padding-right: 5px; text-align: center; cursor: pointer; } .tb2_on { border: 2px solid #FE5E08; background-image: url(images/bg3.jpg); width: auto; height: 25px; padding-left: 5px; padding-right: 5px; text-align: center; cursor: pointer; } .postbtn{text-align: center; background: url(../../images/newtopic.gif) no-repeat 0px 0px; width: 67px; height: 30px; line-height: 32px; font-size: 14px; font-weight: 700;} .bid1{ margin: 3px 0 15px 0; height: 70px; border:1px solid #9BDF70; background-color: #F0FBEB } .bid2{ margin: 3px 0 15px 0; height: 70px; border:1px solid #D3D3D3; background-color: #F3FAFF } .bid3{ margin: 3px 0 15px 0; height: 70px; border:1px solid #F8B3D0; background-color: #FFF5FA } .clubgrid{float:left;width:320px;padding-top:10px;margin:10px 4px 0;text-align:left;} .clubgrid img{border:1px solid #e6e6e6;padding:4px;} .clubgrid p{width:140px;margin:0 auto;text-align:left;} .clubgrid p.name{height:32px;padding:3px 0;line-height:16px;word-break : break-all; } .clubgrid p.name a{color:#0e6ad0;} .clubgrid ul{margin: 1px;} .clubgrid ul li {margin: 3px; float: left; width: 150px; padding:3px 0;line-height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} #qq{ position:absolute; top:20px; right:10px; width:95px; height:55px; }