.wrapper[data-v-a30744fe] {
    position:fixed;
    z-index:10;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.wrapper .content-wrapper[data-v-a30744fe] {
    height:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    overflow-y:scroll
}
.wrapper .content-wrapper .rooms-title[data-v-a30744fe] {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.wrapper .content-wrapper .rooms-title img[data-v-a30744fe] {
    margin-left:4px;
    width:30px;
    height:30px
}
.wrapper .content-wrapper .rooms-title .package-title[data-v-a30744fe] {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:16px;
    height:40px;
    line-height:40px;
    padding:4px
}
.wrapper .content-wrapper .rooms-title .package-title h2[data-v-a30744fe] {
    margin-left:4px;
    font-weight:500;
    font-size:20px
}
.wrapper .content-wrapper .rooms-title .help-wrapper[data-v-a30744fe] {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:13px;
    height:40px;
    line-height:40px;
    padding:4px;
    margin-right:5px
}
.wrapper .content-wrapper .rooms-title .help-wrapper a[data-v-a30744fe] {
    margin-left:4px;
    color:#f33137
}
.wrapper .content-wrapper .rooms-box[data-v-a30744fe] {
    margin:15px;
    border-radius:5px
}
.wrapper .content-wrapper .rooms-wrapper[data-v-a30744fe] {
    margin:15px
}
.wrapper .content-wrapper .banner[data-v-a30744fe] {
    padding:15px
}
.wrapper .content-wrapper .banner img[data-v-a30744fe] {
    width:100%;
    height:auto
}
.wrapper .content-wrapper section[data-v-a30744fe] {
    margin:15px;
    border-radius:5px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.wrapper .content-wrapper section .item[data-v-a30744fe] {
    width:auto;
    margin-right:20px;
    border-radius:20px;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:30px 40px;
    background-color:#1f0f4f;
    background:-webkit-gradient(linear,left top,right top,from(#121985),color-stop(0,#142391),color-stop(100%,#0d2e5c),to(#0a2f64));
    background:linear-gradient(90deg,#121985,#142391 0,#0d2e5c 100%,#0a2f64 0);
    border-right:1px solid #313133;
    border-bottom:1px solid #313133;
    margin-bottom:20px
}
.wrapper .content-wrapper section .item .left[data-v-a30744fe],
.wrapper .content-wrapper section .item[data-v-a30744fe] {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.wrapper .content-wrapper section .item .left[data-v-a30744fe] {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.wrapper .content-wrapper section .item .left figure[data-v-a30744fe] {
    margin:0 10px 0 0
}
.wrapper .content-wrapper section .item .left figure img[data-v-a30744fe] {
    width:80px;
    height:80px
}
.wrapper .content-wrapper section .item .left .item-info[data-v-a30744fe] {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.wrapper .content-wrapper section .item .left .item-info h3[data-v-a30744fe] {
    font-size:18px;
    line-height:30px;
    font-weight:700;
    color:#fff;
    margin:0
}
.wrapper .content-wrapper section .item .left .item-info div[data-v-a30744fe] {
    font-size:18px;
    line-height:20px;
    color:#4a5568
}
.wrapper .content-wrapper section .item .left .item-info div strong[data-v-a30744fe] {
    color:#ff3636;
    font-weight:700
}
.wrapper .content-wrapper section .item .left .item-info .count[data-v-a30744fe] {
    height:22px;
    line-height:22px;
    border-radius:10px;
    padding:0 10px;
    margin:10px 0;
    font-size:14px;
    background:#f2f2fa;
    color:#666
}
.wrapper .content-wrapper section .item .left .item-info .count strong[data-v-a30744fe] {
    color:#5b5db4
}
.wrapper .content-wrapper section .item .buy-btn[data-v-a30744fe] {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.wrapper .content-wrapper section .item .buy-btn a[data-v-a30744fe] {
    color:#fff;
    font-size:14px;
    height:36px;
    margin-top:10px;
    padding:0 30px;
    line-height:30px;
    background:#f56591;
    border:0;
    border-radius:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.wrapper .content-wrapper section .item .buy-btn a img[data-v-a30744fe] {
    width:19px;
    height:18px;
    display:block;
    margin-right:5px
}
.wrapper .content-wrapper section .item .buy-btn .btn0[data-v-a30744fe] {
    background:#da2860
}
.wrapper .content-wrapper section .item .buy-btn .btn1[data-v-a30744fe] {
    background:#fea10a
}
.wrapper .content-wrapper section .item .buy-btn .btn2[data-v-a30744fe] {
    background:#0f7fff
}
.wrapper .content-wrapper section .item .buy-btn .btn3[data-v-a30744fe] {
    background:#ea2c45
}
.wrapper .content-wrapper section .item[data-v-a30744fe]:hover {
    background:-webkit-gradient(linear,left top,right top,from(#24296c),color-stop(0,#0e185d),color-stop(100%,#0a2f64),to(#0d2e5c));
    background:linear-gradient(90deg,#24296c,#0e185d 0,#0a2f64 100%,#0d2e5c 0)
}
@media screen and (max-width:780px) {
    .wrapper .content-wrapper section[data-v-a30744fe] {
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .wrapper .content-wrapper section .item[data-v-a30744fe] {
        padding:15px!important;
        margin:0!important;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        margin-bottom:10px!important;
        -webkit-box-orient:vertical!important;
        -webkit-box-direction:normal!important;
        -ms-flex-direction:column!important;
        flex-direction:column!important
    }
    .wrapper .content-wrapper section .left[data-v-a30744fe] {
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:normal!important;
        -ms-flex-direction:row!important;
        flex-direction:row!important;
        -webkit-box-align:start!important;
        -ms-flex-align:start!important;
        align-items:flex-start!important
    }
    .wrapper .content-wrapper section .left .item-info[data-v-a30744fe] {
        -webkit-box-pack:center!important;
        -ms-flex-pack:center!important;
        justify-content:center!important;
        -webkit-box-align:start!important;
        -ms-flex-align:start!important;
        align-items:flex-start!important
    }
    .wrapper .content-wrapper section .left .item-info .count[data-v-a30744fe] {
        color:#fff!important;
        height:25px!important;
        line-height:25px!important;
        text-align:left!important;
        padding:0!important;
        background:transparent!important;
        border-radius:15px!important
    }
    .wrapper .content-wrapper section .left .item-info .count strong[data-v-a30744fe] {
        font-size:18px;
        color:#fff!important;
        padding:0 5px;
        font-weight:700
    }
    .wrapper .content-wrapper section .left figure[data-v-a30744fe] {
        margin:0;
        padding:0
    }
    .wrapper .content-wrapper section .left figure img[data-v-a30744fe] {
        width:80px!important;
        height:80px!important
    }
    .wrapper .content-wrapper section .buy-btn[data-v-a30744fe] {
        margin-left:60px;
        margin-top:20px
    }
    .wrapper .content-wrapper section .buy-btn a[data-v-a30744fe] {
        padding:0 15px!important
    }
}