@charset "UTF-8";
.mdTabGiftCardRankingItem .elTabNavigation{padding:40px 0 24px}
.mdTabGiftCardRankingItem .elTabList{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:8px;padding:8px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.mdTabGiftCardRankingItem .elTabList::-webkit-scrollbar{display:none}
.mdTabGiftCardRankingItem .elTabItem{-ms-flex-negative:0;flex-shrink:0}
.mdTabGiftCardRankingItem .elTabItem.isActive .elTabButton{background:#892e00;border-color:#892e00;pointer-events:none;cursor:default}
.mdTabGiftCardRankingItem .elTabItem.isActive .elTabButton:hover{opacity:1}
.mdTabGiftCardRankingItem .elTabItem.isActive .elTabText{color:#fff}
.mdTabGiftCardRankingItem .elTabButton{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:8px;height:38px;padding:6px 12px;background:#f4f4f4;border:1px solid #ebebeb;border-radius:70px;box-shadow:0 0 6px 0 rgba(0,0,0,.1);cursor:pointer;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}
.mdTabGiftCardRankingItem .elTabButton:hover{opacity:.7}
.mdTabGiftCardRankingItem .elTabImage{display:block;width:24px;height:24px;-ms-flex-negative:0;flex-shrink:0;object-fit:contain;background:0 0}
.mdTabGiftCardRankingItem .elTabText{color:#434343;font-size:14px;font-weight:700;line-height:1;white-space:nowrap}
.mdTabGiftCardRankingItem .elTabContents{background-color:#fff}
.mdTabGiftCardRankingItem .elTabPanel{display:none}
.mdTabGiftCardRankingItem .elTabPanel.isActive{display:block}
.mdTabGiftCardRankingItem .mdQueryRanking .elWrap{border-radius:0 0 8px 8px}
.mdTabGiftCardRankingItem .mdQueryRanking .elItems{padding:0 24px}
.mdTabGiftCardRankingItem .mdQueryRanking .elItems .elItem::before{content:"";position:absolute;top:0;left:0;width:43px;height:24px;color:#fff;font-size:12px;font-weight:700;line-height:24px;text-align:center;padding-right:2px;border:none;-webkit-clip-path:polygon(0 0,100% 0,80% 100%,0 100%);clip-path:polygon(0 0,100% 0,80% 100%,0 100%);z-index:1}
.mdTabGiftCardRankingItem .mdQueryRanking .elItems .elItem:nth-child(n+7){margin-top:16px}
.mdTabGiftCardRankingItem .mdQueryRanking .elItems .elItem:nth-child(1)::before{content:"1";background:linear-gradient(108.7deg,#a36b0a 0,#e1ad6b 100%)}
.mdTabGiftCardRankingItem .mdQueryRanking .elItems .elItem:nth-child(2)::before{content:"2";background:linear-gradient(108.7deg,#767676 0,#b7b7b7 100%)}
.mdTabGiftCardRankingItem .mdQueryRanking .elItems .elItem:nth-child(3)::before{content:"3";background:linear-gradient(108.7deg,#b14b09 0,#f7a376 100%)}
.mdTabGiftCardRankingItem .mdQueryRanking .elItems .elItem:nth-child(4)::before{content:"4"}
.mdTabGiftCardRankingItem .mdQueryRanking .elItems .elItem:nth-child(5)::before{content:"5"}
.mdTabGiftCardRankingItem .mdQueryRanking .elItems .elItem:nth-child(6)::before{content:"6"}
.mdTabGiftCardRankingItem .mdQueryRanking .elItems .elItem:nth-child(7)::before{content:"7"}
.mdTabGiftCardRankingItem .mdQueryRanking .elItems .elItem:nth-child(8)::before{content:"8"}
.mdTabGiftCardRankingItem .mdQueryRanking .elItems .elItem:nth-child(9)::before{content:"9"}
.mdTabGiftCardRankingItem .mdQueryRanking .elItems .elItem:nth-child(10)::before{content:"10"}
.mdTabGiftCardRankingItem .mdQueryRanking .elItems .elItem:nth-child(11)::before{content:"11"}
.mdTabGiftCardRankingItem .mdQueryRanking .elItems .elItem:nth-child(12)::before{content:"12"}
.mdTabGiftCardRankingItem .mdQueryRanking .elItems .elItem:nth-child(13)::before{content:"13"}
.mdTabGiftCardRankingItem .mdQueryRanking .elItems .elItem:nth-child(14)::before{content:"14"}
.mdTabGiftCardRankingItem .mdQueryRanking .elItems .elItem:nth-child(15)::before{content:"15"}
.mdTabGiftCardRankingItem .mdQueryRanking .elItems .elItem:nth-child(16)::before{content:"16"}
.mdTabGiftCardRankingItem .mdQueryRanking .elItems .elItem:nth-child(17)::before{content:"17"}
.mdTabGiftCardRankingItem .mdQueryRanking .elItems .elItem:nth-child(18)::before{content:"18"}
.mdTabGiftCardRankingItem .mdQueryRanking .elItems .elItem:nth-child(19)::before{content:"19"}
.mdTabGiftCardRankingItem .mdQueryRanking .elItems .elItem:nth-child(20)::before{content:"20"}
.mdTabGiftCardRankingItem .mdQueryRanking .elItems .elItem:nth-child(n+4)::before{color:rgba(0,0,0,.4745098039);background:#d9d9d9;box-shadow:0 0 12px 0 rgba(0,0,0,.0784313725)}