.outer-wrapper {
    padding: 0 .6rem
}

.outer-wrapper.lastItem .news-item {
    border-bottom: none
}

.news-item {
    position: relative;
    padding: .4rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: .04rem solid #ecf0f3
}

.news-item-big-img .img-container {
    position: relative;
    height: 8rem;
    border-radius: .32rem
}

.news-item-big-img .cover-big {
    height: 100%;
    width: 100%;
    border-radius: .32rem
}

.news-item-big-img .icon-play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 1.92rem;
    height: 1.92rem
}

.news-item-middle-img .img-container {
    height: 4rem;
    background-size: cover;
    background-position: 50%;
    border-radius: .16rem
}

.news-item-half-height-img .img-container {
    height: 2rem;
    background-size: cover;
    background-position: 50%;
    border-radius: .16rem
}

.news-item-three-img .three-img-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.news-item-three-img .three-img-wrapper .cover-three {
    width: 32.5%;
    height: 3.2rem;
    border-radius: .16rem
}

.left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.title {
    margin: 0;
    padding: 0;
    margin-bottom: .4rem;
    font-size: .7rem;
    line-height: 1.5em;
    text-align: left;
    color: #222;
}

.post-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .4rem
}

.post-info .tag {
    margin-right: .2rem;
    display: inline-block;
    font-size: .48rem;
    color: #999;
    white-space: nowrap
}

.post-info .label {
    padding: .08rem .16rem;
    border-radius: .24rem;
    color: #e70021;
    border: .04rem solid #e70021;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.right {
    position: relative;
    margin-left: .4rem;
    width: 4.48rem;
    height: 3.16rem
}

.right .cover {
    width: 100%;
    height: 100%;
    border-radius: .16rem
}

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

.news-item-wrapper {
    position: relative
}

.news-item-wrapper .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)
}

.feature-news-list-wrapper[data-v-20fe9d9a] {
    position: relative;
    padding-top: .4rem;
    text-align: left
}

.feature-news-list-wrapper[data-v-20fe9d9a]:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: .24rem;
    background: #eee
}

.feature-news-list-wrapper .feature-banner[data-v-20fe9d9a] {
    max-height: 4rem;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: .4rem .6rem;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: .8rem
}

.feature-news-list-wrapper .feature-banner img[data-v-20fe9d9a] {
    border-radius: .2rem
}

.feature-news-list-wrapper .feature-title[data-v-20fe9d9a] {
    position: relative;
    padding: .4rem;
    font-size: .72rem
}

.feature-news-list-wrapper .feature-title[data-v-20fe9d9a]:before {
    position: absolute;
    top: .56rem;
    left: 0;
    z-index: -1;
    content: "";
    display: block;
    width: .16rem;
    height: 1em;
    background: #e70021
}

.feature-news-list-wrapper .more[data-v-20fe9d9a] {
    margin-top: .6rem;
    padding: .4rem 0 .6rem 0;
    position: relative;
    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;
    font-size: .48rem;
    color: #b4b4b4
}

.feature-news-list-wrapper .more[data-v-20fe9d9a]:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    content: "";
    display: block;
    width: 100%;
    height: .04rem;
    background: #eee;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.feature-news-list-wrapper .more[data-v-20fe9d9a]:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: .24rem;
    background: #eee
}

.feature-news-list-wrapper .more .logo[data-v-20fe9d9a] {
    margin-left: .2rem;
    width: .48rem;
    height: .48rem
}

.outer-container {
    margin: .2rem 0;
    padding: 0 .4rem
}

.news-scroll-report-container {
    padding: .6rem;
    text-align: left;
    font-size: .64rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 .04rem .6rem rgba(44,44,44,.08);
    box-shadow: 0 .04rem .6rem rgba(44,44,44,.08)
}

.news-scroll-report-container .icon-kuai-xun {
    width: 1.96rem;
    height: .96rem
}

.news-scroll-report-container .icon-right-arrow {
    width: .44rem;
    height: .44rem
}

.news-scroll-report-container .scroll-zone-wrapper {
    padding: 0 .6rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: hidden
}

