.ranking-record{min-height:50vh}.ranking-record .rank-pc{width:100%}.ranking-record .gift-rewards{text-align:center;padding:60px}.ranking-record .gift-rewards-title{text-transform:uppercase;padding-bottom:60px;font-size:18px;text-align:center}.ranking-record .gift-rewards-item{width:23%}.ranking-record .gift-rewards-img{width:67%;margin:0 auto}.ranking-record .gift-rewards-name{font-size:14px;padding:24px 0}.ranking-record .gift-rewards-text{font-size:12px;color:#6d6d6d}.ranking-record .gift-rewards-cont{width:82%;justify-content:space-between;display:flex;align-items:center;margin:0 auto;align-items:flex-start}.ranking-record .leaderboard{background-color:#f8f8f8;text-align:center;padding:60px 0}.ranking-record .ranking-step{width:350px;margin:0 auto}.ranking-step .ranking-step-item{padding:30px 20px;border-radius:8px;margin-bottom:40px;position:relative}.ranking-step .ranking-step-item:last-child{margin-bottom:60px}.ranking-step .ranking-step-cont,.ranking-step .step-cont-left{display:flex;align-items:center}.ranking-step .step-cont-left .rank-num{width:16px}.ranking-step .ranking-step-cont{justify-content:space-between;padding-bottom:20px}.ranking-step-cont-list>div:last-child{padding-bottom:0}.ranking-step .rank-head-image{width:32px;height:32px;border-radius:50%;margin-left:8px;margin-right:9px}.ranking-step .rank-head-name,.ranking-step .ranking-step-title{font-size:14px}.ranking-step .ranking-step-title{padding:0 8px;border-radius:100px;width:max-content;position:absolute;left:50%;top:-14px;transform:translate(-50%);height:28px;line-height:28px}.ranking-step>div:nth-child(1),.ranking-step>div:nth-child(1) .ranking-step-title{background:linear-gradient(179deg,#c4d5f4,#cee1fa 14%,#e6f2fe 33%,#f5f5f5)}.ranking-step>div:nth-child(2),.ranking-step>div:nth-child(2) .ranking-step-title{background:linear-gradient(179deg,#cbd5d9,#ebeff0 25%,#f5f5f5)}.ranking-step>div:nth-child(3),.ranking-step>div:nth-child(3) .ranking-step-title{background:linear-gradient(179deg,#ffe3c1,#ffefd7 27%,#f5f5f5)}.ranking-record .btn-ranking{width:420px;height:40px;line-height:40px;color:#fff;background-color:var(--theme-btn-background-color);border-radius:4px;text-align:center;margin:0 auto;cursor:pointer}.ranking-record .calendar{padding:60px 0 120px;text-align:center}.ranking-record .calendar-cont{width:56.25%;height:4px;background:linear-gradient(90deg,#fff0,#eee);border-radius:2px;margin:0 auto;position:relative}.ranking-record .calendar-title{padding-bottom:120px;font-size:18px}.ranking-record .calendar-item{font-size:12px;position:absolute;display:flex;text-align:left}.ranking-record .calendar-img{width:16px;margin-right:6px}.ranking-record .calendar-item:nth-child(1){left:12.7%;top:-6px;align-items:flex-end}.ranking-record .calendar-item:nth-child(2){left:36.1%;top:-53px}.ranking-record .calendar-item:nth-child(3){right:-6px;top:-6px;flex-direction:row-reverse;align-items:flex-end}.ranking-record .calendar-item:nth-child(1) .calendar-img,.ranking-record .calendar-item:nth-child(3) .calendar-img{transform:rotate(180deg)}.ranking-record .terms-condition{background-color:#f8f8f8;padding:60px 0;margin-bottom:-90px}.ranking-record .terms-condition-text{width:62.5%;margin:0 auto;font-size:14px}.ranking-record .time-color{color:#926d5e}@media screen and (max-width: 767px){.ranking-record .rank-pc,.ranking-record .calendar-cont{display:none}.ranking-record .terms-condition{margin-bottom:-25px}.ranking-record .rank-h5{width:100%}.ranking-record .gift-rewards{padding:40px 15px}.ranking-record .gift-rewards-title{font-size:14px;padding-bottom:40px}.ranking-record .gift-rewards-cont{display:block;width:100%}.ranking-record .gift-rewards-item{width:auto;padding-bottom:40px}.ranking-record .gift-rewards-item:last-child{padding-bottom:0}.ranking-record .leaderboard,.ranking-record .calendar{padding:40px 15px}.ranking-record .gift-rewards-title-h5{display:block}.ranking-record .btn-ranking{width:65%;font-size:14px}.ranking-step .ranking-step-item:last-child{margin-bottom:40px}.ranking-record .calendar-cont-h5{height:178px;display:flex;flex-direction:column;justify-content:space-between;width:79%;border-left:4px solid #f8f8f8;margin:0 auto;position:relative}.ranking-record .calendar-item-h5{display:flex;align-items:flex-start;font-size:12px;text-align:left;height:54px;position:absolute;left:-10px}.ranking-record .calendar-item-h5:nth-child(2){top:65px}.ranking-record .calendar-item-h5:nth-child(3){top:125px;align-items:flex-end}.ranking-record .calendar-img-h5{width:16px}.calendar-item-h5 .calendar-text{padding-left:15px}.ranking-record .terms-condition{padding:40px 15px}.ranking-record .terms-condition-text{width:100%}}@media screen and (min-width: 768px){.ranking-record .rank-h5,.ranking-record .calendar-cont-h5{display:none}}@media screen and (min-width: 768px) and (max-width: 1024px){.ranking-record .calendar-cont{width:80%}}
/*# sourceMappingURL=/cdn/shop/t/403/assets/component-ranking-record.css.map */