.location {
    position: absolute;
}

html,
body {
    height: 100%;
}

.page_box {
    position: relative;
}

.page1 {
    width: 100%;
    height: 100vh;
    background-color: #ffffff;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: center;
}

    .page1 .head {
        width: 100%;
        background: #ffffff;
        text-align: center;
    }

        .page1 .head .img_logo {
            width: 4.53333333rem;
            height: 1.49333333rem;
            margin: 1.46666667rem auto 0;
        }

    .page1 .search {
        margin: 1.46666667rem auto 0;
    }

    .page1 .img_location {
        width: 10rem;
        height: 6.53333333rem;
        margin: 0.53333333rem auto 0;
    }

    .page1 .img_slideup {
        position: absolute;
        width: 0.66666667rem;
        bottom: 2.66666667rem;
        z-index: 1000;
        -webkit-animation: nudge 2s linear infinite alternate;
        animation: nudge 2s linear infinite alternate;
    }

@-webkit-keyframes nudge {
    0%, 100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    50% {
        -webkit-transform: translate(0, -0.4rem);
        transform: translate(0, -0.4rem);
    }
}

@keyframes nudge {
    0%, 100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    50% {
        -webkit-transform: translate(0, -0.4rem);
        transform: translate(0, -0.4rem);
    }
}

