* {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif, "宋体";
}

html {
    background-color: #f6f6f6;
}

input:focus,
textarea:focus {
    outline: none;
}

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

    a:hover {
        text-decoration: none;
    }

    a:active {
        background-color: none;
    }

li {
    list-style: none;
}

.location {
    position: absolute;
}

body {
    max-width: 10rem;
    margin: auto;
    overflow-x: hidden;
}

.slideJump {
    background-color: #ffffff;
}

.container {
    position: relative;
    background-color: #FBFAFA;
    min-height: 100vh;
    max-width: 10rem;
}

.ContentHeight {
    height: 100vh !important;
    overflow: hidden;
}

.box_header {
    width: 10rem;
    height: 1.30666667rem;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

header {
    width: 10rem;
    height: 1.30666667rem;
    border-bottom: 0.02666667rem solid #E5E5E5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 30000;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 10000;
    background-color: #ffffff;
}

    header .left {
        margin: 0rem 0rem 0rem 0.42666667rem;
    }

        header .left .menu {
            width: 0.50666667rem;
            height: 0.45333333rem;
        }

        header .left .close {
            width: 0.42666667rem;
            height: 0.42666667rem;
            display: none;
        }

    header .center {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        header .center img {
            width: 2.24rem;
            height: 0.61333333rem;
        }

        header .center .circle {
            width: 0.05333333rem;
            height: 0.05333333rem;
            border-radius: 50%;
            background: #727171;
            margin: 0rem 0rem 0rem 0.21333333rem;
        }

        header .center span {
            font-size: 0.4266666rem;
            color: #727171;
        }

        header .center a {
            font-size: 0.4266666rem;
            color: #727171;
        }

        header .center a {
            font-size: 0.45333333rem;
            color: #727171;
            margin: 0rem 0rem 0rem 0.21333333rem;
        }

    header .right {
        margin: 0rem 0.4rem 0rem 0rem;
    }

        header .right img {
            width: 0.58666667rem;
            height: 0.58666667rem;
        }

.all_cover {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    background-color: #000000;
    opacity: 0.4;
    display: none;
}

.menu_list_box {
    -webkit-animation-name: layui-m-anim-down;
    animation-name: layui-m-anim-down;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    width: 10rem;
    height: 5.97333333rem;
    background-color: #fafafa;
    position: absolute;
    z-index: 50000;
    display: none;
    left: 0rem;
}

    .menu_list_box .menu_list {
        width: 100%;
    }

        .menu_list_box .menu_list li {
            width: 32.8%;
            float: left;
            text-align: center;
            height: 1.33333333rem;
            line-height: 1.33333333rem;
            border: 0.02666667rem solid #eae7e7;
            background-color: #ffffff;
        }

            .menu_list_box .menu_list li a {
                font-size: 0.53333333rem;
                color: #000000;
                text-decoration: none;
            }

                .menu_list_box .menu_list li a:active {
                    color: #ffffff;
                }

            .menu_list_box .menu_list li:active {
                background-color: #68b92e;
            }

            .menu_list_box .menu_list li.on {
                background-color: #68b92e;
            }

                .menu_list_box .menu_list li.on a {
                    color: #ffffff;
                }

@keyframes layui-m-anim-down {
    0% {
        opacity: 0;
        top: 0rem;
    }

    100% {
        opacity: 1;
        top: 1.49333333rem;
    }
}

@-webkit-keyframes layui-m-anim-down {
    0% {
        opacity: 0;
        top: 0rem;
    }

    100% {
        opacity: 1;
        top: 1.49333333rem;
    }
}

.box_navbar {
    width: 10rem;
    height: 1.06666667rem;
    overflow-y: hidden;
    display: flex;
    position: relative;
    background: #ffffff;
    box-shadow: 0px 0.02666667rem 0.37333333rem 0px rgba(0, 0, 0, 0.06);
}

    .box_navbar .navbar {
        width: 10rem;
        height: 1.06666667rem;
        background: #ffffff;
        box-shadow: 0px 0.02666667rem 0.37333333rem 0px rgba(0, 0, 0, 0.06);
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        align-content: center;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-box;
        display: box;
        padding-bottom: 0.53333333rem;
    }

        .box_navbar .navbar li {
            font-size: 0.37333333rem;
            color: #9097A8;
            text-align: center;
            line-height: 0.96rem;
            min-width: 1.46666667rem;
            padding: 0rem 0.45333333rem 0rem 0.45333333rem;
        }

            .box_navbar .navbar li.active {
                color: #000000;
            }

        .box_navbar .navbar .activeline_box {
            left: 0;
            position: absolute;
            top: 0.8rem;
            height: 0.08rem;
            text-align: center;
            min-width: 1.33333333rem;
        }

            .box_navbar .navbar .activeline_box .activeline {
                width: 0.53333333rem;
                height: 0.08rem;
                background: #000000;
                border-radius: 0.10666667rem;
                margin: auto;
            }

.content_menu {
    width: 9.2rem;
    margin: auto;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
}

    .content_menu .box_menu {
        width: 8.66666667rem;
        height: 1.6rem !important;
        overflow-y: hidden;
        display: flex;
        position: relative;
    }

    .content_menu .menu {
        width: 8.66666667rem;
        height: 1.6rem;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        align-content: center;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-box;
        display: box;
        padding-top: 0.4rem;
        padding-bottom: 4.8rem;
    }

        .content_menu .menu li {
            background: #fbfafa;
            border: 0.02666667rem solid #e8e8e8;
            border-radius: 0.37333333rem;
            font-size: 0.32rem;
            color: #666666;
            padding: 0rem 0.34666667rem 0rem 0.34666667rem;
            height: 0.74666667rem;
            line-height: 0.74666667rem;
            margin: 0rem 0.21333333rem 0rem 0rem;
        }

            .content_menu .menu li.active {
                border: 0.02666667rem solid #85b12e;
                font-size: 0.32rem;
                color: #85B12E;
            }

    .content_menu .btn_to_menu {
        width: 1.33333333rem;
        height: 1.6rem;
        text-align: center;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
    }

        .content_menu .btn_to_menu .img_menu {
            width: 0.42666667rem;
            height: 0.37333333rem;
            margin: auto;
        }

.box_choose {
    width: 10rem;
    height: 1.06666667rem;
    background-color: #FFFFFF;
    display: flex;
    justify-content: space-between;
}

    .box_choose .navbar {
        width: 10rem;
        height: 1.06666667rem;
        display: flex;
        justify-content: space-around;
    }

        .box_choose .navbar li {
            display: flex;
            align-content: center;
            align-items: center;
        }

            .box_choose .navbar li a {
                display: flex;
                align-content: center;
                align-items: center;
                font-size: 0.37333333rem;
                color: #333333;
            }

                .box_choose .navbar li a img {
                    width: 0.24rem;
                    height: 0.13333333rem;
                    margin: 0rem 0rem 0rem 0.10666667rem;
                }

.result_choose {
    margin: 0.45333333rem 0rem 0rem 0.4rem;
    overflow-y: hidden;
    height: 0.8rem;
}

    .result_choose ul {
        display: flex;
        justify-content: flex-start;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-box;
        display: box;
        padding-bottom: 1.33333333rem;
    }

        .result_choose ul .box_li {
            padding: 0rem 0.21333333rem 0rem 0rem;
        }

            .result_choose ul .box_li:last-child {
                padding: 0rem 0.4rem 0rem 0rem;
            }

        .result_choose ul li {
            height: 0.66666667rem;
            background: #ffffff;
            border: 0.02666667rem solid #eeeeee;
            border-radius: 0.05333333rem;
            padding: 0rem 0.26666667rem 0rem 0.26666667rem;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: nowrap;
        }

            .result_choose ul li span {
                font-size: 0.34666667rem;
                color: #333333;
            }

            .result_choose ul li img {
                width: 0.24rem;
                height: 0.24rem;
                margin: 0rem 0rem 0rem 0.13333333rem;
            }

.loading {
    width: 10rem;
    height: 2.66666667rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

    .loading img {
        text-align: center;
        /* margin: auto; */
        width: 0.74666667rem;
        height: 0.74666667rem;
    }

    .loading span {
        font-size: 0.32rem;
        color: #999999;
        text-align: center;
        width: 100%;
    }

.header-swiper {
    margin: 0rem auto 0;
}

    .header-swiper .swiper {
        width: 10rem;
        height: 5.33333333rem;
        overflow: hidden;
        margin: auto;
    }

        .header-swiper .swiper .swiper-container .swiper-wrapper .swiper-slide img {
            width: 10rem;
            height: 5.33333333rem;
        }

.product_card {
    background: #ffffff;
    width: 10rem;
    border-top: 0.26666667rem solid #F4F4F4;
}

    .product_card .cradDetail {
        margin: 0.66666667rem auto 0;
        width: 9.46666667rem;
        height: 4.88rem;
        background: #ffffff;
        border: 0.02666667rem solid #f0f0f0;
        box-shadow: 0px 0.08rem 0.34666667rem 0px rgba(0, 0, 0, 0.05);
        border-radius: 0.21333333rem;
    }

        .product_card .cradDetail .conpany-title {
            margin: 0.53333333rem 0rem 0rem 0.53333333rem;
            text-align: left;
            display: flex;
            align-items: center;
            justify-content: flex-start;
        }

            .product_card .cradDetail .conpany-title span {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                max-width: 7.46666667rem;
                text-align: left;
                font-size: 0.48rem;
                color: #484848;
                font-weight: bold;
                display: inline-block;
            }

            .product_card .cradDetail .conpany-title .title-icon {
                width: 0.4rem;
                height: 0.4rem;
            }

        .product_card .cradDetail .address {
            margin: 0.26666667rem 0rem 0rem 0.53333333rem;
            display: flex;
            align-items: center;
            justify-content: flex-start;
        }

            .product_card .cradDetail .address img {
                width: 0.26666667rem;
                height: 0.32rem;
                margin: 0rem 0.18666667rem 0rem 0rem;
            }

            .product_card .cradDetail .address span {
                font-size: 0.32rem;
                color: #666666;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                max-width: 7.46666667rem;
                text-align: left;
            }

        .product_card .cradDetail .box_logo {
            margin: 0.26666667rem 0rem 0rem 0.53333333rem;
            width: 7.46666667rem;
            height: 0.58666667rem;
            overflow: hidden;
        }

            .product_card .cradDetail .box_logo .item_logo {
                margin: 0rem 0.21333333rem 0rem 0rem;
                font-size: 0.32rem;
                color: #999999;
                padding: 0rem 0.18666667rem 0rem 0.13333333rem;
                height: 0.58666667rem;
                background: #f6f6f6;
                border-radius: 0.05333333rem;
                display: inline-block;
                line-height: 0.58666667rem;
            }

        .product_card .cradDetail .box_bottom {
            width: 8.4rem;
            height: 1.41333333rem;
            border-top: 0.02666667rem solid #E2E2E2;
            display: flex;
            justify-content: space-between;
            align-items: center;
            align-content: center;
            margin: 0.45333333rem 0rem 0rem 0.53333333rem;
        }

            .product_card .cradDetail .box_bottom .left {
                display: flex;
                justify-content: flex-end;
                flex-wrap: nowrap;
            }

                .product_card .cradDetail .box_bottom .left span {
                    font-size: 0.32rem;
                    color: #666666;
                    margin: 0rem 0.13333333rem 0rem 0rem;
                }

                .product_card .cradDetail .box_bottom .left .box_head {
                    position: relative;
                    width: 1.68rem;
                    height: 0.53333333rem;
                }

                    .product_card .cradDetail .box_bottom .left .box_head img:first-child {
                        margin: 0rem 0rem 0rem 0rem;
                        z-index: 100;
                        left: 0;
                    }

                    .product_card .cradDetail .box_bottom .left .box_head img {
                        position: absolute;
                        top: 0;
                        width: 0.53333333rem;
                        height: 0.53333333rem;
                        border-radius: 50%;
                        margin: 0rem 0rem 0rem -0.26666667rem;
                        border: 0.02666667rem solid #ffffff;
                    }

                        .product_card .cradDetail .box_bottom .left .box_head img:nth-child(2) {
                            left: 0.66666667rem;
                            z-index: 90;
                        }

                        .product_card .cradDetail .box_bottom .left .box_head img:nth-child(3) {
                            left: 1.06666667rem;
                            z-index: 80;
                        }

                        .product_card .cradDetail .box_bottom .left .box_head img:nth-child(4) {
                            left: 1.46666667rem;
                            z-index: 70;
                        }

                        .product_card .cradDetail .box_bottom .left .box_head img:nth-child(5) {
                            left: 1.86666667rem;
                            z-index: 60;
                        }

                        .product_card .cradDetail .box_bottom .left .box_head img:nth-child(n+6) {
                            display: none;
                        }

            .product_card .cradDetail .box_bottom .right .connect {
                width: 1.6rem;
                height: 0.8rem;
                font-size: 0.34666667rem;
                color: #ffffff;
                background: #8fc320;
                border: 0.02666667rem solid #8fc320;
                border-radius: 0.08rem;
                text-align: center;
                line-height: 0.8rem;
            }

.header-swiper {
    margin: 0rem auto 0;
}

    .header-swiper .box_video {
        width: 10rem;
        height: 5.33333333rem;
        border: 1px solid red;
    }

.box_detail {
    width: 10rem;
    overflow-y: hidden;
    position: relative;
    background: #ffffff;
}

    .box_detail .detail .title {
        font-size: 0.42666667rem;
        color: #000000;
        font-weight: bold;
        margin: 0.26666667rem 0rem 0rem 0.42666667rem;
    }

    .box_detail .detail .content {
        margin: 0.21333333rem 0rem 0rem 0.4rem;
        width: 9.06666667rem;
    }

        .box_detail .detail .content #content_detail {
            white-space: normal;
        }

            .box_detail .detail .content #content_detail .contentTxt {
                font-size: 0.32rem;
                color: #666666;
                white-space: pre-wrap;
            }

        .box_detail .detail .content .openAll {
            font-size: 0.32rem;
            color: #576B95;
        }

        .box_detail .detail .content .openHalf {
            font-size: 0.32rem;
            color: #576B95;
        }

    .box_detail .detail .bottom {
        display: flex;
        width: 9.14666667rem;
        margin: 0.4rem auto 0.26666667rem;
        justify-content: space-between;
    }

        .box_detail .detail .bottom .left {
            font-size: 0.32rem;
            color: #999999;
        }

        .box_detail .detail .bottom .right img {
            width: 0.29333333rem;
            height: 0.24rem;
            margin: 0rem 0.10666667rem 0rem 0rem;
        }

        .box_detail .detail .bottom .right span {
            font-size: 0.32rem;
            color: #999999;
        }

.ft-cover {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    background: #000000;
    opacity: 0.7;
    top: 0;
    left: 0;
    z-index: 1000000;
}

.ft-alert-type01 {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000;
    text-align: center;
}

    .ft-alert-type01 .ft-cover-box {
        width: 6.93333333rem;
        height: 7.33333333rem;
        background: #ffffff;
        border-radius: 0.26666667rem;
        margin: 3.12rem auto 0;
        text-align: center;
    }

        .ft-alert-type01 .ft-cover-box .box_code {
            display: inline-block;
            margin: 0.85333333rem auto 0;
        }

            .ft-alert-type01 .ft-cover-box .box_code .code {
                width: 4.93333333rem;
                height: 4.93333333rem;
            }

            .ft-alert-type01 .ft-cover-box .box_code span {
                display: inline-block;
                margin: 0.50666667rem auto 0;
                width: 4.93333333rem;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                max-width: 7.73333333rem;
                text-align: left;
            }

    .ft-alert-type01 .ft-cover-close {
        width: 0.8rem;
        height: 0.8rem;
        margin: 0.85333333rem auto 0;
    }

.NewsList .bottom li .box_news_type01_a {
    width: 9.2rem;
    height: 2.93333333rem;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-content: center;
    border-bottom: 0.02666667rem solid #EEEEEE;
}

    .NewsList .bottom li .box_news_type01_a .box_news_type01 {
        margin: 0.4rem auto 0;
        display: flex;
        justify-content: space-between;
        align-content: center;
        width: 9.2rem;
        height: 2.13333333rem;
    }

        .NewsList .bottom li .box_news_type01_a .box_news_type01 .left {
            display: flex;
            flex-wrap: wrap;
            align-content: space-between;
            width: 5.65333333rem;
            height: 2.13333333rem;
        }

            .NewsList .bottom li .box_news_type01_a .box_news_type01 .left .title {
                font-size: 0.42666667rem;
                color: #1F1F20;
                font-weight: 500;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                width: 5.65333333rem;
                text-align: left;
            }

            .NewsList .bottom li .box_news_type01_a .box_news_type01 .left .box_txt {
                width: 9.2rem;
                display: flex;
                justify-content: space-between;
            }

                .NewsList .bottom li .box_news_type01_a .box_news_type01 .left .box_txt .txt {
                    width: 2.13333333rem;
                    display: flex;
                    flex-wrap: nowrap;
                    align-items: center;
                }

                    .NewsList .bottom li .box_news_type01_a .box_news_type01 .left .box_txt .txt .circle {
                        background-color: #CCCCCC;
                        width: 0.13333333rem;
                        height: 0.13333333rem;
                        border-radius: 50%;
                        margin: 0rem 0.16rem 0rem 0rem;
                    }

                    .NewsList .bottom li .box_news_type01_a .box_news_type01 .left .box_txt .txt .txt01 {
                        font-size: 0.29333333rem;
                        color: #999999;
                    }

                .NewsList .bottom li .box_news_type01_a .box_news_type01 .left .box_txt .count img {
                    width: 0.29333333rem;
                    height: 0.24rem;
                    margin-right: 0.1rem;
                }

                .NewsList .bottom li .box_news_type01_a .box_news_type01 .left .box_txt .count span {
                    font-size: 0.29333333rem;
                    color: #999999;
                }

        .NewsList .bottom li .box_news_type01_a .box_news_type01 .right img {
            width: 3.2rem;
            height: 2.13333333rem;
            border-radius: 0.13333333rem;
        }

.NewsList .bottom li .box_news_type02_a {
    width: 9.2rem;
    height: 4.48rem;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-content: center;
    border-bottom: 0.02666667rem solid #EEEEEE;
}

    .NewsList .bottom li .box_news_type02_a .box_news_type02 {
        margin: 0.58666667rem auto 0;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        width: 9.2rem;
        height: 2.13333333rem;
    }

        .NewsList .bottom li .box_news_type02_a .box_news_type02 .title {
            width: 8.93333333rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 8.93333333rem;
            text-align: left;
            height: 0.42666667rem;
            line-height: 0.42666667rem;
            font-weight: 500;
            color: #333333;
        }

        .NewsList .bottom li .box_news_type02_a .box_news_type02 .center-img {
            margin: 0.42666667rem auto 0;
            width: 100%;
            display: flex;
            justify-content: space-between;
        }

            .NewsList .bottom li .box_news_type02_a .box_news_type02 .center-img img {
                width: 2.98666667rem;
                height: 2rem;
                border-radius: 0.13333333rem;
            }

        .NewsList .bottom li .box_news_type02_a .box_news_type02 .bottom_txt {
            margin: 0.26666667rem auto 0;
            width: 9.2rem;
            display: flex;
            justify-content: space-between;
        }

            .NewsList .bottom li .box_news_type02_a .box_news_type02 .bottom_txt .txt {
                width: 2.13333333rem;
                display: flex;
                flex-wrap: nowrap;
                align-items: center;
            }

                .NewsList .bottom li .box_news_type02_a .box_news_type02 .bottom_txt .txt .circle {
                    background-color: #CCCCCC;
                    width: 0.13333333rem;
                    height: 0.13333333rem;
                    border-radius: 50%;
                    margin: 0rem 0.16rem 0rem 0rem;
                }

                .NewsList .bottom li .box_news_type02_a .box_news_type02 .bottom_txt .txt .txt01 {
                    font-size: 0.29333333rem;
                    color: #999999;
                }

            .NewsList .bottom li .box_news_type02_a .box_news_type02 .bottom_txt .count img {
                width: 0.29333333rem;
                height: 0.24rem;
            }

            .NewsList .bottom li .box_news_type02_a .box_news_type02 .bottom_txt .count span {
                font-size: 0.29333333rem;
                color: #999999;
            }

.RelevanList {
    padding: 0.77333333rem 0rem 0rem 0rem;
}

    .RelevanList .top {
        width: 9.2rem;
        height: 0.48rem;
        margin: auto;
        display: flex;
        justify-content: space-between;
        align-content: center;
        align-items: center;
    }

        .RelevanList .top .title {
            font-size: 0.48rem;
            color: #333333;
            font-weight: bold;
        }

        .RelevanList .top .box_more .more {
            font-size: 0.37333333rem;
            color: #999999;
        }

    .RelevanList .bottom {
        width: 9.46666667rem;
        margin: 0.45333333rem auto 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

        .RelevanList .bottom li {
            width: 4.61333333rem;
            height: 4.64rem;
            display: inline-block;
            background: #ffffff;
            text-align: center;
            line-height: 0.93333333rem;
            margin: 0rem 0.24rem 0.34666667rem 0rem;
            font-size: 0.34666667rem;
            color: #333333;
        }

            .RelevanList .bottom li .box_video {
                width: 4.61333333rem;
                height: 3.06666667rem;
                position: relative;
                border-radius: 0.13333333rem;
            }

                .RelevanList .bottom li .box_video img {
                    width: 4.61333333rem;
                    height: 3.06666667rem;
                    border-radius: 0.13333333rem;
                }

                .RelevanList .bottom li .box_video .box_p_type01 {
                    width: 0.98666667rem;
                    height: 0.4rem;
                    position: absolute;
                    right: 0.18666667rem;
                    bottom: 0.18666667rem;
                    background: #000000;
                    opacity: 0.3;
                    border-radius: 0.05333333rem;
                }

                .RelevanList .bottom li .box_video .type01 {
                    width: 0.98666667rem;
                    height: 0.4rem;
                    position: absolute;
                    right: 0.18666667rem;
                    bottom: 0.18666667rem;
                    z-index: 1000;
                    font-size: 0.26666667rem;
                    color: #FFFFFF;
                    text-align: center;
                    line-height: 0.4rem;
                }

                .RelevanList .bottom li .box_video .type02 {
                    width: 0.85333333rem;
                    height: 0.4rem;
                    position: absolute;
                    right: 0.18666667rem;
                    bottom: 0.18666667rem;
                    z-index: 1000;
                    font-size: 0.26666667rem;
                    color: #FFFFFF;
                    text-align: center;
                    line-height: 0.4rem;
                }

                .RelevanList .bottom li .box_video .box_p_type02 {
                    width: 0.85333333rem;
                    height: 0.4rem;
                    position: absolute;
                    right: 0.18666667rem;
                    bottom: 0.18666667rem;
                    background: #000000;
                    opacity: 0.3;
                    border-radius: 0.05333333rem;
                }

            .RelevanList .bottom li p {
                font-size: 0.34666667rem;
                color: #333333;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                width: 4.21333333rem;
                text-align: left;
                line-height: 0.48rem;
                margin: 0.21333333rem 0rem 0rem 0rem;
            }

            .RelevanList .bottom li:nth-child(2n) {
                margin: 0rem 0rem 0.34666667rem 0rem;
            }

.PictureList {
    padding: 0.77333333rem 0rem 0rem 0rem;
}

    .PictureList .bottom {
        width: 9.2rem;
        margin: 0.26666667rem auto 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

        .PictureList .bottom li {
            width: 4.4rem;
            height: 5.6rem;
            display: inline-block;
            background: #ffffff;
            text-align: center;
            line-height: 0.93333333rem;
            box-shadow: 0px 0.08rem 0.34666667rem 0px rgba(0, 0, 0, 0.05);
            margin: 0rem 0.4rem 0.24rem 0rem;
            font-size: 0.34666667rem;
            color: #333333;
        }

            .PictureList .bottom li .box_pic {
                width: 4.4rem;
                height: 2.93333333rem;
                position: relative;
                border-top-left-radius: 0.13333333rem;
                border-top-right-radius: 0.13333333rem;
            }

                .PictureList .bottom li .box_pic .icon {
                    position: absolute;
                    width: 0.66666667rem;
                    height: 0.66666667rem;
                    top: 0.24rem;
                    right: 0.18666667rem;
                }

                .PictureList .bottom li .box_pic .img {
                    width: 4.4rem;
                    height: 2.93333333rem;
                    border-top-left-radius: 0.13333333rem;
                    border-top-right-radius: 0.13333333rem;
                }

            .PictureList .bottom li p {
                font-size: 0.37333333rem;
                color: #333333;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                width: 3.78666667rem;
                text-align: left;
                line-height: 0.48rem;
                margin: 0.34666667rem 0rem 0rem 0.34666667rem;
            }

            .PictureList .bottom li .box_bottom {
                width: 3.86666667rem;
                display: flex;
                justify-content: space-between;
                align-items: center;
                align-content: center;
                margin: 0.53333333rem auto 0;
                height: 0.29333333rem;
            }

                .PictureList .bottom li .box_bottom .left {
                    font-size: 0.29333333rem;
                    color: #B3B3B3;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    max-width: 2.13333333rem;
                    text-align: left;
                }

                .PictureList .bottom li .box_bottom .right {
                    font-size: 0.29333333rem;
                    color: #B3B3B3;
                }

                    .PictureList .bottom li .box_bottom .right img {
                        width: 0.29333333rem;
                        height: 0.24rem;
                    }

            .PictureList .bottom li:nth-child(2n) {
                margin: 0rem 0rem 0.34666667rem 0rem;
            }

.box_news_type03_card {
    text-align: center;
}

    .box_news_type03_card .newscard {
        width: 9.2rem;
        /* height: 5.54666667rem; */
        padding: 0 0 0.5rem 0;
        background: #ffffff;
        box-shadow: 0px 0px 0.34666667rem 0px rgba(0, 0, 0, 0.09);
        border-radius: 0.26666667rem;
        display: inline-block;
        margin: 0.53333333rem auto 0;
    }

        .box_news_type03_card .newscard .title {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 8rem;
            text-align: left;
            font-size: 0.48rem;
            color: #2C2D2C;
            margin: 0.61333333rem 0rem 0rem 0.53333333rem;
            font-weight: bold;
            line-height: 28px;
        }

        .box_news_type03_card .newscard .content {
            font-size: 0.32rem;
            color: #999999;
            margin: 0.13333333rem 0rem 0rem 0.53333333rem;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            height: 1.4rem;
            width: 8rem;
            text-align: left;
            line-height: 0.50666667rem;
        }

        .box_news_type03_card .newscard .box_vote {
            width: 8.13333333rem;
            height: 0.66666667rem;
            display: flex;
            justify-content: center;
            flex-wrap: nowrap;
            margin: 0.4rem auto 0;
        }

            .box_news_type03_card .newscard .box_vote .left {
                height: 0.66666667rem;
                background: #fe3055;
                border-top-left-radius: 0.13333333rem;
                border-bottom-left-radius: 0.13333333rem;
                line-height: 0.66666667rem;
                font-size: 0.32rem;
                color: #FFFFFF;
            }

            .box_news_type03_card .newscard .box_vote .right {
                height: 0.66666667rem;
                background: #2d8fe8;
                border-top-right-radius: 0.13333333rem;
                border-bottom-right-radius: 0.13333333rem;
                line-height: 0.66666667rem;
                font-size: 0.32rem;
                color: #FFFFFF;
            }

        .box_news_type03_card .newscard .vote_txt {
            display: flex;
            justify-content: space-between;
            flex-wrap: nowrap;
            width: 8.13333333rem;
            /* height: 0.32rem; */
            margin: 0.18666667rem auto 0;
        }

            .box_news_type03_card .newscard .vote_txt .left {
                height: auto;
                font-size: 0.32rem;
                color: #FE3055;
                text-align: left;
            }

            .box_news_type03_card .newscard .vote_txt .right {
                font-size: 0.32rem;
                color: #2D8FE8;
                text-align: right;
            }

        .box_news_type03_card .newscard .bottom {
            display: flex;
            justify-content: space-between;
            flex-wrap: nowrap;
            width: 8.13333333rem;
            height: 0.32rem;
            margin: 0.53333333rem auto 0;
        }

            .box_news_type03_card .newscard .bottom .left {
                display: flex;
                justify-content: flex-start;
                flex-wrap: nowrap;
            }

                .box_news_type03_card .newscard .bottom .left .box_head {
                    position: relative;
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                    margin: 0rem 0.18666667rem 0rem 0rem;
                    height: 0.53333333rem;
                }

                    .box_news_type03_card .newscard .bottom .left .box_head img:first-child {
                        margin: 0rem 0rem 0rem 0rem;
                        z-index: 500;
                        left: 0;
                    }

                    .box_news_type03_card .newscard .bottom .left .box_head img {
                        width: 0.53333333rem;
                        height: 0.53333333rem;
                        border-radius: 50%;
                        margin: 0rem 0rem 0rem -0.13333333rem;
                        border: 0.02666667rem solid #ffffff;
                    }

                        .box_news_type03_card .newscard .bottom .left .box_head img:nth-child(2) {
                            z-index: 400;
                        }

                        .box_news_type03_card .newscard .bottom .left .box_head img:nth-child(3) {
                            z-index: 300;
                        }

                        .box_news_type03_card .newscard .bottom .left .box_head img:nth-child(4) {
                            z-index: 200;
                        }

                        .box_news_type03_card .newscard .bottom .left .box_head img:nth-child(5) {
                            z-index: 100;
                        }

                        .box_news_type03_card .newscard .bottom .left .box_head img:nth-child(n+6) {
                            display: none;
                        }

                .box_news_type03_card .newscard .bottom .left .join {
                    font-size: 0.32rem;
                    color: #999999;
                }

            .box_news_type03_card .newscard .bottom .right {
                font-size: 0.32rem;
                color: #999999;
            }
/*Agent*/
.Agent_msg {
    width: 9.2rem;
    margin: 1.38666667rem auto 0;
}

    .Agent_msg .top .title {
        font-size: 0.48rem;
        color: #333333;
        font-weight: bold;
    }

    .Agent_msg .bottom .bottom_ul {
        margin: 0.69333333rem auto 0;
    }

    .Agent_msg .bottom li.item {
        width: 9.2rem;
        box-shadow: 0px 0.08rem 0.34666667rem 0px rgba(0, 0, 0, 0.05);
        margin: 0 auto 0.4rem;
        position: relative;
        display: inline-block;
        background-color: #ffffff;
        padding-bottom: 0.48rem;
    }

        .Agent_msg .bottom li.item .headMsg {
            display: flex;
            align-content: flex-start;
            flex-wrap: wrap;
            align-items: center;
            margin: 0.4rem 0rem 0rem 0.48rem;
        }

            .Agent_msg .bottom li.item .headMsg .head {
                width: 0.8rem;
                height: 0.8rem;
                border-radius: 50%;
                border: 1px solid red;
            }

            .Agent_msg .bottom li.item .headMsg .name {
                font-size: 0.37333333rem;
                color: #333333;
                margin: 0rem 0rem 0rem 0.24rem;
            }

        .Agent_msg .bottom li.item .txt03 {
            font-size: 0.42666667rem;
            color: #000000;
            margin: 0.48rem 0rem 0rem 0.48rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 8rem;
            text-align: left;
        }

        .Agent_msg .bottom li.item .txt04 {
            font-size: 0.37333333rem;
            color: #666666;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            height: 0.95rem;
            line-height: 0.48rem;
            -webkit-line-clamp: 2;
            overflow: hidden;
            width: 8.16rem;
            text-align: left;
            margin: 0.4rem 0rem 0rem 0.48rem;
        }

        .Agent_msg .bottom li.item .txt07 {
            font-size: 0.32rem;
            color: #999999;
        }

        .Agent_msg .bottom li.item .txt08 {
            font-size: 0.32rem;
            color: #999999;
        }

            .Agent_msg .bottom li.item .txt08 img {
                width: 0.29333333rem;
                height: 0.24rem;
                margin: 0rem 0.08rem 0rem 0rem;
            }

        .Agent_msg .bottom li.item .txt_bottom {
            margin: 0.6rem 0.50666667rem 0rem 0.48rem;
            height: 0.34666667rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            align-content: center;
        }

            .Agent_msg .bottom li.item .txt_bottom .txt05 {
                font-size: 0.32rem;
                color: #999999;
                width: 5.5rem;
            }

                .Agent_msg .bottom li.item .txt_bottom .txt05 .money {
                    font-size: 0.37333333rem;
                    color: #EB2227;
                    margin: 0rem 0.13333333rem 0rem 0rem;
                }

            .Agent_msg .bottom li.item .txt_bottom .txt06 {
                font-size: 0.32rem;
                color: #999999;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                width: 4.5rem;
                text-align: right;
            }

        .Agent_msg .bottom li.item .icon {
            position: absolute;
            width: 1.2rem;
            height: 1.2rem;
            top: 0.37333333rem;
            right: 0.4rem;
        }

        .Agent_msg .bottom li.item .box_item {
            width: 9.2rem;
            text-align: center;
        }

            .Agent_msg .bottom li.item .box_item .item_title {
                font-size: 0.48rem;
                color: #000000;
                margin: 0.77333333rem auto 0;
                text-align: center;
                font-weight: bold;
            }

            .Agent_msg .bottom li.item .box_item .item_content {
                width: 7.22666667rem;
                height: 0.93333333rem;
                font-size: 0.37333333rem;
                color: #999999;
                margin: 0.32rem auto 0;
            }

            .Agent_msg .bottom li.item .box_item .item_now {
                width: 4.8rem;
                height: 0.93333333rem;
                background: #85b12e;
                border: 0.02666667rem solid #8fc320;
                border-radius: 0.13333333rem;
                display: inline-block;
                margin: 0.72rem auto 0;
                line-height: 0.93333333rem;
                font-size: 0.42666667rem;
                color: #ffffff;
            }

.ft-nodata {
    width: 10rem;
    height: 2.37333333rem;
    font-size: 0.34666667rem;
    color: #999999;
    text-align: center;
}

#js_dialog_1 {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    z-index: 50000;
    line-height: 1.4;
    background-color: #FFFFFF;
    overflow-y: scroll;
}

#dialogs {
    width: 100vw;
    min-height: 100vh !important;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
}

.ft_form_jump {
    width: 8.66666667rem;
    padding: 2.48rem 0rem 0rem 0rem;
    margin: auto;
    height: auto;
    min-height: 100vh;
    background-color: #FFFFFF;
}

    .ft_form_jump .ft_form_title {
        position: absolute;
        top: 0;
        z-index: 9999;
        width: 8.66666667rem;
        height: 2.48rem;
        border-bottom: 0.02666667rem solid #f4f4f4;
        text-align: center;
        margin: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }

        .ft_form_jump .ft_form_title p {
            text-align: center;
            font-size: 0.58666667rem;
            color: #000000;
            font-weight: bold;
            margin: auto;
        }

        .ft_form_jump .ft_form_title .box_btn_close {
            position: absolute;
            top: 0.37333333rem;
            right: -0.05333333rem;
        }

    .ft_form_jump .ft_form_content form .item {
        width: 8.66666667rem;
        height: 1.46666667rem;
        border-bottom: 0.02666667rem solid #f4f4f4;
        display: flex;
        justify-content: flex-start;
        align-content: center;
        align-items: center;
        flex-wrap: nowrap;
    }

        .ft_form_jump .ft_form_content form .item label {
            font-size: 0.45333333rem;
            width: 1.84rem;
            color: #000000;
            position: relative;
            margin-bottom: 0px;
        }

            .ft_form_jump .ft_form_content form .item label span {
                position: absolute;
                color: red;
                left: -0.34666667rem;
                top: 0.10666667rem;
            }

        .ft_form_jump .ft_form_content form .item .center {
            margin: 0rem 0rem 0rem 0.74666667rem;
            width: 4.50666667rem;
            text-align: left;
        }

            .ft_form_jump .ft_form_content form .item .center select {
                -webkit-appearance: none;
                border: 0;
                outline: 0;
                background-color: transparent;
                width: 100%;
                font-size: inherit;
                height: 1.46666667rem;
                line-height: 1.46666667rem;
                position: relative;
                z-index: 1;
                font-size: 0.45333333rem;
                color: #B6B6B6;
            }

                .ft_form_jump .ft_form_content form .item .center select option {
                    font-size: 0.45333333rem;
                    color: #000000;
                }

            .ft_form_jump .ft_form_content form .item .center #modType {
                width: 5.33333333rem;
                height: 0.56667rem;
                font-size: 0.45333333rem;
                color: #b6b6b6;
                line-height: 0.56667rem;
            }

            .ft_form_jump .ft_form_content form .item .center #address {
                width: 5.33333333rem;
                height: 0.56667rem;
                font-size: 0.45333333rem;
                line-height: 0.56667rem;
            }

            .ft_form_jump .ft_form_content form .item .center #requestType {
                width: 5.33333333rem;
                height: 0.56667rem;
                font-size: 0.45333333rem;
                color: #000000;
                line-height: 0.56667rem;
            }

            .ft_form_jump .ft_form_content form .item .center #brandChoose {
                width: 5.33333333rem;
                height: 0.56667rem;
                font-size: 0.45333333rem;
                color: #000000;
                line-height: 0.56667rem;
            }

            .ft_form_jump .ft_form_content form .item .center input {
                font-size: 0.45333333rem;
                color: #000000;
                border: none;
                width: 5.33333333rem;
            }

        .ft_form_jump .ft_form_content form .item .right {
            position: absolute;
            font-size: 0.45333333rem;
            color: #000000;
            right: calc(50vw - 5rem + 0.64666667rem);
        }

            .ft_form_jump .ft_form_content form .item .right .getCode {
                width: 2.8rem;
                height: 0.85333333rem;
                background: #f3f3f3;
                border-radius: 0.13333333rem;
                text-align: center;
                font-size: 0.37333333rem;
                color: #576B95;
                line-height: 0.85333333rem;
            }

            .ft_form_jump .ft_form_content form .item .right .regetCode {
                display: none;
                width: 2.8rem;
                height: 0.85333333rem;
                background: #f3f3f3;
                border-radius: 0.13333333rem;
                text-align: center;
                font-size: 0.37333333rem;
                color: #576B95;
                line-height: 0.85333333rem;
            }

    .ft_form_jump .ft_form_content form .texrareaOtem {
        height: 2.74666667rem;
    }

        .ft_form_jump .ft_form_content form .texrareaOtem label {
            position: relative;
            height: 100%;
        }

            .ft_form_jump .ft_form_content form .texrareaOtem label .redIcon {
                position: absolute;
                color: red;
                left: -0.34666667rem;
                top: 0.33333333rem;
            }

    .ft_form_jump .ft_form_content form .uploadPicOtem {
        width: 8.66666667rem;
        border-bottom: 0.02666667rem solid #f4f4f4;
        padding: 0rem 0rem 0.53333333rem 0rem;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        align-content: flex-start;
    }

        .ft_form_jump .ft_form_content form .uploadPicOtem label {
            font-size: 0.45333333rem;
            color: #000000;
            width: 100%;
            margin: 0.53333333rem 0rem 0rem 0rem;
        }

        .ft_form_jump .ft_form_content form .uploadPicOtem .down {
            width: 8.66666667rem;
            min-height: 2.58666667rem;
            height: auto;
            /* max-height: 5.70666667rem; */
            overflow: hidden;
            margin: 0.53333333rem 0rem 0rem 0rem;
        }

            .ft_form_jump .ft_form_content form .uploadPicOtem .down ul {
                display: flex;
                align-content: flex-start;
                flex-wrap: wrap;
            }

                .ft_form_jump .ft_form_content form .uploadPicOtem .down ul li {
                    position: relative;
                    margin: 0rem 0.21333333rem 0rem 0rem;
                    width: 2.58666667rem;
                    height: 2.58666667rem;
                }

                    .ft_form_jump .ft_form_content form .uploadPicOtem .down ul li img {
                        width: 2.58666667rem;
                        height: 2.58666667rem;
                        object-fit: cover;
                    }

                    .ft_form_jump .ft_form_content form .uploadPicOtem .down ul li .close_box {
                        position: absolute;
                        width: 0.53333333rem;
                        height: 0.53333333rem;
                        background: #000000;
                        opacity: 0.5;
                        border-radius: 50%;
                        z-index: 1000;
                        top: 0.18rem;
                        right: 0.18rem;
                    }

                    .ft_form_jump .ft_form_content form .uploadPicOtem .down ul li .close {
                        position: absolute;
                        width: 0.53333333rem;
                        height: 0.53333333rem;
                        border-radius: 50%;
                        z-index: 100;
                        top: 0.18rem;
                        right: 0.18rem;
                        text-align: center;
                        line-height: 0.53333333rem;
                        display: flex;
                        justify-content: center;
                        align-content: center;
                        align-items: center;
                    }

                        .ft_form_jump .ft_form_content form .uploadPicOtem .down ul li .close img {
                            width: 0.21333333rem;
                            height: 0.21333333rem;
                        }

            .ft_form_jump .ft_form_content form .uploadPicOtem .down .weui-uploader__input-box {
                width: 2.58666667rem;
                height: 2.58666667rem;
            }

    .ft_form_jump .ft_form_content form .otem {
        width: 8.66666667rem;
        border-bottom: 0.02666667rem solid #f4f4f4;
        display: flex;
        justify-content: flex-start;
        align-content: center;
        align-items: center;
        flex-wrap: nowrap;
    }

        .ft_form_jump .ft_form_content form .otem label {
            font-size: 0.45333333rem;
            width: 1.84rem;
            color: #000000;
            position: relative;
        }

            .ft_form_jump .ft_form_content form .otem label span {
                position: absolute;
                color: red;
                left: -0.34666667rem;
                top: 0.10666667rem;
            }
        .ft_form_jump .ft_form_content form .otem .right {
            width: 8.66666667rem;
            position: absolute;
            right: calc(50vw - 5rem + 0.66666667rem);
            font-size: 0.45333333rem;
            color: #000000;
            display: flex;
            flex-wrap: nowrap;
            align-items: flex-start;
            align-content: flex-end;
        }
       

            .ft_form_jump .ft_form_content form .otem .right textarea {
                font-size: 0.45333333rem;
                color: #000000;
                padding: 0rem 0.26666667rem 0rem 0rem;
            }

            .ft_form_jump .ft_form_content form .otem .right .ftui-textarea-counter {
                width: 1.28rem;
                font-size: 0.45333333rem;
                color: #B6B6B6;
                margin: 0rem 0rem 0rem 0.26666667rem;
            }

    .ft_form_jump .ft_form_button {
        background: #fafafa;
        border-radius: 0.13333333rem;
        width: 4.88rem;
        height: 1.06666667rem;
        margin: 1.44rem auto 0;
        font-size: 0.45333333rem;
        color: #CCCCCC;
        text-align: center;
        line-height: 1.06666667rem;
        margin-bottom: 2.13333333rem;
    }

    .ft_form_jump .ft_form_button_active {
        background-color: #96C21E !important;
        border-radius: 0.13333333rem;
        width: 4.88rem;
        height: 1.06666667rem;
        margin: 1.44rem auto 0;
        font-size: 0.45333333rem;
        color: #FFFFFF;
        text-align: center;
        line-height: 1.06666667rem;
        margin-bottom: 2.13333333rem;
    }

