.homebg {
  background: linear-gradient(90deg,#FF1A1A,#F21724);
}

.homebody {
  position: relative;
  top: 2.7rem;
  margin-bottom: 10rem;
}

.single-box .homebanner {
  display: flex;
  justify-content: center;
  padding-top: 1rem;
	background: linear-gradient(90deg,#FF1A1A,#F21724);
	height: 5rem;
}

.single-box .homebanner.header,
.single-box .homebanner .header .search {
	display: flex;
	padding: 0.87rem;
	align-items: center;
}

.single-box .homebanner .header .search {
	width: 19rem;
  height: 2rem;
	background: #fff;
	border-radius: 3.2rem;
}

.single-box .homebanner .header .search i {
	font-size: 1.2rem;
  color: rgb(255, 52, 64);
}

.single-box .homebanner .header .search span.text {
  display: flex;
	align-items: center;
	color: #828282;
}

.single-box .homebanner .header .search span.text img {
	width: 1rem;
	margin: 0.1875rem;
}

.single-box .homebanner .header span i {
  color: rgb(255, 255, 255);
}

/* home */
.single-box .homebody .product-box {
  position: relative;
	background: #f4f5f6;
	border-radius: .3rem .3rem 0 0;
	padding-bottom: .2rem;
}

.single-box .homebody .product-box #pills-tab-selected {
	padding-bottom: .2rem;
	border-color: rgba(239, 24, 33, 0.75);
  background: rgb(246, 246, 246) url("../img/O1CN01ECTXN62JJi9dAEG47_!!2053469401.png") left top / 100% no-repeat;
  padding: 1rem 0;
  flex-wrap: nowrap;
}

.single-box .homebody .product-box #pills-tab-selected li {
  padding: 0 0.5rem;
}

.single-box .homebody .product-box #pills-tab-selected li a {
  font-size: 1rem;
  color: #646566;
}

.single-box .homebody .product-box #pills-tab-selected li a.active {
  border-bottom: 0.1875rem solid rgba(239, 24, 33, 0.75);
}

#swiper_select1 {
  width: 100%;
  height: 10.5rem;
}

#swiper_select1 .swiper-wrapper .swiper-slide{
  height: 10.5rem;
  overflow: hidden;
}

#swiper_select1 .swiper-wrapper .swiper-slide img {
	margin: 0.5rem;
	width: 96%;
	height: 10rem;
	border-radius: .3rem;
	overflow: hidden;
}

.single-box .homebody .feature-nav {
  display: flex;
  justify-content: space-around;
}

.single-box .homebody .feature-nav li {
  width: 18%;
}

.single-box .homebody .feature-nav li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.single-box .homebody .feature-nav li img {
  width: 75%;
}

#swiper_select2 {
  padding-bottom: 0.9375rem;
}

#swiper_select2 .swiper-wrapper .swiper-slide {
  display: flex;
  flex-wrap: wrap;
}

#swiper_select2 .swiper-wrapper .swiper-slide .item {
  width: 20%;
}

#swiper_select2 .swiper-wrapper .swiper-slide .item a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#swiper_select2 .swiper-wrapper .swiper-slide .item img {
  width: 3.5rem;
}

#swiper_select2 .swiper-horizontal > .swiper-pagination-bullets, 
#swiper_select2 .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0;
}

#swiper_select2 .swiper-pagination-bullet-active {
	background: rgb(242, 23, 36);
}

.tips-box,
.coupon-box,
.featured-box {
  display: flex;
	border-radius: .3rem;
	background-color: #fff;
  margin: 0.625rem;
  height: 2.25rem;
}

.tips-box .icon {
	position: relative;
	left: 0.625rem;
	line-height: 2.25rem;
}

.tips-box img {
  width: 2rem;
}

#swiper_tips1 {
  width: 17.5rem;
}

#swiper_tips1 .swiper-wrapper .swiper-slide a {
  display: flex;
  flex-wrap: nowrap;
  width: 31.25rem;
  height: 2.25rem;
  line-height: 2.5rem;
}

