#imgBack {
    height: 1.76rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#imgBack img {
    width: .88rem
}

.top-nav-wrapper {
    position: relative
}

.top-nav-wrapper .fill {
    height: 1.76rem
}

.top-nav-wrapper .van-dialog__message--has-title {
    text-align: center
}

.top-nav-wrapper .van-dialog__confirm,.top-nav-wrapper .van-dialog__confirm:active {
    color: #e70021
}

.top-nav-wrapper .HeaderReturn {
    height: 1.76rem;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 99
}

.top-nav-wrapper .HeaderReturn .light .dark {
    height: 1.76rem;
    background: #fff
}

.top-nav-wrapper .HeaderReturn .light .dark .img {
    height: 1.76rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff
}

.top-nav-wrapper .HeaderReturn .light .dark .img img {
    width: .88rem
}

.top-nav-wrapper .HeaderReturn .light:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .004rem;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    -webkit-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
    background: #ecf0f3
}

.top-nav-wrapper .HeaderReturn .light:after .HeaderReturn-title {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: .72rem;
    height: 1.76rem;
    line-height: 1.76rem;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    color: #000;
    font-weight: 400;
    background: #fff
}

.top-nav-wrapper .HeaderReturn .light:after .HeaderReturn-right {
    font-size: .56rem
}

.top-nav-wrapper .top-nav-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.MiniTags {
    margin-top: -.08rem;
    color: #e70021;
    border: .02rem solid #e70021;
    padding: 0 .04rem;
    padding-top: .04rem;
    padding-bottom: -.00002rem;
    border-radius: .12rem;
    letter-spacing: .04rem;
    line-height: .45rem
}

.MiniTags,.MiniTagsGary {
    background: #fff;
    font-size: .4rem
}

.MiniTagsGary {
    color: #999;
    border: .04rem solid #999;
    padding: .1rem .1rem;
    border-radius: .12rem;
    line-height: .4rem
}

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

.FromTags .FromTags-from {
    color: #fff;
    background: #e70021;
    border-radius: .3rem;
    font-size: .48rem;
    height: .62rem;
    width: .62rem;
    line-height: .64rem;
    margin-right: .12rem
}

.FromTags .FromTags-msg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.FromTags .FromTags-msg span {
    color: #b4b4b4;
    font-size: .52rem;
    text-align: left;
    margin-right: .48rem
}

.report-content {
    width: 100%;
    height: 100%
}

.report-content .report-title {
    height: 1.44rem;
    line-height: 1.44rem;
    font-size: .56rem;
    font-weight: 600;
    color: #333;
    text-align: center;
    margin: auto
}

.report-content .report-item-box {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 .52rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.report-content .report-item-box .reportItem {
    width: 4.12rem;
    height: 1.12rem;
    border: .04rem solid #b4b4b4;
    font-size: .52rem;
    text-align: center;
    line-height: 1.12rem;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: .2rem;
    color: #b4b4b4;
    margin: .2rem 0
}

.report-content .report-item-box .reportItem:nth-child(2),.report-content .report-item-box .reportItem:nth-child(5),.report-content .report-item-box .reportItem:nth-child(8),.report-content .report-item-box .reportItem:nth-child(11) {
    margin: 0 .8rem
}

.report-content .report-item-box .reportActive {
    display: inline-block;
    width: 4.12rem;
    height: 1.12rem;
    border: .04rem solid #e70021;
    font-size: .52rem;
    text-align: center;
    line-height: 1.12rem;
    color: #e70021;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: .24rem .84rem;
    border-radius: .2rem;
    margin: .2rem 0;
    cursor: pointer
}

.report-content .report-item-box .reportActive:nth-child(2),.report-content .report-item-box .reportActive:nth-child(5),.report-content .report-item-box .reportActive:nth-child(8),.report-content .report-item-box .reportActive:nth-child(11) {
    margin: 0 .8rem
}

.report-content .report-tel {
    position: absolute;
    bottom: 2.76rem;
    width: 100%;
    height: .48rem;
    text-align: center;
    line-height: .48rem;
    font-size: .48rem;
    color: #b4b4b4
}

.report-content .cancel-btn {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.44rem;
    line-height: 2.44rem;
    border-top: .04rem solid #ccc;
    text-align: center;
    font-size: .64rem;
    cursor: pointer
}

.UserTags .UserTags-flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: .72rem
}

.UserTags .UserTags-img img {
    width: .64rem;
    height: .64rem
}

.UserTags .UserTags-number {
    font-size: .44rem;
    color: #b4b4b4;
    line-height: 1.2rem;
    margin-left: .28rem
}

.UserTags .multifunctional {
    position: redirect
}

.UserTags .multifunctional .multifunctional-cancel-btn,.UserTags .multifunctional .multifunctional-item {
    text-align: center;
    font-size: .64rem;
    height: 2.44rem;
    line-height: 2.44rem
}

.UserTags .multifunctional .multifunctional-cancel-btn {
    bottom: 0;
    width: 100%;
    border-top: .04rem solid #ccc;
    cursor: pointer
}

.ColumnTags {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .16rem;
    height: 1.4rem;
    line-height: 1.4rem;
    width: 3.4rem;
    font-size: .56rem;
    border: .04rem solid #eee;
    border-radius: 2rem;
    margin: 0 .1rem .4rem .1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.TopTage {
    font-size: .48rem;
    color: #e70021;
    border: .04rem solid #e70021;
    border-radius: .08rem;
    padding: .04rem
}

.PrimaryTags {
    color: #fff;
    background: #e70021;
    width: 2.2rem;
    height: 1rem;
    line-height: 1rem;
    border-radius: 1rem;
    font-size: .56rem;
    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
}

.DiscoverTags {
    padding: .52rem;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.DiscoverTags .Tags {
    color: #fff;
    background: #e70021;
    padding: .32rem .24rem;
    border-radius: 1rem;
    font-size: .56rem;
    margin-right: .56rem;
    margin-bottom: .2rem
}

.DiscoverTags .Tags:last-child {
    margin-right: 0
}

.ButtonTags {
    color: #fff;
    font-size: .56rem;
    background: #e70021;
    border-radius: .88rem;
    margin: 0 1rem;
    padding: .4rem 0
}

.DetailMoreMenu {
    height: 100%;
    padding-top: .4rem;
    background-color: #fff;
    overflow: scroll
}

.DetailMoreMenu .DetailMoreMenu-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.2rem;
    font-size: .56rem
}

.DetailMoreMenu .DetailMoreMenu-title img {
    height: .2rem;
    margin: 0 .4rem
}

.DetailMoreMenu .DetailMoreMenu-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 .4rem
}

.DetailMoreMenu .DetailMoreMenu-flex .tag-item {
    width: 25%
}

.DetailMoreMenu .DetailMoreMenu-flex .tag-item .ColumnTags {
    font-size: .52rem;
    height: 1.2rem;
    line-height: 1.2rem
}

.DetailMoreMenu .section-title {
    padding-left: .6rem;
    margin: .4rem 0;
    font-size: .64rem;
    font-weight: 400;
    text-align: left
}

.DetailMoreMenu .section-title .tip {
    color: #666;
    font-size: .48rem
}

.DetailMoreMenu .tab-content {
    padding: .4rem .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.DetailMoreMenu .tab-content .col-item {
    width: 25%
}

.DetailMoreMenu .tab-content .ColumnTags {
    font-size: .52rem;
    height: 1.2rem;
    line-height: 1.2rem
}

.DetailMoreMenu .my-tabs-wrapper .van-tabs__line {
    width: .6rem;
    -webkit-transform: translateX(1.36rem) translateX(-50%);
    transform: translateX(1.36rem) translateX(-50%)
}

.grey[data-v-38f726aa] {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.wrapper[data-v-38f726aa] {
    position: relative;
    z-index: 199
}

.nav-to-app[data-v-38f726aa] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2rem;
    width: 100%;
    padding: 0 .52rem;
    background: #fff;
    font-size: .56rem
}

.nav-to-app[data-v-38f726aa]:before {
    top: 0
}

.nav-to-app[data-v-38f726aa]:after,.nav-to-app[data-v-38f726aa]:before {
    position: absolute;
    left: 0;
    content: "";
    width: 100%;
    height: .04rem;
    background: #eee
}

.nav-to-app[data-v-38f726aa]:after {
    bottom: 0
}

.nav-to-app .left[data-v-38f726aa] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav-to-app .left .slogan[data-v-38f726aa] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    font-weight: 700
}

.nav-to-app .left .logo[data-v-38f726aa] {
    width: 1.24rem;
    height: 1.24rem;
    margin-right: .4rem
}

.nav-to-app .right[data-v-38f726aa] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav-to-app .right .close[data-v-38f726aa] {
    width: .8rem;
    margin-left: .4rem
}

.nav-to-app .right .title[data-v-38f726aa] {
    color: #fff
}

.nav-to-app .right .open-btn[data-v-38f726aa] {
    display: block;
    padding: .2rem .7rem;
    margin-right: .4rem;
    background-color: #e70021;
    color: #fff;
    border-radius: .2rem;
    font-size: .48rem
}

.nav-to-app .close-icon-wrapper[data-v-38f726aa] {
    padding: .52rem .52rem 0;
    text-align: right
}

.nav-to-app .slide-down-menu[data-v-38f726aa] {
    position: absolute;
    left: 0;
    top: 2rem;
    z-index: 999;
    width: 100%;
    height: calc(100vh - 4rem);
    background-color: rgba(0,0,0,.5);
    overflow: scroll
}

.dark-fixed[data-v-38f726aa] {
    z-index: 10;
    width: 100%;
    position: fixed;
    background: rgba(0,0,0,.7);
    color: #fff
}

.dark-fixed[data-v-38f726aa]:before {
    top: 0
}

.dark-fixed[data-v-38f726aa]:after,.dark-fixed[data-v-38f726aa]:before {
    position: absolute;
    left: 0;
    content: "";
    width: 100%;
    height: .04rem;
    background: hsla(0,0%,60%,.05)
}

.dark-fixed[data-v-38f726aa]:after {
    bottom: 0
}

.fade-enter-active[data-v-38f726aa],.fade-leave-active[data-v-38f726aa] {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    opacity: 1
}

.fade-enter[data-v-38f726aa],.fade-leave-to[data-v-38f726aa] {
    opacity: 0
}

.HeadTabAll .HeadTabFixed {
    position: fixed;
    top: 0;
    z-index: 299
}

.HeadTabAll .HeadTab {
    position: relative
}

.HeadTabAll .van-tabs__wrap {
    padding-right: 1.3rem;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    overflow: hidden;
    position: absolute
}

.HeadTabAll .van-tabs--line {
    padding-top: 1.44rem
}

.HeadTabAll .van-tabs--line .van-tabs__wrap {
    height: 1.44rem
}

.HeadTabAll .van-hairline--top-bottom:after {
    border-width: 0 0
}

.HeadTabAll .van-tab {
    padding: 0 .4rem;
    line-height: 1.44rem
}

.HeadTabAll .van-tab span {
    font-size: .64rem;
    color: #b4b4b4
}

.HeadTabAll .van-tab--active span {
    font-size: .72rem;
    color: #333
}

.HeadTabAll .showdown {
    position: absolute;
    background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(50%,#fff));
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff 50%);
    right: 0;
    top: 0;
    opacity: 1;
    width: 2.5rem;
    height: 1.44rem;
    z-index: 100
}

.HeadTabAll .more {
    height: .8rem;
    position: absolute;
    right: .52rem;
    top: .2rem;
    z-index: 101
}

.HeadTabAll .van-popup--top {
    height: 100%
}

.HeadTabAll .MorePageShow {
    padding: .4rem
}

