.checkBoxs{ position: relative; }
.checkBoxs .checkbox{ position: absolute; left:0; top:0; opacity:0; }
.checkBoxs .icons{ display:block; height:.28rem; width:.28rem; border-radius:50%; border:1px solid #d6d6d6; background-position:9999px 9999px; }
.checkBoxs .checkbox:checked+.icons{ background-position:-6.46rem -.45rem; border-color:transparent; }
.numberBox{ border:1px solid #dddddd; border-radius:.05rem; text-align:center; display:inline-flex; align-items:center; }
.numberBox .reduce,
.numberBox .add,
.numberBox .number{ line-height:.46rem; height:.46rem; display:inline-block; text-align:center; }
.numberBox .number{ width:.5rem; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:0 .1rem; font-size:.22rem; color:#333333; }
.numberBox .reduce,
.numberBox .add{ width:.44rem; font-weight:bold; color:#656565; font-size:.34rem; }
.numberBox .disabled{ color:#cbcbcb; }
.InputBox{}
.InputBox .word{ display:block; width:100%; line-height:.66rem; height:.68rem; font-size:.26rem; color:#999999; padding:0 .2rem; position: relative; position: relative; border:1px solid #e3e3e3; }
.InputBox .word.icons_after{ padding-right:.37rem; }
.InputBox .word.icons_after::after{ position: absolute; top:50%; right:.13rem; margin-top:-.05rem; height:.11rem; width:.2rem; background-position:-8.2rem -.27rem; }
.InputBox .Uls{ display:flex; flex-direction:column; justify-content:flex-end; position: fixed; left:0; top:100%; width:100%; height:100vh; background:rgba(0,0,0,.4); transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); z-index:999; }
.InputBox.on .Uls{ transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -ms-transform:translateY(-100%); -o-transform:translateY(-100%); }
.InputBox .Uls .UlBox{ width:100%; max-height:70vh; background-color:#fff; overflow-y:auto; position: relative; }
.InputBox .Uls .UlBox .ul{ border:1px solid #ddd; }
.InputBox .Uls .UlBox .ul li{ font-size:.3rem; line-height:.34rem; color:#666; padding:.3rem .15rem; }
.InputBox .Uls .UlBox .ul li+li{ border-top:1px solid #ddd; }
.InputBox .Uls .UlBox .ul li.on{ background-color:#3966ff; color:#fff; }
.InputBox .Uls .UlBox .ul li.icon_before{ position:relative; padding-left:1.15rem; padding-right:.35rem; }
.InputBox .Uls .UlBox .ul li.icon_before::before{ content:""; position: absolute; left:.25rem; top:.4rem; height:.6rem; width:.6rem; background:url(../images/ho_icon.png) no-repeat center/100% 100%; }
.InputBox .Uls .UlBox .ul li.icon_before .h6{ font-size:.3rem; line-height:.34rem; font-weight:normal; color:#3f3e4d; margin-bottom:.15rem; }
.InputBox .Uls .UlBox .ul li.icon_before .p{ font-size:.24rem; line-height:.3rem; color:#999; }
.InputBox .Uls .checkCityBox{ background:#fff; height:100%; width:100%; line-height:.36rem; }
.InputBox .Uls .checkCityBox .liBox{ display:flex; }
.InputBox .Uls .checkCityBox .liBox:last-child a:last-child{ border-bottom:0 none; }
.InputBox .Uls .checkCityBox .T_word{ width:1rem; display:block; font-size:.32rem; text-transform:uppercase; text-align:center; padding:.27rem .15rem; color:#999; }
.InputBox .Uls .checkCityBox .aBox{ height:100%; width: calc(100% - 1rem); }
.InputBox .Uls .checkCityBox .aBox a{ display:block; width:100%; font-size:.28rem; padding:.27rem .15rem; color:#444; border-bottom:1px solid #e6e6e6; }
/******购物车******/
#ListCar{ margin-bottom:1.05rem; }
#ListCar .ul{ padding-top:.4rem; padding-bottom:.4rem; }
#ListCar li{ display:flex; align-items:center; padding-bottom:.4rem; border-bottom:1px solid #e3e3e3; }
#ListCar li+li{ margin-top:.4rem; }
#ListCar .imgBox{ margin:0 .15rem 0 .2rem; }
#ListCar .imgBox img{ height:1.2rem; width:1.8rem; }
#ListCar .cont{ color:#444444; position:relative; width:4.6rem; }
#ListCar .cont .title{ display:block; font-size:.26rem; line-height:1.4em; padding-right:.38rem; }
#ListCar .cont .delete{ display:block; height:.28rem; width:.26rem; background-position:-6.87rem -.43rem; position: absolute; right:0; top:0; }
#ListCar .cont .price{}
#ListCar .cont .price{ font-size:.28rem; color:#ea001b; line-height:.46rem; }
#ListCar .cont .price del{ font-size:.24rem; color:#999999; margin-left:.08rem; }
#ListCar .cont .price .numberBox{}
#PriceFixed{ position: fixed; left:0; bottom:0; width:100%; padding-left:.23rem }
#PriceFixed .price{ font-size:.26rem; line-height:1.4em; color:#333333; }
#PriceFixed .checkBoxs{ margin-right:.15rem; }
#PriceFixed .number{ font-size:.24rem; line-height:1.3em; margin-left:.2rem; }
#PriceFixed .confim{ line-height:.94rem; height:.94rem; color:#fff; font-size:.26rem; min-width:1.9rem; padding:0 .2rem; text-align:center; background-color:#ffaa01; }
#PriceFixed .confim[disabled="disabled"]{ background-color:#f1f1f1; color:#999; }
/*****确认订单******/
#OrderdBox{ padding-bottom:2rem; }
#OrderdBox .Prograss{ font-size:.26rem; line-height:.7rem; color:#555555; border-bottom:1px solid #e3e3e3; }
#OrderdBox .Prograss .on{ color:#3966ff; }
#OrderdBox .InfoBlock{}
#OrderdBox .InfoBlock .InfoTit{ border-bottom:1px solid #e3e3e3; font-size:.32rem; color:#333333; line-height:.9rem; }
#OrderdBox .InfoBlock .mobileBox{ font-size:.28rem; color:#555; line-height:.6rem; padding-top:.15rem; padding-bottom:.15rem; }
#OrderdBox .InfoBlock .mobileBox .tit{}
#OrderdBox .InfoBlock .mobileBox .mobile{ line-height:.6rem; height:.6rem; font-size:.28rem; color:#333; padding:0 .15rem; border:0; margin:0; width:3.5rem; }
#OrderdBox .InfoBlock .mobileBox .getCode{ line-height:.6rem; padding:0 .15rem; width:2rem; border-radius:.04rem; background-color:#3966ff; color:#fff; }
#OrderdBox .InfoBlock .mobileBox .getCode[disabled="disabled"]{ background-color:#f1f1f1; color:#999; }
#OrderList{}
#OrderList .radioBox{ position: relative; display:inline-block; }
#OrderList .radioBox input{ position: absolute; left:0; top:0; opacity:0; }
#OrderList .radioBox .word{ display:block; font-size:.26rem; color:#999999; padding-left:.38rem; }
#OrderList .radioBox .word::before{ position: absolute; left:0; top:50%; margin-top:-.14rem; height:.28rem; width:.28rem; border-radius:.05rem; background-position:9999px 9999px; border:1px solid #d5d5d5; }
#OrderList .radioBox input:checked+.word::before{ border-color:#3967ff; background-color:#3967ff; background-position:-6.45rem -.84rem; }
#OrderList .dl{}
#OrderList .dl .dd+.dd{ margin-top:.2rem; }
#OrderList .dl .info{ padding:.3rem 0; border-bottom:1px solid #e3e3e3; }
#OrderList .dl .info .imgBox img{ width:1.8rem; height:1.2rem; }
#OrderList .dl .info .cont{ width:5.1rem; padding-top:.05rem; }
#OrderList .dl .info .title{ font-size:.24rem; line-height:1.4em; color:#555555; display:block; }
#OrderList .dl .info .flex{ padding-bottom:.06rem; }
#OrderList .dl .info .price{ line-height:.48rem; font-size:.22rem; color:#555555; }
#OrderList .dl .formSwitch{ font-size:.26rem; line-height:.4rem; padding-top:.15rem; padding-bottom:.15rem; color:#555555; }
#OrderList .dl .formSwitch .checkboxBtn{}
#OrderList .dl .formSwitch .checkboxBtn input{ position: absolute; left:0; top:0; opacity:0; }
#OrderList .dl .formSwitch .checkboxBtn .cycle{ height:.36rem; width:.8rem; background-color:#f1f1f1; border-radius:.18rem; position: relative; display:block; }
#OrderList .dl .formSwitch .checkboxBtn .cycle::after{ position: absolute; left:-.01rem; top:-.02rem; height:.42rem; width:.42rem; background-position:-7.69rem -.29rem; }
#OrderList .dl .formSwitch .checkboxBtn input:checked+.cycle{ background-color:#3866ff; }
#OrderList .dl .formSwitch .checkboxBtn input:checked+.cycle::after{ left:auto; right:-.02rem; }
#OrderList .dl .tips{ font-size:.22rem; line-height:.52rem; color:#999999; }
#OrderList .dl .form{ color:#555555; font-size:.26rem; line-height:.54rem; padding-top:.05rem; padding-bottom:.1rem; }
#OrderList .dl dd .form:last-child{ padding-bottom:.34rem; }
#OrderList .dl .form+.form{ border-top:.1rem solid #f9f9f9; }
#OrderList .dl .form+.form .lable:first-child{ padding-top:0; }
#OrderList .dl .form .lable{ padding-top:.1rem; padding-bottom:.1rem; flex-wrap:nowrap; align-items: center; }
#OrderList .dl .form .lable .tit{ width:1.1rem; }
#OrderList .dl .form .lable .wid{ width:5.8rem; }
#OrderList .dl .form .lable .wid .wid1{ width:49%; }
#OrderList .dl .form .lable.peopleBox .tit{ width:100%; text-align:left; padding-bottom:.08rem; }
#OrderList .dl .form .lable .peoples{ margin:-.1rem; line-height:0; font-size:0; }
#OrderList .dl .form .lable .peoples .span{ margin:.05rem; font-weight:normal; position: relative; display:inline-block; vertical-align:top; }
#OrderList .dl .form .lable .peoples .span input{ position: absolute; left:0; top:0; opacity:0; }
#OrderList .dl .form .lable .peoples .tword{ display:block; position: relative; border:1px solid #dddddd; border-radius:.05rem; padding:0 .15rem; min-width:1.32rem; text-align:center; font-size:.24rem; line-height:.46rem; color:#777777; background:linear-gradient(#fff,#eaeaea); }
#OrderList .dl .form .lable .peoples .tword::after{ display:block; position: absolute; right:0; bottom:0; width:.25rem; height:.2rem; background-position:-7.28rem -.44rem; opacity:0; }
#OrderList .dl .form .lable .peoples input:checked+.tword{ border-color:#ea001b; }
#OrderList .dl .form .lable .peoples input:checked+.tword::after{ opacity:1; }
#OrderList .dl .form .lable .radioBox+.radioBox{ margin-left:.2rem; }
#OrderList .dl .form .lable.birthdayBox{}
#OrderList .dl .form .lable.birthdayBox .InputBox{ width:30%; }
#OrderList .dl .form .lable.birthdayBox{}
.OrderPayBlock{ padding-top:.2rem; padding-bottom:.2rem; }
.OrderPayBlock .tit{ font-size:.32rem; line-height:.44rem; color:#222222; }
.OrderPayBlock .tit .type{ display:inline-block; line-height:.4rem; font-size:.24rem; border:.02rem solid #ea001b; padding:0 .13rem; position: relative; margin-left:.25rem; }
.OrderPayBlock .tit .type::after{ position: absolute; right:0; bottom:0; width:.25rem; height:.2rem; background-position:-7.28rem -.44rem; }
.OrderPayBlock .tipword{}
.OrderPayBlock .tipword .word{ font-size:.24rem; line-height:0; color:#999999; display:inline-block; }
.OrderPayBlock .tipword .word .vmd{ line-height:.44rem; }
.OrderPayBlock .tipword .word+.word{ margin-left:.2rem; }
.OrderPayBlock .tipword .word .em{ display:inline-block; vertical-align:middle; font-size:.22rem; line-height:.34rem; text-align:center; width:.34rem; border-radius:50%; color:#fff; background-color:#ffaa01; margin-right:.05rem; }
.CouponBlock{}
.CouponBlock .checkBoxs{ display:inline-block; }
.CouponBlock .Tword{ font-size:.3rem; line-height:.76rem; }
.CouponBlock .Tword .checkBoxs{ margin-right:.15rem; }
.CouponBlock .Tword .checkBoxs input{ display:none; }
.CouponBlock .tipsword{ font-size:.24rem; line-height:1.4em; color:#999999; }
.CouponBlock .dl{ border-top:1px solid #dbdbdb; font-size:.24rem; color:#555555; line-height:.36rem; padding-bottom:.25rem; }
.CouponBlock .dl .dt{ background-color:#f6f6f6; padding:.12rem 0; }
.CouponBlock .dl dd{ padding:.12rem 0; }
.CouponBlock .dl dd+dd{ border-top:1px solid #dbdbdb; }
.CouponBlock .dl .label{ display:block; vertical-align: middle; padding:0; margin:0; border:0 none; }
.CouponBlock .dl .wid{ display:inline-block; vertical-align:middle; }
.CouponBlock .dl .wid1{ width:7%; line-height:0; }
.CouponBlock .dl .wid2{ width:20%; }
.CouponBlock .dl .wid3{ width:30%; text-align:center; }
.CouponBlock .dl .wid4{ width:35%; text-align:center; }
.TotalBlock{ font-size:.28rem; line-height:.44rem; color:#555555; padding-top:.16rem; padding-bottom:.16rem; }
.Agreement{}
.Agreement .flex{ flex-wrap:nowrap; padding-top:.15rem; padding-bottom:.15rem; }
.Agreement .word{ font-size:.28rem; line-height:1.4em; color:#555555; padding:0 .15rem 0 .2rem; position: relative; width:100%; }
.Agreement .word::after{ position: absolute; top:50%; right:0; margin-top:-.12rem; height:.24rem; width:.15rem; background-position:-10.2rem .01rem; }

#PriceFixed2{ position: fixed; left:0; bottom:0; width:100%; padding-left:.23rem }
#PriceFixed2 .price{ font-size:.32rem; line-height:.94rem; }
#PriceFixed2 .confim{ line-height:.94rem; height:.94rem; color:#fff; font-size:.26rem; min-width:1.9rem; padding:0 .2rem; text-align:center; background-color:#ea001b; }
#PriceFixed2 .confim[disabled="disabled"]{ background:#f1f1f1; }
/****订单支付****/
.PayBlock{ color:#555555; }
.PayBlock .li_word{ line-height:.36rem; padding-top:.18rem; padding-bottom:.18rem; }
.PayBlock .li_word+.li_word{ border-top:1px solid #e3e3e3; }
.PayBlock .fz22{ font-size:.22rem; }
.PayBlock .fz24{ font-size:.24rem; }
.PayBlock .fz26{ font-size:.26rem; }
.PayBlock .fz28{ font-size:.28rem; }
.PayBlock .fz30{ font-size:.3rem; }
.PayBlock .fz26{ font-size:.26rem; }
.PayBlock .submimtBox{ padding:.6rem 5% .3rem; }
.PayBlock .submimtBox .submit{ display:block; width:100%; text-align:center; color:#fff; line-height:.4rem; padding:.22rem 5%; border-radius:.05rem; background:#ea001b; margin-bottom:.25rem; border:0 none; }
.PayBlock .tipword{ text-align:center; }
.PayBlock .tipword .word{ font-size:.24rem; line-height:0; color:#999999; display:inline-block; }
.PayBlock .tipword .word span{ line-height:.44rem; }
.PayBlock .tipword .word+.word{ margin-left:.25rem; }
.PayBlock .tipword .word .em{ display:inline-block; vertical-align:middle; font-size:.22rem; line-height:.34rem; text-align:center; width:.34rem; border-radius:50%; color:#fff; background-color:#ffaa01; margin-right:.05rem; }
.PayLeaveTank{}
.AutoTankBlock.PayLeaveTank{ justify-content:center; }
.AutoTankBlock.PayLeaveTank .block{ max-height:90vh; width:92%; margin:0 auto; background:#fff; border-radius:.1rem; overflow:hidden; color:#222222; }
.AutoTankBlock.PayLeaveTank .content{ padding:.3rem 0.15rem 0.35rem;}
.AutoTankBlock.PayLeaveTank .content .h1{ font-weight:normal; font-size:.3rem; line-height:.44rem; }
.AutoTankBlock.PayLeaveTank .content .word{ font-size:.24rem; line-height:.36rem; margin:.08rem 0 .3rem; }
.AutoTankBlock.PayLeaveTank .btns .btn{ font-size:.26rem; color:#3866ff; line-height:.62rem; width:35%; margin:0 2%; border:1px solid #3866ff; border-radius:.32rem; }
.AutoTankBlock.PayLeaveTank .btns .btn.hover{ background:#3866ff; color:#fff; }
/**日历弹框**/
.TankCalendarDate .CalendarDate{ background-color:#eeeeee; }
.TankCalendarDate #CalendarDate table tr:nth-child(even){ background-color:#fff; }
.TankCalendarDate #CalendarDate table tr:nth-child(odd){ background-color:#fafafa; }
.TankCalendarDate #CalendarDate table tr.calTit{ background-color:transparent; }
.TankCalendarDate #CalendarDate table tr.tips{ background-color:#fff; }
.TankCalendarDate #CalendarDate table tr.tips td{ color:#ffaa00; font-size:.24rem; padding:.11rem; border:0 transparent; }