html, body, div, span, 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; color:#666; font-family: -apple-system,BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;  font-weight:400}
article, aside, footer, header, menu, nav, section { display: block}

html{ font-size:100%}
body { font-size:1em; line-height:1.4; background-color:#EDEDF0; -webkit-font-smoothing: antialiased;width:100%; max-width:157.5em; position:relative}
@-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 { color:#aaa; text-indent:5px }
:-ms-input-placeholder { color:#bbb; text-indent:5px}
::-webkit-input-placeholder { color:#bbb; text-indent:5px; background:none}

a{ color:#666; text-decoration:none; cursor:pointer; outline:none}

a.link{ color:#00cc99}
a.link:hover{ color:#00cc99; background-color:#f0f0f0}
table { border-collapse:collapse; border-spacing:0;}
.b, strong{ font-weight:400}
.s{ font-style:italic}
.clear{ clear:both}
.clear:after, #main_content:after{ content:" "; clear:both; display:block; height:0}
.hidden, .check_box.hidden{ display:none}
.gray{ color:#999}
.green{ color:#009999}
.green2{ color:#009900}
.blue{ color:#0077cc}
.c_brown a.blue{ color:#5599bb}
.c_brown a.blue:hover{ color:#ff9700}
.brown{ color:#997766}
.red{ color:#ee0c0c}
form .red{ margin-top:-0.625em; clear:both}
.white{ color:#fff}
.orange{ color:#ff9700!important}
.t_center{ text-align:center}
.t_right{ text-align:right}
.p_relative{ position:relative}
.fright{float:right}
.fleft{float:left}
p, dl, ol{ margin:0 0 16px 0}
form{ padding-top:1em; position:relative; z-index:1}
button::-moz-focus-inner{ border:0; padding:0; margin:0}
button, input, select, textarea, img, .button{ font-size:1em; vertical-align:middle; outline:none;}
.input_wrapper,.textarea_wrapper{ height:3em; margin-bottom:16px; position:relative; border-bottom:1px solid rgba(0,0,0,0.12)}
.textarea_wrapper{ height: auto}
input, textarea, select{ border:none; background-color:transparent; font-family: -apple-system,BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;  -webkit-appearance:none; font-size:1.25em}
input, textarea{ padding:0.4em 0; margin:0; line-height:1.6em; width:100%} 
.cpointer, button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer}
.placeholder{ color:#ccc; font-size:1.125em; line-height:1.2; position:absolute; z-index:-1; pointer-events:none; left:0; top:0.6em; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box}
input:focus ~ .placeholder, textarea:focus ~ .placeholder{ top:-16px; font-size:14px; color:#ff9700; font-weight:400; letter-spacing:0.5px}
.bar{ position:absolute; bottom:-1px; left:0; width:100%; height:2px; background-color:#ff9700; -moz-transform:scale(0,1); -ms-transform:scale(0,1); -o-transform:scale(0,1); -webkit-transform:scale(0,1); transform:scale(0,1); transition: transform 0.3s cubic-bezier(0.2, 0, 0.03, 1) 0s;}
input:focus ~ .bar, textarea:focus ~ .bar{ -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1); transform:scale(1,1)}
.highlight{ position:absolute; height:70%; top:0.5em; left:0; opacity:0.5; pointer-events:none; background-color:#ff9700;}
input:focus ~ .highlight, textarea:focus ~ .highlight{ -webkit-animation:inputHighlighter 0.3s ease; -moz-animation:inputHighlighter 0.3s ease; -ms-animation:inputHighlighter 0.3s ease; -o-animation:inputHighlighter 0.3s ease; animation:inputHighlighter 0.3s ease;}
@-webkit-keyframes inputHighlighter {
from { width:100px}
to { width:0}
}
@-moz-keyframes inputHighlighter {
from { width:100px }
to { width:0}
}
@-ms-keyframes inputHighlighter {
from { width:100px }
to { width:0}
}
@-o-keyframes inputHighlighter {
from { width:100px }
to { width:0}
}
@keyframes inputHighlighter {
from { width:100px }
to { width:0}
}

button, .button, .color_button, .nav_i{ height:2.25em; line-height:2.25em; position:relative; background-color:rgba(0,0,0,0); overflow:hidden}
button, .button, .color_button{ color:#ff9700; font-size:1.25em; text-align:center; border-radius:2px; cursor:pointer; margin-right:-16px; text-transform:capitalize; padding:0 16px; -webkit-appearance:none; font-weight:400; height:1.8em; display:inline-block; line-height:1.8em}
button:hover, .button:hover, .nav_i:hover{ background-color:rgba(0,0,0,0.06)}
button:after, .button:after, .color_button:after, .nav_i:after{ content:""; position:absolute; width:1.8em; height:1.8em; border-radius:1.8em; left:50%; top:50%; margin-top:-0.9em; margin-left:-0.9em; background-color:rgba(255,152,0,0.12); -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1); transform:scale(1,1); opacity:0; -moz-transition: -moz-transform 0.3s ease; -ms-transition: -ms-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; -webkit-transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease}
button:focus:after, .button:active:after, .nav_i:active:after{ -moz-transform:scale(10,10); -ms-transform:scale(10,10); -o-transform:scale(10,10); -webkit-transform:scale(10,10); transform:scale(10,10); opacity:1}

.color_button{ color:#fff; background-color:#ff9700; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18); margin-right:0}

.color_button:after{ background-color:rgba(255,255,255,0.26)}
.color_button:focus, .color_button:active{ box-shadow: 0 3px 8px rgba(0, 0, 0, 0.39)}
.color_button:focus:after, .color_button:active:after{ -moz-transform:scale(10,10); -ms-transform:scale(10,10); -o-transform:scale(10,10); -webkit-transform:scale(10,10); transform:scale(10,10); opacity:1}
button.small, .button.small, .color_button.small{ font-size:1em; height:2em; line-height:2em; padding:0 8px; text-transform:inherit; margin-right:0}

.c_blue button, .c_blue .button, .c_blue input:focus ~ .placeholder, .c_blue textarea:focus ~ .placeholder{ color:#02A8F3}
.c_blue button:after, .c_blue .button:after{ background-color:rgba(2,168,243,0.12)}
.c_blue .color_button, .c_blue .highlight, .c_blue .bar{ background-color:#02A8F3; color:#fff}


.check_box{ height:18px; width:18px; display:inline-block; vertical-align:middle; position:relative; margin-right:5px; margin-top:-2px}
p.check_box{margin-bottom: 0;}
.check_box span{ border: 2px solid rgba(0,0,0,0.54); box-sizing:border-box; height:18px; width:18px; display:inline-block; left:0; pointer-events:none; position:absolute; top:0 }
.check_box.checked span{ border-left:none; border-top:none; height:21px; -moz-transform:rotate(45deg); -o-transform: rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); width:10px; left:6px; top:-4px}
.unchecked span {
    -moz-animation: 140ms ease-out 0s normal forwards 1 box-expand; -o-animation: 140ms ease-out 0s normal forwards 1 box-expand; -webkit-animation: 140ms ease-out 0s normal forwards 1 box-expand; -ms-animation: 140ms ease-out 0s normal forwards 1 box-expand; animation: 140ms ease-out 0s normal forwards 1 box-expand 
}
@keyframes box-expand {
0% {
    height: 4px;
    left: 5px;
    top: 13px;
    transform: rotate(45deg);
    width: 4px;
}
100% {
    height: 18px;
    left: 0;
    top: 0;
    transform: rotate(0deg);
    width: 18px;
}
}
.checked span {
    -moz-animation: 140ms ease-out 0s normal forwards 1 checkmark-expand; -o-animation: 140ms ease-out 0s normal forwards 1 checkmark-expand; -webkit-animation: 140ms ease-out 0s normal forwards 1 checkmark-expand; animation: 140ms ease-out 0s normal forwards 1 checkmark-expand;
    border-left: medium none;
    border-top: medium none;
}
@keyframes checkmark-expand {
0% {
    height: 4px;
    left: 5px;
    top: 13px;
    transform: rotate(45deg);
    width: 4px;
}
100% {
    border-bottom-width: 2px;
    border-right-width: 2px;
    height: 21px;
    left: 6px;
    top: -4px;
    transform: rotate(45deg);
    width: 10px;
}}

.mybook_wrap i, .get_code, .use_it,  .show_print,.goto i, .stores .flag, .comment_list .photo, .post_comment .photo, .get_code_img, .code_mask:after{ background:url(../imgv4/img.svg?v=383) 0 0 no-repeat; background-size:31.25em 32em}
.hot_tag, .country li i{ background:url(../imgv4/icons.svg) 0 0 no-repeat; background-size:9em 17em}
.country li i{ background:url(../imgv4/flagall.svg) 0 0 no-repeat; background-size:cover;}
.foot_stores_list li:after, .c_coupons p span, .merchant_description.less span, .tag_description span, .news_box p span, .event h3:after,.product_box p:after{ content:""; position:absolute; bottom:0; right:0; width:3.75em; height:1.875em; display:block;
background-image: -webkit-gradient(linear,0 0,100% 100%,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));
background-image: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
background-image: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
background-image: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
background: linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00ffffff',EndColorStr='#ffffff');}
.tips_wrapper{ width:100%; position:absolute; background-color:#fff; box-shadow: 0px 7px 21px rgba(0,0,0,0.42)}
.arrow{ width:0; height:0; border-top:16px solid #fff; border-right:16px solid transparent; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg);-webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:-8px; left:30px}
.closed_btn, .closed{ 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, .closed:after, .closed:before{ background-color:rgba(0,0,0,0.54); content:""; display:inline-block; height:1px; position:absolute; left:0.562em; top:1.25em; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width:1.375em}
.closed_btn:before, .closed:before{ -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left:0.562em}
.b_r, button, .button, input[type="button"], input[type="reset"], input[type="submit"], .cd_label a, .stores, .stores_box .color, .coupon_detail, .promo_wrapper, .banner article, .three_columns .color, .save_box, .wrapper2, .discounts, .history_box .history_item, #feedback_box, .share_btn{ -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px }

#header{ width:100%; height:56px; background-color:#fff; box-shadow:0px 1px 0 rgba(0,0,0,0.06); position:fixed; z-index:100; -moz-transition: height 0.3s ease-in-out; -ms-transition: height 0.3s ease-in-out; -o-transition: height 0.3s ease-in-out; -webkit-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out }
.c_green #header, .c_green .breadcrumbs nav, .c_green .search_wrapper{ background-color:#0da285}
.c_pink #header, .c_pink .breadcrumbs nav, .c_pink .search_wrapper{ background-color:#cd5284}
.c_blue #header, .c_blue .breadcrumbs nav, .c_blue .search_wrapperr{ background-color:#0187d0}
.c_purple #header, .c_purple .breadcrumbs nav, .c_purple .search_wrapper{ background-color:#7a1ea1}
.c_brown #header, .c_brown .breadcrumbs nav, .c_brown .search_wrapper{ background-color:#445963}
#default #header{ height:168px;}
#header .slogan{ color:#ff9900; font-size:22px; line-height:1.5; display:inline-block; margin-top:24px; position:absolute; z-index:100; left:306px; top:0; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out}
#default #header .slogan{ font-size:48px; left:50%; margin-left:-272px; margin-top:5px}
.color_header #header .slogan, .static_header #header .slogan{ display:none}
.color_header .i_memu i,.color_header .i_memu i:after,.color_header .i_memu i:before,.color_header .remove i:after,.color_header .remove i:before{ background-color:rgba(255, 255, 255, 0.84)}
.i_memu{ width:56px; height:56px; position: fixed; left:0; top:0; z-index:106; text-align:center; cursor:pointer; border-right:1px solid #e0e0e0 }
#default .i_memu, .show_menu .i_memu{ border:none}
.remove{ width:2.5em; height:2.5em; display:inline-block; position:absolute; top:0; left:0.375em; opacity:0.2}
.remove:hover{ opacity:1}
.i_memu i, .remove i{ width:20px; height:2px; position:absolute; background-color:rgba(0,0,0,0.54); top:50%; left:50%; margin-top:-2px; margin-left:-10px; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out}
.i_memu i:after, .i_memu i:before, .remove i:after, .remove i:before{ content:""; width:20px; height:2px; position:absolute; left:0; top:-7px; background-color:rgba(0,0,0,0.54); -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out }
.i_memu i:after, .remove i:after{ top:7px}
.show_menu .i_memu i:after, .show_menu .i_memu i:before, .remove i:after, .remove i:before{ width:12px; top:-4px; left:-3px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg)}
.show_menu .i_memu i:after, .remove i:after{ top:4px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg)}
.logo_wrapper{ float:left; width:200px; height:56px; margin-left:57px; position:relative; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box; box-sizing:border-box;z-index:100}
.logo_wrapper a{ display:block; height:100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.color_header .logo_wrapper{ width:56px; background-color:rgba(224,224,224,0.1); border-right:1px solid rgba(255,255,255,0.06);padding:0;}
.logo_wrapper span,.logo_wrapper .logo_icon{ display:inline-block; position:absolute; background:url(../imgv4/logo.svg?v=383) 0 0 no-repeat; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out}
.logo_wrapper .logo_icon{ width:25px; height:41px; top:8px; background:none; left:16px}
.color_header .logo_wrapper .logo_icon, .static_header .logo_wrapper .logo_icon{ left:7px}
.logo_wrapper .logo_promo{ width:106px; height:20px; background-position:0 0; left:42px; top:29px; text-indent:-9999px}
.logo_wrapper .logo_pro{ width:50px; height:20px; background-position:0 -25px; left:150px; top:29px; text-indent:-9999px}
.logo_wrapper .suffix, .sem_logo .suffix{ width:2.60em; height:1.56em; background:url(../imgv4/img.svg?v=383) -11.5em -21.9em no-repeat; background-size:26.04em 26.67em; text-indent:-9999px; top:29px; left:200px; font-size:0.625em}
.color_header .logo_wrapper .logo_promo, .color_header .logo_wrapper .logo_pro, .static_header .logo_wrapper .logo_promo, .static_header .logo_wrapper .logo_pro{ display:none}
.color_header .logo_wrapper .suffix, .static_header .logo_wrapper .suffix{ left:46px; font-size:0.5em; top:38px}
.static_header .logo_wrapper .suffix{ left:inherit;}
#default .logo_wrapper .logo_icon{ width:40px; top:20px; left:16px; height:auto }
#default .logo_wrapper .logo_promo{ left:17px; top:95px; display:inline-block}
#default .logo_wrapper .logo_pro{ left:17px; top:122px; display:inline-block}
#default .logo_wrapper .suffix{ top:122px; left:66px}
.sem_logo .suffix{ font-size:20px; position:absolute; top:62px; left:424px}

.search_wrapper{ width:480px; background-color:#fff; position: absolute; z-index:103; right:0; top:0; border-left:1px solid #e0e0e0; -moz-transition: width 0.3s ease-in-out, right 0.3s ease-in-out, top 0.3s ease-in-out, margin 0.3s ease-in-out; -ms-transition: width 0.3s ease-in-out, right 0.3s ease-in-out, top 0.3s ease-in-out, margin 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out, right 0.3s ease-in-out, top 0.3s ease-in-out, margin 0.3s ease-in-out; -webkit-transition: width 0.3s ease-in-out, right 0.3s ease-in-out, top 0.3s ease-in-out, margin 0.3s ease-in-out; transition: width 0.3s ease-in-out, right 0.3s ease-in-out, top 0.3s ease-in-out, margin 0.3s ease-in-out, margin 0.3s ease-in-out}
.color_header .search_wrapper{ width:56px; overflow: hidden}
.search_wrapper.focused { width:480px; overflow:inherit}
.show_seasonal .search_wrapper{ right:208px}
#default .search_wrapper{ position:absolute; width:600px; right:50%; margin:0 -300px 0 0;  border-left:none; border-bottom:1px solid #e0e0e0; top:90px}
#default .search_wrapper.focused:after{ width:100%; background-color:#ff9900; -moz-transition: width 0.3s ease-in-out; -ms-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; -webkit-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out}
.search_wrapper form{ width:100%; position:relative; height:56px; padding:0}
.color_header .search_wrapper form{ opacity:0; transition:all 0.3s ease}
.search_wrapper.focused form{ opacity:1}
.search_wrapper .search_input{ height:56px; position:relative}
.search_wrapper input[type="text"]{ font-size:18px; padding: 13px 66px 14px 10px; border:none; width:404px; width:-webkit-calc(100% - 76px);width:-moz-calc(100% - 76px); width:calc(100% - 76px); max-width:100%; background:transparent}
.color_header .search_wrapper input[type="text"]{ color:rgba(255,255,255,0.87)}
.search_input .placeholder{ top:18px; left:10px; padding-right:76px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.color_header .search_input .placeholder{ color:rgba(255,255,255,0.26)}
.c_green .search_input input:focus ~ .placeholder{ color:#e81d62}
.c_pink .search_input input:focus ~ .placeholder{ color:#00abc0}
.c_blue .search_input input:focus ~ .placeholder{ color:#fbbf2c}
.c_purple .search_input input:focus ~ .placeholder{ color:#0187d0}
.c_brown .search_input input:focus ~ .placeholder{ color:#ff9700}
.search_input .highlight{ left:10px}
.c_green .search_input .bar, .c_green .search_input .highlight{ background-color:#e81d62}
.c_pink .search_input .bar, .c_pink .search_input .highlight{ background-color:#00abc0}
.c_blue .search_input .bar, .c_blue .search_input .highlight{ background-color:#fbbf2c}
.c_purple .search_input .bar, .c_purple .search_input .highlight{ background-color:#0187d0}
.c_brown .search_input .bar, .c_brown .search_input .highlight{ background-color:#ff9700}
.search_wrapper button, .search_wrapper .search_icon, .filter_search button, .filter_search .search_icon{ height:56px; width:56px; position:absolute; top:0; right:0; cursor:pointer; font-size:28px; line-height:56px; margin:0; padding:0; text-align:center; border-left: solid 1px #ededed;}
.search_wrapper .search_icon{ color:#ff9700}
.color_header .search_wrapper .search_icon, .color_header .search_wrapper button{ display:inline-block; color:#fff}
.search_wrapper .search_icon, .search_wrapper.focused .search_icon{ display:none; z-index:100}
.filter_search{ position:relative; padding-right:2.5em; width:12.5em; max-width:0; -moz-transition: max-width 0.3s ease; -ms-transition: max-width 0.3s ease; -o-transition: max-width 0.3s ease; -webkit-transition: max-width 0.3s ease; transition: max-width 0.3s ease}
.filter_search.focused{ max-width:1000px; border-bottom:1px solid rgba(0,0,0,0.06)}
.filter_search input{ line-height:1.2em; color:#666; padding:0.3em 0.25em; box-sizing:border-box}
.filter_search .placeholder{ top:0.6em; display:none}
.filter_search.focused .placeholder{ top:0.5em; display:inherit; max-width:6em}
.filter_search.focused input:focus ~ .placeholder{ display:none}
.filter_search button, .filter_search .search_icon{ color:#999; line-height:2em; height:2em; width:2em; font-size:1.25em}
.filter_search .search_icon{ background-color:#e0e0e0}
.filter_search.focused .search_icon{ display:none}
.filter_search button.inoperable{ background-image:url(../imgv4/search.png?v=383)}
.search_suggest{ width:100%; background-color:#fff; box-shadow: 0px 7px 21px rgba(0,0,0,0.42); position:absolute; top:56px; left:0; padding:1px 0}
.search_default li, .search_content li{ list-style-type:none; padding:0.625em 0; margin:0 0.625em; position:relative}
.search_default li:after{ content:""; position:absolute; height:0; width:100%; display:block; bottom:0; border-bottom:1px solid #f0f0f0}
.search_default li i{ width:1.25em; height:2em; margin:0 0.2em 0 0.5em; display:block; float:left; font-size:1.5em; text-align:center; line-height:2em; color:rgba(0,0,0,0.26)}
.search_default li a{ padding:0 1.25em; line-height:3em; display:inline-block; position:relative}
.search_default li a:hover{ background-color:#f0f0f0; color:#666}
.search_default li a:after{ content:""; position:absolute; height:2em; width:0; border-right:1px solid #f0f0f0; top:0.5em; right:0}
.search_content{ padding:0.625em 0}
.search_content li{ height:4.375em; padding:0 1.25em 0 5.625em; line-height:4.375em; position:relative}
.s_logo{ width:8em; height:100%; position:absolute; top:0; left:0; vertical-align:middle; text-align:center; overflow:hidden}
.s_logo .rela{position: relative;height: 100%;}
.s_logo span{ display:inline-block; height:100%; vertical-align:middle; width:0;}
.s_logo img{ max-width:7em; max-height:6.5em;position: absolute;margin: auto;top: 0;left: 0;right: 0;bottom: 0;}
.s_logo .store_name{ width:92%; height:auto; padding:0 4%; max-height:0; overflow:hidden; display:block; position:absolute; left:0; bottom:0; opacity:0; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background-color:rgba(0,0,0,0.54)}
.s_logo .store_name p{ line-height:1; padding:0; font-size:0.875em; margin-bottom:0; color:#fff; font-weight:400; letter-spacing:0.5px;height:auto;}
.s_logo:hover .store_name{ max-height:100%; opacity:1; padding:1em 4%}
.img_mask{ width:8em; height:100%; background-color:rgba(255, 255, 255, 0); position:absolute; z-index:97; top:0; left:0}
.img_logo{ width:8.5em; height:8.5em; position:absolute}
.img_logo img{max-width:100%; max-height:100%; border-radius:2px 0 0 2px}
.color_header .i_memu,.color_header .search_wrapper{ border-color:rgba(255,255,255,0.12)}
.share_btn{ background-color:#25a774; color:#fff; margin:0.625em auto 1.25em auto; line-height:3.25em; cursor:pointer; width:100%; text-align:center; position:relative}
.share_btn i{ font-size:1.5em}
.share_btn span{ color:#fff}
.share_btn .share_box{ left:2.25em; background-color:#25a774}
.share_btn .share_box a, .share_btn .share_box span{ color:#fff}
.breadcrumbs { font-size:1.125em; position:fixed; top:0; z-index:100;  height:56px; display:none; padding:0 }
.breadcrumbs .icon-hot{ font-size:1em; color:#fff}
.static_header .breadcrumbs{ border-left: 1px solid #e0e0e0}
.color_header .breadcrumbs, .static_header .breadcrumbs{ display:inline-block}
.breadcrumbs .breadcrumbs_item, .breadcrumbs .next{ display:inline-block; margin:0; border-right:1px solid rgba(255,255,255,0.12); height:56px; position:relative; float:left}
.static_header .breadcrumbs .breadcrumbs_item{ border-right: 1px solid #e0e0e0}
.breadcrumbs .b_item{ display:inline-block; position:relative; padding-left:24px; min-width:32px; height:56px; cursor:pointer; margin-bottom:0}
.breadcrumbs .b_item:before, .breadcrumbs .b_item:after{ content:""; position:absolute; width:12px; height:1px; background-color:rgba(255,255,255,0.54); left:16px; top:50%; margin-top:-5px; -moz-transform:rotate(60deg); -ms-transform:rotate(60deg); -o-transform:rotate(60deg); -webkit-transform:rotate(60deg); transform:rotate(60deg); -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease }
.static_header .breadcrumbs .b_item:before, .static_header .breadcrumbs .b_item:after{ background-color:rgba(0,0,0,0.54)}
.breadcrumbs .b_item:after{ margin-top:5px; -moz-transform:rotate(-60deg); -ms-transform:rotate(-60deg); -o-transform:rotate(-60deg); -webkit-transform:rotate(-60deg); transform:rotate(-60deg)}
.breadcrumbs .next .b_item{ background-color:rgba(255,255,255,0.1)}
.breadcrumbs .next .b_item:before, .breadcrumbs .next .b_item:after{ left:50%; margin-left:-6px}
.breadcrumbs .b_item.active:before{ -moz-transform:rotate(150deg); -ms-transform:rotate(150deg); -o-transform:rotate(150deg); -webkit-transform:rotate(150deg); transform:rotate(150deg); left:19px; margin-top:0}
.breadcrumbs .b_item.active:after{ -moz-transform:rotate(30deg); -ms-transform:rotate(30deg); -o-transform:rotate(30deg); -webkit-transform:rotate(30deg); transform:rotate(30deg); margin-top:0; left:9px}
.breadcrumbs .next .b_item.active:before{ left:50%; margin-left:-1px}
.breadcrumbs .next .b_item.active:after{ left:50%; margin-left:-11px}
.breadcrumbs_item .b_item span{ display:inline-block; line-height:56px; padding:0 16px; color:rgba(255,255,255,0.87); max-width:194px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.static_header .breadcrumbs_item span{ color:#666}
.breadcrumbs h1{ font-size:1em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;display: inline-block;
    line-height: 56px;
    padding: 0 16px;
    max-width: 194px;
   }
.color_header .breadcrumbs h1{ color: rgba(255,255,255,0.87)}
.breadcrumbs nav { display:block; width:auto; position: absolute; top:50px; left:0; background-color:#fff; box-shadow: 0px 7px 21px rgba(0,0,0,0.42); max-height:0; max-width:0; overflow:hidden; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out}
.breadcrumbs nav.show { top:56px; max-width:1000px; max-height:360px}
.breadcrumbs ul li{ list-style-type:none; line-height:1em; display:block; position:relative}
.breadcrumbs ul li a{ line-height:2em; height:2em; color: rgba(255,255,255,0.54); padding:0 40px; margin:0; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; display:block; z-index:100; white-space:normal; position:relative; overflow:hidden }
.breadcrumbs ul li span{ color: rgba(255,255,255,0.54); min-width:190px; display:block}
.breadcrumbs ul li a.on span{ color:rgba(255,255,255,1); font-weight:400}
.static_header .breadcrumbs ul li a span{ color:#666}
.static_header .breadcrumbs ul li a.on span{ color:#ff9700}
.breadcrumbs ul li a:before{ content:""; display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.12); position:absolute; top:0; left:0; opacity:0.1; z-index:101; transition: opacity 0.3s ease-in-out}
.breadcrumbs ul li:hover a:before{ opacity:0.6} 
.breadcrumbs ul li a:after{ content:""; position:absolute; width:1.8em; height:1.8em; border-radius:1.8em; left:50%; top:50%; margin-top:-0.9em; margin-left:-0.9em; background-color:rgba(255,255,255,0.12); -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1); transform:scale(1,1); opacity:0; -moz-transition: -moz-transform 0.3s ease; -ms-transition: -ms-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; -webkit-transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease}
.static_header .breadcrumbs ul li a:after{ background-color:rgba(0,0,0,0.12);}
.breadcrumbs ul li a:active:after{ -moz-transform:scale(10,10); -ms-transform:scale(10,10); -o-transform:scale(10,10); -webkit-transform:scale(10,10); transform:scale(10,10); opacity:1}

/* left menu */
#menu_wrapper{ width:256px; position:fixed; left:-256px; top:0; z-index:102; padding:0; margin:0; height:100%; background-color:#fff; box-shadow:1px 0 0 rgba(0,0,0,0.1);  -moz-transition: left 0.3s ease-in-out; -webkit-transition: left 0.3s ease-in-out; -o-transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out }
#menu_wrapper .hr{ width:100%; height:5%; display:block}
.show_menu #menu_wrapper{ left:0}
#menu_wrapper .mCSB_container{ min-height:100%}
.sp-viewport{ margin-bottom:130px; position:relative}
.left_social{ position:absolute; left:0; bottom:70px; width:100%}
.menu_logo{ width:256px; height:250px; background:url(../images/voucherarea_gray.svg) center center no-repeat; margin:20px 0 25px 0; text-indent:-999px}
.menu_list{  margin:0; list-style-type:none; padding:0.875em 0; width:256px;}
.menu_list li{ width:100%; position:relative}
.menu_list li.active{ background-color:rgba(0,0,0,0.03)}
.menu_list li a{ line-height:50px; display:block; padding: 0 20px 0 40px; font-size:1.25em}
.menu_list li a:hover{ background-color:#f0f0f0; color:#666}
.menu_list li a.on{ color:#ff9700; font-weight:400}
.c_green .menu_list li a.on{ color:#009587}
.c_pink .menu_list li a.on{ color:#e81d62}
.c_blue .menu_list li a.on{ color:#02a8f3}
.c_purple .menu_list li a.on{ color:#9b26af}
.c_brown .menu_list li a.on{ color:#5599bb}
.menu_list ul{ padding:0; margin-bottom:0}
.menu_list ul li a{ font-size:1em}
.menu_list li a span{ display:inline-block; vertical-align:middle; font-size:0.8em}
.left_more span{ float:right; margin-top:0.75em; font-size:0.8em}
.pulldown, .pullup{ width:1.625em; height:1.625em; display:inline-block; vertical-align:middle; cursor:pointer; position:relative; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease}
.pulldown:before, .pulldown:after, .pullup:before, .pullup:after{ content:""; width:0.625em; height:1px; display:block; background-color:rgba(0,0,0,0.54); position:absolute; top:0.813em; left:0.25em; -moz-transform:rotate(-30deg); -ms-transform:rotate(-30deg); -o-transform:rotate(-30deg); -webkit-transform:rotate(-30deg); transform:rotate(-30deg)}
.pullup:after{ left:0.75em; -moz-transform:rotate(-150deg); -ms-transform:rotate(-150deg); -o-transform:rotate(-150deg); -webkit-transform:rotate(-150deg); transform:rotate(-150deg)}
.pulldown:before{ -moz-transform:rotate(30deg); -ms-transform:rotate(30deg); -o-transform:rotate(30deg); -webkit-transform:rotate(30deg); transform:rotate(30deg)}
.pulldown:after{ left:0.75em}
.hot_tag{ width:2em; height:1.5em; border-radius:0; background-position:0 -3.125em; position:absolute; top:0.375em; left:0.3125em; display:inline-block}
.icon-hot{ color:#ff0000; margin-left:0.25em; margin-top:-2px}
.side_function, .social, .country{ margin:0 1em; list-style:none; padding:0; border-bottom:1px solid rgba(0,0,0,0.12)}
.social li{ width:25%; height:2.25em; float:left; text-align:center; position:relative}
.side_function li{ width:50%; float:left; border-top:1px solid rgba(0,0,0,0.12); padding:0; position:relative}
.side_function li:nth-child(2n+1):after{ content:""; width:0; height:80%; right:0; top:10%; display:block; border-left:1px solid rgba(0,0,0,0.12); position:absolute}
.side_function li:last-child{ width:100%;}
.side_function li:last-child:after{border-left:none}
.side_function i{ float:left; margin-top:8px }
.side_function i ~ span{ line-height:1; font-size:12px; letter-spacing:0.5px; font-weight:400; height:48px; display:table-cell; vertical-align:middle}
.side_function a{ width:100%; height:48px; display:block; position:relative; background-color:rgba(0,0,0,0); transition: background-color 0.3s ease; overflow:hidden}
.side_function a:hover{ background-color:rgba(0,0,0,0.06) }
.side_function a:after{ content:""; position:absolute; width:36px; height:36px; border-radius:36px; left:25%; top:25%; bottom:25%; right:25%; background-color:rgba(0,0,0,0.06); transform:scale(1,1); opacity:0; transition: transform 0.3s ease}
.side_function a:active:after{ transform:scale(5,5); opacity:1}
.country li a{ display:block; }
.social a, .side_function i{ width:36px; height:36px; display:inline-block; border-radius:50%; font-size:1.35em; color:rgba(0,0,0,0.26); line-height:38px; text-align:center; position:relative; z-index:1}
.social{ padding:1em 0}
.social a:hover{ color:#fff}
.social a:after {content: ""; height:100%; width:100%; border-radius:50%; pointer-events:none; position:absolute; left:0; padding:2px; top:0; z-index:-1; box-sizing:border-box; opacity:0; transform:scale(1.3); transition:transform 0.2s ease 0s, opacity 0.3s ease 0s}
.social a:hover:after { opacity:1; transform:scale(1)}
.social .icon-facebook:after{ background-color:#5d82d1}
.social .icon-twitter:after{ background-color:#40bff5}
.social .icon-google-plus:after, .social .icon-googleaccount:after{ background-color:#eb5e4c}
.social .icon-pinterest:after{ background-color:#e13138}
.social .icon-yahooaccount:after{ background-color:#ab47ac}
.share_box{ position:absolute; width:210px; height:36px; left:0; top:0; z-index:98; background-color:#fff; padding:6px 0; margin:0; transition: all 0.3s ease}
.share_box a, .share_box span{ margin-right:0.5em; font-size:1.25em}
.share_box span{ line-height:36px; font-size:12px; color:rgba(0,0,0,0.26); font-weight:400; letter-spacing:0.5px}
.country{ border-bottom:none}
.country li{ width:34px; float:left; text-align:center; overflow:hidden; margin-right:10px;}
.country li i{ width:36px; height:24px; display:inline-block; margin:16px 0; font-size:0.75em; }
.country li.on i, .country li i:hover{ opacity:1}
.country li .c_au{ background-position:-34px center;}
.country li .c_jp{ background-position:-103px center;}
.country li .c_fr{ background-position:-69px center;}
.country li .c_us{ background-position:left center;}
.country li .c_uk{ background-position:0 -8.125em}
.country li .c_in{ background-position:-4.5625em -8.125em}
// .country li .c_au:hover{ background-position:0 -6.5em}
// .country li .c_ca:hover{ background-position:-2.25em -6.5em}
// .country li .c_de:hover{ background-position:-4.5em -6.5em}
// .country li .c_us:hover{ background-position:-6.75em -6.5em}
// .country li .c_uk:hover, .country li.on .c_uk{ background-position:0 -9.75em}
// .country li .c_in:hover{ background-position:-4.5625em -9.75em}

/* main content */
#main_content{ padding:32px 0 0 0; position:relative; top:56px; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out}
#default #main_content{ top:168px}
.wrapper{ width:1808px; margin:0 auto 3em auto; clear:both}
.wrapper h2, .wrapper h3.title{ font-size:1.75em; line-height:1.2; margin-top:-48px; padding:0.26em 0}
#main_content .wrapper:first-of-type h2{ margin-top:0}
#main_content .wrapper:first-of-type h2 a{position: relative;top: 4px;left: 6px;}
#main_content .wrapper:first-of-type h2 a:hover{color: #cc9966;}
#main_content .wrapper:first-of-type h2 a i{font-size: 1em;}
.wrapper h2 i{ display:inline-block; vertical-align:middle; margin-right:0.25em; margin-top:-0.313em; font-size:0.533em}
.stores, .promo_wrapper, .coupon_detail, .banner article, .wrapper2, .discounts, .history_item, #feedback_box{border:1px solid #e7e7e7;}
.color{ position: relative; background-color:#fff}
.color h2, .color .title{ color:#e0e0e0; font-size:2.5em; text-align:left; line-height:1; position:absolute; top:-0.15em; left:-0.1em; margin-top:0}
.stores_box, .history_box{ position:relative; width:1824px; margin-right:-1em}
.stores_box li, .history_box li{ width:8.333%; list-style-type:none; float:left; height:136px; margin-bottom:16px; position:relative}
.stores_box li .add{ font-size:4.75em; color:#e0e0e0; line-height:136px}
.stores_box li:hover .add{ color:#999}
.stores_box .color{ width:136px; height:136px; box-shadow:0px 1px 0px rgba(0,0,0,0.1); background: url(../imgv4/hot_bg.svg) 0 0 no-repeat}
.stores_box .stores_discounts{ width:33.333%}
.history_box .history_item{width:136px; height:136px; position:relative; cursor:pointer}
.history_box .history_item.color{ overflow:hidden}
.history_item.color .title{ font-size:2.25em }
.couponcodes{ background:url(../imgv4/coupon_codes_bg.svg?v=383) bottom right no-repeat}
.deals{ background:url(../imgv4/deals_bg.svg?v=383) bottom right no-repeat}
.side_wide{ background-color:#ffaa33}
.free_shipping{ background-color:#009977}
.printablecoupon{ background:url(../imgv4/printable_coupon_bg.svg?v=383) bottom right no-repeat}
.couponcodes, .printablecoupon, .deals{ box-shadow: none}
.couponcodes:after, .printablecoupon:after, .deals:after{ content:""; position:absolute; width:6.563em; height:1px; display:block; left:0; bottom:0; box-shadow:0px 1px 0px rgba(51,51,51,0.1) }
.c_coupons{ background-color:#fff; overflow:hidden}
.c_coupons p{ display:table; width:100%; height:100%}
.c_coupons p a{ display:table-cell; text-align:center; vertical-align:middle; font-size:1.2em; line-height:1.1; padding:0.5em 0.25em}
.c_coupons p a .tag_image{ width:100%; height:3.5em; }
.c_coupons p span{ position:absolute; bottom:0; right:0; width:100%; height:2em; background: rgba(255,255,255,0.2);
background: -webkit-gradient(linear,0 0,0 100%,color-stop(0%,rgba(255,255,255,0)),color-stop(70%,rgba(255,255,255,1))),rgba(255,255,255,0.2);
background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 70%),rgba(255,255,255,0.2);
background: -moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 70%),rgba(255,255,255,0.2);
background: -o-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 70%),rgba(255,255,255,0.2);
background: linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 70%),rgba(255,255,255,0.2);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#00ffffff',EndColorStr='#ffffff');}
.stores{ width:136px; height:136px; background-color:#fff; padding:0; position:relative; text-align:center; z-index:96; overflow:hidden}
.m_logo{ height:100%; width:100%; text-align:center; vertical-align:middle;}
.m_logo img{ max-width:100%; max-height:100%}
.stores .flag{ position:absolute; width:1.875em; height:1.875em; border-radius:0.938em; top:-0.313em; right:-0.313em; left:inherit; display:inline-block; background-position:-14.375em -26.25em}
.stores .flag.ca{ background-position:-18.125em -26.25em}
.stores .flag.au{ background-position:-21.25em -26.125em}
.stores .flag.us{ background-position:-25em -26.125em}
.m_logo span{ display:inline-block; height:100%; vertical-align:middle; width:0}
.love, .loved{ position:absolute; width:2em; height:2em; line-height:2em; text-align:center; display:inline-block; cursor:pointer; opacity:0; right:0; top:0; font-size:1.25em; color:#f0f0f0; text-shadow:0 0 1px rgba(0,0,0,0.57); -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease }
.stores:hover .love, .loved, .discounts .love{ opacity:1}
.loved, .love:hover{ color:#ff0000; text-shadow:0 0 1px #820000}
.stores:hover .love:hover, .mark:hover, .i_mark:hover{ opacity:0.5}
.no_result{ font-size:1.5em; color:rgba(0,0,0,0.26); margin-top:1em; margin-bottom:2.667em}
.no_result .tips{ font-size:0.75em ; color: rgba(0,0,0,0.26)}
.s_link{ position:absolute; display:block; text-align:center; width:93%; left:0; bottom:0; line-height:1; overflow:hidden; font-size:0.875em; font-weight:400; letter-spacing:0.5px; padding:0 4%; background-color:rgba(0,0,0,0.54); color:#fff; max-height:0; overflow:hidden; opacity:0; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease}
.s_link span{ color:rgba(255,255,255,0.54)}
.stores:hover .s_link{ max-height:1000px; padding:1em 4%; opacity:1}
.h_category{ background-color:#f4f4f4; text-align:center; height:136px; line-height:1.2; word-wrap:break-word}
.h_category i{ width:2.5em; height:2.5em; display:inline-block; margin:1.75em 0 0.375em 0}

.seasonal{ background-color:#ffb571; padding-top:16px; margin-top:-1em; width:100%}
.seasonal_banner{ width:592px; float:left; margin: -16px 0; margin-right:16px; height:472px; background-position: center center; background-repeat: no-repeat; background-size:auto 29.5em}
.seasonal_banner img{ max-height:465px}
.seasonal_wrap{ width:1216px; margin-right:-16px; float:left}
.seasonal_stores li{ list-style-type:none; width:12.5%; float:left; margin-bottom:16px; position:relative}
.seasonal_stores .stores_discounts{ width:50%}
.seasonal_promolist li{ list-style-type:none; width:50%; float:left; margin-bottom:16px; position:relative}
.three_columns, .banner{ width:1824px; margin-right:-1em}
.three_columns li, .banner li{ width:33.333%; list-style-type:none; float:left; margin-bottom:16px; position:relative}
.three_columns .seasonal_stores li{ width:25%; margin-bottom:0}
.three_columns .color, .promo_wrapper, .discounts, .banner article{ margin-right:16px; height:136px; position:relative}
.promo_wrapper, .discounts, .banner article{ background-color:#fff}
.h_couponcode{ background:url(../imgv4/coupon_code_bg.png?v=383) bottom right no-repeat #f3766d}
.h_couponcode .more{ color: #f3766d}
.h_deal{ background:url(../imgv4/deal_bg.png?v=383) bottom right no-repeat #03A9F4}
.h_deal .more{ color: #03A9F4}
.h_printable{ background:url(../imgv4/printable_bg.png?v=383) bottom right no-repeat #885599}
.h_printable .more{ color: #885599}
.h_free_shipping{ background-color:#009977}
.h_free_shipping .more{ color: #009977}
.h_free_shipping .white_bg{ width:3.125em; height:136px; background-color:#FFFFFF; float:right; border-radius:0 2px 2px 0}
.h_site_wide{ background-color:#ffaa33}
.h_site_wide .more{ color: #fff}
.more{ bottom:0.25em; right:0.25em; display:inline-block; font-size:2.5em; line-height:0.5 }
.more_pos{position: absolute;}
.banner article .img_banner{ height:100%; width:100%; display:block; background-position:center center; background-repeat:no-repeat; background-size:auto 100% ; border-radius:2px }
.banner p, .newsletter_wrap p, .couponalert_wrap p{ margin-bottom:0; line-height:1.2; font-size:1.25em; transition:opacity 0.3s ease}
.banner .title, .newsletter_wrap .title, .couponalert_wrap .title{ font-size:1.5em; line-height:1.2; padding-top:0.5em}
.newsletter_pop .newsletter_wrap .title, .couponalert_pop .couponalert_wrap .title{ padding:0}
.banner .bottom_form, .newsletter_wrap .bottom_form, .couponalert_wrap .bottom_form{ position:absolute; top:100%; margin-top:-4em; right:1em; width:27.25em; width: -webkit-calc(100% - 9em); width: -moz-calc(100% - 9em); width: calc(100% - 9em); height:3em; transition:opacity 0.3s ease }
.newsletter_pop .newsletter_wrap .bottom_form, .couponalert_pop .couponalert_wrap .bottom_form{ position: relative; clear:both; width:100%; right:0; top:0; margin:0}
.bottom_form form{ padding:0 8em 0 0; position:relative}
.bottom_form form .color_button{ position:absolute; right:0; bottom:0; width:5.5em; margin:0; padding:0; text-align:center}
.bottom_form .red{ position: absolute; top:100%; left:0; box-shadow:0 2px 2px rgba(0,0,0,0.2); width:100%; margin:0; padding:0.2em 0; background-color:#fff; text-indent:1.25em; z-index:98}
.bottom_form .red p{ margin-bottom:0}
.newsletter_wrap, .couponalert_wrap{ padding:0 1em 0 8em; position:relative; height:100%; cursor:pointer}
.newsletter_pop .newsletter_wrap, .couponalert_pop .couponalert_wrap{ padding:0}
.newsletter_wrap i, .couponalert_wrap i{ position:absolute; display:block; width:112px; height:100%; font-size:4em; left:0; top:0; text-align:center; line-height:136px; color:rgba(255,255,255,0.54); border-radius:2px 0 0 2px}
.couponalert_wrap i{color:rgb(204, 153, 102);}
.newsletter_pop .newsletter_wrap i, .couponalert_pop .couponalert_wrap i{ position: inherit; float:right; height:136px; background-color:transparent; color:rgba(0,0,0,0.12); margin-left:16px; font-size:4em; padding-top:15px; width:auto}
.newsletter_wrap *.hidden, .couponalert_wrap *.hidden{ display:inherit; opacity:0; max-height:0; overflow:hidden }
.newsletter_wrap .title, .newsletter_wrap input:focus ~ .placeholder{ color:#cc9966}
.newsletter_wrap .after_subscribe .check_box span{ border-color:#cc9966}
.newsletter_wrap i, .newsletter_wrap .color_button, .newsletter_wrap .bar, .newsletter_wrap .highlight{ background-color:#cc9966 }
.couponalert_wrap .title, .couponalert_wrap input:focus ~ .placeholder, .couponalert_wrap .after_subscribe .icon-ok{ color:#cc9966}
.couponalert_wrap .after_subscribe .check_box span{ border-color:#cc9966}
.couponalert_wrap i, .couponalert_wrap .color_button, .couponalert_wrap .bar, .couponalert_wrap .highlight{ background-color:#cc9966 }
.couponalert_wrap i{background: #f9f9f9;}
.newsletter_wrap i.gray, .couponalert_wrap i.gray{ background-color:rgba(0,0,0,0.06); color:rgba(0,0,0,0.12)}
.newsletter_wrap .color_button, .couponalert_wrap .color_button{ float:right; margin:-5px 5px 10px 10px}
.newsletter_wrap .color_button:hover{ background-color:#ff5757; color:#fff}
.couponalert_wrap .color_button:hover{ background-color:#c6884f; color:#fff}
.fun_description .color_button{ font-size:1em}
.after_subscribe{ position:absolute; top:4em ; width:27.25em; width: -webkit-calc(100% - 9em); width: -moz-calc(100% - 9em); width: calc(100% - 9em); transition:opacity 0.3s ease; opacity:1}
.after_subscribe a{ background-color:#e0e0e0; padding:0 0.25em; color:#666}
.after_subscribe .icon-ok{ font-size:14px}
.after_subscribe p{ font-size:1em}
.newsletter_pop .newsletter_wrap .after_subscribe, .couponalert_pop .couponalert_wrap .after_subscribe{ width:auto; position:relative; top:0 }
.see_more{ font-size:1.5em; height:1em; line-height:1em; text-align:center; margin-bottom:-1em; clear:both}
.see_more img{ width:2.5em; height:1.25em}

/*coupon block*/
.promo_wrapper{ z-index:96; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease }
.position{ box-shadow: 0 0 1em rgba(0, 0, 0, 0.24)}
.promo_wrapper .s_logo{ z-index:98}
.promo_content{ padding:2em 7.625em 0 8em; position:relative; box-sizing:border-box; height:100%}
.promo_content .deal_icon, .promo_content .coupon_icon{ text-align:center; line-height:56px; color:#ffffff; position:absolute; width:40px; height:56px; display:inline-block; background-color:#03A9F4; top:40px; right:0;cursor:pointer}
.promo_content .coupon_icon{ background-color:#f3766d}
.promo_wrapper p{ font-size:1.125em; line-height:1.2; font-weight:400; height:65px; overflow:hidden}
.promo_show_all{ height:auto;}
.promo_show_all .promo_title{ height:auto}
.promo_show_all .go_btn{ top:35px; margin-top:0;}
.promo_show_all .terms_conditions{ font-size:0.875em; margin:0 1.5em 1em 1.5em; padding-top:0.5em; float:left; border-top:1px solid rgba(0,0,0,0.12); width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px)}
.promo_show_all .terms_conditions p{ color:#333; font-size:1em; margin-bottom:0}
.promo_wrapper_banner h3{ text-overflow:ellipsis; white-space:nowrap}
.promo_wrapper .promo_title{ height:66px; overflow:hidden; position:relative}
.promo_wrapper .promo_title p{ display:table-cell; vertical-align:middle; color:#333}
.offer_none_test1 .promo_content{ padding-top:1.625em}
.offer_none_test1 .promo_content .offer{ display:none}
.promo_wrapper.offer_none_test1 .promo_title p{font-size:1.25em; height:72px; line-height:1.2;font-weight:600;}
.promo_wrapper.offer_none_test1 .promo_title p span{ font-weight:400; font-size:1.25em; color:#333}
.promo_wrapper.offer_none_test1 .promo_title{ height:72px}
.promo_wrapper_banner .promo_content{ padding-left:9.688em}
.promo_content .gray{ font-size:0.75em; font-style:italic; margin-left:0.625em}
.offer{ float:left; margin-right:1.25em; margin-bottom:2em; margin-top:0.4em}
.offer span{ color:#333}
.offer2{position:relative; margin-top:0.5em}
.freeshipping, .sale, .freegifts, .freedownload, .freetrial, .userreward{ font-size:2.8em; line-height:0.8; font-weight:200; letter-spacing:-1.9px;}
.freeshipping span{ font-size:0.4em; display:block; letter-spacing:-0.5px; font-weight:400}
.save span, .percent span{ font-size:0.55em; display:inline; letter-spacing:-0.5px; font-weight:300; vertical-align:top; padding-top:0.025em}
.buy{ font-size:1.375em; line-height:1.5; letter-spacing:-2px}
.buy span{ font-size:1.6em; display:block; letter-spacing:-2.5px; line-height:0.4}
.save, .percent{ font-size:3.438em; font-weight:200; margin-left:0.365em; display:block; letter-spacing:-4px; line-height:0.8}
.up_save{ position:absolute; font-size:0.75em; top:-2px; font-weight:300; left:0}
.dollar, .dollar1{ font-size:2em; position:absolute; top:0.15em; left:0.1em; font-weight:300}
.dollar1{ left:0; font-weight:200; top:0.3em; font-size:1.875em}
.dollar2{ font-size:1.25em; position:absolute; top:0.95em; left:0; font-weight:200}
.percent{ padding-right:0.455em; margin-left:0; margin-left:-2px}
.up_percent{ position:absolute; right:0; top:-0.2em; font-size:1.75em; font-weight:300 }
.off{ position:absolute; right:0.188em; bottom:-2px; font-size:1.125em; letter-spacing:-0.5px; font-weight:300}
.sale{ letter-spacing:-3.8px; line-height:0.85;}
.sale span{ font-size:0.34em; display:block; letter-spacing:-0.6px; font-weight:400; padding-top:0.5em}
.freegifts span, .freetrial span{ font-size:0.7em; letter-spacing:1.8px; line-height:0.55; display:block}
.freetrial span{ font-size:0.72em}
.freedownload span{ font-size:0.345em; display:block; letter-spacing:-0.7px; font-weight:400}
.userreward{ font-size:2.5em}
.userreward span{ font-size:0.6em; display:block; letter-spacing:-1.2px}
.extrasales, .storewide{ font-size:2em; line-height:1; letter-spacing:-0.5px}
.extrasales span, .storewide span{font-size:0.9em; letter-spacing:0.6px; display:block; line-height:0.6}
.rebate{ font-size:1.75em; letter-spacing:-2px; line-height:1.3}
.rebate span{ display:block; letter-spacing:-1px; line-height:0.4}
.storewide span{ font-size:0.99em}
.time_success{ margin-top:0.25em; line-height:1.875em; height:1.875em; overflow:hidden; position:relative; padding-right:20px}
.time_success span{ margin:0 10px 0 0; display:inline-block; font-size:0.75em; font-weight:400; letter-spacing:0.5px; color:#999}
.time_success span i{ font-size:1em; margin-right:4px; color:#ccc}

.time_success .code_red{ color:#333}
.time_success .code_red .pulldown:before, .time_success .code_red .pulldown:after{ background-color:#333}
.time_success .deal_blue{ color:#333}
.time_success .deal_blue .pulldown:before, .time_success .deal_blue .pulldown:after{ background-color:#333}

.hurry, .time_success .hurry{ color:#F00}
.hurry i, .time_success .hurry i{ color:#ff0000}
.time_success span .success{ width:0; height:0; display:inline-block; margin-right:2px; border-bottom:10px solid #ccc; border-left:5.7px solid transparent; border-right:5.7px solid transparent;}
.time_success .more{ font-size:1em; background-color:#fff; right:0; bottom:1px; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease}
.time_success .more.pulldown.up{ -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg)}
.description{ position:absolute; top:99%; left:0; background-color:#fff; padding:5px 20px; width:552px; box-shadow: 0px 3px 8px rgba(0,0,0,0.39); width: -webkit-calc(100% - 56px); width: -moz-calc(100% - 56px); width: calc(100% - 56px); z-index:98; max-height:0; overflow:hidden; opacity:0; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease}
.description.show{ padding:10px 20px; max-height:100em; opacity:1 }
.go_btn{ position:absolute; width:5.625em; height:3.75em; top:50%; margin-top:-1.875em; right:1em; z-index:98; text-align:right}
.code{ padding:0.2em; border:1px dashed #86b3c0; display:inline-block; line-height:1; font-size:1.125em; max-width:4.45em; word-spacing: normal; word-wrap: break-word; float:right}
.code_use{margin: 0 8px 0 0;}
.code.show_code{ font-size:1.125em; line-height:1.2em; text-align:center; width:4.69em; padding:0.25em 0.111em}
.go_btn .copy_tips{ text-align:center; color:#f3766d; font-size:14px; padding-top:0.25em; position: relative; left:inherit; bottom:inherit; clear:both}
.get_code_img{ background-position:0 -22.25em; display:block; height:1.875em; margin-top:0.313em; width: 5.8em}
.get_code, .use_it, .show_print{ width:5.625em; height:3.75em; display:block; color:rgba(0,0,0,0)}
.use_it{ background-position:0 -18.438em}
.deals_use{background-position: 0 -48px;}
.coupons_use{background-position: 0 0;height: 2.9em;}
.show_print{ background-position:0 -14.688em}
.mark, .marked{ width:1.667em; height:1.667em; text-align:center; line-height:1.667em; position:absolute; top:0; right:0; color:#f0f0f0; text-shadow: 0 0 1px rgba(0,0,0,0.57); font-size:1.5em}
.mark:hover, .marked, .marked:hover{ color:#ff9700; text-shadow:0 0 1px #ba4b00}
.mark:hover, .marked:hover{ text-shadow: 0 0 10px rgba(255,151,0,1)}

.label .clr_freeshipping, .label .clr_freeshipping:hover span, .cd_label .clr_freeshipping, .clr_freeshipping{ background-color:#009977; color:#fff}
.label .clr_code, .label .clr_code:hover span, .cd_label .clr_code, .clr_code{ background-color:#f3766d; color:#fff}
.label .clr_deal, .label .clr_deal:hover span, .cd_label .clr_deal, .clr_deal{ background-color:#03A9F4; color:#fff}
.label .clr_instore, .label .clr_instore:hover span, .cd_label .clr_instore, .clr_instore{ background-color:#885599; color:#fff}
.label .clr_storewide, .label .clr_storewide:hover span, .cd_label .clr_storewide, .clr_storewide{ background-color:#ffbb00; color:#fff}
.label .clr_online, .label .clr_online:hover span, .cd_label .clr_online, .clr_online{ background-color:#ff9900; color:#fff}
.label .clr_exclusive, .label .clr_exclusive:hover span, .cd_label .clr_exclusive, .clr_exclusive{ background-color:#970; color:#fff}
.label .clr_verified, .label .clr_verified:hover span, .cd_label .clr_verified, .clr_verified{ background-color:#8bda00; color:#fff}
.label{ position:absolute; height:auto; top:2em; right:-0.25em; z-index:98; width:0.25em; overflow:hidden; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in}
.label:hover{ box-shadow:0 0 10px rgba(0,0,0,0.5); width:5.85em}
.label a{ height:1.667em; margin:0; float:right; display:block; clear:both; font-size:0.75em; text-align:right; width:0.333em}
.label a span{ padding-right:0.5em; display:block; line-height:1.667em; position:absolute; right:0.333em; background-color:#fff; width:6.933em; font-weight:400}

.tag_label{position:absolute;left:10px;top:-5px;overflow:hidden;}
.tag_label>p{float:left;margin-right:8px;}
.tag_label>p>span{font-weight: 400;color:#fff;display:inline-block;min-width:5em; height:2.3em; line-height:2.3em;text-align:center; box-shadow: 0 0 8px rgba(0,0,0,0.4); font-size:0.75em;overflow:hidden;z-index:98;white-space:nowrap;padding:0 0.25em;}
.blackFriday_label span { background-color:#000}
.cyberMonday_label span{ background-color:#00c}
.exclusive_label span{ background-color:#ef4e1c;}
.christmas_label span{ background-color:#47c71b}
.boxingDay_label span{ background-color:#E22319}
.januarySale_label span{ background-color:#8e44ad}
.submitted_label span{ background-color:#009A31}
.similar_label span{ background-color:#F66}
.bx_label span{ background-color:#000}
.ny_label span{ background-color:#e81f27}
.valentinesday_label span{ background-color:#FF707E}
.fathersday_label span{ background-color:#0083CA;}
.halloween_label span{ background-color:#f16530;}


/*coupon detail*/
.coupon_detail{ width:575px; background-color:#fff; margin: 0 auto; padding:32px 32px 0 32px; clear:both; position:relative; box-sizing:border-box}
.coupon_detail textarea,.coupon_detail input[type="text"]{ border:none; box-shadow:none}
.coupon_detail h4{ font-size:1em; line-height:1.5; margin:0.313em 0 1.125em 0}
.code_wrap, .deal_wrap{ width:482px; border-radius:2px; margin:10px auto 0 auto; border:1px solid #cdcdcd; border-top:none}
.copy_code, .deal_code{ background:#fffaec; padding:0.85em 0; position:relative; text-align:center}
.copy_box{ position:relative; box-sizing:border-box; padding-left:0.45em; padding-right:5.125em; margin:0 auto; max-width:100%; display:inline-block}
.copy_code.no_copy{ padding:0.5em; min-width:15em;}
.copy_box div{ padding:0.2em 0; font-size:2.75em; line-height:1; width:100%; text-align:center; word-spacing:normal; word-wrap:break-word}
.copy_code.no_copy div{ text-align:right} 
.copy_code input[type="button"], .coupon_codes_wrap input[type="button"]{ position:absolute; width:3.2em; height:3.2em; border-radius:50%; font-size:1.25em; top:50%; margin-top:-1.6em; right:0.45em; background-color:#f3766d; color:#fff}
.copy_code.no_copy input[type="button"]{ display:none}
.deal_code{ font-size:1.5em; font-weight:400}
.code_mask{ position:absolute; width:100%; height:100%; left:0; top:0; padding-right:3.875em; box-sizing:border-box}
.code_mask:after, .code_mask:before{ content:""; height:100%; top:0; display:inline-block}
.code_mask:before{ width:100%; background-color:#e0e0e0}
.code_mask:after{ width:2em; background-position:-3.5em -11em; right:0; font-size:2em; position:absolute}
.code_mask span{ position:absolute; height:36px; line-height:36px; width:100%; font-size:2em; top:50%; margin-top:-18px; left:0; padding-right:1.5em; box-sizing:border-box}
.copy_tips{ text-align:center; font-size:16px; line-height:45px; height:45px; border:1px solid #cdcdcd; border-left:none; border-right:none; margin:0; position:relative}
.copy_tips:after, .copy_tips:before{ border-left:13px solid transparent; border-right:13px solid transparent; border-top:13px solid #fff; bottom:-13px; content:''; left:50%; margin-left:-13px; position:absolute; z-index:1}
.copy_tips:before{ border-left:14px solid transparent; border-right:14px solid transparent; border-top:14px solid; border-top-color:inherit; bottom:-14px; margin-left:-14px}
.instores, .instores:hover{ font-size:18px; text-transform:inherit; color:#885599; margin:0}
.m_site{ background:#f3766d; margin:0 auto; display:inline-block; position:relative; padding:0 20px 0 8px; max-width:100%; text-transform: inherit}

.m_site span{ display:inline-block; height:1.875em; margin-top:-0.938em; position:absolute; right:6px; top:50%; width:0.625em; font-size:0.667em}
.m_site span:before, .m_site span:after{ content:""; position:absolute; width:0.75em; height:1px; background-color:#fff; left:0; top:50%; margin-top:-0.3125em; -moz-transform:rotate(60deg); -ms-transform:rotate(60deg); -o-transform:rotate(60deg); -webkit-transform:rotate(60deg); transform:rotate(60deg) }
.m_site span:after{ margin-top:0.3125em; -moz-transform:rotate(-60deg); -ms-transform:rotate(-60deg); -o-transform:rotate(-60deg); -webkit-transform:rotate(-60deg); transform:rotate(-60deg)}
.goto_btn{ text-align:center; margin:2em 0 1em 0}
.deal_wrap ~ .goto_btn .m_site{ background:#03A9F4;padding: 0 1em;box-shadow: none;}
.deal_wrap ~ .goto_btn .m_site:hover{ background:#4da5fe}
.deal_wrap .m_site{ color:#03A9F4; font-size:26px}
.deal_wrap .m_site span:before, .deal_wrap .m_site span:after{ background-color:#03A9F4}
.goto.deal_btn i{ background-position:-23.125em -15.938em}
.coupon_detail .couponalert_wrap{ padding:18px 32px 22px 32px; background:#f8f8f8; margin:0 -32px; border-radius:0 0 2px 2px}
.coupon_detail .couponalert_wrap i{ line-height:normal; width:92px}
.coupon_detail .couponalert_wrap i:before{ position:absolute; top:50%; left:50%; margin-top:-0.438em; margin-left:-0.5em}
.coupon_detail .couponalert_wrap .title{ padding:0 0 0.35em 0; line-height:1; color:#333}
.coupon_detail .couponalert_wrap .bottom_form{ width:100%; right:0; position:relative; left:0; top:inherit; margin-top:8px; padding:0;}
.coupon_detail .couponalert_wrap .bottom_form form{ padding:0 6em 0 0}
.coupon_detail .couponalert_wrap .input_wrapper{ border:1px solid #c5c5c5; height:2.45em; border-radius:2px}
.coupon_detail .couponalert_wrap input{ font-size:16px; border-bottom: 1px solid #cc9966;}
.coupon_detail .couponalert_wrap .color_button{ box-shadow:none; right:0; height:100%; border-radius:0 2px 2px 0; background:#f3766d}
.coupon_detail .couponalert_wrap .color_button:hover{ background:#fe4875}
.coupon_detail .couponalert_wrap .after_subscribe{ position: relative; top:inherit; width:100%}
.coupon_detail .deal_detail .couponalert_wrap .color_button{ background:#03A9F4}
.coupon_detail .deal_detail .couponalert_wrap .color_button:hover{background:#4da5fe}

.coupon_detail .couponalert_wrap_tips{ border-bottom:none; padding:0 0 0 8.65em; margin:0; background:none; border-top:1px solid #e5e5e5; font-size:.8em; min-height:7.75em; margin:0 -32px;background:#f9f9f9;}
.coupon_detail .couponalert_wrap_tips .title{ color:#c96; padding:0.85em 0; font-size:1.75em}
.coupon_detail .couponalert_wrap_tips .bottom_form form{ padding:0 8em 0 0}
.coupon_detail .couponalert_wrap_tips .input_wrapper{ border:none; height:3em; border-radius:0}
.coupon_detail .couponalert_wrap_tips .color_button, .coupon_detail .deal_detail .couponalert_wrap_tips .color_button{ box-shadow:none; right:0; height:100%; border-radius:2px; background:#cc9966}
.coupon_detail .couponalert_wrap_tips .color_button:hover, .coupon_detail .deal_detail .couponalert_wrap_tips .color_button:hover{ background:#cc9966}
.coupon_detail .couponalert_wrap_tips .after_subscribe p{ font-size:1.25em}


.facebook_wrapper .title{ font-size:1.75em; display:inline-block; float:left; line-height:60px; margin-right:16px}
.facebook_wrapper{ margin:16px 0}
.coupon_information{ position:relative; padding:16px 0 0 0; border-bottom:1px solid #e0e0e0;}
.ci_test{border-bottom: none;}
.mer_coupon_content{ border-top:1px solid #e5e5e5; margin:0 -32px; padding:32px 0 0 0}
.coupon_title{ font-size:1.5em; text-align:center; padding:0 32px; color:#333; font-weight:400; line-height:1.2; margin-bottom:10px}
.coupon_title span{ font-size:0.625em; margin-left:8px; display:inline-block}
.coupon_description{ line-height:1.5; clear:both; padding:0 32px}
.coupon_description p{ text-align:center}
.coupon_description_addition{ line-height:1.5; clear:both; padding:0 0 16px 0}

.vote_wrap{ padding:16px 0 32px 0; margin:0; position:relative; overflow:hidden}
.vote{ position:relative; margin:0 auto 6px auto; height:40px; width:101px; border:1px solid #e0e0e0; border-radius:2px; font-size:0px}
.work{ width:95.76px; height:84px; position:absolute; top:0; left:0; display: inline-block; vertical-align:middle}
.work span{ display:inline-block; vertical-align:middle; -moz-transition:background-color 0.2s ease-in; -webkit-transition:background-color 0.2s ease-in; -o-transition:background-color 0.2s ease-in; transition:background-color 0.2s ease-in; cursor:pointer; box-sizing:border-box }
.work span{ border-style:solid; height:0; margin-right:2px; width:0;}
.work .yes{ border-color:#8ac249; float:left; position:relative}
.work .no{  border-color:#ff9700; float:right}
.vote .button:hover{ background:none}
.vote .button{ margin-right:0; padding:0}
.icon-thumbs-up-alt, .icon-thumbs-down-alt{ color:#fd8faa; display:inline-block; width:50px; font-size:22px; line-height:1.9em}
.icon-thumbs-up-alt:hover, .icon-thumbs-down-alt:hover{ color:#f3766d}
.icon-thumbs-up-alt{ border-right:1px solid #e0e0e0}
.deal_detail .icon-thumbs-up-alt, .deal_detail .icon-thumbs-down-alt{ color:#8ac3fd}
.deal_detail .icon-thumbs-up-alt:hover, .deal_detail .icon-thumbs-down-alt:hover{ color:#03A9F4}

.coupon_d_similar{ border-top:1px solid #e5e5e5; margin:0 -32px; padding:18px 32px 30px 32px}
.coupon_d_similar a{ display:block; font-size:1.125em; margin-top:0.45em; font-weight:400; color:#333}
.coupon_d_similar span{ border:1px solid #ff6666; border-radius:2px; font-size:12px; color:#ff6666; padding:0 3px; margin-right:8px}

.save_box{  position:relative; max-height:0; overflow:hidden; background-color:rgba(0, 0, 0, 0.04); -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out}
.save_box.slide_left{ padding:16px 2em; max-height:1000px; margin:16px 0 2px 0}
.save_box form{ padding:0}
.save_box .title{ color:#ff9700; font-size:1.5em; margin:0 0 1em 0}
.save_box .save_box_item{ width:50%; float:left; box-sizing:border-box; padding-right:16px} 
.save_box .save_box_item:last-of-type{ padding-left:16px; padding-right:0}
.save_box span{ width:0.938em; display:inline-block; font-size:1.25em; line-height:2.4em}
.save_box span ~ .input_wrapper{ padding-left:1em; margin-top:-3em}
.save_box span ~  .input_wrapper .placeholder{ padding-left:1em}
.save_box span ~  .input_wrapper input:focus ~ .placeholder{ padding-left:0}
.save_box span ~  .input_wrapper .highlight{ left:1em}
.save_box button{ float:right; margin-top:16px} 

.cd_banner{ border-bottom:1px solid #e0e0e0; padding-top:8px; padding-right:13em; position:relative}
.cd_banner i{ width:10em; height:5em; display:inline-block; position:absolute; top:50%; right:2em; margin-top:-2.5em; background-size:80% auto;  background-repeat:no-repeat}
.cd_banner .color_button{ width:2.4em; height:2.4em; line-height:2.4em; border-radius:50%; position:absolute; top:50%; right:0; margin-top:-1.2em; padding:0; box-shadow:none}
.cd_banner .title{ font-size:1.75em; line-height:1; margin:0.3em 0}
.tr_corner{ vertical-align:super; font-size:0.75em}
.print_img{ margin-bottom:2em; text-align:center}
.print_img img{ max-width:100%}
.print_btn{ text-align:center; margin-bottom:16px}
.print_btn .color_button{ height:2.4em; line-height:2.4em; border-radius:2px; font-size:1.25em; margin:0 0.5em 16px 0.5em; display:inline-block}
.discounts li.store_logo{ height:100%}
.discounts li{ width:16.666%; float: left; list-style:none; margin-bottom:0}
.discounts li.merchant_tab{ width:50%; position:relative; height:100% }
.discounts .love, .discounts .loved{ top:0; left:0; z-index:97}
.discounts li.store_data{ width:28%; padding-top:2.125em; float:right}
.discounts li.store_logo{ width:7em}
.discounts li.h_category{ float:right; border-radius:0 2px 2px 0}
.store_logo .s_logo{ position: relative; top:inherit}
.store_data p{ margin-bottom:0.375em; font-size:0.75em}
.merchant_information{ padding-left:8em; padding-top:2.125em; height:6.313em}
.merchant_information p, .store_data p{ margin-bottom:0.35em; font-size:0.875em; color:#999}
.merchant_information .title, .merchant_information h3, .store_data .title{ font-size:1.125em; color:#666; line-height:1.125em; max-height:2.25em; overflow:hidden; margin-bottom:0.444em}
.discounts .offer { width:4.375em; height:4.063em; padding-top:0.313em; border-radius:2.188em; float:none; overflow:hidden; margin:2.06em auto; background-color:#e0e0e0; text-align:center}
.discounts .offer:hover{ padding:0.713em 0.4em 0.4em 0.4em; border-radius:5em; margin:1.6em auto}
.discounts .sale span{ margin-right:-0.625em}
.show_offer{ width:136px; height:136px; position:absolute; top:0; left:0; border-radius:2px; display:none}
.stores:hover .show_offer{ display:block} 
.show_offer .offer{ float:none; display:inline-block; margin:2.375em auto 0 auto}
.show_offer .offer span{ color:#fff}
.ca_1, .ca_8, .ca_20, .ca_32, .ca_41, .ca_52, .ca_63, .ca_73, .ca_78, .ca_93, .ca_101, .ca_113, .ca_121, .ca_128, .ca_132, .ca_139, .ca_146, .ca_158, .ca_165, .ca_175, .ca_184, .ca_193, .ca_198, .ca_202{ width:2.5em; height:2.5em; background: url(../imgv4/category.png?v=383) 0 0 no-repeat; background-size:10em 15em}
.ca_1{ background-position: 0 0}
.ca_8{ background-position: -2.5em 0}
.ca_20{ background-position: -5em 0}
.ca_32{ background-position: -7.5em 0}
.ca_41{ background-position: 0 -2.5em}
.ca_52{ background-position: -2.5em -2.5em}
.ca_63{ background-position: -5em -2.5em}
.ca_73{ background-position: -7.5em -2.5em}
.ca_78{ background-position: 0 -5em}
.ca_93{ background-position: -2.5em -5em}
.ca_101{ background-position: -5em -5em}
.ca_113{ background-position: -7.5em -5em}
.ca_121{ background-position: 0 -7.5em}
.ca_128{ background-position: -2.5em -7.5em}
.ca_132{ background-position: -5em -7.5em}
.ca_139{ background-position: -7.5em -7.5em}
.ca_146{ background-position: 0 -10em}
.ca_158{ background-position: -2.5em -10em}
.ca_165{ background-position: -5em -10em}
.ca_175{ background-position: -7.5em -10em}
.ca_184{ background-position: 0 -12.5em}
.ca_193{ background-position: -2.5em -12.5em}
.ca_198{ background-position: -5em -12.5em}
.ca_202{ background-position: -7.5em -12.5em}
.sca_1, .sca_8, .sca_20, .sca_32, .sca_41, .sca_52, .sca_63, .sca_73, .sca_78, .sca_93, .sca_101, .sca_113, .sca_121, .sca_128, .sca_132, .sca_139, .sca_146, .sca_158, .sca_165, .sca_175, .sca_184, .sca_193, .sca_198, .sca_202{ width:2em; height:2em; background: url(../imgv4/category.png?v=383) 0 0 no-repeat; background-size:8em 12em}
.sca_1{ background-position: 0 0}
.sca_8{ background-position: -2em 0}
.sca_20{ background-position: -4em 0}
.sca_32{ background-position: -6em 0}
.sca_41{ background-position: 0 -2em}
.sca_52{ background-position: -2em -2em}
.sca_63{ background-position: -4em -2em}
.sca_73{ background-position: -6em -2em}
.sca_78{ background-position: 0 -4em}
.sca_93{ background-position: -2em -4em}
.sca_101{ background-position: -4em -4em}
.sca_113{ background-position: -6em -4em}
.sca_121{ background-position: 0 -6em}
.sca_128{ background-position: -2em -6em}
.sca_132{ background-position: -4em -6em}
.sca_139{ background-position: -6em -6em}
.sca_146{ background-position: 0 -8em}
.sca_158{ background-position: -2em -8em}
.sca_165{ background-position: -4em -8em}
.sca_175{ background-position: -6em -8em}
.sca_184{ background-position: 0 -10em}
.sca_193{ background-position: -2em -10em}
.sca_198{ background-position: -4em -10em}
.sca_202{ background-position: -6em -10em}
.rate0, .rate1, .rate2, .rate3, .rate4, .rate5, .rate0_5, .rate1_5, .rate2_5, .rate3_5, .rate4_5 { background:url("../imgv4/star.png?v=383") no-repeat scroll 0 0; background-size:14.25em 23.75em; display:inline-block; vertical-align:middle; width:6.25em; height:1em; font-size:1.143em}
.rate0{ background-position: 0 -16.25em }
.rate0_5{ background-position: 0 -15em }
.rate1{ background-position: 0 -13.75em }
.rate1_5{ background-position: 0 -12.5em }
.rate2{ background-position: 0 -11.25em }
.rate2_5{ background-position: 0 -10em }
.rate3{ background-position: 0 -8.75em }
.rate3_5{ background-position: 0 -7.5em }
.rate4{ background-position: 0 -6.25em }
.rate4_5{ background-position: 0 -5em }
.rate5{ background-position: 0 -3.75em }

.wrapper2{  background-color:#fff; position:relative; width:1808px; margin: 0  auto 4em auto}
.wrapper2 .title{ padding:0.417em 0; font-size:1.5em; border-bottom:1px solid #ebebeb; margin:0 1.667em }
.wrapper2 .title .more{ font-size:1.75em; top:10px; right:40px; width:30px; height:35px; text-align:right}
.title .pulldown, .title .pullup { margin-left:0.417em; font-size:0.667em}
.less .title .pulldown{ background-position: -3.438em -35.7em}
.foot_stores_list{ padding:0.938em 2.5em; background-color:#fff; border-radius:0 0 2px 2px; margin-bottom:1.25em}
.less .foot_stores_list{ height:10.8em; overflow:hidden}
.foot_stores_list li{ list-style-type:none; width:14.666%; margin-right:2%; float:left; position:relative}
.foot_stores_list li a:hover{text-decoration: underline;}
.foot_stores_list li a{  height:1.875em; line-height:1.875em; display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.shopping_tips{ padding:0 2.5em; background-color:#fff; border-radius:0 0 2px 2px; margin-bottom:1.25em}
.shopping_tips dt{ font-size:1.125em; margin-bottom:0.5em; margin-top:1em}
.shopping_tips dd{ padding-bottom:1.8em; border-bottom:1px solid #f0f0f0}

/* footer */
#footer{ padding:2em 0 0 0 }
.map{ width:1808px; margin:2em auto}
.map li{ float:left; list-style-type:none; line-height:2.0}
.m1{ width:18%}
.m2{ width:46%}
.map li h4{ font-size:1.25em; line-height:2.0 }
.map .m1 li{ width:100%}
.map .m2 li{ width:30%}
.map .m1 .f_menu li{ font-size:1.25em; line-height:1.5}
.footer_wrapper{ background-color:#fff; padding:1.25em 0 0 0; margin-bottom:0; clear:both; position:relative}
.as_seen_on{ position:relative; padding:0 0 1em 0; width:1808px; margin:0 auto}
.as_seen_on .title{ padding:0; font-size:1.5em; line-height:1.5; color:#666; margin-bottom:0.5em}
.public_media{ text-align:center}
.public_media span{ font-size:3.125em; display:inline-block; width:14%; text-align:center; color:rgba(0, 0, 0, 0.26)}
.as_seen_on:after, .footer_tool:before{ content:""; position:absolute; bottom:0; left:0; border-bottom:1px solid rgba(0,0,0,0.12); height:1px; width:1808px}
.footer_tool{ padding:1em 0; width:1808px; margin:0 auto; position:relative}
.footer_tool li{ width:30%; border-right:1px solid rgba(0,0,0,0.12); float:left; list-style-type:none; padding:0 1.4%; position:relative; text-align:center; height:3.85em; line-height:3.85em; font-size:1.625em; color:#666}
.footer_tool li.last{ margin-right:0%; border-right:none}
.footer_tool li span{ display:inline-block; vertical-align:middle; margin-left:10px; font-size:1.875em}
.footer_tool li a{ width:100%; height:100%; display:block}
.footer_tool .social{ padding:0; border-bottom:none; margin:0}
.footer_tool .social li{ font-size:1em; border-right:none; width:22%}
.footer_tool .social li a{ width:1.846em; height:1.846em; line-height:2em; margin:0.5em auto}
.footer_tool .social li a span{ display:none}
.f_share_love button{ font-size:1em; padding:0.4em 1em; margin:0.8em 0; background-color:#006dba}
.copyright{ text-align:center; width:1808px; margin:auto}
.copyright p{ font-size:1em; padding:1em 0; margin:0}
.copyright .country{ float:right; margin:0 0 0 16px;font-size:0;}
.footer_logo{ text-transform:uppercase; font-weight:400}
.mar_bottom{ margin-bottom:3em}
.topic_bg{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1}
.topic_img{ position: fixed; right:0; bottom:0}
.topic_img img{ max-width:500px}
.more_title{ font-size:1.5em; color:#666; padding-right:1.25em; padding-top:2em }
.more_topic_img{ height:100%; width:136px; margin-right:20px; float:left; display: block; background-position: 0 0; background-size: auto 100%; background-repeat:no-repeat; border-radius:2px 0 0 2px}

.feedback_help.hidden, .topic_sidebar.hidden{ opacity:0}
.feedback_help,.topic_sidebar{ opacity:1; -moz-transition:opacity 0.5s ease; -ms-transition:opacity 0.5s ease; -o-transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; transition:opacity 0.5s ease }
.feedback_icon{ width:128px; text-indent:.6em; color:#ff9700; font-size:1.25em; line-height:36px; padding:0 0 14px 0; -moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg); -o-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg); display:inline-block; text-transform:uppercase; position: fixed; z-index:97; right:-53px; bottom:261px; background-color:rgba(255,255,255,1); box-shadow: -7px 0px 21px rgba(0,0,0,0.42); border-radius:2px}
.help_icon, .topic_share .icon-share-alt, .topic_couponalert{ width:36px; height:36px; line-height:40px; padding-right:14px; color:#ff9700; font-size:1.625em; position:fixed; bottom:170px; right:-14px; display:block; text-align:center; background-color:rgba(255,255,255,1); z-index:97; box-shadow: 0px 7px 21px rgba(0,0,0,0.42); border-radius:2px}
.topic_facebook,.topic_share{ font-size:1.25em; position:fixed; z-index:97; right:-41px; background-color:rgba(255,255,255,1); box-shadow: -7px 0px 21px rgba(0,0,0,0.42); border-radius:2px; width:52px; transition:background-color 0.3s ease;-webkit-transition:background-color 0.3s ease; -o-transition:background-color 0.3s ease; -moz-transition:background-color 0.3s ease; overflow:hidden}
.topic_facebook{ padding:15px 0px 15px 25px; height:62px; bottom:222px}
.topic_share{ padding:22px 0px 25px 25px; bottom:330px}
.topic_facebook a{ position:absolute; top:46%; left:-22px; text-indent:1em; color:#ff9700; -moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg); -o-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg); display:inline-block; text-transform:uppercase}
.topic_facebook.show,.topic_share.show{ width:200px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease}
.topic_share .icon-share-alt{ position:absolute; top:19%; left:6px; font-size:1.125em; box-shadow:none; height:auto; line-height:18px; text-align:inherit}
.topic_share .icon-share-alt span{ font-size:0.53em; color:#999; font-weight:400}
.topic_share .social{position:absolute; width:210px; height:36px; left:25px; top:-13px}
.topic_share .social a{ margin-right:0.5em; font-size:1.25em}
.topic_couponalert{bottom:393px}

#feedback_box{ width:32.875em; padding:32px 32px 16px 32px; background-color:#fff; margin:0 auto; position:relative}
#feedback_box.feedback_pop{position:absolute; left:50%; margin-left:-18.44em; z-index:999; top:4.5em; box-shadow:0 12px 24px rgba(0,0,0,0.47)}
#feedback_box .desc{ padding:0; margin-bottom:3em}
#feedback_box h2{ color:#ff9700; font-size:1.5em; margin-bottom:0.5em; margin-top:inherit}
#feedback_box .desc p{ font-size:1.25em; line-height:1.2 }
.fb_form{ padding:0}
.scode{ width:50%; float:left; margin-bottom:0}
.scode img{ margin-left:16px}
.scode button{ font-size:1.5em; color:rgba(0,0,0,0.26); width:2em; height:2em; line-height:2em; text-align:center; display:inline-block; margin:0 0 0 16px; padding:0}
.scode .red{ top:0}

.thanks .title, .error_h{ color:#565656; font-size:24px}
.thanks input[type="button"]{ float:right} 

.ui-helper-hidden { display:none }
.ui-helper-hidden-accessible { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px}
.ui-widget-content{ background-color:#fff; list-style-type:none; position:absolute; z-index:102; padding: 1px 0; box-shadow: 0px 7px 21px rgba(0,0,0,0.42)}
.ui-widget-content li{ height:4.5em}
.ui-widget-content li a{ font-size:1.25em; padding: 0 1em 0 4.625em; position: relative; display:block; 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:#f0f0f0}
.ui-widget-content li a .gray{ font-size:0.8em; margin-left:0.3em}
.ui-widget-content li .s_logo{ font-size:0.6em}

.tips_container{ position:absolute; top:16.25em; left:50%; margin-left:-18.125em; padding:2em; z-index:1000; box-shadow:0 12px 28px rgba(0, 0, 0, 0.47); background:#fff; border-radius:2px; width:32.25em; min-height:8.5em}
.tips_container .title{ font-size:1.5em; margin-bottom:16px; }
.tips_container .button_box{ text-align:center}
.tips_container input[type="button"]{ padding:0.5em 1.25em; margin:0 0.5em; font-size:1.125em}
.mask{ background-color:rgba(224,224,224,0.87); height:100%; left:0;  position:fixed; top:0; width:100%; z-index:999}
.mask.black{ background-color:#333; opacity:0.6}
#header.improve_z{ z-index:107}
.coupon_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}
.coupon_detail_pop .coupon_detail{ box-shadow:0 12px 24px rgba(0, 0, 0, 0.47); margin:72px auto 16px auto; z-index:999}

button.inoperable, input[type="button"].inoperable, input[type="reset"].inoperable, input[type="submit"].inoperable, .button.inoperable, .color_button.inoperable{ color:rgba(0,0,0,0.26)}
.color_button.inoperable{ background-color:#ccc}

.button_box, .button_box .goto{ float:left}
.button_box .button{ float:left; margin-top:2.1875em; text-transform:none; padding:0 0.5em}

.couponalert_pop_up{ position:fixed; z-index:106; width:100%; max-width:36.25em; background-color:rgba(255,255,255,1); padding:0; right:16px; bottom:-200px; box-shadow: 0px 12px 28px rgba(0,0,0,0.47); -moz-transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in }
.couponalert_pop_up.show{ bottom:16px}
.pop_up_content{ padding:0; height:8.5em; display:block}
.couponalert_pop_up .couponalert_wrap, .couponalert_pop_up .newsletter_wrap{ max-width:41.25em; margin:0 auto}
.couponalert_pop_up .couponalert_wrap i, .couponalert_pop_up .newsletter_wrap i{ width:112px; font-size:4em}
.couponalert_pop_up .closed_btn{ top:0; right:0}

.back_to_top{ height:0; left:0; position:fixed; bottom:-80px; width:100%; z-index:999; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease}
.back_to_top.show{ bottom:56px}
.back_to_top .wrapper { height:100%; margin:0 auto; padding:0; position:relative}
.to_top_icon { width:48px; height:48px; border-radius:48px; position:absolute; bottom:0; right:0; margin-right:-112px; background-color:rgba(0,0,0,0.26); -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease }
.to_top_icon:hover{ background-color:rgba(0,0,0,0.54)}
.to_top_icon span{ width:2px; height:20px; display:block; position:relative; top:50%; margin-top:-10px; left:48%; background-color:#fff} 
.to_top_icon span:before, .to_top_icon span:after{ content:""; width:2px; height:15px; display:block; background-color:#fff; position:absolute; top:-2px; left:-5px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg)}
.to_top_icon span:after{ left:5px; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg)}
.couponalert_pop_up.show ~ .back_to_top.show{ bottom:155px; -moz-transition:all 0.3s ease 0.1s; -ms-transition:all 0.3s ease 0.1s; -o-transition:all 0.3s ease 0.1s; -webkit-transition:all 0.3s ease 0.1s; transition:all 0.3s ease 0.1s}
.overflow_hid{ overflow:hidden}

.rating_star_box{ min-height:40px;}
.rating_star_box div{ float:left;}
.rating_star_box p{ color:#FFF; float:left; position:relative; top:8px; margin-left:0.5em;}
.rating_star_box p span{ color:#fff; font-weight:400;}
.icon-star{width: 1em;height: 1.2em; text-align: center;line-height: 1.667em;color:#EDEDF0;text-shadow: 0 0 1px rgba(0,0,0,0.57);font-size: 1.5em; }
.icon-star.less{ color:#FC0;}
.icon-star,.icon-star.less,rating_star_box div,rating_star_box p{ cursor:pointer;}

.icon-star.mark{ z-index:2;}  
.icon-star.mark p{ display:none;font-size:0.8em;background-color:#039;color:#FFF;z-index:3;}
.icon-star.mark:hover p{ z-index:2147483647; display:block;background-color:#039;width:40px; overflow:hidden; float:left;}

.merchant_page #recoupons{padding-left: 8em;}

.sc_label{ position:absolute; top:0; right:0; height:20px; line-height:20px; display:inline-block; padding:0 6px; text-align:center; font-size:12px; color:#fff; background-color:#F66}
.merchant_page .offer_none_test1 .hidden{display:none;}
/*hover background*/

/* coupon-block button-test */
 .merchant_page .promo_content{padding: 0.5em 1.25em;}
.get_code, .use_it{background-image:none;}
.time_success{position: absolute;bottom:0;}
.go_btn{width:13em;height:2.75em;right:1em;margin:0;top:initial;bottom:1.5em;text-align: center;background: #03A9F4;border-radius:4px;}


.code{display: inline-block;width:100%;height: 100%;background: #ececec;color:#f3766d;font-size: 1.5em;text-align: right;text-transform: uppercase;padding:0;border:none;max-width:100%;line-height: 1.83em;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; border: 1px dashed #f3766d;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;-moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;background: #ffd6de;border-radius: 4px;}
.promo_content{padding: 0.5em 1.25em 0.5em 8em;}
.offer_none_test1 .promo_content{padding-top:0.5em;padding-left:8.5em;}
.three_columns .color, .promo_wrapper, .discounts, .banner article{height: 146px;}
.h_free_shipping .white_bg{height:146px;}


.banner article{height: 136px;}
.go_btn{width:10em;height:2.75em;text-align: center;background: #03A9F4;border-radius: 3px 0 0 3px}
.get_code{background-color: #f3766d;
    color: #FFF;
    font-size: 15px;
    height: 46px;
    line-height: 31px;
    padding-right: 20px;
    position: absolute;
    right: 0;
    top:0;
    transition: all .25s ease;
    width: 8.2em;box-sizing: border-box;}
.get_code:before{
    border-bottom: 46px solid #f3766d;
    border-left: 20px solid transparent;
    border-right: 0 solid transparent;
    content: "";
    height: 0;
    width: 0;
    left: -20px;
    position: absolute;
}
.use_it{
    color: #FFF;
        font-size: 15px;
        font-weight: 500;
        height: 100%;
        line-height: 31px;
        text-align: center;
        width: 100%;
        position: relative;
        display: inline-block;
}
.get_code:after,.use_it:after{
    content: '& visit site';
        position: absolute;
        top: 59%;
        left: calc(50% - 10px);
        transform: translateX(-50%);
        font-size: 11px;
        line-height: 11px;
        font-weight: 400;
        opacity: .7;
}
.use_it:after{
    left:50%;
}

.code{color: #f3766d;
    display: block;
    font-size: 1em;
    height: 46px;
    line-height: 44px;
    padding: 0 10px;
    text-align: left;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;    background-color: #ffefed;
    border: 1px dashed #f3766d;border-radius: 3px 0 0 3px;font-weight: 600;}
    .promo_wrapper:hover .get_code{
   width:7em;
    
}
/*table*/
.table-wrapper .table{background:#fff; display: block;width:100%;    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;}
.table thead,.table tbody{width:100%;}
.table tr{width:100%;}
.table-wrapper .table thead th{
    vertical-align: bottom;
    font-weight: 400
}
.table th,.table td{
    padding:16px;line-height: 20px;text-align: left;
    vertical-align: top;
}
.table th{
    padding:10px 16px;
}
.table thead tr{background:rgba(0, 0, 0, 0.16)}
.table tbody tr:not(:last-child){border-bottom:1px dashed #ccc;}
.printable_container .coupon_detail{padding: 32px;}
.printable_container .coupon_title{padding-left: 5em;}

.goTopBtn{
    display: none;
    font-size:1.5em;
    line-height: 36px;
}
.couponalert_wrap .title span, .newsletter_wrap .title span{
    text-transform: none;
    font-weight: 400;
    color:#8a8a8a;
    font-size: .75em;
    
}
/*hotstores*/
#hstores{margin-top:-2em;}
#hstores .stores_box{font-size:0;height: 250px;overflow: hidden;}
#hstores .stores{width:110px;height: 110px;}
#hstores .stores_box li{float:none;display: inline-block;height: 110px;}
/*productdeal*/
.ctg-deal-list,.ctg-deal-list *{box-sizing: border-box;}
.ctg-deal-list{
    margin-bottom: 4em;
}
.ctg-deal-list .product-wrapper{
    background: #fff;
    width:100%;
    margin-bottom: 12px;
    border-radius: 4px;
    padding:12px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
    position: relative;
    font-size:0;
}
.product-wrapper .left-img{
    width:40%;
    max-height: 300px;
    min-height: 240px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    padding-right:10px;
}
.product-wrapper .left-img img{
    max-width: 100%;
    vertical-align: top;
}
.product-wrapper .right-txt{
    vertical-align: top;
    display: inline-block;
    width:60%;
    font-size:16px;
}
.post-time{
    font-size: .9em;
    color: #757575;
    display: block;
}
.deal-title {
    display: inline-block;
    padding-bottom: 16px;
}

.deal-title h3{
    color:#66b0ef;
    font-weight: 500;
    display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.2;
        font-size: 1.25em;
}
.deal-title:hover h3{
    color: #2d79b9;
}
.deal-action{
    height: 40px;
    margin-bottom: 1em;
}
.deal-action span{
    color:#ff8800;
    font-weight: 600;
    font-size:1.25em;
    display: inline-block;
    padding:0 10px;
}
.deal-action .mct_link{
    font-weight: 500;
    color:#333;
    font-size: .75em;
}
.deal-action .mct_link:hover{
    text-decoration: underline;
}
.deal-action .buy_btn{
    display: inline-block;
    width:6.875em;
    height: 2.5em;
    background: #66b0ef;
    color:#fff;
    line-height: 2.5em;
    text-align: center;
    border-radius: 4px;
    font-size:1em;
    font-weight: 500;
    float:right;
}
.deal-action .buy_btn:hover{
    background: #2d79b9;
}
.product-wrapper .deal-desc{
    font-size:.9em;
    padding:0;
    margin:0;
    display: block;
    margin-bottom: 20px;
}

.product-wrapper .less{
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 64px;
}
.product-wrapper .deal-desc .icon-double-angle-down{
    color:#66b0ef;
}
.btm-btn{
    width:100%;
    text-align: right;
    padding-top:10px;
    position: absolute;
    bottom: 10px;
    right:10px;

}
.btm-btn a{
    color:#757575;
    font-size:.75em;
    display: inline-block;
    margin-right: 10px;
}
/*blog*/

.post-list, .post-list *{
    box-sizing: border-box;
}
.post-list li{
    padding:20px;
    font-size:0;
}
.post-list li:not(:last-child){
    border-bottom: 1px dashed #e0e0e0;
}
.blog-image{
    width:34%;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    height: 220px;
}
.blog-image img{
    max-width: 100%;
}
.blog-title-wrapper{
    display: block;
    padding-bottom: 20px;
}
.blog-detail{
    width:66%;
    display: inline-block;
    vertical-align: top;
    font-size:16px;
    padding:0 20px;
}
.blog-title{
    color:#333;
    font-size:20px;
    line-height: 1.2;
    text-transform: capitalize;
    max-height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
}
.blog-title:hover{
    color:#ff9900;
    text-decoration: underline;
}
.blog-desc{
    line-height: 1.5;
    font-size:14px;
}
.blog-info{
    font-size:14px;
    color:#666;
    width:100%;
    text-align: left;
    margin-bottom: 10px;
}
.blog-info span{
    margin-right: 20px;
}
.blog-info a{
    display: inline-block;
    margin-right:14px;
    color:#ff9900;
}
.blog-btn{
    display: inline-block;
    color:#ff9900;
    font-size:18px;
}

.logo_wrapper a img{
    max-height: 100%;
}
iframe[name=google_conversion_frame]{display:none}
.coupert-ads {
  display: block;
  margin: 0 -32px;
  background: #fffaec;
  padding: 5px 10px;
  border-top: 1px dashed rgba(0, 0, 0, 0.1);
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.coupert-ads * {
  box-sizing: border-box;
}
.ads-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.ads-left {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.ads-button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 122px;
  -ms-flex: 0 0 122px;
  flex: 0 0 122px;
  margin: 30px 0 0 10px;
}
.get-button {
  display: inline-block;
  width: 128px;
  height: 40px;
  background: #997700 url(../imgv4/index1_chrome.png) no-repeat left center;
  background-size: 30%;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 16px;
  border-radius: 20px;
  line-height: 40px;
  font-weight: 700;
  padding-left: 30px;
  text-align: center;
}
.ads-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}
.mer-img,
.coupert-img {
  width: 80px;
  height: 80px;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}
.mer-img{
    padding:6px;
}
.mer-img img,
.coupert-img img {
  max-height: 100px;
  max-width: 100%;
  vertical-align: middle;
}
.coupert-img {
  background: #997700;
  padding: 0 10px;
  height: 60px;
  border-radius: 4px;
}
.plus,
.equal {
  color: #cc6666;
  line-height: 80px;
  font-size: 32px;
  font-weight: 600;
}
.results {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  height: 80px;
  position: relative;
}
.results p {
  font-size: 24px;
  color: #970;
  margin-bottom: 0;
  font-weight: 500;
}
.results .res-statics {
  font-size: 12px;
  color: #cc6666;
  line-height: 12px;
  margin: 0;
  font-style: italic;
}
.res-statics {
  position: absolute;
  top: 56px;
  left: 0;
  line-height: 1.2;
}
.coupert-p {
  font-weight: 400;
  width: 100%;
  height: auto;
  color: rgba(0, 0, 0, 0.54);
  font-size: 18px;
  margin: 6px 0 0 0;
  text-align: center;
}
@media (max-width: 768px) {
  .coupert-ads {
    margin: 0 -1.25em;
  }
}
@media (max-width: 632px) {
  .ads-button {
    margin-top: 0;
  }
}
@media (max-width: 480px) {
  .mer-img,
  .coupert-img {
    width: 60px;
    height: 60px;
  }
  .results p {
    font-size: 18px;
  }
  .coupert-p {
    font-size: 14px;
  }
}
.holiday-link,.holiday-link li{margin:0;display: inline-block;list-style: none;}

.header-menu li.nav-hol{
    padding:0 10px;
    transition:all .3s;
}
.holiday-link li.nav-bf{
    border-right:1px solid #e0e0e0;
}
.header-menu li.nav-hol:hover{
    background:#0a6d5a;
}
.nav-hol .menu-item{
    line-height: 56px;
}
.nav-hol{
    background-color:#11866f;
    font-weight: bold;
}
.nav-hol img{width:36px;height: 36px;vertical-align: middle;display: inline-block;margin:0 2px 4px 0;}
header .header-menu{max-width: initial;}
.holiday-link li{background:#fff8f8;transition:all .3s;}
.holiday-link li:hover{background:#C30000;}
.holiday-link li:hover a{color:#fff;}
.holiday-link li a{padding:0 10px;color:#f00;

}
.holiday-link{position: fixed;right:480px;}
.color_header .holiday-link{position: fixed;right:57px;height: auto;}
.color_header .holiday-link li a{color:#fff;}
.c_green .holiday-link li{background-color:#029578;transition: all .3s;}
.c_pink .holiday-link li{background-color:#c13f74;transition: all .3s;}
.xmas_header .holiday-link li{background-color:#C30000;transition: all .3s;}
.c_green .holiday-link li:hover{background-color:#007c64;}
.c_pink .holiday-link li:hover{background-color:#b5396b;}
.xmas_header .holiday-link li:hover{background-color:#990000;}
.c_pink .holiday-link li.nav-bf{border-right:1px solid #a22156;}
.c_green .holiday-link li.nav-bf{border-right:1px solid #0e866e;}
@media (max-width: 1256px){
    .holiday-link{right:380px;}
}
@media (max-width: 1079px){
    .holiday-link{right:400px;}
}
@media (max-width: 1023px){
    .holiday-link{display: none;}
}
@media (width: 768px){
    .holiday-link{display: inline-block;right:57px;}
}