.popCont {
 width: 5rem;
 padding: .4rem;
 background: #fff;
 border-radius: .14rem;
}

.popCont .boughtTit {
 font-size: .36rem;
 text-align: center;
}

.popboxCon2 img {
 width: 5rem;
 margin-top: .35rem;
}

.popboxCon2 p {
 font-size: .24rem;
 color: rgb(102, 102, 102);
 line-height: 1.5;
 margin-top: .3rem;
}

.popboxCon2 p span {
 color: rgb(255, 89, 124);
}
.pop{
 position: absolute;
 z-index: 10;
}
.popboxCon2 button {
 width: 3rem;
 height: 0.76rem;
 margin: .35rem auto 0 auto;
 display: block;

}

.popBtn1 {
 width: 4rem;
 height: .86rem;
 border: 0;
 border-radius: .42rem;
 font-size: .32rem;
 color: #fff;
 background: linear-gradient(to right, rgb(62, 145, 247), rgb(41, 110, 246));
}


.popCont{
 margin: 0 auto;
 position: relative;

}
.popboxCon2 {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 right: auto;
 bottom: auto;
}

.mask {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, .6);
 font-family: FZLTZHJW;
 z-index: -1
}


.floor-cell-ltbtn a {
 align-items: center;
 justify-content: center;
 display: flex;
 align-items: center;
 position: relative;
 padding: 0 .1rem;
 height: .42rem;
 background-color: #f7f7f9;
 font-size: .2rem;
 color: #333;
 vertical-align: middle;
 margin-left: .2rem;
 border-radius: .5rem;
 text-align: center;
 line-height: .42rem;
 border: 0.02rem solid #f7f7f9;
 width: auto;
}

.floor-cell-ltbtn a img {
 width: .11rem;
 height: 0.08rem;
 margin-left: .07rem;
}

.floor-cell-ltbtn a.active {
 background-color: #e5f2ff;
 color: #007dff;
 border-color: #007dff;
}

.floor-cell-rt {
 font-size: .3rem;
}

.floorcellbox {}

.floor-cell-ltbtn {
 display: flex;
}

.floor-cell {
 display: flex;
 display: -webkit-flex;
 align-items: center;
 -webkit-align-items: center;
 border-bottom: 1px solid #e6e6e6;
 margin-left: .24rem;
 margin-right: .24rem;
}



.floor-cell-lt h3 {
 font-size: .36rem;
 line-height: 1rem;
}


.ruleIn {
 margin: 0 auto;
 text-align: center;
 width: fit-content;
 border-radius: .2rem;
 padding: 0 .3rem;
 height: .4rem;
 background: rgb(235, 244, 255);
 font-size: .24rem;
 color: rgb(102, 102, 102);
}

.ruleIn a {
 color: rgb(0, 125, 255);
}

.ultx {
 margin-left: .24rem;
 margin-right: .24rem;
 margin-top: .14rem;
 padding-bottom: .24rem;
}

.ultx li {
 display: flex;
 display: -webkit-flex;
 margin-top: .1rem;
}

.ultx-lt {
 width: .28rem;
 height: .28rem;
 background-color: #bcd9ff;
 border-radius: .16rem;
 color: #0f78ff;
 text-align: center;
 line-height: .28rem;
 margin-top: .06rem;
}

.ultx-rt {
 flex: 1;
 margin-left: .1rem;
 font-size: .24rem;
 color: #666;
 line-height: .4rem;
 text-align: justify;
}

.txbox div.ultx-rt {
 color: #007dff;
}

.footerFloor {
 margin-top: .24rem;
 height: 1.8rem;
}

.footer-btn {
 display: flex;
 display: -webkit-flex;
 align-items: center;
 -webkit-align-items: center;
 background-color: #fff;
 height: 1.2rem;
}

.footerBtn-lt {
 flex: 1;
 padding-left: .24rem;
 white-space: nowrap;
}

.footerBtn-lt-pr {
 color: #ff2657;
 font-size: .24rem;
 line-height: 1;
}

.footerBtn-lt-pr em {
 font-size: .6rem;
}

.footerBtn-lt-tx {
 height: .36rem;
 line-height: .36rem;
 padding: 0 .04rem;
 color: #999;
 font-size: .24rem;
 border: 1px solid #999;
 border-radius: 3px;
 margin-left: 5px;
 margin-top: -10px;
}

.footerFloor-box {
 position: fixed;
 left: 0;
 right: 0;
 bottom: 0;
 z-index: 8;
}

.footer-serve {
 position: relative;
 padding-left: 13px;
 padding-right: .26rem;
}

.footer-serve a {
 display: block;
 text-align: center;
 color: #070707;
}

.footer-serve a img {
 width: .36rem;
 display: block;
 margin: 0 auto;
}

.footer-serve a span {
 font-size: .18rem;
 line-height: 1;
 margin-top: .04rem;
 white-space: nowrap;
}

