@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#202020;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.header{position: fixed;width: 100%; top: 0; bottom: 0;height: 90px;background: #007bc7;transition: All 0.4s ease-in-out;z-index: 100;}
.logo{float: left; width: 200px; padding-top: 25px;}
.logo img{width: 100%;}
.headerbox{width: 1165px; margin: 0 auto;max-width: 94%;}
.search{float: left; width: 320px;margin: 25px 0 0 123px; overflow: hidden;}
.search input{border: 1px solid #ccc;float: left;width: calc(100% - 50px);height: 40px;border-radius: 8px 0 0 8px;background: #fff; font-size:14px; padding-left: 15px;}
.button1{background: url(../images/a1.png);width: 50px;height: 40px;float: right;border: none;cursor: pointer;display: block;border-radius: 0 8px 8px 0;}

.nav{float: right;}
.nav li{float: left; line-height: 90px; padding-right:30px;}
.nav li a{color: #fff;    font-size: 16px}
.yzqh{background: url(../images/a2.png);width: 20px;height: 21px;float: right; margin-top: 36px;cursor: pointer;}
.yzqh.on{background: url(../images/a17.png);}
.coupons{width: 1185px; margin: 0 auto; max-width: 94%; padding: 90px 0 0 0;}
.Bread p{line-height: 40px; font-size: 14px; padding: 0 10px;}
.lovis{padding: 10px; overflow: hidden;}
.lovis_left{ width: 340px;  padding: 20px; box-shadow: 0 4px 11px rgb(6 66 121 / 12%);display: inline-flex;justify-content: center; align-items: center;border-radius: 20px; flex-direction: column; background-color: #fff;}
.lovis img{width: 120px;margin: 0 auto;border: 1px solid #eee;border-radius: 10px;}
.lovis_left p{text-align: center;font-size: 14px; margin-top: 5px;}
.box{overflow: hidden;}{height:30px;width:30px;background:url(../images/a4.png);background-repeat:no-repeat;background-size:25px 25px;list-style:none;background-position:center;float:left;cursor:pointer;
}
.lovis_right{float: right;width: calc(100% - 360px);overflow: hidden;overflow: hidden;padding: 44px 5px 0 0;}
.btnbox{float: right;width: 135px;padding-top: 40px;}
.btnbox li{padding-bottom: 15px;}
.btn1{display: block; line-height: 38px; color: #333; font-size: 14px;border-radius: 6px;box-shadow:0 0 10px rgba(0, 0, 0, .1);text-align: center;background: #fff;}
.btn2{display: block; line-height: 38px; color: #fff; font-size: 14px;border-radius: 6px;box-shadow:0 0 10px rgba(0, 0, 0, .1);text-align: center;background: #007bc7;}
.lovis_text{float: left; width: calc(100% - 160px);}
.lovis_text h1{font-size: 24px; line-height: 1.5;margin-bottom: 10px;font-weight: 700;}
.lovis_text p{line-height: 1.5; font-size: 12px;}
.lovisbox{overflow: auto; height: 85px;padding-right: 10px;}
#style-1::-webkit-scrollbar-track {border-radius:10px;background-color:#e2e3e5;}
#style-1::-webkit-scrollbar {width:10px; height:10px;background-color:#fff;border-radius: 5px;}
#style-1::-webkit-scrollbar-thumb { border-radius:10px;background-color:#007bc7;}

.Filter{overflow: hidden; padding: 0 10px;}
.Filter_left{float: left; width: 340px;padding: 30px 0 10px 0;}
.Sale{border-radius: 10px; padding: 0 20px 20px 20px;box-shadow:0 0 10px rgba(0, 0, 0, .1); margin-bottom: 30px;}
.Sale em{font-size: 20px; line-height: 60px;font-weight: 700;}
.Sale li{line-height: 30px; font-size: 14px;}
.my_protocol .input_agreement_protocol { appearance: none; -webkit-appearance: none;  outline: none;  display: none;  }
.my_protocol .input_agreement_protocol+span {cursor:pointer;width: 18px;height: 18px;border:1px solid #666;display: inline-block;position: relative;top: -2px;-moz-border-radius: 2px; -webkit-border-radius: 2px;border-radius:2px; vertical-align:middle; margin-right:10px; }
.my_protocol .input_agreement_protocol:checked+span {background-image: url(../images/a8.png); border: 1px solid #fff; background-size:100% 100%;}

.Related{border-radius: 10px; padding: 0 20px 15px 20px;box-shadow:0 0 10px rgba(0, 0, 0, .1);  margin-bottom: 30px;}
.Related em{font-size: 20px; line-height: 60px;font-weight: 700;}
.Related_box ul{overflow: hidden; margin-left: -5px;}
.Related_box li{float: left; padding: 0 0 5px 5px;}
.Related_box a{display: block; line-height: 34px; padding: 0 15px;border-radius: 6px;background: #3ba9ed;font-size: 14px;}

.More{border-radius: 10px; padding: 0 20px 15px 20px;box-shadow:0 0 10px rgba(0, 0, 0, .1);  }
.More h2{font-size: 20px; line-height: 60px;font-weight: bold;}
.More p{line-height: 2;}
.More h3{font-size: 16px;    line-height: 1.5; margin-bottom: 5px;font-weight:600;}

.Filter_right{float: right;padding-top: 30px; width: calc(100% - 370px); }
.Filter_right li{padding-bottom: 20px;}
.plke{border-radius: 10px; overflow: hidden; padding: 20px;box-shadow:0 0 10px rgba(0, 0, 0, .1);  }
.btnbox img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;width: auto;}
.plke_left{float: left; width: 100px;border-radius: 10px;border: 1px solid #ddd;overflow: hidden;}
.plke_left img{width: 100%;}
.plke_right{float: right;width: calc(100% - 120px);position: relative;  padding-top: 12px;}
.plke_right h3{font-size: 18px;font-weight: bold; line-height: 1.5;height: 60px; padding-right: 200px;overflow: hidden;}
.plke_right span.term{font-size: 14px;background: url(../images/a10.png) no-repeat 92px center; margin-bottom: 10px;cursor: pointer;color: #666;    display: block;}
.plke_right span.on1{background: url(../images/a16.png) no-repeat 92px center;}
.sub{padding: 15px;border-radius: 10px;background: #fbfbfb;display: none;}
.sub span{display: block;font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.sub p{line-height: 2;}
.sub em{font-size: 14px;font-weight: 400; margin-top: 8px;    display: block;}
.btn3{position: absolute; right: 0;width: 140px; line-height: 40px;color: #fff; border-radius: 6px;background: #007bc7;top: 30px;text-align: center;font-size: 16px;transition: .2s ease-in-out;}

.Popular{box-shadow:0 0 10px rgba(0, 0, 0, .1); border-radius: 10px; padding: 20px;}
.Popular h2{font-size: 18px; font-weight: bold; margin-bottom: 20px;text-align: center;}

.Popular_top{border-radius: 10px 10px 0 0; overflow: hidden;background: #edf6ff; line-height: 40px; font-weight: bold; font-size: 14px; padding: 0 13px;}
.Popular_top span:nth-child(1){ float: left;width:60%;}
.Popular_top span:nth-child(2){float: right;width: 20%;text-align: center;}
.Popular_top span:nth-child(3){float: right;width: 20%; }
.Popular_bottom li{overflow: hidden; border-bottom: 1px solid #eaeaea; line-height: 38px; font-size: 14px; padding: 0 13px;}
.Popular_bottom span:nth-child(1){ float: left;width:60%;}
.Popular_bottom span:nth-child(2){float: right;width: 20%;text-align: center;}
.Popular_bottom span:nth-child(3){float: right;width: 20%; }
.Popular_bottom li:last-child{border: none;}

.Royal{padding: 0 20px 20px 20px;box-shadow:0 0 10px rgba(0, 0, 0, .1); border-radius: 10px; margin: 10px;}
.Royal_title h2{font-weight: bold; font-size: 18px; line-height: 60px;}
.Royalbox{border-radius: 10px;background: #fbfbfb; margin-bottom: 6px;}
.Royalbox h3{font-weight: bold; font-size: 16px; line-height: 48px; padding: 0 20px;background: url(../images/a12.png) no-repeat calc(100% - 20px);cursor: pointer;}
.Royalbox h3.on1{background: url(../images/a13.png) no-repeat calc(100% - 20px);}
.royal_text{display: none;}
.royal_text p{border-top: 1px solid #e9e9e9; line-height: 42px; padding: 0 20px;}


.footer { position: relative;background: url(../images/a14.png) no-repeat center top;padding: 230px 0 0;color: #fff;background-size: cover; margin-top: 100px;}
.footerbox{width: 1165px;margin: 0 auto;max-width: 94%;}
.sheet{height: 235px; border-radius: 10px; background:url(../images/a15.png);background-size: 100% 100%; margin-top: -300px;border:1px solid rgba(255,255,255,.2);}
.sheet h2{text-align: center; line-height: 1.6; margin-top: 30px;font-size: 26px;}
.sheet p{margin: 20px 0; font-size: 14px;text-align: center;}
.sheet p a{color: #fff;text-decoration: underline;}
.sheetbox{width: 606px;height: 45px;border-radius: 10px;background: #fff; margin: 0 auto;}
.button2{float: right;width: 125px;height: 45px;border-radius: 0 10px 10px 0; border: none; color: #fff; font-size: 16px; background: #007bc7;cursor: pointer;}
.input2{float: left; width: calc(100% - 125px);height: 45px; line-height: 45px; padding: 0 20px;}

.copyright{overflow: hidden; padding: 30px 0 ;overflow: hidden;}
.copyright_left{width: 210px;float: left;}
.copyright_left img{width: 100%;}
.copyright_right{float: right;width: calc(100% - 310px);}
.copyright_right ul{overflow: hidden;}
.copyright_right li{float: left; width: 25%;}
.copyright_right dt{line-height: 32px; font-size: 14px; padding-left: 35px;}
.copyright_right dt a{color: #fff;}
.copyright_right dt a:hover{color: #dfbd00;}
.copyright_right h2{position: relative; padding-left: 30px; font-size: 14px;font-weight: bold; margin-bottom: 15px;}
.copyright_right h2:before{position: absolute; content: ""; border-bottom: 2px solid #dfbd00;width: 25px; left: 0;top:50%; transform: translateY(-50%); margin-bottom: 18px;}
.footer .copyright{font-size: 16px;text-align: center; border-top: 1px solid rgba(255,255,255,.2);clear: both; width: 1165px; margin:0 auto ;max-width: 94%;}
.copyr{text-align: center; line-height: 20px;background: rgba(255,255,255,.1); color: #fff; font-size: 14px; padding: 15px 10px;}
.copyright_right .footimg a{display: inline-block; padding-bottom: 25px;}
.copyright_right .footimg img{border-radius: 4px;}

#starRating .photo span {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 25px;
    overflow: hidden;
    margin:0 3px;
    cursor: pointer;
}
#starRating .photo span:last-child {
    margin-right: 0px;
}
#starRating .photo span .nohigh {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    left: 0;
    background: url(../images/a4.png);background-size: 100% 100%;
}
#starRating .photo span .high {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    left: 0;
    background: url(../images/a5.png);background-size: 100% 100%;
}
#starRating .starNum {
    font-size: 26px;
    color: #de4414;
    margin-top: 4px;
    margin-bottom: 10px;
}
#starRating .bottoms {
    height: 54px;
    border-top: 1px solid #d8d8d8;
}
#starRating .photo {
    margin-top: 15px;
}
#starRating .bottoms a {
    margin-bottom: 0;
}
#starRating .bottoms .garyBtn {
    margin-right: 57px!important;
}
#starRating .bottoms a {
    width: 130px;
    height: 35px;
    line-height: 35px;
    border-radius: 3px;
    display: inline-block;
    font-size: 16px;
    transition: all 0.2s linear;
    margin: 16px 0 22px;
    text-align: center;
    cursor: pointer;
}
.garyBtn {
    margin-right: 60px!important;
    background-color: #e1e1e1;
    color: #999999;
}
.blueBtn {
    background-color: #1968b1;
    color: #fff;
}
.blueBtn:hover {
    background: #0e73d0;
}




.header.cur{background: #202020;}
body.cur{background: #3c3c3c;}
body.cur .lovis_left{background: #4d4d4d;}
body.cur .lovis_left p,body.cur .Popular h2,body.cur .Popular_bottom li,body.cur .Royal_title h2,body.cur .Sale li,body.cur .More h2,body.cur .More h3,body.cur .More p,body.cur .royal_text p,body.cur .lovis_text h2,body.cur .lovis_text p,body.cur .Bread p,body.cur .Bread p a,body.cur .Sale em,body.cur .Related em,body.cur .plke_right h2{color: #fff;}
body.cur .Sale,body.cur .Related,body.cur .More,body.cur .plke,body.cur .Popular,body.cur .Royal{background: #4d4d4d;}
body.cur .Popular_top{background: #565656;color: #fff;}
body.cur .Royalbox{background: #3c3c3c;}
body.cur .Royalbox h3{color: #fff;background: url(../images/a18.png) no-repeat calc(100% - 20px);}
body.cur .Royalbox h3.on1{color: #fff;background: url(../images/a19.png) no-repeat calc(100% - 20px);}
body.cur .footer{background: url(../images/a14a.png) no-repeat center top;background-size: cover;}
body.cur .sheet{background: url(../images/a15a.png);background-size: 100% 100%;}
body.cur .my_protocol .input_agreement_protocol+span{border: 1px solid #fff;}
body.cur .Related_box a{background: #3c3c3c;color: #fff;}
body.cur .sub{background: #565656;}
body.cur .sub span,body.cur .sub p,body.cur .sub em{color: #fff;}
body.cur .plke_right h3{color: #999;}
body.cur body.cur .Royalbox h3.on{background: url(../images/a18.png) no-repeat calc(100% - 20px);}
.nav h3{ display: none;}
@media(max-width:1000px){
.header{height: 70px;}
.search{display: none; width:auto;}
.logo{float: none; margin: 0 auto; padding-top: 15px;}
.navigate{background: url(../images/d1.png); width: 30px;height: 30px; position: absolute;left: 5%; top: 20px;}
.searchbtn{background: url(../images/a26.png); width: 30px;height: 30px; position: absolute; right: 10%; top: 20px;background-size: 100%;}
.lovis_left{width: 200px;}
.lovis_right{padding-top: 0;width: calc(100% - 220px);}
.Related{display: none;}
.More{display: none;}
.Sale{margin:5px;}
.Filter_left{float: none; width: 100%;overflow: hidden;}
.Sale em{float: left;}
.Sale ul{overflow: hidden;}
.Sale li{float: left;line-height: 70px; padding-left: 20px;}
.Filter_right{width: 100%; float: none; padding-top: 20px;}
.copyright_left{display: none;}
.copyright_right{float: none; width: 100%;}

.nav{position: fixed;width: 200px; height: 100%;background: #fff;z-index: 1000;left: -200px; top: 0;}
.nav li{padding: 0 15px; line-height: 50px;float: none;width: 100%;}
.nav li a{color: #333;}
.nav h3{line-height: 50px;border-bottom: 1px solid #dddd; padding: 0 15px; font-size: 18px; font-weight: bold; color: #333;display: block;}
.nav h3 span{position: absolute; top: 12px; right: 15px;width: 25px; height: 25px; background: url(../images/d2.png);background-size: 100%;}
.bhbj{position: fixed;z-index: 1;width: 100%; height: 100%; top: 0;left: 0;background: rgba(0,0,0,.8);display: none;display: none;}
}
@media(max-width:750px){
.btnbox{float:left}
.lovis_text{width: 100%;float: none;}
.lovis_text h2{font-size: 18px;}
.Sale{padding: 0 15px;}
.plke_right h2{font-size: 15px; padding-right: 140px;}
.box-shadow{display: none;}
.Royal{display: none;}
.footer{background-size: 150% 100%; padding-top: 50px; margin-top: 50px;}
.sheet{margin-top: -100px;}
.sheetbox{width: 80%;}
.copyright_right li{width: 33.33%;}
.copyright_right h2{padding: 0 0 25px;text-align: center;line-height: 1.6; margin-bottom: 0;}
.copyright_right h2:before{bottom: 0; left: 50%; transform: translateX(-50%);}
.copyright_right dt{padding: 0;text-align: center;line-height: 1.6;}
.copyright_right  ul li:nth-child(4){ width:100%;float: none; padding-top: 25px;text-align: center;clear: both;} 
.coupons{padding-top: 70px;}

.yzqh{display: none;}

}
@media(max-width:650px){
.logo{width: 160px;}
.searchbtn{right: 5%;}
.Bread{display: none;}
.lovis_left{width: 100px;padding: 10px;}
.lovis .lovis_left img{width:100%}
.box{display: none;}
.lovis_left p{display: none;}
.lovis_right{width: calc(100% - 120px);padding:15px 0 0 0;}
.lovis_text h2{font-size: 16px;}
.lovisbox{display: none;}
.Sale em{display: none;}
.plke_left{float: none; margin: 0 auto;}
.plke_right{width: 100%; float: none; padding: 0;}	
.plke_right h2{padding: 0 0 100px 0;}
.btn3{     position: inherit;
    right: auto;
    right: auto;
    top: 0;
    margin: 10px auto;
    display: block;}
.plke_right h3 {     font-weight: 600; height:auto;text-align: center; font-size:16px;padding-right: 0px;}
.plke_right span.term{width: 116px; margin: 0 auto;}
.plke_right h3.on1 span{background: url(../images/a16.png) no-repeat right center ;}
.copyright_right li{width: 100%; padding-bottom: 20px;}
.sheet{height: 260px;}
.copyright_right ul li:nth-child(4){padding: 0;}
.copyright{padding: 20px 0;     line-height: 1.5 !important;}
.Popular{display: none;}
.lovis_text h1{font-size: 16px;padding-top: 15px;}
.sheet h2{ font-size: 21px;}
	
}


            .never .zxc_stores_abc{color: #000000;    text-align: center;font-size: 45px}
.zxc_rectangle {
    width: 160px;
    height: 7px;
    background: #333;
    margin: auto;
    display: block;
    margin-bottom: 20px;
}
.zxc_abclist {
    width: 3.6%;
    float: left;font-size: 1.5em;
}
.zxc_rectangle_abc {
    width: 60px;
    height: 7px;
    background: #333;
    margin: auto;
    display: block;
    margin-bottom: 20px;
}
.deal_zxc_stores_list_d {
    width: 100%;
}
.deal_zxc_stores_item {
    width: 33%;
    float: left;
    margin-bottom: 20px;
}
.zxc_stores_top{margin-top: 20px;}
.copy-button,.zxcbtn {
    border: medium;display:block;
    border-radius: 8px;
    box-shadow: none!important;
    color: #fff!important;
    font-size: 18px!important;
    font-weight: 700;
    padding: 12px;
    text-shadow: inherit;
    width: 100%;padding: 15px 0px;margin: 15px auto 0;
    background: #007bc7;
}
#copy_text{border: 1px solid #ccc;
    width: 100%;
    height: 40px;
    border-radius: 8px;
    background: #fff;
    font-size: 14px;
    padding-left: 15px;
    text-align: center;
    margin-top: 20px;}


    .clearfix {
    clear:both;
}
.a2 h1,.a3 h1,.a2 h3{    text-align: center;
}
.a2 h1,.a2 h3{    text-align: center;
    margin-top: 30px;
}
.a2 h3{margin-bottom: 10px;}
.a3 h1{padding-top: 20px}
.a3{    margin-top: 30px;padding:10px ;box-shadow: 0 0 10px rgb(0 0 0 / 26%);
    border-radius: 10px;
}
.a2.coupons{padding-bottom:10px;margin-top: 30px;background: #e6e5e5;padding-top:10px;box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border-radius: 10px; }
.a3 div{margin-top: 30px;}
.a2 .conten,.a3 .conten{display: flex;flex-wrap:wrap ;justify-content:flex-start;}
.a2 img{width: 150px;height: 150px;margin: 0 auto;}
.a2 .voucher_first2 {width: 19%;margin:0.5%;height: 150px;}
.a2 .deal_photo2{    background: white;}

@media only screen and (max-width: 860px){
.a2 .voucher_first2 {
    width: 49%;
}}
.a3 .zlatest {width: 16%;margin:0.5%;}

@media only screen and (max-width: 860px){
.a3 .zlatest {
    width: 32%;
}}
.dropbtn {
  cursor: pointer;
}
 

 
.dropdown-content {
  display: none;
  position: absolute;right:0;
  background-color: #f9f9f9;
  min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}


 
.dropdown:hover .dropdown-content {
  display: flex;
}
 

.dropdown-content a {
  
  
  text-decoration: none;
  
}
.nav li .dropdown-content a {
color: black;cursor: pointer;padding:16px;
}
 
.dropdown-content li:hover {background-color: #007bc7;color:white;}
.nav li .dropdown-content a:hover{color:white;}
.two-columns {
  
  flex-wrap: wrap;
  list-style-type: none; 
  padding: 0; 
}
 
.two-columns li {
  width: 50%; line-height: 30px;
}