@charset "utf-8";
/* -------------通用样式表 -------------*/

* {
    margin: 0;
    padding: 0;
    max-height: 99999px;
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    height: 100%;
}

body {
    height: 100%;
    background: #f2f2f2;
    color: #333;
    font-size: .24rem;
    font-family: '微软雅黑';
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    width: 100%;
    border: none;
}

div {
    margin: auto;
    /*max-width: 10rem;*/
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    font-size: 100%;
}

img, input, label, th {
    display: inline-block;
    outline: 0;
    border: 0;
    vertical-align: middle;
    -webkit-appearance: none;
    appearance: none;
}

li, ol, ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

a, a:active, a:focus, a:hover, a:visited {
    color: initial;
    text-decoration: none;
}

select {
    background: transparent;
}

.mt20 {
    margin-top: .2rem !important;
}

.BjColor {
    background: #ffffff !important;
}

.main {
    padding: 1.16rem 0 2rem;
}

.mainB {
    padding-bottom: 2rem;
}

.mainT {
    padding-top: 1.16rem;
}

#copyHide {
    position: fixed;
    top: -1rem;
    opacity: 0;
}


/*-------------美化选择框-------------*/
.intre {
    position: relative;
    margin: 0;
}

    .intre input[type=radio], .intre input[type=checkbox] {
        margin: 0;
        width: 1rem;
        height: .5rem;
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: -1;
        transform: translate(-50%,-50%);
    }

    .intre label {
        width: .4rem;
        height: .4rem;
        border: .02rem solid #999;
        border-radius: 50%;
    }

    .intre input:checked + label {
        border: .02rem solid #c60035;
        background-color: #c60035;
    }

        .intre input:checked + label::after {
            position: absolute;
            top: 0.08rem;
            left: .16rem;
            width: .1rem;
            height: .2rem;
            border: .04rem solid #fff;
            border-top: none;
            border-left: none;
            content: "";
            transform: rotate(45deg);
        }

/*-------------上传图片-------------*/
.up-img {
    position: relative;
    overflow: hidden;
    text-align: center;
    margin: 0;
}

    .up-img img {
        width: 2rem;
        height: 2rem;
    }

    .up-img input {
        position: absolute;
        top: 0;
        left: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }

/*-------------顶部菜单-------------*/
.header_nav {
    display: none;
    position: fixed;
    right: 0.2rem;
    top: .86rem;
    background: #ffffff;
    z-index: 100;
    width: 50%;
    border-radius: .1rem;
    padding: .2rem .4rem;
    box-shadow: 0px .04rem .08rem 0 #0000004d;
}

.header_nav_b {
    right: 0.33rem;
    width: 0;
    height: 0;
    border-left: .28rem solid transparent;
    border-right: .28rem solid transparent;
    border-bottom: .28rem solid white;
    display: block;
    position: absolute;
    top: -0.14rem;
}

.header_nav_li {
    display: flex;
    align-items: center;
    font-size: .26rem;
    padding: .2rem 0;
}

    .header_nav_li img {
        width: .44rem;
        margin-right: .25rem;
    }

/*-------------选择地址-------------*/
.districtBox {
    position: relative;
    padding-top: 1.17rem;
    background: #ffffff;
}

.districtTitle {
    display: flex;
    border-bottom: .02rem solid #e7e7e7;
    padding: 0 .4rem;
    position: fixed;
    width: 100%;
    background: #fff;
}

    .districtTitle .li {
        padding: 0 .2rem;
        height: .8rem;
        line-height: .8rem;
        color: #4a4a4a;
        margin: 0;
    }

        .districtTitle .li.on {
            border-bottom: .05rem solid #ff007e;
            color: #333
        }

.districtList {
    font-size: .32rem;
    padding-top: .8rem;
}

    .districtList .li {
        text-align: center;
        height: 1rem;
        line-height: 1rem;
        border-bottom: .02rem solid #dedede
    }

/*-------------暂无数据-------------*/
.zanwu {
    text-align: center;
    font-size: 0.3rem;
    padding: 2rem 0;
    color: #666666;
}

    .zanwu img {
        width: 2.14rem;
        display: block;
        margin: auto;
    }

/*-------------顶部导航-------------*/
.header_box {
    height: 1.16rem;
    width: 100%;
    background: #003b95;
    display: flex;
    justify-content: space-between;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
}

