body.fixed{
    overflow: hidden;
}
.respop-mask{
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.7);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: none;
}
.shop-reservation-popup, .coupon-reservation-popup, .sku-reservation-popup{
    font-family: PingFang SC;
    position: fixed;
    bottom: 0;
    background: #fff;
    width: 101%;
    left: 50%;
    max-width: 640px;
    box-sizing: border-box;
    border-radius: 0.09rem 0.09rem 0.05rem 0rem;
    padding: 0 .13rem;
    transition: .3s all ease;
    transform: translate(-50%, 100%);
    z-index: 110;
}
.pop-up .pop-title{
    padding: .2rem 0 .22rem;
    text-align: center;
    font-size: 0.13rem;
    font-weight: 500;
    color: #333333;
    line-height: 0.13rem;
}
.pop-close{
    width: .2rem;
    height: .2rem;
    background: url(//mued2.jia.com/image/wangpu/reservation-close.png) center center no-repeat;
    background-size: .12rem .12rem;
    position: absolute;
    right: .05rem;
    top: .05rem;
}
.shop-reservation-popup .pop-tips .line{
    width: 100%;
    height: .24rem;
    background: linear-gradient(270deg, rgba(253, 246, 240, 0) 0%, rgba(253,246,240, 1) 100%);
    border-radius: 0.12rem;
    display: flex;
    align-items: center;
    margin-bottom: .13rem;
}
.shop-reservation-popup .pop-tips .line p{
    font-size: 0.11rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.12rem;
    margin-left: .07rem;
}

.shop-reservation-popup .pop-tips .line1::before{
    content: '';
    background: url(//mued2.jia.com/image/wangpu/reservation-icon1.png) no-repeat;
    background-size: 100%;
    width: .24rem;
    height: .24rem;
    display: block;
}
.shop-reservation-popup .pop-tips .line2::before{
    content: '';
    background: url(//mued2.jia.com/image/wangpu/reservation-icon2.png) no-repeat;
    background-size: 100%;
    width: .24rem;
    height: .24rem;
    display: block;
}
.shop-reservation-popup .coupon-wrap{
    margin: .19rem 0 .21rem;
    font-size: 0.1rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.1rem;
}
.shop-reservation-popup .coupon-list{
    display: flex;
    align-items: center;
    margin: .12rem -.03rem 0;
}
.shop-reservation-popup .coupon-list .col3{
    width: 33.33%;
    box-sizing: border-box;
    padding: 0 .03rem;
    height: .56rem;
}
.shop-reservation-popup .coupon-list .coupon-card{
    background: #FDF6F0;
    border: 1px solid #FFE2E0;
    padding: .08rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    border-radius: 0.09rem;
    position: relative;
}
.shop-reservation-popup .coupon-list .coupon-card::before{
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    left: -7px;
    top: 42%;
    transform: translateY(-50%);
    border: 1px solid;
    position: absolute;
    border-color: #fff #FFE2E0 #FFE2E0#fff;
    transform: rotate(-45deg);
}
.shop-reservation-popup .coupon-list .coupon-card::after{
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    right: -7px;
    top: 42%;
    transform: translateY(-50%);
    border: 1px solid;
    border-color: #fff #FFE2E0 #FFE2E0#fff;
    position: absolute;
    transform: rotate(135deg);
}
.shop-reservation-popup .coupon-list .coupon-card .top{
    font-size: 0.1rem;
    font-weight: 500;
    color: #EE2D1B;
    line-height: 0.1rem;
}
.shop-reservation-popup .coupon-list .coupon-card .top span{
    font-size: 0.2rem;
    font-weight: 500;
    color: #EE2D1B;
    line-height: 0.26rem;
}
.shop-reservation-popup .coupon-list .coupon-card .coupon-limit{
    font-size: 0.1rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.1rem;
}
.pop-up .input-wrap{
    width: 100%;
    height: .38rem;
    background: #F5F6F9;
    border-radius: 0.05rem;
    display: flex;
    align-items: center;
    padding-left: .08rem;
    box-sizing: border-box;
}
.pop-up .input-wrap::before{
    content: '';
    background: url(//mued2.jia.com/image/wangpu/phone-icon.png) no-repeat;
    display: block;
    background-size: 100%;
    width: .15rem;
    height: .15rem;
    margin-right: .07rem;
}
.pop-up .input-wrap input{
    height: 100%;
    width: calc(100% - .15rem);
    background: #F5F6F9;
}
.pop-up .bottom-btn{
    margin: .21rem -.1rem 0;
    border-top: 1px solid #ECECEC;
    padding-top: .09rem;
    padding-bottom: .09rem;
    padding-bottom: calc(0.09rem + constant(safe-area-inset-bottom));
    padding-bottom: calc(0.09rem + env(safe-area-inset-bottom));
    box-sizing: border-box;
}
.pop-up .book-btn{
    display: block;
    width: 2.39rem;
    height: 0.34rem;
    background: linear-gradient(90deg, #FE2B2B 0%, #FF5D32 100%);
    border-radius: 0.17rem;
    font-size: 0.14rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 0.34rem;
    margin: 0 auto;
    text-align: center;
}
.pop-up.show{
    transform: translate(-50%, 0);
}
.coupon-reservation-popup .coupon-detail{
    width: 100%;
    height: 0.67rem;
    background: #FDF6F0;
    border-radius: .03rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .17rem;
}

.coupon-reservation-popup .coupon-left {
    width: .79rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
    height: 100%;
}
.coupon-reservation-popup .coupon-left .willprice {
    font-size: .1rem;
    font-weight: 500;
    color: #EE2D1B;
}
.coupon-reservation-popup .coupon-left .price {
    font-size: .2rem;
    font-weight: 500;
    color: #EE2D1B;
    margin-left: -3px;
}
.coupon-reservation-popup .coupon-left::after {
    content: "";
    position: absolute;
    top: 15%;
    right: 0;
    height: 70%;
    border-right: 1px dashed #FF6330;
}
.coupon-reservation-popup .coupon-right {
    width: calc(100% - 0.79rem);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding-left: .1rem;
    box-sizing: border-box;
}
.coupon-reservation-popup .coupon-right .face-price {
    font-size: .13rem;
    font-weight: 500;
    color: #333;
    margin-bottom: .1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 0.13rem;
}
.coupon-reservation-popup .coupon-right .limit-time {
    font-size: .1rem;
    font-weight: 400;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 0.1rem;
}
.coupon-reservation-popup .coupon-right::before {
    content: "";
    position: absolute;
    left: -7px;
    width: 13px;
    height: 13px;
    background-color: #fff;
    border-radius: 50%;
    top: -7px;
}
.coupon-reservation-popup .coupon-right::after {
    content: "";
    position: absolute;
    left: -7px;
    width: 13px;
    height: 13px;
    background-color: #fff;
    border-radius: 50%;
    bottom: -7px;
}
.coupon-reservation-popup .coupon-tips .line{
    font-size: 0.1rem;
    font-weight: 400;
    color: #999999;
    margin-top: .1rem;
}
.coupon-reservation-popup .coupon-tips .line1{
    line-height: 1.2;
}
.coupon-reservation-popup .coupon-tips .line2{
    line-height: .1rem;
}
.sku-reservation-popup .sku-tip{
    font-size: 0.12rem;
    font-weight: 500;
    color: #434343;
    line-height: 0.12rem;
    margin-bottom: .13rem;
}
.success-pop{
    width: 75%;
    background: #fff;
    border-radius: 0.09rem;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 110;
    font-family: PingFang SC;
    padding: 0 .17rem;
    box-sizing: border-box;
}
.success-pop .pop-wrap{
    padding-bottom: .17rem;
}
.coupon-success .success-icon{
    width: .94rem;
    height: .94rem;
    margin: .21rem auto .14rem;
    display: block;
}
.coupon-success .success-txt{
    font-size: 0.14rem;
    font-weight: 500;
    color: #333333;
    line-height: 0.14rem;
    text-align: center;
    margin-bottom: .1rem;
}
.coupon-success .success-desc{
    font-size: 0.11rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.15rem;
    text-align: center;
    margin: 0 .08rem .13rem;
}
.success-pop .success-btn{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.success-pop .success-btn .btn{
    width: .97rem;
    height: .31rem;
    border: 1px solid #EE2D1B;
    border-radius: 0.17rem;
    font-size: 0.12rem;
    font-weight: 500;
    line-height: 0.31rem;
    text-align: center;
}
.success-pop .success-btn .mine{
    color: #EE2D1B;
    background: #fff;
}
.success-pop .success-btn .comfirm{
    background: linear-gradient(90deg, #FE2B2B 0%, #FF5D32 100%);
    color: #fff;
}
.success-pop .shop-title{
    font-size: 0.14rem;
    font-weight: 500;
    color: #333333;
    line-height: 0.14rem;
    text-align: center;
    margin: 0 auto;
    padding: .21rem 0 .17rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.success-pop .shop-title::before{
    content: '';
    display: block;
    width: .14rem;
    height: .14rem;
    background: url(//mued2.jia.com/image/wangpu/shop-success.png) no-repeat;
    background-size: 100%;
    margin-right: .06rem;
}
.success-pop .code-wrap{
    width: 100%;
    height: 0.62rem;
    background: #FFF5ED;
    border-radius: 0.04rem;
    padding: .05rem .19rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}
.success-pop .code-wrap .code-title{
    text-align: center;
}
.success-pop .code-wrap .code-title span{
    font-size: 0.1rem;
    font-weight: 500;
    color: #B35D53;
    line-height: 0.1rem;
    position: relative;
}
.success-pop .code-wrap .code-title span::before{
    content: '';
    width: 0.21rem;
    height: 0.01rem;
    background: linear-gradient(90deg, rgba(201,201,201, 0) 0%, rgba(255,143,129,1) 100%);
    position: absolute;
    top: 50%;
    left: -.25rem;
    transform: translateY(-50%);
}
.success-pop .code-wrap .code-title span::after{
    content: '';
    width: 0.21rem;
    height: 0.01rem;
    background: linear-gradient(-90deg, rgba(201,201,201, 0) 0%, rgba(255,143,129,1) 100%);
    position: absolute;
    top: 50%;
    right: -.25rem;
    transform: translateY(-50%);
}
.success-pop .code-wrap .code-num{
    font-size: 0.14rem;
    font-weight: 500;
    color: #8A0C00;
    line-height: 0.14rem;
    letter-spacing: 6px;
    margin: 0 auto;
}
.success-pop .shop-tip{
    font-size: 0.11rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.15rem;
    text-align: center;
    padding: .17rem 0;
}
.agree-hint{
    font-size: .12rem;
    margin-top: 15px;
    display: flex;
    align-items: center;
}
input[type="radio" i] {
    margin: 3px 3px 0px 5px;
}
.agree-pop{
    height: 1.46rem;
    width: 2.56rem;
    background: #FFFFFF;
    border-radius: .07rem;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 102;
    padding: 0 .17rem;
    box-sizing: border-box;
    display: none;
}
.agree-pop .agree-title{
    font-size: .15rem;
    font-weight: bold;
    color: #333333;
    padding: .17rem 0;
    text-align: center;
}
.agree-pop .agree-tips{
    font-size: .12rem;
    font-weight: 400;
    color: #848494;
    margin-bottom: .17rem;
}
.agree-pop .footer-btn{
    display: flex;
    align-items: center;
    padding: 0 .1rem;
    justify-content: space-between;
}
.agree-pop .footer-btn .btn{
    font-size: .12rem;
    font-weight: 400;
    color: #333333;
    height: .3rem;
    line-height: .3rem;
    text-align: center;
    box-sizing: border-box;
    border-radius: .19rem;
}
.agree-pop .footer-btn .cancel-btn{
    background: #fff;
    border: 1px solid #CCCCCC;
    padding: 0 .2rem;
}
.agree-pop .footer-btn .comfirm-btn{
    background: #F23A30;
    color: #fff;
    padding: 0 .32rem;
}
.loading-wrap {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:200;
    width:100%;
    height:100%
}
.loading-box {
    position:relative;
    position:fixed;
    top:50%;
    left:50%;
    display:flex;
    width:.7rem;
    height:.7rem;
    border-radius:10px;
    background:rgba(0,0,0,.75);
    transform:translate(-50%,-50%);
    justify-content:space-around;
    align-items:center
}
.loading-box .circle-box {
    position:relative;
    width:.5rem;
    height:.5rem
}
.loading-box .sk-circle {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.loading-box .sk-circle:before {
    display:block;
    margin:0 auto;
    width:17%;
    height:17%;
    border-radius:100%;
    background-color:#fff;
    content:'';
    animation:sk-circleFadeDelay 1.2s infinite ease-in-out both
}
.loading-box .sk-circle2 {
    transform:rotate(30deg)
}
.loading-box .sk-circle3 {
    transform:rotate(60deg)
}
.loading-box .sk-circle4 {
    transform:rotate(90deg)
}
.loading-box .sk-circle5 {
    transform:rotate(120deg)
}
.loading-box .sk-circle6 {
    transform:rotate(150deg)
}
.loading-box .sk-circle7 {
    transform:rotate(180deg)
}
.loading-box .sk-circle8 {
    transform:rotate(210deg)
}
.loading-box .sk-circle9 {
    transform:rotate(240deg)
}
.loading-box .sk-circle10 {
    transform:rotate(270deg)
}
.loading-box .sk-circle11 {
    transform:rotate(300deg)
}
.loading-box .sk-circle12 {
    transform:rotate(330deg)
}
.loading-box .sk-circle2:before {
    animation-delay:-1.1s
}
.loading-box .sk-circle3:before {
    animation-delay:-1s
}
.loading-box .sk-circle4:before {
    animation-delay:-.9s
}
.loading-box .sk-circle5:before {
    animation-delay:-.8s
}
.loading-box .sk-circle6:before {
    animation-delay:-.7s
}
.loading-box .sk-circle7:before {
    animation-delay:-.6s
}
.loading-box .sk-circle8:before {
    animation-delay:-.5s
}
.loading-box .sk-circle9:before {
    animation-delay:-.4s
}
.loading-box .sk-circle10:before {
    animation-delay:-.3s
}
.loading-box .sk-circle11:before {
    animation-delay:-.2s
}
.loading-box .sk-circle12:before {
    animation-delay:-.1s
}
.storeList::before {
    height:.32rem!important
}
@-webkit-keyframes sk-circleFadeDelay {
    0%,100%,39% {
        opacity:0
    }
    40% {
        opacity:1
    }
}@keyframes sk-circleFadeDelay {
     0%,100%,39% {
         opacity:0
     }
     40% {
         opacity:1
     }
 }
a {
    vertical-align: baseline;
    text-decoration: none;
    color: #333;
    background: transparent;
    cursor: pointer;
}