.HeadTabAll .MorePageShow .title {
    position: relative;
    font-size: .88rem;
    margin-bottom: .9rem
}

.HeadTabAll .MorePageShow .title .title-close {
    height: .88rem;
    position: absolute;
    right: 0;
    top: .2rem
}

.HeadTabAll .MorePageShow .main {
    height: .92rem;
    line-height: .92rem;
    margin-bottom: .8rem
}

.HeadTabAll .MorePageShow .main .main-title {
    font-size: .64rem;
    margin-right: .4rem
}

.HeadTabAll .MorePageShow .main .summary {
    font-size: .56rem;
    color: #b4b4b4
}

.HeadTabAll .MorePageShow .Tags {
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.HeadTabAll .MorePageShow .Tags .tag-item {
    width: 25%
}

.all-columns-wrapper {
    font-size: .64rem
}

.all-columns-wrapper .title {
    padding-left: .52rem;
    margin-bottom: .4rem;
    text-align: left
}

.all-columns-wrapper .tip {
    font-size: .48rem;
    color: #666
}

.all-columns-wrapper .van-tabs__wrap {
    padding-right: unset
}

.all-columns-wrapper .body {
    padding: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.all-columns-wrapper .col-item {
    width: 25%
}

.all-columns-wrapper .van-tabs__wrap {
    padding-right: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    overflow: hidden;
    position: absolute
}

.all-columns-wrapper .van-tabs__wrap .van-tabs--line .van-tabs__wrap {
    height: 1.44rem
}

.all-columns-wrapper .van-tabs__wrap .van-hairline--top-bottom:after {
    border-width: 0 0
}

.all-columns-wrapper .van-tabs__wrap .van-tab {
    padding: 0;
    line-height: 1.44rem;
    min-width: 2rem!important
}

.all-columns-wrapper .van-tabs__wrap .van-tab span {
    font-size: .6rem;
    color: #b4b4b4
}

.all-columns-wrapper .van-tabs__wrap .van-tab--active span {
    font-size: .64rem;
    color: #333
}

.MoreTab {
    margin: .52rem;
    font-size: .52rem;
    color: #b4b4b4;
    text-align: center
}

.MoreTab span {
    margin-right: .32rem
}

.MoreTab .logo {
    height: .4rem;
    width: .4rem;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.TabBar {
    position: relative;
    z-index: 101
}

.van-tabbar--fixed {
    left: auto
}

.van-tabbar--fixed .van-tabbar-item--active {
    color: #e70021
}

.van-tabbar--fixed .van-tabbar {
    z-index: 99!important;
    border-top: .04rem solid #ecf0f3
}

.van-popup--right {
    height: 100%;
    width: 11.2rem
}

.LoginPopup {
    height: 100%
}

.LoginPopup .LoginPopup-top {
    background: url(../../static/img/LoginBac.cc0742e1.png) center 100%;
    height: 30%
}

.LoginPopup .LoginPopup-main {
    position: relative;
    padding: 0 .64rem
}

.LoginPopup .LoginPopup-main .LoginPopup-main-bar {
    width: 90%;
    background: #fff;
    position: absolute;
    -webkit-box-shadow: 0 0 .56rem #888;
    box-shadow: 0 0 .56rem #888;
    border-radius: .2rem;
    top: -1.08rem;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    margin-bottom: 3.08rem;
    padding: .52rem
}

.LoginPopup .LoginPopup-main .LoginPopup-main-bar .image-outdoor {
    height: 3.6rem;
    width: 3.6rem;
    border-radius: 50%;
    top: -1.8rem;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.LoginPopup .LoginPopup-main .LoginPopup-main-bar .image-outdoor img {
    height: 3.2rem;
    width: 3.2rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.LoginPopup .LoginPopup-main .LoginPopup-main-bar .words {
    position: relative;
    top: -1.32rem
}

.LoginPopup .LoginPopup-main .LoginPopup-main-bar .words .name {
    font-size: .72rem;
    color: #333;
    margin-bottom: 1.04rem;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.LoginPopup .LoginPopup-main .LoginPopup-main-bar .words .function {
    font-size: .56rem;
    color: #333;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.LoginPopup .LoginPopup-main .LoginPopup-main-bar .words .function .gary {
    color: #b4b4b4
}

.RedTab {
    font-size: .6rem;
    color: #e70021;
    border: .04rem solid #e70021;
    border-radius: 1.16rem;
    margin: .7rem auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: inline-block
}

.NoticeTab[data-v-e38103b2] {
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .4rem auto .2rem
}

.NoticeTab a[data-v-e38103b2] {
    font-size: .4rem;
    color: #0772d5;
    text-decoration: underline;
    font-weight: 700
}

.NoticeTab .report-btn[data-v-e38103b2] {
    display: inline-block;
    width: 1.48rem;
    height: .72rem;
    border: .04rem solid #dbdbdb;
    font-size: .48rem;
    text-align: center;
    line-height: .72rem;
    color: #999;
    cursor: pointer
}

.NoticeTab .report-btn[data-v-e38103b2]:hover {
    border: .04rem solid #e70021;
    color: #e70021
}

.NoticeTab .report-content[data-v-e38103b2] {
    width: 100%;
    height: 100%
}

.NoticeTab .report-content .report-title[data-v-e38103b2] {
    height: 1.44rem;
    line-height: 1.44rem;
    font-size: .56rem;
    font-weight: 600;
    color: #333;
    text-align: center;
    margin: auto
}

.NoticeTab .report-content .item-box[data-v-e38103b2] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 .52rem;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: .04rem
}

.NoticeTab .report-content .item-box .reportItem[data-v-e38103b2] {
    border: .04rem solid #b4b4b4;
    border-radius: .2rem;
    color: #b4b4b4;
    margin: .2rem 0
}

.NoticeTab .report-content .item-box .active[data-v-e38103b2],.NoticeTab .report-content .item-box .reportItem[data-v-e38103b2] {
    display: inline-block;
    width: 4.12rem;
    height: 1.12rem;
    font-size: .52rem;
    text-align: center;
    line-height: 1.12rem;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.NoticeTab .report-content .item-box .active[data-v-e38103b2] {
    border: .04rem solid #e70021;
    color: #e70021;
    margin: .24rem .84rem;
    border-radius: .2rem;
    margin: .2rem 0
}

.NoticeTab .report-content .report-tel[data-v-e38103b2] {
    position: absolute;
    bottom: 2.76rem;
    width: 100%;
    height: .48rem;
    text-align: center;
    line-height: .48rem;
    font-size: .48rem;
    color: #b4b4b4
}

.NoticeTab .report-content .cancel-btn[data-v-e38103b2] {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.44rem;
    line-height: 2.44rem;
    border-top: .04rem solid #ccc;
    text-align: center;
    font-size: .64rem;
    cursor: pointer
}

.RecommendTabs {
    margin-top: 1rem;
    text-align: left;
    font-size: .56rem;
    color: #333;
    display: inline-block;
    margin: .2rem .56rem .2rem 0;
    background: #f9f9f9;
    padding: .2rem .6rem;
    border-radius: .6rem
}

#TitleTab {
    margin: 0 .56rem;
    font-size: .64rem;
    font-weight: 600;
    color: #333;
    height: 1.76rem;
    line-height: 1.76rem;
    border-bottom: .04rem solid #ecf0f3
}

.ImageTab .van-tabbar-item--active {
    color: #e70021
}

.ImageTab .van-tabbar {
    border-bottom: .04rem solid #ecf0f3;
    border-top: none;
    position: inherit;
    padding-bottom: .64rem;
    padding-top: .68rem
}

.ImageTab .van-tabbar .van-tabbar-item__icon {
    margin-bottom: .24rem
}

.ImageTab .van-tabbar .van-tabbar-item__icon img {
    height: 1.08rem
}

.SpecialTabFixed {
    position: fixed;
    z-index: 1000;
    top: 0;
    width: 100%
}

.SpecialTab {
    height: 1.84rem;
    background: #fff
}

.SpecialTab .van-tabs__nav {
    height: 1.84rem;
    border: none;
    background: #f6f6f6
}

.SpecialTab .van-tabs__nav .van-tab--active {
    background: #f6f6f6!important;
    color: #ea0013!important;
    font-size: .68rem!important;
    font-weight: 400!important
}

.SpecialTab .van-tabs__nav .van-tab {
    color: #000;
    border: none!important;
    font-size: .68rem!important;
    font-weight: 400!important
}

.SpecialTab .van-tabs__nav .van-tabs__line {
    bottom: .68rem!important
}

.SpecialTitle {
    padding: 0 .52rem;
    background: #d5d5d5
}

.SpecialTitle .title-words {
    padding: .52rem 0;
    text-align: left;
    font-size: .68rem;
    font-weight: 500;
    color: #333
}

.SpecialTitle .title-words .title-logo {
    width: .12rem;
    height: .9rem;
    border-radius: 2rem;
    background: #e70021;
    margin-right: .4rem
}

.DetailTitle .titleAdDown .picture {
    height: 4.8rem;
    width: 14rem;
    position: relative
}

.DetailTitle .titleAdDown .smallTag {
    position: absolute;
    bottom: .3rem;
    background: #333;
    color: #fff;
    border-radius: .1rem;
    font-size: .46rem;
    right: .3rem;
    padding: 0 .1rem
}

.DetailTitle .titleAdDown .adsTitle {
    margin-top: .4rem;
    font-size: .56rem;
    text-align: left
}

.DetailTitle .DetailTitle-words {
    text-align: left;
    color: #333;
    font-size: .96rem;
    line-height: 1.44rem;
    font-weight: 700
}

.DetailTitle .DetailTitle-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: .4rem 0
}

.DetailTitle .DetailTitle-left,.DetailTitle .DetailTitle-msg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.DetailTitle .DetailTitle-msg span {
    color: #b4b4b4;
    font-size: .52rem;
    text-align: left;
    margin-right: .48rem
}

.DetailTitle .post-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    font-size: .56rem;
    color: #b4b4b4
}

.DetailTitle .post-info .text-column {
    display: inline-block;
    padding: 0 .2rem .08rem .4rem
}

.CommonContent {
    position: relative;
    font-size: .72rem;
    line-height: 1.24rem;
    text-align: justify;
    color: #333;
    margin: .68rem 0
}

.CommonContent a {
    /*text-decoration: underline*/
}

.CommonContent p {
    overflow: hidden
}

.CommonContent p img {
    float: left;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.CommonContent p .tipsEditor {
    float: left
}

.CommonContent img {
    max-width: 100%;
    border-radius: .2rem;
    height: auto;
    width: auto
}

.CommonContent .CommonContent-span span {
    font-size: .6rem;
    color: #b4b4b4;
    text-align: center
}

.CommonContent .html {
    overflow: hidden
}

.CommonContent .Detail-edit p {
    font-size: .68rem;
    color: #b4b4b4;
    text-align: left;
    margin: .2rem 0 .2rem 0
}

.CommonContent .jump-to-app-guide {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top: 4.8rem;
    width: 100%;
    background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),color-stop(49%,hsla(0,0%,100%,.6)),color-stop(85%,#fff));
    background: linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.6) 49%,#fff 85%);
    text-align: center
}

.CommonContent .jump-to-app-guide .icon {
    width: .6rem;
    height: .6rem
}

.CommonContent .jump-to-app-guide .tip {
    text-align: center
}

.CommonContent .jump-to-app-guide .tip p {
    margin: 0;
    display: inline-block;
    padding: .2rem 1.4rem;
    color: #fff;
    background: #e70021;
    border-radius: .2rem;
    font-size: .6rem
}

.CommonContent .jump-to-app-guide-text {
    padding-top: .4rem;
    text-align: center
}

.CommonContent .jump-to-app-guide-text .text {
    margin: 0;
    color: #e70021
}

.CommonContent p {
    word-break: break-all
}

.topicBox[data-v-4ac27ff5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: .04rem solid #eee;
    padding-bottom: .32rem;
    margin-top: .8rem;
    margin-bottom: .8rem
}

.topicBox>img[data-v-4ac27ff5] {
    width: 2rem;
    margin-right: .6rem;
    height: .92rem
}

.topicBox>p[data-v-4ac27ff5] {
    display: inline-block;
    font-size: .68rem;
    color: #444;
    margin: 0;
    line-height: .88rem;
    font-weight: 700
}

.StatementContent .text {
    font-size: .4rem;
    margin-bottom: 1.06rem
}

.BriefContent,.StatementContent .text {
    color: #b4b4b4;
    text-align: left;
    line-height: .68rem
}

.BriefContent {
    border-top: .04rem solid #eee;
    padding-top: .68rem;
    margin-top: .68rem;
    width: 100%
}

.BriefContent,.BriefContent span {
    display: inline-block;
    font-size: .48rem
}

.BriefContent span {
    font-weight: 700;
    color: #000
}

.DetailImageTitle .DetailImageTitle-words {
    text-align: left;
    color: #333;
    font-size: .96rem;
    line-height: 1.44rem;
    font-weight: 700
}

.DetailImageTitle .DetailImageTitle-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-top: .56rem;
    margin-bottom: .84rem
}

.DetailImageTitle .DetailImageTitle-right {
    font-size: .48rem;
    color: #0772d5;
    text-align: right;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 1.7rem
}

.DetailImageTitle .DetailImageTitle-right img {
    width: 20%;
    margin-right: .28rem
}

.DetailImageTitle .DetailImageTitle-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .48rem
}

.DetailImageTitle .DetailImageTitle-left .DetailImageTitle-from {
    color: #fff;
    background: #e70021;
    border-radius: .3rem;
    height: .62rem;
    width: .62rem;
    line-height: .64rem;
    margin-right: .12rem
}

.DetailImageTitle .DetailImageTitle-left .DetailImageTitle-msg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.DetailImageTitle .DetailImageTitle-left .DetailImageTitle-msg img {
    width: .6rem;
    height: .6rem;
    border-radius: .64rem;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: .32rem
}

.DetailImageTitle .DetailImageTitle-left .DetailImageTitle-msg span {
    color: #b4b4b4;
    font-size: .52rem;
    text-align: left;
    margin-right: .48rem
}

.DetailImageTitle .DetailImageTitle-msg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.DetailImageTitle .DetailImageTitle-msg span {
    color: #b4b4b4;
    font-size: .52rem;
    text-align: left;
    margin-right: .48rem;
    line-height: .76rem
}

.PictureTitle {
    height: .8rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.PictureTitle img {
    height: .8rem
}

.PictureTitle .right-words {
    font-size: .48rem;
    color: #b4b4b4
}

.BigSpecialTitle {
    padding: .52rem
}

.BigSpecialTitle .big-Title {
    font-size: .68rem;
    color: #333;
    text-align: justify
}

.ShangyouTitle {
    height: 1.76rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .52rem
}

.ShangyouTitle .left {
    font-size: .56rem;
    color: #333;
    width: 50%
}

.ShangyouTitle .left img {
    margin-right: .32rem;
    height: .56rem
}

.ShangyouTitle .right {
    font-size: .56rem;
    color: #b4b4b4
}

.SwipeHome {
    padding: 0 .4rem
}

.SwipeHome .swiper-outdoor {
    background-color: #fff;
    background-image: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-radius: .2rem;
    overflow: hidden
}

.SwipeHome .swiper-outdoor .swiper-container {
    overflow: visible
}

.SwipeHome .swiper-outdoor .swiper-container .swiper-wrapper {
    height: 6.9rem
}

.SwipeHome .swiper-outdoor .swiper-container .swiper-wrapper .swiper-slide a {
    border-radius: .2rem;
    height: 100%;
    width: 100%;
    display: block;
    position: relative;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.SwipeHome .swiper-outdoor .swiper-container .swiper-pagination-c {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9
}

.SwipeHome .swiper-outdoor .swiper-container .c-indicator {
    background: #ddd;
    width: 1.6rem;
    height: .08rem;
    border-radius: unset
}

.SwipeHome .swiper-outdoor .swiper-container .swiper-words {
    z-index: 299;
    position: absolute;
    bottom: 0;
    width: 92%;
    text-align: left;
    color: #fff;
    font-size: .56rem;
    padding: .2rem .56rem .75rem .56rem;
    border-radius: 0 0 .2rem .2rem;
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.7)));
    background: linear-gradient(transparent,rgba(0,0,0,.7))
}