#swiper_tips1 .swiper-wrapper .swiper-slide p {
  display: flex;
  margin-bottom: 0;
  width: 18.75rem;
  font-size: 0.75rem;
  font-weight: 400;
	overflow: hidden;
}

#swiper_tips1 .swiper-wrapper .swiper-slide p b {
  width: 13.8rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.rank-box {
  display: flex;
  margin: 0.625rem;
  justify-content: space-between;
}

.rank-box .pop,
.rank-box .rush {
  padding: 0.625rem;
  width: 48%;
  background-color: #fff;
  border-radius: .3rem;
}

.rank-box .pop .title,
.rank-box .rush .title {
  display: flex;
  justify-content: space-between;
}

.rank-box .pop .title p,
.rank-box .rush .title p {
  font-weight: 700;
}

.rank-box .pop .title .tag,
.rank-box .rush .title .tag {
  padding: 0 0.625rem 0 0.3125rem;
  display: flex;
  width: 5rem;
  height: 1.25rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
	justify-content: space-between;
  align-items: center;
}

.rank-box .pop .title .tag {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAAAcCAYAAACkhMe0AAAAAXNSR0IArs4c6QAAAydJREFUaEPtW0trU0EU/r5b+0BdNkHbBLqp4mPjwo0FoWJR3LvwH4iCIO4EEfwBbgSpiyqIdOHKrWiLG4X+AaH4BJtIG4VWbElqc4+c+4g3aRJuSiideAa6aJiZe853Ps5rZogmQ0Q8AEJSpFjcj/7qaQjPA5gAOQpgBCIHm6213xxFgFyHLy/h8TYzo4tsVENJQdIPyFEqXgZxE5BTEAw4qrKJnQ4BH4A6hE8gLtURQ0T6SFblR/EYfJkG5Kx6jmjfeKH+u41Q6b5ts/Y4AlsA9sHH85qBa57iZ2EKVXkGIAtAyaDEUCYZGfa4VbsmHrkeGLtGipVvF0HvBUQGAVQB9HXtY7aROwgoMWqkKBWOQvAGkEMAQpdio1cRiNODRv3UGfwLJSJClApzACbNU/QqF4II0C4liHJIfgXlQhhKSoUrEJmNcgpdbKO3EEgWDuXIzvUaBuUqXoP+XWbzHyjyZQilgTlAzpi36C02RNpo2CAE84A8BAffYmvr1zZNKxUfY2MV7V0FZad8X5pEH15FiWa4iY1eQSD0FOI9QvbwdW1FtFMsSCkAah+Lsrx0D8Qd8xa9woWaHmFVSSzgj3eOIyMbIqIFRUtyxN4i9BgrS/NR0pmMQz2H0n+oUOT95Qaz+QdKCpJabaYalFJhESJHokaWhZFUsDkzqQpPJjicX4jbEmklV2L8hsiBtAtsnlMIGDGcMtfuCGuhZHdwdu4rbZPPZKLZTDNLPp2zd0cCty1Xk/duGne1crUjnJ2cXN/g8obeoVxeRS63GVyxCHsX2ryoOz+xBpeTtu5Y6GQrogJwA5D3gD+DTP6ptsi3E8Na4h2j7OiCxkO0mCxPkFm9Sp7cVO9Ra4mrknaI5qipdy62hg0lhv71g7jFTO5+stcRX9SxY/edg+zyyshreJ+xtn6c4+OVWBm7qOOyWbslO7EJkRPM5j/G4cSu9nULXJf3aUWMIM+Inw0sF6ZAuwzssp07kL11KEluYs8HOoDU/amagOppa+vks4Ec9uDIfaOn0SDyFjKDzNq1puVq4y72RDENri7PYRnUBpdMYzj3OL4Dmmxy/QW0ErCCkfeAigAAAABJRU5ErkJggg==);
  color: red;
}

.rank-box .pop .title .tag span,
.rank-box .rush .title .tag span {
  font-size: 0.625rem;
  font-weight: normal;
}

.rank-box .rush .title .tag span.name {
  color: #fff;
}

.rank-box .rush .title .tag span.time {
  color: #ff6101;
}

