@font-face {
    font-family: 'FontAwesome';   
    src: url('../image/v05/FontAwesome2016.woff') format('woff'),
         url('../image/v05/FontAwesome2016.svg') 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(0deg);} 100%{-moz-transform:rotate(359deg);}}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}
@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}
@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}
@keyframes spin{0%{transform:rotate(0deg);} 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";}

#main_content{ padding:16px 0 0 0; position:relative}
.wrapper{ max-width:1200px; width:90%; margin:0 auto; clear:both; position:relative}
.wrapper h2,.wrapper h3, .merchant_key h1{ font-size:1.5em; line-height:1.25; padding:0.7em 0; color:#333}
.button.fright{ font-weight:400; margin:20px 0 0 0; font-size:15px}
.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:105px; border:1px solid #DCDDDD; border-radius:2px; position:relative}
.m_logo{ height:100%; width:100%; text-align:center; vertical-align:middle; padding:16px;}
.m_logo img{ max-width:100%; max-height:100%}
.m_link{ position:absolute; display:block; text-align:center; width:100%; left:0; bottom:0; font-size:14px; font-weight:500; line-height:1.2; letter-spacing:0.5px; padding:0 4%; 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; height:100%;background-color: #2b90d9; background-image: -webkit-linear-gradient(135deg,#2b90d9 15%,#64b8f5); background-image: linear-gradient(-45deg,#2b90d9 15%,#64b8f5);}
.store_wrap:hover .m_link{ max-height:1000px; padding:1em 4%; opacity:.9}

.coupons_container{ background-color:#efefef}
.coupons_container~.wrapper{ padding-top:16px}

.coupon_wrapper{ background-color:#fff; border-radius:2px; border:1px solid #e2e2e2; padding:0 32px 24px 32px; cursor:pointer; position:relative}
.coupon_wrapper .m_logo{ width:inherit; height:inherit; padding:0; position:absolute; top:1em; right:1em; width:11em; height:8em;}
.coupon_wrapper .m_logo img{ max-width:80%; max-height:80%}

.coupon_wrapper h3{ font-size:1.125em; line-height:1.6; margin-bottom:10px; color:#333; font-weight:500; height:4.25em; overflow:hidden}
.coupon_wrapper h3 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; display:inline-block; font-size:13px; letter-spacing:0.5px; color:#757575; width:auto!important; padding:0!important}
.time_success li span{ display:none}
.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}
.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{ margin:1em 0; width:100%; height:2.9em; overflow:hidden; position:relative}
.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; text-align:right;}
.go_btn .show_code, .go_btn .get_deal{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:2.3em; line-height:2.3em;}
.go_btn .show_code{width:80%; background-color:#2b90d9; position:absolute; border-left:10px solid #0d72bb;-moz-transition:.2s ease-in; -ms-transition: .2s ease-in; -o-transition: .2s ease-in; -webkit-transition: .2s ease-in; transition: .2s ease-in;height: 100%;}
.go_btn .show_code:hover{width:70%;}
.go_btn .show_code:after{content:""; display:block; position:absolute; top:0; right:-2.9em;border-bottom:3em solid #2b90d9; border-right:3em solid transparent;}
.go_btn .get_deal{background-color:#2b90d9; border-left:10px solid #0d72bb}

.grid_coupons article{ width:33.333%; padding-right:32px; float:left; margin-bottom:32px}
.grid_coupons .coupon_wrapper .offer{margin:1em 6em 0 0; font-size:1.5em; height:5em; color:#333;}
.grid_coupons .coupon_wrapper .offer .off{ font-size:1.125em}

.grid_stores.cat .m_logo{padding:0;}
.grid_stores.cat .store_wrap{height:inherit;}
.grid_stores.cat .m_link{background:rgba(0,0,0,.4); top:0; left:0; padding:.5em; max-height:inherit; opacity:1;}
.grid_stores.new{width:100%; padding-top: 12px;}
.grid_stores.new li{width:33.3%;}
.grid_stores.new .m_logo{background:#fff}

.grid_coupons .go_btn .long_btn{ padding-top:0.125em; padding-right:1em}
.grid_coupons .go_btn .long_btn span{ font-size:1.125em; line-height:1}
.grid_coupons .go_btn .long_btn span span{ font-size:0.875em; display:block; height:1em}
.grid_coupons .new_label, .grid_coupons .exclusive_label, .grid_coupons .newyear_label,.grid_coupons .christmas_label,.grid_coupons .valentines_label,.grid_coupons .mothers_label,.grid_coupons .easter_label,.grid_coupons .thanksgiving_label,.grid_coupons .memorial_label,.grid_coupons .independence_label,.grid_coupons .labor_label,.grid_coupons .fathers_label,.grid_coupons .halloween_label,.grid_coupons .backtoschool_label,.grid_coupons .bankholiday_label,.grid_coupons .blackfriday_label,.grid_coupons .cybermonday_label,.grid_coupons .boxing_label{ position:absolute; top:16px; left:32px; line-height:20px; display:inline-block; padding:0 10px; text-align:center; font-size:12px; font-weight:500; border-radius:50px;}
.grid_coupons .new_label{color:#22AC38; border:1px solid #22AC38}
.grid_coupons .exclusive_label{color:#7E318E; border:1px solid #7E318E}
.grid_coupons .newyear_label{ color:#e60c0d; border:1px solid #e60c0d}
.grid_coupons .christmas_label{ color:#dd0a35; border:1px solid #dd0a35}
.grid_coupons .valentines_label{ color:#ff5da2; border:1px solid #ff5da2}
.grid_coupons .mothers_label{ color:#f60c86; border:1px solid #f60c86}
.grid_coupons .easter_label{ color:#4fb783; border:1px solid #4fb783}
.grid_coupons .thanksgiving_label{ color:#fb732f; border:1px solid #fb732f}
.grid_coupons .memorial_label{ color:#2b4484; border:1px solid #2b4484}
.grid_coupons .independence_label{ color:#0960bd; border:1px solid #0960bd}
.grid_coupons .labor_label{ color:#3379e4; border:1px solid #3379e4}
.grid_coupons .fathers_label{ color:#5454c5; border:1px solid #5454c5}
.grid_coupons .halloween_label{ color:#7047a3; border:1px solid #7047a3}
.grid_coupons .backtoschool_label{ color:#009589; border:1px solid #009589}
.grid_coupons .bankholiday_label{ color:#09a8fa; border:1px solid #09a8fa}
.grid_coupons .blackfriday_label{ color:#000; border:1px solid #000}
.grid_coupons .cybermonday_label {color:#3b02d4; border:1px solid #3b02d4}
.grid_coupons .boxing_label{ color:#f23557; border:1px solid #f23557}

.list_coupons .coupon_wrapper .m_logo{ width:100%; padding:16px 0}
.list_coupons .coupon_wrapper .m_logo img{ max-width:80%}
.list_coupons .coupon_wrapper h3{ height:4.8em}
.coupon_wrapper .des{ font-size:14px; margin-bottom:.5em; max-height:44px; overflow:hidden; position:relative}
.coupon_wrapper .des:after{ content:"Show More"; position:absolute; background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 40%,#fff 100%); height:18px; width:120px; right:0; top:0; text-align:right; color:#2b90d9; font-weight:500; margin-top:22px}
.coupon_wrapper .show{ max-height:999px;}
.coupon_wrapper .show:after{ content:"Show Less"; position:relative; background:none}
.coupon_wrapper .des ul{ margin-left:18px}
.list_coupons .offer, .showallcode_wrap .offer{background:#f5f5f5; width:120px; height:100%; position:absolute; top:0; left:0; vertical-align:middle; text-align:center; font-size:1.375em; color:#333; font-weight:500; display:flex;
 -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; justify-content:center; -webkit-box-direction:normal; -webkit-box-orient:vertical;-webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; z-index:1}
.list_coupons .offer:before, .showallcode_wrap .offer:before{content:""; display:block; width:2em; height:2em; background:#f5f5f5; border-radius:50%; position:absolute; right:-1em; top:50%; margin-top:-1em; z-index:-1}
.list_coupons .offer span, .showallcode_wrap .offer span{display:inline-block; width:100%; height:28px; vertical-align:middle; line-height:initial}

.list_coupons .go_btn{ width:13.75em; max-width:300px; position:absolute; right:2em; top:50%; margin-top:-19px; z-index:1; font-size:0.8em; overflow:hidden}
.list_coupons .go_btn .show_code{ width:79%}
.list_coupons .go_btn .show_code:after{ border-bottom:3.1em solid #2b90d9}
.list_coupons .show_code:before, .list_coupons .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}
.list_coupons .go_btn:hover .show_code:before{ left:-1.125em}
.list_coupons .get_deal:before{ background-position:0 -8.125em}
.list_coupons .get_deal:after{ background-position:-4em -8.35em}
.list_coupons .go_btn .long_btn span{ font-size:1em; line-height:1}
.list_coupons .go_btn .long_btn span span{ font-size:0.875em; display:block; height:14px}
.list_coupons .new_label, .list_coupons .exclusive_label,.list_coupons .newyear_label,.list_coupons .christmas_label,.list_coupons .valentines_label,.list_coupons .mothers_label,.list_coupons .easter_label,.list_coupons .thanksgiving_label,.list_coupons .memorial_label,.list_coupons .independence_label,.list_coupons .labor_label,.list_coupons .fathers_label,.list_coupons .halloween_label,.list_coupons .backtoschool_label,.list_coupons .bankholiday_label,.list_coupons .blackfriday_label,.list_coupons .cybermonday_label,.list_coupons .boxing_label{ position:absolute; top:-2px; left:172px; 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); z-index:1}
.list_coupons .newyear_label{ background:#e60c0d}
.list_coupons .christmas_label{ background:#dd0a35}
.list_coupons .valentines_label{ background:#ff5da2}
.list_coupons .mothers_label{ background:#f60c86}
.list_coupons .easter_label{ background:#4fb783}
.list_coupons .thanksgiving_label{ background:#fb732f}
.list_coupons .memorial_label{ background:#2b4484}
.list_coupons .independence_label{ background:#0960bd}
.list_coupons .labor_label{ background:#3379e4}
.list_coupons .fathers_label{ background:#5454c5}
.list_coupons .halloween_label{ background:#7047a3}
.list_coupons .backtoschool_label{ background:#009589}
.list_coupons .bankholiday_label{ background:#09a8fa}
.list_coupons .blackfriday_label{ background:#000}
.list_coupons .cybermonday_label {background:#3b02d4}
.list_coupons .boxing_label{ background:#f23557}
.list_coupons .exclusive_label{ background:#ff7725}

.view_more{ font-size:14px; color:#2b90d9; cursor:pointer; font-weight:400; margin-left:-1em}

.searches_categories{background:#EFEFEF; width:100%; display:inline-block; padding:1em 0;}
.searches_categories section{ width:52%; float:left}
.searches_categories section:last-child{ width:48%;}
.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 .categories li{ list-style:none; width:33.333%; float:left; padding-right:16px; height:36px; line-height:36px}
.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}


/*merchant*/
#mer_content{ padding:0; position:relative}
#mer_content:before{ content:""; width:100%; height:125px; display:block; top:0; left:0; position:absolute; background-color:#2b90d9; background-image: -webkit-linear-gradient(135deg,#2b90d9 15%,#64b8f5); background-image: linear-gradient(-45deg,#2b90d9 15%,#64b8f5)}
#mer_content .coupons_container{ background-color:#e0e0e0; padding-top:26px}

.breadcrumbs{position:absolute; top:-1em; right:0; font-size:12px; margin-bottom:24px; opacity:0.8; clear:both;color:#fff;}
.breadcrumbs a{color:#fff;}
.breadcrumbs div{ display:inline-block}
.breadcrumbs div:last-child{ opacity:0.6}
.mer_page{ padding-left:38px; padding-bottom:16px; width:80%; float:right}
.merchant_key,.exp_title{ margin-bottom:0; padding:1em 0 .5em 0; vertical-align: text-bottom}
.merchant_key .gray{ font-size:1.25em; margin-left:2px; color:#999}
.merchant_key h1,.merchant_key h2,.exp_title h2{ display:inline; padding:0}
.merchant_key h1, .mer_page .merchant_key h1+.gray{ color:#fff}
.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;}
.only_tablet{ display:none}
.filter{margin-bottom:0.85em; margin-top:0.75em;min-height:30px}
.filter ul{ padding-right:80px}
.filter ul li{ cursor:pointer; list-style:none; height:32px; line-height:1.9; margin-right:56px; margin-bottom:16px; float:left; color:#fff; border-bottom:2px solid rgba(255,255,255,0); padding:0 3px; font-size:15px; font-weight:500}
.filter ul li span { color:#fff}
.filter ul li:hover{ border-bottom:2px solid rgba(255,255,255,1)}
.filter ul li.checked{ border-bottom:2px solid rgba(255,255,255,1)}

.showallcode_btn{  background:#fff; padding:4px 12px; border-radius:2px; float:right; margin-top:-5px}
.showallcode_btn a{ color:#2b90d9; font-weight:500}

.no_result{ font-size:1.65em; line-height:2; margin-bottom:2.5em; opacity:.8; font-style:italic; margin-top:1em}
.no_result .tips{ font-size:15px; line-height:1.2; display:block; margin-top:0.25em}
.list_coupons article{ list-style:none; width:100%; margin-bottom:12px}
.list_coupons article:last-child{ margin-bottom:16px}
.list_coupons .coupon_wrapper{ padding:1.25em 15.75em 0.75em 2em; box-shadow: 0 1px 6px rgba(0,0,0,0.16); border:none; position:relative; padding-left:170px}
.list_coupons .coupon_wrapper .m_logo{ width:130px; float:left;padding:0; position:absolute; top:0; left:0;}
.list_coupons .coupon_wrapper h3{ margin-bottom:8px; font-size:1.5em; line-height:1.3em; height:auto; padding:0}
.list_coupons .coupon_wrapper h3 span{ font-size:1.2em; color:#333!important}
.list_coupons .coupon_btn h3 a:hover{ color:#2b90d9}
.list_coupons .deal_btn h3 a:hover{ color:#6aae23}
.list_coupons .details{ font-size:14px; line-height:1.3; margin-bottom:6px; position:relative; cursor:pointer}
.google_ads{ width:100%; margin-bottom:16px}
.wrapper2{ margin-bottom:16px; border-radius:2px; box-shadow:0 1px 6px rgba(0,0,0,0.16); background:#fff}
.wrapper2{ padding:0 32px 16px 32px; margin-bottom:32px}
.list_coupons+.wrapper2{ margin-top:32px}
.wrapper2+h2, .wrapper2+.merchant_key{ margin-top:-16px}
.wrapper2 .newsletter_wrap{ min-height:9.375em; padding-top:1.75em; margin-bottom:-1em}
.wrapper2 .after_subscribe p{ margin-top:1.25em}
.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:14px}
.art_content p strong{ font-weight:600; color:#555}
.art_content p img, .art_content p iframe{ max-width:100%; margin:0 auto 32px auto; display:block}
.art_content img.fleft{ margin:8px 24px 20px 0; max-width:200px}
.art_content a{ color:#2b90d9}
.art_content ul{ margin-left:26px; clear:both; margin-bottom:16px}
.art_content ul li{ margin-bottom:8px; font-size:14px}
.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}
.page_aside{ width:20%; float:left; padding-top:16px; padding-bottom:16px}
.aside_wrap{ padding:20px 0 26px 0; border-bottom:1px solid rgba(0,0,0,0.08)}
.aside_wrap:last-child{ border:none}
.aside_wrap h3,.aside_wrap h2{ font-size:17px; font-weight:bold; line-height:1.25; padding:0.6em 0 0.7em 0; color:#333}
.aside_wrap.banner{ padding:0; margin-bottom:0}
.aside_wrap.banner img{ max-width:100%}

.merchant_wrap{background:#fff; padding:16px; text-align:center; box-shadow: 0 1px 6px rgba(0,0,0,0.06); margin-bottom:8px}
.merchant_wrap .store_wrap{ height:136px!important; width:100%; border:none}
.merchant_wrap h2{ font-size:1em; line-height:1.2; color:#333;text-align:center}
.merchant_wrap .button{ margin:0 0 12px 0; font-weight:400; font-size:14px; color:#2b90d9; 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}
.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:center; 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 i{ font-size:1.25em; margin-right:8px}
.merchant_btn li .icon-submit{ color:#777}
.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(../image/v05/star.svg?v=2024073075) 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}
.text_lists li{ list-style:none; font-size:15px; height:34px; line-height:34px}
.text_lists li a{ max-width:100%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block}
.wrapper2 .text_lists li{ width:25%; float:left; padding-right:8px}

.side_coupon ul li{ list-style:none; border-bottom:1px solid rgba(0,0,0,0.06); padding:2px 0 14px 0; margin-bottom:14px; position:relative}
.side_coupon ul li:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:10px}
.side_coupon .side_offer{ margin-bottom:4px; font-weight:bold; font-size:15px}
.side_coupon .title{ margin-bottom:5px; font-size:15px}
.side_coupon .expire_time{ font-size:12px; color:#888}
.side_coupon .expire_time i{ margin-right:4px}

/*showallcode*/
.showallcode_wrap{ padding:0}
.showallcode_wrap ul li{ border-bottom:1px solid rgba(0,0,0,0.12); position:relative; list-style-type:none;padding:0 200px 10px 120px}
.showallcode_wrap .offer{ width:90px; font-size:1em}
.showallcode_wrap .offer span{ line-height:2.5}
.showallcode_wrap .title{ font-size:18px; color:#333; padding:16px 0 6px 0; font-weight:500; line-height:1.3}
.showallcode_wrap .copy_code{ border:1px dashed #2b90d9; position:absolute; right:20px; top:50%; padding:0.45em 3.85em 0.45em 0.65em; margin:-1.125em 0 0 0; width:160px}
.showallcode_wrap .copy_code div{ font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;font-weight:500}
.showallcode_wrap .copy_code input[type="button"]{ width: 3.2em; font-size:1em}
.showallcode_wrap .deal_button{position:absolute; right:20px; top:50%; margin:-1.125em 0 0 0; background:#2b90d9; color:#fff; font-weight:500; text-align:center; padding: 0.48em 0; width:160px}
.showallcode_wrap .time_success, .showallcode_wrap .time_success i{ font-size:13px}


@media (max-width:1024px){
  .wrapper{ width:auto; margin-right:32px; margin-left:32px}
  .coupon_wrapper{ padding-left:20px; padding-right:20px}
  .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%}
  .filter ul li{ margin-right:36px}
}
@media (max-width:960px){
  .grid_stores li{ width:33.333%}
  .grid_coupons article{ width:100%; margin-bottom:20px}
  .grid_coupons .coupon_wrapper{padding:1em;}
  .grid_coupons .coupon_wrapper h3{height:auto;margin:0 6em 2em 0; padding-bottom:0; line-height:1; overflow:inherit}
  .grid_coupons .time_success{position:absolute; left:1em; bottom:.5em;}
  .grid_coupons .coupon_wrapper .offer{margin:0; height:30px;}
  .grid_coupons .coupon_wrapper .m_logo{ height:4em}
  .grid_coupons .new_label, .grid_coupons .exclusive_label,.grid_coupons .newyear_label,.grid_coupons .christmas_label,.grid_coupons .valentines_label,.grid_coupons .mothers_label,.grid_coupons .easter_label,.grid_coupons .thanksgiving_label,.grid_coupons .memorial_label,.grid_coupons .independence_label,.grid_coupons .labor_label,.grid_coupons .fathers_label,.grid_coupons .halloween_label,.grid_coupons .backtoschool_label,.grid_coupons .bankholiday_label,.grid_coupons .blackfriday_label,.grid_coupons .cybermonday_label,.grid_coupons .boxing_label{ left:122px; top:19px}
  .grid_coupons .go_btn{position:absolute; bottom:-1px; right:0; font-size:.8em; margin:0; width:35%; height:auto}
  .searches_categories section:first-child{ display:none}
  .searches_categories .categories li{ width:25%}
  .searches_categories section:last-child{width:100%;}
  #mer_content:before{ height:147px}
  /*.breadcrumbs, .page_aside,.in_fs{ display:none}
  */.mer_page, .page_aside, #mer_content .coupons_container{ width:100%; padding:0}
  .only_tablet{ display:inherit}
  .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}
  .merchant_key .store_wrap{margin-bottom:0}
  .merchant_key{ height:104px}
  .list_coupons .coupon_wrapper .m_logo{ width:30%; position:absolute; left:0; top:0; height:100%}
}
@media (max-width:768px){
  .grid_stores, .grid_coupons{ margin-right:-16px}
  .grid_stores li, .grid_coupons article{ padding-right:16px}
  .time_success li.more{ display:none}
  .searches_categories .categories li{ width:33.333%!important}
  .searches_categories section:last-child{ background-color:transparent}
  .searches_categories ul.less{ margin-right:-16px}
  .merchant_key h1{ font-size:1.125em}
  .merchant_key .button{ font-size:14px}
  .list_coupons .coupon_wrapper{ padding:1em 12em 2.5em 1em}
  .list_coupons .similar .coupon_wrapper{padding-left:150px;}
  .list_coupons .coupon_wrapper h3{ font-size:1.375em}
  .coupon_wrapper p.des{ max-height:18px}
  .coupon_wrapper p.show{ max-height:999px}
  .coupon_wrapper p.des:after{ margin-top:0}
  .list_coupons .similar .time_success{padding-left:130px;}
  .list_coupons .go_btn{ bottom:0; right:0; margin:0; top:inherit}
  .list_coupons .time_success{position: absolute; left: 1em; bottom: .5em;}
  .list_coupons .offer, .exclusive_label, .newyear_label, .christmas_label, .valentines_label, .mothers_label, .easter_label, .thanksgiving_label, .memorial_label, .independence_label, .labor_label, .fathers_label, .halloween_label, .backtoschool_label, .bankholiday_label, .blackfriday_label, .cybermonday_label, .boxing_label,  .similar_label, .showallcode_wrap .offer{ display:none!important}
  .aside_wrap .list_coupons li{ width:100%; padding-right:0}
  .code_wrap{ padding:32px}
  .showallcode_wrap ul li{ padding:0 200px 10px 20px}
}
@media (max-width:480px){
   body{ font-size:0.9em}
  .wrapper{ margin-left:16px; margin-right:16px;}
  .wrapper h2.m_title,.wrapper h3.m_title{ padding-left:1em; position:relative;}
  .wrapper h2.m_title:after,.wrapper h3.m_title:after{content:""; display:block; height:20px; position:absolute;border-left:3px solid #0E8BC9; left:0; top:50%; margin-top:-10px;}
  .grid_coupons .coupon_wrapper .m_logo{ height:3em; width:7em}
  .grid_stores li{margin-bottom:20px}
  .store_wrap{ height:110px; background:#fff; position:relative;box-shadow: 0px 2px 5px rgba(0,0,0,0.1); border:0;}
  .grid_stores.cat li{ width:100%; height:110px}
  .grid_stores.cat .m_logo{padding:1em; height:110px; position:absolute; top:0; left:0; width:30%;}
  .grid_stores.cat .m_link{ text-align:left; background-color:transparent; max-height:inherit; opacity:1; padding-left:120px; font-size:1.25em; color:#444; height: 110px;}
  .grid_coupons article{ margin-bottom:20px}
  .time_success li{ font-size:0.75em}
  .searches_categories .categories li{ width:50%!important}
  .button.fright{margin-top:10px; z-index:999; color:#0491B2;}
  #mer_content:before{ height:106px}
  .wrapper2{ padding-left:24px; padding-right:24px}
  .store_wrap{ height:110px}
  .list_coupons{ margin-top:16px}
  .list_coupons .coupon_wrapper{ padding-right:2em; padding-left:1.5em}
  .list_coupons .coupon_wrapper h3{ margin-bottom:8px}
  .list_coupons .go_btn{ overflow:inherit}
  .list_coupons .time_success{ margin-top:0}
  .list_coupons .go_btn .code, .list_coupons .show_code:before, .list_coupons .get_deal:before, .list_coupons .show_code:after, .list_coupons .get_deal:after, .list_coupons .details, .list_coupons .price_old{ display:none!important}
  .list_coupons .go_btn{ width:6.25em; padding:0; margin-bottom:0; bottom:inherit;}
  .list_coupons .go_btn .get_deal, .list_coupons .go_btn .show_code{ width:100%!important; right:0; height:auto}
  .list_coupons .go_btn .show_code span, .list_coupons .go_btn .get_deal span{ font-size:0.875em; letter-spacing:0px; font-weight:500}
  .list_coupons .go_btn .long_btn span{ line-height:2em}
  .list_coupons .go_btn .long_btn span span{ display:none}
  .filter{ display:none}
  .showallcode_wrap ul li{ padding:0 20px 10px 20px}
  .showallcode_wrap .copy_code, .showallcode_wrap .deal_button{ position:relative; right:0; top:0; margin:0.5em 0; width:100%; padding: 0.55em 3.85em 0.55em 0.65em}
}


@charset "utf-8";
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: Roboto, Helvetica, Arial, sans-serif}
article, aside, footer, header, menu, nav, section { display:block}
html{ font-size:100%}
body{ font-size:1em; line-height:1.5; width:100%; height:100%; background:#eaeaea; position:relative; color:#666; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; overflow-x:hidden; padding-top:100px}
*{ -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:#feb946}
strong{ font-weight:bold}
.clear{ clear:both}
.clear:after{ content:" "; clear:both; display:block; height:0}
.hidden{ display:none!important}
.overflow_hid{ overflow:hidden}
p, dl, ol{ margin:0 0 16px 0}
ul, li{ list-style:none}
.t_center{ text-align:center}
.red, .time_success li.red, .time_success .red i{ color:#F00}
input, textarea, select{ border:none; background-color:transparent; font-family:Roboto,Helvetica,Arial,sans-serif; -webkit-appearance:none; margin:0}
button, input, select, textarea, img{ font-size:1em; vertical-align:middle; outline:none}
button{ cursor:pointer}

.i_menu{ width:56px; height:56px; position:fixed; left:0; top:30px; 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:rgba(255,255,255,1); 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:rgba(255,255,255,1)}
.i_menu i:after{ top:7px}

header{background-image:linear-gradient(to right, #0a7dd3, #3e9ee6); height:5em; width:100%; top:0; position:fixed; z-index:100}
nav{ position:absolute; left:340px; bottom:16px; top:1.25em}
nav ul li{ float:left}
nav ul li a:hover{ color:#fff;}
nav ul li a{ color:#fff; line-height:40px; height:40px; padding:0 14px; display:block; margin-right:2em; text-align:center; border-radius:2px}
.header_container h1{ font-size:1em; width:auto; height:auto; display:inline-block}
.logo{ width:17.5em; height:3.65em; display:inline-block; position:absolute; top:10px}

.show ul li a{ text-align:left}
.search_wrapper{ position:absolute; height:44px; width:28%; bottom:16px; top:1.125em; 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:#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_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:#fff; color:#1C88D9; border-radius:0 2px 2px 0}
.search_btn, .focused .search_btn{ background-color:transparent; line-height:56px; display:none; z-index:106; cursor:pointer}
a.rank{ color:#fff; line-height:50px; text-align:center; font-size:17px; position:absolute; top:0; left:50%; margin-left:-50px}
.search_suggest{ width:100%; background-color:#fff; box-shadow: 0px 3px 7px rgba(0,0,0,0.42); position:absolute; top:50px; left:0; z-index:2; border-radius:0 0 2px 2px}
.search_default li{ list-style-type:none; padding:0.625em 0 0.625em 2em; margin:0 0.625em; position:relative}
.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.125em; text-align:center; line-height:1.25em; color:rgba(0,0,0,0.26); position:absolute; top:1em; left:0.125em}
.search_default li a{ padding:0 6px; 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}
.ui-widget-content{ background:#fff; list-style-type:none; position:absolute; z-index:104; padding:1px 0; box-shadow:0px 7px 21px rgba(0,0,0,0.42); width:100%!important; left:0!important; top:50px !important}
.ui-widget-content li{ height:4.25em}
.ui-widget-content li a{ font-size:1em; padding:0 1em 0 1em; 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.8em}

.wrapper{clear:both; width:1200px; margin:0 auto; position:relative}

footer{width:100%; background-color:#fff; box-shadow:0 0 30px 0 rgba(0,0,0,.2); padding:1.85em 0 1em 0}
.map{ float:left; width:75%; margin-top:4px}
.map li{ list-style:none; width:23%; float:left; font-size:14px}
.map li a{width:100%; display:block; color:#444; line-height:2.5em}
.map li a:hover{ color:#2b90d9}
.footer_logo{ font-size:14px; float:left; width:25%}
.copyright .logo{ display:inline-block; font-size:0.8em; position:inherit}
.footer_wrap .copyright{ width:100%; float:left}
.international{ width:100%; float:left; margin-top:1.55em}
.international p{ font-size:14px; width:70%; float:left; margin-top:10px}


.breadcrumbs{ font-size:14px; margin:1em auto 0.75em auto}
h2{ font-size:24px; color:#333; margin:20px 0}
.t_title h2{ float:left}
.t_title a{ float:right; margin-left:1.5em; padding:2.15em 0 0.75em 0; color:#0a7dd2;z-index:1; position:relative;}

.bestdeal_icon, .latestdeal_icon, .electronicdeal_icon, .fashiondeal_icon, .trending_icon, .categories_icon, .brands_icon{ background:url(../imgv4/icon.png) no-repeat; background-size:auto; background-size:30px 360px; display:inline-block; margin-right:8px; vertical-align:text-bottom}
.bestdeal_icon{ width:32px; height:30px; background-position:0 -146px}
.latestdeal_icon{ width:30px; height:30px; background-position:0 0}
.electronicdeal_icon{ width:30px; height:30px; background-position:0 -49px}
.fashiondeal_icon{ width:30px; height:26px; background-position:0 -194px}
.trending_icon{ width:30px; height:32px; background-position:0 -97px}
.categories_icon{ width:30px; height:31px; background-position:0 -237px}
.brands_icon{ width:30px; height:31px; background-position:0 -286px}


.grid_product li{ width:20%; float:left; position:relative}
.product_wrapper{ margin-bottom:20px; margin-right:20px; background:#fff; border:1px solid #e2e2e2; position:relative}
.product_img{ height:152px; text-align:center; border-bottom:1px solid #eaeaea}
.product_img img{ max-width:150px; max-height:150px;}
.product_content{ padding:16px; display:inline-block; margin-top:20px}
.product_content .title{ font-size:16px; line-height:18px; color:#333; height:55px;overflow: hidden}
.product_content .time{ font-size:12px; color:#888; margin-top:6px}
.price{ margin-top:6px}
.price span{ display:inline-block;}
.original_price{ text-decoration:line-through; color:#888; font-size:12px}
.discount{ background:#FB6E10; color:#fff; font-size:12px; text-transform:uppercase; padding:0 5px; border-radius:5px; margin:0 6px}
.sale_price{ font-size:18px; color:#FB6E10; float:right;position: absolute;right: 16px;}

.shop_btn{ background:#0A7DD2; color:#fff; display:inline-block; width:100%; text-align:center; line-height:36px}
.shop_btn:hover{ color:#fff}

.from_store{  position:absolute; top:138px;}
.from_round{ width:36px; height:36px; border-radius:18px; box-shadow:0 4px 3px #eee; background:#fff; float:left; position: relative; z-index:4}
.fromstore_icon{ background:url(../imgv4/store.png) no-repeat; width:32px; height:32px; display:inline-block; transform: scale(0.6); vertical-align:middle; z-index:2; opacity:0.8}
.from_store span{ border-radius:14px; box-shadow:1px 4px 3px #eee;  background:#fff; padding:6px 20px; font-size:14px; margin-left:-15px}


.screen{ background:#f4f4f4; width:100%; padding:12px 0 16px 0; margin-top:18px}
.screen:last-child{ margin-top:40px}



.rotate_product{ margin:1.5em auto 0 auto; position:relative}
.rotate_product .product_wrapper{ margin-right:0; margin-bottom:0}
.owl-carousel{ width:1200px; overflow:hidden}
.owl-carousel .owl-item{ float:left}
.owl-nav div{ cursor:pointer; display:inline-block; width:40px; height:40px; background:#fff; border-radius:20px; text-indent:-9999px; position:absolute; top:50%; margin-top:-1.45em; z-index:2; overflow:hidden; box-shadow: 0px 1px 6px rgba(0,0,0,0.20); opacity:0.85}
.owl-nav div:hover{ opacity:1}
.owl-nav div:before, .owl-nav div:after{ content:""; display:block; position:absolute; width:11px; height:2px; background-color:#0A7DD2; -webkit-transform:rotate(45deg); transform:rotate(45deg); left:15px; top:40%}
.owl-nav div:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:7px}
.owl-prev{ left:-15px; -webkit-transform:rotate(180deg); transform:rotate(180deg)}
.owl-next{ right:-15px}


.list_section li{ width:16.666%; float:left; padding-right:20px; padding-bottom:14px}
.list_section li a{ width:100%; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; display: inline-block; line-height:42px; background:#fff; padding:0 14px}
.list_section li a:hover{ background:#E0F1FE; color:#666}


.aside_page{ width:25%; float:left; background:#fff; border:1px solid #e2e2e2; margin-bottom:2em}
.prolist_page{ padding-left:40px; width:75%; position:relative; float:right}

.aside_page>h3{ font-size:1.125em; font-weight:normal; padding:20px 20px 10px 20px}

.filter_title{ padding:20px 20px 38px 20px}
.filter_title h3{ font-size:1.125em; font-weight:normal;  float:left}
.filter_title button{ float:right; background:#fff; width:40px; font-size:20px}

.filter_content{ border-bottom:1px solid #e2e2e2; padding:0 20px; max-height:0px; overflow:hidden; position:relative}
.filter_content.show{ max-height:100%}
.filter_content label{ cursor:pointer; padding:7px 0; display:block; font-size:15px; position:relative}
.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:last-child{ padding-bottom:18px}
.price_value{ border:1px solid #E2E2E2; margin:10px 0 24px 0}
.price_value .currency{ position:absolute; padding-left:5px}
.price_value input{ height:22px; width:60px; text-align:right; padding-right:5px; font-size:12px}
.price_value.min{ float:left; text-align:left}
.price_value.max{ float:right; text-align:left}
.price_slider{ border-radius:3px; border:1px solid #E2E2E2; display:block; height:7px; margin:0 70px; transform:translateY(19px)}

.text_lists{ padding:0 20px 20px 20px; border-bottom:1px solid #e2e2e2;}
.text_lists li{ font-size:15px; height:32px; line-height:32px;}
.text_lists li a{ max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block}


.prolist_page .grid_product li{ width:33.333%}
.filter_article{ background:#fff; border:1px solid #e2e2e2; padding:15px 20px; margin-bottom:20px}
.filter_article strong{ font-size:18px; color:#333; font-weight:normal}
.filter_article span{ font-size:14px; background:#F1F5F9; padding:6px 12px; margin:2px 2px; display:inline-block}
.filter_article span i{ margin-left:10px; color:#999; font-size:12px; vertical-align:inherit; cursor: pointer;}
.clear_all{ font-size:14px; padding:6px 14px; background:#FAFAFA; border:1px solid #EAEAEA; margin-left:20px}

.paging{ text-align:center; margin:20px 0 32px 0}
.paging a, .paging span{ display:inline-block; width:36px; height:36px; line-height:36px; text-align:center; color:#666;margin:0 4px; border:1px solid #C8C8C8; background:#eaeaea}
.paging a:hover, .paging span{ background:#0A7DD2; border:1px solid #0A7DD2; color:#fff}


.alphabet{ text-align:inherit}
.alphabet a{ width:42px; height:42px; margin:0 16px 18px 0; border:1px solid #d2d2d2; line-height:42px; display:inline-block; text-align:center}
.alphabet a:hover, .alphabet a.active{ background:#0A7DD2; border:1px solid #0A7DD2; color:#fff}


.static_wrap article .title{ font-size:1.25em; color:#333; font-weight:500; margin:1em 0 1.25em 0}
.static_wrap article .title:before{ content:""; width:2px; height:16px; background:#0A7DD2; display:inline-block; margin-right:8px}
.static_wrap article span{ padding-top:100px; margin-top:-100px}


.loading_pop{ background-color:rgba(224,224,224,0.8); height:100%; left:40px; position:absolute; top:0; width:calc(100% - 40px); width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); z-index:98; transform:scale(1)}
.loading_box{ position:absolute; left:50%; top:10%; z-index:99; color:#0A7DD2; border-width:3px; font-size:50px}
.loader{ display:inline-block; width:1em; height:1em; color:inherit; vertical-align:middle; pointer-events:none;  position:relative}
.loader:before, .loader:after{ content:''; width:inherit; height:inherit; border-radius:50%; background-color:currentcolor; opacity:0.6; position:absolute; top:0; left:0; -webkit-animation:loader 2.0s infinite ease-in-out;
    animation:loader-08 2.0s infinite ease-in-out}
.loader:after{  -webkit-animation-delay: -1.0s; animation-delay: -1.0s}
@-webkit-keyframes loader-08 { 0%, 100% { -webkit-transform:scale(0); transform:scale(0);} 50%{ -webkit-transform:scale(1); transform:scale(1);}}
@keyframes loader-08{ 0%, 100%{ -webkit-transform:scale(0); transform:scale(0);} 50%{ -webkit-transform:scale(1); transform:scale(1);}}

/*style END*/
a:hover{ color:#0A7DD2}
.thebest{ background:#fff}
.thebest .breadcrumbs{ position:relative; color:#666; font-size:14px; top:0; right:0; margin: 1em auto 0 auto; opacity:1}
.thebest .breadcrumbs a{ color:#666}
.thebest #main_content{ padding:0}
.thebest .wrapper h2{ padding:0}

.thebest_right{ float:right; width:26%; margin-top:30px;}
.thebest_right h2{ font-size:18px}
.thebest_aside{ background:#f5f5f5;  padding:1px 20px; margin-bottom:16px }


.thebest_page{ width:74%; float:left; padding-right:32px;}
.thebest_page h2{ margin-bottom:0px}

.thebest_wrap{ padding:24px 0; overflow:hidden; position:relative; border-bottom:1px solid rgba(0,0,0,0.08)}
.thebest_wrap:last-child{ border:none}
.thebest_wrap .coll{ width:140px; float:left}
.thebest_wrap .colr{ margin-left:160px;}
.thebest_wrap .thebest_img{ text-align:center}
.thebest_wrap .thebest_img img{ max-width:140px; max-height:140px; border-radius:5px}

.thebest_wrap .thebestname{ color:#333}
.thebest_wrap .thebestname h3{ font-size:22px; font-weight:700; line-height:normal; display:block; padding:0 0 5px 0}

.thebest_wrap .thebestdesc{ font-size:14px; color:#999; padding-bottom:8px}
.thebest_wrap .thebestdesc a{ color:#16ace6}
.thebest_wrap .thebestdesc p{ margin:0}

.thebest_info .thebest_view{ float:right}
.thebest_info .thebest_view a{ color:#999; font-size:13px}
.thebest_info .thebest_tag{ float:left}
.thebest_tag a{ color:#999; font-size:13px; padding:0 8px; border:1px solid #f7f7f7; border-radius:5px; display:inline-block; line-height:22px}


.article_list .content{ padding-bottom:20px; padding-top:0; overflow:hidden}
.article_list li .imgbox{ width:80px; height:80px; border-radius:5px; float:left}
.article_list li .imgbox img{ max-width:80px; max-height:80px; border-radius:5px;  border:1px solid #eaeaea}
.article_list li h3{ font-size:14px; color:#333; margin-left:90px; line-height:normal; padding:0 0 4px 0; font-weight:400}
.article_list li a:hover{ color:#0A7DD2}
.article_list li p{ font-size:13px; margin-left:90px; margin-bottom:0; color:#666}


.thebest_screen{ background:#f5f5f5; width:100%; padding:12px 0 16px 0; margin-top:18px}
.thebest_screen:last-child{ margin-top:40px;}


.catego_list li{ width:16.666%; float:left; padding-right:20px; padding-bottom:14px}
.catego_list li a{ width:100%; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; display: inline-block; line-height:30px; padding:0 14px 0 0}
.catego_list li a:hover{ color:#0A7DD2}


.allcate_list{ background:#fff; padding:8px 0px 24px 0px; margin-bottom:60px}
.static_wrap article{ width:100%; margin:10px 0}
.static_wrap article .title{ border-bottom:1px solid rgba(0,0,0,0.08); padding-bottom:26px; margin-bottom:16px; font-size:1.125em; color:#333; font-weight:500}
.static_wrap article .title a{ float:right; font-size:14px; color:#0A7DD2; line-height:2.2}
.allcate_list article .title{ border-bottom: 0; padding-bottom: 0 }
.allcate_list article ol{border-left:#eaeaea 1px solid; border-top:#eaeaea 1px solid; overflow: hidden;}
.allcate_list article ol li{ width: 16.66%; float: left; height: 180px; border-right:#eaeaea 1px solid; border-bottom:#eaeaea 1px solid;position: relative;}
.allcate_list article .s_link{ position:absolute; display:flex; text-align:center; width:100%;align-items: center;    justify-content: center;  height: 100%; line-height: 100%; word-break:break-all; left:0; top:0;  overflow:hidden;  font-weight:400; letter-spacing:0.5px;  background-color:#eaeaea; color:#000;  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; padding-top:0; margin-top:0}
.allcate_list article ol li:hover .s_link{ height: 100%; opacity:1; }

.m_logo{ height:100%; width:100%; text-align:center; vertical-align:middle; padding:16px}
.m_logo img{ max-width:90%; max-height:90%}
.m_logo:after, .s_logo:after{ content:""; display:inline-block; height:100%; vertical-align:middle; width:0}
.s_logo{ width:7em; height:100%; position:absolute; top:0; left:0; vertical-align:middle; text-align:center; overflow:hidden}
.s_logo img{ max-width:5em; max-height:6.5em}


/*
.thebest_filter{ height:auto; overflow:hidden; margin:1em 0 1.45em 0}
.thebest_filter.expand{ height:auto}
.thebest_filter ul li{ float:left; margin-right:2em; margin-bottom:0; padding:5px 0;font-weight: bold; font-size:14px; height:35px}
.thebest_filter .checked, .thebest_filter ul li:hover { color:#0A7DD2; cursor:pointer; border-bottom:2px solid #0A7DD2}
.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}
*/
.thebest_filter{ height:35px; overflow:hidden; margin:1em 0 1.45em 0}
.thebest_filter.expand{ height:auto}
.thebest_filter ul li{ float:left; margin-right:2em; margin-bottom:0; padding:5px 0;font-weight: bold; font-size:14px; height:35px}
.thebest_filter .checked, .thebest_filter ul li:hover{ color:#0A7DD2; cursor:pointer; border-bottom:2px solid #0A7DD2}

.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}


a.thebest_more_filter{ display:inline-block; width:28px; height:28px; border-radius:28px; background:#f2f2f2; position:relative; float:right}
a.thebest_more_filter:before, a.thebest_more_filter:after{ content:""; display:block; position:absolute; width:7px; height:1px; background-color:#666; -webkit-transform:rotate(45deg); transform:rotate(45deg); right:10px; top:45%; margin-top:-1px}
a.thebest_more_filter:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:3px; right:10px}


.thebest_star{ margin-top:1em; margin-bottom:0.65em}
.thebest_star .star_box{ text-align:center}
.thebest_star .star_box .icon-star{ font-size:1em; line-height:1em} 
.thebest_star p{ font-size:1.25em; color:#ff9900; text-align:center; margin:0; line-height:1}
.thebest_star .current-ranking{ font-size:0}

.star_box .icon-star{ display:inline-block; width:1em; line-height:1.667em; color:#999; font-size:1.5em; cursor:auto}
.star_box .icon-star:hover, .star_box .icon-star.on{ color:#ff9900}

.thebest_shadow{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.11); border-radius:5px; padding:0 0 0 24px; margin-bottom:20px}
.thebest_shadow:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.18)}

.thebest_shadow .coll{ margin-top:24px}

.thebestart_left{ width:64%;display:table-cell; vertical-align:top; padding:24px 45px 24px 50px}
.thebestart_right{ width:40%; display:table-cell; vertical-align:middle; text-align:center; background:#f8fcff;padding:0 40px}
.thebestart_left p, .thebestart_left ul li{ font-size:15px}
.thebestart_left ul li:before, .thebest_details ul li:before{ content: '✓'; padding-right:10px; color:#0A7DD2}
.shopnow_btn a{ display:inline-block; padding:8px 38px; background:#0A7DD2; color:#fff; font-size:16px; border-radius:5px; margin-bottom:10px}
.shopnow_btn a:hover{ color:#fff; font-size:16px;}

.thebestart_logo .m_logo{ height:50px; padding:10px}
.thebestart_logo p{ font-size:12px; color:#999}


.thebestart_hint{ font-size:12px; margin-bottom:10px; color:#999}
.thebestart_coupon a{ color:#0A7DD2}
.thebestart_coupon a:hover{ color:#0A7DD2}
a.thebestart_more{ color:#0A7DD2; margin-top:10px; display:block}
a.thebestart_more:hover{ color:#0A7DD2; margin-top:10px; display:block}

.thebest_price{ margin-top:1em; text-align:center}
.thebest_price span{ display:block}
.thebest_price .price_now{ font-size:1.2em; color:#cc0000!important}
.thebest_price .price_old{ text-decoration:line-through; color:#999; font-size:14px}

.thebest_des{ margin-top:2em; margin-bottom:3em}
.thebest_des h2{ margin-bottom:1em}
.thebest_des p, .thebest_des ul li{ font-size:14px}
.thebest_des p img{ max-width:640px; margin:0 auto 32px auto; display:block}


.thebest_details{ position:relative; padding:20px 0}
.thebest_details .coll{ width:300px; float:left}
.thebest_details .colr{ margin-left:330px}
.thebest_details h2{ padding:0; margin:0 0 10px 0}
.thebest_details .thebest_img{ text-align:center}
.thebest_details .thebest_img img{ border-radius:5px; max-width:300px; max-height:300px}

a.thebest_details_btn{ display:block; background:#0A7DD2; border:0; color:#fff; font-size:16px; min-height:30px; line-height:30px; text-align:center; margin:20px 0; border-radius:5px; padding: 6px 15px; width:20%}
.thebest_details .thebest_star p{ padding-right:6px}
.thebest_details .thebest_star p, .thebest_details .thebest_star .star_box{ display:table-cell; vertical-align:middle}

.thebest_details .thebest_price{ margin-bottom:1.5em}
.thebest_details .thebestart_logo{ width:140px; text-align:center; margin-top:1em}
.thebest_details .thebestart_logo .m_logo{border-radius:5px; border:1px solid rgba(0,0,0,0.08); margin-bottom:5px}

.thebest .coupon_wrapper .offer:after{ content:""; display:inline-block; height:100%; vertical-align:middle; width:0;}

.thebest .coupons_container{ padding-top:16px}
.thebest .coupons_container ~ .wrapper{ padding-top:0}

 .static_wrapper {
     box-shadow: 0px 1px 3px rgb(0 0 0 / 26%);
     background-color: #fff;
     border-radius: 2px;
 }
 .static_wrapper {
     color: #666;
     padding: 1em 2em 2em 2em;
     margin: 1em auto;
 }  .sorry {
     font-size: 1.125em;
     color: #999;
 }  .sorry span {
     text-align: center;
     font-size: 2em;
     display: block;
     color: #999;
 }  .sorry_icon {
     width: 8.438em;
     height: 6.719em;
     background-position: -33.125em -73.75em;
     margin: 2em auto;
     float: inherit;
 }  .static_wrapper p {
     font-size: 15px;
 }  .site_links li {
     list-style-type: none;
     margin-bottom: 1em;
 }

/*coupon detail*/
.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, .showallcode_pop .showallcode_wrap{ 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, .showallcode_wrap{ 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}
.code_wrap, .deal_wrap{ padding:20px 0 32px 0; position:relative; text-align:center; background:#fff; position:relative;}
.code_wrap:before{width:2em; height:2em; color:#f4f4f4; display:block; content:""; bottom:-1em; left:50%; margin-left:-1em; border-radius:50%; position:absolute;}
.copy_code{ padding:0 6.5em 0 1em; border:2px dashed #ccc; background-color:#f4f4f4; position:relative; margin:1em 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:4.2em;; font-size:1.25em; top:0; bottom:0; right:0; background-color:#2b90d9; 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:#2b90d9!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; font-size:1.25em}
.m_site:after{ display:none!important}
.deal_wrap p{ font-size:22px; text-align:center; line-height:1.6}
.deal_wrap .m_site{ color:#2b90d9!important}
.deal_wrap .m_site{ font-size:24px; line-height:40px; height:40px}
.mer_logo{ position:relative; min-height:5.5em; padding:0 0 0 6.5em}
.mer_logo .s_logo{ height:5.5em; width:5.5em}
.mer_logo .s_logo img{max-height:100%}
.mer_logo p{ font-size:14px}
.coupon_title{ font-size:1.25em; color:#333; margin-bottom:1em}
.coupon_title span{ font-size:0.625em; margin-left:8px; display:inline-block}



@media (max-width: 2143px) {
.catego_list{ width:1220px}	
}
	 
	 
@media (max-width: 1256px){
.catego_list{ width:auto; margin-right:-16px}
.allcate_list article ol li{ width:25%}
}

@media (max-width: 1024px){
.thebest_details .coll{ width:100px}
.thebest_details .thebest_img img{ width:100%; margin-bottom:0}
.thebest_details .colr{ margin-left:115px}
.thebest_details h2{ font-size:18px}

}

@media (max-width: 960px){
.thebest_page{ width:100%; padding-right:0}
.thebest_right{ width:100%; float:left; background:#fff; margin-top:0; padding:0}
.breadcrumbs, .page_aside,.in_fs{ display:block}
.thebest_filter ul li {margin-right: 1em;}
}
@media (max-width: 768px){
.allcate_list article ol li{ width:50%}	
a.thebest_details_btn{ width:30%}
.coupon_detail_pop .coupon_detail{ margin-top:56px}
}

@media (max-width:685px){
.catego_list li{ width:33.333%}
.thebest_shadow{ padding:0 24px}
.thebest_shadow .coll, .thebestart_left, .thebestart_right{ width:100%; display:block}
.thebest_shadow .coll{ margin-bottom:1em}
.thebest_shadow .colr{ width:100%; margin:0}
.thebestart_left{ padding:0 0 24px 0px}
.thebestart_right{ background:none; border-top:1px solid rgba(0,0,0,0.08)}
a.thebest_details_btn{ width:80%}
}

@media (max-width:480px){
.thebest .wrapper h2, .thebest_des h2{ font-size:1.25em}
.thebest .wrapper h2.m_title:after, .thebest .wrapper h3.m_title:after{ display:none}
}


/*response  start*/
@media (max-width: 2143px) {
    .wrapper{ width:1200px}
    .grid_product, .list_section{ width:1220px}
    .prolist_page .grid_product{ width:auto; margin-right:-20px}
}


@media (max-width: 1256px){
    .wrapper{ width:auto; margin-left:16px; margin-right:16px}
    .grid_product, .list_section, .prolist_page .grid_product{ width:auto; margin-right:-16px}
    .grid_product li .product_wrapper{ margin-right:16px; margin-bottom:16px}


    footer{ padding:1em 0}
    .footer_logo{ display:none}
    .map, .international p{ width:100%}
    .map li{ width:25%}


    .owl-carousel{ width:100%}
    .owl-carousel .store_wrap{ height:126px}

}

@media (max-width:1024px){
    .grid_product li{ width:33.333%}
    .aside_page, .prolist_page{ width:100%; padding:0}
    .paging{ margin-bottom:3em}
    .loading_pop{ left:0; width:calc(100% - 0px); width:-webkit-calc(100% - 0px); width:-moz-calc(100% - 0px)}
    .loading_box{ margin-left:-0.5em}
}

@media (max-width:768px){
    body{ padding-top:56px}

    .wrapper{ width:auto; margin-left:16px; margin-right:16px}

    .i_menu{ display:block; top:0}
    header{ height:56px}
    .logo{ top:0.75em; left:50%; margin-left:-9em; font-size:0.75em}
    nav{ top:0.56em; left:120px}
    .header_container.wrapper{ margin:0; width:auto}
    nav.show .menu_list { max-height:9999px; padding:16px 0}
    nav .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}
    nav{ 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); z-index:100}
    .menu_list li{ float:inherit; display:block}
    .menu_list li a{ padding:0 20px; height:48px; line-height:48px; color:#333; margin:0}
    .menu_list li a:hover{ background-color:none; color:#333}
    .menu_list li a .icon-angle-down{ float:right; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; -webkit-transition:all .3s ease; transition:all .3s ease}
    .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)}
    .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)}
    .search_btn{ display:inline-block; color:#fff}
    .search_wrapper form{ max-width:0; height:40px}
    .search_wrapper.focused{ max-width:100%; top:56px; 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}

    h2{ font-size:20px}
    .t_title a{ font-size:14px; padding:1.85em 0 0.75em 0}
}

@media (max-width:685px){
    .grid_product li, .prolist_page .grid_product li{ width:100%}
    .bestdeal_icon, .latestdeal_icon, .electronicdeal_icon, .fashiondeal_icon, .trending_icon, .categories_icon, .brands_icon{transform: scale(0.8); vertical-align:bottom}
    h2{ font-size:18px}
    .grid_product li .product_wrapper{ padding:0 16px 36px 0}
    .grid_product .product_img{ width:100px; height:100%; position:absolute; top:16px; left:16px}
    .grid_product .product_img img{ max-width:100px; max-height:100px;}
    .grid_product .product_content{ padding-left:120px; margin-top:0}
    .grid_product .shop_btn{ width:100px; float:right; position:absolute; right:0; bottom:0}
    .grid_product .from_store{ top:inherit; bottom:0}
    .grid_product .from_round, .grid_product .from_store span{ box-shadow:none; background:none}
    .grid_product .fromstore_icon{ transform:scale(0.45)}
    .grid_product .from_round{ margin-top:-6px}
    .grid_product .from_store span{ padding: 6px 10px}
    .list_section li{ width:33.333%}
    .map li{ width:50%}
}

@media (max-width:480px){
    body{ font-size:0.9em}
    h2{ font-size:16px}
}