.ft_form_error {
    display: none;
    position: fixed;
    width: 9.33333333rem;
    height: 1.12rem;
    font-size: 0.45333333rem;
    color: #FFFFFF;
    background: #fa5151;
    border-radius: 0.26666667rem;
    color: #ffffff;
    text-align: center;
    line-height: 1.12rem;
    top: 0.4rem;
    left: 0.32rem;
    z-index: 100000000;
}

.ft_form_success {
    display: none;
    position: fixed;
    width: 9.33333333rem;
    height: 1.12rem;
    font-size: 0.45333333rem;
    color: #FFFFFF;
    background: #85B12E;
    border-radius: 0.26666667rem;
    text-align: center;
    line-height: 1.12rem;
    top: 0.4rem;
    left: 0.32rem;
    z-index: 100000000;
}

.icon_cover {
    width: 1.30666667rem;
    height: 1.30666667rem;
    background: #8cbb1d;
    box-shadow: 0px 1px 0.10666667rem 0px rgba(7, 0, 2, 0.16);
    border-radius: 50%;
    position: fixed;
    right: calc(50vw - 5rem + 0.34666667rem);
    bottom: 1.73333333rem;
    /* right: 0.42666667rem; */
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

    .icon_cover img {
        width: 0.42666667rem;
        height: 0.42666667rem;
    }

    .icon_cover span {
        font-size: 0.32rem;
        color: #ffffff;
        width: 100%;
        text-align: center;
        margin: 0.13333333rem 0rem 0rem 0rem;
    }

.newPage {
    background-color: #F6F6F6;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
}

    .newPage .close {
        position: absolute;
        color: #CECECE;
        width: 0.37333333rem;
        height: 0.37333333rem;
        top: 0.37333333rem;
        right: calc(50vw - 5rem + 0.42666667rem);
    }

    .newPage .title {
       
        font-size: 0.53333333rem;
        color: #000000;
        font-weight: bold;
        margin: 1.6rem 0rem 0rem 0.48rem;
        max-width: 10rem;
        margin: 1.6rem auto;
        padding-left: 0.48rem;
    }

    .newPage .box_icon {
        margin: 1.06666667rem auto 0;
        width: 9.04rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        max-height: 13.33333333rem;
        overflow: scroll;
    }

        .newPage .box_icon .icon {
            height: 0.93333333rem;
            padding: 0rem 0.26666667rem 0rem 0.26666667rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 8rem;
            text-align: left;
            background: #ffffff;
            border-radius: 0.48rem;
            text-align: center;
            line-height: 0.93333333rem;
            margin: 0rem 0.32rem 0.32rem 0rem;
            font-size: 0.34666667rem;
            color: #333333;
        }

.indexnewPage {
    background-color: #F6F6F6 !important;
    width: 100vw;
    min-height: 100vh !important;
    overflow: scroll;
    position: fixed;
    top: 0;
    height: 100vh;
    left: 0;
    z-index: 100000;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    border-radius: none !important;
    padding: 1.14666667rem 0rem 2.66666667rem 0rem;
}

    .indexnewPage .close {
        position: absolute;
        color: #CECECE;
        width: 0.37333333rem;
        height: 0.37333333rem;
        top: 0.37333333rem;
        right: calc(50vw - 5rem + 0.42666667rem);
        opacity: 1 !important;
    }

        .indexnewPage .close img {
            width: 0.37333333rem;
            height: 0.37333333rem;
        }

    .indexnewPage .titlebox .title {
        font-size: 0.48rem;
        color: #000000;
        font-weight: bold;
        margin: 0.69333333rem 0rem 0rem calc(50vw - 5rem + 0.48rem);
        display: inline-block;
    }

    .indexnewPage .titlebox .box_icon {
        margin: 0.53333333rem auto 0;
        width: 9.04rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        max-height: 13.33333333rem;
        overflow: scroll;
    }

        .indexnewPage .titlebox .box_icon .icon {
            height: 0.93333333rem;
            padding: 0rem 0.5rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 8rem;
            text-align: left;
            background: #ffffff;
            text-align: center;
            line-height: 0.93333333rem;
            margin: 0rem 0.32rem 0.32rem 0rem;
            font-size: 0.4rem;
            color: #333333;
        }

        .indexnewPage .titlebox .box_icon .active {
            font-size: 0.4rem;
            color: #85B12E;
        }

    .indexnewPage .titlebox:last-child {
        margin: 0rem 0rem 1.33333333rem 0rem;
    }

@keyframes layui-alert-anim-down {
    0% {
        opacity: 0;
        bottom: -2.66666667rem;
    }

    100% {
        opacity: 1;
        bottom: 0rem;
    }
}

@-webkit-keyframes layui-alert-anim-down {
    0% {
        opacity: 0;
        bottom: -2.66666667rem;
    }

    100% {
        opacity: 1;
        bottom: 0rem;
    }
}

.ft_comment {
    background-color: #ffffff;
    position: relative;
    border-top: 0.26666667rem solid #F4F4F4;
}

    .ft_comment .title {
        margin: 0.56rem 0rem 0rem 0.4rem;
        padding: 0rem 0rem 0.53333333rem 0rem;
        font-weight: bold;
        font-size: 0.48rem;
        text-align: left;
        display: flex;
        justify-content: space-between;
        align-content: center;
        align-items: center;
    }

        .ft_comment .title .left {
            font-size: 0.48rem;
            color: #333333;
        }

        .ft_comment .title .right {
            font-size: 0.37333333rem;
            color: #576B95;
            margin: 0rem 0.4rem 0rem 0rem;
        }

    .ft_comment #box_comment #itemView {
        padding: 0rem 0rem 0.32rem 0rem;
    }

        .ft_comment #box_comment #itemView .person {
            width: 10rem;
            display: flex;
            align-items: flex-start;
            flex-wrap: nowrap;
            margin: 0.4rem auto 0;
        }

            .ft_comment #box_comment #itemView .person .head {
                width: 0.93333333rem;
                height: 0.93333333rem;
                border-radius: 50%;
                margin: 0rem 0rem 0rem 0.4rem;
            }

            .ft_comment #box_comment #itemView .person .box_name {
                width: 99%;
                margin: 0rem 0rem 0rem 0.34666667rem;
                display: flex;
                justify-content: flex-start;
                align-items: center;
                flex-wrap: wrap;
            }

                .ft_comment #box_comment #itemView .person .box_name .name {
                    color: #333333;
                    font-size: 0.34666667rem;
                    font-weight: bold;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    max-width: 7.46666667rem;
                    text-align: left;
                }

        .ft_comment #box_comment #itemView .article {
            width: 8.08rem;
            margin: 0rem 0rem 0rem 1.68rem;
            text-align: left;
        }

            .ft_comment #box_comment #itemView .article #content {
                font-size: 0.42666667rem;
                line-height: 0.69333333rem;
                color: #333333;
            }

        .ft_comment #box_comment #itemView .comments {
            width: 8.08rem;
            margin: 0.4rem 0rem 0rem 1.68rem;
            padding: 0rem 0.26666667rem 0.32rem 0rem;
            flex-wrap: nowrap;
            font-size: 0.29333333rem;
            border-bottom: 1px solid #E5E5E5;
        }

            .ft_comment #box_comment #itemView .comments .box_comments {
                width: 7.86666667rem;
                margin: 0rem 0rem 0.4rem 0rem;
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
            }

                .ft_comment #box_comment #itemView .comments .box_comments .left p {
                    color: #999999;
                }

                .ft_comment #box_comment #itemView .comments .box_comments .right {
                    display: flex;
                    justify-content: space-between;
                    align-items: flex-start;
                    flex-wrap: nowrap;
                    color: #999999;
                }

                    .ft_comment #box_comment #itemView .comments .box_comments .right .reason {
                        color: #576B95;
                        margin: 0rem 0.58666667rem 0rem 0rem;
                        font-size: 0.32rem;
                    }

                    .ft_comment #box_comment #itemView .comments .box_comments .right .icon1 {
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        flex-wrap: nowrap;
                        color: #999999;
                    }

                        .ft_comment #box_comment #itemView .comments .box_comments .right .icon1 img {
                            width: 0.34666667rem;
                            height: 0.34666667rem;
                            margin: 0rem 0.05333333rem 0.05333333rem 0rem;
                        }

                        .ft_comment #box_comment #itemView .comments .box_comments .right .icon1 .pic_noactive {
                            display: block;
                        }

                        .ft_comment #box_comment #itemView .comments .box_comments .right .icon1 .pic_active {
                            display: none;
                        }

                    .ft_comment #box_comment #itemView .comments .box_comments .right .active {
                        color: #FD6040;
                    }

                        .ft_comment #box_comment #itemView .comments .box_comments .right .active .pic_noactive {
                            display: none;
                        }

                        .ft_comment #box_comment #itemView .comments .box_comments .right .active .pic_active {
                            display: block;
                        }

        .ft_comment #box_comment #itemView .reply_comment {
            margin: 0.18666667rem 0rem 0rem 0rem;
            position: relative;
        }

            .ft_comment #box_comment #itemView .reply_comment .item {
                font-size: 0.34666667rem;
                background: #f5f5f5;
                padding: 0.4rem 1.33333333rem 0.4rem 0.42666667rem;
                text-align: left;
                color: #666666;
            }

                .ft_comment #box_comment #itemView .reply_comment .item .user_name span {
                    font-size: 0.34666667rem;
                    color: #576B95;
                }

                .ft_comment #box_comment #itemView .reply_comment .item .answer {
                    font-size: 0.32rem;
                    position: absolute;
                    color: #576B95;
                    bottom: 0.18666667rem;
                    right: 0.32rem;
                }

        .ft_comment #box_comment #itemView:last-child {
            padding: 0;
        }

