@charset "utf-8";
/*css reset*/
html { font-family: "微软雅黑"; outline: none; -webkit-text-size-adjust: none; }
body, div, ol, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dd, figure, form, input, textarea, header, footer, nav { margin: 0; padding: 0; }
body { background-color: #fff; color: #333; font-size: 0.7rem; }
ul, ol { list-style: none; }
img { border: none; vertical-align: middle; }
a { text-decoration: none; outline: none; border: 0 none; -webkit-tap-highlight-color: transparent; }
i, em { font-style: normal; }
.tac { text-align: center!important; }
/*头部*/
html, body { height: 100%;/*必备*/ margin: 0 auto; min-width: 320px; max-width: 1280px; font-size: .65rem;
}
.fl, .z { float: left; }
.fr, .y { float: right; }
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }
.top_img { width: 100%; }
.top_text { width: 80%; margin-left: 10%; margin-top: 1rem; }
/* 大转盘样式 */
.banner { display: block; width: 79%; margin-left: auto; margin-right: auto; margin-bottom: 20px; position: relative; }
.banner .icon { position: absolute; }
.banner .turnplate { display: block; width: 100%; position: relative; }
.banner .turnplate canvas.item { width: 100%; }
.banner .turnplate img.pointer { position: absolute; width: 33%; height: 41%; left: 34%; top: 25%; }
.more { display: block; width: 100%; position: fixed; top: 0; left: 0; height: 150px; }
.cloud { position: fixed; left: 0; top: 70%; width: 150px; }
.cloud2 { position: fixed; right: 0; top: 32%; width: 50px; }
.cloud3 { position: fixed; left: 0; top: 30%; width: 100px; }
@media screen and (max-width: 320px) {
.cloud { position: fixed; left: 0; top: 70%; width: 150px; }
.cloud2 { position: fixed; right: 0; top: 30%; width: 50px; }
.cloud3 { position: fixed; left: 0; top: 23%; width: 100px; }
}
@media screen and (min-width: 321px) and (max-width: 375px) {
.cloud { position: fixed; left: 0; top: 72%; width: 150px; }
.cloud2 { position: fixed; right: 0; top: 32%; width: 50px; }
.cloud3 { position: fixed; left: 0; top: 25%; width: 100px; }
}
@media screen and (min-width: 376px) {
.cloud { position: fixed; left: 0; top: 68%; width: 150px; }
.cloud2 { position: fixed; right: 0; top: 32%; width: 50px; }
.cloud3 { position: fixed; left: 0; top: 25%; width: 100px; }
}
@media screen and (max-height: 480px) {
.cloud { position: fixed; left: 0; top: 81%; width: 150px; }
.cloud2 { position: fixed; right: 0; top: 35%; width: 50px; }
.cloud3 { position: fixed; left: 0; top: 27%; width: 100px; }
}
#mark { width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; display: none; }
.red-img { position: fixed; top: 10%; left: 5%; width: 90%; }
.middle p { width: 100%; text-align: center; margin-bottom: .5rem;
}
.award { width: 100%; height: 4rem; }
.award li { width: 19%; margin: 0 .07rem;
float: left; border-radius:.5rem;
overflow: hidden; }
.award li span { display: block; text-align: center; }
.award li span:first-child { background-color: #F1952E; color: #C53138; height: 1.2rem; line-height: 1.2rem; }
.award li span:nth-child(2) { margin-left: 0rem; background-color: #BD2A32; width: 100%; line-height: 1.2rem; height: 2.4rem; }
.award .li3 { width: 26.5%!important; margin:0 .45rem!important;
}
.award .li4 { width: 24%!important; margin: 0 .07rem!important;
}
.bottom { width: 100%; height: 8.8rem; border: 1px solid #F1952E; border-radius:.2rem;
overflow: hidden; }
.bottom ul { z-index: 1; }
.bottom li { height: 1.4rem; line-height: 1.4rem; }
.bottom li span:nth-child(2) { float: right; padding-right:.25rem;
}
.bottom li span:first-child { float: left; padding-left:.25rem;
}
.mask { position: fixed; background-color: rgba(0,0,0,.5); left: 0; top: 0; width: 100%; height: 100%; z-index: 997; display: none; }
.success, .fail, #notExist { display: none; position: fixed; top: 20%; left: 12%; width: 76%; background-color: #FFFFFF; border-radius: .4rem;
padding: 0; z-index: 998; }
.success, .fail { top: 10%!important; }
.text, .noChance { display: none; height: 18rem; font-size:.6rem;
z-index: 998; position: fixed; top: 20%; left: 12%; width: 76%; background-color: #D6372B; border-radius: .4rem;
}
.text p {
padding:0 .3rem; line-height: 1.4rem; }
.noChance { height: 9rem; top: 30%; }
.success img, .fail img, .text img { width: 100%; border-radius: .4rem;
}
.noChance img { text-align: center; margin-left: 4.5rem; width: 2.8rem; }
.close {
width: .8rem!important;
height: .8rem; position: fixed; top: 21%; right: 14%; }
.success p, .fail p, .noChance p, #notExist p { height: 1.1rem; line-height: 1.1rem; color: #000; font-size: .7rem;
width: 100%; text-align: center; }
.success .success_bottom p, .fail .fail_bottom p { height: auto; color: #333; width: 92%; padding: 1.2rem .5rem;
font-size: .6rem;
}
.success .success_bottom div, .fail .fail_bottom div { width: 92%; padding: .6rem .5rem 0 .5rem;
border-top: 5px dotted #e6e6e6; }
.success .success_bottom img, .fail .fail_bottom img { width: 41%; padding: .4rem;
}
.success button, .fail button, .noChance button, #notExist button { border: none; background-color: #E02C37; height: 1.4rem; line-height: 1.4rem; color: #fff; font-size: .65rem;
width: 80%; margin: 1rem 0 1.5rem 10%; }
.fail button { background-color: #fff; border: 1px #E02C37 solid; color: #E02C37; }
.noChance button { border: 1px #fff solid; background-color: #D6372B; }
.noChance p { color: #fff; margin:.8rem;
}
.loading { position: fixed; z-index: 99; width: 100%; height: 100vh; background: rgba(255,255,255,1) url(../images/loading.gif.webp) no-repeat center center; }
.hxmeal_share .queryInput, .hxmeal_share .querybtn { font-family: '微软雅黑'; outline: 0 }
.child-header .title.center { text-indent: 0!important; text-align: center }
.pagetop { margin-top: 1.88rem }
.hxmeal_head img { width: 100% }
.hxmeal_hc { padding:.5rem .75rem .6rem;
border-bottom:.425rem solid #e9e9e9
}
.hxmeal_hc h5 {
font-size:.75rem; color: #c73949; line-height: 1.2rem }
.hxmeal_hc .text { line-height: 1.1rem }
.hxmeal_hc .text span { display: inline-block; width:.55rem;
height:.65rem;
background: url(../images/info.png) no-repeat }
.hxmeal_hc .text span.address { background-position: 0 0; background-size:auto .65rem
}
.hxmeal_hc .text span.call { background-position:-1rem -.1rem;
background-size:auto .8rem
}
.hxmeal_hc .text i { color: #787878; font-size:.62rem
}
.hxmeal_pay { border-bottom:.5rem solid #e9e9e9
}
.hxmeal_pay.noborder { border-bottom: none }
.hxmeal_payhead { line-height: 2.3rem; padding:0 .6rem;
font-size:.75rem;
color: #ff7043 }
.hxmeal_paytitle { clear: both; overflow: hidden; line-height: 2.4rem; font-size:.6rem;
padding:.6rem;
display: flex; align-items: center; justify-content: space-between; }
.hxmeal_paytitle .tl { color: #252525; width: 50%; line-height:.9rem;
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.hxmeal_paytitle .tl span { word-break: break-all; }
.hxmeal_paytitle .tp .price {
line-height:.9rem; color: #4e4e4e }
.hxmeal_paytitle .tp .price em { display: inline-block; width: 2.3rem; text-align: right; margin-right:.4rem
}
.hxmeal_paytitle .tp .price span.red { color: #c73949; font-weight: 700; opacity: .75 }
.hxmeal_paytitle .tr i {
width:.7rem;
height:.42rem; display: inline-block; margin-left:.325rem;
background: url(../images/pay_arrow.png) 0 0/100% 100% no-repeat }
.hxmeal_paytext {
font-size:.66rem; line-height: 1rem; padding-top:.4rem
}
.hxmeal_payinfo { padding:0 0 .5rem
}
.hxmeal_payinfo h5 {
font-size:.63rem; color: #ff6200; border-bottom: 1px solid #e4e4e4; line-height: 1.7rem }
.hxmeal_payinfo .paytext { border-bottom: 1px solid #e4e4e4; font-size:.64rem;
color: #515151; clear: both; overflow: hidden; line-height: 1.05rem; padding-top:.2rem;
padding-bottom:.35rem
}
.hxmeal_payinfo .paytext .lt { float: left; width: 22% }
.hxmeal_payinfo .paytext .ct { float: left; width: 78%; text-align: left }
.hxmeal_payinfo .tips {
font-size:.62rem; line-height: 1.5rem; border-bottom: 1px solid #e4e4e4; color: #515151 }
.hxmeal_paybtW { text-align: right; padding-right:.6rem
}
.hxmeal_paybt { width: 5.55rem; line-height: 1.7rem; color: #fff; background-color: #ff7043; border-radius: 2px; text-align: center; display: inline-block; margin-bottom:.45rem
}
.hxmeal_share .queryShare, .hxmeal_share .querybtn { background-color: #ff6200; font-size:.62rem;
line-height: 1.7rem }
.hxmeal_payifshow { display: none; padding-left:.6rem;
border-top: 1px solid #eaeaea }
.hxmeal_pay.on .tr i { transform: rotate(-180deg); -webkit-transform: rotate(-180deg) }
.hxmeal_pay.on .hxmeal_payifshow { display: block }
.hxmeal_rules { padding:.2rem .6rem .5rem;
border-bottom:.425rem solid #e9e9e9
}
.hxmeal_rules h5 {
font-size:.65rem; color: #c73949; line-height: 1.5rem }
.hxmeal_rules p { color: #5c5c5c; font-size:.55rem;
line-height:.9rem
}
.hxmeal_share { padding:.5rem .6rem 1rem
}
.hxmeal_share h5 { color: #c73949; font-size:.66rem;
text-align: center }
.hxmeal_share p { color: #888; line-height: 1.2rem; text-align: center; margin-bottom:.5rem
}
.hxmeal_share .queryInput { width: 100%; height: 1.6rem; line-height: 1.2rem; border: 1px solid #ccc; padding:0 .25rem;
font-size:.62rem;
box-sizing: border-box }
.hxmeal_share .querybtn { width: 100%; color: #fff; border-radius:.2rem;
border: none; margin-top:.625rem
}
.hxmeal_share .queryResult { line-height: 1.7rem; color: #444; margin-top:.4rem
}
.hxmeal_share .queryShare { width: 100%; color: #fff; border-radius:.2rem;
display: block; text-align: center }
.hxmeal-mask, .hxmeal-share { top: 0; height: 100%; z-index: 1000; display: none; width: 100%; position: fixed; left: 0 }
.hxmeal_share .queryShare.disabled { background-color: #bbb }
.hxmeal-mask { background-color: rgba(0,0,0,.5) }
.hxmeal-share img { width: 100%; margin-top: 1rem }
.hxmeal-share h5 {
font-size:.9rem; color: #fff; text-align: center; letter-spacing:.2rem;
font-family: '黑体'; font-weight: 400 }
.hxmeal_shop { clear: both; overflow: hidden; border-bottom:.325rem solid #e9e9e9;
padding:1rem .8rem .8rem
}
.hxmeal_shop .sl { float: left; border: 1px solid #d7d7d7; width: 2.325rem; height: 2.325rem }
.hxmeal_shop .sl img { width: 100%; height: 100% }
.hxmeal_shop .sr { margin-left: 3rem }
.hxmeal_shop .sr h5 { font-size:.68rem
}
.hxmeal_shop .sr p { font-size:.6rem
}
.hxmeal_payPrice {
padding:0 .75rem; text-align: right; margin-bottom:.5rem
}
.hxmeal_payPrice p { line-height: 1.1rem; font-size:.66rem
}
.hxmeal_payPrice p em { color: #404040 }
.hxmeal_payPrice p span { color: #e02c36 }
.payment_status { position: fixed; left: 0; bottom: 0; background-color: #fff; padding:0 .8rem;
width: 100%; box-sizing: border-box; line-height: 2rem; height: 2rem; color: #d11522; box-shadow: 0 -3px 3px rgba(0,0,0,.2); z-index: 200 }
.payment_status span { font-weight: 700 }
.payment_status .pay_btn { font-family: '微软雅黑'; float: right; width: 5.55rem; background-color: #ff7143; color: #fff; text-align: center; line-height: 1.53rem; font-size:.6rem;
border: 0; border-radius: 2px; margin-top:.25rem
}
.payment_status .pay_btn:disabled { background-color: #d5d5d5 }
.payment_status .cal_btn { background-color: #A7A5A6 }
/*.tabbar_wrapper { width: 100%; height: 1.536rem; line-height: 1.536rem; display: flex; justify-content: space-around; text-align: center; font-size: 0.6rem; color: #252525 }
.tabbar_wrapper .tabbar_item { position: relative; flex: 1; background: #fff }
.tabbar_wrapper .tabbar_item.active { background: #C73949; color: #fff }
.tabbar_wrapper .tabbar_item.active:after { width: 0; height: 0; position: absolute; border-top: 0.24rem solid #c73949; border-left: 0.24rem solid transparent; border-right: 0.24rem solid transparent; content: ""; bottom: -0.24rem; left: 50%; margin-left: -0.12rem }*/

.tabbar_wrapper { padding:0.2rem 0.4rem 0.2rem 0.4rem;line-height: 1.736rem; display: flex;flex-wrap: wrap;text-align: center; font-size: 0.6rem; color: #252525;max-height: 4rem;overflow: hidden;}
.tabbar_wrapper .tabbar_item { position: relative;background: #f5f5f5; width:4.6rem; margin:0.2rem; border-radius:0.2rem;word-break: keep-all;overflow: hidden;text-overflow: ellipsis; }
.tabbar_wrapper .tabbar_item.active { background: #C73949; color: #fff }
.coupon_type{ border-top:1px solid #dfdfdf;}
.tabbar_open{text-align: center;}
.tabbar_open span{ display:inline-block; width:1.0rem; height:0.4rem; line-height:1rem;background: url(../images/down.png) 0 0/100% 100% no-repeat; margin:auto;}
.tabbar_open.open span{transform: rotate(-180deg); -webkit-transform: rotate(-180deg) }	


.love_tips { background: #FFF2E1; padding: 0.64rem; color: #333; }
.carinformation .infor-item { border-bottom: 1px solid #e4e4e4; display: flex; justify-content: space-between; font-size:.6rem;
color: #515151; padding: 0.2rem 0 }
.carinformation .infor-item .left { width: 36%; flex: 0 0 36% }
.carinformation .infor-item .right { flex: 1 }