.news-scroll-report-container .scroll-zone-wrapper .news-item {
    position: relative
}

.news-scroll-report-container .scroll-zone-wrapper .news-item .text {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden
}

.tri-times-news-container[data-v-314b1d86] {
    position: relative;
    padding-bottom: .4rem;
    text-align: left;
    font-size: .64rem
}

.tri-times-news-container[data-v-314b1d86]:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: .24rem;
    background: #eee
}

.tri-times-news-container .inner-wrapper[data-v-314b1d86] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 4.8rem
}

.tri-times-news-container .tabs[data-v-314b1d86] {
    margin-bottom: .6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tri-times-news-container .tab-content[data-v-314b1d86] {
    padding: 0 .4rem
}

.tri-times-news-container .tab-content-for-newspaper[data-v-314b1d86] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tri-times-news-container .tab-content .newspaper-item[data-v-314b1d86] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tri-times-news-container .tab-content .newspaper-item .icon[data-v-314b1d86] {
    height: 1.76rem;
    width: 1.76rem
}

.tri-times-news-container .tab-content .newspaper-item .title[data-v-314b1d86] {
    margin-top: .2rem;
    font-size: .56rem
}

.tri-times-news-container .tab-item-wrapper[data-v-314b1d86] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.tri-times-news-container .tab-item-wrapper[data-v-314b1d86]:last-child {
    margin-right: 0
}

.tri-times-news-container .tab-item[data-v-314b1d86] {
    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;
    width: 100%;
    height: 2rem;
    background: #f9f9f9;
    color: #999;
    font-size: .56rem
}

.tri-times-news-container .tab-item-active[data-v-314b1d86] {
    background-color: #fff;
    color: #333
}

.tri-times-news-container .tab-item .icon[data-v-314b1d86] {
    margin-right: .4rem;
    width: .64rem;
    height: .64rem
}

.tri-times-news-container .news-item[data-v-314b1d86] {
    position: relative;
    padding: .2rem .2rem .2rem .64rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.tri-times-news-container .news-item[data-v-314b1d86]:before {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    height: .24rem;
    width: .24rem;
    border-radius: 50%;
    background-color: #f64e45
}

.tri-times-news-container .more[data-v-314b1d86] {
    margin-top: .6rem;
    padding: .4rem 0 .6rem 0;
    position: relative;
    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;
    font-size: .48rem;
    color: #b4b4b4
}

.tri-times-news-container .more[data-v-314b1d86]:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: .24rem;
    background: #eee
}

.tri-times-news-container .more .logo[data-v-314b1d86] {
    margin-left: .2rem;
    width: .48rem;
    height: .48rem;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.video-slide-horizon-wrapper {
    position: relative;
    padding: .4rem 0;
    font-size: .64rem;
    text-align: left
}

.video-slide-horizon-wrapper:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: .24rem;
    background: #eee
}

.video-slide-horizon-wrapper:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: .24rem;
    background: #eee
}

.video-slide-horizon-wrapper .section-title-wrapper {
    padding: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.video-slide-horizon-wrapper .section-title-wrapper .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700
}

.video-slide-horizon-wrapper .section-title-wrapper .title .title-icon {
    margin-right: .2rem;
    width: .6rem;
    height: .6rem
}

.video-slide-horizon-wrapper .section-title-wrapper .more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.video-slide-horizon-wrapper .section-title-wrapper .more .text {
    font-size: .48rem;
    color: #999
}

.video-slide-horizon-wrapper .section-title-wrapper .more .icon-arrow-right {
    margin-left: .2rem;
    width: .48rem
}

.video-slide-horizon-wrapper .scroll-wrapper {
    white-space: nowrap;
    overflow: hidden
}

.video-slide-horizon-wrapper .list-wrapper {
    display: inline-block
}

.video-slide-horizon-wrapper .list-wrapper::-webkit-scrollbar {
    display: none
}

.video-slide-horizon-wrapper .list-item {
    padding: 0 .2rem;
    display: inline-block;
    vertical-align: top;
    height: 7.4rem;
    width: 9.2rem;
    overflow: hidden
}

