/*2018-03-06*/
/*公用样式*/
.pd24 {
    padding: 0.32rem;
}

.pl24 {
    padding-left: 0.32rem;
}

.pr24 {
    padding-right: 0.32rem;
}

.pt24 {
    padding-top: 0.32rem;
}

.pb24 {
    padding-bottom: 0.32rem;
}

.mt24 {
    margin-top: 0.32rem;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.bg {
    background: #f7f7f7;
}

em, i {
    font-style: normal;
}

.border-bottom-1px {
    position: relative;
}

    .border-bottom-1px::after {
        content: " ";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 200%;
        height: 0;
        border-bottom: 1px solid #919191;
        transform: scale(0.5);
        transform-origin: 0 0;
    }

.border-top-1px {
    position: relative;
}

    .border-top-1px::before {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 0;
        border-bottom: 1px solid #919191;
        transform: scale(0.5);
        transform-origin: 0 0;
    }



/*个人中心*/
.header {
    background: url(../images/userhome/headbg.png) left top no-repeat;
    background-size: 100% auto;
}

.signbox {
    float: left;
    width: 50%;
}

.sign_set {
    overflow: hidden;
    color: #fff;
}

.set a {
    color: #fff;
}

.sign_icon {
    width: 0.64rem;
    height: 0.64rem;
    float: left;
    margin-right: 0.1rem;
    color: #fff;
}

.signbox a {
    font-size: 0.32rem;
    line-height: 0.53rem;
    color: #fff;
    float: left;
    padding-top: 0.1rem;
}

.userInfoBox {
    border-radius: 0.32rem;
    background: #fff;
    margin: 0 0.32rem;
    padding: 0.32rem;
    padding-right: 0;
    overflow: hidden;
    -moz-box-shadow: 0px 16px 24px rgba(255,87,34,.1);
    -webkit-box-shadow: 0px 16px 24px rgba(255,87,34,.1);
    box-shadow: 0px 16px 24px rgba(255,87,34,.1);
}

.Info {
    padding-bottom: 0.32rem;
    overflow: hidden;
}

.userImg {
    float: left;
    width: 1.7rem;
    margin-right: 0.32rem;
}

    .userImg img {
        border-radius: 100%;
        border: 2px solid rgba(255,255,255, 0.2);
        width: 100%;
    }

.userInfo {
    float: left;
    margin-top: 0.21rem;
}

    .userInfo h2 {
        font-size: 0.42rem;
        color: #212121;
        margin-bottom: 0.21rem;
        line-height: 0.53rem;
    }

.pointsBox {
    overflow: hidden;
    margin-bottom: 0.21rem;
}

    .pointsBox div {
        float: left;
        font-size: 0.32rem;
        line-height: 0.53rem;
        border-radius: 0.26rem;
        height: 0.53rem;
        padding: 0.1rem 0.26rem;
        margin-right: 0.21rem;
    }

    .pointsBox .member {
        background: #fff8e1;
        border: 1px #ffc107 solid;
        color: #ffb300;
        height: 0.5rem;
    }

    .pointsBox .point {
        color: #ff8f00;
        border: 1px #ffecb2 solid;
        background: #ffecb3; /* 一些不支持背景渐变的浏览器 */
        background: -moz-linear-gradient(top, #ffecb2, #ffd550);
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffecb2), to(#ffd550));
        background: -o-linear-gradient(top, #ffd54f, #ffd550);
        background: linear-gradient(to top, #ffd54f, #ffd550);
        padding-left: 0.1rem;
    }

        .pointsBox .point img {
            width: 0.42rem;
            height: 0.42rem;
            margin-right: 0.1rem;
            float: left;
            margin-top: 0.05rem;
        }

        .pointsBox .point em {
            display: inline-block;
            line-height: 0.53rem
        }

.Distribution {
    float: right;
    color: #fff;
    font-size: 0.32rem;
    line-height: 0.74rem;
    border-radius: 0.37rem 0 0 0.37rem;
    padding: 0 0.37rem;
    background: #f57c00; /* 一些不支持背景渐变的浏览器 */
    background: -moz-linear-gradient(top, #f57c00, #ff9800);
    background: -webkit-gradient(left, 0 0, 0 bottom, from(#f57c00), to(#ff9800));
    background: -o-linear-gradient(right, #f57c00, #ff9800);
    background: linear-gradient(to right, #f57c00, #ff9800); /* 标准的语法 */
}

    .Distribution a {
        color: #fff;
    }

.Collection_Consultation {
    padding: 0.32rem 1.28rem 0.32rem 1.28rem;
    margin-right: 0.32rem;
    border-top: 1px #f0f0f0 solid;
}

.Collection, .Consultation {
    width: 2.77rem;
}

.Consultation {
    text-align: right;
}

    .Collection span, .Consultation span {
        width: 1.04rem;
        text-align: center;
        line-height: 0.64rem;
        font-size: 0.48rem;
        color: #212121;
        display: block;
    }

    .Collection em, .Consultation em {
        width: 1.04rem;
        font-size: 0.29rem;
        color: #bdbdbd;
        line-height: 0.53rem;
    }

    .Consultation span {
        width: 2.35rem;
        text-align: right;
    }

/*我的订单*/
.user_order {
    padding: 0 0.32rem;
    margin: 0.32rem 0;
    background: #fff;
}

    .user_order .hd {
        padding: 0.32rem 0;
        border-bottom: 1px #f7f7f7 solid;
        line-height: 0.53rem;
        overflow: hidden;
    }

        .user_order .hd span {
            float: left;
            font-size: 0.4rem;
            color: #212121;
        }

        .user_order .hd a {
            color: #747474;
            font-size: 0.37rem;
            float: right;
        }

            .user_order .hd a em {
                margin-left: 0.1rem;
                font-size: 0.42rem;
                font-size: 0.42rem;
                height: 0.42rem;
                padding-top: 0.21rem
            }

.order_num {
    padding: 0.32rem 0;
    overflow: hidden;
    width: 100%;
}

    .order_num li {
        float: left;
        width: 20%;
        text-align: center;
        position: relative;
    }

        .order_num li em {
            position: absolute;
            background: #ff5252;
            border-radius: 0.32rem;
            right: 0.21rem;
            top: -0.2rem;
            color: #fff;
            padding: 0rem 0.16rem;
            height: 0.53rem;
            line-height: 0.53rem;
        }

        .order_num li div {
            display: block;
            color: #000;
        }

        .order_num li span {
            font-size: 0.32rem;
            color: #424242;
            line-height: 0.53rem;
        }

/*个人中心常用功能*/
.commonBox {
    padding: 0 0.32rem;
    margin-bottom: 1.3rem;
    background: #fff;
    overflow: hidden;
}

    .commonBox .hd {
        padding: 0.32rem 0;
        line-height: 0.53rem;
        font-size: 0.4rem;
        color: #212121;
    }

.commonList {
    overflow: hidden;
}

    .commonList ul {
        border-top: 1px #f7f7f7 solid;
    }

        .commonList ul li {
            float: left;
            width: 33.3%;
            display: block;
            text-align: center;
            border-bottom: 1px #f7f7f7 solid;
            padding: 0.32rem 0;
        }

            .commonList ul li a {
                display: inline-block;
            }

                .commonList ul li a img {
                    width: auto;
                    height: 0.42rem;
                    text-align: center;
                    vertical-align: middle;
                    overflow: hidden;
                    margin: 0.1rem auto;
                }

                    .commonList ul li a img.height36 {
                        height: 0.48rem;
                    }

                    .commonList ul li a img.height40 {
                        height: 0.53rem;
                    }

                .commonList ul li a span {
                    font-size: 0.32rem;
                    color: #515151;
                    line-height: 0.53rem;
                    display: block;
                }

                .commonList ul li a em {
                    display: block;
                    color: #515151;
                    font-size: 0.29rem;
                    line-height: 0.53rem;
                    height: 0.53rem;
                }

                    .commonList ul li a em.fontstyle {
                        color: #ff5252;
                        font-size: 0.29rem;
                        line-height: 0.53rem;
                        display: block;
                        background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#9c27b0), to(#e91e63));
                        -webkit-background-clip: text;
                        -webkit-text-fill-color: transparent;
                    }

/*分销中心*/
.fx_header {
    background: url(../images/feixiao_header.png) left top no-repeat;
    background-size: 100% auto;
    padding-top: 0.32rem;
}

.fx_Info {
    overflow: hidden;
}

.fxInfoBox {
    border-radius: 0.32rem;
    background: #fff;
    margin: 0.32rem;
    margin-bottom: 0;
    padding: 0.32rem 0 0 0.32rem;
    overflow: hidden;
    -moz-box-shadow: 0px 5px 20px rgba(156,39,176,.4);
    -webkit-box-shadow: 0px 5px 20px rgba(156,39,176,.4);
    box-shadow: 0px 5px 20px rgba(156,39,176,.4);
}

.fx_userInfo {
    float: left;
}

.fx_hd {
    overflow: hidden;
    margin-bottom: 0.1rem;
    line-height: 0.64rem;
}

.fx_name {
    font-size: 0.42rem;
    font-weight: bold;
    color: #212121;
    margin-right: 0.21rem;
    float: left;
}

.gradebtn {
    background: #fff8e1;
    line-height: 0.53rem;
    color: #ffb300;
    font-size: 0.26rem;
    padding: 0 0.21rem;
    float: left;
    border: 1px #ffc107 solid;
    border-radius: 0.21rem;
}

.name_desc {
    color: #747474;
    font-size: 0.32rem;
    line-height: 0.53rem;
    margin-bottom: 0.32rem;
    font-weight: 500;
}

    .name_desc b {
        color: #212121;
        margin: 0 0.1rem;
    }

.drawalsBox {
    border-top: 1px #f0f0f0 solid;
    overflow: hidden;
    padding: 0.32rem;
    padding-left: 0;
}

.drawals {
    width: 33.3%;
    float: left;
}

    .drawals div {
        font-size: 0.42rem;
        font-weight: 550;
        color: #212121;
        display: block;
        line-height: 0.64rem;
        text-align: center;
    }

        .drawals div i {
            font-size: 0.32rem;
            margin-right: 0.05rem;
        }

    .drawals em {
        font-size: 0.29rem;
        line-height: 0.53rem;
        color: #bdbdbd;
        text-align: center;
        display: block;
    }

.fx_common {
    padding: 0 0.32rem;
    background: #fff;
    overflow: hidden;
    margin-top: 0.42rem;
}

    .fx_common ul li {
        width: 100%;
        border-bottom: 1px #f7f7f7 solid;
        padding: 0.32rem 0;
        font-size: 0.4rem;
        color: #212121;
        line-height: 0.64rem;
    }

        .fx_common ul li a {
            color: #212121;
            line-height: 0.64rem;
            display: block;
        }

            .fx_common ul li a em {
                float: left;
                margin-right: 0.1rem;
                width: 0.64rem;
                height: 0.64rem;
                font-size: 0.64rem;
            }

            .fx_common ul li a i {
                float: right;
                color: #c2c2c2;
                font-size: 0.42rem;
            }

.referralCenter-header-wrap {
    background-color: #121212;
}

.referralCenter-header {
    margin: 0 0.4rem;
    border-top-left-radius: 0.21rem;
    border-top-right-radius: 0.21rem;
    background-image: url(../images/referral/referralCenter-info-bg.jpg);
    background-repeat: repeat;
    background-position: top left;
    padding: 0.06rem 0.21rem 0;
}

.header-userInfo-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.29rem 0 0.29rem 0.2rem;
}

.referralCenter-header .header-avatar {
    width: 1.3rem;
    height: 1.3rem;
    overflow: hidden;
    border-radius: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.3rem;
    flex: 0 0 1.3rem;
}

    .referralCenter-header .header-avatar img {
        width: 100%;
        height: 100%;
    }

.referralCenter-header .header-text-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0.26rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
}

.referralCenter-header .header-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 0.46rem;
    overflow: hidden;
    color: #C6C6C6;
    font-size: 0.32rem;
}

    .referralCenter-header .header-name span {
        display: inline-block;
        height: 0.46rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 0.46rem;
        font-size: 0.4rem;
        overflow: hidden;
        color: #F1B26D;
    }

    .referralCenter-header .header-name i {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        display: inline-block;
        line-height: 0.42rem;
        height: 0.42rem;
        font-size: 0.22rem;
        padding: 0 0.22rem;
        margin-left: 0.1rem;
        background-color: #000;
        border-radius: 0.17rem;
        overflow: hidden;
        color: #F1B26D;
    }

.referralCenter-header .header-phone {
    height: 0.32rem;
    margin-top: 0.14rem;
    color: #C6C6C6;
    font-size: 0.32rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.referralCenter-header label {
    font-size: 0.32rem;
    margin-right: 0.27rem;
}

.referralCenter-header .header-li {
    height: 0.32rem;
    margin-top: 0.14rem;
    color: #C6C6C6;
    font-size: 0.32rem;
    line-height: 0.32rem;
}

.referralCenter-header .header-join-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 0.1rem;
    color: #919191;
    font-size: 0.32rem;
}

.referralCenter-header .head-nav-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.referralCenter-header .head-nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 25%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0.44rem 0;
    color: #C6C6C6;
    overflow: hidden;
}


    .referralCenter-header .head-nav-item img {
        width: 0.64rem;
        height: 0.69rem;
    }

    .referralCenter-header .head-nav-item span {
        line-height: 0.32rem;
        font-size: 0.32rem;
        margin-top: 0.12rem;
    }

.referralCenter-navlist-box {
    background-color: #151515;
    padding-top: 0.4rem;
}

    .referralCenter-navlist-box ul {
        padding: 0 0.4rem;
    }

    .referralCenter-navlist-box li {
        height: 0.93rem;
        border-bottom: 2px solid #000;
    }

        .referralCenter-navlist-box li a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 0.93rem;
            color: #C6C6C6;
        }

        .referralCenter-navlist-box li img {
            width: 0.546rem;
            height: 0.493rem;
            margin-right: 0.25rem;
        }


/*快速跳转*/
.wx_aside {
    position: fixed;
    z-index: 99;
    right: 0.5rem;
    bottom: 3.5rem;
    width: 1.8rem;
}

    .wx_aside .btn_more {
        width: 1.5rem;
        height: 1.5rem;
        background: url(../images/fab_more.png) no-repeat;
        background-size: 100%;
        display: block;
    }

.wx_aside_item {
    display: none;
    border-radius: 0.4rem;
    position: absolute;
    top: -4.8rem;
    right: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    width: 4rem;
}

    .wx_aside_item a {
        line-height: 1rem;
        height: 1rem;
        overflow: hidden;
        display: block;
        margin: 0 0.75rem;
        border-bottom: 1px solid #ebebeb;
        font-size: 0.32rem;
        color: #212121;
    }

        .wx_aside_item a i {
            font-size: 1.2rem;
            margin-right: 0.25rem;
            margin-top: 0.35rem;
            display: inline-block;
            float: left;
        }

    .wx_aside_item:after {
        content: '';
        display: inline-block;
        border-left: 0.5rem solid transparent;
        border-right: 0.5rem solid transparent;
        border-top: 0.5rem solid #fff;
        position: absolute;
        bottom: -0.4rem;
        right: 0.75rem;
    }

    .wx_aside_item:before {
        content: '';
        display: inline-block;
        border-left: 0.6rem solid transparent;
        border-right: 0.6rem solid transparent;
        border-top: 0.5rem solid #ddd;
        position: absolute;
        bottom: -0.47rem;
        right: 0.65rem;
    }

    .wx_aside_item a:last-child {
        border-bottom: 0 none;
    }

/*end*/
.member_tips {
    position: fixed;
    top: 0;
    color: red;
    left: 0;
    width: 100%;
    height: 1.2rem;
    line-height: 1.2rem;
    color: #fff;
    background: rgba(255,193,7,0.9);
    padding: 0 0.5rem 0 0.5rem;
}

    .member_tips a {
        color: #fff;
        font-size: 0.32rem;
    }

.icon_warning {
    width: 0.6rem;
    height: 0.6rem;
    background: url(../images/icon_warning.png);
    margin: 0.30rem 0.25rem 0 0;
    background-size: 100% 100%;
    display: inline-block;
    float: left;
}


/*end*/
/*主菜单*/
.menuNav {
    display: inline-block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.49rem;
    z-index: 102;
    background: #000;
    border-top: 0.05rem solid #000;
    z-index: 1;
}

    .menuNav ul li {
        height: 100%;
        float: left;
    }

.navcontent img {
    height: 0.64rem !important;
    width: 0.64rem !important;
}

.navcontent a {
    width: 100%;
    text-align: center;
    display: block;
    height: 100%;
    position: relative;
    font-size: 0.42rem;
    color: #888888;
}

    .navcontent a i {
        position: absolute;
        top: -10px;
        right: 5px;
        background: #ff5722;
        color: #fff;
        width: 20px;
        height: 20px;
        line-height: 20px;
        border-radius: 10px;
        font-size: 0.3rem;
    }

.navcontent img {
    display: block;
    margin: 0 auto 2px;
}

.navcontent {
    padding: 0.15rem 0.2rem;
    text-align: center;
}
/*end*/

/*个人中心底部*/
.userNav {
    height: auto !important;
    background: #fff;
    border-top: 0.05rem solid #eee;
}

    .userNav .navcontent img {
        height: 0.6rem !important;
        width: 0.6rem !important;
    }

    .userNav .navcontent a {
        font-size: 0.32rem;
        color: #212121;
    }

/*弹框样式*/
/*modal*/
.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: fixed;
    top: 40%;
    z-index: 9;
    width: 74%;
    left: 13%;
    border: 1px #e0e0e0 solid;
    background: #fff;
    border-radius: 16px;
    padding: 3%;
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 0;
    outline: 0;
    padding-top: 0.5rem;
    border: none;
    box-shadow: none;
}


.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5;
    }

.modal-header {
    font-size: 0.8rem;
    text-align: center;
    border: 0;
}

    .modal-header .close {
        margin-top: -0.1rem;
        display: none;
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-size: 0.5rem;
    color: #212121;
}

.modal-body {
    padding-top: 0.2rem;
    text-align: left;
    border-bottom: 0px;
    border-radius: 0;
    font-size: 0.42rem;
    border-bottom: 0;
    line-height: 0.7rem;
    margin-bottom: 0.5rem;
    color: #212121;
}



.modal-footer {
    height: 1.3rem;
    overflow: hidden;
    display: table;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0.32rem;
}

    .modal-footer button.btn-primary {
        border: 1px solid #dedede;
        height: 1.3rem;
        font-size: 0.42rem;
        line-height: 1.3rem;
        border-radius: 0.32rem !important;
    }

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 0.25rem;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 2.5rem;
    height: 2.5rem;
    overflow: scroll;
}

.modal-footer button {
    width: 50%;
    float: right;
    height: 2.2rem;
    line-height: 2.2rem;
    border: 0;
    padding: 0;
    background: none;
    color: #666;
    font-size: 0.7rem;
}

    .modal-footer button:first-child {
        position: absolute;
        left: 0;
    }

    .modal-footer button:last-child {
        border: 1px solid #dedede;
    }
/*end*/

.icon_close {
    width: 0.26rem;
    height: 0.26rem;
    background: url(../images/icon_close.png);
    margin: 0.53rem 0.8rem 0 0;
    background-size: 100% 100%;
    display: inline-block;
    float: right;
}



/*字体图标库*/
@font-face {
    font-family: 'iconfont'; /* project id 581552 */
    src: url('https://at.alicdn.com/t/font_581552_ov9f5yuky9aiqkt9.eot');
    src: url('https://at.alicdn.com/t/font_581552_ov9f5yuky9aiqkt9.eot?#iefix') format('embedded-opentype'), url('https://at.alicdn.com/t/font_581552_ov9f5yuky9aiqkt9.woff') format('woff'), url('https://at.alicdn.com/t/font_581552_ov9f5yuky9aiqkt9.ttf') format('truetype'), url('https://at.alicdn.com/t/font_581552_ov9f5yuky9aiqkt9.svg#iconfont') format('svg');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 0.64rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-angle-right:before {
    content: "\e66c";
}

.icon-icon_:before {
    content: "\e66d";
}

.icon-icon_1:before {
    content: "\e66e";
}

.icon-icon_2:before {
    content: "\e66f";
}

.icon-icon_3:before {
    content: "\e670";
}

.icon-order_:before {
    content: "\e671";
}

.icon-icon_4:before {
    content: "\e672";
}

.icon-order_1:before {
    content: "\e673";
}

.icon-icon_5:before {
    content: "\e674";
}

.icon-order_2:before {
    content: "\e675";
}

.icon-order_3:before {
    content: "\e676";
}

.icon-order_4:before {
    content: "\e677";
}

.icon-icon_7:before {
    content: "\e679";
}

.icon-Lable_:before {
    content: "\e678";
}

.icon-Lable_1:before {
    content: "\e67a";
}

.icon-Lable__p:before {
    content: "\e67b";
}

.icon-Lable__p1:before {
    content: "\e67c";
}

.icon-Lable__p2:before {
    content: "\e67d";
}

.icon-Lable_2:before {
    content: "\e67e";
}

.icon-Lable_3:before {
    content: "\e67f";
}

.icon-Lable__p3:before {
    content: "\e680";
}


/*2018-05-22default 首页样式*/

#guanzhuYL {
    position: fixed;
    right: 0;
    top: 40%;
    background: url(../images/main/Gattention.png) no-repeat left top;
    background-size: 100% 100%;
    width: 2.16rem;
    height: 4rem;
    z-index: 15;
}

.guanzhuct {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
}

.toumingdi {
    background: rgba(0, 0, 0, .5);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20;
}

.gerweimabg {
    position: absolute;
    width: 80%;
    height: 91%;
    right: 50%;
    top: 25%;
    margin-right: -40%;
    z-index: 21;
    background: url (../images/main/Gattention2.png) no-repeat center top;
    background-size: 80% auto;
    padding: 10% 10%;
}

.force-erweimabg {
    position: absolute;
    width: 85%;
    height: 91%;
    right: 50%;
    top: 15%;
    padding: 7%;
    margin-right: -40%;
    z-index: 21;
    background: url(../images/main/force-Gattention2.png) no-repeat center top;
    background-size: 100% auto;
}

    .force-erweimabg img {
        width: 100%;
        height: auto;
    }

.gerweima {
    position: absolute;
    width: 46%;
    height: 80%;
    right: 50%;
    top: 15%;
    margin-right: -23%;
    z-index: 22;
}

    .gerweima img {
        width: 100%;
        height: auto;
    }

/*20190313首页、会员权益、保真溯源页面样式新增*/
.tophead {
    overflow: hidden;
    background: #000 url('../images/home/hdbg.jpg') center center no-repeat;
    height: 2.24rem;
    background-size: 100% auto;
}

    .tophead a {
        height: 2.24rem;
        width: 100%;
    }

.headerTab {
    background: url('../images/home/searchbg.jpg') center center no-repeat;
    background-size: 100% auto;
    height: 0.77rem;
    color: #aa8969;
}

.searchtxt {
    text-align: center;
    letter-spacing: 0.02rem;
    font-size: 0.32rem;
    line-height: 0.77rem;
    font-weight: bold;
}

    .searchtxt img {
        height: 0.37rem;
        margin-left: 0.21rem;
    }

.hometab {
    overflow: hidden;
    width: 82%;
    margin: 0 auto;
}

    .hometab li {
        float: left;
        width: 33%;
        text-align: center;
    }

        .hometab li:last-child {
            margin-right: 0;
        }

        .hometab li a {
            color: #fff;
            font-size: 0.37rem;
            color: #888;
            line-height: 0.89rem;
            font-weight: bold;
        }

            .hometab li a.active {
                color: #f1b26d;
                background: url(../images/home/activebg.png) center center no-repeat;
                padding-bottom: 22px;
                background-size: 40% auto;
            }

.homesearch {
    position: absolute;
    top: 1.81rem;
    right: 0.21rem;
}

    .homesearch img {
        height: 16px;
    }

.guide-img {
    width: 100%;
}

.swiper-pagination-bullet {
    width: 4px !important;
    height: 4px !important;
}

.swiper-pagination-bullet-active {
    background: #fff !important;
    border: 1px #fff solid;
}

.swiper-container-horizontal > .swiper-pagination {
    bottom: 8% !important;
}

.catebox {
    background: #0f0f0f;
    position: relative;
    left: 0;
    width: 100%;
    text-align: center;
    top: -3px;
    margin-bottom: 0.8rem;
}

.catelogo img {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.catelogo {
    float: left;
    width: 34px;
    height: 34px;
    text-align: center;
    margin: 0 0.45rem 0 0.54rem;
}

.catetitle {
    font-size: 0.42rem;
    text-align: right;
    margin-right: 0.32rem;
    color: #888888;
    float: left;
}

.catalevel {
    overflow: hidden;
    padding: 1.06rem 0 0.32rem 0;
    margin: 0 auto;
    width: 8rem;
}

    .catalevel ul li {
        float: left;
        width: 33.3%;
        margin-bottom: 0.64rem;
        text-align: center;
        height: 2.5rem;
    }

        .catalevel ul li img {
            width: 70%;
            overflow: hidden;
        }

        .catalevel ul li h2 {
            font-size: 0.32rem;
            color: #f1b26d;
            display: none;
        }

.homebg {
    background: #292929;
}

.probox {
    overflow: hidden;
    padding: 0 0.32rem;
}

.leftpro {
    float: left;
    width: 33%;
    text-align: center;
}

.proimg {
    display: inline-block;
    width: 3.17rem;
    height: 2.66rem;
}

    .proimg img {
        width: 100%;
        height: 2.66rem;
        overflow: hidden;
    }

.proinfo {
    background: #161515;
    padding: 0.33rem 0 0.42rem 0;
    height: 1.9rem;
    width: 3.17rem;
}

.name {
    color: #dbdbdb;
    font-size: 0.37rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
}

.price {
    font-weight: bold;
    color: #dbdbdb;
    text-align: center;
    font-size: 0.4rem;
    line-height: 0.53rem;
    margin: 0.1rem 0;
}

.gobuy {
    color: #8a8989;
    font-size: 0.32rem;
    text-align: center;
    width: 1.28rem;
    height: 0.48rem;
    line-height: 0.45rem;
    text-align: center;
    border: 1px #8a8989 solid;
    margin: 0 auto;
    margin-top: 10px;
}

.rightprobox {
    float: right;
    width: 67%;
}

.rightpro {
    width: 100%;
    float: left;
    display: inline-block;
}

.width50 {
    width: 50%;
}

.pd4 {
    padding: 0.4rem 0;
}

.width50 img {
    height: 2.9rem;
}

.width100 {
    width: 100%;
}

.jingxuan {
    width: 5.13rem;
    margin: 0.4rem auto;
}

    .jingxuan img {
        width: 100%;
    }

.jingxuanbannerbox {
    padding: 0 0.4rem;
    overflow: hidden;
    position: relative;
    margin-bottom: 0.5rem;
}

.jingxuanadv {
}

    .jingxuanadv img {
        width: 100%;
    }

.jingxuanmask {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2.66rem;
    text-align: center;
    background: #000;
    opacity: 0.7;
    fill-opacity: 70%;
}

.jingxuantitle {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff;
}

    .jingxuantitle h2 {
        display: none;
        font-size: 0.53rem;
        font-weight: bold;
        line-height: 30px;
        margin-bottom: 0.32rem;
    }

.jingxuandesc {
    display: none;
    font-size: 0.42rem;
}

.jingxuanmore {
    display: none;
    float: right;
    margin-right: 0.32rem;
    font-size: 0.42rem;
    position: relative;
    bottom: 20px;
}

.jingxuanpro {
    overflow: hidden;
    padding: 0 0.32rem;
    margin: 0.74rem auto 0;
    padding-bottom: 0.74rem;
}

    .jingxuanpro:last-child {
        margin-bottom: 1.5rem;
    }

    .jingxuanpro ul li {
        float: left;
        width: 31%;
        color: #fff;
        padding-right: 0.32rem;
        text-align: center;
        margin-bottom: 20px;
    }

        .jingxuanpro ul li:nth-child(3n) {
            padding-right: 0;
        }

        .jingxuanpro ul li:last-child {
            padding-right: 0;
        }

        .jingxuanpro ul li .jingxuanproimg {
            width: 100%;
            min-width: 2.66rem;
            min-height: 3.09rem;
            overflow: hidden;
            background: #fff;
            margin-bottom: 0.32rem;
        }

        .jingxuanpro ul li .jingxuanname {
            padding: 0 0.1rem 0 0.21rem;
            line-height: 0.53rem;
            height: 1.06rem;
            overflow: hidden;
            font-size: 0.37rem;
        }

        .jingxuanpro ul li .jingxuanprice {
            line-height: 0.4rem;
            font-size: 0.4rem;
            font-weight: bold;
            margin: 0.21rem 0 0.32rem 0;
            position: relative;
        }

        .jingxuanpro ul li .jingxuanbuy {
            width: 1.49rem;
            height: 0.53rem;
            line-height: 0.53rem;
            text-align: center;
            margin: 0 auto;
            font-size: 0.32rem;
            border: 1px #8a8989 solid;
        }

.jingxuandesc img {
    margin: 0 0.1rem;
}

.rra_pbox {
    padding: 10px 24px;
    background: #292929;
    color: #fff;
    min-height: 700px;
}

.memberequity {
    background: #191816;
    padding-bottom: 40px;
    color: #fff;
    min-height: 700px;
}

    .rra_pbox img, .memberequity img {
        width: 100%;
    }

.points {
    height: 18px;
    position: absolute;
    top: -8px;
    right: -10px;
}

.rra_pbox h3 {
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center;
}

.rra_pbox p {
    margin-bottom: 10px;
    line-height: 24px;
    text-indent: 12px;
}

.smart {
    width: 4.4rem;
    height: 2.53rem;
    text-align: center;
    float: left;
    padding-right: 0;
}

    .smart img {
        width: 100%;
    }

.jingxuanbannerbox:last-child {
    margin-left: 0.4rem;
}

.mr15 {
    margin-right: 0.2rem;
}

.ml15 {
    margin-left: 0.2rem;
}

.homeMain {
    overflow: hidden;
    padding-bottom: 60px;
}

/*2019041销售数据样式*/
.salebg {
    background: #1d1d1d;
    margin: 0 auto;
    width: 100%;
}

.salemain {
    padding: 20px 10px;
    overflow: hidden;
    margin: 0 auto;
}

.salehd {
    color: #fff;
    text-align: center;
    font-size: 18px;
}

.salewrap {
    margin: 20px auto;
    overflow: hidden;
    width: 100%;
}

.salenav {
    width: 100%;
    height: 28px;
}

    .salenav a {
        padding: 0 8px;
        text-align: center;
        height: 28px;
        line-height: 28px;
        text-align: center;
        color: #f1b26d;
        border: 1px #f1b26d solid;
        font-size: 14px;
        margin: 0 2px;
        float: left;
    }

        .salenav a.active {
            background: #f1b26d;
            color: #fff;
        }

.salesh {
    overflow: hidden;
}

    .salesh div:target {
        display: block;
    }

.transactionbox {
    margin-top: 10px;
}

    .transactionbox .title {
        font-size: 14px;
        color: #BFBFBF;
        padding-left: 14px;
        border-left: 4px #f1b26d solid;
        margin: 20px 0 16px 0;
    }

.salemoney {
    padding-left: 4px;
    margin-bottom: 8px;
    color: #BFBFBF;
    font-size: 12px;
    overflow: hidden;
    float: left;
}

.allmoney {
    margin-top: 16px;
    width: 100%;
    overflow: hidden;
    float: right;
    text-align: right;
}

    .allmoney em {
        font-size: 10px !important;
    }

#allmoney {
    padding-right: 19px;
    font-size: 16px;
    line-height: 20px;
}

.salemoney em {
    font-size: 12px
}

.salemoney span {
    color: #f1b26d;
    font-size: 18px;
    margin-left: 4px;
}

.saletable1 {
    overflow: hidden;
    width: 100%;
}

    .saletable1 ul {
        width: 100%;
    }

        .saletable1 ul li {
            float: left;
            text-align: center;
            border-top: 1px #72593d solid;
            padding: 8px 0;
            color: #bfbfbf;
        }

            .saletable1 ul li.width30 {
                width: 30%;
            }

            .saletable1 ul li.width40 {
                width: 40%;
            }

            .saletable1 ul li span {
                font-size: 15px;
                width: 100%;
                display: inline-block;
                margin-bottom: 4px;
            }

            .saletable1 ul li em {
                font-size: 15px;
            }

.saleproduct {
    overflow: hidden;
    display: flex;
    margin-bottom: 20px;
}

    .saleproduct ul {
        width: 100%;
        overflow: hidden;
    }

        .saleproduct ul li {
            padding: 4px 5px;
            float: left;
            overflow: hidden;
            color: #BFBFBF;
            border-left: 1px #f1b26d solid;
            border-bottom: 1px #f1b26d solid;
            font-size: 14px;
        }

            .saleproduct ul li.width55 {
                width: 58.9%;
                float: left;
            }

            .saleproduct ul li.width25 {
                width: 24.9%;
                float: left;
                text-align: center;
            }

            .saleproduct ul li.width20 {
                width: 15.9%;
                float: left;
                text-align: center;
            }

            .saleproduct ul li:first-child, .saleproduct ul li:nth-child(2), .saleproduct ul li:nth-child(3) {
                border-top: 1px #f1b26d solid;
            }

            .saleproduct ul li:nth-child(3n) {
                border-right: 1px #f1b26d solid;
            }

            .saleproduct ul li span {
                display: -webkit-box;
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                white-space: normal;
                overflow: hidden;
                width: 100%;
                float: left;
                height: 24px;
                line-height: 24px;
            }

#saleproduct li span {
    width: 100%;
    float: left;
    white-space: normal;
}
/* #saleproduct li span{ width: 100%; float: left; height: 48px; white-space: normal;} */
/* #saleproduct .width20 span,#saleproduct .width25 span{ line-height: 48px!important;} */
.font15 {
    font-size: 15px !important;
}