.header_d1 {
    margin: 0;
    width: 0.85rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .header_d1 img {
        width: .15rem;
        height: .31rem;
    }

.header_d2 {
    margin: 0;
    font-size: .3rem;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.16rem;
    text-align: center;
    color: #ffffff;
}

.header_d3 {
    margin: 0;
    width: .85rem;
    display: flex;
    align-items: center;
    color: #fe7143;
}

    .header_d3 img {
        width: .47rem;
        height: .11rem;
    }

.header_d4 {
    margin: 0;
    width: 2rem;
    display: flex;
    align-items: center;
    padding-left: .2rem;
}

/*-------------底部导航-------------*/
.footer_box {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    height: 1.13rem;
    background-image: url(../images/footer-line.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    justify-content: space-between;
    z-index: 9;
}

.footer_content {
    display: flex;
    width: 40%;
    height: 100%;
    justify-content: space-around;
    align-items: center;
    padding-top: 0.15rem;
    margin: 0;
}

.footer_btn {
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    margin: 0;
}

    .footer_btn > p {
        margin-top: .1rem;
        color: #020202;
        font-size: .24rem;
    }

    .footer_btn > img {
        width: .44rem;
    }

    .footer_btn .img2 {
        display: none
    }

    .footer_btn.on .img1 {
        display: none
    }

    .footer_btn.on .img2 {
        display: block
    }

    .footer_btn.on p {
        color: #C60035
    }

.footer_add_btn {
    color: #fff !important;
    font-weight: 700;
    font-size: .24rem;
    position: relative;
    top: -.44rem;
    display: flex;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    background-color: #c60035;
    align-items: center;
    justify-content: center;
    margin: 0;
    box-shadow: 0 0 .14rem 0 #c60035;
}

/*-------------登录-------------*/
.log_main {
    padding-top: 2.26rem;
    height: 100%;
    min-height: 500px;
    background-color: #fff;
    background-image: url(../images/login-bg.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.log_logo {
    text-align: center;
}

    .log_logo > img {
        width: 2.8rem;
        height: auto;
    }

.login_content {
    width: 100%;
    padding: 0 .83rem;
}

.log_user_input {
    margin-top: 1rem;
}

.log_input {
    position: relative;
    width: 100%;
    height: .88rem;
    color: #fff;
}

    .log_input > input {
        width: 100%;
        height: 100%;
        outline: 0;
        border: none;
        border-radius: .44rem;
        background-color: #f2f2f2;
        color: #000;
        vertical-align: top;
        font-size: .32rem;
        padding: 0 0.9rem;
    }

        .log_input > input::-webkit-input-placeholder {
            color: #c2c2c2
        }

    .log_input:after {
        position: absolute;
        width: .32rem;
        height: .36rem;
        background-image: url(../images/ico-user.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        content: '';
        top: 50%;
        left: .3rem;
        transform: translate(0,-50%);
    }

.log_user_pwd {
    margin-top: .2rem;
    margin-bottom: .45rem;
}

    .log_user_pwd:after {
        background-image: url(../images/ico-pwd.png);
    }

.wx_log {
    margin-top: 1.05rem;
    text-align: center;
}

.wx_log_title {
    display: flex;
    margin: auto;
    width: 5.8rem;
    justify-content: space-between;
    align-items: center;
}

    .wx_log_title > img {
        width: 2rem;
        height: 2px;
    }

    .wx_log_title > span {
        color: #666;
        font-size: .29rem;
    }

.wx_log > img {
    margin-top: .2rem;
    width: .7rem;
}

.user_btn_lg {
    display: block;
    margin: .2rem auto 0;
    height: .9rem;
    line-height: .9rem;
    outline: 0;
    border: 0;
    border-radius: 1rem;
    background: #c60035;
    color: #fff !important;
    text-align: center;
    font-size: .36rem;
}

.log_other {
    display: flex;
    justify-content: space-between;
    font-size: 0.29rem;
    margin-top: 0.2rem;
}

    .log_other > p:nth-child(1) {
        color: #C60035
    }

    .log_other > p:nth-child(2) {
        color: #666
    }

/*-------------注册-------------*/
.reg-main {
    margin: auto;
    margin-top: .61rem; /* width:7rem; */
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.reg-input {
    position: relative;
    display: flex;
    height: 1.17rem;
    justify-content: space-around;
}

    .reg-input > p {
        display: flex;
        width: 20%;
        line-height: 1.17rem;
        justify-content: space-between;
        font-size: 0.28rem;
    }

    .reg-input span {
        color: #666;
        font-size: .28rem;
    }

    .reg-input > input {
        margin-left: .5rem;
        outline: 0;
        border: none;
        border-bottom: 1px solid #666;
        font-size: .28rem;
        flex: 1;
    }

.getCode-btn {
    position: absolute;
    top: .22rem;
    right: 0;
    height: .7rem;
    border-radius: .35rem; /* background-color:#003b95; */
    text-align: center;
    line-height: .7rem;
}

    .getCode-btn > span {
        padding: 0 .2rem;
        color: #fff;
        vertical-align: top;
        font-size: .28rem;
    }

.user-agreement {
    margin-top: .5rem;
    color: #003b95;
    text-align: center;
    text-decoration: underline;
    font-size: .26rem;
    line-height: .51rem;
}

.checkbox-span {
    margin-bottom: .5rem;
    text-align: center;
    display: inherit;
}

    .checkbox-span > input {
        width: .3rem;
        height: .3rem;
        vertical-align: middle;
    }

        .checkbox-span > input[type=checkbox] {
            position: relative;
            margin-right: .2rem;
            outline: 0;
            cursor: pointer;
        }

            .checkbox-span > input[type=checkbox]::after {
                position: absolute;
                top: 0;
                display: inline-block;
                visibility: visible;
                box-sizing: border-box;
                padding-left: 0;
                width: .4rem;
                height: .4rem;
                border: 1px solid #000;
                border-radius: 50%;
                background-color: #fff;
                color: #fff;
                content: ' ';
                text-align: center;
            }

            .checkbox-span > input[type=checkbox]:checked::after {
                border-color: #c60035;
                border-radius: 50%;
                background-color: #c60035;
                background-color: #c60035;
                content: "";
                font-size: 20px;
            }

            .checkbox-span > input[type=checkbox]:checked::before {
                position: absolute;
                top: 3px;
                left: 14px;
                z-index: 1;
                width: .15rem;
                height: .26rem;
                border: solid #fff;
                border-width: 0 3px 3px 0;
                content: '';
                transform: rotate(45deg);
            }

    .checkbox-span > span {
        color: #000;
        vertical-align: middle;
        text-decoration: none;
        font-size: .28rem;
    }

.to-log {
    margin-top: .3rem;
    color: #000;
    text-align: center;
    font-size: .3rem;
}

    .to-log a {
        color: #c60035;
        text-decoration: none;
    }

/*-------------个人中心-------------*/
.my_main_top {
    display: flex;
    padding: 0 .38rem;
    height: 2.9rem;
    background-color: #003b95;
    align-items: center;
    justify-content: space-between;
}

    .my_main_top > div {
        margin: 0;
    }

.user_head {
    width: 1.22rem;
    height: 1.22rem;
    border-radius: 50%;
    text-align: center;
}

    .user_head > img {
        width: 100%;
        vertical-align: top;
        border-radius: 50%;
    }

.user_info {
    width: 70%;
    font-size: .24rem;
}

    .user_info > p {
        margin-bottom: .25rem;
        color: #fff;
        font-size: .36rem;
        line-height: 100%;
    }

    .user_info > span {
        color: #8488fa;
    }

.my_arrow {
    float: right !important;
    width: .18rem;
}

    .my_arrow img {
        width: 100%;
        vertical-align: middle;
    }

.menu_item {
    position: relative;
    display: flex;
    display: flex;
    box-sizing: border-box;
    padding-left: .5rem;
    height: 1.15rem;
    background-color: #fff;
    line-height: 1.15rem;
    justify-content: space-between;
    align-items: center;
}

    .menu_item > div {
        line-height: 1.15rem;
    }

    .menu_item img {
        width: .4rem;
        vertical-align: top;
    }

    .menu_item > p {
        margin-left: .35rem;
        border-bottom: .02rem solid #f2f2f2;
        color: #333;
        font-size: .3rem;
        flex: 1;
    }

    .menu_item::after {
        position: absolute;
        top: 50%;
        right: .38rem;
        z-index: 2;
        width: .15rem;
        height: .3rem;
        background: url(/static/MobileUsers/images/arrow3.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        content: '';
        transform: translateY(-50%);
    }

.other_menu_item {
    box-sizing: content-box;
    border-top: .2rem solid #f2f2f2;
    border-bottom: .2rem solid #f2f2f2;
}

    .other_menu_item > p {
        border-top: none;
    }

.log_out_btn {
    margin-right: .22rem;
    margin-left: .22rem;
}

/*-------------修改密码-------------*/
.changepwd_main {
    padding: 0 .2rem;
    background: #fff;
}

.changepwd_input_box {
    display: flex;
    height: 1.17rem;
    border-bottom: 1px solid #ccc;
    justify-content: space-between;
    align-items: center;
}

    .changepwd_input_box > span {
        color: #666;
        font-size: .28rem;
        flex: 1.5;
    }

.changepwd_input {
    height: 100%;
    font-size: .28rem;
    flex: 4;
}

    .changepwd_input::-webkit-input-placeholder {
        font-size: .28rem;
    }

.changepwd_btn {
    display: block;
    margin: .45rem auto 0;
    height: .9rem;
    line-height: .9rem;
    outline: 0;
    border: 0;
    border-radius: 1rem;
    background: #c60035;
    color: #fff !important;
    text-align: center;
    font-size: .36rem;
}

/*-------------仓库地址-------------*/
.warehouse_address_info {
    margin-top: .1rem;
    padding: 0 .2rem;
}

.warehouse_address_item {
    position: relative;
    display: flex;
    padding: .34rem 0;
    border-bottom: 1px solid #ccc;
    color: #666;
    font-size: .26rem;
    justify-content: space-between;
    align-items: end;
}

.address_info_attr {
    display: inline-block;
    width: 1.9rem;
    text-align: right;
}

.warehouse_address_item > img {
    right: .2rem;
    width: .4rem;
}

.address_info_val {
    outline: 0;
    border: none;
    color: #666;
    font-size: .28rem;
    flex: 1;
    padding: 0 .3rem;
}

.copy_btn {
    margin: .9rem .2rem;
}

.address_info_val:disabled {
    background: #fff;
}

/*-------------禁运清单-------------*/
.embargo_form, .embargo_main {
    min-height: 100%;
}

.embargo_top {
    display: flex;
    padding: 0 .7rem;
    padding-top: .45rem;
    padding-bottom: .34rem;
    height: 1.04rem;
    background: #fff;
    font-size: .26rem;
    justify-content: space-between;
}

.embargo_selected {
    position: relative;
    color: #c60035;
}

    .embargo_selected::after {
        position: absolute;
        bottom: -.34rem;
        left: 50%;
        width: 80%;
        height: 6px;
        background: #c60035;
        content: '';
        transform: translateX(-50%);
    }

.embargo_detail {
    margin-top: .2rem;
    padding: .44rem .4rem; /* height:100%; */
    background: #fff; /* font-size: 0.28rem; */
}

    .embargo_detail * {
        font-size: .28rem !important;
    }

/*-------------发货须知-------------*/
.shipping_main {
    position: relative;
}

.shipping_detail {
    padding: 1.75rem .4rem;
    font-size: .26rem;
}

    .shipping_detail * {
        font-size: .24rem !important;
    }

.shipping_main_bg img {
    position: fixed;
    top: 1.16rem;
    left: 0;
    z-index: 0;
    width: 100%;
}

/*-------------新手教程-------------*/
.course_form {
    padding-top: 1px;
    height: 100%;
    background: #fff;
}

.course_main {
    word-break: break-all;
}

    .course_main > div {
        padding: .44rem .4rem;
        border-top: .2rem solid #ebecf1;
        background: #fff;
    }

/* -------------物流追踪列表-------------*/
.logisticsList_search {
    position: relative;
    display: flex;
    box-sizing: content-box;
    padding: .2rem .2rem;
    background: #fff;
    justify-content: space-between;
    align-items: center;
}

.scanning_img {
    margin-right: .2rem;
    width: .54rem;
    height: .44rem;
    vertical-align: middle;
}

.logisticsList_search > input {
    padding-left: .2rem;
    height: .83rem;
    background: #f4f4f4;
    font-size: .28rem;
    flex: 4;
}

.logisticsList_search > div {
    height: .83rem;
    border-radius: 0 .1rem .1rem 0;
    background: #003b95;
    color: #fff;
    text-align: center;
    font-size: .28rem;
    line-height: .83rem;
    flex: 1.4;
}

.logisticsList_content {
    padding: .3rem;
}

.logistics_list { /* padding-bottom:2rem; */
}

.logistics_item {
    position: relative;
    overflow: hidden;
    margin-bottom: .2rem;
    padding: .4rem .3rem;
    border-radius: .15rem;
    background: #fff;
}

.logistics_info {
    padding-bottom: .15rem;
    border-bottom: 1px solid #ccc;
    color: #000;
    font-size: .24rem;
}

    .logistics_info > p {
        margin-bottom: .2rem;
        display: flex;
    }

.logistics_numbers {
    font-weight: 700;
    font-size: .25rem;
}

    .logistics_numbers > span:last-child {
        color: #c60035;
        font-weight: 700;
    }

    .logistics_numbers > span {
        display: inline !important;
    }

.logistics_info > p > span:first-child {
    width: 1.8rem;
    min-width: 1.8rem;
    color: #666;
}

.tracking_btn {
    float: right;
    display: inline-block;
    margin-top: .3rem;
    width: 1.53rem;
    height: .53rem;
    border: 2px solid #003b95;
    border-radius: .3rem;
    background: #fff;
    color: #003b95;
    text-align: center;
    font-size: .22rem;
    line-height: .53rem;
}

.detail_btn {
    float: right;
    display: inline-block;
    margin-top: .3rem;
    margin-right: .2rem;
    width: 1.53rem;
    height: .53rem;
    border: 2px solid #666;
    border-radius: .3rem;
    background: #fff;
    color: #666;
    text-align: center;
    font-size: .22rem;
    line-height: .53rem;
}

/*-------------物流追踪详情-------------*/
.logisticsProp_top {
    margin-bottom: .2rem;
    padding: .5rem .3rem;
    height: 2.3rem;
    background: #fff;
    background-image: url(/static/MobileUsers/images/wuliu_line.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: bottom;
}

.logisticsProp_address {
    margin-top: .2rem;
    padding-left: .5rem;
    color: #666;
    font-size: .25rem;
}

.logisticsProp_addressee {
    display: inline-block;
}

.logisticsProp_phone {
    float: right;
    color: #333;
    font-size: .28rem;
}

.ico_address {
    margin-right: .25rem;
    width: .25rem;
}

.logisticsProp_info {
    padding: .4rem 0;
    height: 2.9rem;
    background: #fff;
}

.logisticsProp_title h4 {
    padding: 0 .3rem;
    padding-bottom: .32rem;
    border-bottom: 1px solid #ccc;
    color: #666;
    font-size: .25rem;
}

.logisticsProp_detail {
    padding: .4rem .28rem;
}

    .logisticsProp_detail > p {
        margin-bottom: .42rem;
        color: #999;
        font-size: .25rem;
    }

    .logisticsProp_detail span {
        float: right;
        color: #333;
    }

.trajectory {
    margin-top: .2rem;
    padding: .4rem 0;
    background: #fff;
}

.trajectory_detail {
    padding: .4rem .28rem;
    border-bottom: 1px solid #ccc;
}

    .trajectory_detail > p {
        margin-bottom: .2rem;
        color: #999;
        font-size: .25rem;
    }

    .trajectory_detail > span {
        color: #333;
    }

[v-cloak] {
    display: none;
}

/*-------------扫描-------------*/


/*-------------运单详情-------------*/
.waybillProp_main {
    padding: .2rem;
}

.waybillProp_info {
    margin-bottom: .2rem;
    padding: .2rem;
    background: #fff;
}

.waybillProp_title {
    margin-bottom: .1rem;
}

    .waybillProp_title > img {
        margin-right: .2rem;
        width: .6rem;
    }

    .waybillProp_title > span {
        color: #000;
        font-weight: 700;
        font-size: .28rem;
    }

.waybillProp_content {
    padding-left: .8rem;
}

    .waybillProp_content p {
        font-size: .25rem;
        line-height: .4rem;
    }

.addressee_p {
    font-weight: 700;
    font-size: .28rem;
}


/*-------------提交发货-------------*/
.submitShipment_content {
    padding: .2rem;
    padding-bottom: 2.9rem;
}

.submitShipment_item {
    position: relative;
    overflow: hidden;
    margin-bottom: .2rem;
    padding: .38rem .28rem;
    border-radius: .2rem;
    background: #fff;
    font-size: .24rem;
}

    .submitShipment_item > p {
        margin-bottom: .2rem;
        color: #666;
        font-weight: bold;
    }

.btn_R {
    position: absolute;
    top: -.1rem;
    right: 0;
}

.courierNumber_span {
    color: #c60035 !important;
    font-weight: 700;
    font-size: .28rem;
}

.submitShipment_item label {
    display: inline-block;
    width: 1.91rem;
}

.submitShipment_item span {
    color: #000;
}

.submitShipment_selectBox {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 2rem;
    height: 1rem;
}

    .submitShipment_selectBox img {
        position: absolute;
        right: 0;
        bottom: 0;
        width: .62rem;
    }

.submitShipment_sum {
    position: relative;
    overflow: hidden;
    margin-bottom: 0.25rem;
    padding: .15rem .28rem;
    border-radius: .2rem;
    background: #fff;
    color: #666;
    font-size: .24rem;
}

.submitShipment_footer {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: .2rem;
    width: 100%;
    background: #f2f2f2;
}

.submitShipment_sum > p {
    line-height: .4rem;
}

.submitShipment_sum span {
    float: right;
    color: #c60035 !important;
    font-weight: 700;
}

.all_select {
    display: flex;
    margin-bottom: 0;
}

/*------------- 等待入库 -------------*/
.WaitWarehousing_content {
    padding: .2rem;
}

.WaitWarehousing_item {
    padding: .4rem .2rem;
}


/*------------- 首页 -------------*/
.index_content {
    padding: 0 .2rem;
    margin-top: -1.4rem;
    position: relative;
    z-index: 4;
}

.user_info2 {
    display: flex;
    padding: .5rem .3rem;
    height: 2.8rem;
    border-radius: .15rem;
    background: #fff;
}

.user_info_img {
    margin: 0;
    margin-right: .32rem;
    width: 1.8rem;
    border: 0.02rem solid #f2f2f2;
    border-radius: 50%;
    overflow: hidden;
}

.userid {
    display: flex;
    color: #000;
    font-size: .3rem;
    justify-content: space-between;
}

.identity {
    position: relative;
    z-index: 2;
    display: flex;
    margin-right: .2rem;
    width: 1rem;
    color: #fff;
    text-align: center;
    font-size: .18rem;
    justify-content: center;
    align-items: center;
}

    .identity img {
        position: absolute;
        z-index: -1;
        width: 1rem;
    }

.user_detail {
    flex: 1;
}

.index_email {
    color: #999;
    font-size: .24rem;
    margin-top: .1rem;
}

.amount_box {
    display: flex;
    margin-top: .2rem;
    color: #4e4e4e;
    font-size: .24rem;
    margin: .2rem 0 0;
}

.amount_left {
    margin: 0;
    padding-right: .5rem;
    border-right: 0.02rem solid #f2f2f2;
    color: #4e4e4e;
}

.amount_right {
    margin: 0;
    padding-left: .5rem;
}

.amount_number {
    color: #000;
    font-size: .36rem;
}

.index_center {
    overflow: hidden;
    margin-top: .2rem;
    border-radius: .15rem;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
}

.index_center_li {
    position: relative;
    width: 33.3%;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #000;
    text-align: center;
    font-size: .24rem;
    margin: 0;
    padding: .4rem 0 0.3rem;
}

    .index_center_li:nth-child(3n) {
        border-right: none;
    }

    .index_center_li:nth-child(1), .index_center_li:nth-child(2), .index_center_li:nth-child(3) {
        border-top: none;
    }

    .index_center_li .img {
        margin-bottom: .2rem;
        width: .8rem;
        height: .8rem;
        position: relative;
    }

        .index_center_li .img img {
            width: 100%;
            height: 100%;
            position: relative;
            border-radius: 50%;
        }

.info_num {
    position: absolute;
    top: -.15rem;
    right: -.24rem;
    width: .44rem;
    height: .44rem;
    border: .03rem solid #c60035;
    border-radius: 50%;
    color: #c60035;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .22rem;
    font-weight: bold;
    background: #ffffff;
}

.index_bottom {
    margin-top: .8rem;
    display: block;
}

/*------------- 收发件地址 -------------*/
.address_li {
    background: #ffffff;
    display: flex;
    padding: .4rem .3rem;
    border-bottom: .02rem solid #f2f2f2;
    justify-content: space-between;
}

.address_d1 {
    width: 78%;
    margin: 0;
}

.address_d2 {
    width: 20%;
    margin: 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-bottom: 0.06rem;
}

.address_p1 {
    font-size: .28rem;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.address_p2 {
    color: #666666;
    font-size: .25rem;
    margin-top: .2rem;
    line-height: .44rem;
}

.address_p3 {
    margin: 0;
}

    .address_p3 img {
        width: .3rem
    }

.address_sp {
    font-size: .2rem;
    color: #ffffff;
    background: #c60035;
    line-height: .34rem;
    padding: 0 .1rem;
    border-radius: 0.05rem;
    margin-right: 0.1rem;
}

.address_btn {
    display: flex;
    height: 1.4rem;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 0 .3rem;
    background: #ffffff;
    align-items: center;
}

    .address_btn .btn {
        width: 100%;
        text-align: center;
        height: 0.95rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #c60035;
        border-radius: 1rem;
        color: #ffffff;
        font-size: 0.33rem;
        margin: 0;
    }


/*-------------收发件地址详情-------------*/
.personalData_li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: .02rem solid #f2f2f2;
    overflow: hidden;
    min-height: 1.06rem;
    padding: 0.2rem .3rem;
    background: #ffffff;
    font-size: .25rem;
}

.personalData_li2 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: .02rem solid #f2f2f2;
    overflow: hidden;
    min-height: 1.1rem;
    padding: .2rem .3rem;
    background: #ffffff;
}

.personalData_p1 {
    margin: 0;
    color: #666666;
}

.personalData_p2 {
    margin: 0;
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.personalData_input {
    font-size: 0.24rem;
    width: 100%;
}

.personalData_input2 {
    font-size: 0.24rem;
    width: 100%;
}

.personalData_input3 {
    font-size: 0.24rem;
    width: 100%;
    height: 1.2rem;
    resize: none;
    border: 0;
    outline: none;
    line-height: .4rem;
}

.personalData_btn {
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2rem;
}

    .personalData_btn .btn {
        display: block;
        margin: .8rem auto .5rem;
        width: 95%;
        height: .9rem;
        line-height: .9rem;
        outline: 0;
        border: 0;
        border-radius: 1rem;
        background: #c60035;
        color: #fff !important;
        text-align: center;
        font-size: .36rem;
    }

.personalData_imgR {
    width: .15rem;
    height: .26rem;
}

.personalData_img {
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
}

.personalData_imgX {
    width: .77rem;
    height: .38rem;
}

.SarchAddressBox {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: flex;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    align-items: center;
    justify-content: center;
}

.SarchAddressUl {
    position: relative;
    overflow-x: hidden;
    padding: .3rem;
    width: 90%;
    max-height: 65vh;
    border-radius: .1rem;
    background: #fff;
}

.SarchAddressLi {
    padding: .2rem 0;
}

/*------------- 账户余额 -------------*/
.topUp_Box {
    padding: .2rem;
}

.topUp_d1 {
    background: #ffffff;
    min-height: 1.34rem;
    border-radius: .2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .3rem;
}

.topUp_d1_p1 {
    margin: 0;
    font-size: .24rem;
    color: #666;
}

.topUp_d1_p2 {
    margin: 0;
    font-size: .42rem;
    color: #c60035;
    font-weight: bold;
}

.topUp_d2 {
    background: #ffffff;
    min-height: 1.34rem;
    border-radius: .2rem;
    padding: .1rem.3rem;
    margin-top: .2rem;
}

.topUp_d2_p1 {
    height: 1.2rem;
    display: flex;
    align-items: center;
    font-size: .24rem;
    color: #666666;
}

.topUp_d2_p2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: .8rem;
    margin-bottom: .2rem;
}

.topUp_d2_p2_l {
    margin: 0;
    font-size: .28rem;
    display: flex;
    align-items: center;
    word-break: keep-all;
}

    .topUp_d2_p2_l img {
        width: .44rem;
        margin-right: .2rem;
    }

.topUp_d2_p2_r {
    margin: 0;
    display: flex;
    justify-content: flex-end;
}

.topUp_d3 {
    display: block;
    margin: .45rem auto 0;
    height: .9rem;
    line-height: .9rem;
    outline: 0;
    border: 0;
    border-radius: 1rem;
    background: #c60035;
    color: #fff !important;
    text-align: center;
    font-size: .36rem;
}


/*------------- 添加包裹 -------------*/
.waybill_title {
    font-size: 0.3rem;
    border-bottom: 0.02rem solid #f4f4f4;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 1.04rem;
    padding: 0 0.3rem;
}

.waybill_ul {
    background: #ffffff;
}

.waybill_li {
    border-bottom: 0.03rem solid #f4f4f4;
    padding: 0.2rem 0;
}

.waybill_p {
    padding: 0 0.3rem;
    display: flex;
    position: relative;
    justify-content: space-between;
}

.waybill_sp1 {
    margin: 0;
    width: 1.8rem;
    font-size: 0.28rem;
    display: flex;
    align-items: flex-start;
    padding: 0.2rem 0;
    color: #666666;
}

.waybill_sp2 {
    margin: 0;
    width: 80%;
    padding: 0 0.2rem;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: .28rem;
}

.waybill_sp3 {
    padding: 0 0.4rem;
    height: .7rem;
    background: #003b95;
    color: #Ffffff;
    font-size: 0.3rem;
    font-weight: bold;
    display: inline-block;
    border-radius: 1rem;
    line-height: .7rem;
    min-width: 2.3rem;
    text-align: center;
}

.waybill_sp4 {
    margin: 0;
}

    .waybill_sp4 img {
        width: .31rem;
    }

.input_tab {
    font-size: 0.24rem;
    height: 0.8rem;
    border: 0;
    width: 100%;
    resize: none;
    outline: none;
    appearance: none; /* direction: rtl; */
    text-align: right;
}

.waybill_di {
    margin-top: 0.2rem;
    background: #Ffffff;
    padding: .3rem .3rem .1rem;
    text-align: right;
}

.waybill_di2 {
    background: #ffffff;
}

.waybill_Server_ul {
    padding: .3rem;
    display: flex;
    flex-wrap: wrap;
}

.waybill_Server {
    margin: 0;
    background: #f2f2f2;
    font-size: .24rem;
    color: #666666;
    height: .7rem;
    line-height: .7rem;
    padding: 0 .22rem;
    border-radius: 1rem;
    border: 0.02rem solid #f2f2f2;
    margin-bottom: .2rem;
    margin-right: .2rem;
}

    .waybill_Server.on {
        background: #fbf3f5;
        color: #c60035;
        border-color: #c60035;
    }

.package_btn {
    background: #ffffff;
    padding: .3rem .3rem 1rem;
    margin-top: .2rem;
}

    .package_btn .btn {
        display: block;
        width: 100%;
        height: .9rem;
        line-height: .9rem;
        outline: 0;
        border: 0;
        border-radius: 1rem;
        background: #c60035;
        color: #fff !important;
        text-align: center;
        font-size: .36rem;
    }

.waybill_Removalnstructions {
    font-size: 0.28rem;
    background: #ffffff;
    display: flex;
    align-items: center;
    height: 1.04rem;
    padding: 0 0.3rem;
}

    .waybill_Removalnstructions span {
        color: #c60035;
        text-decoration: underline;
    }

.waybill_tip {
    padding: 0.3rem;
    font-size: .24rem;
    color: #999999;
}

/*------------- 无主包裹列表 -------------*/
.UnownedPackage_box {
    padding: .3rem;
}

.UnownedPackage_ul {
    background: #ffffff;
    margin-bottom: .3rem;
    border-radius: .1rem;
    padding: .2rem;
    position: relative;
}

.UnownedPackage_li {
    display: flex;
    padding: 0.15rem 0;
    font-size: .28rem;
}

.UnownedPackage_p1 {
    margin: 0;
    width: 1.6rem;
}

.UnownedPackage_p2 {
    margin: 0;
    width: 60%;
}

.UnownedPackage_btn {
    color: #c60035 !important;
    border: 1px solid #c60035;
    display: inline-block;
    padding: 0.1rem .25rem;
    border-radius: .08rem;
    position: absolute;
    right: .2rem;
    top: .2rem;
}


/*------------- 提交打包 -------------*/

.fahoBox {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.fahoUl {
    width: 90%;
    min-height: 2rem;
    border-radius: .15rem;
    overflow: hidden;
}

.faho_title {
    background: #151884;
    color: #ffffff;
    text-align: center;
    height: .8rem;
    line-height: .8rem;
    font-size: .3rem;
    font-weight: bold;
}

.faho_conter {
    background: #ffffff;
    height: 6rem;
    overflow: auto;
    font-size: .26rem;
    line-height: 180%;
    padding: .2rem;
}
.faho_conter *{
    font-size: .26rem !important;
}


.faho_waybillChe {
    padding: .2rem;
    background: #fff;
    display: flex;
    align-items: center;
    border-top: .01rem solid #f2f2f2;
    border-bottom: .01rem solid #f2f2f2;
}

.faho_btn {
    display: flex;
}

.faho_bt1 {
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    font-size: .28rem;
    width: 50%;
    background: #ffffff;
}

.faho_bt2 {
    font-size: .28rem;
    width: 50%;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    background: #151884;
    color: #ffffff;
}

.faho_bt3 {
    font-size: .28rem;
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    background: #151884;
    color: #ffffff;
}

.addrsBox {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100vh;
    top: 0;
    background: #fff;
    display: none;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
}

    .addrsBox iframe {
        width: 100%;
        min-height: 100%;
        border: 0;
    }

.SubmitShipment_box {
    padding: .3rem;
}

.SubmitShipment_ul {
    padding: 0 .2rem;
    margin: .2rem auto;
}

.SubmitShipment_li {
    padding: .2rem 0;
    width: 100%;
    min-height: 1.92rem;
    border-radius: .15rem;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.SubmitShipment_li2 {
    display: flex;
    width: 100%;
    border-radius: .15rem;
    background: #fff;
    justify-content: space-between;
}

.SubmitShipment_di1 {
    width: 82%;
    margin: 0;
    font-size: .28rem;
}

    .SubmitShipment_di1 img {
        margin-right: .2rem;
        width: .4rem;
        height: .4rem;
    }

.SubmitShipment_di2 {
    width: .64rem;
    min-width: .64rem;
    height: 0.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

    .SubmitShipment_di2 img {
        width: .26rem;
        height: .22rem;
    }

.SubmitShipment_di3 {
    margin: 0;
    width: 100%;
    padding: 0 .4rem 0 .2rem;
}

.SubmitShipment_addBtn {
    display: flex;
    width: 1.4rem;
    min-width: 1.4rem;
    height: 1.1rem;
    border-left: .02rem solid #f2f2f2;
    font-size: .26rem;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.SubmitShipment_p1 {
    display: flex;
    padding-left: .14rem;
    color: #666666;
    align-items: center;
    font-size: .28rem;
}

.SubmitShipment_p2 {
    margin-top: .12rem;
    padding-left: .74rem;
    font-size: .28rem;
}

.SubmitShipment_p3 {
    margin-top: .16rem;
    padding-left: .74rem;
    color: #666;
    font-size: .24rem;
}

.SubmitShipment_p4 {
    height: 0.8rem;
    display: flex;
    align-items: center;
    color: #666666;
    font-size: .28rem;
}

.SubmitShipment_p5 {
    padding-bottom: 0.3rem;
}

.SubmitShipment_p6 {
    padding-bottom: 0.3rem;
    border-bottom: .02rem solid #f2f2f2;
}

.SubmitShipment_p7 {
    padding-bottom: .3rem;
    font-size: .24rem;
    color: #666666;
}

    .SubmitShipment_p7 > div {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: .2rem 0;
    }

.SubmitShipment_sp1 {
    margin: 0;
    display: flex;
    justify-content: space-between;
}

.SubmitShipment_sp2 {
    font-size: .24rem;
    color: #e60012;
    margin-top: .1rem;
}

.SubmitShipment_sp3 {
    color: #666;
}

.SubmitShipment_sp4 {
    font-size: .28rem;
    margin-bottom: .2rem;
}

.SubmitShipment_t1 {
    font-size: .24rem;
    width: 82%;
    color: #000000;
}

.SubmitShipment_t2 {
    width: 20%;
    text-align: right;
    color: #999999;
    font-size: .24rem;
}


.waybillChe {
    border-radius: .15rem;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .26rem;
}

.paiTip {
    background: #f2f2f2;
    padding: .3rem;
    width: 100%;
    border-radius: .3rem;
    position: relative;
    font-size: 0.2rem;
    margin-top: .3rem;
}

.paiSan {
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: .2rem solid #f2f2f2;
    border-left: .2rem solid transparent;
    border-right: .2rem solid transparent;
    top: -.2rem;
    left: .55rem;
}

.SubmitShipment_ItemDetail {
}

.SubmitShipment_text {
    font-size: .22rem;
    color: #c60035;
    font-weight: bold;
}

.input_LiText {
    height: .44rem;
    width: 2rem;
    border-bottom: .02rem solid #f2f2f2;
    text-align: center;
    color: #e60012;
    font-variant: diagonal-fractions;
    font-weight: bold;
    font-size: .24re;
}

.SubmitShipment_textarea {
    width: 100%;
    font-size: .26rem;
    border: 0;
    line-height: 180%;
    outline: none;
    border-bottom: 0.02rem solid #f2f2f2;
    height: 0.8rem;
}

.SubmitShipment_btn {
    display: block;
    margin: .45rem auto 0;
    height: .9rem;
    line-height: .9rem;
    outline: 0;
    border: 0;
    border-radius: 1rem;
    background: #c60035;
    color: #fff !important;
    text-align: center;
    font-size: .36rem;
    width: 93%;
}

.SubmitShipment_AddInput {
    margin-bottom: .1rem;
    padding: 0 .1rem;
    height: 0.6rem;
    border: .02rem solid #e9e8e8;
    border-radius: .1rem;
    text-align: center;
    font-size: .28rem;
    width: 93%;
}





/*提交支付*/
.waybillpay_sum {
    position: relative;
    overflow: hidden;
    margin-bottom: .2rem;
    padding: .2rem .28rem;
    border-radius: .2rem;
    background: #fff;
    color: #666;
    font-size: .24rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.waybillpay_content {
    padding: .2rem;
}


/*扫描*/
#player {
    width: 80%;
    /* height: 2.5rem; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.scanner_box {
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 999;
}
.status-border {
    float: right;
    display: inline-block;
    width: 1.53rem;
    height: .53rem;
    border: 2px solid red;
    border-radius: .3rem;
    color: white!important;
    background: #C60035;
    text-align: center;
    font-size: .22rem;
    line-height: .53rem;
}