@charset "UTF-8";

::-webkit-scrollbar {
    width: 1.06667vw;
    border-radius: .53333vw
}

::-webkit-scrollbar-track {
    background-color: #fff4f5
}

::-webkit-scrollbar-thumb {
    width: .53333vw;
    border-radius: .53333vw;
    background-color: #ff6681
}

.guide-dialog .dialog-cnt {
    margin-top: 35.2vw
}

    .guide-dialog .dialog-cnt .dialog-btn {
        padding: 5.33333vw 6.66667vw 4vw;
        font-size: 4.26667vw
    }

.ui-progress {
    overflow: hidden;
    width: 100%;
    height: 4.26667vw;
    line-height: 4.26667vw;
    font-size: 0;
    background-color: #e2e2e2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2.13333vw
}

    .ui-progress span {
        display: block;
        width: 0;
        background: #fe7c84;
        height: 100%;
        font-size: 3.2vw;
        border-radius: 2.13333vw;
        text-align: right;
        padding: 0 2.13333vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff
    }

.guide-bd {
    font-size: 3.73333vw;
    width: 100%;
    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;
    padding: 0 2.13333vw
}

    .guide-bd .title {
        height: 5.86667vw;
        font-size: 4.26667vw;
        font-weight: 600;
        color: #272d39;
        line-height: 5.86667vw;
        margin-bottom: 2.13333vw
    }

.check-content {
    text-align: left;
    height: 33.33333vw;
    background: #fff4f5;
    border-radius: 2.13333vw;
    padding: 3.2vw 4.8vw
}

.check-title {
    height: 5.33333vw;
    font-size: 3.73333vw;
    font-weight: 400;
    color: #46474d;
    line-height: 5.33333vw
}