.colorff {
    color: #fff;
    font-size: 15px !important;
}

.saleproduct ul li.width10 {
    width: 9.9%;
    float: left;
    font-size: 14px;
}

.saleproduct ul li.width15 {
    width: 14.9%;
    float: left;
    font-size: 14px;
    text-align: center;
}

.saleproduct ul li.width45 {
    width: 44.9%;
    float: left;
    font-size: 14px;
}

    .saleproduct ul li.width45 span.progress {
        float: left;
        width: 40%;
    }

.custom ul li span {
    width: 99%;
}

.custom ul li:nth-child(4) {
    border-top: 1px #f1b26d solid;
}

.custom ul li:nth-child(3n) {
    border-right: none
}

.custom ul li:nth-child(4n) {
    border-right: 1px #f1b26d solid;
}

.container {
    float: right;
    width: 60%;
    height: 8px;
    background: #7d7d7d;
    border-radius: 16px;
    margin-top: 7px;
}

.skills {
    font-size: 6px;
    padding-left: 4px;
    line-height: 8px;
    height: 8px;
    border-radius: 16px;
    float: left;
    color: #f1b26d;
}

.css {
    background: #f1b26d;
    display: inline-block;
}

.skills span {
    line-height: 0 !important;
}

.category1 li {
    line-height: 2.1rem !important;
    height: 2.1rem !important;
    font-size: 15px !important;
}

