html, body, div, p, a, input, span, i{margin: 0;padding: 0;box-sizing: border-box;user-select: none;text-decoration: none;}
html{font-size: 27vw;}
@media (min-width: 1024px){html{font-size: 10vw;}}
@media (min-width: 1920px){html{font-size: 8vw;}}
a,a:visited{cursor: pointer;color: inherit;}
body{font-size: 14px;color: var(--color-black);overflow-x: hidden;word-break: break-word;}
body.pop{overflow-y: hidden;}
.main,.main::before,.login{position: relative;min-height: calc(100vh - 1.69rem);overflow: hidden;}
.login{min-height: calc(100vh - 1rem);}
.main::before,.main::after{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: -2;}
.main::before{background-position: center;width: calc(100% + 24px);height: calc(100% + 24px);left: -12px;top: -12px;background-size: 100% auto;background-image: url('./img/bgimg.webp');filter: blur(15px);background-repeat: no-repeat;background-position: top center;}
.main::after{background: linear-gradient(to bottom, rgba(94, 143, 208, .3), rgba(94, 143, 208, 1) 60vh, rgba(60, 89, 147, 1) 100%);z-index: -1;}
.main.log::before{filter: blur(10px);}
.loading{display: flex;width: 100vw;height: 100vh;justify-content: center;align-items: center;font-size: .2rem;}
.loading span{position: relative;}


:root{
    --color-gray: #A2A2A2;
    --color-gray1: #C0C0C0;
    --color-gray2: #656565;
    --color-gray3: rgba(222, 225, 230, 0.4);
    --color-blue: #4B7FF3;
    --color-blue1: #2A62F7;
    --color-black: #252525;
    --color-white: #ffffff;
    --shadow-color: #7A2F1D;
    --text-shadow: -1px -1px 2px var(--shadow-color), 1px -1px 2px var(--shadow-color), -1px 2px 2px var(--shadow-color), 1px 2px 2px var(--shadow-color);
    --text-shadow1: -1px -1px 6px var(--shadow-color), 1px -1px 6px var(--shadow-color), -1px 2px 6px var(--shadow-color), 1px 2px 6px var(--shadow-color);
    --color-gold: #FFD630;
    --color-red: #D65556;
}


.header,.footer{height: .5rem;background-color: var(--color-black);width: 100%;}
.header{display: flex;justify-content: space-between;padding: 0 .9rem;align-items: center;position: sticky;top: 0;z-index: 2;}
.head-logo{display: block;width: .41rem;height: .43rem;background-size: 100% 100%;background-image: url('./img/logo.png');}
.head-right{display: flex;align-items: center;}

.head-locale{display: inline-flex;height: .28rem;line-height: .25rem;border: 1px solid var(--color-white);padding: 0 .28rem;position: relative;font-size: .11rem;color: var(--color-white);cursor: pointer;}
.head-locale::before,.head-locale::after{content: '';position: absolute;top: 50%;transform: translateY(-50%);background-size: 100% 100%;}
.head-locale::before{width: .14rem;height: .14rem;left: .09rem;background-image: url('./img/earth.png');}
.head-locale::after{width: .11rem;height: .11rem;right: .09rem;background-image: url('./img/down.png');}
.head-locale-list{position: absolute;width: 1.4rem;padding: .1rem 0;background-color: var(--color-white);left: 0;top: calc(100% + .1rem);border-radius: .04rem;z-index: 1;transition: .3s;transform: rotateX(90deg);transform-origin: top center;border: .01rem solid var(--color-black);}
.head-locale-list.on{transform: none;}
.head-locale-item{height: .4rem;display: flex;align-items: center;padding-left: .3rem;font-size: .16rem;color: var(--color-black);}
.head-locale-item:hover{text-decoration: underline;}
.head-locale-item::before{content: '';display: inline-flex;width: .08rem;height: .08rem;background-color: transparent;border-radius: 50%;margin-right: .05rem;}
.head-locale-item.on{font-weight: bold;text-decoration: underline;}
.head-locale-item.on::before{background-color: var(--color-black);}

.head-user{margin-left: .23rem;}
.head-user-name{font-size: .13rem;line-height: .17rem;color: var(--color-white);font-weight: bold;}
.head-user-uid,.head-user-sid{font-size: .1rem;line-height: .14rem;color: var(--color-white);}
.head-user-sid{color: var(--color-gray1);}
.head-out{display: inline-flex;font-size: .14rem;line-height: .2rem;margin-left: .23rem;color: var(--color-white);}


