.page-popup-s-main{--content-width:235px;--z-index-base:10000;width:0;height:100vh;position:fixed;top:0;bottom:0;left:0;right:auto;z-index:var(--z-index-base)}.page-popup-s-main.is-right{left:auto;right:0}.page-popup-s-main.is-bottom .page-popup-s-body,.page-popup-s-main.is-bottom .page-popup-s-simple{top:auto;bottom:22px}.page-popup-s-main.popup-s-hide .page-popup-s-body,.page-popup-s-main.popup-s-hide .page-popup-s-simple{display:none}.page-popup-s-main .page-popup-s-body,.page-popup-s-main .page-popup-s-simple{transition:right .4s ease;position:absolute;top:148px;bottom:auto}@media(max-width:767px){.page-popup-s-main .page-popup-s-body,.page-popup-s-main .page-popup-s-simple{top:auto;bottom:100px}}.page-popup-s-main .page-popup-s-body{right:0;z-index:calc(var(--z-index-base) + 2);display:block;width:var(--content-width);height:auto;background-color:#fff;border:1px solid rgba(210,44,49,.2);border-radius:6px;overflow:hidden;cursor:pointer}.page-popup-s-main .page-popup-s-body.popup-s-close{right:calc(var(--content-width)*-1)}.page-popup-s-main .page-popup-s-body .close-icon{position:absolute;z-index:calc(var(--z-index-base)*10000000000 + 1);border-radius:50%;width:19px;height:19px;right:-1px;top:-1px}.page-popup-s-main .page-popup-s-body .popup-shade-con{width:100vw;height:100vh;text-align:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;position:fixed;top:0;bottom:0;left:0;right:0;z-index:calc(var(--z-index-base)*10000000000 + 10);background-color:hsla(0,0%,100%,.4)}.page-popup-s-main .page-popup-s-body .popup-shade-con div{width:auto;text-align:center}.page-popup-s-main .page-popup-s-body .popup-shade-con img{width:auto;height:230px;margin:0 auto;border:1px solid #ccc}.page-popup-s-main .page-popup-s-body .popup-shade-con p{width:100%;margin-top:0;margin-bottom:20px;font-size:18px;font-weight:500;text-shadow:0 0 3px #333;color:#fff}.page-popup-s-main .page-popup-s-body .popup-scroll-con{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;left:0;z-index:calc(var(--z-index-base) + 5);display:flex;flex-wrap:nowrap;transition:left .35s linear}.page-popup-s-main .page-popup-s-body .popup-scroll-con>a{width:var(--content-width);display:grid;position:relative;z-index:var(--z-index-base)}.page-popup-s-main .page-popup-s-body .popup-scroll-con img{width:var(--content-width);height:auto;position:relative;z-index:var(--z-index-base)}.page-popup-s-main .page-popup-s-body a.ban-btn{display:block;padding:5px 8px;font-size:13px;font-weight:500;position:absolute;right:14px;bottom:13px;background-color:#fff;border-radius:20px}.page-popup-s-main .page-popup-s-body a.ban-btn,.page-popup-s-main .page-popup-s-body a.ban-btn:hover,.page-popup-s-main .page-popup-s-body a.ban-btn:visited{color:#000}.page-popup-s-main .page-popup-s-body ul{width:100%;height:25px;position:absolute;bottom:0;z-index:calc(var(--z-index-base) + 6);display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-start;cursor:auto}.page-popup-s-main .page-popup-s-body ul li{display:block;width:10px;height:10px;margin:0 3px;border-radius:50%;border:1px solid #aeaeae;background-color:transparent;cursor:pointer}.page-popup-s-main .page-popup-s-body ul li.active{background-color:#bbb}.page-popup-s-main .page-popup-s-body ul li a{display:block;width:100%;height:100%;opacity:0}.page-popup-s-main .page-popup-s-simple{right:-50px;z-index:calc(var(--z-index-base) + 1);display:grid;align-items:center;flex-wrap:nowrap;padding:11px;background-color:var(--user-act-color);border:1px solid hsla(0,0%,100%,.2);border-top-left-radius:6px;border-bottom-left-radius:6px;color:#fff;cursor:pointer}.page-popup-s-main .page-popup-s-simple.popup-s-close{right:0}.page-popup-s-main .page-popup-s-simple p{width:-webkit-min-content;width:-moz-min-content;width:min-content;font-size:16px;line-height:22px}.page-popup-s-main .page-popup-s-simple img{height:16px;margin-top:5px;transform:rotate(-90deg)}