body{background:#fff; font-size:12px; font: 12px/1 "微软雅黑",Arial, "宋体", Tahoma, Helvetica, sans-serif; line-height:150%; margin:0px 0 0 0; padding:0; color:#666;}
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:954px; height:auto;
}
.wrap { text-align: left; width: 950px; margin: 0 auto;}
.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;}
.dashed{background:url(images/lineBg.gif) repeat-x left top; color:#3f3f3f; padding:2px 0 3px 12px;}
.clear { clear: both; }
.clearfix:after{
content:"."; display:block; height:0; clear:both;
visibility:hidden;
}
*html .clearfix{
height:1%;
}
*+html .clearfix{
height:1%;
}
a{
font-size: 12px;
color: #666666;
text-decoration: none;
}
a:link {
color: #666666;
}
a:visited {
color: #666666;
}
a:hover{
color:#abc708;
}
a:active {
color: #666666;
}
/*英文强制换行*/
.word{word-break:break-all;}
/*边框*/
.B_blue{border:1px solid #e2e2e2;}
.B_input{border:1px solid #ccc;}
.inputBg{border:1px solid #b3b3b3; background:url(images/inputbg.gif) repeat-x left top; height:18px;}
/*字体颜色ecmoban.com*/
.f1{color:#606060; font-weight:bold}
.f2{color:#606060; font-weight:bold; margin-right:15px;}
.f3{color:#9e9e9e;}
.f4{color:#606060;}
.f4_b{color:#606060; font-weight:bold;}
.f5{ font-size:14px; font-weight:bold;}
.f6{color:#606060;}
.market{ font-size:12px; text-decoration:line-through; color:#999}
.shop{color:#606060; font-size:14px; font-weight:600;}
.market_s{text-decoration:line-through;}
.shop_s{color:#606060; font-weight:normal;}
/*按钮部分*/
.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{ overflow:hidden;}
.box_1{border:1px solid #E8E8E8; background-color:#fff;}
.box_2{border:1px solid #d2d2d2; background:url(images/box_2Bg.gif) repeat-x top left;
background-color:#edf8fe; overflow:hidden;
}
.boxCenterList{padding:8px;}
/*模块标题*/
h3{height:33px; line-height:33px; font-size:12px; text-align:right;
font-weight:100;background-color:#F8F8F8;border-bottom: 1px solid #e8e8e8;
}
h3.border{border:1px solid #e2e2e2; border-bottom:none;}
h3 img{position:relative; top:7px;}
h3 span{float:left; height:33px; line-height:33px; text-align:left;
font-weight:bold; text-align:left; font-size:12px; padding-left:10px;color:#595757;}
h3 a{ color:#333; text-decoration:none}
h5{height:26px; line-height:26px; text-align:right; background-color:#f6f6f6; font-size:12px;
color:#595757; padding:0 10px 0 0;
}
h5 span{float:left; font-weight:bold;padding-left:15px;}
h6{height:23px; line-height:23px; text-align:right; font-size:12px; background:#f6f6f6; color:#3f3f3f;
border:1px solid #fff; padding-right:10px;
}
h6 span{float:left; padding-left:15px;}
/*页面留白*/
.blank{height:8px; line-height:8px; clear:both; visibility:hidden;}
.blank5{height:5px; line-height:5px; clear:both; visibility:hidden;}
/*布局*/
.AreaL{width:202px; float:left;overflow:hidden}
.AreaR{width:740px; float:right; overflow:hidden}
/* ====================
导航部分
==================== */
/*顶部管理型导航*/
.tit1{ width:150px; height:34px; line-height:34px; background: url(images/tit1.gif) no-repeat; font-size:14px; font-weight:bold; color:#FFFFFF; padding-left:40px;}
/*页面主导航*/
#mainNav{padding:0 25px; width:910px; height:28px; padding-top:9px;}
.header_bg{ width:980px; height:68px; border:1px solid #b7b7b7; border-top:none; background: url(images/search_bg.gif); position:relative; overflow:hidden}
.header_bg a{ color:#FFF; text-decoration:none; font-size:12px; padding:0 2px; }
.header_bg .t{ height:34px; line-height:34px; padding:0 10px; }
.header_bg .f_l a{ padding:0 15px; font-size:12px;}
/* #searchForm{float:left; height:34px; padding:0 10px;}
#searchForm .f_l{ padding-top:8px;}
#searchForm .f_r a{ color:#666; }
#searchForm .f_r{padding:6px;}*/
#keyword{width:259px; height:16px;line-height:16px; border:1px solid #d3d3d3; float:left}
.meun{position:absolute; left:300px; top:53px;}
.meun .home{ float:left; width:50px; padding-left:43px; height:28px;line-height:28px; color:#FFF; font-weight:normal; font-size:14px; text-decoration:none; background:url(images/home_bg.gif) no-repeat }
.meun_r{ height:25px;line-height:25px; background:url(images/meun_m.gif) repeat-x; float:left; margin:3px 0 0 5px; color:#656565}
.meun_r a{ color:#656565; text-decoration:none; font-weight:bold}
.meun_r ul{ background:url(images/meun_l.gif) no-repeat 0 0; padding-left:8px;}
.meun_r li{ background:url(images/meun_r.gif) no-repeat right 0; padding-right:8px;}
/*搜索*/
#search{ width:950px;
padding:0px 0px; height:28px; line-height:28px;
}
#search a{color:#333; text-decoration:none;}
#search .keys{
color:#c00; padding-left:40px;
}
/*当前位置*/
#ur_here{
height:24px; line-height:24px; padding:0 12px;
}
#ur_here a{color:#ea6200; text-decoration:none;}
/* ====================
模块
==================== */
/*购物车*/
/*商品分类*/
#category_tree{background-color:#fff; border:1px solid #d2d2d2}
#category_tree dl{margin:3px; border-bottom:1px solid #e5e5e5; padding:3px 0}
#category_tree dt{height:22px; line-height:22px; font-size:14px; }
#category_tree dt a{
color:#ea6200; padding-left:10px; text-decoration:none; font-weight:bold
}
#category_tree dd{padding:3px 0 3px 10px; line-height:24px;color:#e5e5e5}
#category_tree dd a{color:#666; text-decoration:none; padding:0 px;}
#category_tree dd a:hover{color:#ABC708; text-decoration:none;}
/*销售排行*/
.top10List{background-color:#fff; padding-top:5px;}
.top10List ul{ border-bottom:1px dotted #ccc; 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:#ABC708; text-decoration:none;}
.top10 .box_1{ border:1px solid #469b02}
.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}
/*首页焦点图*/
#focus{ width:520px; float:left}
#mallNews{width:208px; overflow:hidden }
#mallNews .NewsList{background:#FFFFFF; padding:6px 8px;}
#mallNews .NewsList ul{ line-height:21px;}
#mallNews .NewsList li{background:url(images/bg.gif) no-repeat 0px -167px; padding:0px 0px 0px 10px;line-height:21px; height:21px;
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:#ABC708; text-decoration:none;}
#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{ }
.itemTit{height:28px; padding-left:290px; text-align:right; position:relative; border-bottom:2px solid #79af00 }
.itemTit .tit{ width:142px; height:20px;position:absolute; left:0; top:0; text-align:left; padding:5px 0 0 20px; font-weight:bold; color:#79af00; font-size:14px; background:url(images/biao_t4.gif) 10px 8px no-repeat}
#itemBest{ border-bottom:2px solid #d0a96e }
#itemBest .tit{ background:url(images/biao_t1.gif) 10px 8px no-repeat; color:#d0a96e;}
#itemNew{ border-bottom:2px solid #1dbab9 }
#itemNew .tit{ background:url(images/biao_t3.gif) 10px 8px no-repeat; color:#1dbab9;}
#itemHot{ border-bottom:2px solid #f29ec0 }
#itemHot .tit{ background:url(images/biao_t2.gif) 10px 8px no-repeat; color:#f29ec0;}
.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:#666;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:152px;
float:left;
position:relative;
overflow:hidden;
text-align:center;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 26px;
}
.goodsItem .goodsimg{width:150px; height:150px; border:1px solid #E2E2E2; margin-bottom:4px;}
.goodsItem p{text-align:center; color:#3f3f3f; font-weight:normal; display:block; line-height:18px; height:18px; overflow:hidden}
.goodsItem p a{color:#3f3f3f; text-decoration:none;}
.goodsItem p a:hover{color:#ABC708; text-decoration:none;}
.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;}
.goodsItem_re{
width:152px;
float:left;
position:relative;
overflow:hidden;
text-align:center;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 16px;
}
/*帮助*/
.helpTitBg{ text-align:left; border-top:2px solid #ccc; padding:0 0 20px 0; width:100%; float:left
}
.helpTitBg dl{float:left; width:190px; padding-left:35px; padding:7px 0}
.helpTitBg dt{height:33px; line-height:33px; text-align:left;
font-weight:bold; font-size:14px; color:#666; padding-left:30px; margin-bottom:0px; background:url(images/biao4.gif) 20px center no-repeat}
.helpTitBg dt a{font-weight:bold; color:#666; text-decoration:none;}
.helpTitBg dd{ padding-left:25px;}
.helpTitBg dd a{color:#666; text-decoration:none; padding:0px 0px 0px 5px;}
/*相关商品 */
.boxCenterList ul{height:1%; margin-bottom:5px;}
.boxCenterList li{float:left; width:100px;}
.boxCenterList li.goodsimg{width:48px; margin-right:10px; float:left}
.boxCenterList li.goodsimg img{width:48px; height:48px; 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:#ABC708; text-decoration:none;}
/*浏览历史，收藏*/
.history h2{height:33px; line-height:33px; text-align:center; font-size:12px;
float:left; color:#4D4D4D;margin:0px 0px 0 0; border:0px solid #e2e2e2; border-bottom:none; background-color:#FFFFFF; background:url(images/index3_l_t_bg.jpg) no-repeat 0px 0px; width:139px; font-weight:normal;
}
.history .h2bg{height:33px; line-height:33px; text-align:center; font-size:12px;float:left; color:#4D4D4D; background:none;margin:0px 0px 0 0; border:none; background:url(images/index3_l_t_bg.jpg) no-repeat 0px -33px; width:139px;
}
#com_b{ background: #f8f8f8;}
#com_v img{max-width: 100%;}
#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:#ABC708; text-decoration:none;}
/* ====================
商品详情页面部分模块
==================== */
#goodsInfo{ _height:1%;}
#goodsInfo .imgInfo{ WIDTH: 442px;/* HEIGHT: 450px;*/ float:left; }
#goodsInfo .imgInfo .thumb{width:310px; height:310px; display:block; margin-left:66px; margin-top:20px;}/*商品详情图片*/
#goodsInfo span.spanL{width:35px; height:58px; background:url(images/spanL.gif) no-repeat center center; float:left;}
#goodsInfo span.spanR{width:35px; height:58px; background:url(images/spanR.gif) no-repeat center center; float:right;}
#goodsInfo .gallery{width:370px; float:left; overflow:hidden; }
#goodsInfo .gallery ul{width:auto;}
#goodsInfo .gallery li{float:left; width:62px; }
#goodsInfo .gallery li img{width:58px; height:58px; display:block;}
.textInfo ul strong{ font-weight:normal}
/*文字信息*/
#goodsInfo .textInfo{background:#fff; width:275px; float:left; /*padding:0 10px;*/ BORDER-left: #efede5 1px solid; padding-left:10px;}
#goodsInfo .textInfo p{font-size:14px; font-weight:bold; padding:0 5px 5px 8px;}
#goodsInfo .textInfo ul{border-top:1px solid #E8E8E8;}
#goodsInfo .textInfo li{/*background:url(images/lineBg.gif) repeat-x left bottom;padding:0px 8px;*/ padding-top:2px; padding-bottom:2px; _height:1%;}
#goodsInfo .textInfo li.padd{padding:7px 0px 7px 8px;}
#goodsInfo .textInfo li dd{width:100%; float:left; /*padding:7px 0px;*/}
#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:#595959; text-decoration:none;}
#goodsInfo .textInfo .loop{background:#f7f7f7; margin-top:8px;}
.shuxin dt{ border:1px solid #ccc; text-align:center; font-weight:bold; color:#ea6200; 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;}
/* ====================
用户中心
==================== */
.box_1 .userCenterBox{border:4px solid #f8f8f8; background-color:#fff;}
.usBox{border:1px solid #ccc; padding:15px; color:#000 }
.usBox .inputBg{ border:1px solid #ccc; background:none}
.usBox_1{background:#fff; text-align:left; width:320px; }
.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{width:510px; height:267px; float:right;
text-align:left; line-height:23px; border-left:1px solid #c3b9b1; padding-left:20px;
}
.regtitle{ width:510px; height:35px; background:url(images/user_tit2.gif)}
.usTxt img{margin-top:15px;}
/*注册*/
.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 a.on{background:#ABC708; 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:#FFFFFF; font-size:12px; float:left; 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 4px; float:left;}
.flowGoodsFittings li{float:left; width:120px;}
.flowGoodsFittings li.goodsimg{width:48px; margin-right:10px;}
.flowGoodsFittings li.goodsimg img{width:48px; height:48px; 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:#999999;}
.pagebar img{position:relative; top:2px;}
.pagebar a{display:block; float:left; margin:0 2px; color:#999999; text-decoration:none;}
.pagebar a:hover{color:#c00; text-decoration:none;}
.pagebar .page_now{display:block; float:left; margin:0 5px; color:#595757; font-weight:bold; background:#fff;}
#pager a{color:#999999; text-decoration:none;}
/*底部导航+友情链接*/
#bottomNav{width:960px;}
.bNavList{ height:31px; line-height:31px; padding:0 12px; color:#aaaaaa; text-align:center; }
.links{border:1px solid #fff; background:#; padding:5px;}
.links a{color:#333; text-decoration:none;}
.bNavList img{_position:relative; top:8px;}
.links img{width:88px; height:30px; margin:5px;}
.bNavList a{ color:#aaaaaa; text-decoration:none}
/*版权*/
#footer{ width:760px; margin:10px auto; text-align:center}
#footer .text{}
#footer .text a{color:#404040; text-decoration:none;}
/* ======商品比较浮动块 ====== */
#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 #91b817;
}
/* 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: #91b817;
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 */
.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: 1000px;
height: 1000px;
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:50px;
height:50px;
cursor:pointer;
margin:0 3px;
}
.picture img.onbg{ border:2px solid #ff9900;
}
.picture img.autobg{
border:2px 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; }
/*-------------*/
.gray1px{
width:100%;
height:1px;
background:#a7a7a7;
text-align: left;
margin: 0 auto;
position: relative;
clear:both;
}
.gray2px{
width:950px;
height:2px;
background:#E7E7E7;
text-align: left;
width: 950px;
margin: 0 auto;
position: relative;
clear:both;
}
.separator{
height:10px;
margin: 0 auto;
position: relative;
clear:both;
}
#header { position:relative; top:0px; left:0px;}
#menu{height:36px; font-weight:bold; width:100%; }
#menu a{color:#4a4645;text-decoration:none;font-size:14px;}
#menu a:hover { color:#808080; text-decoration:none;}
#menu ul{
width:660px;
height:30px;
margin-left:10px;
}
#menu li{ float:left;margin-right:36px; display:block; height:26px; padding-top:11px;font-size:14px;}
#header_r{
position:absolute;
width:240px;
height:43px;
z-index:1000;
top:75px;
right:0;
}
#topbanner{ margin-top:10px;}
#topbanner_l{ width:710px; height:290px;}
#topbanner_r{ width:230px; height:290px;}
#emoinews{ background-image:url(images/emoinews.gif); width:230px; height:150px; overflow:hidden;}
#emoinews ul{
width:210px; height:110px; padding-top:33px; overflow:hidden; margin:0 10px;
}
#emoinews ul li{
text-align:left;
clear:both;
line-height:22px;
}
#emoinews ul li a{
font-size: 12px;
color: #404040;
text-decoration: none;
}
#emoinews ul li a:hover{
color:#abc708;
}
#emoijx{margin-top:10px;}
#event{ width:950px; height:148px; overflow:hidden;}
#event ul{ width:960px; height:148px; overflow:hidden;}
#event ul li{ float:left; margin-right:10px;}
#event ul li.last{ float:left;}
#hotcat{ }
#hotcat_l{
width:710px;
height:158px;
border: 1px solid #E7E7E7;
text-align:center;
}
#hotcat_l_inner{
width:690px;
height:158px;
overflow:hidden;
margin:0px 10px;
}
.hotcat_fenlei{
width:100%;
height:39px;
line-height:39px;
font-size: 12px;
text-decoration: none; border-bottom:1px solid #eee;
}
.hotcat_fenlei li{
float:left; margin-left:5px;
}
.sepHcat{
float:left;
width:20px;
}
.hotcat_gray1px{
width:100%;
height:1px;
background:#E7E7E7;
text-align: left;
margin: 0 auto;
position: relative;
clear:both;
}
#hotcat_r{
width:230px;
height:160px;
overflow:hidden;
}
#hotcat_r div{
width:230px;
float:left;
clear:both;
}
.emoititle{
width:950px;
height:38px;
overflow:hidden;
}
.emoititle ul{
height:28px;
float:right;
margin-top:10px;
}
.emoititle li{
float:left;
line-height:28px;
}
.emoititle li.sepemoititle{
float:left;
width:10px;
text-align:center;
line-height:28px;
font-size: 12px;
color: #4d4d4c;
}
.emoi3area_l{
width:455px;
height:175px;
overflow:hidden;
}
.emoi3area_c{
width:285px;
height:175px;
margin-left:10px;
overflow:hidden;
}
.emoi3area_r{
width:190px;
height:173px;
overflow:hidden;
border: 1px solid #E7E7E7;
text-align:center;
}
.emoi3area_r ul{
margin:0 5px;
}
.hotlist_li_n{
width:175px;
height:30px;
overflow:hidden;
float:left;
margin-left:2px;
}
.hotlist_li_n .hotlist_name{
float:left;
height:30px;
line-height:30px;
width:100px;
text-align:left;
overflow:hidden;
text-overflow:ellipsis;
break-word:break-all;
white-space:nowrap;
cursor: pointer;
font-size: 12px;
color: #a8a8a8;
text-decoration: none;
}
.hotlist_li_n .hotlist_price{
float:right;
height:30px;
line-height:30px;
overflow:hidden;
font-size: 12px;
color: #545454;
text-decoration: none;
}
.hotlist_li_n .hotlist_pic{
display:none;
}
.hotlist_li_h{
width:182px;
height:44px;
overflow:hidden;
float:left;
margin-left:2px;
text-align:right;
}
.hotlist_li_h .hotlist_name{
float:left;
height:22px;
line-height:22px;
width:100px;
text-align:left;
overflow:hidden;
text-overflow:ellipsis;
break-word:break-all;
white-space:nowrap;
cursor: pointer;
font-size: 12px;
color: #a8a8a8;
text-decoration: none;
}
.hotlist_li_h .hotlist_price{
float:left;
height:22px;
line-height:22px;
overflow:hidden;
font-size: 12px;
color: #545454;
text-decoration: none;
clear:both;
}
.hotlist_li_h .hotlist_pic{
display:block;
}
.hotlist_name a{
font-size: 12px;
color: #a8a8a8;
text-decoration: none;
}
.hotlist_name a:hover{
font-size: 12px;
color:#abc708;
text-decoration: none;
}
.hotlist_price a{
font-size: 12px;
color: #545454;
text-decoration: none;
}
.hotlist_price a:hover{
font-size: 12px;
color:#abc708;
text-decoration: none;
}
.sepHotlist{
width:177px;
height:1px;
float:left;
background:#E7E7E7;
text-align: left;
position: relative;
clear:both;
overflow:hidden;
margin-left:2px;
}
.emoigoodslist{
}
.emoigoodslist ul{
width:950px;
}
.emoigoodslist li{
width:190px;
display:block;
float:left;
position:relative;
overflow:hidden;
}
.emoigoodslist li span.sepV1{
width:1px;
height:240px;
margin-top:15px;
margin-bottom:15px;
position:absolute;
right:0px;
top:0px;
overflow:hidden;
background-color:#e7e7e7;
}
.emoigoodslist li span.sepV2{
width:1px;
height:275px;
margin-top:15px;
margin-bottom:15px;
position:absolute;
right:0px;
top:0px;
overflow:hidden;
background-color:#e7e7e7;
}
.emoigoodslist li.sepgoodslistH{
width:950px;
height:1px;
line-height:1px;
display:block;
float:left;
background:#E7E7E7;
position:relative;
overflow:hidden;
}
/* 文字CSS集合 */
.font_hotcat_rmfl_left{
font-size: 12px;
color: #000;
text-decoration: none;
}
.font_hotcat_rmfl_right{
font-size: 12px;
color: #666666;
text-decoration: none;
}
.font_hotcat_rmfl_right a{
font-size: 12px;
color: #666666;
text-decoration: none;
}
.font_hotcat_rmfl_right a:hover{
color:#abc708;
}
.font_emoititle{
font-size: 12px;
color: #666666;
text-decoration: none;
}
.font_emoititle a{
font-size: 12px;
color: #a7a7a7;
text-decoration: none;
}
.font_emoititle a:hover{
color:#abc708;
}
.font_emoititle .orange a{
font-size: 12px;
color: #e2863f;
text-decoration: none;
}
.font_emoititle .orange a:hover{
color: #4d4d4c;
}
.emoigoodslist a{
font-size: 12px;
color: #4d4d4c;
text-decoration: none;
line-height:25px;
}
.emoigoodslist a:hover{
color:#abc708;
}
/* ====================
底部部分
==================== */
#i_h_t{
width:980px;
height:14px;
background-image: url(images/index_bottom_help_bg.gif);
background-repeat: no-repeat;
background-position: top;
}
#i_h_b{
width:980px;
height:18px;
background-image: url(images/index_bottom_help_bg.gif);
background-repeat: no-repeat;
background-position:bottom;
}
#index_help {
text-align:center;
}
#index_help ul{
width:95%;
margin:0 auto;
}
#index_help ul li{
float:left;
line-height:20px;
vertical-align:middle;
text-align:left;
}
#index_help .li1{
width:19%;
}
#index_help .li2{
width:23%;
}
#index_help a{
font-size:12px;
color:#aaaaaa;
text-decoration:none;
line-height:20px;
}
#index_help a:hover{
font-size:12px;
color:#878787;
text-decoration:none;
line-height:20px;
}
#bottom{
font-size:12px;
color:#aaaaaa;
height:80px;
text-align:center;
line-height:25px;
background:#f5f5f4;
}
#bottom a{
font-size:12px;
color:#aaaaaa;
text-decoration:none;
line-height:25px;
}
#bottom a:hover{
font-size:12px;
color:#878787;
text-decoration:none;
line-height:25px;
}
#bottom4icons ul{
width:700px;
height:65px;
}
#bottom4icons li{
width:175px;
height:67px;
float:left;
}
/* ====================
ots部分
==================== */
#ots_l{
width:750px;
height:270px;
}
#officialblog{
margin-top:7px;
}
#ots_l_b{
margin-top:8px;
clear:both;
}
#ots_l_b_l{
width:210px;
height:95px;
border: 1px solid #e7e7e7;
position:relative;
}
#ots_l_b_r{
width:528px;
height:95px;
border: 1px solid #e7e7e7;
position:relative;
}
#subscribe_text{
position:absolute;
left:8px;
top:13px;
line-height:18px;
font-size: 12px;
color: #808080;
}
#subscribe_text b{
color:#333333;
}
#subscribe_form{
position:absolute;
left:8px;
top:58px;
text-align:left;
width:275px;
}
#user_email{
width:201px;
height:20px;
padding:0;
border: 1px solid #e7e7e7;
}
#subscribe_download{
position:absolute;
left:335px;
top:20px;
text-align:left;
}
#ordertracker_text{
position:absolute;
left:8px;
top:13px;
line-height:18px;
font-size: 12px;
color: #808080;
}
#ordertracker_text b{
color:#333333;
}
#ordertracker_form{
position:absolute;
left:8px;
top:58px;
text-align:left;
width:195px;
}
#order_sn{
width:120px;
height:20px;
padding:0;
border: 1px solid #e7e7e7;
}
#ots_r{
width:190px;
height:270px;
/**height:273px;*/
border: 1px solid #e7e7e7;
}
#ots_r_t{
width:100%;
height:24px;
}
.ots_r_t_1{
width:95px;
height:24px;
float:left;
line-height:24px;
text-align:center;
font-size: 13px;
color: #4f4f4f;
cursor:pointer;
}
.ots_r_t_2{
width:1px;
height:24px;
float:left;
background:#e7e7e7;
}
.ots_r_t_3{
width:94px;
height:24px;
float:left;
line-height:24px;
text-align:center;
font-size: 13px;
color: #4f4f4f;
cursor:pointer;
}
.bgwrite{
background:#000000;
}
.bggray{
background:#eaeaea;
}
#ots_r_m{
width:100%;
height:1px;
clear:both;
background-color:#e7e7e7;
}
.ots_r_b{}
.ots_r_b ul{
width:170px;
height:235px;
_height:220px;
margin:10px 10px;
overflow:hidden;
}
.ots_r_b li{
width:100%;
text-align:left;
height:22px;
line-height:22px;
font-size: 12px;
}
.ots_r_b a{
color:#A8A8A8;
text-decoration:none;
}
.ots_r_b a:hover{
color:#abc708;
text-decoration:none;
}
/**/
#event a {border:1px solid #e1e0df; display:block;overflow:hidden;}
#event a:hover {border:1px solid #abc708;}
#ots_l_t_l a {border:1px solid #e1e0df; display:block;overflow:hidden;}
#ots_l_t_l a:hover {border:1px solid #abc708;}
#topNav{ height:31px;line-height:31px; color:#a8a8a8; padding:0px; margin:0px; position:absolute; top:0px; right:0px;}
#topNav a{color:#a7a7a7; text-decoration:none;}
#topNav a:hover{color:#666;text-decoration:none;}
#logo { width:235px; height:86px;}
#logo img{ margin:10px}
#keywords{width:120px;height:15px;padding:0;border: 1px solid #e7e7e7;font: "微软雅黑",Arial, "宋体"; color:#a8a8a8;}
#min_price{width:30px;height:15px;padding:0;border: 1px solid #e7e7e7;}
#max_price{width:30px;height:15px;padding:0;border: 1px solid #e7e7e7;}
.wrap_b { text-align: left; width: 100%; margin: 0 auto; position: relative; padding-top:20px;}
.rights{ font-size:9px; margin-top:115px;}
.left20pxname{margin-left:40px;}
.who {width:78px;height:19px;padding:0;border: 1px solid #e7e7e7;font: "微软雅黑",Arial, "宋体"; font-size:12px;color:#a8a8a8;}
.price {width:78px;height:19px;padding:0;border: 1px solid #e7e7e7;font: "微软雅黑",Arial, "宋体"; font-size:12px;color:#a8a8a8;}
.keywords_gift{ width:120px;height:17px;padding:0;border: 1px solid #e7e7e7;}
.gift_search{ float:right;color: #a7a7a7;}
.search{ float:right; width:320px;color:#a7a7a7;position:relative;z-index:100;}
/* 搜索提示 */
#suggestions {position: absolute;margin: 0px;padding: 0px;width:120px; height:auto; background-color:#f8f8f8;float:left; border:1px solid #e2e2e2;z-index:100;display:none;left:52px;top:20px;}
#suggestions li { margin-left: 0!important;*margin-left:-15px!important;margin-left: -15px;padding: 0;cursor: pointer;overflow:hidden;list-style:none;}
#suggestions li:hover {background-color: #e2e2e2;}
/* 焦点滑动 */
.d1{width:710px;height:290px;overflow:hidden;background-color:#ffffff;position:relative;}
.loading{width:710px;height:290px;background-color:#ffffff;color:#FFCC00;font-size:12px;text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}
.d2{width:100%;height:335px;overflow:hidden;}
.num_list{position:absolute;width:100%;left:0px;bottom:-1px;color:#FFFFFF;font-size:12px;padding:4px 0px;height:20px;overflow:hidden;}
.num_list span{display:inline-block;height:16px;padding-left:6px;}
img{border:0px;}
/*position:absolute; z-index:1000; right:3px; bottom:5px;*/
.button{ font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.button a:hover{color:#FFFFFF;}
.b1,.b2{background-color:#E1E0DF;display:block;float:left;padding:0px 6px;margin-right:6px;margin-bottom:3px;color:#FFFFFF;text-decoration:none;cursor:pointer;}
.b2{color:#FFFFFF;background-color:#D0E033;}
/* 顶部右侧滑动 */
.container {width:230px; height:130px; }
.container img{width:230px; height:130px;}
.container img{border:0;vertical-align:top;}
.container ul, .container li{list-style:none;margin:0;padding:0;}
/*左边栏目录修改*/
.leftside_table {
width:240px;
height:auto;
float:left;
}
#leftside_table_t {
width:230px;
height:33px;
float:left;
background-color:#F8F8F8;
border-top: solid 1px #e8e8e8;
font-weight:bold;
padding-left:10px;
line-height:33px;
color:#595757;
text-decoration: none;
}
#leftside_table_t a{
font-size: 12px;
color:#595757;
text-decoration: none;
}
#leftside_table_t_1 {
width:240px;
height:28px;
float:left;
background-color:#fff;
border-top:solid 1px #E8E8E8;
line-height:29px;
text-decoration: none;
}
#leftside_table_t_1 a{
text-decoration: none;
color:#595757;
}
.td_left_menu_list a{
line-height:25px;
text-decoration: none;
}
.td_left_menu_list ul li{
padding-left:48px;
}
.catory_l_b a{
color:#bcce47;
}
.leftside_table {
WIDTH: 200px
}
#leftside_table_t {
WIDTH: 190px
}
#leftside_table_t_1 {
WIDTH: 200px
}
/*频道修改*/
#cat_l{
width:738px;
/* overflow:hidden;
height:1964px;
*height:1977px;
_height:2021px;
overflow:hidden;*/
border-left: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
overflow:hidden;
}
#cat_l_1{
width:716px;
height:33px;
text-decoration:none;
font-size: 12px;
background:#F8F8F8;
border-bottom:solid 1px #e8e8e8;
line-height:33px;
border-right: 1px solid #e5e5e5;
}
#cat_l_1_t{
width:738px;
height:265px;
overflow:hidden;
/*padding:0 1px;*/
line-height:265px;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
#cat_l_1_b img{
margin-top:20px;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
#cat_2{
height:235px;
padding-left:14px;
border-bottom: 1px solid #e5e5e5;
}
#cat_3{
height:235px;
padding-left:14px;
clear:both;
}
#cat_2_1 li{
width:178px;
height:190px;
float:left;
font-size: 12px;
line-height: 20px;
color: #606060;
text-decoration: none;
text-align:center;
margin-top:22px;
}
#cat_2_1 li img{
border: 1px solid #e2e2e2;
margin-bottom:5px;
}
#cat_2_1 li a{
font-size: 12px;
color: #606060;
text-decoration: none;
}
.wenzi_btn{
vertical-align:middle;
}
.wenzi_btn_ico{
line-height:23px; background:url(images/wenzi_btn.gif) no-repeat 0px -2px;
}
.index_btn_ico{
line-height:23px; background:url(images/wenzi_btn.gif) no-repeat 0px 1px;
}
.top_btn_ico{
line-height:23px; background:url(images/katips_icon.gif) no-repeat ;
}
/*--------------颜色选择器CSS添加-------------*/
#goodsInfo .catt {
width:100%;
height:auto;
overflow:hidden;
padding-bottom:5px;
}
#goodsInfo .catt a {
border: #c8c9cd 1px solid;
text-align: center;
background-color: #fff;
margin-right:5px;
margin-top:6px;
padding-left: 10px;
padding-right: 10px;
display: block;
white-space: nowrap;
color: #666;
text-decoration: none;
float:left;
}
#goodsInfo .catt a:hover {
border:#ff6701 2px solid;
margin: -1px;
margin-right:4px;
margin-top:5px;
}
#goodsInfo .catt a:focus {
outline-style:none;
}
#goodsInfo .catt .cattsel {
border:#ff6701 2px solid;
margin: -1px;
background: url("images/test.gif") no-repeat bottom right;
margin-right:4px;
margin-top:5px;
}
#goodsInfo .catt .cattsel a:hover {
border: #ff6701 2px solid;
margin:-1px;
background: url("images/test.gif") no-repeat bottom right;
}
.expresstype{ background: #d0d0d0; height: 30px; border-radius: 10px 10px 0 0; overflow: hidden;}
.expresstype li{ width:50%; float: left; }
.expresstype li a{ display: block;height: 30px; line-height: 30px;text-align: center; font-size: 14px; color:#6c6c6c }
.expresstype li.active a{ background: #3e8cf3; color:#fff; }
.empty{ padding:50px; color:#6c6c6c; text-align: center; font-size:16px;}
.qr-area {
position: relative;
display: inline-block;
*zoom: 1;
}
.qr-area a:hover .qr-tip {
top: 35px;
z-index: 9999;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100%)';
-moz-opacity: 1;
opacity: 1;
}
.qr-area .qr-tip {
position: absolute;
z-index: 9999;
width: 200px;
left: -100px;
top: 45px;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0%)';
-moz-opacity: 0;
opacity: 0;
-moz-transition: all 0.6s;
/* Firefox 4 */
-webkit-transition: all 0.6s;
/* Safari 和 Chrome */
-o-transition: all 0.6s;
/* Opera */
transition: all 0.6s;
}
.qr-area .qr-tip img {
width: 100%;
}