@font-face {
    font-family: 'FontAwesome';
    src: url('../image/v15/FontAwesome2016.woff') format('woff'),
         url('../image/v15/FontAwesome2016.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale}
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}
[class^="icon-"],[class*=" icon-"]{display: inline-block; vertical-align:middle}
.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
a .icon-spin{display:inline-block;text-decoration:none;}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}
@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}
@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}
@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}
.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;}
.icon-sns-tumblr:before {content: "\e906";}
.icon-sns-facebook:before{content: "\e900";}
.icon-sns-twitter:before{content: "\e901";}
.icon-sns-youtube:before{content: "\e902";}
.icon-sns-snapchat:before{content: "\e903";}
.icon-sns-instagram:before{content: "\e904";}
.icon-sns-linkedin:before{content: "\e905";}
.icon-glass:before{content: "\f000";}
.icon-music:before{content: "\f001";}
.icon-search:before{content: "\f002"!important;}
.icon-envelope:before{content: "\f003";}
.icon-heart:before{content: "\f004";}
.icon-star:before{content: "\f005";}
.icon-star-empty:before{content: "\f006";}
.icon-user:before{content: "\f007";}
.icon-film:before{content: "\f008";}
.icon-th-large:before{content: "\f009";}
.icon-th:before{content: "\f00a";}
.icon-th-list:before{content: "\f00b";}
.icon-ok:before{content: "\f00c";}
.icon-remove:before{content: "\f00d";}
.icon-zoom-in:before{content: "\f00e";}
.icon-cnn:before{content: "\f00f";}
.icon-zoom-out:before{content: "\f010";}
.icon-off:before{content: "\f011";}
.icon-signal:before{content: "\f012";}
.icon-cog:before{content: "\f013";}
.icon-trash:before{content: "\f014";}
.icon-home:before{content: "\f015";}
.icon-file-alt:before{content: "\f016";}
.icon-time:before{content: "\f017";}
.icon-road:before{content: "\f018";}
.icon-download-alt:before{content: "\f019";}
.icon-download:before{content: "\f01a";}
.icon-upload:before{content: "\f01b";}
.icon-inbox:before{content: "\f01c";}
.icon-play-circle:before{content: "\f01d";}
.icon-repeat:before{content: "\f01e";}
.icon-yahoo:before{content: "\f01f";}
.icon-cnbc:before{content: "\f020";}
.icon-refresh:before{content: "\f021";}
.icon-list-alt:before{content: "\f022";}
.icon-lock:before{content: "\f023";}
.icon-flag:before{content: "\f024";}
.icon-headphones:before{content: "\f025";}
.icon-volume-off:before{content: "\f026";}
.icon-volume-down:before{content: "\f027";}
.icon-volume-up:before{content: "\f028";}
.icon-qrcode:before{content: "\f029";}
.icon-barcode:before{content: "\f02a";}
.icon-tag:before{content: "\f02b";}
.icon-tags:before{content: "\f02c";}
.icon-book:before{content: "\f02d";}
.icon-bookmark:before{content: "\f02e";}
.icon-print:before{content: "\f02f";}
.icon-camera:before{content: "\f030";}
.icon-facetime-video:before{content: "\f03d";}
.icon-picture:before{content: "\f03e";}
.icon-usatody:before{content: "\f03f";}
.icon-pencil:before{content: "\f040";}
.icon-map-marker:before{content: "\f041";}
.icon-adjust:before{content: "\f042";}
.icon-tint:before{content: "\f043";}
.icon-edit:before{content: "\f044";}
.icon-share:before{content: "\f045";}
.icon-check:before{content: "\f046";}
.icon-abc:before{content: "\f04f";}
.icon-plus-sign:before{content: "\f055";}
.icon-minus-sign:before{content: "\f056";}
.icon-remove-sign:before{content: "\f057";}
.icon-ok-sign:before{content: "\f058";}
.icon-question-sign:before{content: "\f059";}
.icon-info-sign:before{content: "\f05a";}
.icon-screenshot:before{content: "\f05b";}
.icon-remove-circle:before{content: "\f05c";}
.icon-ok-circle:before{content: "\f05d";}
.icon-ban-circle:before{content: "\f05e";}
.icon-foxnews:before{content: "\f05f";}
.icon-plus:before{content: "\f067";}
.icon-minus:before{content: "\f068";}
.icon-asterisk:before{content: "\f069";}
.icon-exclamation-sign:before{content: "\f06a";}
.icon-gift:before{content: "\f06b";}
.icon-leaf:before{content: "\f06c";}
.icon-fire:before{content: "\f06d";}
.icon-eye-open:before{content: "\f06e";}
.icon-reuters:before{content: "\f06f";}
.icon-eye-close:before{content: "\f070";}
.icon-warning-sign:before{content: "\f071";}
.icon-plane:before{content: "\f072";}
.icon-calendar:before{content: "\f073";}
.icon-random:before{content: "\f074";}
.icon-comment:before{content: "\f075";}
.icon-magnet:before{content: "\f076";}
.icon-retweet:before{content: "\f079";}
.icon-shopping-cart:before{content: "\f07a";}
.icon-folder-close:before{content: "\f07b";}
.icon-folder-open:before{content: "\f07c";}
.icon-resize-vertical:before{content: "\f07d";}
.icon-resize-horizontal:before{content: "\f07e";}
.icon-fires:before{content: "\f07f";}
.icon-bar-chart:before{content: "\f080";}
.icon-twitter-sign:before{content: "\f081";}
.icon-facebook-sign:before{content: "\f082";}
.icon-camera-retro:before{content: "\f083";}
.icon-key:before{content: "\f084";}
.icon-cogs:before{content: "\f085";}
.icon-comments:before{content: "\f086";}
.icon-thumbs-up-alt:before{content: "\f087";}
.icon-thumbs-down-alt:before{content: "\f088";}
.icon-star-half:before{content: "\f089";}
.icon-heart-empty:before{content: "\f08a";}
.icon-signout:before{content: "\f08b";}
.icon-linkedin-sign:before{content: "\f08c";}
.icon-pushpin:before{content: "\f08d";}
.icon-external-link:before{content: "\f08e";}
.icon-thumbs-up:before{content: "\f08f";}
.icon-signin:before{content: "\f090";}
.icon-trophy:before{content: "\f091";}
.icon-github-sign:before{content: "\f092";}
.icon-upload-alt:before{content: "\f093";}
.icon-lemon:before{content: "\f094";}
.icon-phone:before{content: "\f095";}
.icon-check-empty:before{content: "\f096";}
.icon-bookmark-empty:before{content: "\f097";}
.icon-phone-sign:before{content: "\f098";}
.icon-twitter:before{content: "\f099";}
.icon-facebook:before{content: "\f09a";}
.icon-github:before{content: "\f09b";}
.icon-unlock:before{content: "\f09c";}
.icon-credit-card:before{content: "\f09d";}
.icon-rss:before{content: "\f09e";}
.icon-thumbs-down:before{content: "\f09f";}
.icon-hdd:before{content: "\f0a0";}
.icon-bullhorn:before{content: "\f0a1";}
.icon-bell:before{content: "\f0a2";}
.icon-certificate:before{content: "\f0a3";}
.icon-hand-right:before{content: "\f0a4";}
.icon-hand-left:before{content: "\f0a5";}
.icon-hand-up:before{content: "\f0a6";}
.icon-hand-down:before{content: "\f0a7";}
.icon-circle-arrow-left:before{content: "\f0a8";}
.icon-circle-arrow-right:before{content: "\f0a9";}
.icon-circle-arrow-up:before{content: "\f0aa";}
.icon-circle-arrow-down:before{content: "\f0ab";}
.icon-globe:before{content: "\f0ac";}
.icon-wrench:before{content: "\f0ad";}
.icon-tasks:before{content: "\f0ae";}
.icon-share-alt:before{content: "\f0af";}
.icon-filter:before{content: "\f0b0";}
.icon-briefcase:before{content: "\f0b1";}
.icon-fullscreen:before{content: "\f0b2";}
.icon-share-alt2:before{content: "\f0b3";}
.icon-hourglass:before{content: "\f0b4";}
.icon-mag:before{content: "\f0b5";}
.icon-submit:before{content: "\f0b6";}
.icon-pad:before{content: "\f0b8";}
.icon-padphone:before{content: "\f0b9";}
.icon-avatar:before{content: "\f0ba";}
.icon-request:before{content: "\f0bb";}
.icon-couponalert:before{content: "\f0bc";}
.icon-newsletterh:before{content: "\f0bd";}
.icon-newsletterv:before{content: "\f0be";}
.icon-group:before{content: "\f0c0";}
.icon-link:before{content: "\f0c1";}
.icon-cloud:before{content: "\f0c2";}
.icon-beaker:before{content: "\f0c3";}
.icon-cut:before{content: "\f0c4";}
.icon-copy:before{content: "\f0c5";}
.icon-paper-clip:before{content: "\f0c6";}
.icon-save:before{content: "\f0c7";}
.icon-sign-blank:before{content: "\f0c8";}
.icon-reorder:before{content: "\f0c9";}
.icon-ul:before{content: "\f0ca";}
.icon-ol:before{content: "\f0cb";}
.icon-table:before{content: "\f0ce";}
.icon-googleaccount:before{content: "\f0cf";}
.icon-magic:before{content: "\f0d0";}
.icon-truck:before{content: "\f0d1";}
.icon-pinterest:before{content: "\f0d2";}
.icon-pinterest-sign:before{content: "\f0d3";}
.icon-google-plus:before{content: "\f0d4";}
.icon-google-plus-sign:before{content: "\f0d5";}
.icon-money:before{content: "\f0d6";}
.icon-caret-down:before{content: "\f0d7";}
.icon-caret-up:before{content: "\f0d8";}
.icon-caret-left:before{content: "\f0d9";}
.icon-caret-right:before{content: "\f0da";}
.icon-columns:before{content: "\f0db";}
.icon-sort:before{content: "\f0dc";}
.icon-sort-down:before{content: "\f0dd";}
.icon-sort-up:before{content: "\f0de";}
.icon-yahooaccount:before{content: "\f0df";}
.icon-envelope-alt:before{content: "\f0e0";}
.icon-linkedin:before{content: "\f0e1";}
.icon-undo:before{content: "\f0e2";}
.icon-legal:before{content: "\f0e3";}
.icon-dashboard:before{content: "\f0e4";}
.icon-comment-alt:before{content: "\f0e5";}
.icon-comments-alt:before{content: "\f0e6";}
.icon-bolt:before{content: "\f0e7";}
.icon-sitemap:before{content: "\f0e8";}
.icon-umbrella:before{content: "\f0e9";}
.icon-paste:before{content: "\f0ea";}
.icon-light-bulb:before{content: "\f0eb";}
.icon-exchange:before{content: "\f0ec";}
.icon-cloud-download:before{content: "\f0ed";}
.icon-cloud-upload:before{content: "\f0ee";}
.icon-user-md:before{content: "\f0f0";}
.icon-stethoscope:before{content: "\f0f1";}
.icon-suitcase:before{content: "\f0f2";}
.icon-bell-alt:before{content: "\f0f3";}
.icon-coffee:before{content: "\f0f4";}
.icon-food:before{content: "\f0f5";}
.icon-file-text-alt:before{content: "\f0f6";}
.icon-building:before{content: "\f0f7";}
.icon-hospital:before{content: "\f0f8";}
.icon-ambulance:before{content: "\f0f9";}
.icon-medkit:before{content: "\f0fa";}
.icon-fighter-jet:before{content: "\f0fb";}
.icon-beer:before{content: "\f0fc";}
.icon-h-sign:before{content: "\f0fd";}
.icon-plus-sign-alt:before{content: "\f0fe";}
.icon-hot:before{content: "\f0ff";}
.icon-double-angle-left:before{content: "\f100";}
.icon-double-angle-right:before{content: "\f101";}
.icon-double-angle-up:before{content: "\f102";}
.icon-double-angle-down:before{content: "\f103";}
.icon-angle-left:before{content: "\f104";}
.icon-angle-right:before{content: "\f105";}
.icon-angle-up:before{content: "\f106";}
.icon-angle-down:before{content: "\f107";}
.icon-desktop:before{content: "\f108";}
.icon-laptop:before{content: "\f109";}
.icon-tablet:before{content: "\f10a";}
.icon-mobile-phone:before{content: "\f10b";}
.icon-circle-blank:before{content: "\f10c";}
.icon-quote-left:before{content: "\f10d";}
.icon-quote-right:before{content: "\f10e";}
.icon-left-hot:before{content: "\f10f";}
.icon-spinner:before{content: "\f110";}
.icon-circle:before{content: "\f111";}
.icon-reply:before{content: "\f112";}
.icon-folder-close-alt:before{content: "\f114";}
.icon-folder-open-alt:before{content: "\f115";}
.icon-expand-alt:before{content: "\f116";}
.icon-collapse-alt:before{content: "\f117";}
.icon-smile:before{content: "\f118";}
.icon-frown:before{content: "\f119";}
.icon-meh:before{content: "\f11a";}

