.layout {
    padding: 0 var(.2rem)
}

.offset-layout {
    margin: 0 -var(.2rem)
}

.margin-bottom {
    margin-bottom: .2rem
}

circle {
    border-radius: 50%
}

.round {
    border-radius: 999px
}

.hidden {
    visibility: hidden;
    opacity: 0
}

.box {
    margin-bottom: .2rem;
    background: #fff
}

.clearfix:before-after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.full {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.text-cut {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.hidden-input {
    position: absolute;
    left: -9999px;
    opacity: 0
}

.display-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.no-tap-highlight {
    -webkit-tap-highlight-color: transparent
}

.scrolling {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.border {
    border: 1Px solid #e7e7e7
}

.border-top {
    border-top: 1Px solid #e7e7e7
}

.border-bottom {
    border-bottom: 1Px solid #e7e7e7
}

.nav {
    position: relative;
    left: 0;
    z-index: 1000
}

.nav .nav-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 800px;
    height: .88rem;
    line-height: .88rem;
    margin: 0 auto;
    z-index: 20
}

.nav .nav-wrap .nav-container {
    height: 100%;
    box-shadow: 0 1px 2px #f5f5f5;
    background-color: #fff
}

.nav .nav-wrap .nav-container,.nav .nav-wrap .nav-container .nav-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.nav .nav-wrap .nav-container .nav-content {
    width: 100%;
    padding: 0 .3rem 0 .2rem
}

.nav .nav-wrap .nav-container .nav-content .nav-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.nav .nav-wrap .nav-container .nav-content .nav-left,.nav .nav-wrap .nav-container .nav-content .nav-left div {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.nav .nav-wrap .nav-container .nav-content .nav-left div {
    width: 100%
}

.nav .nav-wrap .nav-container .nav-content .nav-left span {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.nav .nav-wrap .nav-container .nav-content .nav-left img {
    width: .48rem
}

.nav .nav-wrap .nav-container .nav-content .nav-center {
    -webkit-box-flex: 4;
    -webkit-flex: 4;
    flex: 4;
    text-align: center
}

.nav .nav-wrap .nav-container .nav-content .nav-center img {
    width: 1.44rem;
    height: .8rem
}

.nav .nav-wrap .nav-container .nav-content .nav-center span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: .36rem
}

.nav .nav-wrap .nav-container .nav-content .nav-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    color: #929292;
    font-size: .24rem
}

.nav .nav-wrap .nav-container .nav-content .nav-right img {
    width: .64rem
}

.nav .nav-wrap .nav-container-transparent {
    background-color: transparent
}

.nav .nav-large-wrap,.nav .nav-large-wrap .nav-large-container {
    height: 1.24rem
}

.nav .bgff {
    background: #fff
}

.nav .pdTop {
    padding-top: .88rem
}

.nav .pdTop-large {
    padding-top: 1.24rem
}

.layout[data-v-f9fe53aa] {
    padding: 0 var(.2rem)
}

.offset-layout[data-v-f9fe53aa] {
    margin: 0 -var(.2rem)
}

.margin-bottom[data-v-f9fe53aa] {
    margin-bottom: .2rem
}

circle[data-v-f9fe53aa] {
    border-radius: 50%
}

.round[data-v-f9fe53aa] {
    border-radius: 999px
}

.hidden[data-v-f9fe53aa] {
    visibility: hidden;
    opacity: 0
}

.box[data-v-f9fe53aa] {
    margin-bottom: .2rem;
    background: #fff
}

.clearfix[data-v-f9fe53aa]:before-after {
    content: "";
    display: table
}

.clearfix[data-v-f9fe53aa]:after {
    clear: both
}

.full[data-v-f9fe53aa] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.text-cut[data-v-f9fe53aa] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.hidden-input[data-v-f9fe53aa] {
    position: absolute;
    left: -9999px;
    opacity: 0
}

.display-flex[data-v-f9fe53aa] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.no-tap-highlight[data-v-f9fe53aa] {
    -webkit-tap-highlight-color: transparent
}

.scrolling[data-v-f9fe53aa] {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.border[data-v-f9fe53aa] {
    border: 1Px solid #e7e7e7
}

.border-top[data-v-f9fe53aa] {
    border-top: 1Px solid #e7e7e7
}

.border-bottom[data-v-f9fe53aa] {
    border-bottom: 1Px solid #e7e7e7
}

.activity-wrap[data-v-f9fe53aa]::-webkit-scrollbar {
    display: none;
    -webkit-overflow-scrolling: touch
}

.activity-wrap[data-v-f9fe53aa] {
    position: relative;
    overflow-y: scroll
}

.activity-wrap .img-item[data-v-f9fe53aa],.activity-wrap .img-item img[data-v-f9fe53aa] {
    width: 100%
}

.activity-wrap .chatbtn[data-v-f9fe53aa] {
    position: fixed;
    width: 1.2rem;
    height: 1.2rem;
    right: .2rem;
    bottom: 1.4rem
}

.activity-wrap .top-item[data-v-f9fe53aa] {
    position: relative
}

.activity-wrap .top-item .top-content[data-v-f9fe53aa] {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.activity-wrap .top-item .top-content .img1[data-v-f9fe53aa] {
    width: 7rem;
    margin-top: 0.6rem;
}

.activity-wrap .top-item .top-content .img2[data-v-f9fe53aa] {
    width: 6.8rem;
    margin-top: .6rem
}

.activity-wrap .top-item .top-content .btn[data-v-f9fe53aa] {
    padding: 0.3rem 0;
    height: 3.0rem;
}

.activity-wrap .top-item .top-content .btn .item[data-v-f9fe53aa] {
    width: 50%;
}

.activity-wrap .top-item .top-content .img3[data-v-f9fe53aa] {
    width: 3rem
}