.rank-box .rush .title .tag {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKoAAAAcCAYAAADx5STqAAAAAXNSR0IArs4c6QAABYhJREFUeF7tnEtsFVUYx39n5j7m3tsCbWkpLYVizaUUKAIWAgoWLUoCiY8EjejK+CJGjVa78A0mxsREE+PCjTujJsTEJQkPdaEbFy4N7jXGleFRpPfeOeabc+b2XqiJkpmkZc4kJE2BkzPf95v/95jvjGKBS7+Nx3G0Aq3focxlJgiZAu7AZ5CQAaBjof970/4uBLr74JlPoLwJKAD6pr3d1G5McQm830H/htY/4KkzBJWflBqY1VqQQymlxNptl/xF2yWQquOEEayzHAFeQrPNeia1/S/qhT1gFti9Eyb3Q+fD4K8A6mLXRb31JbC5OZT6GdRHlEZOCqRaa+9aWNusrI/gq5M09AwbgU8J2dciG0K5uEyu7HhH7lTuPK/goSkYHIfOx8BfBjQyZYoEoY9DUTtTSn2Pr4+pYvUXrbWvlBIDtwPXVNJpDqD4HOizLpJFBdDswNnqEbnrq8CeMZjYDPRC35PgdTpQkyFX+BJgxdLC2Z/4PK6C6ulWZY3ga0L6KgfRfAMUrRf8ZPayRFcR60h07y3B/feBryE/AH1Pg98J2ilqwp4Vg/ooruJ5D6jg1lMxrKoJ6QwbCPkO6LfuySW8iaW73MFdsHYNXJ2FYAhWPQu55aBdjpqCU8WoOVB/4DcmVTB6PoI1UlSNYoYzaO52StqSFEnI39wPeyegEYKeg8JaWP2cAzUFQluWtMrqnaM0MqWUitoB6GkeRfGFzRXigindrSzm1cUqYqqKB4f2QiUwnShdg+IQDLwAuRVOUdP1oSm0FEdVufqlhP6AK5wlZI9T0xY1rQH7qlAdhrkaeL5R1OI6GHyxXVFV1P5L123ZW92qqvqRUu4epWfYT8jpKIk1upFti8dV/nAFJm8HbQtSZUENhmHda5DralFUDeHf2UMp3TuOWWzghQeUfoUTwJtOTa3VxTx5YGocujuhHho1ledXiqd8D/RIB6Bsn+sQ/C7oGM/8M54Ct0ZV8d5VeppzKPa7/NRyJgXU9lUwvh7mGvJCz/yJ285K1PNKVIHi5aF+AXofhMFjJofNeEBKGFabp6pvJfSfJ6Sa+bAf90x7fJjcAn5rTSmwCoP2vYekAfJzWINCL6x/Cwp9Jod1oCbJqgn/yvtVQv8lqW+TXH3JriVm2bsO+rugXjcwRmJqoW0WTQo8DxpXYOh56D0E9UsW5CV794t344rLDlRxT1xAVcuwfb3JS+NwH8PZDP/y73PQmIUVu2HkDVtwLV4/L/mdRaBmPfTHPdOygjvXQlA04EVqakO+iftWXeVnyU8D2PA+VEaNskZpgbsStkBL6HfFlBmJ2NEFIz1Qi9VUQT0e8hFI4/DvQ/0iDD0FQ09A/bKDNGE6W5ZrKaZce8rYZZUPRemV2lwg78FwN5Tytrtsh3ukX9oxBmMfGlVtDv6k560Mr2zbU+qEa/jHFMgoRJyvinlKMtq3EjqDFhZFVRuw8QPo3ucKqHSfoGsa/u4V6jygseHFRDLoONENHUUItS2g/oKBo1B93eSlzTnydD2W0dXbX6GKEdxQyjUoNEFdDpW8UVRR0kI/bPsMgn7TQ3U90zSfofahlAhUsfg0Z+0bKpsXpLmHRb52DOqOClQKRMccpR01+h4MPQK1CyBNf3elZYHrx/zc4PQCto5B3RZARwC1i7DyXtj6sX2B52Z30iJ0fmh/ocHp+OSpO4pi7B+DujUPZemnFmDnV7BsC9RnXTsqPUr//ShKs36IYXWH++ZBva0AhTm45WXYMG2U1TX2k8b0vx/ua8Lqjkub+khaVV1lGKvD8mHY9TXkSu4wX3KI3vhx6euUNasfoIjf+6/phzFg03FYfdiM87kCKjlU51f6/x+gaIU1s5/0ib+KMroFDh+DnrvM3Km7krHADX7S5x9NQ+SquvQhJAAAAABJRU5ErkJggg==);
  opacity: 1;
}