@charset "utf-8";
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, fieldset, form, label, input, button, select, textarea, img, table, th, td, article, aside, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{ padding:0; margin:0; border: 0 none; font-family: Roboto, Helvetica, Arial, sans-serif}
article, aside, footer, header, menu, nav, section { display:block}
html{ font-size:100%}
body{ font-size:1em; line-height:1.5; width:100%; height:100%; background:#fefdff; position:relative; color:#666; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; overflow-x:hidden; padding-top:80px}
*{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
@-webkit-viewport{ width:device-width }
@-moz-viewport{ width:device-width }
@-ms-viewport{ width:device-width }
@-o-viewport{ width:device-width }
@viewport { width: device-width }
:-moz-placeholder,::-moz-placeholder { color:#aaa; text-overflow:ellipsis}
::-ms-input-placeholder { color:#aaa; text-overflow:ellipsis}
::-webkit-input-placeholder { color:#aaa; text-overflow:ellipsis}
a{ color:#666; text-decoration:none; cursor:pointer; outline:none}
a:hover{color:#53e3c7}
strong{ font-weight:600}
.clear{ clear:both}
.clear:after{ content:" "; clear:both; display:block; height:0}
.hidden{ display:none!important}
.overflow_hid{ overflow:hidden}
p, dl, ol{ margin:0 0 16px 0}
ul, li{ list-style:none}
.t_center{ text-align:center}
.red, .time_success li.red, .time_success .red i{ color:#F00}
input, textarea, select{ border:none; background-color:transparent; font-family:Roboto,Helvetica,Arial,sans-serif; -webkit-appearance:none; margin:0}
button, input, select, textarea, img{ font-size:1em; vertical-align:middle; outline:none}
button{ cursor:pointer}

.i_menu{ width:56px; height:59px; position:fixed; left:0; top:30px; cursor:pointer; z-index:103; text-align:center; border-right:1px solid rgba(255,255,255,0.16); display:none}
.i_menu i{ width:20px; height:2px; display:inline-block; position:absolute; background-color:#53e3c7; top:50%; left:50%; margin-top:-1px; margin-left:-10px}
.i_menu i:after, .i_menu i:before{ content:""; width:20px; height:2px; display:inline-block; position:absolute; left:0; top:-7px; background-color:#53e3c7}
.i_menu i:after{ top:7px}

header{ background:#fff; box-shadow: rgba(0, 0, 0, .04) 0 2px 8px; height:5em; width:100%; top:0; position:fixed; z-index:100}
nav{ position:absolute; right:0px; bottom:16px; top:1.45em}
nav ul li{ float:left; font-weight: bold;}
nav ul li a, nav ul li a:hover, nav ul li span{color:#333; cursor: pointer;}
nav ul li a:hover,
nav ul li span:hover{color:#53e3c7}
nav ul li a,nav ul li span{ line-height:40px; height:40px; padding-left:50px; display:block}

.menu_list li .submenu{ position:absolute; top:25px; left: 20px; padding:16px 0 0 0; max-height:0; max-width:0; overflow:hidden; z-index:108}
.menu_list li:hover .submenu{ max-height:9999px; max-width:9999px; overflow:inherit}
.menu_list li ul{ background-color:#fff; box-shadow:0 0 30px rgba(7, 51, 84, 0.17); padding:4px 0 8px 0; border-radius:6px; position:relative; padding:1em;}
.menu_list li ul:before{ content:""; position:absolute; left:40px; top:-8px; width:0; height:0; border-left:6px solid transparent; border-bottom:8px solid #fff; border-right:6px solid transparent}
.menu_list li ul li{ width:50%;  padding:1em}
.menu_list li ul li a{ color:#333; font-size:16px; padding-left: 0}
.menu_list li ul li a:hover{color:#53e3c7}


.logo{ width:150px; height:40px; background-image:url(../image/v15/oomfr_logo.png?v=2025051570); background-repeat:no-repeat; display:inline-block; text-indent:-9999px; position:absolute; left:0; top:1.25rem; background-size: contain;}
.search_wrapper{ position:absolute; height:44px; width:40%; bottom:16px; top:1.125em; left:300px; z-index:103}
.search_wrapper form{ width:100%; position:relative; height:100%; padding:0}
.search_wrapper .search_input{ height:100%; position:relative; background:#fff; border-radius:30px; border: #eaeaea 1px solid}
.search_input input[type="text"]{ padding: 0 72px 0 45px; border:none; height:100%; line-height:40px; width:100%; background:transparent}
.search_wrapper button, .search_btn{ height:100%; width:56px; position:absolute; top:0; right:0; font-size:25px; line-height:40px; margin:0; padding:0; text-align:center; background:#53e3c7; color:#fff; border-radius:0 2px 2px 0}
.search_wrapper button{ display: none; }
.search_wrapper .icon-search{ position: absolute; left: 18px; top: 9px; color: #333}
.search_btn, .focused .search_btn{ background-color:transparent; line-height:56px; display:none; z-index:106; cursor:pointer}
a.rank{ color:#fff; line-height:50px; text-align:center; font-size:17px; position:absolute; top:0; left:50%; margin-left:-50px}
.search_suggest{ width:100%; background-color:#fff; box-shadow: 0px 3px 7px rgba(0,0,0,0.42); position:absolute; top:50px; left:0; z-index:2; border-radius:0 0 2px 2px}
.search_default li{ list-style-type:none; padding:0.625em 0 0.625em 2em; margin:0 0.625em; position:relative}
.search_default li:after{ content:""; position:absolute; height:0; width:100%; display:block; bottom:0; left:0; border-bottom:1px solid #f0f0f0}
.search_default li i{ width:1.25em; height:1.25em; display:block; float:left; font-size:1.125em; text-align:center; line-height:1.25em; color:rgba(0,0,0,0.26); position:absolute; top:1em; left:0.125em}
.search_default li a{ padding:0 6px; line-height:36px; display:inline-block; position:relative; width:50%; font-size:0.875em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.search_default li a:hover{ background-color:#f4f4f4; color:#666}
.ui-widget-content{ background:#fff; list-style-type:none; position:absolute; z-index:104; padding:1px 0; box-shadow:0px 7px 21px rgba(0,0,0,0.42); width:100%!important; left:0!important; top:50px !important}
.ui-widget-content li{ height:4.25em}
.ui-widget-content li a{ font-size:1em; padding:0 1em 0 5.75em; position:relative; display:block; width:100%; line-height:3.6em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis}
.ui-widget-content li a:hover, .ui-widget-content a.ui-state-active, .ui-widget-content a.ui-state-hover, .ui-widget-content a.ui-state-focus{ background-color:rgba(0,0,0,0.04); color:#666}
.ui-widget-content li a .gray{ font-size:0.8em; margin-left:0.3em}
.ui-widget-content li .s_logo{ font-size:0.8em}

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


.banner_wrap{ margin-bottom:20px}
.banner_wrap, .wrapper3{ background:#fff; width:100%; padding:30px 0}
.wrapper3{ padding:10px 0 32px 0; margin-top:32px}
.carousel_wrap li{ width:33.333%; float:left; padding:0 16px}
.carousel{ position:relative; height:270px; border:1px solid rgba(0,0,0,0.08)}
.carousel a{ display:inline-block; width:100%; height:100%}
.item_img{ width:100%; height:100%; background-repeat:no-repeat; background-size:cover;}
.carousel_slide_content{ position:absolute; bottom:0; padding:10px; background-color:rgba(0,0,0,0.70); width:100%; height:80px}
.carousel_slide_logo{ width:60px; height:60px; background:#fff; float:left; position:absolute}
.carousel_slide_logo .m_logo{ padding:5px}
.carousel_slide_title{ padding:0 16px 0 38px; color:#fff; float:left; font-size:16px;}

.csm_logo{ width:100%; text-align:center; vertical-align:middle; padding:10px}
.csm_logo img{ max-width:95%; max-height:95%; border-radius: 5px;}
.csm_logo:after, .s_logo:after{ content:""; display:inline-block; height:100%; vertical-align:middle; width:0}


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

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

.home_faq{ padding-top: 30px; padding-bottom: 50px;}
.accordion .accordion-item{border-bottom:1px solid #e5e5e5}
.accordion .accordion-item button[aria-expanded=true]{border-bottom:1px solid #53e3c7}
.accordion button{ background: none; position:relative;display:block;text-align:left;width:100%;padding:1.25em 0;font-size:1.15rem;line-height:1.25;outline:none;text-transform:none;height:auto}
.accordion button:hover,.accordion button:focus{cursor:pointer;color:#53e3c7;background:none}
.accordion button:hover::after,.accordion button:focus::after{cursor:pointer;color:#53e3c7;border:1px solid #03b5d2}
.accordion button .accordion-title{padding-right:5em;display:block;font-size:1rem}
.accordion button .icon{display:inline-block;position:absolute;top:50%;right:0;width:22px;height:22px;border:1px solid;border-radius:22px;margin-top:-10px}
.accordion button .icon::before{display:block;position:absolute;content:"";top:9px;left:5px;width:10px;height:2px;background:currentColor}
.accordion button .icon::after{display:block;position:absolute;content:"";top:5px;left:9px;width:2px;height:10px;background:currentColor}
.accordion button[aria-expanded=true]{color:#53e3c7}
.accordion button[aria-expanded=true] .icon::after{width:0}
.accordion button[aria-expanded=true] + .accordion-content{opacity:1;max-height:999em;transition:all 200ms linear;will-change:opacity,max-height}
.accordion .accordion-content{opacity:0;max-height:0;overflow:hidden;transition:opacity 200ms linear,max-height 200ms linear;will-change:opacity,max-height}
.accordion .accordion-content p{font-size:1rem;margin:2em 0}

.wrapper, .wrapper2, .carousel_wrap{clear:both; width:1138px; margin:0 auto; position:relative}
.carousel_wrap{ width:1170px}
.wrapper2{ padding:0 32px 20px 32px; margin-bottom:32px; border-radius:2px}

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

.go_btn{ width:186px; height:45px; line-height:45px; display:block; position:absolute; right:16px; top:50%; margin-top:-1.5em}
.go_btn .show_code{ width:140px; text-align:center; background:#53e3c7; border-radius:30px; font-size:18px; color:#fff; padding-left:15px; position:absolute; left:0; top:0px; transition:all .25s ease;}
/*.show_code:hover{ width:130px; transform:all .25s ease;}*/
.go_btn .show_code:before{ display: none; content:""; border-bottom:45px solid #53e3c7; border-left:0 solid transparent; border-right:20px solid transparent; height:0; width:0; right:-20px; position:absolute}
.go_btn .code{ width:100%; height:100%; background:#e9f5ff; border:1px dashed #198de9; border-radius:30px; color:#198de9; font-size:18px; line-height:2.4; padding:0 8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.get_deal{background:#53e3c7; border-radius:30px; width:100%; height:100%; font-size:18px; color:#fff; text-align:center}
.goto_btn a:hover, .get_deal:hover{ background:#81f5de}
.go_btn .show_code{ background:#53e3c7}
.go_btn .code{ color:#666; border:2px solid #53e3c7; background:#fff; text-align:right}

.grid_coupons li{ width:25%; float:left; position:relative}
.coupon_wrapper{ margin-bottom:32px; margin-right:32px; background:#fff; border-radius:2px; box-shadow:0 1px 6px rgba(0,0,0,0.16); position:relative; padding:0 32px 32px 32px; transition:all 0.3s cubic-bezier(.25,.8,.25,1);max-height: 340px}
.coupon_wrapper:hover{ box-shadow:0 3px 15px rgba(0,0,0,0.16); transition: all 0.4s ease-out}
.coupon_wrapper .m_logo{ width:100%; height:6.625em; padding:20px 0}
.coupon_wrapper .go_btn{ width:100%; position:relative; top:0; margin-top:0; right:0}
.coupon_wrapper .go_btn .show_code{ width:165px}
/*.coupon_wrapper .go_btn .show_code:hover{ width:152px}
.coupon_wrapper .show_code:hover{ width:120px}*/
.coupon_content{ display:inline-block; position:relative; padding-bottom:30px}
.coupon_content .date{ margin-bottom:16px; font-size:12px; color:#999; padding:0; border:none; position:absolute}
.coupon_content .red, .coupon_content .red i{ color:#F00}
.coupon_content .title{ font-size:1.125em; line-height:1.3; text-align:center; color:#333; margin-bottom:16px; height:3.8em; overflow:hidden; font-weight: bold;}
.coupon_content .title:hover{ color:#53e3c7  }


.b_title{ position:relative; text-align:center; margin-bottom:40px; padding:1em 0 0 0; font-weight: bold;}
.b_title:after{ content: ''; position:absolute; bottom:-8px; left:0; right:0; width:70px; height:2px; background:#53e3c7; margin:auto}
.t_title{ text-align:center}
.t_title h2{ display:inline-block}
.t_title a{ display:inline-block; margin-left:1.5em; padding:2.15em 0 0.75em 0; color:#53e3c7; font-size:14px}

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

.coupon_type.deal_green{ color:#90c139}
.coupon_type.deal_green span{ background-color:#90c139}

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

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

.breadcrumbs, .t_breadcrumbs{ font-size:13px; margin:2.5em 0 0 0}
.t_breadcrumbs{ margin:2.5em 0 0.75em 0}
.mer_page{ padding-left:36px; padding-bottom:16px; width:77%; float:right; margin-top:1em}
.page_aside{ width:23%; float:left; padding-top:16px; padding-bottom:16px; margin-top:1em}
.store_wrap{ width:auto; height:130px; border-radius:2px; position:relative}
.merchant_wrap{ padding:16px; text-align:center; background:#fff; position:relative; box-shadow:0 1px 6px rgba(0,0,0,0.16); border-radius:2px}
.merchant_wrap .store_wrap{ height:136px!important; width:100%; box-shadow:none}
.aside_wrap{ padding:16px; margin-top:2em; padding-bottom:1em; background:#fff; position:relative; box-shadow:0 3px 10px rgba(0,0,0,0.06); border-radius:0px; margin-bottom: 2em; border: 1px solid #e4e4e4}
.aside_wrap:last-child{ border-bottom:none}
.aside_wrap h2,.aside_wrap h3{ font-size:20px; color:#333; padding: 5px 0}
.aside_menu p:first-child{ margin-top:40px}
.aside_menu p{ margin-bottom:0; margin-top:20px}
.aside_menu p i{ margin-left:8px}
.merchant_description{ font-size:14px; text-align:left; line-height:22px; margin:8px 0 1em 0; position:relative; cursor:pointer; color:#666; max-height:104px; overflow:hidden; -moz-transition:max-height 0.3s ease; -ms-transition:max-height 0.3s ease; -o-transition:max-height 0.3s ease; -webkit-transition:max-height 0.3s ease; transition:max-height 0.3s ease}
.merchant_description.show{ max-height:999px}

.go_store{ text-align: center; max-width: none !important; display: inline-block; }
.go_store a{ margin:7px 0 0; color:#fff !important; display:inline-block; text-transform:inherit; max-width:100%; overflow:hidden; padding: 0 10px;}
.go_store .icon-angle-right{ margin-left:10px}

.only_tablet.go_store{ margin-top: 25px; clear: both;}

.text_lists li{ font-size:14px; height:32px; line-height:32px}

.shopping_tips p{ font-size:14px}
.shopping_tips p.title{ font-size:14px; color:#666; font-weight:600; margin-bottom:6px}
.shopping_tips p a, .saving_center p a{ color:#53e3c7}
.saving_center{ background:#fff; padding:6px 32px; margin:32px 0}
.saving_center p{ font-size:14px}
.saving_center p.title{ font-size:1.0625em; color:#333; margin-bottom:6px; font-weight:500}
.saving_center ol{ margin-bottom:22px; padding:0 16px}
.saving_center ol li{ padding:4px 0; position:relative; font-size:14px; list-style:decimal}

.left_contact a{ color:#53e3c7; display:block; font-size:16px; margin-bottom:2em}
.left_contact i{ font-size:24px; margin-right:10px}

.merchant_key{ padding:1em 0}
.merchant_key h1{ color:#333; font-size:1.75em; line-height:1.25; padding:0; display:inline-block}
.merchant_key span{ margin-left:10px}
.merchant_key h2{ font-size:14px; color:#666}
.merchant_key a{color: #666}
.merchant_key a:hover{text-decoration:underline}
.merchant_key .store_wrap{ width:150px; height:80px; border:none; background-color:#fff; border-radius:2px; margin:0 auto 16px auto; box-shadow: none;}
.merchant_key .store_wrap .m_logo{ padding:8px}
.only_tablet{ display:none}

.right_filter{ margin-bottom:0.65em}
.right_filter ul li{ float:left; margin-right:1em; margin-bottom:1em; padding:5px 20px; border:1px solid rgba(0,0,0,0.12); background:#fff; border-radius:25px}
.right_filter ul li span{ font-size:14px; color:#999}
.right_filter .checked, .right_filter .checked span, .right_filter ul li:hover{ color:#fff; cursor:pointer;  background:#53e3c7; border:1px solid #53e3c7}
.right_filter ul li:hover span{ color:#fff}

.offer_card{ background:#fff; box-shadow:0 1px 6px rgba(0,0,0,0.16); border-radius:2px; margin-bottom:16px; position:relative; transition:all 0.3s cubic-bezier(.25,.8,.25,1)}
.offer_card:hover{ box-shadow:0 3px 15px rgba(0,0,0,0.16); transition: all 0.4s ease-out}
.card_box{ padding:32px 32px 15px 20px; display:block}
.promo_infor{ width:90px; height:60px; float:left; position:relative}
.promo_infor_box{ width:100%; height:100%; display:table}
.promo_infor_center{ line-height:1; display:table-cell; text-align:center; vertical-align:middle}
.promo_infor span{ display:block; vertical-align:baseline; text-transform:uppercase; color:#666; font-weight: bold;}
.promo_infor span i{ font-size:0.5em; display:inline; vertical-align:top; padding-top:0.025em}
.promo_infor .icon-tags{ font-size:2.5em; color:#666; -moz-transform:rotatey(180deg);-ms-transform:rotatey(180deg); -o-transform:rotatey(180deg); -webkit-transform:rotatey(180deg); transform:rotatey(180deg)}
.promo_infor .icon-truck,
.promo_infor .icon-gift{ font-size: 2.5em;}
.offer_big_text{ font-size:2em; font-weight:500}
.offer_med_text{ font-size:1.875em; font-weight:500}
.offer_largest_text{ font-size:1.5em; font-weight:500}
.offer_large_text{ font-size:1.25em; font-weight:500}
.offer_lesser_text{ font-size:1em}
.offer_smaller_text{ font-size:0.95em}
.offer_least_text{ font-size:0.85em}

.detail_filter_code .promo_infor_center span{ color:#53e3c7}
.detail_filter_deal .promo_infor_center span, .promo_infor .icon-tags{ color:#53e3c7}

.offer_card .m_logo{ width:8em; height:100%; position:absolute; top:0; left:0; padding:16px 16px 16px 32px}
.card_content{ padding-left:6.75em; padding-right:12em}
.card_content .title{ font-size:1.5em; line-height:1.25em; color:#333; margin-bottom:4px}
.card_content .desc{ font-size:14px; color: #757575; text-align:left; line-height:22px; margin:8px 0 1em 0; position:relative; cursor:pointer; color:#666; max-height:22px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

.time_success{ line-height:1.875em; overflow:hidden; position:relative}
.time_success li{ margin:0 1.375em 0 0; display:inline-block; font-size:13px; letter-spacing:0.5px; color:#757575; width:auto}
.time_success i, .icon-time{ font-size:13px; margin-right:3px; color:#bbb; vertical-align:baseline}
.time_success i.icon-angle-down{ font-size:16px; vertical-align:middle}
.time_success li.verified, .time_success li.shared_user{ color:#53e3c7; font-size:14px; display:inline-block}
.time_success li.verified i, .time_success li.shared_user i{ color:#53e3c7}

.content_page{ padding-right:30px; padding-bottom:16px; width:72.5%; float:left; margin-top:30px}
.content_page .coupon_wrapper{ margin-bottom:20px; margin-right:20px}
.deal_list_item{ background:#fff; padding:1em 1.5em; margin-bottom:16px; border-radius:5px}
.deal_wrap{ padding: 20px 0; overflow:hidden; position:relative}
.deal_wrap .coll{ width:180px; float:left}
.deal_wrap .colr{ margin-left:200px;}
.deal_wrap .deal_img{ text-align:center}
.deal_wrap .deal_img img{ max-width:180px; max-height:180px; border-radius:5px; margin-bottom:20px}
.deal_wrap .button_shopnow{ display:block; background:#53e3c7; border:0; color:#fff; font-size:16px; min-height:30px; line-height:30px; text-align:center; margin-bottom:20px; border-radius:5px; padding:6px 15px}
.deal_wrap .actionpanel ul li{ width:48%; display:inline-block; text-align:center; position:relative}
.deal_wrap .actionpanel ul li>a{ display:inline-block; width:38px; height:38px; line-height:39px; border-radius:100%; background:#f4f5f7; font-size:18px; color:#999; transition:all .2s ease-out}
.deal_wrap .actionpanel ul li>a:hover, .deal_wrap .actionpanel ul li>a.on{ background:#ff5959; color:#fff}
.deal_wrap .actionpanel ul li:last-child>a:hover{ background:#53e3c7}
.deal_wrap .actionpanel ul li p{ font-size:11px; color:#888}
.deal_wrap .dealname{ color:#333}
.deal_wrap .dealname h3{ font-size:22px; font-weight:700; line-height:normal; display:block; padding:0 0 5px 0}
.deal_wrap .dealname h3 .highlight{ color:#53e3c7; font-weight:normal}
.deal_wrap .dealcashback{ color:#53e3c7; font-size:18px}
.deal_wrap .dealdesc{ font-size:14px; color:#999; padding-bottom:8px}
.deal_wrap .dealdesc a{ color:#16ace6}
.deal_wrap .dealdesc>ul{ margin:8px 20px 0 20px}
.deal_wrap .dealdesc li{ list-style:disc}
.deal_wrap .dealdesc li p{ margin:0}
.deal_wrap .dealdesc img{ max-width:100%}
.deal_wrap .dealdesc .deals_otl{display:inline-block; position:relative}
.deal_wrap .dealdesc b.deals_coupon{ display:inline-block; color:#797d73; background:#f7f8fe; font-weight:700; padding:0 6px; line-height:20px; cursor:pointer; border:1px solid #e2e7f0}
.deal_wrap .dealdesc .deals_tips{ background:rgba(0,0,0,.8); display:inline-block; font-style:normal; position:absolute; left:0; top:-20px; min-width:80px; text-align:center; color:#fff; padding:0 5px; line-height:20px; font-size:12px; display:none}
.deal_wrap .dealdetail{ margin-bottom:10px}
.deal_wrap .dealdetail a{ color:#666; font-size:14px}
.deal_list_content{ margin-bottom:20px}
.plist{ padding-bottom:15px}
.plist ul{ overflow:hidden; margin-right:-3%; height:286px}
.plist ul.expand{ height:auto}
.plist ul li{ width:30.3%; margin-right:3%; margin-bottom:3%; float:left; border:1px solid #f4f5f7; border-radius:5px; padding:0 10px 10px}
.plist ul li > a{ color:#333; font-size:14px}
.plist ul li .imgbox{ height:180px; margin:0 -10px; text-align:center; overflow:hidden}
.plist ul li .imgbox img{ max-width:100%; border-radius:5px 5px 0 0}
.plist .deal_hl{ color:#53e3c7; height:20px}
.plist .deal_price{ color:#b7b7b7; font-size:12px; height:20px; overflow:hidden; margin-bottom:3px}
.plist .deal_price span{ color:#53e3c7; margin-right:3px; font-weight:bold; font-size:14px}
.plist .deal_price del{ margin-left:3px}
.plist .deal_subtitle{ color:#000; font-size:14px; line-height:20px; height:40px; overflow:hidden; padding:0}
a.plistmore{ border:1px solid #f4f5f7; border-radius:5px; height:40px; line-height:40px; display:block; text-align:center}
a.plistmore span{ color:#666; font-size:14px; position:relative; padding-right:10px}
a.plistmore span:before, a.plistmore span:after{ content:""; display:block; position:absolute; width:7px; height:1px; background-color:#666; -webkit-transform:rotate(45deg); transform:rotate(45deg); right: 0px; top:50%; margin-top:0px}
a.plistmore span:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:0px; right:-4px}
a.plistmore.less span:before{ right:-4px}
a.plistmore.less span:after{ right:0px}
.dealinfo{ overflow:hidden}
.dealinfo .dealauthor{ float:left}
.dealinfo .dealauthor img{ border-radius:100%; margin-right:5px; max-width:25px}
.dealinfo .dealauthor a{ color:#999; font-size:14px}
.dealinfo .dealtag{ float:right}
.dealtag a{ color:#9396a6; font-size:13px; padding:0 5px; background:#f7f7f7; border-radius:5px; margin-left:10px; display:inline-block; line-height:24px}

span.was{ display:block; font-size:13px; color:#888; text-decoration:line-through; line-height:normal}
span.extra_cb{ display:block; font-size:13px; color:#22b29e; line-height:normal}

.rows_deal .deal_list_item{ padding:1em 2em}
.rows_deal .deal_wrap .coll{ width:200px}
.rows_deal .deal_wrap .deal_img img{ max-width:200px; max-height:200px}
.rows_deal .deal_wrap .colr{ margin-left:230px}
.rows_deal .plist ul:not(.expand    ){ height:310px}
.rows_deal .plist ul li{ width:22.7%; margin-right:2%; margin-bottom:2%}
.rows_deal .deal_wrap .plist ul li .imgbox{ height:200px}

.share_box{ width:226px; height:32px; position:absolute; top:6px; left:72px; z-index:1; display:none; background:#fff; border:1px solid #ddd; box-shadow:1px 1px 5px rgba(153,153,153,.3); border-radius:5px; padding-top:6px}
.share_box a{ display:inline-block; padding:0 5px; height:20px; position:relative; transition:all 0.3s ease-in-out; border-right:1px solid #e4e4e4}
.share_box a:last-child{ border-right:none}
.share_box a i, .share_side a i{ background-image:url(../image/v15/share_icon.svg); background-size:10.937em 1.6875em; background-repeat:no-repeat; display:inline-block; font-size:0.75em}
.icon_facebook{ width:1.666em; height:1.5em; background-position:0 -0.08em}
.icon_twitter{ width:2.166em; height:1.5em; background-position:-1.566em 0}
.icon_wechat{ width:2.666em; height:1.5em; background-position:-3.68em -0.08em}
.icon_weibo{ width:2.5em; height:1.5em; background-position:-6.38em -0.08em}
.icon_qqzone{ width:2.333em; height:1.5em; background-position:-8.76em -0.15em}


.aside_right{ width:27.5%; float:right; padding-bottom:16px; margin-top:30px}

.aside_block{ background:#fff; padding:16px; border-radius:5px; margin-bottom:20px}
.aside_block h2{ font-size:18px; color:#333; position:relative; padding:0}
.aside_block:last-child{ margin-bottom:3em}

.scroll_area{ width:230px; padding:0 35px 0 35px; position:relative; margin-top:20px}
.scroll_list{ overflow:hidden; position:relative}
.scroll_ul{ width:9999px; position:relative; overflow:hidden; clear:both; *zoom:1}
.scroll_ul li{ width:230px; height:304px; list-style:none; float:left}
.scroll_ul li h3{ font-size:14px; line-height:1.25; max-height:48px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; padding:10px 0 0 0}
.scroll_ul li a:hover h3{ color:#53e3c7}
.scroll_ul li p{ font-size:16px; color:#53e3c7; margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.btn_icon{ position:absolute; top:107px; z-index:1; display:inline-block; cursor:pointer; width:48px; height:48px}

.btn_icon:before, .btn_icon:after{ content:""; display:block; position:absolute; width:20px; height:2px; background-color:#999; -webkit-transform:rotate(45deg); transform:rotate(45deg); left:15px; top:50%; margin-top:-7px}
.btn_icon:hover:before, .btn_icon:hover:after{ background-color:#53e3c7}
.btn_icon:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:7px}
.scroll_area #prev{left:-15px; -webkit-transform:rotate(180deg); transform:rotate(180deg)}
.scroll_area #next{right:-75px}

.trend_list h2{ padding-bottom:0}
.trend_list h2 ul li{ display:inline-block; color:#999; line-height:36px; height:36px; margin-right:10px; cursor:pointer; letter-spacing:-1px;}
.trend_list h2 ul li.active{ color:#333; border-bottom:2px solid #53e3c7}
.trend_list .content{ padding-bottom:20px; padding-top:0; overflow:hidden}
.trend_list > ul{ padding-top:20px}
.trend_list > ul li .imgbox{ width:80px; height:80px; border-radius:5px; float:left}
.trend_list > ul li .imgbox img{ max-width:80px; max-height:80px; border-radius:5px;  border:1px solid #eaeaea}
.trend_list > ul li h3{ font-size:14px; color:#333; margin-left:90px; line-height:normal; padding:0 0 4px 0; font-weight:400}
.trend_list > ul li p{ font-size:14px; margin-left:90px; color:#16ace6; margin-bottom:0}
.ending_soon h2{ padding-bottom:10px}

.mer_page .wrapper2{ width:auto; margin:24px 0; padding:0 32px 20px 32px; background:#fff; box-shadow:0 1px 6px rgba(0,0,0,0.16); border-radius:2px}
.art_content h4{ font-size:1.125em; line-height:1.5; margin:0 0 0.35em 0; padding:0; color:#333}
.art_content p{ clear:both; font-size:14px}
.art_content p strong{ font-weight:600; color:#555}
.art_content p img, .art_content p iframe{ max-width:100%; margin:0 auto 32px auto; display:block}
.art_content img.fleft{ margin:8px 24px 20px 0; max-width:200px}
.art_content a{ color:#53e3c7}
.art_content ul{ margin-left:26px; clear:both; margin-bottom:16px}
.art_content ul li{ margin-bottom:8px; font-size:14px}
.art_content table{border-collapse:collapse;width:100%}
.art_content table,.art_content th,.art_content td{border-bottom: 1px solid #39f; text-align: left!important; font-size: 14px;}
.art_content table tr>td {width: 68%}
.art_content th{font-weight: 600;}
.art_content img{ max-width: 100%; }

.faq_content .title{ margin:0; padding-bottom:2px; font-size:1.0625em; color:#666; font-weight:600}
.faq_content a{text-decoration:underline }

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

.about_us{ box-shadow:0 1px 6px rgba(0,0,0,0.16); border-radius:2px; padding:0 32px 32px 32px}
.about_us .title{ font-size:1.25em; color:#333; font-weight:600; margin-bottom:16px}
.contactUS_wrap{ margin-top:2em}
.contactUS_wrap h1{ padding:0 0 0.75em 0}
.contactUS_wrap form{ background:#fff; margin-bottom: 30px; padding: 32px; box-shadow:0 1px 6px rgba(0,0,0,0.16); border-radius:2px}
.contactUS .col_6{ width: 50%; float: left; padding-right: 30px; }
.contactUS .col_6:nth-child(2){ padding-right: 0 }
.contactUS input[type="text"], .contactUS textarea{ background: #f1f1f1; border:1px solid #f1f1f1; width:100%; line-height:64px; height:64px; margin-bottom:20px; padding-left:16px; border-radius:5px}
.contactUS textarea{ height:250px; outline:none; resize:none}
.contactUS button{ background:#53e3c7; color:#fff; padding:16px 4em; border-radius:5px; font-size:1.25em; margin:5px auto; display:block}
.contactUS .red{ margin-top:-16px; font-size:14px}

.loading{ width:120px; height:15px; margin:2em auto}
.loading span{ display:inline-block; width:15px; height:100%; margin-right:5px; border-radius:50%; background:#53e3c7; -webkit-animation:load 1.4s ease infinite}
.loading span:last-child{ margin-right:0px}
@-webkit-keyframes load{
    0%{ opacity:1; -webkit-transform:scale(1.3)}
    100%{ opacity:0.2; -webkit-transform: scale(.3)}
}
.loading span:nth-child(1){ -webkit-animation-delay:0.13s}
.loading span:nth-child(2){ -webkit-animation-delay:0.26s}
.loading span:nth-child(3){ -webkit-animation-delay:0.39s}
.loading span:nth-child(4){ -webkit-animation-delay:0.52s}
.loading span:nth-child(5){ -webkit-animation-delay:0.65s}

.columnar_coupons .grid_coupons{ width:auto; margin-right:-20px}
.columnar_coupons .grid_coupons li{ width:33.333%}

footer{ background:#eee; padding:30px 0 10px 0}
footer p{ color:#000; font-size:14px; }
footer p a{  margin-right:2em}
.footer_logo{  float:left; }
.footer_logo .logo{ top: 0em; width: 200px; height: auto; }
footer ul{ overflow: hidden; margin-left: 300px; text-align: center;}
footer ul li{ width: 100%; float: left; }
footer ul li p{ font-size: 0.9em; margin-bottom: 8px;  display: inline-block;}
footer .footertit{  opacity: 0.8}
footer .copyright{ text-align: center; float: none; padding-top: 20px; margin-left: 300px}

.static_wrap h1{ padding:0.85em 0 0.45em 0; text-align: center;}
.static_wrap article, .alphabet{ width:100%; background:#fff; box-shadow:0 1px 6px rgba(0,0,0,0.16); border-radius:2px; float:left; padding:26px 32px 20px 32px; margin:10px 0}
.static_wrap article .title{ border-bottom:1px solid rgba(0,0,0,0.08); padding-bottom:26px; margin-bottom:16px; font-size:1.125em; color:#333; font-weight:500}
.static_wrap article .title a{ float:right; font-size:14px; color:#53e3c7; line-height:2.2}
.static_wrap article ul li a{ float:left; width:25%; padding-right:16px; height:40px;line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block; font-size:15px}
.static_wrap article h1{ font-size:1.125em; padding:0}
.static_wrap article .title .icon-angle-down{ cursor:pointer}
.static_wrap article .less{ height:488px; overflow:hidden}
.static_wrap article .show{ height:inherit}
.static_wrap article:last-child{ margin-bottom:2em}
.alphabet a{ width:2em; height:2em; display:inline-block; margin:0 1.8em 1em 0; border:1px solid #d2d2d2; text-align:center; line-height:2; border-radius:50%; font-size:1.25em; position:relative; overflow:hidden; color:#747474}
.alphabet{ padding:32px 0 8px 32px;}
.alphabet a:hover, .alphabet a.active{ background:#53e3c7; border:1px solid #53e3c7; color:#fff}
.stores_list article .title{ font-size:1.5em; margin-bottom:20px; padding-bottom:20px}
.stores_list article .title a{ line-height:2.5}
.no_result{ font-size:20px; padding:40px 0 0 0; font-size:1.375em}
.no_result span { font-size:0.75em; display:block; margin-top:10px}

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


.emailsubscribe_wrap{ background:#fff; box-shadow:0 1px 6px rgba(0,0,0,0.16); border-radius:2px; margin-bottom:16px; position:relative; padding:16px 32px}
.email_icon{ background:url(../image/v15/email_icon.png) no-repeat; width:153px; height:153px; float:left}
.emailsubscribe_content{ padding-left:183px}
.emailsubscribe_content .title{ font-size:1.375em; color:#333; margin-bottom:15px}
.emailsubscribe_input{ width:90%; position:relative; height:100%; padding:0; display:block; margin-bottom:15px}
.emailsubscribe_input .email_input{ border:1px solid #e4e4e4; border-radius:2px; width:100%; font-size:14px; color:#888; padding:10px 16px 11px 16px}
.emailsubscribe_input .email_input input{ width:100%; height:100%; padding-right:153px}
.emailsubscribe_input .button{ height:100%; position:absolute; top:0; right:0; line-height:43px; padding:0 16px; background:#53e3c7; color:#fff; border-radius: 0 2px 2px 0; font-size:1.125em}
.emailsubscribe_content p{ font-size:15px; color:#999; margin-bottom:8px}

.back_to_top{ position:fixed; right:2em; bottom:5em; width:3.125em; height:3.125em; line-height:3em; text-align:center; z-index:999; cursor:pointer;
color:#fff; opacity:0.7; background-color:#999; border-radius:2px; box-shadow:0 4px 12px -4px rgba(0,0,0,.2); transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; -webkit-transition: all .6s ease}
.back_to_top:hover{background-color:#53e3c7; opacity:1}
.back_to_top span{ font-size:1.625em; -moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}

.share_side{ position:fixed; text-align:center; margin-left:-650px; left:50%; z-index:100}
.share_side a{ background:#fff; display:block; width:42px; height:42px; line-height:42px; border-radius:50%; text-align:center; margin-top:6px; transition: all .2s ease-out;box-shadow: 1px 1px 30px rgba(204,204,204,.3)}
.share_side .icon-heart{ background:none; vertical-align:middle; font-size:16px; color:#8fb5bc; margin-top:0}
.like:hover, .like.on{ background:#ff5959}
.like:hover .icon-heart, .like.on .icon-heart{color:#fff}
.share_side a i{ margin-top:12px}
.share_side p{ font-size:13px; color:#b9c2c2}
.share_side a.shop_now{ background:#53e3c7; width:auto; border-radius:5px; padding:0 20px; color:#fff; float:right; height:38px; line-height:38px; font-size:16px; display:none}


/*deal detail*/
.deal_detail{ background:#fff; width:100%; border-radius:5px}
.deal_detail { padding:4px 24px 24px 24px}
.deal_detail .coll{ width:300px}
.deal_detail .colr{ margin-left:328px}
.deal_detail .deal_img img{ max-width:300px; max-height:300px}

.deal_detail .dealname h3{ font-size:20px; padding:0 0 8px 0}
.deal_detail .highlight{ color:#53e3c7; font-size:1.25em; margin:8px 0; line-height:1.3}
.deal_detail .dealtag a{ margin:5px 10px 0 0}

.deal_detail .button_shopnow{ margin-top:1em; width:50%}
.deal_detail .dealdesc{ background:#f9fafd; border:1px solid #e1e5f7; padding:12px 12px 8px 12px; border-radius:5px; margin-bottom:2.65em}
.deal_detail .dealdesc ul{ margin-left:16px}
.deal_detail .dealdesc ul li{list-style:disc; font-size:14px; color:#999; margin-bottom:4px}
.deal_detail .dealdesc ul li a{ color:#53e3c7}
.deal_detail .plist ul{ height:auto}
.deal_detail .plist ul li .imgbox{ height:240px}

.databar span{ display:inline-block; margin-right:1.5em; font-size:13px; color:#999}
.databar a{ color:#53e3c7}
.databar span i{ margin-right:3px}


/*pop*/
.mask{ background-color:rgba(224,224,224,0.87); height:100%; left:0;  position:fixed; top:0; width:100%; z-index:999}
.alert_pop{ border-radius:0; left:0; position:fixed; padding:0; top:0; z-index:999; height:100%; width:100%; overflow-y:scroll; box-sizing:border-box; cursor:pointer}
.alert{ width:454px; background:#fff; padding:0 32px; clear:both; position:relative; box-sizing:border-box; border-radius:2px; box-shadow:0 12px 24px rgba(0, 0, 0, 0.47); margin:92px auto 16px auto; z-index:999; cursor:default}
.alert{ padding:32px 32px; font-size:18px; text-align:center}
.alert_tips i{ color:#02b6c0; font-size:1.25em; margin-right:5px}
.alert_tips p{ margin-bottom:0px}
.alert_tips{ margin-top:1em}
.coupon_detail_pop, .contact_pop, .subscribe_success_pop{ border-radius:0; left:0; position:fixed; padding:0; top:0; z-index:999; height:100%; width:100%; overflow-y:scroll; box-sizing:border-box; cursor:pointer}
.coupon_detail, .contact_wrap, .subscribe_success{ width:616px; background:#fff; padding:56px 32px 32px 32px; clear:both; position:relative; box-sizing:border-box; border-radius:2px;  box-shadow:0 12px 24px rgba(0, 0, 0, 0.47); margin:92px auto 16px auto; z-index:999; cursor:default}
.coupon_detail_merchant{ text-align:center}
.detail_logo{ width:6.25em; height:6.25em; background:#fff; border:1px solid #e1e1e1; border-radius:2px; display:inline-block}
.coupon_detail_merchant .title{  margin-top:26px; font-size:1.25em; line-height:1.25; color:#333; font-weight:600; margin-bottom:8px}
.coupon_detail p.tips{ font-size:13px; color:#999; margin-top:36px}
.coupon_detail .code_wrap, .coupon_detail .deal_wrap{ padding:18px 0 0 0; position:relative; text-align:center}
.copy_code{ padding:0.5em 6.75em 0.5em 2em; box-sizing:border-box; border:1px dashed rgba(0,0,0,0.26); position:relative; margin:12px auto 32px auto; max-width:100%; display:inline-block; border-radius:2px}
.copy_code div{ padding:0.2em 0; font-size:1.875em; line-height:1; width:100%; text-align:center; word-spacing:normal; word-wrap:break-word; color:#333; font-weight:500}
.copy_code input[type="button"]{ position:absolute; width:3.5625em; height:100%; font-size:1.25em; top:0; right:-2px; z-index:2; background:#ff8c00; color:#fff; cursor:pointer}
.copy_code input:focus{border-color:#ff8c00; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,140,0,.5)}
.copy_code.no_copy{ padding:0.5em 1em}
.goto_btn a, .print_btn a{ display:inline-block; background:#53e3c7; color:#fff; padding:0.625em 1.25em; border-radius:2px}
.coupon_detail .deal_wrap p{ font-size:12px; color:#999}

.print_btn{ text-align:center}
.print_btn a{  margin-top:1.25em}
.print_img{ margin-top:1.375em; text-align:center}
.print_img img{ max-width:100%}

.contact_wrap input, .contact_wrap textarea{ border:1px solid #e1e1e1; width:100%; padding:0.65em 0 0.65em 16px}
.contact_wrap textarea{ height:8em; line-height:1.5; resize:none}
.contact_input{ margin-bottom:1.5em}
.contact_input p{ margin-bottom:8px; color:#333}
.contact_wrap .button{ margin-top:0.5em; background:#53e3c7; color:#fff; padding:0.625em 1.375em; border-radius:2px; float:right}

.closed_btn{ width:2.5em; height:2.5em; background:none; right:0; top:0em; position:absolute; cursor:pointer; z-index:97}
.closed_btn:after, .closed_btn:before{ background-color:rgba(0,0,0,0.67); content:""; display:inline-block; height:1px; position:absolute; left:0.562em; top:1.25em; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width:1.375em}
.closed_btn:before{ -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left:0.562em}



/*coupon alert subscribe success pop*/
.subscribe_success{ padding:32px 32px; font-size:18px; text-align:center}
.subscribe_success_tips i{ color:#02b6c0; font-size:1.25em; margin-right:5px}
.subscribe_success_tips p{ margin-bottom:0px}
.detail_coupon_alert .subscribe_success_tips{ margin-top:1em}


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


.holiday_wrapper{ list-style:none}
.holiday_wrapper article{ margin-bottom:22px; border-bottom:1px solid #f4f4f4; padding-bottom:9px; width:100%; float:left}
.holiday_wrapper a:last-child article{ border:none}
.aside_wrap .holiday_wrapper a:last-child article{ margin-bottom:0; padding:0}
.holiday_wrapper h4{ line-height:1.2; margin-bottom:10px; color:#159f86; font-size:15px;}
.holiday h4{text-align: center;}
.holiday_wrapper h4:hover{ color:#666;text-decoration:underline;}
.holiday_wrapper p{ font-size: 12px!important; max-height:90px; overflow:hidden; position:relative; color:#666; font-size:14px; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; text-overflow:ellipsis}
.blog_img{ width:100%; height:178px;overflow:hidden; position:relative; margin-bottom:12px}
.blog_img div{ position:absolute; top:0; left:0; bottom:0; right:0; -moz-transform:translate(50%,50%); -ms-transform:translate(50%,50%); -o-transform:translate(50%,50%); -webkit-transform:translate(50%,50%); transform:translate(50%,50%)}
.blog_img div img{ position:absolute; top:0; left:0; max-height:100%; -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}

.guide_list{ padding-right:15px}
.guide_list .deal_list_item{ width:50%; float:left; padding:0 15px 0 0; float:left; background:none}
.guide_list .deal_wrap{ background:#fff; padding:20px; border-radius:5px}
.guide_list .coll{ width:100%; position:relative; float:none}
.guide_list .colr{ margin-left:0}
.guide_list .deal_img img{ max-width:100%; max-height:240px}
.guide_list .dealtag{ margin-top:8px}
.guide_list .dealtag a{ margin:0 5px 0 0}
.guide_list .actionpanel{ position:absolute; top:0}
.guide_list .share_box{ left:52px}
.guide_list .button_shopnow{ width:38%; position:absolute; bottom:-6px; left:30%}
.guide_list .dealname h3{ height:66px; overflow:hidden; margin-bottom:10px; font-size:18px; font-weight:500}
.guide_list .desc_selection{ height:122px; overflow:hidden; margin-bottom:16px}

.paging{ text-align:center; padding:1.5em 0}
.paging a{ display:inline-block; width:30px; height:30px; line-height:30px; background:#e4e4e4; border-radius:3px; text-align:center; color:#84878e; margin:0 2px}
.paging a:hover{ color:#fff; background:#16ace6; transition:all .3s ease-in-out}
.paging a.prev,.paging a.next{ width:60px}
.paging b{ background:#16ace6; width:30px; height:30px; margin:0 2px; line-height:30px; display:inline-block; text-align:center; color:#fff; border-radius:3px}
.shopping_guide .deal_detail{ padding:24px 24px}
.shopping_guide .deal_detail h1{ padding:0 0 0.35em 0}
.shopping_guide .deal_detail h3{ padding:0.35em 0}
.shopping_guide .deal_detail .dealdesc{ margin:1em 0}
.shopping_guide .deal_detail .deal_img{ margin-bottom:20px}
.shopping_guide .deal_detail .deal_img img{ border-radius:5px; max-width:100%; max-height:inherit}


/*new style*/

.pp_hotdeals{  margin: 0 auto 2em; }
.pp_hotdeals h1{ font-weight: bold; text-align: center; padding-top: 1.5em; font-size: 2em}
.pp_hotdeals ul{ margin-right: -1.2% }
.pp_hotdeals ul:after{content:""; clear:both; display:block; height:1px; width:100%; }
.pp_hotdeals ul li{list-style: none; margin-right: 1.2%;box-shadow:0 10px 10px rgba(0,0,0,0.09); border:#eaeaea 1px solid; background: #fff; border-radius: 5px; padding: 0; width: 32.1%;  position: relative; float: left;}
.home_deal_img{ width: 47%; float: right; max-height: 160px; overflow: hidden; border-radius:0 5px 5px 0; background-size:cover; background-position:center; background-repeat:no-repeat }
.home_deal_img img{ width: 100%; height: 100%}
.home_mer_logo{top: 70px;left: 10px;background: #fff;border-radius: 5px;width: 140px;height: 60px;padding: 10px 10px 5px;z-index: 9;display: flex;align-items: center;justify-content: center;}
.home_mer_logo img{max-width: 120px;max-height: 40px;}
.home_deal_content{text-align: left; color: #666; padding: 5px 0 0 10px; font-weight: bold;}
.home_deal_title{ text-align: left; color: #666; padding: 0 0 0 10px; font-weight: bold; font-size: 0.85em;}
.home_deal_txt{ border-radius:0 0 5px 5px; padding:5px 0 5px 10px;  text-align: left; font-size: 14px; height: 50px; line-height: 20px; overflow: hidden; font-weight: bold;}
.pp_hotdeals .shopnow{ text-decoration: underline; margin-left: 10px; font-weight: bold;  text-transform: uppercase; color:#666; font-size: 0.9em}
.pp_hotdeals .shopnow:hover{ color: #53e3c7 }



.pp_beststores{ overflow: hidden; margin-bottom: 0.5em; }
.pp_beststores h2{ text-align: center; font-weight: bold;}
.pp_beststores .ppde_wrapper{background:#fff;border: 1px solid #e4e4e4;padding-right: 15px; border-radius: 2px;}
.pp_beststores .ppde_content{padding: 20px 10px 10px 150px; position: relative;}
.pp_beststores ul{ margin-right: -2%; }
.pp_beststores .list_coupon li{ width: 48%; float: left; margin-right: 2%; margin-bottom: 2%;}
.pp_beststores .store_name{ padding-bottom: 5px; }
.pp_beststores .store_name a{ color: #999; font-size: 0.85em;}
.pp_beststores .ppde_wrapper .ppde_title{font-size:1.125em;font-weight: bold;height: 51px;overflow: hidden;margin-bottom: 0; color: #333;}
.pp_beststores .ppde_wrapper .ppde_title:hover{ color: #53e3c7 }
.pp_beststores .ppde_wrapper .s_logo{float: left;width: 130px;height: 68px;border-radius: 5px;position: relative;margin-top: 30px; margin-left: 10px; z-index: 1}
.pp_beststores .coupon_label{position:absolute;top: -4px;}
.pp_beststores .coupon_label div{ display:inline-block}
.pp_bestdeals .coupon_label div{ display:inline-block}
.time_success{ margin-top:0.25em; line-height:1.875em; height:1.875em; overflow:hidden; position:relative; margin-bottom:0.35em}
.time_success span{ margin:0 12px 0 0; display:inline-block; font-size:0.75em; letter-spacing:0.5px; color:#999}
.time_success span i{ font-size:1em; margin-right:4px; color:#ccc; vertical-align:initial}
span.offer_type{ font-size: 0.85em; font-weight: bold; }
span.offer_type.verified{ color: #3bb44a }
span.offer_type.exclusive{ color: #fb7a62 }
span.offer_type:after{ content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 10px; background:#999; vertical-align: middle; margin: 0 6px; }
.pp_beststores .go_btn{ position: relative; float: right; margin-top: -10px;}


.popularstores h2{  text-align: center; font-weight: bold;}
.about_txt a{ color: #53e3c7 }

/*merchant page*/
.mer_baseinfo h1{ font-size: 30px; font-weight: bold; text-align: center; padding: 0 0 0.2em;}
.mer_baseinfo h2{ font-size: 16px; text-align: center;  padding: 0 0 1em; max-width: 600px; margin: 0 auto}

.go_store{ background: #53e3c7; border-radius: 5px; color: #fff;  max-width: 120px;    margin: 0 auto;}

.merchant_wrap{ padding:16px; text-align:center; background:#fff; position:relative; box-shadow:0 3px 10px rgba(0,0,0,0.06); border-radius:0px; margin-bottom: 2em;}
.merchant_extrainfo{ padding:0 0 16px 0; }
.merchant_extrainfo h3{margin:0 0 10px; padding: 0; font-weight:bold; font-size: 20px; height: auto; text-transform:inherit; max-width:100%; overflow:hidden; line-height: normal; text-align: left; }
.merchant_extrainfo ul{ list-style: outside; margin-left: 20px; text-align: left;}
.merchant_extrainfo ul li{ font-size: 13px; padding-bottom: 8px; list-style: disc outside}
.about-merchant-stats{ width:100%; text-align: left; font-size: 13px;}
.about-merchant-stats .about-merchant-data{ text-align: right;  font-weight: bold;}
.merchant_extrainfo .about-merchant-stats{border-collapse: collapse}
.merchant_extrainfo .about-merchant-stats tr td{ border-bottom:#ddd 1px solid; padding: 7px 0; }

.right_filter .showallcode_btn{ float:left; margin-right:0em; margin-bottom:1em; padding:5px 20px; border:1px solid rgba(0,0,0,0.12); background:#fff; border-radius:25px; margin-right: 1em}
.right_filter .showallcode_btn:hover{ color:#fff; cursor:pointer;  background:#53e3c7; border:1px solid #53e3c7}
.right_filter .showallcode_btn:hover a{color:#fff;}

.right_filter .similar_offers{ float:left; margin-right:0em; margin-bottom:1em; padding:5px 20px; border:1px solid rgba(0,0,0,0.12); background:#fff; border-radius:25px; margin-right: 1em}
.right_filter .similar_offers:hover{ color:#fff; cursor:pointer;  background:#53e3c7; border:1px solid #53e3c7}
.right_filter .similar_offers:hover a{color:#fff;}

.similar_list{ background:#fff;  padding-top: 10px;}
.similar_list li{ overflow: hidden; font-size: 14px; font-weight: bold; border-bottom:1px solid #f0f0f0; margin-bottom: 10px; padding-bottom: 10px;}
.similar_list li:last-child{ border-bottom:none; margin: 0}
.similar_img{width: 80px;height: 60px; border:#eaeaea 1px solid; border-radius: 10px; background: #fff; max-width: 60%; float: left; text-align: center; margin-right: 10px;}
.similar_img:after{ content:""; display:inline-block; height:100%; vertical-align:middle; width:0}
.similar_img img{ max-width: 90%; max-height: 90%; }
.similar_list li span{ display: block; font-weight: normal;}

div.verified{ background: #fff; color:#53e3c7; font-size:14px; display:inline-block;/* position: absolute; top: 2px; left: 128px; */border: #53e3c7 1px solid; border-radius: 2px; padding: 1px 5px 2px;}
div.verified i{ color:#53e3c7}

div.exclusive{background: #fff; color:#fb7a62; font-size:14px; display:inline-block;/* position: absolute; top: 2px; left: 128px; */border: #fb7a62 1px solid; border-radius: 2px; padding: 1px 5px 2px; }
div.code{background: #fb7a62; color:#fff; font-size:14px; display:inline-block;/* position: absolute; top: 2px; left: 128px; */border: #fb7a62 1px solid; border-radius: 2px; padding: 1px 5px 2px; }
div.deal{background: #53e3c7; color:#fff; font-size:14px; display:inline-block;/* position: absolute; top: 2px; left: 128px; */border: #53e3c7 1px solid; border-radius: 2px; padding: 1px 5px 2px; }

.expired .card_content .title{ color: #999 }
.expired .go_btn .show_code,
.expired .get_deal{ background: #646464 }
.expired .go_btn .code{ border-color: #646464 }


.topcoupon_wrap table{ border-collapse:collapse; border-spacing:0; width:100%; font-size:14px;     background: #fff;    border-radius: 2px;  background:#fff; position:relative; box-shadow:0 1px 6px rgb(0 0 0 / 16%);}
.topcoupon_wrap th{ border-bottom:1px solid #f4f5f7; background: #FBFAF9; padding:14px 10px 14px 10px; font-weight:bold; text-align:left}
.topcoupon_wrap td{ border-bottom:1px solid #f4f5f7; padding:14px 10px; vertical-align:middle;word-break: break-all;}
.topcoupon_wrap td:nth-child(2){ word-break:keep-all}
.topcoupon_wrap a.link,
.topcoupon_wrap a{ color:#53e3c7}
.topcoupon_wrap a.link:hover{color:#53e3c7}
.topcoupon_wrap a.merchant_link{ color:#666}
.topcoupon_wrap a.merchant_link:hover{color:#009ed9}
.topcoupon_wrap tr:hover{ background:#f9f9f9}
.topcoupon_wrap thead tr:hover{ background:none}
.topcoupon_wrap thead th:nth-child(2){ white-space:nowrap}
.topcoupon_wrap tr:last-child td{ border:none}


/*showallcode*/
.closed{ width:2.5em; height:2.5em; background:none; right:0; top:0em; position:absolute; cursor:pointer; z-index:97}
.closed:after, .closed:before{ background-color:rgba(0,0,0,0.54); content:""; display:inline-block; height:1px; position:absolute; left:0.562em; top:1.25em; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width:1.375em}
.closed:before{ -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left:0.562em}
.pop_wrapper{ border-radius:0; left:0; position:fixed;  padding:0; top:0; z-index:1000; height:100%; width:100%; overflow-y:scroll; box-sizing:border-box; cursor:pointer}
.showallcode_pop .showallcode_wrap{ box-shadow:0 12px 24px rgba(0, 0, 0, 0.47); margin:72px auto 16px auto; z-index:999; cursor:default; border-radius:3px}
.showallcode_wrap{ width:90%; max-width:720px; background-color:#fff; margin: 0 auto; padding:32px; clear:both; position:relative; box-sizing:border-box}
.showallcode_wrap{ padding:0}
.showallcode_wrap ul li{ border-bottom:1px solid rgba(0,0,0,0.12); position:relative; list-style-type:none;padding:0 200px 10px 120px}
.showallcode_wrap .offer{background:#f5f5f5; width:120px; height:100%; position:absolute; top:0; left:0; vertical-align:middle; text-align:center; font-size:1.375em; color:#333; font-weight:500; display:flex;
 -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; justify-content:center; -webkit-box-direction:normal; -webkit-box-orient:vertical;-webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; z-index:1}
.showallcode_wrap .offer{ width:90px; font-size:1em}
.showallcode_wrap .offer span{ line-height:2.5}
.showallcode_wrap .title{ font-size:18px; color:#333; padding:16px 0 6px 0; font-weight:500; line-height:1.3}
.showallcode_wrap .copy_code{  border:1px dashed #53e3c7; position:absolute; right:20px; top:50%; padding:0.45em 3.85em 0.45em 0.65em; margin:-1.125em 0 0 0; width:160px; border-radius: 30px;}
.showallcode_wrap .copy_code div{ font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;font-weight:500}
.showallcode_wrap .copy_code input[type="button"]{ width: 4.2em; font-size:1em; background: #53e3c7; border-radius: 0 30px 30px 0}
.showallcode_wrap .deal_button{position:absolute; right:20px; top:50%; margin:-1.125em 0 0 0; background:#53e3c7; color:#fff; font-weight:500; text-align:center; padding: 0.48em 0; width:160px; border-radius: 30px;}
.showallcode_wrap .time_success, .showallcode_wrap .time_success i{ font-size:13px}


/*static page*/
.staicpage{ box-shadow:0 1px 6px rgba(0,0,0,0.16); border-radius:2px; padding:0 32px 32px 32px; margin-top:30px}
.staicpage h1{ font-size: 30px; font-weight:bold }
.staicpage .title{ font-size:1.25em; color:#333; font-weight:600; margin-bottom:16px}


@media (max-width: 2143px) { 
.wrapper, .wrapper2{ width:1200px}
.carousel_wrap, .grid_coupons, .grid_stores, .grid_stores{ width:1232px}
}

@media (max-width:1360px){.share_side{ display:none}}

@media (max-width: 1256px){
.wrapper, .wrapper3, .carousel_wrap{ width:auto; margin-left:16px; margin-right:16px}
.about_us{ margin-left:0; margin-right:0}
.grid_coupons{ width:auto; margin-right:-16px}
.grid_stores{ width:auto; margin-right:-32px}
.coupon_wrapper{ margin-bottom:16px; margin-right:16px;}
.deal_detail .plist ul li .imgbox{ height:auto}
.pp_hotdeals{  margin: 0 0 2em; }
}
@media (max-width:1024px){
.go_btn{ height:40px; line-height:40px}
.go_btn .show_code:before{ border-bottom:40px solid #53e3c7}
.coupon_wrapper .go_btn, .go_btn{ position:relative; right:0; margin-top:-0.5em}
.coupon_content{ padding:10px 0 40px 0}
.coupon_content .title{ text-align:inherit}
.card_content{ padding-right:1em}
.time_success{ margin-bottom:16px}
.grid_coupons li{ width:100%}
.grid_stores{ margin-right:-16px}
.grid_stores li{ padding-right:16px; margin-bottom:16px}
.section{ width:100%}
.section ul li{ width:33.333%}
.coupon_wrapper{ padding:0 200px 0 8em}
.coupon_wrapper .m_logo{ width:8em; height:100%; position:absolute; top:0; left:0; vertical-align:middle; text-align:center; overflow:hidden; padding:16px}
.coupon_content .title{ height:auto; font-size:1.375em; overflow:inherit}
.coupon_type{ text-align:inherit}
.coupon_wrapper .go_btn{ width:185px; position:absolute; top:50%; margin-top:-1.375em; right:20px; display:block}
.coupon_wrapper .go_btn .show_code{ width:145px}
.coupon_wrapper .go_btn .show_code:hover{ width:135px}
.mer_page, .page_aside{ width:100%; padding:0}
.merchant_key h2{ padding-left:98px}
.only_tablet{ display:table}
.merchant_wrap{ display:none}
.page_aside{ margin-top:-1em}
.mer_baseinfo h1{ padding-top: 0.2em; }

.content_page, .aside_right{ width:100%; margin-top:20px}
.content_page{ padding-right:0}
.deal_list_item, .rows_deal .deal_list_item{ margin-bottom:0; padding:0 20px; border-radius:0}
.deal_wrap{ border-bottom:1px solid #eaeaea}
.deal_detail .deal_wrap, .deal_list_item:last-child .deal_wrap{ border-bottom:none}
.deal_wrap .button_shopnow, .deal_wrap .actionpanel, .deal_wrap .dealdesc, .deal_wrap .dealdetail, .plist, .dealinfo{ display:none}
.deal_wrap .coll, .rows_deal .deal_wrap .coll{ width:100px}
.deal_wrap .colr, .rows_deal .deal_wrap .colr{ margin-left:110px}
.deal_wrap .deal_img img, .rows_deal .deal_wrap .deal_img img{ width:100%; margin-bottom:0}
.deal_wrap .dealname h3{ font-size:16px}
.deal_wrap .dealcashback{ font-size:14px; padding-bottom:5px}
.deal_detail .plist{ display:block}
.columnar_coupons .grid_coupons li{ width:100%}
.guide_list .deal_wrap{ border-radius:0}
.guide_list .deal_list_item{ width:100%; padding:0}
.guide_list .coll{ float:left}
.guide_list .dealtag{ display:none}
}
@media (max-width:768px){
body{ padding-top:56px}
.grid_stores li{ width:25%}
.store_wrap{ height:100px}
.wrapper, .wrapper2{ width:auto; margin-left:16px; margin-right:16px}	
.wrapper2 ul li{ width:50%}
.i_menu{ display:block; top:0}
header{ height:56px}
.logo{ background-image: url(../image/v15/oomfr_logo.png?v=2025051570); top:0.5rem; left:50%; margin-left:-6em}
nav{ top:0.56em; left:120px}
.h_container.wrapper{ margin:0; width:auto}
nav.show .menu_list { max-height:9999px; padding-bottom:16px}
nav .menu_list{ background-color: #fff; max-height:0; overflow:hidden; -moz-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; transition:all 0.2s ease-in}
nav{ top:56px; left:0!important; bottom:auto; width:240px; max-width:inherit; position:fixed; max-height:90%; max-height: -moz-calc(100% - 56px); max-height: -webkit-calc(100% - 56px); max-height: calc(100% - 56px); overflow-x:hidden; overflow-y:auto; box-shadow:0px 7px 21px rgba(0,0,0,0.42); z-index:100}
.menu_list li{ float:inherit; display:block}
.menu_list li a{ padding:0 20px; height:48px; line-height:48px; color:#333}
.menu_list li a:hover{ background-color:none; color:#333}
.menu_list li a .icon-angle-down{ float:right; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; -webkit-transition:all .3s ease; transition:all .3s ease}
.menu_list li a .icon-angle-down.up{ -moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.menu_list li:hover .submenu{ max-width: 9999px; max-height: 9999px; position: static; overflow: hidden;}
.menu_list li ul{ width: auto !important; padding-left: 20px;}
.menu_list li ul li{ width: 100%; }
.carousel_wrap li{ width:50%;}
.carousel_wrap li:last-child{ display:none}
.search_wrapper{ left: inherit; right: 0; width:100%; max-width:56px; height:56px; overflow:hidden; min-width:inherit; top:0; border-left:1px solid rgba(255,255,255,0.16); background-color:#53e3c7}
.search_input .icon-search{ display: none; }
.search_wrapper .icon-search{ top: 0; left: 0; color: #fff }
.search_wrapper .search_input{ border: 0}
.search_btn{ display:inline-block}
.search_wrapper form{ max-width:0; height:40px}
.search_wrapper.focused{ max-width:100%; top:56px; box-shadow:0px 2px 7px rgba(0,0,0,0.26); border-left:none; padding:0 16px; overflow:inherit}
.search_wrapper.focused form{ max-width:inherit; margin:8px 0}
.search_suggest{ top:48px; width:auto; max-width:100%; margin:0 16px}
.card_box{ padding:24px}
.coupon_content .title{ font-size:1.25em}
.coupon_detail, .contact_wrap{ max-width:inherit; width:80%}
.oopss{ margin:0}
.backtotop_wrap, .print_btn{ display:none}
footer .lf a{ padding:0 20px 0 0; border:none; color:#aeadad; font-size:14px}
footer .rt{ float:left}
footer ul,
footer .copyright{ margin-left: 0px}
.footer_logo{ float: none; text-align: center;position: static;margin: 0 auto 30px;display: block;}
.footer_logo .logo{position: static;    margin-left: 0;    margin-bottom: 20px;}

.aside_right, .share_side p, .share_side a:nth-child(7){ display:none}
.share_side{ display:block; margin-left:-16px!important; bottom:0; left:inherit; text-align:left; padding:0 1em; width:100%; height:50px; line-height:50px; background:rgba(255,255,255,.95); box-shadow:1px 1px 7px rgba(204,204,204,.5)}
.share_side a{ display:inline-block; margin-right:4px; width:32px; height:32px; line-height:32px; padding:0}
.share_side a.shop_now{ display:block}
.share_side a i{ margin-top:7px; vertical-align:text-bottom}
.share_side .icon-heart{ margin-top:0}
.alert{ max-width:inherit; width:90%}
.weChat{ display:none !important}
.shopping_guide .share_side{ display:none}

.contactUS_wrap form{ padding:24px}
.contactUS .col_6{ width:100%; padding-right:0}

.pp_hotdeals ul li{ width: 98%; margin-bottom: 4%; }

.pp_beststores .list_coupon li{ width: 98%; }
.showallcode_wrap .offer{ display: none; }
.showallcode_wrap ul li{ padding:0 200px 10px 20px}
.c_deal_list_wrap .list_stores li{ width: 48%; }
}

@media (max-width: 685px){
    .plist ul li{ width:47%}
}

@media (max-width: 544px){
.carousel_wrap li{ width:100%; padding:0}
.carousel_wrap li:first-child{ display:none}
.coupon_wrapper{ padding:0 16px 26px 100px}
.coupon_wrapper .m_logo{ width:80px; padding-left:10px; padding-right: 0 }
.coupon_wrapper .go_btn{ text-align: left;  height:30px; line-height:30px;  bottom:20px; right:10px; margin:0; position: relative; float: right;}	
.go_btn .code,
.go_btn .show_code,
.get_deal{font-size:12px}
.go_btn{ width:120px !important; height:30px; line-height:30px; bottom:20px; right:0px; margin:5px 0 0 0; position: relative; float: right; }
.go_btn .show_code{ width:100px !important}
.guide_list .dealname h3{ height:auto}

.pp_beststores .ppde_wrapper{ padding-right: 0 }
.pp_beststores .ppde_wrapper .s_logo{ width: 80px; }
.pp_beststores .ppde_content{ padding-left: 100px; padding-right: 26px;}
.pp_beststores .go_btn{ margin-top: 22px; }

}
@media (max-width:480px){
body{ font-size:0.9em}
.ranked ul{ width:180px}
.grid_stores li{ width:50%}
.wrapper2{ background:none; box-shadow:none; padding:0}
.section ul li{ width:50%}
.merchant_key h1{ font-size:1.25em}
.card_box{ padding:18px 0 25px 13px}
.promo_infor{ width:70px; height:60px; overflow:hidden; font-size: 0.9em;}
.card_content{ padding-left:5.45em}
.card_content .title{ font-size:1.125em}
div.verified,
div.exclusive{ left: 95px; background: #fff; top: -8px; }

.offer_card .m_logo{ padding:16px; width:7em}
.static_wrap article ul li a{ width:50%}
.static_wrap article .title a{ font-size:12px; line-height:2.2}
.coupon_detail, .contact_wrap{ width:auto; margin:16px!important; top:0; padding:40px 32px 28px 32px}
.copy_code div{ font-size:1.65em}
.code_wrap{ padding:5px 0 0 0}
.coupon_detail p.tips{ margin-top:30px}
.f_menu a{ width:100%; text-align:left; line-height:3}
.deal_list_item{ padding:0 10px}
.showallcode_wrap ul li{ padding:0 20px 10px 20px}
.showallcode_wrap .copy_code, .showallcode_wrap .deal_button{ position:relative; right:0; top:0; margin:0.5em 0; width:100%; padding: 0.55em 3.85em 0.55em 0.65em}
.showallcode_wrap .deal_button{ padding-right: 0.65em; }
.c_deal_list_wrap .list_stores li{ width: 96%; }
}
@media (max-width:320px){
.right_filter ul li{ margin-right:1em}
}