@font-face{font-family:'FontAwesome';src:url('./image/v08/fonts//FontAwesome2016.woff?v=2023072545') format('woff'),url('./image/v08/fonts/FontAwesome2016.svg?v=2023072545') format('svg');font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none}[class^="icon-"],[class*=" icon-"]{display:inline-block;vertical-align:middle}.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}a .icon-spin{display:inline-block;text-decoration:none}@-moz-keyframes spin{0{-moz-transform:rotate(0)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0{-o-transform:rotate(0)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0{-ms-transform:rotate(0)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0{transform:rotate(0)}100%{transform:rotate(359deg)}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2)}.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}.icon-flip-horizontal:before{-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.icon-flip-vertical:before{-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block}.icon-sns-tumblr:before{content:"\e906"}.icon-sns-facebook:before{content:"\e900"}.icon-sns-twitter:before{content:"\e901"}.icon-sns-youtube:before{content:"\e902"}.icon-sns-snapchat:before{content:"\e903"}.icon-sns-instagram:before{content:"\e904"}.icon-sns-linkedin:before{content:"\e905"}.icon-glass:before{content:"\f000"}.icon-music:before{content:"\f001"}.icon-search:before{content:"\f002" !important}.icon-envelope:before{content:"\f003"}.icon-heart:before{content:"\f004"}.icon-star:before{content:"\f005"}.icon-star-empty:before{content:"\f006"}.icon-user:before{content:"\f007"}.icon-film:before{content:"\f008"}.icon-th-large:before{content:"\f009"}.icon-th:before{content:"\f00a"}.icon-th-list:before{content:"\f00b"}.icon-ok:before{content:"\f00c"}.icon-remove:before{content:"\f00d"}.icon-zoom-in:before{content:"\f00e"}.icon-cnn:before{content:"\f00f"}.icon-zoom-out:before{content:"\f010"}.icon-off:before{content:"\f011"}.icon-signal:before{content:"\f012"}.icon-cog:before{content:"\f013"}.icon-trash:before{content:"\f014"}.icon-home:before{content:"\f015"}.icon-file-alt:before{content:"\f016"}.icon-time:before{content:"\f017"}.icon-road:before{content:"\f018"}.icon-download-alt:before{content:"\f019"}.icon-download:before{content:"\f01a"}.icon-upload:before{content:"\f01b"}.icon-inbox:before{content:"\f01c"}.icon-play-circle:before{content:"\f01d"}.icon-repeat:before{content:"\f01e"}.icon-yahoo:before{content:"\f01f"}.icon-cnbc:before{content:"\f020"}.icon-refresh:before{content:"\f021"}.icon-list-alt:before{content:"\f022"}.icon-lock:before{content:"\f023"}.icon-flag:before{content:"\f024"}.icon-headphones:before{content:"\f025"}.icon-volume-off:before{content:"\f026"}.icon-volume-down:before{content:"\f027"}.icon-volume-up:before{content:"\f028"}.icon-qrcode:before{content:"\f029"}.icon-barcode:before{content:"\f02a"}.icon-tag:before{content:"\f02b"}.icon-tags:before{content:"\f02c"}.icon-book:before{content:"\f02d"}.icon-bookmark:before{content:"\f02e"}.icon-print:before{content:"\f02f"}.icon-camera:before{content:"\f030"}.icon-facetime-video:before{content:"\f03d"}.icon-picture:before{content:"\f03e"}.icon-usatody:before{content:"\f03f"}.icon-pencil:before{content:"\f040"}.icon-map-marker:before{content:"\f041"}.icon-adjust:before{content:"\f042"}.icon-tint:before{content:"\f043"}.icon-edit:before{content:"\f044"}.icon-share:before{content:"\f045"}.icon-check:before{content:"\f046"}.icon-abc:before{content:"\f04f"}.icon-plus-sign:before{content:"\f055"}.icon-minus-sign:before{content:"\f056"}.icon-remove-sign:before{content:"\f057"}.icon-ok-sign:before{content:"\f058"}.icon-question-sign:before{content:"\f059"}.icon-info-sign:before{content:"\f05a"}.icon-screenshot:before{content:"\f05b"}.icon-remove-circle:before{content:"\f05c"}.icon-ok-circle:before{content:"\f05d"}.icon-ban-circle:before{content:"\f05e"}.icon-foxnews:before{content:"\f05f"}.icon-plus:before{content:"\f067"}.icon-minus:before{content:"\f068"}.icon-asterisk:before{content:"\f069"}.icon-exclamation-sign:before{content:"\f06a"}.icon-gift:before{content:"\f06b"}.icon-leaf:before{content:"\f06c"}.icon-fire:before{content:"\f06d"}.icon-eye-open:before{content:"\f06e"}.icon-reuters:before{content:"\f06f"}.icon-eye-close:before{content:"\f070"}.icon-warning-sign:before{content:"\f071"}.icon-plane:before{content:"\f072"}.icon-calendar:before{content:"\f073"}.icon-random:before{content:"\f074"}.icon-comment:before{content:"\f075"}.icon-magnet:before{content:"\f076"}.icon-retweet:before{content:"\f079"}.icon-shopping-cart:before{content:"\f07a"}.icon-folder-close:before{content:"\f07b"}.icon-folder-open:before{content:"\f07c"}.icon-resize-vertical:before{content:"\f07d"}.icon-resize-horizontal:before{content:"\f07e"}.icon-fires:before{content:"\f07f"}.icon-bar-chart:before{content:"\f080"}.icon-twitter-sign:before{content:"\f081"}.icon-facebook-sign:before{content:"\f082"}.icon-camera-retro:before{content:"\f083"}.icon-key:before{content:"\f084"}.icon-cogs:before{content:"\f085"}.icon-comments:before{content:"\f086"}.icon-thumbs-up-alt:before{content:"\f087"}.icon-thumbs-down-alt:before{content:"\f088"}.icon-star-half:before{content:"\f089"}.icon-heart-empty:before{content:"\f08a"}.icon-signout:before{content:"\f08b"}.icon-linkedin-sign:before{content:"\f08c"}.icon-pushpin:before{content:"\f08d"}.icon-external-link:before{content:"\f08e"}.icon-thumbs-up:before{content:"\f08f"}.icon-signin:before{content:"\f090"}.icon-trophy:before{content:"\f091"}.icon-github-sign:before{content:"\f092"}.icon-upload-alt:before{content:"\f093"}.icon-lemon:before{content:"\f094"}.icon-phone:before{content:"\f095"}.icon-check-empty:before{content:"\f096"}.icon-bookmark-empty:before{content:"\f097"}.icon-phone-sign:before{content:"\f098"}.icon-twitter:before{content:"\f099"}.icon-facebook:before{content:"\f09a"}.icon-github:before{content:"\f09b"}.icon-unlock:before{content:"\f09c"}.icon-credit-card:before{content:"\f09d"}.icon-rss:before{content:"\f09e"}.icon-thumbs-down:before{content:"\f09f"}.icon-hdd:before{content:"\f0a0"}.icon-bullhorn:before{content:"\f0a1"}.icon-bell:before{content:"\f0a2"}.icon-certificate:before{content:"\f0a3"}.icon-hand-right:before{content:"\f0a4"}.icon-hand-left:before{content:"\f0a5"}.icon-hand-up:before{content:"\f0a6"}.icon-hand-down:before{content:"\f0a7"}.icon-circle-arrow-left:before{content:"\f0a8"}.icon-circle-arrow-right:before{content:"\f0a9"}.icon-circle-arrow-up:before{content:"\f0aa"}.icon-circle-arrow-down:before{content:"\f0ab"}.icon-globe:before{content:"\f0ac"}.icon-wrench:before{content:"\f0ad"}.icon-tasks:before{content:"\f0ae"}.icon-share-alt:before{content:"\f0af"}.icon-filter:before{content:"\f0b0"}.icon-briefcase:before{content:"\f0b1"}.icon-fullscreen:before{content:"\f0b2"}.icon-share-alt2:before{content:"\f0b3"}.icon-hourglass:before{content:"\f0b4"}.icon-mag:before{content:"\f0b5"}.icon-submit:before{content:"\f0b6"}.icon-pad:before{content:"\f0b8"}.icon-padphone:before{content:"\f0b9"}.icon-avatar:before{content:"\f0ba"}.icon-request:before{content:"\f0bb"}.icon-couponalert:before{content:"\f0bc"}.icon-newsletterh:before{content:"\f0bd"}.icon-newsletterv:before{content:"\f0be"}.icon-group:before{content:"\f0c0"}.icon-link:before{content:"\f0c1"}.icon-cloud:before{content:"\f0c2"}.icon-beaker:before{content:"\f0c3"}.icon-cut:before{content:"\f0c4"}.icon-copy:before{content:"\f0c5"}.icon-paper-clip:before{content:"\f0c6"}.icon-save:before{content:"\f0c7"}.icon-sign-blank:before{content:"\f0c8"}.icon-reorder:before{content:"\f0c9"}.icon-ul:before{content:"\f0ca"}.icon-ol:before{content:"\f0cb"}.icon-table:before{content:"\f0ce"}.icon-googleaccount:before{content:"\f0cf"}.icon-magic:before{content:"\f0d0"}.icon-truck:before{content:"\f0d1"}.icon-pinterest:before{content:"\f0d2"}.icon-pinterest-sign:before{content:"\f0d3"}.icon-google-plus:before{content:"\f0d4"}.icon-google-plus-sign:before{content:"\f0d5"}.icon-money:before{content:"\f0d6"}.icon-caret-down:before{content:"\f0d7"}.icon-caret-up:before{content:"\f0d8"}.icon-caret-left:before{content:"\f0d9"}.icon-caret-right:before{content:"\f0da"}.icon-columns:before{content:"\f0db"}.icon-sort:before{content:"\f0dc"}.icon-sort-down:before{content:"\f0dd"}.icon-sort-up:before{content:"\f0de"}.icon-yahooaccount:before{content:"\f0df"}.icon-envelope-alt:before{content:"\f0e0"}.icon-linkedin:before{content:"\f0e1"}.icon-undo:before{content:"\f0e2"}.icon-legal:before{content:"\f0e3"}.icon-dashboard:before{content:"\f0e4"}.icon-comment-alt:before{content:"\f0e5"}.icon-comments-alt:before{content:"\f0e6"}.icon-bolt:before{content:"\f0e7"}.icon-sitemap:before{content:"\f0e8"}.icon-umbrella:before{content:"\f0e9"}.icon-paste:before{content:"\f0ea"}.icon-light-bulb:before{content:"\f0eb"}.icon-exchange:before{content:"\f0ec"}.icon-cloud-download:before{content:"\f0ed"}.icon-cloud-upload:before{content:"\f0ee"}.icon-user-md:before{content:"\f0f0"}.icon-stethoscope:before{content:"\f0f1"}.icon-suitcase:before{content:"\f0f2"}.icon-bell-alt:before{content:"\f0f3"}.icon-coffee:before{content:"\f0f4"}.icon-food:before{content:"\f0f5"}.icon-file-text-alt:before{content:"\f0f6"}.icon-building:before{content:"\f0f7"}.icon-hospital:before{content:"\f0f8"}.icon-ambulance:before{content:"\f0f9"}.icon-medkit:before{content:"\f0fa"}.icon-fighter-jet:before{content:"\f0fb"}.icon-beer:before{content:"\f0fc"}.icon-h-sign:before{content:"\f0fd"}.icon-plus-sign-alt:before{content:"\f0fe"}.icon-hot:before{content:"\f0ff"}.icon-double-angle-left:before{content:"\f100"}.icon-double-angle-right:before{content:"\f101"}.icon-double-angle-up:before{content:"\f102"}.icon-double-angle-down:before{content:"\f103"}.icon-angle-left:before{content:"\f104"}.icon-angle-right:before{content:"\f105"}.icon-angle-up:before{content:"\f106"}.icon-angle-down:before{content:"\f107"}.icon-desktop:before{content:"\f108"}.icon-laptop:before{content:"\f109"}.icon-tablet:before{content:"\f10a"}.icon-mobile-phone:before{content:"\f10b"}.icon-circle-blank:before{content:"\f10c"}.icon-quote-left:before{content:"\f10d"}.icon-quote-right:before{content:"\f10e"}.icon-left-hot:before{content:"\f10f"}.icon-spinner:before{content:"\f110"}.icon-circle:before{content:"\f111"}.icon-reply:before{content:"\f112"}.icon-folder-close-alt:before{content:"\f114"}.icon-folder-open-alt:before{content:"\f115"}.icon-expand-alt:before{content:"\f116"}.icon-collapse-alt:before{content:"\f117"}.icon-smile:before{content:"\f118"}.icon-frown:before{content:"\f119"}.icon-meh:before{content:"\f11a"} @charset "iso-8859-1"; html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, fieldset, form, label, input, button, select, textarea, img, table, th, td, article, aside, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{ padding:0; margin:0; border: 0 none; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,"Microsoft YaHei"; font-weight:400} article, aside, footer, header, menu, nav, section { display: block} html{ font-size:100%} body { font-size:1em; line-height:1.5; background-color:#fff; width:100%; position:relative; color:#666; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased} *{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;} @-webkit-viewport{ width:device-width } @-moz-viewport{ width:device-width } @-ms-viewport{ width:device-width } @-o-viewport{ width:device-width } @viewport { width: device-width } :-moz-placeholder,::-moz-placeholder { color:#aaa; text-overflow:ellipsis} ::-ms-input-placeholder { color:#aaa; text-overflow:ellipsis} ::-webkit-input-placeholder { color:#aaa; text-overflow:ellipsis} a{ color:#666; text-decoration:none; cursor:pointer; outline:none} a:hover{color:#159f86} strong{ font-weight:600} .clear{ clear:both} .clear:after{ content:""; clear:both; display:block; height:0} .hidden{ display:none!important} .t_center{ text-align:center} .t_right{ text-align:right} .fright{float:right} .fleft{float:left} p, dl, ol{ margin:0 0 16px 0} .gray, .disapproved{ color:#757575} .red{ color:#ee0c0c} form .red{ clear:both; position:relative; top:-0.625em; margin-bottom:0.375em; font-size:14px} form{ position:relative; z-index:1} button::-moz-focus-inner{ border:0; padding:0; margin:0} input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset; border-bottom:1px solid rgba(0,0,0,0.54)} button, input, select, textarea, img, .button{ font-size:1em; vertical-align:middle; outline:none} .input_wrapper,.textarea_wrapper{ height:3em; margin-bottom:16px; position:relative; border-bottom:1px solid rgba(0,0,0,0.54); z-index:1} .textarea_wrapper{ height: auto} input, textarea, select{ border:none; background-color:transparent; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-appearance:none; margin:0} textarea{ padding:0; line-height:3em; height:12em; resize:none; width:100%} input[type="text"]{ padding:0.5em 0; line-height:2em; width:100%} .cpointer, button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer} .placeholder{ color:#ccc; font-size:1em; line-height:2; position:absolute; z-index:-1; pointer-events:none; left:0; top:0.5em; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis} .more_about{ color:#159f86; font-size:15px; cursor:pointer; line-height:1.25em} .sns .more_about{ margin-top:0.8em} input:focus ~ .placeholder, textarea:focus ~ .placeholder{ top:-16px; font-size:12px; color:#159f86; font-weight:500; letter-spacing:0.5px} .bar{ position:absolute; bottom:-2px; left:0; width:100%; height:2px; background-color:#159f86; -moz-transform:scale(0,1); -ms-transform:scale(0,1); -o-transform:scale(0,1); -webkit-transform:scale(0,1); -moz-transform:scale(0,1); -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in;} input:focus ~ .bar, textarea:focus ~ .bar{ -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1); transform:scale(1,1)} .highlight{ position:absolute; height:70%; top:0.5em; left:0; opacity:0.5; pointer-events:none; background-color:#159f86;} input:focus ~ .highlight, textarea:focus ~ .highlight{ -webkit-animation:inputHighlighter 0.3s ease-in; -moz-animation:inputHighlighter 0.3s ease-in; -ms-animation:inputHighlighter 0.3s ease-in; -o-animation:inputHighlighter 0.3s ease-in; animation:inputHighlighter 0.3s ease-in;} @-webkit-keyframes inputHighlighter { from { width:100px} to { width:0} } @-moz-keyframes inputHighlighter { from { width:100px } to { width:0} } @-ms-keyframes inputHighlighter { from { width:100px } to { width:0} } @-o-keyframes inputHighlighter { from { width:100px } to { width:0} } @keyframes inputHighlighter { from { width:100px } to { width:0} } button, .button, .color_button, .nav_i{ height:2.25em; line-height:2.25em; position:relative; overflow:hidden} button, .button, .color_button{ color:#159f86; font-size:1em; text-align:center; border-radius:2px; cursor:pointer; margin-right:-16px; text-transform: capitalize; padding:0 1em; -webkit-appearance:none; font-weight:500; display:inline-block; background-color:transparent} button:hover:before, .button:hover:before, .nav_i:hover:before{ content:""; position:absolute; width:100%; height:100%; display:block; left:0; top:0; background-color:rgba(0,0,0,0.04)} button:after, .button:after, .color_button:after{ content:""; position:absolute; width:1em; height:1em; border-radius:50%; left:50%; top:50%; margin-top:-0.5em; margin-left:-0.5em; background-color:rgba(21,159,134,0.12); -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1); transform:scale(1,1); opacity:0; -moz-transition: -moz-transform 0.6s ease; -ms-transition: -ms-transform 0.6s ease; -o-transition: -o-transform 0.6s ease; -webkit-transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease} button:focus:after, .button:active:after, .color_button:focus:after, .color_button:active:after{ -moz-transform:scale(50,50); -ms-transform:scale(50,50); -o-transform:scale(50,50); -webkit-transform:scale(50,50); transform:scale(50,50); opacity:1} .gray_button{ background-color:rgba(0,0,0,0.06); margin-right:0} .color_button{ color:rgba(255,255,255,0.87)!important; background-color:#159f86; margin:0} .color_button:before{ background-color:transparent!important} .color_button:hover{ box-shadow: 0 2px 3px rgba(0, 0, 0, 0.36)} .color_button:focus, .color_button:active{ box-shadow:none} .color_button:after{ background-color:rgba(255,255,255,0.12)!important} button.small, .button.small, .color_button.small{ font-size:14px; height:32px; line-height:32px; padding:0 8px; text-transform:inherit; margin-right:0} .circle_btn_64{ width:4em; height:4em; line-height:4em; padding:0; border-radius:50%} .circle_btn_56{ text-transform:inherit; width:3.5em; height:3.5em; line-height:3.5em; padding:0; border-radius:50%} .closed{ width:2.5em; height:2.5em; background:none; right:0; top:0em; position:absolute; cursor:pointer; z-index:97} .closed:after, .closed:before{ background-color:rgba(0,0,0,0.54); content:""; display:inline-block; height:1px; position:absolute; left:50%; margin-left:-0.625em; top:50%; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width:1.375em} .closed:before{ -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg)} #header{ height:56px; width:100%; background-color:#098f77; box-shadow:0 1px 0 rgba(0,0,0,0.18); left:0; top:0; z-index:100} #header.bf{ background: #333; } .header_container{ height:100%; position:relative} .logo,.show_code:before, .show_code:after, .get_deal:before, .get_deal:after,.country li i,.photo,.promo_infor:before,.flag, .list_coupons .best_recommend i, .icon-shopping, .icon-store{ background:url(../image/v08/common.svg?v=2023072545) 0 0 no-repeat; background-size:20em 37.5em} .logo{ width:14.5em; height:3.5em; background-position:0 0; display: inline-block; position:absolute; left:0em; bottom:5px; text-indent:-9999px; font-size:0.8em} .menu_wrapper{ position:absolute; left:360px; bottom:8px; max-width:50% } .i_menu{ width:56px; height:56px; position:fixed; left:0; top:0; cursor:pointer; z-index:103; text-align:center; border-right:1px solid rgba(255,255,255,0.16); display:none} .i_menu i{ width:20px; height:2px; display:inline-block; position:absolute; background-color:#fff; top:50%; left:50%; margin-top:-1px; margin-left:-10px} .i_menu i:after, .i_menu i:before{content:""; width:20px; height:2px; display:inline-block; position:absolute; left:0; top:-7px; background-color:#fff} .i_menu i:after{ top:7px} .menu_list li{ list-style-type:none; float:left; display:inline-block; font-size:14px; font-weight:500; position:relative} .menu_list li a{ line-height:40px; height:36px; padding:0 20px; display:block; color:#fff} .menu_list li a:hover{background-color:rgba(0,0,0,0.1); border-radius:2px} .menu_list li a.bf i{ vertical-align: inherit; font-size: 1.4em;} .menu_list li a .icon-angle-down, .menu_list li a .icon-angle-right{ font-size:18px; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease} .menu_list li .submenu{ position:absolute; left:0; top:40px; padding:8px 0 0 0; max-height:0; max-width:0; overflow:hidden} .menu_list li:hover .submenu{ max-height:9999px; max-width:9999px; overflow:inherit} .menu_list li ul{ background-color:#fff; box-shadow: 0 7px 21px rgba(0,0,0,0.42); width:240px; padding:4px 0 8px 0; border-radius:2px; position:relative} .menu_list li ul:before{ content:""; position:absolute; left:16px; top:-8px; width:0; height:0; border-left:6px solid transparent; border-bottom:8px solid #fff; border-right:6px solid transparent} .menu_list li ul li{ width:100%; float:inherit} .menu_list li ul li a{ color:#666; font-weight:400} .menu_list li ul li a:hover{ background-color:rgba(0,0,0,0.06); border-radius:0} .menu_list li ul.categories{ width:480px} .menu_list li ul.categories li{ width:50%; float:left} .other_nav{ position:absolute; left:100%; top:8px; height:40px; list-style:none; white-space:nowrap; margin-left:3px} .other_nav li{ display:inline-block; margin-left:13px} .other_nav a{ height:40px; line-height:40px; display:inline-block; padding:0 16px; background-color:rgba(0,0,0,0.10); color:#fff; font-size:14px; margin-right:0} .other_nav .h_season a{ min-width:142px} .search_wrapper{ position:absolute; height:40px; width:40%; top:8px;right:0; z-index:103} .search_wrapper form{ width:100%; position:relative; height:100%; padding:0} .search_wrapper .search_input{ height:100%; position:relative; background-color:#fff; border-radius:2px} .search_input input[type="text"]{ padding: 0 72px 0 16px; border:none; height:100%; line-height:40px; width:100%; background:transparent} .search_input .highlight{ left:16px; background-color:#ff9800; top:15%} .search_wrapper button, .search_btn{ height:100%; width:56px; position:absolute; top:0; right:0; font-size:25px; line-height:40px; margin:0; padding:0; text-align:center; background-color:#ff9800; color:#fff; cursor:pointer} .search_btn, .focused .search_btn{ background-color:transparent; line-height:56px; display:none; z-index:106} .search_suggest{ width:100%; background-color:#fff; box-shadow: 0px 3px 7px rgba(0,0,0,0.42); position:absolute; top:40px; left:0; padding:1px 0; z-index:2; border-radius:0 0 2px 2px} .search_default li, .search_content li{ list-style-type:none; padding:0.625em 0; margin:0 0.625em; position:relative} .search_default li{ padding-left:2em} .search_default li:after{ content:""; position:absolute; height:0; width:100%; display:block; bottom:0; left:0; border-bottom:1px solid #f0f0f0} .search_default li i{ width:1.25em; height:1.25em; display:block; float:left; font-size:1.5em; text-align:center; line-height:1.25em; color:rgba(0,0,0,0.26); position:absolute; top:0.45em; left:0.125em} .search_default li a{ padding:0 16px; line-height:36px; display:inline-block; position:relative; width:50%; font-size:0.875em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .search_default li a:hover{ background-color:#f4f4f4; color:#666} .s_logo{ width:7em; height:100%; position:absolute; top:0; left:0; vertical-align:middle; text-align:center; overflow:hidden} .s_logo:after, .m_logo a:after, .m_logo span:after, .pro_img:after{ content:""; display:inline-block; height:100%; vertical-align:middle;width:0} .s_logo img{ max-width:5em; max-height:6.5em } .s_logo .store_name{ width:92%; height:auto; padding:0 4%; max-height:0; overflow:hidden; display:block; position:absolute; left:0; bottom:0; opacity:0; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background-color:rgba(0,0,0,0.54)} .s_logo .store_name p{ line-height:1; padding:0; font-size:0.875em; margin-bottom:0; color:#fff; font-weight:400; letter-spacing:0.5px} .s_logo:hover .store_name{ max-height:100%; opacity:1; padding:1em 4%} .img_mask{ width:100%; height:100%; background-color:rgba(0,0,0,0.04); position:absolute; top:0; left:0} .ui-helper-hidden { display:none } .ui-helper-hidden-accessible { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px} .ui-widget-content{ background-color:#fff; list-style-type:none; position:absolute; z-index:104; padding: 1px 0; box-shadow: 0px 7px 21px rgba(0,0,0,0.42); max-width:100%} .ui-widget-content li{ height:4.5em} .ui-widget-content li a{ font-size:1.125em; padding: 0 1em 0 5em; position: relative; display:block; width:100%; line-height:3.6em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis} .ui-widget-content li a:hover, .ui-widget-content a.ui-state-active, .ui-widget-content a.ui-state-hover, .ui-widget-content a.ui-state-focus{ background-color:rgba(0,0,0,0.04); color:#666} .ui-widget-content li a .gray{ font-size:0.8em; margin-left:0.3em} .ui-widget-content li .s_logo{ font-size:0.6em} .header_christmas{ position:absolute; bottom:0; right:46%} .header_christmas a{ text-indent:-9999px; background-image:url(../imgv4/merchant_christmas.png); width:352px; height:52px; display:inline-block} .header_valentine{ position:absolute; bottom:0; right:41%} .header_valentine a{ text-indent:-9999px; background-image:url(../imgv4/merchant_valentine.png); width:174px; height:48px; display:inline-block} .header_easter{ position:absolute; bottom:0; right:41%} .header_easter a{ text-indent:-9999px; background-image:url(../imgv4/easter_m.png); width:126px; height:56px; display:inline-block} @media (max-width:1836px){ .header_container.wrapper{ max-width:1060px} .logo{ left:0!important} .menu_wrapper{ left:400px} .menu_list li a{ padding:0 12px} .search_wrapper{ width:30%; min-width:340px; float:right; position:relative} .other_nav{ float:right; position:relative; left:inherit} .other_nav .h_season a{ min-width:inherit} .header_valentine{ right: 37%; } .header_easter{ right: 37%; } } @media (max-width:1279px){ body{ padding-top:0px} #header{ height:56px} .header_container.wrapper{ margin:0 auto; width:auto} .logo{ font-size:0.8em; bottom:6px; left:0px!important} .menu_wrapper{ left:400px; bottom:8px} .menu_list li .submenu{ padding-top:8px} .other_nav{ height:56px; top:0; bottom:0; width:auto} .other_nav a{ height:56px; line-height:56px; background-color:transparent; border-left:1px solid rgba(255,255,255,0.16)} .other_nav .h_season{ display:none} .search_wrapper{ top:8px} } @media (max-width:1024px){ .logo{ left:16px!important} .menu_wrapper{ top:56px; left:0!important; bottom:auto; width:240px; max-width:inherit; position:fixed; max-height:90%; max-height: -moz-calc(100% - 56px); max-height: -webkit-calc(100% - 56px); max-height: calc(100% - 56px); overflow-x:hidden; overflow-y:auto; box-shadow:0px 7px 21px rgba(0,0,0,0.42)} .i_menu{ display:block} .menu_wrapper .menu_list{ background-color:#fff; max-height:0; overflow:hidden; -moz-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; transition:all 0.2s ease-in} .menu_wrapper.show .menu_list{ max-height:9999px; padding-bottom:16px} .menu_list li{ float:inherit; display:block} .menu_list li a{ color:#333; padding:0 20px; height:48px; line-height:48px} .menu_list li a:hover{background-color:rgba(0,0,0,0.04)} .menu_list li a .icon-angle-down{ float:right} .menu_list li a .icon-angle-down.up{ -moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg)} .menu_list li .submenu{ position:relative; top:0; padding:0; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease} .menu_list li:hover .submenu{ max-height:0; max-width:0; overflow:hidden} .menu_list li .submenu.show{max-height:9999px!important; max-width:9999px!important; overflow:inherit!important} .menu_list li ul{ box-shadow:none; border-radius:0; padding:0; background-color:rgba(0,0,0,0.04)} .menu_list li ul:before{ display:none} .menu_list li ul li a{ height:40px; line-height:40px; font-size:13px} .menu_list li ul.categories{ width:240px} .menu_list li ul.categories li{ width:100%; float:inherit} .header_christmas{ right:40%} .header_valentine{ right: 50%; } .header_easter{ right: 50%; } .sub_logo{ display: none; } } @media (max-width:767px){ .other_nav{ display:none} .logo{ left:50%!important; margin-left:-7.25em} .search_wrapper{ width:100%; max-width:56px; height:56px; overflow:hidden; min-width:inherit; top:0; border-left:1px solid rgba(255,255,255,0.16); background-color:#098f77} .search_btn{ display:inline-block} .search_wrapper form{ max-width:0; height:40px} .search_wrapper.focused{ max-width:100%; top:100%; box-shadow:0px 2px 7px rgba(0,0,0,0.26); border-left:none; padding:0 16px; overflow:inherit} .search_wrapper.focused form{ max-width:inherit; margin:8px 0} .search_suggest{ top:48px; width:auto; max-width:100%; margin:0 16px} .header_valentine{ display: none; } .header_easter{ display: none; } .art_content p img,iframe{ display: none; } } #main_content{ padding:0; position:relative} #main_content:before{ content:""; width:100%; height:228px; display:block; top:0; left:0; position:absolute; background-color:#159f86} .wrapper{ max-width:1060px; width:90%; margin:0 auto; clear:both; position:relative} .wrapper h2, .wrapper2 h3, .merchant_key h1{ font-size:1.5em; line-height:1.25; padding:0.7em 0; color:#333} .grid_stores,.grid_coupons{ margin-right:-32px} .grid_stores li{ list-style:none; width:16.666%; padding-right:32px; float:left; margin-bottom:32px} .store_wrap{ width:auto; height:130px; border:1px solid #e5e5e5; border-radius:2px; position:relative} .m_logo{ height:100%; width:100%; vertical-align:middle} .m_logo a, .m_logo span{ height:100%; width:100%; display:inline-block; padding:16px; text-align:center} .m_logo span{ padding:0; cursor:pointer} .m_logo img{ max-width:100%; max-height:100%} .m_link{ position:absolute; display:block; text-align:center; width:100%; word-break:break-all; left:0; bottom:0; font-size:14px; font-weight:500; line-height:1.2; letter-spacing:0.5px; padding:0 4%; background-color:rgba(21,159,134,0.87); color:#fff; max-height:0; overflow:hidden; opacity:0; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease} .store_wrap:hover .m_link{ max-height:1000px; padding:1em 4%; opacity:1; cursor:pointer} .love,.loved, .mark, .marked{ position:absolute; width:36px; height:36px; line-height:36px; text-align:center; display:inline-block; cursor:pointer; right:0; top:0; font-size:22px; color:rgba(0,0,0,0.10); -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease } .mark, .marked{ font-size:24px} .loved,.marked,.love:hover,.mark:hover{ color:#ff9800!important} .love:hover,.mark:hover{ opacity:0.5} .coupons_container{ background-color:#eaeaea; padding-top:16px} .coupons_container~.wrapper{ padding-top:16px} .grid_coupons article{ width:33.333%; padding-right:32px; float:left; margin-bottom:32px} .coupon_wrapper{ background-color:#fff; border:1px solid #e2e2e2; border-radius:2px; padding:0 32px 106px 32px; cursor:pointer; position:relative} .coupon_wrapper .m_logo{ width:100%; height:10.625em; padding:16px 0} .coupon_wrapper .m_logo img{ max-width:80%} .coupon_wrapper div.bf1808{ font-size:1.125em; line-height:1.6; margin-bottom:10px; color:#333; font-weight:500; height:4.8em; overflow:hidden} .coupon_wrapper div.bf1808 a{ color:#333} .time_success{ height:1.875em; line-height:1.875em; overflow:hidden; position:relative; list-style:none} .time_success li, .time_success span{ margin:0 12px 0 0!important; display:inline-block; font-size:13px; letter-spacing:0.5px; color:#757575; width:auto!important} .time_success li span{ margin-right: 0 !important; } .time_success li.more{ margin:0 0 0 8px; cursor:pointer; position:relative} .time_success i{ font-size:14px; margin-right:4px; color:#bbb; vertical-align:baseline} .hurry, .time_success .hurry{ color:#F00} .hurry i, .time_success .hurry i{ color:#ff0000} .cb_comment{ position:relative; z-index:1} .time_success span .success{ width:0; height:0; display:inline-block; margin-right:2px; border-bottom:10px solid #ccc; border-left:5.7px solid transparent; border-right:5.7px solid transparent;} .go_btn{ width:80%; max-width:300px; position:absolute; right:0; bottom:32px; height:2.5em; padding-right:3.125em; z-index:1} .go_btn .code{ width:100%; height:100%; border:1px dashed #9f9f9f; color:#666; background-color:#dfdfdf; font-size:1.5em; line-height:1.667; padding:0 6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis} .go_btn .show_code, .go_btn .get_deal{ position:absolute; height:2.5em; right:3.125em; color:#fff; top:0; text-align:center} .go_btn .show_code span, .go_btn .get_deal span{ font-size:1.25em; font-weight:500; height:2em; line-height:2em;} .go_btn .show_code{ background-color:#ff9800; width:60%} .go_btn .get_deal{ width:74%; background-color:#39f} .show_code:before,.get_deal:before{ content:""; position:absolute; height:100%; width:2em; display:inline-block; background-position:0 -4.9375em; top:0; left:-2em; -moz-transition:left 0.2s ease-in; -ms-transition:left 0.2s ease-in; -o-transition:left 0.2s ease-in; -webkit-transition:left 0.2s ease-in; transition:left 0.2s ease-in} .go_btn:hover .show_code:before{ left:-1.125em} .get_deal:before{ background-position:0 -8.125em} .show_code:after,.get_deal:after{ content:""; position:absolute; height:100%; width:3.125em; display:inline-block; background-position:-4em -4.9375em; right:-3.125em; top:0} .get_deal:after{ background-position:-4em -8.35em} .go_btn .long_btn span{ font-size:1em; line-height:1} .go_btn .long_btn span span{ font-size:0.875em; display:block; height:14px} .description{ position:absolute; top:100%; left:0;background-color:#fff; font-size:14px;padding:4px 20px;width:552px;box-shadow:0 3px 8px rgba(0,0,0,0.39);width:100%;z-index:98;max-height:0;overflow:hidden;opacity:0;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} .description.show, .popover_content.show{padding:12px 16px; max-height:100em;opacity:1} .sp_label, .bf_label, .cm_label, .bts_label, .new_label, .sc_label, .xmas_label, .exclusive_label, .mom_label, .tg_label{ position:absolute; top:-2px; left:128px; height:20px; line-height:20px; display:inline-block; padding:0 8px; min-width:60px; text-align:center; font-size:12px; color:#fff; font-weight:500; *box-shadow:0 0 5px rgba(0,0,0,0.26)} .sc_label{background-color:#F66;left: 25px;} .bf_label{ background-color:#000} .bts_label{ background-color: #086165;} .cm_label{ background-color:#00c} .new_label{ background-color:#0C0} .xmas_label{ background-color:#d60200} .exclusive_label{ background-color:#691b96} .mom_label{ background-color:#020960} /*.mom_label{ background-color:#f8a692}*/ .tg_label{ background-color: #B54730 } .pro_img{ width:7.5em; height:6em; margin:0 0.5em 0 -8em; float:left; text-align:center; vertical-align:middle; display:block} .list_coupons .pro_deal{ padding:1.5em 3em 1.5em 2.5em !important;} .pro_deal .pro_img{ width:9em; height:6em; margin-left:-10em !important; position: static !important;} .pro_img img{ max-width:95%; max-height:100%} .list_coupons .pro_deal .details.less{ color:#757575; font-size:14px; line-height:1.285; max-height:20px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; margin-bottom:8px; white-space:inherit} .pro_deal .buy_now{ right:40px; bottom:24px} .price_shop span{ display:inline-block; margin-right:32px; line-height:36px} .price_now{ font-size:1.5em; color:#ff9800!important} .price_old{ text-decoration:line-through; color:#757575} .tools_mod{ width:100%; background-color:#f4f4f4; margin-bottom:16px} .tools_mod article{ width:50%; padding:0 2em; float:left; position:relative} .tools_mod article:first-child::after{ content:""; position:absolute; display:block; height:80%; top:10%; right:0; width:1px; background-color:#e5e5e5 } .newsletter_wrap, .app_wrap, .couponalert_wrap{ padding:1.25em 0 1em 7em; position:relative; min-height:11em} .newsletter_wrap i,.app_wrap i, .couponalert_wrap i{ position:absolute; display:block; width:94px; height:112px; line-height:112px; font-size:8em; left:0; top:50%; margin-top:-56px; color:#f66; display:inline-block;} .newsletter_wrap p, .app_wrap p, .couponalert_wrap p{ margin-bottom:8px; line-height:1.2; font-size:1em; color:#666} .newsletter_wrap .title, .app_wrap .title, .couponalert_wrap .title{ font-size:1.75em; line-height:1.5; color:#ff6666; margin-bottom:6px; text-transform:capitalize} .bottom_form form{ padding:0 7em 0 0; position:relative} .bottom_form form .color_button{ position:absolute; right:0; bottom:0; width:6.25em; margin:0; padding:0; text-align:center} .bottom_form .red{ position:absolute; top:100%; left:0; box-shadow:0 2px 2px rgba(0,0,0,0.2); font-size:14px; width:100%; margin:0; padding:0.2em 0; background-color:#fff; text-indent:1.25em; z-index:98} .bottom_form .red p{ margin-bottom:0} .newsletter_wrap .color_button, .newsletter_wrap .bar, .newsletter_wrap .highlight{ background-color:#f66 } .after_subscribe p{ font-size:1em; margin:1.75em 0 1em 0} .couponalert_wrap i{ color:#c96; font-size:5.875em} .couponalert_wrap .title, .couponalert_wrap input:focus ~ .placeholder{ color:#c96} .couponalert_wrap .color_button, .couponalert_wrap .bar, .couponalert_wrap .highlight{ background-color:#c96} .app_wrap i{ font-size:5em; color:#0077cc} .app_wrap .title{ color:#0077cc} .app_wrap .color_button{ background-color:#0077cc; width:6.25em; margin-top:10px} .app_wrap:before, .app_wrap:after{ content:""; position:absolute; right:-14px; height:2px; width:14px; background-color:#888; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:50%; margin-top:-5px} .app_wrap:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:4px} .searches_categories{ margin-bottom:48px} .searches_categories section{ width:50%; float:left} .searches_categories section:last-child{ padding-left:32px} .searches_categories ul{ margin-bottom:16px; max-height:9999px; overflow:hidden; -moz-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; transition:all 0.3s ease-in} .searches_categories ul.less{ max-height:216px} .searches_categories .hot_searches li, .searches_categories .categories li{ list-style:none; width:33.333%; float:left; padding-right:16px; height:36px; line-height:36px} .searches_categories .hot_searches li a, .searches_categories .categories li a{ font-size:14px; line-height:36px; max-width:100%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block} .searches_categories .categories li{ width:50%} .searches_categories .categories li i{ display:inline-block; margin-right:14px; vertical-align:middle; font-size:0.75em;-webkit-text-size-adjust:none} .ca_1, .ca_8, .ca_20, .ca_32, .ca_41, .ca_52, .ca_63, .ca_73, .ca_78, .ca_93, .ca_101, .ca_113, .ca_121, .ca_128, .ca_132, .ca_139, .ca_146, .ca_158, .ca_165, .ca_175, .ca_184, .ca_193, .ca_198, .ca_202, .ca_213{ width:2em; height:2em; background: url(../imgv4/category.png?v=2023072545) 0 0 no-repeat; background-size:8em 14em} .ca_1{ background-position: 0 0} .ca_8{ background-position: -2em 0} .ca_20{ background-position: -4em 0} .ca_32{ background-position: -6em 0} .ca_41{ background-position: 0 -2em} .ca_52{ background-position: -2em -2em} .ca_63{ background-position: -4em -2em} .ca_73{ background-position: -6em -2em} .ca_78{ background-position: 0 -4em} .ca_93{ background-position: -2em -4em} .ca_101{ background-position: -4em -4em} .ca_113{ background-position: -6em -4em} .ca_121{ background-position: 0 -6em} .ca_128{ background-position: -2em -6em} .ca_132{ background-position: -4em -6em} .ca_139{ background-position: -6em -6em} .ca_146{ background-position: 0 -8em} .ca_158{ background-position: -2em -8em} .ca_165{ background-position: -4em -8em} .ca_175{ background-position: -6em -8em} .ca_184{ background-position: 0 -10em} .ca_193{ background-position: -2em -10em} .ca_198{ background-position: -4em -10em} .ca_202{ background-position: -6em -10em} .ca_213{ background-position: 0 -12em} .view_more{ font-size:14px; color:#159f86; cursor:pointer; font-weight:400; margin-left:-1em; margin-right:0} .view_more i{ font-size:20px; margin-left:2px; font-weight:500} /*merchant page css*/ .breadcrumbs{ font-size:12px; color:#fff; opacity:0.7; clear:both} .breadcrumbs a{ color:#fff} .breadcrumbs div{ display:inline-block} .mer_page{ padding-left:32px; padding-bottom:16px; width:77%; float:right} .merchant_key{ margin-bottom:0; padding:1em 0; vertical-align: text-bottom} .merchant_key .gray{ font-size:1.25em; margin-left:2px; color:#999} .merchant_key h1,.merchant_key h2{ display:inline; padding:0} .merchant_key h1, .mer_page .merchant_key h1+.gray{ color:#fff; font-size:1.75em} .merchant_key .store_wrap{ width:80px; height:80px; border:none; background-color:#fff; border-radius:2px; float:left; margin:0 16px 16px 0 } .merchant_key .store_wrap .m_logo{ padding:8px} .merchant_key .store_wrap .flag{ top:0} .merchant_key .button{ margin-top:4px; color:#fff; margin-left:-16px; font-weight:400; text-transform:inherit; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .merchant_key .flag{ font-size:12px; vertical-align:baseline} .freeshipping_tips{ float:right; margin-top:-85px; font-size:14px; color:#fdebd4; text-transform:uppercase} .freeshipping_tips i{ margin-right:5px} .filter_lists{ margin-bottom:1.125em; background:#159f86; border-bottom:1px solid rgba(255,255,255,0.3)} .filter_lists li{ list-style-type:none; display:inline-block; float:left; margin:0.125em 30px 0 0; line-height:2em; height:2em; cursor:pointer; padding:0 1.5em; box-sizing:border-box; color:rgba(255,255,255,0.8); border-radius:2px; font-size:15px} .filter_lists li span{ width:30px; height:16px; line-height:16px; border-radius:8px; background-color: rgba(255,255,255,0.3); color:rgba(255,255,255,0.8); font-size:12px; text-align:center; display:inline-block; float:right; margin-top:7px; margin-left:6px} .filter_lists li.checked, .filter_lists li:hover{ background-color:#fff; color:#666} .filter_lists li.checked span, .filter_lists li:hover span{ background-color:#159f86; color:#fff} .only_tablet{ display:none} #select_coun{ height:2em; margin:1em 0 -8px 0; display:block} .select_country{color:#fff; margin:0; font-size:0.875em; -moz-transition:-moz-transform 0.3s ease; -ms-transition:-ms-transform 0.3s ease; -o-transition:-o-transform 0.3s ease; -webkit-transition:-webkit-transform 0.3s ease; transition:transform 0.3s ease } .select_country .button{ margin:0 8px 0 0; color:#fff;font-weight:400; text-transform:inherit} .select_country .button i{ margin-right:0.25em; font-size:0.75em} .select_country.fixed{ position:fixed; top:-56px; left:50%; background-color:rgba(9,143,119,0.9); box-shadow:0 1px 9px rgba(0,0,0,0.54); padding:0; z-index:99; border-radius:0 0 2px 2px; -moz-transform:translate(0,56px); -ms-transform:translate(0,56px); -o-transform:translate(0,56px); -webkit-transform:translate(0,56px); transform:translate(0,56px)} .select_country.fixed span{ display:none} .select_country.fixed .button{ background-color:transparent; margin:0} .no_result{ font-size:1.5em; color:#fff; line-height:2; margin-bottom:2.5em; opacity:.8; font-style:italic} .no_result .tips{ font-size:15px; line-height:1.2; display:block; margin-top:0.25em; color:#fff} .google_ads+.list_coupons #no_result .no_result, .google_ads+.list_coupons #no_result .no_result .tips, #select_coun~.list_coupons #no_result .no_result, #select_coun~.list_coupons #no_result .no_result .tips, .list_deal ~ .list_coupons #no_result .no_result, .list_deal ~ .list_coupons #no_result .no_result .tips{ color:#666} #select_coun~.list_coupons #no_result{ margin:3em 0} .list_coupons .offer_list_item{ list-style:none; width:100%; margin-bottom:12px} .list_coupons .offer_list_item:last-child{ margin-bottom:16px} .list_coupons .best_recommend{ width:12em; background:#ec7357; position:absolute; top:0; right:0; color:#fff; font-size:15px; text-align:center; padding-right:1em} .list_coupons .best_recommend i{ background-position: -4em -16.875em; width:2.25em; height:2.5em; display:inline-block; position:absolute; right:-12px; top:-12px; font-size:20px} .list_coupons .best_recommend:before{ content:""; position:absolute; top:0; left:-12px; border:11px solid #ec7357; border-left-color:transparent} .list_coupons .coupon_wrapper{ padding:1.375em 13.75em 0.85em 126px; box-shadow: 0 1px 6px rgba(0,0,0,0.16); border:none; position:relative; min-height:140px} .list_coupons .coupon_wrapper.has-img{ padding-left:136px} .list_coupons .coupon_wrapper.has-img .m_logo a{ padding:0} .list_coupons .coupon_wrapper .m_logo{ width:120px; float:left; height:5em; padding:0; position:absolute; top: 28px; left: 8px} .list_coupons .coupon_wrapper div.bf1808{ max-height:2.46em; margin-bottom:12px; font-size:1.5em; line-height:1.2em; height:auto; max-width:18em;} .list_coupons .coupon_wrapper div.bf1808 span{ font-size:1.2em; color:#333!important} .list_coupons .coupon_btn div.bf1808 a:hover{ color:#e80} .list_coupons .deal_btn div.bf1808 a:hover{ color:#28e} .list_coupons .detailsD, .left_product .details, .pro_deal .details{ font-size:14px; line-height:1.3; margin-bottom:6px; position:relative; cursor:pointer} .list_coupons .detailsD.detailE{ overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; max-height:38px} .list_coupons .nodescN .detailsD.detailE{ display: none; } .list_coupons .detailF{ display: none; } .list_coupons .go_btn{ bottom:50%; margin-bottom:-1.25em; width:17.75em; font-size:0.9em} .list_coupons .go_btn .get_deal{ width:63%} .list_coupons .cou_verified{ color:#159f86; font-size:12px; margin-bottom:2px; text-transform:uppercase; position:absolute; right:72px; bottom:16px} .list_coupons .cou_verified i{ margin-right:3px; font-size:14px; vertical-align:inherit} .list_coupons .cou_verified.cou_verified_date{ right: 34px; } .list_coupons .pro_img{ position: absolute; left: 0.5em; top: 28px; margin-left: 0; } .list_coupons .verfied_top{ top:30px!important;} .list_coupons .verfied_btn{ top:15%!important;} .verified_screenshot{ width: 150%!important; cursor: -moz-zoom-in;cursor: -webkit-zoom-in;cursor: zoom-in;} .verify_detail_pop{text-align: center;margin-top: 100px;} .promo_infor{ position:absolute; width:78px; height:94px; padding-bottom:16px; top:28px; left:24px; border:1px solid #e5e5e5; opacity:0.8; border-radius:3px} .expired .promo_infor{ border:1px solid #e5e5e5!important} .coupon_btn .promo_infor{ border-color:#ff9800} .deal_btn .promo_infor{ border-color:#39f} .coupon_btn .offer{ color:#ff9800!important} .deal_btn .offer{ color:#39f!important} .expired .offer{ color:#757575!important} .cou_property{ width:100%; height:22px; line-height:1.9; position:absolute; bottom:0; left:0; display:block; text-align:center; font-size:12px; color:rgba(255,255,255,0.85); text-transform:uppercase; font-weight:600} .expired .cou_property{ background-color:#a3a3a3!important} .coupon_btn .cou_property{ background-color:#ff9800} .deal_btn .cou_property{ background-color:#39f} .offer{ margin-top:1em; text-transform:uppercase; text-align:center; position:relative} .freeshipping, .sitewide{ font-size:1.375em; line-height:1.3; font-weight:700} .row{ font-size:1em; line-height:2.5; font-weight:500} .freeshipping span{ font-size:0.6em; display:block; letter-spacing:-0.2px; line-height:0.8; font-weight:700} .smaller_text { font-size:0.4em; display:block; letter-spacing:-0.2px; font-weight:400} .from_money{ font-size:14px; font-weight:700} .from_money span{ display:block; font-size:1.5em; line-height:0.65} .m_currency span{ display:block; font-size:1em; text-transform:none} .percent{ font-size:1.5em; letter-spacing:-1px; line-height:1; font-weight:700} .percent span{ font-size:0.75em; display:block; letter-spacing:0; line-height:0.7} .offer .point{ font-size:0.5em; vertical-align:super; display:inline-block} .sitewide span{ font-size:0.875em; display:block; letter-spacing:-1px; line-height:0.7} .clearance{ font-size:12px; line-height:3.5} .i_other{ font-size:2.5em; line-height:1; -moz-transform:rotatey(180deg); -ms-transform:rotatey(180deg); -o-transform:rotatey(180deg); -webkit-transform:rotatey(180deg); transform:rotatey(180deg)} .c_tools{ position:absolute; top:0; right:0; height:36px; width:72px; text-align:right} .c_tools span{ width:36px; height:36px; display:inline-block; font-size:1.625em; line-height:36px; text-align:center; color:rgba(0,0,0,0.12); cursor:pointer} .c_tools span:hover, .c_tools span.on, .c_tools span.on:hover{ color:#159f86; opacity:1} .c_tools span:hover{ opacity:0.5} .c_tools .icon-envelope-alt{ font-size:1.125em} .c_tools_content{ position:absolute; z-index:99; background-color:#fff; min-height:120px; width:100%; top:100%; right:0; padding:16px 24px; box-shadow:0 2px 12px rgba(0,0,0,0.39) } .c_tools_content .title{ font-size:1.25em; color:#333; line-height:1; margin-bottom:0; font-weight:400} .c_tools_content form{ padding:0 5.625em 0 0; position:relative} .c_tools_content form button{ position:absolute; top:0.75em; right:0} .c_tools_content .tips{ font-size:0.75em; font-weight:400; line-height:1.2; color:#747474; margin:-4px 0 0 0} .c_tools_content form .red{ font-size:0.875em; margin:0} .send_success{ margin-top:1em} .send_success i, .c_tools_content .tips a{ color:#159f86; margin-left:4px} .google_ads{ width:100%; margin-bottom:16px} .wrapper2, .aside_wrap{ margin-bottom:16px; background-color:#fff; box-shadow: 0 1px 6px rgba(0,0,0,0.06); border-radius:2px} .wrapper2{ padding:0 32px 16px 32px; margin-bottom:32px; box-shadow: 0 1px 6px rgba(0,0,0,0.16)} .list_coupons+.wrapper2{ margin-top:32px} .wrapper2+h2, .wrapper2+.merchant_key{ margin-top:-16px} .wrapper2 .couponalert_wrap, .wrapper2 .newsletter_wrap{ min-height:9.375em; padding-top:1.75em; margin-bottom:-1em} .wrapper2 .couponalert_wrap i{ font-size:5em} .wrapper2 .couponalert_wrap .title{ font-size:1.375em; line-height:1.2; margin-bottom:16px} .wrapper2 .after_subscribe p{ margin-top:1.25em} .art_content{ padding:0} .art_content h4{ font-size:1.125em; line-height:1.5; margin:0 0 0.35em 0; padding:0; color:#333} .art_content p{ clear:both; font-size:13px} .art_content p img, .art_content p iframe{ max-width:640px; margin:0 auto 32px auto; display:block} .art_content img.fleft{ margin:8px 24px 20px 0; max-width:200px} .art_content a{ color:#159f86} .art_content ul, .art_content ol{ margin-left:26px; clear:both; margin-bottom:16px} .art_content ul li, .art_content ol li{ margin-bottom:8px; font-size:13px} .art_content table{border-collapse:collapse;width:100%} .art_content table,.art_content th,.art_content td{border-bottom: 1px solid #39f; text-align: left!important; font-size: 14px;} .art_content table tr>td {width: 68%} .art_content th{font-weight: 600;} .faq_content .title{ margin:0; padding-bottom:2px; font-size:1.0625em; color:#666; font-weight:600} .faq_content a{text-decoration:underline } .anchor_positioning{ margin-top:-72px; float:left} .loading {text-align:center; margin-bottom:2em; clear:both} .loading button{ font-weight:400; margin:0} .loading img {width:3.75em; height:1.875em} .page_aside{ width:23%; float:left; padding-top:16px; padding-bottom:16px} .page_aside .breadcrumbs, .page_aside .breadcrumbs a{ color:#000} .aside_wrap{ padding:8px 16px 16px 16px;} .aside_wrap h3,.aside_wrap h2{ font-size:15px; font-weight:500; line-height:1.5; padding:0.4em 0; color:#333} .aside_wrap h2{ font-size:15px;overflow:hidden; word-break:break-word; box-sizing:border-box} .icon-shopping, .icon-store{ width:22px; height:26px; display:inline-block; vertical-align:bottom; background-position:-6.65em -16.875em; margin-right:5px} .icon-store{ background-position:-8em -16.875em} .merchant_wrap{ padding:16px; text-align:center} .merchant_wrap .store_wrap{ height:136px!important; width:100%; border:none} .store_wrap .flag{ position:absolute; top:-16px; left:0; font-size:1.25em} .flag{ width:2.25em; height:1.375em; display:inline-block; vertical-align:middle} .flag.ca{ background-position:-14.75em -1.75em} .flag.us{ background-position:-17.375em -1.75em} .merchant_wrap h2{ font-size:1em; line-height:1.2; color:#333;text-align:center;overflow:hidden; word-break:break-word; box-sizing:border-box} .merchant_wrap .button{ margin:0 0 12px 0; font-weight:400; text-transform:inherit; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .merchant_description{ font-size:13px; text-align:left; line-height:20px; margin:8px 0; position:relative; cursor:pointer; color:#757575;max-height:999px; -moz-transition:max-height 0.3s ease; -ms-transition:max-height 0.3s ease; -o-transition:max-height 0.3s ease; -webkit-transition:max-height 0.3s ease; transition:max-height 0.3s ease} .merchant_description.less{ max-height:104px; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis} .merchant_description a{ color:#159f86} .tag_decs strong{ font-weight:400} .merchant_btn{ position:relative; padding:0; z-index:1; margin:0 -16px -16px -16px} .merchant_btn li{ list-style:none;width:100%; line-height:2.5em; position:relative; border-top:1px solid rgba(0,0,0,0.06)} .merchant_btn li a{ display:block; padding:0 16px; color:#666; text-align:left; line-height:36px; position:relative; overflow:hidden; font-size:14px; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .merchant_btn li a:hover{ background-color:rgba(0,0,0,0.04)} .merchant_btn li a.on, .merchant_btn li a.on .icon-submit{ color:#159f86} .merchant_btn li i{ font-size:1.25em; margin-right:14px} .merchant_btn li .icon-submit{ color:#777} .merchant_btn li .icon-angle-down{ margin-left:1em} .merchant_btn li .icon-angle-down.up{ -moz-transform:rotate(-180deg); -ms-transform:rotate(-180deg); -o-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); transform: rotate(-180deg)} .submit_coupon_block{ margin-top:1.5em;} .submit_coupon_block input, .submit_coupon_block textarea{ border:1px solid rgba(0,0,0,0.26); border-radius:2px; font-size:12px; color:#666; margin-bottom:1em; padding:0.5em 0 0.5em 16px; line-height:2em; width:100%} .submit_coupon_block textarea{ line-height:1.3; padding-top:12px} .submit_coupon_block .red_outline{ border:1px solid #ee0c0c} .submit_coupon_block form .red{ text-align:left; font-size:12px} .submit_coupon_block .color_button{ width:100%; text-transform:uppercase} .s_rate p{ font-size:12px} .rate_content{ width:14.55em; height:2.5em; margin:12px auto; position:relative; padding:0; text-align:left; font-size:0.75em} .rate_content,.rate_content:before,.rate_content span{ background:url(../imgv4/star.svg?v=2023072545) 0 -2.5em no-repeat; background-size:15em 5em} .rate_content:before{ content:""; height:2.5em; display:inline-block; position:absolute; top:0; left:0; background-position:0 0} .rate_content.rate_0:before{ width:0} .rate_content.rate_0_5:before{ width:1.25em} .rate_content.rate_1:before{ width:3em} .rate_content.rate_1_5:before{ width:4.25em} .rate_content.rate_2:before{ width:6em} .rate_content.rate_2_5:before{ width:7.25em} .rate_content.rate_3:before{ width:9em} .rate_content.rate_3_5:before{ width:10.25em} .rate_content.rate_4:before{ width:12em} .rate_content.rate_4_5:before{ width:13.25em} .rate_content.rate_5:before{ width:14.5em} .rate_content span{ width:2.5em; height:2.5em; display:none; margin:0 0.5em 0 0; float:left; cursor:pointer; position:relative; z-index:2} .rate_content span.on{ background-position:0 0} .rate_content:hover span, .rate_content span.on, .rate_content.rated span{ display:inline-block} .rate_content span:last-child{ margin-right:0} .filter_content label{ cursor:pointer; line-height:36px; height:36px; display:block; font-size:15px; position:relative} .filter_by_stores label{white-space:nowrap; text-overflow:ellipsis; overflow:hidden} .filter_content label input[type="checkbox"]{ display:inline-block; margin-right:6px; border:inherit; background-color:inherit; -webkit-appearance:checkbox; vertical-align:baseline} .filter_content label span{ width:32px; height:18px; line-height:18px; border-radius:9px; background-color:rgba(0,0,0,0.06); color:#159f86; font-size:12px; text-align:center; display:inline-block; float:right; margin-top:11px} .filter_content~button[type="reset"]{ margin:0 0 0 -16px; font-weight:400} .filter_search{ padding-right:36px; position:relative; font-size:0.75em} .filter_search input[type="text"]{ font-size:15px; height:36px; line-height:36px; padding:0} .filter_search button{ position:absolute; bottom:0; right:0; margin:0; width:36px; padding:0; font-size:16px} .f_search_item{ padding:0 6px 0 16px; display:inline-block!important; margin-right:6px; background-color:rgba(0,0,0,0.06); border-radius:2px; line-height:32px!important; height:32px!important; margin-bottom:16px} .f_search_item .closed{ font-size:0.75em; top:inherit; display:inline-block; position:relative; top:inherit; vertical-align:middle} .filter_by_stores.less{ max-height:220px; padding-right:18px; overflow-y:hidden} .filter_by_stores{ max-height:260px; overflow-y:auto; margin-right:-16px; padding-right:18px} .aside_filter{ top:0; -moz-transition: top 0.3s ease; -webkit-transition: top 0.3s ease; transition: top 0.3s ease} .aside_filter.fixed{ position:fixed; top:72px; width:21.5%; max-width:240px} .aside_wrap .grid_stores{ margin:0; position:relative; padding-top:8px} .aside_wrap .grid_stores:after, .aside_wrap .grid_stores:before{ content:""; height:1px; width:100%; background-color:#fff; display:block; position:relative; left:0; bottom:1px; z-index:1} .aside_wrap .grid_stores:before{ height:100%; width:1px; position:absolute; top:0; right:0; left:inherit } .aside_wrap .grid_stores li{ width:50%; float:left; padding:0; margin:0; border-bottom:1px solid #f4f4f4;border-right:1px solid #f4f4f4} .aside_wrap .store_wrap{ height:80px; border:none} .aside_wrap .grid_stores .m_logo a{ padding:8px} .aside_wrap .grid_stores .m_link{ font-size:12px} .i_cat{ text-align:center; font-size:12px; line-height:1.4} .i_cat i{width:2em;height:2em; display:inline-block;margin:0.75em 0 0 0; font-size:1.25em} .aside_wrap .list_coupons li{ list-style:none; padding:16px 0; margin:0; min-height:5em; border-bottom:1px solid #f4f4f4} .aside_wrap .list_coupons .m_logo{ width:4em; margin-left:0; height:3em; margin-right:16px; float:left; padding:0} .aside_wrap .list_coupons p{ font-size:14px; line-height:1.2; margin:0; max-height:51px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis;} .text_lists{margin-right:-16px; max-height:9999px; overflow:hidden; -moz-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; transition:all 0.3s ease-in} .text_lists.less{ max-height:420px} .text_lists li{ list-style:none; font-size:13px; height:28px; line-height:28px} .wrapper2 .text_lists li{ width:25%; float:left; padding-right:8px} .text_lists li a{ max-width:100%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block} .text_lists li a:hover{ text-decoration:underline} .text_lists~.view_more{ font-size:13px} .aside_wrap.banner{ padding:0} .aside_wrap.banner img{ max-width:100%; margin-bottom:16px} .aside_wrap.banner a:last-child img{ margin:0} .sns p{ font-size:13px; padding:8px 0 0 0; color:#333; margin-bottom:8px} .sns .sns_box{ max-height: 36px; overflow: hidden; } .sns .sns_box li{ width:auto; margin-right:6px; list-style:none; float:left; height:36px; line-height:36px; } .sns .sns_box a{font-size:2em; display:inline-block} .sns .sns_box .icon-sns-facebook,.tweets_content .icon-sns-facebook{color:#5d82d1} .sns .sns_box .icon-sns-twitter,.tweets_content .icon-sns-twitter{ color:#40bff5} .sns .sns_box .icon-google-plus{ color:#eb5e4c} .sns .sns_box .icon-pinterest{ color:#e13138} .sns .sns_box .icon-sns-linkedin{ color:#2d7bbd} .sns .sns_box .icon-sns-youtube{ color:#bd0000} .sns .sns_box .icon-sns-snapchat{ color:#ffe600} .sns .sns_box .icon-sns-instagram{ color:#4a64da} .sns .sns_box .icon-sns-tumblr{ color:#395976} .tweets_content li{ list-style:none; border-bottom: 1px solid rgba(0,0,0,0.06); margin:0; padding:16px 0 10px 0; position:relative} .tweets_content li:last-child{ border:none} .tweets_content p{ cursor:pointer; margin-bottom:0.25em; font-size:13px} .tweets_content p.less{ max-height:104px; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis} .tweets_content .title{ font-size:15px; line-height:1.2; margin:0 0 8px 0; border-bottom:none; padding:0} .merchant_info_box{ font-size: 0.8em; margin-left: 1.2em} .merchant_info_box li{ padding-bottom: .5em; word-break:break-word;} .about-merchant-stats{ width:100%; text-align: left; font-size: 13px;} .about-merchant-stats .about-merchant-data{ text-align: right; } .popover_wrap{ position:relative; margin-top:10px} .popover_wrap a{ color:#159f86; font-size:14px; text-decoration:underline} .popover_content{ position:absolute; top:30px; left:0px; background-color:#fff; font-size:14px; box-shadow:0 2px 10px rgba(0,0,0,.2); border-radius:2px; border:1px solid #dadada; border-color: rgba(0,0,0,.2); box-shadow:0 2px 10px rgba(0,0,0,.2); width:100%; z-index:98; max-height:0; opacity:0; -moz-transition:all .3s ease; -webkit-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease} .search_deal{ background-color:#fff;background-image:url(../imgv4/search-mage.svg?v=2023072545); background-repeat:no-repeat; width:100%; min-height:150px; background-position:left bottom; box-shadow: 0 1px 6px rgba(0,0,0,0.16); border-radius: 2px; cursor:pointer; margin-bottom:12px; padding:0em 13.75em 0.5em 10.512em; display:block; position:relative} .search_deal_title{ font-size:1.375em; color:#333; padding-top:1em; margin-bottom:6px; line-height:1.1} .search_deal_tips{ font-size:16px; color:#666; position:relative} .search_deal_tips i{ font-size:15px} .search_deal .go_btn{ bottom:50%; margin-bottom:-1.25em; width:13.75em; font-size:.9em} .search_deal:hover .icon-circle-arrow-right{ -moz-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; transition:all 0.3s ease-in; webkit-transform:translatex(5px);-moz-transform:translatex(5px);-ms-transform:translatex(5px);-o-transform:translatex(5px);transform:translatex(5px)} .list_deal article{ list-style:none; width:100%; margin-bottom:16px; border-radius:2px; border:1px solid #e2e2e2} .list_deal .deal_wrapper{ background-color:#fff; padding:1.5em 1.5em; position:relative; box-shadow:0 1px 6px rgba(0,0,0,0.16)} .list_deal .deal_wrapper h3{ margin-bottom:15px; font-size:1.25em; line-height:1.3em; color:#159f86; font-weight:500} .list_deal .deal_wrapper h3:hover{ color:#159f86} .list_deal .deal_wrapper p{ color:#555; font-size:14px; margin-bottom:2px} .list_deal .deal_wrapper p a{ color:#00a086} .list_deal .deal_wrapper p strong{ font-weight:600} .list_deal .deal_content{ margin-left:14em; position:relative} .list_deal .deal_content .view_more{ margin-left:0; margin-bottom:1em} .list_deal .deal_text{ max-height:9999px; overflow:hidden; -moz-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; transition:all 0.3s ease-in} .list_deal .deal_text.less{ max-height:88px} .list_deal .deal_content ul, .list_deal .deal_content ol{ margin-left:18px} .list_deal .deal_content ul li, .list_deal .deal_content ol li{ color:#666; font-size:14px} .list_deal .deal_content ul li strong, .list_deal .deal_content ol li strong{ font-weight:600} .list_deal p.code_tips{ font-size:1em; margin-top:0.35em} .list_deal p.code_tips strong{ color:#ff0000} .list_deal .go_btn{ position:absolute; bottom:0; right:0; z-index:1} .list_deal .go_btn .get_deal{ width:9.2em; height:2.1em; line-height:1.7; background-color:#01a98e; font-size:1.125em; text-align:center; color:#fff; right:0} .list_deal .go_btn .get_deal:hover{ background-color:#13937b} .list_deal .go_btn .icon-angle-right{ font-size:1.125em; margin-left:0.75em; vertical-align:inherit} .list_deal .get_deal:before, .list_deal .get_deal:after{ display:none} .list_deal .deal_wrapper .shipping{ color:#333} .list_deal .pro_img{ width:12.5em; height:12.5em; float:left; text-align:center; vertical-align:middle; display:block; margin:0} .list_deal .pro_img img{ max-width:100%; max-height:100%} .list_deal .price_shop{ margin-top:0.45em; margin-bottom:-0.5em} .list_deal .price_shop span{ display:inline-block; margin-right:12px; line-height:36px} .list_deal .price_now{ font-size:1.5em; color:#cc0000!important} .list_deal .price_old{ text-decoration:line-through; color:#999} .list_deal .time_success{ height:1.875em; line-height:1.875em; overflow:hidden; position:relative; list-style:none; margin-top:1em; padding-right:9.2em; margin-left:0!important} .list_deal .time_success li{ margin:0 12px 0 0; display:inline-block; font-size:12px!important; letter-spacing:0.5px; color:#999!important; width:auto!important; padding:0!important} .list_deal .time_success li a{ color:#999} .list_deal .time_success li a:hover{ color:#666} .list_deal .expired_label{ position:absolute; top:20px; left:-1px; z-index:1; height:22px; line-height:22px; display:inline-block; padding:0 10px; min-width:60px; text-align:center; font-size:12px; color:#fff; font-weight:500; background:#93b0b6} .list_deal_title h2{ color:#fff} .list_deal ~ .merchant_key h1, .list_deal_title_color h2{ color:#333} .list_deal ~ .merchant_key .gray{ color:#999 !important} .left_product{ padding:8px 16px 0 16px} .left_product article{ position:relative; padding:12px 0 2em 0; margin-bottom:10px; border-bottom:1px solid rgba(0,0,0,0.06)} .left_product article:last-child{ border-bottom:none} .left_product .pro_img{ width:100%; height:8em; margin:0 0 16px 0} .left_product h3{ font-size:16px; line-height:1.3em; margin-bottom:0.25em} .left_product .details.less{ overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; max-height:58px} .left_product .price_shop{ margin-top:0.85em} .left_product .price_shop span, .pro_deal .price_shop span{ font-size:1em; line-height:1.8} .left_product .price_now, .pro_deal .price_now{ color:#333 !important} .left_product .price_sp{ color:#ee0101 !important} .list_coupons .price_sp{ color:#ee0101 !important} .left_product .price_old, .pro_deal .price_old{ text-decoration:line-through; color:#999 } .buy_now{ border:1px solid #01a98e; color:#01a98e; position:absolute; bottom:30px; right:0; height:32px; width:6.25em; line-height:30px; text-align:center} .see_next{ float:right; font-size:14px; color:#159f86; margin-top:8px} .see_next i{ margin-right:5px} .product_ranked{ position:absolute; max-height:0; max-width:0; overflow:hidden} .product_rank{ width:100%} .product_rank:hover .product_ranked{ max-height:9999px; max-width:9999px; z-index:1; overflow:inherit} .product_ranked ul{ background:#fff; border-radius:2px; border:1px solid #dadada; border-color: rgba(0,0,0,.2); box-shadow:0 2px 10px rgba(0,0,0,.2)} .product_ranked ul li a{ font-size:14px; color:#666; padding:10px 26px 10px 16px; display:block} .product_ranked ul li{ list-style:none} .product_ranked ul li .on{ color:#159f86} .product_ranked ul li:hover{ background-color:rgba(0,0,0,0.06)} .gb_lb{ border-color:transparent; border-style:dashed dashed solid; border-width:0 8.5px 8.5px; position:absolute; left:48px; z-index:1; height:0; width:0; border-bottom-color:#ccc; border-bottom-color:rgba(0,0,0,.2); top:-8px} .gb_kb{ border-color:transparent; border-bottom-color:#fff; border-style:dashed dashed solid; border-width:0 8.5px 8.5px; position:absolute; left:48px; top:-7px; z-index:1; height:0; width:0} .right_product{ margin-bottom:0.6em} .right_product h2{ padding:0.7em 0 0.3em 0} .right_product .see_next{ margin-top:1.5em} .right_product_list .pro_deal{ padding:1.5em 3em 1.5em 11.5em !important} .right_product_list h3{ color:#333; margin-bottom:8px} .merchant_response{ display:none} .merchant_response h2{ color:#fff} .pagination{ display:flex; flex-direction:column; justify-content:center; align-items:center; margin:1em 0} .pagination ul li{list-style:none; float:left; padding:0 4px; color:#159f86} .pagination ul li i{ vertical-align:inherit} .pagination ul li a{ color:#159f86} .pagination ul li span{ color:#666} .pagination .active{ color:#666; border-radius:30px; padding:1px 8px; margin:0 8px;} .pagination .previous{ margin-right:2em} .pagination .next{ margin-left:2em} .pagination .inactive {color: gray!important;} .taginfo {color: black!important;} footer{width:100%; background-color:#159f86} .as_seen_on{ padding:0 0 24px 0; background-color:rgba(0,0,0,0.10)} .as_seen_on .title{ padding:16px 0; font-size:1.125em; color:#fff; margin:0} .public_media{ text-align:center} .public_media span{ font-size:3.125em; display:inline-block; width:14%; text-align:center; color:rgba(255, 255, 255, 0.26)} .map li{ list-style:none; width:25%; float:left; font-size:14px} .map{ padding:24px 0; border-bottom:1px solid rgba(255,255,255,0.1)} .map li ul li{ float:none; width:100%; line-height:30px} .map li ul li a{ color:#fff; line-height:30px} .footer_wrap{ padding:24px 0 0 0} .footer_wrap div{ width:30%; float:right; color:#fff } .footer_wrap p{ font-size:14px} .footer_wrap .copyright{ width:70%; padding-right:32px; float: left;} .copyright .logo{ display:inline-block; font-size:0.75em; position: inherit} .footer_wrap .follow_us{ padding-right:16px; margin-bottom:20px} .social li{ list-style:none; width:25%; height:2.5em; float:left; position:relative} .social a{ width:40px; height:40px; background-color:#fff; display:inline-block; border-radius:50%; font-size:2.125em; color:#159f86!important; line-height:40px; text-align:center; position:relative; z-index:1} .social a:hover{ color:#fff!important; background-color:transparent} .social a:after {content:""; height:100%; width:100%; border-radius:50%; pointer-events:none; position:absolute; left:0; padding:2px; top:0; z-index:-1; box-sizing:border-box; opacity:0; transform:scale(1.3); transition:transform 0.2s ease 0s, opacity 0.3s ease 0s} .social a:hover:after { opacity:1; transform:scale(1)} .social .icon-facebook:after{ background-color:#5d82d1} .social .icon-twitter:after{ background-color:#40bff5} .social .icon-google-plus:after{ background-color:#eb5e4c} .social .icon-googleaccount:after{ background-color:#176ced} .social .icon-pinterest:after{ background-color:#e13138} .social .icon-yahooaccount:after{ background-color:#ab47ac} .social a span{ display:none} .footer_wrap .international{ margin-top:32px} .country{ padding-bottom:10px; text-align:right} .country li{ overflow:hidden; height:40px; line-height:40px; margin-right:12px; display:inline-block; font-size:14px} .country li a{ color: #fff; } .country li i{ width:2.25em; height:1.5em; display:inline-block; vertical-align:middle; margin-right:5px} .country li.on i, .country li i:hover{ opacity:1} .country li .c_au{ background-position:0 -14em} .country li .c_ca{ background-position:-2.5em -14em} .country li .c_de{ background-position:-5em -14em} .country li .c_uk{ background-position:-7.5em -14em} .country li .c_us{ background-position:-10em -14em} .country li .c_fr{ background-position:-12.5em -14em} .country li .c_in{ background-position:-15em -14em} .country li .c_au:hover, .country li.on .c_au{ background-position:0 -14em} .country li .c_ca:hover, .country li.on .c_ca{ background-position:-2.5em -14em} .country li .c_de:hover, .country li.on .c_de{ background-position:-5em -14em} .country li .c_uk:hover, .country li.on .c_uk{ background-position:-7.5em -14em} .country li .c_us:hover, .country li.on .c_us{ background-position:-10em -14em} .country li .c_fr:hover, .country li.on .c_fr{ background-position:-12.5em -14em} .country li .c_in:hover, .country li.on .c_in{ background-position:-15em -14em} .mask{ background-color:rgba(224,224,224,0.87); height:100%; left:0; position:fixed; top:0; width:100%; z-index:999} .pop_wrapper{ border-radius:0; left:0; position:fixed; padding:0; top:0; z-index:9999; height:100%; width:100%; box-sizing:border-box; cursor:pointer} .coupon_detail_pop .coupon_detail{ box-shadow:0 12px 24px rgba(0, 0, 0, 0.47); margin:72px auto 16px auto; z-index:999; cursor:default; border-radius:3px} /*coupon detail*/ .coupon_detail{ width:90%; max-width:720px; background-color:#fff; margin: 0 auto; padding:32px; clear:both; position:relative; box-sizing:border-box} .coupon_detail textarea,.coupon_detail input[type="text"]{ border:none} .coupon_detail h4{ font-size:1em; line-height:1.5; margin:0.313em 0 1.125em 0 } .code_wrap, .deal_wrap{ padding:16px 0; position:relative; text-align:center} .copy_code{ padding:0.5em 5.5em 0.5em 1em; border:1px dashed #9f9f9f; background-color:#dfdfdf; position:relative; margin:0 auto 1.25em auto; max-width:100%; display:inline-block} .copy_code.no_copy{ padding:0.5em 1em} .copy_code div{ padding:0.325em 0; font-size:2.75em; line-height:1; width:100%; text-align:center; word-spacing:normal; word-wrap:break-word;} .copy_code input[type="button"]{ position:absolute; width:3.2em; height:3.2em; border-radius:50%; font-size:1.25em; top:50%; margin-top:-1.6em; right:0.5em; background-color:#ff9800; color:#fff} .copy_code.no_copy input[type="button"]{ display:none} .copy_tips{ text-align:center; line-height:36px} .copy_tips span{ color:#999} .m_site{ font-weight:400; color:#ff9800!important; display:inline-block; vertical-align:bottom; position:relative; padding:0 8px; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0; text-transform: inherit} .instores, .instores:hover{ text-transform:inherit; color:#885599!important; margin:0 5px!important; vertical-align:bottom;font-weight:400} .m_site:after,.instores:after{ display:none!important} .deal_wrap p{ font-size:24px; text-align:center; line-height:1.6} .deal_wrap .m_site{ color:#3399ff!important} .deal_wrap .m_site, .deal_wrap .instores{ font-size:24px; line-height:40px; height:40px} .mer_logo{ position:relative; min-height:5.5em; padding:0 0 0 6.5em; margin-bottom:24px} .mer_logo .s_logo{ height:5.5em; width:5.5em} .mer_logo .s_logo img{max-height:100%} .coupon_title{ font-size:1.25em; color:#333; display:table-cell; height:4.5em; vertical-align:middle} .coupon_title span{ font-size:0.625em; margin-left:8px; display:inline-block} .coupon_restriction{ color:#f00; margin-bottom:28px; font-size:14px} .coupon_description{ clear:both; padding:0; font-size:14px} .coupon_detail .couponalert_wrap{ border-bottom:1px solid #e5e5e5; padding-left:8.65em; padding-bottom:0; border-top:1px solid #e5e5e5; font-size:0.8em; min-height:8.75em} .coupon_detail .couponalert_wrap i{ background-color:#c96; color:rgba(255,255,255,0.67); height:100%; font-size:4.5em; top:0; margin:0; text-align:center; line-height:normal} .coupon_detail .couponalert_wrap i:before { position:absolute;top:50%;left:50%;margin-top:-0.5em;margin-left:-0.5em;} .coupon_detail .couponalert_wrap .title{ margin-bottom:13px} .coupon_detail .couponalert_wrap .bottom_form, .coupon_detail .couponalert_wrap .after_subscribe{ font-size:1.25em } .coupon_detail .couponalert_wrap .after_subscribe p{ margin-top:0.75em} .coupon_detail .couponalert_wrap .input_wrapper{ margin-bottom:0; border:none} .vote_wrap{ padding:32px 0 0 0; margin:32px -32px 0 -32px; background-color:#f4f4f4; position:relative; overflow:hidden} .vote_wrap i, .comment_lists i{ margin-right:4px} .vote{ position:relative; margin:0 4em 32px 4em; height:4em; text-align:center} .work_succeedrate{ width:260px; position:absolute; top:0; left:50%; margin-left:-120px; height:84px} .work{ width:95.76px; height:84px; position:absolute; top:0; left:0; display: inline-block; vertical-align:middle} .work span{ display:inline-block; vertical-align:middle; -moz-transition:background-color 0.2s ease-in; -webkit-transition:background-color 0.2s ease-in; -o-transition:background-color 0.2s ease-in; transition:background-color 0.2s ease-in; cursor:pointer; box-sizing:border-box } .work span{ border-style:solid; height:0; margin-right:2px; width:0;} .work .yes{ border-color:#8ac249; float:left; position:relative} .work .no{ border-color:#ff9800; float:right} .succeedrate{ line-height:1; position:relative; top:-0.125em; font-size:1.75em; display:inline-block} .succeedrate span{ vertical-align:middle; color:#8ac249} .succeedrate span:first-of-type{ color:#8ac249; font-size:2.25em; font-weight:200} .succeedrate span:last-of-type{ font-size:1em; color:#8ac249; letter-spacing:0.5px; vertical-align:top; position:relative; display:inline-block} .succeedrate .comments{ position:absolute; display:block; top:110%; left:0; background-color:rgba(0,0,0,0.08); border-radius:2px; height:1.75em; line-height:1.75em; min-width:100%; color:#757575; padding:0 6px; box-sizing:border-box; font-size:0.5em; white-space:nowrap} .vote .icon-thumbs-up, .vote .icon-thumbs-down{ width:1.6em; height:1.6em; border-radius:50%; background-color:rgba(0,0,0,0.08); padding:0; text-align:center; line-height:1.6em; position:absolute; top:0; left:0; display:block; font-size:2.5em; color:rgba(0,0,0,0.26); -moz-transition:background-color 0.3s ease, color 0.3s ease; -ms-transition:background-color 0.3s ease, color 0.3s ease; -o-transition:background-color 0.3s ease, color 0.3s ease; -webkit-transition:background-color 0.3s ease, color 0.3s ease; transition:background-color 0.3s ease, color 0.3s ease; color:#8ac249} .vote .icon-thumbs-down{ right:0; left:inherit; color:#ff9800} .vote .icon-thumbs-up:hover, .vote .icon-thumbs-up.on{ background-color:#8ac249; color:#fff} .vote .icon-thumbs-down:hover, .vote .icon-thumbs-down.on{ background-color:#ff9800; color:#fff} .after_vote{ position:relative; font-size:0.875em; padding:0 32px; border-top:1px solid rgba(0,0,0,0); max-height:0; overflow:hidden; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease} .after_vote.show{ padding:0 32px 16px 32px; max-height:1000px; border-top:1px solid rgba(0,0,0,0.12)} .after_vote form{ padding:0} .after_vote .title{ color:#ff9800; font-size:1.5em; line-height:1.333; padding:1em 0; margin:0} .after_vote button{ text-transform:inherit; height:32px; line-height:32px; box-shadow:none; background-color:#ff9800!important; padding:0; width:4em} .after_vote input:focus ~ .placeholder{ color:#ff9800!important} .after_vote .bar, .after_vote .highlight{ background-color:#ff9800!important} .after_vote form .red{background-color:#fff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); left:0; margin:0; padding:2px 0; position:absolute; text-indent:16px; top:3em; left:4em; width:80%; width:-webkit-calc(100% - 4em); width: -moz-calc(100% - 4em); width: calc(100% - 4em)} .save_box form .red{ top:inherit; bottom:55px} .save_box_content{ padding-left:4em; position:relative} .save_box_content .save_box_item{ width:50%; float:left; box-sizing:border-box; padding-right:16px; position:relative} .save_box_content .save_box_item:last-of-type{ padding-left:16px; padding-right:0} .save_box_content span{ width:0.938em; display:inline-block; font-size:1.25em; line-height:2.4em} .save_box_content span ~ .input_wrapper{ padding-left:1em; margin-top:-3em} .save_box_content span ~ .input_wrapper .placeholder{ padding-left:1em} .save_box_content span ~ .input_wrapper input:focus ~ .placeholder{ padding-left:0} .save_box_content span ~ .input_wrapper .highlight{ left:1em} .save_box button{ float:right; margin-top:16px; margin-bottom:16px} .good_box_content, .bad_box_content{ padding:0 5em 0 4em; position:relative } .good_box_content button, .bad_box_content button{ position:absolute; right:0; bottom:0} .comment_wrapper{ padding:0; max-height:0; overflow:hidden; position:relative; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease } .comment_wrapper.show{ max-height:1000px; border-top:1px solid rgba(0,0,0,0.12)} .comment_lists{ max-height:330px; padding:0 16px; overflow-y:scroll} .comment_lists li{ padding: 32px 0 26px 4em; position:relative; margin:0 16px; list-style-type:none; border-bottom:1px solid rgba(0,0,0,0.08); width:auto!important; box-sizing:border-box; float:inherit} .comment_lists li:last-child{ margin-bottom:0; border-bottom:none} .comment_lists .photo, .post_comment .photo, .after_vote .photo{ width:3em; height:3em; background-position: -2px -16.875em; border-radius:50%; position:absolute; left:0; top:0} .comment_lists .photo{ top:32px} .comment_lists .photo img, .post_comment .photo img, .after_vote .photo img{ -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; width:3.125em; height:3.125em} .comment_lists p{ margin-bottom:0; font-size:14px; margin-top:-0.5em} .comment_lists p span{ display:block; padding:4px 0} .comment_lists .time{ font-size:12px; color:#bbb; font-style:italic; font-weight:400; padding-bottom:0} .explain{ padding: 0 16px; background-color:#fff; border-radius:0 2px 2px 2px; margin:16px 0 6px 0; position:relative} .explain:before{ content:""; border-bottom:14px solid #fff; border-left:0px solid transparent; border-right:10px solid transparent; height:0; width:0; display:block; position:absolute; top:-12px; left:0} .explain p{ border-bottom:1px solid rgba(0,0,0,0.06); padding:10px 0; margin:0} .explain p:last-of-type{ border:none} .explain p span{ display:inline-block; padding:0} .post_comment { position:relative; padding-left:4.25em; padding-right:4em } .post_comment .red{ position:absolute; top:100%; margin-top:0} .post_comment .photo{ top:1em} .post_comment .textarea_wrapper{ margin-bottom:0} .post_comment textarea{ background:transparent; resize:none; font-size:1.125em; width:100%; height:2em; margin-top:0.5em; line-height:2em; padding:0} .post_comment button{ bottom:0; right:0; width:3em; position:absolute; font-size:1.125em; padding:0} .print_img{ margin-bottom:2em; text-align:center} .print_img img{ max-width:100%} .print_btn{ text-align:center; margin-bottom:16px; padding-top:32px} .print_btn .color_button{ height:2.4em; line-height:2.4em; border-radius:2px; font-size:1.25em; margin:0 0.5em 16px 0.5em; display:inline-block} .overflow_hid{ overflow:hidden} .tips_container{ position:relative; top:72px; margin: 0 auto; margin-bottom:16px!important; padding:0 2em 2em 2em; z-index:1000; box-shadow:0 12px 28px rgba(0, 0, 0, 0.47); background:#fff; border-radius:2px; width:90%; max-width:36em; cursor:default} .tips_container .title{ font-size:1.5em; padding:1em 0 0.875em; line-height:1.333; margin:0 } .button_wrapper{ text-align:right;margin-top:2em; margin-bottom:-1em; clear:both} .button_wrapper button{ text-transform:uppercase} #feedback_box .desc{ padding:0; margin-bottom:16px} #feedback_box h2{ color:#159f86; font-size:1.5em; padding:1em 0; line-height:1.333; margin-top:inherit} #feedback_box .desc p{ margin-top:-0.25em } .fb_form{ padding:0} .scode{ width:50%; float:left} .scode img{ margin-left:16px} .scode button{ font-size:1.25em; color:rgba(0,0,0,0.26); width:2.4em; height:2.4em; line-height:2em; text-align:center; display:inline-block; margin:0 0 0 16px; padding:0} .couponalert_pop{ padding:0 32px} .couponalert_pop .couponalert_wrap .title {font-size:1.75em; line-height:1.5; margin-bottom:6px; padding:0} .rightbottom_pop_up{ position:fixed; width:19.5em; height:21.5em; z-index:106; border-radius:2px; background-color:rgba(255,255,255,1); padding:16px 32px; right:16px; bottom:-1000px; box-shadow:0px 12px 28px rgba(0,0,0,0.47); -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease} .rightbottom_pop_up.show{ bottom:16px} .questionnaire{ width:15.5em; padding-top:8px} .questionnaire h4, .thanks .title{ font-size:1.25em; color:#159f86; line-height:1.5; margin-bottom:16px} .questionnaire .title{ font-size:0.875em; font-weight:500; line-height:1.2; color:#333; margin-bottom:6px} .questionnaire .gray{ font-size:0.75em; color:#ccc} .questionnaire label{ width:40%; float:left; line-height:36px; height:36px; font-size:0.875em; color:#333} .questionnaire input[type="radio"]{ background-color:inherit; border:inherit; -webkit-appearance:radio; width:auto; float:left; margin:10px 8px 0 0 } .questionnaire .textarea_wrapper{ font-size:0.875em} .questionnaire textarea{ line-height:2.5em; height:2.5em} .questionnaire button{ text-transform:uppercase} .thanks{ padding-top:4em} .thanks p{ font-size:14px} .magnify_wrap{ border-bottom:1px solid rgba(0,0,0,0.06); margin-bottom:2.5em; max-width:100%; position:relative; text-align:center} .zoom-area{ max-width:50%; display:inline-block; margin:20px auto 10px auto; position:relative; cursor:none; background:#f8f8f8; border:1px solid #eee; padding:1em} .large{ width:150px; height:150px; position:absolute; border-radius:100%; box-shadow:0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25); display:none} .zoom-img{ display:block; max-width:100%!important;} .magnify_wrap p{ text-align:center; font-size:12px; margin-bottom:3em} button.inoperable, input[type="button"].inoperable, input[type="reset"].inoperable, input[type="submit"].inoperable, .button.inoperable, .color_button.inoperable{ color:rgba(0,0,0,0.26)} .color_button.inoperable{ background-color:#ccc} a.ui-state-default{ width:1.25em; height:1.25em; border-radius:0.8em; display:block; text-align:center; line-height:1.25em} a.ui-state-default.ui-state-hover{ background:#ccc} span.ui-state-default{ color:#dfdfdf} .ui-datepicker-header{ padding:0; position:relative; margin:0.5em 0; height:1.625em} .ui-datepicker-prev, .ui-datepicker-next{ position:absolute; left:0.5em; top:0; width:1.625em; height:1.625em} .ui-datepicker-next{ left:inherit; right:0.5em} .ui-datepicker-prev:after,.ui-datepicker-prev:before,.ui-datepicker-next:after,.ui-datepicker-next:before{ background-color:#666; content:""; display:inline-block; height:1px; width:12px; position:absolute; left:0.25em} .ui-datepicker-prev:after, .ui-datepicker-next:before{ -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg); -ms-transform: rotate(45deg);transform:rotate(45deg); top:15px} .ui-datepicker-prev:before, .ui-datepicker-next:after{ -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg); -ms-transform: rotate(-45deg);transform:rotate(-45deg); top:7px} .ui-datepicker-next:after{ top:15px; right:0.25em; left:inherit} .ui-datepicker-next:before{ top:7px; right:0.25em; left:inherit} .ui-datepicker-title{ display:inline-block; margin:0 auto; position:absolute; left:25%} .ui-datepicker-year{ -webkit-appearance:menulist; -moz-appearance:menulist} .ui-datepicker td { border:0px none; padding:6px} .ui-datepicker th { padding:0.8em 0.3em 0.7em 0.3em; text-align:center; font-weight:bold; border:0px none} .ui-datepicker table {width:100%; margin:0px 0px 0.4em; border-collapse:collapse} .ui-datepicker-calendar td{ text-align:center; padding-left:0.6em} /*ca css*/ .ca .logo{ width:15.625em; left:0} .ca .menu_wrapper{ left:14.625em} @media (max-width: 1279px){ .ca .header_container.wrapper{ max-width:1060px} .ca .search_wrapper{ margin-right:16px} .filter_lists li{ margin:0.125em 1em 0 0; padding: 0 1em} } @media (max-width: 767px){ .ca .search_wrapper{ margin:0} .ca .logo{ margin-left:-7.8125em} } /*message*/ .message{ margin:0 0 32px 0; color:#fff; padding-top:30px} .message i{ font-size:5em; display:inline-block; float:left; margin:0 32px 16px 0; color:#ff9800; width:1.5em; height:1.5em; line-height:1.5em; background-color:#fff; box-shadow:0 1px 6px rgba(0,0,0,0.06); text-align:center; border-radius:2px} .message p{ font-size:15px} .message .title{ font-size:1.5em; line-height:1.333; margin-bottom:8px} .message .button{ color:#fff; margin:-8px 0 0 0; background-color:rgba(0,0,0,0.06)} .christmas_icon{ background:url(../imgv4/christmas_icon.png) no-repeat; width:55px; height:53px; position:absolute; top:0; margin-top:-52px; margin-left:60px} .christmas_icon1{ background:url(../imgv4/christmas_icon_1.png) no-repeat; width:23px; height:26px; position:absolute; z-index:1; top:0; margin-top:-10px; margin-left:96px} .sub_logo{ position: absolute; left: 200px; bottom: 14px; color: #fff; font-size: 0.75em; margin-bottom: 0 } /*blog*/ .column_left{ padding-right:32px; padding-bottom:16px; width:77%; float:left; padding-top:24px} .column_right{ width:23%; float:right; padding-bottom:16px; padding-top:24px; } .blog_article h1{ font-size:1.625em; line-height:1.25; padding:1.5em 0 0.5em 0; color:#333} .blog_article p img{ max-width:100%} .published{ font-size:14px; color:#999; margin-bottom:3em} .published i{ margin-right:5px} .published span{ margin-right:3.85em} .blog_article .art_content{ margin-top:3em} .blog_wrapper{ list-style:none} .blog_wrapper article{ margin-bottom:22px; border-bottom:1px solid #f4f4f4; padding-bottom:9px; width:100%; float:left} .blog_wrapper a:last-child article{ border:none} .aside_wrap .blog_wrapper a:last-child article{ margin-bottom:0; padding:0} .blog_wrapper h4{ line-height:1.2; margin-bottom:10px; color:#159f86; font-size:15px;} .holiday h4{text-align: center;} .blog_wrapper h4:hover{ color:#666;text-decoration:underline;} .blog_wrapper p{ font-size: 12px!important; max-height:90px; overflow:hidden; position:relative; color:#666; font-size:14px; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; text-overflow:ellipsis} .blog_img{ width:100%; height:118px;overflow:hidden; position:relative; margin-bottom:12px} .blog_img div{ position:absolute; top:0; left:0; bottom:0; right:0; -moz-transform:translate(50%,50%); -ms-transform:translate(50%,50%); -o-transform:translate(50%,50%); -webkit-transform:translate(50%,50%); transform:translate(50%,50%)} .blog_img div img{ position:absolute; top:0; left:0; max-height:100%; -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%)} .wrapper2 .blog_wrapper{ margin:-19px 0 0 0} .wrapper2 .blog_wrapper article{ width:100%; padding:24px 0 19px 0; margin:0} .wrapper2 .blog_wrapper a:last-child article{ padding-bottom:15px} .wrapper2 .blog_img{ width:150px; height:150px; float:left; margin-right:20px; margin-bottom:0} .wrapper2 .blog_wrapper h4{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:1.25em;} .wrapper2 .blog_wrapper .small{ margin-top:-16px; margin-bottom:-2px; margin-left:-8px; font-weight:400} .blog_article .art_content ul, .blog_article .art_content ol{ margin-left:46px} .profile_info{ position:relative} .profile_info:before{ content: ""; width:100%; height:92px; display:block; top:0; left:0; position:absolute; background-image:linear-gradient(to right, #74ebd5 0%, #9face6 100%)} .profile_info .photo{ width:86px; height: 86px; margin:2em auto 18px auto; border-radius:50%; display:block; position:relative; box-shadow:0 1px 6px rgba(0,0,0,0.08);} .profile_info .name{ text-align:center; color:#333; font-weight:600} .profile_info .bio{ font-size:14px} .aside_wrap.banner img{ max-width:100%} .column_right h2{ font-size:1.25em; padding:0.4em 0 0.95em 0;} .tag_lists ul li{ list-style:none} .tag_lists ul li span{ float:left; padding:6px 10px; border-radius:2px; background:#f4f4f4; font-size:13px; margin-right:10px; margin-bottom:10px} .tag_lists ul li span:hover{ background:#01a98e; color:#fff; cursor:pointer} .tag_cp{ margin-right:-15px} .tag_cp .offer_list_item{ width:33.333%; padding-right:15px; float:left; margin-bottom:15px} .tag_cp .coupon_wrapper{ padding:8em 20px 0 20px; height:320px} .tag_cp .coupon_wrapper.has-img{ padding-left:20px} .tag_cp .coupon_wrapper .m_logo{ width:100%; left:0} .tag_cp .go_btn{ bottom:40px} .tag_cp .coupon_wrapper div.bf1808{ font-size:1em; max-height:2.65em; line-height:1.3em} .results{ font-size:16px; color:#333; margin-bottom:0; margin-top:12px} .filter_by_stores ~ .view_more:hover:before, .filter_by_stores ~ .view_more:after{ background-color:transparent} /*holiday*/ .holiday_title{ color:#fff; margin:14px 0 40px 0} .holiday_title h1{ font-size:2em} .holiday_title p{ font-size:14px} .holiday_block{ width:100%; background:#fff; border-radius:2px; margin-bottom:32px; box-shadow:0 1px 6px rgba(0,0,0,0.16); overflow:hidden} .holiday_block .holiday_img{ width:346px; height:274px; float:left; overflow:hidden} .holiday_img img{ width:100%; height:auto} .holiday_content{ padding:18px 32px 0 376px} .holiday_content .title{ font-size:1.625em} .holiday_content .title a, .holiday_wrapper .title a{ color:#333} .holiday_content .title a:hover, .holiday_wrapper .title a:hover{ color:#159f86} .holiday_content .date, .holiday_wrapper .date{ font-size:12px; color:#999; margin:0 0 10px 0} .holiday_content .des{ font-size:14px; height:44px; overflow:hidden} .holiday_content .grid_store p{ font-size:1.125em; color:#333; margin-bottom:10px} .holiday_content .grid_store ul li{ list-style-type:none; float:left; height:70px; width:16.666%; border:1px solid #e5e5e5; margin-right:16px} .grid_holiday{ margin-right:-32px} .grid_holiday ul li{ list-style-type:none; float:left; width:33.333%; padding-right:32px; margin-bottom:16px} .grid_holiday .holiday_img{ width:100%; height:206px; border-radius:2px; overflow:hidden} .holiday_wrapper .title{ font-size:1.375em; margin-top:18px; padding-bottom:10px; border-bottom:1px solid rgba(0,0,0,0.08); height:44px; overflow:hidden} .holiday_wrapper .date{ margin:12px 0 4px 0} .holiday_wrapper .des{ font-size:13px; height:58px; overflow:hidden} .right_section{ float:right; width:22%; padding-top:16px; padding-bottom:16px; padding-left:26px} .merchant_container{ width:78%; float:left} .mer_alone .wrapper{ max-width:1200px} .merchant_container .mer_page{ padding-left:26px; width:75%; position:relative} .merchant_container .page_aside{ width:25%} .merchant_container .filter_lists li{ margin:0.125em 10px 0 0} .news_inner{ padding:16px 16px 8px 16px} .news_inner p{ font-size:13px} .news_inner .title{ margin:0; padding-bottom:10px; font-size:15px; color:#666; font-weight:600} .news_inner p img{ max-width:100%; margin:0 auto; display:block} .news_inner ul, .news_inner ol{ margin-left:14px; clear:both; margin-bottom:16px} .news_inner ul li, .news_inner ol li{ margin-bottom:8px; font-size:13px} .merchant_container .freeshipping_tips{ margin-top:0; float:inherit; position:absolute; right:0; top:-18px} .privacy_policy_pop{ width:100%; position:fixed; background:rgba(53, 53, 53, 0.88); bottom:0; z-index:9999; padding:16px 16px 12px 16px; color:#fff; font-size:14px; text-align:center} .privacy_policy_pop p{ display:inline-block; margin-bottom:10px} .privacy_policy_pop a{ color:#00dfb7} .privacy_policy_pop span{ border:1px solid #fff; padding:5px 20px; border-radius:2px; cursor:pointer; margin-left:20px; display:inline-block} .privacy_policy_pop span:hover{ background:#fff; color:#666} .privacy_policy_pop .closed:after, .privacy_policy_pop .closed:before{ background-color:rgba(255,255,255,0.54)} .covid_page{ padding-right:32px; padding-bottom:16px; width:77%; float:left; margin-bottom:24px} .covid_page .merchant_key p{ color:#fff; margin-top:0.5em} .covid_wrap{ background:#fff; box-shadow:0 1px 6px rgba(0,0,0,0.16); border-radius:2px; padding:32px 24px} .covid_summary ul li{ width:25%; float:left; list-style:none; text-align:center} .covid_summary ul li p{ margin:0 0 4px 0} .covid_summary ul li p:last-child{ font-size:24px} .covid_summary .orange{ color:#ff6a57} .covid_summary .blue{ color:#10aeb5} .covid_summary .gray{ color:#4d5054} .covid_map, .covid_trend{ margin:20px 0} .covid_table table{ width:100%} .covid_table table th{ background:#f8f8f8; padding:14px 16px; border-right:1px solid #eee; border-top:1px solid #eee; text-align:right; width:14.2%;} .covid_table table td{ padding:14px 16px; text-align:right; border-right:1px solid #f4f5f7; border-bottom:1px solid #f4f5f7; color:#333; width:14.2%;} .covid_table table th:first-child{ text-align:left} .covid_table table td:first-child{ text-align:left; border-left:1px solid #f4f5f7; color:#159f86; text-decoration:underline} .covid_table tr:hover{ background:#fcfcfc} .covid_aside{ width:23%; float:left; padding-top:16px; padding-bottom:16px} .covid_aside ul li{ list-style:none; font-size:14px; margin-bottom:16px} .offer_big_text{ font-size:1.75em; font-weight:500} .offer_med_text{ font-size:1.75em; font-weight:500} .offer_largest_text{ font-size:1.5em; font-weight:500} .offer_large_text{ font-size:1.25em; font-weight:500} .offer_lesser_text{ font-size:1em} .offer_smaller_text{ font-size:0.95em} .offer_least_text{ font-size:0.85em} @media (max-width:1024px){ .wrapper{ width:auto; margin-right:32px; margin-left:32px} .coupon_wrapper{ padding-left:20px; padding-right:20px} .tools_mod{ font-size:0.875em} /*merchant css*/ .merchant_content h1{ display:block; margin-bottom:2px} .merchant_content .button{ margin-left:-16px; margin-bottom:0} .merchant_description{ width:95%; margin-top:4px; margin-bottom:8px} .merchant_description.less{ max-height:72px; -webkit-line-clamp:3} .mer_page{ width:74%} .page_aside{ width:26%} .aside_filter.fixed{ width:24.5%} .verified_screenshot{ width: 150%!important; cursor: -moz-zoom-in;cursor: -webkit-zoom-in;cursor: zoom-in;} } @media (max-width:960px){ .grid_stores li{ width:33.333%!important} .grid_coupons article{ width:100%} .coupon_wrapper{ padding:1.5em 2em 1.5em 30%; position:relative} .coupon_wrapper .m_logo{ width:30%; position:absolute; left:0; top:0; height:100%} .coupon_wrapper div.bf1808{ max-height:3.2em; margin-bottom:32px} .go_btn{ bottom:1.5em; width:35%} .aside_wrap.banner{ display:none} .blog_wrapper article{ width:50%; padding-right:16px} .aside_wrap .blog_wrapper h4{ height:2.5em; overflow:hidden} .aside_wrap .blog_wrapper a:nth-child(3) article{ border-bottom:none} .aside_wrap .blog_wrapper a:last-child article{ padding-right:16px} .tools_mod article,.searches_categories section{ width:100%; padding:0!important} .tools_mod article:first-child::after{ display:none} .tools_mod article:first-child{ border-bottom:1px solid #e5e5e5} .app_wrap:before, .app_wrap:after{ right:0} .searches_categories ul.less{ max-height:108px} .searches_categories .hot_searches li, .searches_categories .categories li{ width:25%} .public_media span{ font-size:2.5em} .footer_wrap div{ width:100%} .footer_wrap .international{ margin:0} .footer_wrap .copyright{ width:100%; padding:0} .country{ text-align:left} .copyright .logo{ display:none} .mer_page, .page_aside, .column_left, .column_right{ width:100%; padding:0} .only_tablet{ display:inherit} .merchant_key .store_wrap .flag{ font-size:1em} .merchant_key_ever{ display:none} .aside_wrap{ margin-bottom:2em} .aside_wrap .list_coupons li{ width:50%; padding-right:16px; float:left} .text_lists li{ width:33.333%!important; float:left} .text_lists.less{ max-height:140px; margin-bottom:8px} .aside_wrap.banner a{ width:50%; display:inline-block; text-align:center} .aside_wrap.banner a img{ margin:0} #select_coun{ margin:0.25em 0} .select_country.fixed{ margin-left:-130px} .merchant_response{ display:block} .list_deal_title, .header_christmas{ display:none} .merchant_container, .merchant_container .mer_page, .merchant_container .page_aside, .right_section{ width:100%; padding:0} .verified_screenshot{ width: 100%!important; cursor: -moz-zoom-in;cursor: -webkit-zoom-in;cursor: zoom-in;} .covid_page, .covid_aside{ width:100%; padding:0} } @media (max-width:768px){ .magnify_wrap{ display:none} .holiday_block{ margin-bottom:16px} .holiday_block .holiday_img{ width:220px; height:174px} .holiday_content{ padding:18px 32px 0 250px} .holiday_content .title{ font-size:1.375em; line-height:1.25} .holiday_content .grid_store{ display:none} .grid_holiday{ margin-right:-16px} .grid_holiday ul li{ padding-right:16px; margin-bottom:16px} .grid_holiday .holiday_img{ height:176px} .holiday_wrapper .title{ font-size:1.25em; margin-top:14px} .art_content p img,iframe{ display: none; } .verified_screenshot{ width: 100%!important; cursor: -moz-zoom-in;cursor: -webkit-zoom-in;cursor: zoom-in;} } @media (max-width:767px){ .grid_stores, .grid_coupons, .blog_wrapper{ margin-right:-16px} .grid_stores li, .grid_coupons article, .blog_wrapper article{ padding-right:16px} .go_btn{ width:13.75em!important; font-size:0.9em} .go_btn .get_deal{ width:60%} .time_success li.more{ display:none} .list_coupons .coupon_wrapper{ padding-right:2em} .list_coupons .go_btn{ bottom:1.5em; margin:0} .list_coupons .time_success{ margin-top:1.5em} .price_shop, .pro_deal .price_shop{ margin-top:1em} .price_old{ display:none!important} .list_deal .price_old{ display:inline-block!important} .searches_categories .hot_searches li, .searches_categories .categories li{ width:33.333%} .public_media span{ font-size:2em} .map li{ font-size:12px; width:50%} .coupon_detail_pop .coupon_detail{ margin-top:56px} .vote{ margin-left:32px; margin-right:32px} .succeedrate{ font-size:1.35em; top:0.4em} .save_box_content .save_box_item{ width:100%; padding:0!important} .aside_wrap .list_coupons li{ width:100%; padding-right:0} .left_product .price_old{ display:inline-block !important} .christmas_icon, .christmas_icon1{ display:none} .sub_logo{ display: none; } .published span{ display:block} .filter_lists li{ margin:0.125em 0.5em 0 0; padding:0 0.5em} .grid_holiday ul li{ width:50%} .grid_holiday ul li, .tag_cp .offer_list_item{ width:50%} .tag_cp .time_success{ margin-top:0} .art_content p img,iframe{ display: none; } .verified_screenshot{ width: 100%!important; cursor: -moz-zoom-in;cursor: -webkit-zoom-in;cursor: zoom-in;} .list_coupons .verfied_btn{ top:20%!important;} .list_coupons .verfied_top{ top:8px!important;} .covid_summary ul li{ width:50%; margin-bottom:10px} .covid_table table th{ padding:14px 0px; font-size:12px; border-right:none; border-top:none; border-bottom:1px solid #f4f5f7; background:none} .covid_table table td{ padding:14px 0px; font-size:12px; border-right:none} .covid_table table td:first-child{ border-left:none} } @media (max-width:480px){ body{ font-size:0.9em} .wrapper{ margin-left:16px; margin-right:16px} .wrapper2{ padding-left:24px; padding-right:24px} .sp_label, .bf_label, .cm_label, .new_label, .sc_label, .xmas_label, .exclusive_label, .tg_label{ left:100px} .grid_stores li{ width:50%!important; margin-bottom:20px} .store_wrap{ height:110px} .grid_coupons article{ margin-bottom:20px} .promo_infor{ width:64px; height:78px; left:16px} .offer{ margin-top:0.8em} .freeshipping, .sitewide{ font-size:1.25em} .row{ font-size:12px; line-height:3} .form_money span{ font-size:1.25em} .i_other{ font-size:2.25em} .cou_property{ height:20px} .list_coupons .cou_verified{ bottom:10px; left:100px} .list_coupons .coupon_wrapper{ padding-right:2em; padding-left:6.85em} .list_coupons .coupon_wrapper.has-img{ padding-left:86px} .list_coupons .coupon_wrapper .m_logo{ width:78px; } .coupon_wrapper div.bf1808{ margin-bottom:8px} .list_coupons .coupon_wrapper div.bf1808{ font-size:1.125em} .time_success li{ font-size:0.75em} .list_coupons .time_success{ margin-top:0} .go_btn .code,.show_code:before, .get_deal:before, .show_code:after, .get_deal:after,.list_coupons .detailsD, .wrapper2 .blog_img{ display:none!important} .go_btn{ width:6.25em!important; padding:0!important; bottom:0.8em!important; margin-bottom:0!important} .go_btn .get_deal,.go_btn .show_code{ width:100%!important; right:0; height:auto; top:10px} .go_btn .show_code span, .go_btn .get_deal span{ font-size:0.875em; letter-spacing:0px; font-weight:500} .go_btn .long_btn span{ line-height:2em} .go_btn .long_btn span span{ display:none} .pro_img{ width:68px; margin-left:-78px} .list_deal .pro_img{ width:100%; height:auto; margin-bottom:1.5em} .list_deal .deal_wrapper{ padding:1em} .list_deal .deal_wrapper h3{ color:#333} .list_deal .deal_wrapper h3:hover{ color:#01a98e} .list_deal .deal_content{ margin-left:0} .list_deal .deal_wrapper .shipping, .list_coupons .pro_deal .details{ display:block!important} .list_deal .go_btn .get_deal{ width:8em} .list_deal .time_success{ padding-right:8.5em; overflow:hidden} .list_stores li{ width:100%} .list_deal .deal_text, .list_deal .deal_content .view_more, .list_deal p.code_tips{ display:none !important} .right_product_list .pro_deal{ padding: 1.5em 1.5em !important} .pro_deal .buy_now{ right:20px} .pro_deal .pro_img{ float:inherit; margin:0 auto 16px auto !important; width:100%; height:8em} .pagination .previous, .pagination .next{ margin:0} .tools_mod{ font-size:0.75em} .searches_categories .hot_searches li, .searches_categories .categories li, .text_lists li{ width:50%!important} .public_media span{ font-size:1.25em} .search_deal{ padding:0 0 0.5em 10.512em} .footer_wrap div{ width:100%} .vote{ height:8.75em} .vote .icon-thumbs-up{ left:50%; margin-left:-80px} .vote .icon-thumbs-down{ right:50%; margin-right:-80px} .succeedrate{ top:4em} .filter_lists li{ font-size:12px} .filter_lists li span{ width:20px; margin-top:4px} .holiday_block .holiday_img{ width:100%; height:266px; float:inherit} .holiday_content{ padding:20px 24px 0 24px} .grid_holiday ul li, .tag_cp .offer_list_item{ width:100%} .grid_holiday .holiday_img{ height:266px} .tag_cp .coupon_wrapper{ padding:20px 20px 0 20px; height:auto} .tag_cp .coupon_wrapper div.bf1808{ height:auto} .art_content p img,iframe{ display: none; } .verified_screenshot{ display: none;} .list_coupons .verfied_btn { top: 50%!important; } .list_coupons .verfied_top { top: 108px!important; } } .shape p > input {-webkit-appearance: checkbox;margin: 1px 8px;}