.rank-box .pop .goods,
.rank-box .rush .goods {
  display: flex;
  justify-content: space-between;
}

.rank-box .pop .goods li,
.rank-box .rush .goods li {
  width: 48%;
}

.rank-box .pop .goods li a,
.rank-box .rush .goods li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.rank-box .pop .goods li .img,
.rank-box .rush .goods li .img {
  position: relative;
}

.rank-box .pop .goods li .img .num,
.rank-box .rush .goods li .img .num {
  position: absolute;
  background-size: 100% auto;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  z-index: 10;
  text-align: center;
  display: block;
  color: #fff;
  width: 1rem;
  height: 1.0625rem;
  line-height: 1.0625rem;
  font-size: 0.625rem;
}

.rank-box .pop .goods li:first-child .img .num {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAYAAAA/xX6fAAAAAXNSR0IArs4c6QAAAuFJREFUSEu9V01rFEEQfW8GFSR+oIKKoPiFiAgh5KDgQY1486bB6F2PuYiCCklAD4mIKIIoIiKaaKIIihcT4h+I4lnxKOIhXpKLxJ2S/pjZnp6endlEbAi7SXfXq3r1uqpC2CUCYnCAHBpKZKpnPVZEx4H4BES6IdwMJB3p2aV8MgMcPxWzd6IhH3pOgtEVAJ0ABIA5I+qrv9RW80h+VwDS3NOfZpcqMhIiM+eWYf7bNTRwUVshEojQ7jLFrR2d64vjK2UAEYeQyPSRYQvWMK4gzhn3AywxmN3JuEtzZiPUbE0dPo1ExiCSmPgtjTnGPAuaKofRKofsdcrksTVo/J4G0AVARWciS1OTpahdwLA3lMlDZ7CAZzmwFDEHGuCo4JSbhDLAdwdHIegDkACIaosiVa6rRP9yplCrVK3SNwe+gLIbopXph9E04T+LVOqtXobrQPYsXnfPIWL1ow6Joh06HEDRCgkZrJJ+S8CyHL7qslA1dZ2B+IqposDsUyY6QzXLmk11FNKTv6d+d5evP7NPebG/BeAiklRaamylkbF9/wiwnnOUp3v/M+CTPU5R9L2skmk7xTSl9PEuMQXGT7rKcAToeh4oQLV4KYqO8mhn+dWlBKglWezPlIfbFwdY0u8qRArKg20tAN0RoRaHTRGE2CHmKPe3ismTJxhdSJwcqjMFTbXYz981ZYn8Srm3xbheCMD7gx4EnOW3ntCQ1WxdVj0ySrm7SY1RRe+1AYeX8sZV58WbSYI8S7mzUfXBcLfIReTZ9XMUcsj43IAoMPmE5R1HKbc3lL/DOr63PqMg1U8ExH3s//mccmtd2hoDqnFzFojQpbwwEeiBTK0YEUfYP3tJj6Ryc60tbUsMxwCmEak0RXrkjDCClTuu8vzHBT10y43Vtt1XqDA4EoScpLKnJvXPYHydF369lHHE7DURU4Y72nzRpUzMA/gBYgaI3uLPqve8/H1W0YhBiPp3Qt38C/sjQ6T/3LUKAAAAAElFTkSuQmCC);
}