.store{width: 5.5rem;padding: .4rem 0 0;margin: 0 auto;color: var(--color-white);}
.store-head{display: flex;justify-content: space-between;align-items: center;margin-bottom: .28rem;position: relative;}
.store-head-left{margin-right: .2rem;flex: 1;}
.store-title{display: inline-flex;line-height: 1.2;font-size: .23rem;font-weight: bold;align-items: center;height: .3rem;margin-bottom: .03rem;}
.store-unit{display: inline-flex;width: .37rem;height: .23rem;background-color: var(--color-gray3);border-radius: .06rem;align-items: center;justify-content: center;margin-left: .1rem;margin-top: .02rem;font-size: .11rem;}
.en .store-sutits{overflow: hidden;}
.store-sutit{font-size: .11rem;line-height: .16rem;font-weight: bold;}
.store-head-btn{display: inline-flex;height: .23rem;line-height: .2rem;padding: 0 .09rem;font-size: .11rem;border-radius: .04rem;border: .01rem solid var(--color-white);white-space: nowrap;cursor: pointer;float: right;}
.store-head-first{display: flex;margin-top: .06rem;flex-wrap: wrap;width: max-content;max-width: 90vw;padding: .04rem .06rem;border-radius: .08rem;font-size: .14rem;font-weight: bold;background: linear-gradient( 90deg, #FDCD67 0%, #F94F45 100%);box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.2);border: .01rem solid #FBE086;}
.store-head-first{padding-left: .32rem;position: relative;}
.store-head-first::before,.goods-first::before{content: '';position: absolute;width: .4rem;height: .4rem;left: -0.1rem;top: 50%;transform: translateY(-50%);background-image: url('./img/pack.webp');background-size: 100% 100%;animation: zooms 3s infinite;transform-origin: center center;}
.first-text,.first-num{display: inline-flex;--shadow: #A53023;text-shadow: -1px -1px 2px var(--shadow), 1px -1px 2px var(--shadow), -1px 2px 2px var(--shadow), 1px 2px 2px var(--shadow);}
.first-text{font-style: italic;color: #F8FAB9;line-height: 1.5;}
.first-num{margin: 0 .04rem 0 .06rem;font-size: .2rem;line-height: .85;color: #F5F360;}
.first-num.nmg{margin-right: 0;}

.store-list{display: flex;flex-wrap: wrap;margin: 0 -0.093rem;}
.store-nums{display: flex;justify-content: space-between;position: relative;align-items: center;}
.store-nums-title{font-size: .17rem;line-height: .23rem;margin-bottom: .03rem;font-weight: bold;}
.store-nums-info{font-size: .1rem;line-height: .14rem;}
.store-nums-btns{display: flex;height: .2rem;width: .8rem;background-color: var(--color-white);border-radius: .01rem;padding: 0 .02rem;}
.store-nums-btn{display: inline-flex;height: .2rem;width: .2rem;align-items: center;justify-content: center;border: none;outline: none;}
.store-nums-btn.cut,.store-nums-btn.add{background-position: center center;background-size: .11rem .11rem;cursor: pointer;background-repeat: no-repeat;}
.store-nums-btn.cut{background-image: url('./img/cut.png');}
.store-nums-btn.add{background-image: url('./img/add.png');}
.store-nums-btn.val{flex: 1;font-size: .11rem;font-weight: bold;color: var(--color-black);text-align: center;}
.store-list-title{width: 3.6rem;height: .37rem;line-height: .32rem;font-size: .22rem;font-weight: bold;margin: .1rem auto .2rem;text-align: center;background-size: 100% 100%;background-image: url('./img/title-bg.png');text-shadow: var(--text-shadow);}
.store--list-sutit{text-align: center;color: #fff;font-weight: bold;font-size: .16rem;margin-top: -0.18rem;}

.goods-first{position: absolute;display: inline-flex;color: #fff;font-size: .1rem;line-height: .14rem;padding: .01rem .06rem;border-radius: .1rem;left: .03rem;top: .04rem;background-color: #873AE0;padding-left: .18rem;font-style: italic;font-weight: bold;}
.goods-first::before{width: .18rem;height: .18rem;left: 0;animation: zooms1 3s infinite;}
.goods-first-bonus{margin-left: .02rem;display: inline-flex;}
@keyframes zooms {
    10%, 15%, 20%{transform: translateY(-50%) scale3d(1.3, 1.3, 1.3);}
    11%{transform: translateY(-50%) scale3d(1.3, 1.3, 1.3) rotate(-10deg);}
    12%{transform: translateY(-50%) scale3d(1.3, 1.3, 1.3) rotate(10deg);}
    13%{transform: translateY(-50%) scale3d(1.3, 1.3, 1.3) rotate(-10deg);}
    14%{transform: translateY(-50%) scale3d(1.3, 1.3, 1.3) rotate(10deg);}
    30%{transform: translateY(-50%);}
}
@keyframes zooms1 {
    10%, 15%, 20%{transform: translateY(-50%) scale3d(1.5, 1.5, 1.5);}
    11%{transform: translateY(-50%) scale3d(1.5, 1.5, 1.5) rotate(-10deg);}
    12%{transform: translateY(-50%) scale3d(1.5, 1.5, 1.5) rotate(10deg);}
    13%{transform: translateY(-50%) scale3d(1.5, 1.5, 1.5) rotate(-10deg);}
    14%{transform: translateY(-50%) scale3d(1.5, 1.5, 1.5) rotate(10deg);}
    30%{transform: translateY(-50%);}
}

.login{display: flex;justify-content: center;align-items: center;}
.login-box{padding: .58rem .7rem;width: 4rem;background-color: var(--color-white);border-radius: .03rem;position: relative;}
.login-box::after{content: '';position: absolute;width: 2.65rem;height: 2.65rem;right: -1.6rem;bottom: -0.45rem;background-image: url('./img/login-banner.webp');background-size: 100% 100%;}
.login-title{width: 1.72rem;height: .44rem;margin: 0 auto .46rem;background-size: 100% 100%;background-image: url('./img/login-title.png');}
.en .login-title{background-image: url('./img/login-title-en.png');width: 3.34rem;height: .44rem;transform: translateX(-0.3rem);}
.login-inputs{position: relative;margin-bottom: .23rem;}
.login-input{height: .4rem;width: -webkit-fill-available;border-radius: .03rem;padding: 0 .11rem;font-size: .13rem;outline: none;border-width: .01rem;border-color: var(--color-black);box-shadow: inset 0px 0px 11px 0px rgba(0,0,0,0.2);}
.login-input::placeholder{color: var(--color-gray);}
.login-tip,.login-tip::after{position: absolute;width: .23rem;height: .23rem;right: -0.3rem;top: 50%;transform: translateY(-50%);background-size: 100% 100%;background-image: url('./img/tips.png');cursor: pointer;z-index: 1;}
.login-tip::after{content: '';width: 100%;height: 100%;right: 0;top: 0;transform: none;opacity: 0;background-image: url('./img/tips-on.png');}
.login-tip:hover::after{opacity: 1;}
.login-check{color: var(--color-gray);line-height: .14rem;font-size: .1rem;width: max-content;position: relative;padding-left: .18rem;max-width: 100%;word-break: break-word;cursor: pointer;}
.login-check::before,.login-check::after{content: '';position: absolute;width: .12rem;height: .12rem;background-size: 100% 100%;background-image: url('./img/check.png');left: 0;top: .01rem;}
.login-check a{color: var(--color-blue);}
.login-check+.login-check{margin-top: .09rem;}
.login-check::after{background-image: url('./img/check-on.png');visibility: hidden;}
.login-check.on::after{visibility: visible;}
.login-btn,.total-btn{position: relative;overflow: hidden;display: flex;width: 1rem;height: .33rem;padding-bottom: .02rem;margin: .23rem auto 0;font-weight: bold;font-size: .15rem;color: var(--color-white);align-items: center;justify-content: center;cursor: pointer;position: relative;z-index: 1;letter-spacing: 1px;}
.login-btn,.total-btn{background-size: 100% 100%;background-image: url('./img/login-btn.png');}
.login-btn,.total-btn,.pop-item::before{text-shadow: var(--text-shadow);}
.login-btn.off{filter: grayscale(1);cursor: no-drop;}
.login-btn.load,.total-btn.load{font-size: 0;}
.login-btn.load::before,.loading span:before,.total-btn.load:before{content: '';width: .2rem;height: .2rem;border: .05rem solid transparent;border-radius: 50%;border-color: var(--color-white) transparent;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);animation: anis 1s linear infinite;}
.loading span:before{border-color: var(--color-black) transparent transparent;border-width: .02rem;top: -50%;}
@keyframes anis {
    0%{transform: translate(-50%, -50%);}
    100%{transform: translate(-50%, -50%) rotate(360deg);}
}
.paypal-btn{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: -1;pointer-events: none;opacity: 0;}
.paypal-btn.on{z-index: 9;pointer-events: all;}
/* .paypal-btn{position: fixed;left: 0;top: 50%;opacity: 1;width: 200px;} */



.goods-item{cursor: pointer;display: inline-flex;flex-direction: column;width: 1.7rem;height: 1.18rem;background-color: #FFF0CA;margin: 0 .093rem .17rem;position: relative;border-radius: .1rem;}
.goods-item.on::before,.gifts-item.on::before{content: '';position: absolute;width: 100%;height: 100%;left: -0.015rem;top: -0.015rem;border-radius: .12rem;border: .02rem solid #FF5C5E;}
.goods-gift{position: absolute;overflow: hidden;width: .58rem;height: .22rem;line-height: .16rem;right: -0.04rem;top: -0.06rem;background-size: 100% 100%;background-image: url('./img/gift.png');z-index: 1;font-size: .16rem;text-align: center;color: var(--color-gold);font-weight: bold;white-space: nowrap;}
.goods-gift{color: #fff;text-shadow: 1px 4px 0 #602018;}
.goods-gift div{animation: bounc linear 3s infinite;}
.goods-gift::before{content: '';position: absolute;width: 200%;height: 90%;left: 0;top: 0;transform: skew(-30deg);background: linear-gradient(90deg, #ffffff00, #ffffff0d 20%, #fff6, #ffffff0d 80%, #fff0);animation: light linear 3s 1s infinite;}
@keyframes light {
    0%{left: -150%}
    30%{left: 150%;}
    100%{left: 150%}
}
@keyframes bounc{
    5%, 10%, 15%, 20%, to{animation-timing-function: cubic-bezier(.215, .61, .355, 1);}
    0%{opacity: 0;transform: scale3d(0, 0, 0);}
    1%{opacity: 1;transform: scale3d(0, 0, 0);}
    5%{opacity: 1;transform: scale3d(1.1, 1.1, 1.1);}
    10%{opacity: 1;transform: scale3d(.9, .9, .9);}
    15%{transform: scale3d(1.03, 1.03, 1.03);}
    20%{transform: scale3d(.97, .97, .97);}
    25%{opacity: 1;transform: scaleZ(1);}
    99%{opacity: 1;transform: scaleZ(1);}
    to{opacity: 0;transform: scale3d(0, 0, 0);}
}
.goods-img{display: flex;width: 100%;flex: 1;justify-content: center;align-items: flex-end;background-repeat: no-repeat;background-position: top center;background-size: 1.6rem .93rem;}
.goods-img.img1{background-image: url('./img/mgs-1.webp');}
.goods-img.img2{background-image: url('./img/mgs-2.webp');}
.goods-img.img3{background-image: url('./img/mgs-3.webp');}
.goods-img.img4{background-image: url('./img/mgs-4.webp');}
.goods-img.img5{background-image: url('./img/mgs-5.webp');}
.goods-img.img6{background-image: url('./img/mgs-6.webp');}
.goods-img.img7{background-image: url('./img/mgs-7.webp');}
.goods-img.img8{background-image: url('./img/mgs-8.webp');}
.goods-img.img9{background-image: url('./img/mgs-9.webp');}
.goods-img.img10{background-image: url('./img/mgs-10.webp');}
.goods-img.img11{background-image: url('./img/mgs-11.webp');}
.goods-img,.goods-img.img12{background-image: url('./img/mgs-12.webp');}
.goods-nums{display: flex;width: 100%;justify-content: center;height: .2rem;align-items: center;background: linear-gradient( 0deg, #FFFDF8 0%, rgba(255,255,255,0) 100%);}
.goods-num-cut{font-size: .14rem;font-weight: bold;line-height: 1;color: #7A2F1D;text-shadow: 0px 1px 0px rgba(0,0,0,0.3);}
.goods-num-cut{position: relative;}
.mgs{padding-left: .16rem;background-size: .16rem .16rem;background-position: left center;background-image: url('./img/mgs.png');background-repeat: no-repeat;}
.goods-num-cut.add{--cor: #FF5C5E;color: var(--cor);text-shadow: none;text-shadow: 1px 0 0 var(--cor), 0 1px 0 var(--cor), 0 -1px 0 var(--cor), -1px 0 0 var(--cor);}
.order-info-msg .goods-num-cut.add{font-size: .18rem;margin-left: .05rem}
.goods-num-cut+.goods-num-cut{margin-left: .04rem;}
.goods-num-prev{line-height: 1;color: var(--color-gray2);font-size: .12rem;text-decoration: line-through;display: inline-flex;margin-left: .03rem;}
.goods-price{margin: 0 -0.01rem -0.04rem;text-align: center;height: .28rem;line-height: .24rem;font-size: .14rem;color: #fff;font-weight: bold;background-image: url('./img/good-price-bg.png');background-size: 100% 100%;text-shadow: var(--text-shadow);}
.goods-price span + span{display: inline-flex;margin-left: .04rem;}

.gifts-item{position: relative;border-radius: .1rem;width: 100%;background-color: #FFF0CA;margin-top: .14rem;}
.gifts-item:last-child{margin-bottom: .14rem;}
.gifts-item-title{background: linear-gradient( 90deg, #FFCA43 0%, #FFE092 100%);border-radius: .1rem .1rem 0 0;padding: 0 .1rem;height: .3rem;line-height: .3rem;font-size: .14rem;font-weight: bold;color: #fff;text-shadow: var(--text-shadow);}
.gifts-item-cont{display: flex;align-items: flex-start;}
.gifts-item-left{width: 2rem;height: 1.37rem;background-image: url('./img/gift-bg.webp');background-size: cover;position: relative;overflow: hidden;}
.gifts-item-left::before,.gifts-item-left::after{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-size: 100% 100%;}
.gifts-item-left::before{background-image: url('./img/gift-light.webp');animation: rota linear 10s infinite;width: 2rem;height: 2rem;top: 50%;transform: translateY(-50%);}
.gifts-item-left::after{background-image: url('./img/gift-mgs.webp');}
.gifts-item-right{flex: 1;position: relative;min-height: 1.37rem;padding-bottom: .08rem;}
@keyframes rota {
    0%{transform: translateY(-50%);}
    100%{transform: translateY(-50%) rotate(360deg);}
}
.gifts-item-btn{position: absolute;right: .16rem;bottom: .1rem;width: 1rem;height: .33rem;display: flex;justify-content: center;align-items: center;color: #fff;font-size: .14rem;font-weight: bold;text-shadow: var(--text-shadow);background-image: url('./img/gift-btn.png');background-size: 100% 100%;}
.gifts-item-btn span+span{margin-left: .02rem;display: inline-flex;}
.gifts-item-icons{display: flex;flex-wrap: wrap;padding: .08rem;padding-left: .1rem;}
.gifts-item-icon{width: .5rem;height: .5rem;border-radius: .02rem;margin-right: .08rem;margin-bottom: .08rem;background-color: #CD7CE7;}
.gifts-item-icon:nth-of-type(6n+6){margin-right: 0;}


.module{width: 5.5rem;margin: 0 auto;padding: .12rem 0;color: var(--color-white);}
.boder{border-top: .01rem solid var(--color-white);}
.module.last{padding-bottom: .4rem;}
.order-info{position: relative;margin-bottom: .12rem;}
.order-info-title{font-size: .14rem;line-height: .2rem;margin-bottom: .04rem;font-weight: bold;}
.order-info-msg{display: flex;font-weight: bold;}
.order-info-msg span{display: inline-flex;font-size: .11rem;line-height: .16rem;margin-left: .03rem;}
.order-info-msg .gold{color: var(--color-gold);}
.order-info-msg span:first-child{margin: 0;}
.order-info-price{position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: .18rem;font-weight: bold;color: #fff;display: flex;letter-spacing: 1px;text-shadow: var(--text-shadow1)}
.order-info-price span:first-child{display: inline-flex;margin-right: .04rem;}
.order-pay.trans{animation: trans infinite 1s;}
@keyframes trans{0%{opacity: 1;} 50%{opacity: .1;} 100%{opacity: 1;}}
.order-pay-title{font-size: .14rem;font-weight: bold;line-height: .2rem;height: .22rem;margin-bottom: .09rem;}
.order-pay-title{padding-left: .24rem;background-image: url('./img/gold.png');background-size: .22rem auto;background-repeat: no-repeat;background-position: left center;}
.order-pays{display: flex;flex-wrap: wrap;}
.order-pay-item{display: inline-flex;width: 1.02rem;height: .36rem;border-radius: .04rem;position: relative;background-size: 100% 100%;margin-right: .1rem;margin-top: .1rem;background-color: #fff;cursor: pointer;color: #000;justify-content: center;align-items: center;font-size: .12rem;}
.order-pay-item.more{background: rgba(0,0,0,0.3);color: rgba(255,255,255,0.6);}
.order-pay-item.more::after{content: '';display: inline-block;margin-left: .01rem;width: .16rem;height: .16rem;background-size: 100% 100%;background-image: url('./img/pay-more.png');}
.order-pay-item:nth-of-type(1),
.order-pay-item:nth-of-type(2),
.order-pay-item:nth-of-type(3),
.order-pay-item:nth-of-type(4),
.order-pay-item:nth-of-type(5){margin-top: 0;}
.order-pay-item:nth-of-type(5n+5){margin-right: 0;}
.order-pay-item.on{border-color: #FF5C5E;}
.order-pay-item.on::before,.order-pay-item.more::before{content: '';position: absolute;width: 100%;height: calc(100% - 0.01rem);left: -0.02rem;top: -0.01rem;border: .02rem solid #FF5C5E;border-radius: .06rem;}
.order-pay-item.more::before{width: calc(100% + .01rem);height: calc(100% + .01rem);border: .01rem solid rgba(255,255,255,0.4);left: -0.01rem;top: -0.01rem;}
.order-pay-item.on::after{content: '';position: absolute;width: .2rem;height: .2rem;right: 0;top: 0;background-image: url('./img/pay-check.png');background-size: 100% 100%;}
.order-pay-item.GOOGLE_PAY{background-image: url('./img/GOOGLE_PAY.png');}
.order-pay-item.APPLE_PAY{background-image: url('./img/APPLE_PAY.png');}
.order-pay-item.CREDIT_CARD{background-image: url('./img/CREDIT_CARD.png');}
.order-pay-item.paypal{background-image: url('./img/paypal.png');}
.order-pay-item.PIX{background-image: url('./img/PIX.png');}
.order-pay-item.KAKAO_PAY{background-image: url('./img/KAKAO_PAY.png');}
.order-pay-item.NAVER_PAY{background-image: url('./img/NAVER_PAY.png');}
.order-pay-item.PAYCO{background-image: url('./img/PAYCO.png');}
.order-pay-item.PIN_PAY{background-image: url('./img/PIN_PAY.png');}
.order-pay-item.SAMSUNG_PAY{background-image: url('./img/SAMSUNG_PAY.png');}
.order-pay-item.TOSS{background-image: url('./img/TOSS.png');}
.order-pay-item.T_MONEY{background-image: url('./img/T_MONEY.png');}
.order-pay-item.SBER_PAY{background-image: url('./img/SBER_PAY.png');}
.order-pay-item.TINKOFF{background-image: url('./img/TINKOFF.png');}
.order-pay-item.YOO_MONEY{background-image: url('./img/YOO_MONEY.png');}
.order-pay-item.CREDIT_CARD_KR{background-image: url('./img/CREDIT_CARD_KR.png');}
.order-pay-item.allpayhk{background-image: url('./img/allpayhk.png');}
.order-pay-item.BANK_TRANSFER_KR{background-image: url('./img/BANK_TRANSFER_KR.png');}
.order-pay-item.VIRTUAL_ACCOUNT_KR{background-image: url('./img/VIRTUAL_ACCOUNT_KR.png');}
.order-pay-item.BANK_CARD_RU{background-image: url('./img/BANK_CARD_RU.png');}


.kf-tips{display: flex;align-items: center;font-size: .11rem;margin-bottom: .17rem;flex-wrap: wrap;word-break: break-word;}
.kf-btn,.dh-title{display: inline-flex;height: .27rem;margin-right: .11rem;border-radius: .27rem;align-items: center;padding: 0 .06rem 0 .26rem;position: relative;font-size: .11rem;font-weight: bold;color: var(--color-white);background-color: var(--color-blue);}
.kf-btn::before,.dh-title::before{content: '';position: absolute;width: .17rem;height: .17rem;left: .06rem;top: 50%;transform: translateY(-50%);background-size: 100% 100%;background-image: url('./img/kf.png');}
.dh-title{height: auto;border-radius: .06rem;background-color: var(--color-blue1);margin-bottom: .2rem;padding: .03rem .06rem .03rem .26rem;}
.dh-title::before{background-image: url('./img/excg.png');}
.dh-title span{display: inline-flex;align-items: center;padding: .03rem .06rem;background-color: var(--color-white);border-radius: .03rem;font-size: .11rem;line-height: .16rem;font-weight: bold;color: var(--color-black);}
.dh-info + .dh-tit{margin-top: .17rem;}
.dh-tit,.dh-info{font-size: .14rem;font-weight: bold;color: var(--color-white);line-height: .2rem;margin-bottom: .06rem;word-break: break-word;}
.dh-info{font-size: .11rem;line-height: .16rem;font-weight: normal;}


.order-title{font-size: .23rem;line-height: .3rem;color: var(--color-white);text-align: center;margin: .28rem auto;}
.order-goods{width: max-content;margin: 0 auto;padding: 0 .085rem;}


.footer{display: flex;justify-content: center;align-items: center;}
.footer-cont{text-align: center;}
.foot-links{width: max-content;margin: 0 auto;margin-bottom: .06rem;}
.foot-links a{display: inline-block;font-size: .1rem;line-height: .14rem;color: var(--color-white);}
.foot-links a + a{margin-left: .4rem;}
.foot-icp{font-size: .09rem;color: var(--color-gray);}

.footer.pay{margin-bottom: .69rem;}
.total{position: fixed;width: 100%;height: .7rem;background-color: var(--color-black);left: 0;bottom: 0;z-index: 2;display: flex;justify-content: space-between;padding: 0 .85rem;align-items: center;}
.total-left{font-size: .16rem;font-weight: bold;color: #fff;}
.total-left{text-shadow: 1px 2px 6px #7A2F1D, -1px -2px 6px #7A2F1D,-1px 2px 6px #7A2F1D, 1px -2px 6px #7A2F1D;}
.total-btn{margin: 0;}

@keyframes fade {0%{opacity: 0;}100%{opacity: 1;}}
@keyframes fadeOut {0%{opacity: 1;}100%{opacity: 0;}}
@keyframes zoom {0%{opacity: 0;transform: scale(.3);}100%{opacity: 1;transform: none;}}
@keyframes zoomOut {0%{opacity: 1;transform: none;}100%{opacity: 0;transform: scale(.3);}}
.popup,.error,.popup::before,.error::before{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;display: flex;justify-content: center;align-items: center;}
.popup{overflow-y: auto;}
.popup::before,.error::before{content: '';position: fixed;width: calc(100% + 24px);height: calc(100% + 24px);left: -12px;top: -12px;z-index: -1;background-color: rgba(0, 0, 0, .8);filter: blur(20px);animation: fade .3s forwards;}
.pop-cont,.erro-cont{display: flex;flex-direction: column;animation: zoom .3s forwards;}
.out .pop-cont,.out .erro-cont{animation: zoomOut .3s forwards;}
.out .popup::before,.out .error::before{animation: fadeOut .3s forwards;}
.pop-title{font-size: .23rem;line-height: 1;color: var(--color-white);align-items: center;margin-bottom: 1rem;display: flex;align-self: center;position: relative;}
.pop-close{display: inline-flex;width: .23rem;height: .23rem;background-size: 100% 100%;background-image: url('./img/close.png');right: -0.5rem;cursor: pointer;margin-top: .04rem;position: absolute;top: 50%;transform: translateY(-50%);}
.pop-items{display: flex;}
.pop-item{display: inline-flex;height: max-content;flex-direction: column;padding: .09rem;background-color: var(--color-white);border-radius: .03rem;position: relative;}
.pop-item::before{position: absolute;width: .34rem;height: .34rem;left: -0.1rem;top: -0.1rem;background-size: 100% 100%;background-image: url('./img/num-bg.png');font-size: .2rem;color: var(--color-white);font-weight: bold;display: flex;justify-content: center;align-items: center;padding-bottom: .04rem;}
.pop-img{width: 1.85rem;height: 1.14rem;background-size: 100% 100%;margin-bottom: .06rem;}
.pop-item:nth-of-type(1)::before{content: '1';}
.pop-item:nth-of-type(2)::before{content: '2';}
.pop-item:nth-of-type(2){margin: 0 .28rem;transform: translateY(-0.47rem);}
.log .pop-item:nth-of-type(2){margin: 0;margin-left: .28rem;transform: none;}
.pop-item:nth-of-type(3)::before{content: '3';}
.pop-item:nth-of-type(1) .pop-img{background-image: url('./img/num-1.webp');}
.log .pop-item:nth-of-type(1) .pop-img{background-image: url('./img/uid-1.webp');}
.pop-item:nth-of-type(2) .pop-img{background-image: url('./img/num-2.webp');}
.log .pop-item:nth-of-type(2) .pop-img{background-image: url('./img/uid-2.webp');}
.pop-item:nth-of-type(3) .pop-img{background-image: url('./img/num-3.webp');}
.pop-tit{font-size: .1rem;line-height: .14rem;width: 1.85rem;}

.erro-cont{width: 3.4rem;background-color: var(--color-white);border-radius: .06rem;overflow: hidden;padding-bottom: .23rem;padding-top: 1.08rem ;background-repeat: no-repeat;background-size: .68rem .68rem;background-position: top .23rem center;}
.erro-cont{background-image: url('./img/erro.png');}
.erro-cont.succ,.erro-cont.paying{background-image: url('./img/success.png');}
.erro-info{margin: 0 .5rem .34rem;text-align: center;font-size: .13rem;line-height: .17rem;color: var(--color-black);font-weight: bold;}
.erro-btn{display: inline-flex;align-self: center;cursor: pointer;width: 1.17rem;height: .37rem;border-radius: .03rem;color: var(--color-white);font-weight: bold;font-size: .17rem;align-items: center;justify-content: center;background-color: var(--color-blue);}


.payment{width: calc(100vw - 0.32rem);max-width: 5.5rem;margin: .2rem auto;}
.payment p:first-child{text-align: center;font-size: .2rem;margin-bottom: .16rem;font-weight: bold;}
.payment p{margin-top: .1rem;font-size: .12rem;line-height: .2rem;text-indent: .18rem;word-break: break-all;}

@media (max-width: 1023px){
    .main,.main::before,.login{min-height: calc(100vh - 1.6rem);}
    .main::before{background-size: 100% 100%;}
    .footer{height: .8rem;}
    .header{padding: 0 .16rem;height: .7rem;}
    .head-logo{width: .58rem;height: .6rem;}
    .head-locale{font-size: 0;padding-right: .04rem;border: none;}
    .head-locale::before{width: .2rem;height: .2rem;left: .06rem;}
    .head-locale::after{display: none;}
    .head-locale-list{left: auto;right: 0;}
    .head-user{display: none;}
    .head-out{margin-left: .06rem;font-size: .2rem;line-height: .24rem;}

    .login-box{width: calc(100vw - 0.32rem);padding: .45rem .16rem;margin: .47rem auto 1.9rem;}
    .login-box::after{width: 2.8rem;height: 2.8rem;right: -0.77rem;bottom: -1.57rem;}
    .login-title{width: 1.6rem;height: .4rem;}
    .en .login-title{width: 2.8rem;height: .35rem;transform: none;}
    .login-input{height: .5rem;width: calc(100% - 0.36rem);font-size: .16rem;padding: 0 .16rem;}
    .login-tip{right: 0;}
    .login-check{font-size: .12rem;line-height: .18rem;padding-left: .24rem;}
    .login-check::before{width: .16rem;height: .16rem;}

    .foot-links{margin-bottom: .08rem;display: flex;flex-wrap: wrap;max-width: 90vw;justify-content: center;}
    .foot-links a{font-size: .12rem;line-height: .18rem;}
    .foot-icp{font-size: .12rem;}

    .erro-cont{width: 3.2rem;padding-bottom: .24rem;padding-top: 1.12rem;background-size: .64rem .64rem;}
    .erro-info{margin: 0 .16rem .24rem;font-size: .16rem;line-height: .22rem;}
    .erro-btn{width: 1.32rem;height: .4rem;border-radius: .04rem;font-size: .18rem;}

    .module{width: calc(100vw - 0.32rem);border-top-width: .02rem;}
    .module.last{padding-bottom: .2rem;}
    .kf-btn,.dh-title{padding: 0 .08rem 0 .38rem;height: .38rem;font-size: .16rem;}
    .kf-btn::before,.dh-title::before{width: .24rem;height: .24rem;left: .08rem;}
    .kf-tips{margin-bottom: .24rem;}
    .kf-tips span:last-child{display: block;font-size: .14rem;line-height: .2rem;margin-top: .08rem;}
    .dh-title{margin-bottom: .24rem;height: auto;padding: .04rem .08rem .04rem .36rem;}
    .dh-title span{border-radius: .04rem;padding: .08rem;font-size: .16rem;line-height: .2rem;}
    .dh-tit{font-size: .18rem;line-height: .24rem;}
    .dh-info{font-size: .14rem;line-height: .2rem;}
    .dh-tit,.dh-info{margin-bottom: .08rem;}
    .order-info-price{position: static;margin-top: .12rem;font-size: .2rem;line-height: .28rem;transform: none;}
    .order-info-msg span{font-size: .16rem;line-height: .22rem;}
    .order-info-title{font-size: .18rem;line-height: .24rem;margin-bottom: .02rem;}
    .order-info{margin-bottom: .04rem;}
    .order-pay-item{width: 1.05rem;height: .38rem;}
    .order-pay-item:nth-of-type(1),
    .order-pay-item:nth-of-type(2),
    .order-pay-item:nth-of-type(3){margin-top: 0;}
    .order-pay-item:nth-of-type(4),
    .order-pay-item:nth-of-type(5){margin-top: .1rem;}
    .order-pay-item:nth-of-type(5n+5){margin-right: .1rem;}
    .order-pay-item:nth-of-type(3n+3){margin-right: 0;}

    .goods-item{margin: 0 .06rem .1rem;width: 1.65rem;}

    .gifts-item{margin-left: .06rem;margin-right: .06rem;}
    .gifts-item-cont{align-items: center;}
    .gifts-item-left{width: 1.6rem;height: 1.1rem;}
    .gifts-item-right{min-height: 1.1rem;}
    .gifts-item-btn{width: .9rem;height: .3rem;margin-right: .08rem;position: static;align-self: flex-end;float: right;}
    .gifts-item-btn.abs{position: absolute;right: .08rem;bottom: .08rem;}
    .gifts-item-icons{padding-left: .04rem;}
    .gifts-item-icon{width: .32rem;height: .32rem;margin-right: .03rem;}
    .gifts-item-icon:nth-of-type(6n+6){margin-right: .03rem;}
    .gifts-item-icon:nth-of-type(5n+5){margin-right: 0;}

    .order-title{margin: .2rem auto;}
   
    .total{padding: 0 .16rem;}

    .store{width: calc(100vw - 0.32rem);}
    .store-title{font-size: .2rem;}
    .store-head-left{margin-right: 0;}
    .store-unit{height: .28rem;width: .5rem;margin-left: .1rem;font-size: .16rem;}
    .store-sutit{font-size: .12rem;line-height: .18rem;}
    .store-head-btn{font-size: .15rem;height: .32rem;line-height: .3rem;padding: 0 .1rem;margin-right: -0.06rem;}
    .store-nums-btns{height: .28rem;border-radius: .02rem;width: 1.1rem;padding: 0 .06rem;}
    .store-nums-btn{height: .28rem;}
    .store-nums-btn.cut,.store-nums-btn.add{background-size: .16rem .16rem;}
    .store-nums-btn.val{font-size: .16rem;}
    .store-nums-title{font-size: .18rem;line-height: .24rem;margin-bottom: .1rem;}
    .store-nums-info{font-size: .14rem;line-height: .2rem;}
    .store-nums-btns{position: absolute;top: -0.02rem;right: 0;z-index: 1;}
    
    .store-sutits{width: 90vw;}
    .en .store-sutits{overflow: inherit;}
    .foot-links a + a{margin-left: .2rem;}

    .popup{align-items: flex-start;}
    .pop-cont{margin-top: .6rem;}
    .pop-title{font-size: .28rem;margin-bottom: .28rem;position: relative;}
    .pop-close{width: .32rem;height: .32rem;margin-top: .03rem;right: -0.7rem;}
    .pop-items{flex-direction: column;align-items: center;margin-bottom: .2rem;}
    .pop-item{padding: .12rem;}
    .pop-img{width: 2.42rem;height: 1.48rem;margin-bottom: .08rem;}
    .pop-item::before{width: .4rem;height: .4rem;font-size: .24rem;left: -0.16rem;top: -0.12rem;}
    .pop-item:nth-of-type(2){margin: .28rem 0;transform: none;}
    .log .pop-item:nth-of-type(2){margin: .28rem 0;}
    .pop-tit{font-size: .14rem;line-height: .2rem;width: 2.42rem;}
    
    .payment p:first-child{font-size: .24rem;margin-bottom: .2rem;}
    .payment p{font-size: .14rem;line-height: .22rem;text-indent: .2rem;}

    .store-list-title{width: 3rem;height: .31rem;line-height: .28rem;font-size: .16rem;}
}