@charset "UTF-8";
.tag-month,
.j_filter .tag-hot,
.topranklist .goods-tag {background:url("../images/sales_public.png") no-repeat}

.topbanner {min-height: 414px;background:url("../images/sales_bg1.gif") #f6f8fa;font-family:"Microsoft yahei";line-height: 1;}
.bg-hotsale {padding-bottom:20px}
.topbanner .w400 {width:400px;padding:60px 400px;background:url("../images/sales_hbanenr_bg.png") no-repeat center;text-align: center;margin: 0 auto;}
.topbanner .title {width:400px;height:102px;overflow: hidden;text-indent: -999em;background:url("../images/sales_top.png") no-repeat center;font-size: 120px;color: #000;letter-spacing:5;margin:0 auto;}
.topbanner .info {margin-top: 35px;text-align:center;}
.topbanner .info h2{color: #e31436;font-size: 30px;letter-spacing:5px;}
.topbanner .info .tag-month {display: inline-block;width: 47px;height: 18px;line-height: 17px;font-weight: normal;font-size: 12px;padding-left: 8px;color: #fff;background-position:-158px 0;letter-spacing:0px;vertical-align: top}
.topbanner .info p {display:inline-block;margin-top:25px;padding:5px 20px;background-color:#e8e8e8;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;font-size: 16px;}

.topCatesNav {position:relative;border:1px solid #e5e5e5;overflow:hidden;border-radius: 5px;}
.topCatesNav.on {height: auto;}
.topCatesNav .fiterul {width:101%;}
.topCatesNav li {float:left;width:9%;height:86px;padding:10px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align:center;background-color: #fff;cursor: pointer;}
.topCatesNav li a {color: #333;}
/*.topCatesNav li.last {width:90px;}*/
.topCatesNav li.j_allcates {line-height: 66px;}
.j_filter .tag-hot {display:inline-block;width:28px;height:36px;background-position: 0 0;margin-bottom: 10px;}

.topCatesNav li.curr {background-color:#e31436;color:#fff}
.topCatesNav li.curr .tag-hot {background-position:0 -42px;}
.topCatesNav li.curr a {color:#fff}

.topRankWrap {margin-bottom: 30px;}
.topranklist .item {float: left;width: calc(20% - 16px);padding-top: 66px;text-align:center;margin-right: 20px;}
.topranklist .item:nth-child(5n){margin-right:0px;}
.topranklist .item.last {margin-right:0}
.topranklist .item .goods-info {height: 69px;padding-top: 55px;position:relative;background:url("../images/sales_bg4.png") #b0d9f7;box-sizing:content-box;}
.topranklist .item .goods-tag {width: 62px;height: 50px;padding:15px 22px;background-position: -107px -221px;overflow: hidden;position: absolute;top:-30px;left:50%;margin-left:-53px;;color:#fff;box-sizing:content-box;}
.topranklist .item .goods-tag a {color:#fff;}
.topranklist .item .tag-num {font-size: 26px;font-weight: bold;line-height:1.2}
.topranklist .item .tag-cat { height:20px; line-height: 20px;font-size: 12px;}
.topranklist .item .goods-name {height: 25px;line-height: 25px;padding:0 8px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 14px;color:#084998}
.topranklist .item .goods-price {height:20px; line-height: 20px;color: #084998;font-weight: bold;font-size: 18px;margin: 7px 0;}
.topranklist .item .goods-pic {border:8px solid #b0d9f7;padding:6px;background-color:#fff;position:relative;}

.topranklist .item .goods-pic a{display:block;position:relative;height:0;padding-top:100%;box-sizing:content-box;}
.topranklist .item .goods-pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
/*.topranklist .item .goods-pic img {width: 200px;height: 200px;display: block;object-fit:cover;}*/
.topranklist .item .goods-sale {height: 24px;width:100%;position: absolute;top: -12px; }
.topranklist .item .goods-sale .count {display:inline-block; height:22px;line-height:18px;padding:2px 20px;font-size: 12px;color:#333;border: 1px solid #b0d9f7;background-color:#fff;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;}

.topranklist .item1 .goods-info {background:url("../images/sales_bg1.png") #feb8ae;}
.topranklist .item1 .goods-tag {background-position: 0 -135px}
.topranklist .item1 .goods-name {color: #d03f3c}
.topranklist .item1 .goods-price{color:#c81f1f}
.topranklist .item1 .goods-sale .count{border-color: #feb8ae}
.topranklist .item1 .goods-pic {border-color:#feb8ae}

.topranklist .item2 .goods-info {background:url("../images/sales_bg2.png") #fbc998;}
.topranklist .item2 .goods-tag {background-position: -108px -135px}
.topranklist .item2 .goods-name {color: #981a15}
.topranklist .item2 .goods-price{color:#981a15}
.topranklist .item2 .goods-sale .count{border-color: #fbc998}
.topranklist .item2 .goods-pic {border-color:#fbc998}

.topranklist .item3 .goods-info {background:url("../images/sales_bg3.png") #f6e18e;}
.topranklist .item3 .goods-tag {background-position: 0 -221px}
.topranklist .item3 .goods-name {color: #675300}
.topranklist .item3 .goods-price{color:#675300}
.topranklist .item3 .goods-sale .count{border-color: #f6e18e}
.topranklist .item3 .goods-pic {border-color:#f6e18e}

.topRankWrap .note {padding: 50px 30px;font-size: 16px;}

@media(max-width:1024px){
    .topCatesNav li{padding:10px 2px;}
    .topranklist .item{width:24%;margin-right:1.3%;padding-top:36px;}
    .topranklist .item:nth-child(5n){margin-right:1.3%;}
    .topranklist .item:nth-child(3n){margin-right:0}
    .topranklist .item .goods-pic img{object-fit:cover;width:100%;height:100%;}
}
@media(max-width:768px){
    .topbanner .title{width:200px;height:80px;background-size:100%;}
    .topCatesNav li{width:25%;padding:5px 2px;height:76px;}
    .topranklist .item{width:49%;margin-right:2%;padding-top:36px;}
    .topranklist .item:nth-child(5n){margin-right:2%}
    .topranklist .item:nth-child(3n){margin-right:2%}
    .topranklist .item:nth-child(2n){margin-right:0}
    .topranklist .item .goods-pic img{object-fit:cover;width:100%;height:100%;}
    .topCatesNav {height:112px;}
    .subtype{height:36px;line-height:36px; width:100%;text-align:center;font-size:16px;}   
}