.BrandConsulting {
    margin: 1.46666667rem auto 0;
}

    .BrandConsulting .top {
        width: 9.2rem;
        height: 0.48rem;
        margin: auto;
        display: flex;
        justify-content: space-between;
        align-content: center;
        align-items: center;
    }

        .BrandConsulting .top .title {
            font-size: 0.48rem;
            color: #333333;
            font-weight: bold;
        }

        .BrandConsulting .top .box_more .more {
            font-size: 0.37333333rem;
            color: #999999;
        }

    .BrandConsulting .bottom {
        margin: 0.61333333rem auto 0;
        height: auto;
        width: 10rem;
    }

        .BrandConsulting .bottom .bottom_ul li {
            text-align: center;
        }

            .BrandConsulting .bottom .bottom_ul li a {
                display: inline-block;
            }

            .BrandConsulting .bottom .bottom_ul li:active {
                background-color: #edeef0;
            }

        .BrandConsulting .bottom .bottom_ul .type01 {
            width: 9.17333333rem;
            margin: auto;
            display: flex;
            justify-content: space-between;
            align-content: center;
            align-items: center;
            padding: 0.4rem 0rem 0.4rem 0rem;
            border-bottom: 0.02666667rem solid #EEEEEE;
        }

            .BrandConsulting .bottom .bottom_ul .type01 .left {
                display: flex;
                align-content: space-between;
                flex-wrap: wrap;
                height: 1.86666667rem;
            }

                .BrandConsulting .bottom .bottom_ul .type01 .left .title {
                    font-size: 0.42666667rem;
                    color: #1F1F20;
                    font-weight: 500;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                    width: 5.54666667rem;
                    text-align: left;
                }

                .BrandConsulting .bottom .bottom_ul .type01 .left .left_bottom {
                    display: flex;
                    justify-content: space-between;
                    width: 5.52rem;
                    height: 0.32rem;
                    align-content: center;
                    align-items: center;
                }

                    .BrandConsulting .bottom .bottom_ul .type01 .left .left_bottom .time {
                        font-size: 0.29333333rem;
                        color: #999999;
                    }

                    .BrandConsulting .bottom .bottom_ul .type01 .left .left_bottom .news {
                        font-size: 0.29333333rem;
                        color: #999999;
                        padding: 0rem 0rem 0rem 0.26666667rem;
                        position: relative;
                        height: 0.32rem;
                        line-height: 0.32rem;
                    }

                        .BrandConsulting .bottom .bottom_ul .type01 .left .left_bottom .news:before {
                            content: '';
                            width: 0.13333333rem;
                            height: 0.13333333rem;
                            border-radius: 50%;
                            position: absolute;
                            top: 0.10666667rem;
                            left: 0rem;
                            background: #cccccc;
                        }

                    .BrandConsulting .bottom .bottom_ul .type01 .left .left_bottom .viewCount img {
                        width: 0.29333333rem;
                        height: 0.24rem;
                        margin: 0rem 0.10666667rem 0rem 0rem;
                    }

                    .BrandConsulting .bottom .bottom_ul .type01 .left .left_bottom .viewCount span {
                        font-size: 0.29333333rem;
                        color: #999999;
                    }

                    .BrandConsulting .bottom .bottom_ul .type01 .left .left_bottom .viewCount p {
                        font-size: 0.29333333rem;
                        color: #999999;
                    }

            .BrandConsulting .bottom .bottom_ul .type01 .right {
                height: 2.13333333rem;
            }

                .BrandConsulting .bottom .bottom_ul .type01 .right img {
                    width: 3.2rem;
                    height: 2.13333333rem;
                    border-radius: 0.13333333rem;
                }

        .BrandConsulting .bottom .bottom_ul .type02 {
            width: 9.2rem;
            margin: auto;
            padding: 0.58666667rem 0rem 0.32rem 0rem;
            border-bottom: 0.02666667rem solid #EEEEEE;
        }

            .BrandConsulting .bottom .bottom_ul .type02 .title {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                max-width: 8.93333333rem;
                text-align: left;
                font-size: 0.42666667rem;
                color: #333333;
                font-weight: 500;
            }

            .BrandConsulting .bottom .bottom_ul .type02 .box_img {
                display: flex;
                justify-content: space-around;
            }

                .BrandConsulting .bottom .bottom_ul .type02 .box_img img {
                    width: 2.98666667rem;
                    height: 2rem;
                    border-radius: 0.13333333rem;
                    margin: 0.42666667rem auto 0;
                }

            .BrandConsulting .bottom .bottom_ul .type02 .type02_bottom {
                margin: 0.4rem auto 0;
                display: flex;
                justify-content: space-between;
                flex-wrap: nowrap;
            }

                .BrandConsulting .bottom .bottom_ul .type02 .type02_bottom .news {
                    font-size: 0.29333333rem;
                    color: #999999;
                    padding: 0rem 0rem 0rem 0.26666667rem;
                    position: relative;
                    height: 0.32rem;
                    line-height: 0.32rem;
                }

                    .BrandConsulting .bottom .bottom_ul .type02 .type02_bottom .news:before {
                        content: '';
                        width: 0.13333333rem;
                        height: 0.13333333rem;
                        border-radius: 50%;
                        position: absolute;
                        top: 0.10666667rem;
                        left: 0rem;
                        background: #cccccc;
                    }

                .BrandConsulting .bottom .bottom_ul .type02 .type02_bottom .viewCount img {
                    width: 0.29333333rem;
                    height: 0.24rem;
                    margin: 0rem 0.10666667rem 0rem 0rem;
                }

                .BrandConsulting .bottom .bottom_ul .type02 .type02_bottom .viewCount span {
                    font-size: 0.29333333rem;
                    color: #999999;
                    font-size: 11px;
                }

