* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #000000;
}

    a:hover {
        text-decoration: none;
    }

li {
    list-style: none;
}

.location {
    position: absolute;
}

body {
    width: 10rem;
    text-align: center;
    overflow-x: hidden;
    /*background-color: #F7F7F7;*/
    margin: 0 auto;
    background-color: #ffffff;
}

header {
    width: 10rem;
    height: 1.33333333rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #88B334;
    position: relative;
    border-radius: 0.10666667rem;
}

    header .left {
        display: flex;
        align-items: center;
    }

        header .left .logo {
            width: 2.18666667rem;
            height: 0.58666667rem;
            margin: 0rem 0rem 0rem 0.4rem;
        }

        header .left .txt {
            margin: 0rem 0rem 0rem 0.18666667rem;
            font-size: 0.42666667rem;
            font-size: 0.42666667;
            color: #FFFFFF;
            line-height: 0.4rem;
        }

            header .left .txt .dotted {
                font-weight: 700;
            }

    header .right {
        display: flex;
        align-items: center;
        padding: 10px 0 0 20px;
        position: relative;
        top: -5px;
    }

    header .headImg {
        width: 0.77333333rem;
        height: 0.77333333rem;
        border-radius: 50%;
        margin: 0rem 0.4rem 0rem 0rem;
    }

    header .bg_color {
        width: 20rem;
        height: 20rem;
        background: #88B334;
        top: -10.66666667rem;
        z-index: -10;
        left: -5rem;
        border-radius: 0 0 48rem 48rem;
    }

.box_news {
    padding: 0rem 0rem 0.8rem 0rem;
    margin-top: 0.8rem;
    background-color: #ffffff;
    border-top: 0.26666667rem solid #F7F7F7;
    border-bottom: 0.26666667rem solid #F7F7F7;
}

    .box_news .title {
        font-size: 0.45333333rem;
        font-size: 0.45333333;
        color: #2E2E2E;
        margin: 0.56rem 0rem 0.48rem 0.4rem;
        text-align: left;
        font-weight: bold;
    }

    .box_news .news_item {
        width: 9.2rem;
        height: 1.86666667rem;
        margin: 0rem auto 0;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        align-content: center;
    }

        .box_news .news_item .left {
            height: 100%;
            display: flex;
            flex-wrap: wrap;
            /*align-items: flex-start;*/
            align-content: space-around;
            margin: 0.05333333rem 0rem 0rem 0rem;
        }

            .box_news .news_item .left .top_title {
                font-size: 0.37333333rem;
                color: #333333;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                width: 6.13333333rem;
                text-align: left;
            }

            .box_news .news_item .left .bottom_txt {
                width: 100%;
                font-size: 0.32rem;
                color: #999999;
                margin: 0.26666667rem 0rem 0rem 0rem;
                display: flex;
                justify-content: space-between;
            }

                .box_news .news_item .left .bottom_txt span {
                    display: inline-block;
                }

        .box_news .news_item .right {
            margin: 0rem 0rem 0rem 0.29333333rem;
        }

            .box_news .news_item .right .right_img {
                width: 2.8rem;
                height: 1.86666667rem;
            }

