/* BASIC css start */
.bottom_fix_popup { position: fixed; right: 140px; bottom: 0; width: 500px; overflow: hidden; background-color: #fff; z-index: 9999; display: none; transition: .5s; box-shadow: 0 0 9px rgba(0, 0, 0, 0.12); 
                    border-radius: 20px 20px 0 0; }
.bottom_fix_popup.down { bottom: -472px; }
.bottom_fix_popup.scroll_down { bottom: -580px; }
.bottom_fix_popup .popup_box .popup_title { padding: 20px 20px 0; cursor: pointer; }
.bottom_fix_popup .popup_box .popup_title p { font-size: 19px; font-weight: bold; }
.bottom_fix_popup .popup_box .popup_title p i { float: right; font-size: 25px; margin-top: -2px; transition: .3s; }
.bottom_fix_popup .popup_box .popup_title p i.down { transform: rotate(180deg); }
.bottom_fix_popup .popup_box .popup_content { position: relative; margin: 20px; }
.bottom_fix_popup .popup_box .popup_content #dateView { position: absolute; top: 22.3vw; left: 6vw; }
.bottom_fix_popup .popup_box .popup_content #dateView span { font-size: 7vw; }
.bottom_fix_popup .popup_box .popup_content a.coupon_down_btn { position: absolute; width: 64vw; height: 9vw; bottom: 8vw; left: 13vw; z-index: 1; }
.bottom_fix_popup .popup_box .popup_content img.popup_pic { width: 100%; }

.bottom_fix_popup .popup_box .popup_off_box { background-color: #fff; padding: 20px 30px; border-top: 1px solid #e2e2e2; }
.bottom_fix_popup .popup_box .popup_off_box  button { border: none; outline: none; font-size: 15px; color: #737373; background-color: transparent; }
.bottom_fix_popup .popup_box .popup_off_box  button:last-child { float: right; }

.bottom_fix_popup .swiper-button-prev, .bottom_fix_popup .swiper-button-next { background-image: none; width: auto; height: auto; }
.bottom_fix_popup .swiper-button-next { right: 0; }
.bottom_fix_popup .swiper-button-prev { left: 0; }
.bottom_fix_popup .swiper-button-prev i, .bottom_fix_popup .swiper-button-next i { font-size: 45px; color: #000; }
.bottom_fix_popup .swiper-pagination.swiper-pagination-fraction { transform: none; left: auto; bottom: 10px; right: 10px; width: 60px; height: 23px; line-height: 25px; background-color: rgba(0, 0, 0, 0.5); color: #fff; }
.bottom_fix_popup .swiper-pagination.swiper-pagination-fraction span { color: #fff; }
.bottom_fix_popup .swiper-pagination.swiper-pagination-bullets { bottom: 5px; }
.bottom_fix_popup .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { background-color: #000; }
/* BASIC css end */