.box_top {
    position: fixed;
    right: calc(50vw - 5rem + 0.34666667rem);
    width: 1.49333333rem;
    height: 1.49333333rem;
    border-radius: 50%;
    z-index: 1000;
    bottom: 3.2rem;
}

.layui-m-anim-up1 {
    -webkit-animation-name: layui-m-anim-up;
    animation-name: layui-m-anim-up;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

#auto_div {
    position: absolute;
    z-index: 999;
    left: 0px;
    top: 33px;
    width: 468px;
    border: 1px solid #74c0f9;
    display: none;
    background: #FFF;
}

.ft_form_jump .ft_form_content form .item .center .PickerContent {
    width: 4.50666667rem;
    height: 100%;
}

.ft_form_jump .ft_form_content form .item .center #selectItem {
    font-size: 0.45333333rem;
    color: #000000;
    position: relative;
    width: 100%;
    height: 1.46666667rem;
    line-height: 1.46666667rem;
}
/*

.ft_form_jump .ft_form_content form .item .center #selectIdMore {
    width: 10rem;
    height: auto;
    position: fixed;
    background-color: #ffffff;
    bottom: 0;
    display: none;
    z-index: 10000000;
    left: calc(50vw - 5rem);
    box-shadow: 0px 0.08rem 0.34666667rem 0px rgba(0, 0, 0, 0.05);
    animation-duration: .3s;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

    .ft_form_jump .ft_form_content form .item .center #selectIdMore li {
        width: 10rem;
        height: 1.33333333rem;
        line-height: 1.33333333rem;
        text-align: left;
        font-size: 0.45333333rem;
        color: #000000;
        border-bottom: 0.02666667rem solid #f6f6f6;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .ft_form_jump .ft_form_content form .item .center #selectIdMore li p {
            margin: 0rem 0rem 0rem 0.4rem;
        }

        .ft_form_jump .ft_form_content form .item .center #selectIdMore li img {
            margin: 0rem 0.4rem 0rem 0rem;
            width: 0.53333333rem;
            height: 0.4rem;
            display: none;
        }

        .ft_form_jump .ft_form_content form .item .center #selectIdMore li.active img {
            display: block !important;
        }


    */
