@charset "utf-8";
@font-face{ font-family:'calibri'; src:url('../image/v07/calibri.eot'); src:url('../image/v07/Calibri.woff') format('woff');}
html, body, div, p, a, object, iframe, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, input, button, select, textarea, img, table, th, td, article, aside, footer, header, menu, nav, section{ padding:0; margin:0; border: 0 none;  font-family: Arial,"Microsoft YaHei","PingFang SC",sans-serif;  font-weight:300; }
article, aside, footer, header, menu, nav, section { display: block}
ul,li{  list-style-type:none;}
html{ font-size:100%}
body { font-size:1em; line-height:1.5; background-color:#f4f4f4 ; width:100%; position:relative; color:#333}
@-webkit-viewport{ width:device-width }
@-moz-viewport{ width:device-width }
@-ms-viewport{ width:device-width }
@-o-viewport{ width:device-width }
@viewport { width: device-width }
::-moz-placeholder { color:#aaa; text-indent:5px }
:-ms-input-placeholder { color:#bbb; text-indent:5px}
::-webkit-input-placeholder { color:#bbb; text-indent:5px; background:none}
::selection{ color:#fff; background-color:#46b8e7}
::-moz-selection{ color:#fff; background-color:#ff9800}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}
a{text-decoration:none; color:#333; cursor: pointer;}
.wrap{height:100%; overflow:hidden; margin:0 auto; padding:10px 0;max-width: 1120px;}
.clear{ clear:both}
.clear:after{ content:" "; clear:both; display:block; height:0}



.i_menu{ width:44px; height:34px; position:absolute; right:0; cursor:pointer; margin:8px 80px 24px 0; text-align:center; border:1px solid rgba(255,255,255,0.16); display:none; border-radius:4px}
.i_menu:hover{ background:#333; border-color:#333}
.i_menu i{ width:20px; height:2px; display:inline-block; position:absolute; background-color:rgba(255,255,255,1); top:50%; left:50%; margin-top:-1px; margin-left:-10px}
.i_menu i:after, .i_menu i:before{ content:""; width:20px; height:2px; display:inline-block; position:absolute; left:0; top:-7px; background-color:rgba(255,255,255,1)}
.i_menu i:after{ top:7px}


header{ background:#222; height:50px; width:100%; line-height:1; border-bottom:1px solid #080808}
nav{ float:left}
.menu_list>li{ float:left; height:50px; white-space:nowrap; line-height:50px; position:relative}
.menu_list>li>a{ color:#777; font-size:12px; padding:0 15px; display:block}
.menu_list>li>a:hover { color:#fff}



.menu_list li .submenu{ position:absolute; left:0; top:60px; padding:16px 0 0 0; max-height:0; max-width:0; overflow:hidden; z-index: 99}
.menu_list li:hover .submenu{ max-height:9999px; max-width:9999px; overflow:inherit}
.menu_list li ul{ background-color:#fff; box-shadow:rgba(190, 190, 190, 0.45882) 0px 1px 5px; width:210px; padding:0 15px; position:relative}
.menu_list li ul li{ width:100%; float:inherit; height:auto; line-height:1.5; border-bottom:1px solid #f0f0f0}
.menu_list li ul li a{ color:#222; font-size:15px; padding:12px 0; display:block}
.menu_list .active{ background:#080808; color:#fff}

.logo{ margin:0 18px 0 4px; display:inline-block; float:left; font-size:18px; line-height:50px; color:#eee}


.search_wrapper{ position:absolute; height:34px; width:40%; bottom:16px; top:8px; right:0; z-index:103}
.search_wrapper form{ width:100%; position:relative; height:100%; padding:0}
.search_wrapper .search_input{ height:100%; position:relative; background:#fff; border-radius:2px}
.search_input input[type="text"]{ padding: 0 72px 0 16px; border:none; height:100%; line-height:34px; width:100%; background:transparent}
.search_wrapper button, .search_btn{ height:100%; width:56px; position:absolute; top:0; right:0; font-size:12px; line-height:34px; margin:0; padding:0; text-align:center; background:#5cb85c; color:#fff; border-radius:0 2px 2px 0}
.search_btn, .focused .search_btn{ background-color:transparent; line-height:50px; display:none; z-index:106; cursor:pointer; font-size:16px}
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}



.wrapper{ clear:both; width:1120px; margin:0 auto; position:relative}
.hidden { display:none !important}


.s_logo{ width:8em; height:100%; position:absolute; top:0; left:0; vertical-align:middle;text-align:center; overflow:hidden}
.s_logo img{ max-width:5em; max-height:3.5em; vertical-align: middle;}

.m_logo{ height:100%; width:100%; text-align:center; vertical-align:middle; padding:16px}
.m_logo img{ max-width:90%; max-height:90%; vertical-align: middle;}
.m_logo:after, .s_logo:after{ content:""; display:inline-block; height:100%; vertical-align:middle; width:0}


.t_des_more{ display:none}
.clearboth a{ clear:none; font-weight:400}
.hot_mob_coupon{ display: none;}
h2,h5,h6,.no_super h1,.main .wrap h1, h3, .hot_coupon>.wrap>h1{color:#333; font-size:1.5em; padding:.5em 0; font-weight: 300}
.main .wrap h1,h2,h3,.hot_coupon>.wrap>h1{ font-weight: 400;}
.coun_title.no_super h1{padding-bottom: 0;font-size: 1.8em;}
.coun_title.no_super h2{font-size: 1.1em;
    padding-top: 0;
    font-weight: 300;
    top: -6px;}
.com_couponlist ul,.home_cate ul,ul.m_history{width:1116px; margin-left:-8px; display:inline-block;}
.com_couponlist ul li{list-style:none; float:left; width:33.333%; padding:0 8px; display:inline-block; margin-bottom:1em; cursor: pointer;}
.com_couponlist ul li:hover .com_coupon{  background-color:#fcfeff; box-shadow: 1px 2px 5px #e7eeef; }
.com_couponlist ul li:hover .com_coupon .title a{ color:  #428bca}
.com_coupon .mer_name:hover{ box-shadow:0 2px 10px #fcfeff;}
.com_coupon{width:100%; background:#fff; height:210px; border-radius:5px; padding:2.5em 1em 1em; position:relative; overflow:hidden;}
.com_coupon .mer_name{  font-size:1.2em; display:inline-block; position:absolute; top:0px; left:0; padding: 12px 10px 2px 40px; border-bottom: 1px solid #e4e4e4;
    width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ds_action .mer_name{ padding: 6px 10px 0 40px; position: relative; }
.com_coupon .mer_name a,.ds_action .mer_name a{color:#2e6b98;}
.com_coupon .mer_name a:before,.ds_action .mer_name a:before{content:"";display:block;width:18px; height:18px; position:absolute; top:15px; left:16px; background:url(../image/v07/common_06_29.png?ver=2017052201) -209px -67px no-repeat;}
.ds_action .mer_name a:before{ background:url(../image/v07/common_06_29.png?ver=2017052201) -116px -146px no-repeat; top:6px;}
.com_coupon .title a{font-size:1.4em; color:#444; font-weight:300; line-height: 1.2em; display: -webkit-box; -webkit-line-clamp: 2;
 -webkit-box-orient: vertical; overflow: hidden;}
.com_coupon .title{padding:25px 0 0;}
.com_coupon .content{width:100%; height:103px; overflow:hidden;}
.com_coupon .des{font-weight:300; color:#666; font-size:14px; margin-top: 6px; letter-spacing: .5px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.com_coupon .behavior{width:100%;  margin-top: 15px }
.com_couponlist.main_wrap ul{width:100%;}
ul.com_couponlist_pro{ margin-bottom:0}
.com_couponlist.main_wrap ul li{width:50%;}
.behavior p.exp_time{float:left; position:relative; color:#ccc; padding: 12px 0 0 0; font-size: 14px;}
.behavior p.deadline,.c_content p.deadline em{ color: #f55c5b}
.behavior p.deadline:after,.c_content p.deadline em:after{ background-position: -28px -145px}
.btn{float:right; }
.c_content p em{ position: relative; font-style: normal;}
.btn a.get_deal{ width: 100%}
.coupon_code{ border: 1px dashed #5cb85c;
    font-size: 1em;
    float: right;
    width: 170px;
    position: relative;
    text-align: right;
    overflow: hidden;
    background-color: #f3fff3;
    color: #5cb85c;
    line-height: 40px;
    border-radius: 5px}
.ds_cou_right .coupon_code{ width: 150px;}
.coupon_code.on{text-align: center;  word-break: break-all;
    text-align: center;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;line-height: 30px;
    -webkit-line-clamp: 2;}
.btn a.coupon i,.ds_cou_right p.btn span.code i{ background: url(../image/v07/common_06_29.png?ver=2017052201) -117px -459px no-repeat;
    width: 31px;
    height: 40px;
    position: absolute;
    display: inline-block;
    top: 0;
    right: -20px;
    z-index: 11;
}
.layer .content p a:before,.layer .content p a:after,.btn a.deal span:before,.btn a.deal span:after,.cou_info .box a.golink:after,.cou_info .box a.golink:before,
.ds_cou_right p.btn span.deal:before,.ds_cou_right p.btn span.deal:after,ul.hotstore_list li.on:after, ul.hotstore_list li:hover:after,ul.hotstore_list li.on:before, ul.hotstore_list li:hover:before,
button.v_m i:after,button.v_m i:before,.list_style_choice a.choice_on span:after,.list_style_choice a.choice_on span:before,.show_details:before,.show_details:after,.Verify:before,.Verify:after,.left_info a.golink:before,.left_info a.golink:after
{     content: "";
    position: absolute;
    width: 2px;
    height: 8px;
    background: #fff;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;}
.btn a.coupon span:before,.btn a.deal span:before,.cou_info .box a.golink:before,.layer .content p a:before,.ds_cou_right p.btn span.deal:before,.ds_cou_right p.btn span.code:before,ul.hotstore_list li.on:before, ul.hotstore_list li:hover:before
,button.v_m i:after,.list_style_choice a.choice_on span:after,.show_details:after,.Verify:after,.left_info a.golink:after {
    top: 18px;
    right: 20px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);}
.btn a.coupon span:after,.btn a.deal span:after,.cou_info .box a.golink:after,.layer .content p a:after,.ds_cou_right p.btn span.deal:after,.ds_cou_right p.btn span.code:after,ul.hotstore_list li.on:after, ul.hotstore_list li:hover:after, .list_style_choice a.choice_on span:before,
.Verify:before,.left_info a.golink:before{
    top: 13px;
    right: 20px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);}
.btn a.deal span:after,.btn a.deal span:before,.ds_cou_right p.btn span.deal:before, .ds_cou_right p.btn span.deal:after{ right: 26px}
.btn:hover a.deal span:after, .btn:hover a.deal span:before, .ds_cou_right p.btn:hover span.deal:before, .ds_cou_right p.btn:hover span.deal:after{ right: 20px;}
.cou_info .box a.golink:hover:before, .cou_info .box a.golink:hover:after{  right: 12px;}
.cou_info .box a.golink:before,.cou_info .box a.golink:after{ right: 18px;}
.cou_info .box a.golink:after{ top: 10px;}
.cou_info .box a.golink:before{ top: 15px;}
.btn a.coupon span,.ds_cou_right p.btn span.code {
    width: 143px;
    border-radius: 5px;
    background: #5cb85c;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    color: #fff;
    height: 40px;
    line-height: 40px;
    font-size: 1.1em;
    font-weight: 300;
    letter-spacing: 0; text-align:center }
.ds_cou_right p.btn span.code{  width:138px}
.btn a.deal span,.ds_cou_right p.btn span.deal{width: 170px;border-radius:5px; background:#428bca;color:#fff; padding: 12px 12px 8px 8px;display: block;position: relative;text-align: center; font-size: 1.1em;}
.btn a.deal span{ padding-top: 6px;}
.btn a.deal span:hover,.ds_cou_right p.btn span.deal:hover,.left_info a.golink:hover{ background: #007ec3;}
.ds_cou_right p.btn span.deal{ width: inherit; }
.ds_cou_right p.btn span.code:before,.ds_cou_right p.btn span.code:after,.btn a.coupon span:before,.btn a.coupon span:after{ right: 8px}
.btn a.coupon:hover span,.ds_cou_right p.btn:hover span.code{ left: -30px}
.btn a.deal:hover:after{right:13px;}


.home_cate{background:#5bc9cd url(../image/v07/icons.gif) center;}
.home_cate ul li{width:16.66666%; float:left; list-style:none; padding:0 8px 16px}
.home_cate ul li.double{width:33.33333%;}
.home_cate ul li .content{background:#fff;border-radius:5px; height:185px; width:100%; overflow:hidden; position:relative;}
.home_cate ul li .content img{position:absolute; right:0; bottom:0; z-index:0;}
.home_cate ul li .content:hover img{opacity:.3;}
.home_cate ul li .content p{ position:relative; z-index:1;}
.i_store{position:relative; width:100%; font-size:14px; padding:1em 1em 1em 35px;}
.i_store:after,ul.m_history li:before{content:"";display:block;width:18px; height:18px; background:url(../image/v07/common_06_29.png?ver=2017052201) -159px 0 no-repeat; position:absolute; top:1em; left:10px;}
.cat_name{font-size:1.5em; margin-top:20px; font-weight:200; line-height:100%; color:#000; background:rgba(255,255,255,.5); padding:3px 10px;}
.home_cate ul li .content .des{font-size:14px; font-weight:200; padding:3px 10px;}
.home_cate ul li.double .content .des{width:50%;}
.home_cate ul li a{color:#999;}
.home_cate ul li.more .content{background:#60d4d4;}
.home_cate ul li.more .content:after{content:"";display:block;width:100%; height:5px; border-top:4px solid #5dced2; position:absolute; top:48%; left:0;}
.home_cate ul li.more .content:before{content:"";display:block;width:100%; height:5px; border-bottom:4px solid #68d6d7; position:absolute; top:48%; left:0;}
.home_cate ul li.more .content p{background:rgba(255,255,255,.3); width:70px; height:70px; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; border-radius:100%; text-indent:-99999px;}
.home_cate ul li.more .content p:before{content:"";display:block; width:25px; height:25px; background:url(../image/v07/common_06_29.png?ver=2017052201) 0 -37px no-repeat; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.hot_coupon{margin-bottom: 10px}
.hot_coupon .content{width:100%; border-radius:5px;}
.hot_stores{margin-bottom: 10px}
.rela_stores{ background-color: #fff}
.hot_stores ul li{ float: left; padding:10px; width: 18.6%; margin-bottom: 40px; margin-right: 1.5%;box-sizing: border-box;-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 0;
    box-shadow: 0 2px 4px rgba(102,102,102,.2); background-color:#fff;}
    .hot_stores ul li:hover{ box-shadow: none;}
.hot_stores ul li:hover span, .rela_stores ul li:hover span{color: #428bca;}
.hot_stores ul li:nth-child(5n),.rela_stores ul li:nth-child(5n){ margin-right: 0}
.store_pic{ height: 100px; overflow: hidden;}
.hot_stores img,.rela_stores img{ width: 100%;}
.hot_stores a,.rela_stores a{ cursor: pointer; position: relative;display:block;}
.hot_stores span,.rela_stores span{ color: #666; display: block;  background-color:#f4f4f4; position: absolute; width: 100% ;    bottom: -40px; text-overflow: ellipsis; white-space: nowrap;
 overflow: hidden;}
 .rela_stores span{ background-color: #fff}
ul.hotstore_list{background:#fff;width:24%; float:left; height:inherit; padding: 10px;box-sizing:border-box;}
ul.hotstore_list li{width:100%; position:relative; height: 40px; line-height: 40px;}
ul.hotstore_list li a:before{background-color: #c4c4c4; width: 80%; height: 1px; position: absolute; left: 10%; bottom: 0; }
ul.hotstore_list li a{display:block; padding: 0 .75em 0 .5em; font-size:15px; font-weight:300;width: 86%; text-overflow:ellipsis; white-space: nowrap;overflow: hidden;}
ul.hotstore_list li.on{background:#f2f5f7; border-right:0;}
ul.hotstore_list li.on  a::before{ display: none;}
ul.hotstore_list li:hover{ background-color: #f2f5f7;}
ul.hotstore_list li.on:after, ul.hotstore_list li:hover:after, ul.hotstore_list li.on:before, ul.hotstore_list li:hover:before{ background-color: #428bca;}
ul.hotstore_list li a i{    color: #fff;  font-style: inherit;background-color:#c4c4c4; width: 18px; height: 18px;
    border-radius: 2px; display: inline-block; line-height: 18px; text-align: center; margin-right: 10px; font-size: 14px }
ul.hotstore_list li.m_page{height:40px; line-height:40px; background:#ededed; border-bottom:0;}
ul.hotstore_list li a i.i_t{ background-color:#428bca;}
ul.hotstore_list li.m_page:before,ul.hotstore_list li.m_page:hover:after{content:none;}
.cou_info{padding:2em 2em; width:75%; float:right; height: 341px;background: #fff;}
.cou_info .box{background:#f2f5f7; padding: 10px 2em; position:relative; border-radius:5px; height:160px; margin-bottom:20px;}
.cou_info .box a.c_img{width:200px; display:block; position:absolute; top: -1em; left:1em; box-shadow: 0 6px 20px #d0d0d0;height: 160px;
    overflow: hidden; background-color: #fff; padding: 10px; z-index: 10;}
.cou_info .box a.c_img img { width:  100%}
.cou_info .box .c_content{padding-left:205px; text-align:left; cursor: pointer; position: relative; height: 134px}
.cou_info .box .c_content a{font-size:1.5em; width:100%; min-height:32px;line-height: 1.2em; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.cou_info .box .c_content span.coupon_code_01 {bottom: 21px;right: 20px; height: 34px; width: 130px; background-color: #b1e4dc;
    color: #0ca08a; font-size: 16px;  line-height: 34px;  text-align: center; padding: 0; overflow: hidden;}
.cou_info .box .c_content:hover a{ color: #428bca}
.cou_info .box a.c_img:hover {box-shadow: none;}
.cou_info .box .c_content:hover a.golink{ color: #fff}
.cou_info .box .c_content p,.cou_info .box .c_content span{ font-size:1em; color:#999;height:24px; display: block;}
.cou_info .box .c_content p{ position: absolute; bottom: 0}
.cou_info .box .c_content p.c_time{ bottom: 24px}
.cou_info .box a.golink{background:#428bca; color:#fff; width:140px; display:block; height: 36px;line-height: 36px;border-radius: 5px;text-align: center;font-size: 16px;box-shadow: 0 6px 20px #d0d0d0;    position: absolute;
bottom: 20px; right: 20px; }
.cou_info .box a.golink:hover{ box-shadow: none;}
.cou_info .box .c_content span.icode_01{ position: absolute;
    bottom: 21px;
    right: 20px;
    height: 34px;
    width: 130px;
    background-color: #d7effc;
    color: #428bca;
    font-size: 16px;
    line-height: 34px;
    text-align: center;
    padding: 0;
    overflow: hidden;
    border-color: #428bca;}
.cou_info .box .c_content span.detail{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.cou_info .box .c_content p a{color:#428bca; font-size:14px;display: inline;}
.c_content .c_left{ float: left;}
.c_content .c_right{ float: right; width:160px}
.cou_info p{height:32px; line-height:32px;}
.cou_info p a{color:#666; font-size:1em; position: relative; letter-spacing: .5px;}
.cou_info p a.title{  padding-left: 10px;}
.cou_info p:hover a{ color: #428bca; text-decoration: underline;}
ul.m_history li{width:33.3333%; float:left; list-style:none; padding:8px;position: relative;}
ul.m_history li a{background:#fff; width:100%; height:60px; line-height:60px; display:block; border-radius:3px; padding:0em .75em 0em 2.75em; font-size:1.125em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
ul.m_history li:before{top:28px; left:28px;}
ul.m_history li:hover .closed{position:absolute; top:18px; right:8px; background:#ededed; display:block;}
ul.m_history li .closed:hover{ background:#e1e1e1;}
.m_blog{ background:#ebf2db;}
.m_blog p.left{width:50%; text-align:center; color:#666; font-size:1em; line-height:1.5em; float:left; padding:2em 3em; position:relative;}
.m_blog p.left:after,.m_blog p.left:before{content:""; display:block; background:url(../image/v07/common_06_29.png?ver=2017052201) no-repeat; width:24px; height:24px; position:absolute;}
.m_blog p.left:after,.f_des:after{background-position:-76px -31px; top:1em; left:7em;}
.m_blog p.left:before,.f_des:before{background-position:-123px -30px; bottom:1em; right:0;}
.m_blog p.right{width:50%; float:right; text-align:center;}
.m_blog p.left a{background:#91c81d; color:#fff; display: inline-block; padding: 10px 30px; border-radius:5px; font-size:1.25em; margin-top:1em;}
.b_link,.lach_link,.new_store{background:#f5f5f5;  padding-bottom: 10px}
.lach_link{ background-color: #f9fafb}
.b_link,.new_store{ background-color: #fff; padding: 20px 0;}
.lach_link ul{display:inline-block;}
.new_store ul li ,.b_link ul li,.lach_link ul li,ul.related li,.pop_stores ul li,.rela_stores ul li{float:left; padding-right: 10px; width:20%;overflow:hidden;position:relative;box-sizing:border-box;height:24px; overflow: hidden; text-overflow:ellipsis;white-space: nowrap; }
.new_store ul li a,.b_link ul li a,.lach_link ul li a,ul.related li a,.pop_stores ul li a,.rela_stores ul li a{color:#666;width:100%; font-size: 14px; letter-spacing: .5px;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
    .new_store ul li a:hover,.b_link ul li a:hover,#stores ul.wrap li:hover a,.lach_link ul li a:hover,.pop_stores ul li a:hover,ul.related li a:hover,.rela_stores ul li a:hover{color:#428bca;}
h5{ font-weight:inherit; color: #333}
h1{font-size:2.5em; font-weight:400; position:relative;padding-right: 316px;}
h1.m_name{padding:0 0 0 40px; color: #fff }
h1.m_name:before{content:"";display:block;width:26px; height:26px; position:absolute; top:50%; left:0px; background:url(../image/v07/common_06_29.png?ver=2017052201) -170px -26px no-repeat;    margin-top: -13px;}
.main{ position:relative;overflow: hidden; min-height: 460px;padding: 10px 0 30px; width:100%}
.main .wrap{ overflow:inherit; position:relative;max-width: 1100px;}
.main_wrap{ width: 75%; float: left;padding: 0 2.5em 0 0; position: relative;}
.coupon_recom{ border: 1px solid #428bca;box-shadow: 0 8px 10px #e4e4e4;}
.coupon_recom_tag{display: none;}
.coupon_recom .coupon_recom_tag{ background-color: #428bca; color: #fff; position: absolute; left: 178px; top: 11px; padding: 0px 10px; font-size: 12px;
 display: block; height: 18px; line-height: 18px;}
.abtest .main_wrap{ float: right;padding: 0  0 0 2.5em;}
.abtest .left_info{ margin-top: .8em;}
.com_couponlist.main_wrap ul li.second_title{ width: 100%; height: inherit; margin-bottom: 0px}
span.category_span {
    font-size: 1.25em;
    width: 100%;
    display: inline-block;
    text-align: left;
    line-height: 1.25em;
    background-color: #fff;
    padding: 6px 10px;
    margin-bottom: 10px;
    color: #15686b;
    box-shadow: 0 1px 2px #e4e4e4;
    border-radius: 5px 5px 0 0;
}
.c_list,.cate{width:100%; margin-bottom: 10px}
p.list_none{     background: #fff;
    width: 100%; border-right: 1px solid #ececec; box-shadow: 0px 1px 4px #e4e4e4; border-radius: 3px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.5em;
    color: #428bca;
    line-height: 190px; margin-bottom: 10px;}
.ds_content{ overflow: hidden;min-height: 74px;  padding-right: 180px; position: relative;padding-left: 100px;}
.ds_cou_left{ position: absolute; z-index: 10; top: 0; left: 0; height: 100%; border-radius: 0;
 border-right: 1px dashed #c4c4c4; width: 100px;}
.ds_cou_left a{ width: 100%;display: block; border-radius: 5px; position: relative; text-align: center; box-sizing: border-box;height: 100%;
    padding-top: 36px;}
.ds_cou_left i{display: block; margin: 3px auto 0;width: 60px; height: 60px; background: url(../image/v07/common_06_29.png?ver=2017052201) -210px -250px no-repeat; }
.ds_cou_left i.f_s{ background-position: -210px -212px;
    height: 40px;}
.ds_cou_left i.f_g{  background-position: -210px -310px;}
.redcode i{ background-position: -276px -250px;}
.redcode i.f_s{  background-position: -276px -212px;}
.redcode i.f_g{  background-position: -276px -310px;}
.ds_cou_left a p,.ds_cou_left a b{line-height: 1em; text-transform: uppercase;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,"Microsoft YaHei";    color: #333}
	
		
.offer_big_text{ font-size:1.5em; font-weight:500}
.offer_med_text{ font-size:1.375em; font-weight:500}
.offer_large_text{ font-size:1.125em; font-weight:500}
.offer_lesser_text{ font-size:1em}
.offer_smaller_text{ font-size:0.85em}
.offer_least_text{ font-size:0.85em}
	
	
.ds_cou_left a p:nth-child(2n),.ds_cou_left a b:first-child{ display: block;}
.ds_cou_left.is_too_long a p:first-child,.ds_cou_left.is_too_long a b:nth-child(2n){ font-size: 1.6em;}
.ds_cou_left a span { background-color: #428bca;
    color: #FFF;
    position: absolute;
    bottom: 0;
    padding: 0;
    width: 90px;
    height: 20px;
    line-height: 20px;
    top: 10px;
    display: block;
    left: 120px;
    font-size: 12px;
}
.redcode a span { background-color: #5cb85c;}
.coupon_word{ width:100% ; float: left;}
.coupon_word p{max-height:60px;}
.coupon_word p span.less{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis}
 .ds_content a,.comprehensive .coupon_infor a{ width: 100%; overflow: hidden; display: inline-block;}
 .ds_action{ padding: 0 0 10px 100px; }
 .comprehensive .coupon_infor a{  padding: 0 20px 0 20px;}
 .comprehensive .coupon_infor .btn a{ padding: 0}
.c_list .ds_list .ds_content .coupon_word:hover .coupon_title{ text-decoration: underline; color: #428bca }
.c_list .red .ds_content .coupon_word:hover .coupon_title{  color:#5cb85c}
.coupon_block{ background:#fff; overflow: hidden; margin-bottom:10px; position: relative; box-shadow: 0 1px 4px #cdcdcd; border-radius: 3px;}
.ds_list{ background-color:#fff;
    padding: 30px 20px 0 20px;
    margin-bottom: 15px;
    position: relative;
    box-shadow: 0 2px 4px rgba(102,102,102,.2);}
.ds_content a{ padding: 0}
.ds_list>i.icon_hot ,.ds_list>i.icon_new{content: ""; background:url(../image/v07/common_06_29.png?ver=2017052201) 0 0; left: 0; position: absolute; top: 0; width: 55px; height: 50px; z-index: 2; }
.ds_list>i.icon_new { background-position:-100px -73px }
.ds_list>i.icon_hot{ background-position:-100px -22px}
.ds_list:hover .ds_content a.title{ color:#2692c4 }
.ds_content .coupon_title,.comprehensive .coupon_title{ margin-bottom: 0px;
    letter-spacing: .3px;
    color: #333;
    font-weight: bold;
    font-family: 'calibri',Sans-serif;
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;padding-bottom: 2px;text-align: left;}
.ds_content .coupon_title { line-height: 1.4em; margin-top: 6px;}
.ds_content p,.comprehensive p span.cpdesc{color: #666;
    margin: 0 0 4px;
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 18px;}
.ds_content .cpdesc{display: inline-block;}
.ds_cou_right{ width: 165px; position: absolute; right: 0px; top: 6px; }
.ds_cou_right p.btn,.behavior p.btn,.c_content p.btn{ position: relative; font-size: 1em;}
.ds_cou_right p.btn span.code{  right: 0}
.ds_cou_right span,.behavior .btn span{ display: block;box-shadow: 0px 1px 5px #e4e4e4; height: 40px; padding-right: 4px;}
.ds_content p.btn,.comprehensive p.btn{ width: 100%}
.ac_box>div{ display: inline-block; color: #ccc; font-size: 14px}
.ac_box .view{ margin-right: 20px}
.ac_box i,.ac_box ul li{width:20px; height:20px; background:url(../image/v07/common_06_29.png?ver=2017052201) 0 0 no-repeat; display:inline-block; vertical-align:middle; margin:0 5px 0 0}
.ac_box ul li{ width: 40px; margin-right: 20px}
.ac_box ul li>div { float: right; background-color: #f7f7f7;width: 15px; height: 20px;}
.red .ds_content .coupon_title{ color: #333 }
.ac_box .view i{background-position: -261px -184px;}
.ac_box .times i{background-position: -222px -184px; width: 14px;}
.ac_box .deadline i{ background-position:-240px -184px}
.ac_box .deadline{ color:#007ec3;}
.ac_box ul li.vote_good{background-position:-222px -159px;}
.ac_box li.vote_good:hover{background-position:-242px -159px;}
.ac_box li.vote_bad{background-position:-88px -123px;}
.ac_box li.vote_bad:hover{background-position:-88px -143px;}
.ac_box li.vote_good_grey,.ac_box li.vote_bad_grey{color:#428bca;}
.ac_box li.vote_good:hover,.ac_box li.vote_bad:hover{ color:#428bca; cursor:pointer;}
.ac_box .good .v_la,.ac_box .bad .v_la,.ac_box .good:hover .v_num,.ac_box .bad:hover .v_num{display:none;}
.ac_box span{display:inline-block; height:35px; line-height:35px;}
.ac_box .good:hover .v_la,.ac_box .bad:hover .v_la{color:#428bca; display:inline-block;}
.ac_box .good:hover,.ac_box .bad:hover{text-align:center;}
.ac_box .good:hover i,.ac_box .bad:hover i{margin-left:0;}
.in_search p{color:#333; font-size:1em; font-weight:400; padding:.5em 0;}
.in_search form{width:100%; height:40px; line-height:40px; background:#fff; position:relative;}
.in_search form input[type="text"]{height:40px; line-height:40px; padding:0 175px 0 1em; width: 100%; font-size:1em; outline:none;}
.in_search form button{position:absolute; top:2px; right:2px; width:80px; cursor: pointer; background-position: 10px 8px;}
.left_info{padding:1em; width:25%; float: left; margin-top: 60px; border-right: 1px solid #ececec;background-color: #fff;
    border-radius: 0;
    box-shadow: 0 2px 4px rgba(102,102,102,.2);}
.term_left_info{ background-color:#fff; margin-top: 94px;}
.left_info span.line{ width: 100%; display: inline-block; border-top: 1px dashed #999;}
.left_info p{  color: #666; min-height: 260px; letter-spacing: .5px; font-size: 14px; width: 100%; position: relative;}
.left_info .store_de{ position: relative; height: 90px; min-height: inherit;overflow: hidden; margin: 15px 0; color: #666; font-size: 15px; letter-spacing: .5px;  padding-bottom: 22px;}
.left_info .store_de em{ color: #428bca}
.i_view,.pro_re_stores h4,.submitbox h4,.con_with h4,.matchlink h4,.matchlink h3,.store_de h4,.re_coupon h4,.cate_des h4{color:#333; font-size:1.3em; padding:0 0 1em 35px; position:relative; }
.i_view{ display: none; padding: 0}
.submitbox h4,.con_with h4,.matchlink h4,.store_de h4,.re_coupon h4,.cate_des h4,.matchlink h3{ padding: 0;}
.re_coupon>div{ margin-top: 10px}
.re_coupon a{ display: block; cursor: pointer;}
.re_coupon a:hover{ text-decoration: underline; color:#428bca }
.matchlink a:hover{color:#428bca }
 .matchlink h4,.matchlink h3{ margin-bottom: 6px; font-weight: 300;}
 .store_de h4{ display: none;}
.pro_re_stores h4{padding:1em 0 0 0;}
.pro_re_stores ul li a span{ color:#5bc9cd;font-size: 1.5em;}
.i_view:after{ display:block;width:24px; height:24px; background:url(../image/v07/common_06_29.png?ver=2017052201) -1px -64px no-repeat; position:absolute; top:0; left:0;}
.mer_pic{ width: 100%;text-align: center;}
.left_info a.golink{ font-weight: bold;margin:10px 0; text-align:center; display:block; position:relative;color:#428bca;border: 1px solid #428bca; border-radius: 5px;
text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 20px;
    text-indent: 10px;
 height: 35px;line-height: 35px;}
.left_info a.golink:hover{ background-color: #fff; text-decoration: underline;}
.left_info a.golink:before,.left_info a.golink:after { background-color: #428bca; right: 12px;}
.left_info a.golink:before{ top: 11px;}
.left_info a.golink:after{ top: 16px;}
.matchlink,.submitbox,.con_with,.re_coupon,.filter{ border-top: 1px dashed #999;  padding-top:1em; margin-top:1em; min-height:auto; padding-bottom: 0}
.matchlink,.matchlink ul,.matchlink ul li,.matchlink ul li a{ width: 100%;}
.cate_sec,.cate_des{ border-top: none; border-bottom: 1px dashed #999; margin-top: 0; padding-bottom: 1em; padding-top: 0;}
.cate_des{ margin-bottom: 20px;}
.cate_des p{  color: #666;  font-size: 15px; letter-spacing: .5px; margin-top: 10px;}
.con_with{ border-bottom: 1px dashed #999;padding-bottom: 1em;}
.con_none{ display: none;}
.submitbox{ border-bottom: 1px dashed #999; padding: 1em 0}
.submitbox .btn{ float: inherit;}
.submitbox .btn button{
    font-size: 15px;
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    background-color: #428bca;
    text-align: center;
}
.submitbox a{ display: block;}
.submitbox a:hover i.show_details{ transform:rotate(270deg);
-ms-transform:rotate(270deg);     /* IE 9 */
-moz-transform:rotate(270deg);    /* Firefox */
-webkit-transform:rotate(270deg); /* Safari 和 Chrome */
-o-transform:rotate(270deg);  /* Opera */}
.show_details{ position:relative; height: 16px; width: 16px; display: inline-block;background-color: #428bca; border-radius: 3px; margin-left: 6px;top: 1px;}
.show_details:before,.show_details:after{ right: 7px;top: 4px; background-color: #fff;-moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);}
.show_details:before{
    /* right: 8px; top: 8px; */
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);}
.submitbox .group input.w_95 { width: 37%;}
.matchlink ul li:hover{ background-color: #f2f5f7; padding-left: 20px; border-left: 2px solid #428bca; cursor: pointer;}
.matchlink ul li:hover a:before{ display: none;}
.mer_pic img{  border-radius: 2px; border:1px solid #e1e1e1;max-width: 100%; cursor: pointer; box-shadow: 0 1px 4px #e4e4e4;}
.mer_pic img:hover{ box-shadow: 0px 2px 1px #b2b2b2}
.left_info .store_de a{ color:#428bca; position: absolute;bottom: 2px; right: 0px;background: #fff; width: 100%}
.left_info .store_de a.less{ position: relative;}
.pro_re_stores a{ color:#999}
.cate_block{ margin-bottom: 1em; width: 100%;}
.cate_title { background: #fff;
    height: 2.5em;
    line-height: 2.5em;
    font-size: 1.125em;
    padding: 0 30px;
    position: relative;
    border-radius: 3px;}
.see_all{ float:right}
.cate_title a{ color: #428bca;}
.cate_title i{ display: inline-block; width: 3px; height: 16px; background: #15686b; vertical-align: middle;margin-right: 8px;}
ul.cate_content,.text{  background-color:#fff; overflow: hidden; padding: 30px; margin-bottom: 10px; box-shadow: 0 2px 4px rgba(102,102,102,.2);}
ul.cate_content{ margin-bottom: 0;}
ul.new_stores{ margin-bottom: 30px;}
ul.inset_shadow{box-shadow: 0 1px 0 #e4e4e4 inset; -moz-box-shadow: 0 1px 0 #e4e4e4 inset; -webkit-box-shadow: 0 1px 0 #e4e4e4 inset;}
ul.cate_content span{ display: inline-block; color: #555; font-weight: 400;}
ul.cate_content li span{ color: #999; font-weight: 300; font-size: 14px; line-height: 32px; margin-left: 4px;}
ul.cate_content span a{ color: #333; font-size: 1.2em;display: inline-block; padding-left: 10px; position: relative; box-sizing: border-box;}
ul.cate_content li a{ line-height: 2em;
    font-size: 1em;
    color: #428bca;
    float: left;
    border: 1px dashed;
    padding: 6px 8px;
    border-radius: 3px;
    margin-bottom: 15px;  }
ul.cate_content li{ width: 20%;overflow: hidden; white-space: nowrap; text-overflow:ellipsis; float: left;}
ul.cate_content span a:before{ content: ""; position: absolute; left: 0; top: 6px; width: 2px; height: 14px; background-color: #428bca}
ul.cate_content a,.cate_title a,.all_stores p a{ font-size: 1.125em; cursor: pointer;}
ul.cate_content a.more { width: 100%;color: #428bca;}
ul.cate_content a:hover{ text-decoration: underline;}
ul.cate_content a span{ color:#ccc; margin-left: 2px; font-weight: 200;}
.all_stores p{
    background: #fff;
    box-shadow: 0 2px 4px rgba(102,102,102,.2);
    overflow: hidden;
    margin-bottom: 1em;
    padding: 30px;
    position: relative;
    border-radius: 3px;}
.all_stores p a{     float: left;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-right: 7%;
    line-height: 36px;
    color: #428bca;
    background-color: #f8f7ef;
    margin-bottom: 15px;
    text-align: center;
    font-size: 1.225em;
    border: 1px solid;}
.all_stores p a:last-child{     width: 80px;
    border-radius: 3px;}
.all_stores p a:last-child:hover{ background-color: #428bca;
    text-decoration: underline;
    box-shadow: none;
    color: #fff;}
.all_stores p a:hover{ background-color: #428bca; color: #fff; }
.all_stores p span{ position: absolute; font-size: 3em;color: #f2F2F2; bottom: -.5em;right: 10px; font-weight: 400;}

.f_bg{ background:#eee; border-top:3px solid #ddd; font-size:12px; padding:24px 0 10px 0; color:#333}
.helphelp a{ color:#fff; background-color:#428bca; border-color:#357ebd; border-radius:3px; padding:4px 6px;}
.notice ul li{ list-style:disc; margin:3px 0 0 38px}
.language { float:left; margin:15px 0 15px 0; height: 30px;}
.language ul li{ float:left; margin:3px 30px 0 3px; height:20px;}
.copyright{ margin:15px 0; clear:both;}
.copyright a{ color:#428bca}
.copyright a:hover{ text-decoration:underline}
.f_left{ float:left}
.f_right{ float:right}


.contries a{display:inline-block; float:left; width:auto; margin-right: 27px}
.contries a:nth-child(9n){ margin-right: 0}
.text p{line-height: 24px;
    margin-bottom: 10px;
    color: #666;
    text-align: justify;
    letter-spacing: .5px;}
.text{ min-height:430px}
.text h4{font-weight: bold;margin-bottom: 15px;}
.text p a{    color: #428bca;font-size: 16px;}
.text ul{padding-left: 15px;font-size: 15px;}
.text ul li{padding-left: 10px;}
.mar12 span{ margin: 20px 0; font-size: 14px; letter-spacing: .5px; color: #777}
.mar12 a{  line-height: 45px;display: inline-block;}
.mar12 a:hover{ background-color: #f2f5f7; padding: 0 20px; border-radius: 5px;}
/*弹出层样式 */
.layer{ overflow-y: scroll;  width: 100%; height: 100%; position: fixed; top: 0; z-index: 999;}
.shade { width: 100%; height: 100%;  left: 0;  position: fixed; top: 0; z-index: 100; background-color: rgba(15,27,36,0.85);}
.layer .content {  position: relative;  padding: 20px 20px; text-align: center;  background: #f2f5f7;
    box-shadow: 0 12px 24px rgba(0,0,0,0.47);
    width: 38em;
    z-index: 100;
    top: 15%;
    left: 0;
    right: 0;
    margin: 0 auto 10%;
    border-radius: 5px;
    border-top: 9px solid #428bca;
}
.layer .content .x {
    float: right;
    height: 30px;
    width: 30px;
    margin: 10px 0 0 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
}
.layer .content p{ margin: 10px auto; color: #666; display: inline-block; width: 100%; letter-spacing: .5px;}
.layer .content p.gray{ color: #888;letter-spacing: 0; font-size: 14px;}
.layer .content p.coupon_code_none{ margin: 0; text-align: center;  line-height: 48px;}
.layer .content p.cop_con{  display: block; width: 100%; position: relative;padding-right: 100px; box-sizing: border-box;margin: 0;}
.layer .content p.cop_con span{ width: 100%;display: block;text-align: center; color: #333; font-weight:200; line-height: 48px;}
.layer .content p a{ color: #fff; cursor: pointer; position: relative;display: inline-block; border-radius: 5px; padding: 7px 18px; padding-right: 24px; box-shadow: 0 1px 4px #c4c4c4;
    background-image: -webkit-linear-gradient(top, #428bca,#0081c9);
    background-image: -moz-linear-gradient(top,#428bca, #0081c9);
    background-image: -o-linear-gradient(top, #428bca, #0081c9);
    background-image: linear-gradient(top, #428bca, #0081c9);
    background-image: -ms-linear-gradient(top, #428bca, #0081c9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=008ddb, endColorstr=#0081c9, GradientType=1);}
.layer .content p a:before,.layer .content p a:after{ background-color:#fff; right: 12px ; top: 11px}
.layer .content p a:before{ top: 16px}
 .layer .content p a:hover{ border-left: none;border-right: none;}
h3{ font-size: 1.6em; /* color: #15686b; */}
.layer .content .coupon_code {
    border: 1px solid #cfcfcf;
    width: 80%;
    font-size: 1.625em;
    overflow: hidden;
    background-color: #fff;
    border-radius: 5px;
    margin: 0 auto 10px;
    position: relative;
    float: inherit;
}
.layer .content .coupon_code p.code {
    color: #333;
    width: 100%;
    line-height: 40px;
    vertical-align: middle;
    float: left;
    padding-right: 118px;
    box-sizing:border-box;
}

.c_code{ padding:0.5em 5em 0.5em 2em}
.c_code div{ padding:0.2em 0; line-height:1; width:100%; text-align:center; word-spacing:normal; word-wrap:break-word; color:#5cb85c; font-weight:500}
.coupon_code input[type="button"]{ position:absolute; width:4em; height:100%; font-size:1em; top:0; right:-2px; z-index:2; background:#5cb85c; color:#fff; cursor:pointer}

.layer .content p.copy_btn {width: 100px;line-height: 42px; font-size: .9em; background-color: #428bca;/* background-image: linear-gradient(to bottom,#32c8b1 0,#18bea5 100%); */
    color: #FFF;border-radius: 3px; cursor: pointer;font-weight: 200;position: absolute;right: 2px; top: 2px;  margin: 0; text-align: center; height: 42px;}
.layer .content .coupon_code p.code { margin: 0; height: 60px; line-height: 60px}
.layer_link{ width: 80%; margin: 10px auto 20px}
.layer_link a,.re_coupon a{ display:block; text-align: left; position: relative; padding-left: 10px; cursor: pointer; line-height: 2em}
.layer_link a:hover, .re_coupon a:hover{ color: #1bbfa6; text-decoration: underline;}
.re_coupon a,.matchlink a{ line-height: 1.5em; font-size: 15px; margin-bottom: 10px;  letter-spacing: .5px;  color: #666}
.matchlink a{ line-height: 2em; display: inline-block; margin-bottom: 0; position: relative; padding-left: 10px;}
.re_coupon a i{ font-style: normal; margin-left: 2px; color: #333; font-family: 'calibri',Sans-serif; letter-spacing: 0px; font-weight: 600; font-size: 14px;}
.layer_link a:before,.re_coupon a:before,.cou_info p a.title:before,.matchlink ul li a:before{ content: ""; width: 2px; height: 14px; background-color: #428bca; position: absolute; left: 0; top: 8px }
.re_coupon a:before,.cou_info p a.title:before{ top: 4px; height: 10px}
.matchlink ul li a:before{ top: 10px; height: 10px}
.layer form{
    border: 1px solid #428bca;
    width: 80%;
    border-radius: 3px;
    margin: 0px auto;
    position: relative;
    display: inline-block;
}
.layer form input[type="text"] {
    padding: 10px 5px 10px 10px;
    font-size: .875em;
    outline: none;
    float: left;
    width: 60%;
    background-color: #f2f5f7
}
.layer form button {
    background: #bde0f4;
    color: #428bca;
    text-align: center;
    padding: 10px 15px;
    font-size: .875em;
  /*   border-radius: 0 3px 3px 0; */
    cursor: pointer;
    float: right;
    outline: none;
}
.midlle{ width: 100%; border-top: 1px dashed #ced2d5;border-bottom: 1px dashed #ced2d5; padding: 15px 0 30px; margin-bottom: 20px;}
.layer .content p.see_more a:before,.layer .content p.see_more a:after{ display: none;}
.layer .content .coupon_code p.code.no {
    color: #ccc;
    width: 100%;
    text-align: center; padding-right: 0
}
/* submit */
.submitbox form .group {
    margin: 10px 0;
    position: relative;
}
.submitbox form .group select,.submitbox form .group textarea,.submitbox form .group input{
    width: 100%;
    height: 30px;
    padding: 0 0 0 3px;
    border: 1px solid #d7d7d7;
    color: #8a8a8a;
    border-radius: 3px; display: inline-block;
}
.submitbox form .group textarea{
    height: 58px;
    padding: 5px 0 0 5px;
}
.group i {
    position: absolute;
    top: 5px;
    left: 2px;
    color: #ff0000;
}
.submitbox form .group input {
    text-align: left;
}
.submitbox form  .group select.w_150 {
    width: 60%;
    color: #8a8a8a;
    float: left;
    margin-right: 3px;
}
.submitbox form .group input.w_95{ width: 37%}
.submitbox form .group input.sec_code{ width: 50%;}
.Zebra_DatePicker_Icon_Wrapper input.txt{ min-width: 150px;}
button.Zebra_DatePicker_Icon { display: block; position: absolute; width: 16px; height: 16px; background: url(/image/v07/mob_icon.png) -4px -39px no-repeat;
    text-indent: -9000px; border: none; cursor: pointer; padding: 0; line-height: 0; vertical-align: top;}
.submitbox form .group p{ position: relative; width: 50%; display: inline-block; min-height: inherit;}
button.day {  display: block;  position: absolute; width: 16px; height: 16px; background: url(../image/v07/common_06_29.png?ver=2017052201) -4px -39px  no-repeat;
    text-indent: -9000px; border: none; cursor: pointer;
    padding: 0;
    line-height: 0;
    vertical-align: top;
    top: 7px;
    right: 8px;
}
.submitbox form .sub_btn button {
    font-size: 15px;
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    background-color: #428bca;
}
.submitbox form .group input.w_150 {
    width: 50%;
}
.submitbox form .group input.chk{ margin: 0; height: inherit; width:inherit;}
.Icon_Wrapper {
    display: inline-block;
    position: relative;
    float: left;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 50%;
    margin-bottom: 5px;
}
.edm_layer_01,.edm_layer_02,.edm_layer_03,.icode_01,.block_coupon_dialog,.first_term_url_02,.first_term_url_01,.click_country_01{ display:none;}
.fixed{box-shadow: 0 0 6px rgba(0, 0, 0, 0.2) !important;position: fixed; top:0; z-index: 999; padding: 0 10px;}
.coun_title{background-color: #fafcfd;
    border-bottom: 1px solid #e4e4e4;
    padding: 0 20px;
    margin-bottom: 20px;  }
.no_super{ background: inherit;  background: inherit;border-bottom: none;margin: 0;padding: 0; position: relative;}
.no_super a{ display: none;}
.coun_title i{ background-color: #2692c4}
.coun_title .flag{ background-color: #caeaf9; padding: 8px; position: relative;}
.coun_title .flag:after{       position: absolute;
    display: block;
    border-color: transparent;
    border-style: solid;
    bottom: -20px;
    left: 50%;
    margin-left: -10px;
    border-top-color: #caeaf9;
    content: " ";
    border-width: 10px;
    box-sizing: border-box;
    z-index: 2;}
.coun_title a{ color: #666;position: relative; float: right; line-height: 38px}
.coun_title a span{ color: #428bca}
.coun_title h2{ display: block;position: relative; padding-bottom: 10px;}
.list_style_choice{ position: absolute; top: 15px; right: 2.5em; z-index: 99; }
.list_style_choice ul li i,.list_style_choice a i{ margin-right: 4px; background: url(../image/v07/common_06_29.png?ver=2017052201) 0 0 no-repeat; display: inline-block; vertical-align: middle; width: 20px; height: 16px;}
.list_style_choice a.choice_on{ width: 130px; height: 36px; line-height: 36px; display: block; border-radius: 5px; border: 1px solid #428bca; color: #428bca; font-size: 1em; float: inherit; text-align: inherit; padding-left: 10px;}
.list_style_choice a.choice_on:hover{ background-color: #f7f7f7;}
.list_style_choice a.choice_on span{ margin-left: 10px; position: relative; width: 20px; height: 16px; display: inline-block;}
.list_style_choice a.choice_on span:after,.list_style_choice a.choice_on span:before{ width: 2px; height: 8px; background-color:#428bca; top: 8px; left: 0px; }
.list_style_choice a.choice_on span.on:after,.list_style_choice a.choice_on span.on:before{left: 7px;}
.list_style_choice a.choice_on span:after{ left: 5px;}
.list_style_choice a.choice_on span.on:after{ left: 1px;}
.list_style_choice a i{ background-position: -78px -259px;}
.list_style_choice ul{ width: 130px; background-color: #fff; box-shadow: 0 1px 1px #c4c4c4;display: none;}
.list_style_choice ul li{ width: 100%;  padding: 0 10px; height: 40px; line-height: 40px; border-bottom: 1px solid #e7eaea; cursor: pointer;}
.list_style_choice ul li:hover{ border-bottom: 2px solid #428bca; box-shadow: 0 1px 4px #e4e4e4;}
.list_style_choice a.popular i{background-position: -6px -258px; }
.list_style_choice a.fresh i{background-position: -26px -258px; }
.list_style_choice a.discount i{background-position: -51px -258px; }
.list_style_choice a.default i{background-position: -78px -259px; }
.list_style_choice a{ text-align: center; color:#428bca; display: inherit; float: left;}
.term_dis{ background-color: #fff; padding: 20px 30px;}
.term_dis{ margin-bottom: 1em}
article>div{padding: 20px 30px 10px; background-color:#fff; box-shadow: 0 2px 4px rgba(102,102,102,.2);}
article p{ font-size: 15px; color:#666; letter-spacing: .5px;}
article p img{  margin: 10px 15px 0 0; max-width: 100%;}
article p iframe{ margin-top: 10px}
article h4{ background-color:#fff;}
article h4 a{ color: #428bca; display: inline-block; margin: 8px 0}
.page_link_n span {
    display: inline-block;
    line-height: 22px;
    position: relative;
    color: #666;
    font-size: 14px;
    letter-spacing: .5px;
}
.page_link_n{ overflow: hidden; margin: 20px 0;}
.page_link_n a span  {
    padding-right: 14px;
   color: #428bca; font-size: 14px}
.page_link_n a span:before, .page_link_n a span:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 1px;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #999;
    right: 4px;
    top: 8px;
}
.page_link_n a span:after {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 11px;
    right: 4px;
}
.page_link_n >div {
    float: left;
}
.con_with p{ min-height: inherit; position:relative;  word-break: break-word; font-size: 15px; letter-spacing: .5px;}
.con_with h4{ margin-bottom: 10px}
.related_wrap,.pop_stores{  padding-bottom:10px; }
.pop_stores{ background-color: #f9fafb; }
.related_wrap{ background-color: #f2f5f7; margin-top: 30px;}
.code_center{ text-align: center; /* width: inherit;  overflow: inherit;*/ line-height: 24px; width: 140px;}
.ds_cou_right span.code_center,.behavior .btn span.code_center{ /* width: 170px; */ overflow: hidden; width: 150px;}
/* .btn_abtest .ds_cou_right span.code_center,.btn_abtest .behavior .btn span.code_center{ width: 150px;} */
.code_center:hover{ cursor:pointer;}
ul.hotstore_list,.cou_info,.com_coupon,.cou_info .box{
    border-right: 1px solid #ececec;
    border-radius: 0; background: #fff;
    box-shadow: 0 2px 4px rgba(102,102,102,.2);}
.cou_info .box{ background-color: #f2f5f7; box-shadow: none;}
.new_add p{
    display: inline;
    width: inherit;
    padding: 0;line-height: 1.5em;}
.new_add p iframe{ margin: 10px 0}
.new_add p img{margin: 15px 15px 15px 0; max-width: 400px;float: left;}
.new_add p:nth-child(2n) img{ /* float: right; margin: 15px 0 15px 15px; */}
button.v_m{ box-shadow: 0px 1px 4px #e4e4e4; border-radius: 3px; width: 100%; height: 38px; background-color: #2692c4; color: #fff;
 cursor: pointer; font-size: 16px; line-height: 38px;}
button.v_m i{ position: relative;}
button.v_m i:before{ content: ""; top: 5px; right: -10px;
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);}
button.v_m i:after{ content: ""; top: 5px; right: -15px}
.merchant_img{ position: absolute; display: block;margin: 20px 10px 10px 20px; width: 145px; z-index: 11;}
.merchant_img img{ max-height: 125px; width: 100%;    top: 10px;
    border-right: 1px solid #ececec;
    box-shadow: 0px 1px 4px #e4e4e4;
 padding: 0;
    border: 1px solid #dbe0e4;
    border-radius: 5px;
    background-color: #fff;}
.merchant_img a{ height: inherit;}
.comprehensive .coupon_infor{  text-align: left; cursor: pointer; position: relative; height: inherit; min-height: 140px; padding: 20px 20px 0 20px;
    padding-left: 160px;}
.comprehensive p.f11 a{ display: inline; padding: 0; color: #428bca}
.merchant_name a{color: #428bca; width: 100%; text-align: center;}
.merchant_name{ text-align:left;margin: 4px 0; height: 26px; overflow: hidden;}
.comprehensive p.f11{/*  position: absolute; bottom: 4px; left: 180px; */ width: 100%; margin-left: 20px; border-top: 1px solid #f2f2f2; padding-top: 4px; color: #ccc;font-size: 14px;
    letter-spacing: .5px;}
.comprehensive .coupon_word{ width: 70%; }
.comprehensive .ds_cou_right{ position: relative; float: right; top: 30px;}
.comprehensive .coupon_block{ min-height: 160px; margin-bottom: 16px;}
 .comprehensive .ds_action{ padding-bottom: 0px; padding-left: 0;}
.comprehensive .ac_box{ overflow: hidden;width: 100%; padding-left: 20px;}
 .categories_all p a{display:inline-block;font-size:1em;text-decoration:underline}
ul.category{padding:0;margin:0;list-style-type:none; overflow: hidden; background: #fff;  box-shadow: 0px 1px 4px #e4e4e4;
    border-radius: 3px;
    border-right: 3px solid #fff; padding: 20px;}
ul.category li{float:left;line-height:25px;}
ul.category li:hover{ text-decoration: underline;}
li.categories_step1{width: 100% !important;
    font-weight: 400;
    font-size: 1em;
    line-height: 32px!important;
    position: relative;
    height: 32px;
    border-bottom: 1px solid;
    margin: 20px 0;}
li.categories_step2{width:100%!important;font-weight:400; text-indent:2.5em; background-color: #fff;}
li.categories_step4{float:left;font-weight:400; text-indent:10px;  width: 33.3%;}
li.categories_step3{float:left; text-indent:4em; width: 25%; line-height: 1.5em;}
li.categories_step1 a{font-size: 1.125em;
    font-weight: bold;
    position: absolute;
    left: 0;
    bottom: 0px;
    padding: 6px 15px;
    border-radius: 3px;}
li.categories_step2 a,li.categories_step4 a{    color: #428bca;
    letter-spacing: .5px;
    display: inline-block;
    padding: 6px 10px;
    text-indent: 0;
    margin-bottom: 10px;
    border: 1px solid;
    border-radius: 3px;}
li.categories_step3 a{color:#428bca!important; font-size: 1em;}
/*date picker style*/
.Zebra_DatePicker_Icon_Wrapper{width:100%; margin-bottom:5px;}.Zebra_DatePicker *,.Zebra_DatePicker *:after,.Zebra_DatePicker *:before{-moz-box-sizing:content-box!important;-webkit-box-sizing:content-box!important;box-sizing:content-box!important;}.Zebra_DatePicker{position:absolute;background:#666;border:3px solid #666;display:none;z-index:100;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:13px;}.Zebra_DatePicker *{margin:0;padding:0;color:#000;background:transparent;border:none;}.Zebra_DatePicker table{border-collapse:collapse;border-spacing:0;}.Zebra_DatePicker td,.Zebra_DatePicker th{text-align:center;padding:5px 0;}.Zebra_DatePicker td{cursor:pointer;}.Zebra_DatePicker .dp_daypicker,.Zebra_DatePicker .dp_monthpicker,.Zebra_DatePicker .dp_yearpicker{margin-top:3px;}.Zebra_DatePicker .dp_daypicker td,.Zebra_DatePicker .dp_daypicker th,.Zebra_DatePicker .dp_monthpicker td,.Zebra_DatePicker .dp_yearpicker td{background:#E8E8E8;width:30px;border:1px solid #7BACD2;}.Zebra_DatePicker,.Zebra_DatePicker .dp_header .dp_hover,.Zebra_DatePicker .dp_footer .dp_hover{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.Zebra_DatePicker .dp_header td{color:#FFF;}.Zebra_DatePicker .dp_header .dp_previous,.Zebra_DatePicker .dp_header .dp_next{width:30px;}.Zebra_DatePicker .dp_header .dp_caption{font-weight:400;}.Zebra_DatePicker .dp_header .dp_hover{background:#222;color:#FFF;}.Zebra_DatePicker .dp_header .dp_blocked{color:#888;cursor:default;}.Zebra_DatePicker .dp_daypicker th{background:#FC3;}.Zebra_DatePicker td.dp_not_in_month{background:#F3F3F3;color:#CDCDCD;cursor:default;}.Zebra_DatePicker td.dp_not_in_month_selectable{background:#F3F3F3;color:#CDCDCD;cursor:pointer;}.Zebra_DatePicker td.dp_weekend{background:#D8D8D8;}.Zebra_DatePicker td.dp_weekend_disabled{color:#CCC;cursor:default;}.Zebra_DatePicker td.dp_selected{background:#5A4B4B;color:#FFF!important;}.Zebra_DatePicker td.dp_week_number{background:#FC3;color:#555;cursor:text;font-style:italic;}.Zebra_DatePicker .dp_monthpicker td{width:33%;}.Zebra_DatePicker .dp_yearpicker td{width:33%;}.Zebra_DatePicker .dp_footer{margin-top:3px;}.Zebra_DatePicker .dp_footer .dp_hover{background:#222;color:#FFF;}.Zebra_DatePicker .dp_today{color:#FFF;padding:3px;}.Zebra_DatePicker .dp_clear{color:#FFF;padding:3px;}.Zebra_DatePicker td.dp_current{color:#C40000;}.Zebra_DatePicker td.dp_disabled_current{color:#E38585;}.Zebra_DatePicker td.dp_disabled{background:#F3F3F3;color:#CDCDCD;cursor:default;}.Zebra_DatePicker td.dp_hover{background:#482424;color:#FFF;}button.Zebra_DatePicker_Icon{display:block;position:absolute;width:16px;height:16px;
background:url(../../image/v07/ss_img.png) -155px -232px no-repeat;text-indent:-9000px;border:none;cursor:pointer;padding:0;line-height:0;vertical-align:top;}button.Zebra_DatePicker_Icon_Disabled{background-image:url('../../image/v07/ds_datepicker/calendar-disabled.png');}button.Zebra_DatePicker_Icon{margin:0 0 0 3px;}button.Zebra_DatePicker_Icon_Inside{margin:0 3px 0 0;}
/*left_right_abtest*/
.left_right_abtest .main_wrap{ float: right; padding: 0 0 0 2.5em;}
.left_right_abtest .list_style_choice{ right: 0;}
.left_right_abtest .left_info{ margin-top: 20px;}
/*top btn*/
a.top_btn{ width: 60px; height: 60px; border: 2px solid #428bca; color:  #428bca; text-align: center; border-radius: 3px; background-color: #fff; position: fixed; z-index: 999; bottom: 100px; right: 2%; display: none; }
a.top_btn i{ width: 30px; height: 30px; margin: 10px auto 0; display:block; background: url(../image/v07/common_06_29.png?ver=2017052201) -163px -219px no-repeat}
a.top_btn:hover{ box-shadow: 0 4px 10px #c4c4c4; background-color:#f2faff;}
.coupon_block{ background-color: #f7f7f7; border: 1px solid #c4c4c4; border-radius: 0; box-shadow: none;}
.ds_list:hover .ac_box ul li>div,.ac_box ul li>div ,.left_info .store_de a{ background-color: #fff;}
.comprehensive .coupon_title{ font-size: 30px;}
a.reconmand_term_name{  line-height: 1.2em; position: relative; padding-left: 20px; margin-right: 25px; color: #428bca;  letter-spacing: .5px;font-size: 14px;}
.reconmand_term_name:before{     content: "";
    background: url(../image/v07/common_06_29.png?ver=2017052201) -139px -146px no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -1px;
    left: 0;}
a.reconmand_term_name:hover{ text-decoration: underline;}
.ds_cou_left:hover .reconmand_term_name{ text-decoration: underline; }
.comprehensive p span.cpdesc{ padding-left: 20px;}
.banner{ margin-top: 10px; }
.banner a img{ width: 100%;}
.coupon_recom_tag { background-color: #24b1ab;
    color: #fff;
    position: absolute;
    left: 4px;
    top: 10px;
    padding: 0px 5px;
    font-size: 9px;
    display: block;
    height: 20px;
    line-height: 20px;
    text-transform: uppercase;}
.tag_test .coupon_recom_tag{ border-radius: 3px; color:#428bca; border: 1px solid #428bca; background-color: #f7f7f7; height: 20px;
    line-height: 20px; top: 8px;}
.ponit{ width: 100%; margin-top: 20px;}
.ponit>ul{ overflow: hidden; margin: 0 auto; width: 72px;}
.ponit>ul li{ float: left; width: 10px; height: 10px; border-radius: 5px; display: block;margin-right: 20px; background-color: #bcbcbc;}
.ponit>ul li:last-child{ margin-right: 0;}
.ponit>ul li.on{background-color: #428bca}
.Verify{ color: #36ca38; text-align: center;  margin-top: 10px; position:absolute; top: 5px; right: 70px;}
.Verify:before,.Verify:after{ background-color:#36ca38; top: 10px; }
.Verify:before{ right: 64px; height: 6px;}
.Verify:after{ right: 58px; height: 12px; top:4px;}

.filter-up{ padding-bottom: 15px; border-bottom: 1px solid #e7eaea; text-align: center;}
.filter-up span{ font-size: 3em; display: block; position: relative; color: #428bca;}
.filter-up span:before{ content: ""; position: absolute;  width: 0;
     height: 0;
     border-top: 8px solid transparent;
     border-right: 12px solid #b5e6ff;
     border-bottom: 8px solid transparent; left: 30px; top: 40%;}
.filter-down h3{ color: #333; font-size: 1.2em;font-weight: 300;}
.filter-down label{ display: block; color: #666;
    font-size: 15px;
    letter-spacing: .5px; line-height: 2em;}
.filter-down label span{margin-right: 2px;
    background-color: #f2f2f2;
    padding: 4px 8px;
    border-radius: 5px; color: #428bca;}
.filter-down input{ margin-right: 10px;}

.fashion_ver .ds_cou_left {
    width: 110px;
    height: 110px;
    border-radius: 3px;
    border: 1px solid #f94c00;
    top: 20px;
    left: 20px;
    background-color: #fff;
}
.fashion_ver .ds_list{ border-radius: 3px;}
.fashion_ver .ds_content, .fashion_ver .ds_action { padding-left: 130px;}
.fashion_ver .ds_cou_left a{ padding-top: 20px;}
.fashion_ver .ds_cou_left a span{left: 130px; border-radius: 0;top: 0;width: 90px; height: 18px; line-height: 18px; background-color:#7bb12f; }
.fashion_ver .ds_cou_left a.fashion-style-2 p { font-size: 38px;}
.fashion_ver .ds_cou_left a.fashion-style-2 p:nth-child(2){ font-size: 20px}
.fashion_ver .ds_cou_left a p {  color: #5cb85c; letter-spacing: -.5px;}
.fashion_ver .ds_content .coupon_title, .fashion_ver .comprehensive .coupon_title {  margin: 10px 0 4px;}
.fashion_ver .blue .ds_cou_left a p,.fashion_ver .blue .ds_cou_left a b { color: #7bb12f;}
.fashion_ver .blue .ds_cou_left { border: 1px solid #7bb12f;}
.fashion_ver .ds_cou_left a.fashion-style-1 p{ font-size: 36px;}
.fashion_ver .ds_cou_left a.fashion-style-1 p:nth-child(2){  font-size: 20px;}
.fashion_ver .ds_cou_left a.fashion-style-5 p{ font-size: 1.2em; letter-spacing: .1px;}
.fashion_ver .ds_cou_left a.fashion-style-5 p:nth-child(2){ letter-spacing: -1px; font-weight: 400; font-size: 36px;}
.fashion_ver .ds_cou_left a.fashion-style-5 { padding-top: 26px;}
.fashion_ver .ds_cou_left i{ background: url(../image/v07/common_06_29.png?ver=2017052201) -334px -42px no-repeat;
    height: 70px;
    width: 70px;}
.fashion_ver .redcode .fashion-style-6 i{ background-position: -414px -42px;}
.fashion_ver .ds_cou_left a.fashion-style-6{ padding-top: 20px;}
.fashion_ver .ds_cou_right p.btn span.code i{ background: url(../image/v07/common_06_29.png?ver=2017052201) -42px -459px no-repeat;}
.fashion_ver .ds_cou_right p.btn span.code{ background-color: #428bca;}
.fashion_ver .ds_cou_right .coupon_code{ border-color: #428bca; color: #428bca; background-color: #e2f5ff;}
.fashion_ver .redcode a span { background-color: #5cb85c;}
.fashion_ver .ds_cou_left .fashion-style-3 i{ background-position: -334px 0px; height: 40px;}
.fashion_ver .redcode .fashion-style-3 i{ background-position: -410px -0px;}
.fashion_ver .ds_cou_left a.fashion-style-3{ padding-top: 35px;}
.fashion_ver .ds_cou_left .fashion-style-4 i{ background-position: -334px -109px; height: 60px;}
.fashion_ver .redcode .fashion-style-4 i{ background-position: -410px -109px;}
.fashion_ver .ds_cou_left .fashion-style-7 i{ background-position: -334px -169px; height: 60px;}
.fashion_ver .redcode .fashion-style-7 i{ background-position: -410px -169px;}
.fashion_ver .is_too_long a p,.fashion_ver .is_too_long a b:nth-child(2n){ font-size: 25px !important;}
.fashion_ver .is_too_long a.fashion-style-5{ padding-top:30px}
.fashion_ver .coupon_recom_tag{    background-color: #dea028;
    top: 21px;
    left: 250px;
    border-radius: 0;
    height: 18px;
    line-height: 18px;
    letter-spacing: .3px;}

.coupon_use{ position: absolute; top: 11px; left: 220px; letter-spacing: .5px; color:#777; font-size: 14px; }
.layer .content p a.coupon_pop_btn{    width: 350px;
    height: 48px;
    line-height: 48px;
    padding: 0;
    font-size: 20px;display: none;}
.get_coupon_pop .content p a.coupon_pop_btn{ display: inline-block; margin-top: 20px;}
.layer .content p a.coupon_pop_btn:before, .layer .content p a.coupon_pop_btn:after{ right: 104px; top: 22px; background-color: #fff;}
.layer .content p a.coupon_pop_btn:hover:before, .layer .content p a.coupon_pop_btn:hover:after{ right: 94px;}
.layer .content p a.coupon_pop_btn:after{ top: 17px;}
.get_coupon_pop .coupon_code,.get_coupon_pop .content p.gray{ display: none; }
.get_coupon_pop p a.go{ background-image: none; box-shadow: none; color: #428bca; border: 1px solid #428bca; margin: 20px auto -10px; }
.get_coupon_pop .content p a:before, .get_coupon_pop .content p a:after{ background-color: #428bca;}
.get_coupon_pop p a.go:hover{  border:1px solid #428bca; text-decoration: underline;}
.layer .content p a.coupon_pop_btn:hover{ box-shadow: 0 8px 20px #c4c4c4;}
.ds_cou_right p.btn span.get_coupon:hover,.btn a.coupon span.get_coupon:hover{ left: 0;}
.expired_h3{    font-size: 1.1em;
    padding-top: 0;
    font-weight: 300;
    margin: -15px 0 5px;}
.visit_more{ color: #428bca; margin-top: 20px; display: block;}
.visit_more:hover{ text-decoration: underline;}


.cookie-notification{font-size: 14px; background: #0f5386;color: #fff;z-index: 9999;position: fixed;width: 100%;bottom: 0;left: 0;padding: 1.2em 2em;}
.cookie-notification span{height: 15px;width: 15px; cursor: pointer; position: absolute;right: 20px;top: 45%;font-size: 1em;font-weight: 700;}
.cookie-notification span::before,.cookie-notification span::after{background: #fff;    width: 1px;    height: 15px;    right: 7px;    -moz-transform: rotate(45deg);    position: absolute;    content: "";    -ms-transform: rotate(45deg);    -o-transform: rotate(45deg);    -webkit-transform: rotate(45deg);    transform: rotate(45deg);}
.cookie-notification span::after{-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);    -webkit-transform: rotate(-45deg);    transform: rotate(-45deg);}
.cookie-notification p{margin:0 0 .5em ;line-height: 1.5;display: inline-block;padding-right: 150px;}
.cookie-notification a{text-decoration:underline;color: #fff;}
.cookie-notification .btn{position: absolute;top: 15px;right: 50px; background: #fff;color: #007ec3;padding: 8px 30px;text-decoration: none;border-radius: 5px;display: inline-block;}


.contact input[type="text"], .contact textarea{ border:1px solid #428bca; width:100%; line-height:42px; height:42px; margin-bottom:20px; padding-left:16px; border-radius:2px}
.contact textarea{ height:250px; outline:none; resize:none}
.contact button{ background:#428bca; color:#fff; padding:12px 4em; border-radius:2px; font-size:1.25em; margin:5px auto; display:block}
.contact .red{ margin-top:-16px; font-size:14px}
.mask{ background-color:rgba(224,224,224,0.87); height:100%; left:0;  position:fixed; top:0; width:100%; z-index:999}
.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}
.subscribe_success{ width:654px; 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}
.subscribe_success{ padding:32px 32px; font-size:18px; text-align:center}
.subscribe_success_tips i{ color:#428bca; font-size:1.25em; margin-right:5px}
.subscribe_success_tips p{ margin-bottom:0px}
.i_error, input.i_error:focus { border:2px solid #f00!important}
.red{ color:#F00!important}



@media(max-width: 2100px){
.wrap/* ,.store_county .btn */{width:1120px;}
}
@media(max-width: 1201px) and (min-width: 1025px){
.wrap, .wrapper{width:1000px;}
.com_couponlist ul, .home_cate ul, ul.m_history, ul.related{width:1016px;}
.home_cate ul li .content{height:150px;}
.cat_name{margin:0;}


}
@media(max-width: 1201px){
    .cou_info .box .c_content a{font-size:1.2em; }
    .cou_info .box .c_content a.title{ display: block; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap;}
    .cou_info .box a.golink{ font-size: 16px; right: 0}
    .cou_info .box a.c_img{ width: 150px; height: 130px;}
    .cou_info .box .c_content {padding-left: 155px; height: 110px;}
    .cou_info .box{ height: 140px; padding-right: 1em}
    ul.hotstore_list li{ height: 36px; line-height: 36px}
    .cou_info p a,.behavior p.exp_time,.hot_stores span,.b_link ul li a,,.new_store ul li a .lach_link ul li a,ul.hotstore_list li a,ul.related li a,.pop_stores ul li a{ font-size: 14px}
    .cou_info p {height: 28px;line-height: 28px;}
    .cou_info{ height: 296px}
    h2, h5, h6{ font-size: 1.3em}
    .cou_info{ padding:1.5em;}
    ul.hotstore_list{ padding: 4px}
    ul.hotstore_list li a i{ margin-right: 4px; font-size: 12px; height: 16px; width: 16px}
    .com_coupon .title a{ font-size: 1.3em;}
    .store_pic{ height: 90px}
    .hot_stores ul li,.hot_stores ul li:nth-child(7n),.rela_stores ul li,.rela_stores ul li:nth-child(7n){ width: 18.8%;}
    .hot_stores ul li:nth-child(5n),.rela_stores ul li:nth-child(5n) {margin-right: 0;}
    .slogan{ margin:10px 0; font-size: 1em}
    .hot_stores span, .rela_stores span{ bottom: -35px;}
    .com_couponlist ul li{width:50%;}
    .cou_info .box .c_content span.icode_01{ right: 0;}


}
@media(max-width: 1024px){
.header.inner .bgfull { padding: 15px 0;}
.header.inner { height: 110px;}
.wrap{width:100%; padding:.5em 2em;}
.wrapper{ width:auto; margin-left:32px; margin-right:32px}
/* .store_county .btn,.store_county .btn>div, */.fixed{ width: 100%}
.home_cate ul li{width:33.3333%;}
.m_blog p.left,.m_blog p.right,.home_cate ul li.double .content .des,.home_cate ul li.more,.left_info,.f_des{width:100%;}
.main_wrap{ width: 100%}
.left_info{right:0em; position:inherit; top:0; margin:0 auto ; padding: 6px 1em}
.related_wrap{ margin-top: 10px}
.main_wrap,h1,.bgfull p.t_des,.left_right_abtest .main_wrap{padding:0;}
.left_info .mer_pic{ display: none;}
.left_info .store_de{ height: inherit; padding-bottom: 22px; }
.left_info .store_de a{ display: none;}
 .store_de h4{ display: block; margin-bottom:10px;}
.search.fix{ width: auto; padding: 0;}
.search.fix button { margin: 0; top: 0}
.social{display:none;}
.f_full{ padding: 1em 0}
.f_full .column{ width: 100%; float: inherit;}
.f_full .c_3 {
    padding:0;
    border: none;}
    .c_1 a,.c_2 a{ width: inherit; padding-right:20px; display: inline;}
    .c_2{ padding: 0 ;padding-top: 20px;}
    .f_full .c_1,.foot_e,.foot_c{ border-bottom: 1px dashed #01bec6; padding-bottom: 10px}
    .contries{ display: inline-block;}
    .foot_e{ padding: 20px 0}
    .i_view{ display: block;}
    .com_coupon .mer_name a:before{ left: 10px}
    .com_coupon .mer_name{ padding-left: 34px}
    .com_couponlist ul, .home_cate ul, ul.m_history{width:102%;}
    .home_cate ul li{width:33.3333%;}
    li.categories_step3,li.categories_step4{ width: 33.33%}
    .cou_info .box .c_content span.icode_01{ right: 0;}
}


@media(max-width: 960px){
.i_menu{ display:block}	
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{ width:100%; max-height:0; padding-right:0; position:relative; z-index:102; margin-left:0}	
.menu_list li{ width:100%; height:auto; line-height:42px; padding:0 0 0 8px; border-bottom:1px solid #f0f0f0}
.menu_list>li>a{ color:#333}
.menu_list li .submenu{ position:relative; top:0; padding:0; max-height:inherit; max-width:inherit; overflow:inherit}
.menu_list li ul{ width:100%; box-shadow:none}
.menu_list li ul li:last-child, .menu_list>li:last-child{ border:none}
.menu_list .active{ background:#fff; color:#333}
}


@media(max-width: 900px){.b_link ul li,.new_store ul li, .lach_link ul li,ul.related li,.pop_stores ul li{ width: 25%}
.store_pic{ height: 80px}
ul.cate_content li{ width: 25%}
.bgfull a.logo{ width: 280px;}
  }
@media(max-width: 768px){
    .behavior p.exp_time:after, .c_content p em:after{ top: 11px;}
    .wrap{ padding: 10px; padding-top: 0}
	.wrapper{ margin:0}
	.logo{ margin-left:10px}
.com_couponlist ul, .home_cate ul, ul.m_history, ul.related{width:102%; margin-bottom:0; margin-left: 0}
.home_cate ul li.more .content{height:6em;}
.com_coupon .content{height:90px;}
footer p.right,footer p.left{width:100%; text-align:center;}
.cou_info .box a.c_img{ width: 100px; height: 80px}
.cou_info .box .c_content{ padding-left: 100px; min-height: 90px; height: inherit;}
.cou_info .box .c_content span.detail{ margin-top: 0}
.hot_pc{ display: none;}
.cou_info .box .c_content p{ display: block; position: relative;}
.cou_info .box{ background-color: #fff; height: inherit; margin-bottom: 10px}
.cou_info{ height: inherit; padding: 0; width: 100%; background-color: #e7eaea }
.cou_info .box a.c_img{ top: 10px; padding: 5px;    border-right: 1px solid #ececec;
    box-shadow: 0px 1px 4px #e4e4e4;}
.com_coupon .title a,.com_coupon .mer_name{ font-size: 18px}
 .cou_info .box .c_content span{ font-size: 14px}
.cou_info .box a.golink{ box-shadow: none; height: 34px;line-height: 34px; bottom: 22px;}
.cou_info .box a.golink:before{top: 15px; right: 8px }
.cou_info .box a.golink:after{ top: 10px; right: 8px}
.btn a.deal span:after, .ds_cou_right p.btn span.deal:after{ top: 10px;}
.btn a.deal span:before, .ds_cou_right p.btn span.deal:before{ top: 15px; }
.bgfull p a{ letter-spacing: 0; margin: 0px 2px;}
/* .cou_info .box .c_content span.coupon_code_01{ height: 28px; line-height: 28px; right: 4px; bottom: 24px;} */
.hot_mob_coupon{ display: block;}
.cou_info{ }
.cou_info .box  i{ background-color: #c4c4c4; color: #fff; width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 18px;
    display: block;
    text-align: center; box-shadow: 0 6px 20px #d0d0d0;
    font-style: normal; position: absolute;  top: 0px; left: 0px; z-index: 2}
    .cou_info .box i.i_t{  background-color: #428bca; border-right: 1px solid #ececec; box-shadow: 0px 1px 4px #e4e4e4; z-index: 11}
    .com_coupon{ height: inherit; padding: 2.5em 10px 10px}
    .hot_stores ul li, .hot_stores ul li:nth-child(7n),.hot_stores ul li:nth-child(6n),.rela_stores ul li, .rela_stores ul li:nth-child(7n),.rela_stores ul li:nth-child(6n){ width: 18.4%; margin-right: 2%}
    .hot_stores ul li:nth-child(5n),.rela_stores ul li:nth-child(5n){ margin-right: 0}
    .hot_stores ul li, .rela_stores ul li{ padding: 8px;}
 /*    .behavior p.exp_time{ padding:11px 3px 10px 16px} */
    .hot_coupon{ margin: 0}
    .layer .content p.copy_btn{height: 28px; line-height: 28px;}
    .layer_link a{ line-height: 1.5em; margin-bottom: 10px;}
    .layer .content p.cop_con span{ line-height: inherit;}
    /*.layer .content p.cop_con{ padding-right: 0}*/
    .layer .content{ width: 90%; max-width: 450px;}
    .layer .content .coupon_code{ width: 100%}
    .layer .content .coupon_code p.code{ padding-right: 0}
    h3{ font-size: 1.3em}
    .midlle{ padding: 10px 0 20px;}
    .ds_content .coupon_title,.comprehensive .coupon_title{ font-size: 1.2em; margin-bottom: 0; margin-top: 10px;}
    .ds_list { padding: 15px 15px 0 15px;}
    .btn a.deal:after{ display: none;}
/*     .btn a.deal span,.btn a.deal,.ds_cou_right p.btn span.deal,.coupon_code,.ds_cou_right,.ds_cou_right span.code_center{ width: 120px} */
    .btn a.deal span,.ds_cou_right p.btn span.deal, .btn a.coupon span,.ds_cou_right p.btn span.code, .ds_cou_right span, .behavior .btn span,.layer .content p.coupon_code_none{ height: 34px; padding: 0; line-height: 34px;}
	.layer .content .coupon_code{ font-size:1.25em}
    .btn a.coupon span{ width: 148px;}
    .ds_cou_right p.btn span.code{ width: 130px;}
    /* .btn_abtest .btn a.coupon span,.btn_abtest .ds_cou_right p.btn span.code{ width: 130px;} */
    .ds_cou_right p.btn span.code{ text-indent:33px; /* text-indent:43px; */ }
   /*  .btn_abtest .ds_cou_right p.btn span.code{ text-indent:33px; } */
    .ds_cou_right p.btn span.deal:after {display: block;}

/*     .btn a.deal:hover span{ width: 120px} */
    .btn a.coupon:hover span{ left: -6px}
    .btn a.coupon:hover i{ right: 0}
    .btn a.coupon i,.ds_cou_right p.btn span.code i{ background-position: -156px -459px; height: 34px;width: 26px; right: -10px;}
    .btn a.coupon:hover i{ right: -18px}
    .ds_cou_right p.btn span.code:before, .ds_cou_right p.btn span.code:after{ right: 10px}
    .ds_cou_right p.btn span.code i{ top: 0px;right: -19px;}
    .ds_cou_right p.btn span.red_code i{ background-position: -68px -66px;}
    .btn a.coupon{ width: 120px; height: 34px}
/*     .btn a.coupon span{ width: 176px ;line-height: 34px} */
    .coun_title a{     display: block; float: inherit;background-color: #fff; width: 160px; text-align: center; height: 24px; line-height: 24px;
    margin-bottom: 10px; border-bottom: 1px solid #e4e4e4;}
    .no_super a{ display: none;}
    .list_style_choice a{ text-align:inherit; color: #428bca; display: inherit; float: left; width: inherit;  border-bottom: none; height: inherit; line-height: inherit; background-color: inherit; margin-bottom: 0;}
    /* .store_county a.mob{ display: block;  display: inline-block; background: #2692c4; color: #fff; padding: 3px 8px; line-height: 18px;} */
    /* .store_county ul{ display: none;} */
    ul.cate_content li a, ul.cate_content span{ width: 25%}
    .c_2 a{ width: 48%; display: inline-block;}
    .code_center{ text-align: center; width: inherit; overflow: inherit;}
    .bgfull a.logo{ margin: 0 auto; width: 240px; padding-top: 15px;}
    .bgfull{ padding-bottom: 0px}
    form.search input[type="text"]{ height: 28px; line-height: 28px}
    form.search button,.search.fix button{ height: 26px; top: 0}
    form.search button:after{ top: 0;}
    .search.fix button{     background-position: -6px 4px; right: 0; top: 1px;}
    .header.inner .bgfull{ padding: 10px 0}
    .min_h_r{ width: 60%}
    .header.inner { height: 90px;}
    header{ margin-bottom: 0}
    .ac_box .work{ display: none;}
    .com_couponlist ul li{ width: 100%; padding: 0}
    .ds_cou_right{ position: absolute; bottom: 0; right: 0px; width: 150px;}
    .coupon_word,.comprehensive .coupon_word{ width: 100%}
    .comprehensive .coupon_word a{ min-height: 72px;}
    .comprehensive .coupon_block { min-height: 150px;}
    .comprehensive .ds_cou_right { bottom: 30px; position: absolute; top: inherit; right: 10px;}
    .merchant_img { width: 120px; margin-left: 10px;}
    .comprehensive .coupon_infor{ padding-left:125px; }
    li.categories_step3,li.categories_step4{ width: 50%}
    .cou_info .box .c_content span.coupon_code{  height: 28px; line-height: 28px; right: 4px; bottom: 24px;}
    .ds_cou_left a span{  width: 90px; height: 16px; line-height: 16px; top: 4px; left: 116px;}
    .min_h_l, .min_h_r { float: inherit;}
    .header.inner { height: 130px;}
.min_h_r{width: 90%; margin: 0 auto;}
.header.inner .bgfull{ padding: 0}
.header.inner .bgfull a.logo{ margin-bottom: 15px;}
.Verify{ margin-top: 0; font-size: 14px; right: 65px; top: 2px;}
.Verify:before { right: 53px; height: 6px; top: 8px}
.Verify:after {
    right: 48px;
    height: 10px;
    top: 4px;
}

.search_wrapper{ width:100%; max-width:50px; height:50px; overflow:hidden; min-width:inherit; top:0; border-left:1px solid rgba(255,255,255,0.16); background-color:#222}
.search_btn{ display:inline-block}
.search_wrapper form{ max-width:0; height:40px}
.search_wrapper.focused{ max-width:100%; top:50px; 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}


}
@media(max-width: 640px){
.coun_title.no_super h1{font-size: 1.25em;font-weight: 400;}
.coun_title.no_super h2{font-size: 1em;}
.com_couponlist ul, .home_cate ul, ul.m_history, ul.related{width:100%;}
.b_link ul li,.new_store ul li, .lach_link ul li,ul.related li,.pop_stores ul li{ width: 33.333%}.store_pic{ height: 70px}
.layer .content p span{    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; width: 100%; display: inline-block; }
    .cou_info .box i{ width: 20px; height: 20px; line-height: 20px}
.cou_info .box a.c_img{  display: none;}
.cou_info .box .c_content{ padding-left: 10px; height: inherit;}
.cou_info .box{ padding: 10px; margin-bottom: 10px }
.cou_info{ box-shadow: 0px 1px 4px #e4e4e4;}
.cou_info .box a.golink{ bottom: 20px;  border-right: 1px solid #ececec; box-shadow: 0px 1px 4px #e4e4e4;}
.cou_info .box a.golink:before,.cou_info .box a.golink:after{ display: none;}

.bgfull a.logo{ width: 180px; }
.cou_info .box .c_content span.coupon_code_01{ width: 120px; right: 0}
ul.cate_content li{ width: 33.33%}
.cou_info .box .c_content span.coupon_code {  width: 120px; right: 0;}
.ds_list{padding: 10px 10px 0 10px;}

.ds_cou_left a p:nth-child(2n), .ds_cou_left a b:first-child{ font-size: .8em;}
.ds_cou_left{ width: 90px;top: 10px;left: 10px;border-right: none;}
.ds_cou_left a{height: 90px; border: 1px solid #e4e4e4; padding-top: 12px;}
.ds_content{ padding-left: 95px;min-height: 95px;padding-right: 0;}
.ds_cou_left a span{ width: 100%;position: absolute;bottom: 0; left: 0; font-size: 14px; line-height: 14px;top: initial; height: initial;padding: 5px 0; border-radius: 0 0 5px 5px;}
.redcode a span{font-size: 12px;}
.ds_action{ padding-left: 90px;}
.ds_cou_right{display: none;}
.ds_content .coupon_title, .comprehensive .coupon_title{margin-top: 0;}
.coupon_use{top: initial;bottom: 10px;left: 110px;font-size: 12px;}
.coupon_word p span.less{white-space:nowrap;}
.Verify{bottom: 1em;right: 1em;top: initial; font-size: 12px;}
.ds_cou_left i{margin: -8px auto 0;}

.cookie-notification{font-size: 12px;padding: 15px 1px 10px;}
.cookie-notification p{padding: 0 1em;}
.cookie-notification .btn{float: left;position: initial;margin-left: 1em;}

}
@media(max-width: 560px){
 .com_couponlist.main_wrap ul li {
    width: 100%;
    margin-bottom: 10px;
}
.cookie-notification span{right: 10px;top: 10px;}
.comprehensive .ds_action{ position: relative;}
.store_pic{ height: 60px}
.hot_stores ul li, .hot_stores ul li:nth-child(7n), .hot_stores ul li:nth-child(6n),.hot_stores ul li:nth-child(5n),.rela_stores ul li, .rela_stores ul li:nth-child(7n), .rela_stores ul li:nth-child(6n),.rela_stores ul li:nth-child(5n) {
    width: 22.7%;
    margin-right: 3%;
}
.hot_stores ul li, .rela_stores ul li{ margin-bottom: 30px}
.hot_stores span, .rela_stores span{ bottom: -34px}
.hot_stores ul li:nth-child(4n),.rela_stores ul li:nth-child(4n){ margin-right: 0}
.ac_box .good, .ac_box .bad{ display: none;}
.slogan{ font-size: 14px; margin: 6px 0}
ul.cate_content li{ width: 50%}
.comprehensive .ds_cou_right{position: relative; bottom: 0px; float: left; margin-left: 30px;}
.comprehensive .coupon_word,.comprehensive .coupon_word a{  padding-right: 0; display: inline; margin-bottom: 10px;}
.ac_box>div{font-size:12px; }
}

@media(max-width: 500px){
.cou_info .box i{ left: 0px; box-shadow: none;}
.b_link ul li,.new_store ul li, .lach_link ul li,ul.related li,.pop_stores ul li{ width: 50%}
.layer .content{ width: 95%}
.ds_content{ padding-right: 0;}
.com_coupon .content{ height: inherit;}
ul.cate_content li a, ul.cate_content span{ width: 33.333%}
.header.inner { height: 130px;}
.merchant_img{ width: 100px;}
.comprehensive .coupon_infor{ padding-left: 100px;}

}
@media(max-width: 430px){
.store_pic{ height: 90px}
.hot_stores ul li,.hot_stores ul li:nth-child(4n), .hot_stores ul li:nth-child(7n), .hot_stores ul li:nth-child(6n),.hot_stores ul li:nth-child(5n),.rela_stores ul li,.rela_stores ul li:nth-child(4n), .rela_stores ul li:nth-child(7n), .rela_stores ul li:nth-child(6n),.rela_stores ul li:nth-child(5n) {
    width: 48.5%;
    margin-right: 2%;padding: 3px
}
.c_2 a{ display: block; width: 100%}
.hot_stores ul li:nth-child(2n),.rela_stores ul li:nth-child(2n){ margin-right: 0}
.cou_info .box a.golink, .btn a.coupon span{ bottom: 24px}
.ac_box>div{margin-right: 0;text-align: center; display: block; float: left; }
.ac_box{ overflow: hidden;}
.cou_info .box a.golink{height: 28px; line-height: 28px;}
.contries a{ margin-bottom: 10px}
.ac_box .view{ margin-right: 0}
.ds_cou_right{ position: relative; float: inherit;  margin: 0 auto; right: 0}
.ds_content{padding-left: 85px;}
.ds_content .coupon_title{ width: 100%;}
.ds_action{ position: relative;}
li.categories_step3,li.categories_step4{ width: 100%}
.comprehensive .ds_cou_right{ margin-left: 20px;margin-bottom: 10px;}
.comprehensive .ac_box{ padding-left: 12px;}
.ds_cou_right p.btn span.code{ text-indent: 26px;}
.coupon_use{left: 95px;}
.ds_cou_left{width: 75px;}
}
@media(max-width: 400px){
    .coupon_use{left: 85px;}
.store_pic{ height: 70px}
.hot_stores ul li,.hot_stores ul li:nth-child(4n),.hot_stores ul li:nth-child(3n), .hot_stores ul li:nth-child(7n), .hot_stores ul li:nth-child(6n),.hot_stores ul li:nth-child(5n),
.rela_stores ul li,.rela_stores ul li:nth-child(4n),.rela_stores ul li:nth-child(3n), .rela_stores ul li:nth-child(7n), .rela_stores ul li:nth-child(6n),.rela_stores ul li:nth-child(5n) {
    width: 47.5%;
    margin-right: 5%;
}
.s_action{ height:24px;}

.hot_stores ul li:nth-child(2n),.rela_stores ul li:nth-child(2n){ margin-right: 0}
ul.cate_content li a, ul.cate_content span{ width: 50%}
ul.cate_content li{ width: 100%}

}
























@font-face {
    font-family: 'FontAwesome';   
    src: url('../image/v07/FontAwesome2016.woff') format('woff'),
         url('../image/v07/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";}