.goods-list{margin:40px 0;display:flex;}
.list-flex-leftitem{margin-right:30px;width:70%;}
.list-flex-rightitem{width:30%;}
.goods-list .goods-list-ul{width:100%;display:flex;flex-wrap:wrap;}
.goods-list ul.goods-list-ul li{width:100%;margin-bottom:10px;}
.goods-list ul.goods-list-ul li .goods-list-item{display:flex;cursor:pointer;background:#fff;padding:10px;margin:0 10px 20px 10px;}
.goods-list-item{box-shadow:2px 2px 8px rgba(0,0,0,.1);}
.goods-list-item:hover{box-shadow:2px 2px 8px rgba(221, 42, 42, 0.2);}
.goods-list-item:hover .f-title{color:#1e50ae;}
.leftBox{background:#e7e7e7;width:300px;height:200px;overflow:hidden;}
.leftBox img{width:100%;height:100%;background-size:contain;vertical-align:top;}
.centerBox{min-height:100px;padding:20px;}
.f-title{width:100%;max-width:400px;font-size:14px;text-align:center;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.f-info{font-size:12px;color:rgba(0,0,0,0.6);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.f-datainfo{margin:10px auto;font-size:14px;}
.f-datainfo>span{margin-right:5px;}
.f-price{color:#f00;font-size:16px;height:32px;line-height:32px;}
.f-buy{background:#d81f16;color:#fff;height:30px;line-height:30px;width:130px;margin:10px 0;text-align:center;}
.nolistinfo{margin:150px auto;text-align:center;color:rgba(0,0,0,0.6);font-size:20px;}
.list-content-body{width:1200px;margin:40px auto;}
/* 鐩稿叧鎺ㄨ崘 */
.recommend-box{font-size:16px;background:#fff;}
.rec-title{text-align:center;font-size:16px;color:#fff;padding:5px 20px;background-color:#212E36;}
.rec-list-item{padding:0 10px;}
.rec-list-item ul.rec-list-ul li{display:flex;}
.rec-list-item ul.rec-list-ul li{border-bottom:1px solid #eee;padding:10px 0;color:rgba(0,0,0,0.8);width:100%;}
.rec-list-item ul li:hover{color:#1e50ae;}
.rec-goods-list{display:flex;display:-webkit-flex;}
.rec-goods-img{width:100px;height:80px;min-width:100px;border:1px solid #eee;}
.rec-goods-img img{width:100%;height:80px;}
.rec-goods-view{width:200px;font-size:14px;margin:0 10px;cursor:pointer;overflow:hidden;}
.rec-list-tips{display:flex;display:-webkit-flex;justify-content:space-between;}
.rec-goods-view .rec-list-title{width:100%;font-size:14px;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rec-goods-view .rec-list-info{width:100%;font-size:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:10px;color:rgba(0,0,0,0.6);}
.rec-goods-view .rec-list-tips .f-price{color:#37a3ff;}
.rec-goods-view .rec-list-tips .f-time{color:rgba(0,0,0,0.6);font-size:12px;}
.listright-banner{background:#fff;margin-bottom:20px;}
.banner-img-box{width:100%;height:200px;background:#eee;position:relative;}
.banner-img-box img{width:100%;height:200px;border:none;}
.banner-img-box .banner-title{position:absolute;color:#fff;background:rgba(0,0,0,.3);left:0;bottom:0;display:-webkit-box;text-overflow:ellipsis;color:#fff;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;width:100%;height:30px;line-height:30px;text-align:center;}
.banner-view-box{padding:10px;}
.banner-info{font-size:16px;margin-bottom:10px;color:rgba(0,0,0,0.8);}
.banner-view-tips{display:flex;justify-content:space-between;}
.hotlist{background:#fff;margin-top:20px;padding:20px;border:1px solid #ddd;}
.hotlist-title{text-align:center;padding-bottom:20px;border-bottom:1px solid #eee;}
.hotlist-goodsview{padding:20px 0;display:flex;}
.hotlist-goods-list{width:25%;}
.hgl-item{margin:0 10px;}
.hgl-item .rec-goods-img{margin:0 auto;}
.hgl-item .rec-goods-view{margin:10px 0;}
.hgl-item .rec-goods-view .rec-list-title{font-size:14px;text-align:center;}
.hot-price{margin:0 auto;text-align:center;}
.hot-price span{color:#37a3ff;border:1px solid #f80;height:24px;line-height:24px;padding:2px 10px;width:100px;display:inline-block;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;}