#selectIdMore {
    z-index: 1000000000;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 75%;
    line-height: 1.4;
    background-color: #FFFFFF;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    overflow: hidden;
    padding: 0 calc(24px + constant(safe-area-inset-right)) constant(safe-area-inset-bottom) calc(24px + constant(safe-area-inset-left));
    padding: 0 calc(24px + env(safe-area-inset-right)) env(safe-area-inset-bottom) calc(24px + env(safe-area-inset-left));
}

.coverNone {
    display: none;
}

#selectIdMore .moreChoose {
    font-weight: 500;
    color: #000000;
    font-size: 0.2rem;
}

#MoreChooseMenu {
    width: 8rem;
    height: auto;
    background-color: #ffffff;
    z-index: 10000000;
    margin: auto;
}

    #MoreChooseMenu li {
        width: 8rem;
        height: 1.33333333rem;
        line-height: 1.33333333rem;
        text-align: left;
        font-size: 0.45333333rem;
        color: #000000;
        border-bottom: 0.02666667rem solid #f6f6f6;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        #MoreChooseMenu li p {
            margin: 0rem 0rem 0rem 0.4rem;
        }

        #MoreChooseMenu li img {
            margin: 0rem 0.4rem 0rem 0rem;
            width: 0.53333333rem;
            height: 0.4rem;
            display: none;
        }

        #MoreChooseMenu li.active img {
            display: block !important;
        }

