body, html {
    margin: 0;
    font-family: Myriad Set Pro, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-size: 13px;
    background: #ebebeb;
    color: #333
}

#app, body, html {
    height: 100%
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.middle[data-v-cba9965a] {
    width: inherit;
    height: inherit;
    position: relative
}

.middle[data-v-cba9965a]:before {
    top: -6px
}

.label[data-v-cba9965a] {
    border-radius: 12px;
    width: inherit;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0
}

.fan-image {
    display: block;
    width: 100%;
}

.btn[data-v-cba9965a] {
    text-decoration: none;
    display: inline-block;
    opacity: 0;
    width: inherit;
    height: inherit;
    line-height: 32px;
    border-radius: 16px;
    text-align: center
}

.item[data-v-cba9965a], .list[data-v-cba9965a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.item[data-v-cba9965a] {
    height: 135px;
    border-radius: 14px;
    border-bottom: 10px;
    margin-top: 14px;
    background: #fff
}

a:active, a:visited {
    background-color: #999
}

.tab-bar[data-v-aca47cba] {
    height: 56px;
    width: 100%;
    -ms-flex-pack: distribute;
    -ms-flex-align: center;
    position: fixed;
    bottom: 0;
    background-color: #fff;
    border-top: 1px solid #eee
}

.quan[data-v-cba9965a] {
    width: 100%
}

.lbl {
    visibility: visible;
}

.list[data-v-cba9965a] {
    padding: 0 2.5%;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-direction: normal
}

.wai-mai-list {
    background-color: #53a1e0;
}

.meituan-list {
    /*background-color: #FFAF01;*/
    background-color: #FF015B;
}

.eleme-list {
    background-color: #0182FF;
}

.ticket-list {
    background-color: #C4263F;
}

.net-list {
    background-color: #131012;
}

.hk-list {
    background-color: #4A6EE9;
}

.car-list {
    background-color: #FDDEA2;
}

.local-list {
    background-color: #17BEE1;
}

.buy-list {
    background-color: #f6f6ba;
}

.home-list {
    background-color: #FFECC6;
}

.red[data-v-cba9965a] {
    background-color: #ff5b73;
    color: #fff
}

.mark[data-v-cba9965a] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px
}

.fan-img-section {
    padding: .12rem .24rem;
    position: relative;
}

.fan-bg-container {
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.bottom-box {
    padding-top: 10px;
    padding-bottom: 10px;
}

.bottom-car {
    font-size: 18px;
    text-decoration: none;
    color: #015407
}

.bottom, .bottom-box {
    text-align: center
}

.bottom-home {
    text-decoration: none;
    color: #fa1212
}

.bottom-hk {
    font-size: 18px;
    text-decoration: none;
    color: #f8f830
}

.bottom-net {
    font-size: 18px;
    text-decoration: none;
    color: #ffffff
}

.bottom-ticket {
    font-size: 18px;
    text-decoration: none;
    color: #18f3de;
}

.bottom-buy {
    font-size: 18px;
    text-decoration: none;
    color: #0035ff
}

.bottom-local {
    font-size: 18px;
    text-decoration: none;
    color: #ffffff
}

.bottom-wm {
    font-size: 18px;
    text-decoration: none;
    color: #f3eded
}

.bottom-aspect-ratio {
    overflow: hidden;
    box-sizing: border-box;
}

.bottom-image {
    height: 50px;
    border-radius: 0;
    display: block;
    width: 100%;
}

.icp_box {
    padding-top: 10px;
    padding-bottom: 10px;
}

.icp, .icp_box {
    text-align: center
}

.icp {
    text-decoration: none;
    color: #999
}

.tab-bar[data-v-aca47cba] {
    height: 56px;
    width: 100%;
    -ms-flex-pack: distribute;
    -ms-flex-align: center;
    position: fixed;
    bottom: 0;
    background-color: #fff;
    border-top: 1px solid #eee
}

.tab-bar .item[data-v-aca47cba], .tab-bar[data-v-aca47cba] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    -webkit-box-align: center;
    align-items: center
}

.tab-bar .item[data-v-aca47cba] {
    font-size: 12px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    -ms-flex-align: center;
    color: #000
}

.tab-bar .item span.active[data-v-aca47cba] {
    color: #eb476d
}

.tab-bar .item img[data-v-aca47cba] {
    width: 28px
}

.tab-bar .item img.exp[data-v-aca47cba] {
    width: 25px
}

.qrcode[data-v-4fb376f6], .qrcode img[data-v-4fb376f6], .quan[data-v-cba9965a] {
    width: 100%
}

.mark[data-v-cba9965a] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px
}

.content[data-v-cba9965a] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 90px;
    z-index: 1;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 42px
}

.title[data-v-cba9965a] {
    font-weight: 600;
    font-size: 15px
}

.price[data-v-cba9965a] {
    color: #ff304d;
    font-size: 26px;
    font-weight: 600;
    position: relative;
    top: 2px
}