.rank-box .pop .goods li:nth-child(2) .img .num {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAYAAAA/xX6fAAAAAXNSR0IArs4c6QAAAvhJREFUSEutV8tqFEEUvacmURcBFy7ED3AvMh+gEgQRQUQGY8As/QNdKMwIujAf4StkjGOMmDEx6uRNJom2Ma4E/QBx4SqCmNh9papf1dXVj0QbhmLmVvW5j3NP3QEFDzOjQYRbgNdZ/3zIE+5pl+gcwFViOsLMfeHesiszEwAKV3kO4eFWq1Wp1Wru9NqniwS6QUTHiIj1PWWB5D4bmAKUkQFgx3F6v+/su03gaz4Qe0QMIiBYd4MX+Bn6K1f/QZ1ZyDROrW7eZVJgbmCr+AlIHwqOZkbh22MQ3VOV0lcrG5dcgcdE5AWugY39Mk79kXYVe7SaADDsgZstxzl4YFvMgek4QUVX8WtQnME9AU51P1522RtljsGifBsMS0YoGahHmHRQZ6ckUPTOya7TZI8GiCDTKUKDyTL9UOxQDKgR3q+gagndHqT0xcqHL+zx0X9pgeLkxzvwfOn9FhHtuql3A5Jg6cTiu0x6ZNWhDFhmDZ8tSMA0pjxgkqQMUCIajXQhBzA+v85mj8VtETe96UARuNmnEdHG59cUeBaojWk2sCKhiACfzq1KMVU0NjrJ+G6z67JnSFGWtLVmu1bS+FEnr5akByZYOYfwpNPNqWF2pWzaau62KRHG3q4owDLamWRgUtaKHAjtClC/kctKW5pk6TZKlsRPOZqvlxVpih6TVGa6it+hARaB/T87tjA6s2xVmnIgeRNBUqhkNgF8xejMkqqheb2kGWbrnvwRRHuHx0wCQBMj04vqTUUss88o2YCGeKtJoqcXgxiZXsiUtvy0lk6nP7YAG/t7tk/h0dR8kCsbrdM3drnaRrukXkmOiIqggcEzJ8fw8OWcFTA5HtraplDaonETwPCVsyeu1+t1gQftWemFxfE8YVYXmG3YlT8GH8j5CEKI4V+H+25erVZ31NB9vz0rx+sMbc/RUgIxMSFa4zT6EWBTuN6dofP94+HfCEXOe5OdPY0YqRGC8RNE3wByqFJp4/efN0MX+n/INDYaDalmCucvv0a8tIkrVx8AAAAASUVORK5CYII=);
}

.rank-box .pop .goods li .img img,
.rank-box .rush .goods li .img img {
  width: 5.0625rem;
}