.container {
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
}

    .container .head {
        width: 10rem;
        height: 4.61333333rem;
        background: #eeeeed;
        text-align: center;
    }

        .container .head img {
            width: 4.06666667rem;
            height: 1.30666667rem;
            margin: 1.41333333rem auto 0;
        }

    .container .search {
        margin: 0.26666667rem auto 0;
        box-shadow: none !important;
        border: 1px solid #e6e6e6;
    }

    .container .choose .layui-tab-title {
        width: 8.53333333rem;
        height: 1.33333333rem;
        margin: 0.4rem auto 0;
        font-size: 0.4rem !important;
        color: #999999;
        display: flex;
        justify-content: space-between;
    }

    .container .choose .layui-tab-content {
        width: 100%;
        height: auto;
    }

        .container .choose .layui-tab-content .layui-tab-one {
            position: relative;
            width: 100%;
            height: 5.22666667rem;
        }

            .container .choose .layui-tab-content .layui-tab-one .spanitem.active {
                background: #a77f4c !important;
                color: #ffffff !important;
                border-radius: 0.08rem;
            }

            .container .choose .layui-tab-content .layui-tab-one .outSide.active {
                background: #a77f4c !important;
                color: #ffffff !important;
                border-radius: 0.08rem;
            }

            .container .choose .layui-tab-content .layui-tab-one .spanitem {
                width: 0.93333333rem;
                height: 0.85333333rem;
                background: #ffffff;
                border: 1px solid #ebebeb;
                border-radius: 0.08rem;
                text-align: center;
                line-height: 0.85333333rem;
            }

            .container .choose .layui-tab-content .layui-tab-one .secE {
                width: 9.2rem;
                height: 0.85333333rem;
                display: flex;
                justify-content: space-between;
                flex-wrap: nowrap;
                font-size: 0.37333333rem;
                color: #333333;
                margin: 0.56rem auto 0;
            }

            .container .choose .layui-tab-content .layui-tab-one .secW {
                width: 6.45333333rem;
                height: 0.85333333rem;
                display: flex;
                justify-content: space-between;
                flex-wrap: nowrap;
                font-size: 0.37333333rem;
                color: #333333;
                margin: 0.24rem 0rem 0rem 0.4rem;
            }

            .container .choose .layui-tab-content .layui-tab-one .secN {
                width: 6.45333333rem;
                height: 0.85333333rem;
                display: flex;
                justify-content: space-between;
                flex-wrap: nowrap;
                font-size: 0.37333333rem;
                color: #333333;
                margin: 0.24rem 0rem 0rem 0.4rem;
            }

            .container .choose .layui-tab-content .layui-tab-one .sec4 {
                width: 2.93333333rem;
                height: 0.85333333rem;
                display: flex;
                flex-wrap: nowrap;
                font-size: 0.37333333rem;
                color: #333333;
                margin: 0.24rem 0rem 0rem 0.4rem;
            }

                .container .choose .layui-tab-content .layui-tab-one .sec4 span {
                    width: 2.93333333rem;
                    height: 0.85333333rem;
                    background: #ffffff;
                    border: 1px solid #ebebeb;
                    border-radius: 0.08rem;
                    text-align: center;
                    line-height: 0.85333333rem;
                }

            .container .choose .layui-tab-content .layui-tab-one .sec5 {
                position: absolute;
                background-color: #f7f7f7;
                top: 1.12rem;
                left: 7.28rem;
                width: 2.32rem;
                height: 2.64rem;
            }

                .container .choose .layui-tab-content .layui-tab-one .sec5 .img_position {
                    width: 2.32rem;
                    height: 2.02666667rem;
                }

                .container .choose .layui-tab-content .layui-tab-one .sec5 .txt_position {
                    width: 2.32rem;
                    height: 0.61333333rem;
                    font-size: 0.29333333rem;
                    font-family: PingFang-SC-Medium;
                    line-height: 0.61333333rem;
                    text-align: center;
                }

                    .container .choose .layui-tab-content .layui-tab-one .sec5 .txt_position .txt01 {
                        color: #A77F4E;
                    }

        .container .choose .layui-tab-content .layui-tab-three {
            width: 10rem;
            height: 5.09333333rem;
            display: flex;
            justify-content: center;
            align-content: flex-start;
            flex-wrap: wrap;
        }

            .container .choose .layui-tab-content .layui-tab-three .sec_item {
                width: 2.26666667rem;
                height: 2.13333333rem;
                display: block;
                text-align: center;
                flex-wrap: nowrap;
            }

                .container .choose .layui-tab-content .layui-tab-three .sec_item img {
                    width: 0.66666667rem;
                    height: 0.66666667rem;
                    margin: 0.88rem auto 0;
                }

                    .container .choose .layui-tab-content .layui-tab-three .sec_item img.active {
                        display: none;
                    }

                .container .choose .layui-tab-content .layui-tab-three .sec_item .two_active {
                    display: block !important;
                }

                .container .choose .layui-tab-content .layui-tab-three .sec_item .img_two {
                    display: none;
                }

                .container .choose .layui-tab-content .layui-tab-three .sec_item p {
                    height: 0.34666667rem;
                    font-size: 0.32rem;
                    font-family: PingFang-SC-Medium;
                    color: #333333;
                    text-align: center;
                    line-height: 0.34666667rem;
                    margin: 0.13333333rem auto 0;
                }

                    .container .choose .layui-tab-content .layui-tab-three .sec_item p.active {
                        color: #A77F4E;
                    }

        .container .choose .layui-tab-content .layui-tab-four {
            width: 9.2rem;
            margin: 0.56rem auto 0;
        }

            .container .choose .layui-tab-content .layui-tab-four .list_nav {
                display: flex;
                justify-content: space-between;
            }

                .container .choose .layui-tab-content .layui-tab-four .list_nav li {
                    background: #f3f4f6;
                    border-radius: 0.08rem;
                    width: 2rem;
                    height: 0.85333333rem;
                    line-height: 0.85333333rem;
                    text-align: center;
                    font-size: 0.37333333rem;
                    font-family: PingFang-SC-Medium;
                }

                    .container .choose .layui-tab-content .layui-tab-four .list_nav li.active {
                        background: #a77f4c;
                        color: #ffffff;
                    }

            .container .choose .layui-tab-content .layui-tab-four .list_content {
                width: 9.2rem;
                margin: 0.16rem auto 0;
                padding-bottom: 1.6rem;
            }

                .container .choose .layui-tab-content .layui-tab-four .list_content li {
                    width: 9.2rem;
                    height: 2.45333333rem;
                    background: #ffffff;
                    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
                    border-radius: 0.10666667rem;
                    margin: 0.4rem auto 0;
                    display: flex;
                    justify-content: space-between;
                    align-content: center;
                    align-items: center;
                }

                    .container .choose .layui-tab-content .layui-tab-four .list_content li .left {
                        width: 3.2rem;
                        height: 2.45333333rem;
                        text-align: right;
                        display: flex;
                        align-items: center;
                        justify-content: flex-end;
                    }

                        .container .choose .layui-tab-content .layui-tab-four .list_content li .left img {
                            width: 2.8rem;
                            height: 1.65333333rem;
                            border: 1px solid #eeeeee;
                            border-radius: 0.05333333rem;
                        }

                    .container .choose .layui-tab-content .layui-tab-four .list_content li .right {
                        width: 5.6rem;
                        height: 1.65333333rem;
                        display: flex;
                        align-content: space-between;
                        flex-wrap: wrap;
                    }

                        .container .choose .layui-tab-content .layui-tab-four .list_content li .right .title {
                            width: 100%;
                            font-size: 0.4rem;
                            font-family: PingFang-SC-Medium;
                            font-weight: bold;
                            color: #333333;
                            line-height: 24px;
                        }

                        .container .choose .layui-tab-content .layui-tab-four .list_content li .right .txt02 {
                            width: 100%;
                            font-size: 0.32rem;
                            font-family: PingFang-SC-Medium;
                            color: #999999;
                        }

                        .container .choose .layui-tab-content .layui-tab-four .list_content li .right .txt03 {
                            width: 100%;
                            font-size: 0.32rem;
                            font-family: PingFang-SC-Medium;
                            color: #999999;
                        }