.special_guest {
    padding: 0rem 0rem 1.01333333rem 0rem;
    background-color: #ffffff;
    border-bottom: 0.26666667rem solid #F7F7F7;
    border-top: 0.56rem solid #ffffff;
}

    .special_guest .title {
        font-size: 0.45333333rem;
        font-size: 0.45333333;
        color: #2E2E2E;
        margin: 0rem 0rem 0.48rem 0.4rem;
        text-align: left;
        font-weight: bold;
    }

    .special_guest .swiper-container {
        width: 100%;
        position: relative;
    }

        .special_guest .swiper-container .swiper-wrapper .swiper-slide {
            width: 3.33333333rem !important;
            height: 4rem !important;
            margin-left: 0.26666667rem;
            background: #ffffff;
            box-shadow: 0px 0.05333333rem 0.29333333rem 0px rgba(7, 0, 2, 0.04);
            border-radius: 0.05333333rem;
            border: 0.02666667rem solid #e5e5e5;
            display: flex;
            align-content: flex-start;
            flex-wrap: wrap;
        }

            .special_guest .swiper-container .swiper-wrapper .swiper-slide .head {
                width: 1.46666667rem;
                height: 1.46666667rem;
                border-radius: 50%;
                margin: 0.42666667rem auto 0;
            }

            .special_guest .swiper-container .swiper-wrapper .swiper-slide .box_name {
                margin: 0.16rem auto 0;
                width: 100%;
                display: flex;
                justify-content: center;
                align-content: center;
                align-items: center;
            }

                .special_guest .swiper-container .swiper-wrapper .swiper-slide .box_name .name {
                    font-size: 0.37333333rem;
                    font-size: 0.37333333;
                    color: #333333;
                    overflow: hidden;
                    /*瓒呭嚭閮ㄥ垎闅愯棌*/
                    text-overflow: ellipsis;
                    /* 瓒呭嚭閮ㄥ垎鏄剧ず鐪佺暐鍙� */
                    white-space: nowrap;
                    /*瑙勫畾娈佃惤涓殑鏂囨湰涓嶈繘琛屾崲琛� */
                    max-width: 1.65333333rem;
                    /*闇€瑕侀厤鍚堝搴︽潵浣跨敤*/
                    text-align: left;
                    margin: 0rem 0rem 0rem 0.32rem;
                }

                .special_guest .swiper-container .swiper-wrapper .swiper-slide .box_name .icon {
                    width: 0.32rem;
                    height: 0.32rem;
                    margin: 0rem 0rem 0rem 0.05333333rem;
                }

            .special_guest .swiper-container .swiper-wrapper .swiper-slide .job {
                margin: 0.13333333rem auto 0;
                line-height: 0.48rem;
                font-size: 0.29333333rem;
                font-size: 0.29333333;
                color: #999999;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                /*width: 2.02666667rem;*/
                width: 3.02666667rem; /* edit by linwb 201910211647 */
                text-align: left;
                text-align: center;
            }

            .special_guest .swiper-container .swiper-wrapper .swiper-slide:first-child {
                margin-left: 0.4rem;
            }

            .special_guest .swiper-container .swiper-wrapper .swiper-slide:last-child {
                margin-right: 0.66666667rem;
            }

