.popular-collect { position: relative; overflow: hidden; padding-bottom: 20px; }
.popular-collect h3 { position: relative; font-size: 20px; color: #000; font-weight: 500; padding: 12px 0 22px; margin-bottom: 25px; border-bottom: solid 2px #e0e0e0; }
.popular-collect h3:before , .popular-collect h3:after { content: ''; position: absolute; bottom: -7px; width: 14px; height: 14px; background: url("/image/new_design/plus.png") center no-repeat; }
.popular-collect h3:after { right: 0; }

.popular-collect__list { position: relative; overflow: hidden; width: 100%; overflow-x: auto; white-space: nowrap; font-size: 0; letter-spacing: normal; margin:0 0 0 -10px; }
.popular-collect__item { display: inline-block; width: 320px; vertical-align: middle; }
.popular-collect__item a { position: relative; display: block; width: 310px; height: 310px; overflow: hidden; margin: 0 0 10px 10px;  text-align: center; border: solid 1px #e0e0e0; box-sizing: border-box; }
.popular-collect__item a img { display: block; vertical-align: middle; width: 100%; height: auto; box-sizing: border-box; padding: 10px; }
.popular-collect__item a:first-child { margin-bottom: 10px; }

.popular-collect__item a:hover { border: solid 1px #ff8a00; }

.popular-collect__list::-webkit-scrollbar { height: 6px; }
.popular-collect__list::-webkit-scrollbar-track { background: #fff; }
.popular-collect__list::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.6); border-radius: 20px; border: 1px solid #fff; }

.is-flag { position: absolute; right: -1px; bottom: -1px; padding: 5px; border: solid 1px #e0e0e0; z-index: 10; background-color: #fff; line-height: normal; }
.is-flag img { border: solid 1px #cccc; }

.popular-collect__name { position: absolute; font-size: 14px; font-weight: 400; text-align: center; bottom: 0; left: 0; background: #fff; width: 100%; box-sizing: border-box; padding: 5px 10px; white-space: normal; color: #333; }
.popular-collect__item a:hover .popular-collect__name { color: #ff8a00 }

.stikers { position: absolute; right: 0; top: 0; font-size: 12px; color: #fff; text-align: right; }
.stikers .stiker { position: relative; display: block; margin: 0 auto 5px 0; padding: 5px 10px; box-sizing: border-box; z-index: 20; box-shadow: 2px 2px 4px rgb(0 0 0 / 40%); }
.stikers .stiker.isdeliverysale , .stikers .stiker.isdelivery { position: relative; background: #ff8a00; right: auto; top: auto; font-size: 12px; color: #fff; text-align: right; }
.stikers .stiker.isnew { position: relative; display: inline-block; background: #13d81d; right: auto; top: auto; font-size: 12px; color: #fff; text-align: center; }

.stiker__showroom { position: absolute; left: 10px; top: -31px; font-size: 12px; color: #fff; text-align: right; background: #26b0e4 url(/image/new_design/showroom.png) 5px 50% no-repeat; background-size: 20px; padding: 7px 7px 7px 30px; box-sizing: border-box; white-space: nowrap; z-index: 20; box-shadow: 2px 0 4px rgb(0 0 0 / 40%); }

.stiker__hit { position: absolute; left: 10px; top: 10px; width: 30px; height: 30px; font-size: 12px; color: #fff; text-align: right; background: #8b2ae5 url(/image/new_design/is-hit.png) 50% no-repeat; background-size: 20px; padding: 0; box-sizing: border-box; white-space: nowrap; z-index: 20; box-shadow: 2px 2px 4px rgb(0 0 0 / 40%); }

.collct_price { position: absolute; right: 0; top: -30px; padding: 5px 20px 5px 10px; line-height: 20px; font-size: 14px; font-weight: 800; color: #000; background: rgba(255,255,255,0.5); letter-spacing: 1px; }
.collct_price span { font-size: 12px; }

.popular-collect .is-goods__list .slick-prev { left: 10px; }

@media(max-width:480px){
	.popular-collect h3 { font-size: 20px; }
}

.slick-prev:before { background: url(/image/new_design/arrow_prev.png) center no-repeat; background-size: 100%; }

 .slick-prev ,  .slick-next { z-index: 20; width: 40px; height: 40px; border: none; font-size: 0; background: none; position: absolute; top: 50%; margin-top: -40px; }
 .slick-prev:before ,  .slick-next:before { content: ''; display: block; position: absolute; width: 100%; height:100%; left: 0; top: 0; z-index: 2; opacity: 1; }
 .slick-prev:before { background: url(/image/new_design/arrow_prev.png) center no-repeat; background-size: 100%; }
 .slick-next:before { background: url(/image/new_design/arrow_next.png) center no-repeat; background-size: 100%; }
 .slick-prev { left: -40px; }
 .slick-prev:before, .slick-next:before {
    content: "" !important;
 } 
 .slick-prev:hover, .slick-next:hover { background-color: #333; }
 
 .stickers-left.v4 {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 35px;
	z-index: 1;
 }
 .stickers-left.v4 img{
	width: 32px;
	height: 32px;
	margin-bottom:5px;
	padding:0;
 }
 
 