.SwipeHome .swiper-outdoor .swiper-container .swiper-words .line-feed {
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    padding: 0
}

.SwipeNumber {
    overflow-x: auto;
    padding-bottom: .6rem;
    border-bottom: .04rem solid #ecf0f3
}

.SwipeNumber .sy-number {
    text-align: left;
    margin-right: .96rem;
    padding-bottom: .6rem
}

.SwipeNumber .sy-number .sy-number-logo {
    height: 2.4rem;
    width: 2.4rem;
    border-radius: .2rem
}

.SwipeNumber .sy-number-name {
    width: 2.4rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: .56rem
}

.SwipeBar {
    margin: .52rem 0
}

.SwipeBar .flex {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.SwipeBar .flex .sy-number-gai {
    width: 20%;
    text-align: center;
    margin-bottom: 1rem
}

.SwipeBar .flex .sy-number-gai .sy-number-logo {
    height: 1.76rem;
    border-radius: .2rem
}

.SwipeBar .flex .sy-number {
    text-align: center;
    margin-bottom: .8rem
}

.SwipeBar .flex .sy-number .sy-number-logo {
    height: 1.76rem;
    border-radius: .2rem
}

.SwipeBar .flex .sy-number .sy-number-really {
    height: 1.26rem;
    border-radius: .2rem
}

.SwipeBar .flex .sy-number-name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: .56rem
}

.SwipeBar .flex .van-swipe__indicators {
    bottom: 0
}

.SwipeBar .flex .van-swipe__indicator--active {
    background-color: #e70021
}

.SwipeLive {
    overflow-x: auto
}

.SwipeLive .SwipeLive-number {
    text-align: center;
    margin-right: .96rem;
    color: #b4b4b4
}

.SwipeLive .SwipeLive-number .SwipeLive-number-logo {
    height: 1rem
}

.SwipeLive .SwipeLive-number-name-black {
    color: #0f0f10
}

.SwipeLive .SwipeLive-number-name {
    width: 3.4rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: .56rem
}

.LiveTitle {
    position: relative;
    padding-right: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.LiveTitle .LiveDetail-zan {
    text-align: center;
    width: 2rem;
    padding: .2rem .64rem;
    -webkit-box-shadow: -.8rem 0 .6rem -.6rem #eee;
    box-shadow: -.8rem 0 .6rem -.6rem #eee
}

.LiveTitle .LiveDetail-zan img {
    height: .64rem
}

.LiveTitle .LiveDetail-zan p {
    width: 2.4rem;
    margin-top: .32rem;
    -webkit-line-clamp: 1;
    font-size: .56rem;
    color: #b4b4b4;
    margin: 0;
    width: 2rem;
    word-wrap: break-word;
    height: .8rem
}

.DetailContent {
    margin: .52rem .52rem .52rem .52rem
}

.PrimaryList .PrimaryList-indoor .primary-list-words .primary-list-title .primary-list-read {
    font-size: .48rem;
    line-height: .92rem;
    color: #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.PrimaryList .PrimaryList-indoor .primary-list-image {
    position: relative;
    width: 33.3%
}

.PrimaryList .PrimaryList-indoor .primary-list-image .icon-play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 1.6rem;
    height: 1.6rem
}

.PrimaryList .PrimaryList-indoor .primary-list-image .video-duration {
    padding: .08rem .16rem;
    position: absolute;
    bottom: .2rem;
    right: .2rem;
    font-size: .48rem;
    display: inline-block;
    color: #fff;
    background-color: rgba(0,0,0,.5);
    border-radius: .16rem;
    -webkit-transform: scale(.95);
    transform: scale(.95)
}

.PrimaryList .PrimaryList:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .04rem;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    -webkit-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
    background: #ecf0f3
}

.van-divider {
    margin-bottom: 0
}

.MultiList {
    padding: .52rem;
    padding-bottom: 0
}

.MultiList-newsTitle {
    margin-bottom: .4rem;
    padding: 0!important
}