.unit[data-v-cba9965a] {
    color: #ff304d
}

.tip[data-v-cba9965a] {
    background-color: #ffebe3;
    padding: 2px 4px;
    border-radius: 2px;
    color: #aa1e3b
}

.left[data-v-cba9965a] {
    width: 72%;
    height: 90px;
    position: relative
}

.left[data-v-cba9965a]:before {
    top: -6px
}

.left[data-v-cba9965a]:after, .left[data-v-cba9965a]:before {
    content: "";
    position: absolute;
    right: -6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ebebeb
}

.left[data-v-cba9965a]:after {
    bottom: -6px
}

.right[data-v-cba9965a] {
    width: 28%;
    height: 90px;
    position: relative;
    border-left: 2px dashed #eee;
    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
}

.right[data-v-cba9965a]:before {
    top: -6px
}

.right[data-v-cba9965a]:after, .right[data-v-cba9965a]:before {
    content: "";
    position: absolute;
    left: -6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ebebeb
}

.right[data-v-cba9965a]:after {
    bottom: -6px
}

.container[data-v-369ec3aa] {
    width: 100%
}

.title[data-v-369ec3aa] {
    font-size: 18px;
    vertical-align: top;
    display: inline-block;
    color: #fff;
    background: linear-gradient(20deg, #ff9700, #ed1c24);
    height: 45px;
    line-height: 45px;
    position: relative;
    top: 0;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-align: center
}

.img[data-v-369ec3aa] {
    -webkit-box-shadow: 0 .25rem .5rem rgba(70, 70, 70, .3);
    box-shadow: 0 .25rem .5rem rgba(70, 70, 70, .3);
    width: 100%;
    margin-bottom: 20px;
    border: .125rem solid #e4e7ea;
    border-radius: .625rem;
    margin-top: 20px
}

.copy_box[data-v-369ec3aa] {
    margin: 16px 14px 14px;
    text-align: center
}

.taoword[data-v-369ec3aa] {
    background: #fff;
    border: 1px dashed #fb6a65;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    margin: 0 10px
}

.copy[data-v-369ec3aa] {
    background: linear-gradient(20deg, #ff9700, #ed1c24);
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    margin: 16px auto 2px;
    cursor: pointer
}

.active[data-v-369ec3aa] {
    background: #6495ed
}

.copy_tip[data-v-369ec3aa] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, right top, from(#f9c492), to(#fb6a65));
    background: linear-gradient(90deg, #f9c492, #fb6a65);
    color: #fff;
    font-size: 12px;
    height: 24px
}

.copy_tip .jtone[data-v-369ec3aa] {
    position: relative;
    border-left: 10px solid #fff
}

.copy_tip .jtone[data-v-369ec3aa], .jtone[data-v-369ec3aa]:before {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent
}

.jtone[data-v-369ec3aa]:before {
    content: "";
    position: absolute;
    top: -12px;
    left: -13px;
    border-left: 10px solid #fab189
}

.jttwo[data-v-369ec3aa] {
    position: relative;
    border-left: 10px solid #fff
}

.jttwo[data-v-369ec3aa], .jttwo[data-v-369ec3aa]:before {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent
}

.jttwo[data-v-369ec3aa]:before {
    content: "";
    position: absolute;
    top: -12px;
    left: -13px;
    border-left: 10px solid #fa9b7e
}

.jtthree[data-v-369ec3aa] {
    position: relative;
    border-left: 10px solid #fff
}

.jtthree[data-v-369ec3aa], .jtthree[data-v-369ec3aa]:before {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent
}

.jtthree[data-v-369ec3aa]:before {
    content: "";
    position: absolute;
    top: -12px;
    left: -13px;
    border-left: 10px solid #fa8673
}

.jt4[data-v-369ec3aa] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dialog[data-v-369ec3aa] {
    padding: 10px;
    position: fixed;
    top: 45%;
    left: 50%;
    width: 85%;
    overflow: hidden;
    font-size: 16px;
    background-color: #fff;
    border-radius: 6px;
    /*-webkit-transform: translate3d(-50%, -50%, 0);*/
    z-index: 2202
}

.dialog_head[data-v-369ec3aa] {
    text-align: center;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700
}

.dialog_message[data-v-369ec3aa] {
    font-size: 18px;
    font-weight: 700;
    color: #ff4a44;
    text-align: center;
    margin-top: 10px
}

.overlay[data-v-369ec3aa] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7)
}

.box[data-v-8f61c3f6] {
    width: 100%;
    padding: 10px;
    text-align: center
}

h2[data-v-8f61c3f6] {
    text-align: center;
    margin-bottom: 20px
}

.longUrl[data-v-8f61c3f6] {
    width: 80%;
    height: 40px;
    border-radius: 5px
}

.shorten[data-v-8f61c3f6] {
    height: 40px;
    width: 50px;
    border-radius: 5px
}