.rank-box .pop .goods li .time,
.rank-box .rush .goods li .time {
  width: 100%;
  text-align: center;
  color: #fff;
	font-size: 0.625rem;
	border-radius: 1rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.rank-box .pop .goods li:first-child .time {
	background-image: linear-gradient(270deg,#ff7300,#ffb717);
}

.rank-box .pop .goods li:nth-child(2) .time {
	background-image: linear-gradient(270deg,#95aebf,#becbd2 99%);
}

.rank-box .rush .goods li .time {
  background: #fff;
  box-shadow: 0 .07rem .2rem 0 rgba(244,92,0,.14);
  color: #ff7301;
}

.rank-box .pop .goods li .price,
.rank-box .rush .goods li .price {
	font-weight: 700;
	color: #ff2b22;
}

.coupon-box {
  flex-direction: column;
  padding: 0.625rem;
  height: auto;
}

.coupon-box .title-row,
.featured-box .title-row {
  display: flex;
  justify-content: space-between;
}

.coupon-box .title-row .title {
  font-weight: bold;
}

.coupon-box .title-row .today .name {
  position: relative;
  top: -0.0625rem;
  font-size: 0.6875rem;
  line-height: 1.3125rem;
}

.coupon-box .title-row .today .num {
  color: #f9635d;
}

.coupon-box .coupon-info .swiper {
  width: 19.5rem;
  height: 1.6875rem;
  overflow: hidden;
}

.coupon-box .coupon-info .swiper .swiper-slide {
  padding-left: 1.25rem;
  background: url(../img/user_head.5306d4d0.png) no-repeat;
  background-size: 1.7rem 1.7rem;
}

.coupon-box .coupon-info .swiper .item {
  height: 1.6875rem;
  background: rgba(254,58,51,.1);
  border-radius: 0 2.2rem 2.2rem 0;
}

.coupon-box .text-ellipsis {
  padding-left: 0.8125rem;
  width: 18rem;
  font-size: 0.6875rem;
  line-height: 1.6875rem;
  color: #fe3a33;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.coupon-box .coupon-goods {
  display: flex;
  margin: 0.9375rem 0.625rem;
}

.coupon-box .coupon-goods .goods {
  margin: 0.625rem 0.375rem;
  width: 7rem;
  height: 12.6875rem;
}

.coupon-box .coupon-goods .goods .product_img {
  position: relative;
  width: 7rem;
  height: 7rem;
  border-radius: 0.3125rem;
  overflow: hidden;
}

.coupon-box .coupon-goods .goods .product_img i {
	position: absolute;
	background: #fff2e7;
  padding: 0.0625rem 0.1875rem;
  font-size: 0.6875rem;
	font-weight: 400;
	color: #d55400;
	z-index: 10;
	bottom: 0;
	right: 0;
}

.coupon-box .coupon-goods .goods .price {
  margin-bottom: 0.5rem;
  font-weight: 500;
  font-size: 1.2rem;
  color: #ff3b32;
}

.coupon-box .coupon-goods .goods .progress {
  position: relative;
	background: linear-gradient(180deg,#ffd7d0,#ffc0c0);
	border-radius: 0.625rem;
}

.coupon-box .coupon-goods .goods .progress span {
  position: absolute;
  z-index: 10;
  width: 7.5rem;
  text-align: center;
  color: #fff;
  line-height: 1rem;
}

.coupon-box .coupon-goods .goods .progress .active {
  position: relative;
}

.coupon-box .coupon-goods .goods .progress .active::before {
	content: "";
	position: absolute;
	top: 0;
	overflow: hidden;
	opacity: 0;
	transform: skewX(-15deg);
	-webkit-animation: blnew 3s linear 1s infinite;
	animation: blnew 3s linear 1s infinite;
	z-index: 30;
	width: .86rem;
	height: 1.4rem;
	background: hsla(0,0%,100%,.5);
	filter: blur(.21rem);
	will-change: left;
}

.coupon-box .coupon-goods .goods .progress .active::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
  width: inherit;
	height: 100%;
	background: linear-gradient(90deg,#ff5152,#fe3738);
	border-radius: .42rem;
	-webkit-animation: progress 1.5s linear 1s forwards;
	animation: progress 1.5s linear 1s forwards;
}

.coupon-box .coupon-goods .goods .info {
  font-size: 0.6875rem;
}

.featured-box {
  flex-direction: column;
  padding: 0.625rem;
  height: 25rem;
}

.featured-box .title-row {
  margin-bottom: 0.9375rem;
  width: 100%;
  height: 1.5rem;
}

.featured-box .title-row .title {
  display: flex;
}

.featured-box .title-row .title p {
  font-size: 0.875rem;
  font-weight: bold;
}

.featured-box .title-row .title span {
  position: relative;
  margin-left: 0.3125rem;
  top: 0.125rem;
  font-size: 0.75rem;
  color: #888;
}

.featured-box .title-row .more a {
  font-size: 0.875rem;
  color: #fe3738;
}

.featured-box .brand_product_list .title_wrap {
  display: flex;
  flex-direction: column;
  color: #fff;
  background-repeat: no-repeat;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 1rem;
  height:7.5rem;
  border-radius: .7rem;
  padding: 1rem 0 .86rem 1rem;
  background-size: 100% 7.5rem;
}

#swiper_featured1 {
  width: 100%;
  height: 340.5rem;
}

#swiper_featured1 .swiper-slide:first-child .brand_product_list .title_wrap {
  background-image: url("../img/O1CN01EZE7w12JJi1FnkG3u_!!2053469401.png");
}

#swiper_featured1 .swiper-slide:nth-child(2) .brand_product_list .title_wrap {
  background-image: url("../img/O1CN01kLrwKP2JJi1VCxokz_!!2053469401.jpg");
}

#swiper_featured1 .swiper-slide:last-child .brand_product_list .title_wrap {
  background-image: url("../img/O1CN01DxOQ372JJhzpRJ3TD_!!2053469401.png");
}

