.limit1,.limit2,.limit3 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical
}

.limit1 {
    -webkit-line-clamp: 1
}

.limit2 {
    -webkit-line-clamp: 2
}

.limit3 {
    -webkit-line-clamp: 3
}

.page-container {
    margin-top: .4rem
}

.page-container .page-column {
    padding: .15rem;
    color: #333
}

.page-container .page-column_title {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.page-container .page-column_title h1 {
    font-weight: 800;
    font-size: .24rem
}

.page-container .page-column_title .attention-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
    padding: 0 .1rem;
    height: .23rem
}

.page-container .page-column_title .attention-btn .icon {
    margin: .05rem .04rem 0 0;
    display: inline-block;
    width: .12rem;
    height: .12rem
}

.page-container .page-column_title .attention-btn .df-collect {
    position: relative;
    background: url(../../images/icon/df_collect.png) no-repeat;
    background-size: 100% 100%
}

.page-container .page-column_title .attention-btn .at-collect {
    position: relative;
    background: url(../../images/icon/at_collect.png) no-repeat;
    background-size: 100% 100%
}

.page-container .page-column_title .attention-btn .txt {
    margin-top: .05rem;
    color: #333;
    font-size: .12rem;
    display: inline-block
}

.page-container .page-column_title .attention-btn::after {
    content: "";
    position: absolute;
    border: .01rem solid #cccccc;
    border-radius: .12rem;
    width: 100%;
    height: 100%;
    left: 0;
    top: .01rem
}

.page-container .page-column_attention {
    padding: .1rem 0
}

.page-container .page-column_attention,.page-container .page-column_desc {
    font-size: .12rem;
    font-weight: 400
}

.page-container .page-column .show-more {
    float: right;
    color: #CC0000;
    font-size: .12rem
}

.page-container .page-line-5 {
    position: relative;
    height: .05rem
}

.page-container .page-line-5::after {
    content: "";
    position: absolute;
    width: 100vw;
    background: #f2f2f2;
    height: 100%;
    left: 0
}

.page-container .page-func {
    position: relative;
    height: .33rem;
    line-height: .33rem
}

.page-container .page-func .func-list {
    padding: 0 .15rem;
    width: auto;
    display: flex;
    align-items: center;
    overflow: auto;
    white-space: nowrap;
    flex-wrap: nowrap
}

.page-container .page-func .func-list .func-item {
    position: relative;
    font-size: .13rem;
    color: #333;
    margin: 0 .05rem
}

.page-container .page-func .func-list .func-item:first-child {
    margin-left: 0
}

.page-container .page-func .func-list .func-item:last-child {
    margin-right: 0
}

.page-container .page-func .func-list .act::after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .02rem;
    background: #CC0000
}

.page-container .page-func::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .01rem;
    background: #F2F2F2
}

.page-container .page-news {
    padding: 0 .15rem
}

.page-container .page-news_list .news-item {
    padding: .1rem 0;
    border-bottom: 1px solid #eeeeee
}

.page-container .page-news_list .news-item a {
    display: flex;
    height: 100%
}

.page-container .page-news_list .news-item .news-cover {
    margin-right: .2rem;
    width: 1.1rem;
    height: .68rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-container .page-news_list .news-item .news-cover img {
    width: 100%;
    height: 100%
}

.page-container .page-news_list .news-item .news-cover-soft {
    width: .8rem;
    height: .8rem
}

.page-container .page-news_list .news-item .news-info {
    position: relative;
    flex: 1;
    color: #333
}

.page-container .page-news_list .news-item .news-info_title {
    font-size: .13rem;
    margin-bottom: .2rem
}

.page-container .page-news_list .news-item .news-info_data {
    display: flex;
    width: 100%;
    font-size: .11rem;
    color: #999;
    height: .2rem;
    line-height: .2rem
}

.page-container .page-news_list .news-item .news-info_data span {
    margin-right: .15rem
}

.page-container .page-news_list .news-item .news-info_data .news-original {
    padding: 0 .1rem;
    color: #FF0000;
    border-radius: .05rem;
    border: 1px solid #FF0000
}

.page-container .page-news_list .news-item .news-info_data .news-views {
    position: relative;
    padding-left: .15rem
}

.page-container .page-news_list .news-item .news-info_data .news-views::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: .12rem;
    height: .12rem;
    background: url(../images/views.png) left top no-repeat;
    background-size: 100% 100%
}

.page-container .page-news_list .news-item .news-info_ab {
    position: absolute;
    bottom: 0
}

.page-container .page-soft {
    padding: 0 .15rem
}

.page-container .page-soft_list .soft-item {
    padding: .1rem 0;
    border-bottom: 1px solid #eeeeee
}

.page-container .page-soft_list .soft-item .soft-type {
    display: flex;
    align-items: center
}

.page-container .page-soft_list .soft-item .soft-type_icon {
    width: .24rem;
    height: .24rem;
    margin-right: .1rem;
    background: url(../../images/icon-other.png) left top no-repeat;
    background-size: 100% 100%
}

.page-container .page-soft_list .soft-item .soft-type_docx {
    background: url(../../images/doc.png) left top no-repeat;
    background-size: 100% 100%
}

