body {
    height: 100%;
    background-color: rgba(234, 248, 248, .85)
}
body .layui-m-layer .layui-m-layer-msg {
    bottom: 50% !important;
}

/*遮罩层*/
.bg-box {
    display: none;
    position: fixed;
    bottom: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0);
    z-index: 2147483647;
    right: 0px;
    top: 0px;
}
/*底部导航*/
.border_top {
    background-image: -webkit-linear-gradient(
        top,
        #d3d3d3 33.3%,
        transparent 66.7%
    );
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: top;
    position: absolute;
    height: 1px;
    width: 100%;
    left: 0;
    top: 0;
}
.nav_box {
    width: 100%;
    height: 51px;
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: #fff;
}
.nav_index,
.nav_order,
.nav_my {
    width: 33.3%;
    float: left;
}
.nav_box img {
    width: 64px;
    /*height: auto;*/
    /*position: relative;*/
    /*left: 50%;*/
    /*margin-left: -9px;*/
    /*margin-top: 8px;*/
}
.nav_box h1 {
    font-size: 12px;
    text-align: center;
    color: #65646b;
    line-height: 25px;
}
.nav_box .current_nav {
    color: #01aff0;
}
.dealcard {
    position: relative;
    box-sizing: border-box;
    margin: -0.08rem 0;
}
.dealcard .dealcard-nobooking {
    position: absolute;
    overflow: hidden;
    width: 4rem;
    height: 4rem;
    z-index: 1;
}
.dealcard .dealcard-nobooking:after {
    font-size: 12px;
    background: #06c1ae;
    color: #fff;
    padding: 0.15rem;
    position: absolute;
    width: 5.8rem;
    text-align: center;
    -webkit-transform: rotateZ(-45deg);
    left: -1.35rem;
    top: 0.8rem;
}
.now-appoint {
    background-color: #1a9e6c;
    padding: 5px 20px;
    border-radius: 3px;
    color: white;
}
a {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
    outline: none;
    text-decoration: none;
}
a:active,
a:focus,
a:hover {
    color: white;
}
.img-msg a:active,
.img-msg a:focus,
.img-msg a:hover {
    color: white !important;
}
.go-buy a:active,
.go-buy a:focus,
.go-buy a:hover {
    color: #666666 important;
}
.num {
    left: 14%;
    bottom: 15%;
    position: absolute;
}
.expire_date {
    font-size: 13px;
    position: absolute;
    bottom: 20px;
}
.title {
    position: absolute;
    top: 9%;
    z-index: 100;
    left: 7%;
    width: 41%;
}
.activate {
    z-index: 10000;
    background: #00a0e9;
    border: none;
    color: #fff;
    font-size: 12px;
    width: 70px;
    height: 25px;
    line-height: 25px;
    border-radius: 12px;
    padding: 0px;
}
.green-btn {
    z-index: 10000;
    background: #ffd542;
    border: none;
    color: #333333;
    font-size: 12px;
    width: 70px;
    height: 25px;
    line-height: 25px;
    border-radius: 12px;
    padding: 0px;
}
.appoint {
    z-index: 10000;
    background: #bfbfbf;
    border: none;
    color: #fff;
    font-size: 12px;
    width: 70px;
    height: 25px;
    line-height: 25px;
    border-radius: 12px;
    padding: 0px;
}
.over {
    z-index: 10000;
    background: #aaa;
    border: 1px solid #aaa;
    color: #fff;
    font-size: 12px;
    width: 70px;
    height: 25px;
    line-height: 25px;
    border-radius: 12px;
    padding: 0px;
}
.img-msg {
    padding: 0 3.2%;
    position: relative;
    font-family: PingFangSC-Regular;
}
.region {
    top: 30.55%;
    color: #fff;
    right: 2.5%;
    position: absolute;
    margin-right: 4%;
    font-size: 6px;
}
.e-time {
    top: 12.55%;
    color: #fff;
    right: 2.5%;
    position: absolute;
    margin-right: 4%;
    font-size: 6px;
}
.orderNo {
    top: 7.55%;
    color: #fff;
    left: 8.1%;
    position: absolute;
    font-size: 9px;
    display: none;
}
.activate:hover,
.activate:focus,
.activate.bg:hover,
.activate.bg:focus {
    background-color: #00a0e9;
}
.green-btn:hover,
.green-btn:focus,
.green-btn.bg:hover,
.green-btn.bg:focus {
    /* background-color: #26ae76; */
}
.appoint:hover,
.appoint:focus,
.appoint.bg:hover,
.appoint.bg:focus {
    background-color: #bfbfbf;
}
.cardName {
    position: absolute;
    color: #fff;
    top: 22%;
    left: 14%;
    font-family: Microsoft YaHei;
    font-size: 18px;
}
.gift {
    position: absolute;
    width: 35px;
    height: 15px;
    font-size: 10px;
    color: #ff8a1d;
    background-color: #ffe2c7;
    top: 7.55%;
    left: 100%;
    transform: translateX(15px);
    border-radius: 7.5px;
    line-height: 15px;
}

.booking_item{
    border-radius: 8px;
    margin: 0 16px;
    background-image: url(/mall/images/booking_bg.png);
    box-shadow: darkgrey 10px 10px 30px 5px ;

}
/* .look-book2 .gift {
    background-color: #d5d5d5;
    color: white;
} */