.MultiPicture {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.MultiPicture img {
    width: 4.6rem;
    height: 3.2rem;
    border-radius: .2rem;
    margin-right: .08rem;
    margin-bottom: .4rem
}

.MultiPicture img:last-child {
    margin-right: 0
}

.CountyList .nodata {
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.CountyList .nodata div {
    font-size: .7rem
}

.CountyList .nodata img {
    width: 5rem
}

.CountyList .header-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.CountyList .header-line .btn-lor img {
    width: .8rem
}

.CountyList .header-line .header-title {
    font-size: .72rem;
    font-weight: 700;
    color: #333;
    margin-left: .4rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.CountyList .header-line .btn-lor {
    width: .8rem;
    height: .8rem
}

.CountyList .input-bar {
    height: 1rem;
    margin-top: .4rem;
    margin-bottom: .4rem
}

.CountyList .input-bar div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: .04rem solid #ecf0f3;
    padding: .08rem .2rem;
    border-radius: 5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.CountyList .input-bar div img {
    width: .7rem;
    height: .7rem
}

.CountyList .input-bar div input {
    width: 100%;
    border: none;
    border-bottom: none;
    font-size: .56rem;
    color: #333;
    outline: none;
    padding: .16rem;
    padding-left: .4rem;
    border-radius: 5rem
}

.CountyList .arrow {
    float: right;
    width: .6rem
}

.CountyList .arrowUp {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.CountyList .arrowDown,.CountyList .arrowUp {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.CountyList .subLi:before {
    content: "";
    margin-left: 1rem
}

.fade-enter-active,.fade-leave-active {
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.fade-enter,.fade-leave-to {
    opacity: 0
}

.BigPictureList {
    padding: .52rem 0;
    margin: 0 .52rem;
    position: relative
}

.BigPictureList .newsTitle {
    padding: 0;
    margin-bottom: .52rem
}

.BigPictureList .big-picture {
    height: 7.84rem;
    margin-bottom: .4rem;
    position: relative;
    padding: 0
}

.BigPictureList .big-picture .bottom-logo {
    position: absolute;
    font-size: .48rem;
    color: #fff;
    bottom: .8rem;
    right: .8rem;
    font-weight: 500
}

.BigPictureList .big-picture .center-logo {
    position: absolute;
    height: 1.92rem;
    width: 1.92rem;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 3rem
}

.BigPictureList .big-picture .center-logo img {
    height: 1.92rem;
    width: 1.92rem
}

.BigPictureList .big-picture .background-image {
    height: 100%;
    width: 100%;
    border-radius: .2rem
}

.BigPictureList .BigPictureList-bottom {
    padding: 0
}

.BigPictureList:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .04rem;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    -webkit-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
    background: #ecf0f3
}

.HeaderHome {
    padding: 0 .52rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 1.76rem;
    background: #e70021;
}

.HeaderHome .sy-logo {
    height: .8rem;
    margin-right: .52rem
}

.HeaderHome .myself {
    height: .88rem;
    width: .88rem
}

.HeaderHome .van-search {
    padding: 0;
    width: 8.7rem;
    margin-right: .52rem
}

.HeaderHome .van-popup--right {
    height: 100%;
    width: 11.2rem
}

.HeaderHome .LoginPopup {
    height: 100%
}

.HeaderHome .LoginPopup .LoginPopup-top {
    background: url(../../static/img/LoginBac.cc0742e1.png) center 100%;
    height: 30%
}

.HeaderHome .LoginPopup .LoginPopup-main {
    position: relative;
    padding: 0 .64rem
}

.HeaderHome .LoginPopup .LoginPopup-main .LoginPopup-main-bar {
    width: 90%;
    background: #fff;
    position: absolute;
    -webkit-box-shadow: 0 0 .56rem #888;
    box-shadow: 0 0 .56rem #888;
    border-radius: .2rem;
    top: -1.08rem;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    margin-bottom: 3.08rem;
    padding: .52rem
}

.HeaderHome .LoginPopup .LoginPopup-main .LoginPopup-main-bar .image-outdoor {
    height: 3.6rem;
    width: 3.6rem;
    border-radius: 50%;
    top: -1.8rem;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.HeaderHome .LoginPopup .LoginPopup-main .LoginPopup-main-bar .image-outdoor img {
    height: 3.2rem;
    width: 3.2rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.HeaderHome .LoginPopup .LoginPopup-main .LoginPopup-main-bar .words {
    position: relative;
    top: -1.32rem
}

.HeaderHome .LoginPopup .LoginPopup-main .LoginPopup-main-bar .words .name {
    font-size: .72rem;
    color: #333;
    margin-bottom: 1.04rem;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.HeaderHome .LoginPopup .LoginPopup-main .LoginPopup-main-bar .words .function {
    font-size: .56rem;
    color: #333;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.HeaderHome .LoginPopup .LoginPopup-main .LoginPopup-main-bar .words .function .gary {
    color: #b4b4b4
}

.HeaderUser,.HeaderUser .HeaderUser-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.HeaderUser .HeaderUser-img img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 1.2rem;
    -o-object-fit: cover;
    object-fit: cover
}

.HeaderUser .reply img {
    width: .96rem;
    height: .96rem
}

.HeaderUser .HeaderUser-user {
    margin-left: .4rem
}

.HeaderUser .HeaderUser-name {
    font-size: .56rem;
    color: #b4b4b4;
    text-align: left;
    margin-right: .4rem;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.HeaderUser .HeaderUser-name .MiniTagsGary {
    margin-left: .32rem;
    padding: .08rem;
    background: unset
}

.HeaderUser .nameSelf {
    color: #0772d5
}

.HeaderUser .HeaderUser-time {
    font-size: .44rem;
    color: #b4b4b4;
    text-align: left;
    height: .68rem;
    line-height: .68rem
}

.HeaderUser .HeaderUser-time .HeaderUser-noChecked {
    margin-left: .32rem;
    color: #e70021
}

.HeaderUser .HeaderUser-time .HeaderUser-from {
    margin-left: .32rem
}

.HeaderUser .HeaderUser-time .HeaderUser-delete {
    margin-left: .32rem;
    color: #0772d5
}

.CountyList .CountyList-close {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .52rem;
    background: #fff;
    text-align: right
}

.CountyList .CountyList-close img {
    width: .88rem
}

.CountyList .CountyList-li {
    position: relative;
    padding: .52rem 0;
    text-indent: .6rem;
    font-size: .56rem;
    color: #3b414c;
    display: block;
    text-align: left
}

.CountyList .CountyList-li:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .04rem;
    border-bottom: .04rem solid #ecf0f3
}

.HeaderCounty {
    position: relative
}

.HeaderCounty .van-popup--top {
    height: 100%
}

.HeaderCounty .van-popup--top .HeaderCounty-change {
    padding: .52rem
}

.HeaderCounty .HeaderCounty-outdoor {
    height: 4.12rem;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.HeaderCounty .HeaderCounty-inside {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: .2rem;
    padding: .2rem .6rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.HeaderCounty .HeaderCounty-inside .uuu {
    visibility: hidden
}

.HeaderCounty .HeaderCounty-inside .switch-area-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 .04rem 0 .04rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .48rem;
    color: #fff
}

.HeaderCounty .HeaderCounty-inside .switch-area-wrapper .location-icon {
    width: .8rem;
    height: .8rem
}

.HeaderCounty .HeaderCounty-inside .change-btn {
    border: .04rem solid #fff;
    border-radius: 5rem
}

.HeaderCounty .HeaderCounty-inside .HeaderCounty-logo {
    height: .9rem;
    margin-left: .5rem
}

.HeaderCounty .HeaderCounty-inside .HeaderCounty-English {
    color: #fff;
    font-size: .4rem;
    text-align: left
}

.HeaderCounty .HeaderCounty-inside .HeaderCounty-more {
    height: .64rem;
    text-align: left
}

.HeaderCounty .HeaderCounty-inside .HeaderCounty-site {
    color: #fff;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.HeaderCounty .HeaderCounty-inside .HeaderCounty-site .HeaderCounty-Chinese {
    font-size: .56rem
}

.HeaderCounty .HeaderCounty-inside .HeaderCounty-weather {
    font-size: 1.36rem;
    color: #fff;
    font-weight: 700
}

.van-dialog__message--has-title {
    text-align: center
}

.van-dialog__confirm,.van-dialog__confirm:active {
    color: #e70021
}

.HeaderReturn {
    height: 1.76rem;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 99
}

.HeaderReturn .light {
    height: 1.76rem;
    background: #fff;
    border-bottom: .04rem solid #ecf0f3;
    padding: 0 .52rem
}

.HeaderReturn .light .light-img {
    height: 1.76rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff
}

.HeaderReturn .light .light-img img {
    width: .88rem
}

.HeaderReturn .light .HeaderReturn-title {
    font-size: .72rem;
    height: 1.76rem;
    line-height: 1.76rem;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    color: #000;
    font-weight: 400;
    background: #fff
}

.HeaderReturn .light .HeaderReturn-right {
    font-size: .56rem
}

.HeaderReturn .dark {
    height: 1.76rem;
    background: #0f0f10;
    padding: 0 .52rem
}

.HeaderReturn .dark .dark-img {
    height: 1.76rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #0f0f10;
    position: absolute
}

.HeaderReturn .dark .dark-img img {
    width: .88rem
}

.HeaderReturn .dark .HeaderReturn-title {
    font-size: .72rem;
    height: 1.76rem;
    line-height: 1.76rem;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    color: #fff;
    font-weight: 400
}

.van-modal {
    background-color: #0f0f10
}

.CommentList {
    position: relative;
    margin: .5rem .52rem;
    border-bottom: .04rem solid #ecf0f3;
    padding-bottom: .5rem
}

.CommentList .highlight-icon {
    position: absolute;
    right: 0;
    top: 1.2rem;
    width: 1.44rem;
    height: 1.44rem;
}

.CommentList:last-child {
    margin-bottom: 0;
    border-bottom: none
}

.CommentList-User {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.CommentList-content {
    font-size: .6rem;
    padding: .25rem 0 0 1.6rem;
    text-align: left;
    color: #0f0f10
}

.CommentList-content p {
    margin: 0
}

.CommentList-content .CommentList-last-beCommenter {
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.live-image {
    text-align: left;
    padding-left: 1.6rem
}

.live-image img {
    height: 6.4rem;
    border-radius: .2rem
}

.replycontent {
    padding: .52rem 0 .52rem 1.36rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.CommentList-replyList {
    margin: .68rem 0 0 1.6rem
}

.CommentList-reply {
    background: #f9f9f9;
    padding: .12rem .52rem 0 .52rem;
    border-radius: .12rem
}

.CommentList-reply .CommentList-last {
    color: #b4b4b4
}

.CommentList-replylist {
    border-bottom: .04rem solid #ecf0f3;
    padding-top: .52rem
}

.CommentList-replylist:last-child {
    border-bottom: none
}

.CommentList-more {
    font-size: .56rem;
    text-align: left;
    padding: .16rem 0 .68rem 0;
    color: #0772d5
}

.SwipeList {
    padding: .52rem;
    position: relative;
    overflow: hidden
}

.SwipeList .title-logo,.SwipeList .title-words {
    position: absolute;
    height: .8rem;
    top: 1.12rem;
    left: 1rem;
    z-index: 2
}

.SwipeList .title-words {
    font-size: .48rem;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SwipeList .swiper-container {
    overflow: visible
}

.SwipeList .swiper-container .swiper-wrapper {
    height: 5.24rem;
    width: 9.4rem
}

.SwipeList .swiper-container .swiper-wrapper .swiper-slide {
    margin: 0 .12rem
}

.SwipeList .swiper-container .swiper-wrapper .swiper-slide .title {
    position: absolute;
    font-size: .48rem;
    color: #fff;
    top: .6rem;
    right: .4rem;
    z-index: 2
}

.SwipeList .swiper-container .swiper-wrapper .swiper-slide .words {
    position: absolute;
    font-size: .48rem;
    color: #fff;
    bottom: .4rem;
    left: .4rem;
    white-space: pre-wrap;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    z-index: 2
}

.SwipeList .swiper-container .swiper-wrapper .swiper-slide .Image {
    border-radius: .2rem;
    height: 100%;
    width: 100%;
    display: block;
    position: relative;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.SwipeList .more-tab {
    margin-top: .4rem;
    padding-top: .32rem;
    font-size: .52rem;
    color: #b4b4b4;
    position: relative
}

.SwipeList .more-tab span {
    margin-right: .32rem
}

.SwipeList .more-tab img {
    height: .4rem;
    width: .4rem
}

.SwipeList .more-tab:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: .04rem;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    -webkit-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
    background: #ecf0f3
}

.VideoList {
    margin: 0 .52rem;
    border-bottom: .04rem solid #eee;
    padding-bottom: .52rem
}

.VideoList .VideoList-picture {
    height: 7.84rem;
    margin-bottom: .48rem;
    position: relative;
    margin-top: .52rem
}

.VideoList .VideoList-picture .VideoList-long {
    padding: .08rem .16rem;
    border-radius: .24rem;
    background-color: rgba(0,0,0,.7);
    position: absolute;
    font-size: .48rem;
    color: #fff;
    bottom: .4rem;
    right: .4rem;
    font-weight: 500;
    text-shadow: .04rem .04rem .04rem #000
}

.VideoList .VideoList-picture .VideoList-logo {
    position: absolute;
    height: 1.92rem;
    width: 1.92rem;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 3rem
}

.VideoList .VideoList-picture .VideoList-logo img {
    height: 1.92rem;
    width: 1.92rem
}

.VideoList .VideoList-picture .VideoList-image {
    width: 100%;
    border-radius: .2rem;
    height: 7.84rem;
    -o-object-fit: cover;
    object-fit: cover
}

.VideoList .VideoList-title h2 {
    font-size: .68rem;
    color: #333;
    text-align: left;
    margin-top: 0;
    margin-bottom: .68rem
}

.VideoList .VideoList-flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: .68rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.VideoList .VideoList-flex .VideoList-number {
    font-size: .44rem;
    color: #b4b4b4;
    line-height: 1.2rem
}

.LiveList .LiveList-picture {
    height: 7.84rem;
    position: relative;
    margin: 0 .52rem .52rem
}

.LiveList .LiveList-picture .LiveList-image {
    width: 100%;
    border-radius: .2rem;
    height: 7.84rem;
    -o-object-fit: cover;
    object-fit: cover
}

.LiveList .LiveList-picture .LiveList-title {
    position: absolute;
    font-size: .68rem;
    bottom: 2rem;
    font-weight: 500;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.LiveList .LiveList-picture .LiveList-title h2 {
    font-size: .68rem;
    color: #fff;
    text-align: left;
    margin: 0 .52rem;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.LiveList .LiveList-picture .LiveList-flex {
    position: absolute;
    bottom: .52rem;
    color: #fff;
    font-size: .48rem;
    height: 1.08rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 93%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.LiveList .LiveList-picture .LiveList-flex .LiveList-state {
    margin-left: .32rem;
    padding: .2rem .32rem;
    border-radius: .6rem;
    font-size: .44rem;
    background: rgba(0,0,0,.3)
}

.LiveList .LiveList-picture .LiveList-flex .LiveList-state .LiveList-logo {
    background: #e70021;
    width: .28rem;
    height: .28rem;
    border-radius: .4rem
}

.LiveList .LiveList-picture .LiveList-flex .LiveList-state .noBegun {
    background: #00a0e9
}

.LiveList .LiveList-picture .LiveList-flex .LiveList-state .playback {
    background: #22a98b
}

.LiveList .LiveList-picture .LiveList-flex .LiveList-state .LiveList-words {
    padding-left: .2rem
}

.LiveList .LiveList-picture .LiveList-flex .LiveList-time {
    text-shadow: .04rem .04rem .04rem #000
}

.VRList {
    margin: 0 .52rem;
    border-bottom: .04rem solid #eee;
    padding-bottom: .52rem
}

.VRList .VRList-picture {
    height: 7.84rem;
    margin-bottom: .48rem;
    position: relative;
    margin-top: .52rem
}

.VRList .VRList-picture .VRList-logo {
    position: absolute;
    height: 1.92rem;
    width: 1.92rem;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 3rem
}

.VRList .VRList-picture .VRList-logo img {
    height: 1.92rem;
    width: 1.92rem
}

.VRList .VRList-picture .VRList-image {
    width: 100%;
    border-radius: .2rem;
    height: 7.84rem;
    -o-object-fit: cover;
    object-fit: cover
}

.VRList .VRList-title h2 {
    font-size: .68rem;
    color: #333;
    text-align: left;
    margin-top: 0;
    margin-bottom: .68rem
}

.VRList .VRList-flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: .68rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.VRList .VRList-flex .VRList-number {
    font-size: .44rem;
    color: #b4b4b4;
    line-height: 1.2rem
}

.AllLookList .AllLookList-light {
    background-color: #fff
}

.AllLookList .AllLookList-dark,.AllLookList .AllLookList-light {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center
}

.AllLookList .AllLookList-dark {
    background-color: #000
}

.AllLookList .AllLookList-content {
    width: calc(50% - .6rem);
    margin: .3rem;
    padding: .2rem;
    position: relative;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .8rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    counter-reset: number 1
}

.AllLookList .AllLookList-picture {
    padding-bottom: .2rem;
    width: 100%;
    overflow: hidden
}

.AllLookList .AllLookList-picture img {
    width: 100%;
    vertical-align: middle;
    -o-object-fit: cover;
    object-fit: cover;
    height: 3.84rem
}

.AllLookList .AllLookList-picture .AllLookList-logo {
    position: absolute;
    height: 1.32rem;
    width: 1.32rem;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 1.5rem
}

.AllLookList .AllLookList-picture .AllLookList-logo img {
    height: 1.32rem;
    width: 1.32rem
}

.AllLookList .AllLookList-picture .AllLookList-long {
    position: absolute;
    font-size: .48rem;
    color: #fff;
    bottom: 2.4rem;
    right: .32rem;
    font-weight: 500
}

.AllLookList .AllLookList-picture .AllLookList-image {
    border-radius: .2rem
}

.AllLookList .AllLookList-title {
    height: 1.6rem
}

.AllLookList .AllLookList-title p {
    font-size: .6rem;
    color: #333;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.AllLookList .AllLookList-title .light {
    color: #333
}

.AllLookList .AllLookList-title .dark {
    color: #666
}

.TopicList {
    margin: 0 .52rem;
    padding: .52rem 0;
    border-bottom: .04rem solid #ecf0f3;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.TopicList,.TopicList .TopicList-content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.TopicList .TopicList-content .TopicList-left {
    width: 1.8rem;
    height: 1.8rem
}

.TopicList .TopicList-content .TopicList-left img {
    width: 1.8rem;
    height: 1.8rem;
    -o-object-fit: cover;
    object-fit: cover
}

.TopicList .TopicList-content .TopicList-middle {
    margin-left: .52rem
}

.TopicList .TopicList-content .TopicList-middle .TopicList-title {
    text-align: left;
    font-size: .64rem;
    margin-bottom: .52rem;
    color: #000
}

.TopicList .TopicList-content .TopicList-middle .TopicList-bottom {
    color: #999;
    font-size: .44rem
}

.TopicList .TopicList-content .TopicList-middle .TopicList-bottom .TopicList-number:after {
    content: "|";
    color: #999;
    margin: 0 .4rem
}

.TopicList .TopicList-content .TopicList-right {
    z-index: 10;
    margin-left: .52rem
}

.PromoteList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 .56rem;
    position: relative;
    background: #fff
}

.PromoteList .title {
    margin: 0;
    padding: .24rem 0;
    font-size: .7rem;
    line-height: 1.04rem;
    color: #333;
    font-weight: 400;
    max-height: 2.08rem;
    overflow: hidden;
    text-align: left;
    word-break: break-all
}

.PromoteList .banner-wrapper {
    margin-bottom: .52rem;
    padding-bottom: 20%;
    height: 0;
    background-repeat: no-repeat;
    background-size: cover
}

.PromoteList .banner-wrapper .banner {
    width: 100%
}

.PromoteList .bottom-news-info {
    display: -webkit-box;
    display: -ms-flexbox;
    font-size: .48rem;
    line-height: .72rem;
    color: #999;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.MiniPictureList[data-v-52ef0f39] {
    padding: .52rem 0;
    margin: 0 .52rem;
    position: relative
}

.MiniPictureList .newsTitle[data-v-52ef0f39] {
    padding: 0;
    margin-bottom: .52rem
}

.MiniPictureList .middlePicture img[data-v-52ef0f39] {
    width: 100%;
    height: 4.8rem;
    border-radius: .2rem
}

.MiniPictureList .miniPicture img[data-v-52ef0f39] {
    width: 100%;
    height: 4.7rem;
    border-radius: .2rem
}

.MiniPictureList[data-v-52ef0f39]:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .04rem;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    -webkit-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
    background: #ecf0f3
}

.pure-headline-container .pure-headline-list[data-v-4afcd663] {
    padding: 0 .52rem;
    font-size: .7rem;
    text-align: left
}

.pure-headline-container .pure-headline-list-item[data-v-4afcd663] {
    position: relative;
    padding-left: .4rem
}

.pure-headline-container .pure-headline-list-item[data-v-4afcd663]:before {
    position: absolute;
    left: -.08rem;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(.5);
    transform: translateY(-50%) scale(.5);
    width: .4rem;
    height: .4rem;
    background: #e70021;
    border-radius: 50%;
    content: "";
    display: block
}

.pure-headline-container .pure-headline-list .title[data-v-4afcd663] {
    padding: 0;
    margin: 0;
    padding: .2rem 0;
    white-space: nowrap;
    overflow-x: auto
}

.pure-headline-container .pure-headline-list .title[data-v-4afcd663]::-webkit-scrollbar {
    display: none
}

.middle-pic-list[data-v-ed31aaf4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 .56rem;
    position: relative;
    background: #fff
}

.title[data-v-ed31aaf4] {
    margin: 0;
    padding: .24rem 0;
    font-size: .7rem;
    line-height: 1.04rem;
    color: #333;
    font-weight: 400;
    overflow: hidden;
    text-align: left;
    word-break: break-all
}

.banner-wrapper[data-v-ed31aaf4] {
    margin-bottom: .52rem;
    height: 4rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.banner-wrapper .banner[data-v-ed31aaf4] {
    width: 100%
}

.bottom-news-info[data-v-ed31aaf4] {
    display: -webkit-box;
    display: -ms-flexbox;
    font-size: .48rem;
    line-height: .72rem;
    color: #999;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.SpecialSlide {
    overflow: auto
}

.HomeAds {
    margin: 0 .52rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: .12rem
}

.HomeAds .banner {
    width: 100%
}

.AdsList {
    padding: .52rem
}

.AdsList .big-picture {
    height: 7.84rem;
    margin-bottom: .4rem;
    position: relative
}

.AdsList .big-picture .background-image {
    height: 100%;
    border-radius: .2rem
}

.SpecialPicture {
    padding-top: .52rem
}

.SpecialPicture .BigPictureList {
    position: relative
}

.SpecialPicture .BigPictureList .WhiteSpace-primary {
    height: 0
}

.SpecialPicture .BigPictureList:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .04rem;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    -webkit-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
    background: #ecf0f3
}

.SpecialBigTitle {
    padding-top: .52rem
}

.SpecialBigTitle .PrimaryList:last-child {
    border-bottom: none
}

.SpecialBigTitle .title {
    padding: 0 .52rem .52rem
}

.SpecialBigTitle .title .sy-number {
    padding-bottom: 0;
    padding-top: .5rem
}

.SpecialBigTitle .title .sy-number-name {
    text-align: center
}

.DetailRecommend {
    margin-bottom: 1.2rem
}

.DetailRecommend .HomeAds {
    margin: 1.04rem 0 .8rem 0
}

.DetailRecommend .HomeAds .Detail-edit p {
    font-size: .68rem;
    color: #b4b4b4;
    text-align: left;
    margin: 1.54rem 0 .74rem 0
}

.DetailRecommend .HomeAds .PrimaryList:last-child {
    border-bottom: .04rem solid #ecf0f3
}

.DetailBottom-active {
    background: #e70021;
    border-radius: .8rem;
    color: #fff
}

.DetailBottom {
    text-align: left;
    margin: .52rem
}

.DetailBottom .contentEndAd .picture {
    height: 4.4rem;
    width: 14rem;
    position: relative
}

.DetailBottom .contentEndAd .smallTag {
    position: absolute;
    bottom: .3rem;
    background: #333;
    color: #fff;
    border-radius: .1rem;
    font-size: .46rem;
    right: .3rem;
    padding: 0 .1rem
}

.DetailBottom .contentEndAd .adsTitle {
    margin-top: .4rem;
    font-size: .56rem
}

.DetailBottom .HomeAds {
    margin: 1.2rem 0 1rem 0;
    height: 4.6rem
}

.DetailBottom .DetailBottom-RedTab {
    padding: .4rem .8rem
}

.DetailBottom .DetailBottom-RedTab img {
    width: .8rem;
    margin-right: .3rem
}

.zanInDark {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.CommentInput .CommentInput-light {
    position: fixed;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    height: 1.8rem;
    line-height: 1.8rem;
    background: #fff;
    border-top: .04rem solid #ecf0f3;
    width: 100%
}

.CommentInput .CommentInput-light .Comment-photo {
    height: 1.08rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.CommentInput .CommentInput-light .Comment-photo .hot {
    position: absolute;
    font-size: .48rem;
    color: #fff;
    background: red;
    border-radius: .6rem;
    padding: .2rem;
    line-height: .26rem;
    left: .48rem;
    top: -.2rem
}

.CommentInput .CommentInput-light input {
    background: #eee;
    border: none;
    font-size: .56rem;
    border-radius: .8rem;
    height: 1rem;
    line-height: 1rem;
    padding-left: .4rem;
    width: 10rem
}

.CommentInput .CommentInput-light img {
    height: 1.08rem
}

.CommentInput .CommentInput-dark {
    position: fixed;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    height: 1.8rem;
    line-height: 1.8rem;
    background: #000;
    width: 100%
}

.CommentInput .CommentInput-dark input {
    background: #262626;
    border: none;
    font-size: .56rem;
    border-radius: .8rem;
    height: 1rem;
    line-height: 1rem;
    padding-left: .4rem;
    width: 10rem
}

.CommentInput .CommentInput-dark img {
    height: 1.08rem
}

.CommentInput .CommentInput-dark .Comment-photo {
    height: 1.08rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.CommentInput .CommentInput-dark .Comment-photo .hot {
    position: absolute;
    font-size: .48rem;
    color: #fff;
    background: red;
    border-radius: .6rem;
    padding: .2rem;
    line-height: .26rem;
    left: .64rem;
    top: -.2rem
}

.PhoneInput {
    margin: 0 1rem;
    border-bottom: .04rem solid #eee;
    padding-bottom: .4rem;
    margin-top: 2.72rem
}

.PhoneInput .PhoneInput-words {
    color: #333;
    font-size: .56rem;
    font-weight: 500
}

.PhoneInput .PhoneInput-icon img {
    width: 50%
}

.MessageInput {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2.72rem
}

.MessageInput .MessageInput_input {
    height: 1.88rem;
    width: 1.88rem;
    border: .04rem solid #eee;
    margin: .2rem;
    border-radius: .2rem;
    line-height: 1.88rem
}

.PublishInput .PublishInput-light {
    position: fixed;
    z-index: 9;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 1.76rem;
    background: #fff;
    width: 100%
}

.PublishInput .PublishInput-light textarea {
    margin-top: .48rem;
    width: 13.5rem;
    height: 3.2rem;
    border: .04rem solid #e9e9e9;
    border-radius: .16rem;
    font-size: .52rem;
    padding: .16rem;
    -webkit-appearance: none
}

.PublishInput .PublishInput-light input {
    background: #fff;
    color: #0f0f10;
    font-size: .64rem;
    border-radius: .8rem;
    padding: .26rem;
    padding-left: .4rem;
    width: 11.48rem;
    border: .04rem solid #eee;
    caret-color: #e70021
}

.PublishInput .PublishInput-light input::-webkit-input-placeholder {
    color: #b4b4b4
}

.PublishInput .PublishInput-light .PublishInput-button {
    font-size: .52rem;
    color: #fff;
    background: red;
    padding: .24rem 0;
    width: 11rem;
    border-radius: .8rem;
    margin: .4rem auto
}

.PublishInput .PublishInput-light .button-red {
    color: #e70021
}

.PublishInput .noPaddingTop {
    top: 0
}

.PublishInput .PublishInput-dark {
    position: fixed;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    height: 1.8rem;
    line-height: 1.8rem;
    background: #000;
    width: 100%
}

.PublishInput .PublishInput-dark input {
    background: #262626;
    border: none;
    font-size: .56rem;
    border-radius: .8rem;
    height: 1rem;
    line-height: 1rem;
    padding-left: .4rem;
    width: 10rem
}

.PublishInput .PublishInput-dark .PublishInput-button {
    height: 1.08rem
}

.DetailComment .TitleTab {
    position: relative;
    margin: 0 .56rem;
    font-size: .64rem;
    font-weight: 700;
    color: #333;
    height: 1.76rem;
    line-height: 1.76rem
}

.DetailComment .TitleTab:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    display: block;
    background-color: #e70021;
    height: .08rem;
    width: 2em;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.DetailComment .sofa {
    padding: 3rem 0
}

.DetailComment .sofa .sofaWords {
    font-size: .56rem;
    color: #b4b4b4
}

.DetailComment .sofa img {
    height: 5rem
}

.DetailComment .HomeAds {
    margin: 1.04rem 0 .8rem 0
}

.DetailComment .Detail-edit p {
    font-size: .68rem;
    color: #b4b4b4;
    text-align: left;
    margin: 1.54rem 0 .74rem 0
}

.DetailComment .PrimaryList:last-child {
    border-bottom: .04rem solid #ecf0f3
}

.DetailComment .RedTab p {
    padding: 0 1.6rem
}

.DetailHotComment .HomeAds {
    margin: 1.04rem 0 .8rem 0
}

.DetailHotComment .Detail-edit p {
    font-size: .68rem;
    color: #b4b4b4;
    text-align: left;
    margin: 1.54rem 0 .74rem 0
}

.DetailHotComment .PrimaryList:last-child {
    border-bottom: .04rem solid #ecf0f3
}

.DetailHotComment .sofa {
    padding: 3rem 0
}

.DetailHotComment .sofa .sofaWords {
    font-size: .56rem;
    color: #b4b4b4
}

.DetailHotComment .sofa img {
    height: 5rem
}

.DetailHotComment .TitleTab {
    position: relative;
    margin: 0 .56rem;
    font-size: .64rem;
    font-weight: 700;
    color: #333;
    height: 1.76rem;
    line-height: 1.76rem
}

.DetailHotComment .TitleTab:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    display: block;
    background-color: #e70021;
    height: .08rem;
    width: 2em;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.DetailPic {
    top: 0;
    left: 0;
    width: 100%;
    position: fixed;
    background-color: #000
}

.DetailPic,.DetailPic .van-swipe {
    height: 100%
}

.DetailPic .van-swipe .centerPicture {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute
}

.DetailPic .van-swipe .first-head-height {
    height: 1.76rem
}

.DetailPic .van-swipe .relationNews-grid {
    width: 94vw;
    margin: 0 auto;
    color: #fff;
    display: grid;
    font-size: .555rem;
    grid-gap: .625rem .625rem;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 7.75rem 7.75rem
}

.DetailPic .van-swipe .relationNews-grid .relationNews-grid-item {
    position: relative
}

.DetailPic .van-swipe .relationNews-grid .relationNews-grid-item img {
    border-radius: .2rem;
    width: 100%;
    height: 5.125rem
}

.DetailPic .van-swipe .relationNews-grid .relationNews-grid-item .relationNews-grid-item-imgCtn {
    font-size: .3125rem;
    position: absolute;
    right: .425rem;
    top: 3.8rem
}

.DetailPic .van-swipe .relationNews-grid .relationNews-grid-item .relationNews-grid-item-title {
    text-align: left
}

.VideoTab .video-tab-filler {
    height: 1.76rem
}

.VideoTab .van-tabs__line {
    background-color: #e70021
}

.VideoTab .van-tabs__wrap {
    height: 2rem;
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 100
}

.VideoTab .van-tab {
    font-size: .64rem;
    color: #666;
    line-height: 2rem
}

.VideoTab .van-tab--active {
    color: #e70021
}

.VideoTab .last-foot-height {
    height: 1.8rem
}

.VideoTab .tabsInApp .van-tabs__wrap {
    top: 8.8rem
}

.VideoTab .tabsInWeb .van-tabs__wrap {
    top: 10.56rem
}

.ForyouTab {
    height: 1.28rem;
    line-height: 1.28rem;
    font-size: .56rem;
    color: #e70021;
    background: #fff9f9
}

.ForyouTab span {
    display: inline-block;
    margin-left: -.12rem
}

.HeadTab {
    position: relative
}

.HeadTab .van-tabs--line {
    padding-top: 1.44rem
}

.HeadTab .van-tabs--line .van-tabs__wrap {
    height: 1.44rem
}

.HeadTab .van-hairline--top-bottom:after {
    border-width: 0 0
}

.HeadTab .van-tab {
    line-height: 1.44rem
}

.HeadTab .van-tab span {
    font-size: .64rem;
    color: #b4b4b4
}

.HeadTab .van-tab--active span {
    font-size: .72rem;
    color: #333
}

.HeadTab .showdown {
    position: absolute;
    background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(50%,#fff));
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff 50%);
    right: 0;
    top: 0;
    opacity: 1;
    width: 2.4rem;
    height: 1.2rem;
    z-index: 100
}

.HeadTab .more {
    height: .8rem;
    position: absolute;
    right: .52rem;
    top: .2rem;
    z-index: 101
}

.HeadTab .van-popup--top {
    height: 100%
}

.HeadTab .MorePageShow {
    padding: .52rem
}

.HeadTab .MorePageShow .title {
    position: relative;
    font-size: .88rem;
    margin-bottom: .9rem
}

.HeadTab .MorePageShow .title .title-close {
    height: .88rem;
    position: absolute;
    right: 0;
    top: .2rem
}

.HeadTab .MorePageShow .main {
    height: .92rem;
    line-height: .92rem;
    margin-bottom: .8rem
}

.HeadTab .MorePageShow .main .main-title {
    font-size: .64rem;
    margin-right: .4rem
}

.HeadTab .MorePageShow .main .summary {
    font-size: .56rem;
    color: #b4b4b4
}

.HeadTab .MorePageShow .Tags {
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.BangTab {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .52rem .52rem .52rem 0;
    font-size: .56rem
}

.BangTab .Left {
    font-size: .68rem
}

.BangTab .Left .leftBorder {
    width: .2rem;
    height: .68rem;
    margin-right: .2rem;
    background: #e70021
}

.BangTab .Right {
    font-size: .48rem;
    color: #e70021
}

.AskPoliticsContent-ask {
    border-bottom: .04rem solid #ecf0f3;
    padding: .52rem
}

.AskPoliticsContent-ask .replayButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.AskPoliticsContent-ask .AskPoliticsContentWords {
    word-wrap: break-word;
    font-size: .68rem;
    line-height: 1.2rem;
    color: #333;
    text-align: left;
    margin: .3rem 0 .3rem 1.6rem
}

.AskPoliticsContent-ask .HeaderUser,.AskPoliticsContent-ask .HeaderUser .HeaderUser-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.AskPoliticsContent-ask .HeaderUser .HeaderUser-img img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 1.2rem;
    -o-object-fit: cover;
    object-fit: cover
}

.AskPoliticsContent-ask .HeaderUser .HeaderUser-user {
    margin-left: .4rem
}

.AskPoliticsContent-ask .HeaderUser .HeaderUser-name {
    font-size: .64rem;
    color: #333;
    text-align: left
}

.AskPoliticsContent-ask .HeaderUser .HeaderUser-name .MiniTagsGary {
    margin-left: .32rem;
    padding: .08rem;
    background: unset
}

.AskPoliticsContent-ask .HeaderUser .noAnswerTags {
    color: #e70021;
    font-size: .56rem
}

.AskPoliticsContent-ask .HeaderUser .nameSelf {
    color: #0772d5
}

.AskPoliticsContent-ask .HeaderUser .HeaderUser-time {
    font-size: .44rem;
    color: #b4b4b4;
    text-align: left;
    height: .68rem;
    line-height: .68rem
}

.AskPoliticsContent-ask .HeaderUser .HeaderUser-time .time {
    margin-right: .32rem
}

.AskPoliticsContent-ask .HeaderUser .HeaderUser-time .HeaderUser-noChecked {
    margin-left: .32rem;
    color: #e70021
}

.AskPoliticsContent-ask .HeaderUser .HeaderUser-time .HeaderUser-delete {
    margin-left: .32rem;
    color: #0772d5
}

.DiscoverImage {
    text-align: left;
    margin-bottom: .32rem
}

.DiscoverImage .close-img-viewer-btn {
    position: fixed;
    z-index: 3000;
    right: .4rem;
    top: .4rem
}

.DiscoverImage .close-img-viewer-btn .btn {
    width: .8rem;
    height: .8rem
}

.DiscoverImage .van-modal {
    background-color: #0f0f10
}

.DiscoverImage .van-image-preview__index {
    z-index: 99
}

.DiscoverImage .image-wrap-one {
    display: inline-block;
    max-width: 10.2rem;
    max-height: 11.2rem
}

.DiscoverImage .image-wrap-one .image-one {
    max-width: 100%;
    max-height: 11.2rem;
    border-radius: .2rem
}

.DiscoverImage .image-wrap-two {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.DiscoverImage .image-wrap-two .image-two {
    width: 4.3rem;
    height: 4.3rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .2rem;
    margin: 0 .12rem .12rem 0
}

.DiscoverImage .image-wrap-three {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.DiscoverImage .image-wrap-three .image-three {
    width: 3.75rem;
    height: 3.75rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .2rem;
    margin: 0 .12rem .12rem 0
}

.DiscoverImage .image-wrap-three .image-three:nth-child(3n+3) {
    margin-right: 0
}

.DiscoverAddress {
    color: #0772d5;
    font-size: .44rem;
    text-align: left;
    margin-top: .4rem
}

.DiscoverAddress img {
    height: .48rem
}

.DiscoverButton {
    font-size: .44rem;
    color: #b4b4b4;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: .6rem 0
}

.DiscoverButton img {
    height: .6rem
}

.DiscoverButton .nice img {
    margin-right: .1rem
}

.DiscoverComment {
    padding: .52rem;
    background: #f9f9f9;
    font-size: .6rem;
    border-radius: .2rem
}

.DiscoverComment .commentList {
    text-align: left;
    line-height: 1rem
}

.DiscoverComment .commentList .main {
    color: #0f0f10;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.DiscoverComment .commentList .main .userName {
    color: #b4b4b4
}

.DiscoverComment .DiscoverComment-more {
    font-size: .56rem;
    text-align: left;
    padding: .16rem 0 0 0;
    color: #0772d5
}

@font-face {
    font-family: iconfont;
}

.iconfont[data-v-120ef6b0] {
    font-family: iconfont!important;
    font-size: .64rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-ok[data-v-120ef6b0]:before {
    content: "\E624"
}

.icon-arrowdown[data-v-120ef6b0]:before {
    content: "\E61A"
}

.icon-close[data-v-120ef6b0]:before {
    content: "\E627"
}

.video-container[data-v-120ef6b0] {
    position: fixed;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.exit-play[data-v-120ef6b0] {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    color: #fff;
    padding: .52rem
}

.DiscoverVideo[data-v-120ef6b0] {
    display: inline-block;
    max-height: 11.2rem
}

.DiscoverVideo .imageAndVideo[data-v-120ef6b0] {
    position: relative;
    display: inline-block;
    max-height: 11.2rem
}

.DiscoverVideo .imageAndVideo img[data-v-120ef6b0] {
    max-width: 100%;
    max-height: 11.2rem;
    border-radius: .2rem
}

.DiscoverVideo .imageAndVideo .VideoList-logo[data-v-120ef6b0] {
    position: absolute;
    height: 1.92rem;
    width: 1.92rem;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.DiscoverVideo .imageAndVideo .VideoList-logo img[data-v-120ef6b0] {
    height: 1.92rem;
    width: 1.92rem
}

.DiscoverVideo .van-popup[data-v-120ef6b0] {
    width: 100%;
    max-height: 80%;
    height: 100%;
    background: #0f0f10
}

.DiscoverVideo .van-popup .DiscoverVideoStyle[data-v-120ef6b0] {
    width: 100%
}

.fade-enter-active[data-v-120ef6b0],.fade-leave-active[data-v-120ef6b0] {
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 1
}

.fade-enter[data-v-120ef6b0],.fade-leave-to[data-v-120ef6b0] {
    opacity: 0
}

.DiscoverOfficial {
    padding: .52rem;
    background: #f9f9f9;
    font-size: .6rem;
    border-radius: .2rem;
    margin-top: .4rem
}

.DiscoverOfficial .commentList {
    text-align: left;
    line-height: 1rem
}

.DiscoverOfficial .commentList .main {
    color: #0f0f10;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.DiscoverOfficial .commentList .main .userName {
    color: #b4b4b4
}

.DiscoverOfficial .commentList .main-all {
    color: #0f0f10;
    word-break: break-all
}

.DiscoverOfficial .commentList .main-all .userName {
    color: #b4b4b4
}

.DiscoverOfficial .discoverComment-no-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.DiscoverOfficial .discoverComment-no-more .DiscoverComment-more {
    font-size: .56rem;
    text-align: left;
    padding: .16rem 0 0 0;
    color: #0772d5
}

.DiscoverOfficial .discoverComment-no-more .DiscoverComment-more img {
    height: .48rem
}

.DiscoverOfficial .discoverComment-more-all {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.DiscoverOfficial .discoverComment-more-all .DiscoverComment-more {
    font-size: .56rem;
    text-align: left;
    padding: .16rem 0 0 0;
    color: #0772d5
}

.DiscoverOfficial .discoverComment-more-all .DiscoverComment-more img {
    height: .48rem
}

.DiscoverPhone {
    padding-top: .8rem;
    height: 3.84rem;
    background: #fff;
    width: 100%;
    font-size: .56rem;
    color: #b4b4b4;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.DiscoverPhone .cancel,.DiscoverPhone .copy,.DiscoverPhone .phoneCall {
    font-size: .64rem;
    line-height: 2rem;
    text-align: center
}

.DiscoverPhone .van-actionsheet__header .van-icon-close {
    display: none
}

.DiscoverWords[data-v-0f11c943] {
    word-wrap: break-word;
    font-size: .64rem;
    margin: .6rem 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.DiscoverWordsAll[data-v-0f11c943] {
    word-wrap: break-word;
    font-size: .64rem;
    text-align: left;
    margin: .6rem 0
}

.DiscoverAllWordsButton[data-v-0f11c943] {
    font-size: .68rem;
    margin-bottom: .6rem;
    text-align: left;
    color: #0772d5
}

.NoticeTab[data-v-6f1e6658] {
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .4rem auto .2rem
}

.NoticeTab a[data-v-6f1e6658] {
    font-size: .4rem;
    color: #0772d5;
    text-decoration: underline;
    font-weight: 700
}

.NoticeTab .report-btn[data-v-6f1e6658] {
    display: inline-block;
    width: 1.48rem;
    height: .72rem;
    border: .04rem solid #dbdbdb;
    font-size: .48rem;
    text-align: center;
    line-height: .72rem;
    color: #999;
    cursor: pointer
}

.NoticeTab .report-btn[data-v-6f1e6658]:hover {
    border: .04rem solid #e70021;
    color: #e70021
}

.NoticeTab .report-content[data-v-6f1e6658] {
    width: 100%;
    height: 100%
}

.NoticeTab .report-content .report-title[data-v-6f1e6658] {
    height: 1.44rem;
    line-height: 1.44rem;
    font-size: .56rem;
    font-weight: 600;
    color: #333;
    text-align: center;
    margin: auto
}

.NoticeTab .report-content .item-box[data-v-6f1e6658] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 .52rem;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: .04rem
}

.NoticeTab .report-content .item-box .reportItem[data-v-6f1e6658] {
    border: .04rem solid #b4b4b4;
    border-radius: .2rem;
    color: #b4b4b4;
    margin: .2rem 0
}

.NoticeTab .report-content .item-box .active[data-v-6f1e6658],.NoticeTab .report-content .item-box .reportItem[data-v-6f1e6658] {
    display: inline-block;
    width: 4.12rem;
    height: 1.12rem;
    font-size: .52rem;
    text-align: center;
    line-height: 1.12rem;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.NoticeTab .report-content .item-box .active[data-v-6f1e6658] {
    border: .04rem solid #e70021;
    color: #e70021;
    margin: .24rem .84rem;
    border-radius: .2rem;
    margin: .2rem 0
}

.NoticeTab .report-content .report-tel[data-v-6f1e6658] {
    position: absolute;
    bottom: 2.76rem;
    width: 100%;
    height: .48rem;
    text-align: center;
    line-height: .48rem;
    font-size: .48rem;
    color: #b4b4b4
}

.NoticeTab .report-content .cancel-btn[data-v-6f1e6658] {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.44rem;
    line-height: 2.44rem;
    border-top: .04rem solid #ccc;
    text-align: center;
    font-size: .64rem;
    cursor: pointer
}

.BangBangDetailContent {
    padding: .52rem
}

.BangBangDetailContent .words {
    font-size: .68rem;
    text-align: left;
    padding: .52rem 0;
    white-space: pre-line;
    line-height: 1.2rem
}

.BangBangDetailContent .VideoImage {
    position: relative;
    height: 7.5rem;
    width: 14rem;
    border-radius: .2rem;
    background: #000;
    overflow: hidden
}

.BangBangDetailContent .VideoImage video {
    width: 100%;
    height: 100%
}

.BangBangDetailBlock-active {
    background: #e70021;
    color: #fff;
    border-radius: 1rem
}

.BangBangDetailBlock {
    padding: .52rem
}

.BangBangDetailBlock .button {
    padding: .4rem .8rem
}

.BangBangDetailBlock .button img {
    width: .8rem;
    margin-right: .3rem
}

.BangBangDetailBlock .message .mini {
    text-align: left;
    font-size: .48rem;
    color: #b4b4b4
}

.PoliticsList {
    margin: .8rem .52rem;
    border-bottom: .04rem solid #eee;
    padding-bottom: .5rem
}

.PoliticsList .PoliticsList-list {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: .48rem;
    line-height: 1.2rem
}

.PoliticsList .answer {
    color: #e70021;
    text-align: left
}

.PoliticsList .PoliticsList-Text {
    color: #333;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    font-size: .68rem
}

.PoliticsList .ListAsk {
    background: #f4f4f4;
    margin-bottom: .88rem
}

.PoliticsList .ListAnswer {
    background: #fff;
    margin-bottom: .4rem
}

.PoliticsList .PoliticsList-bottom {
    font-size: .48rem;
    line-height: .72rem;
    color: #b4b4b4
}

.PrimaryList {
    margin: 0 .56rem;
    position: relative;
    background: #fff
}

.PrimaryList .PrimaryList-indoor {
    padding: .56rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.PrimaryList .PrimaryList-indoor .primary-list-words {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    text-align: center;
    margin-right: .4rem
}

.PrimaryList .PrimaryList-indoor .primary-list-words .primary-list-title {
    font-size: .7rem;
    line-height: 1.04rem;
    color: #333;
    font-weight: 400;
    overflow: hidden;
    margin-bottom: .24rem;
    text-align: left;
    word-break: break-all
}

.PrimaryList .PrimaryList-indoor .primary-list-words .primary-list-read {
    font-size: .48rem;
    line-height: .72rem;
    color: #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.PrimaryList .PrimaryList-indoor .primary-list-image {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 3.16rem
}

.PrimaryList .PrimaryList-indoor .primary-list-image img {
    height: 100%;
    width: 100%;
    border-radius: .2rem
}

.PrimaryList:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .04rem;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    -webkit-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
    background: #ecf0f3
}

.AskPoliticsList {
    margin: .8rem .52rem;
    border-bottom: .04rem solid #eee;
    padding-bottom: .5rem
}

.AskPoliticsList .AskPoliticsList-list {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: .48rem;
    line-height: 1.2rem
}

.AskPoliticsList .answer {
    color: #e70021;
    text-align: left
}

.AskPoliticsList .AskPoliticsList-Text {
    color: #333;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    font-size: .68rem
}

.AskPoliticsList .ListAsk {
    background: #f4f4f4;
    margin-bottom: .88rem
}

.AskPoliticsList .ListAnswer {
    background: #fff;
    margin-bottom: .4rem
}

.AskPoliticsList .AskPoliticsList-bottom {
    font-size: .48rem;
    line-height: .72rem;
    color: #b4b4b4
}

.BangBangQuestionList {
    padding: .52rem;
    border-bottom: .04rem solid #ecf0f3
}

.BangBangQuestionList img {
    height: 1rem;
    width: 1rem;
    margin-right: .52rem
}

.BangBangQuestionList .words {
    font-size: .56rem
}

.mr15[data-v-3e3ef5a2] {
    margin-right: .25rem
}

.my-sp-line[data-v-3e3ef5a2],.WhiteSpace-primary[data-v-3e3ef5a2] {
    height: .24rem;
    background: #eee
}

.WhiteSpace-mini[data-v-3e3ef5a2] {
    height: .3rem;
    background: #eee
}

.first-header-height[data-v-3e3ef5a2] {
    height: 2rem
}

.flex[data-v-3e3ef5a2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.newsTitle[data-v-3e3ef5a2] {
    font-size: .68rem;
    color: #333;
    text-align: left;
    padding: 0 .52rem
}

.miniWords[data-v-3e3ef5a2] {
    font-size: .48rem;
    color: #999
}

.tal[data-v-3e3ef5a2] {
    text-align: left
}

.tar[data-v-3e3ef5a2] {
    text-align: right
}

.loginTitle[data-v-3e3ef5a2] {
    font-size: .88rem;
    color: #333;
    text-align: left;
    margin-left: 1rem;
    margin-top: .68rem;
    font-weight: 500
}

.loginGary[data-v-3e3ef5a2] {
    font-size: .56rem;
    border: none;
    color: #b4b4b4
}

.loginLink[data-v-3e3ef5a2] {
    font-size: .56rem;
    color: #0772d5
}

.van-swipe__indicator[data-v-3e3ef5a2] {
    background-color: #999!important
}

.van-swipe__indicator--active[data-v-3e3ef5a2] {
    background-color: #e70021!important
}

.SwipeList[data-v-3e3ef5a2] {
    padding: .52rem;
    position: relative
}

.SwipeList .title-logo[data-v-3e3ef5a2] {
    position: absolute;
    height: .8rem;
    top: .8rem;
    left: 1rem;
    z-index: 2
}

.SwipeList .swiper-container[data-v-3e3ef5a2] {
    overflow: visible
}

.SwipeList .swiper-container .swiper-wrapper[data-v-3e3ef5a2] {
    height: 5.24rem;
    width: 9.4rem
}

.SwipeList .swiper-container .swiper-wrapper .swiper-slide[data-v-3e3ef5a2] {
    margin: 0 .12rem
}

.SwipeList .swiper-container .swiper-wrapper .swiper-slide .title[data-v-3e3ef5a2] {
    position: absolute;
    font-size: .48rem;
    color: #fff;
    top: .6rem;
    right: .4rem;
    z-index: 2
}

.SwipeList .swiper-container .swiper-wrapper .swiper-slide .words[data-v-3e3ef5a2] {
    position: absolute;
    font-size: .48rem;
    color: #fff;
    bottom: .4rem;
    left: .4rem;
    white-space: pre-wrap;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    z-index: 2
}

.SwipeList .swiper-container .swiper-wrapper .swiper-slide .Image[data-v-3e3ef5a2] {
    border-radius: .2rem;
    height: 100%;
    width: 100%;
    display: block;
    position: relative;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.DetailQAReply {
    border-bottom: .04rem solid #ecf0f3;
    padding: .52rem;
    text-align: left
}

.DetailQAReply .DetailQAReplyContentWords {
    font-size: .68rem;
    line-height: 1.2rem;
    color: #333;
    text-align: left;
    margin: .6rem 0 0 1.6rem;
    white-space: pre-line
}

.DetailQAReply .HeaderUser,.DetailQAReply .HeaderUser .HeaderUser-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.DetailQAReply .HeaderUser .HeaderUser-img {
    position: relative
}

.DetailQAReply .HeaderUser .HeaderUser-img img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 1.2rem;
    -o-object-fit: cover;
    object-fit: cover
}

.DetailQAReply .HeaderUser .HeaderUser-img .tag {
    position: absolute;
    right: -.6rem;
    top: -.08rem;
    font-size: .48rem;
    background-color: #e70021;
    color: #fff;
    border-radius: .32rem;
    padding: 0 .16rem;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.DetailQAReply .HeaderUser .HeaderUser-user {
    margin-left: .54rem
}

.DetailQAReply .HeaderUser .HeaderUser-user .Grade {
    font-size: .48rem;
    text-align: left
}

.DetailQAReply .HeaderUser .HeaderUser-user .HeaderUser-name {
    font-size: .64rem;
    color: #333;
    text-align: left;
    margin-right: .2rem
}

.DetailQAReply .HeaderUser .HeaderUser-user .MiniTagsGary {
    margin-left: .32rem;
    padding: .08rem;
    background: unset
}

.DetailQAReply .HeaderUser .noAnswerTags {
    color: #e70021;
    font-size: .56rem
}

.DetailQAReply .HeaderUser .nameSelf {
    color: #0772d5
}

.DetailQAReply .HeaderUser .HeaderUser-time {
    font-size: .44rem;
    color: #b4b4b4;
    text-align: left;
    height: .68rem;
    line-height: .68rem
}

.DetailQAReply .HeaderUser .HeaderUser-time .HeaderUser-noChecked {
    margin-left: .32rem;
    color: #e70021
}

.DetailQAReply .HeaderUser .HeaderUser-time .HeaderUser-delete {
    margin-left: .32rem;
    color: #0772d5
}

.DetailQAReply .FunctionBar {
    color: #b4b4b4;
    font-size: .44rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: .6rem 0 .6rem 1.6rem;
    width: 10.25rem
}

.DetailQAReply .FunctionBar img {
    height: .6rem
}

.DetailQAReply .multi-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.DetailQAReply .show-more {
    display: inline-block;
    padding-left: 1.6rem;
    font-size: .56rem;
    text-align: left;
    color: #0772d5
}

.DetailQAReply .video-container-bangbang {
    position: relative;
    height: 7.5rem;
    border-radius: .2rem;
    background: #000;
    overflow: hidden
}

.DetailQAReply .video-container-bangbang video {
    width: 100%;
    height: 100%
}

.title-tab-common {
    position: relative;
    margin: 0 .56rem;
    font-size: .64rem;
    font-weight: 700;
    color: #333;
    height: 1.76rem;
    line-height: 1.76rem
}

.title-tab-common:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    display: block;
    background-color: #e70021;
    height: .08rem;
    width: 2em;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.BangCommentInput[data-v-4ae57a43] {
    height: 1.8rem
}

.BangCommentInput .CommentInput-light[data-v-4ae57a43] {
    position: fixed;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    height: 1.8rem;
    line-height: 1.8rem;
    background: #fff;
    border-top: .04rem solid #ecf0f3;
    width: 100%
}

.BangCommentInput .CommentInput-light input[data-v-4ae57a43] {
    background: #eee;
    border: none;
    font-size: .56rem;
    border-radius: .8rem;
    height: 1rem;
    line-height: 1rem;
    padding-left: .4rem;
    width: 10rem
}

.BangCommentInput .CommentInput-light img[data-v-4ae57a43] {
    height: 1.08rem
}

.BangCommentInput .CommentInput-light .Comment-photo[data-v-4ae57a43] {
    height: 1.08rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.BangCommentInput .CommentInput-light .Comment-photo .hot[data-v-4ae57a43] {
    position: absolute;
    font-size: .48rem;
    color: #fff;
    background: red;
    border-radius: .6rem;
    padding: .2rem;
    line-height: .26rem;
    left: .48rem;
    top: -.2rem
}

.BangCommentInput .CommentInput-dark[data-v-4ae57a43] {
    position: fixed;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    height: 1.8rem;
    line-height: 1.8rem;
    background: #000;
    width: 100%
}

.BangCommentInput .CommentInput-dark input[data-v-4ae57a43] {
    background: #262626;
    border: none;
    font-size: .56rem;
    border-radius: .8rem;
    height: 1rem;
    line-height: 1rem;
    padding-left: .4rem;
    width: 10rem
}

.BangCommentInput .CommentInput-dark img[data-v-4ae57a43] {
    height: 1.08rem
}

.BangCommentInput .CommentInput-dark .hot[data-v-4ae57a43] {
    position: absolute;
    right: 2.3rem;
    top: .2rem;
    font-size: .48rem;
    color: #fff;
    background: red;
    border-radius: .6rem;
    padding: .2rem;
    line-height: .26rem
}

.AskPoliticsTab {
    height: 2rem
}

.AskPoliticsTab .van-tab span {
    font-size: .68rem
}

.mr15 {
    margin-right: .25rem
}

.my-sp-line,.WhiteSpace-primary {
    height: .24rem;
    background: #eee
}

.WhiteSpace-mini {
    height: .3rem;
    background: #eee
}

.first-header-height {
    height: 2rem
}

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

.newsTitle {
    font-size: .68rem;
    color: #333;
    text-align: left;
    padding: 0 .52rem
}

.miniWords {
    font-size: .48rem;
    color: #999
}

.tal {
    text-align: left
}

.tar {
    text-align: right
}

.loginTitle {
    font-size: .88rem;
    color: #333;
    text-align: left;
    margin-left: 1rem;
    margin-top: .68rem;
    font-weight: 500
}

.loginGary {
    font-size: .56rem;
    border: none;
    color: #b4b4b4
}

.loginLink {
    font-size: .56rem;
    color: #0772d5
}

.van-swipe__indicator {
    background-color: #999!important
}

.van-swipe__indicator--active {
    background-color: #e70021!important
}

#app {
    font-family: Avenir,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50
}

#nav {
    padding: 1.2rem
}

#nav a {
    font-weight: 700;
    color: #2c3e50
}

#nav a.router-link-exact-active {
    color: #42b983
}

.van-tab--active{
    border-bottom: 2px solid #ee0a24;
    border-radius: 0.1rem;
}

.menus{display:block;width:25px;height:25px;top:7.5px;right:12.5px;background:url(../images/menu.png) no-repeat;background-size:25px 25px;margin:  0 6px 0 0}
.menuwrap{width:100%;background:#fff;top:3.5rem;z-index:99999;padding-bottom:10px;max-width: 750px}
.menuwrapmain{overflow:auto;height:95vh;}
.menuwrapmain .as{background:#eee;float:left;width:23%;margin:3px 1%;font-size:14px;text-align:center;line-height:26px;height:26px;border-radius:2px;}
.menuwrapmain a{
    color: #222;
}
.menuwrapmain a.cul{width:48%;margin:3px 1%;font-size:16px;text-align:center;line-height:32px;height:32px;border-radius:2px;}
.menuwrapmain h3{font-size:18px;line-height:30px;height:30px;border-left:3px solid #e70021;padding-left:15px;margin:15px 0 5px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.pos-a{position:absolute;}




.row1{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
}
.row2{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.row3{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;
}
.row4{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 4;-webkit-box-orient: vertical;
}
.row5{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 5;-webkit-box-orient: vertical;
}



.pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    /*background: #fff;*/
    padding: 0 0.3rem;
}
.pagination li{
    list-style: none;
}
.pagination li a{
    margin: 14px 5px;
    display: inline-block;
    line-height: 30px;
    border-radius: 4px;
    text-align: center;
    background: #e3e3e3;
    color: #333;
    font-size: 14px;
    position: relative;
    padding: 5px 10px;
    border: none;
    height: auto;
}
.pagination span{
    margin: 14px 5px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    padding: 5px 10px;
    border-radius: 4px;
    height: auto;
}

.pagination li:last-child a{
    background: #e3e3e3;
    color: #333;
}
.pagination li:first-child a{
    background: #e3e3e3;
    color: #333;
}
.disabled span{
    background: #e3e3e3;
    color: #333;
}
.pagination .active span{
    background: #e70021;
    color: #fff;
}


.selhover{
    color: #fff!important;
    background-color: #e70021 ;
}
.listnav{
    display: flex ;
    align-items: center;
    flex-wrap: wrap;
    height: auto;
    margin-bottom: 0.2rem;
    /*background: #fff;*/
    /*padding-left: 20px;*/

}
.listnav a{
    display: block;
    padding: 5px 10px;
    color: #222;
    margin: 5px 0;
    border-radius: 4px;
    font-size: 16px;
}