.page-container .page-soft_list .soft-item .soft-type_pdf {
    background: url(../../images/pdf.png) left top no-repeat;
    background-size: 100% 100%
}

.page-container .page-soft_list .soft-item .soft-type_pptx {
    background: url(../../images/ppt.png) left top no-repeat;
    background-size: 100% 100%
}

.page-container .page-soft_list .soft-item .soft-type_xlsx {
    background: url(../../images/xlsx.png) left top no-repeat;
    background-size: 100% 100%
}

.page-container .page-soft_list .soft-item .soft-type_rar {
    background: url(../../images/zip.png) left top no-repeat;
    background-size: 100% 100%
}

.page-container .page-soft_list .soft-item .soft-type_zip {
    background: url(../../images/zip.png) left top no-repeat;
    background-size: 100% 100%
}

.page-container .page-soft_list .soft-item .soft-type h3 {
    flex: 1;
    color: #333;
    font-size: .13rem
}

.page-container .page-soft_list .soft-item .soft-info {
    margin-top: .15rem;
    display: flex;
    justify-content: space-between;
    font-size: .12rem;
    color: #999999;
    height: .2rem;
    line-height: .2rem
}

.page-container .page-soft_list .soft-item .soft-info_date {
    font-size: .12rem;
    color: #999999
}

.page-container .page-soft_list .soft-item .soft-info_data {
    display: flex
}

.page-container .page-soft_list .soft-item .soft-info_data .soft-views,.page-container .page-soft_list .soft-item .soft-info_data .soft-down {
    position: relative;
    margin-left: .28rem;
    padding-left: .15rem
}

.page-container .page-soft_list .soft-item .soft-info_data .soft-views::before,.page-container .page-soft_list .soft-item .soft-info_data .soft-down::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: .12rem;
    height: .12rem
}

.page-container .page-soft_list .soft-item .soft-info_data .soft-views::before {
    background: url(../../images/views.png) left top no-repeat;
    background-size: 100% 100%
}

.page-container .page-soft_list .soft-item .soft-info_data .soft-down::before {
    background: url(../../images/download.png) left top no-repeat;
    background-size: 100% 100%
}

.page-container .page-company {
    padding: 0 .15rem
}

.page-container .page-company_list .company-item {
    padding: .1rem 0;
    height: 1.1rem;
    border-bottom: 1px solid #eeeeee
}

.page-container .page-company_list .company-item a {
    display: flex;
    height: 100%
}

.page-container .page-company_list .company-item .company-cover {
    margin-right: .1rem;
    width: .9rem;
    height: .9rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-container .page-company_list .company-item .company-cover img {
    max-width: 100%;
    max-height: 100%
}

.page-container .page-company_list .company-item .company-info {
    position: relative;
    flex: 1;
    color: #333
}

.page-container .page-company_list .company-item .company-info_title {
    margin-top: .035rem;
    font-size: 13px
}

.page-container .page-company_list .company-item .company-info_desc {
    margin: .15rem 0 .05rem;
    display: flex;
    align-items: center;
    font-size: 12px
}

.page-container .page-company_list .company-item .company-info_data {
    position: absolute;
    bottom: .03rem;
    font-size: .11rem;
    color: #999;
    display: flex
}

.page-container .page-company_list .company-item .company-info_data span {
    margin-right: .15rem
}

.page-container .page-bbs {
    padding: 0 .15rem
}

.page-container .page-bbs_list .bbs-item {
    padding: .1rem 0;
    height: .78rem;
    border-bottom: 1px solid #eeeeee
}

.page-container .page-bbs_list .bbs-item a {
    display: flex;
    height: 100%
}

.page-container .page-bbs_list .bbs-item .bbs-question {
    position: relative;
    margin-right: .1rem;
    width: .44rem;
    height: .56rem;
    background: linear-gradient(180deg, #cc0000, #e43916);
    border-radius: .02rem;
    text-align: center
}

.page-container .page-bbs_list .bbs-item .bbs-question_info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.page-container .page-bbs_list .bbs-item .bbs-question_info span {
    color: #fff;
    display: block
}

.page-container .page-bbs_list .bbs-item .bbs-question_info .bbs-nums {
    font-weight: 700;
    font-size: .13rem
}

.page-container .page-bbs_list .bbs-item .bbs-question_info .bbs-type {
    font-size: .11rem
}

.page-container .page-bbs_list .bbs-item .bbs-info {
    position: relative;
    flex: 1;
    color: #333
}

.page-container .page-bbs_list .bbs-item .bbs-info_title {
    font-size: 13px
}

.page-container .page-bbs_list .bbs-item .bbs-info_data {
    position: absolute;
    bottom: .03rem;
    font-size: .11rem;
    color: #999;
    height: .2rem;
    line-height: .2rem
}

.page-container .page-bbs_list .bbs-item .bbs-info_data span {
    margin-right: .15rem
}

.page-container .page-bbs_list .bbs-item .bbs-info_data .bbs-views {
    position: relative;
    padding-left: .15rem
}

.page-container .page-bbs_list .bbs-item .bbs-info_data .bbs-views::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: .12rem;
    height: .12rem;
    background: url(../../images/views.png) left top no-repeat;
    background-size: 100% 100%
}