﻿@charset "utf-8";
/* CSS Document */
.nav{width:100%;height:40px;background-color:#db2242;font:14px/1.5 "Microsoft YaHei","宋体b8b\4f53",sans-serif;}
.nav .cate{width:185px;height:40px;line-height:40px;background-color:#c8203e;padding-left:15px;float:left;color:#fff;position:relative;z-index:999;}
.nav .cate a,.nav .cate a:hover{color:#fff;}
.nav .cate .ico{width:18px;height:18px;background:url(../images/ico.png) no-repeat -267px -233px;margin:5px 10px 0 0;_margin-top:10px;display:inline-block;}

.nav .nav-mid{width:740px;margin-left:20px;float:left;}
.nav .nav-mid li{width:72px;margin-right:10px;height:40px;line-height:40px;text-align:center;float:left;}
.nav .nav-mid li a{color:#fff;display:block;}
.nav .nav-mid li a:hover{color:#ff9bac;text-decoration:none;}
.nav .nav-mid li.active a{font-weight:bold;color:#db2242;text-decoration:none;height:40px;line-height:40px;background:url(../images/ico.png) no-repeat -213px -189px;}

.nav .nav-right{ width: 240px; float:right; font-size:12px; height:40px; line-height:40px; }
.nav .nav-right i{background:url(../images/ico.png) no-repeat 0px -531px; display:block; width:2px; float:left; height:30px;}
.nav .nav-right li{ float:right; padding-left:20px; }

/*左侧菜单栏*/
.nav-sub{width:198px;height:455px;border:1px solid #dfdfdf;background-color:#f5f5f5;float:left;position:relative;z-index:999;}
.nav-sub ul .icon{background:url(../images/ico01.png) no-repeat;padding-left:25px;float:left;}
.nav-sub ul .icon1{background-position:3px -50px;}
.nav-sub ul .icon2{background-position:3px -83px;}
.nav-sub ul .icon3{background-position:2px -115px;}
.nav-sub ul .icon4{background-position:3px -150px;}
.nav-sub ul .icon5{background-position:3px -180px;}
.nav-sub ul .icon6{background-position:3px -215px;}
.nav-sub ul .icon7{background-position:1px -246px;}
.nav-sub ul .icon8{background-position:2px -279px;}
.nav-sub ul .icon9{background-position:0 -313px;}
.nav-sub ul .icon10{background-position:3px -344px;}

#nav .mod_cate,#nav .mod_cate2{width:184px;height:45px;line-height:45px;padding:0 7px;background:url(../images/line.gif) repeat-x bottom;float:left;}
#nav .mod_cate h2,#nav .mod_cate2 h2{width:160px;font-size:14px;font-weight:normal;font-family:"Microsoft Yahei";cursor:pointer;}
#nav .mod_cate h2 a,#nav .mod_cate2 h2 a{color:#444;}
#nav .mod_cate h2 a:hover,#nav .mod_cate2 h2 a:hover{text-decoration:none;}

#nav .on{background:#db2242;}
#nav .on h2 a{color:#fff;}
#nav .on h2.icon1{background-position:-302px 14px;}
#nav .on h2.icon2{background-position:-300px -19px;}
#nav .on h2.icon3{background-position:-301px -53px;}
#nav .on h2.icon4{background-position:-301px -86px;}
#nav .on h2.icon5{background-position:-300px -118px;}
#nav .on h2.icon6{background-position:-300px -150px;}
#nav .on h2.icon7{background-position:-299px -181px;}
#nav .on h2.icon8{background-position:-299px -215px;}
#nav .on h2.icon9{background-position:-299px -249px;}
#nav .on h2.icon10{background-position:-301px -278px;}
#nav .on .mod_subcate{display:block !important;/* !important 强制显示，否则会闪烁*/ }
#nav .on .mod_cate_r a{color:#666;}

/*轮播图*/
.center{width:728px;margin:15px 0 0 15px;float:left;}
.center .focus{width:728px;height:285px;overflow:hidden;position:relative;}
.center .focus .slider img{width:728px;height:285px;display:block;}
.center .focus .slider{width:25000px;position:absolute;}
.center .focus .slider li{float:left;}
.center .focus .num{position:absolute;right:5px;bottom:7px;}
.center .focus .num li{float:left;width:12px;height:12px;font-family:Arial;cursor:pointer;overflow:hidden;margin:3px 5px;border:1px solid #fff;}
.center .focus .num li.on{width:14px;height:14px;margin:2px 1px;border:0;background-color:#db2242;}

/*最新供应*/
.center .supply{width:726px;height:32px;line-height:32px;border:1px solid #dfdfdf;margin-top:15px;overflow:hidden;}
.center .supply .supply-title{width:84px;border-right:1px solid #dfdfdf;text-align:center;background-color:#f8f8f8;}
.center .supply li{width:190px; height:32px; overflow:hidden; text-align:center;float:left;margin:0 8px;}

/*推荐企业*/
.center .comtab{width:728px;float:left;overflow:hidden;}
.center .comtab .comtit{height:26px;line-height:26px;position:relative;}
.center .comtab .comtit b{border-bottom:2px solid #db2242;position:absolute;}
.center .comtab ul{width:710px;height:56px;padding:13px 0 0 15px;border:1px solid #dfdfdf;border-top:2px solid #dfdfdf;}
.center .comtab ul li{width:200px;margin:0 8px;padding-left:10px;line-height:24px;background:url(../images/ico.png) no-repeat -316px -532px;float:left;height:24px;overflow:hidden;}

/*右侧登陆*/
.rightbar{width:242px;float:right;}
.rightbar .operation{height:46px;line-height:45px;font-size:14px;font-family:"Microsoft YaHei";background-color:#f5f5f5;border:1px solid #dfdfdf;}
.rightbar .operation .login-btn,.rightbar .operation .regist-btn{background:url(../images/ico.png) no-repeat;text-align:center;}
.rightbar .operation .login-btn{width:120px;background-position:25px 14px;border-right:1px solid #dfdfdf;}
.rightbar .operation .regist-btn{width:118px;background-position:14px -19px;}

/*右侧公告切换*/
.rightbar .help-tab{width:212px;padding:15px 14px 10px 14px;border:1px solid #dfdfdf;border-top:0;overflow:hidden;}
.rightbar #tab{height:30px;line-height:30px;color:#747474;border-bottom:1px solid #dfdfdf;}
.rightbar #tab li{width:54px;margin-right:16px;display:inline;float:left;}
.rightbar #tab .active {color:#444;border-bottom:1px solid #db2242;}
.rightbar #tab-sub{margin-top:10px;float:left;}
.rightbar #tab-sub ul{width:216px;line-height:24px;display:none;}
.rightbar #tab-sub ul a{text-decoration:none;}

/*右侧商品新增数*/
.rightbar .new-num{width:240px;height:105px;_height:104px;background:url(../images/ico.png) no-repeat -192px -70px;padding-top:16px;border:1px solid #dfdfdf;border-top:0;overflow:hidden;}
.rightbar .new-num .content{margin-left:110px;}
.rightbar .new-num .content li{width:120px;height:35px;margin-bottom:15px;border-left:4px solid #dedede;padding-left:10px;}

/*右侧价格行情*/
.rightbar .price{width:241px;height:140px;border:1px solid #dfdfdf;float:left;overflow:hidden;}
.rightbar .price .ptit{height:30px;line-height:30px;background-color:#f5f5f5;border-bottom:1px solid #dfdfdf;padding-left:15px;}
.rightbar .price li{border:1px solid #dbdbdb;border-width:0 1px 1px 0;width:60px;height:36px;line-height:36px;text-align:center;float:left;}
.rightbar .price li:hover{background-color:#f3f3f3;}
.rightbar .price .pnobor{border-right:none;width:57px;}
.rightbar .price .pnobor1{border-bottom:none;}

/* 商城首页-新闻及企业Tab切换*/
.proclamation { background: #FFF; width: 240px; height: 150px; margin:5px 0 0 0; border:1px solid #ccc; }
.proclamation .tabs-nav { background: #F7F7F7; height:30px; border: solid #E7E7E7; border-width: 1px 0; position:relative; z-index:1; }
.proclamation .tabs-nav li { background:#F7F7F7; text-align: center; display: block; width: 103px; height: 20px; float: left; padding: 5px 0; margin: 0; border: solid #F7F7F7; border-width: 0 0 0 1px; position: relative; z-index: 9; cursor: pointer; }
.proclamation .tabs-nav li h3 { font-weight: 600; line-height:20px; }
.proclamation .tabs-nav li.tabs-selected { color: #333; font-weight: 600; line-height: 20px; background: #FFF; width: 120px; height: 20px; border-style: solid; border-color: transparent #E7E7E7 #FFF #E7E7E7; border-width: 0 1px 1px 1px; position: relative; z-index:10; _margin-bottom: -1px/* IE6 */; }
.proclamation .tabs-nav li h3, #news .tabs-nav li.tabs-selected h3 { color:#333; }
.proclamation .tabs-panel { width: 95%; margin: 6px auto; }
.proclamation .mall-news { }
.proclamation .mall-news li { line-height: 25px; text-overflow: ellipsis; white-space: nowrap; height: 25px; padding: 1px 0; overflow: hidden; }
.proclamation .mall-news li i { background: url(../images/home_bg.png) no-repeat -70px -40px; vertical-align: middle; display: inline-block; width: 2px; height: 2px; margin-right: 6px; }
.proclamation .mall-news li time { font-family: Tahoma, Geneva, sans-serif; color: #999; font-size: 10px; margin-left: 6px; }
.tabs-hide { display: none !important; }
.home-sale-layout { overflow: hidden; }
.home-sale-layout .left-layout { width: 989px; float: left; border-bottom: solid 1px #F0F0F0; }
.home-sale-layout .tabs-nav { background-color: transparent; width: 100%; height: 40px; border-style: solid; border-width: 0 0 2px 0; border-color: transparent transparent #F0F0F0 transparent; position: relative; z-index: 1; }
.home-sale-layout .tabs-nav li { background-color: transparent; width: 20%; *width: 195px;
height: 40px; float: left; padding: 0; position: relative; z-index: 1; cursor: pointer; }
.home-sale-layout .tabs-nav li h3 { font-size: 12px; font-weight: 600; line-height: 38px; text-align: center; }
.home-sale-layout .tabs-nav li i { font-size: 0px; line-height: 0; display: none; width: 0px; height: 0px; float: right; margin-left: -4px; border-width: 5px; border-style: dashed dashed solid dashed; position: absolute; z-index: 1; bottom: 0; left: 50%; }
.home-sale-layout .tabs-nav .tabs-selected { border-style: solid; border-width: 0 0 2px 0; border-color: #D93600; }
.home-sale-layout .tabs-nav .tabs-selected i { display: block; border-color: transparent transparent #D93600; }
.home-sale-layout .tabs-nav .tabs-selected h3 { color: #D93600; }
.home-sale-layout .tabs-panel { width: 989px; overflow: hidden; }
.home-sale-layout .tabs-panel ul { width: 990px; margin-left: -1px; overflow: hidden; }
.home-sale-layout .tabs-panel ul li { width: 197px; height: 235px; padding: 15px 0 0; border-left: dotted 1px #F0F0F0; float: left; overflow: hidden; }
.home-sale-layout .tabs-panel dl { width: 160px; margin: 0 auto auto; position: relative; z-index: 1; }
.home-sale-layout .tabs-panel dl dt.goods-name { font-family: Tahoma, Geneva, sans-serif; line-height: 16px; width: 160px; height: 32px; position: absolute; z-index: auto; top: 164px; left: 0; overflow: hidden; }
.home-sale-layout .tabs-panel dl dd.goods-thumb { width: 160px; height: 160px; position: absolute; z-index: auto; top: 0; left: 0; }
.home-sale-layout .tabs-panel dl dd.goods-thumb a { text-align: center; vertical-align: middle; display: table-cell; *display: block;
width: 160px; height: 160px; overflow: hidden; }
.home-sale-layout .tabs-panel dl dd.goods-thumb img { max-width: 160px; max-height: 160px; margin-top:expression(160-this.height/2);
*margin-top:expression(80-this.height/2);
}
.home-sale-layout .tabs-panel dl dd.goods-price { line-height: 20px; color: #999; position: absolute; z-index: auto; top: 200px; left: 0; }
.home-sale-layout .tabs-panel dl dd.goods-price em { font-size: 14px; vertical-align: middle; }
.home-sale-layout .right-sidebar { width: 211px; float: right; }
.home-sale-layout .right-sidebar .title { height: 40px; border-bottom: solid 2px #F00; }
.home-sale-layout .right-sidebar .title h3 { font-size: 12px; font-weight: 600; line-height: 38px; color: #D93600; float: left; margin-left: 20px; }
.home-sale-layout .right-sidebar .title a { line-height: 38px; float: right; margin-right: 6px; }
.home-sale-layout .sale-discount { width: 210px; height: 252px; overflow: hidden; position: relative; z-index: 1; }
.home-sale-layout .sale-discount ul { width: auto; height: 252px; position: absolute; z-index: 1; }
.home-sale-layout .sale-discount ul li { width: 210px; height: 50px; float: left; padding: 191px 0 0 0; }
.home-sale-layout .sale-discount .arrow { background: url(../images/home_bg.png) no-repeat; width: 19px; height: 29px; margin-top: -40px; position: absolute; z-index: 2; top: 50%; cursor: pointer; opacity: 0.25!important; }
.home-sale-layout .sale-discount .arrow:hover { opacity: 0.85!important; }
.home-sale-layout .sale-discount .pre { background-position: -160px -70px; left: 0; }
.home-sale-layout .sale-discount .next { background-position: -180px -70px; right: 0; }
.home-sale-layout .sale-discount dl { height: 59px; width: 210px; border-bottom: solid 1px #F0F0F0; position: relative; z-index: 1; }
.home-sale-layout .sale-discount dl dt, .home-sale-layout .sale-discount dl dd { position: absolute; z-index: auto; }
.home-sale-layout .sale-discount dt.goods-name { text-overflow: ellipsis; white-space: nowrap; width: 200px; height: 20px; top: 30px; left: 5px; overflow: hidden; }
.home-sale-layout .sale-discount dd.goods-thumb { top: -155px; left: 30px; }
.home-sale-layout .sale-discount dd.goods-thumb a { text-align: center; vertical-align: middle; display: table-cell; *display: block;
width: 150px; height: 150px; overflow: hidden; }
.home-sale-layout .sale-discount dd.goods-thumb img { max-width: 150px; max-height: 150px; margin-top:expression(150-this.height/2);
*margin-top:expression(75-this.height/2);
}
.home-sale-layout .sale-discount dd.goods-price { font: 600 16px/30px Verdana; color: #C00; width: 200px; height: 30px; top: 0; left: 5px; }
.home-sale-layout .sale-discount dd.goods-price .original { font-size: 12px; color: #AAA; font-weight: normal; text-decoration: line-through; margin-left: 6px; }
.home-sale-layout .sale-discount dd.goods-price-discount { color: #FFF; background: url(../images/home_bg.png) no-repeat -100px -100px; text-align: center; width: 48px; height: 24px; padding: 28px 0 16px 0; top: -40px; right: 5px; }
.home-sale-layout .sale-discount dd.goods-price-discount em { font-size: 16px; font-weight: 600; margin-right: 2px; }
.home-sale-layout .sale-discount dd.time-remain { color: #999; line-height: 16px; text-align: center; width: 210px; height: 16px; top: -180px; left: 0; }
.home-sale-layout .sale-discount dd.time-remain i { background: url(../images/home_bg.png) no-repeat -40px -60px; vertical-align: middle; display: inline-block; width: 11px; height: 11px; margin-right: 4px; }
.home-sale-layout .sale-discount dd.time-remain em { font-weight: 600; color: #555; margin: 0 2px; }
.home-sale-layout .sale-discount dd.goods-buy-btn { }
.home-sale-layout .sale-discount .preNext { opacity: 0.5 !important; }
.home-sale-layout .sale-discount .preNext:hover { opacity: 1 !important; }

/*右侧推荐品牌*/
.right-sidebar { height: 100%; }
.right-sidebar .title { background-color: #FFF; width: 100%; height: 40px; border-bottom: solid 2px #DDD; }
.recommend-brand {  overflow: hidden; padding:20px; }
.recommend-brand ul { background-color: #FFF; margin-top: -1px }
.recommend-brand ul li { background-color: #FFF; float: left; width:110px; height:60px; }
.recommend-brand ul li a { display: block; width: 96px; height: 32px; padding: 5px; border:1px solid #ddd; }
.recommend-brand ul li img { width: 96px; height: 32px;}

/*分类*/
.floor{margin-top:15px;}
.floor .floor-head .floor-title{padding-left:10px;font:18px/20px "Microsoft YaHei","宋体b8b\4f53",sans-serif;background:url(../images/ico.png) no-repeat -74px -511px;display:block;}
.floor .floor-head .hot{float:right;}
.floor .floor-head .hot a{padding-left:8px;}

.floor .floor-list{width:1198px;border:1px solid #dfdfdf;background-color:#fdfdfd;float:left;}
.floor .ad{width:217px;padding:1px;border-right:1px solid #dfdfdf;}
.floor .floor-content{width:977px;float:left;}
.floor .floor-content-top{height:315px;border-bottom:1px solid #dfdfdf;overflow:hidden;}
.floor .floor-content-cate{width:455px;height:285px;padding:30px 0 0 32px;border-right:1px solid #dfdfdf;font-size:14px;float:left;}
.floor .floor-content-cate li{width:450px;float:left;line-height:26px;}
.floor .floor-content-cate li a,.floor .floor-content-cate li b{padding:0 13px;float:left;}
.floor .floor-content-cate .cur{ padding:0;}
.floor .floor-content-cate li.block_end{margin-bottom:30px;}

.floor .floor-content-company{width:488px;float:left;}
.floor .floor-content-company .floor-content-ctit{height:44px;border-bottom:1px solid #dfdfdf;padding-left:20px;font:16px/44px "Microsoft YaHei";}
.floor .floor-company-infro{width:246px;margin:18px 0 18px 18px;border-right:1px dotted #dfdfdf;float:left;display:inline;}
.floor .floor-company-infro li{width:246px;float:left;}
.floor .icon11{width:23px;height:18px;display:block;margin:5px 0;background:url(../images/ico.png) no-repeat;float:left;}
.floor .icon11{background-position:-212px -232px;}
.floor .icon12{background-position:-237px -232px;}
.floor .floor-company-infro .brand a{float:left;padding:15px 3px 0 3px;}
.floor .floor-content-company .year{width:130px;height:18px;line-height:18px;background-color:#ea0f1f;border-radius:2px;color:#fff;margin:5px 0 0 5px;display:inline;}
.floor .floor-content-company .year .vip{width:25px;height:20px;background:url(../images/ico.png) -212px -254px;display:block;float:left;}

.floor .floor-content-name{margin:18px 0 0 18px;width:200px;overflow:hidden;float:left;}
.floor .floor-content-name li{background:url(../images/ico.png) no-repeat -317px -531px;padding-left:10px;line-height:26px;}

.floor .proshow{width:952px;height:183px;float:left;}
.floor .proshow li{width:132px;height:170px;padding:18px 0 0 26px;float:left;}
.floor .proshow li .img{width:130px;height:130px;border:1px solid #efefef;display:block;}
.floor .proshow li .img:hover{width:130px;height:130px;border:1px solid #db2242;}
.floor .proshow li .text{height:20px;width:130px;overflow:hidden;margin-top:10px;}

.floor-img{ width:220px; height:500px; overflow:hidden; position:relative; float:left;}
.floor-list .floor-img a:before{content:"";position:absolute;width:80px;height:500px;top:0;left:-150px;overflow:hidden;background:-moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);-webkit-transform:skewX(-25deg);-moz-transform:skewX(-25deg)}
.floor-list .floor-img a:hover::before{-webkit-transition:left 1s;-moz-transition:left 1s;transition:left 1s;left:300px}@-webkit-keyframes tick-tock{to{-webkit-transform:rotate(360deg) translate3d(0,0,0)}}


/*资讯*/
.news-title{height:40px;border-bottom:2px solid #dfdfdf;font:18px/2.5 "Microsoft YaHei";}
.news{width:396px;margin-top:10px;float:left;}
.news .rank-list{height:225px;background:url(../images/ico.png) no-repeat -290px -312px;padding-left:35px;float:left;}
.news .rank-list li{width:158px;height:33px;line-height:33px;overflow:hidden;}

.news .ad1{position:relative;}
.news .text1{width:182px;height:30px;line-height:30px;padding:0 10px;top:186px;left:0;background-color:#000;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;position:absolute;z-index:999;overflow:hidden;}
.news .text1 a{color:#fff;}

.dynamic{width:360px;float:left;padding-left:42px;}
.dynamic p{font:16px/2.5 "Microsoft YaHei";}
.dynamic dl{width:360px;}
.dynamic dl dt,.dynamic dl dd{float:left;}
.dynamic dl dd{width:270px;margin-left:10px;}
.dynamic ul{width:360px;line-height:26px;float:left;}
.dynamic ul li{background:url(../images/ico.png) no-repeat -280px -19px;padding-left:10px;}
.dynamic ul li span{float:right;}

/* 友情链接 */
.full_module { background: #FFF; width: 1200px; margin: auto;clear: both; margin-top: 8px; }
.full_module h2 { font-family: Verdana, Geneva, sans-serif; font-size:9px; line-height: 30px; color:#F60; height: 30px; margin-bottom: 10px; border-bottom: 1px solid #E7E7E7; }
.full_module b { font-family: "微软雅黑"; font-size:15px; line-height: 30px; color: #3E3E3E; display: inline; float: left; padding: 0 10px 0 4px; }
.full_module .infocontent { width: 992px; height:135px; overflow:hidden; }
.full_module p { line-height: 17px; font-size: 12px; font-weight: 600; color: #FFF; background: url(../images/adbtn.gif) no-repeat 0px 0px; text-align: center; display: inline; width: 160px; height: 17px; float: right; padding-bottom: 7px; margin: 0px 6px 16px 0px; }
.full_module p a { color: #FFF; }
.piclink span { background-color: #FFF; border: 1px solid #D8D8D8; width: 88px; height: 31px; display: inline; float: left; padding: 2px; margin-right: 13px; }
.piclink { margin: 20px auto 0 auto; padding:0 10px; }
.textlink { clear: both; margin: 0 auto; padding: 0 0 10px 0; }
.textlink span { width: 88px; display: inline; float: left; padding: 2px; margin-right: 13px; }
.textlink a { line-height: 22px; display: block; width: 97px; float: left; text-align:center }