@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700,900);
@font-face {font-family: 'icomoon';src:  url('../image/v10/icomoon.eot?uos5n0');src:  url('../image/v10/icomoon.eot?uos5n0#iefix') format('../image/v10/embedded-opentype'),url('../image/v10/icomoon.ttf?uos5n0') format('truetype'),url('../image/v10/icomoon.woff?uos5n0') format('woff'),url('../image/v10/icomoon.svg?uos5n0#icomoon') format('svg');font-weight: normal;font-style: normal;}
[class^="icon-"], [class*=" icon-"] {font-family: 'icomoon' !important; speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.icon-right:before{content:"\e90a";}
.icon-down:after{content:"\e5c5";vertical-align: -5%;padding-left: 5px;}
.icon-map:before{content:"\e603"}
.icon-phone:before{content:"\e683"}
.icon-close:before{content:"\e900"}
.icon-check:before {content: "\e90f";color: #2ec66b;font-size: .8em;margin-right: 5px;vertical-align: 5%;}
.icon-add:before{content:"\e904"}
.icon-menu:before{content:"\e905"}
.icon-a:before{content:"\e906"}
.icon-q:before{content:"\e907"}
.icon-search:before{content:"\e908"}
.icon-new:before{content:"\e909"}
.icon-brand:before,.s_box h6:hover,.s_box ul li.active h6 {content: "\e90b"; color:#fff;}
.icon-youtube:before{content:"\e90c"}
.icon-twitter:before{content:"\e90d"}
.icon-instagram:before{content:"\ea92"}
.icon-pencil:before{content:"\f044"}
.icon-facebook::before{content: "\ea90"}
.icon-double-up:before{content:"\f102"}
.icon-user:before{content:"\f2be"}
.icon-price:before {content: "\e902";font-size:1.8em;vertical-align: -10%;}
.icon-fb:before{content:"\ea90";color:#fff;}

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,a,margin,padding,code{padding:0;margin:0;border:0 none;font-family:'Source Sans Pro', Arial, Helvetica, sans-serif;font-weight:400;text-decoration:none;list-style:none;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0)}
article,aside,footer,header,menu,nav,section,.search.on p {display:block}
html{font-size:100%}
a{text-decoration:none;outline:none;color:inherit;cursor:pointer;}
body{font-size:1em;line-height:1;background-color:#fafafa;width:100%;height:100%;position:relative;color:#666;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
header{position:absolute; z-index:10; width:100%;}
.sp_menu{ width:100%; padding-top:10px; height:80px;position: relative;}
.logo{float:left; margin-top:8px;}
nav{padding-left:30px;float:left}
.header_menu{display:inline-block}
.header_menu>li{display:inline-block;float:left; }
.header_menu>li>a{color:#e8e8e8;padding:1em 2em; display:block;}
.header_menu>li:nth-child(1){position: relative;text-align: center;}
.menulistbox{display: none; position:absolute;z-index:21;left:0;right:0 ;margin:0 auto;max-width:900px; background:#fff;border:1px solid #f0efef;border-bottom:0;box-shadow:0 3px 7px rgba(0,0,0,.2)}
.menulistbox ul li a{display:block;line-height:2.5;padding:0 1em;position:relative}
.menulistbox ul li .see_all{color:#009eec}
.menulistbox ul li a:hover{background:#009eec;color:#fff}
.header_menu>li:hover .menulistbox{display: block;}
.menustorelist{padding:1em 1.5em;overflow: hidden;}
.list_cont{display:inline-block;float:left;width:50%;padding-right:2em}
.list_cont b{position:relative;display:block;margin-bottom:.5em;padding-bottom:1em}
.list_cont b:after{content:'';position:absolute;width:36px;height:2px;background-color:#515151;left:0;bottom:0}
.list_cont ul li{width:50%;display:inline-block;float:left}
.menu_left_nav{float:left;width:30%;background:#f5f6f8;padding:1.5em}
.menu_left_nav p,.menu_right_content>p{color:#666;font-weight:600;line-height:1.5;margin:.5em 0;font-size:1.2em}
.menu_left_nav ul li em{position: absolute;right: 1em;line-height: 2.5}
.menu_right_content{float:right;width:70%;padding:1.5em}
.menu_right_content .menu_merchant{width:23%;margin-right:2%;display:inline-block;float:left;margin-bottom:1.5em;}
.menu_right_content .menu_merchant a{display:block;height:100px;position:relative}
.d_card .d_title,.menu_merchant p{margin:0;text-align:center;color:#767676;font-size:.8em;line-height:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.nav_see_all{position:relative;margin-top:14px;text-align:right;float:left;width:100%;color:#3498db;line-height:2.5;}
.menu_merchant p{margin: .5em 0; min-height: 36px;}
.focus_index{background-attachment:fixed; background-size: cover; padding:6em 0 3em; position:relative; z-index:5; top:0; width:100%; height:auto;}
.focus_index:after{display:block;content:"";width: 100%;height: 100%; position: absolute;top: 0;left: 0;z-index:2;opacity: .55; background: #252525;}
.focus_index .wrap{position:relative; z-index:100;}
.focus_bg{width: 100%; background:#999; height: 100%;position: absolute;overflow: hidden;top: 0;left: 0;background-image:url(../image/v10/bannermain.jpg);    background-position: top;
    background-repeat: no-repeat;
    background-size: cover; }
.focus_bg img {display: block;float: left;position: relative;left: -10%;top: 0;height: auto;width: 120%;}
.focus_index h1{color: #ffffff;font-weight: 300;font-size:3.5em; text-align:center;letter-spacing: -0.2px; padding:0;}
.focus_index p{max-width: 52em;font-size: 12px;margin:2em auto 1em;text-align: center;line-height: 1.5;color: #fff;}
.focus_index span{position:absolute;bottom:-2.5em;right:0;width:2em;height:2em;line-height:2em;font-size:2em;text-align:center;display:block;border-radius:50px;background:#3498db;box-shadow:0 3px 10px rgba(0,0,0,.16);cursor:pointer}

.search li.active h6{color:#fff;}
.search{width:25em;float:right; position:relative;}
.search form{padding:0; border-radius:50px; position:relative;}
.search ul{left:0em; right:0em; width:auto; bottom:-2px;box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);}
.search p{margin:0;width: 100%;display:none;box-shadow:none;font-size: 14px; padding:1em; background:#fff; color: #333;}
.search p a{height:20px; line-height:20px; padding:0 5px; margin-top:5px;display: inline-block;}
.search p a:hover{text-decoration: underline;}
.search ul li{width:100%; height:50px; border-bottom:1px solid #f0efef; padding:5px 1em; background:#fff;}
.search ul li:hover,.search ul li.active,.search ul li:hover h6{background:#3498db; color:#fff;}
.search ul div{width:60px; height:40px; border:1px solid #f0efef; float:left; margin-right:1em; text-align:center; background:#fff;}
.search h6{color:#767676; font-size:1em; line-height:40px; text-align:left;}

.s_box{width:100%; position:relative; padding-left:2em;border-bottom: 1px solid #fff;}
.s_box input[type="text"]{font-size:1em; height:55px; outline:none; background:transparent; padding-right:25px;border: 0; color:#fff;}
.s_box input::-webkit-input-placeholder{color:#fff}
.s_box input::-moz-placeholder{color:#fff}
.s_box input:-ms-input-placeholder{color:#fff}
.s_box input::-webkit-input-placeholder{color:#fff}
.s_box button{font-size: 1em; background:rgba(255,255,255,.1); color:#fff; font-weight: 400;position: absolute; right:0; top:8px; bottom:8px; width:5em; outline:none; z-index: 11;cursor: pointer;}
.icon-search:before{position:absolute; top:1em; left:0; font-size:1.25em; color:#fff;}
.slogan{color: #ffffff; font-weight: 300; font-size:3em; text-align:center; margin-bottom: 1em;}

.c_box .sp_title:hover{color:#3498db;}
.container:before,.sp_coupons.term:before,.r_side:before{display: table; content: " ";}
.container:after,.sp_coupons.term:after,.r_side:after{clear:both;display: table; content: " ";}
.pp_store a:before,.s_logo a:before,.search ul div:before,.term_info a.t_logo:before,.r_store li a:before{content: "";display: inline-block;height: 100%;vertical-align: middle;width: 0;}
.wrap{max-width:1300px; margin:0 auto;}
.container{width:100%;}
.user_item{z-index: 21;position: absolute;right:0;top:3em;background: #fff;width: 150px;border: 1px solid #f0efef;box-shadow: 0 3px 7px rgba(0,0,0,0.2);}
.user_item li{height: 40px;line-height: 40px;}
.user_item li a{color:#767676;display: block;}
.user_item li a:hover{color: #fff;background: #3498db;}

.pp_store ul,.sp_coupons ul,.sp_blog ul{width:1332px; display:inline-block;}
.pp_store li{width:16.666%; float:left; padding-right:2em; }
.pp_store li div{text-align:center; color:#fff;}
.pp_store a,.r_store li a{background:#fff; height:100px; display:block; text-align:center; margin-bottom:10px;  border:3px solid #fff;}
.pp_store li:hover a,.r_store li:hover a{border-color: #3498db;}
.pp_store li:hover .show_code span{width:70%;}
.pp_store img,.s_logo img,.search ul img,.term_info img,.r_store li img{max-width:80%; max-height:80%; vertical-align:middle;}
h1,h2{text-align:left; padding:1em 0; color:#000;}
h4{font-size: 1.5em; color:#000;padding:1em 0;}
.sp_coupons li{width:50%; float:left; padding:0 2em 1em 0;}
button.more,a.more{position: relative; cursor: pointer;outline: none; width:80px; height:80px; font-weight:400; border-radius:50px 15px 50px 50px; display:block; margin:0 auto 2em;line-height:73px; text-align:center;background-color: #3498db; color: #fff;border-color: transparent #3498db transparent transparent;}
	
h2.h72{height:72px; line-height:36px;}
.sp_coupons.term{border:0; width:70%; display:inline-block; float:left;}
.sp_coupons.term ul li,.sp_coupons.term .r_store ul,.sp_coupons.term .n_coupons ul,.sp_coupons.term .r_deals ul .sp_blog ul li div,.sp_blog ul li img,.sp_coupons.term ul{width:100%;}
.sp_coupons.term .c_box{width:100%; display:inline-block; padding-bottom:1.5em;}
.sp_coupons.term ul li .comment{float:left;}
.c_box,.d_card{box-shadow: 0 2px 4px 0 rgba(0,0,0,.08); padding:1em 2em 1em 9em; position:relative;background: #fff;}
.c_box::after,.r_deals::after{width: 95%;height: 50%; content: ""; margin: auto;position: absolute;bottom: 0;left: 0; right: 0; border-radius: 100%;box-shadow: 0 0 10px rgba(0,0,0,.2);z-index: -1;}
.sp_coupons.other .offer,.comment span:last-child:after{display: none;}
.offer,.r_deals .label{cursor: pointer;position: absolute; z-index:1; text-align: center;color: #fc2a81; font-weight:400;vertical-align: middle;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;}
.offer.term{width: 130px;height: 100%;left: 0;top: 0; font-size: 1.4em; border-right: 1px dashed #dedede;border-radius: 0;}
.offer span,.offer em{width:100%;line-height:1.25em;display: inline-block;font-size:1.5em; font-weight:900;}
.offer em{font-style: normal;font-size: 1em;line-height: 1.5;}
.c_box .sp_title{ cursor: pointer;width: 100%;font-size: 1.5em;line-height:1.5em;font-weight:600;color: #000; margin-bottom:5px; height:72px; padding-right:200px;overflow : hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.show_code{width:180px;height: 42px; position:absolute; top:50%; margin-top:-21px; right:1em;line-height: 42px;cursor:pointer;}
.show_code a{overflow: hidden;}
code{font-size: 1.5em;direction:rtl;width:100%;overflow: hidden;white-space: nowrap;word-break: break-word;padding: 0 10px;color: #000;background: #f5f6f8;margin: 0;font-weight: 300;float: right;line-height: 40px;height: 42px; text-align: right;border: 1px dashed #3498db;}
.show_code span,.btn{color: #fff;font-size: 1.05em;height: 42px;line-height: 42px;padding: 0 20px 0 20px;position: absolute;font-weight: 700;text-align: center;text-transform: uppercase;top: 0;border-radius: 0;width: 86%;left: 0;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;background: repeating-linear-gradient( 45deg, transparent, transparent 10px, #3498db 10px, #3498db 20px), linear-gradient( to bottom, #2087cc, #2087cc); background-color:#3498db;}
.show_code:hover span{width:70%;}
.deal .show_code span{width: 100%;background: #3498db;}
.deal .show_code span:hover{background: #2087cc;}

.s_logo{width:110px; position:absolute; top:1em; left:1em; text-align:center;}
.s_logo a{width:90px; height:90px; display:inline-block; margin-bottom:5px;}
.s_logo small{font-size:12px;}
.comment .icon-chat_bubble_outline,.comment .icon-share2{margin-left:1.5em;}
.comment{font-size:.85em;height: 16px;color: #999;}
.comment em{color:#999;cursor:pointer;}
.d-type{color:#2087cc; font-size:1em;}
.c-type{color:#fc2a81; font-size:1em;}
.comment span:after{content: "/";margin:0 1em;color:#e1e1e1; font-size:1.5em;}
.verify{color:#2ec66b;font-size: 1em;}
.comment span{opacity:.5;}
.c_box:hover span{opacity:1;}

.sp_blog ul li{width:33.333%;min-height: 85px; float:left; padding-right:2em; position:relative}
.sp_blog p{position:absolute; left:0; bottom:0; right:2em; background:rgba(0,0,0,.4); color:#fff; padding:1em; font-weight:400; font-size:1em; margin:0;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.new_store{padding:0 1em; margin:2em auto;background: #fff;box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);}
.new_store h4{padding-left:16px;}
.new_store ul{display:inline-block;}
.new_store li{padding:0 1em; float:left; width:16.666%; margin-bottom:1em;}
.new_store li a,.n_coupons ul li,.menulistbox>a{background:#f3f6f9; color:#000; width:100%; padding:1em; font-size:1em; font-weight:400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:block;}
.new_store li a:hover,.n_coupons ul li:hover{background:#3498db; color:#fff;}
.aa{color:#295aa7;}
.bb{color:#54bcbf;}
.cc{color:#F89748;}
.dd{color:#f584a8;}
.ee{color:#ccb659;}
.ff{color:#33b6d7;}
.gg{color:#bc221b;}
.hh{color:#f79562;}
.ii{color:#d59517;}
.jj{color:#7579b7;}
.kk{color:#a6bc43;}
.ll{color:#62CB4F;}
.mm{color:#9AAA28;}
.nn{color:#DF9F0F;}
.oo{color:#667b7a;}
.pp{color:#df6976;}
.qq{color:#3aa55c;}
.rr{color:#8a9ea5;}
.ss{color:#cba54c;}
.tt{color:#c77a4b;}
.uu{color:#278573;}
.vv{color:#6591FF;}
.ww{color:#9b512a;}
.xx{color:#ff6901;}
.yy{color:#4aa44a;}
.zz{color:#858551;}
.ot{color:#a3748d;}
.mo{color:#4b4127;font-size:12px;}
em.sign {margin-top: 15px;border-radius: 50%;width: 30px;height: 30px;line-height: 26px;text-align: center;border: 1px solid;display: block;font-style: normal;opacity: 1;margin-left: -8px;}
.r_side{float:right;width:30%; margin-top:72px;}
.term_info{padding:2em; text-align:center;background: #fff;box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);}
.term_info a.t_logo{height:100px; display:block;}
.term_info p{color:#999; font-size:14px; line-height:20px;text-align:justify; text-justify:inter-ideograph;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:10; text-overflow: ellipsis; overflow: hidden; position:relative; cursor:pointer;}
.term_info p:after{content:".. View More";bottom:-1px;top: inherit; background: #fff;color:#3498db; padding-left:5px;position:absolute; right:0; }
.term_info p.all{text-overflow: inherit;overflow: inherit;-webkit-line-clamp: inherit;position: relative;}
.term_info .inf{display: inline-block;line-height: 1.5;font-weight: 700;padding:10px 28px 0 0;}
.add_coupon{ color:#3498db; padding:1.5em 2em; margin:2em 0; position:relative; cursor:pointer;background: #fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.08);text-align: center;}
.add_coupon:hover,.label_tip ul li a:hover{background-color: #3498db;color: #fff;}
.add_coupon p{font-size:1.5em;  margin:0;}
.add_coupon p::before{content: "\e904";font-family: 'icomoon' !important;font-size: 1.2em;vertical-align: -10%;padding-right: 8px;}
.term_des_info,.newstores{width:100%;padding:1em 2em 2em;text-align:center;margin-bottom:2em; background: #fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.08); }
.label_tip{margin: 1em 0;}
.label_tip ul li{display:inline-block;margin:0 10px 10px 0 ;padding:5px 8px;font-size:.8em;transition:color .2s ease-in .2s ease-in;color:#8d8d8d;background:#e7e7e7;border-radius:4px}
.share{border-top: 1px solid #f0efef;margin-top: 1.2em;}
.share p{text-align: center;font-size:14px;font-weight:bold;color:#000;padding:0 5px;}
.share p::after{display: none;}
.share span{display:inline-block;width:50px;height:50px;border-radius:50px;line-height:50px;text-align:center;color:#fff;font-size:1.5em;margin-left: 3px;}
.share .icon-youtube{background-color:rgb(236,41,0);}
.share .icon-facebook{background-color:rgb(59,89,152);}
.share .icon-twitter{background-color:rgb(0,172,237);}
.share .icon-instagram{background:rgb(242,104,42);}
.term_des_info p{ font-size:12px; line-height:1.5; color:#999;word-wrap: break-word;overflow: hidden;max-height: 400px;text-align: left;}
.term_des_info p a{font-weight: bold;}
.term_des_info h5,.newstores h5{padding:0; text-align:left; font-size:1.5em;color: #000;}
.r_store,.n_coupons,.breadcrumbs{ padding:0 2em 1em; margin-bottom:2em; position:relative;box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);background: #fff;}
.r_store ul{display:inline-block;}
.r_store li{width:50%; padding:0; margin-bottom:2em; float:left;}
.r_store li a{width:100%; height:80px; display:block; text-align:center;}
.r_store li small{width:100%; text-align:center;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 5px; margin:1em 0; display:block;}
.n_coupons ul li{margin-bottom:8px;cursor: pointer;}
.n_coupons ul li strong{margin-right:5px;}
.breadcrumbs{line-height: 30px;padding:1em 1em;font-size: .8em;}
.breadcrumbs>div{display: inline-block;}
.breadcrumbs a{text-transform: uppercase;color: #3498db;}
.breadcrumbs span{padding: 5px;}
.newstore_lists{margin-top: 1em;}
.newstore_lists a{	width: 100%;text-align: left;line-height: 1.2;padding-top: 1em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.newstore_lists a:hover{color: #3498db;padding-left: 10px;}
.img_ad{width:100%;margin-bottom:2em}
.img_ad img{width:100%}


.r_deals{display: inline-block;width: 100%;padding: 1em 1em 0 1em;box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);background: #fff;position: relative;}
.r_deals h4{padding:0 0 .5em 0;}
.r_deals ul{margin: 0!important;}
.r_deals ul li{padding:0;width: 25%!important; position: relative;border: 1px solid #FFF; cursor: pointer;}
.r_deals .pic{height:210px ;padding:.5em;position: relative;overflow: hidden;}
.r_deals .pic img{max-width: 85%;max-height: 85%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.r_deals .label{width: 5em;height: 5em;top: -1px;right:-1px;font-size: .8em;background: #f5f6f8; border:1px solid #f0efef;border-radius: 2.5em 0 2.5em 2.5em;}
.label span{width: 100%;line-height: 1.25em;display: inline-block;font-size: 1.4em;font-weight: 700;}
.r_deals .r_name{width: 100%;height: 3em;background: rgba(52, 152, 219,1);position: absolute;display: none;}
.r_deals .r_name a{display: block;height: 3em;width: 100%;position: relative;font-size: 1.15em; color: #fff;text-align: center;font-weight: bold;line-height: 2.5em;overflow: hidden;	text-overflow:ellipsis;	white-space: nowrap;}
.r_deals ul li:hover .r_name{display: block;bottom: 0;left: 0;}
.r_deals ul li:hover{border: 1px solid #3498db;}
.r_deals ul li:hover .label{border: 1px solid #3498db;background: #fff;}

footer{padding:1em 0; background:#292929; color:#fff;}
footer .wrap{position:relative;}
.foot{text-align: center;}
.foot .link a{color:#fff;padding:0 3em 1em 0;display: inline-block;}
.foot .link a:hover,.icon-thumbs-up:hover,.icon-chat_bubble_outline:hover,.term_info a:hover{color:#3498db;}
.foot .des{font-size:12px;margin-bottom:2em;line-height:1.5;}
.foot .cp{font-size:14px;color:#fff;margin-bottom:2em;}

.mask{background-color:rgba(0,0,0,0.4);height:100%;left:0;position:fixed;top:0;width:100%;z-index:999;}
.coupon_detail_pop,.submit_pop{position:fixed;top:0;z-index:999;height:100%;width:100%;cursor:pointer;padding: 0 1em;}
.coupon_detail,.submit_pop .submit_form,.signin_form{display:block;max-width:616px;background:#fff;padding:0 32px;position:relative;border-radius:2px;box-shadow:0 5px 24px rgba(0,0,0,0.47);margin:162px auto 1em;z-index:9999;cursor:default;}
.closed_btn{right:1em;top:1em;position:absolute;cursor:pointer;z-index:97;}
.closed_btn:before{content: "\e900";font-family: 'icomoon' !important;font-size: 2em;font-style: normal;}
.code_wrap,.signin_wrap{padding-top:48px;text-align:center;}
.layer_content_tittle p{font-size:1.6em;color:#333;margin-top:0;font-weight:600;}
.copy_code{padding:0.5em 6em 0.5em 2em;position:relative;margin:12px auto 32px auto;max-width:100%;display:inline-block;}
.copy_code span{padding:0 0.5em;display: inline-block; font-size:1.875em;color:#333;border:1px dashed #3498db;background:#ddf1ff;height: 43px;line-height: 43px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 420px;}
.copy_code button{outline:none;position:absolute;border-radius:50%;width:3.75em;height:3.75em;font-size:1em;top:0;right:1.5em;z-index:2;background:#3498db;color:#fff;cursor:pointer;box-shadow:0 2px 2px 0 rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.08);}
.copy_code button:hover{background:#3498db;}
.coupon_detail_merchant{background:#fafafa;padding:24px 24px 15px;min-height:148px;margin:0 -32px;position:relative;border-radius:0 0 2px 2px;}
.detail_logo{width:6.25em;height:6.25em;background:#fff;border:1px solid #e1e1e1;border-radius:2px;display:inline-block;position:absolute;}
.detail_content{padding-left:7.375em;}
.detail_content p{font-size:.95em;color:#666;line-height:1.4;}
.m_logo img,.menu_merchant img {max-width: 80%;max-height: 80%;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;}
.noshow{display: none!important;}
.show {display: inline-block!important;}
.signin_pop{position: fixed;top: 0;z-index: 999;height: 100%;width: 100%;cursor: pointer;}
.signin_form{max-width: 500px;height: 350px;}
.signin_wrap button{position: unset;background: #3276b1;width: 360px;margin-top: 40px;outline: none;cursor: pointer;}
.signin_wrap p{font-size: 1.625em;color: #555;font-weight: 700;}
.signin_wrap img{width: 85px;}
.submit_coupon{padding:.5em 1.2em;}
.submit_form{background-color:#fff;width:100%;display:inline-block;margin-bottom:1em;}
fieldset{margin:0;padding:0;border:none;}
.field_container{margin-bottom:.5em;}
input[type=date],input[type=email],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=url],textarea,.form_message{display:block;width:100%;padding:.5em;border:1px solid #d3d3d3;border-radius:3px;font-size:14px;resize:vertical;}
.submit_btn{margin:.5em auto 0;display:block;padding:10px 30px;color:#fff;cursor:pointer;background: #3498db;}
.submit_btn:focus{outline:none;}
label{font-size:14px;line-height:1.6;}
form input.inputDomain,form input.inputTitle,form input.inputCode{border-right:2px solid #ea4545;}
.submit_form p{font-size:1.25em;padding:1em;margin:0;}
.submit_form textarea:focus,.submit_form input:focus,.c-textarea textarea:focus,.feedback textarea:focus{outline:none;border:1px solid #3498db;}
.missing_code{margin-bottom:1em;color:#ea4545;font-size:12px;}
form input.missing,form input.missing,form input.missing{border:1px solid #ea4545;}
.form_message{background:#efefef;color:#85ba3b;line-height:1.2;position:relative;padding:8px 10px;border:0;}
.form_message p{padding:0;font-size:14px;display:inline;}
.field_container .wrong{color:#ff4949;}

.fixed_button{position: fixed;right: 10px;bottom: 15%;z-index: 900;width: 39px;-webkit-transform: translateZ(0);height: 80px;}
.fixed_button .top,.fixed_button .feedback_btn{position: relative; margin-bottom: 5px; box-sizing: border-box;width: 45px;height: 45px;background-color: #fafafa;font-size: 14px; border: 1px solid #777777;text-align: center;padding-top: 22px;color: #333;text-transform: uppercase;cursor: pointer;transition: all 1s;-webkit-transition: all 1s;}
.fixed_button .top::after{content: '';width: 0;height: 0; border-width: 8px; border-style: solid;border-color: transparent transparent #333 transparent;position: absolute; top: 0;left: 50%;margin-left: -8px;}
.fixed_button .icon-qrcode{font-size: 32px; position: absolute;left: 20%;top: 15%;}
.feedback .submit_btn{padding: 5px 30px;}
.feedback::before{content: ''; width: 8px;border: 1px solid rgba(79, 52, 40, 0.60); height: 8px; border-width: 2px 2px 0 0; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);transform: rotate(45deg); position: absolute; right:-5px;margin-left: -5px; top: 50%;background: #fff;}
.feedback::before{top: 38%;}
.fixed_button .feedback_btn:hover .hover_box{display: block;}
.hover_box{width: 380px;position: absolute;right: 35px;border: 20px solid transparent;top: -82px;display: none;}
.hover_box .feedback{width:100%;padding:10px;top: -80px;background: #fff;box-shadow: 0 0.1rem 0.2rem 0 rgba(0,0,0,0.1);border: 1px solid #777777;}
.fixed_button .top:hover,.fixed_button .app_btn:hover,.fixed_button .feedback_btn:hover{background:#f1f1f1; }
.fixed_button .icon-pencil{position: absolute;font-size: 30px;left: 18%;top: 18%;}

.nofound{width: 100%;padding: 1em;background: #fff;border-bottom: 1px solid #f0efef;}
.nofound img{max-width: 80%;display: block;}
.nofound p{max-width: 560px;margin: 0 auto 2em; color: #632e05;padding-top: 2em; position: relative;}
.nofound p span{font-size: 3em; text-transform: uppercase;font-weight: bold;}
.nofound p a{border: 2px solid #e5731e;color: #e5731e;font-weight: bold;padding: 1em 2em;position: absolute;top: 3em;right: 0; background: #fff;}
.new .show_code span{background:repeating-linear-gradient( 45deg, transparent, transparent 10px, #00b74a 10px, #00b74a 20px), linear-gradient( to bottom, #2ec66b, #2ec66b); }
.new code{border:1px dashed #00b74a;}

.banner_bg{width: 100%;overflow: hidden; }
.banner_bg img {display: block;height: auto;width: 100%;}

.cookie-notification{font-size: 14px; background: #292929;color: #fff;z-index: 9999;position: fixed;width: 100%;bottom: 0;left: 0;padding: 1em 2em;}
.cookie-notification span{position: absolute;right: 20px;top: 45%;font-size: 1em;font-weight: 700;cursor: pointer;}
.cookie-notification p{margin:0 0 .5em ;line-height: 1.5;}
.cookie-notification a{text-decoration:underline;}

.focus_index.g_out{position:fixed; bottom:0; padding-left: 1em; padding-right: 1em;}
.out_wrap{max-width:800px; margin:2em  auto; text-align:center; background:#fff; padding:3em 2em; position:relative; z-index:100;}
.out_cc{font-size:2.5em; color:#3498db; font-weight:bold;letter-spacing: -2px;}
.out_code{padding:.5em 2em; margin:1em; background:#ececec; color:#000;font-size:1.5em;display: inline-block;}
.out_th{margin-top:1em; font-size:1.5em; border-top:1px solid #e1e1e1; padding-top:1em;}
.out_wrap a{color:#3498db; margin:1em; padding:8px 20px; font-size:1em;display: inline-block;}
.out_wrap a:hover{text-decoration:underline;}
.loading{width:150px;height:15px;margin:0 auto}
.loading em{display:inline-block;width:15px;height:100%;margin-right:5px;border-radius:50%;background:#8fcef9;-webkit-animation:load 1.04s ease infinite}
.loading em:nth-child(1){-webkit-animation-delay:.13s}
.loading em:nth-child(2){-webkit-animation-delay:.26s}
.loading em:nth-child(3){-webkit-animation-delay:.39s}
.loading em:nth-child(4){-webkit-animation-delay:.52s}
.loading em:nth-child(5){-webkit-animation-delay:.65s;margin-right:0}


.sp_deal h3{font-size:2em;padding:1em 0;color:#000}
.sp_deal ul{width:100%;display:inline-block}
.sp_deal ul li{width:19.2%;display:inline-block;float:left;margin-right:1%}
.sp_deal ul li:nth-child(5){margin:0}
.d_card{position:relative;padding:1.5em;}
.d_card .disct_tag{box-shadow: 0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset; position:absolute;z-index:4;background-color:#f23557;color:#fff;border-radius:3px;padding: 5px 10px; top:1em ;right:0;font-size:1em;font-weight:700;text-align: center;}
.d_card .d_mername{font-weight:700;color:#666;letter-spacing:.3px}
.d_card .d_img{position:relative;text-align:center;display:block;height:180px;margin:0 auto 1em;cursor: pointer;}
.d_card .d_img img{max-width:100%;max-height:100%}
.d_card .d_title{text-align:left;font-size:1em;margin:.5em 0;letter-spacing:.3px;min-height:72px;-webkit-line-clamp:3}
.d_price{overflow: hidden;height: 25px;line-height: 25px;}
.d_price .now{font-size:1.5em;color:#cb0000;font-weight:600;letter-spacing:.4px}
.d_price .was{color:#888;text-decoration:line-through;font-weight:600}
.d_price span{float: left;margin-right: 5px;}
.d_price em{float:right;content:"\e90e";color:#3498db;cursor:pointer;font-size: .8em;height: 25px;line-height: 25px;}
.btn_view{ position: absolute; width: 100%;display: none; background: #fff;  left: 0; padding: 0 1.5em 1.5em;  box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);}
.btn_view a{display: block; border:1px solid #3498db;width:100%;text-align:center;color:#3498db;margin-top:1em;height:35px;min-height:30px;line-height:35px}
.d_card:hover .btn_view{display: block;}
.btn_view a:hover{border-color: #2087cc;color: #2087cc;}
.d_card:hover{z-index: 8;}

/* static */
.p_static{max-width: 1000px;padding: 0 2em 2em; margin: 1em auto 2em;min-height: 40.5em;background-color: #f3f7f9;line-height: 1.5;}
.p_static h2{font-size: 1.5em;padding: 1em 0;}
.p_static p{font-size: 1em;line-height: 1.5;color: #666;}
/* .breadcrumbs{background: #fff;height: 30px;line-height: 30px;font-size: 12px;}
.breadcrumbs .wrap>div{display: inline-block;line-height: 30px;vertical-align: middle;}
.breadcrumbs a{color: #333;text-transform: uppercase;padding-right: 1em;float: left;line-height: 30px;} */



@media(max-width:1400px){
    .wrap{width:1000px;}
	.r_side{padding-left:1em;}
	.search{width:20em;}
    .pp_store ul{width:101%;}
	.sp_coupons ul,.sp_blog ul,.sp_coupons li{width:100%; padding:0; margin-bottom:1em;}
    .new_store li{width:33.33%}
    .sp_sale{padding:0}
    .sp_sale li{padding:1em 0;margin:0}
	.sp_sale .btn{right:1em}
	.header_menu>li>a{padding: 1em;}
	}
@media(max-width:1050px){
	.wrap{width:100%;padding:0 2em;}
	.sp_menu{padding-top: .5em;}
	.sp_coupons.term{width: 100%;}
	.pp_store li,.r_store li{width:33.33%;margin-bottom:2em;padding-right: 1em;}
	.s_box button{width: 4em;}
	.sp_deal ul li{width: 24.25%;}
	.sp_deal ul li:nth-child(4){margin-right: 0;}
	.sp_deal ul li:nth-child(5),.menulistbox,.img_ad{display: none;}
	.slogan{font-size:2em}
    .r_side{width:100%;margin:0;padding:0}
    .focus_index span{right:1em}
	.d_card .d_title{min-height: 48px;}
	}
@media(max-width:960px){
	header,.new_store h4{padding:0;}
    .sp_menu{height:56px;text-align:center;}
    .logo{float:none;margin-top: 14px}
	.search{position:absolute; margin:0; top:12px; right:12px; width:35px; cursor:pointer;}
	nav>div,.s_logo small,.s_box button,.s_box input,.sp_sale .btn,.header_menu>li:hover .menulistbox,.icon-down:after{display:none;}	
	.s_box{width:35px; height:35px; background:transparent;border-bottom: none;padding: 0;}
	.search.on{right:1em; top:10px; left:1em;width: auto;}
	.search.on .s_box{width:100%; height:40px; background:#fff;}
	.search.on input,.search.on button{display:block; height:40px;}
	.search.on input{border-bottom: 1px solid #999;border-radius: 0;padding-left: 3em;}
	.search.on ul{top:45px;}
	.search.on .icon-search:before{color:#999;top: 8px}
	.search.on p{color: #666; font-size:14px; padding:1em; display:inline-block; background:#fff; box-shadow: 0 3px 7px rgba(0,0,0,0.2);}
	.search.on p a{font-size:1em; height:35px; line-height:35px; padding:0 .5em;color:#000;}
	.search.on button{right: 0;top: 0;background: #3498db;}
	.icon-search:before{color:#fff;font-size: 1.8em; top:6px; left:5px;}
    .foot{width:100%;text-align:center;padding:0;}
	.foot .link{border-bottom:1px solid #676767;}
	.comment_list{position: unset;border: 0;padding: 0;width: 100%;box-shadow: none;}
	.user_item{top:2.2em;}
	.focus_index{padding-top:7em;}
	nav{ cursor:pointer; padding:0;height:56px; line-height:56px;}
	nav em{font-size: 16px;color: #fff;font-style: normal;}
	nav em:before{content: "\e905";font-family: 'icomoon' !important;}	
    .header_menu{display:none; width:150px; position:absolute; z-index:25; top:3em;background: #fff;border: 1px solid #f0efef;box-shadow: 0 3px 7px rgba(0, 0, 0, .2);}
	nav.show .header_menu{display: block}
	.header_menu>li{width: 100%;}
	.header_menu>li>a{color: #333;text-align: center;}
    .wrap{padding:0 1em;}
    .s_logo{top:1em; left:.5em;}
	.c_box{padding: 1em 1em 1em 7em;border-right: none;border-left: none;border-bottom: 1px solid #f0efef;}
	.r_deals{border-right: none;border-left: none;border-bottom: 0;}
	.r_deals ul{border-bottom: none!important;}
	.r_deals h4{padding: 1em 0;}
	.banner_bg img{margin-top: 50px;}
	.offer.term{width: 100px;font-size: 1em;}
	.sp_deal ul li{width: 49.5%;margin-bottom: 1em;}
	.sp_deal ul li:nth-child(2n){margin-right: 0;}
    .sp_coupons ul{border-bottom:1px solid #f0efef}
    .sp_coupons.term .sp_sale ul{border:0}
    .new_store{border:0}
	.new_store li{padding:1em 1em 0 0;margin-bottom:0;width:50%}
	h2.h72{height: auto;}
    }
@media(max-width:640px){
    .sp_blog ul li{padding:0; margin-bottom:1em; width:100%;}
    .sp_blog p{right:0;font-size: 1.6em; padding:.5em;}
    .signin_wrap button{width: 200px;}
	.r_deals ul li{width: 47%!important;margin-bottom: 1em!important;margin-right: 3%; border: 1px solid #3498db;}
	.r_deals .pic{height: 160px;}
	.search form{border: none;}
	.c_box .sp_title{font-size:1.4em;font-weight: normal;padding: 0;}
	.user_item{top:3em;}
	.copy_code span{max-width: 160px;}
	.copy_code button{top: .2em;}
	body{font-size:.8em;}
	.s_box input[type="text"],.s_box button{height:40px;}
	.banner_bg img{width: 120%;margin-left: -15%;margin-top: 50px;}
	.hot-order{width: 2.08em;}
	.c_box.new .sp_title::after{content: "\e909";font-family: 'icomoon' !important; color: #d71e06;font-weight: 200;font-size: 1.8em;vertical-align: -10%;}
	.offer em{font-size: 1em;}
	.comment{margin-top: 10px;}
	.c_box,.sp_coupons.term .c_box{padding: 1em 1em 1em 6.5em;}
	.s_logo, .s_logo a {width: 65px;height: 65px;}
	.c_box::after, .r_deals::after{content: none;}
	.sp_deal ul li{width: 100%;}
    .show_code,.sp_coupons.term.other .offer,.fixed_button{display:none}
    .s_logo,.s_logo a{width:72px;height:72px;top:1em}
    .offer.term{font-size:1em;width:80px;border: none;}
    .sp_sale .offer{width:50px;height:70px}
    .r_store li{width:50%}
	.comment span:after{margin: 0 .5em;}
}


.key_focus {display: block;-webkit-animation: k1_focus 1s;-moz-animation: k1_focus 1s;-ms-animation: k1_focus 1s;-o-animation: k1_focus 1s;animation: k1_focus 1s;}
@keyframes k1_focus {
    0% {-webkit-transform:translateX(8rem);-moz-transform:translateX(8rem);-ms-transform:translateX(8rem);-o-transform:translateX(8rem);transform:translateX(8rem);}
    100% {-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
}
@-webkit-keyframes k1_focus {
    0% {-webkit-transform:translateX(8rem);-moz-transform:translateX(8rem);-ms-transform:translateX(8rem);-o-transform:translateX(8rem);transform:translateX(8rem);}
    100% {-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUp{
	from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
	to{-webkit-transform:none;transform:none}
	}
.pp_store li{display: block;-webkit-animation: fadeInUp 1s;-moz-animation: fadeInUp 1s;-ms-animation: fadeInUp 1s;-o-animation: fadeInUp 1s;animation: fadeInUp 1s;}
.pp_store li:nth-child(1) {animation-delay: .2s}
.pp_store li:nth-child(2) {animation-delay: .3s}
.pp_store li:nth-child(3) {animation-delay: .4s}
.pp_store li:nth-child(4) {animation-delay: .5s}
.pp_store li:nth-child(5) {animation-delay: .6s}
.pp_store li:nth-child(6) {animation-delay: .7s}
@keyframes load{0% {
    opacity: 1;
}
100% {
    opacity: 0;
}}

.pp_store{margin-top:4em;}
.pp_store h2{font-size:1.25em; color:#fff; margin-bottom:1em;}
.pp_store li{width:16.666%; float:left; padding-right:2em;margin-bottom: 1em;}
.pp_store li div{text-align:center; color:#fff;}
.pp_store a,.r_store li a{background:#fff; height:100px; display:block; text-align:center; margin-bottom:10px;  border:3px solid #fff;}
.pp_store li:hover a,.r_store li:hover a{border-color: #3498db;}
.pp_store li:hover .show_code span{width:70%;}
.pp_store img,.s_logo img,.search ul img,.term_info img,.r_store li img{max-width:80%; max-height:80%; vertical-align:middle;}
.letter,.sub_cat{padding: 1.8em 2em;display: inline-block;width: 100%;background: #fff;}
.letter p{width: 100%;text-align: center;border-bottom: 1px solid #f0efef;padding-bottom: 2em;}
.letter p a{font-size: 1.25em;font-weight: bold;width: 40px;height: 40px;text-align: center;line-height: 40px;display: inline-block;border-radius: 50%;color: #000;}
.letter p a.on{background:#2087cc;}
.letter p a.on, .letter_list a:hover{color: #fff;}
.letter.list ul{display: block;width: 25%;float: left;padding-right: 20px;}
.letter ul p{width: 35px;height: 35px;border: 1px solid;border-radius: 30px;line-height: 30px;color:#3498db;font-weight: bold; }
.letter ul a{display: block;text-align: center;color: #3498db;font-weight: bold;text-decoration:underline ;margin-top: 1em;}
.letter ul li a{background: #f3f6f9;color: #000;padding: 1em;font-size: 1em;font-weight: 400;display: block;text-align: left;text-decoration:none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.letter ul li a:hover{background: #2087cc;color: #fff;}
.letter.detail ul{width: 100% !important;}
.letter.detail ul li{width: 25%;float: left;padding-right: 20px;}
.user_item{z-index: 21;position: absolute;right:0;top:2.2em;background: #fff;width: 150px;box-shadow: 0 3px 7px rgba(0,0,0,0.2);}
.user_item li{height: 40px;line-height: 40px;}
.user_item li a{color:#767676;display: block;}
.user_item li a:hover{color: #fff;background: #3498db;}


.sp_coupons li{width:100%; float:left; padding-bottom:1em;}
button.more,a.more{position: relative; cursor: pointer;outline: none; width:80px; height:80px; font-weight:400; border-radius:50px 15px 50px 50px; display:block; margin:0 auto 2em;line-height:73px; text-align:center;background-color: #3498db; color: #fff;border-color: transparent #3498db transparent transparent;}
.s_left{float: left;width: 30%;padding-right: 2em;margin-top: 25px;margin-bottom: 2em;}	
.catebox{background: #fff;box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);padding: 2em;}
.catebox h3{padding: 0;}
.catelist{margin-top: 1em;}
.catelist a{width: 100%; text-align: left;line-height: 1.2;padding-top: 1em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.catelist a:hover{color: #3498db; padding-left: 10px;}
.sp_coupons.cate{border:0; width:70%; display:inline-block; float:right;}
.sp_coupons.term ul li,.sp_coupons.term .r_store ul,.sp_coupons.term .n_coupons ul,.sp_coupons.term .r_deals ul .sp_blog ul li div,.sp_blog ul li img,.sp_coupons.term ul{width:100%;}
.sp_coupons.term .show_code{float:right;}
.sp_coupons.term .c_box{width:100%; display:inline-block; padding-bottom:1.5em;}
.c_box{box-shadow: 0 2px 4px 0 rgba(0,0,0,.08); padding:1.5em 2em 1.5em 9em; position:relative;background: #fff;}
.c_box::after,.r_deals::after{width: 95%;height: 50%; content: ""; margin: auto;position: absolute;bottom: 0;left: 0; right: 0; border-radius: 100%;box-shadow: 0 0 10px rgba(0,0,0,.2);z-index: -1;}
.sp_coupons.cate{border: 0; width: 70%;display: inline-block;float: right;}
.sp_coupons.cate h3{text-align: left; padding: 1em 0; color: #000; font-size: 1.5em;}
.sp_coupons.cate ul{width:100%;}
.sp_coupons.cate li{padding-right:0;}
   
.category_table {margin: 3em 0;}
.category_table .categories_list{-webkit-column-count:4;-moz-column-count:4;-ms-column-count:4;column-count:4;-webkit-column-gap: 30px;-moz-column-gap: 30px; column-count: 4;column-gap: 30px;}
.category_table .sub_item{box-sizing: content-box;width: 100%;margin-bottom: 30px; display: inline-block;background-color: #f3f6f9;}
.category_table .sub_item h3{font-size: 18px;line-height: 1.5;padding-top: 1em;font-weight: bold;}
.category_table .sub_item img{width:100%;}
.category_table  a{display: block;line-height: 1.5;    padding: 0 1em 1em;}
.category_table  a:hover{background: #3498db;color: #fff;}

.field_container .wrong{color:#ff4949;}
.container::after{content: ''; display: table; clear: both;}
.sub_cat{box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);}
.t_breadcrumbs{margin: 2.5em 0 0.75em 0;}
.sub_cat a{width: 23%;float: left; margin:.5em .7em;background: #f3f6f9;color: #000;padding: 1em; font-size: 1em;font-weight: 400;display: block;text-align: left; text-decoration: none;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.sub_cat p,.rel_store h4,.store-container h4{font-size: 1.5em;margin: 0; color: #000;padding:0 0 1em;}
.rel_store,.store-container{margin: 2em 0;}
.sub_cat p{padding: 0 .5em 1em;}
.store-container ul,.rel_store ul{width: 100%;display: inline-block;}
.store-container ul{padding:20px;position: relative;background: #f3f6f9;margin-bottom: 1em;}
.store-container h5{color: #333;font-size: 1.2em;font-weight: 600;padding: 0 1em 1em 0;}
.rel_store li,.store-container ul li{position: relative; float: left;margin-bottom: 1em; text-align: center; border: 1px solid #f0efef;box-shadow: 0 2px 5px 0 rgba(0,0,0,.08);padding: 1em;background: #fff;}
.rel_store li{width: 18.4%;margin-right: 2%;}
.rel_store li:nth-child(5n){margin-right: 0}
.store-container ul li{width: 10.5%;margin-right: 2%;height: 110px;}
.store-container img{left: 50%;max-width: 60%;max-height: 60%;position: absolute; top: 50%; transform: translate(-50%,-50%);}

@media(max-width:1400px){
    .letter.list ul{width: 33.33%}
    .letter.list.detail ul li{width: 33.33%;} 
    .rel_store ul{width:1032px;}
    .sub_cat a{width: 28.8%;}            
    .rel_store li{width: 31.3%;}
    .store-container ul li{    width: 14%; margin-right: 2.6%;}
    }
@media(max-width:1050px){
    .category_table .categories_list{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}  
    .rel_store ul{width: 103%;}
    .pp_store li{width:33.33%; margin-bottom:1em;} 
    .sub_cat a{width: 30.3%;}
    .t_breadcrumbs{margin-top: 1.5em;}
    .s_box button{width: 4em;}
    .store-container ul li{ width: 16.5%; margin-right: 3.5%;}
    }
@media(max-width:960px){
    .letter.list.detail ul li{width: 50%;}
    .letter.list ul{width: 50%;}
    .rel_store ul{width: 101%;}
    .rel_store ul li{width:48%; margin-right: 2%;}
    .sub_cat a{width: 29%;}
    .sub_cat{padding:1em;}    
    .store-container ul{padding: 20px 0 20px 20px;}
    .store-container ul li{ width: 20.5%; margin-right: 4.5%;}
    .sp_coupons.cate,.s_left{width: 100%;}
    .s_left{padding-right: 0;margin-top: 1em;}
    }
    @media(max-width:640px){
        .fixed_button{display: none;}
        .letter.list.detail ul li{width: 100%;}
        .letter.list ul{width: 100%;padding: 0;}
        .signin_form,.coupon_detail,.submit_pop{max-width: 350px;}
        .sub_cat a{width: 96%;}
        .rel_store ul li{width: 100%;}
        .store-container ul li{ width:30%; margin-right: 2.3%;}

    }
    
    @-webkit-keyframes loading{
        0%,
        100% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(90deg);
        }
    }
    @keyframes loading{
        0%,
        100% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(90deg);
        }
    }