/*推广员下级会员订单查询*/

.referral-child-orders-time {
    padding: 0.66rem 0.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #999;
    font-size: 0.4rem;
}

    .referral-child-orders-time .datepicker-wrap {
        width: 3.17rem;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
    }

        .referral-child-orders-time .datepicker-wrap i {
            position: absolute;
            top: 50%;
            right: 0.18rem;
            width: 0.53rem;
            height: 0.53rem;
            background: url(../images/referral/icon_18.png) center center no-repeat;
            background-size: 100% 100%;
            transform: translateY(-50%);
        }

    .referral-child-orders-time input {
        height: 0.9rem;
        background-color: #fff;
        border: 1px solid #cc9855;
        width: 100%;
        padding-left: 0.18rem;
        padding-right: 0.72rem;
        border-radius: 4px;
        font-size: 0.4rem;
        color: #666;
    }

    .referral-child-orders-time span {
        margin: 0 0.13rem;
    }

    .referral-child-orders-time button {
        padding: 0 0.61rem;
        border: 0 none;
        background: linear-gradient(to left, #f7c884, #cd9955);
        color: #fff;
        margin-left: 0.26rem;
        font-size: 0.4rem;
        height: 0.9rem;
        white-space: nowrap;
        border-radius: 3px;
    }

.referral-child-orders-sum {
    margin: 0 0.26rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-bottom: 0.66rem;
}

    .referral-child-orders-sum li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        overflow: hidden;
        color: #999;
        font-size: 0.32rem;
        position: relative;
        padding: 0 0.13rem;
    }

        .referral-child-orders-sum li:after {
            content: "";
            position: absolute;
            right: 0;
            top: 50%;
            width: 1px;
            height: 1rem;
            background-color: #c18536;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .referral-child-orders-sum li:last-child::after {
            display: none;
        }

        .referral-child-orders-sum li span, .referral-child-orders-sum li strong {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            line-height: 0.64rem;
            font-size: 0.37rem;
            text-align: center;
        }

        .referral-child-orders-sum li strong {
            font-size: 0.48rem;
            color: #c58f4c;
            font-weight: normal;
        }

