body{font: 12px Arial,"微软雅黑"; color: #666; margin: 0; padding:0} 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; } .block{width:1210px; margin:0 auto;} .index_body .block{width:1210px; margin:0 auto;} .table td,.table th{ padding:5px;} .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;} a{ text-decoration:none; color:#666} .dashed{background:url(images/lineBg.gif) repeat-x left top; color:#3f3f3f; padding:2px 0 3px 12px;} .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } *html .clearfix{ height:1%; } *+html .clearfix{ height:1%; } /*英文强制换行*/ .word{word-break:break-all;} /*边框*/ .B_blue{border:1px solid #e2e2e2;} .B_input{border:1px solid #ccc;} .inputBg{border:1px solid #b3b3b3; height:23px; line-height:23px;} /*字体颜色ecmoban.com*/ .f1{color:#b22825; font-weight:bold} .f2{color:#ff6f3d; font-weight:bold; margin-right:15px;} .f3{color:#9e9e9e;} .f4{color:#b22825;} .f4_b{color:#ff6f3d; font-weight:bold;} .f5{ font-size:14px; font-weight:bold;} .f6{color:#ff6f3d;} .market{ font-size:12px; text-decoration:line-through; color:#999} .shop{font-family: 'Arial'; font-size: 28px; color: #b22825; font-weight:bold } .market_s{text-decoration:line-through;} .shop_s{color:#ff6f3d; font-weight:bold} /*按钮部分*/ .bnt_blue{ background:url(images/bg.gif) no-repeat 0px 0px; width:52px; height:21px; text-align:center; line-height:22px; color:#333; border:none; cursor:pointer; overflow:hidden } .bnt_blue_1{ background:url(images/bg.gif) no-repeat 0px -663px; width:77px; height:21px; text-align:center; line-height:22px; color:#333; border:none; cursor:pointer;overflow:hidden } .bnt_blue_2{ background:url(images/bg.gif) no-repeat 0px -696px; width:139px; height:21px; text-align:center; line-height:22px; color:#333; border:none; cursor:pointer;overflow:hidden } .bnt_bonus{ background:url(images/bg.gif) no-repeat -56px 0px; width:52px; height:21px; text-align:center; line-height:22px; color:#333; border:none; cursor:pointer;overflow:hidden } /*box from ec moban*/ .box_1{border:1px solid #ddd; background-color:#fff;} .box_2{border:1px solid #ddd; background:url(images/box_2Bg.gif) repeat-x top left; background-color:#edf8fe; } .boxCenterList{padding:8px;} /*模块标题*/ h3{height:32px; line-height:32px; font-size:12px; background:#e5e5e5; text-align:right; padding:0 12px; font-weight:100; } h3.border{border:1px solid #e2e2e2; border-bottom:none;} h3 img{position:relative; top:7px;} h3 span{float:left; font-size:14px; height:32px; line-height:32px; text-align:left; font-weight:bold; color:#373737; padding-left:5px; font-family:"微软雅黑"} h3 a{ color:#333; text-decoration:none; font-family:"微软雅黑"} h5{height:26px; line-height:26px; text-align:right; background-color:#f6f6f6; font-size:12px; color:#900; padding:0 10px 0 0; } h5 span{float:left; font-weight:bold;padding-left:15px;} h6{height:38px; line-height:38px; text-align:right; font-size:12px; background:#f6f6f6; color:#3f3f3f; border:1px solid #fff; padding-right:10px; } h6 span{float:left; padding-left:15px; font-size:14px;} /*页面留白*/ .blank{height:15px; line-height:15px; clear:both; visibility:hidden;} .blank5{height:5px; line-height:5px;/* _margin:-3px 0;e c m o b a n*/ clear:both; visibility:hidden;} /*布局*/ .AreaL{width:216px; float:left; } .index_page .AreaL{ position:relative; margin-top:-38px; z-index:99999} .AreaR{width:964px; float:right; } /* ==================== 导航部分 ==================== */ .topWrap { height:40px; margin:0 auto;} .top_nav{ height:26px; line-height:26px; background:#f4f2f3; border-bottom:1px solid #eeeced; position:relative; z-index:999999999} .top_bav_l{ float:left} .top_bav_l li{ float:left; } .top_bav_l .top_sc{ border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; padding:0 5px; margin-right:12px} .top_bav_l .menuPopup{ position:relative} .top_bav_l .top_nav_box{ position: absolute; top: 26px; left: 0; line-height: 20px; border: 1px solid #eeeced; background: #f5f3f4; z-index: 100; display: none;width: 68px; padding: 0 5px; } .top_bav_l .top_weibo{width: 68px; padding: 0 5px;} .top_bav_l a.attention,.top_bav_l a.top_weixin,.top_bav_l a.top_weibo,.top_bav_l a.top_qq{background:url(images/headTop_icon.png) no-repeat;} .top_bav_l a{height: 26px; line-height: 26px; float:left} .top_bav_l a.attention{background-position:-14px 0;width:18px;padding:0 5px;float:left;} .top_bav_l a.attention:hover{background-position:-64px 0;} .top_bav_l a.top_weixin{background-position:-131px 0;width:19px;padding:0 5px;float:left;} .top_bav_l a.top_weibo{background-position:-14px 0;width:18px;padding:0 5px;float:left;} .top_bav_l a.top_weibo:hover{background-position:-64px 0;} .top_bav_l a.top_qq{background-position:-41px 0;width:13px;padding:0 5px;float:left;margin:0 10px 0 5px;} .top_bav_l a.top_qq:hover{background-position:-97px 0;} .top_bav_l .weixinBox { width: 150px; height: 190px; left: -1px; position: absolute; top: 26px; left: 0; padding: 5px 0; line-height: 20px; border: 1px solid #eeeced; background: #f5f3f4; z-index: 100; display: none; } /* ==================== 导航部分 ==================== */ /*头部左侧收藏我们与微博微信*/ .headTop_l a.top_weibo,.headTop_l a.top_qq,.headTop_l a.attention,.headTop_l a.top_weixin{background:url(images/headTop_icon.png) no-repeat;} .headTop_l{float:left;border-left:solid 1px #e8e8e8;} .headTop_l li{border-right:solid 1px #e8e8e8;float:left;} .headTop_l li span{display:block;padding:0 5px 0 15px;line-height:26px;float:left;} .headTop_l a{padding:0 10px;height:26px;line-height:26px;} .headTop_l a.attention{background-position:-14px 0;width:18px;padding:0 5px;float:left;} .headTop_l a.attention:hover{background-position:-64px 0;} .headTop_l a.top_weixin{background-position:-132px 0;width:19px;padding:0 5px;float:left;} .headTop_l a.top_weibo{background-position:-106px 0;width:18px;padding:0 5px;float:left;} .headTop_l a.top_weibo:hover{background-position:-279px 0;} .headTop_l a.top_qq{background-position:-133px 0;width:13px;padding:0 5px;float:left;margin:0 10px 0 5px;} .headTop_l a.top_qq:hover{background-position:-312px 0;} .headTop_l .topPopUpNav{} .headTop_l .topPopUpNav a{line-height:21px;text-indent:12px;display:block;text-align:left;} .headTop_l .weixinBox{width:150px;height:190px;left:-1px;} .headTop_l .weiboBox{width:68px;padding:0 5px;} /*头部*/ .header { height:100px; } .header .top { text-align: left; } .header .top .right {color: #434a54;font-size: 12px;padding-top: 33px;} .header .top .right .menu {position: relative;float: right;display: inline-block;_display: inline;width:335px;padding-top: 10px;margin-left: 0;margin-right: 105px;} .header .top .right .menu li {float: right;display: inline-block;height: 15px;line-height: 15px;text-align: center;border-right: 1px solid #ccd1d9;padding: 0 15px 0 15px;} .header .top .right a {color: #434a54;text-decoration: none;} .header .top .right .search {position: relative;float: right;display: inline-block;} .header .top .right .search .txt {display: block;width: 245px;height: 32px;line-height: 32px;text-indent: 6px;border: 3px solid #ff6f3d;background: #fff;margin-bottom: 6px;color: #ccd1d9;-webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;} .header .top .right .search .mbtn {position: absolute;left: 322px;top: 0;z-index: 2;display: block;width: 50px;height: 40px;cursor: pointer;border: 0;background: 0;} .header .top .right .search .hot {display: block;text-align: left;color: #aab2bd;} .header .top .right .search .hot a {color: #aab2bd;margin-right: 6px;} .header .top .right .search .iconsear {position: absolute;left:224px;top: 10px;z-index: 1;display: block;cursor: pointer;border: 0;} .icon-common-search {width: 17px;height: 18px;background-position: -223px -51px;} .logo{ float:left; position: relative; float: left; width: 200px;margin: 20px 0 0; overflow: hidden;} a.arr b,.headTop_l a.vancl,.headTop_l a.weibo,.headTop_l a.qq,.headTop_l a.attention,.headTop_l a.weixin,.top_shopCart,.top_shopCart a b,.keyword,#seachbtn,.items li s,.items li b,.pop-subcategory b{background:url(images/i_index_icon.png?v=2) no-repeat;} .headTop_r{float:right;} .headTop_r ul{} .headTop_r ul li{float:left;padding:0 10px;height:27px;line-height:27px;background:url(images/i_top_line_bg.jpg) right no-repeat} .headTop_r ul li.welcomeVjia{text-align:right;border-right:solid 1px #e8e8e8;color:#818181;background:none} .headTop_r ul li.welcomeVjia span{padding-left:25px;} ul.shoppingMes li.welcomeVjia .loginvjia{color:#dc0050;} .headTop_r ul li.menuPopup{width:82px;padding:0;text-align:center;position:relative;z-index:100;display:block;} .headTop_r ul li.menuPopup a.arr{width:82px;display:block;_padding:4px 0;} .headTop_r ul li.menuPopup a.arr b{background-position:-165px -12px;display:inline-block;width:7px;height:5px;margin-left:3px;vertical-align:middle;} .headTop_r ul li.menuPopup a.trak{position:absolute;border:1px solid #e2e2e2;left:0;border-bottom:none;z-index:101;width:80px;height:27px;margin-top:-1px;background:#f5f3f4;color:#9a0002;-webkit-box-shadow:1px 0 rgba(0,0,0,0.2);box-shadow:1px 0 rgba(0,0,0,0.2);-moz-box-shadow:1px 0 rgba(0,0,0,0.2);} .headTop_r ul li.menuPopup a.trak b{background-position:-174px -12px;} .headTop_r .topPopUpNav{position:absolute;top:26px;left:0;padding:5px 0;line-height:20px;border:1px solid #e2e2e2;background:#f5f3f4;z-index:100;-webkit-box-shadow:1px 1px rgba(0,0,0,0.2);box-shadow:1px 1px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px rgba(0,0,0,0.2);width:80px;display:none;} .headTop_r .topPopUpNav a{line-height:21px;text-indent:12px;display:block;text-align:left;} .headTop_r .website{width:220px;left:-140px;} .website dl{padding:2px 0 0 15px;text-align:left;} .website dl dt{font-weight:bold;} .website dl dt.c1{color:#FF731F} .website dl dt.c2{color:#86BE13} .website dl dt.c3{color:#F04782} .website dl dd{overflow:hidden;zoom:1;margin-bottom:5px;} .website dl dd a{width:65px;float:left;text-indent:0;} /*Logo和搜索及购物车*/ .head{height:84px;background:#f8f7f7; position:relative; z-index:1} .v_logo{float:left;} .head_r{float:right; padding-bottom:20px; margin-left:170px;} .top_shopCart{position: relative; float: right; margin-top: 28px; width: 130px; height: 34px; background: url(images/public.sprite.png) 0 -61px no-repeat; z-index: 999999999; font: 12px/1.5 arial, tahoma, \5b8b\4f53;} .top_shopCart a strong{padding-left:56px;line-height:31px;font-size:14px;} .top_shopCart b{position:absolute;color:#fff;font-weight:normal;top:-7px;left:28px;font-family:Arial;display:block;width:16px;height:16px;line-height:16px;text-align:center;background: url(images/i_index_icon.png?v=2) no-repeat;background-position:-359px -32px;} .top_shopCart b a{color:#fff;font-weight:normal;} .top_goodness{float:left;margin-top:23px;} .top_goodness span{display:inline-block;_display:inline;height:27px;} .top_shopCart .jiesuan{padding-left: 56px;line-height: 31px;font-size: 14px; font-weight:bold} .top_goodness{float:left;margin-top:19px;} .top_goodness span{display:inline-block;_display:inline;height:33px;background:url(images/top_goodness.jpg) no-repeat;zoom:1;} .top_search{float:left;position:relative;z-index:99;width: 480px; margin: 20px 170px 0 0;} .top_search form *{ float:left} .keyword{margin-top: 0; width: 356px; height: 18px; padding: 7px 10px; border: 2px solid #3392e2; border-right: 0; color: #BBB; font-size: 14px; float: left; background:none} .topic .serverbox{ display:none} .topic .specialbox{ display:none} #seachbtn{width: 98px; height: 36px; margin-top: 0; border: 0; cursor: pointer; background: url(images/public.sprite.png) 0 -383px no-repeat #3592e2; float: left; font-size:16px; font-weight:bold; color:#FFF; font-family:"微软雅黑"} .search_tig{line-height:24px;} .search_tig a{color:#757575;margin-right:5px;} .search_tig a:hover{color:#9a0002;} /*页面主导航*/ .menu_box{height:38px; width:1210px; background:#3592e2} .menu_box a{display: inline-block;_display: inline;_zoom: 1;line-height: 38px;color: #fff;font-size: 14px;width: 95px;text-align: center;} .menu_box a.cur{ color:#ffd100} .menu_box a:hover{ color:#ffd100; font-weight:bold} .index_page .menu_box .menu{ padding-left:200px;} /*当前位置*/ #ur_here{ height:24px; line-height:24px; } #ur_here a{color:#666; text-decoration:none;} /* ==================== 模块 ==================== */ /*商品分类*/ #category_tree{ } #category_tree .tit {background:#f60; height: 38px; line-height: 38px; font-weight: normal; color: #fff; text-align: center; font-size: 16px;} #category_tree dl{float:left; width:100%; position:relative; } #category_tree .dt{font-size:12px;position:relative; } #category_tree .dt .a{background:url(images/biao5.gif) no-repeat 10px center #eeeeee; color:#0d0d0d; font-family:"微软雅黑"; padding-left:20px; font-size:12px; font-weight:bold; text-decoration:none; display:block; height:45px; line-height:48px; position:relative; } #category_tree .dt .a img{ position:absolute; right:10px; top:18px; } #category_tree .dt .t{ background:url(images/biao5.gif) no-repeat 10px center #f3f3f3} #category_tree .dt .a:hover{ background:url(images/biao5.gif) no-repeat 10px center #4e4e4e; color:#FFFFFF} #category_tree .current .a{ background:url(images/biao5.gif) no-repeat 10px center #4e4e4e; color:#FFFFFF } #category_tree .cate{ line-height:22px; font-weight:bold; border:1px solid #ddd; padding:5px;} #category_tree .cate .clearfix a{ font-weight:normal; float:left; width:100px; } #category_tree dd{padding:3px 10px 3px 10px; line-height:24px; position:absolute; left:216px; top:0 ; width:600px; background:#f3f3f3 } #category_tree dd .over_3{color:#666; text-decoration:none; padding-right:10px; float:left; width:90px; } #category_tree dd .clearfix{ border-bottom:1px solid #e5e5e5; line-height:30px;} #category_tree dd .over_3:hover{color:#ff6f3d; text-decoration: underline;} #category_tree dd .over_2{ display:block; height:30px; line-height:30px; color:#f60; font-weight:bold} /*里页分类树*/ #category_tree .cate h1{ font-size:12px; font-weight: bold; font-family:"微软雅黑"; height:35px; line-height:35px;border-top:1px solid #eee } #category_tree .cate h1 a{ font-size:12px; color:#0d0d0d } #category_tree { } .sale_box{ border:1px solid #e3e3e3; background:url(images/sale_bg.gif) repeat-x #f8f8f8; width:1193px; float:right ; padding-left:15px;} .sale_box .tit{ font-size:14px; font-weight:bold; padding:5px 15px 0 15px; } .sale_box ul{ float:left; width:205px; height:262px; padding:15px; line-height:22px;} .sale_box ul img{ width:200px; height:200px;} /*销售排行*/ .top10Tit{background:url(images/bg.gif) no-repeat 0px -85px; height:30px;} .top10List{background-color:#fff; margin:0px 4px 4px 4px;} .top10List ul{border-bottom:1px solid #ddd; position:relative;} .top10List .iteration{position:absolute; top:6px; left:6px;} .top10List .iteration1{padding-left:3px;} .top10List li.topimg{width:90px; height:90px;} .top10List .samllimg{width:90px; height:90px; margin-bottom:4px;} .top10List li{padding:3px 3px 3px 23px; float:left;} /*linkCOLOR*/ .top10List li a,#mallNews .NewsList li a,.boxCenterList li a{color:#3f3f3f; text-decoration:none;} .top10List li a:hover,#mallNews .NewsList li a:hover,.boxCenterList li a:hover{color:#ff6f3d; text-decoration: underline;} .top10_1{ width:223px; height:106px; background: url(images/top10_1.gif) no-repeat} .top10_1 li{ color:#FFF; font-size:12px; font-weight:bold} .top10_1 li a{ color:#FFF; font-weight:normal; display:block; padding-bottom:7px; } .top10_1 li .f1{ color:#FFF} /*首页焦点图*/ #mallNews{ overflow:hidden } .newart_tit{ width:192px; height:26px; line-height:26px; background:url(images/newart_tit.gif); color:#c90707; font-weight:bold; font-size:14px; text-align:left; color:#333; font-size:12px; padding-left:10px;} #mallNews .NewsList{background:#FFFFFF; padding:7px;} #mallNews .NewsList ul{ line-height:25px;} #mallNews .NewsList li{background:url(images/bg.gif) no-repeat 0px -164px; padding:0px 0px 0px 10px;line-height:22px; height:22px; text-align:left; color:#666; overflow:hidden } #mallNews .NewsList li a{ color:#666} /*今日特价和品牌*/ #sales{width:500px; background:url(images/salesBg.gif) repeat-x left bottom; border-bottom:2px solid #f0f1f3; background-color:#eef8ff; } #sales h1{font-size:12px; background:url(images/salesTitBg.gif) no-repeat; height:33px; text-align:right;} #sales h1 img{position:relative; top:10px; right:8px;} #sales .goodBox{margin:10px 0px 10px 10px; _margin-left:5px;} #sales .goodBox .goodList p{text-align:left; color:#3f3f3f;} #sales .goodBox .goodList p a{color:#3f3f3f; text-decoration:none;} #sales .goodBox .goodList p a:hover{color:#ff6f3d; text-decoration: underline;} #sales .goodList{width:110px; margin:0px 5px 0px 5px; float:left;} #sales .goodList img{background:url(images/salesGoodBg.gif) no-repeat; width:100px; height:100px; padding:5px; } #sales .goodList p{ margin-top:3px; text-align:center;} #brands{width:247px; height:199px; *height:201px; padding:1px 0 0 1px; position:relative;} #brands .brandsMore{position:absolute; left:178px; bottom:10px; width:65px; height:41px; } #brands .brandsMore img{border:none; width:65px; height:41px;} #brands img{width:78px; height:40px;border:1px solid #e2e2e2;} #brands a{color:#0069cd; text-decoration:none; margin:2px 1px; display:block; float:left;} .brandsIe6{_width:250px;}/*在ie6下特价商品不存在的话品牌推荐永远靠右显示*/ /*精品推荐,新品上市,热卖商品*/ .centerPadd{padding:5px 8px 8px 8px; overflow:hidden;} .box_3{ border:1px solid #dedede; background:url(images/tit1.gif) repeat-x } .itemTit .tit{ height:32px; line-height:32px; background:url(images/cat_tit_bg.gif) repeat-x; padding-right:10px} .itemTit .tit .ss_class{ float:right} .itemTit .tit .ss_class a{ color:#666} .itemTit .tit .f_l{ width:180px;font-size:16px; font-weight:bold; padding-left:25px; background:url(images/cat_tit_l.gif) no-repeat} .itemTit .tit .f_l a{ color:#666; font-size:16px; font-weight:bold} .itemBest_box .box_1{ border:1px solid #bddbfd; background:#e6f2ff; padding:15px 20px 5px 20px; margin-top:-1px;} .itemBest_box .f1{ color:#1e51a4; font-weight:bold} .itemBest_box .f1 a{ color:#1e51a4;} .itemTit img{position:relative; top:7px;} .itemTit h2{height:27px; line-height:28px; border:none; background:none; font-size:12px; text-align:center; color:#f90; font-weight:bold; padding:0px 10px; display:inline; white-space:nowrap; } .itemTit h2 a{color:#f90;text-decoration:none;} .itemTit .h2bg{height:27px; line-height:28px; border:none; background:none; font-size:12px; text-align:center; color:#666; font-weight:100; padding:0px 10px; display:inline; white-space:nowrap; } .itemTit .h2bg a{color:#666; text-decoration:none;} .centerPadd .goodsBox{border:1px solid #d6ecff; background:#fff; padding:12px 0px 0px 17px; *padding:12px 0px 0px 17px; _padding:12px 0px 0px 0px;} .centerPadd .goodsBox .more{text-align:right; clear:both; margin:0 8px 8px 0;} /*单个商品*/ .goodsItem{width:202px; float:left; position:relative; overflow:hidden; padding:10px 18px 15px 18px; text-align: left; line-height:20px;} .goodsItem .goodsimg{width:200px; height:200px; border:1px solid #e2e2e2; margin-bottom:4px;} .goodsItem p{text-align: left; font-weight:normal; display:block; overflow:hidden} .goodsItem p a{ text-decoration:none;} .goodsItem p a:hover{ text-decoration: underline;} .goodsItem span{width:40px; height:40px; position:absolute;left:0px; top:0px;} .goodsItem span.best{background:url(images/bg.gif) no-repeat 0px -304px;} .goodsItem span.news{background:url(images/bg.gif) no-repeat -75px -304px;} .goodsItem span.hot{background:url(images/bg.gif) no-repeat -161px -304px;} .goods_cat{ padding:10px;} .goods_cat .goodsItem{ padding:5px 11px 15px 10px; } /*商品分类*/ .xm-box{ border-top:4px solid #3592e2} .xm-box .title{ height:42px; line-height:42px; padding:0 10px; font-size:14px; font-weight:normal;color:#666; text-align:right; background:#f1f1f1; border-top:3px solid #fff;} .xm-box .title span{ float:left; font-size:14px; font-weight:bold; color:#3592e2} .xm-box .title .more{ float:right; padding-right:20px; height:42px; line-height:42px; background:url(images/biao17.gif) right center no-repeat} .top_nav .header_r{ color:#cbcbcb; float:right; color:#818181} .top_nav a{ color:#616161; padding:0 3px;} .top_nav {} /*帮助*/ /*帮助*/ /*相关商品 模_板_堂_出_品*/ .boxCenterList ul{height:1%; margin-bottom:5px;} .boxCenterList li{float:left; width:100px; line-height:20px;} .boxCenterList li.goodsimg{width:87px; margin-right:10px; float:left} .boxCenterList li.goodsimg img{width:85px; height:85px; display:block;} /*相关文章(其它带有小三角点的文字列表共用)*/ .RelaArticle a,.alone{background:url(images/bg.gif) no-repeat 0px -170px; padding:0px 0px 0px 10px; color:#3f3f3f; text-decoration:none;} .RelaArticle a:hover{background:url(images/bg.gif) no-repeat 0px -170px; padding:0px 0px 0px 10px; color:#ff6f3d; text-decoration: underline;} /*浏览历史,收藏*/ .history{ border-bottom:3px solid #f60} .history h2{height:32px; line-height:32px; width:148px; text-align:center; font-size:12px; float:left; color:#fff; background:#f60; margin-right:5px; } .history .h2bg{ border:1px solid #ddd ; border-bottom:none; color:#666;height:31px; line-height:31px; width:146px; background:none ; } #history li{width:100%;} #clear_history a{background:none; padding:0px; color:#3f3f3f; text-decoration:none;float:right;cursor:pointer;} .colle a{background:none; padding:0px; color:#3f3f3f; text-decoration:none;} .colle a:hover{background:none; padding:0px; color:#ff6f3d; text-decoration: underline;} /* ==================== 商品详情页面部分模块 ==================== */ #goodsInfo{ _height:1%;} #goodsInfo h1{overflow: hidden; font-family: arial,"microsoft yahei"; font-size:18px; text-align:left} #goodsInfo .imgInfo{width:362px; float:left; padding-right:10px; } #goodsInfo .imgInfo .thumb{width:230px; height:230px; display:block;}/*商品详情图片*/ #goodsInfo span{width:4px; height:48px; background:url(images/bg.gif) no-repeat 0 -527px; float:left;} #goodsInfo span.spanR{width:4px; height:48px; background:url(images/bg.gif) no-repeat -5px -527px; float:right;} #goodsInfo .gallery{width:204px; float:left; margin-left:10px; _margin-left:5px; overflow:hidden;} #goodsInfo .gallery ul{width:auto;} #goodsInfo .gallery li{float:left; width:48px; margin:0 2px;} #goodsInfo .gallery li img{width:46px; height:46px; display:block;} #goodsInfo .market{ padding-left:10px;} .textInfo ul strong{ font-weight:normal} /*文字信息*/ #goodsInfo .textInfo{background:#fff; width:570px; float:right; padding: 0px; } #goodsInfo .textInfo h1{ padding-bottom:10px;border-bottom:1px solid #ccc;} #goodsInfo .textInfo p{font-size:14px; font-weight:bold; padding:0 5px 5px 8px;} #goodsInfo .textInfo ul{ padding:6px 0 } #goodsInfo .textInfo li{ padding:6px 8px; _height:1%;} #goodsInfo .textInfo select{ width:80px;} #goodsInfo .textInfo .ul2{border-bottom:1px solid #ccc;} #goodsInfo .textInfo .ul2 li{ float:left; width:40%; } #goodsInfo .textInfo ul li dd{ float:left; } .bnt_ul{ background:#f5f5f5; padding:10px; } .bnt_ul img{ vertical-align:middle} #goodsInfo .textInfo li dd{ } #goodsInfo .textInfo li dd.ddR{border-left:1px solid #eeecec; width:48%; padding-left:8px;} #goodsInfo .textInfo li dd.ddL{border-right:1px solid #eeecec;} #goodsInfo .textInfo a{color:#ff6f3d; text-decoration:underline;} #goodsInfo .textInfo .loop{ margin-top:0px;} .shuxin dt{ border:1px solid #ccc; text-align:center; font-weight:bold; color:#ff6f3d; margin-bottom:3px;} .shuxin dd{ width:50%; float:left} .shuxin dd span{ float:left; background:#eee; margin:3px;} .shuxin dd .span1{width:125px;padding-left:5px;} .shuxin dd .span2{width:220px; padding-left:5px;} /*用户评论*/ .ie6{padding-left:25px; _padding-left:15px; height:1%;}/*购买此商品的人还购买的商品*/ .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;} .commentsList .inputBorder{border:1px solid #ccc; background:#fff;} .captcha{margin-left:0px; position:relative; top:-1px; *margin-left:8px; *position:relative; top:3px; cursor:pointer;} /* ==================== 品牌推荐 ==================== */ /*品牌列表*/ #brandList{ margin-top:12px; height:1%;} #brandList .brandBox{width:240px; _width:236px; float:left; margin:0 5px 20px 5px; text-align:center; overflow:hidden; height:160px;} #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,#brandList .brandBox h4 span a{float:left; font-weight:bold; color:#3f3f3f; text-decoration:none;} #brandList p{text-align:left; margin-bottom:5px; color:#909090; padding:8px;} #brandList p.brandCategory,#brandList p.brandCategory a{text-align:left; color:#006acd; text-decoration:none;} #brandList .brandArticle{border:1px dashed #d9d9d9; background:#e2e2e2; text-align:left;} .brandCategoryA a{ margin-right:15px;} /* ==================== 用户中心 ==================== */ .login_tab{background:url(images/login_tab_bg.gif) bottom no-repeat; height:26px; margin-top:22px;} .login_tab ul{padding-left:70px;} .login_tab ul li.active { background-position: -122px 0; color: #fff; } .login_tab ul li.active a{ color:#fff} .login_tab ul li { width: 116px; text-align: center; font-size: 14px; font-weight: bold; height: 25px; line-height: 25px; float: left; background: url(images/login_tab_li.gif) no-repeat 0 0; margin-right: 6px; cursor: pointer; } .box_1 .userCenterBox{border:4px solid #f8f8f8; background-color:#fff;} .usBox{ padding:0 70px; } .usBox .inputBg{ border:1px solid #ccc; background:none} .usBox .inputBg { width:210px;} .usBox form{ padding:20px 0} .usBox_1{background:#fff; text-align:left; width:620px; } .logtitle{height:35px; background:url(images/user_tit1.gif) no-repeat 0px 0px;} .logtitle3{height:35px; background:url(images/user_tit3.gif) no-repeat 0px 0px;} .us_Submit{border:none; width:125px; height:40px; background:url(images/bnt_ur_log.gif)} .us_Submit_reg{border:none; width:125px; height:40px; background:url(images/bnt_ur_reg.gif);} .usTxt{ float:right;padding: 3px; border: solid 1px #e4e4e4; } .regtitle{ width:510px; height:35px; background:url(images/user_tit2.gif)} .usTxt img{ } /*注册*/ .usBox_2{background:#fff url(images/usBox_2bg.gif) 550px center no-repeat ; text-align:left; padding:43px 153px 60px 123px;} .usBox_2 .regtitle{height:30px; background:url(images/ur_bg.gif) no-repeat 0px -34px;} .actionSub a{color:#000; text-decoration:underline; background:url(images/ur_bg.gif) no-repeat 0px -68px; padding-left:14px; } .box_1 .userCenterBox .userMenu a{display:block; height:25px; line-height:25px; background:url(images/menuBg.gif) no-repeat 0 -30px; color:#3f3f3f; text-decoration:none; margin:0 0 3px 10px; padding-left:3px; } .box_1 .userCenterBox .userMenu a.curs{background:url(images/menuBg.gif) no-repeat 0 0px; font-weight:bold;} .box_1 .userCenterBox .userMenu a img{ margin-right:3px;} .msgBottomBorder{clear:both; background:url(images/lineBg.gif) repeat-x left bottom; padding-bottom:8px; margin-bottom:8px;} /* ==================== 商品分类页面 ==================== */ /*属性组合搜索*/ .screeBox{padding:10px;} .screeBox a{color:#404040;} .screeBox span{background:#f60; color:#FFFFFF; padding:3px 5px; margin:0 3px;} .sort a{ position:relative; bottom:5px;} .sort input{position:relative; top:3px;} /*商品列表显示方式*/ .goodsList{ padding:10px 10px 0 10px;} .goodsList ul{ margin-bottom:10px;} .goodsList ul#bgcolor{background:#fbfbfb; border-top:1px dashed #e8e8e8; border-bottom:1px dashed #e8e8e8;} .goodsList li{float:left; padding:8px;} .goodsList a{ text-decoration:none; color:#900} .goodsList li.thumb{ text-align:center;} .goodsList li.thumb img{ border:1px solid #ccc; padding:1px;} .goodsList li.goodsName{width:250px; margin-right:10px; font-size:12px;} .goodsList li.goodsName .div_name{ height:80px;} .goodsList li.goodsName a{ font-size:12px; font-weight:bold; color:#333333} .goodsList li.goodsName .bnt_blue{ color:#900; font-size:12px; float:left; font-weight:normal; margin-right:10px;} .goodsList li.action{float:right; margin-left:10px; line-height:25px;} /* ==================== 团购 ==================== */ .group{ padding:8px;} .group li{float:left; background:#fff; padding:8px;} .group .f_l{ width:220px; text-align:center} .group .f_r{ width:425px; line-height:23px; text-align:left} /* ==================== 购物流程 ==================== */ .flowBox{ padding-bottom:5px;} .flowBox h6{ background:#ececec; color:#666666; font-weight:bold} .flowBox table{ margin:5px auto;} /*2.62在购物车里面显示相关配件*/ .flowGoodsFittings{padding:10px;} .flowGoodsFittings ul{height:1%; margin:5px 8px; width:222px; float:left;} .flowGoodsFittings li{float:left; width:222px; font-size:12px; line-height:22px;} .flowGoodsFittings li.goodsimg{width:220px; margin-right:10px;} .flowGoodsFittings li.goodsimg img{width:220px; height:220px; display:block;} /* ==================== 文章列表页-2009.6.8 ==================== */ .article_search{margin:8px 0;} .article_search .inputBg{width:300px;} /* ==================== 打印报价单 ==================== */ .quotation{ margin:20px auto 20px auto; text-align:center;} /*翻页*/ .pagebar{height:20px; float:right;color:#666;} .pagebar img{position:relative; top:2px;} .pagebar a{display:block; float:left; margin:0 2px; color:#666; text-decoration:none;} .pagebar a:hover{color:#ff6f3d; text-decoration:none;} .pagebar .page_now{display:block; float:left; margin:0 5px; color:#ff6f3d; font-weight:bold; background:#fff;} #pager a{color:#666; text-decoration:none;} /*底部导航+友情链接*/ #bottomNav{width:948px;color:#000; border:1px solid #ddd; background:#f9f6f4} #bottomNav a{ color:#555; text-decoration:none;display: inline-block;padding:0 30px;vertical-align: middle;} #bottomNav2{width:948px; height:28px;line-height:28px; text-align:center;background:#f9f6f4; border:1px solid #ddd;} #bottomNav2 a{ color:#333;text-decoration:none; padding:0 10px;} //*底部*/ .g-footer { background: #FFF; margin-top: 18px; } .serverbox { clear: both; min-width: 990px; border-top: 1px solid #E5E5E5; background-color: #E7E6E5; } .g-footer .sn-server { width: 1210px; height: 190px; margin: 0 auto; overflow: hidden; } .g-footer .sn-server .serverlist { float: left; margin-top: 15px; } .g-footer .sn-server .serverlist dl.g-serverlist-first_1 { margin-left: 10px; } .g-footer .sn-server .serverlist dl { display: inline; float: left; margin: 0 50px 0 30px; } .g-footer .sn-server .serverlist dl dt { padding-bottom: 7px; color: #333; font: 700 14px/1.5 'Microsoft YaHei'; } .g-footer .sn-server .serverlist dl dd a, .g-footer .sn-server dl dd a:link { color: #666; line-height: 22px; } .g-footer .sn-server .serverlist dl dd a, .g-footer .sn-server dl dd a:link { color: #666; line-height: 22px; } .g-footer .sn-server .serverlist dl.g-sncs { margin-right: 0; } .g-sncs-new { position: relative; top: -8px; } .g-snsc-box { width: 170px; background: url(images/footsprite.png) no-repeat -205px -392px; } .g-snsc-link { float: right; width: 60px; display: block; text-align: center; white-space: nowrap; padding-top: 58px; background: url(images/footsprite.png) no-repeat 0 -406px; } .g-footer .sn-server .otherinfo { display: inline; float: right; height: 149px; width: 188px; padding: 0 5px 0 10px; margin-top: 15px; background: url(images/footsprite.png) -155px 11px no-repeat; } .g-footer .sn-server dl.netserver { float: right; } .g-footer .sn-server dl.netserver dt { padding-bottom: 7px; color: #333; font: 700 14px/1.5 'Microsoft YaHei'; } .g-footer .sn-server dl.netserver dd { color: #666; height: 44px; line-height: 18px; } .g-footer .sn-server dl.netserver a, .g-footer .sn-server dl.netserver a:link { color: #2272c8; } .g-footer .sn-server dl.searchsn { width: 100px; float: right; display: inline; margin-right: 10px; } .g-footer .sn-server dl.searchsn dt a, .g-footer .sn-server dl.searchsn dt a:link, .g-footer .sn-server dl.searchsn dt a:visited { display: block; width: 70px; height: 70px; margin: 0 auto; background: url(images/footsprite.png?v=20140625) -180px -149px; text-indent: -200%; overflow: hidden; text-decoration: none; } .g-footer .sn-server dl.searchsn dd { margin-top: 5px; color: #666; } .g-footer .specialbox { min-width: 990px; height: 46px; background-color: #3B87EE; } .g-footer .sn-specialbox { width: 1210px; margin: 0 auto; overflow: hidden; } .g-footer .specialbox a.slink1 { width: 271px; margin-left: 54px; background-position: right -253px; } .g-footer .specialbox a { display: inline; float: left; height: 46px; background: url(images/footsprite.png); text-indent: -200%; overflow: hidden; } .g-footer .specialbox a.slink2 { width: 271px; margin-left: 114px; background-position: right -299px; } .g-footer .specialbox a.slink3 { width: 320px; margin-left: 111px; background-position: right -345px; } .g-footer .copyrightbox { min-width: 990px; background-color: #FFF; } .g-footer .copyrightbox .copyright { width: 990px; height: 100%; margin: 0 auto; padding: 15px 0 20px; height: 152px; } .sncompany{ padding:10px; display:block;} .g-footer .copyrightbox .copyright .rights, .g-footer .copyrightbox .copyright .sncompany, .g-footer .copyrightbox .copyright .snlinks, .g-footer .copyrightbox .copyright .subfooter { text-align: center; } .g-footer .copyrightbox .copyright dl dd, .g-footer .copyrightbox .copyright dl dt { display: inline; line-height: 2em; } .g-footer .copyrightbox .copyright .snlinks a, .g-footer .copyrightbox .copyright dl dd a { color: #666; line-height: 24px; } .g-footer .copyrightbox .copyright .sncompany span, .g-footer .copyrightbox .copyright .snlinks span { color: #DDD; padding: 0 10px; } .g-footer .copyrightbox .copyright .rights { color: #999; line-height: 2em; } .g-footer .copyrightbox .copyright .subfooter { margin-top: 10px; } .g-footer .copyrightbox .copyright .subfooter a { padding: 0 10px; } .copyRight{width:980px;margin:auto;text-align:center;color:#6a6a6a} .copyRight .subFooter{margin-top:10px} .copyRight .subFooter img{margin:0 10px;border:0} .links{ padding:10px;} .f_t .phone li.goodness{width:479px;height:45px;padding-left:34px;} .f_t .phone li.goodness span{display:inline-block;*display:inline;width:84px;height:37px;margin-right:93px;background:url(images/__aW1nMDI=__goodness.jpg) no-repeat -34px -6px;*zoom:1;} .f_t .phone li.goodness span.help{width:100px;margin-right:82px;background-position:-211px -6px;} .f_t .phone li.goodness span.hdfk{width:120px;margin-right:0;background-position:-393px -6px;} .full .f_t #prompt{width:240px} /*智能提示弹出层*/ .vjia-suggest-container{display:none;width:306px;position:absolute;top:27px;left:0;border:1px solid #b3b3b3;background-color:#fff;z-index:98;} .full .vjia-suggest-container{width:406px;} .vjia-suggest-container ol{border-bottom:3px solid #d8d8d8;list-style:none;margin:0;padding:0;} .vjia-suggest-container ol li{height:25px;line-height:24px;padding-left:9px;cursor:default;} .vjia-suggest-container ol .selected{background-color:#d80732;color:#fff;} /*购物车提示点击更新按钮式样2.6.2版本添加*/ .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; } /* ======商品比较浮动块 ====== */ #compareBox { background:url(images/comparebox.gif) no-repeat; width:140px; position: absolute; right:1px; top:200px; padding-top:21px; } #compareBox input { width:140px; height:26px; border:none; background:url(images/compareSub.gif) no-repeat; } #compareList { padding:0px; width:138px; background:#FFFFFF; border:1px solid #91b3cb; border-bottom: none; padding-top:5px; } #compareList li { color: #333; text-align:left; background: #eff8ff; padding: 3px 5px; margin: 0 5px 5px 5px; border:1px solid #dceaf5 } #compareList li img { float:right; padding-top:4px; } /*购物车提示点击更新按钮式样2.6.2版本添加*/ .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; } /*********************放大镜配置文件*******************************************************************************************/ /* Copyright 2008 MagicToolBox.com. To use this code on your own site, visit http://magictoolbox.com */ /* CSS class for zoomed area */ .MagicZoomBigImageCont { border: 1px solid #ccc; } /* Header look and feel CSS class */ /* header is shown if "title" attribute is present in the tag */ .MagicZoomHeader { font: 12px Tahoma, Verdana, Arial, sans-serif; color: #fff; background: #ccc; text-align: center !important; } /* CSS class for small looking glass square under mouse */ .MagicZoomPup { border: 1px solid #aaa; background: #ffffff; cursor: hand; } /* CSS style for loading animation box */ .MagicZoomLoading { text-align: center; background: #ffffff; color: #444; border: 1px solid #ccc; opacity: 0.8; padding: 3px 3px 3px 3px !important; display: none; /* do not edit this line please */ } /* CSS style for gif image in the loading animation box */ .MagicZoomLoading img { padding-top: 3px !important; } /* ©2008 MagicToolbox.com. To use this code on your own site, visit http://www.magictoolbox.com */ /* CSS class for thumbnail link */ .MagicThumb { cursor: url(images/zoomin.cur), pointer; outline: none; } /* CSS class for the thumbnail link when the big image is zoomed mo ban tang ban quan suo you */ .MagicThumb-zoomed { cursor: default; } /* CSS class for span inside the thumbnail */ .MagicThumb span { display: none; } /* CSS class for the thumbnail image */ .MagicThumb img { border: 1px solid #808080; outline: none; } /* CSS class for the big image while zooming */ .MagicThumb-image { border: 1px solid #cccccc; outline: none; } /* CSS class for the zoomed big image */ .MagicThumb-image-zoomed { cursor: url(images/zoomout.cur), pointer; } /* CSS class for the caption under the big zoomed image */ .MagicThumb-caption { color: #333333; background-color: #F0F0F0; border: 1px solid #CCCCCC; border-top: none; font-family: Verdana, Helvetica; font-size: 11px; padding: 8px 16px; } /* CSS class for the control bar ec mo ban */ .MagicThumb-controlbar { display: block; height: 18px; } .MagicThumb-controlbar a { display: block; width: 18px; height: 18px; margin: 0px 1px; outline: none; float: left; overflow: hidden; } .MagicThumb-controlbar a span { display: block; width: 990px; height: 990px; background: transparent url(images/controlbar.png) no-repeat 0 0; outline: none; position: absolute; left: 0px; top: 0px; } /* CSS class for the loading message box */ .MagicThumb-loading { border: 1px solid #000000; background: #ffffff url(images/loader.gif) no-repeat 2px 50%; padding: 2px 2px 2px 22px; margin: 0; text-decoration: none; text-align: left; font-size: 8pt; font-family: sans-serif; } .picture{ margin-top:10px; text-align:left; } .picture img{ width:65px; height:65px; cursor:pointer; margin:0 0px; margin-right:3px; } .picture img.onbg{ border:1px solid #ff6f3d; } .picture img.autobg{ border:1px solid #fff; } .left_help{ border:1px solid #e2e2e2;} .left_help dl{ padding:10px;} .left_help dl dt{ font-weight:bold; font-size:12px; background:#e5e5e5; height:24px;line-height:24px; padding-left:10px;} .left_help dl dt img{ vertical-align:middle } .left_help dl dd{ padding-left:10px; padding-top:5px;} .left_help dl a{ color:#666; text-decoration:none} .left_help dl a:hover{ color:#1c7b3b} .art_cat_box{} .art_cat_box th{ height:26px;line-height:26px; } .art_cat_box td{ border-bottom:1px solid #dbdbdb; font-weight:normal} .art_cat_box td a{ font-weight:bold; color:#3f3f3f; padding-left:20px; } .ecmoban{ display:none}