.video-slide-horizon-wrapper .list-item .cover-wrapper {
    position: relative;
    height: 5.2rem;
    width: 100%
}

.video-slide-horizon-wrapper .list-item .cover-wrapper .cover {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: .2rem
}

.video-slide-horizon-wrapper .list-item .play-btn-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 1.6rem;
    height: 1.6rem
}

.video-slide-horizon-wrapper .list-item .time {
    position: absolute;
    bottom: .2rem;
    right: .2rem;
    padding: .08rem .16rem;
    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)
}

.video-slide-horizon-wrapper .list-item .desc {
    margin-top: .2rem;
    white-space: pre-wrap;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden
}

.video-slide-horizon-wrapper[data-v-71efae10] {
    position: relative;
    padding: .4rem 0;
    font-size: .64rem;
    text-align: left
}

.video-slide-horizon-wrapper[data-v-71efae10]:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: .24rem;
    background: #eee
}

.video-slide-horizon-wrapper[data-v-71efae10]:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: .24rem;
    background: #eee
}

.video-slide-horizon-wrapper .section-title-wrapper[data-v-71efae10] {
    padding: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.video-slide-horizon-wrapper .section-title-wrapper .title[data-v-71efae10] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700
}

.video-slide-horizon-wrapper .section-title-wrapper .title .title-icon[data-v-71efae10] {
    margin-right: .2rem;
    width: .6rem;
    height: .6rem
}

.video-slide-horizon-wrapper .section-title-wrapper .more[data-v-71efae10] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.video-slide-horizon-wrapper .section-title-wrapper .more .text[data-v-71efae10] {
    font-size: .48rem;
    color: #999
}

.video-slide-horizon-wrapper .section-title-wrapper .more .icon-arrow-right[data-v-71efae10] {
    margin-left: .2rem;
    width: .48rem
}

.video-slide-horizon-wrapper .scroll-wrapper[data-v-71efae10] {
    white-space: nowrap;
    overflow: hidden
}

.video-slide-horizon-wrapper .list-wrapper[data-v-71efae10] {
    display: inline-block
}

.video-slide-horizon-wrapper .list-wrapper[data-v-71efae10]::-webkit-scrollbar {
    display: none
}

.video-slide-horizon-wrapper .list-item[data-v-71efae10] {
    padding: 0 .2rem;
    display: inline-block;
    vertical-align: top;
    height: 5.6rem;
    width: 9.2rem;
    overflow: hidden
}

.video-slide-horizon-wrapper .list-item .cover-wrapper[data-v-71efae10] {
    position: relative;
    height: 5.2rem;
    width: 100%
}

.video-slide-horizon-wrapper .list-item .cover-wrapper .cover[data-v-71efae10] {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: .2rem
}

.video-slide-horizon-wrapper .list-item .play-btn-icon[data-v-71efae10] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 1.6rem;
    height: 1.6rem
}

.video-slide-horizon-wrapper .list-item .time[data-v-71efae10] {
    position: absolute;
    bottom: .2rem;
    right: .2rem;
    padding: .08rem .16rem;
    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)
}

.video-slide-horizon-wrapper .list-item .desc[data-v-71efae10] {
    margin-top: .2rem;
    white-space: pre-wrap;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden
}

.outer-wrapper[data-v-4c6c12d5] {
    width: 14.4rem;
    height: 12rem;
    margin: 0 auto;
    border-radius: .2rem;
    margin-bottom: .56rem;
    overflow: hidden;
    background-color: #fff
}

.outer-wrapper .imgbox[data-v-4c6c12d5] {
    width: 100%;
    height: 7.16rem;
    overflow: hidden
}

.outer-wrapper .imgbox .outer-wrapper-img[data-v-4c6c12d5] {
    width: 100%
}

.outer-wrapper .content[data-v-4c6c12d5] {
    padding: .56rem
}