.check-cont {
    color: #ff6681;
    font-size: 3.73333vw;
    font-weight: 400;
    margin-top: 2.4vw;
    height: 17.33333vw;
    overflow-y: auto;
    line-height: 5.86667vw;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.content {
    text-align: center;
    color: #46474d
}

    .dialog .dialog-cnt {
        position: relative;
        z-index: 1003
    }

    .dialog .dialog-cnt-tit {
        font-weight: 700;
        text-align: center;
        margin: 4vw 0 4.26667vw
    }

.guide-bg {
    width: 100%;
    height: 106.66667vw;
    background-image: url(/m/images/bg_guide_offic_wap.png);
    background-size: 100% 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10.66667vw 0 0
}

.guide-image {
    width: 48vw;
    height: 48vw;
    margin: 0 auto;
    background: #fff
}

    .guide-image .van-image,
    .guide-image .van-image__loading {
        width: 100%;
        height: 100%
    }

.guide-txt {
    margin-top: 2.66667vw
}

.guide-link {
    color: #fe7c84;
    text-decoration: underline;
    padding: 1.33333vw 0 6.4vw
}

    .guide-link span {
        cursor: pointer
    }

.feed-dialog {
    border-radius: 5.33333vw 5.33333vw 0 0
}

.feed-wrap {
    background-image: url(https://wx-img.jhrx.cn/xiangqin/2022/img/hn/ic_hn_tc_bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 0
}

    .feed-wrap .feed-hd .title {
        text-align: center;
        font-size: 4.26667vw;
        font-weight: 600;
        height: 14.4vw;
        line-height: 14.4vw
    }

.popup-form-wrap .form-item .text-box {
    background: #fcfcfc
}

.ui-cell {
    position: relative;
    overflow: hidden
}

    .ui-cell:not(:first-of-type):before {
        content: "";
        position: absolute;
        left: 10.13333vw;
        right: 0;
        background: #f2f2f2;
        width: 100%;
        height: 1px;
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0
    }

.ui-cell-row {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 4vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .ui-cell-row .ui-cell-hd {
        height: 5.33333vw;
        line-height: 5.33333vw
    }

    .ui-cell-row .ui-cell-bt {
        width: 48.53333vw;
        height: 5.33333vw;
        font-weight: 500;
        color: #333;
        line-height: 5.33333vw;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        word-wrap: break-word;
        word-break: normal;
        max-width: 100%;
        width: 0;
        padding-left: 2.66667vw;
        font-size: 3.73333vw
    }

        .ui-cell-row .ui-cell-bt .badge {
            margin-left: 1.33333vw
        }

        .ui-cell-row .ui-cell-bt .respop {
            display: inline-block;
            width: 9.6vw;
            height: 4vw;
            background-image: url(http://wx-img.jhrx.cn/love/20180507/icon_c_set_respop.png?v1);
            background-repeat: no-repeat;
            background-size: 9.6vw 4vw;
            font-size: 2.4vw;
            text-align: center;
            line-height: 4vw;
            color: #fff;
            margin-left: 1.33333vw;
            vertical-align: top
        }

    .ui-cell-row .ui-cell-ft .icon-arrow {
        display: inline-block;
        width: 1.6vw;
        height: 2.93333vw;
        background-image: url(//wx-img.jhrx.cn/love/image/arrow_right.png);
        background-repeat: no-repeat;
        background-size: 1.6vw 2.93333vw;
        vertical-align: middle
    }

    .ui-cell-row .ui-cell-ft .tip {
        color: #ff6681;
        font-size: 3.2vw;
        line-height: 4.8vw;
        margin: 0 2.66667vw 0 0
    }

.ui-panel-bd {
    overflow-y: auto
}

.ui-cell-hd .icon {
    width: 5.86667vw;
    height: 6.4vw;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 5.86667vw auto
}

.ui-cell-hd .icon-menu-hmd {
    background-image: url(//wx-img.jhrx.cn/xiangqin/2022/img/my/ic_my_cate_hmd.png)
}

.ui-cell-hd .icon-menu-ys {
    background-image: url(//wx-img.jhrx.cn/xiangqin/2022/img/my/ic_my_cate_ys.png)
}

.ui-cell-hd .icon-menu-yhxy {
    background-image: url(//wx-img.jhrx.cn/xiangqin/2022/img/my/ic_my_cate_yhxy.png)
}

.ui-cell-hd .icon-menu-fptx {
    background-image: url(//wx-img.jhrx.cn/xiangqin/2022/img/my/ic_my_cate_fptx.png)
}

.ui-cell-hd .icon-menu-wires {
    background-image: url(//wx-img.jhrx.cn/wap/wires_icon.png)
}

.ui-cell-hd .icon-menu-photo {
    background-image: url(//wx-img.jhrx.cn/xiangqin/2022/img/my/ic_my_cate_photo.png)
}

.ui-cell-hd .icon-menu-wd {
    background-image: url(//wx-img.jhrx.cn/wap/index/ic_my_cate_wd.png)
}

.ui-cell-hd .icon-menu-yulu {
    background-image: url(//wx-img.jhrx.cn/xiangqin/2022/img/my/ic_my_cate_yulu.png)
}

.ui-cell-hd .icon-menu-meet {
    background-image: url(//wx-img.jhrx.cn/xiangqin/2022/img/my/ic_my_cate_meet.png)
}

.ui-cell-hd .icon-menu-gift {
    background-image: url(//wx-img.jhrx.cn/xiangqin/2022/img/my/ic_my_cate_gift.png)
}

.ui-cell-hd .icon-menu-hn {
    background-image: url(//wx-img.jhrx.cn/xiangqin/2022/img/my/ic_my_cate_hn.png)
}

.ui-cell-hd .icon-menu-qmhn {
    background-image: url(//wx-img.jhrx.cn/xiangqin/2022/img/my/ic_my_cate_qmhn.png)
}

.ui-cell-hd .icon-menu-setting {
    background-image: url(//wx-img.jhrx.cn/xiangqin/2022/img/my/ic_my_cate_setting.png)
}

.ui-cell-hd .icon-menu-wen {
    background-image: url(//wx-img.jhrx.cn/xiangqin/2022/img/ic_my_cate_wen.png)
}

.ui-cell-hd .icon-menu-da {
    background-image: url(//wx-img.jhrx.cn/xiangqin/2022/img/ic_my_cate_da.png)
}

.ui-cell-hd .icon-menu-fk {
    background-image: url(//wx-img.jhrx.cn/xiangqin/image/ic_my_cate_fk.png)
}

.mt5 {
    margin-top: 1.33333vw
}

.swiper-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.swiper-wrapper {
    height: 5.86667vw;
    line-height: 5.86667vw;
    overflow: hidden
}

    .swiper-wrapper .swiper-slide {
        width: 100%;
        position: relative
    }

        .swiper-wrapper .swiper-slide .item {
            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: #eae2d7
        }

.ui-progress {
    width: 100%;
    height: 1.06667vw;
    font-size: 0;
    background-color: #ffdde7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: .53333vw;
    margin-top: .8vw
}

    .ui-progress span {
        display: block;
        width: 0;
        background: #ff6681;
        height: 100%;
        font-size: 0;
        border-radius: .53333vw;
        position: relative;
        -webkit-transition: width .3s ease-in-out
    }

.ui-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4vw
}

.p-main-wrapper {
    padding-bottom: 18.66667vw
}

.p-info {
    width: 100%;
    overflow: hidden
}

    .p-info .p-head {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 5.33333vw 4vw;
        position: relative
    }

    .p-info .content-head {
        width: 100%;
        height: 13.33333vw;
        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
    }

    .p-info .item-thumb {
        width: 13.33333vw;
        height: 13.33333vw;
        margin-right: 3.2vw;
        display: inline-block;
        position: relative;
        border-radius: 2.13333vw;
        overflow: hidden
    }

        .p-info .item-thumb .item-cover {
            border-radius: 2.13333vw;
            padding: 0;
            width: 100%;
            height: 100%;
            background-position: 0 0;
            background-color: #fff;
            background-repeat: no-repeat;
            background-size: cover;
            overflow: hidden;
            position: relative;
            border-width: .53333vw;
            border-style: solid
        }

        .p-info .item-thumb.male .item-cover {
            border-color: #409eff
        }

        .p-info .item-thumb.female .item-cover {
            border: .53333vw solid rgb(255, 102, 129)
        }

        .p-info .item-thumb.nopic .item-cover {
            border-color: #cfd4de
        }

        .p-info .item-thumb .tips {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 4vw;
            line-height: 4vw;
            background: #00000080;
            font-size: 2.93333vw;
            color: #dfdfdf;
            text-align: center
        }

    .p-info .item-info {
        -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;
        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: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .p-info .item-info .login-title {
            font-size: 4.26667vw;
            margin-bottom: 1.33333vw
        }

        .p-info .item-info .tit {
            max-width: 100%;
            margin: 1px 0 .8vw
        }

        .p-info .item-info .name {
            font-size: 4.26667vw;
            color: #222;
            font-weight: 600;
            line-height: 6.4vw
        }

        .p-info .item-info .tit .status {
            font-size: 3.2vw;
            color: #ff9a39
        }

            .p-info .item-info .tit .status.kssh {
                color: #ff6681;
                margin-left: .8vw
            }

        .p-info .item-info .idcode {
            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: #777c80
        }

            .p-info .item-info .idcode span {
                margin: 0 1.06667vw 0 .53333vw
            }

            .p-info .item-info .idcode .id {
                font-size: 4.8vw
            }

            .p-info .item-info .idcode .copy {
                font-size: 3.2vw
            }

            .p-info .item-info .idcode .copy-text {
                display: inline-block;
                width: 3.2vw;
                height: 3.2vw;
                background: url(../images/ic_user_id_copy.png) no-repeat;
                background-size: 100%
            }

        .p-info .item-info .inner {
            height: 6.66667vw;
            overflow: hidden
        }

    .p-info .opera {
        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: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .p-info .opera .edit-btn {
            padding: 0 2.13333vw 0 2.93333vw;
            height: 8.53333vw;
            line-height: 8.53333vw;
            border-radius: 4.26667vw;
            font-size: 3.73333vw;
            color: #fff;
            background: linear-gradient(44deg, #ff87a1, #ff6681);
            -webkit-box-shadow: 0 .53333vw 1.06667vw rgba(255, 115, 140, .6);
            box-shadow: 0 .53333vw 1.06667vw #ff738c99;
            text-align: center
        }

        .p-info .opera .exp-div {
            margin-top: .53333vw;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex
        }

            .p-info .opera .exp-div .text {
                text-align: right;
                font-size: 3.2vw;
                font-weight: 500;
                color: #272d39;
                line-height: 5.86667vw;
                margin-left: 1.06667vw
            }

                .p-info .opera .exp-div .text span {
                    color: #606266
                }

            .p-info .opera .exp-div .ui-progress {
                margin-top: 2.13333vw
            }

.user-count {
    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;
    text-align: center;
    margin-top: 3.2vw
}

    .user-count .item {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        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: 1.06667vw 0
    }

        .user-count .item .text {
            font-weight: 400;
            font-size: 3.73333vw;
            color: #999;
            margin-right: 1.06667vw
        }

        .user-count .item .count {
            font-size: 5.33333vw;
            color: #03081b;
            font-weight: 600
        }

.user-card {
    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;
    margin-top: 3.2vw;
    width: 100%;
    position: relative
}

.user-nums {
    width: calc(100% - 6.4vw);
    height: 25.33333vw;
    background-color: #f9e4c5;
    background-image: -webkit-linear-gradient(135deg, #F9E4C5, #F9E4C5 67%);
    border-radius: 2.66667vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0 3.2vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .user-nums .item {
        height: 3.2vw;
        line-height: 3.2vw;
        color: #b7925c;
        font-size: 3.2vw;
        padding: 3.2vw 0 2.4vw 5.33333vw;
        background-position: left 3.46667vw
    }

        .user-nums .item em {
            margin-left: 2.13333vw;
            color: #ada14f;
            font-weight: 700
        }

        .user-nums .item.pay {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            color: #fae5cf;
            text-decoration: underline;
            text-align: right;
            padding-right: 6.4vw
        }

        .user-nums .item.act {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            color: #b7925c;
            text-align: right;
            padding-right: 4vw
        }

            .user-nums .item.act em {
                color: #ada14f
            }

.user-vip {
    width: 100%;
    height: 21.33333vw;
    background-color: #232120;
    background-image: url(../images/ic_my_vip_bg.png);
    background-size: 100%;
    border-radius: 2.66667vw;
    position: relative;
    -webkit-box-shadow: 0 0 2.66667vw rgba(88, 49, 49, .4);
    box-shadow: 0 0 2.66667vw #58313166;
    overflow: hidden
}

    .user-vip .vip-bg {
        width: 28.53333vw;
        height: 28.53333vw;
        background-image: url(../images/ic_my_vip_bg.png);
        background-repeat: no-repeat;
        background-size: 28.53333vw auto;
        position: absolute;
        left: -3.73333vw;
        top: -3.46667vw;
        z-index: 0
    }

.user-vip-leave {
    position: relative;
    z-index: 1;
    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;
    height: 100%;
    padding: 0 4vw
}

.vip-img {
    width: 13.33333vw;
    margin-right: 3.2vw
}

    .vip-img image {
        width: 100%
    }

.vip-msg {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

    .vip-msg .name {
        font-size: 4.8vw;
        font-weight: 700;
        color: #e6ebee;
        line-height: 5.33333vw
    }

    .vip-msg .desc {
        font-size: 3.2vw;
        color: #ecedec;
        margin-top: 2.13333vw
    }

.user-vip-cont {
    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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

    .user-vip-cont .vip-hd {
        width: 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-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        color: #ffe7cb;
        padding: 0 4vw 0 6.66667vw
    }

        .user-vip-cont .vip-hd .title {
            font-size: 3.73333vw;
            font-weight: 700
        }

        .user-vip-cont .vip-hd .time {
            font-size: 3.2vw
        }

    .user-vip-cont .vip-nav {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 1.06667vw 2.66667vw 0
    }

        .user-vip-cont .vip-nav .item {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            text-align: center
        }

            .user-vip-cont .vip-nav .item .num {
                font-size: 4.8vw;
                color: #ffeebf;
                font-weight: 700
            }

            .user-vip-cont .vip-nav .item .text {
                font-size: 3.2vw;
                color: #ffeebf99
            }

            .user-vip-cont .vip-nav .item .link {
                color: #ffe7cb
            }

                .user-vip-cont .vip-nav .item .link:after {
                    content: "";
                    display: inline-block;
                    width: 1.33333vw;
                    height: 2.4vw;
                    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMxJREFUeNpi/P/8tBgDA0MMEC9gkDB5x4ADMAFxIhD3AvFehhdnhPEpnAfEl4HYAIj34FLMBLTuNZB2BuJLSIpFsJnIAFXsgqR4N7piJjiLgGImFPMRii+iK2b8//8/pstfnBEFK2Jg0IdqcsKuEKJYE+oMFiDOZ8KhCGTdcqgikInLmHAo2oNkrSvQ7W+YsLgNWZEL1INIvsb0AEjRG9TgQVV0AV0RRCHETciKXNEVwUxMIaSIAep9UOr5A8TzgYre4kpmuAMcDQAEGAB8l1PPgCLSwwAAAABJRU5ErkJggg==);
                    background-repeat: no-repeat;
                    background-size: 1.33333vw 2.4vw;
                    margin-left: 1.06667vw
                }

.vip-btn {
    display: inline-block;
    width: 13.06667vw;
    height: 13.06667vw;
    background-image: -webkit-linear-gradient(135deg, #fef2db, #f6d4a6 67%);
    border-radius: 50%;
    position: relative;
    text-align: center;
    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;
    border: 1.06667vw solid #665f5b;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

    .vip-btn span {
        display: block;
        font-size: 3.2vw;
        color: #3f3b3b;
        position: relative;
        z-index: 1;
        line-height: 4vw;
        font-weight: 700
    }

.p-info .ui-label {
    color: #ff677d;
    font-size: 3.2vw;
    padding: 0 1.6vw;
    display: inline-block;
    border-radius: 2.66667vw;
    margin-right: 1.6vw;
    margin-top: 1.6vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 5.06667vw;
    line-height: 4.53333vw
}

    .p-info .ui-label:before {
        content: "";
        border-color: #f8a9b5;
        border-radius: 1.6vw
    }

    .p-info .ui-label:active {
        background-color: inherit
    }

.p-info .item-info .login-tit {
    font-size: 4.26667vw;
    margin: 3.2vw 0 1.33333vw;
    color: #03081b
}

.p-info .item-info .login-tip {
    font-size: 3.2vw;
    color: #b0b2bf
}

.ui-panel {
    background: #fff;
    margin: 0 4vw;
    border-radius: 2.66667vw
}

    .ui-panel + .ui-panel {
        margin-top: 4vw
    }

.ui-panel-hd {
    padding: 3.2vw 3.2vw 0;
    font-size: 4.26667vw;
    font-weight: 700;
    color: #111
}

.ui-panel-entranceImg {
    background: #fff;
    margin: 4vw;
    border-radius: 2.66667vw
}

.entranceImg img {
    width: 92vw;
    height: 18.66667vw
}

.user-cert {
    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: 13.33333vw;
    padding: 0 3.2vw 0 3.73333vw;
    position: relative
}

    .user-cert .hd {
        font-size: 4.26667vw;
        font-weight: 600;
        color: #333
    }

    .user-cert .bd {
        padding: 0
    }

        .user-cert .bd .text {
            font-size: 3.2vw;
            color: #ff6681
        }

        .user-cert .bd .arrow-right {
            display: inline-block;
            color: #999
        }

.user-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 1.06667vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .user-menu .item {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center
    }

        .user-menu .item .icon {
            width: 6.4vw;
            height: 6.4vw;
            position: relative
        }

            .user-menu .item .icon:before {
                content: "";
                display: inline-block
            }

    .user-menu.cert .item .icon:before {
        content: "";
        width: 6.4vw;
        height: 6.4vw;
        background-repeat: no-repeat;
        background-size: 6.4vw auto
    }

    .user-menu.cert .item .icon-cert:before {
        background-image: url(https://wx-img.jhrx.cn/wap/shiming_on_icon.png)
    }

    .user-menu.cert .item .icon-edu:before {
        background-image: url(https://wx-img.jhrx.cn/wap/xueli_on_icon.png)
    }

    .user-menu.cert .item .icon-car:before {
        background-image: url(https://wx-img.jhrx.cn/wap/che_on_icon.png)
    }

    .user-menu.cert .item .icon-house:before {
        background-image: url(https://wx-img.jhrx.cn/wap/fang_on_icon.png)
    }

    .user-menu.cert .item .icon-daodian:before {
        background-image: url(https://wx-img.jhrx.cn/wap/daodian_on_icon.png)
    }

    .user-menu.cert .item .icon-single:before {
        background-image: url(https://wx-img.jhrx.cn/wap/hunkuang_on_icon.png)
    }

    .user-menu.cert .item .icon-promise:before {
        background-image: url(https://wx-img.jhrx.cn/wap/promise_on_icon_new.png)
    }

    .user-menu.cert .item .icon-cert.on:before {
        background-image: url(https://wx-img.jhrx.cn/wap/shiming_icon.png)
    }

    .user-menu.cert .item .icon-edu.on:before {
        background-image: url(https://wx-img.jhrx.cn/wap/xueli_icon.png)
    }

    .user-menu.cert .item .icon-car.on:before {
        background-image: url(https://wx-img.jhrx.cn/wap/che_icon.png)
    }

    .user-menu.cert .item .icon-house.on:before {
        background-image: url(https://wx-img.jhrx.cn/wap/fang_icon.png)
    }

    .user-menu.cert .item .icon-daodian.on:before {
        background-image: url(https://wx-img.jhrx.cn/wap/daodian_icon.png)
    }

    .user-menu.cert .item .icon-single.on:before {
        background-image: url(https://wx-img.jhrx.cn/wap/hunkuang_icon.png)
    }

    .user-menu.cert .item .icon-promise.on:before {
        background-image: url(https://wx-img.jhrx.cn/wap/promise_icon.png)
    }

.user-nav {
    padding: 4vw 2.66667vw
}

    .user-nav .item .icon {
        width: 8vw;
        height: 8vw;
        background-repeat: no-repeat;
        margin: 0 auto;
        background-size: 100% auto
    }

    .user-nav .item .text {
        font-size: 3.73333vw;
        color: #333;
        text-align: center;
        margin-top: 1.06667vw;
        white-space: nowrap
    }

.guide-offic {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 3.2vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .guide-offic .thumb {
        width: 10.66667vw;
        height: 10.66667vw;
        margin-right: 2.66667vw
    }

        .guide-offic .thumb img {
            width: 10.66667vw;
            height: 10.66667vw;
            border-radius: 50%
        }

    .guide-offic .info {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

        .guide-offic .info .title {
            font-size: 4.26667vw;
            font-weight: 600
        }

        .guide-offic .info .text {
            color: #999;
            margin-top: 1.06667vw;
            font-size: 3.2vw;
            font-weight: 400;
            white-space: nowrap
        }

    .guide-offic .btn {
        width: 16vw;
        height: 7.46667vw;
        background-color: #ff677d;
        color: #fff;
        border-radius: 3.73333vw;
        margin-left: 1.33333vw;
        font-size: 3.73333vw;
        white-space: nowrap
    }

        .guide-offic .btn:after {
            display: none
        }

.ui-foot {
    margin: 4vw;
    text-align: center
}

    .ui-foot .hn-btn {
        width: 100%;
        height: 11.73333vw;
        background: #fceced;
        font-size: 4.26667vw;
        color: #fe7c84;
        border-radius: 11.73333vw;
        margin-bottom: 2.66667vw
    }

    .ui-foot .text {
        color: #b0b2bf;
        font-size: 3.2vw
    }

        .ui-foot .text:before {
            content: "";
            display: inline-block;
            width: 3.73333vw;
            height: 3.2vw;
            background: url(../images/ic_hn_xin_bt.png) no-repeat;
            background-size: 3.73333vw 3.2vw;
            margin-right: 1.33333vw;
            position: relative;
            top: 1px
        }

.hetong-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ff405ced;
    border-radius: 2.66667vw;
    z-index: 10;
    padding: 4.8vw 0 0 4vw
}

    .hetong-mask .icon-warn {
        display: inline-block;
        width: 3.73333vw;
        height: 3.73333vw;
        background: url(//wx-img.jhrx.cn/xiangqin/2022/image/hetong/ic_hetong_warn.png) no-repeat;
        background-size: 3.73333vw 3.73333vw;
        position: absolute;
        top: 5.86667vw;
        left: 5.33333vw
    }

    .hetong-mask .hetong-info {
        color: #fff;
        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: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 8vw
    }

        .hetong-mask .hetong-info .icon-arrow {
            display: inline-block;
            width: 1.6vw;
            height: 2.66667vw;
            background-image: url(http://wx-img.jhrx.cn/xiangqin/2022/image/arrow_right_02.png);
            background-repeat: no-repeat;
            background-size: 1.6vw 2.66667vw;
            vertical-align: -1px;
            margin-left: 2.66667vw
        }

.gray-text .num,
.gray-text .text {
    color: gray
}

.popup-content {
    padding: 4.2vw;
}

.user-menu .item img {
    width: 6.4vw;
    height: 6.4vw;
    position: relative;
}