.page_search {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2000;
    width: 100%;
    height: 100vh;
    background-color: #f3f4f6;
}

.noactive {
    display: none;
}

.page_search ._search {
    width: 10rem;
    height: 1.6rem;
    display: inline-block;
    background: #ffffff;
    display: flex;
    align-content: center;
    justify-content: space-around;
    align-items: center;
}

    .page_search ._search .box {
        width: 8.16rem;
        height: 1.17333333rem;
        border-radius: 0.13333333rem;
        line-height: 1.17333333rem;
        background: #ffffff;
        border: 1px solid #e2e2e2;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

        .page_search ._search .box .text {
            font-size: 0.32666667rem;
            width: 5.6rem;
            height: 1.06666667rem;
            line-height: 1.06666667rem;
            color: #000000;
        }

        .page_search ._search .box .img_search {
            width: 0.50666667rem;
            height: 0.50666667rem;
        }

    .page_search ._search .cancle {
        font-size: 0.42666667rem;
        font-family: PingFang-SC-Medium;
        color: #333333;
    }

.page_search ._hot_search {
    margin: 0.29333333rem auto 0;
}

    .page_search ._hot_search .title {
        font-size: 0.37333333rem;
        font-family: PingFang-SC-Medium;
        color: #7b7c81;
    }

    .page_search ._hot_search ._box_content {
        margin-top: 0.32rem !important;
    }

    .page_search ._hot_search .title2 {
        font-size: 0.37333333rem;
    }

.page_search .result {
    font-size: 0.37333333rem;
    line-height: 0.34666667rem;
    height: 0.34666667rem;
    margin: 0.50666667rem 0rem 0rem 0.48rem;
    font-family: PingFang-SC-Medium;
    color: #646464;
}

.sec-img {
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    position: fixed;
    top: 0;
    z-index: 1000000000;
    -webkit-overflow-scrolling: touch;
}

    .sec-img img {
        width: 100%;
    }


.img_slideup {
    bottom: 1.33333333rem !important;
    width: 0.53333333rem !important;
}

.img_location {
    width: 100% !important;
    height: auto !important;
}

.div-location {
    margin-top: 1.6rem;
    position: relative;
}

.img-text {
    width: 4.3rem;
    position: absolute;
    bottom: 2.13333333rem;
    left: 1.06666667rem;
    -webkit-animation: nudge 2s linear infinite alternate;
    animation: nudge 2s linear infinite alternate;
}

.swiper-container,
.swiper-wrapper,
.swiper-slide {
    height: 1.33333333rem;
}