.referral-unit {
    font-size: 0.32rem;
    color: #c58f4c;
}

.referral-child-orders-detail-title {
    line-height: 1.25rem;
    color: #333;
    font-size: 0.48rem;
}

.referral-orders-list {
    padding: 0 0.4rem;
}

.referral-child-orders-detail-list li {
    position:relative;
    padding: 0.266rem 0 0.24rem;
}

.referral-child-orders-detail-list li:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:1px;
    background-color:#e6e6e6;
    -webkit-transform:scaleY(0.5);-ms-transform:scaleY(0.5);transform:scaleY(0.5);
}

.referral-child-orders-detail-list .row {
    line-height: 0.65rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.32rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 0.64rem;
    overflow: hidden;
    padding: 0 0.16rem;
    color: #666;
}

.referral-child-orders-detail-list .title{
    font-size:0.4rem;
    color:#000;
    height:0.773rem;
    line-height:.773rem;
    padding:0 0.16rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.referral-child-orders-detail-list .title span{
    margin-right:0.266rem;
}

.referral-child-orders-detail-list strong {
    color: #c18536;
    font-size: 0.48rem;
    font-weight: normal;
}

.referral-child-orders-detail-list .sign, .referral-splittin-list .sign {
    margin-left: 0.26rem;
}

    .referral-child-orders-detail-list .sign i, .referral-splittin-list .sign i {
        color: #fd0000;
    }

.referral-child-orders-container {
    padding-top: 3.12rem;
}

.referral-child-orders-head {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #121212;
}

.referral-child-orders-container .page-load, .referral-page-load {
    text-align: center;
    padding: 10px;
    color: #919191;
    background-color:#fff;
}


.referral-page-load {
    display: none;
}

.referral-child-orders-no {
    display: none;
    padding: 2rem;
    text-align: center;
    color: #bfbfbf;
    font-size: 0.37rem;
}

.referral-splittin-details-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

    .referral-splittin-details-header .title {
        padding: 1.01rem 0 1.17rem;
        text-align: center;
        line-height: 0.74rem;
        font-size: 0.4rem;
        /*background:url(../images/referral/referral_commission_bg.jpg) center center no-repeat;
    background-size:100% 100%;*/
        background-color: #121212;
        color: #ccc;
    }

        .referral-splittin-details-header .title strong {
            display: block;
            color: #fff;
            line-height: 0.88rem;
            font-size: 0.74rem;
            font-weight: normal;
            color: #ffd298;
            margin-bottom: 0.18rem;
        }

    .referral-splittin-details-header .referral-unit {
        font-size: 0.46rem;
        color: #ffd298;
    }


    .referral-splittin-details-header .history-btn {
        position: absolute;
        right: 0.26rem;
        top: 0.37rem;
        color: #b5b5b5;
        font-size: 0.34rem;
        display: none;
    }

        .referral-splittin-details-header .history-btn a {
            display: block;
            color: #999;
            line-height: 0.64rem;
            font-size: 0.32rem;
        }

    .referral-splittin-details-header .now-month-title {
        color: #fff;
        line-height: 1.14rem;
        font-size: 0.37rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 0.42rem;
        position: relative;
        margin-left: 0.4rem;
        margin-right: 0.4rem;
    }

        .referral-splittin-details-header .now-month-title strong {
            font-weight: normal;
            padding-left: 0.16rem;
        }


        .referral-splittin-details-header .now-month-title:before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            width: 2px;
            height: 0.46rem;
            background-color: #f1b26d;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .referral-splittin-details-header .now-month-title span {
            color: #c6c6c6;
            font-size: 0.32rem;
        }

