* {
    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;
    max-width: 10rem;
    margin: auto;
    background: #ffffff;
}

.content {
    max-width: 10rem;
    margin: auto;
}

    .content .banner {
        position: absolute;
        top: 0;
        left: calc(50% - 5rem);
        width: 10rem;
        height: 5.86666667rem;
        z-index: -1;
    }
.banner2 {
width:10rem;
}
    .banner2 img {
        width: 10rem;
        /*margin: 0 0 1.55rem 0;*/
        display: block;
    }
        .content .banner img {
            width: 10rem;
            height: 5.86666667rem;
        }

    .content .acontent {
        width: 10rem;
        padding: 0rem 0rem 1.84rem 0rem;
        border-radius: 0.34666667rem 0.34666667rem 0px 0px;
        margin: 5.06666667rem auto 0;
        position: relative;
        display: inline-block;
    }

        .content .acontent .bg_border {
            position: absolute;
            top: 0;
            left: 0;
            width: 10rem;
            height: 0.8rem;
            background: #ffffff;
            border-radius: 0.34666667rem 0.34666667rem 0px 0px;
        }

        .content .acontent .part {
            width: 8rem;
            margin: 1.54666667rem 0rem 0rem 1.01333333rem;
            position: relative;
        }

            .content .acontent .part .bg01 {
                width: 10rem;
                height: 6.21333333rem;
                position: absolute;
                right: -1.01333333rem;
                top: -1.54666667rem;
                z-index: -1;
            }

            .content .acontent .part .bg02 {
                width: 10rem;
                height: 7.28rem;
                position: absolute;
                left: -0.98666667rem;
                bottom: 3.92rem;
                z-index: -1;
            }

            .content .acontent .part .atitle {
                height: 1.01333333rem;
                font-size: 0.48rem;
                color: #383639;
                position: relative;
                font-family: Microsoft YaHei;
                font-weight: 400;
                text-align: left;
            }

            .content .acontent .part .atext {
                margin: 0.53333333rem auto 0;
                font-size: 0.32rem;
                color: #666666;
                font-family: Microsoft YaHei;
                font-weight: 400;
                height: auto;
            }

                .content .acontent .part .atext .text01 {
                    width: 8rem;
                    height: auto;
                    background: #ffffff;
                    box-shadow: 0px 0.08rem 0.24rem 0px rgba(14, 5, 10, 0.1);
                    border-radius: 0.26666667rem;
                    padding: 0.93333333rem 0rem 0.93333333rem 0rem;
                    display: flex;
                    flex-wrap: wrap;
                    align-items: center;
                    align-content: center;
                    justify-content: center;
                }

                    .content .acontent .part .atext .text01 .textTitle {
                        font-size: 0.37333333rem;
                        font-family: Microsoft YaHei;
                        font-weight: 400;
                        position: relative;
                        color: #333333;
                    }

                        .content .acontent .part .atext .text01 .textTitle::before {
                            content: '';
                            background-image: url('/images/exhibition/icon03.png');
                            position: absolute;
                            background-size: 100% 100%;
                            width: 0.4rem;
                            height: 0.4rem;
                            top: 0.18666667rem;
                            left: -0.77333333rem;
                        }

                        .content .acontent .part .atext .text01 .textTitle::after {
                            content: '';
                            background-image: url('/images/exhibition/icon03.png');
                            position: absolute;
                            background-size: 100% 100%;
                            width: 0.4rem;
                            height: 0.4rem;
                            top: 0.18666667rem;
                            right: -0.77333333rem;
                        }

                    .content .acontent .part .atext .text01 .textContent {
                        width: 100%;
                        text-align: center;
                        margin: 0.26666667rem auto 0;
                        line-height: 0.66666667rem;
                    }

                        .content .acontent .part .atext .text01 .textContent p {
                            font-size: 0.32rem;
                            color: #666666;
                        }

            .content .acontent .part .atitle::after {
                content: '';
                bottom: 0rem;
                left: 0rem;
                width: 0.8rem;
                height: 0.05333333rem;
                position: absolute;
                background: #919aea;
            }

            .content .acontent .part .acontentText {
                text-align: left;
                margin: 1.06666667rem auto 0;
                font-size: 0.32rem;
                color: #666666;
                font-family: Microsoft YaHei;
                font-weight: 400;
                line-height: 0.66666667rem;
            }

    .content .boxFooter {
        width: 10rem;
        height: 3.86666667rem;
        background: #464646;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        align-content: center;
        justify-content: flex-start;
    }

        .content .boxFooter .left {
            height: 2.13333333rem;
            width: 2.82666667rem;
            border-right: 0.02666667rem solid #5A5A5A;
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            align-content: center;
            justify-content: space-between;
            text-align: center;
        }

            .content .boxFooter .left p {
                margin: auto;
                width: 0.8rem;
                font-size: 0.37333333rem;
                color: #ffffff;
            }

        .content .boxFooter .center {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-content: center;
            align-items: center;
            width: 4.32rem;
        }

            .content .boxFooter .center .one {
                height: 0.42666667rem;
                display: flex;
                flex-wrap: nowrap;
                justify-content: flex-start;
                align-content: center;
                align-items: center;
            }

                .content .boxFooter .center .one img {
                    width: 0.42666667rem;
                    height: 0.42666667rem;
                    margin: 0rem 0.29333333rem 0rem 0.48rem;
                }

                .content .boxFooter .center .one span {
                    font-size: 0.32rem;
                    color: #ffffff;
                }

                .content .boxFooter .center .one:nth-child(2) {
                    margin: 0.26666667rem 0rem 0rem 0rem;
                }

        .content .boxFooter .right img {
            width: 1.73333333rem;
            height: 1.73333333rem;
        }

.box_share {
    display: none !important;
}

[v-cloak] {
    display: block !important;
}