.outer-wrapper .content .title[data-v-4c6c12d5] {
    text-align: left;
    font-size: .72rem;
    font-weight: 400;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.outer-wrapper .content .platfrom[data-v-4c6c12d5] {
    text-align: left;
    font-size: .48rem;
    font-weight: 400;
    margin-top: .56rem;
    color: #b4b4b4;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.outer-wrapper .content .info[data-v-4c6c12d5] {
    text-align: left;
    font-size: .48rem;
    font-weight: 400;
    margin-top: .72rem;
    color: #b4b4b4
}

.hot-commnet-wrapper[data-v-1ec4b5c4] {
    position: relative;
    padding: .4rem 0 .8rem 0;
    font-size: .64rem;
    text-align: left
}

.hot-commnet-wrapper[data-v-1ec4b5c4]:before {
    top: 0
}

.hot-commnet-wrapper[data-v-1ec4b5c4]:after,.hot-commnet-wrapper[data-v-1ec4b5c4]:before {
    position: absolute;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: .24rem;
    background: #eee
}

.hot-commnet-wrapper[data-v-1ec4b5c4]:after {
    bottom: 0
}

.hot-commnet-wrapper .section-title-wrapper[data-v-1ec4b5c4] {
    padding: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hot-commnet-wrapper .section-title-wrapper .title[data-v-1ec4b5c4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700
}

.hot-commnet-wrapper .section-title-wrapper .title .title-icon[data-v-1ec4b5c4] {
    margin-right: .2rem;
    width: .6rem;
    height: .6rem
}

.hot-commnet-wrapper .section-title-wrapper .more[data-v-1ec4b5c4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hot-commnet-wrapper .section-title-wrapper .more .text[data-v-1ec4b5c4] {
    font-size: .48rem;
    color: #999
}

.hot-commnet-wrapper .section-title-wrapper .more .icon-arrow-right[data-v-1ec4b5c4] {
    margin-left: .2rem;
    width: .48rem
}

.hot-commnet-wrapper .body[data-v-1ec4b5c4] {
    padding: 0 .4rem
}

.hot-commnet-wrapper .body .content[data-v-1ec4b5c4] {
    position: relative;
    padding: .6rem;
    background: -webkit-gradient(linear,left top,left bottom,from(#f1f6fd),to(#fafbfc));
    background: linear-gradient(180deg,#f1f6fd,#fafbfc)
}

.hot-commnet-wrapper .body .content[data-v-1ec4b5c4]:after {
    position: absolute;
    right: .4rem;
    bottom: -.2rem;
    content: "";
    height: .96rem;
    width: 1.36rem;
}

.hot-commnet-wrapper .body .content .title[data-v-1ec4b5c4] {
    margin: 0 0 .4rem 0;
    font-size: .68rem;
    font-weight: 400;
    font-weight: 700;
    line-height: 1.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.hot-commnet-wrapper .body .content .comment[data-v-1ec4b5c4] {
    margin: .2rem 0;
    font-size: .56rem;
    color: #666;
    line-height: 1.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden
}

.hot-commnet-wrapper .post-info[data-v-1ec4b5c4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .4rem
}

.hot-commnet-wrapper .post-info .tag[data-v-1ec4b5c4] {
    margin-right: .2rem;
    display: inline-block;
    font-size: .48rem;
    color: #999;
    white-space: nowrap
}

.hot-commnet-wrapper .post-info .label[data-v-1ec4b5c4] {
    padding: .08rem .16rem;
    border-radius: .24rem;
    color: #e70021;
    border: .04rem solid #e70021;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

p[data-v-ea4823f8] {
    margin: 0;
    padding: 0
}

.ugc-block-container[data-v-ea4823f8] {
    padding: .8rem .4rem .4rem .4rem;
    position: relative;
    text-align: left;
    font-size: .64rem
}

.ugc-block-container[data-v-ea4823f8]:before {
    top: 0
}

.ugc-block-container[data-v-ea4823f8]:after,.ugc-block-container[data-v-ea4823f8]:before {
    position: absolute;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: .24rem;
    background: #eee
}

.ugc-block-container[data-v-ea4823f8]:after {
    bottom: 0
}

.ugc-block-container .tabs[data-v-ea4823f8] {
    margin-bottom: .4rem;
    padding-bottom: .2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow-x: scroll;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ugc-block-container .tabs[data-v-ea4823f8]::-webkit-scrollbar {
    display: none
}

.ugc-block-container .tabs .tab[data-v-ea4823f8] {
    padding: .32rem .08rem;
    margin-right: .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-width: 32%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .56rem;
    background: #f9f9f9;
    color: #666;
    border-radius: .64rem;
    -webkit-box-shadow: .04rem .04rem .2rem -.04rem rgba(196,195,195,.411);
    box-shadow: .04rem .04rem .2rem -.04rem rgba(196,195,195,.411)
}

.ugc-block-container .tabs .tab[data-v-ea4823f8]:last-child {
    margin-right: 0
}

.ugc-block-container .tabs .tab-active[data-v-ea4823f8] {
    background-color: #fff3f0;
    color: #f64e45;
    -webkit-box-shadow: 0 .08rem .12rem rgba(255,106,90,.26);
    box-shadow: 0 .08rem .12rem rgba(255,106,90,.26)
}

.ugc-block-container .tabs .tab .icon[data-v-ea4823f8] {
    margin-right: .2rem;
    width: .8rem;
    height: .8rem
}

.ugc-block-container .tabs .tab .name[data-v-ea4823f8] {
    font-weight: 400
}

.ugc-block-container .tab-content[data-v-ea4823f8] {
    height: 4.32rem
}

.ugc-block-container .tab-content .list-item[data-v-ea4823f8] {
    padding: .2rem
}

.ugc-block-container .tab-content .list-item .title[data-v-ea4823f8] {
    position: relative;
    margin: 0;
    padding-left: .64rem;
    font-size: .64rem;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ugc-block-container .tab-content .list-item .title[data-v-ea4823f8]:before {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    height: .24rem;
    width: .24rem;
    border-radius: 50%;
    background-color: #f64e45
}

.ugc-block-container .tab-content .list-item .title-a[data-v-ea4823f8]:before,.ugc-block-container .tab-content .list-item .title-b[data-v-ea4823f8]:before,.ugc-block-container .tab-content .list-item .title-c[data-v-ea4823f8]:before {
    background-color: #fc4a1a
}

.ugc-block-container .tab-content .list-item .title-d[data-v-ea4823f8]:before {
    background-color: #4abdac
}

.ugc-block-container .tab-content .list-item .desc[data-v-ea4823f8] {
    padding-top: .2rem;
    font-size: .52rem;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ugc-block-container .more[data-v-ea4823f8] {
    padding: .2rem 0 .2rem 0;
    position: relative;
    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;
    font-size: .48rem;
    color: #b4b4b4
}

.ugc-block-container .more .logo[data-v-ea4823f8] {
    margin-left: .2rem;
    width: .48rem;
    height: .48rem;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.news-column-container[data-v-eac0dc7a] {
    position: relative;
    padding: .4rem 0 .8rem 0;
    font-size: .64rem;
    text-align: left
}

.news-column-container[data-v-eac0dc7a]:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: .24rem;
    background: #eee
}

.news-column-container[data-v-eac0dc7a]:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: .24rem;
    background: #eee
}

.section-title-wrapper[data-v-eac0dc7a] {
    padding: .4rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section-title-wrapper .title[data-v-eac0dc7a],.section-title-wrapper[data-v-eac0dc7a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section-title-wrapper .title[data-v-eac0dc7a] {
    font-weight: 700
}

.section-title-wrapper .title .title-icon[data-v-eac0dc7a] {
    margin-right: .2rem;
    width: .6rem;
    height: .6rem
}

.section-title-wrapper .more[data-v-eac0dc7a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section-title-wrapper .more .text[data-v-eac0dc7a] {
    font-size: .48rem;
    color: #999
}

.section-title-wrapper .more .icon-arrow-right[data-v-eac0dc7a] {
    margin-left: .2rem;
    width: .48rem
}

.pure-headline-container .pure-headline-list {
    padding: 0 .52rem;
    font-size: .7rem;
    text-align: left
}

.pure-headline-container .pure-headline-list-item {
    position: relative;
    padding-left: .4rem
}

.pure-headline-container .pure-headline-list-item: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 {
    padding: 0;
    margin: 0;
    margin: .2rem 0;
    white-space: nowrap;
    overflow-x: auto
}

.pure-headline-container .pure-headline-list .title::-webkit-scrollbar {
    display: none
}

.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;
    text-align: center
}

.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
}

.container[data-v-457b8abf] {
    padding: 0 .4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.container .inner-wrapper[data-v-457b8abf] {
    padding-bottom: .32rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.container .inner-wrapper .entry-item[data-v-457b8abf] {
    width: 4.64rem;
    height: 2.12rem
}

.container .inner-wrapper .entry-item-img[data-v-457b8abf] {
    width: 100%;
    height: 100%
}

.container[data-v-457b8abf] .van-swipe__indicators {
    bottom: 0
}

.flex[data-v-af940c7e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.space-bettween[data-v-af940c7e] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.skeleton-container[data-v-af940c7e] {
    position: fixed;
    width: 100%;
    height: calc(100% - 1.76rem);
    left: 0
}

.skeleton-container .half[data-v-af940c7e] {
    width: 50%
}

.skeleton-container .third[data-v-af940c7e] {
    width: 33%
}

.skeleton-container .meta-holder[data-v-af940c7e] {
    height: .56rem;
    margin: .8rem .48rem .8rem .48rem;
    width: 20%
}

.header-bang-holder[data-v-af940c7e] {
    margin-bottom: .8rem
}

.header-bang-holder .search-holder[data-v-af940c7e] {
    margin: .4rem .32rem .4rem;
    height: 1.2rem;
    background-color: #f2f2f2
}

.main-nav[data-v-af940c7e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: .8rem 0
}

.main-nav .inner-wrapper[data-v-af940c7e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20%
}

.main-nav .round-item[data-v-af940c7e] {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: .8rem;
    background-color: #f2f2f2
}

.title-holder[data-v-af940c7e] {
    margin: 0 .48rem
}

.title-item[data-v-af940c7e] {
    background-color: #f2f2f2;
    height: .56rem;
    width: 20%
}

.swiper-holder[data-v-af940c7e] {
    margin: .8rem .48rem;
    background-color: #f2f2f2;
    height: 6rem
}

.cover[data-v-af940c7e] {
    margin-right: .48rem;
    width: 4.48rem;
    height: 2.8rem;
    background-color: #f2f2f2
}

.post-item[data-v-af940c7e] {
    margin-bottom: .8rem;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: normal
}

.post-item .text-holder[data-v-af940c7e] {
    margin-top: 0
}

.text-holder[data-v-af940c7e] {
    margin: .16rem .48rem .32rem;
    height: .72rem;
    background: #f2f2f2
}

.line-holder[data-v-af940c7e] {
    height: .72rem;
    margin: .4rem .48rem
}

.title-holder[data-v-af940c7e] {
    margin-top: .4rem
}

.content-holder[data-v-af940c7e] {
    margin-bottom: .8rem
}

.SwipeHome[data-v-5ed409b0] {
    margin-top: .36rem;
    padding: 0 .4rem .4rem .4rem
}

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

#content[data-v-5ed409b0] {
    width: 100%;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    position: relative
}

iframe[data-v-5ed409b0] {
    width: 100%;
    height: 100%
}

[data-v-5ed409b0]::-webkit-scrollbar {
    display: none;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.loading[data-v-5ed409b0] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: .4rem
}

.imgBox[data-v-3e2d2947] {
    width: 100vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .4rem
}

.imgBox img[data-v-3e2d2947] {
    width: 100%
}

#launch-btn[data-v-3e2d2947] {
    width: 100vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .4rem
}

#launch-btn img[data-v-3e2d2947] {
    width: 100%
}

.footer{
    font-size: 0.6rem;
    color: #222;
    padding: 10px 0;
    text-align: center;
    border-top: .04rem solid #ecf0f3
}
.footer a{
    color: #222;
}