.referral-splittin-month-list-wrap {
    display: none;
}

.referral-splittin-month-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding: 0.72rem 0.666rem 0.64rem;
    background-color:#fff;
}


.referral-splittin-month-list li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #ffd298;
    color:#a46539;
}

.referral-splittin-month-list li:nth-child(1) {
    border-top-left-radius:0.08rem;
    border-bottom-left-radius:0.08rem;
}

.referral-splittin-month-list li:nth-child(2) {
    border-top-right-radius: 0.08rem;
    border-bottom-right-radius: 0.08rem;
}


.referral-splittin-month-list li.active {
    background-color: #a46539;
    color:#fff;
}

.referral-splittin-month-list li div i{
    font-size:0.32rem;
}

.referral-splittin-month-list li div {
    padding: 0.293rem 0;
    overflow: hidden;
    line-height: 0.506rem;
    font-size: 0.32rem;
    text-align: center;
}

.referral-splittin-month-list li span {
    display: block;
    text-align: center;
    line-height: 0.72rem;
}


.referral-splittin-month-list em {
    font-size: 0.56rem;
}

.referral-splittin-detail-title {
    padding-left: 0;
    padding-right: 0;
    color: #c6c6c6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

    .referral-splittin-detail-title span {
        color: #919191;
        font-size: 0.32rem;
    }

.referral-splittin-container {
    padding-top: 3.12rem;
}

.referral-history-list-header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    color: #919191;
    padding: 1.24rem 0 0.4rem;
    z-index: 2;
    text-align: center;
    /*background:url(../images/referral/referral_commission_bg.jpg) center center no-repeat;
    background-size:100% 100%;*/
    background-color: #121212;
}

    .referral-history-list-header .title {
        display: inline-block;
        line-height: 0.8rem;
        font-size: 0.56rem;
        color: #ffd298;
        font-weight: normal;
        margin-bottom: 0.96rem;
        position: relative;
    }

        .referral-history-list-header .title::before {
            content: "";
            position: absolute;
            top: 50%;
            left: -0.56rem;
            height: 1px;
            width: 0.26rem;
            background-color: #ffd298;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transform: scaleY(0.5);
            -ms-transform: scaleY(0.5);
            transform: scaleY(0.5)
        }

        .referral-history-list-header .title::after {
            content: "";
            position: absolute;
            top: 50%;
            right: -0.56rem;
            height: 1px;
            width: 0.26rem;
            background-color: #ffd298;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transform: scaleY(0.5);
            -ms-transform: scaleY(0.5);
            transform: scaleY(0.5)
        }


    .referral-history-list-header p {
        line-height: 0.56rem;
        text-align: right;
        padding: 0 0.4rem;
        color: #7a5c3e;
        font-size: 0.32rem;
    }