#detail {
    width: 7.73333333rem;
    height: 1.6rem;
    background: #ffffff;
    box-shadow: 0px 0.02666667rem 0.13333333rem 0px rgba(0, 0, 0, 0.28);
    border-radius: 0.26666667rem;
    padding: 0rem 0rem 0rem 0rem;
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    position: relative;
    position: fixed;
    bottom: 1.41333333rem;
    left: calc(50vw - 5rem + 1.12rem);
    z-index: 100000;
}

    #detail .left {
        width: 1.06666667rem;
        height: 1.06666667rem;
        border-radius: 50%;
        margin-left: 0.53333333rem;
        overflow: hidden;
    }

        #detail .left .left_icon {
            width: 1.06666667rem;
            height: 1.06666667rem;
            border-radius: 50%;
        }

    #detail .center {
        margin-left: 0.18666667rem;
        width: 3.68rem;
        height: 1.33333333rem;
        display: flex;
        justify-content: flex-start;
        align-content: center;
        flex-wrap: wrap;
    }

        #detail .center .title {
            font-size: 0.4rem;
            color: #000000;
            width: 100%;
            font-weight: bold;
        }

        #detail .center .txt {
            display: block;
            font-size: 0.26666667rem;
            color: #999999;
        }

    #detail .right a {
        width: 1.33333333rem;
        height: 0.64rem;
        display: inline-block;
        background: #c09d67;
        border-radius: 0.32rem;
        text-align: center;
        line-height: 0.64rem;
        font-size: 0.32rem;
        color: #ffffff;
    }

    #detail .close {
        position: absolute;
        width: 0.4rem;
        height: 0.4rem;
        right: 0.16rem;
        top: 0.16rem;
    }

