/*自定义*/
.mui-pull-caption {
    color: #888;
    font-weight: 500;
}

.mui-h5, h5 {
    font-size: .45rem;
}

.mui-bar .mui-icon {
    font-size: .82rem;
}

.mui-title {
    line-height: 1.42rem;
}

.mui-poppicker-header .mui-btn {
    font-size: .45rem !important;
}

input[type=search] {
    background-color: #efefef !important;
}
/*toast信息提示*/
.mui-toast-container {
    top: 30% !important;
    bottom: 50% !important;
}

.mui-toast-message {
    background-color: #000 !important;
    background: url("img/tip.png") no-repeat center 10px #000;
    background-size: 40px 40px;
    opacity: .8 !important;
    color: #fff !important;
    width: 180px !important;
    padding: 70px 5px 10px 5px !important;
}

.span_border_radius_in {
    margin-left: .2rem;
    background-image: linear-gradient(160deg, #FF9800 20%,#FFC107 80%);
    padding: .1rem .3rem;
    border-radius: .2rem;
    border-radius: 1rem;
    color: #fff;
}

.span_border_radius_out {
    margin-left: .2rem;
    background-image: linear-gradient(160deg, #009688 20%,#4CAF50 80%);
    padding: .1rem .3rem;
    border-radius: .2rem;
    border-radius: 20px 20px 20px 0px;
    color: #fff;
}
/*优化jconfirm自带的提示*/
.jconfirm-box-container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.jconfirm.jconfirm-white .jconfirm-bg {
    background-color: rgba(0, 0, 0, 0.8) !important;
    opacity: 0.8 !important;
}

.title {
    font-size: .5rem !important;
    font-weight: bolder !important;
    color: #333;
}

.jconfirm .jconfirm-box div.content-pane .content {
    color: #333;
    font-size: .46rem;
    line-height: .65rem;
}

/*jconfirm【确定-取消】按钮优化*/
.jconfirm .jconfirm-box div.title-c {
    line-height: 30px;
    text-align: center;
}

.jconfirm.jconfirm-white .jconfirm-box .buttons {
    float: none;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    border-top: solid 1px #f2f2f2;
}

    .jconfirm.jconfirm-white .jconfirm-box .buttons button {
        border-radius: 0rem !important;
        font-size: 18px !important;
        width: 30%;
        box-shadow: unset;
    }

.btn-comfirmok {
    color: #ff5722 !important;
    background: #fff !important;
    padding: 8px 20px !important;
}

.btn-comfirmcancel {
    color: #000 !important;
}

.jconfirm .jconfirm-box .buttons button + button {
    margin-left: 5px;
    font-weight: 400 !important;
    background: #fff !important;
    padding: 8px 20px !important;
    border-left: solid 1px #eee !important;
}

.jconfirm.jconfirm-white .jconfirm-box .buttons button.btn-default {
    box-shadow: none !important;
    padding: 3px 10px !important;
    background: linear-gradient(-90deg,#deba83,#f7dfb0) !important;
    color: #6e442d !important;
    border-radius: 50px !important;
}


@keyframes bouncedelay {
    0% {
        transform: scale(0.6);
    }

    100% {
        transform: scale(1.0);
    }
}
/*用户登录页*/
.login_banner {
    width: 100%;
}

/*内容区*/
.mui-content {
    width: 100%;
    height: 100%;
    background-color: unset !important;
    overflow: auto;
}
/*工作台*/
.cnt {
    width: 100%;
    display: inline-block;
    margin-top: 50px;
    padding: 0 4%;
}

/*工作台*/
.cnt {
    width: 100%;
    display: inline-block;
    margin-top: 50px;
    padding: 0 4%;
}

.boutit {
    width: 100%;
    background: #fff;
    margin-top: 2%;
    line-height: 1.6rem;
}

    .boutit span.tit {
        font-size: .5rem;
        color: #000;
    }

    .boutit span.more {
        font-size: .42rem;
        color: #999;
    }

    .boutit i.iconfont {
        font-size: .48rem;
        margin-right: 0.15rem;
        color: #f44336;
    }

        .boutit i.iconfont.icon-gongzuotai {
            color: #4caf50;
        }

        .boutit i.iconfont.icon-arrow {
            font-size: .38rem;
            margin-right: 0;
            margin-left: .1rem;
            line-height: 1.65rem;
            color: #999;
        }

.task_list {
    width: 100%;
    display: inline-block;
    box-shadow: 0px 8px 8px 2px rgb(0 0 0 / 5%);
    padding: 0.4rem 0;
    border: solid 1px #f6f6f6;
    border-radius: 0.3rem;
}

    .task_list ul li {
        width: 25%;
        float: left;
        text-align: center;
        padding: 10px 0;
    }

        .task_list ul li p.p1 {
            font-size: .5rem;
            color: #000;
            font-weight: 500;
        }

            .task_list ul li p.p1.c1 {
                color: #009c08;
            }

            .task_list ul li p.p1.c2 {
                color: #d67242;
            }

            .task_list ul li p.p1.c3 {
                color: #ff1100;
            }

            .task_list ul li p.p1.c4 {
                color: #009688;
            }

            .task_list ul li p.p1.fmin {
                font-size: 13px;
                min-height: 29px;
                line-height: 29px;
            }

        .task_list ul li p.p2 {
            font-size: .36rem;
            color: #666;
            padding-top: 0.25rem;
        }
/*常用工具*/
.index_menu_list {
    width: 100%;
    display: inline-block;
    padding: 0.5rem 0;
    padding-top: 0rem;
}

    .index_menu_list ul li {
        width: 25%;
        float: left;
        text-align: center;
        margin-bottom: 0.5rem;
    }

        .index_menu_list ul li .item {
            width: 92%;
            margin: 4%;
            padding: 0.35rem 0;
            box-shadow: 0px 5px 5px 2px rgb(0 0 0 / 5%);
            border: solid 1px #e9e9fb;
            background: #fff;
            border-radius: 0.3rem;
            position: relative;
        }

            .index_menu_list ul li .item p.p1 {
                width: 100%;
            }

                .index_menu_list ul li .item p.p1 > i.iconfont {
                    font-size: .75rem;
                }

                    .index_menu_list ul li .item p.p1 > i.iconfont.ic1 {
                        color: #f44336;
                    }

                    .index_menu_list ul li .item p.p1 > i.iconfont.ic2 {
                        color: #30b535;
                    }

                    .index_menu_list ul li .item p.p1 > i.iconfont.ic3 {
                        color: #e91e63;
                    }

                    .index_menu_list ul li .item p.p1 > i.iconfont.ic4 {
                        color: #ff6565;
                    }

                    .index_menu_list ul li .item p.p1 > i.iconfont.ic5 {
                        color: #0083eb;
                    }

                    .index_menu_list ul li .item p.p1 > i.iconfont.ic6 {
                        color: #009688;
                    }

                    .index_menu_list ul li .item p.p1 > i.iconfont.ic7 {
                        color: #060716;
                    }

                    .index_menu_list ul li .item p.p1 > i.iconfont.ic8 {
                        color: #3f51b5;
                    }

            .index_menu_list ul li .item p.p2 {
                font-size: .38rem;
                color: #3c415e;
                padding-top: 0.25rem;
            }

            .index_menu_list ul li .item > em {
                position: absolute;
                top: -0.2rem;
                right: 0.1rem;
                font-size: .3rem;
                font-style: normal;
                background: linear-gradient(to right, #f44336, #e91e63);
                padding: 0.02rem 0.1rem;
                border-radius: 1rem 1rem 1rem 0;
                color: #fff;
                box-shadow: 0px 8px 8px 2px rgb(0 0 0 / 5%);
                min-width: 0.75rem;
                -webkit-animation: em_flash 1s ease-in-out infinite;
                animation: em_flash 1s ease-in-out infinite;
            }

@keyframes em_flash {
    from {
        top: -0.2rem;
    }

    to {
        top: -0.3rem;
    }
}

@-webkit-keyframes em_flash {
    from {
        top: -0.2rem;
    }

    to {
        top: -0.3rem;
    }
}
/*会员中心*/
/*用户中心横向模板菜单*/
.items_list {
    width: 100%;
    padding: 3%;
    margin-top: 35px;
}

    .items_list ul li {
        width: 32.40%;
        display: inline-block;
    }

        .items_list ul li .items {
            width: 90%;
            margin: 5%;
            text-align: center;
            background: #fff;
            box-shadow: 0 1px 10px 0 rgb(0 0 0 / 4%);
            border-radius: 5px;
            display: inline-block;
            padding: 15px 0;
            overflow: hidden;
            position: relative;
        }

            .items_list ul li .items .icon {
                width: 100%;
                line-height: 23px;
                padding-top: 5px;
            }

                .items_list ul li .items .icon.ic1 {
                    color: #4caf50;
                }

                .items_list ul li .items .icon.ic2 {
                    color: #ff5c5c;
                }

                .items_list ul li .items .icon.ic3 {
                    color: #0ebf15;
                }

                .items_list ul li .items .icon > i.iconfont {
                    font-size: 1rem;
                }

            .items_list ul li .items .tit {
                width: 100%;
                font-size: .45rem;
                line-height: 25px;
                margin: 8px 0 4px 0;
                color: #000;
            }

            .items_list ul li .items .btn {
                width: 100%;
            }

                .items_list ul li .items .btn > em {
                    font-size: .42rem;
                    padding: 1px 8px;
                    border: solid 1px #ffd6d6;
                    color: #ff5757;
                    border-radius: 30px;
                    font-style: normal;
                }
/*用户中心列表菜单*/
.menu_list {
    width: 92%;
    margin: 0 4%;
}

.tabs_list {
    width: 100%;
    padding: 3%;
    background: #fff;
    padding: 0 10px;
    border-radius: 5px;
    box-shadow: 0 1px 10px 0 rgb(0 0 0 / 4%);
}

    .tabs_list .tabs {
        width: 100%;
        display: inline-block;
        padding: 15px 0;
        border-bottom: solid 1px #f6f6f6;
    }

        .tabs_list .tabs:last-child {
            border-bottom: 0px;
        }

        .tabs_list .tabs:first-child {
            padding-top: 15px;
        }

        .tabs_list .tabs .tabs_lft {
            width: 130px;
            float: left;
            position: relative;
            margin-left: 5px;
        }

            .tabs_list .tabs .tabs_lft > i.iconfont {
                font-size: 18px;
                color: #000;
            }

            .tabs_list .tabs .tabs_lft span {
                font-size: .45rem;
                color: #000;
                margin-left: 5px;
            }

        .tabs_list .tabs .tabs_rt {
            float: right;
            width: 175px;
            text-align: right;
            font-size: .42rem;
            color: #999;
        }

            .tabs_list .tabs .tabs_rt > i.iconfont {
                font-size: 12px;
                color: #aaa;
                margin-left: 3px;
            }

            .tabs_list .tabs .tabs_rt span > em {
                font-style: normal;
                font-size: 13px;
                color: #ef383f;
                margin: 0 3px;
                font-weight: 700;
            }
/*客户列表*/
.memberlist {
    width: 100%;
    padding: 0 4%;
    max-width: 480px;
    margin: 0 auto;
}

    .memberlist ul {
        margin-bottom: 2rem;
    }

        .memberlist ul li {
            width: 100%;
            padding: 4% 3%;
            display: inline-block;
            background: #fff;
            border-radius: 10px;
            margin-bottom: 15px;
            box-shadow: 0px 5px 5px 2px rgb(0 0 0 / 2%);
        }

            .memberlist ul li .toprow {
                width: 100%;
                display: inline-block;
            }

                .memberlist ul li .toprow .time {
                    width: 60%;
                    display: inline-block;
                    color: #999;
                    font-size: 14px;
                    float: left;
                    line-height: 29px;
                }

                    .memberlist ul li .toprow .time .iconfont {
                        margin-right: 5px;
                        font-size: 14px;
                    }

                .memberlist ul li .toprow .state {
                    width: 40%;
                    display: inline-block;
                    text-align: right;
                    float: right;
                }

                    .memberlist ul li .toprow .state .btn {
                        background: #eee;
                        width: 70%;
                        display: inline-block;
                        text-align: center;
                        padding: 5px 0;
                        border-radius: 25px;
                        color: #fff;
                        font-size: 14px;
                    }

                        .memberlist ul li .toprow .state .btn .iconfont {
                            margin-left: 3px;
                            font-size: 14px;
                        }

                        .memberlist ul li .toprow .state .btn.wait {
                            background: linear-gradient(to right, #657cff, #91a1ff);
                        }

                        .memberlist ul li .toprow .state .btn.over {
                            background: linear-gradient(to right, #22be69, #70dfa3);
                        }

                        .memberlist ul li .toprow .state .btn.err {
                            background: linear-gradient(to right, #ff5a90, #ffadbf);
                        }

            .memberlist ul li .items {
                width: 100%;
                display: inline-block;
                position: relative;
                margin: 10px 0;
            }

                .memberlist ul li .items .himg {
                    width: 1.4rem;
                    height: 1.4rem;
                    display: inline-block;
                    position: absolute;
                    overflow: hidden;
                    top: 1px;
                    left: 5px;
                    border-radius: 1.4rem;
                }

                    .memberlist ul li .items .himg .thisimg {
                        width: 1.4rem;
                        height: 1.4rem;
                    }

                .memberlist ul li .items .ucnt {
                    padding-left: 1.8rem;
                }

                    .memberlist ul li .items .ucnt .uid {
                        font-size: 16px;
                        margin-top: 6px;
                        position: relative;
                    }

                        .memberlist ul li .items .ucnt .uid .minf {
                            font-size: 14px;
                            color: #000;
                            font-style: normal;
                        }

                    .memberlist ul li .items .ucnt .utype {
                        position: absolute;
                        font-size: 12px;
                        right: 0;
                        top: 0;
                        padding: 5px 10px;
                        border-radius: 50px;
                        color: #3f51b5;
                    }

                        .memberlist ul li .items .ucnt .utype.online {
                            color: #3f51b5;
                        }

                        .memberlist ul li .items .ucnt .utype.offline {
                            color: #ff5722;
                        }

                    .memberlist ul li .items .ucnt .info {
                        font-size: 14px;
                        color: #888;
                        line-height: 25px;
                    }

                        .memberlist ul li .items .ucnt .info .iconfont {
                            margin-right: 3px;
                        }

                            .memberlist ul li .items .ucnt .info .iconfont.icon-nv1 {
                                color: #ff81bd;
                            }

                            .memberlist ul li .items .ucnt .info .iconfont.icon-nan1 {
                                color: #2196f3;
                            }

                        .memberlist ul li .items .ucnt .info em.line {
                            display: inline-block;
                            height: 10px;
                            border-right: 1px solid #cccccc;
                            margin: 0px 10px;
                        }

                    .memberlist ul li .items .ucnt .invuser {
                        font-size: 12px;
                        line-height: 25px;
                        color: #e37b5a;
                    }

                        .memberlist ul li .items .ucnt .invuser .emtip {
                            font-style: normal;
                            color: #009688;
                            margin-right: 5px;
                        }

                .memberlist ul li .items .callbox {
                    width: 1.7rem;
                    position: absolute;
                    left: 0;
                    bottom: 3px;
                    text-align: center;
                }
                    .memberlist ul li .items .callbox .lab {
                        font-size: 12px;
                        background-image: linear-gradient(180deg,#fe6e67,#f33c51);
                        color: #ffffff;
                        padding: 2px 6px;
                        border-radius: 1rem;
                    }
                    .memberlist ul li .items .callbox .lab .iconfont {
                        font-size: 12px;
                    }

            .memberlist ul li .state_box {
                width: 100%;
                display: inline-block;
                margin: 5px 0 5px 0;
                text-align: center;
            }

                .memberlist ul li .state_box .tab {
                    display: inline-block;
                    float: left;
                    width: 25%;
                    text-align: center;
                    font-size: 12px;
                    color: #999;
                }

                    .memberlist ul li .state_box .tab .iconfont {
                        font-size: 12px;
                        margin-right: 3px;
                        color: #d9d9d9;
                    }

                    .memberlist ul li .state_box .tab.cur {
                        color: #394793;
                    }

                        .memberlist ul li .state_box .tab.cur .iconfont {
                            color: #4caf50;
                        }

                    .memberlist ul li .state_box .tab.red.cur {
                        color: #9c27b0;
                    }

                        .memberlist ul li .state_box .tab.red.cur .iconfont {
                            color: #9c27b0;
                        }

            .memberlist ul li .btn_box {
                width: 100%;
                display: inline-block;
                margin: 15px 0 5px 0;
                text-align: center;
            }

                .memberlist ul li .btn_box .bitem {
                    display: inline-block;
                    float: left;
                }

                    .memberlist ul li .btn_box .bitem.w4 {
                        width: 25%;
                    }

                    .memberlist ul li .btn_box .bitem.w3 {
                        width: 33.33%;
                    }

                    .memberlist ul li .btn_box .bitem.w2 {
                        width: 50%;
                    }

                    .memberlist ul li .btn_box .bitem .btn {
                        background-image: linear-gradient(180deg,#ffffff,#fff0f0);
                        border: solid 1px #ffdbd9;
                        color: #ff5c5c;
                        padding: 3px 15px;
                        border-radius: 1rem;
                        font-size: 14px;
                    }

                        .memberlist ul li .btn_box .bitem .btn .iconfont {
                            font-size: 13px;
                            margin-right: 3px;
                        }

                        .memberlist ul li .btn_box .bitem .btn.end {
                            background-image: linear-gradient(180deg,#ffffff,#e9e9e9);
                            border: solid 1px #e7e7e7;
                            color: #c1c1c1;
                        }
/*会员详情*/
.img_box {
    width: 100%;
    padding: 5% 20%;
    margin-top: 55px;
    display: inline-block;
    background: #fff;
    position: relative;
}

    .img_box img {
        width: 100%;
        display: inline-block;
        border-radius: 15px;
    }


.cnt_f1 {
    width: 92%;
    margin: 4% 4% 0 4%;
    padding: 15px 4%;
    display: inline-block;
    position: relative;
    background: #fff;
}


.cnt_f1 .line1 {
    width: 100%;
    display: inline-block;
    position: relative;
}

    .cnt_f1 .line1 .leftcnt {
        width: 50%;
    }

        .cnt_f1 .line1 .leftcnt label {
            font-size: 15px;
            background: #f4f5f9;
            padding: 3px 10px;
            border-radius: 5px;
            font-weight: 700;
        }

            .cnt_f1 .line1 .leftcnt label > i.iconfont {
                font-size: 15px;
                margin-right: 4px;
                font-weight: 400;
                color: #2196f3;
            }

        .cnt_f1 .line1 .leftcnt text {
            font-size: 12px;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            display: inline-block;
            color: #fff;
            border-radius: 20px;
            margin-left: 8px;
            position: absolute;
            top: 2px;
        }

            .cnt_f1 .line1 .leftcnt text.sex0 {
                background: #2196f3;
            }

            .cnt_f1 .line1 .leftcnt text.sex1 {
                background: #ff81bd;
            }

    .cnt_f1 .line1 .rightcnt {
        width: 50%;
        position: absolute;
        top: 0px;
        right: 0;
        text-align: right;
        color: #000;
    }

        .cnt_f1 .line1 .rightcnt .call {
            background-image: linear-gradient(180deg,#ffffff,#fff0f0);
            border: solid 1px #ffdbd9;
            color: #ff5c5c;
            padding: 3px 15px;
            border-radius: 1rem;
            font-size: 14px;
        }

            .cnt_f1 .line1 .rightcnt .call .iconfont {
                font-size: 12px;
                margin-right: 3px;
            }

.cnt_f1 .line2 {
    width: 100%;
    display: inline-block;
    line-height: 30px;
    padding: 0 10px;
    margin-top: 5px;
}

    .cnt_f1 .line2 > text {
        color: #444;
        font-size: 12px;
    }

    .cnt_f1 .line2 label {
        font-size: 12px;
    }

        .cnt_f1 .line2 label i.iconfont {
            font-size: 14px;
            margin-right: 3px;
        }

        .cnt_f1 .line2 label.offline {
            color: #8e42d4;
        }

            .cnt_f1 .line2 label.offline.cur {
                color: #ff627b;
            }

    .cnt_f1 .line2 > em.line {
        display: inline-block;
        height: 10px;
        border-right: 1px solid #e0e0e0;
        margin: 0px 8px;
    }


.cnt_f1 .line3 {
    width: 100%;
    display: inline-block;
    margin-top: 5px;
}

    .cnt_f1 .line3 .item {
        float: left;
        font-size: 12px;
        padding: 5px 10px;
        background: #f5f6fa;
        margin-right: 10px;
        margin-bottom: 8px;
        min-width: 90px;
        border-radius: 3px;
    }

        .cnt_f1 .line3 .item > em {
            font-weight: 700;
            font-style: normal;
        }

        .cnt_f1 .line3 .item > text.cur {
            color: #17ad1d;
        }

/*页面栏目部分*/
.detail_menu_box {
    width: 100%;
    display: inline-block;
    background: #fff;
    padding: 5px 0px;
}

    .detail_menu_box .tit_box {
        width: 100%;
        position: relative;
        display: inline-block;
        line-height: 25px;
        margin-bottom:3%;
    }

        .detail_menu_box .tit_box .icon_menu {
            position: absolute;
            width: 75px;
            height: 5px;
            border-radius: 6px;
            background-image: linear-gradient(90deg, #ffa19a 10%, #fff7f7 80%);
            display: inline-block;
            left: 0;
            bottom: -6px;
        }

        .detail_menu_box .tit_box > text.tit {
            font-size: 16px;
            color: #000;
            display: inline-block;
            font-weight: 600;
            line-height: 42px;
        }

/*实名认证*/
.renzheng {
    width: 92%;
    margin: 4% 4% 0 4%;
    padding: 4%;
    overflow: hidden;
    padding-bottom: 0;
    background: #fff;
}

    .renzheng .itemlist {
        padding: 3% 2%;
        width: 100%;
        padding-bottom: 0;
    }

        .renzheng .itemlist ul li {
            width: 100%;
            display: inline-block;
            position: relative;
            height: 60px;
            border-bottom: solid 1px #eee;
            margin-bottom: 15px;
        }

            .renzheng .itemlist ul li:last-child {
                border-bottom: 0px;
                margin-bottom: 0px;
            }

            .renzheng .itemlist ul li .icon {
                width: 45px;
                height: 45px;
                position: absolute;
                text-align: center;
                line-height: 45px;
                background: #eee;
                border-radius:45px;
                top: 0px;
            }

                .renzheng .itemlist ul li .icon > i.iconfont {
                    font-size: 22px;
                    color: #bbb;
                }

            .renzheng .itemlist ul li .cntl {
                width: 175px;
                margin-left: 56px;
            }

                .renzheng .itemlist ul li .cntl .tit {
                    font-size: 14px;
                }

                .renzheng .itemlist ul li .cntl .desc {
                    font-size: 11px;
                    color: #888;
                }

            .renzheng .itemlist ul li .cntr {
                width: 75px;
                position: absolute;
                right: 0;
                top: 0;
                text-align: center;
            }

                .renzheng .itemlist ul li .cntr .icontag i.iconfont {
                    font-size: 20px;
                    color: #ff928a;
                }

            .renzheng .itemlist ul li.cur .icon {
                background: #ff8a8a;
            }

                .renzheng .itemlist ul li.cur .icon > i.iconfont {
                    color: #fff;
                }

                .renzheng .itemlist ul li.cur .icon.it1 {
                    background-image: linear-gradient(180deg,#90d8e1,#4dbcca);
                }

                .renzheng .itemlist ul li.cur .icon.it2 {
                    background-image: linear-gradient(180deg,#f1bfbf,#ff8a8a);
                }


/*客户数据项*/
.memdata {
    width: 100%;
    padding: 0 4%;
    max-width: 480px;
    margin: 0 auto;
}

    .memdata ul {
        margin-bottom: 2rem;
    }

        .memdata ul li {
            width: 100%;
            display: inline-block;
        }

            .memdata ul li .items {
                display: inline-block;
                width: 100%;
                padding: 0.5rem 0;
                border-bottom: solid 1px #eee;
            }

                .memdata ul li .items .himg {
                    width: 1.4rem;
                    height: 1.4rem;
                    overflow: hidden;
                    border-radius: .15rem;
                    background: #efefef;
                    float: left;
                    margin-left: 0px;
                    text-align: center;
                }

                    .memdata ul li .items .himg.s0 {
                        background: #a5b5ff;
                    }

                    .memdata ul li .items .himg.s1 {
                        background: #ffabab;
                    }

                    .memdata ul li .items .himg i.iconfont {
                        color: #fff;
                        font-size: 0.75rem;
                    }

                    .memdata ul li .items .himg > img {
                        width: 100%;
                    }

                .memdata ul li .items .memcnt {
                    margin-left: 0.35rem;
                    float: left;
                    width: 8.15rem;
                    position: relative;
                }

                    .memdata ul li .items .memcnt .line1 {
                        width: 100%;
                        color: #000;
                        padding-top: 0.05rem;
                    }

                        .memdata ul li .items .memcnt .line1 span.name {
                            font-size: .5rem;
                            color: #000;
                        }
                        /*手机*/
                        .memdata ul li .items .memcnt .line1 span.mob {
                            font-size: .45rem;
                            color: #000;
                            margin-left: 0.4rem;
                        }

                            .memdata ul li .items .memcnt .line1 span.mob > i.iconfont {
                                color: #5e7afb;
                            }
                        /*日期*/
                        .memdata ul li .items .memcnt .line1 span.date {
                            font-size: .43rem;
                            color: #000;
                            margin-left: 0.4rem;
                        }

                            .memdata ul li .items .memcnt .line1 span.date > i.iconfont {
                                color: #4caf50;
                                margin-right: .2rem;
                            }

                        .memdata ul li .items .memcnt .line1 span.more {
                            position: absolute;
                            right: 0;
                            margin-right: 4%;
                        }

                            .memdata ul li .items .memcnt .line1 span.more > i.iconfont {
                                color: #bbb;
                                font-size: .4rem;
                            }
                        /*高价值*/
                        .memdata ul li .items .memcnt .line1 span.isuseful1 {
                            position: absolute;
                            right: 0;
                            margin-right: 30%;
                            background: #eee;
                            padding: 0.08rem 0.3rem;
                            border-radius: 1rem;
                            font-size: .36rem;
                        }

                            .memdata ul li .items .memcnt .line1 span.isuseful1.cur {
                                background: #ff7b7b;
                                color: #fff;
                            }

                            .memdata ul li .items .memcnt .line1 span.isuseful1 > i.iconfont {
                                font-size: .4rem;
                                margin-right: 0.05rem;
                            }
                        /*无效客户*/
                        .memdata ul li .items .memcnt .line1 span.isuseful0 {
                            position: absolute;
                            right: 0;
                            margin-right: 0;
                            background: #eee;
                            padding: 0.08rem 0.3rem;
                            border-radius: 1rem;
                            font-size: .36rem;
                        }

                            .memdata ul li .items .memcnt .line1 span.isuseful0.cur {
                                background: #6e6e6e;
                                color: #fff;
                            }

                            .memdata ul li .items .memcnt .line1 span.isuseful0 > i.iconfont {
                                font-size: .4rem;
                                margin-right: 0.05rem;
                            }

                        .memdata ul li .items .memcnt .line1 span.call {
                            position: absolute;
                            right: 0;
                            margin-right: 4%;
                            font-size: .38rem;
                            padding: 4px 10px;
                            border-radius: 1rem;
                            color: #ffffff;
                            background: #5e7afb;
                        }

                            .memdata ul li .items .memcnt .line1 span.call > i.iconfont {
                                font-size: .4rem;
                                margin-right: .01rem
                            }

                    .memdata ul li .items .memcnt .line2 {
                        width: 100%;
                        font-size: .42rem;
                        color: #888;
                        padding-top: 0.05rem;
                        line-height: 40px;
                        border-bottom: dashed 1px #dcdcdc;
                    }

                        .memdata ul li .items .memcnt .line2 span.sp {
                            font-size: .4rem;
                            color: #666;
                        }

                            .memdata ul li .items .memcnt .line2 span.sp > i.iconfont {
                                font-size: .4rem;
                                margin-right: 4px;
                            }

                                .memdata ul li .items .memcnt .line2 span.sp > i.iconfont.ic1 {
                                    color: #3f51b5;
                                }

                                .memdata ul li .items .memcnt .line2 span.sp > i.iconfont.ic2 {
                                    color: #607cff;
                                }

                        .memdata ul li .items .memcnt .line2 em.line {
                            display: inline-block;
                            height: 9px;
                            border-right: 1px solid #cccccc;
                            margin: 0px 8px;
                        }

                        .memdata ul li .items .memcnt .line2 em.itm {
                            background: #fbf3e6;
                            font-size: .32rem;
                            color: #c36c00;
                            margin-left: 0.1rem;
                            padding: 0.05rem 0.25rem;
                            border-radius: 1rem;
                            font-style: normal;
                        }

                        .memdata ul li .items .memcnt .line2 em.userid {
                            font-size: .36rem;
                            border-radius: 1rem;
                            font-style: normal;
                        }

                        .memdata ul li .items .memcnt .line2 em.date {
                            font-size: .36rem;
                            margin-left: 0.15rem;
                            font-style: normal;
                            color:#3f51b5;
                        }

                            .memdata ul li .items .memcnt .line2 em.date.s1 {
                                color: #ff0000;
                            }

                            .memdata ul li .items .memcnt .line2 em.date.s2 {
                                color: #a32b00;
                            }

                            .memdata ul li .items .memcnt .line2 em.date.s3 {
                                color: #4caf50;
                            }

                            .memdata ul li .items .memcnt .line2 em.date.cur {
                                color: #ff0000;
                            }
                        /*报备结果*/
                        .memdata ul li .items .memcnt .line2 em.result {
                            font-size: .36rem;
                            margin-left: 0.15rem;
                            font-style: normal;
                        }

                            .memdata ul li .items .memcnt .line2 em.result.fail {
                                color: #ff0000;
                            }

                        .memdata ul li .items .memcnt .line2 em.comment {
                            font-size: 0.42rem;
                            font-style: normal;
                            display: inline-block;
                            width: 100%;
                            padding: 0.3rem;
                            background: #eee;
                            color: #3f51b5;
                            border: solid 1px #efefef;
                            border-radius: 0.1rem;
                        }

                    .memdata ul li .items .memcnt .btn {
                        position: absolute;
                        right: 0;
                        top: 0.12rem;
                        background: #eee;
                        padding: 5px 8px;
                        font-size: .36rem;
                        color: #fff;
                        border-radius: 0.1rem;
                    }

                        .memdata ul li .items .memcnt .btn.confirm {
                            background: #5e7afb;
                        }

                .memdata ul li .items .btnbox {
                    width: 100%;
                    display: inline-block;
                    margin: 0 auto;
                    text-align: center;
                    padding-top: 0.5rem;
                }

                    .memdata ul li .items .btnbox span.btnitem {
                        width: 20%;
                        display: inline-block;
                        margin-left: 5%;
                        text-align: center;
                        border: solid 1px #43438e;
                        color: #43438e;
                        border-radius: 0.1rem;
                        padding: 0.08rem 0;
                    }

                        .memdata ul li .items .btnbox span.btnitem:first-child {
                            margin-left: 10%;
                        }

                        .memdata ul li .items .btnbox span.btnitem > i.iconfont {
                            margin-right: 3px;
                            font-size: .36rem;
                        }

                        .memdata ul li .items .btnbox span.btnitem.end {
                            border: solid 1px #d9d9d9;
                            color: #b9b9b9;
                        }
/* 悬浮功能按钮*/
#suspend {
    position: fixed;
    right: 4%;
    bottom: 2.8rem;
    width: 60px;
    z-index: 999;
}

    #suspend ul {
        width: 100%;
        height: 100%;
        text-align: center;
    }

    #suspend li {
        width: 60px;
        height: 60px;
        border-radius: 1rem;
        margin-bottom: 8px;
        cursor: pointer;
        position: relative;
        color: #000;
        box-shadow: #9dd4ff 1px 10px 20px -6px;
        background: #5e7afb;
    }

        #suspend li a {
            color: #fff !important;
        }

    #suspend i {
        display: inline-block;
        margin: auto;
        font-size: .6rem;
        margin-top: 0.25rem;
        font-weight: 700;
    }

        #suspend i.icon-zhuce {
            background: -webkit-linear-gradient(left bottom, #f00, #f00);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

    #suspend li .suspend-hint {
        text-align: center;
        font-size: .36rem;
        margin-top: -2px;
        display: block;
    }

    #suspend li:hover {
        background: #5e7afb;
    }
/*页面栏目部分*/
.detail_menu_box {
    width: 100%;
    display: inline-block;
    background: #fff;
    padding: 5px 0px;
}

    .detail_menu_box .titbox {
        width: 100%;
        position: relative;
        display: inline-block;
        line-height: .75rem;
    }

        .detail_menu_box .titbox .icon_menu {
            position: absolute;
            width: 6px;
            height: 16px;
            background: #a5b5ff;
            border-radius: 6px;
            display: inline-block;
            left: 0;
            top: 6px;
        }

        .detail_menu_box .titbox > span.tit {
            margin-left: 12px;
            font-size: .45rem;
            color: #000;
            display: inline-block;
            font-weight: 600;
            line-height: 23px;
        }

        .detail_menu_box .titbox > span.edit {
            position: absolute;
            right: 0px;
            margin-right: 4%;
            font-size: .38rem;
            color: #0075d3;
        }

            .detail_menu_box .titbox > span.edit > i.iconfont {
                font-size: .4rem;
                margin-right: 0.1rem;
            }

        .detail_menu_box .titbox > span.createewm {
            position: absolute;
            right: 88px;
            margin-right: 4%;
            font-size: .38rem;
            color: #3f51b5;
        }

            .detail_menu_box .titbox > span.createewm > i.iconfont {
                font-size: .36rem;
                margin-right: 0.1rem;
            }
/*客户资料*/
.userinfo_box {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    padding: 0 5%;
}

    .userinfo_box .items {
        width: 50%;
        background-color: #fff;
        height: 1.5rem;
        line-height: 1.5rem;
        border-bottom: solid 1px #ededed;
        float: left;
        font-size: .42rem;
    }

        .userinfo_box .items.full {
            width: 100%;
        }

        .userinfo_box .items .field {
            width: 50px;
            float: left;
            color: #888;
            font-size: .4rem;
        }

        .userinfo_box .items .fvalue {
            width: 3.5rem;
            float: left;
            text-align: left;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .userinfo_box .items.full .fvalue {
            width: 8.35rem;
            float: left;
            text-align: left;
        }

/*单身资料*/
.meminfo_box {
    width: 92%;
    margin: 4% 4% 0 4%;
    padding: 10px 4%;
    display: inline-block;
    position: relative;
    background: #fff;
}
    .meminfo_box .authimg {
        background-size: 100%;
        width: 130px;
        height: 130px;
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .meminfo_box .items {
        width: 50%;
        background-color: #fff;
        height: 40px;
        line-height: 40px;
        border-bottom: solid 1px #f6f6f6;
        float: left;
        margin-bottom: 10px;
        font-size: 14px;
    }

        .meminfo_box .items.full {
            width: 100%;
        }

        .meminfo_box .items .field {
            width: 25%;
            float: left;
            text-align: left;
            color: #888;
            font-size: 12px;
        }
        .meminfo_box .items .fvalue {
            width: 75%;
            float: left;
            text-align: left;
        }

        .meminfo_box .items.full .fvalue {
            width: 270px;
            float: left;
            text-align: left;
        }

.meminfo_desc {
    width: 92%;
    margin: 4%;
    padding: 10px 4%;
    display: inline-block;
    position: relative;
    background: #fff;
}

    .meminfo_desc .cnt {
        width: 100%;
        border-radius: 5px;
        display: inline-block;
        overflow: hidden;
        padding: 3%;
        font-size: 13px;
        margin-top:0px;
    }

        .meminfo_desc .cnt em {
            background: #ffffff;
            border: solid 1px #ececec;
            font-style: normal;
            font-size: 14px;
            padding: 5px 15px;
            text-align: center;
            margin-right: 10px;
            margin-bottom:10px;
            border-radius: 25px;
            display: inline-block;
        }



/*跟进记录*/
.followlist {
    width: 100%;
    display: inline-block;
    margin-top: 0.4rem;
}

    .followlist ul li {
        width: 100%;
        display: inline-block;
        margin-bottom: 0.6rem;
    }

        .followlist ul li .us_item {
            width: 100%;
            display: inline-block;
            color: #5e7afb;
        }

            .followlist ul li .us_item > i.iconfont {
                font-size: .36rem;
                margin-right: 3px;
            }

            .followlist ul li .us_item span.spuser {
                margin: 0 0.3rem;
                color: #000;
            }

            .followlist ul li .us_item span.state {
                font-size: .36rem;
                color: #009688;
                border: solid 1px #b3dbd7;
                padding: 1px 10px;
                border-radius: 1rem;
            }

                .followlist ul li .us_item span.state.new {
                    color: #ff0000;
                    border: solid 1px #ffaaaa;
                }

        .followlist ul li .follow_cnt {
            width: 100%;
            display: inline-block;
            padding: 0.3rem 0.3rem;
            border: solid 1px #000;
            background-color: #f2f2f2;
            border-radius: 0.2rem;
            margin-top: 0.3rem;
            font-size: .4rem;
        }
/*证照列表*/
.cardlist {
    width: 100%;
    padding: 5% 4%;
    display: inline-block;
    text-align: center;
    margin-bottom: 2rem;
}

    .cardlist ul li {
        width: 100%;
        padding: 4% 3%;
        display: inline-block;
        background: #fff;
        border-radius: 10px;
        margin-bottom: 15px;
        box-shadow: 0px 5px 5px 2px rgb(0 0 0 / 2%);
    }

        .cardlist ul li .toprow {
            width: 100%;
            display: inline-block;
        }

            .cardlist ul li .toprow .time {
                width: 60%;
                display: inline-block;
                color: #999;
                font-size: 14px;
                float: left;
                line-height: 29px;
            }

                .cardlist ul li .toprow .time .iconfont {
                    margin-right: 5px;
                    font-size: 14px;
                }

            .cardlist ul li .toprow .state {
                width: 40%;
                display: inline-block;
                text-align: right;
                float: right;
            }

                .cardlist ul li .toprow .state .btn {
                    background: #eee;
                    width: 70%;
                    display: inline-block;
                    text-align: center;
                    padding: 5px 0;
                    border-radius: 25px;
                    color: #fff;
                    font-size: 14px;
                }

                    .cardlist ul li .toprow .state .btn .iconfont {
                        margin-left: 3px;
                        font-size: 14px;
                    }

                    .cardlist ul li .toprow .state .btn.wait {
                        background: linear-gradient(to right, #657cff, #91a1ff);
                    }

                    .cardlist ul li .toprow .state .btn.over {
                        background: linear-gradient(to right, #22be69, #70dfa3);
                    }

                    .cardlist ul li .toprow .state .btn.err {
                        background: linear-gradient(to right, #ff5a90, #ffadbf);
                    }

        .cardlist ul li .items {
            width: 100%;
            display: inline-block;
            position: relative;
            margin: 10px 0;
        }

            .cardlist ul li .items .himg {
                width: 1.4rem;
                height: 1.4rem;
                display: inline-block;
                position: absolute;
                overflow: hidden;
                top: 1px;
                left: 5px;
                border-radius: 0.15rem;
            }

                .cardlist ul li .items .himg .thisimg {
                    width: 1.4rem;
                    height: 1.4rem;
                }

            .cardlist ul li .items .ucnt {
                padding-left: 1.8rem;
                text-align: left;
            }

                .cardlist ul li .items .ucnt .uid {
                    font-size: 16px;
                    margin-top: 6px;
                    position: relative;
                }

                    .cardlist ul li .items .ucnt .uid .minf {
                        font-size: 14px;
                        color: #000;
                        font-style: normal;
                    }

                .cardlist ul li .items .ucnt .utype {
                    position: absolute;
                    font-size: 12px;
                    right: 0;
                    top: 0;
                    background: #e7f0ff;
                    padding: 5px 10px;
                    border-radius: 50px;
                    color: #3f51b5;
                }

                .cardlist ul li .items .ucnt .utype {
                    position: absolute;
                    font-size: 12px;
                    right: 0;
                    top: 0;
                    padding: 3px 10px;
                    border-radius: 50px;
                    background: #ffefe4;
                    color: #ff5722;
                }

                .cardlist ul li .items .ucnt .info {
                    font-size: 13px;
                    color: #888;
                    line-height: 25px;
                }

                    .cardlist ul li .items .ucnt .info .iconfont {
                        margin-right: 3px;
                        font-size: 14px;
                    }

                        .cardlist ul li .items .ucnt .info .iconfont.icon-nv1 {
                            color: #ff81bd;
                        }

                        .cardlist ul li .items .ucnt .info .iconfont.icon-nan1 {
                            color: #2196f3;
                        }

                    .cardlist ul li .items .ucnt .info em.line {
                        display: inline-block;
                        height: 10px;
                        border-right: 1px solid #cccccc;
                        margin: 0px 10px;
                    }

        .cardlist ul li .btn_box {
            width: 100%;
            display: inline-block;
            margin: 15px 0 5px 0;
        }

            .cardlist ul li .btn_box .bitem {
                display: inline-block;
                float: left;
            }

                .cardlist ul li .btn_box .bitem.w4 {
                    width: 25%;
                }

                .cardlist ul li .btn_box .bitem.w3 {
                    width: 33.33%;
                }

                .cardlist ul li .btn_box .bitem.w2 {
                    width: 50%;
                }

                .cardlist ul li .btn_box .bitem .btn {
                    background-image: linear-gradient(180deg,#ffffff,#fff0f0);
                    border: solid 1px #ffdbd9;
                    color: #ff5c5c;
                    padding: 3px 15px;
                    border-radius: 1rem;
                    font-size: 14px;
                }

                    .cardlist ul li .btn_box .bitem .btn .iconfont {
                        font-size: 13px;
                        margin-right: 3px;
                    }

/*用户牵线列表*/
.usercontactlist {
    width: 100%;
    margin: 0 auto;
    padding: 4%;
    display: inline-block;
}

    .usercontactlist ul li {
        width: 100%;
        padding: 4% 3%;
        display: inline-block;
        background: #fff;
        border-radius: 10px;
        margin-bottom: 15px;
        box-shadow: 0px 5px 5px 2px rgb(0 0 0 / 2%);
    }

        .usercontactlist ul li .toprow {
            width: 100%;
            display: inline-block;
        }

            .usercontactlist ul li .toprow .time {
                width: 60%;
                display: inline-block;
                color: #999;
                font-size: 14px;
                float: left;
                line-height: 29px;
            }

                .usercontactlist ul li .toprow .time .iconfont {
                    margin-right: 5px;
                    font-size: 14px;
                }

            .usercontactlist ul li .toprow .state {
                width: 40%;
                display: inline-block;
                text-align: right;
                float: right;
            }

                .usercontactlist ul li .toprow .state .btn {
                    background: #eee;
                    width: 70%;
                    display: inline-block;
                    text-align: center;
                    padding: 5px 0;
                    border-radius: 25px;
                    color: #fff;
                    font-size: 14px;
                }

                    .usercontactlist ul li .toprow .state .btn .iconfont {
                        margin-left: 3px;
                        font-size: 14px;
                    }

                    .usercontactlist ul li .toprow .state .btn.wait {
                        background: linear-gradient(to right, #657cff, #91a1ff);
                    }

                    .usercontactlist ul li .toprow .state .btn.over {
                        background: linear-gradient(to right, #22be69, #70dfa3);
                    }

                    .usercontactlist ul li .toprow .state .btn.err {
                        background: linear-gradient(to right, #ff5a90, #ffadbf);
                    }

        .usercontactlist ul li .items {
            width: 100%;
            display: inline-block;
            position: relative;
            margin: 10px 0;
        }

            .usercontactlist ul li .items .himg {
                width: 1.4rem;
                height: 1.4rem;
                display: inline-block;
                position: absolute;
                overflow: hidden;
                top: 1px;
                left: 5px;
                border-radius: 1.4rem;
            }

                .usercontactlist ul li .items .himg .thisimg {
                    width: 1.4rem;
                    height: 1.4rem;
                }

            .usercontactlist ul li .items .ucnt {
                padding-left: 1.8rem;
            }

                .usercontactlist ul li .items .ucnt .uid {
                    font-size: 16px;
                    margin-top: 6px;
                    position: relative;
                }

                    .usercontactlist ul li .items .ucnt .uid .minf {
                        font-size: 14px;
                        color: #000;
                        font-style: normal;
                    }

                .usercontactlist ul li .items .ucnt .utype {
                    position: absolute;
                    font-size: 12px;
                    right: 0;
                    top: 0;
                    background: #e7f0ff;
                    padding: 5px 10px;
                    border-radius: 50px;
                    color: #3f51b5;
                }

                .usercontactlist ul li .items .ucnt .utype {
                    position: absolute;
                    font-size: 12px;
                    right: 0;
                    top: 0;
                    padding: 3px 10px;
                    border-radius: 50px;
                }

                    .usercontactlist ul li .items .ucnt .utype.send {
                        background: #e7f0ff;
                        color: #3f51b5;
                    }

                    .usercontactlist ul li .items .ucnt .utype.receive {
                        background: #ffefe4;
                        color: #ff5722;
                    }

                .usercontactlist ul li .items .ucnt .info {
                    font-size: 14px;
                    color: #888;
                    line-height: 25px;
                }

                    .usercontactlist ul li .items .ucnt .info .iconfont {
                        margin-right: 3px;
                    }

                        .usercontactlist ul li .items .ucnt .info .iconfont.icon-nv1 {
                            color: #ff81bd;
                        }

                        .usercontactlist ul li .items .ucnt .info .iconfont.icon-nan1 {
                            color: #2196f3;
                        }

                    .usercontactlist ul li .items .ucnt .info em.line {
                        display: inline-block;
                        height: 10px;
                        border-right: 1px solid #cccccc;
                        margin: 0px 10px;
                    }



/*提示完善资料的自定义弹窗*/
.UpdateDlgMask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.6);
    z-index: 11;
}

    .UpdateDlgMask.hide {
        display: none !important;
    }
/* 弹出层 */
.UpdateDlg {
    width: 80%;
    position: fixed;
    top: 100px;
    left: 0;
    right: 0;
    z-index: 9999;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.18);
    animation: bouncedelay 1s ease-in-out 0s 1 alternate forwards;
    animation-fill-mode: backwards;
}

.UpdateDlgCnt {
    width: 100%;
    position: relative;
    text-align: center;
}

    .UpdateDlgCnt .close {
        position: absolute;
        right: 6px;
        top: 6px;
        width: 25px;
        height: 25px;
    }

        .UpdateDlgCnt .close .iconfont {
            font-size: 22px;
            color: #999;
        }

    .UpdateDlgCnt .tit {
        padding: 30px 0 10px 0;
        font-size: 18px;
        font-weight: 700;
    }

        .UpdateDlgCnt .tit .iconfont {
            font-size: 18px;
            font-weight: 500;
            margin-right: 5px;
            color: #f44336;
        }

    .UpdateDlgCnt .editbox {
        width: 100%;
        padding: 10px 15px;
        display: inline-block;
    }

        .UpdateDlgCnt .editbox .tabline {
            width: 100%;
            display: inline-block;
            margin-top: 10px;
        }

            .UpdateDlgCnt .editbox .tabline .txt {
                width: 35%;
                float: left;
                line-height: 40px;
                font-size: 13px;
                background: #efefef;
            }

            .UpdateDlgCnt .editbox .tabline .val {
                width: 65%;
                float: right;
                line-height: 40px;
                font-size: 13px;
                background: #f8f8f8;
            }

                .UpdateDlgCnt .editbox .tabline .val input {
                    margin-bottom: 0px !important;
                    border: 1px solid #efefef !important;
                    border-radius: 0 3px 3px 0 !important;
                    font-size: 14px;
                }

                    .UpdateDlgCnt .editbox .tabline .val input[readonly=readonly] {
                        background: #f6f6f6;
                    }

    .UpdateDlgCnt .btn_box {
        width: 100%;
        display: inline-block;
        margin: 10px 0 20px 0;
    }

        .UpdateDlgCnt .btn_box .btn {
            width: 75%;
            margin: 0 auto;
            display: inline-block;
            background: linear-gradient(to right,#e5aafd,#feccfe);
            background: linear-gradient(to right, #e91e63, #f44336);
            padding: 10px 0;
            border-radius: 50px;
            font-size: 16px;
            color: #fff;
        }