.leftlay{ width:910px; float:left;}
.rightlay{ width:300px; float:right; padding-top:10px;}

.firstcategory{ padding:20px 10px; background:#fff; border: 1px solid #eee;}
.firstcategory dl{ width:20%; float:left; text-align:center; border-left:1px solid #eee; padding:0 10px; height:152px;}
.firstcategory dl.col4{ width:25%;}
.firstcategory dl.col3{ width:33.333%;}
.firstcategory dl.n1{ border:0;}
.firstcategory dt{ line-height:1em; margin-bottom:0.5em; font-weight:700; font-size:15px;}
.firstcategory dd a,.firstcategory dd i{ background:#fff; line-height:2.3em; margin:5px 2.5%; float:left; border:1px solid #eee; background: #fafafa; float:left; width:45%; color:#777; padding:0 5px; font-size: 14px;}
.firstcategory dd a:hover{ color:#ff8200; border:1px solid #ffd8b0; background:#fff7f0;}
.firstcategory dd .col2{ width:95%;}

.huibestbrand{ overflow:hidden;}
.huibestbrand dt{ border-bottom:1px solid #ddd; padding:5px 0 0 0;color:#999; margin-bottom:5px;color:#fb3434;}
.huibestbrand dt i{ font-weight:bold; font-size:22px; line-height:2em;color:#fb3434;}
.huibestbrand dt span{ color:#fb3434; padding:0 20px; font-size:14px;}
.huibestbrand dt .nav{ color:#999; font-size:14px; display: inline-block; margin-top:1em;}
.huibestbrand dt .nav a{border-left:1px solid #ccc;line-height: 1em;display: inline-block;padding:0 10px;color:#666;}
.huibestbrand dt .nav a:first-child{ border-left:0;}
.huibestbrand dt .nav a.active{ color:#f36;}
.huibestbrand dt .nav a:hover{ color:#f60;}
.huibestbrand dd.brandlist{ margin:0; padding-top: 10px;}
.huibestbrand dd.brandlist a.logo{ display:block; float:left; margin: 0 1px 1px 0; width:122px; position:relative;}
.huibestbrand dd.brandlist a.logo img{ width:100%; height:53px;}
.huibestbrand dd.brandlist a.logo .bname{ position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; padding:0 10px; line-height:53px; color:#fff; background:rgba(0,0,0,.6); display:none;}
.huibestbrand dd.brandlist a.logo:hover .bname{ display:block;}

.wangdianlist{ text-align:center;}
.wangdianlist a.item{ float:left; border:1px solid #eee; width:31%; margin:10px 0; text-align:center; line-height:2em; padding:20px 10px; position:relative; background:#fff; height:85px; overflow:hidden;}
.wangdianlist a.item:nth-child(3n+2){ margin:10px 2%;}
.wangdianlist a.item .info{ display:table-cell; vertical-align:middle; width:90%; padding:0 0 0 10px; line-height:1.5em; text-align:left;}
.wangdianlist a.item .info .name{ width:153px; line-height:1.8em;}
.wangdianlist a.item .img{ display:table-cell; vertical-align:middle; width:10%;}
.wangdianlist a.item .img img{ width:100px; height:43px; border:1px solid #eee;}
.wangdianlist a.item .biaoqian{ display:inline-block;font-size: 12px;line-height: 20px;border: 1px solid #ea1b1b;color: #ea1b1b;padding: 0 5px;}
.wangdianlist .more{ display:inline-block; margin:10px auto; border:1px solid #ccc; padding:0 20px; border-radius:1em; line-height:2em; background-color: #fff; font-size: 14px;}


.rank-list {background-color: white; width: 447px; padding: 10px;}
.rank-list .rank-title {background-color: #FAF7E7; height: 50px; line-height: 50px; color: #BBBBBB; text-align: center; font-size: 20px; font-weight: bold; position: relative}
.rank-list .rank-title .rank-title-bg {position: absolute; right: 10px; top: 15px; width: 74px; height: 22px; background: url("/public/images/web/rank-title-bg.png") no-repeat center; background-size: 74px 22px;}
.rank-list .rank-table-list{margin-top: 10px}
.rank-list .rank-table-list .rank-row {border-bottom: 1px solid #EEEEEE; display: flex; height: 50px; line-height: 50px;}
.rank-list .rank-table-list .rank-row:first-child{border-top: 1px solid #EEEEEE;}
.rank-list .rank-table-list .rank-row .rank-index {width: 32px; border-left: 1px solid #EEEEEE; vertical-align: middle; text-align: center; position:relative;}
.rank-list .rank-table-list .rank-row .rank-index .rank{  vertical-align: middle; display: inline-block;  width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background-color: #EEEEEE; color: #999999;}
.rank-list .rank-table-list .rank-row  .rank-index .active{color: white !important;; background-color: #E60012 !important;}

.rank-list .rank-table-list .rank-row .rank-cover{border-left: 1px solid #EEEEEE;}
.rank-list .rank-table-list .rank-row .rank-cover img {width: 98px; height: 41px}
.rank-list .rank-table-list .rank-row .rank-name{flex: 1; color: #333333; border-left: 1px solid #EEEEEE; padding: 0 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.rank-list .rank-table-list .rank-row .rank-cart {width: 100px; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; text-align: center}
.rank-list .rank-table-list .rank-row .rank-cart .cart {width: 80px; display: inline-block; height: 20px; line-height: 20px; color: #E60012; background-color: #FCE5E7; border-radius: 4px; padding-left: 10px; font-size: 12px; background-position: 5px center; background-image: url("/public/images/web/cart.png"); background-repeat: no-repeat; background-size: 12px;}


.total-rank-box {display: inline-block; margin-right: 15px; margin-top:10px; float: left}
.shop-rank-box {display: inline-block; margin-top: 10px; float: left}

.foot_cate2{width: 1230px;margin: 0 auto;height: 235px;}
.foot_cate2 dt{margin: 10px 0;}
.foot_cate2 dt span{float: right;}
.foot_cate2 dd{background: #fff;width: 33.33%;float: left;border: 1px solid #f4f4f4;height: 85px;}
.foot_cate2 dd img{float: left;width: 20%;padding: 5px;}
.foot_cate2 dd div{float: left;}
.foot_cate2 dd a{margin: 0 10px;line-height: 38px;}