@font-face {
    font-family: 'FontAwesome';   
    src: url('../image/v09/FontAwesome2016.woff?v=202303099558') format('woff'),
         url('../image/v09/FontAwesome2016.svg?v=202303099558#fontawesomeregular') 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";}

@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:#fbfaf9; position:relative; color:#666; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; overflow-x:hidden; padding-top:7em}
*{ -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:#0073d8}
strong{ font-weight:600}
.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}

.mobile_menu{ width:56px; height:65px; 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}
.mobile_menu i{ width:20px; height:2px; display:inline-block; position:absolute; background-color:#fff; top:50%; left:50%; margin-top:-1px; margin-left:-10px}
.mobile_menu i:after, .mobile_menu i:before{ content:""; width:20px; height:2px; display:inline-block; position:absolute; left:0; top:-7px; background-color:#fff}
.mobile_menu i:after{ top:7px}


.header{ background:#0073d8;  border-bottom: #eaeaea 1px solid; height:7em; width:100%; top:0; position:fixed; z-index:100}
nav{ position:absolute; right:0px; bottom:16px; top:2.7em}
nav ul li{ float:left;  padding:0 0px; }
nav ul li a{ color: #fff;  }
nav ul li.active a,
nav ul li a:hover{ color:#fff; opacity: 0.9}
nav ul li a{ line-height:30px; height:30px;display:block; font-weight: bold;  margin-right:2em; text-align:center; border-radius:2px; padding: 0 10px;}
.logo{ width:230px; height:53px; background-image:url(../image/v09/logo.svg); background-repeat:no-repeat; background-size: 100%; display:inline-block; text-indent:-9999px; position:absolute; left:2em; top:2.35em}
.show ul li a{ text-align:left}
.search_wrapper{ position:absolute; height:44px; width:40%; bottom:16px; top:2.125em; left:300px; z-index:103; background: #fff; padding: 2px;}
.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"]{ font-size: 12px; padding: 0 72px 0 16px; border:#fff 1px solid; height:100%; line-height:40px; width:100%; background:#FBFAF9; border-radius: 5px 0 0 5px}
.search_wrapper button, .search_btn{height:100%; width:72px; position:absolute; top:0; right:0; font-size:25px; font-size: normal; line-height:40px; margin:0; padding:0; text-align:center; background:#FFC23C; color:#fff; border-radius:0 2px 2px 0}
.search_btn, .focused .search_btn{ background-color:transparent; line-height:40px; 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 5.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.8em}


.cscoupon_wrapper, .offer_card{ position:relative; margin-bottom:16px; background:#fff; border:1px solid #e4e4e4; border-radius:3px; transition:all 0.3s cubic-bezier(.25,.8,.25,1)}
.cscoupon_wrapper:hover, .offer_card:hover{ box-shadow:0 3px 15px rgba(0,0,0,0.16); transition: all 0.4s ease-out}
.cscoupon_content{ display:inline-block; position:relative}
.cscoupon_wrapper .csm_logo{ float: right; border:#F0F0F0 1px solid; width: 130px; height: 68px; border-radius: 5px;}
.cscoupon_content .date{ margin-bottom:16px; font-size:12px; color:#999; padding:0; border:none; position:absolute}
.cscoupon_content .red, .cscoupon_content .red i{ color:#F00}
.grid_coupons li{ width:25%; float:left; position:relative}
.grid_coupons li .cscoupon_wrapper{ margin-bottom:32px; margin-right:32px; padding:0 32px 32px 32px}
.grid_coupons li .cscoupon_wrapper .csm_logo{ width:100%; height:6.625em; padding:20px 0; position:inherit}
.grid_coupons li .cscoupon_content{ padding-bottom:30px}
.grid_coupons li .cscoupon_content .csmer_title{ font-size:1.125em; line-height:1.3; text-align:center; color:#333; margin-bottom:16px; height:3.8em; overflow:hidden}
.grid_coupons li .cscoupon_wrapper .csshop_now{ width:100%; float:none; margin:0}
.grid_coupons li .cscoupon_wrapper .csshop_now .show_code{ width:166px}
.list_coupons{ overflow: hidden; margin-right: -2%; }
.list_coupons li{ width: 31.3%; float: left; margin-right: 2%; }
.list_coupons li:nth-child(3n+1){ clear: both; }
.list_coupons .cscoupon_content{ padding:15px; width:100%;}
.list_coupons .cscoupon_content .csmer_title, .card_content .csmer_title{ font-size:1.15em; line-height:1.25em; color:#333; height:2.5em;overflow:hidden; margin:0 0 10px 0; }
.list_coupons .cscoupon_content .csmer_title a{ color: #333 }
.list_coupons .cscoupon_content .mer_coupons{ margin-left: 140px; }
.list_coupons .cscoupon_content .mer_coupons a{ font-size: 12px; color: #666; position: relative; padding-right: 20px; }
.list_coupons .mer_coupons a:before, .list_coupons .mer_coupons a:after{ content:""; display:block; position:absolute; width:7px; height:1px; background-color:#666; -webkit-transform:rotate(45deg); transform:rotate(45deg); right: 8px; top:40%; margin-top:-1px}
.list_coupons .mer_coupons a:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:3px; right: 8px;}
.list_coupons .mer_name{ float: right; max-width:115px}
.list_coupons .mer_name a{ font-size: 14px; color: #999 }


.list_coupons.small .cscoupon_wrapper .csm_logo{ width:8em}
.list_coupons.small .cscoupon_content{ padding:32px 0 16px 8em}

/*merchant page list*/
.mer_c_list_wrap .merchantinfo{ display:none}
.mer_c_list_wrap h1{ padding: 0 0 10px; font-size: 26px; font-weight: bold; }
.mer_c_list_wrap .list_coupons{ overflow: hidden; margin-right: 0; }
.mer_c_list_wrap .list_coupons li{ width: 100%; float: none; margin-right: 0; }
.mer_c_list_wrap .list_coupons li:nth-child(3n+1){ clear: none; }
.mer_c_list_wrap .csshop_now{ float: right; margin:0; }
.cscoupon_colr{ margin-left: 120px; border-left: #eaeaea 1px solid; padding-left: 20px; }
.mer_c_list_wrap .list_coupons .cscoupon_content .csmer_title{ height: auto; margin-right: 220px; min-height: 30px; }
.mer_c_list_wrap .mer_list_coupons .promo_btns{ clear: none; position: absolute; top: 15px; right: 15px; margin:0; padding:0;}
.mer_c_list_wrap .cscouponextrainfo .csdetaillink{ margin-right: 5px; float: right;}
.mer_c_list_wrap .cscouponextrainfo .csdetaillink:before, .mer_c_list_wrap .cscouponextrainfo .csdetaillink:after{ margin-top:2px}
.mer_c_list_wrap .cscouponextrainfo .csdetaillink:after{  margin-top:2px; right: 0px;}
.mer_c_list_wrap .cscouponextrainfo .csdetaillink.expand:before{ right:  0px}
.mer_c_list_wrap .cscouponextrainfo .csdetaillink.expand:after{  right: 4px;}
.mer_c_list_wrap .cscoupondetail{ color: #999; font-size: 12px; margin:10px -15px -15px; background: #FBFAF9; padding:10px 20px; }

.mer_c_list_wrap h2{ padding: 20px 0 10px 0; font-weight: bold; font-size: 20px; }
.mer_c_list_wrap .merchant_subinfo{ padding-bottom: 15px; }
.mer_c_list_wrap .merchant_subinfo h2{ padding: 0; font-size: 14px; font-weight: normal; display: inline;}
.merchant_link{ display: inline; }
.filter_lists{ margin-bottom:1.125em;}
.filter_lists li{ list-style-type:none; display:inline-block; float:left; background-color:#d5e9fa; margin:0.125em 10px 0 0; line-height:2em; height:2em; cursor:pointer; padding:0 .8em; box-sizing:border-box; color:#333; border-radius:30px; font-size:15px}
.filter_lists li span{ width:30px; height:16px; line-height:16px; border-radius:8px; background-color: #fff; color:#333; font-size:12px; text-align:center; display:inline-block; float:right; margin-top:7px; margin-left:6px}
.filter_lists li.checked, .filter_lists li:hover{ background-color:#0073d8; color:#fff}
.filter_lists li.checked span, .filter_lists li:hover span{ background-color:#d5e9fa; }
.mer_c_list_wrap .cscoupon_wrapper .csm_logo{ float: left; border: 0; width: 120px; height: 90px; }
.mer_c_list_wrap a.gotomer{ float: right; position: relative; padding:0px 20px 0px 10px;  color: #999; font-size: 12px; margin-left: 5px; background: #FBFAF9; border: #eaeaea 1px solid; border-radius: 5px;}
.mer_c_list_wrap a.gotomer:before,.mer_c_list_wrap a.gotomer:after{ content:""; display:block; position:absolute; width:7px; height:1px; background-color:#999; -webkit-transform:rotate(45deg); transform:rotate(45deg); right: 10px; top:45%; margin-top:-2px}
.mer_c_list_wrap a.gotomer:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:2px; right: 10px;}

.popularoffers h2{padding: 20px 0 10px 0; font-weight: bold; font-size: 20px;}
.popularofferscontent{ border: #eaeaea 1px solid; border-radius: 5px; }
.popularoffers ul.popularoffersheader{ background: #FBFAF9; color: #999; border-radius: 5px 5px 0 0 }
.popularoffers ul{ overflow: hidden; background: #fff; border-bottom: #eaeaea 1px solid }
.popularoffers ul:last-child{ border: 0;  border-radius:  0 0 5px 5px }
.popularoffers ul li{ display: block; float: left; padding: 15px 20px; }
.popularoffers ul li:nth-child(1){ width: 20%; font-size: 18px; color: #333; font-weight: bold; }
.popularoffers ul li:nth-child(2){ width: 60%; }
.popularoffers ul li:nth-child(3){ width: 20%; }
.popularoffers ul.popularoffersheader li:nth-child(1){ font-size: 16px; color: #999; font-weight: normal; }
.popularoffers ul li span{ color: #666 !important }

.aboutmerchant h2{padding: 30px 0 10px 0; font-weight: bold; font-size: 20px;}
.aboutmerchantcontent{ border: #eaeaea 1px solid; background: #fff; padding: 15px 20px; border-radius: 5px; margin-bottom: 20px; }
.aboutmerchantcontent img{ max-width:100%;}
.aboutmerchantcontent h2,
.aboutmerchantcontent h3{ padding-top:5px;}
.aboutmerchantcontent h3{ font-size:16px; padding-bottom:5px}
.aboutmerchantcontent h3 p{ margin-bottom:0}

.csstore_wrapper{ position:relative; margin-bottom:16px; background:#fff; border:1px solid #e4e4e4; border-radius:3px; transition:all 0.3s cubic-bezier(.25,.8,.25,1)}
.csstore_wrapper:hover{ box-shadow:0 3px 15px rgba(0,0,0,0.16); transition: all 0.4s ease-out}
.csstore_content{ display:inline-block; position:relative}
.csstore_wrapper .csm_logo{max-width: 120px; margin: 10px auto; height: 100px; }
.list_stores{ overflow: hidden; margin-right: -20px; }
.list_stores li{ width: 187px; float: left; margin-right: 16px; }
.list_stores .csstore_content{  width:100%; text-align: center;}
.list_stores .csstore_content .csmer_title{ font-size:1.15em; line-height:2em; color:#333; height:2em;overflow:hidden; padding-top: 5px; margin:0 0 5px 0; border-top:#F0F0F0 1px solid;  }
.list_stores .csstore_content .csmer_title a{ color: #333 }
.list_stores .csstore_content .mer_coupons{ margin-bottom: 5px; }
.list_stores .csstore_content .mer_coupons a{ font-size: 12px; color: #666; position: relative; padding-right: 20px; }

.c_deal_list_wrap .list_stores li{ width: 32.3%; position: relative; border-radius: 5px; margin-right: 1%;}
.c_deal_list_wrap .list_stores .csstore_content{ text-align: left; }
.deal_img_box{ height: 180px; overflow: hidden;}
.deal_img_box img{ width: 100%; }
.c_deal_list_wrap .csm_logo{ position: absolute; top: 100px; left: 10px; background: #fff; border: #e4e4e4 1px solid}
.mer_name { margin-top: 40px; padding-left: 10px }
.mer_name a{ color: #ccc; font-size: 12px; }
.c_deal_list_wrap .list_stores .csstore_content .csmer_title{ border-top: 0;  padding:0 10px; height: 2.5em; line-height: 1.25em;}

.c_deal_list_extra{ clear: both; padding: 20px 0; overflow: hidden; }
.c_deal_list_extra ul{ margin-right: -10px; }
.c_deal_list_extra ul li{ width: 191px; margin-right: 10px; margin-bottom: 10px; float: left; border: #e4e4e4 1px solid; border-radius: 5px; text-align: center; padding: 10px; background: #fff; }
.c_deal_list_extra ul li img{  max-width: 160px; max-height: 40px;}


.coupon_wrapper{ position:relative; margin-bottom:16px; background:#fff; border:1px solid #e4e4e4; border-radius:2px; transition:all 0.3s cubic-bezier(.25,.8,.25,1)}
.coupon_wrapper:hover{ box-shadow:0 3px 10px rgba(0,0,0,0.16); transition:all 0.4s ease-out}
.coupon_wrapper .m_logo {width: 7.25em;height: 100%;top: 0;left: 0;padding: 16px 16px;}

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

.grid_coupons, .grid_stores{ width:1232px}
.grid_coupons li{ width:25%; float:left; position:relative; }
.grid_coupons .coupon_wrapper{ margin-bottom:32px; margin-right:32px; text-align:center; border-radius: 5px;}
.grid_coupons .coupon_wrapper .m_logo{ width:100%; height:7.125em; position: relative; }
.grid_coupons .promo{ font-size:1.5em; color:#333; margin-bottom:10px}
.grid_coupons .title{ font-size:1.125em; line-height:1.25; color:#333; margin-bottom:14px; height:2.5em; overflow:hidden}
.grid_coupons .coupon_content{ padding:20px 32px 16px 32px; display:block; position: relative; border-top: 1px dashed #eaeaea;}
.grid_coupons .time_success div{ float:inherit; margin:6px 0 0 0}

.grid_coupons .coupon_content:before,
.grid_coupons .coupon_content:after{ display: block; content: ""; width: 9px; height: 18px; background:#eaeaea; position: absolute; left: 0px;  margin-top: -9px;}
.grid_coupons .coupon_content:before{ top: 0px;  border-left: none; border-radius:0 18px 18px 0; }
.grid_coupons .coupon_content:after{ top:0px; right: 0; left: inherit; border-radius:18px 0 0 18px; border-right: none; }

.expired_time{ color: #666; font-size: 12px;min-height:20px }
.grid_coupons .csshop_now{ margin:0 auto 20px; float: none;}

.list_stores_category .csstore_content .csmer_title{ font-size: 16px; }

.category_list{ overflow: hidden; margin-right: -1.6%; }
.category_list li{ width: 23.4%; float: left; margin-right: 1.6%; background: #fff; border:#EAEAEA 1px solid; border-radius: 5px; padding: 15px; text-align: center; margin-bottom: 15px; }
.category_list li:hover{ box-shadow:0 3px 15px rgba(0,0,0,0.16); transition: all 0.4s ease-out}
.category_list li .cate_link{ display: none; border-radius: 2px;margin: 0 auto 10px; padding: 25px; }
.cate_icon{ background: url(../image/v09/coupon3_cate.png) no-repeat 0 0; background-size:108px 500px;  width: 55px;  height: 55px; margin: 0 auto; }
.cate_icon1{ background-position: -26px -15px; }
.cate_icon2{ background-position: -26px -85px; }
.cate_icon3{ background-position: -26px -157px; }
.cate_icon4{ background-position: -26px -234px; }


.c_all_category_wrap .category_list li{ width: 24%; margin-right: 1%; height: 56px; overflow: hidden; }


.s_logo{ width:8em; 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}
.csm_logo{ width:100%; text-align:center; vertical-align:middle; padding:10px}
.csm_logo img{ max-width:95%; max-height:95%; border-radius: 5px;}
.csm_logo:after, .s_logo:after{ content:""; display:inline-block; height:100%; vertical-align:middle; width:0}

.wrapper, .wrapper2{clear:both; width:1138px; margin:0 auto; position:relative}
.wrapper2{ padding:0 32px 20px 32px; background:#fff; margin:32px auto; border-radius:3px; border:1px solid #e4e4e4}

h1.big_title{ font-size:0}
h1, h2, h3{ font-size:1.5em; color:#333; padding:1em 0 0.75em 0; line-height:1.25; font-weight:500}


.csshop_now{ width:210px; height:37px; line-height:37px; display:block; position:relative; float:left; margin:0 25px 0 0; background: #d0e4f5; border-radius: 20px; }
.csshop_now .show_code{ width:183px; text-align:center; background:#0073d8; border-radius:20px 0 0 20px; font-size:16px; color:#fff; font-weight: bold; padding-left:15px; position:absolute; left:0; top:0px; }
.csshop_now .show_code:after{content:""; width: 24px; height: 34px; background:#0064bc; position:absolute; z-index: 9; top: 0; right: -14px;  clip-path: polygon(44% 0, 101% 100%, 0 44%); -webkit-clip-path: polygon(44% 0, 101% 100%, 0 44%);}
.csshop_now .show_code:before{content:""; width: 1.21em; height: 37px; background:#0073d8; position:absolute; z-index: 8; top: 0; right: -19px; clip-path: polygon(0 0, 79% 100%, 0 106%); -webkit-clip-path: polygon(0 0, 79% 100%, 0 106%);}

.csshop_now .code{ width:100%; height:100%;  border-radius:5px; color:#fff; font-size:18px;  padding:0 8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.csshop_now .code{ text-align:center;}
.mer_c_list_wrap .get_deal{ margin-right: -15px; background: none; width: 225px;}
.get_deal .show_code{ border-radius: 20px; width: 210px; background: #0073d8}
.get_deal .show_code:before,
.get_deal .show_code:after{ display: none; }

.cs_pannel_title{ position:relative; text-align:left; margin-bottom:15px; padding:1em 0 0 0; font-size: 22px; color: #333; font-weight: bold; text-align: center;}
.pannelseemore{ float: right; font-size: 14px; color: #999 }

.seemore_bar{  height: 44px; line-height: 44px; text-align: center; clear: both;  border: #EAEAEA 1px solid}
.seemore_bar a{ display: block; color: #0073d8; }
.seemore_bar a span{ position: relative; padding-right: 20px; }
.seemore_bar a span:before, .seemore_bar a span:after{ content:""; display:block; position:absolute; width:7px; height:1px; background-color:#0073d8; -webkit-transform:rotate(45deg); transform:rotate(45deg); right: 10px; top:45%; margin-top:1px}
.seemore_bar a span:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:1px; right: 5px;}


footer{ background-color:#3d3a38; text-align:center; border-top: #EAEAEA 1px solid}
footer p{  color:#999; font-size:14px;}

footer p a{ padding:0 25px; color:#888;}

.foot_link{  padding:0.5rem 0 0; color:#666; margin-bottom: 0}
.foot_link a{ margin:0.5rem 0; width:19%; text-align:center; display:inline-block; color: #888}

.copyright{ padding:1rem 0; text-align: center; margin-bottom: 0}
.copyright .logo{ position: static; display: block; width: 150px; height: 40px;}
.social{ width:10%; float:right; margin-top:20px}
.social li{ width:50%; padding:0 4%; margin-top:0.55em; height:2.25em; float:left; text-align:center; position:relative; font-size:1.5em}


.promo_btns{  box-sizing: inherit; vertical-align:top; clear: both; margin: 10px -15px 0; padding: 15px 15px 0; overflow:hidden;}
.promo_infor{ min-width:50px; height:50px;  text-align:center; color:#72bd56; border-radius:7px; position:relative;  top:-5px; float: left;}

.coupon_type{ text-align:center; padding:26px 5px 0px 5px; font-size:14px; color:#e45861; text-transform:uppercase}
.coupon_type span { display:inline-block; padding:4px 8px; margin:-4px 0 0 10px; border-radius:4px; font-size:12px; color:#fff; background-color:#e45861}
.coupon_type.deal_green{ color:#90c139}
.coupon_type.deal_green span{ background-color:#90c139}

.grid_stores li{ list-style:none; width:16.666%; padding-right:32px; margin-bottom:32px; float:left}
.csstore_wrap{ width:auto; height:130px; box-shadow:0 1px 6px rgba(0,0,0,0.16); border-radius:2px; background:#fff; position:relative}

.wrapper2 ul li{ width:16.666%; float:left; padding-right:16px; font-size:14px; height:32px; line-height:32px}
.wrapper2 ul li a{ max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display: inline-block}

.breadcrumbs{ font-size:12px; margin:1.5em 0 0 0; color: #999}
.breadcrumbs a{ color: #999 }

.cspagecontent{ padding-right:36px; padding-bottom:16px; width:73%; float:left; margin-top:1.5em}
.cspage_sidebar{ width:27%; float:right; padding-top:0px; padding-bottom:16px; margin-top:1.5em}

.aside_wrap, .merchant_info{ padding-bottom:1.5em;}
.aside_wrap:last-child{ border-bottom:none}
.aside_wrap h2{ font-size:20px; color:#333; padding-top: 0; padding-bottom: 10px; font-weight: bold; display: inline-block;}
.aside_wrap h3{ font-size: 16px; color: #999; padding: 5px 0 }
.asidecontent{ border: #eaeaea 1px solid; border-radius: 4px; background: #fff; padding: 20px; }

.page100 .cspagecontent{ padding-right: 0; width: 100%; float: none;  }
.staticwrap{ margin: 0 auto 20px }
.staticwrap .staticcontent{  background:#fff;  border-radius:5px; padding: 15px; border: #eaeaea 1px solid; font-size: 14px;}
.staticwrap h1{ padding-top: 0.75em; font-weight: bold; }
.staticwrap h2,
.staticwrap h3{ font-size: 16px; color: #333; font-weight: bold; padding: 15px 0; }

.csstore_wrap{ padding: 15px 15px 0; overflow: hidden;}
.csstore_wrap .imgbox{ width: 150px; height: 90px; float: left; position: relative; border: #eaeaea 1px solid; border-radius: 5px; display: inline-block; vertical-align: top; margin-right: 15px;}
.csstore_wrap .topstore{ background: #FFB129; border-radius:5px 0 5px 0; color: #fff; position: absolute; left: 0; top: 0; display: inline-block; width: 18px; font-size: 12px;  }
.csstore_wrap .m_logo{ width:100%; height:100%; position:absolute; top:0; left:0; vertical-align:middle; text-align:center; overflow:hidden}
.csstore_wrap .m_logo a:after{ content:""; display:inline-block; height:100%; vertical-align:middle;width:0}
.csstore_wrap .m_logo img{ max-width:90%; max-height:6.5em }
.csstore_wrap a.m_name{ font-size: 18px;  display: block; }
.csstore_wrap a.m_coupons{ font-size: 12px; display: block; color: #999; padding-bottom: 10px;}
.csstore_wrap a.gotostore{ display: inline-block; width: 20px; height: 20px; background: #F1F4F4; border-radius: 20px; position: relative; }
.csstore_wrap a.gotostore:before, .csstore_wrap a.gotostore:after{ content:""; display:block; position:absolute; width:7px; height:1px; background-color:#666; -webkit-transform:rotate(45deg); transform:rotate(45deg); right: 5px; top:40%; margin-top:-1px}
.csstore_wrap a.gotostore:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:3px; right: 5px;}
.m_logo a{ display: block; height: 100%; }

.topstores_wrap .topstore_list{ background:#fff; border-radius: 5px; padding-bottom: 15px; }
.topstores_wrap .csstore_wrap{ box-shadow: none; border-radius: 0; background: none; height: auto; }
.topstores_wrap .seemore_bar{ background:#F1F4F4; margin: 15px 15px 0; height: 36px; line-height: 36px; }
.topstores_wrap .seemore_bar a{ font-size: 14px; }

.merchantinfo h1{ font-size: 22px; color: #333; padding: 0 0 0.5em; font-weight: bold; margin-left: 190px;}
.merchant_description{  color:#999; font-size: 14px; cursor: pointer; margin-bottom: 0}
.merchant_description.less{ max-height:105px; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis}
.merchant_description a.seemore{ position: relative; padding-right: 20px;  color: #333; font-size: 12px; margin-left: 5px;      background: #fff;    padding-left: 6px;}
.merchant_description a.seemore:before,.merchant_description a.seemore:after{ content:""; display:block; position:absolute; width:7px; height:1px; background-color:#333; -webkit-transform:rotate(45deg); transform:rotate(45deg); right: 10px; top:45%; margin-top:1px}
.merchant_description a.seemore:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:1px; right: 5px;}
.merchant_description a.seemore.less:before{ right: 5px }
.merchant_description a.seemore.less:after{right: 10px;}


.csstore_wrap{ width:auto; height:130px; border-radius:3px; position:relative}
.merchant_wrap{padding:16px; background:#fff; position:relative; border: 1px solid #e4e4e4; border-radius:3px; margin-bottom: 15px; overflow: hidden;}
.merchant_wrap .csstore_wrap{ width:180px; height: 90px; box-shadow:none; margin: 0 auto; padding: 0}
.merchant_wrap .csstore_wrap .m_logo{ border-radius: 5px; position: static; }
.star_box{ text-align: center; }
.star_box .icon-star{ display:inline-block; width:1em; line-height:1.667em; color:#999; font-size:1.2em; cursor:auto}
.star_box .icon-star:hover, .star_box .icon-star.on{ color:#0073d8}
.ratingnum{ text-align: center; font-size: 12px; }
.merchant_info{ margin-top:3em}
.merchant_info ul li{ width:49%; text-align:center; padding:0px 0 28px 0; display:inline-block; font-size:14px}
.merchant_info ul li strong{ display:block; font-size:26px; font-weight:500; color:#333}
.merchant_info ul li:nth-child(3),.merchant_info ul li:last-child{ padding:20px 0 6px 0}
.merchant_description .details{ margin-bottom:0.5em; font-size:14px; line-height:1.3; position:relative; color:#999}
.merchant_description .details.less p{ overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; -webkit-line-clamp:6; max-height:111px}
.merchant_description .details span{ position:absolute; right:0; bottom:-20px; color:#72bd56}

.merchant_extrainfo { margin-left: 190px; }
.merchant_extrainfo ul{ display: inline-block; }
.merchant_extrainfo ul li{ display: inline-block; border: #F1F4F4 1px solid; border-radius: 5px; margin-right: 10px; padding: 0 10px; }
.merchant_extrainfo ul li a{ font-size: 12px; color: #999 }
.merchant_extrainfo ul li a span{ color: #333; font-weight: bold; margin-left: 5px}
.merchant_link a{ color: #0073d8; font-size: 14px;}

.holidaygif{ position: absolute; bottom: 0; right: 0; font-size: 16px; padding: 5px 10px 5px 30px; }
.ballonwrap{ position: absolute; height: 30px; width: 36px; overflow: hidden;    bottom: 5px; left: 0 }
.holidaygif a{ color: #0073d8 }
.holidaygif a span{ text-decoration: underline; }
.ballon{ position:relative;}
.ballon div{ width:100px; height:65px; }
.ballon img{ width:30px; height:auto; display:block;}
.ballon1{ bottom:-20px; left:0px;animation: myfirst 4s linear infinite; z-index:2222;animation-delay:0s;-webkit-animation: myfirst 4s linear infinite; z-index:2222;-webkit-animation-delay:0s; }
.ballon2{ bottom:-20px; left:13px;animation: myfirst2 3s linear infinite;animation-delay:1s;width:70px;-webkit-animation: myfirst2 3s linear infinite;-webkit-animation-delay:1s;}
.ballon3{ bottom:-30px; left:2px;animation: myfirst3 4s linear infinite; z-index:2222;animation-delay:0s;-webkit-animation: myfirst3 4s linear infinite; z-index:2222;-webkit-animation-delay:0s; }

@keyframes myfirst
{
    from {bottom: -20px;}
    to {bottom: 70px;}
}
@keyframes myfirst2
{
    from {bottom: -20px;}
    to {bottom: 100px;}
}
@keyframes myfirst3
{
    from {bottom: -30px;}
    to {bottom: 100px;}
}
@-webkit-keyframes myfirst
{
    from {bottom: -20px;}
    to {bottom: 70px;}
}
@-webkit-keyframes myfirst2
{
    from {bottom: -20px;}
    to {bottom: 100px;}
}
@-webkit-keyframes myfirst3
{
    from {bottom: -30px;}
    to {bottom: 100px;}
}

.filter_content label{ cursor:pointer; line-height:36px; height:36px; display:block; font-size:15px; position:relative}
.filter_content label input[type="checkbox"]{ display:inline-block; vertical-align: middle; margin-right:6px; border:inherit; background-color:inherit; -webkit-appearance:checkbox; vertical-align:baseline}
.filterline{ border-top:#eaeaea 1px solid; margin:10px -20px 15px;  }

.about-merchant-stats{font-size: 14px; color: #333; margin:-20px 0 -10px 0}
.about-merchant-stats li{  border-bottom: #eaeaea 1px solid; margin:0 -20px; padding:  10px 20px}
.about-merchant-stats li:last-child{ padding-bottom: 0; border-bottom: 0 }
.about-merchant-stats .about-merchant-data{ float: right; color: #0073d8 }
.shopinformation_wrap .asidecontent{ padding: 0 20px; }
.mer_information .information_title{ width: 80px; float: left; }
.mer_information > li{ margin-bottom:28px; border-bottom: #eaeaea 1px solid; margin:0 -20px; padding:10px 20px; font-size: 14px;}
.mer_information > li:last-child{ border: 0 }
.mer_information h4{ color: #333; font-weight: bold; padding-bottom: 5px; }
.mer_information li p{ margin-bottom: 0; margin-left: 80px; }
.mer_information li a{ color: #0073d8 !important }
.payment{ overflow: hidden; padding-top: 5px; }
.payment li{ background-image:url(../image/v09/pay_icon.png); background-repeat:no-repeat; width:48px; height:30px; display:inline-block; margin-right:5px; margin-bottom:5px; float:left}
.visa{ background-position:0 0}
.paypal{ background-position:0 -30px}
.aufrechnung{ background-position:0 -60px}
.mastercard{ background-position:0 -90px}
.maestro{ background-position:0 -120px}
.vorkasse{ background-position:0 -150px}
.americanexpress{ background-position:0 -180px}
.wirecard{ background-position:0 -210px}
.sofort{ background-position:0 -240px}
.cash{ background-position:0 -270px}
.Postfinance{ background-position:0 -300px}
.giropay{ background-position:0 -330px}
.visaelectron{ background-position:0 -360px}
.visadebit{ background-position:0 -390px}
.electroniccash{ background-position:0 -420px}
.bonuscard{ background-position:0 -450px}
.reka{ background-position:0 -480px}
.diners{ background-position:0 -510px}
.cartebleue{ background-position:0 -540px}
.western{ background-position:0 -570px}
.powerpay{ background-position:0 -600px}
.billpay{ background-position:0 -630px}
.giftcard{ background-position:0 -660px}
.bancontact{ background-position:0 -690px}
.skrill{ background-position:0 -720px}
.banktransfer{ background-position:0 -750px}
.amazonpayments{ background-position:0 -780px}
.amazonpay{ background-position:0 -780px}
.klarna{ background-position:0 -810px}

.popularstore_wrap .asidecontent{ padding: 0 0 20px; }
.popularstore_wrap ul{ overflow: hidden;  }
.popularstore_wrap ul li{ width: 32%; float: left; }
.popularstore_wrap .csstore_wrap{ box-shadow: none; height: 125px; }
.popularstore_wrap .csstore_wrap .m_logo{width: 80%;height: 65%;position:absolute;top:10%;left:10%;vertical-align:middle;text-align:center;overflow:hidden;border-radius: 100%;box-shadow: 0 3px 15px rgba(0,0,0,0.16);}

.coupon_num{ position: absolute;    bottom: 0;    width: 100%;    text-align: center;    margin-left: -16px; font-size: 12px;}

.text_lists li{  margin: 0 10px 10px 0; display: inline-block;}
.text_lists li:last-child{ margin-bottom:0; }
.text_lists li a{ display: inline-block; padding:5px 10px;  font-size:12px; transition: color .2s ease-in,background .2s ease-in; color:#8d8d8d; background:#ebedf0; border-radius:3px}
.text_lists li a:hover{ background:#0073d8; color:#fff}

.shopping_tips p{ font-size:14px}
.shopping_tips p.title{ font-size:14px; color:#666; font-weight:600; margin-bottom:6px}
.shopping_tips p a, .saving_center p a{ color:#72bd56}
.saving_center{ background:#fff; padding:6px 32px 16px 32px; margin:32px 0}
.saving_center p{ font-size:14px}
.saving_center p.title{ font-size:1.0625em; color:#666; font-weight:600; margin-bottom:6px}
.saving_center ol{ counter-reset:li; margin-top:15px}
.saving_center ol li{background-color:#f4f4f4; margin-bottom:10px; padding:14px 20px 14px 70px; position:relative; font-size:14px}
.saving_center ol li:before{ position:absolute; content:counter(li); counter-increment:li; width:70px; height:50px; top:50%; bottom:0; left:0; font-size:36px; font-weight:600; line-height:50px; text-align:center; color:#d8d8d8; -ms-transform:translateY(-50%); transform:translateY(-50%); font-style:italic}


.merchant_key{ padding:0.5em 0}
.merchant_key h1{ color:#333; font-size:1.75em; line-height:1.25; padding:0}
.merchant_key h2{ font-size:14px; color:#666}

.merchant_key .csstore_wrap{ width:80px; height:80px; border:none; background-color:#fff; border-radius:2px; float:left; margin:0 16px 16px 0}
.merchant_key .csstore_wrap .csm_logo{ padding:8px}
.only_tablet{ display:none}

.right_filter{ margin-bottom:0.65em}
.right_filter ul li{ float:left; margin-right:2em; margin-bottom:0; padding:5px 0;font-weight: bold; font-size: 14px;}
.right_filter ul li span{ font-size:14px; color:#333; }
.right_filter .checked, .right_filter ul li:hover{ color:#0084FF; cursor:pointer; border-bottom: #0084FF 2px solid;}
.right_filter .checked span,
.right_filter ul li:hover span{ color:#0084FF}

.right_filter_category{ height: 33px; overflow: hidden; }
.right_filter_category a.more_filter{ display: inline-block; width: 28px; height: 28px; border-radius: 28px;  background: #FAFBFB;  position: relative; float: right; }
.right_filter_category a.more_filter:before, .right_filter_category a.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}
.right_filter_category a.more_filter:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:3px; right: 10px;}


.offer_big_text{ font-size:1em; font-weight:500}
.offer_med_text{ font-size:1em; font-weight:500}
.offer_largest_text{ font-size:1em}
.offer_large_text{ font-size:0.875em}
.offer_lesser_text{ font-size:0.75em}
.offer_smaller_text{ font-size:0.75em}
.offer_least_text{ font-size:0.75em}

.offer_text{ font-size: 18px; font-weight: bold; padding-bottom: 5px; }
span.offer_best{ color: #D6D6D6; font-size: 12px; }
span.offer_big_text{ font-size: 30px; color: #6E27FE; line-height: 45px; font-weight: bold; }
span.offer_least_text{ font-size: 25px; color: #6E27FE; line-height: 28px; font-weight: bold; }
span.offer_large_text{ color: #6E27FE;  display: inline-block; text-transform: uppercase; line-height: 18px; font-size: 16px; margin-bottom: 10px; text-transform: uppercase; font-weight: bold;}

.mer_list_coupons .promo_infor{ top: 0; }
.mer_list_coupons .promo_infor_center{ width: 110px; text-align: center;  border-radius: 5px; margin-right: 10px; display: block; }
.mer_list_coupons .promo_btns{ border-top: 0; border-bottom: #F1F4F4 0px solid; padding: 0 15px 15px 0 }
.cscouponextrainfo{padding: 8px 9px;line-height: 14px;position: absolute;width: 100%;left: 0;bottom: 0;background: #f5f5f5; }
.cscouponextrainfo .csexpiredate{ color: #999; font-size: 12px; }
.cscouponextrainfo .csdetaillink{ float: right; color:#999; font-size: 12px;   position: relative;  padding-right: 15px;}
.cscouponextrainfo .csdetaillink:before, .cscouponextrainfo .csdetaillink:after{ content:""; display:block; position:absolute; width:7px; height:1px; background-color:#666; -webkit-transform:rotate(45deg); transform:rotate(45deg); right: 5px; top:35%; margin-top:-1px}
.cscouponextrainfo .csdetaillink:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:3px; right: 5px;}

.promo_infor{ height: 94px; }
.cou_property{  width:110px; height:22px; line-height:1.9; position:absolute; bottom:0; left:0; text-align:center; font-size:12px; color:rgba(255,255,255,0.85); text-transform:uppercase; font-weight:600}
.detail_filter_code .cou_property{ background: #0073d8}
.detail_filter_deal .cou_property{ background: #39b54a}
.c_expired_list_wrap .cou_property{ background: #C8BFB4}
.merchant_subinfo .seemore{ display: none; }
.mer_c_list_wrap a.gotomer{ border: 0 !important; background: none !important; color:#0073d8; }
.mer_c_list_wrap a.gotomer:before, .mer_c_list_wrap a.gotomer:after{ background:  #0073d8}


.csdeal_wrapper span.offer_code_text{ color: #0084FF; }
.csdeal_wrapper span.offer_code_label{ color: #0084FF; background: #e3f1fd; }


.c_expired_list_wrap .cs_pannel_title{ color: #999; padding-top: 0 }
.c_expired_list_wrap span.offer_code_text{ color: #C8BFB4 }
.c_expired_list_wrap span.offer_code_label{color: #0073d8;}
.c_expired_list_wrap .list_coupons .cscoupon_content .csmer_title a{ color: #999 }
.c_expired_list_wrap .csshop_now{ background: #f7f6f4 }
.c_expired_list_wrap .csshop_now .show_code{ background: #C8BFB4 }
.c_expired_list_wrap .csshop_now .show_code:before{ background: #C8BFB4 }
.c_expired_list_wrap .csshop_now .show_code:after{ background: #bead99 }
.c_expired_list_wrap .cscouponextrainfo .csexpiredate span{ color: #FF001E }


.time_success{ height:1.875em; line-height:1.875em; overflow:hidden; position:relative; padding-top:6px; border-top:1px solid #ececec; clear:both}
.time_success li{ margin:0 2em 0 0; display:inline-block; font-size:13px; letter-spacing:0.5px; color:#757575; width:auto}
.time_success li:last-child{ float:right}
.time_success i, .icon-time{ font-size:13px; margin-right:3px; color:#bbb; vertical-align:baseline}
.time_success i.icon-angle-down{ font-size:16px; vertical-align:middle}

.offer_card{ width:100%}
.card_content{ padding:32px 0 20px 0}
.card_content .title{ margin:0 0 1em 1em}
.card_content .time_success{ padding-left:24px}

/*homepage*/
.cs_homesearch{ background: url(../image/v09/coupon3_bg@2x.jpg) no-repeat; height: 280px; padding: 40px 0; text-align: center;  background-size: 100% 100%;  color: #fff}
.cs_homesearch .search_wrapper{ position: static; margin:0 auto; width: 60%; height: 56px;  }
.cs_homesearch .search_wrapper .search_input{ border-radius: 5px; }
.cs_homesearch .search_wrapper button{ display: block !important;  width: auto; margin: 6px;    padding: 0 30px;   border-radius: 5px;    background: #0073d8;    font-size: 18px;    line-height: 44px;    height: 44px;  text-transform: uppercase;}
.cs_homesearch .search_input input[type="text"]{ padding-right: 150px; line-height: 46px; font-size: 18px;   }
.cs_homesearch_title{ padding-bottom: 40px; font-size: 30px; }
.cs_homesearch_link{ font-size: 12px; padding-top: 10px; }
.cs_homesearch_link a{  color: #fff;}


.cs_popularshops ul{ margin-right: -1%; }
.cs_popularshops ul li{ width: 24%; float: left; margin-right: 1%; }
.cs_popularshops ul li a{ display: block; border: #EAEAEA 1px solid; border-radius: 5px; background: #fff; font-size: 14px; padding:10px 20px; margin-bottom: 15px;white-space: nowrap;overflow: hidden;}


/*category*/
.categoryinfo .merchant_wrap {padding:0;}
.categoryinfo .merchant_wrap .csstore_wrap .m_logo{ border-width: 0; border-radius: 0}
.categoryinfo .merchant_description{ padding: 15px; border-left: #F0F0F0 1px solid; margin-bottom: 0; }
.categoryinfo .cate_icon{ margin-top: 20px; }

/*search*/
.c_search_list_wrap h1{ margin-top: -10px }
.c_search_list_wrap .cs_pannel_title{ padding-top: 0; }
.c_search_list_wrap .cscoupon_wrapper{ min-height: 133px; }
.c_search_list_wrap .list_coupons{ margin-right: -2%; }
.c_search_list_wrap .list_coupons li{ width: 48%; float: left; margin-right: 2%;  }
.c_search_list_wrap .list_coupons li:nth-child(2n+1){ clear: both; }
.c_search_list_wrap .list_coupons .cscoupon_content{ padding-bottom: 50px; }
.c_search_list_wrap .list_coupons .cscoupon_content .csmer_title{ margin-right: 0; min-height: 44px;}
.c_search_list_wrap .mer_list_coupons .promo_btns{ position: static; float: right; }
.c_search_list_wrap .cscouponextrainfo .csexpiredate{ margin-bottom: 5px; }

.searchnoresult{ text-align: center; padding:20px 0 50px; }
.searchnoresult .snr_title{ font-size: 24px; color: #333; font-weight: bold; padding-bottom: 10px; }
.searchnoresult p{ color: #999; font-size: 14px; }
.searchnoresult a{ border: #eaeaea 1px solid; background: #fff; font-size:14px; border-radius: 5px; padding: 10px 20px; display: inline-block; margin-right: 20px; }

/*top coupon*/
.topcouponsfilter{padding:16px 16px 6px; background:#fff; position:relative; border: 1px solid #e4e4e4; border-radius:3px; margin-bottom: 15px;}
.topcouponsfilter h1{ font-size: 20px; font-weight: bold; color: #000; padding:0; margin:0 0 10px 0; }
.topcouponsfilter ul li{ border: #eaeaea 1px solid; border-radius: 5px; padding: 5px 10px; display: inline-block; margin-right: 10px; margin-bottom: 10px; }

/*all category*/
.c_all_category_wrap .cs_pannel_title{ padding-top: 0 }

/*all stores*/
.store_pageinfo{ height: 136px; padding: 30px 40px; margin-bottom: 40px; border-radius: 5px; background: url(../image/v09/coupon3_store_bg.jpg) no-repeat center 0; background-size: cover; color: #fff }
.store_pageinfo h1{ color: #fff; padding: 0 0 10px; font-weight: bold; }
.store_pageinfo p{ margin-bottom: 0;word-break: break-all;margin-top:-10px }
.c_allstores_wrap .cs_pannel_title{ padding-top: 0; text-align: left; }


/*aboutus*/
.staticwrap .aboutus_img{ width: 290px; height: 222px; float: right; margin-left: 24px; margin-bottom: 20px; background: url(../image/v09/coupon3_aboutus@2x.jpg) no-repeat 0 0; background-size: 100%; }
.staticwrap p{  line-height: 1.8em; margin-bottom: 10px; }


/*Privacy Policy*/
.staticwrap ol {color:#0084FF }
.staticwrap ol li{ background: #F1F4F4; margin-bottom: 10px; max-width: 460px; padding: 5px 10px; }
.staticwrap ol a { color:#0084FF }
.staticwrap ol li a:hover { text-decoration:underline}

/*404*/
.pagenotfoundwrap h1{ text-align: center; padding-top: 50px; padding-bottom: 0 }
.pagenotfoundwrap .staticcontent{ background: none; border: 0 }
.pagenotfound .search_wrapper{ position: static; width: auto; max-width: 800px; margin:0 auto;  height: 64px; }
.pagenotfound .search_wrapper button{ display: block !important;  width: auto; margin: 7px;    padding: 0 30px;    border-radius: 5px;    background: #0073d8;    font-size: 18px;    line-height: 50px;    height: 50px;  text-transform: uppercase;}
.pagenotfound .search_input input[type="text"]{ padding-right: 150px; line-height: 64px;  background: #fff; border: #eaeaea 1px solid; font-size: 18px; }
.pnf_title{ padding-bottom: 10px; color: #999; text-align: center; font-size: 16px; }
.pnf_link{ font-size: 12px; padding-top: 10px; }
.pnf_link a{  color: #0084FF;}
.pnf_img{ max-width: 235px; margin:20px auto 40px;}
.pnf_img img{ width: 100% }

/*contact us*/
.contactuswrap{ overflow: hidden; }
.contactuswrap .search_wrapper{ position: static; width: auto; height: auto;}
.contactuswrap .search_wrapper button{ position: static; display: block !important;  width: auto; margin: 3px;  min-width: 210px;   padding: 0 30px;    border-radius: 5px;    background: #0073d8;    font-size: 14px;    line-height: 36px;    height: 36px; font-weight: bold; }
.contactuswrap .search_input{margin-bottom: 15px;}
.contactuswrap .search_input input[type="text"]{ line-height: 42px; height: 42px; border-radius: 5px; font-size: 16px;}
.contactuswrap .contact_desc{ padding-bottom: 10px; font-size: 14px; }
.contactuswrap .form-message{ background: #FBFAF9; border: #EAEAEA 1px solid; border-radius: 5px; width: 100%; padding: 15px; font-size: 16px;}
.contactus_img{ width: 340px; height: 235px; margin: 80px 30px 0 0; float: right; background: url(../image/v09/coupon3_contacttus@2x.jpg) no-repeat 0 0; background-size: cover; }
.contactus_coll{ margin-right: 390px; }

.module_page h1{ padding:0.85em 0 0.45em 0}
.module_page .allstore_list, .allstore_filter{ width:100%; border-radius:5px; float:left; padding:16px 0 0; margin:10px 0}
.module_page .allstore_list .title{  padding-bottom:26px; margin-bottom:16px; font-size:1.125em; color:#333; font-weight:500}
.module_page .allstore_list .title a{ float:right; font-size:14px; color:#999; line-height:2.2}
.module_page .allstore_list ul{ margin-right: -2%; max-height: 275px; overflow: hidden; }
.module_page .allstore_list.showall ul{ max-height:none}
.module_page .allstore_list ul li a{ float:left; width:23%; margin-right:2%; margin-bottom: 15px; padding-left:20px; background: #fff;  border:1px solid #eaeaea; border-radius: 5px; height:40px;line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block; font-size:15px}
.module_page .allstore_list h1{ font-size:1.125em; padding:0}
.module_page .allstore_list .title .icon-angle-down{ cursor:pointer}
.module_page .allstore_list .less{ height:488px; overflow:hidden}
.module_page .allstore_list .show{ height:inherit}
.module_page .allstore_list:last-child{ margin-bottom:2em}
.allstore_filter a{ width:2.5em; height:2.5em; display:inline-block; margin:0 1em 1em 0; border:1px solid #EAEAEA; border-radius: 5px; text-align:center; line-height:2.5em;font-size:0.9em; position:relative; overflow:hidden; color:#333}
.allstore_filter{  margin-top: 0;}
.allstore_filter a:hover, .allstore_filter a.active{ background:#0073d8; border:1px solid #0073d8; color:#fff}
.c_allstores_wrap .allstore_list .title{ font-size:1.5em; margin-bottom:15px; padding-bottom:10px; font-weight: bold;}
.c_allstores_wrap .allstore_list .title a{ line-height:2.5; font-weight: normal; font-size: 18px;}
.no_result{ font-size:20px; padding:40px 0 0 0; font-size:1.375em}
.no_result span { font-size:0.75em; display:block; margin-top:10px}


.module_page .allstore_list_item{ margin-top: 0 }

.cs_aboutus .module_content{ padding: 20px; background: #fff; border:#EAEAEA 1px solid; border-radius: 5px; overflow: hidden; }
.cs_aboutus .aboutus_img{ width: 290px; height: 222px; float: right; margin-left: 24px; margin-bottom: 20px; background: url(../image/v09/coupon3_aboutus@2x.jpg) no-repeat 0 0; background-size: 100%; }
.cs_aboutus p{ font-size: 0.9em; margin-bottom: 10px; }


.oopss{ text-align:center; padding:50px 0 70px 0; background:#fff; font-weight:400; font-size:20px; margin-bottom:15px}
.error_text{ font-size:20px; color:#666}
.error_text a{ color:#eee}
.error_text a:hover{ color:#f35d5c}
.error_text p{ color:#999; margin:20px 0; font-size:18px}
.error_text p.hmpg{ margin:40px 0 0 0}
.error_text span{ position:relative; background:#ef4824; color:#fff; font-size:450%; padding:0 20px; border-radius:5px; font-weight:bolder}
.back:hover{ background:#4c4c4c}
.back{ background:#5b5a5a; color:#fff; padding:10px 20px; font-size:20px; font-weight:700; line-height:normal; text-transform:uppercase; border-radius:3px;-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); transition:all 0.5s ease-out}

.back_to_top{ position:fixed; right:2em; bottom:5em; width:3.125em; height:3.125em; line-height:3em; text-align:center; z-index:999; cursor:pointer; color:#fff; opacity:0.7; background-color:#999; border-radius:2px; box-shadow:0 4px 12px -4px rgba(0,0,0,.2); 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:hover{background-color:#1f3141; opacity:1}
.back_to_top span{ font-size:1.625em; -moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}


.mask{ background-color:rgba(7,5,50,0.8); height:100%; left:0;  position:fixed; top:0; width:100%; z-index:999}
.cs_detail_pop{ border-radius:0; left:0; position:fixed; padding:0; top:0; z-index:999; height:100%; width:100%; overflow-y:scroll; box-sizing:border-box; cursor:pointer}
.cs_detail{ width:616px; background:#fff; padding:56px 32px 32px 32px; clear:both; position:relative; box-sizing:border-box; border-radius:2px;  box-shadow:0 12px 24px rgba(0, 0, 0, 0.47); margin:92px auto 16px auto; z-index:999; cursor:default}
.cs_detail_merchant{ text-align:center}
.detail_logo{  background:#fff; border-radius:5px; display:inline-block; padding: 5px; max-width: 140px;}
.detail_logo img{ max-width: 100%; }
.cs_detail_merchant .title{  margin-top:26px; font-size:16px; line-height:1.25; color:#666;  margin-bottom:8px}
.cs_detail_desc{ color: #999; font-size: 12px; padding-top: 10px; }
.cs_detail_desc span{ font-weight: bold; color: #333 }
.cs_detail p.tips{ font-size:13px; color:#999; margin-top:36px}
.code_wrap, .deal_wrap{ padding:18px 0 0 0; position:relative; text-align:center}
.copy_code{ padding:0.5em 7.75em; box-sizing:border-box; background: #FFFDFB; border: #fff3e5 1px dashed;  border-radius: 5px; position:relative; margin:12px auto 12px auto; max-width:100%; display:inline-block;  width: 100%}
.copy_code div{ padding:0.2em 0; font-size:1.675em; line-height:1; width:100%; text-align:center; word-spacing:normal; word-wrap:break-word; color:#666; font-weight:500}
.copy_code input[type="button"]{ position:absolute; width:100px; height:80%; font-size:0.85em; top:10%; right:8px; z-index:2; background:#0073d8; color:#fff; cursor:pointer; border-radius: 5px; text-transform: uppercase; font-weight: bold;}
.copy_code input:focus{border-color:#ff8c00; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,140,0,.5)}
.copy_code.no_copy{ padding:0.5em 1em}
.goto_btn a{ display:inline-block; color:#0073d8; padding:0.625em 1.25em; border-radius:2px; text-decoration: underline;}
.deal_wrap p{ padding:0.5em 2em; box-sizing:border-box; background: #F1F4F4; border-radius: 50px; position:relative; line-height: 36px; margin:12px auto 12px auto; max-width:100%; display:inline-block;  width: 100%; font-size: 14px; color: #666; font-weight: bold}
.cpm_thumbs{ border: #EAEAEA 1px solid; border-radius: 5px; padding: 5px 10px; margin-bottom: 20px; }
.cpm_thumbs p{ display: inline-block; vertical-align: middle; margin-bottom: 0; margin-right: 10px; font-size: 12px; }
.cpm_thumbs p i{ vertical-align: middle; cursor: pointer; }

.closed_btn{ width:2.5em; height:2.5em; background:none; right:0; top:0em; position:absolute; cursor:pointer; z-index:97}
.closed_btn:after, .closed_btn:before{ background-color:rgba(0,0,0,0.67); 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:0.875em}
.closed_btn:before{ -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left:0.562em}
.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:#2ba1ff}
.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}
.hidden{display:none;}

.white{background:#fff;}
.content_area{width:1200px;margin:0 auto;overflow:hidden;}
.label_wrap{ position:absolute; top:-2px}
.label_wrap>div{ border-radius:3px; float:left; margin-right:6px; padding:3px 8px 4px 8px; line-height:1; font-size:13px; color:#fff}
.grid_coupons .label_wrap{ right:12px}
.grid_coupons .label_wrap>div{ margin-right:3px; padding:3px 4px 4px 4px}
.summer_label{ background:#3379e4}
.newyear_label{ background:#e60c0d}
.christmas_label{ background:#dd0a35}
.valentines_label{ background:#ff5da2}
.mothers_label{ background:#f60c86}
.easter_label{ background:#4fb783}
.thanksgiving_label{ background:#fb732f}
.memorial_label{ background:#2b4484}
.independence_label{ background:#0960bd}
.labor_label{ background:#3379e4}
.fathers_label{ background:#5454c5}
.halloween_label{ background:#7047a3}
.backtoschool_label{ background:#009589}
.bankholiday_label{ background:#09a8fa}
.blackfriday_label{ background:#000}
.cybermonday_label {background:#3b02d4}
.boxing_label{ background:#f23557}
.exclusive_label{ background:#ff7725}
.instore_label{ background:#3b02d4}
.onlineinstore_label{ background:#3b02d4}

/*template 11 兼容*/

.cv_coupon_wrap, .offer_card{ position:relative; margin-bottom:16px; background:#fff; border:1px solid #e4e4e4; border-radius:3px; transition:all 0.3s cubic-bezier(.25,.8,.25,1)}
.cv_coupon_wrap:hover, .offer_card:hover{ box-shadow:0 3px 15px rgba(0,0,0,0.16); transition: all 0.4s ease-out}
.cv_coupon_cont{ display:inline-block; position:relative}
.cv_coupon_wrap .cv_mer_logo{ float: right; border:#F0F0F0 1px solid; width: 130px; height: 68px; border-radius: 5px;}
.cv_coupon_cont .date{ margin-bottom:16px; font-size:12px; color:#999; padding:0; border:none; position:absolute}
.cv_coupon_cont .red, .cv_coupon_cont .red i{ color:#F00}
.grid_coupons li{ width:25%; float:left; position:relative}
.grid_coupons li .cv_coupon_wrap{ margin-bottom:32px; margin-right:32px; padding:0 32px 32px 32px}
.grid_coupons li .cv_coupon_wrap .cv_mer_logo{ width:100%; height:6.625em; padding:20px 0; position:inherit}
.grid_coupons li .cv_coupon_cont{ padding-bottom:30px}
.grid_coupons li .cv_coupon_cont .cv_merchant_tit{ font-size:1.125em; line-height:1.3; text-align:center; color:#333; margin-bottom:16px; height:3.8em; overflow:hidden}
.grid_coupons li .cv_coupon_wrap .cv_shop_now{ width:100%; float:none; margin:0}
.grid_coupons li .cv_coupon_wrap .cv_shop_now .cv_show_code{ width:166px}
.cv_list_coupons{ overflow: hidden; margin-right: -2%; }
.cv_list_coupons li{ width: 31.3%; float: left; margin-right: 2%; }
.cv_list_coupons li:nth-child(3n+1){ clear: both; }
.cv_list_coupons .cv_coupon_cont{ padding:25px 15px 15px 15px; width:100%; min-height: 147px;}
.cv_list_coupons .cv_coupon_cont .cv_merchant_tit, .card_content .cv_merchant_tit{ font-size:1.15em; line-height:1.25em; color:#333; height:2.5em;overflow:hidden; margin:0 0 10px 0; }
.cv_list_coupons .cv_coupon_cont .cv_merchant_tit a{ color: #333 }
.cv_list_coupons .cv_coupon_cont .mer_coupons{ margin-left: 140px; }
.cv_list_coupons .cv_coupon_cont .mer_coupons a{ font-size: 12px; color: #666; position: relative; padding-right: 20px; }
.cv_list_coupons .mer_coupons a:before, .cv_list_coupons .mer_coupons a:after{ content:""; display:block; position:absolute; width:7px; height:1px; background-color:#666; -webkit-transform:rotate(45deg); transform:rotate(45deg); right: 8px; top:40%; margin-top:-1px}
.cv_list_coupons .mer_coupons a:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:3px; right: 8px;}
.cv_list_coupons .mer_name{ float: right; max-width:115px}
.cv_list_coupons .mer_name a{ font-size: 14px; color: #999 }


.cv_list_coupons.small .cv_coupon_wrap .cv_mer_logo{ width:8em}
.cv_list_coupons.small .cv_coupon_cont{ padding:32px 0 16px 8em}

/*merchant page list*/
.merchant_cate_list_wrap .mer_baseinfo{ display:none}
.merchant_cate_list_wrap h1{ padding: 0 0 10px; font-size: 26px; font-weight: bold; }
.merchant_cate_list_wrap .cv_list_coupons{ overflow: hidden; margin-right: 0; }
.merchant_cate_list_wrap .cv_list_coupons li{ width: 100%; float: none; margin-right: 0; }
.merchant_cate_list_wrap .cv_list_coupons li:nth-child(3n+1){ clear: none; }
.merchant_cate_list_wrap .cv_shop_now{ float: right; margin:0; }
.cv_coupon_colr{ margin-left: 80px; padding-left: 20px; }
.merchant_cate_list_wrap .cv_list_coupons .cv_coupon_cont .cv_merchant_tit{ height: auto; margin-right: 220px; min-height: 30px; margin-bottom: 0 }
.merchant_cate_list_wrap .cv_list_coupons .cv_coupon_cont .csmer_desc{ color: #666; font-size: 12px }
.merchant_cate_list_wrap .cv_mer_listcoupons .cv_offer_btns{ clear: none; position: absolute; top: 40px; right: 15px; margin:0; padding:0;}
.merchant_cate_list_wrap .cv_couponmoreinfo .cv_detaillink{ margin-right: 5px; float: right;}
/*.merchant_cate_list_wrap .cv_couponmoreinfo .cv_detaillink:before, .merchant_cate_list_wrap .cv_couponmoreinfo .cv_detaillink:after{ margin-top:2px}
.merchant_cate_list_wrap .cv_couponmoreinfo .cv_detaillink:after{  margin-top:2px; right: 0px;}
.merchant_cate_list_wrap .cv_couponmoreinfo .cv_detaillink.expand:before{ right:  0px}
.merchant_cate_list_wrap .cv_couponmoreinfo .cv_detaillink.expand:after{  right: 4px;}*/
.merchant_cate_list_wrap .cscoupondetail{ color: #999; font-size: 12px; margin:10px -15px -15px; background: #FBFAF9; padding:10px 20px; }

.merchant_cate_list_wrap h2{ padding: 20px 0 10px 0; font-weight: bold; font-size: 20px; }
.merchant_cate_list_wrap .cv_merchant_subdesc{ padding-bottom: 15px; }
.merchant_cate_list_wrap .cv_merchant_subdesc h2{ padding: 0; font-size: 14px; font-weight: normal; display: inline;}
.merchant_link{ display: inline; }
.cv_filter_item{ margin-bottom:1.125em;}
.cv_filter_item li{ list-style-type:none; display:inline-block; float:left; background-color:#d0e4f5; margin:0.125em 10px 0 0; line-height:2em; height:2em; cursor:pointer; padding:0 .8em; box-sizing:border-box; color:#333; font-size:15px; border-radius: 5px;}
.cv_filter_item li span{ min-width:20px; height:16px; line-height:16px; border-radius:4px; background-color: #fff; color:#333; font-size:12px; text-align:center; display:inline-block; float:right; margin-top:7px; margin-left:6px}
.cv_filter_item li.checked, .cv_filter_item li:hover{ background-color:#0073d8; color:#fff}
.cv_filter_item li.checked span, .cv_filter_item li:hover span{ background-color:#d0e4f5; }
.merchant_cate_list_wrap .cv_coupon_wrap .cv_mer_logo{ float: left; border: 0; width: 86px; height: 90px; }
.merchant_cate_list_wrap a.gotomer{ float: right; position: relative; padding:0px 20px 0px 10px;  color: #999; font-size: 12px; margin-left: 5px; background: #FBFAF9; border: #eaeaea 1px solid; border-radius: 5px;}
.merchant_cate_list_wrap a.gotomer:before,.merchant_cate_list_wrap a.gotomer:after{ content:""; display:block; position:absolute; width:7px; height:1px; background-color:#999; -webkit-transform:rotate(45deg); transform:rotate(45deg); right: 10px; top:45%; margin-top:-2px}
.merchant_cate_list_wrap a.gotomer:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:2px; right: 10px;}

.cv_po h2{padding: 20px 0 10px 0; font-weight: bold; font-size: 20px;}
.cv_pocontent{ border: #eaeaea 1px solid; border-radius: 5px; }
.cv_po ol.cv_poheader{ background: #FBFAF9; color: #333; border-radius: 5px 5px 0 0; font-weight: bold }
.cv_po ol{ overflow: hidden; background: #fff; border-bottom: #eaeaea 1px solid; margin-bottom: 0; font-size: 14px; }
.cv_po ol:last-child{ border: 0;  border-radius:  0 0 5px 5px }
.cv_po ol li{ display: block; float: left; padding: 10px 20px; }
.cv_po ol li:nth-child(1){ width: 20%;  color: #333; font-weight: bold; }
.cv_po ol li:nth-child(2){ width: 55%; }
.cv_po ol li:nth-child(3){ width: 25%; }
.cv_po ol.cv_poheader li:nth-child(1){ font-size: 14px; color: #333; }
.cv_po ol li span{ color: #666 !important }

.cv_merchant_intro h2{padding: 30px 0 10px 0; font-weight: bold; font-size: 20px;}
.cv_merchantintro_content{ border: #eaeaea 1px solid; background: #fff; padding: 15px 20px; border-radius: 5px; margin-bottom: 20px; }
.cv_merchantintro_content img{ max-width:100%;}
.cv_merchantintro_content h2,
.cv_merchantintro_content h3{ padding-top:5px;}


.cv_store_wrapper{ position:relative; margin-bottom:16px; background:#fff; border:1px solid #e4e4e4; border-radius:3px; transition:all 0.3s cubic-bezier(.25,.8,.25,1)}
.cv_store_wrapper:hover{ box-shadow:0 3px 15px rgba(0,0,0,0.16); transition: all 0.4s ease-out}
.csstore_content{ display:inline-block; position:relative}
.cv_store_wrapper .cv_mer_logo{max-width: 120px; margin: 10px auto; height: 100px; }
.list_stores{ overflow: hidden; margin-right: -20px; }
.list_stores li{ width: 187px; float: left; margin-right: 16px; }
.list_stores .csstore_content{  width:100%; text-align: center;}
.list_stores .csstore_content .cv_merchant_tit{ font-size:1.15em; line-height:2em; color:#333; height:2em;overflow:hidden; padding-top: 5px; margin:0 0 5px 0; border-top:#F0F0F0 1px solid;  }
.list_stores .csstore_content .cv_merchant_tit a{ color: #333 }
.list_stores .csstore_content .mer_coupons{ margin-bottom: 5px; }
.list_stores .csstore_content .mer_coupons a{ font-size: 12px; color: #666; position: relative; padding-right: 20px; }

.c_deal_list_wrap .list_stores li{ width: 32.3%; position: relative; border-radius: 5px; margin-right: 1%;}
.c_deal_list_wrap .list_stores .csstore_content{ text-align: left; }
.deal_img_box{ height: 180px; overflow: hidden;}
.deal_img_box img{ width: 100%; }
.c_deal_list_wrap .cv_mer_logo{ position: absolute; top: 100px; left: 10px; background: #fff; border: #e4e4e4 1px solid}
.mer_name { margin-top: 40px; padding-left: 10px }
.mer_name a{ color: #ccc; font-size: 12px; }
.c_deal_list_wrap .list_stores .csstore_content .cv_merchant_tit{ border-top: 0;  padding:0 10px; height: 2.5em; line-height: 1.25em;}

.c_deal_list_extra{ clear: both; padding: 20px 0; overflow: hidden; }
.c_deal_list_extra ul{ margin-right: -10px; }
.c_deal_list_extra ul li{ width: 191px; margin-right: 10px; margin-bottom: 10px; float: left; border: #e4e4e4 1px solid; border-radius: 5px; text-align: center; padding: 10px; background: #fff; }
.c_deal_list_extra ul li img{  max-width: 160px; max-height: 40px;}


.coupon_wrapper{ position:relative; margin-bottom:16px; background:#fff; border:1px solid #e4e4e4; border-radius:2px; transition:all 0.3s cubic-bezier(.25,.8,.25,1)}
.coupon_wrapper:hover{ box-shadow:0 3px 10px rgba(0,0,0,0.16); transition:all 0.4s ease-out}
.coupon_wrapper .m_logo {width: 7.25em;height: 100%;top: 0;left: 0;padding: 16px 16px;}

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

.grid_coupons, .grid_stores{ width:1232px}
.grid_coupons li{ width:25%; float:left; position:relative; }
.grid_coupons .coupon_wrapper{ margin-bottom:32px; margin-right:32px; text-align:center; border-radius: 5px;}
.grid_coupons .coupon_wrapper .m_logo{ width:100%; height:7.125em; position: relative; }
.grid_coupons .promo{ font-size:1.5em; color:#333; margin-bottom:10px}
.grid_coupons .title{ font-size:1.125em; line-height:1.25; color:#333; margin-bottom:14px; height:2.5em; overflow:hidden}
.grid_coupons .coupon_content{ padding:20px 32px 16px 32px; display:block; position: relative; border-top: 1px dashed #eaeaea;}
.grid_coupons .time_success div{ float:inherit; margin:6px 0 0 0}

.grid_coupons .coupon_content:before,
.grid_coupons .coupon_content:after{ display: block; content: ""; width: 9px; height: 18px; background:#eaeaea; position: absolute; left: 0px;  margin-top: -9px;}
.grid_coupons .coupon_content:before{ top: 0px;  border-left: none; border-radius:0 18px 18px 0; }
.grid_coupons .coupon_content:after{ top:0px; right: 0; left: inherit; border-radius:18px 0 0 18px; border-right: none; }

.expired_time{ color: #666; font-size: 12px; min-height: 20px; }
.grid_coupons .cv_shop_now{ margin:0 auto 20px; float: none;}

.sp_label, .bf_label, .cm_label, .bts_label, .new_label, .sc_label, .xmas_label, .exclusive_label, .mom_label, .tg_label, .val_label{
position:absolute;
  top:19px; left:115px; 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);
  margin-top: -19px;
  float: left;
  margin-right: 10px;
  padding: 0 4px;
  border-radius: 5px
}

.sc_label{background-color:#F66;left: 25px; }

.label_wrap{
  position: absolute;
  top: -4px;
}
.label_wrap>div {
  border-radius: 3px;
  margin-right: 6px;
  padding: 3px 8px 4px 8px;
  line-height: 1;
  font-size: 13px;
  color: #fff;
  float: left;
}
.bf_label{ background-color:#000;border-radius: 3px;

}
.bts_label{ background-color: #086165; }
.cm_label{ background-color:#00c;border-radius: 3px;}
.new_label{ background-color:#0C0; }
.xmas_label{ background-color:#d60200;border-radius: 3px; }
.exclusive_label{ background-color:#691b96; }
.mom_label{ background-color:#020960; }
/*.mom_label{ background-color:#f8a692}*/
.tg_label{ background-color: #B54730; }
.val_label{ background-color: #f60c86; }

.cv_list_coupons .best_recommend{ background:#dea028; position:absolute; top:-1px; right:-1px; color:#fff; font-size:12px; text-align:center; padding:0 10px}
.cv_list_coupons .best_recommend i{ background-position: -4em -16.875em; width:2.25em; height:2.5em; display:inline-block; position:absolute; right:-12px; top:-12px; font-size:20px}
.cv_list_coupons .best_recommend:before{ content:""; position:absolute; top:0; left:-12px; border:9px solid #dea028;  border-left-color:transparent}

.cv_list_coupons .new_offer{  background:#159f86; position:absolute; top:-1px; right:-1px; color:#fff; font-size:12px; text-align:center; padding:0 10px}
.cv_list_coupons .new_offer i{ background-position: -4em -16.875em; width:2.25em; height:2.5em; display:inline-block; position:absolute; right:-12px; top:-12px; font-size:20px}
.cv_list_coupons .new_offer:before{ content:""; position:absolute; top:0; left:-12px; border:9px solid #159f86;  border-left-color:transparent}


.cv_list_coupons .cou_verified{ color:#7db82a; font-size:12px; margin-bottom:2px; text-transform:uppercase; display: inline-block;}
.cv_list_coupons .cou_verified i{ margin-right:3px; font-size:14px; vertical-align:inherit}
.cv_list_coupons .cou_verified.cou_verified_date{ right: 34px; }


.list_stores_category .csstore_content .cv_merchant_tit{ font-size: 16px; }

.category_list{ overflow: hidden; margin-right: -1.6%; }
.category_list li{ width: 23.4%; float: left; margin-right: 1.6%; background: #fff; border:#EAEAEA 1px solid; border-radius: 5px; padding: 15px; text-align: center; margin-bottom: 15px; }
.category_list li:hover{ box-shadow:0 3px 15px rgba(0,0,0,0.16); transition: all 0.4s ease-out}
.category_list li .cate_link{ display: none; border-radius: 2px;margin: 0 auto 10px; padding: 25px; }
.cate_icon{ background: url(../image/coupon3_cate.png) no-repeat 0 0; background-size:108px 500px;  width: 55px;  height: 55px; margin: 0 auto; }
.cate_icon1{ background-position: -26px -15px; }
.cate_icon2{ background-position: -26px -85px; }
.cate_icon3{ background-position: -26px -157px; }
.cate_icon4{ background-position: -26px -234px; }


.c_all_category_wrap .category_list li{ width: 24%; margin-right: 1%; height: 56px; overflow: hidden; }


.s_logo{ width:8em; 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}
.cv_mer_logo{ width:100%; text-align:center; vertical-align:middle; padding:10px}
.cv_mer_logo img{ max-width:85%; max-height:95%; border-radius: 5px;}
.cv_mer_logo:after, .s_logo:after{ content:""; display:inline-block; height:100%; vertical-align:middle; width:0}

.wrapper, .wrapper2{clear:both; width:1138px; margin:0 auto; position:relative}
.wrapper2{ padding:0 32px 20px 32px; background:#fff; margin:32px auto; border-radius:3px; border:1px solid #e4e4e4}

h1.big_title{ font-size:0}
h1, h2, h3{ font-size:1.5em; color:#333; padding:1em 0 0.75em 0; line-height:1.25; font-weight:500}


.cv_shop_now{ width:210px; height:37px; line-height:37px; display:block; position:relative; float:left; margin:0 25px 0 0; background: #d0e4f5; border-radius: 20px; }
.cv_shop_now .cv_show_code{ width:183px; text-align:center; background:#0073d8; border-radius:20px 0 0 20px; font-size:16px; color:#fff; font-weight: bold; padding-left:15px; position:absolute; left:0; top:0px; }
.cv_shop_now .cv_show_code:after{content:""; width: 24px; height: 34px; background:#0064bc; position:absolute; z-index: 9; top: 0; right: -14px;  clip-path: polygon(44% 0, 101% 100%, 0 44%); -webkit-clip-path: polygon(44% 0, 101% 100%, 0 44%);}
.cv_shop_now .cv_show_code:before{content:""; width: 1.21em; height: 37px; background:#0073d8; position:absolute; z-index: 8; top: 0; right: -19px; clip-path: polygon(0 0, 79% 100%, 0 106%); -webkit-clip-path: polygon(0 0, 79% 100%, 0 106%);}

.cv_shop_now .code{ width:100%; height:100%;  border-radius:5px; color:#fff; font-size:18px;  padding:0 8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.cv_shop_now .code{ text-align:center;}
.merchant_cate_list_wrap .get_deal{ margin-right: -15px; background: none; width: 225px;}
.get_deal .cv_show_code{ border-radius: 20px; width: 210px; background: #0073d8}
.get_deal .cv_show_code:before,
.get_deal .cv_show_code:after{ display: none; }

.cs_pannel_title{ position:relative; text-align:left; margin-bottom:15px; padding:1em 0 0 0; font-size: 22px; color: #333; font-weight: bold; text-align: center;}
.pannelseemore{ float: right; font-size: 14px; color: #999 }

.seemore_bar{  height: 44px; line-height: 44px; text-align: center; clear: both;  border: #EAEAEA 1px solid}
.seemore_bar a{ display: block; color: #0073d8; }
.seemore_bar a span{ position: relative; padding-right: 20px; }
.seemore_bar a span:before, .seemore_bar a span:after{ content:""; display:block; position:absolute; width:7px; height:1px; background-color:#0073d8; -webkit-transform:rotate(45deg); transform:rotate(45deg); right: 10px; top:45%; margin-top:1px}
.seemore_bar a span:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:1px; right: 5px;}


footer{ background-color:#3d3a38; text-align:center; border-top: #EAEAEA 1px solid}
footer p{  color:#999; font-size:14px;}

footer p a{ padding:0 25px; color:#888;}

.foot_link{  padding:0.5rem 0 0; color:#666; margin-bottom: 0}
.foot_link a{ margin:0.5rem 0; width:33%; text-align:center; display:inline-block; color: #888}

.copyright{ padding:1rem 0; text-align: center; margin-bottom: 0}
.copyright .logo{ position: static; display: block; width: 150px; height: 40px;}
.social{ width:10%; float:right; margin-top:20px}
.social li{ width:50%; padding:0 4%; margin-top:0.55em; height:2.25em; float:left; text-align:center; position:relative; font-size:1.5em}


.cv_offer_btns{  box-sizing: inherit; vertical-align:top; clear: both; margin: 10px -15px 0; padding: 15px 15px 0; overflow:hidden;}
.promo_infor{position:absolute; width:88px; height:94px; padding-bottom:16px; top:10px;  left:12px; border:1px solid #e5e5e5; opacity:0.8; border-radius:3px;margin-top: 10px; overflow: hidden}
.expired .promo_infor,
.c_expired_list_wrap .promo_infor{ border:1px solid #C8BFB4!important}
.coupon_btn .promo_infor{ border-color:#0073d8}
.deal_btn .promo_infor{ border-color:#0073d8}

.coupon_type{ text-align:center; padding:26px 5px 0px 5px; font-size:14px; color:#e45861; text-transform:uppercase}
.coupon_type span { display:inline-block; padding:4px 8px; margin:-4px 0 0 10px; border-radius:4px; font-size:12px; color:#fff; background-color:#e45861}
.coupon_type.deal_green{ color:#90c139}
.coupon_type.deal_green span{ background-color:#90c139}

.grid_stores li{ list-style:none; width:16.666%; padding-right:32px; margin-bottom:32px; float:left}
.cv_store_wrap{ width:auto; height:130px; box-shadow:0 1px 6px rgba(0,0,0,0.16); border-radius:2px; background:#fff; position:relative}

.wrapper2 ul li{ width:16.666%; float:left; padding-right:16px; font-size:14px; height:32px; line-height:32px}
.wrapper2 ul li a{ max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display: inline-block}

.breadcrumbs{ font-size:12px; margin:1.5em 0 0 0; color: #999}
.breadcrumbs a{ color: #999 }

.cvpagecontent{ padding-right:36px; padding-bottom:16px; width:73%; float:left; margin-top:1.5em}
.cv_sidebar{ width:27%; float:right; padding-top:0px; padding-bottom:16px; margin-top:1.5em}

.cv_aside_wrap, .merchant_info{ padding-bottom:1.5em;}
.cv_aside_wrap:last-child{ border-bottom:none}
.cv_aside_wrap h2{ font-size:20px; color:#333; padding-top: 0; padding-bottom: 10px; font-weight: bold; display: inline-block;}
.cv_aside_wrap h3{ font-size: 16px; color: #999; padding: 5px 0 }
.cv_asidecontent{ border: #eaeaea 1px solid; border-radius: 4px; background: #fff; padding: 20px; }

.page100 .cvpagecontent{ padding-right: 0; width: 100%; float: none;  }
.staticwrap{ margin: 0 auto 20px }
.staticwrap .staticcontent{  background:#fff;  border-radius:5px; padding: 15px; border: #eaeaea 1px solid; font-size: 14px;}
.staticwrap h1{ padding-top: 0.75em; font-weight: bold; }
.staticwrap h2,
.staticwrap h3{ font-size: 16px; color: #333; font-weight: bold; padding: 15px 0; }

.cv_store_wrap{ padding: 15px 15px 0; overflow: hidden;}
.cv_store_wrap .imgbox{ width: 150px; height: 90px; float: left; position: relative; border: #eaeaea 1px solid; border-radius: 5px; display: inline-block; vertical-align: top; margin-right: 15px;}
.cv_store_wrap .topstore{ background: #FFB129; border-radius:5px 0 5px 0; color: #fff; position: absolute; left: 0; top: 0; display: inline-block; width: 18px; font-size: 12px;  }
.cv_store_wrap .m_logo{ width:100%; height:100%; position:absolute; top:0; left:0; vertical-align:middle; text-align:center; overflow:hidden}
.cv_store_wrap .m_logo a:after{ content:""; display:inline-block; height:100%; vertical-align:middle;width:0}
.cv_store_wrap .m_logo img{ max-width:90%; max-height:4.5em }
.cv_store_wrap a.m_name{ font-size: 18px;  display: block; }
.cv_store_wrap a.m_coupons{ font-size: 12px; display: block; color: #999; padding-bottom: 10px;}
.cv_store_wrap a.gotostore{ display: inline-block; width: 20px; height: 20px; background: #F1F4F4; border-radius: 20px; position: relative; }
.cv_store_wrap a.gotostore:before, .cv_store_wrap a.gotostore:after{ content:""; display:block; position:absolute; width:7px; height:1px; background-color:#666; -webkit-transform:rotate(45deg); transform:rotate(45deg); right: 5px; top:40%; margin-top:-1px}
.cv_store_wrap a.gotostore:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:3px; right: 5px;}
.m_logo a{ display: block; height: 100%; }

.topstores_wrap .topstore_list{ background:#fff; border-radius: 5px; padding-bottom: 15px; }
.topstores_wrap .cv_store_wrap{ box-shadow: none; border-radius: 0; background: none; height: auto; }
.topstores_wrap .seemore_bar{ background:#F1F4F4; margin: 15px 15px 0; height: 36px; line-height: 36px; }
.topstores_wrap .seemore_bar a{ font-size: 14px; }

.mer_baseinfo h1{ font-size: 22px; color: #333; padding: 0 0 0.5em; font-weight: bold; margin-left: 190px;}
.cv_merchant_desc{  color:#999; font-size: 14px; cursor: pointer; margin-bottom: 0}
.cv_merchant_desc.less{ max-height:105px; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis}
.cv_merchant_desc a.seemore{ position: relative; padding-right: 20px;  color: #333; font-size: 12px; margin-left: 5px;      background: #fff;    padding-left: 6px;}
.cv_merchant_desc a.seemore:before,.cv_merchant_desc a.seemore:after{ content:""; display:block; position:absolute; width:7px; height:1px; background-color:#333; -webkit-transform:rotate(45deg); transform:rotate(45deg); right: 10px; top:45%; margin-top:1px}
.cv_merchant_desc a.seemore:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:1px; right: 5px;}
.cv_merchant_desc a.seemore.less:before{ right: 5px }
.cv_merchant_desc a.seemore.less:after{right: 10px;}


.cv_store_wrap{ width:auto; height:130px; border-radius:3px; position:relative}
.merchant_wrap{padding:16px; background:#fff; position:relative; border: 1px solid #e4e4e4; border-radius:3px; margin-bottom: 15px; overflow: hidden;}
.merchant_wrap .cv_store_wrap{ width:180px; height: 90px; box-shadow:none; margin: 0 auto; padding: 0}
.merchant_wrap .cv_store_wrap .m_logo{ border-radius: 5px; position: static; }
.star_box{ text-align: center; }
.star_box .icon-star{ display:inline-block; width:1em; line-height:1.667em; color:#999; font-size:1.2em; cursor:auto}
.star_box .icon-star:hover, .star_box .icon-star.on{ color:#0073d8}
.ratingnum{ text-align: center; font-size: 12px; }
.merchant_info{ margin-top:3em}
.merchant_info ul li{ width:49%; text-align:center; padding:0px 0 28px 0; display:inline-block; font-size:14px}
.merchant_info ul li strong{ display:block; font-size:26px; font-weight:500; color:#333}
.merchant_info ul li:nth-child(3),.merchant_info ul li:last-child{ padding:20px 0 6px 0}
.cv_merchant_desc .details{ margin-bottom:0.5em; font-size:14px; line-height:1.3; position:relative; color:#999}
.cv_merchant_desc .details.less p{ overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; -webkit-line-clamp:6; max-height:111px}
.cv_merchant_desc .details span{ position:absolute; right:0; bottom:-20px; color:#72bd56}

.merchant_extrainfo { margin-left: 190px; }
.merchant_extrainfo ul{ display: inline-block; }
.merchant_extrainfo ul li{ display: inline-block; border: #F1F4F4 1px solid; border-radius: 5px; margin-right: 10px; padding: 0 10px; }
.merchant_extrainfo ul li a{ font-size: 12px; color: #999 }
.merchant_extrainfo ul li a span{ color: #333; font-weight: bold; margin-left: 5px}
.merchant_link a{ color: #0073d8; font-size: 14px;}

.holidaygif{ position: absolute; bottom: 0; right: 0; font-size: 16px; padding: 5px 10px 5px 30px; }
.ballonwrap{ position: absolute; height: 30px; width: 36px; overflow: hidden;    bottom: 5px; left: 0 }
.holidaygif a{ color: #0073d8 }
.holidaygif a span{ text-decoration: underline; }
.ballon{ position:relative;}
.ballon div{ width:100px; height:65px; }
.ballon img{ width:30px; height:auto; display:block;}
.ballon1{ bottom:-20px; left:0px;animation: myfirst 4s linear infinite; z-index:2222;animation-delay:0s;-webkit-animation: myfirst 4s linear infinite; z-index:2222;-webkit-animation-delay:0s; }
.ballon2{ bottom:-20px; left:13px;animation: myfirst2 3s linear infinite;animation-delay:1s;width:70px;-webkit-animation: myfirst2 3s linear infinite;-webkit-animation-delay:1s;}
.ballon3{ bottom:-30px; left:2px;animation: myfirst3 4s linear infinite; z-index:2222;animation-delay:0s;-webkit-animation: myfirst3 4s linear infinite; z-index:2222;-webkit-animation-delay:0s; }

@keyframes myfirst
{
    from {bottom: -20px;}
    to {bottom: 70px;}
}
@keyframes myfirst2
{
    from {bottom: -20px;}
    to {bottom: 100px;}
}
@keyframes myfirst3
{
    from {bottom: -30px;}
    to {bottom: 100px;}
}
@-webkit-keyframes myfirst
{
    from {bottom: -20px;}
    to {bottom: 70px;}
}
@-webkit-keyframes myfirst2
{
    from {bottom: -20px;}
    to {bottom: 100px;}
}
@-webkit-keyframes myfirst3
{
    from {bottom: -30px;}
    to {bottom: 100px;}
}

.filter_content label{ cursor:pointer; line-height:36px; height:36px; display:block; font-size:15px; position:relative}
.filter_content label input[type="checkbox"]{ display:inline-block; vertical-align: middle; margin-right:6px; border:inherit; background-color:inherit; -webkit-appearance:checkbox; vertical-align:baseline}
.filterline{ border-top:#eaeaea 1px solid; margin:10px -20px 15px;  }

.mer_top_offer{ margin:15px 0; }
.mer_top_offer h2{ font-size:20px; color:#333; padding-top: 0; padding-bottom: 10px; font-weight: bold; display: inline-block;}
.mer_top_offer li{color: #0073d8; list-style: disc; list-style-position: inside; font-size: 14px; padding-bottom: 5px; }
.mer_top_offer li a{ color: #0073d8}

.cv_mer_baseinfo_ul{font-size: 14px; color: #333; margin:0px 0 -10px 0;font-weight: bold}
.cv_mer_baseinfo_ul li{   padding: 0 0 10px}
.cv_mer_baseinfo_ul li:last-child{ padding-bottom: 0; border-bottom: 0 }
.cv_mer_baseinfo_ul .cv_mer_baseinfo_list{ float: right; color: #666; width: 20% }
.cv_mer_baseinfo_ul .about-merchant-data{float: right;
    color: #666;
    width: 20%}

.shopinformation_wrap .cv_asidecontent{ padding: 0 20px; }
.mer_information .information_title{ width: 80px; float: left; }
.mer_information > li{ margin-bottom:28px;  margin:0 -20px; padding:10px 20px 0px 20px; font-size: 14px;}
.mer_information > li:last-child{ border: 0 }
.mer_information h4{ color: #333; font-weight: bold; padding-bottom: 5px; }
.mer_information li p{ margin-bottom: 0;}
.mer_information li a{ color: #0073d8 !important }
.mer_information i{ color:#0073d8; margin-right: 5px; vertical-align: middle; }
.payment{ overflow: hidden; padding-top: 5px; }
.payment li{ background-image:url(../image/v09/pay_icon.png); background-repeat:no-repeat; width:48px; height:30px; display:inline-block; margin-right:5px; margin-bottom:5px; float:left}
.visa{ background-position:0 0}
.paypal{ background-position:0 -30px}
.aufrechnung{ background-position:0 -60px}
.mastercard{ background-position:0 -90px}
.maestro{ background-position:0 -120px}
.vorkasse{ background-position:0 -150px}
.americanexpress{ background-position:0 -180px}
.wirecard{ background-position:0 -210px}
.sofort{ background-position:0 -240px}
.cash{ background-position:0 -270px}
.Postfinance{ background-position:0 -300px}
.giropay{ background-position:0 -330px}
.visaelectron{ background-position:0 -360px}
.visadebit{ background-position:0 -390px}
.electroniccash{ background-position:0 -420px}
.bonuscard{ background-position:0 -450px}
.reka{ background-position:0 -480px}
.diners{ background-position:0 -510px}
.cartebleue{ background-position:0 -540px}
.western{ background-position:0 -570px}
.powerpay{ background-position:0 -600px}
.billpay{ background-position:0 -630px}
.giftcard{ background-position:0 -660px}
.bancontact{ background-position:0 -690px}
.skrill{ background-position:0 -720px}
.banktransfer{ background-position:0 -750px}
.amazonpayments{ background-position:0 -780px}
.amazonpay{ background-position:0 -780px}
.klarna{ background-position:0 -810px}

.popularstore_wrap .cv_asidecontent{ padding: 0 0 20px; }
.popularstore_wrap ul{ overflow: hidden;  }
.popularstore_wrap ul li{ width: 32%; float: left; }
.popularstore_wrap .cv_store_wrap{ box-shadow: none; height: 125px; }
.popularstore_wrap .cv_store_wrap .m_logo{width: 80%;height: 65%;position:absolute;top:10%;left:10%;vertical-align:middle;text-align:center;overflow:hidden;border-radius: 100%;box-shadow: 0 3px 15px rgba(0,0,0,0.16);}

.coupon_num{ position: absolute;    bottom: 0;    width: 100%;    text-align: center;    margin-left: -16px; font-size: 12px;}

.text_lists li{  margin: 0 10px 10px 0; display: inline-block;}
.text_lists li:last-child{ margin-bottom:0; }
.text_lists li a{ display: inline-block; padding:5px 10px;  font-size:12px; transition: color .2s ease-in,background .2s ease-in; color:#8d8d8d; background:#ebedf0; border-radius:3px}
.text_lists li a:hover{ background:#0073d8; color:#fff}

.shopping_tips p{ font-size:14px}
.shopping_tips p.title{ font-size:14px; color:#666; font-weight:600; margin-bottom:6px}
.shopping_tips p a, .saving_center p a{ color:#72bd56}
.saving_center{ background:#fff; padding:6px 32px 16px 32px; margin:32px 0}
.saving_center p{ font-size:14px}
.saving_center p.title{ font-size:1.0625em; color:#666; font-weight:600; margin-bottom:6px}
.saving_center ol{ counter-reset:li; margin-top:15px}
.saving_center ol li{background-color:#f4f4f4; margin-bottom:10px; padding:14px 20px 14px 70px; position:relative; font-size:14px}
.saving_center ol li:before{ position:absolute; content:counter(li); counter-increment:li; width:70px; height:50px; top:50%; bottom:0; left:0; font-size:36px; font-weight:600; line-height:50px; text-align:center; color:#d8d8d8; -ms-transform:translateY(-50%); transform:translateY(-50%); font-style:italic}


.merchant_key{ padding:0.5em 0}
.merchant_key h1{ color:#333; font-size:1.75em; line-height:1.25; padding:0}
.merchant_key h2{ font-size:14px; color:#666}

.merchant_key .cv_store_wrap{ width:80px; height:80px; border:none; background-color:#fff; border-radius:2px; float:left; margin:0 16px 16px 0}
.merchant_key .cv_store_wrap .cv_mer_logo{ padding:8px}
.only_tablet{ display:none}

.right_filter{ margin-bottom:0.65em}
.right_filter ul li{ float:left; margin-right:2em; margin-bottom:0; padding:5px 0;font-weight: bold; font-size: 14px;}
.right_filter ul li span{ font-size:14px; color:#333; }
.right_filter .checked, .right_filter ul li:hover{ color:#0084FF; cursor:pointer; border-bottom: #0084FF 2px solid;}
.right_filter .checked span,
.right_filter ul li:hover span{ color:#0084FF}

.right_filter_category{ height: 33px; overflow: hidden; }
.right_filter_category a.more_filter{ display: inline-block; width: 28px; height: 28px; border-radius: 28px;  background: #FAFBFB;  position: relative; float: right; }
.right_filter_category a.more_filter:before, .right_filter_category a.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}
.right_filter_category a.more_filter:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:3px; right: 10px;}


.promo_infor_box{ width:100%; height:100%; display:table}
.promo_infor_center{ line-height:1; display:table-cell; text-align: left; vertical-align:middle}

.promo_infor span{ display:block; vertical-align:baseline; text-transform:uppercase; color:#0073d8; word-break:break-word; line-height:78px; font-size:20px; font-weight:bold;}
.promo_infor span i{ font-size:0.5em; display:inline; vertical-align:top; padding-top:0.025em}
.promo_infor .icon-tags{ font-size:2.5em; color:#0073d8; -moz-transform:rotatey(180deg);-ms-transform:rotatey(180deg); -o-transform:rotatey(180deg); -webkit-transform:rotatey(180deg); transform:rotatey(180deg)；line-height:1.5}
.promo_infor .icon-gift{ font-size:2.5em; color:#0073d8; line-height:1.5}
.promo_infor .icon-truck{ font-size:2.5em; color:#0073d8; line-height:1.5}

.offer_big_text{ font-size:1em; font-weight:500}
.offer_med_text{ font-size:1em; font-weight:500}
.offer_largest_text{ font-size:1em}
.offer_large_text{ font-size:0.875em}
.offer_lesser_text{ font-size:0.75em}
.offer_smaller_text{ font-size:0.75em}
.offer_least_text{ font-size:0.75em}

.offer_text{ font-size: 18px; font-weight: bold; padding-bottom: 5px; }
span.offer_best{ color: #D6D6D6; font-size: 12px; }
span.offer_big_text{ font-size: 30px; color: #0073d8; line-height: 77px; font-weight: bold; }
span.offer_least_text{ font-size: 25px; color: #0073d8; line-height: 28px; font-weight: bold; }
span.offer_large_text{ color: #0073d8;  display: inline-block; text-transform: uppercase; line-height: 18px; font-size: 16px; margin-bottom: 10px; text-transform: uppercase; font-weight: bold;}

.cv_mer_listcoupons .promo_infor{ top: 0; }
.cv_mer_listcoupons .promo_infor_center{text-align: center;  border-radius: 5px;  display: block; }
.cv_mer_listcoupons .cv_offer_btns{ border-top: 0; border-bottom: #F1F4F4 0px solid; padding: 0 15px 15px 0 }
.cv_couponmoreinfo{padding: 8px 9px;line-height: 14px;position: absolute;width: 100%;left: 0;bottom: 0;background: #f5f5f5; }
.cv_couponmoreinfo .cv_expiredate{ color: #999; font-size: 12px; }
.cv_couponmoreinfo .cv_detaillink{ float: right; color:#999; font-size: 12px;   position: relative;  padding-right: 15px;}
/*.cv_couponmoreinfo .cv_detaillink:before, .cv_couponmoreinfo .cv_detaillink:after{ content:""; display:block; position:absolute; width:7px; height:1px; background-color:#666; -webkit-transform:rotate(45deg); transform:rotate(45deg); right: 5px; top:35%; margin-top:-1px}
.cv_couponmoreinfo .cv_detaillink:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:3px; right: 5px;}
*/
.cou_property{  width:100%; height:22px; line-height:1.9; position:absolute; bottom:0; left:0; text-align:center; font-size:12px; color:rgba(255,255,255,0.85); text-transform:uppercase; font-weight:600}
.detail_filter_code .cou_property{ background: #0073d8}
/*.detail_filter_deal .cou_property{ background: #39b54a}*/
.c_expired_list_wrap .cou_property{ background: #C8BFB4}
.cv_merchant_subdesc .seemore{ display: none; }
.merchant_cate_list_wrap a.gotomer{ border: 0 !important; background: none !important; color:#0073d8; }
.merchant_cate_list_wrap a.gotomer:before, .merchant_cate_list_wrap a.gotomer:after{ background:  #0073d8}


.csdeal_wrapper span.offer_code_text{ color: #0084FF; }
.csdeal_wrapper span.offer_code_label{ color: #0084FF; background: #e3f1fd; }


.c_expired_list_wrap .cs_pannel_title{ color: #999; padding-top: 0 }
.c_expired_list_wrap span.offer_code_text{ color: #0073d8 }
.c_expired_list_wrap span.offer_code_label{color: #0073d8;}
.c_expired_list_wrap .cv_list_coupons .cv_coupon_cont .cv_merchant_tit a{ color: #999 }
.c_expired_list_wrap .cv_shop_now{ background: #f7f6f4 }
.c_expired_list_wrap .cv_shop_now .cv_show_code{ background: #C8BFB4 }
.c_expired_list_wrap .cv_shop_now .cv_show_code:before{ background: #C8BFB4 }
.c_expired_list_wrap .cv_shop_now .cv_show_code:after{ background: #bead99 }
.c_expired_list_wrap .cv_couponmoreinfo .cv_expiredate span{ color: #FF001E }


.time_success{ height:1.875em; line-height:1.875em; overflow:hidden; position:relative; padding-top:6px; border-top:1px solid #ececec; clear:both}
.time_success li{ margin:0 2em 0 0; display:inline-block; font-size:13px; letter-spacing:0.5px; color:#757575; width:auto}
.time_success li:last-child{ float:right}
.time_success i, .icon-time{ font-size:13px; margin-right:3px; color:#bbb; vertical-align:baseline}
.time_success i.icon-angle-down{ font-size:16px; vertical-align:middle}

.offer_card{ width:100%}
.card_content{ padding:32px 0 20px 0}
.card_content .title{ margin:0 0 1em 1em}
.card_content .time_success{ padding-left:24px}

/*homepage*/
.cs_homesearch{ background: url(../image/v09/coupon3_bg@2x.jpg) no-repeat; height: 280px; padding: 40px 0; text-align: center;  background-size: 100% 100%;  color: #fff}
.cs_homesearch .search_wrapper{ position: static; margin:0 auto; width: 60%; height: 56px;  }
.cs_homesearch .search_wrapper .search_input{ border-radius: 5px; }
.cs_homesearch .search_wrapper button{ display: block !important;  width: auto; margin: 6px;    padding: 0 30px;   border-radius: 5px;    background: #0073d8;    font-size: 18px;    line-height: 44px;    height: 44px;  text-transform: uppercase;}
.cs_homesearch .search_input input[type="text"]{ padding-right: 150px; line-height: 46px; font-size: 18px;   }
.cs_homesearch_title{ padding-bottom: 40px; font-size: 30px; }
.cs_homesearch_link{ font-size: 12px; padding-top: 10px; }
.cs_homesearch_link a{  color: #fff;}


.cs_popularshops ul{ margin-right: -1%; }
.cs_popularshops ul li{ width: 24%; float: left; margin-right: 1%; }
.cs_popularshops ul li a{ display: block; border: #EAEAEA 1px solid; border-radius: 5px; background: #fff; font-size: 14px; padding:10px 20px; margin-bottom: 15px;white-space: nowrap;overflow: hidden;}


/*category*/
.categoryinfo .merchant_wrap {padding:0;}
.categoryinfo .merchant_wrap .cv_store_wrap .m_logo{ border-width: 0; border-radius: 0}
.categoryinfo .cv_merchant_desc{ padding: 15px; border-left: #F0F0F0 1px solid; margin-bottom: 0; }
.categoryinfo .cate_icon{ margin-top: 20px; }

/*search*/
.c_search_list_wrap h1{ margin-top: -10px }
.c_search_list_wrap .cs_pannel_title{ padding-top: 0; }
.c_search_list_wrap .cv_coupon_wrap{ min-height: 133px; }
.c_search_list_wrap .cv_list_coupons{ margin-right: -2%; }
.c_search_list_wrap .cv_list_coupons li{ width: 48%; float: left; margin-right: 2%;  }
.c_search_list_wrap .cv_list_coupons li:nth-child(2n+1){ clear: both; }
.c_search_list_wrap .cv_list_coupons .cv_coupon_cont{ padding-bottom: 50px; }
.c_search_list_wrap .cv_list_coupons .cv_coupon_cont .cv_merchant_tit{ margin-right: 0; min-height: 44px;}
.c_search_list_wrap .cv_mer_listcoupons .cv_offer_btns{ position: static; float: right; }
.c_search_list_wrap .cv_couponmoreinfo .cv_expiredate{ margin-bottom: 5px; }



.cs_banner{width:100%;overflow:hidden;position:relative;margin:0 auto 1em;clear:both}
.glide{position:relative;height:360px;width:100%;margin:0 auto; border-radius:5px; overflow: hidden;}
.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%}
.page .glide{ height: 120px; }


.cs_slide_wrap{  padding: 10px 0 ;margin-top: -50px; position: relative; }
.store_slide{ overflow: hidden;}
.store_slide > ul > li{list-style: none;  padding:0;  text-align: center; display: inline-block; vertical-align: middle; float: left;}
.store_slide ul li ul li{ list-style: none; margin-right: 15px; border:#eaeaea 1px solid; background: #fff; border-radius: 5px; padding: 10px 20px; min-width: 165px; text-align: center; height: 120px; display: inline-block; vertical-align: middle; position: relative;}
.store_slide ul li img{ vertical-align: middle; }
.store_slide ul li a:after{ content: ""; height: 100%; vertical-align: middle; display: inline-block; }
.detail_box{ margin-right: -15px; }


.propromo_wrap .asidecontent{ padding: 20px 5px }
.page .glide_narrow{ height: 520px !important; width: auto; overflow: hidden;}
.glide_narrow .glide__arrows{ top: 50%; margin-top: -20px; display: block !important; }
.glide_narrow .glide__arrow{ height: 40px;  }
.glide_narrow > ul > li{ text-align: left;}
.glide_narrow ul li ul li{ text-align: left;margin-bottom: 20px; border: 0; height: auto;  }
.pro_detail_box .pro_img{width: 80px; height: 80px; float: left; margin-right: 10px; margin-left: 10px;  overflow: hidden;border-radius: 50px;-moz-border-radius: 50px;-webkit-border-radius: 50px; text-align: center; box-shadow:0 3px 15px rgba(0,0,0,0.16);}
.pro_detail_box .pro_img img{border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;max-height: 90%;max-width: 90%;}
.pro_detail_box .pro_img a:after{ content:""; display:inline-block; height:100%; vertical-align:middle;width:0}
.pro_detail_box .pro_content{font-size: 14px; line-height: 18px; padding-right: 15px;}
.pro_detail_box .pro_name {color: #999; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.pro_detail_box .pro_price{color: #999; margin-top: 7px; line-height: 18px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.pro_detail_box .pro_price a{color: #999;}
.pro_detail_box .pro_price a span{color: #666; font-weight: bold;}
.glide_narrow .glide__bullets{ background: none }
.glide_narrow .glide__bullets li{ float: none; }
.glide_narrow .glide__bullets li:hover,
.glide_narrow .glide__bullets li.active{background-color:#741fa2}

/*
@media(max-width:1280px){
	.glide{width:auto;height:370px !important;}
}

@media(max-width:1023px){
	.glide{height:120px !important;}
}
@media(max-width:768px){
	.glide{height:120px !important}
}
@media(max-width:540px){
	.glide{height:120px !important;}
}
@media(max-width:480px){
	.glide{height:120px !important;}
}
@media(max-width:375px){
	.glide{height:120px !important;}
}
@media(max-width:320px){
	.glide{height:120px !important;}
}*/
.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:cover}
.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:-16px;width:32px;height:32px; background-color:rgba(50,50,50,.3);border-radius:50%; cursor:pointer}
.glide__arrow:before, .glide__arrow:after{ content:""; display:block; position:absolute; width:12px; height:1px; background-color:#fff; -webkit-transform:rotate(45deg); transform:rotate(45deg); left:11px; top:50%; margin-top:-4px}
.glide__arrow:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:4px}
.glide__arrow.prev {left:-40px; -webkit-transform:rotate(180deg); transform:rotate(180deg)}
.glide__arrow.next {right:-40px}
.glide__bullets{position:absolute;bottom:0px;width:100%; border-radius: 0 0 5px 5px; text-align:center;list-style:none; background: rgba(0,0,0,0.2);}
.glide__bullets li{display:inline-block;background:#c4c4c4;width:20px;height:5px;margin:0 5px;cursor:pointer;border-radius:3px; vertical-align: middle;}
.glide__bullets li:hover{background-color:#7db82a;border:0}
.glide__bullets li.active{background-color:#7db82a}
.glide--carousel .glide__slide{float:left;clear:none}
.rolling-button{ display: none; }
@media (max-width:1024px){
	.glide__bullets,
	.glide{ border-radius: 0; }
}
@media (max-width:767px){
	.glide__arrows{display:none}
}

.banner_wrapper{ width:100%; overflow:hidden; position:relative; margin:13px auto 1em auto; clear:both}
.glide{position:relative;height:276px; width:1200px; margin:0 auto; overflow: visible;}
.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:1256px){.glide{width:896px}}
@media (max-width:1079px){.glide{ width:592px; height:11.25em}}
@media (max-width:1079px){.banner_wrapper{ margin:13px auto 1em auto}}
@media (max-width:768px){.glide{ width:auto; margin:0 16px; height:11.5em}}
@media (max-width:690px){.glide{ height:9.75em;}}
@media (max-width:445px){.glide{ height:7.5em}}
@media (max-width:375px){.glide{ height:6.75em}}




@media (max-width: 2143px) {
    .wrapper, .wrapper2{ width:1200px}
    .grid_coupons, .grid_stores, .grid_stores{ width:1232px}
}
@media (max-width: 1256px){
    .wrapper, .wrapper2{ width:auto; margin-left:16px; margin-right:16px}
    .grid_coupons{ width:auto; margin-right:-16px}
    .grid_coupons li .cv_coupon_wrap{ margin-right:16px; margin-bottom:16px}
    .grid_stores{ width:auto; margin-right:-32px}

}
@media (max-width:1024px){
    nav ul li{ padding: 0 10px; }
    nav ul li a{ margin-right: 0 }
    .cv_shop_now{ height:40px; line-height:40px}
    .cv_shop_now .cv_show_code:before{ height:40px; right:-1.1em}
    .cv_shop_now .cv_show_code:after{ height:40px}
    /*.promo_infor{ height:50px}*/
    .grid_coupons li .cv_coupon_cont .cv_merchant_tit, .cv_list_coupons .cv_coupon_cont .cv_merchant_tit{ font-size:1.25em; line-height:1.1em; height:auto;}
    .grid_coupons li .cv_coupon_cont .cv_merchant_tit, .coupon_type{ text-align:inherit}
    .coupon_type{ padding:20px 5px 10px 0}
    .grid_coupons li .cv_coupon_wrap{ padding:0 240px 0 8em}
    .grid_coupons li{ width:50%}
    .grid_stores{ margin-right:-16px}
    .grid_stores li{ padding-right:16px; margin-bottom:16px}
    .section{ width:100%}
    .section ul li{ width:33.333%}
    .grid_coupons li .cv_coupon_wrap .cv_mer_logo, .cv_coupon_wrap .cv_mer_logo{ width:8em; vertical-align:middle; text-align:center; overflow:hidden; padding:16px}
    .grid_coupons li .cv_coupon_wrap .cv_shop_now{ width:186px; position:absolute; top:50%; margin-top:-1.375em; right:25px; display:block}
    .grid_coupons li .cv_coupon_wrap .cv_shop_now .cv_show_code{ width:145px}
    .cvpagecontent, .cv_sidebar{ width:100%; padding:0}
    .cv_list_coupons{ margin-right: 0 }
    .cv_list_coupons li{ width: 100%; margin-right: 0; }
    .merchant_key h2{ padding-left:98px}
    .only_tablet{ display:block}
    .cv_sidebar{ margin-bottom:2em}
    .wrapper2 ul li{ width:25%}
    .merchant_info{ margin-top:2em}
    .topstores_wrap .topstore_list ul{ overflow: hidden; }
    .topstores_wrap .topstore_list ul li{ width: 50%; float: left;}
    .topstores_wrap .topstore_list ul li:nth-child(2n+1){ clear: both; }
    .store_pageinfo{ height: auto; padding: 10px 40px; min-height: 100px; }
    .contactus_img{ float: none; margin: 20px auto;}
    .contactus_coll{ margin-right: 0 }
    .c_all_category_wrap .category_list li{ width: 32%; }
    .content_area{ width: auto; padding: 0 20px; }

    .merchant_cate_list_wrap .mer_baseinfo{ display:block}
    .merchant_cate_list_wrap .merchant_wrap{ padding:10px}
    .cv_sidebar > .mer_baseinfo{ display:none}

}
@media (max-width:768px){
    body{ padding-top:56px}
    .grid_stores li{ width:25%}
    .cv_store_wrap{ height:100px}
    .merchant_wrap .cv_store_wrap{ width: 100px; height: 60px; }
    .mer_baseinfo h1{ margin-left: 110px; font-size: 16px; }
    .holidaygif{ font-size: 13px; }
    .cv_merchant_desc{ margin-left: 0px; }
    .merchant_extrainfo{ margin-left: 110px; }
    .wrapper, .wrapper2{ width:auto; margin-left:16px; margin-right:16px}
    .wrapper2 ul li{ width:50%}
    .mobile_menu{ display:block; top:0}
    .header{ height:65px}
    .logo{ top:0; left:50%; margin-left:-115px; margin-top:1em;}
    nav{ top:0.56em; left:120px}
    .header_container.wrapper{ margin:0; width:auto}
    nav.show .navmenu { max-height:9999px; padding-bottom:16px}
    nav .navmenu{ 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}
    .navmenu li{ float:inherit; display:block}
    .navmenu li a{ padding:0 20px; height:48px; line-height:48px; color:#333}
    .navmenu li a:hover{ background-color:none; color:#333}
    .navmenu 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}
    .navmenu 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:5px; left: inherit; right: 0; border-left:1px solid rgba(255,255,255,0.16);  padding: 0}
    .search_btn{ display:inline-block; color: #333}
    .search_wrapper form{ max-width:0; height:40px}
    .pagenotfound .search_wrapper form,
    .cs_homesearch .search_wrapper form{ height: 100%; }
    .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}
    .icon-search:before{ margin:10px;}
    .search_wrapper.focused .icon-search:before{ margin:0px; }
    .search_suggest{ top:48px; width:auto; max-width:100%; margin:0 16px}
    .coupon_detail{ max-width:inherit; width:80%}
    .section ul li{ width:50%}
    .oopss{ margin:0}
    .category_list li{ width: 48%; }
    .back_to_top{ right: 15px; bottom: 15px; }
    .topstores_wrap .topstore_list ul li{ width: 100%;}
    footer .lf a{ padding:0 20px 0 0; border:none; color:#aeadad; font-size:14px}
    footer .rt{ float:left}
    .pagenotfound .search_wrapper form{ max-width: none; }
    .pagenotfound .search_wrapper{ max-width: none; }
    .cs_homesearch .search_wrapper form{ max-width: none; }
    .cs_homesearch .search_wrapper{ max-width: none; width: 90%; }
    .contactuswrap .search_wrapper form{ max-width: none; height: auto; }
    .contactuswrap .search_wrapper{ max-width: none; }
    .c_search_list_wrap .cv_list_coupons{ margin-right: 0 }
    .c_search_list_wrap .cv_list_coupons li{ width: 100%; margin-right: 0; }
    .c_search_list_wrap .cv_mer_listcoupons .cv_offer_btns{ margin-bottom: 10px; }
    .cs_homesearch_title{ font-size: 22px; }
    .list_stores{ overflow: hidden; margin-right: -2%; }
    .list_stores li{ width: 31.3%; float: left; margin-right: 2%; }
    .list_stores li:nth-child(3n+1){ clear: both; }
    .cs_popularshops ul li{ width: 32.3% }
    .copyright .logo{ margin-left: 0 }
    .c_all_category_wrap .category_list li{ width: 49%;  }
    span.offer_big_text{ }

    .cv_filter_item{ overflow:hidden; width:100%; height:36px}
    .cv_filter_item ul{ overflow-x:scroll; white-space:nowrap; overflow-y:hidden; width:100%; height:36px; display:inline-block}
    .cv_filter_item li{ float:none}

    .c_deal_list_wrap .list_stores li{ width: 48%; }
    .c_deal_list_extra ul li{ width: 47% }
    .grid_coupons{ margin-right: -32px; }
    .grid_coupons li{ width:100%}


}

@media (max-width:685px){
    .cs_homesearch{ padding-top: 10px; height: 250px; }
    .cs_homesearch_title{ padding-bottom: 10px; font-size: 20px}
    .grid_coupons li .cv_coupon_wrap{ padding:0 16px 24px 6.5em}
    .grid_coupons li .cv_coupon_wrap .cv_mer_logo, .cv_coupon_wrap .cv_mer_logo, .cv_list_coupons.small .cv_coupon_wrap .cv_mer_logo{ width:90px; padding: 0; height: 30px;}
    .cv_list_coupons .cv_coupon_cont .mer_coupons{ margin-left: 100px; }
    .grid_coupons li .cv_coupon_wrap .cv_shop_now{ position:relative; right:0; left:0; margin-top:-0.5em}
    .grid_coupons li .cv_coupon_cont .cv_merchant_tit{ height:auto; overflow:inherit}
    .cv_list_coupons .cv_coupon_cont .cv_merchant_tit, .card_content .cv_merchant_tit{  padding-right:32px}
    .cv_list_coupons.small .cv_coupon_cont{ padding:20px 0 14px 6.5em}
    .cv_offer_btns{ width:auto; padding-top: 0; padding-bottom: 10px;}
    .card_content{ padding:24px 0 32px 0}
    .card_content .cv_offer_btns{ position:absolute; left:24px; top:96px}
    .card_content .promo_infor{ width:88px; height:55px; float:left; top:-62px}
    .card_content .cv_merchant_tit{ padding:0 32px 0 108px; font-size:1.25em; height:50px}
    .time_success li:last-child{ display:none}
    .card_content .cv_shop_now{ margin-left:18px}
    .time_success{ border:none}
    .offer_big_text{ font-size:1.25em}
    .offer_med_text{ font-size:1.125em}
    .merchant_cate_list_wrap  .cv_list_coupons .cv_coupon_cont .cv_merchant_tit{ margin-right: 0; min-height: 44px;}
    .merchant_cate_list_wrap  .cv_mer_listcoupons .cv_offer_btns{ position: static; float: right; margin-bottom: 10px; }
    .cv_couponmoreinfo{ clear: left; margin-top: -30px; padding-left: 10px }
    .merchant_cate_list_wrap a.gotomer{ margin-top: 10px; float: none; margin-left: 0; padding-left: 0; }
    .cv_list_coupons .cv_coupon_cont{ padding-bottom: 40px; }
    .merchant_cate_list_wrap .cv_list_coupons .cv_coupon_cont{ }
    .copy_code{ padding-left: 0 }
    .foot_link a{ width: 31%; }
    .copyright{ width: 90%; }
    .cv_list_coupons .mer_name{ max-width: 125px; text-align: right; padding-top: 10px;}
    .cv_list_coupons .mer_name a{ font-size: 12px; }


    /*new merchant*/
    .promo_infor{ height: 94px; }
    .cou_property{ display: block; margin-bottom: 0px;}
    .cv_coupon_colr{ border-left:0; }

    .grid_coupons .cv_offer_btns a{ display: inline; }
    .merchant_cate_list_wrap .cv_list_coupons .cv_coupon_cont .csmer_desc{ margin-right: 30px }
    .cv_couponmoreinfo{ clear: none; margin-top: 0; }
    .detail_filter_deal .cv_offer_btns a:before,.detail_filter_deal .cv_offer_btns a:after{ background: #39b54a }
    .cv_coupon_wrap.white .cv_expiredate,.cv_coupon_wrap.white .cv_detaillink{ display: none; }
    .cv_merchant_subdesc{ overflow: hidden; height: 18px; position: relative; margin-bottom: 10px; padding-right: 15px; }
    .cv_merchant_subdesc .seemore{ display: block; position: absolute; right: 0; top: 0}
    .cv_merchant_subdesc .seemore:before,.cv_merchant_subdesc .seemore:after{ content:""; display:block; position:absolute; width:7px; height:1px; background-color:#333; -webkit-transform:rotate(45deg); transform:rotate(45deg); right: 7px; top:35%; margin-top:8px}
    .cv_merchant_subdesc .seemore:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg);  right: 2px;}
    .cv_merchant_subdesc.show{ height: auto; padding-right: 0 }
    .cv_merchant_subdesc.show .seemore{ display: none; }
    .c_search_list_wrap .cv_couponmoreinfo .cv_expiredate{ display: inline; }
    .merchant_cate_list_wrap .cv_list_coupons .white .cv_coupon_cont{ padding-bottom: 10px; padding-top: 10px;}
    .merchant_cate_list_wrap .cv_coupon_wrap .cv_mer_logo{ height: 80px; }
    .c_search_list_wrap .cv_coupon_wrap{ min-height: 0 }
    .expire_deal .cv_offer_btns a:before,.expire_deal .cv_offer_btns a:after{ background: #39b54a }
    .expire_deal .cou_property{background: #39b54a}
    .expire_code .cou_property{background: #741fa2}
    .c_similar_list_wrap .cv_coupon_wrap .cv_expiredate,.c_similar_list_wrap .cv_coupon_wrap .cv_detaillink{ display: none; }
}

@media (max-width:480px){
    body{ font-size:0.9em}
    .ranked ul{ width:180px}
    .grid_stores li{ width:50%}
    .section ul li{ width:100%}
    .merchant_key h1{ font-size:1.25em}
    .card_content .cv_offer_btns{ top:78px; left:20px}
    .card_content .promo_infor{ top:-56px}
    .card_content .cv_merchant_tit{ font-size:1.125em; height:40px}
    .grid_coupons li .cv_coupon_cont .cv_merchant_tit, .cv_list_coupons .cv_coupon_cont .cv_merchant_tit{ font-size:1.125em}
    .card_content .time_success{ padding-left:20px}
    .offer_card .cv_mer_logo{ padding:16px; width:7em}
    .module_page .allstore_list ul li a{ width:48%}
    .module_page .allstore_list .title a{ font-size:12px; line-height:2.2}
    .cs_detail{ width:auto; margin:16px!important; top:0; padding:40px 32px 28px 32px}
    .copy_code div{ font-size:1.65em}
    .code_wrap{ padding:5px 0 0 0}
    .cs_detail p.tips{ margin-top:30px}
    .saving_center ol li{ padding:14px 20px}
    .saving_center ol li:before{ display:none}
    .list_stores li{ width: 48%; float: left; margin-right: 2%; }
    .list_stores li:nth-child(3n+1){ clear: none; }
    .list_stores li:nth-child(2n+1){ clear: both; }
    .cs_popularshops ul li{ width: 49% }
    .merchant_cate_list_wrap .cv_coupon_wrap .cv_mer_logo{ float: none; margin: 0 auto }
    .merchant_cate_list_wrap .cv_coupon_colr{ margin: 0; border-left:0; padding-left: 0 }
    .merchant_cate_list_wrap  .cv_list_coupons .cv_coupon_cont .cv_merchant_tit{  min-height: auto;}

    .merchant_cate_list_wrap  .cv_mer_listcoupons .cv_offer_btns{ float: none; border-bottom: 0 ;  padding-bottom: 5px; }
    .merchant_cate_list_wrap .cv_shop_now{ float: none; width: 180px;margin-top: 10px;}
    .merchant_cate_list_wrap .cv_shop_now .cv_show_code{ width: 160px; padding-left: 0 ;font-size: 14px;}
    .copy_code{ padding-left: 10px; }
    .store_slide ul li ul{ margin-right: -5px; }
    .store_slide ul li ul li{ min-width: 100px; margin-right: 5px;    height: 64px;    margin-bottom: 80px; }
    /*.glide{ height: 70px !important; }*/
    .merchant_cate_list_wrap .get_deal .cv_show_code{ width: 180px; }

    .merchant_cate_list_wrap h1{ font-size:22px}

    /*new merchant*/
	.cv_shop_now{height:37px; line-height:37px}
	.cv_shop_now .cv_show_code:before {	height: 37px;}
	.cv_shop_now .cv_show_code:after { height: 37px;
}
    .merchant_cate_list_wrap .cv_coupon_wrap .cv_mer_logo{ width: 100px; margin-right: 10px; float: left; }
    .merchant_cate_list_wrap .cv_coupon_colr{ margin-left: 100px; }

}
@media (max-width:320px){
    .card_content .promo_infor{ top:-99px}
}