.box_img {
    position: relative;
}

.ExcellentQuality .bottom .bottom_ul li .box_img .icon_2 {
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    top: 0.3rem;
    left: 0.3rem;
    opacity: 1;
}

.BrandConsulting .bottom_ul .topicCard .bottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 8.13333333rem;
    height: 0.32rem;
    margin: 0.53333333rem auto 0;
}

    .BrandConsulting .bottom_ul .topicCard .bottom .left {
        display: flex;
        justify-content: flex-start;
        flex-wrap: nowrap;
    }

        .BrandConsulting .bottom_ul .topicCard .bottom .left .box_head {
            position: relative;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin: 0rem 0.18666667rem 0rem 0rem;
            height: 0.53333333rem;
        }

            .BrandConsulting .bottom_ul .topicCard .bottom .left .box_head img:first-child {
                margin: 0rem 0rem 0rem 0rem;
                z-index: 500;
                left: 0;
            }

            .BrandConsulting .bottom_ul .topicCard .bottom .left .box_head img {
                width: 0.53333333rem;
                height: 0.53333333rem;
                border-radius: 50%;
                margin: 0rem 0rem 0rem -0.13333333rem;
                border: 0.02666667rem solid #ffffff;
            }

                .BrandConsulting .bottom_ul .topicCard .bottom .left .box_head img:nth-child(2) {
                    z-index: 400;
                }

                .BrandConsulting .bottom_ul .topicCard .bottom .left .box_head img:nth-child(3) {
                    z-index: 300;
                }

                .BrandConsulting .bottom_ul .topicCard .bottom .left .box_head img:nth-child(4) {
                    z-index: 200;
                }

                .BrandConsulting .bottom_ul .topicCard .bottom .left .box_head img:nth-child(5) {
                    z-index: 100;
                }

                .BrandConsulting .bottom_ul .topicCard .bottom .left .box_head img:nth-child(n+6) {
                    display: none;
                }

        .BrandConsulting .bottom_ul .topicCard .bottom .left .join {
            font-size: 0.32rem;
            color: #999999;
        }

    .BrandConsulting .bottom_ul .topicCard .bottom .right {
        font-size: 0.32rem;
        color: #999999;
    }