.view {
    position: relative;
    background-color: #ffffff;
}

    .view .top_tab {
        width: 100%;
        max-width: 10rem;
        background-color: #ffffff;
        z-index: 1000;
        display: flex;
        justify-content: space-between;
        border-bottom: 0.02666667rem solid #efefef;
    }

        .view .top_tab .left {
            height: 1.17333333rem;
        }

            .view .top_tab .left .tab {
                height: 1.17333333rem;
                display: flex;
                justify-content: flex-start;
                font-size: 0.4rem;
                font-size: 0.4;
                color: #2e2e2e;
            }

                .view .top_tab .left .tab li {
                    padding: 0rem 0.4rem 0rem 0.4rem;
                    height: 1.17333333rem;
                    line-height: 1.17333333rem;
                }

                .view .top_tab .left .tab .active {
                    font-weight: bold;
                    position: relative;
                }

                    .view .top_tab .left .tab .active::after {
                        content: '';
                        bottom: 0rem;
                        left: 20%;
                        width: 50%;
                        height: 0.08rem;
                        position: absolute;
                        background-color: #000000;
                        border-radius: 0.02666667rem;
                    }

        .view .top_tab .right {
            height: 1.17333333rem;
            margin: 0rem 0.42666667rem 0rem 0rem;
            display: flex;
            justify-content: flex-start;
            align-content: center;
            align-items: center;
        }

            .view .top_tab .right .txt_sort {
                font-size: 0.4rem;
                font-size: 0.4;
                color: #333333;
                margin: 0rem 0.16rem 0rem 0rem;
            }

            .view .top_tab .right .icon_down {
                width: 0.34666667rem;
                height: 0.18666667rem;
            }

        .view .top_tab .menu {
            top: 0.85333333rem;
            right: 0.26666667rem;
            position: absolute;
            z-index: 2000;
            display: none;
        }

            .view .top_tab .menu #triangle-up {
                width: 0.8rem;
                height: 0.45333333rem;
                margin-left: 2.26666667rem;
                margin-bottom: -0.26666667rem;
            }

            .view .top_tab .menu ul {
                display: block;
                box-shadow: 0px 0.05333333rem 0.29333333rem 0px rgba(7, 0, 2, 0.4);
                border-radius: 0.16rem;
                overflow: hidden;
            }

                .view .top_tab .menu ul li {
                    width: 3.2rem;
                    height: 0.90666667rem;
                    font-size: 0.37333333;
                    color: #333333;
                    background: #ffffff;
                    font-size: 0.37333333rem;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-bottom: 0.05333333rem solid #fafafa;
                }

    .view .scroll_active {
        position: fixed;
        top: 0;
        /*left: 0;*/
        z-index: 10000;
    }

    .view .bottom_tab #itemView {
        border-bottom: 0.26666667rem solid #f7f7f7;
    }

        .view .bottom_tab #itemView .msg {
            width: 9.2rem;
            height: 1.06666667rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: nowrap;
            margin: 0.74666667rem auto 0.53333333rem;
        }

            .view .bottom_tab #itemView .msg .person {
                width: 7.6rem;
                display: flex;
                justify-content: flex-start;
                align-items: center;
                height: 1.06666667rem;
                flex-wrap: wrap;
            }

                .view .bottom_tab #itemView .msg .person .head {
                    width: 1.06666667rem;
                    height: 1.06666667rem;
                    border-radius: 50%;
                }

                .view .bottom_tab #itemView .msg .person .box_name {
                    width: 75%;
                    margin: 0rem 0rem 0rem 0.18666667rem;
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                    flex-wrap: wrap;
                }

                    .view .bottom_tab #itemView .msg .person .box_name .name {
                        font-size: 0.4rem;
                        font-size: 0.4;
                        color: #333333;
                        font-weight: bold;
                        overflow: hidden;
                        /*瓒呭嚭閮ㄥ垎闅愯棌*/
                        text-overflow: ellipsis;
                        /* 瓒呭嚭閮ㄥ垎鏄剧ず鐪佺暐鍙� */
                        white-space: nowrap;
                        /*瑙勫畾娈佃惤涓殑鏂囨湰涓嶈繘琛屾崲琛� */
                        max-width: 2.66666667rem;
                        /*闇€瑕侀厤鍚堝搴︽潵浣跨敤*/
                        text-align: left;
                    }

                    .view .bottom_tab #itemView .msg .person .box_name .icon1 {
                        width: 0.32rem;
                        height: 0.32rem;
                        border-radius: 50%;
                        margin: 0rem 0rem 0rem 0.10666667rem;
                    }

                    .view .bottom_tab #itemView .msg .person .box_name .time {
                        font-size: 0.32rem;
                        font-size: 0.32;
                        color: #999999;
                        margin: 0rem 0rem 0rem 0.10666667rem;
                    }

                .view .bottom_tab #itemView .msg .person .job {
                    font-size: 0.32rem;
                    font-size: 0.32;
                    color: #999999;
                    overflow: hidden;
                    /*瓒呭嚭閮ㄥ垎闅愯棌*/
                    text-overflow: ellipsis;
                    /* 瓒呭嚭閮ㄥ垎鏄剧ず鐪佺暐鍙� */
                    white-space: nowrap;
                    /*瑙勫畾娈佃惤涓殑鏂囨湰涓嶈繘琛屾崲琛� */
                    max-width: 5.6rem;
                    /*闇€瑕侀厤鍚堝搴︽潵浣跨敤*/
                    text-align: left;
                    min-width: 5.6rem;
                }

            .view .bottom_tab #itemView .msg .attention {
                width: 1.4rem;
                height: 0.66666667rem;
                font-size: 0.34666667rem;
                font-size: 0.34666667;
                color: #ffffff;
                background: #87b234;
                border-radius: 0.10666667rem;
                display: flex !important;
                justify-content: center;
                align-items: center;
            }

                .view .bottom_tab #itemView .msg .attention .add {
                    width: 0.21333333rem;
                    height: 0.21333333rem;
                }

            .view .bottom_tab #itemView .msg .already_attention {
                width: 1.4rem;
                height: 0.66666667rem;
                font-size: 0.34666667rem;
                font-size: 0.34666667;
                color: #a8a8a8;
                background: #ffffff;
                border: 0.02666667rem solid #a9a9a9;
                border-radius: 0.10666667rem;
                display: flex;
                justify-content: center;
                align-items: center;
                font-weight: 500;
            }

            .view .bottom_tab #itemView .msg .delete {
                width: 1.4rem;
                height: 0.66666667rem;
                font-size: 0.34666667rem;
                font-size: 0.34666667;
                color: #a8a8a8;
                background: #ffffff;
                border-radius: 0.10666667rem;
                display: flex;
                justify-content: center;
                align-items: center;
                font-weight: 500;
            }

                .view .bottom_tab #itemView .msg .delete .icon_delete {
                    width: 0.32rem;
                    height: 0.32rem;
                    margin: 0.05333333rem 0rem 0rem 0rem;
                }

            .view .bottom_tab #itemView .msg .already_attention .add {
                display: none;
            }

        .view .bottom_tab #itemView .article {
            width: 9.04rem;
            margin: auto;
            text-align: left;
            line-height: 0.66666667rem;
        }

            .view .bottom_tab #itemView .article .txt1 {
                padding: 0.01333333rem 0.08rem 0.01333333rem 0.08rem;
                font-size: 0.32rem;
                font-size: 0.32;
                color: #FE3055;
                font-weight: bold;
                background: #ffffff;
                border: 0.02666667rem solid #fe3055;
                border-radius: 0.10666667rem;
                display: inline;
            }

            .view .bottom_tab #itemView .article .txt1_no {
                padding: 0.01333333rem 0.08rem 0.01333333rem 0.08rem;
                font-size: 0.32rem;
                font-size: 0.32;
                color: #136ec2;
                font-weight: bold;
                background: #ffffff;
                border: 0.02666667rem solid #136ec2;
                border-radius: 0.10666667rem;
                display: inline;
            }

            .view .bottom_tab #itemView .article .txt1_right {
                padding: 0.02666667rem 0.08rem 0.02666667rem 0.08rem;
                font-size: 0.32rem;
                font-size: 0.32;
                color: #2D8FE8;
                font-weight: bold;
                background: #ffffff;
                border: 0.02666667rem solid #2D8FE8;
                border-radius: 0.10666667rem;
                display: inline;
            }

            .view .bottom_tab #itemView .article #content {
                line-height: 0.69333333rem;
                font-size: 0.42666667rem;
                color: #333333;
                margin-left: 0.2rem;
                word-break: break-all;
            }

            .view .bottom_tab #itemView .article a {
                text-decoration: none;
                font-size: 0.42666667rem;
                font-size: 0.42666667;
                color: #136EC2;
            }

            .view .bottom_tab #itemView .article .article_img {
                display: flex;
                justify-content: flex-start;
                flex-wrap: wrap;
            }

                .view .bottom_tab #itemView .article .article_img img {
                    width: 2.58666667rem;
                    height: 2.58666667rem;
                    margin-right: 0.26666667rem;
                    margin-top: 0.26666667rem;
                }

                    .view .bottom_tab #itemView .article .article_img img:nth-child(n + 4) {
                        margin-top: 0.26666667rem;
                    }

            .view .bottom_tab #itemView .article .box_voice {
                /*display: flex;*/
                justify-content: flex-start;
                flex-wrap: nowrap;
                align-items: center;
                align-content: center;
                margin: 0.53333333rem 0 0 0;
                /*height: 48px;*/
            }

                .view .bottom_tab #itemView .article .box_voice .voice {
                    height: 48px;
                    background: #ffffff;
                    border: 1px solid #e5e5e5;
                    box-shadow: 0px 2px 11px 0px rgba(7, 0, 2, 0.04);
                    border-radius: 24px;
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: nowrap;
                    align-items: center;
                }

                    .view .bottom_tab #itemView .article .box_voice .voice .box_line {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        width: 0.37333333rem;
                        height: 1.28rem;
                        margin: 0rem 0rem 0rem 0.64rem;
                    }

                    .view .bottom_tab #itemView .article .box_voice .voice .line {
                        background: #2f2d31;
                    }

                    .view .bottom_tab #itemView .article .box_voice .voice .line1 {
                        width: 0.02666667rem;
                        height: 0.24rem;
                    }

                    .view .bottom_tab #itemView .article .box_voice .voice .line2 {
                        width: 0.02666667rem;
                        height: 0.34666667rem;
                    }

                    .view .bottom_tab #itemView .article .box_voice .voice .line3 {
                        width: 0.02666667rem;
                        height: 0.45333333rem;
                    }

                    .view .bottom_tab #itemView .article .box_voice .voice .time {
                        margin: 0rem 0.56rem 0rem 0rem;
                    }

                .view .bottom_tab #itemView .article .box_voice .red_dotted {
                    width: 0.18666667rem;
                    height: 0.18666667rem;
                    border-radius: 50%;
                    margin: 0rem 0rem 0rem 0.18666667rem;
                    background-color: #F1585D;
                }

    .view .comments {
        width: 9.04rem;
        margin: 0.8rem auto 0.53333333rem;
        display: flex;
        justify-content: flex-start;
        flex-wrap: nowrap;
        align-content: center;
        align-items: center;
    }

        .view .comments #icon {
            display: flex;
            justify-content: flex-start;
            align-content: center;
            align-items: center;
        }

            .view .comments #icon img {
                width: 0.4rem;
                height: 0.42666667rem;
            }

            .view .comments #icon span {
                font-size: 0.32rem;
                font-size: 0.32;
                color: #999999;
                margin-left: 0.08rem;
                width: 1.4rem;
            }

            .view .comments #icon .img_active {
                display: none;
            }

            .view .comments #icon .img_noactice {
                display: block;
            }

            .view .comments #icon.active .txt01 {
                color: #87B234;
            }

            .view .comments #icon.active .img_active {
                display: block;
            }

            .view .comments #icon.active .img_noactice {
                display: none;
            }

        .view .comments .icon2 {
            /*margin-left: 0.74666667rem;*/
        }

        .view .comments .icon3 {
            margin-left: 3.36666667rem;
        }

        .view .comments .icon4 {
            /*margin-left: 0.66666667rem;*/
        }