.referral-history-list-body {
    padding: 0.26rem 0.4rem 0;
    color: #333;
    font-size: 0.4rem;
}

    .referral-history-list-body .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 1.2rem;
        overflow: hidden;
        white-space: nowrap;
        position: relative;
        padding-left: 0.22rem;
    }

        .referral-history-list-body .title span {
            font-size: 0.4rem;
        }

        .referral-history-list-body .title::before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            height: 0.4rem;
            width: 2px;
            background-color: #c18536;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .referral-history-list-body .title .year {
            font-size: 0.48rem;
            font-weight: bold;
        }

        .referral-history-list-body .title .total {
            color: #c18536;
            font-size: 0.56rem;
        }


.referral-history-container {
    padding-top: 4.21rem;
}

.referral-history-list-body ul {
    /*padding:0.29rem 0.53rem 0.37rem;
    background-color:#fff;*/
}

.referral-history-list-body li {
    line-height: 0.8rem;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #333;
    font-size: 0.4rem;
    overflow: hidden;
    background-color: #fff;
    padding: 0.29rem 0.53rem 0.37rem;
    margin: 0.2rem 0;
}

    .referral-history-list-body li span {
        flex: 0 0 auto;
    }

        .referral-history-list-body li span a {
            color: #333;
        }

    .referral-history-list-body li .line {
        flex: 1;
        position: relative;
        overflow: hidden;
        margin-left: 0.13rem;
        margin-right: 0.13rem;
    }

        .referral-history-list-body li .line:after {
            content: "";
            position: absolute;
            bottom: 0.21rem;
            left: 0;
            right: 0;
            border: 1px dashed #e6e6e6;
            transform: scaleY(0.5);
            transform-origin: 0 0;
        }

.referral-history-list-body-item {
    margin-bottom: 0.4rem;
}

/*
    推广员首页
*/
.referralCenter-container {
    padding-top: 4.6rem;
}

.referral-center-vip-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #121212;
    color: #999;
    padding-top: 0.8rem;
    padding-bottom: 0.61rem;
    z-index: 2;
}

.submembers-header-wrap .avatar {
    width: 1.626rem;
    height: 1.626rem;
    overflow: hidden;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.053rem;
}

.submembers-header-wrap .row {
    height: 0.466rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.32rem;
    color: #999;
}

.submembers-header-wrap .user-name {
    color: #ffd298;
    font-size: 0.4rem;
    margin-right: 0.093rem;
    font-weight: normal;
}

.submembers-header-wrap .avatar img {
    width: 100%;
}

.referral-center-vip-header .avatar {
    width: 1.73rem;
    height: 1.73rem;
    overflow: hidden;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.42rem;
}

.referral-center-vip-header .avatar img {
    width: 100%;
}

.referral-center-vip-header .row {
    height: 0.53rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.35rem;
}


.referral-center-vip-header .user-name {
    color: #ffd298;
    font-size: 0.56rem;
    margin-right: 0.26rem;
    font-weight: normal;
    margin-top: -0.1rem;
}

.referral-center-vip-header .user-phone {
    margin-right: 0.26rem;
}

.referral-center-vip-header .help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: url(../images/referral/icon_10.png) center center no-repeat;
    background-size: 100% 100%;
}

.referral-center-vip-header .login-out {
    position: absolute;
    top: 0.4rem;
    right: 0.4rem;
    text-indent: -9999px;
    overflow: hidden;
    width: 0.53rem;
    height: 0.53rem;
    background: url(../images/referral/icon_11.png) center center no-repeat;
    background-size: 100% 100%;
}

.referral-center-vip-header .header-help {
    position: relative;
}

    .referral-center-vip-header .header-help ul {
        display: none;
        position: fixed;
        top: 10%;
        right: 5%;
        left: 5%;
        z-index: 3;
        background-color: #fff;
        padding: 0.26rem;
        max-height: 80%;
        overflow-y: scroll;
        font-size: 0.32rem;
        border-radius: 10px;
        color: #333;
        border: 1px solid #ddd;
    }

    .referral-center-vip-header .header-help li {
        line-height: 0.48rem;
        padding-top: 0.1rem;
        padding-bottom: 0.1rem;
    }

    #orders-help,
    #commission-help,
    #customer-help,
    #commission-tax-help,
    #partner-help {
        display: none;
    }

    .referral-center-vip-header .header-help em {
        font-weight: bold;
    }

.referral-center-body {
    padding: 0.6rem 0.4rem 0.1rem;
    background-color: #f5f5f5;
}

.referral-center-block {
    display: none;
    background-color: #fff;
    margin-bottom: 0.26rem;
    border-radius: 8px;
}

    .referral-center-block .block-title {
        height: 1.2rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 0.32rem;
        color: #666;
        padding-left: 0.53rem;
        padding-right: 0.53rem;
        position: relative;
    }

    .referral-center-block .more {
        color: #666;
    }

    .referral-center-block .block-title::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 1px;
        background-color: #e6e6e6;
        -webkit-transform: scaleY(0.5);
        -ms-transform: scaleY(0.5);
        transform: scaleY(0.5)
    }

    .referral-center-block .title {
        font-size: 0.48rem;
        color: #121212;
        font-weight: normal;
    }

    .referral-center-block .block-navs {
        padding-bottom: 8px;
        display: flex;
        flex-wrap: wrap;
    }

        .referral-center-block .block-navs li {
            width: 33.3%;
            line-height: 0.56rem;
            padding-top: 0.34rem;
            margin-bottom: 0.2rem;
            text-align: center;
            color: #666;
            font-size: 0.32rem;
            overflow: hidden;
            padding-left: 0.13rem;
            padding-right: 0.13rem;
            box-sizing: border-box;
            white-space: nowrap;
        }


        .referral-center-block .block-navs .number {
            display: block;
            font-size: 0.48rem;
            color: #c18536;
            line-height: 0.64rem;
            height: 0.64rem;
            overflow: hidden;
            white-space: nowrap;
        }

        .referral-center-block .block-navs .unit {
            font-size: 0.32rem;
        }

.referral-center-nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.26rem 0 0.17rem;
}


    .referral-center-nav-list li {
        display: none;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 25%;
        overflow: hidden;
    }

    .referral-center-nav-list a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 0.21rem;
        line-height: 0.93rem;
        color: #333;
    }

    .referral-center-nav-list img {
        display: block;
        width: 0.8rem;
        height: 0.8rem;
    }

.referral-code-page img {
    width: 100%;
}

.submembers-header-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding-top:0.24rem;
    z-index: 2;
}

    .submembers-header-wrap .statistics {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 0.3rem;
        margin-top: 0.26rem;
    }

        .submembers-header-wrap .statistics li {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            color: #ccc;
            font-size: 0.4rem;
            padding: 0 0.13rem;
            white-space: nowrap;
            line-height: 0.54rem;
            overflow: hidden;
        }

        .submembers-header-wrap .statistics img {
            width: 0.44rem;
            height: 0.34rem;
            margin-right: 0.13rem;
        }

        .submembers-header-wrap .statistics .unit {
            font-size: 0.32rem;
        }

        .submembers-header-wrap .statistics .text {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            white-space: nowrap;
            text-align: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            overflow: hidden;
        }

            .submembers-header-wrap .statistics .text span {
                display: block;
            }

