/*
Theme Name: couponcodewatch
Author: Aben
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: offer
Tags:
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/* pub */
*{padding: 0;margin: 0;outline: 0}
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800,400italic,700italic);@import url(https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}
body{font-size: 15px;background-color: #f4f4f4;font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;color: #444;font-size: 15px;line-height: 1.25;-webkit-font-smoothing: antialiased;text-rendering: optimizelegibility}
.content{width: 1280px;margin-left: auto;margin-right: auto;position: relative;}
.row *{box-sizing: border-box;}
form input, form textarea{font-family:'lato',sans-serif;}
.text-center{text-align: center;}
h1, h2, h3, h4, h5, h6{font-family:'lato',Arial,sans-serif;}
a{color: #00afb4;}
a:hover{text-decoration: underline;color: #00afb4;}
.mt20{margin-top: 40px;margin-bottom: 40px;}
.img-responsive{max-width: 100%;height: auto;display: inline-block;}
/* header */
.header{background-color: #00afb4;width: 100%;}
.header-top{padding-top: 10px;padding-bottom: 10px;}
.header .logo{height: 37px;}
.header.sticky{position: fixed;}
.header .searchform{position: relative;width: 100%;display: inline-block;}
.header .searchform input{width: 100%;border: 0;border-radius: 3px;background-color: #fff;color:  #28394c;padding: 10px 30px 10px 10px;}
.header .searchform button{background:transparent;border:0;color:#28394c;cursor:pointer;padding:0 10px;position:absolute;right:0;top:0;}
.header .searchform button i{line-height: 36px;}
.navbg{background-color: rgba(0,0,0,0.1);font-size: 12px;}
.nav ul{padding: 0;margin: 0}
.nav li{display: inline-block;position: relative;}
.nav li a{color: #fff;padding: 12px 6px;letter-spacing: 1px;text-transform: uppercase;display: inline-block;text-decoration: none;}
.nav li a:hover{color: #00afb4;background-color: #fff;}
.nav li ul.sub-menu { box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4); display: none; position: absolute; padding: 0; left: 0; text-align: left; background: white; padding: 5px; width: 180px; z-index: 10; }
.nav li ul.sub-menu li{float: none;width: 100%}
.nav li ul.sub-menu a{color: #00afb4;display: inline-block;width: 100%}
.nav li ul.sub-menu a:hover{background-color: #f3f3f3;}
.nav>ul>li.menu-item-has-children>a:after{content: "\f107";font-family: "FontAwesome" !important;padding: 0 2px}
/* banner */
.banner{position: relative;width: 100%;overflow: hidden;}
.banner .cover-left{width:2000px;position:absolute;left:-2000px;top:0;opacity:0.8;background:#28394c;height:260px;z-index:10;}
.banner .cover-right{width:2000px;position:absolute;right:-2000px;top:0;background:#28394c;opacity:0.8;height:260px;z-index:10;}
.banner .swiper-slide{height:260px;background:#000;position:relative;}
.banner .swiper-slide img{max-width:100%;opacity:0.7;-webkit-transition:all linear 300ms;transition:all linear 300ms;}
.banner .arrow-left{position:absolute;left:-40px;top:50%;margin-top:-40px;width:35px;height:80px;z-index:15;}
.banner .arrow-right{position:absolute;right:-40px;top:50%;margin-top:-40px;width:35px;height:80px;z-index:15;}
.banner .swiper-container{height:260px;overflow: visible;}
.banner .swiper-slide{background-position: center !important;}
.banner .swiper-button-prev{left: -10%;z-index: 9999;opacity: 0;}
.banner .swiper-button-next{right: -10%;z-index: 99999;opacity: 0;}
.banner:hover .swiper-button-prev,
.banner:hover .swiper-button-next{opacity: 1;}
/* home-brand */
.home-brand{text-align: center;background: #fff;padding-bottom: 25px;}
.home-brand h2{font-size: 30px;margin-top: 15px;margin-bottom: 30px;font-weight: normal;}
.home-brand img{border: 1px solid #eee;}
/* product */
.pro-container{padding-left: 5px;padding-right: 5px;}
.pro-row{margin-left: -10px;margin-right: -10px;}
.pro-col{padding-left: 5px;padding-right: 5px;}
.pro-box{background-color: #fff;border-radius: 3px;margin-bottom: 20px;padding-bottom: 5px;}
.pro-con{margin:5px 10px 10px;border-top: 1px dotted #c0c0c0;margin-top: 5px;height: 195px;position: relative;}
.prot-tit{line-height: 1.8;padding: 0;margin: 0;font-size: 14px;}
.pro-con p{color: #28394c;font-size: 12px;}
.pro-con time{display: block;}
.pro-cat-tit{line-height: 28px;font-size: 25px;font-weight: normal;}
.pro-cat-tit a{color: #00afb4;}
.pro-info{height: 120px;padding-bottom: 10px; }
.pro-price-orig{color: #28394c;text-decoration: line-through;}
.pro-price-now{color: #0e9e4a;font-size: 16px;font-weight: bold;}
.pro-from{padding-top: 3px;}
.pro-from a{color: #28394c;}
.pro-img img{width: 100%;height: auto;}
.pro-con>.prt-btn{position: absolute;bottom: 0;left: 0;}
.prt-btn{background-color: #10b555;font-size: 15px;color: #fff;width: 100%;position: relative;}
.prt-btn .peelie{background:url(./img/peelie.png) no-repeat;position: absolute;top: 0;right: 0;color: #10b555;font-size: 15px;height: 32px;width: 32px;}
.prt-btn .peel-under{position: absolute;right: 0;top: 0;line-height: 2;font-size: 15px;color: #10b555;background: #fff;width: 32px;text-align: right;padding-right: 5px;}
.prt-btn:hover,.prt-btn:active,.prt-btn:focus,.prt-btn:visited{background-color: #0e9e4a;color: #fff;text-decoration: none;}
.pro-off{border-radius: 50%;background-color: #00afb4;color: white;font-size: 13px;text-align: center;text-transform: uppercase;position: absolute;top: 5px;left: 10px;z-index: 1;padding-top: 13px;width: 50px;height: 50px;line-height: 1;}
.pro-banner{background-color:#633489;border-radius:3px 0 0 3px;color:white;font-size:13px;padding:3px 10px;text-transform:uppercase;z-index:1;position:absolute;top:10px;right:0;}
.pro-banner:after{border-top:5px solid #20112d;border-right:5px solid transparent;content:'';height:0;width:0;position:absolute;bottom:-5px;right:0;}
.copy-code{background-color: #633489;padding: 8px;position: relative;}
.copy-code h4{color: #fff;}
.coupon-code{background-color: #fff;font-size: 22px;padding: 20px;}
.cat-subnav{width: 100%;margin-left: -15px;margin-right: -15px;margin-bottom: 10px;}
.cat-subnav ul{padding: 0;margin:0;}
.cat-subnav li{display: inline-block;padding: 0 10px;cursor: pointer;font-size: 15px;height: 40px;line-height: 40px; transition: background-color .5s;border-radius: 5px;background: #fff;}
.cat-subnav li span{padding-left: 5px;color: #00afb4;}
.cat-subnav a{text-decoration: none;font-weight: bold;color: #000;}
.cat-subnav li.active{background: #00afb4;}
.cat-subnav li.active span{color: #fff;}
.cat-subnav li.active a{color: #fff;}
/* art */
.cat-header{padding: 10px 0 0 0;background: #fff;margin-bottom: 10px;border-bottom: 4px solid #e6e6e6;}
.cat-logo{display: block;margin-left: -15px;background: #fff;border: 1px solid #e7e7e7;width: 120px;height: 120px;margin-bottom: 10px;text-align: center;}
.cat-logo img{height: 60%;display: inline-block;margin: 20% 0;}
.cat-tit{font-size: 28px;color: #333;margin: 0 0 10px 0;font-weight: 700;}
.cat-subtit{color: #333;display: -webkit-box;line-height: 22px;font-size: 16px;width: 80%;font-weight: 600;margin-top: 0;}
.catheader-button{position: absolute;right: 15px;top: 45px;}
.catheader-button a{text-overflow: ellipsis;width: 252px;text-transform: uppercase;font-size: 14px;font-weight: 700;padding: 10px 5px;display: inline-block;height: 40px;border-radius: 3px;border: 2px solid #00afb4;color: #00afb4;}
.catheader-button a:hover{background: #00afb4;color: #fff;text-decoration: none;}
.art{margin-bottom: 10px;}
.cat-tit,.cat-subtit,.cat-star{margin-left: 30px;}
.art i.verified{color: #0e9e4a;padding-right: 5px;font-size: 14px;}
.art-tit{font-size: 25px;font-weight: 500;margin: 0;}
.art-bg{background-color: #fff;background: #fff;border: 1px solid #e5e5e5;border-radius: 3px;position: relative;}
.art-flag{background-color:#0fbb7f;color: #fff;padding: 2px 20px;font-size: 13px;text-transform: capitalize;position: absolute;right: 0;top: 0;}
.art-flag span{position: absolute;display: inline-block;top: 0;left: 0;width: 0;height: 0;border-top: 11px solid transparent;border-left: 11px solid #fff;border-bottom: 11px solid transparent;}
.art-txt{padding-top: 10px;font-size: 12px;line-height: 16px;letter-spacing: 0;color: #7c7a7a;}
.art-dis{font-size: 24px;font-weight: 600;display: block;line-height: 1.2;position:absolute;top: 15px;width: 90px;height: 60px;left: 0;text-align: center;}
.art-dis span{display: block;font-size: 15px;}
.art-detail-nopadding{padding-left: 0 !important;}
.art-disblue{color: #3f94e4;}
.art-disred{color: #ee6762;}
.art-detail{padding-left: 100px;margin-right: 20px;}
.art-end-time{font-size: 12px;color: #999;padding: 10px 0;display: block;}
.art-end-time i,.art-end-time strong{margin-right: 3px;}
.line-button{float: right;}
.art .prt-btn{}
.pagination{padding: 15px 0;}
.pagination h2{display: none;}
.pagination a,.pagination span{padding:5px 10px;margin:0 5px;background-color: #efefef;color: #00afb4;}
.pagination .current{background-color: #00afb4;color: #fff;}
.pro-bg-zise{background: #633489;color: #fff;padding: 8px;}
.freeshipping{color: #0e9e4a;font-size: 13px;text-transform: capitalize;text-align: center;padding: 5px 0;text-align: center;}
.single-list .header{border-bottom: 8px solid #00969b;}
.single-list .navbg{display: none;}
/* sidebar */
.sidebar{}
.wid{}
.wid h3{font-size: 18px;font-weight: 400;line-height: 25px;border-bottom: 1px solid #dadada;padding-bottom: 5px;margin-bottom: 5px;}
.wid ul{margin: 0;padding-left: 18px;}
.wid ul li a{}
/* footer */
.footer{box-shadow: 0 -2px 8px 0 rgba(0,0,0,0.1);font-size: 13px;margin-top: 35px;padding: 20px 0;}
.footer .widget-title h3{font-size: 14px;font-weight: 700;line-height: 20px;margin:0 0 .25em 0;}
.footer a{color: #28394c;}
.footer .widget ul{padding-left: 0;}
.footer .widget li{padding-left: 0;margin-bottom: 9px;list-style-type: none;}
.input-group-btn:last-child>a>.btn, .input-group-btn:last-child>a>.btn-group {
    z-index: 2;
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
@media screen and (min-width: 768px){
.container{width: 1280px;}
.home-brand img{max-width: 114px;height: auto;}
.main{padding-right: 4%;}
}
@media screen and (max-width: 480px){
  .pro-container{padding-left: 15px;padding-right: 15px;}
  .art-tit{font-size: 14px;}
  .home-brand-list a{max-width: 33%;display: inline-block;}
  .home-brand-list a img{max-width: 100%;height: auto;}
  .header-top{text-align: center;}
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft{display:inline;float:left;margin-right:1.5em;}
.alignright{display:inline;float:right;margin-left:1.5em;}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery{margin-bottom:1.5em;}
.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%;padding:15px;}
.gallery-columns-2 .gallery-item{max-width:50%;}
.gallery-columns-3 .gallery-item{max-width:33.33%;}
.gallery-columns-4 .gallery-item{max-width:25%;}
.gallery-columns-5 .gallery-item{max-width:20%;}
.gallery-columns-6 .gallery-item{max-width:16.66%;}
.gallery-columns-7 .gallery-item{max-width:14.28%;}
.gallery-columns-8 .gallery-item{max-width:12.5%;}
.gallery-columns-9 .gallery-item{max-width:11.11%;}
.gallery-caption{display:block;}
/*--------------------------------------------------------------
## Homepage Coupons
--------------------------------------------------------------*/
.coupon-box{
    border: 1px solid #ececec;
    padding: 10px;margin: 10px 0;
    background: #fff;
    position: relative;
    overflow: hidden;
}
.coupon-type{
    width: 40px;
    height: 20px;
    text-align: center;
    border-radius: 3px;
    font-size: 12px;
    right: 0;top: 10px;
    border: 1px dashed #ee6762;
    color: #ee6762;
    background: #ffccca;
    position: absolute;
    line-height: 20px;
}
.coupon-thumb{
    font-size: 12px;
    color: #999;
    float: left;
    position: relative;
    height: 100px;
    width: 140px;
    margin-right: 10px;
}
.coupon-thumb img{
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-width: 80%;
    max-height: 80%;
    vertical-align: middle;
    position: absolute;
    z-index: 3;
    display: block;
}
.coupon-detail{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #333;
    height: 75px;
}
.coupon-detail strong{
    font-size: 12px;
    word-wrap: break-word;
    color: #a0a19f;
}
.coupon-detail h3{
    font-size: 20px;
    color: #333;
    line-height: 22px;
    margin: 10px 0;
}
.button-code{
    display: inline-block;
    margin-right: 25px;
    margin-top: 5px;
    float: right;
    width: 33%;
    margin-bottom: 6px;
}
.listbutton{
    width: 100%;
    margin-top: 30px;
}
.button-code a span.clickbutton{
    width: 180px;
    height: 45px;
    color: #fff;
    border-radius: 3px;
    font-size: 16px;
    line-height: 45px;
    display: inline-block;
    text-align: center;
    font-weight: 800;
    background: #3f94e4;
    margin-bottom: 9px;
    margin-left: -14px;
}
.button-code:hover a span.clickbutton{
    background: #53a1eb;
}
.button-code a{
    display: block;
    padding: 1px 24px;
    height: 48px;
    max-width: 100%;
    color: #fff;
    border: 0;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0,0,0,.1);
    -webkit-touch-callout: none;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 48px;
    position: relative;
    width: 100%;
}
.giv2-text {
    position: relative;
    z-index: 7;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    line-height: 48px;
}
.giv2-code {
    overflow: hidden;
    position: absolute;
    background-color: #f3f3f3;
    color: #000;
    border: dashed 1px #ca5b5b;
    padding: 0px 3px 11px 0;
    right: 0;
    top: 0;
    border-radius: 2px;
    letter-spacing: 2px;
    z-index: 4;
    height: 100%;
    min-width: 38px;
    font-weight: 800;
    display: none\9;
}
.giv2-cover {
    background-color: #ee6762;
    position: absolute;
    width: 78%;
    top: 0;
    right: 36px;
    z-index: 5;
    height: 100%;
    border-radius: 3px;
}
.giv2-cover:after {
    right: -16px;
    border: 22px solid;
    border-color: transparent transparent #ee6762 #ee6762;
    content: '';
    position: absolute;
    top: 4px;
}
.giv2-image {
    width: 56px;
    height: 100%;
    position: absolute;
    border-radius: 0 0 4px 4px;
    right: -6px;
    top: 11px;
    transition: rotateZ(20deg) translate(0,-10px) scaleX(.9);
    -webkit-transform: rotateZ(20deg) translate(0,-10px) scaleX(.9);
    transform: rotateZ(20deg) translate(0,-10px) scaleX(.9);
    background: -webkit-linear-gradient52deg,#f57e7a,#f57e7a 49%,hsla(80,71%,73%,0) 50%,hsla(0,0%,100%,0));
    background: linear-gradient(44deg,#ffe6e5,#f57e7a 49%,hsla(80,71%,73%,0) 50%,hsla(0,0%,100%,0));
    background: -webkit-gradient(44deg,#FEC109 0,#EC9F3C 49%,rgba(202,235,137,0) 50%,rgba(255,255,255,0) 100%);
    background: -moz-gradient(44deg,#FEC109 0,#EC9F3C 49%,rgba(202,235,137,0) 50%,rgba(255,255,255,0) 100%);
    background: -o-gradient(44deg,#FEC109 0,#EC9F3C 49%,rgba(202,235,137,0) 50%,rgba(255,255,255,0) 100%);
    background-position: 0 6px;
    background-repeat: no-repeat;
    z-index: 13;
    transition: all .4s;
}
.coupon-button:hover .giv2-image {
    width: 70px;
}
.cp-layer{
    top: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.2);
    z-index: 9999;
    overflow: auto;
    padding-top: 100px;
    font-size: 16px;
    position: fixed;
    right: 0;
}
.cp-detail{
    width: 36.75vw;
    position: relative;
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,.4);
    box-shadow: 0 1px 3px rgba(34,25,25,.4);
    max-width: 90%;
    top: 10%;
    left: 50%;
    background: #fff;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-top: 30px;
    color: #333;
    margin-bottom: 15px;
}
.cp-close{
    z-index: 10;
    top: 0;
    right: -40px;
    display: block;
    width: 25px;
    height: 30px;
    position: absolute;
    cursor: pointer
}
.cp-close:before,.cp-close:after{
    content: "";
    background-color: rgba(255,255,255,0.35);
    display: inline-block;
    height: 2px;
    position: absolute;
    left: 0;
    top: 15px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 20px;
}
.cp-close:before{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.cp-code{
    padding: 12px 0 0;
    width: 92%;
    margin: 0 auto;
    border: 1px solid #cdcdcd;
    text-align: center;
}
.cp-code p{
    text-align: center;
    font-size: 14px;
    color: #666;
    padding-bottom: 8px;
    position: relative;
}
.cp-code p a{
    color: #00c27e;
    text-decoration: underline;
}
.cp-line{
    text-align: center;
    font-size: 12px;
    background: #fffaec;
    border-top: 1px solid #ccc;
    position: relative;
}
.cp-codebox{
    position: relative;
    display: inline-block;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    padding-right: 80px;
    padding-left: 10px;
}
.have_code {
    vertical-align: middle;
    border-right: 0;
    display: inline-block;
    border-radius: 3px 0 0 3px;
    padding: 15px 0;
    color: #777;
    font-size: 28px;
}
.cp-copybtn{
    vertical-align: middle;
    background: #ee6762;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 25%;
    right: -10px;
    padding: 10px 5px;
    outline: none;
    display: inline-block;
}
.cp-gotobtn{
    text-align: center;
}
.cp-gotobtn a {
    position: relative;
    width: auto;
    font-size: 16px;
    padding: 8px .32rem;
    color: #fff;
    display: inline-block;
    margin: 15px auto 0;
    background: #218fe4;
    -webkit-box-shadow: 0 2px 5px rgba(33,134,228,.3);
    box-shadow: 0 2px 5px rgba(33,134,228,.3);
}
.cp-title{
    width: 100%;
    position: relative;
    z-index: 0;
    padding: 10px 20px 10px;
    color: #333;
    font-size: 22px;
    text-align: center;
}
.cp-box{
    padding: 15px 20px;
    padding-bottom: 20px;
    position: relative;
}
.arrow-left{
    background: #fff;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0 3px 10px 0.3px hsla(0,0%,57%,.3);
    position: absolute;
    top: 38%;
    color: #999;
    left: -25px;
    display: inline-block;
    text-align: center;
    z-index: 99;
}
.arrow-right{
    background: #fff;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0 3px 10px 0.3px hsla(0,0%,57%,.3);
    position: absolute;
    top: 38%;
    color: #999;
    right: -25px;
    display: inline-block;
    text-align: center;
    z-index: 99;
}
.cp-des{
    color: #999;
    line-height: 1.5;
    font-size: 14px;
    text-align: center;
    padding: 12px 0 0;
    width: 92%;
    margin: 0 auto;
}
.cp-end{
    color: #f6283b;
    font-size: 12px;
    display: inline-block;
    padding-left: 10px;
}
.no_code{
    padding: 20px 0;
    font-size: 20px;
    text-align: center;
}
.mobile-tag{
    display: block;
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 5px;
}
.tagcode {
    color: #ee6762;
}
.tagsale {
    color: #3f94e4;
}
.cat-star{
    color: #ee6762;
}
.home-brand{
	display: none;
}
.mobile-banner{
	position: relative;
    width: 100%;
    overflow: hidden;
}
.cat-headermobile{
	display: none;
}
.footer{
    display: none;
}
/******************2019-07-11**********************************************/

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}
.store-header{
    background-color: #fff;
    padding: 24px 0 20px;
    border-bottom: 1px solid #e2e2e2;
}
.store-logo{
    float: left;
    width: 120px;
    height: 60px;
}
.store-logo img{
    width: 120px;
    height: 60px;
}
.store-info{
    float: left;
    padding-left: 1.5rem;
}
.store-info h1{
    font-size: 2rem;
    margin: 0;
    line-height: 60px;
}
.store-brumb{
    line-height: 21px;
}
.store-card{
    width: 100%;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    overflow: hidden;
    padding: 20px;
    margin-bottom: 15px;
}
.store-about{
    padding: 15px 25px;
    text-align: left;
    margin-bottom: 15px;
    font-size: 13px;
    font-weight: 600;
}
.store-card a.logo{
    width: 100%;
    margin-top: 10px;
    display: block;
}
.store-card a.logo img{
    position: relative;
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.store-star{
    line-height: 25px;
    text-align: center;
    margin: 18px 0 12px;
}
.store-star .fa{
    color: #f8ce0b;
    display: inline-block;
    height: 25px;
    width: 25px;
    cursor: pointer;
    font-size: 24px;
}
.freshness {
    text-align: center;
    margin-bottom: 12px;
}
.freshness h6{
    font-size: 1em;
    font-weight: 500;
    margin: 3px 0;
}
.store-stats{
    padding-top: 10px;
    border-top: 1px solid #f2f2f2;
}
.store-stats .stat {
    display: -ms-flexbox;
    display: flex;
}
.store-stats .stat h4.average-savings {
    color: #2196f3;
}
.store-stats .stat h4 {
    width: 30%;
    text-align: right;
    margin: 2px 12px 2px 0;
    font-size: 1.25em;
}
.store-stats .stat p {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 2.25;
    color: #a5a5a5;
}
.store-card h5{
    font-weight: 500;
    margin: 3px 0 10px 0;
    font-size: 1.2em;
}
.store-card h5 b{
    font-weight: 600;
}
.store-card a.coupon-filter{
    position: relative;
    margin: 0 -20px;
    display: block;
    text-decoration: none;
}
.coupon-filter div{
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #6f6f7f;
    margin: 0;
    padding: 5px 20px 8px;
    cursor: pointer;
}
.coupon-filter input {
    margin-right: 15px;
    visibility: hidden;
}
.coupon-filter input:before {
    visibility: visible;
    display: inline-block;
    position: relative;
    height: 14px;
    width: 14px;
    content: "";
    color: transparent;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #e2e2e2;
    top: 0;
    left: -1px;
}
.coupon-filter.active input:before{
    background: #2196f3;
    border:transparent;
}
.coupon-filter .tag {
    font-size: 12px;
    float: right;
    padding: 0 5px;
    min-width: 28px;
    text-align: center;
    margin: 3px 0;
    border-radius: 8px;
    border: none;
    color: #bfbfbf;
    font-weight: 600;
}
.coupon-filter.active .tag{
    background: #2196f3;
    color: #fff;
}
.grey-background{
    background-color: #f9f9f9;
}
.no-background{
    background-color: transparent;
    border: none;
    padding: 5px 12px;
    margin-bottom: 15px;
}
p#store-details{
    color: #6f6f7f;
    font-size: 14px;
    line-height: 1.6;
}
.store-nav{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #f6993f;
    margin-bottom: .5rem;
}
.store-nav a{
    padding: 0.5rem;
    margin-right: .25rem;
    display: block;
    color: #70818a;
}
.store-nav a:hover{
    text-decoration: none;
}
.store-nav a.active{
    background-color: #f6993f;
    color: #fff;
}
.store-sidebar{
    padding-right: 10px;
    top: -80px;
    position: relative;
}
.store-content{

}
.store-line{
    background-color: #fff;
    margin-bottom: 10px;
    border: 1px solid #e2e2e2;
    box-shadow: 0 1px 0 0 #e2e2e2;
    border-radius: 4px;
    overflow: hidden;
}
.coupon-inner{
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
}
.details-cont {
    border-top: 1px solid #e2e2e2;
    padding: 12px 25px 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 14px;
    line-height: 1.5;
    background: #f9f9f9;
}
.details{
    max-height: 20px;
    overflow: hidden;
    white-space: nowrap;
}
.store-shorttext{
    text-align: center;
    color: #525263;
    font-weight: 400;
    margin-right: 25px;
    min-width: 90px;
}
.store-shorttext a{
    display: block;
    padding: 8px;
    text-transform: uppercase;
}
.store-shorttext a:hover{
    text-decoration: none;
}
.shorttext-header span{
    display: block;
    font-weight: 700;
}
.shorttext-header span.big{
    font-size: 1.45rem;
}
.shorttext-header span.normal{
    font-size: 1.45rem;
}
.store-detail{
    float: right;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}
.store-text{
    -ms-flex-grow: 2;
    flex-grow: 2;
    margin-right: 20px;
}
h6.store-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
    margin: 3px 0;
}
h6.store-name a {
    color: #444;
}
.store-text h3{
    color: #444;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 5px;
    line-height:1.5rem;
    font-size: 1.4rem;
}
.store-text h3 a{
    color: #444;
    text-decoration: none;
}
.store-text h3 a:hover{
    color: #00aad1;
    text-decoration: none;
}
.store-text span.endtime{
    margin-right: 5px;
    color: #a5a5a5;
    display: inline-block;
    font-size: 15px;
}
.store-text span.endtime i{
    margin-right: 5px;
}
.store-text span.endtime i.fa-check{
    color: #1ad383;
}
.store-cat{
    border:1px solid #38c172;
    border-radius: 4px;
    line-height: 20px;
    padding: 3px 10px;
    display: table;
    font-size: 16px;
}
.store-btn{
    -ms-flex-shrink: 0;
    flex-shrink: 0;
}
.store-btn a{
    position: relative;
    width: 100%;
    display: block;
}
.store-btn a:hover{
    text-decoration: none;
}
.store-btn a:hover .store-btnclick{
    background: #1976d2;
}
.code-btn-container {
    overflow: hidden;
    height: 40px;
    width: 150px;
    position: relative;
    border-radius: 3px;
    letter-spacing: .5px;
}
.store-btnclick{
    background: #2196f3;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    padding: 7px 14px 8px;
    min-width: 130px;
    font-weight: 600;
    font-style: italic;
    border: none;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1), 0 2px 2px 0 rgba(0,0,0,.15);
    border-radius: 3px;
}
.code-btn-container .code-text {
    height: 100%;
    width: 100%;
    background-color: #f4f4f4;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 0;
}
.code-btn-container .code-text p {
    color: #444;
    text-align: right;
    padding: 10px 5px;
    font-weight: 600;
}
.code-btn-container .code-btn {
    font-size: 16px;
    height: 40px;
    font-weight: 600;
    background-color: #1ad383;
    position: relative;
    display: inline-block;
    color: #fff;
}
.code-btn-container .code-btn .flap {
    width: 28px;
    height: 40px;
    position: absolute;
    background-image: url(img/flap.svg),url(img/flap.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 1;
    right: -20px;
    transition: right .2s;
    animation-duration: 8s;
    animation-delay: 2s;
    animation-name: peak;
    animation-iteration-count: infinite;
}
.code-btn-container .code-btn span {
    display: inline-block;
    position: relative;
    z-index: 2;
    margin: 10px 8px 10px 12px;
    transition: margin .2s;
}
.code-btn-container:hover .code-btn span {
    margin: 10px 6px 10px 8px
}
.code-btn-container:hover .code-btn .flap {
    right: -16px
}
.code-btn-container:hover .code-text {
    background-color: #e3f2fd;
    border: 1px solid #64b5f6
}
.code-btn-container:hover .code-text p {
    color: #2196f3
}
.store-hot{
    overflow: hidden;
    padding-top: 1.5rem;
    margin-top: 1.5rem;
    border-top: 1px solid #dae4e9;
}
.store-hot .store-feature{
    width: 48%;
    margin-right: 4%;
    float: left;
    border: 1px solid #dae4e9;
    box-shadow: none;
    border-radius: .125rem;
}
.store-hot .store-feature:nth-child(2n){
    margin-right: 0;
}
.store-feature .store-shorttext{
    width: 25%;
}
.store-feature .store-detail{
    width: 72%;
}
.store-feature .store-detail .store-text{
    width: 100%;
}
.store-feature .store-detail .store-btn{
    width: 75%;
    float: left;
    margin-top: 10px;
}
.store-feature .shorttext-header span.big{
    font-size: 4rem;
    font-weight: 700;
}
.store-feature .shorttext-header span.normal{
    font-size: 1.6rem;
    font-weight: 700;
}
.store-feature .store-shorttext p{
    font-size: 2rem;
    font-weight: 300;
}
.noshort,.store-feature .noshort{
    width: 100%;
}
.mt10{
    margin-top: 20px;
    margin-bottom: 20px;
}
/**************************************************************************/
@media ( min-width : 768px) {
    .col-sm-5ths { width: 20%;float: left;}
    .col-sm-6ths { width: 16.66666%;float: left;}
}
@media ( min-width : 992px) {
   .col-md-5ths {width: 20%;float: left;}
   .col-md-6ths {width: 16.66666%;float: left;}
}
@media ( min-width : 1200px) {
    .col-lg-5ths {width: 20%;float: left;}
    .col-lg-6ths {width: 16.66666%;float: left;}
}
@media screen and (max-width: 768px){
    .home-brand h2,h2{font-size: 18px;}
    .cat-header{padding: 10px 0 10px 0;}
    .cat-logo{width: 80px;height: 80px;margin-left: -5px;}
    .cat-logo img{height: 60%;margin: 20% 0;}
    .cat-tit{font-size: 16px;margin-left: 0;}
    .cat-subtit{font-size: 12px;line-height: 15px;margin: 0 0 5px 0;width: 100%;}
    .cat-headermobile{text-decoration: underline;font-size: 13px;text-transform: uppercase;}
    .cat-subnav li{width: 33.33%;text-align: center;border-radius: 0;}
    .art-flag{font-size:12px;}
    .main{width: 95vw;margin-left: 10px;}
    .art-bg{padding: 10px;min-height: 90px;}
    .art-dis{font-size: 20px;padding-top: 0px;margin-top: -1px;top: 15px;width: 60px;height: 60px;}
    .art-txt{line-height: 14px;margin-bottom: 0;display: none;}
    .art-detail{margin-right: -10px;padding-left: 70px;margin-left: -10px;margin-top: 5px;}
    .art-tit a{display: block;}
    .art-end-time{padding: 10px 0 0 0;}
    .coupon-thumb{height: 70px;width: 70px;}
    .button-code{width: 60%;text-align: center;}
    .coupon-detail h3{font-size: 14px;font-weight: bold;line-height: 16px;}
    .mt20{margin-top: 20px;margin-bottom: 20px;}
    .cp-detail{width: 86.75vw;top: 5%;}
    .cp-close{right: 0;}
    .cp-close:before, .cp-close:after{background-color: #000;}
    .have_code{font-size: 20px;}
    .cp-layer{padding-top: 40px;}
    .cp-copybtn{top: 15%;}
    .cat-star{display: none;}
    .swiper-button-next, .swiper-button-prev{width: 13px;height: 22px;margin-top: -11px;background-size: 13px 22px;}
    .cat-headermobile{display: block;}
    .art-dis span{font-size: 12.5px;}
    /*************2019-7-11********************************/
    .store-info h1{line-height: 30px;}
    .store-sidebar{top:0;padding-right: 0;}
    .store-content{width: 100%;float: none;margin: 0 auto;}
    .coupon-inner {-ms-flex-flow: row wrap;flex-flow: row wrap;}
    .store-shorttext,.store-text,.store-btn{width: 100%;margin: 0;-ms-flex-grow: 1;flex-grow: 1;}
    .store-shorttext{text-align: left;margin-bottom: 5px;}
    .store-shorttext a{padding: 0;}
    .store-text{margin-bottom: 10px;}
    .store-text h2{font-size: 1.6rem;}
    .store-cat{display: none;}
    .store-brumb{display: none;}
    .store-header{width: 100%;}
    .store-logo{padding-left: 3%;}
    .store-info{float: right;padding-right: 5%;}
    .store-title strong{font-size: 20px;line-height: 22px;font-weight: normal;}
    .store-hot .store-feature{width: 94%;margin: 0 auto 10px;float: none;}
    .store-hot .store-feature:nth-child(2n){margin-right: auto;}
    .store-feature .shorttext-header span.big{font-size: 3rem;}
    .store-feature .store-shorttext p{font-size: 1.8rem;}
    .noshort,.store-feature .noshort{width: 100%;}
    .store-feature .store-detail .store-btn{float: right;width: 120px;}
    .store-btntext,.store-btncode{font-size: 14px;}
}