.box_write {
    bottom: 0.58666667rem;
    position: fixed;
    width: 100%;
    max-width: 10rem;
    z-index: 1000;
}

    .box_write .write {
        width: 3.06666667rem;
        height: 1.06666667rem;
        background: #88b334;
        border: 0.02666667rem solid #87b234;
        box-shadow: 0px 0.05333333rem 0.29333333rem 0rem rgba(135, 178, 52, 0.34);
        border-radius: 0.53333333rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
    }

        .box_write .write img {
            width: 0.34666667rem;
            height: 0.34666667rem;
        }

        .box_write .write span {
            font-size: 0.42666667rem;
            font-size: 0.42666667;
            color: #ffffff;
            margin: 0rem 0rem 0rem 0.18666667rem;
        }

.box_top {
    position: fixed;
    bottom: 2.02666667rem;
    right: 0.34666667rem;
    width: 1.49333333rem;
    height: 1.49333333rem;
    border-radius: 50%;
    z-index: 1000;
}

#popup {
    width: 10rem;
    height: 8.21333333rem;
    bottom: 0rem;
    left: 0rem;
    display: none;
    position: fixed;
    z-index: 2001;
    background: #ffffff;
    border-radius: 0.13333333rem 0.13333333rem 0 0;
}

    #popup #close_popup {
        width: 0.4rem;
        height: 0.4rem;
        position: absolute;
        top: 0.42666667rem;
        right: 0.42666667rem;
    }

        #popup #close_popup img {
            width: 0.4rem;
            height: 0.4rem;
        }

    #popup #title_popup {
        font-size: 0.53333333rem;
        font-size: 0.53333333;
        color: #000000;
        width: 8.34666667rem;
        margin: 1.28rem 0rem 0rem 0rem;
        display: inline-block;
        text-align: left;
        font-weight: bold;
    }

    #popup .box_vote {
        margin: 1.49333333rem 0rem 0rem 0rem;
    }