/*
.submembers-list-item {
    background-color: #fff;
    margin-bottom: 0.26rem;
    padding: 0.66rem 0.4rem 0.37rem;
    color: #666;
}

    .submembers-list-item .list-item-head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 0.22rem;
    }

    .submembers-list-item .head-avatar {
        width: 1.33rem;
        height: 1.33rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 1.33rem;
        flex: 0 0 1.33rem;
        border-radius: 50%;
        position: relative;
    }

        .submembers-list-item .head-avatar i {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: absolute;
            top: -0.2rem;
            right: 0;
            width: 0.48rem;
            height: 0.48rem;
            border: 1px solid #ff0606;
            color: #ff0000;
            background-color: #fff;
            border-radius: 50%;
        }

        .submembers-list-item .head-avatar img {
            width: 100%;
            height: 100%;
        }

    .submembers-list-item .head-info {
        margin-left: 0.26rem;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        overflow: hidden;
    }

    .submembers-list-item .user-name {
        color: #C6C6C6;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden;
        height: 0.68rem;
    }

        .submembers-list-item .user-name span {
            font-size: 0.48rem;
            display: inline-block;
            line-height: 0.68rem;
            height: 0.68rem;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #000;
            overflow: hidden;
        }

        .submembers-list-item .user-name i {
            display: inline-block;
            font-size: 0.32rem;
            line-height: 0.4rem;
            height: 0.4rem;
            padding: 0 0.16rem;
            background: #cd9955;
            background: -webkit-gradient(linear, right top, left top, from(#f7c884), to(#cd9955));
            background: -o-linear-gradient(right, #f7c884, #cd9955);
            background: linear-gradient(to left, #f7c884, #cd9955);
            border-radius: 0.48rem;
            margin-left: 0.3rem;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            overflow: hidden;
            color: #f5f5f5;
        }

    .submembers-list-item .phone {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 0.58rem;
        font-size: 0.4rem;
    }

    .submembers-list-item .list-item-head-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #919191;
        font-size: 0.48rem;
    }

    .submembers-list-item .list-item-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 0.90rem;
        font-size: 0.32rem;
        overflow: hidden;
    }

        .submembers-list-item .list-item-body:before {
            border-color: #e6e6e6;
        }

    .submembers-list-item .list-item-body-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0 0.13rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }



        .submembers-list-item .list-item-body-item:last-child {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }

        .submembers-list-item .list-item-body-item a, .submembers-list-item .list-item-body-item span {
            color: #666;
            white-space: nowrap;
        }

        .submembers-list-item .list-item-body-item .unit {
            font-size: 0.32rem;
        }

        .submembers-list-item .list-item-body-item strong {
            font-size: 0.4rem;
            color: #c18536;
            font-weight: normal;
        }
    */

.submembers-list-box-inner {
    background-color: #fff;
    margin-top:0.186rem;
    padding:0.093rem 0.4rem 0.4rem;

}

.submembers-list-box {
    padding-top: 3.12rem;
}


.referral-splittin-list {
    padding: 0 0.213rem;
    margin-top: 0.333rem;
}

    .referral-splittin-list li {
        padding: 0 0.24rem;
        font-size: 0.32rem;
        color: #666;
        background-color: #fff;
        margin-bottom: 0.4rem;
    }

    .referral-splittin-list .order-id {
        line-height: 0.8rem;
        white-space: nowrap;
        overflow: hidden;
        height: 0.8rem;
        text-overflow: ellipsis;
        position: relative;
        color:#000;
    }

    .referral-splittin-list .order-id span{
        margin-right:0.16rem;
    }

    .referral-splittin-list .order-time {
        line-height: 0.586rem;
        display: flex;
        justify-content: space-between;
        overflow: hidden;
        height: 0.586rem;
        white-space: nowrap;
    }

    .referral-splittin-list strong {
        font-size: 0.48rem;
        color: #c18536;
        font-weight: normal;
    }

    .referral-splittin-list .order-name {
        line-height: 0.72rem;
        height: 0.72rem;
        white-space: nowrap;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
    }

/* 2019-10-11 更新 */
.referral-page-head{
    height:3.12rem;
    background:url(../images/referral/head_bg_2.jpg) center center no-repeat;
    background-size:100% 100%;
    z-index:10;
}

.referral-child-orders-head ul{
    padding:0.346rem 1.44rem;
}

.referral-child-orders-head ul li{
    height:1.253rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    line-height:1.253rem;
    overflow:hidden;
    padding:0 0.266rem 0 0.666rem ;
    color:#ffd298;
}

.referral-child-orders-head ul li:nth-child(1) {
    background:url(../images/referral/head_bg_1.png) center bottom no-repeat;
}


.referral-child-orders-head ul .text{
    font-size:0.4rem;
}


.referral-child-orders-head ul .number{
    font-size:0.64rem;
}

.referral-child-orders-head ul .number i {
    font-size:0.32rem;
}

.referral-child-orders-time-select {
    height: 1.066rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #a6a6a6;
}

.referral-child-orders-time-select .prev, .referral-child-orders-time-select .next{
    font-size:0.32rem;
}

.referral-child-orders-time-select .prev i{
    margin-right:0.346rem;
}

.referral-child-orders-time-select .next i {
    margin-left: 0.346rem;
}

.referral-child-orders-time-select .year {
    font-size: 0.4rem;
    width:3.12rem;
    height:0.853rem;
    line-height:0.853rem;
    text-align:center;
    border:0 none;
}

.referral-child-orders-detail{
    background-color:#fff;
    padding:0.08rem 0.4rem 0.346rem;
}

.referral-child-orders-detail-head {
    position:relative;
    padding-top: 0.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.referral-child-orders-detail-head .title{
    display:inline-block;
    height:0.666rem;
    line-height:0.666rem;
    font-size:0.4rem;
    font-weight:normal;
}


.referral-child-orders-detail-head .status{
    height:0.586rem;
    line-height:0.586rem;
    color:#c47c2d;
}

.referral-child-orders-detail-head .status span{
    display:inline-block;
    padding:0 0.266rem;
    height:0.586rem;
    color:#c47c2d;
    background-color:#f6e4d1;
}

.referral-child-orders-detail-head .status-select{
    display:none;
    position:absolute;
    right:0;
    top:0.986rem;
}

.referral-child-orders-detail-head .status-select li{
    height:0.586rem;
    line-height:0.586rem;
    padding:0 0.266rem;
    color:#d19b6b;
    background-color:#fff6ea;
}

.referral-child-orders-detail-head .status-select li:hover {
    background-color: #f6e4d1
}

.referral-child-orders-detail-body{
    padding-top:0.293rem;
    line-height:0.586rem;
    font-size:0.32rem;
}

.referral-child-orders-detail-body span{
    color:#af680c;
}

.referral-child-orders-detail-list-wrap {
    padding: 0.08rem 0.4rem;
    background-color: #fff;
}

.referral-child-orders-bar {
    height: 0.213rem;
    background-color: #e5e5e5;
}

.android-ics .dw .dwwl2 {
    display: none !important;
}

.referral-splittin-details-header-title {
    padding-top: 0.6rem;
    height: 0.693rem;
    line-height: 0.693rem;
    font-size: 0.4rem;
    text-align: center;
    color: #826a4c;
}

.referral-splittin-details-header-title strong {
    font-size: 0.48rem;
    color: #ffd298;
    padding:0 0.693rem;
    font-weight:normal;
}

.referral-splittin-details-header-number {
    font-size: 0.64rem;
    height: 0.746rem;
    line-height: 0.746rem;
    color: #ffd298;
    text-align:center;
}

.referral-splittin-details-header-number i{
    font-size:0.4rem;
}

.referral-splittin-details-header-text {
    height: 0.533rem;
    padding-top: 0.453rem;
    line-height: 0.533rem;
    text-align: right;
    color: #dbb482;
    padding-right:0.506rem;
}

.referral-splittin-list-wrap{
    margin-top:0.2rem;
    padding:0 0.4rem;
    background-color:#fff;
}

.referral-splittin-list-title {
    position:relative;
    padding-top:0.266rem;
    line-height:0.666rem;
    height:0.666rem;
    font-size:0.32rem;
    color:#000;
    padding:0 0.123rem;
}

.referral-splittin-list-title:after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:1px;
    background-color:#ddd;
    -webkit-transform:translateY(.5);-ms-transform:translateY(.5);transform:translateY(.5);
}

.referral-splittin-list-right-item{
    padding-top:0.066rem;
    color:#000;
}

.referral-splittin-list-right-item .title{
    height:1.32rem;
    line-height:1.32rem;
    position:relative;
    font-size:0.4rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
            justify-content:space-between;
    padding-left:0.48rem;
}

