.user-list-style {
    padding: 1.06667vw 0 0;
    margin: 0 4vw 4vw;
}

    .user-list-style .item {
        position: relative;
    }

        .user-list-style .item + .item {
            margin-top: 4vw;
        }

    .user-list-style .item-thumb,
    .user-list-style .item-info {
        position: relative;
    }

    .user-list-style .item .content-head {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

        .user-list-style .item .content-head .item-thumb {
            width: 30.93333vw;
            height: 30.93333vw;
            border-radius: 1.33333vw;
            display: inline-block;
            margin-right: 3.2vw
        }

            .user-list-style .item .content-head .item-thumb .item-cover {
                border-radius: 1.33333vw
            }

    .user-list-style .item .item-info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: 100%;
        width: 0;
        word-wrap: break-word;
        word-break: normal
    }

        .user-list-style .item .item-info .item-title {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            line-height: 5.86667vw;
            margin-bottom: 1.6vw
        }

            .user-list-style .item .item-info .item-title .nickname {
                font-weight: 500;
                font-size: 4.26667vw;
                color: #333
            }

    .user-list-style .item-info .inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom: 1.6vw
    }

        .user-list-style .item-info .inner span {
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 0 1.6vw;
            height: 5.33333vw;
            border-radius: 2.66667vw;
            background: #f6f6f6;
            font-size: 3.2vw;
            font-weight: 400;
            color: #999
        }

            .user-list-style .item-info .inner span + span {
                margin-left: 1.6vw
            }

        .user-list-style .item-info .inner .female {
            background: #fff1f3;
            color: #ff6681
        }

        .user-list-style .item-info .inner .male {
            background: #e5effe;
            color: #4890f7
        }

    .user-list-style .item-info .label-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden;
        margin-bottom: 1.6vw
    }

        .user-list-style .item-info .label-wrap .item-label {
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            font-weight: 400;
            font-size: 3.73333vw;
            color: #666;
            height: 5.33333vw;
            line-height: 5.33333vw;
            white-space: nowrap
        }

            .user-list-style .item-info .label-wrap .item-label + .item-label:before {
                content: "";
                display: inline-block;
                width: .53333vw;
                height: .53333vw;
                background: #999;
                border-radius: 50%;
                margin: 0 1.06667vw
            }

    .user-list-style .item-info .gender {
        display: inline-block;
        width: 3.73333vw;
        height: 3.73333vw;
        background-repeat: no-repeat;
        background-size: 3.73333vw 3.73333vw;
        margin-left: 1.06667vw
    }

        .user-list-style .item-info .gender.male {
            background-image: url(https://wx-img.jhrx.cn/xiangqin/image/ic_user_list_sex_1.png)
        }

        .user-list-style .item-info .gender.female {
            background-image: url(https://wx-img.jhrx.cn/xiangqin/image/ic_user_list_sex_2.png)
        }

    .user-list-style .two-image-mode {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4.26667vw 3.46667vw
    }

        .user-list-style .two-image-mode .item {
            margin: 0;
            position: static
        }

        .user-list-style .two-image-mode .item-thumb {
            width: 100%;
            height: auto;
            border-radius: 2.13333vw;
            margin-bottom: 2.66667vw
        }

            .user-list-style .two-image-mode .item-thumb .item-cover {
                border-radius: 2.13333vw
            }

        .user-list-style .two-image-mode .item .item-info {
            width: 100%
        }

            .user-list-style .two-image-mode .item .item-info .inner {
                margin: 0
            }

        .user-list-style .two-image-mode .item .show-mask {
            top: auto;
            width: 100%;
            height: 62.4vw
        }

    .user-list-style .big-image-mode .item .item-thumb {
        width: 100%;
        height: auto;
        border-radius: 2.13333vw;
        margin-bottom: 2.66667vw
    }

        .user-list-style .big-image-mode .item .item-thumb .item-cover {
            border-radius: 2.13333vw
        }

    .user-list-style .big-image-mode .item .item-info {
        width: 100%
    }

    .user-list-style .big-image-mode .item .item-thumb .photolist {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 16vw;
        margin-top: 2.13333vw;
        position: absolute;
        bottom: 1.33333vw;
        left: 3.46667vw
    }

        .user-list-style .big-image-mode .item .item-thumb .photolist .photo-item {
            width: 12.8vw;
            height: 12.8vw;
            border-radius: 2.13333vw;
            overflow: hidden;
            position: relative;
            border: .53333vw solid rgba(255, 255, 255, .4)
        }

    .user-list-style .photolist {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 9.6vw
    }

        .user-list-style .photolist .photo-item {
            width: 9.6vw;
            height: 9.6vw;
            position: relative
        }

            .user-list-style .photolist .photo-item + .photo-item {
                margin-left: 1.6vw
            }

            .user-list-style .photolist .photo-item .item-cover {
                border-radius: .8vw
            }


    .user-list-style .item-info .item-title .icon-cert {
        display: inline-block;
        width: 12.8vw;
        height: 3.73333vw;
        background-image: url(../images/ic_user_item_smrx_w96.png);
        background-size: 12.8vw 3.73333vw;
        margin-left: 2.13333vw;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

.is_meet {
    width: 16vw;
    height: 16vw;
    background-repeat: no-repeat;
    background-size: 16vw 16vw;
    position: absolute;
    top: -2.66667vw;
    right: -2.66667vw;
    z-index: 1
}

.show-mask {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 245, 245, .37)), color-stop(48%, rgba(245, 245, 245, .7)), to(#f5f5f5));
    background: linear-gradient(180deg, #f5f5f55e, #f5f5f5b3 48%, #f5f5f5);
    -webkit-backdrop-filter: blur(.58667vw);
    backdrop-filter: blur(.58667vw);
    border-radius: 1.33333vw
}

    .show-mask .approve {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .show-mask .approve .finish-text {
            font-size: 3.73333vw;
            font-weight: 400;
            color: #46474d;
            padding: 0 1.33333vw;
            line-height: 5.33333vw;
            margin-bottom: 1.86667vw;
            text-align: justify
        }

        .show-mask .approve .leave-btn {
            width: 34.66667vw;
            height: 9.06667vw;
            background: #ff6681;
            border-radius: 10.66667vw;
            font-size: 3.73333vw;
            font-weight: 600;
            color: #fff;
            line-height: 5.33333vw
        }

.vip-btn {
    width: 29.33333vw;
    height: 9.06667vw;
    background: #ff6681;
    border-radius: 10.66667vw;
    font-size: 3.73333vw;
    font-weight: 600;
    color: #fff;
    line-height: 5.33333vw
}

.van-pull-refresh {
    height: 100%
}

.occupy {
    height: 12.8vw
}

.search-btn {
    color: #666;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2.66667vw 4vw;
    font-size: 3.73333vw
}

    .search-btn:before {
        content: "";
        display: inline-block;
        width: 3.73333vw;
        height: 2.93333vw;
        background: url(../images/ic_home_filter.png) no-repeat;
        background-size: 3.73333vw 2.93333vw;
        margin-right: 1.33333vw
    }

.van-tag--plain {
    margin-right: 5.33333vw
}

.cate-tab .item {
    display: inline-block;
    padding: 2.66667vw 2.66667vw 2.66667vw 0
}

    .cate-tab .item + .item {
        margin-left: 4.26667vw
    }

.cate-tab span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 3.73333vw;
    color: #606266;
    position: relative
}

.cate-tab .item.active .text span {
    font-weight: 600;
    font-size: 4.26667vw;
    color: #222;
    z-index: 1
}

.cate-tab .item.active .text:after {
    content: "";
    display: inline-block;
    width: 5.86667vw;
    height: 1.86667vw;
    background: linear-gradient(160deg, #ff9ad0cc, #fed9f7);
    border-radius: 1.06667vw 0px 1.06667vw 1.06667vw;
    position: absolute;
    bottom: 0;
    right: -.53333vw
}


.outBor {
    width: 92vw;
    height: 24.53333vw;
    margin: 1.33333vw auto 3.2vw;
    background: url(../images/hot_answer_bgc_new.png);
    background-repeat: no-repeat;
    background-size: 92vw 24.53333vw;
    position: relative
}

    .outBor .mark {
        position: absolute;
        left: 2.66667vw;
        top: 2.4vw;
        width: 26.66667vw;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .outBor .mark .hot-icon {
            width: 4.26667vw;
            height: 4.26667vw;
            margin-right: 1.33333vw
        }

        .outBor .mark .hot-title {
            height: 5.33333vw;
            font-weight: 500;
            font-size: 3.73333vw;
            color: #333;
            line-height: 5.33333vw;
            text-align: left;
            font-style: normal
        }

    .outBor .content .right {
        position: absolute;
        right: 3.73333vw;
        top: 2.66667vw;
        width: 13.33333vw;
        height: 5.33333vw;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

        .outBor .content .right .more {
            height: 4.53333vw;
            font-weight: 400;
            font-size: 3.2vw;
            color: #ff6681b3;
            line-height: 4.53333vw;
            text-align: left;
            font-style: normal
        }

        .outBor .content .right .to-class {
            width: 2.66667vw;
            height: 2.66667vw
        }

    .outBor .content-text {
        width: 87.46667vw;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        min-height: 11.73333vw;
        margin: 0 auto 2.66667vw;
        padding: 9.86667vw 2.13333vw 2.13333vw 2.66667vw
    }

        .outBor .content-text .van-swipe {
            height: 13.33333vw
        }

        .outBor .content-text .temp {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            height: 100%
        }

        .outBor .content-text .text {
            width: 77.33333vw;
            padding-right: 4vw;
            font-weight: 500;
            font-size: 3.73333vw;
            color: #333;
            line-height: 5.33333vw;
            text-align: left;
            font-style: normal
        }

.content-text .profile-photo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    float: right
}

.profile-photo .up-photo {
    width: 6.4vw;
    height: 6.4vw;
    margin-left: -3.2vw;
    border: 1px solid #FFECF2;
    border-radius: 100%
}

.profile-photo .more {
    width: 2.66667vw;
    height: 2.66667vw
}

.recommend {
    width: 92vw;
    height: 50.13333vw;
    margin: 0 auto 3.2vw;
    background: url(../images/smart_bgc_new.png);
    background-repeat: no-repeat;
    background-size: 92vw 50.13333vw;
    position: relative;
    padding: 4vw 2.66667vw
}

    .recommend .smart {
        position: absolute;
        left: 2.66667vw;
        top: 2.66667vw;
        width: 26.66667vw;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .recommend .smart .smart-icon {
            width: 4.26667vw;
            height: 4.26667vw;
            margin-right: 1.33333vw
        }

        .recommend .smart .smart-title {
            height: 5.33333vw;
            font-weight: 500;
            font-size: 3.73333vw;
            color: #333;
            line-height: 5.33333vw;
            text-align: left;
            font-style: normal
        }

    .recommend .title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        right: .8vw;
        top: 2.93333vw;
        width: 46.66667vw;
        height: 4.53333vw;
        font-weight: 400;
        font-size: 3.2vw;
        color: #ff6681;
        line-height: 4.53333vw;
        text-align: left;
        font-style: normal;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .recommend .reason {
        font-weight: 400;
        font-size: 3.2vw;
        color: #ff6681;
        position: absolute;
        left: 29.33333vw;
        top: 2.93333vw
    }

    .recommend .content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin: 8vw 0 3.73333vw .8vw
    }

        .recommend .content .avatar img {
            width: 20.8vw;
            height: 20.8vw;
            border-radius: 2.13333vw;
            margin-right: 2.93333vw
        }

        .recommend .content .right {
            position: relative;
            width: 62.66667vw;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            .recommend .content .right .comma-style {
                position: absolute;
                left: 0;
                bottom: 3.73333vw;
                z-index: 8
            }

            .recommend .content .right .img {
                display: block;
                width: 3.46667vw;
                height: 2.4vw
            }

            .recommend .content .right .name {
                width: 100%;
                font-weight: 500;
                font-size: 4.26667vw;
                color: #000;
                text-align: left;
                font-style: normal;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis
            }

            .recommend .content .right .label-info {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-flex-wrap: nowrap;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
                gap: 1.6vw
            }

                .recommend .content .right .label-info span {
                    display: -webkit-inline-box;
                    display: -webkit-inline-flex;
                    display: -ms-inline-flexbox;
                    display: inline-flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    -ms-flex-align: center;
                    align-items: center;
                    padding: 0 1.6vw;
                    height: 5.33333vw;
                    border-radius: 2.66667vw;
                    background: #f6f6f6;
                    font-size: 3.2vw;
                    font-weight: 400;
                    color: #999
                }

                    .recommend .content .right .label-info span.female {
                        background: #fff1f3;
                        color: #ff6681
                    }

                    .recommend .content .right .label-info span.male {
                        background: #e5effe;
                        color: #4890f7
                    }

            .recommend .content .right .label-means {
                color: #777c80;
                z-index: 9;
                width: 100%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                gap: 1.06667vw
            }

                .recommend .content .right .label-means .service {
                    font-weight: 400;
                    font-size: 3.73333vw;
                    color: #666;
                    text-align: left;
                    display: -webkit-inline-box;
                    display: -webkit-inline-flex;
                    display: -ms-inline-flexbox;
                    display: inline-flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                    .recommend .content .right .label-means .service + .service:before {
                        content: "";
                        display: inline-block;
                        width: .53333vw;
                        height: .53333vw;
                        background: #999;
                        border-radius: 50%;
                        margin-right: 1.06667vw
                    }

    .recommend .btn {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative
    }

        .recommend .btn .no {
            width: 39.73333vw;
            height: 9.06667vw
        }

        .recommend .btn .yes {
            width: 46.13333vw;
            height: 9.06667vw
        }

        .recommend .btn .text1 {
            width: 39.46667vw;
            height: 9.6vw;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            position: absolute;
            top: 0;
            left: 0;
            font-weight: 500;
            font-size: 3.2vw;
            color: #ff6681;
            line-height: 4.53333vw;
            text-align: center;
            font-style: normal
        }

        .recommend .btn .text2 {
            width: 46.13333vw;
            height: 9.6vw;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            position: absolute;
            top: 0;
            right: 0;
            font-weight: 500;
            font-size: 3.2vw;
            color: #fff;
            line-height: 4.53333vw;
            text-align: center;
            font-style: normal
        }

.today {
    width: 92vw;
    height: 50.13333vw;
    margin: 0 auto 3.2vw;
    background: url(../images/today_over_bgc_new.png);
    background-repeat: no-repeat;
    background-size: 92vw 50.13333vw;
    position: relative;
    padding: 4vw
}

    .today .content {
        width: 32vw;
        text-align: center;
        margin: 29.33333vw auto 0
    }

        .today .content .content-p {
            height: 5.33333vw;
            font-weight: 500;
            font-size: 3.73333vw;
            color: #333;
            line-height: 5.33333vw
        }

        .today .content .content-t {
            height: 4.53333vw;
            font-weight: 400;
            font-size: 3.2vw;
            color: #999;
            line-height: 4.53333vw
        }

@keyframes wordsLoop-cb39c8c0 {
    0% {
        transform: translate(100px);
        -webkit-transform: translateX(100px)
    }

    to {
        transform: translate(-150%);
        -webkit-transform: translateX(-150%)
    }
}

@-webkit-keyframes wordsLoop-cb39c8c0 {
    0% {
        transform: translate(100px);
        -webkit-transform: translateX(100px)
    }

    to {
        transform: translate(-150%);
        -webkit-transform: translateX(-150%)
    }
}

.switch-enter-active {
    -webkit-animation: switchIn-cb39c8c0 .5s;
    animation: switchIn-cb39c8c0 .5s
}

.switch-leave-active {
    -webkit-animation: switchOut-cb39c8c0 .5s;
    animation: switchOut-cb39c8c0 .5s
}

@-webkit-keyframes switchOut-cb39c8c0 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes switchOut-cb39c8c0 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes switchIn-cb39c8c0 {
    0% {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes switchIn-cb39c8c0 {
    0% {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.skeleton-index-wenda {
    margin: 1.33333vw 4vw 3.2vw
}

    .skeleton-index-wenda .skeleton-block {
        height: 24.53333vw;
        border-radius: 2.13333vw
    }



@keyframes wordsLoop-6798e946 {
    0% {
        transform: translate(100px);
        -webkit-transform: translateX(100px)
    }

    to {
        transform: translate(-150%);
        -webkit-transform: translateX(-150%)
    }
}

@-webkit-keyframes wordsLoop-6798e946 {
    0% {
        transform: translate(100px);
        -webkit-transform: translateX(100px)
    }

    to {
        transform: translate(-150%);
        -webkit-transform: translateX(-150%)
    }
}


@-webkit-keyframes switchOut-6798e946 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes switchOut-6798e946 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes switchIn-6798e946 {
    0% {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes switchIn-6798e946 {
    0% {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.skeleton-index-wenda {
    margin: 1.33333vw 4vw 3.2vw
}

    .skeleton-index-wenda .skeleton-block {
        height: 21.33333vw;
        border-radius: 2.13333vw
    }

.outBor {
    width: 92vw;
    height: 21.33333vw;
    background: url(../images/hot_answer_img.png);
    background-repeat: no-repeat;
    background-size: 92vw 21.33333vw
}

    .outBor .content .right {
        right: 3.73333vw;
        top: 3.2vw
    }

        .outBor .content .right .more {
            height: 4.53333vw;
            font-weight: 400;
            font-size: 3.2vw;
            color: #999;
            line-height: 4.53333vw;
            margin-right: .8vw
        }

        .outBor .content .right .to-class {
            width: 1.33333vw;
            height: 2.13333vw
        }

    .outBor .mark {
        left: 3.73333vw;
        top: 4vw;
        width: 26.66667vw
    }

        .outBor .mark .hot-icon {
            width: 18.66667vw;
            height: 4.26667vw;
            margin-right: 1.33333vw
        }

    .outBor .content-text {
        width: 92vw;
        padding: 8.8vw 2.13333vw 2.13333vw 2.66667vw
    }

        .outBor .content-text .well {
            width: 3.46667vw;
            margin-right: 1.86667vw
        }

.recommend {
    width: 92vw;
    height: 50.13333vw;
    background: url(../images/smart_img.png);
    background-repeat: no-repeat;
    background-size: 92vw 50.13333vw;
    padding: 4vw 2.66667vw
}

    .recommend .smart {
        left: 3.73333vw;
        top: 3.46667vw
    }

        .recommend .smart .smart-icon {
            width: 19.73333vw;
            height: 4.53333vw
        }

.filter-flex {
    width: 100%;
    position: sticky;
    z-index: 1999;
    background-color: #fff;
    top: 0;
}

    .filter-flex .filter-search {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 12.8vw;
        padding: 0 0 0 4vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .filter-flex .filter-search .search-txt {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

            .filter-flex .filter-search .search-txt span {
                font-size: 3.73333vw;
                color: #666;
                margin-right: 2.66667vw
            }


        .filter-flex .filter-search .search-btn {
            color: #666;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 3.2vw 4vw 2.13333vw;
            font-size: 3.73333vw
        }

            .filter-flex .filter-search .search-btn:before {
                content: "";
                display: inline-block;
                width: 3.73333vw;
                height: 2.93333vw;
                background: url(../images/ic_home_filter.png) no-repeat;
                background-size: 3.73333vw 2.93333vw;
                margin-right: 1.33333vw
            }

.van-sticky--fixed .filter-search,
.stick_fixed .filter-search {
    background: #fff
}

.filter-flex .filter-search .quxiao {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 3.73333vw;
    color: #666;
}

    .filter-flex .filter-search .quxiao:after {
        content: "";
        display: inline-block;
        width: 4vw;
        height: 4vw;
        padding: 4vw 2.13333vw;
        background: url(../images/rBLkBlqfjVqAK37hAAAGnw0PShw845.png) no-repeat;
        background-position: 1.6vw center;
        background-size: 4vw 4vw;
    }

.ad-entry {
    position: fixed;
    right: 4vw;
    width: 13.33333vw;
    height: 13.33333vw;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 50%;
    z-index: 101;
    -webkit-box-shadow: 0 1.06667vw 1.06667vw rgba(0, 0, 0, .1);
    box-shadow: 0 1.06667vw 1.06667vw #0000001a
}

.ad-entry {
    bottom: 68.8vw;
    bottom: calc(68.8vw + constant(safe-area-inset-bottom));
    bottom: calc(68.8vw + env(safe-area-inset-bottom))
}

.popup_tips {
    position: relative;
    width: 69.33333vw;
    height: 97.33333vw
}

.popup_tips__inner {
    height: 97.6vw;
    overflow: hidden
}

.popup_tips__cont {
    position: relative;
    display: block;
    height: 97.33333vw;
    -webkit-animation: slideIn-65368318 .6s .1s linear both;
    animation: slideIn-65368318 .6s .1s linear both
}

.popup_tips__pic {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 1.33333vw
}

.popup_tips__close {
    position: absolute;
    top: -3.2vw;
    right: -3.2vw;
    width: 7.73333vw;
    height: 7.73333vw;
    background-color: #fff;
    border-radius: 6.4vw;
    -webkit-animation: closeRotate-65368318 .6s .8s linear both;
    animation: closeRotate-65368318 .6s .8s linear both;
    cursor: pointer
}

    .popup_tips__close:after {
        content: "";
        position: absolute;
        top: 2.13333vw;
        right: 2.13333vw;
        width: 3.46667vw;
        height: 3.46667vw;
        background-image: url(../images/plugin@2x.png);
        background-position: -16.26667vw -10.93333vw;
        background-size: 32.8vw
    }

.hide {
    opacity: 0
}

@-webkit-keyframes fadeIn-65368318 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn-65368318 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes closeRotate-65368318 {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg) translateZ(0);
        transform: rotate(90deg) translateZ(0)
    }

    to {
        opacity: 1;
        -webkit-transform: rotate(0) translateZ(0);
        transform: rotate(0) translateZ(0)
    }
}

@keyframes closeRotate-65368318 {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg) translateZ(0);
        transform: rotate(90deg) translateZ(0)
    }

    to {
        opacity: 1;
        -webkit-transform: rotate(0) translateZ(0);
        transform: rotate(0) translateZ(0)
    }
}

@-webkit-keyframes slideIn-65368318 {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

@keyframes slideIn-65368318 {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

input {
    font-family: PingFangSC-Regular, sans-serif, Hiragino Sans GB, Microsoft Yahei, Arial, Helvetica Neue, Helvetica
}


.login {
    background: #fff
}

    .login .title h1 {
        width: 85%;
        text-align: left;
        font-size: 8vw;
        margin: 5.33333vw auto 2.66667vw;
        font-weight: 700;
        position: relative
    }

        .login .title h1 a {
            font-size: 4.26667vw;
            position: absolute;
            right: 0;
            top: 2.66667vw
        }

.form-header {
    padding: 10.66667vw 8vw 0
}

    .form-header h1 {
        font-size: 8vw;
        margin-bottom: 1.33333vw
    }

    .form-header p {
        font-size: 3.73333vw;
        color: #999
    }

.form-wrap {
    margin-top: 8vw
}

.item {
    color: #66cdaa
}

.form-item {
    margin: 0 8vw 5.86667vw;
    padding: 2.66667vw 5.33333vw;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #eeeeee;
    border-radius: 6.66667vw
}

    .form-item .icon-space {
        position: relative;
        top: 1.6vw;
        display: inline-block;
        width: 5.33333vw;
        height: 5.33333vw
    }

    .form-item input {
        height: 8vw;
        line-height: 8vw;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        padding-left: 2.66667vw;
        font-size: 4vw;
        flex: 1;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .form-item .getcode {
        height: 100%;
        color: #ff677d;
        font-size: 3.73333vw
    }

        .form-item .getcode:disabled {
            color: #aaa
        }

    .form-item .input-status {
        width: 6.66667vw;
        position: relative
    }

    .form-item.has-button .input-status {
        margin-right: 3.2vw
    }

    .form-item.has-button .captcha {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }



.form-capcha {
    margin: 0 8vw 5.86667vw;
    border: 1px solid #eeeeee;
    border-radius: 6.66667vw
}

.form-btn {
    padding: 8vw 5.33333vw 2.66667vw
}

    .form-btn .ui-btn {
        height: 12vw;
        line-height: 12vw;
        background-image: -webkit-linear-gradient(top left, #ffd8c2, #fe7c84 77%)
    }

        .form-btn .ui-btn:disabled {
            background-image: -webkit-linear-gradient(top left, #ddd, #ccc 30%)
        }

.login-third {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 8vw
}

    .login-third .login-third-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .login-third .login-third-item i {
            display: inline-block;
            width: 12vw;
            height: 12vw;
            background-repeat: no-repeat;
            background-size: 12vw 12vw;
            margin-bottom: .8vw;
            border-radius: 50%
        }

.icon-wechat {
    background-image: url(../images/icon_login_wechat_btn.png)
}

.login-dialog {
    width: 80vw;
    border-radius: 5.33333vw
}

.login-wrap .img {
    width: 100%;
    height: 29.33333vw;
    background-image: url(../images/ic_login_auth_bg.png);
    background-size: 100% 29.33333vw
}

.login-head {
    padding: 8vw 8vw 0
}

    .login-head .title {
        font-size: 5.33333vw;
        font-weight: 700;
        font-family: "PingFangSC-Medium,PingFang SC"
    }

    .login-head .desc {
        font-size: 3.73333vw;
        color: #666;
        margin-top: 1.33333vw
    }

.form-wrap {
    margin-top: 5.33333vw
}

.form-item {
    padding: 1.33333vw 5.33333vw;
    margin-bottom: 4vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .form-item input,
    .form-item .getcode {
        font-size: 3.73333vw
    }

    .form-item .captcha {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .form-item .input-status {
        line-height: 0
    }

    .form-item .icon-space {
        top: 0
    }

.form-btn {
    padding: 4vw 9.06667vw 8vw
}

    .form-btn .submit-btn,
    .form-btn .cancel-btn {
        width: 100%;
        height: 10.66667vw;
        line-height: 10.66667vw;
        display: block;
        border-radius: 5.33333vw
    }

        .form-btn .submit-btn:before,
        .form-btn .submit-btn:after {
            display: none
        }

    .form-btn .submit-btn {
        background: #ff677d;
        color: #fff;
        border: none
    }

    .form-btn .cancel-btn {
        color: #666;
        margin-top: 4vw
    }

.tips-dialog {
    width: 80vw;
    border-radius: 5.33333vw;
    overflow: hidden;
    background: #fff url(../images/ic_popup_bg_03.png) no-repeat;
    background-size: 100% auto
}

    .tips-dialog .dialog-cnt {
        text-align: center;
        font-size: 3.73333vw;
        line-height: 5.33333vw;
        margin-top: 40vw
    }

        .tips-dialog .dialog-cnt .dialog-cnt-title {
            color: #ff6681;
            font-size: 4.8vw;
            margin-bottom: 2.66667vw
        }

    .tips-dialog .dialog-cnt-tips {
        font-size: 3.2vw;
        color: #aaa;
        margin-top: .8vw
    }

    .tips-dialog .dialog-cnt .dialog-btn {
        padding: 10.66667vw 6.66667vw 7.46667vw;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

        .tips-dialog .dialog-cnt .dialog-btn .btn {
            font-size: 4.26667vw;
            font-weight: 500;
            color: #fff;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            border: 1px solid #FF6681;
            background: #ff6681;
            height: 10.66667vw;
            line-height: 10.66667vw;
            border-radius: 10.66667vw
        }

            .tips-dialog .dialog-cnt .dialog-btn .btn.plain {
                background: #fff;
                border: 1px solid #FF6681;
                color: #ff6681
            }

            .tips-dialog .dialog-cnt .dialog-btn .btn + .btn {
                margin-left: 4vw
            }

    .tips-dialog .dialog-cnt .dialog-cnt-txt {
        margin: 0 4vw;
        color: #666
    }

        .tips-dialog .dialog-cnt .dialog-cnt-txt .dialog-title {
            color: #333;
            font-size: 4.26667vw;
            font-weight: 600;
            margin-bottom: 2.66667vw
        }

        .tips-dialog .dialog-cnt .dialog-cnt-txt span {
            color: #ff677d
        }

    .tips-dialog .dialog-cnt .dialog-text-btn {
        background-color: #f8f8f8;
        padding: 1.33333vw 2.66667vw;
        margin: 4vw 5.33333vw 5.33333vw;
        height: 14.4vw;
        border-radius: 14.4vw;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .tips-dialog .dialog-cnt .dialog-text-btn .text {
            padding: 0 5.33333vw 0 2.66667vw;
            color: #aaa
        }

        .tips-dialog .dialog-cnt .dialog-text-btn .btn {
            height: 9.33333vw;
            line-height: 9.33333vw;
            border-radius: 9.33333vw
        }


.form-item .input-status .quxiao {
    display: inline-block;
    width: 5.33333vw;
    height: 5.33333vw;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2.66667vw;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAAEgBckRAAAAAXNSR0IArs4c6QAABYVJREFUaAXtWE9PXUUUf1ih8qdqqTUhQKAVoZImTcV+AVfGxIWJLl0YY1zoB2jSRdOu/A4u3Whi0oXBhPARtG0aSgD54wMEEi0xCjwsEPX8bu9v3rnnzsy97yGmMW+SeXPm/D/zzsycO5VKoLUp/EQK78k4T/zE39JkMlGr1VZkPEuJhFtoP7S1tb1BboyXdnd352ScmJqauq4JgM+CYJHRObidxDMpa4Job2/HNIFJqAB5eHiY8lUqjqCRjpoCGRuWWDjnipDReUuEGu8Cdj4J7JixlHAeoxLIRkdCGnomUtIwlnXpT+Gd1YJPEWxj6BHfxox/yXISpwVGBXmGBDPekzlSOvM/JMybm5u3yaz+h9eJ4x93gYiDg4MahMDc3d19jXiOz6bAi0QMDw9/Duatra3vZEclbpCGkRbWiKRmWiKeIwW2iYAb0AxL29vbVeI56lWCe1dIMKNbWi1AHpe1gtiR/iMJT+foC8HnKdZjUHq3dJwtNemPpLvFFdjbYgZiqehT9kCQR5bgM+DbEFYuNnf/MJiYRxTAUmR2W7VavY5k1HuE5xXwXV1d1kmdJbkj6bIYOE1reoShoaGh94hjQnNuRheFjaB+BygJeEzlq6ur34C0tLR0S7EEQWtgwXJiGWSfJicBbkVsQYzYu6AtLCx8ZmSweVyz60dCZh2JLDH+Ijzrmi9kADyguYNOC3ngnGIPTwv1f12BWBbpmM/J5CXpXdKxGVFXIh1zh5vgMq3IwCXhxhEda9icuyGGkIHYfejThd3rvfpOebhh9KoHH0PhgDwjPXcB2bMISsruXvDqBgO4SzLNGkDh7trOzs6XgTO/sra2dgM0x/wEyNwlQFkDF7VAb2/vB5jv7e19ry8WKB8cHHx3Y2PjW82fwvj/XLMGHAEAvgY6OjqSDxca0coHBgZuZQSeTFAcuGazyHtM48LBnUApeB5QDpbH0h+SNxoBmRDJ+vr6Hc5HR0dvE/aMyScT8aUM6GWBIJeLSsyImsm1QgNaOZbF/idOUx14VAfzWYQd6drMzMxHzBauuf3jHXMdyGw2G0Fmu6+srCzPzc19QeXUQSOyVLZIwCGYaTaLQESavZzhKj+5a1ltBKDjGMa3X6MNtWmu+Q47MP0qHTuy6KgGLxq+y/5KIPPjWyLDUolV2Xi3+M0KtOatFWitwH+5AmW2cZE/KEPOS0fN0kjDvYDz6FjHQDMBQGZAerPHuYh6Gz7Bfpaee0HycqfIRgLAyY2i7bmYwn+BhmsIl2ThVwFslQ3gOBco7DTTSn0U+y5jawyfN950mZycfFOe9r6an5//VFfFVoGdowadnZ39WGS/np6efsvS0zlswna0FQWAezh44UsxNtTZ2TkyNjb2IcpIvCXFAoHjqBBRQI+Pj38isq+IjgsRD2EbPgRbLIXOidRwUDIlwKnFxcXMGxWec0dGRm7ySRc8y8vLybcK9aHyR3FOHuIDY1XwmUqUfLEAsGFzn3IUtGMokKOjo8com8nfoOMUw9e3rX4TWiyAq8JRlGI04EZfICA26Tj1oha9z4keYw56Xx21sIWZKnyV1PT+/v538DoZ2yOa38BBX2IB5D5QjFI3hePcnEwXrDjea/EZx+fVvr6+t8tsdqe4DgR9iaUQLq4rdR15iCtOp8ERShVfatnNnrfgMPhe8l5ssQAgjTrnIgBfw/NLT0/Pa6CFHLdyNpD9/f2fJK3et3xqHv1sKgoAenAS5d59lIGTBHHyBN//YLhMAOR7VYBGK07INtNQqS5KLyzsygZAJ7AvkFInFQgcR8p4813wudZoAFoBUgtldbDU0MwRGCcMyuhoqoTkjxOA1Yl/5wXpz0vvkI53Or7V4RxHP5D+h/TfpZdeZeFttdYKnNQK/AOmRf5DMXFR8wAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: 5.33333vw auto
}



.login-third {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 8vw
}



.van-skeleton {
    padding: 0;
    display: block
}

    .van-skeleton .van-skeleton-paragraph {
        background: #f8f8f8;
        margin: 0
    }

.skeleton-index-swipe .skeleton-row {
    padding: 4vw 4vw 0
}

    .skeleton-index-swipe .skeleton-row .skeleton-block {
        border-radius: 3.73333vw
    }

.skeleton-index-nav .skeleton-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.66667vw
}

    .skeleton-index-nav .skeleton-row .skeleton-block {
        border-radius: 2.13333vw
    }

.skeleton-index-nav.theme-secondary {
    padding: 2.66667vw 4vw
}

    .skeleton-index-nav.theme-secondary .skeleton-block {
        height: 13.33333vw
    }

.skeleton-index-nav.theme-primary {
    padding: 4vw 4vw 2.66667vw
}

    .skeleton-index-nav.theme-primary .skeleton-block {
        height: 18.66667vw
    }

.container-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.index-swipe {
    position: relative;
    padding: 4vw 4vw 0;
    overflow: hidden
}

    .index-swipe .van-swipe {
        border-radius: 2.66667vw
    }

        .index-swipe .van-swipe .van-swipe__indicators .van-swipe__indicator {
            opacity: 1;
            width: 2.13333vw;
            height: 2.13333vw;
            background: var(--van-white)
        }

        .index-swipe .van-swipe .van-swipe__indicators .van-swipe__indicator--active {
            background: var(--van-primary-color)
        }

    .index-swipe .vip-register {
        z-index: 1;
        position: absolute;
        right: 6.66667vw;
        top: 6.66667vw;
        text-align: center;
        padding: 0 2.66667vw;
        height: 6.93333vw;
        line-height: 6.93333vw;
        background: #000000a6;
        border-radius: 3.73333vw;
        font-weight: 400;
        font-size: 3.2vw;
        color: var(--van-white)
    }

        .index-swipe .vip-register span {
            color: var(--van-primary-color);
            font-size: 3.2vw;
            font-weight: 400
        }

.mod-nav {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 4vw 4vw 2.66667vw;
    position: relative
}

    .mod-nav.flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 2.66667vw
    }

    .mod-nav.grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 2.66667vw;
        height: auto
    }

    .mod-nav::-webkit-scrollbar,
    .mod-nav.mod-nav-new::-webkit-scrollbar {
        display: none
    }

    .mod-nav .nav-item {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 3.73333vw;
        color: #46474d
    }

        .mod-nav .nav-item .entry {
            width: 16vw;
            height: 11.73333vw;
            background-size: 11.73333vw auto;
            display: block;
            position: relative;
            background-repeat: no-repeat;
            margin: 0 auto 1.06667vw
        }

            .mod-nav .nav-item .entry img {
                width: 11.73333vw;
                height: 11.73333vw;
                display: block;
                margin: 0 auto
            }

.mod-nav-new {
    padding: 0 4vw;
    position: relative;
    width: 100%;
    margin: 2.66667vw 0 3.2vw;
    overflow-x: auto;
    overflow-y: hidden
}

    .mod-nav-new.flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 2.66667vw
    }

    .mod-nav-new.grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 4.26667vw;
        height: auto
    }

    .mod-nav-new::-webkit-scrollbar {
        display: none
    }

    .mod-nav-new .nav-item {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 3.2vw;
        color: #46474d;
        position: relative
    }

        .mod-nav-new .nav-item .entry {
            width: 20.8vw;
            height: 13.33333vw;
            display: block;
            position: relative;
            background-repeat: no-repeat;
            margin: 0
        }

            .mod-nav-new .nav-item .entry img {
                width: 20.8vw;
                height: 13.33333vw
            }

        .mod-nav-new .nav-item .ui-nowrap {
            height: 3.73333vw;
            font-weight: 400;
            font-size: 3.73333vw;
            color: #46474d;
            line-height: 3.73333vw;
            position: absolute;
            bottom: .53333vw
        }

.main-container {
    background: #fff;
    border-top-left-radius: 3.73333vw;
    border-top-right-radius: 3.73333vw;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.list-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 18.66667vw
}

.modalmask {
    display: none;
    background: #000;
    opacity: .5;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    left: 0;
    bottom: 0;
    right: 0;
}

.nav {
    width: 100%;
    position: absolute;
    top: 48px;
    left: 0;
    display: none;
    flex-wrap: wrap;
    padding: 0 12px;
    background-color: #ffffff;
    box-sizing: border-box;
    z-index: 101;
}

.ui-btn-wrap {
    width: 100%;
    padding: 2.66667vw 4vw 2.66667vw 0;
    overflow: hidden;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .ui-btn-wrap .btn-default {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 10.66667vw;
        padding: 0;
        background-color: #ff6681;
        border: 0 none;
        border-radius: 10.66667vw;
        color: #fff;
        font-size: 4.26667vw;
        text-align: center;
        overflow: hidden;
        line-height: 10.66667vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 2.66667vw;
    }

.btn-reset {
    font-size: 3.2vw;
    color: #b0b2bf;
    text-align: center;
    padding: 0 5.33333vw;
}

    .btn-reset:before {
        content: "";
        display: block;
        width: 6.4vw;
        height: 6.4vw;
        background: url(../images/ic_search_reset.png) no-repeat;
        background-size: 6.4vw 6.66667vw;
        background-position: center -.53333vw;
    }

.filter-panel {
    width: 100%;
    font-size: 3.2vw;
    height: 106.66667vw;
    overflow-x: hidden;
    overflow-y: auto;
}

.search-input {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 10.66667vw;
    line-height: 10.66667vw;
    background: #f2f2f2;
    border-radius: 1.06667vw;
    padding: 0 2.66667vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
}

    .search-input:before {
        content: "";
        display: inline-block;
        width: 4.26667vw;
        height: 4.26667vw;
        background: url(../images/ic_s_bt.png) no-repeat;
        background-size: 4.26667vw 4.26667vw;
        margin-right: 2.13333vw;
    }

.weui-select {
    background: #f3f3f3;
    border-radius: 1.06667vw;
    margin: 2vw;
    padding: 0 3.73333vw;
    color: #ff6681;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 40px;
    line-height: 40px;
}

    .weui-select.active {
        color: #03081b;
    }

.icon-arrow {
    display: inline-block;
    width: 1.6vw;
    height: 2.66667vw;
    background-image: url(../images/arrow_right.png);
    background-repeat: no-repeat;
    background-size: 1.6vw 2.66667vw;
}

.filter-fixed {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
}

.filter-panel {
    padding: 4vw 6vw;
    position: relative;
    z-index: 2001;
    background-color: #fff;
}

.ui-btn-wrap {
    position: relative;
    z-index: 2001;
}

.filter-flex .filter-search {
    z-index: 2001;
    background-color: #fff;
}