.featured-box .brand_product_list .title_wrap .brand-title {
	display: flex;
	align-items: center;
	margin-bottom: .75rem;
}

.featured-box .brand_product_list .title_wrap .brand-title .logo {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border-radius: .36rem;
	margin-right: .57rem;
}

.featured-box .brand_product_list .title_wrap .brand-title .logo img {
  width: 2.1875rem;
	height: 2.1875rem;
}

.featured-box .brand_product_list .title_wrap .brand-title h4 {
  margin-bottom: 0;
  line-height: 1.44rem;
  font-size: 1rem;
}

.featured-box .brand_product_list .title_wrap .brand-info {
  margin-bottom: 0;
	font-weight: 500;
	transform: translateY(.02rem);
}

.featured-box .brand_product_list .title_wrap label {
  display: block;
	position: absolute;
	z-index: 1;
	right: 0;
	bottom: 0;
  border-radius: .36rem;
  margin-bottom: 0;
  padding: 0.0625rem 0.625rem;
  background: linear-gradient(276deg,#ff1e2f,#e51698);
	box-sizing: border-box;
  font-size: 0.625rem;
	text-align: center;
	color: #fff;
}

.featured-box .brand_product_list .title_wrap .sales {
  font-size: 0.75rem;
}

.featured-box .brand_product_list .title_wrap .sales i {
  font-size: 0.625rem;
}

.featured-box .brand_product_list .products {
  display: flex;
  justify-content: space-around;
}

.featured-box .brand_product_list .products a {
  width: 30%;
}

.featured-box .brand_product_list .products a .img-box {
  position: relative;
  margin-bottom: 0.625rem;
  width: 100%;
  border-radius: 0.3125rem;
  overflow: hidden;
}

.featured-box .brand_product_list .products a .img-box img {
  width: 7.5rem;
  height: 7.5rem;
}

.featured-box .brand_product_list .products a .img-box  .discount {
	position: absolute;
	font-size: 0.625rem;
	background: linear-gradient(153deg,#fad961,#f76b1c);
	border-radius: .5rem .5rem .5rem 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	color: #fff;
	text-align: center;
  padding: 0 0.375rem;
}

.featured-box .brand_product_list .products a .juan {
  display: inline-block;
	position: relative;
	top: 0;
	vertical-align: middle;
  margin-bottom: .5rem;
  padding-right: 0.5625rem;
	height: 1rem;
	background: linear-gradient(90deg,#ff8873,#ff4f4f);
	border-radius: 0.1875rem;
	font-size: .75rem;
	font-weight: 400;
	color: #fff;
	line-height: 1rem;
}

.featured-box .brand_product_list .products a .juan span {
	background: #fff;
	color: #fe3a33;
  border: 0.0625rem solid #fe3a33;
	display: inline-block;
	position: relative;
  border-radius: 0.1875rem;
  top: 0.375rem;
  line-height: 0.875rem;
	transform: translateY(-.36rem);
}

.featured-box .brand_product_list .products .price {
	height: .875rem;
	font-size: 1rem;
	font-weight: 500;
	color: #fe3738;
	line-height: .875rem;
}

.featured-box .brand_product_list .products .price span:last-child {
  margin-left: 0.3125rem;
	height: .875rem;
	color: #aaa;
	font-size: 0.875rem;
	line-height: .875rem;
	text-decoration: line-through;
}


/* Extra small devices (portrait phones, less than 570.375rem)
No media query for `xs` since this is the default in Bootstrap */
/* Small devices (landscape phones, 570.375rem and up) */
@media (min-width: 410px) { 
  .single-box .homebanner .header .search {
    width: 20rem;
  }
}