#success_relese {
    width: 6.93333333rem;
    height: 7.2rem;
    background: #ffffff;
    border-radius: 0.26666667rem;
    position: fixed;
    z-index: 2001;
    display: flex;
    justify-content: center;
    text-align: center;
    align-content: flex-start;
    flex-wrap: wrap;
    display: none;
    top: 3.65333333rem;
    left: 1.52rem;
}

    #success_relese .box_icon {
        margin: 0.8rem auto 0;
        width: 1.22666667rem;
        height: 1.22666667rem;
        border-radius: 50%;
        background: #88b334;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        #success_relese .box_icon img {
            width: 0.61333333rem;
            height: 0.42666667rem;
        }

    #success_relese .txt01 {
        font-size: 0.45333333rem;
        font-size: 0.45333333;
        color: #666666;
        width: 100%;
        text-align: center;
        margin: 0.26666667rem auto 0;
        display: block;
    }

    #success_relese .txt02 {
        font-size: 0.32rem;
        font-size: 0.32;
        color: #999999;
        width: 5.70666667rem;
        text-align: center;
        margin: 0.72rem auto 0;
        display: block;
    }

    #success_relese .box_button {
        width: 3.30666667rem;
        height: 0.98666667rem;
        background: #88b334;
        border-radius: 0.50666667rem;
        line-height: 0.98666667rem;
        font-size: 0.4rem;
        font-size: 0.4;
        color: #ffffff;
        margin: 0.85333333rem auto 0;
        display: block;
    }

    #success_relese .close {
        width: 0.8rem;
        height: 0.8rem;
        border-radius: 50%;
        border: 0.02666667rem solid #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 0.8rem;
        margin: 1.44rem auto 0;
        display: inline-block;
    }

        #success_relese .close img {
            width: 0.32rem;
        }

#share {
    width: 7.49333333rem;
    top: 0.53333333rem;
    right: 0.8rem;
    position: fixed;
    z-index: 3000;
    display: none;
}

footer {
    font-size: 0.37333333rem;
    font-size: 0.37333333;
    color: #999999;
    padding: 0.54rem 0rem 1.58rem 0rem;
}

.hidden {
    display: none;
}

.more {
    line-height: 50px;
    font-size: 0.37333333rem;
    color: #999999;
}

.view .more img {
    margin-right: 0.1rem;
    height: 0.5rem;
}

.view .more span {
    position: relative;
    top: -0.09rem;
    height: 0.5rem;
}

.div-showmore {
    line-height: 1.2rem;
    font-size: 0.35rem;
    text-decoration: underline;
    color: #88b334;
}