.referral-splittin-list-right-item .title:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:1px;
    background-color:#ddd;
    -webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);
}
.referral-splittin-list-right-item .title:before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:0.066rem;
    height:0.4rem;
    background-color:#c18536;
    -webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)
}

.referral-splittin-list-right-item .title span:nth-child(2) {
    font-size:0.32rem;
}

.referral-splittin-list-right-item .total{
    color:#c47c2d;
    font-size:0.4rem;
}

.referral-splittin-list-right-item li{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding-left:0.48rem;
    font-size:0.32rem;
    margin-bottom:0.066rem;
     height:1.32rem;
    line-height:1.32rem;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0 0.48rem;
}

.referral-splittin-list-right-item li span:nth-child(1){
    padding-right:0.4rem;
}

.referral-splittin-list-right-item li span:nth-child(3) {
    padding-left: 0.32rem;
    color:#c47c2d;
    font-size:0.4rem;
}

.referral-splittin-list-right-item li span:nth-child(2) {
    flex:1;
    height:1px;
    position:relative;
}

.referral-splittin-list-right-item li span:nth-child(2):after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    border-bottom:1px dashed rgba(141,141,141, .2);
    -webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);
}



.referral-splittin-list-right-item li:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #ddd;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5);
}

.referral-splittin-list-right-item li a{
    color:#000;
    font-size:0.32rem;
}

.referral-center-vip-tab{
    background-color:#fff;
    padding:0.426rem 0.173rem 0.466rem;
}

.referral-center-vip-tab ul{
    display:flex;
}

.referral-center-vip-tab li{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
            flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
            justify-content:center;
    height:2.173rem;
    background-color:#ffd298;
    color:#a46539;
}

.referral-center-vip-tab li .row1{
    line-height:0.586rem;
    height:0.586rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:0.48rem;
}

.referral-center-vip-tab li .unit{
    color:#a46539;
    font-size:0.32rem;
}

.referral-center-vip-tab li .row2{
    height:0.453rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:0.32rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
            align-items:center;
}

.referral-center-vip-tab li .icon-bg{
    margin-right:0.33rem;
    display:inline-block;
}

.referral-center-vip-tab li:nth-child(1){
    border-top-left-radius:0.08rem;
    border-bottom-left-radius:0.08rem;
}

.referral-center-vip-tab li:nth-child(1) .icon-bg{
    width:0.386rem;
    height:0.306rem;
    background:url(../images/referral/icon_20.png) center center no-repeat;
    background-size:100% 100%;
}

.referral-center-vip-tab li:nth-child(2){
     border-top-right-radius:0.08rem;
    border-bottom-right-radius:0.08rem;
}

.referral-center-vip-tab li:nth-child(2) .icon-bg{
    width:0.306rem;
    height:0.36rem;
    margin-right:0.226rem;
    background:url(../images/referral/icon_22.png) center center no-repeat;
    background-size:100% 100%;
}

.referral-center-vip-tab .active{
    background-color:#a46539;
    color:#fff;
}

.referral-center-vip-tab  .active:nth-child(1) .icon-bg{
    background:url(../images/referral/icon_19.png) center center no-repeat;
    background-size:100% 100%;
}

.referral-center-vip-tab .active:nth-child(2) .icon-bg {
    background: url(../images/referral/icon_21.png) center center no-repeat;
    background-size:100% 100%;
}

.referral-center-vip-tab .active .unit{
    color:#fff;
}

.submembers-list-item-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 0.346rem;
}

.submembers-list-item{
    margin-top:0.44rem;
    position:relative;
   
}

.submembers-list-item:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:1px;
    background-color:#ddd;
    -webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)
}

.submembers-list-item-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.submembers-list-item-body .avatarWrap{
    width:1.333rem;
    height:1.333rem;
    border-radius:50%;
    position:relative;
}

.submembers-list-item-body .avatar{
    width:1.333rem;
    height:1.333rem;
    border-radius:50%;
    overflow:hidden;
}

.submembers-list-item-body .avatar img{
    width:100%;
}

.submembers-list-item-body .avatarWrap .unit{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: -0.2rem;
    right: 0;
    width: 0.48rem;
    height: 0.48rem;
    border: 1px solid #ff0606;
    color: #ff0000;
    background-color: #fff;
    border-radius: 50%;
}

.submembers-list-item-body .avatarWrap .unit1{
    width:0.72rem;
    height:0.72rem;
    left:0;
}

.submembers-list-item-body .body{
    padding-top:0.053rem;
    padding-left:0.306rem;
    flex:1;
    overflow:hidden;
    position:relative;
}
.submembers-list-item-body .body .title{
    height:0.693rem;
    line-height:0.693rem;
    font-size:0.4rem;
    overflow:hidden;
    display:-webkit-box;display:-ms-flexbox;display:flex;
}

.submembers-list-item-body .body .title div{
    overflow:hidden;
    display:flex;
    float:left;
}

.submembers-list-item-body .body .title span{
    flex:1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.submembers-list-item-body .body .more{
    color:#666;
    position:absolute;
    right:0;
    top:0;
    line-height: 0.693rem;
}

.submembers-list-item-body .body .title i {
    display: inline-block;
    padding: 0 0.24rem;
    height: 0.4rem;
    overflow:hidden;
    line-height: 0.4rem;
    font-size: 0.32rem;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#cd9955), to(#f7c783));
    background: -o-linear-gradient(left, #cd9955, #f7c783);
    background: linear-gradient(90deg, #cd9955, #f7c783);
    border-radius: 0.2rem;
    margin-left:0.21rem;
    margin-top:0.145rem;
}

.submembers-list-item-body .body .phone{
    line-height:0.56rem;
    height:0.56rem;
    overflow:hidden;
    display:flex;
    justify-content:space-between;
    color:#666;
}

.submembers-list-item-aside{
    color:#666;
}

.submembers-list-item-aside .timer{
    line-height:0.48rem;
    height:0.48rem;
    display:block;
    overflow:hidden;
    margin-top:0.746rem;
}

.submembers-list-child-number{
    margin-top:0.16rem;
    height:1.066rem;
    line-height:1.066rem;
    position:relative;
}

.submembers-list-child-number:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #ddd;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

.submembers-list-item-bar-title{
    padding-top:0.306rem;
    line-height:0.426rem;
    height:0.426rem;
    font-size:0.4rem;
}

.submembers-list-box-deal .submembers-list-item-inner {
    padding-bottom:0;
}
.submembers-list-box-deal .submembers-list-item {
    margin-top: 0.293rem;
    padding-bottom: 0.08rem;
}

.submembers-list-item .order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 0.133rem;
    font-size: 0.32rem;
    margin-top: 0.213rem;
    line-height: 0.786rem;
    height: 0.786rem;
    overflow: hidden;
    position: relative;
}

.submembers-list-item .order:after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:1px;
    background-color:#ebebeb;
    -webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);
}

.submembers-list-item .order i{
    color:#ce9a57;
}

.submembers-list-box-tab{
    display:none;
}

.submembers-list-box-tab-active{
    display:block;
}

.referral-splittin-details-header-query-title {
    font-size: 0.4rem;
}

.referral-splittin-details-query-list{
    padding:0 0.4rem;
}

.referral-splittin-details-query-list-title{
    padding-top:0.413rem;
    height:1.24rem;
    line-height:1.24rem;
    font-size:0.32rem;
    position:relative;
    padding-left:0.226rem;
}

.referral-splittin-details-query-list-title:after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    height:1px;
    background-color:#ddd;
    -webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);
}

.referral-splittin-details-query-list li{
    padding:0.346rem 0.226rem 0.506rem;
    position:relative;
    list-style:none;
}

.referral-splittin-details-query-list li:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background-color: #ddd;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5);
}

.referral-splittin-details-query-list li .title{
    line-height:0.706rem;
    height:0.706rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:0.4rem;
}

.referral-splittin-details-query-list li .title strong{
    font-weight:normal;
    margin-right:0.16rem;
}

.referral-splittin-details-query-list li .body{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:0.64rem;
    font-size:0.32rem;
    
}

.referral-splittin-details-query-list li .body span:nth-child(1) {
    -webkit-box-flex:1;-ms-flex:1;flex:1;
    overflow:hidden;
    color:#666;
}

.referral-splittin-details-query-list li .body span:nth-child(2){
    -webkit-box-flex:0;-ms-flex:0 0 3.133rem;flex:0 0 3.133rem;
    width:3.133rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.referral-splittin-details-query-list li .body span i{
    color:#c47c2d;
}

.referral-splittin-details-query-list li .body .number{
    font-size:0.4rem;
}

.partner-list-box-inner .submembers-list-item-body{
    overflow:hidden;
}