.footer-serve::after {
 content: "";
 display: inline-block;
 width: 1px;
 height: 60%;
 background-color: #e6e6e6;
 position: absolute;
 right: 0;
 top: 20%;
}

.footer-btn-rt {
 display: block;
 margin-right: .26rem;
 width: 2.5rem;
 height: .7rem;
 background: linear-gradient(to right, #0a90ff, #006bff);
 font-size: .36rem;
 color: #fff;
 text-align: center;
 line-height: .7rem;
 border-radius: .52rem;
}


.footerFloor {
 margin-top: .24rem;
 height: 1.8rem;
}

.footer-btn {
 display: flex;
 display: -webkit-flex;
 align-items: center;
 -webkit-align-items: center;
 background-color: #fff;
 height: 1.2rem;
}

.footerBtn-lt {
 flex: 1;
 padding-left: .24rem;
 white-space: nowrap;
}

.footerBtn-lt-pr {
 color: #ff2657;
 font-size: .24rem;
 line-height: 1;
 font-weight: bold;
}

.footerBtn-lt-pr em {
 font-size: .6rem;

}

.footerBtn-lt-tx {
 height: .36rem;
 line-height: .36rem;
 padding: 0 .04rem;
 color: #999;
 font-size: .24rem;
 border: 1px solid #999;
 border-radius: 3px;
 margin-left: 5px;
 margin-top: -10px;
}

.footerFloor-box {
 position: fixed;
 left: 0;
 right: 0;
 bottom: 0;
 z-index: 8;
}

.footer-serve {
 position: relative;
 padding-left: 13px;
 padding-right: .26rem;
}

.footer-serve a {
 display: block;
 text-align: center;
 color: #070707;
}

.footer-serve a img {
 width: .36rem;
 display: block;
 margin: 0 auto;
}

.footer-serve a span {
 font-size: .18rem;
 line-height: 1;
 margin-top: .04rem;
 white-space: nowrap;
}

.footer-serve::after {
 content: "";
 display: inline-block;
 width: 1px;
 height: 60%;
 background-color: #e6e6e6;
 position: absolute;
 right: 0;
 top: 20%;
}

.footer-btn-rt {
 display: block;
 margin-right: .26rem;
 width: 2rem;
 height: .7rem;
 background: linear-gradient(to right, #0a90ff, #006bff);
 font-size: .36rem;
 color: #fff;
 text-align: center;
 line-height: .7rem;
 border-radius: .52rem;
}
.doubleBtn{display: flex;}

.doubleBtn a:first-of-type{color: rgb(51,51,51); background: linear-gradient(to right,rgb(255,224,180),rgb(243,195,126));border-radius: .35rem 0 0 .35rem }
.doubleBtn a:last-of-type{border-radius: 0 .35rem .35rem 0;}
.doubleBtn a{font-size: 0.3rem; width: 1.6rem;margin: 0;}


.popboxCon1 {
 width: 90%;
 margin: 0 auto;
 position: absolute;
 left: 0;
 right: 0;
 top: 50%;
 transform: translateY(-50%);
 background-color: currentcolor;
}
.toast {
 position: absolute;
 z-index: 119;
 left: 10%;
 right: 10%;
 top: 50%;
 bottom: auto;
 font-size: .24rem;
 line-height: 1;
 background: rgba(0, 0, 0, .6);
 border-radius: .14rem;
 padding: .2rem;
 line-height: .4rem;
 color: #fff;
 text-align: center
}
.toast1 {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 width: 2.6rem;
 height: 2.3rem;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 background: rgba(0,0,0,0.6);
 z-index: 1000;
 font-size: .3rem;
 color: #fff;
 border-radius: .26rem;
}

.toast1 img {
 width: 0.63rem;
 height: 0.45rem;
 margin-bottom: .3rem;
} .popCon {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   background: #fff;
  } .popCont {
     width: 5rem;
     padding: .4rem;
     background: #fff;
     border-radius: .14rem;
    }
.popCont{
 margin: 0 auto;
 position: relative;

}
.popCont h4{text-align: center;font-size: .36rem;font-weight: bold;}
.popCont p{margin-top: .32rem;line-height: .32rem;}
.popCont section{border-radius: .1rem; background: rgb(245,249,255);padding: .28rem;margin-top: .2rem;margin-bottom: .3rem;}
.popCont section div{font-size: .26rem;display: block;line-height: .38rem;width: 100%;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
}
.popCont section div span:first-of-type{color: rgb(156,156,156);min-width: 1.04rem;width: max-content;}
.popCont section div span:last-of-type{margin-left: .3rem;color: rgb(51,51,51);}
.popCon-inp {
 display: flex;
 justify-content: space-between;
 display: -webkit-flex;
 align-items: center;
 -webkit-align-items: center;
 margin: .24rem auto .2rem auto;
 border: 1px solid #ccc;
 border-radius: .1rem;
 font-size: .26rem;
}

.popCon-inp-lt {
 position: relative;
 line-height: .82rem;
 padding: 0 .26rem;
 font-weight: bold;
}

.popCon-inp input {
 width: 100%;
 flex: 1;
 width: 0;
 height: .8rem;
 border: none;
 background: transparent;
 margin: 0 .15rem;
 outline: none;
}

.popCon-inp input::-webkit-input-placeholder {
 color: #ccc;
}
body{background: rgb(245,245,245);}
.popCon-inp-rt {
 display: flex;
 justify-content: flex-end;
 line-height: .82rem;
 text-align: right;
 margin-right: .15rem;
 color: #666;
}

.popCon-inp-rt a {
 display: block;
 color: #006eff;
 text-decoration: none;
 width: fit-content;
 margin-left: auto;
 font-size: .24rem;
}


main{margin: 0 auto;width: 7.5rem;}
.popCon-inp .popCon-inp-lt{border-right: .02rem solid rgb(235,235,235); text-align: center;height: .5rem;line-height: 0.5rem; width: .98rem;padding: 0;margin: 0; font-size: .24rem;font-weight: normal;}
.popCon-inp input{font-size: .24rem;}
.popCon-inp input::placeholder{font-size: .24rem;}
.gyft{font-size: .22rem;color: #999;margin-top: .24rem;line-height: 1.8;}
.popClose{position: absolute; width: .6rem;bottom: -.84rem;left: 2.63rem;}
.blueBtn{width: 3.6rem; height: .76rem;font-size: .36rem; color: #fff;border-radius: .38rem;border: 0; background: linear-gradient(to right,rgb(56,171,243),rgb(1,111,255));margin: 0 auto;display: block;text-align: center;line-height:.76rem}
.topBg{width: 7.5rem;background: url(../images/topBg.png) no-repeat ;background-size: 7.5rem;height: 4.34rem;}
.order-state{padding: .6rem;display: flex;align-items: center;padding-bottom: .4rem;}
.order-state img{width: .93rem;height: 0.93rem; margin-right: .32rem;}
.order-state div {color: #fff;}
.order-state div h4{font-size: .38rem; font-weight: bold;}
.order-state div p{font-size: .24rem; line-height: 1.5;margin-top: .15rem;}
.wtfloor{border-radius: .2rem; width: 5.96rem;padding: .3rem .51rem;background: #fff;margin: 0 auto .2rem  auto;}
.payCard{display: flex;align-items: center;flex-direction: column;}
.payCard p{color: rgb(153,153,153);}
.payCard p:last-of-type{margin-bottom: .45rem;}
.payCard em{font-size: .28rem;}
.payCard div span{font-size: .6rem;}
.payCard p span{color: rgb(51,51,51);}
.wtfloor section div{display: flex;line-height: .38rem;}
.wtfloor section div span:first-of-type{margin-right: .15rem;}
.popbtns{width: 6.05rem;margin-top: 0;}
.popbtns button{width: 2.9rem;margin: 0;}
.smlPop{width: 5rem;padding: .4rem;padding-top: .6rem;background: #fff;margin:  0 auto;border-radius: .14rem;}
.smlPop h5{text-align: center;font-size: .36rem;}
.smlPop p{font-size: .28rem;color: #999;line-height: .4rem;margin-top: .32rem;}
.smlPop .popbtns button{width: 2.4rem;}
.sec1 div span{min-width: 1.82rem !important;}
.smlPop .popbtns{width: auto;margin-top: .45rem;}
.red-ft{color: rgb(255,38,87) !important;font-weight: bold;}

.finish section div{display: flex;justify-content: space-between;height: .85rem; align-items: center;font-size: .28rem;border-bottom: .01rem solid rgb(235,235,235);}
.finish section div span:first-of-type{color: rgb(153,153,153);}
.finish button{margin-top: .42rem;}
.mask {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, .6);
 font-family: FZLTZHJW;
 z-index: -1
}
.popCon-inp .popCon-inp-rt p{margin-top: 0;}
.payCard p:last-of-type{margin-bottom: .45rem;}
.popbtns{display: flex;justify-content: space-between; margin-top: .27rem;}
.wt-btn{width: 3.6rem;height: .76rem;border: .01rem solid rgb(13,117,255);background: #fff;border-radius: .38rem;font-size: .36rem; color: rgb(0,110,255);}
.payCard p span i{display: inline-block;width: .42rem;height: 0.42rem;line-height: .42rem;text-align: center;border: .01rem solid rgb(231,231,231);border-radius: .1rem;}


.fltchose {
 border-radius: .24rem;
 /*bottom: -.9rem;*/
 left: 0;
 position: absolute;
 width: 1.7rem;
 height: 1.12rem;
 background: #fff;
 padding: .1rem;
 font-size: .2rem;
 color: rgb(51, 51, 51);
}

.fltchose {
 box-shadow: 0 0 0.07rem 0.05rem rgb(244, 244, 244);
 height: 1.2rem;
 border-radius: .18rem;
}

.flt-active {
 color: rgb(0, 125, 255);
 background: rgb(229, 242, 255);
 border-radius: .18rem;
}
.fltchose p{margin-top: 0.6em;}