.fixed-bg{position:absolute; top:0; left:0; z-index:1; width:100%; height: calc(80px * var(--device));}

.bg-color-ry{height: calc(200px * var(--device));position: absolute;top: 0;left: 0;width: 100%;z-index: 1;}
.bg-color-ry2{position: absolute;z-index: 1;top: calc(160px * var(--device));height: calc(50px * var(--device));left: 0;width: 100%;}

.head-store-img{position: relative;width: calc(160px * var(--device));height: calc(120px * var(--device));}
.head-store-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}

.icon-heart:before{content:"\f08a"; font-family:'FontAwesome'; font-size: calc(40px * var(--device));}
.icon-heart.atc:before{ content:"\f004";  color:var(--orange-dark)}

.index-rq1{position: relative;background: #0E5DC4}
.index-rq1-bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;background-image: linear-gradient(45deg, rgba(209, 0, 42, 0.6) 0%, #0E5DC4 100%);opacity: 0.9;}
.index-rq1-bg-img{position: absolute;right: calc(20px * var(--device));bottom: calc(10px * var(--device));opacity: 0.75}
.index-rq1-word{position: relative;z-index: 2;color: #fff;}

#index-banner{overflow: hidden;}
#index-banner .swiper-slide img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#index-banner .swiper-pagination-bullet{width: calc(20px * var(--device));height: calc(20px * var(--device));margin: 0 calc(6px * var(--device))}
#index-banner .swiper-pagination{bottom: calc(0px * var(--device))}
#index-banner .swiper-pagination-bullet-active{background-color: var(--orange)}
#index-banner .swiper-slide .swiper-bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;background-image: linear-gradient(-45deg, rgba(209, 0, 42, 0.6) 0%, #0E5DC4 100%);opacity: 0.25;}

.list-earn .item{position: relative;}
.list-earn .item .count{position: relative;z-index: 2;}
.list-earn .item:before{content: "";position: absolute;top: calc(25px * var(--device));left: calc(25px * var(--device));bottom: 0;border-right: calc(2px * var(--device)) #ddd dashed;}
.list-earn .item:last-child:before{opacity: 0;}
.list-vouchers .item .icon{position: absolute;top: calc(50% - 15px * var(--device));width: calc(30px * var(--device));height: calc(30px * var(--device));background: #fff;border-radius: 50%;}
.list-vouchers .item .icon-left{left: calc(-15px * var(--device));box-shadow: 4px 2px 4px 0 rgba(0, 0, 0, .13)}
.list-vouchers .item .icon-right{right: calc(-15px * var(--device));box-shadow: -4px 2px 4px 0 rgba(0, 0, 0, .13)}