@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; 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:#eaeaea; width:100%; height:100%; position:relative; color:#666; padding-top:0px; -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:500} .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} 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:14; 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:0.562em; top:1.25em; -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); left:0.562em} #header{ height:5em; width:100%; background-color:#159f86; box-shadow:0 1px 0 rgba(0,0,0,0.12); left:0; top:0; z-index:100} #header.bf{ background: #333; } .header_container{ height:100%; position:relative} .header_container h1{ font-size:1em; width:auto; height:auto; display:inline-block} .logo,.show_code:before, .show_code:after, .get_deal:before, .get_deal:after,.country li i,.photo, .about_wrap .icon-pp{ 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:13px; text-indent:-9999px} .menu_wrapper{ position:absolute; left:400px; bottom:16px; 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:40px; padding:0 16px; 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, .categories_menu a .icon-angle-down{ 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:16px 0 0 0; max-height:0; max-width:0; overflow:hidden; z-index: 9} .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} .search_wrapper{ position:absolute; height:40px; width:40%; bottom:16px; right:0em; 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; cursor:pointer; top:0; right:0; font-size:25px; line-height:40px; margin:0; padding:0; text-align:center; background-color:#ff9800; color:#fff} .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; 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, .grid_deal .deal_wrapper .d_img:after, .topic_page .pro_img:after, .list_deal .grid_content .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.25em; padding: 0 1em 0 4.75em; 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:41%} .header_christmas a{ text-indent:-9999px; background-image:url(./image/v08/home_christmas.png); width:192px; height:72px; display:inline-block} .header_valentine{ position:absolute; bottom:0; right:41%} .header_valentine a{ text-indent:-9999px; background-image:url(./image/v08/home_valentine.png); width:115px; height:73px; display:inline-block} .header_easter{ position:absolute; bottom:0; right:42%} .header_easter a{ text-indent:-9999px; background-image:url(./image/v08/easter_h.png); width:82px; height:80px; display:inline-block} .magnify_wrap .zoom-img{ width: 100%;!important; cursor: -moz-zoom-in;cursor: -webkit-zoom-in;cursor: zoom-in;} .verify_detail_pop{text-align: center;margin-top: 100px} .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:1836px){ .header_container.wrapper{ max-width:1200px;} .logo{ left:0!important; font-size:0.9375em} .menu_wrapper{ left:420px} .menu_list li a{ padding:0 12px} .search_wrapper{ width:30%; min-width:340px; float:right; position:relative; top:23px; right:0} .header_christmas{ right:37%} } @media (max-width:1320px){ .logo{ font-size:0.8em; bottom:17px} .menu_wrapper{ left:420px} } @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:16px!important} .menu_wrapper{ left:214px; bottom:8px} .menu_list li .submenu{ padding-top:8px} .search_wrapper{ top:8px; right:16px} .header_christmas{ display:none} .sub_logo{ bottom: -1px!important;} } @media (max-width:1024px){ .logo{ left:72px!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} } @media (max-width:767px){ .logo{ left:35%!important; margin-left:-7.25em} .search_wrapper{ width:100%; max-width:56px; height:56px; overflow:hidden; min-width:inherit; top:0; right:0; border-left:1px solid rgba(255,255,255,0.16); background-color:#159f86} .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} } #main_content{ padding:16px 0 0 0; position:relative} #main_content_bg{ position:relative} #main_content_bg:before{ content:""; width:100%; height:177px; display:block; top:0; left:0; position:absolute; background-color:#098f77} .wrapper{ max-width:1200px; width:90%; margin:0 auto; clear:both; position:relative} .wrapper h2, .wrapper2 h1, .detail_center h1{ font-size:1.5em; line-height:1.25; padding:0.7em 0; color:#333} .wrapper2{ padding:32px 40px; max-width:900px; background:#fff; margin:16px auto 32px auto;} .wrapper2 h1, .detail_center h1{ font-size:1.375em; padding:0} .home_key{ padding:1.075em 0} .home_key h2{ display:inline} .home_key span{ font-size:0.75em; margin-left:1em; color:#333} .button.fright{ font-weight:400; margin:-11px 0 0 0; font-size:15px} .breadcrumbs{ font-size:12px; color:#666; opacity:0.7; clear:both} .breadcrumbs a{ color:#666} .breadcrumbs ol li{ display:inline-block; list-style: none;} #fixed_filter{ position:fixed; z-index:99; width:100%; left:0; top:0px; padding:16px 16px 6px 16px; background-color:rgba(224,224,224,0.87); box-shadow: 0px 1px 1px rgba(0,0,0,0.26)} #fixed_filter .filter_list{ max-width:1200px; width:90%; margin:0 auto} #fixed_filter_category{ position:fixed; z-index:99; width:14%; top:7px; box-shadow: 0px 1px 1px rgba(0,0,0,0.26);} #fixed_filter_category .filter_list{ max-width:1200px; width:90%; margin:0 auto} #fixed_filter_category .categories_menu{ overflow-y:auto; overflow-x: hidden; height: 400px;} #fixed_filter_breadcrumbs{ top:580px; position:fixed; z-index:99; width:14%} .filter_list{ width:100%; margin-bottom:0.5em;} .filter_list li a{ color:#159f86; padding-bottom:5px; float:left; line-height:2; margin-right:1.25em; margin-bottom:0.65em; font-size:14px; border:1px solid #159f86; padding:0 10px; border-radius:20px} .filter_list li{ list-style-type:none} .filter_list li a:hover, .filter_list li .active{ background:#159f86; color:#fff} .m_logo{ height:100%; width:100%; vertical-align:middle} .m_logo a{ height:100%; width:100%; display:inline-block; padding:0; text-align:center} .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} .coupons_container{ background-color:#eaeaea; padding-top:36px} .coupons_container~.wrapper{ padding-top:16px} .stores:hover .m_link, .stores:hover .s_link{ max-height:1000px; padding:1em 4%; opacity:1; cursor:pointer} .home_page{ width:78%; float:left; padding-right:32px} .area_right, .cg_page_aside{ width:22%; float:left} .area_right{ float: right; } .cg_page{ padding-left:32px; padding-bottom:16px; width:78%; float:right} .cg_page h1{ color:#666; font-size:1.25em; line-height:1.25; padding:0 0 1.25em 0} .cg_page h1 span{ font-size:1.125em} .aside_wrap{ padding:8px 0 16px 0; margin-bottom:16px; background-color:#fff;border-radius:2px} .aside_wrap h3{ margin:10px 16px; color:#333; font-weight:500; border-bottom: 1px solid rgba(0,0,0,0.06); padding-bottom:0.5em} .list_deal article{ list-style:none; width:100%; margin-bottom:16px; border-radius:2px; border:1px solid #e2e2e2} .list_deal article:last-child{ margin-bottom:16px} .list_deal .deal_wrapper{ background-color:#fff; padding:1.5em 4em 1.5em 1.5em; position:relative; border-left:2px solid #fff} .home_page .list_deal .deal_wrapper:hover{ box-shadow:0 0 20px #ccc; transition: all 0.6s ease-out; border-left:2px solid #01b99b} .cg_page .list_deal .deal_wrapper{ box-shadow:0 1px 6px rgba(0,0,0,0.06)} .cg_page .list_deal .deal_wrapper:hover{ box-shadow:0 0 20px #ccc; transition: all 0.6s ease-out;} .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_content{ margin-left:16em; 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, .topic_page ul, .topic_page ol{ margin-left:18px} .list_deal .deal_content ul li, .list_deal .deal_content ol li, .topic_page ul li, .topic_page ol li{ color:#666; font-size:14px} .list_deal .deal_content strong, .list_deal .deal_wrapper p strong, .topic_page strong{ font-weight:600} .list_deal p.code_tips, .topic_page p.code_tips{ font-size:1em; margin-top:0.35em} .list_deal p.code_tips strong, .topic_page p.code_tips strong{ color:#ff0000} .go_btn{ position:absolute; bottom:0; right:0; z-index:1} .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} .go_btn .get_deal:hover{ background-color:#13937b} .go_btn .icon-angle-right, .list_deal .deal_btn .icon-angle-right{ font-size:1.125em; margin-left:0.65em; vertical-align:inherit} .list_deal .grid_content .get_deal .icon-angle-right{margin-left:0.35em} .list_deal .deal_wrapper .shipping{ color:#333} .pro_img{ width:13.75em; height:13.75em; float:left; text-align:center; vertical-align:middle; display:block} .pro_img img{ max-width:100%; max-height:100%} .price_shop{ margin-top:0.45em; margin-bottom:-0.5em} .price_shop span{ display:inline-block; margin-right:12px; line-height:36px} .price_now{ font-size:1.5em; color:#cc0000!important} .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 .deal_content ul.grid_pro_img{ margin-left:0px; margin-top:1.375em; margin-right:-16px} .list_deal .grid_pro_img li{ width:33.333%; padding-right:16px; margin-bottom:16px; list-style-type:none; float:left} .list_deal .grid_content{ border:1px solid rgba(0,0,0,0.08); padding:16px; position:relative} .list_deal .grid_content .pro_img{ width:100%; height:8em; margin-bottom:10px} .list_deal .grid_content .price_now{ font-size:16px} .list_deal .grid_content .price_old{ font-size:12px; margin-right:0} .list_deal .grid_content p{ font-size:12px; margin:10px 0; height:52px; overflow:hidden} .list_deal .grid_content .grid_tips a{ color:#999; font-size:12px; margin-right:0.85em} .list_deal .grid_content .go_btn{ bottom:16px} .list_deal .grid_content .go_btn .get_deal{ width:100%; height:1.65em; line-height:1.2; padding:2px 6px; font-size:14px} .list_deal .deal_btn{ width:100%; height:2.625em; background:#eee; text-align:center; line-height:2.5; margin-top:1.375em; color:#159f86} .list_stores li{ width:100%; list-style:none; margin-bottom:10px} .list_stores .store_wrap{ border:1px solid #e2e2e2; background:#fff} .list_stores .store_wrap .stores{ height:110px; box-shadow:none; padding:16px} .list_stores .store_wrap .stores:hover .m_link{ padding:0.4em 4%} .list_stores .store_block{ background:#f8f8f8; color:#666; height:38px; line-height:2.5; display:block; padding:0 1.5em} .list_stores .store_block p{ font-size:14px; margin-bottom:0;} .list_stores .store_block p:first-child{ float:left} .list_stores .store_block p:last-child{ float:right} .categories_menu{ margin-top:0.65em} .categories_menu li{ list-style:none; width:100%} .categories_menu li a{ padding:0.5em 16px; display:block; color:#333; font-weight:600; font-size:13px} .categories_menu li ul li a{ padding:0.65em 16px 0.65em 2em; font-size:13px; color:#777; font-weight:600} .categories_menu li ul li ul li a{ padding:0.5em 16px 0.5em 3.85em; font-size:12px; color:#888} .categories_menu li a:hover{ width:100%; background-color:rgba(0,0,0,0.1)} .categories_menu .submenu{ max-height:0; max-width:0; overflow:hidden; 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} .categories_menu .show{ max-height:9999px!important; max-width:9999px!important; overflow:inherit!important} .categories_menu .active{ background:rgba(0,0,0,0.03)} .categories_menu li .on{ color:#159f86} .categories_menu li .checked:before{ content:" "; background:#159f86; width:4px; height:18px; display: inline-block; position:absolute; left:0; margin-top:1px} .categories_menu li a .icon-angle-down{ float:right; color:#999} .categories_menu a .icon-angle-down.up{ -moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg)} li.related_merchant a{ font-weight:400; max-width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;} li.related_merchant a:hover{background-color:#FFFFFF;text-decoration:underline;color:#159f86;} li.related_merchant input{-webkit-appearance:checkbox} .tag_cp{ margin-right:-15px} .tag_cp .offer_list_item{ width:33.333%; padding-right:15px; float:left; margin-bottom:15px} .tag_cp .offer_list_item img.verified_screenshot{display: none;} .tag_cp .coupon_wrapper{ padding:1em 20px 0 20px; height:286px} .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} .tag_cp .bf1808 {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;max-height: 38px;} .tag_cp .detailsD.detailE{display: none} .filter_search{ padding:0 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} .aside_wrap .all_ca_link{ font-size:13px; padding-left:16px; padding-top:1em; display:inline-block; color:#333; font-weight:600} .stores_box{ position:relative; margin-right:-16px} .stores_box li{ width:16.666%; padding-right:16px; list-style-type:none; float:left; height:136px; margin-bottom:16px; position:relative} .stores{ width:100%; height:100%; background-color:#fff; padding:0; position:relative; text-align:center; z-index:96; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,0.26); border-radius:2px} .s_link{ position:absolute; display:block; text-align:center; width:100%; word-break:break-all; left:0; bottom:0; line-height:1; overflow:hidden; font-size:0.875em; font-weight:400; letter-spacing:0.5px; padding:0 4%; background-color:rgba(0,0,0,0.54); 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} .love, .loved{ position:absolute; width:2em; height:2em; line-height:2em; text-align:center; display:inline-block; cursor:pointer; opacity:0; right:0; top:0; font-size:1.25em; color:#f0f0f0; text-shadow:0 0 1px rgba(0,0,0,0.57); -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 } .stores:hover .love, .loved{ opacity:1} .loved, .love:hover{ color:#ff0000; text-shadow:0 0 1px #820000} .stores:hover .love:hover{ opacity:0.5} .expired_label{ position:absolute; top:20px; left:-3px; 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} .detail_components .expired_label{ top:-32px; left:-40px} .wrapper3 .detail_components .expired_label{ left:-32px !important} .google_ads{ width:100%; margin-bottom:16px;} .loading {text-align:center; margin-bottom:2em; clear:both} .loading img {width:3.75em; height:1.875em} .see_more{ text-align:center; margin-bottom:-1em; clear:both; font-size:1.5em} .back_to_top{ position:fixed; right:2em; bottom:5em; width:3.125em; height:3.125em; line-height:3.125em; text-align:center; z-index:999; cursor:pointer; color:#fff; opacity:0.7; background-color:rgba(0,0,0,0.8); border-radius:50%; transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; -webkit-transition: all .6s ease} .back_to_top i{ font-size:1.375em} .back_to_top:hover{ background-color:#ff9800; opacity:1} .blog_wrapper article{ width:100%; margin-bottom:16px; float:left; border-bottom:1px solid #e2e2e2} .blog_wrapper a:nth-child(4) article{ border-bottom:none} .blog_wrapper h4{ font-size:1em; line-height:1.2; margin-bottom:16px; color:#333; max-height:2.375em; overflow:hidden} .blog_img{ width:100%; height:150px;overflow:hidden; position:relative; margin-bottom:16px} .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:120%; min-height:100%; min-width: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%)} .tools_mod{ width:100%; background-color:#f4f4f4} .tools_mod article{ width:100%; padding:0; float:left; position:relative} .tools_mod article:first-child::after{ content:""; position:absolute; display:block; height:80%; top:10%; right:0; width:0px; background-color:#e5e5e5 } .newsletter_wrap, .app_wrap, .couponalert_wrap, .about_wrap{ padding:1.25em 0 1em 7em; position:relative; cursor:pointer; min-height:11em} .about_wrap{ padding-left: 0; } .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, .about_wrap h2{ 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.5em 0 1em 0} .couponalert_wrap i{ color:#c96; font-size:5.875em} .couponalert_wrap .title{ color:#c96} .couponalert_wrap .color_button, .couponalert_wrap .bar, .couponalert_wrap .highlight{ background-color:#c96 } .about_wrap h2{ padding:0; color:#333} .about_wrap .icon-pp{ position:absolute; left:0; top:28px; width:2em; height:3.25em; font-size:2.25em; display: none;} .pp_desc{ color:#666; font-size:14px} .pp_desc.less{ max-height:84px; overflow:hidden; position:relative; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; text-overflow:ellipsis} .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{ padding-bottom:48px; background:#fff; width:100%; margin-top:1.5em} .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%} .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, .ca_303{ width:2em; height:2em; background: url(./image/v08/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} .ca_303{ background-position: -2em -12em} .view_more{ font-size:14px; color:#159f86; cursor:pointer; font-weight:400; margin-left:-1em} .view_more i{ font-size:20px; margin-left:2px; font-weight:500} .oops{ text-align:center; margin-bottom:3em; color:#999} .oops h1{ font-size:3em; margin:0.6em} .oops p{ font-size:1.5em} .oops_img{ width:100%; height:9em; margin-bottom:2em; background-image:url(./image/v08/404-1.svg); background-size:auto 100%; background-position:center center; background-repeat:no-repeat} 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:20px; 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} /*deal detail*/ .detail_left{ width:16.25em; height:16.25em; position:absolute; left:0} .detail_left .pro_img{ width:16.25em; height:16.25em; float:left; text-align:center; vertical-align:middle; display:block} .detail_left .pro_img img{ max-width:100%; max-height:100%} .detail_center .price_shop{ margin-top:1em; margin-bottom:-0.5em} .detail_center .price_shop span{ display:inline-block; margin-right:12px; line-height:36px; font-size:12px} .detail_center .price_now{ font-size:1.375em!important; color:#cc0000!important} .detail_center .price_old{ text-decoration:line-through; color:#999} .detail_center .time_success, .grid_deal .time_success{ height:1.875em; line-height:1.875em; overflow:hidden; position:relative; list-style:none} .detail_center .time_success li, .grid_deal .time_success li{ margin:0 12px 0 0!important; display:inline-block; font-size:12px; letter-spacing:0.5px; color:#999; width:auto!important} .detail_center .shipping{ font-size:12px} .detail_center p.code_tips strong, .topic_page p.code_tips strong{ color:#ff0000} .detail_center p.code_tips{ font-size:1.1em; margin-top:0.35em} .detail_components{ position:relative; padding-left:300px; min-height:16.25em} .detail_components .go_btn{ width:16.666em; height:2.77em; line-height:2.5; background:#39f; color:#fff; font-size:1.125em; margin-top:0.85em; border-radius:0; position:relative} .detail_components .go_btn .icon-angle-right{ font-size:1.125em; margin-left:0.75em; vertical-align:initial} .detail_info{ margin-top:3.25em; padding-top:3em; border-top:1px solid #e2e2e2} .detail_info ul, .detail_info ol{ margin-left:16px} .detail_info p, .detail_info ul li, .detail_info ol li{ color:#666; font-size:14px; margin-bottom:8px} .detail_info p img{ max-width:60%; margin:0 auto; display:block} .detail_info p iframe{ margin:0 auto; display:block} .detail_info strong{ font-weight:600; color:#666} .grid_deal{ margin-right:-32px; margin-bottom:1em} .grid_deal .deal_wrapper:hover{ box-shadow:0 0 20px #ccc; transition: all 0.6s ease-out;} .grid_deal article{ width:25%; padding-right:32px; float:left; margin-bottom:32px} .grid_deal .deal_wrapper{ background-color:#fff; position:relative; cursor:pointer; padding:0 1em 1em 1em} .grid_deal .deal_wrapper .d_img{ width:100%; height:12.625em; padding:20px 0; text-align:center; vertical-align:middle} .grid_deal .deal_wrapper .d_img img{ max-width:70%; max-height:100%} .grid_deal .deal_wrapper h3{ font-size:1em; line-height:1.2; margin-bottom:10px; font-weight:500; color:#333; height:2.45em; overflow:hidden} .grid_deal .deal_wrapper h3 a{ color:#333} .wrapper3{ width:70%; float:left; background:#fff; padding:32px; box-shadow:0 1px 6px rgba(0,0,0,0.16); margin-bottom:32px} .wrapper3 ~ .area_right{ width:30%; padding-left:32px} .topic_page h1{ font-size:1.5em; color:#333; font-weight:500; line-height:1.25} .topic_page .time{ font-size:14px; color:#999; margin-top:5px; display:block} .topic_page .time ~ p{ font-size:14px; margin-top:16px} .topic_page article{ margin-top:1.125em} .topic_page article h3{ font-size:1.25em; color:#333; line-height:1.3em; margin-bottom:15px; font-weight:500} .topic_page article h3:before{ content:""; background:#00a086; width:5px; height:16px; display: inline-block; margin-right:10px} .topic_page article p{ font-size:14px} .topic_page p img{ margin:2em auto; max-width:60%; display:block} .topic_page ul, .topic_page ol{ margin-bottom:16px} .topic_page article .deal_box{ width:600px; margin:0 auto; border:1px solid rgba(0,0,0,0.08); padding:10px 20px 10px 10px; list-style-type:none; margin-bottom:20px; position:relative} .topic_page article .content_box{ position:relative; min-height:9.5em; margin-left:10em} .topic_page article .deal_box h3{ font-size:1.125em} .topic_page article .deal_box h3:before{ display:none} .topic_page article .pro_img{ width:9.375em; height:9.375em} .topic_page article .pro_img img{ max-width:80%; max-height:88%} .topic_page article .price_shop{ margin-bottom:0; min-height:4em} .topic_page article .price_now{ font-size:1.25em} .topic_page article .price_old{ font-size:14px} .topic_page article .time_success{ position:absolute; bottom:2px} .topic_page article .time_success a, .topic_page article .time_success span{ font-size:12px; color:#999; margin-right:2em} .topic_page article .go_btn{ right:0; bottom:5px} .topic_page article .go_btn .get_deal{ width:7.875em; height:2em; line-height:1.7; font-size:1em} .r_wrap{ background:#fff; padding:0 16px 16px 16px; margin-bottom:2em} .r_wrap h2{ font-size:1.25em} .r_wrap ul li{ list-style-type:none; border-bottom:1px solid rgba(0,0,0,0.08); padding:16px 0; min-height:5.65em} .r_wrap ul li:last-child{ border:none} .r_wrap .pro_img{ width:6.5625em; height:3.625em; margin-right:16px} .r_wrap 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} .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:1000; height:100%; width:100%; overflow-y:scroll; 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:10px 32px 20px; clear:both; position:relative; box-sizing:border-box} .coupon_detail textarea,.coupon_detail input[type="text"]{ border:none; box-shadow: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} .coupon_detail .code_wrap:nth-child(2){ text-align: left; padding-bottom: 6px;} .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:10px; 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 .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, .newsletter_pop{ padding:0 32px} .couponalert_pop .couponalert_wrap .title, .newsletter_pop .newsletter_wrap .title{font-size:1.75em; line-height:1.5; margin-bottom:6px; padding:0} 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} .anchor_positioning{ margin-top:-72px; float:left} .coupon_detail_wrapper{ background: #fff; padding:10px 0 50px 0; } .coupon_detail_wrapper .coupon_detail{ border: #eee 1px solid; box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);} .coupon_detail_wrapper .code_wrap .button{ background-color:rgba(0,0,0,0.04); } .coupon_detail_wrapper .code_wrap > .button{ background: #159f86; color: #fff;} .coupon_detail_wrapper .code_wrap > .button i{ vertical-align: top; font-size: 25px; margin-right: 3px;} .coupon_detail_wrapper .mer_logo{ margin-bottom: 0px; padding-left: 100px;} .coupon_detail_wrapper .coupon_description, .coupon_detail_wrapper .coupon_restriction{ padding-left: 100px; } .magnify_wrap{ text-align: center; padding-bottom: 15px; } .magnify_wrap p{font-size: .9em; font-weight: 700; color: #159f86; text-align: left;} .topcoupons{ border-top: #eee 1px solid; padding-top: 15px; padding-bottom: 15px; } .topcoupons h2{ font-size: .9em; font-weight: 700; color: #159f86; padding-bottom: 0.5em;} .topcoupons ul li{ list-style: decimal inside; font-size: 0.8em; padding-bottom: 0.5em; color: #000} .topcoupons ul li a{ text-decoration: underline; color: #000} .otherpromo{ overflow: hidden; } .otherpromo .button{ color: #333 !important; text-align: left; max-width: 320px;} .otherpromo .button i{ vertical-align: baseline; margin-right: 3px; position: absolute; left: 3px; top: 0;} .otherpromo .button.next{ float: right; text-align: right; margin-right: 0;} .otherpromo .button.next i{ margin-left: 3px; right: 0;} .breadcrumbs{ font-size:12px; color:#444; clear:both; max-width: 1200px; margin:0 auto 40px auto;} .breadcrumbs a{ color:#444} .breadcrumbs div{ display:inline-block} .code_wrap .show_code{ cursor: pointer; position:absolute; height:100%; width: 90%; right:0; color:#fff; top:0; text-align:center; background-color:#ff9800; z-index: 99;} .code_wrap .show_code:before{ content:""; position:absolute; height:100%; width:1.5em; display:inline-block; background-position:0 -4.75em; top:0; left:-1.5em; -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} .code_wrap .copy_code:hover .show_code:before{ left:-1.125em} .code_wrap .show_code span{ font-size:0.7em; font-weight:500; height:2.3em; line-height:2em;} /*new home 1030*/ .sub_logo{ position: absolute; left: 235px; bottom: 9px; color: #fff; font-size: 0.75em; } .area_right .list_stores .store_block{ height:auto; line-height:1.5em; padding:0.5em 1.5em;} .area_right .list_stores .store_block p{ font-size:14px; margin-bottom:0; text-align: center; line-height: 1.2; height: 1.2em; overflow: hidden;} .area_right .list_stores .store_block p:first-child{ float:none} .area_right .list_stores .store_block p:last-child{ float:none} .grid_coupons{ margin-right: -15px; } .grid_coupons article{ width:33.333%; padding-right:15px; float:left; margin-bottom:15px} .coupon_wrapper{ background-color:#fff; border-radius:2px; border:1px solid #e2e2e2; padding:0 20px 106px 20px; cursor:pointer; position:relative} .coupon_wrapper .m_logo{ width:100%; height:8em; padding:16px 0} .coupon_wrapper .m_logo img{ max-width:70%} .coupon_wrapper h3{ font-size:1.125em; line-height:1.6; margin-bottom:10px; color:#333; font-weight:500; height:4.8em; overflow:hidden} .coupon_wrapper h3 a{ color:#333} .coupon_wrapper .time_success{ height:1.875em; line-height:1.875em; overflow:hidden; position:relative; list-style:none} .coupon_wrapper .time_success li,.coupon_wrapper .time_success span{ margin:0 12px 0 0; display:inline-block; font-size:13px; letter-spacing:0.5px; color:#757575; width:auto!important; padding:0!important} .coupon_wrapper .time_success li span{ display:none} .coupon_wrapper .time_success li.more{ margin:0 0 0 8px; cursor:pointer; position:relative} .coupon_wrapper .time_success i{ font-size:14px; margin-right:4px; color:#bbb; vertical-align:baseline} .coupon_wrapper .hurry, .coupon_wrapper .time_success .hurry{ color:#F00} .coupon_wrapper .hurry i,.coupon_wrapper .time_success .hurry i{ color:#ff0000} .coupon_wrapper .cb_comment{ position:relative; z-index:1} .coupon_wrapper .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;} .coupon_wrapper .go_btn{ width:65%; max-width:210px; position:absolute; right:0; bottom:22px; height:2.875em; padding-right:3.125em; font-size: 0.8em;} .coupon_wrapper .go_btn .code{ width:100%; height:100%; border:1px dashed #9f9f9f; color:#666; background-color:#dfdfdf; font-size:1.5em; line-height:1.916em; padding:0 6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis} .coupon_wrapper .go_btn .show_code,.coupon_wrapper .go_btn .get_deal{ position:absolute; height:2.875em; right:3.125em; color:#fff; top:0; text-align:center} .coupon_wrapper .go_btn .show_code span,.coupon_wrapper .go_btn .get_deal span{ font-size:1.25em; font-weight:500; height:2.3em; line-height:2.3em;} .coupon_wrapper .go_btn .get_deal span{ font-size: 1.2em; } .coupon_wrapper .go_btn .show_code{ background-color:#ff9800; width:60%} .coupon_wrapper .go_btn .get_deal{ width:65%; background-color:#39f} .coupon_wrapper .show_code:before,.coupon_wrapper .get_deal:before{ content:""; position:absolute; height:100%; width:2em; display:inline-block; background-position:0 -4.75em; 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} .coupon_wrapper .go_btn:hover .show_code:before{ left:-1.125em} .coupon_wrapper .get_deal:before{ background-position:0 -8.125em} .coupon_wrapper .show_code:after,.coupon_wrapper .get_deal:after{ content:""; position:absolute; height:100%; width:3.125em; display:inline-block; background-position:-4em -4.75em; right:-3.125em; top:0} .coupon_wrapper .get_deal:after{ background-position:-4em -8.125em} .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 {padding:12px 20px; max-height:100em;opacity:1} .grid_coupons .coupon_wrapper { height: 18.5em; padding-top: 8em; } .grid_coupons .coupon_wrapper div.titleL{ height: 3.9em; font-size:1em; color: #333; line-height:1.3em; overflow: hidden; } .grid_coupons .coupon_wrapper .m_logo{ position: absolute; top: 0px; left: 0 } .new_merchants{ clear: both; } .new_merchants h2{ padding-top: 0; } .new_merchants ul{ background: #fff; border: 1px solid #e2e2e2; overflow: hidden; padding:20px 25px;} .new_merchants ul li{ width: 25%; float: left; font-size: 0.85em; list-style: none; height: 2.5em; line-height: 2.5em; } .new_merchants ul li a{ display:inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block;} .grid_stores .store_wrap{ background: #fff; } .coupon_detail_banner a img{ width:100%; height:auto; margin-top:1em} .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)} @media (max-width:1279px){ #fixed_filter{ top:56px} #fixed_filter_category{ width:20%}} @media (max-width:1200px){ .list_deal .deal_wrapper{ padding:1.5em} } @media (max-width:1024px){ .wrapper{ width:auto; margin-right:32px; margin-left:32px} .list_deal .time_success{ height:auto; line-height:1.2em} .list_deal .time_success li{ display:inherit} .tools_mod{ font-size:0.875em} .back_to_top{ display:none} .coupon_wrapper{ padding-left:20px; padding-right:20px} } @media (max-width:960px){ .home_page, .area_right, .cg_page, .cg_page_aside, .wrapper3 ~ .area_right{ width:100%; padding:0} .wrapper3, .topic_page article .deal_box{ width:100%} .list_stores li{ width:33.333%; float:left; padding-right:16px; margin-bottom:16px} .list_stores, .blog_wrapper{ margin-right:-16px} .stores_box li{ width:25%} .blog_wrapper article{ width:50%; padding-right:16px} .blog_wrapper h4{min-height:2.375em} .blog_wrapper a:nth-child(3) article{ border-bottom:none} .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%} .grid_deal article{ width:50%} .cg_page h1{ color:#333; font-size:1.5em; padding:0.7em 0} .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} /*.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 h3{ max-height:3.2em; margin-bottom:32px} .tag_cp .offer_list_item {width: 50%} #fixed_filter_category{ display:none} } @media (max-width:768px){ .blog_wrapper{ margin-right:-16px} .blog_wrapper li{ padding-right:16px} .searches_categories .hot_searches li, .searches_categories .categories li{ width:33.333%!important} .pro_img{ width:9.375em; height:9.375em} .list_deal .deal_content{ margin-left:10.65em} .list_stores li{ width:50%} .list_deal .time_success li span{ display:none} .detail_components .expired_label{ left:-32px} .wrapper2{ padding:32px 32px} .wrapper2 h1, .detail_center h1{ font-size:1.125em} .detail_components{ padding-left:230px; min-height:12.5em} .detail_left, .detail_left .pro_img{ width:12.5em; height:12.5em} .detail_components .go_btn{ width:12.666em; height:2.5em; line-height:2.2;} .grid_deal{ margin-right:-16px} .grid_deal article{ padding-right:16px; margin-bottom:16px} .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} .magnify_wrap .zoom-img{ width: 100%;!important; } .grid_stores, .grid_coupons, .blog_wrapper{ margin-right:-16px} .grid_stores li, .grid_coupons article, .blog_wrapper li{ padding-right:16px} .coupon_wrapper .go_btn{ width:13.75em; font-size:0.9em} .coupon_wrapper .go_btn .get_deal{ width:60%} .coupon_wrapper .time_success li.more{ display:none} .coupon_wrapper .go_btn .code,.coupon_wrapper .show_code:before,.coupon_wrapper .get_deal:before,.coupon_wrapper .show_code:after,.coupon_wrapper .get_deal:after{ display:none} .coupon_wrapper .go_btn{ width:6.25em; padding:0; bottom:0.2em} .coupon_wrapper .go_btn .get_deal,.coupon_wrapper .go_btn .show_code{ width:100%; right:0; height:auto} .coupon_wrapper .go_btn .show_code span,.coupon_wrapper .go_btn .get_deal span{ font-size:0.875em; letter-spacing:0px; font-weight:500} .new_merchants ul{ padding: 10px} .new_merchants ul li{ width: 50%;} .header_valentine{ display: none; } .header_easter{ display: none; } .tag_cp .offer_list_item {width: 50%} .grid_coupons article{ width:50%} } @media (max-width:766px){ #fixed_filter, .filter_list{ display:none} #fixed_filter_category, .filter_list{ display:none} .tag_cp .offer_list_item {width: 50%}} @media (max-width:480px){ body{ font-size:0.9em} .wrapper{ margin-left:16px; margin-right:16px} .pro_img, .detail_left .pro_img{ width:100%; height:auto; margin-bottom:1.5em} .list_deal .deal_wrapper{ padding:1em} .home_page .list_deal .deal_wrapper:hover{ border-left:2px solid #fff} .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{ display:block} .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, .list_deal .time_success li{ display:none} .list_deal .time_success li:nth-child(2){ display:block} .list_deal .grid_pro_img li{ width:100%} .detail_components .expired_label{ left:-16px; top:-16px} .wrapper2{ padding:16px 16px} .detail_components{ padding-left:0} .detail_left{ width:100%; padding:0; position:relative; border:0; margin-bottom:1.5em} .detail_components .go_btn{ width:100%; height:2.5em; line-height:2.2} .stores_box li{ width:33.333%; height:100px} .topic_page{ padding:16px} .topic_page article .pro_img{ width:6em; height:6em} .topic_page article .content_box{ margin-left:6.5em} .topic_page article .deal_box h3{ font-size:1em; margin-bottom:10px} .topic_page article .price_shop{ min-height:auto} .topic_page article .time_success{ position:relative} .topic_page article .go_btn{ position:relative; margin-top:16px} .tools_mod{ font-size:0.75em} .searches_categories .hot_searches li, .searches_categories .categories li{ width:50%!important} .public_media span{ font-size:1.25em} .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} .grid_coupons article{ margin-bottom:20px} .grid_coupons .coupon_wrapper{ min-height: 140px; } .coupon_wrapper h3{ margin-bottom:8px} .time_success li{ font-size:0.75em} .tag_cp .coupon_wrapper{ padding:20px 20px 0 20px; height:auto; min-height:220px} .tag_cp .coupon_wrapper div.bf1808{ height:auto} .tag_cp .detailsD {display: none;} .tag_cp .offer_list_item {width: 100%} .grid_coupons article{ width:100%} } .banner_wrapper{width:100%;overflow:hidden;position:relative;margin:0 auto 1em;clear:both}.glide{position:relative;height:224px;width:90%;max-width:1200px;margin:0 auto}.glide:after,.glide:before{content:"";width:100%;height:100%;position:absolute;top:0;left:-100%;display:block;background-color:rgba(255,255,255,0.54);z-index:1}.glide:after{left:100%}@media(max-width:1024px){.glide{width:auto;margin:0 32px;height:200px}}@media(max-width:768px){.glide{height:150px}}@media(max-width:480px){.glide{height:7.5em;margin:0 16px}}.glide__wrapper{width:100%;height:100%;list-style:none;-webkit-perspective:1000;perspective:1000;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:absolute;top:0;left:0}.glide__wrapper.dragging{cursor:-webkit-grabbing;cursor:grabbing}.glide__slide{-webkit-perspective:1000;perspective:1000;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:auto 100%}.box{width:100%;height:100%;display:block}.glide__arrows{position:absolute;top:50%;width:100%}.glide__arrow{position:absolute;z-index:2;display:block;top:-24px;width:48px;height:48px;background-color:rgba(21,159,134,0.26);border-radius:50%;cursor:pointer}.glide__arrow:hover{background-color:rgba(21,159,134,0.54)}.glide__arrow:before,.glide__arrow:after{content:"";display:block;position:absolute;width:20px;height:1px;background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);left:15px;top:50%;margin-top:-7px}.glide__arrow:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:7px}.glide__arrow.prev{left:-54px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.glide__arrow.next{right:-54px}@media(max-width:1024px){.glide__arrow.prev{left:8px}.glide__arrow.next{right:8px}}@media(max-width:767px){.glide__arrows{display:none}}.glide__bullets{position:absolute;bottom:4px;width:100%;text-align:center;list-style:none}.glide__bullets li{display:inline-block;background-color:transparent;width:12px;height:12px;margin:0 5px;cursor:pointer;border-radius:50%;border:1px solid rgba(21,159,134,0.54)}.glide__bullets li:hover{background-color:rgba(21,159,134,0.54);border:0}.glide__bullets li.active{background-color:rgba(21,159,134,1)}.glide--carousel .glide__slide{float:left;clear:none}