.BrandConsulting .bottom .bottom_ul .topicCard a {
    background: #ffffff;
    border: 0.02666667rem solid #e5e5e5 !important;
    box-shadow: 0px 0.05333333rem 0.29333333rem 0px rgba(7, 0, 2, 0.04);
    border-radius: 0.26666667rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
    margin: 0.4rem auto 0;
    padding-top: 0;
}

.box_navbar2 {
    width: 10rem;
    height: 1.06666667rem;
    overflow-y: hidden;
    display: flex;
    position: fixed;
    z-index: 100000;
    left: calc(50vw - 5rem + 0);
    background: #ffffff;
    box-shadow: 0px 0.02666667rem 0.37333333rem 0px rgba(0, 0, 0, 0.06);
}

    .box_navbar2 .navbar {
        width: 10rem;
        height: 1.06666667rem;
        background: #ffffff;
        box-shadow: 0px 0.02666667rem 0.37333333rem 0px rgba(0, 0, 0, 0.06);
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        align-content: center;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-box;
        display: box;
        padding-bottom: 0.53333333rem;
    }

        .box_navbar2 .navbar li {
            font-size: 0.37333333rem;
            color: #9097A8;
            text-align: center;
            line-height: 0.96rem;
            // min-width: 0.46666667rem;
            padding: 0rem 0.45333333rem 0rem 0.45333333rem;
        }

            .box_navbar2 .navbar li a {
                font-size: 0.37333333rem;
                color: #9097A8;
            }

            .box_navbar2 .navbar li.active {
                color: #000000;
            }

        .box_navbar2 .navbar .activeline_box {
            left: 0;
            position: absolute;
            top: 0.8rem;
            height: 0.08rem;
            text-align: center;
            min-width: 1.33333333rem;
        }

            .box_navbar2 .navbar .activeline_box .activeline {
                width: 0.53333333rem;
                height: 0.08rem;
                background: #000000;
                border-radius: 0.10666667rem;
                margin: auto;
            }