body{
    font-family: "苹方";
}

.login_container{
    .reg_con{
       display: flex;
       justify-content: flex-end;
       padding: 50rem/75 35rem/75;
       a{
        font-size: 30rem/75;
        color: #24d682;
       }
    }
}
.login_input{
    box-sizing: border-box;
    padding: 0 60rem/75;
    margin-top: 150rem/75;
    .kuaijie{
        font-size: 45rem/75;
        color: #333333;
    }   
    .tianxie{
        font-size: 26rem/75;
        color: #949494;
        margin-top: 26rem/75;
        margin-bottom: 80rem/75;
    }
    .huoqu{
        width: 100%;
        position: relative;
        display: flex;
        align-items: center;
        input{
            padding: 30rem/75 0;
            border-bottom: 1px solid #e7e7e7;
            font-size: 30rem/75;
            width: 100%;
        }
        p{
            position: absolute;
            right: 0;
            font-size: 30rem/75;
            color: #b8b7b7;

        }
    }
    .xieyi{
        display: flex;
        align-items: flex-start;
        margin-top: 40rem/75;
        p{
            font-size: 26rem/75;
            color: #b9b9b9;
            flex: 1;
            margin-left: 16rem/75;
            
        }
        a{
            text-decoration: underline !important;
            font-size: 26rem/75;
            color: #b9b9b9;
        }
        input[type='checkbox']{
            width: 28rem/75;
            height: 28rem/75;
            background: url("../images/check.png");
            background-size: cover;
        }
        .checkBox input[type=checkbox]:checked{
            background: url("../images/checked.png");
            background-size: cover;
         }
    }
    .login_btn{
        padding: 66rem/75 0;
        border-bottom: 1px solid #ececec;
        button{
            width: 100%;
            height: 90rem/75;
            border-radius: 90rem/75;
            background: #24d682;
            color: #ffffff;
            font-size: 32rem/75;
            border: none;
            outline: none;
        }
    }
    .get_weixin{
        padding: 50rem/75 0;
        a{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        img{
            width: 60rem/75;
        }
        p{
            font-size: 24rem/75;
            color: #bebebe;
            margin-top: 26rem/75;
        }
    }

}
.header{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100rem/75;
    box-sizing: border-box;
    padding: 0 20rem/75;
    background: #ffffff;
    position: fixed;
    left: 0;
    top: 0;
    border-bottom: 1px solid #e5e5e5;
    img{
        width: 22rem/75;
    }
    p{
        font-size: 32rem/75;
        color: #333333;
    }
}
.container{
    background: #f2f0f6;
}
.search_input{
    width: 620rem/75;
    height: 74rem/75;
    background: #f2f0f6;
    border-radius: 74rem/75;
    overflow: hidden;
    box-sizing: border-box;
    padding-left: 80rem/75;
    position: relative;
    display: flex;
    align-items: center;
    img{
        width: 24rem/75;
        position: absolute;
        left: 30rem/75;
    }
    input{
        height: 100%;
        width: 100%;
        background: #f2f0f6;
        color: #333333;
    }
}
.search_box{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    padding: 30rem/75 0;
    p{
        font-size: 26rem/75;
        color: #24d682;
        margin-left: 20rem/75;
    }
}
.zhandian_container{
    background: #ffffff;
    margin-top: 20rem/75;
}
.kongbai{
    height: 100rem/75;
}
.zhandian_item{
    box-sizing: border-box;
    padding: 33rem/75 26rem/75;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eaeaea;
    .name{
        font-size: 32rem/75;
        color: #333333;
        font-weight: bold;
    }
    .next{
        margin-top: 30rem/75;
        font-size: 26rem/75;
        color: #878787;
        span{
            color: #333333;
        }
    }
    .zhandian_rit{
        display: flex;
        align-items: center;
        .shijianTop{
            display: flex;
            align-items: flex-end;
            p{
                font-size: 38rem/75;
                color: #24d682;
            }
        }
        .time{
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-left: 14rem/75;
            img{
                width: 16rem/75;
            }
            p{
                font-size: 26rem/75;
                color: #333333;
                margin-top: 15rem/75;
            }
        }
        .shijian_bottom{
            font-size: 24rem/75;
            color: #333333;
            margin-top: 34rem/75;
        }
        .collection{
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 34rem/75;
            height: 60rem/75;
            img{
                width: 30rem/75;
            }
        }
        .shijian{
            padding: 0 24rem/75;
            border-right: 1px solid #f2f0f6;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
        }
        .yidao{
            display: none;

        }
        .daozhan{
            p{
                color: #f97d60;
            }
        }
    }
}
.menban{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .2);
    z-index: 9;
    display: none;
}
.collect_nav{
    transition: all .2s linear;
    width: 100%;
    position: fixed;
    bottom: -370rem/75;
    left: 0;
    z-index: 11;
    .xiugai_icon{
        width: 110rem/75;
        height: 110rem/75;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #ffffff;
        img{
            height: 40rem/75;
        }
    }
}
.guanbi{
    transition: all .2s linear;
    bottom: 0rem/75;
}
.yingcang{
    display: block;
}
.biaoqian{
    height: 264rem/75;
    background: #f2f0f6;
}
.xiugai_biaoqian{
    font-size: 28rem/75;
    color: #333333;
    text-align: center;
}
.xiugai_item{
    display: flex;
    flex-direction: column;
    align-items: center;
    p{
        font-size: 26rem/75;
        color: #999999;
        margin-top: 20rem/75;
    }
}
.container_xiugai{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    margin-top: 30rem/75;
}
.biaoqian{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.close{
    width: 100%;
    height: 100rem/75;
    text-align: center;
    line-height: 100rem/75;
    font-size: 30rem/75;
    color: #333333;
    background: #ffffff;
}
.daozhan{
    display: flex;
    align-items: center;
    img{
        width: 50rem/75;
        margin: 0 20rem/75;
    }
    p{
        font-size: 32rem/75;
        color: #333333;
    }
}
.lxsj{
    font-size: 24rem/75;
    color: #7c7c7c;
    margin-top: 40rem/75;
}
.luxian_left{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    .wf{
        img{
            width: 42rem/75;
        }
    }
}
.luxian{
    box-sizing: border-box;
    padding: 35rem/75;
}
.xl_con{
    background: #ffffff;
    box-sizing: border-box;
    padding: 30rem/75;
}
.line{
    width: 100%;
    height: 16rem/75;
    background: #24d682;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    padding-right: 10rem/75;
    img{
        width: 9rem/75;
    }
}
.zhan_item{
    display: flex;
    flex-direction: column;
    align-items: center;
    p{
        width: 30rem/75;
        margin-top: 24rem/75;
        font-size: 30rem/75;
        color: #333333;
    }
}
.zhan_item{
    position: relative;
}
.aa{
    position: absolute;
    bottom: 220rem/75;
    left: 0;
}
 .all_zhan .dw{
    width: 34rem/75;
    margin-bottom: 10rem/75;
    visibility: hidden;
}
.dangqian{
    .dw{
        visibility: inherit;
    }
    p{
        color: #f97d60;
    }
}
.item_top{
    display: flex;
    align-items: flex-end;
    p{
        font-size: 38rem/75;
        color: #24d682;
        font-weight: bold;
    }
    .top_time{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-left: 14rem/75;
        img{
            width: 18rem/75;
        }
        p{
            font-size: 28rem/75;
            color: #333333;
            margin-top: 10rem/75;
        }
    }
}
.zhantai{
    font-size: 24rem/75;
    color: #333333;
    margin-top: 20rem/75;
}
.jianjie{
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 40rem/75 0;
    box-shadow: 0px 4px 10px -12px;
}
.yidao{
    p{
        color: #f97d60;
    }
    .zhantai{
        display: none;
    }
    .top_time{
        display: none;
    }
}
.all_zhan{
    margin-top: 50rem/75;
    padding-bottom: 100rem/75;
}
.car{
    position: absolute;
    top: 30rem/75;
    width: 40rem/75;
    left: 0;
}
.shuaxin{
    width: 147rem/75;
    height: 62rem/75;
    background: #ffffff;
    border-radius: 62rem/75;
    display: flex;
    align-items: center;
    justify-content: center;
    p{
        font-size: 24rem/75;
        color: #7e7e7e;
        margin-left: 10rem/75;
    }
    img{
        width: 44rem/75;
    }
}
.sx_box{
    display: flex;
    justify-content: center;
    margin-top: 56rem/75;
}
.msg_container{
    .msg_item{
        display: flex;
        align-items: center;
        box-sizing: border-box;
        padding: 32rem/75 28rem/75;
        border-top: 1px solid #eaeaea;
    }
    .msg_img{
        width: 90rem/75;
        height: 90rem/75;
        border-radius: 100%;
        border: 1px solid #e7e7e7;
        display: flex;
        align-items: center;
        justify-content: center;
        img{
            width: 52rem/75;
        }
    }
    .msg_info{
        flex: 1;
        margin-left: 26rem/75;
    }
    .msg_biaoti{
        font-size: 28rem/75;
        color: #333333;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        span{
            font-size: 18rem/75;
            color: #333333;
        }
    }
    .msg_neirong{
        font-size: 24rem/75;
        color: #333333;
        margin-top: 20rem/75;
    }
}
.msg_infomation{
    padding: 30rem/75;
    p{
        font-size: 24rem/75;
        color: #333333;
        line-height: 44rem/75;
    }
    img{
        width: 100%;
    }
}
.address_name{
    font-size: 52rem/75;
    color: #333333;
    font-weight: bold;
    img{
        width: 14rem/75;
        margin-left: 26rem/75;
    }
    display: flex;
    align-items: center;
}
.msgs{
    position: relative;
    img{
        width: 35rem/75;
    }
    .dot{
        width: 10rem/75;
        height: 10rem/75;
        border-radius: 100%;
        background: #ff5c5c;
        position: absolute;
        right: -10rem/75;
        top: 0;
    }
}
.index_header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 64rem/75 28rem/75 0 28rem/75;
    background: #ffffff;
}
.index_search{
    position: relative;
    padding: 38rem/75 28rem/75;
    display: flex;
    align-items: center;
    background: #ffffff;
    input{
        width: 100%;
        height: 72rem/75;
        border-radius: 72rem/75;
        background: #f2f0f6;
        box-sizing: border-box;
        padding: 0 76rem/75;
    }
    img{
        width: 26rem/75;
        position: absolute;
        left: 50rem/75;
    }
}
.index_nav{
    background: #ffffff;
    padding: 0 28rem/75;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 35rem/75;
    .index_nav_item{
        display: flex;
        flex-direction: column;
        align-items: center;
        img{
            width: 52rem/75;
        }
        p{
            font-size: 24rem/75;
            color: #333333;
            margin-top: 18rem/75;
        }
        .item_img{
            height: 60rem/75;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }
}
.index_msg{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 47rem/75 28rem/75;
    p{
        font-size: 24rem/75;
        color: #333333;
    }
    .zhandian_map{
        display: flex;
        align-items: center;
        p{
            font-size: 24rem/75;
            color: #7c7c7c;
        }
        img{
            width: 10rem/75;
            margin-left: 14rem/75;
        }
    }
}
.zhandianItem{
    padding: 0 20rem/75;
}
.zhandian_con{
    width: 100%;
    box-sizing: border-box;
    padding: 28rem/75 30rem/75;
    background: #ffffff;
    border-radius: 20rem/75;
    p{
        font-size: 28rem/75;
        color: #333333;
        margin-top: 30rem/75;
    }
}
.zhandian_tit{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    p{
        margin: 0;
    }
    .addr{
        font-size: 32rem/75;
        color: #333333;
        font-weight: bold;
    }
    .juli{
        font-size: 22rem/75;
        color: #333333;
    }
}
.advantage{
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border-radius: 20rem/75;
    padding: 16rem/75 26rem/75;
    background: #ffffff;
    margin-top: 36rem/75;
    .advantage_info{
        flex: 1;
    }
    .advantage_img{
        width: 175rem/75;
        img{
            width: 100%;
        }
    }
    .adv_tit{
        font-size: 32rem/75;
        color: #24d682;
        font-weight: bold;
    }
    .liaojie{
        display: flex;
        align-items: center;
        margin-top: 35rem/75;
        .join{
            font-size: 24rem/75;
            color: #6e6e6e;
        }
        .liaojie_{
            padding: 5rem/75 20rem/75;
            background: #f97d60;
            color: #ffffff;
            border-radius: 10rem/75;
            margin-left: 23rem/75;
        }
    }
}
.changyong_container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 30rem/75 28rem/75;
    border-radius: 20rem/75;
    background: #ffffff;
    margin-bottom: 30rem/75;
    .cy_rit{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .cy_top{
        display: flex;
        p{
            font-size: 38rem/75;
            color: #24d682;
        }
    }
    .cy_msg{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-left: 10rem/75;
        margin-bottom: 40rem/75;
        img{
            width: 14rem/75;
        }
        p{
            font-size: 24rem/75;
            color: #333333;
        }
    }
    .cy_left{
        p{
            font-size: 24rem/75;
            color: #878787;
            margin-top: 28rem/75;
        }
        span{
            color: #333333;
        }
        .gj_biaohao{
            font-size: 32rem/75;
            color: #333333;
            font-weight: bold;
            margin-top: 0;
        }
    }
}
.index_bottom{
    height: 200rem/75;
}
.index_footer{
    width: 100%;
    background: transparent;
    position: fixed;
    bottom: 0;
    left: 0;
    .index_back{
        width: 100%;
    }
    .ischeck{
        color: #24d682;
    }
    .notcheck{
        color: #8b8b8b;
    }
    .sy_nav{
        position: absolute;
        left: 150rem/75;
        top: 54rem/75;
        img{
            height: 45rem/75;
        }
        p{
            margin-top: 6rem/75;
        }

    }
    .mine{
        position: absolute;
        right: 150rem/75;
        top: 54rem/75;
        img{
            height: 45rem/75;
        }
        p{
            color: #sy_nav;
            margin-top: 6rem/75;
        }

    }
    .lianxi{
        position: absolute;
        left: 338rem/75;
        top: 24rem/75;
        img{
            height: 75rem/75;
        }
        p{
            color: #sy_nav;
            margin-top: 6rem/75;
        }
    }
}
.kaifa{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
    .kaifa_img{
        width: 480rem/75;
    }
    .close_img{
        width: 46rem/75;
        margin-top: 27rem/75;
    }
}
.mine_header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 100rem/75 35rem/75 50rem/75 35rem/75;
    background: #ffffff;
    .head_img{
        width: 100rem/75;
        height: 100rem/75;
        border-radius: 100%;
        overflow: hidden;
        img{
            width: 100%;
        }
    }
    .name{
        font-size: 52rem/75;
        color: #333333;
        font-weight: bold;
    }
    .shoujihao{
        font-size: 26rem/75;
        color: #9f9f9f;
        margin-top: 30rem/75;
    }
    .yz{
        width: 142rem/75;
        height: 40rem/75;
        border-radius: 40rem/75;
        background: #f2f0f6;
        display: flex;
        align-items: center;
        justify-content: center;
        img{
            width: 8rem/75;
            margin-left: 5rem/75;
        }
        color: #717171;
        margin-top: 30rem/75;
    }
}
.mine_container{
    box-sizing: border-box;
    padding: 20rem/75;
    width: 100%;
    .guanggao{
        width: 100%;
        height: 90rem/75;
        border-radius: 10rem/75;
        background: #f97d60;
        margin-top: 30rem/75;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
        padding:  0 30rem/75;
        p{
            font-size: 28rem/75;
            color: #ffffff;
        }
        span{
            width: 128rem/75;
            height: 50rem/75;
            border-radius: 50rem/75;
            background: #ffffff;
            color: #f97d60;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }
    .mine_nav{
        background: #ffffff;
        border-radius: 20rem/75;
        margin-top: 30rem/75;
        .nav_item{
            display: flex;
            align-items: center;
            position: relative;
            box-sizing: border-box;
            padding: 38rem/75 30rem/75;
            img{
                width: 32rem/75;
            }
            .rit{
                width: 12rem/75;
                position: absolute;
                right: 30rem/75;
            }
            p{
                font-size: 28rem/75;
                color: #333333;
                margin-left: 30rem/75;
            }
        }
    }
}
.mine_tuichu{
    display: flex;
    width: 100%;
    height: 90rem/75;
    margin-top: 30rem/75;
    border-radius: 20rem/75;
    background: #ffffff;
    justify-content: center;
    align-items: center;
    font-size: 26rem/75;
    color: #9d9d9d;
}
.kf_container{
    padding: 20rem/75;
    .kf_title{
        width: 100%;
        height: 126rem/75;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: #ffffff;
        border-radius: 20rem/75;
        p{
            line-height: 44rem/75;
            font-size: 28rem/75;
            color: #3b3b3b;
        }
    }
    .kf_item{
        width: 100%;
        height: 86rem/75;
        display: flex;
        align-items: center;
        background: #ffffff;
        border-radius: 20rem/75;
        margin-top: 30rem/75;
        box-sizing: border-box;
        padding: 0 45rem/75;
        img{
            width: 30rem/75;
        }
        p{
            font-size: 28rem/75;
            color: #333333;
            margin-left: 48rem/75;
        }
    }
}
.tsjy_container{
    padding: 20rem/75;
    border-bottom: 20rem/75 solid #f2f0f6;
    textarea{
        width: 100%;
        height: 330rem/75;
        box-sizing: border-box;
        padding: 20rem/75;
        border-bottom: 1px solid #eaeaea;
    }
    .liuxia{
        font-size: 26rem/75;
        color: #999999;
        padding: 38rem/75 20rem/75;
    }
}
.btn{
    width: 628rem/75;
    height: 75rem/75;
    outline: none;
    border: none;
    background: #24d682;
    color: #ffffff;
    margin: auto;
}
.btn_box{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 75rem/75 0;
}
.jiaolian_header{
    p{
        font-size: 52rem/75;
        color: #333333;
        padding: 62rem/75 0 0 28rem/75;
        background: #ffffff;
        font-weight: bold;
    }
}
.search_history{
    padding: 0 20rem/75;
    .history_item{
        width: 100%;
        height: 105rem/75;
        background: #ffffff;
        border-radius: 10rem/75;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
        padding: 0 32rem/75;
        box-shadow: 7px 14px 20px -25px;
        margin-bottom: 2px;
        p{
            font-size: 30rem/75;
            color: #333333;
        }
        img{
            width: 30rem/75;
        }
    }
}
.sousuo_header{
    .index_search{
        justify-content: space-between;
    }
    input{
        width: 90%;
    }
    p{
        font-size: 26rem/75;
        color: #24d682;
    }

}
.sousuo_container{
    margin-top: 20rem/75;
}
.sousuo_item{
    p{
        padding: 30rem/75 22rem/75;
        background: #ffffff;
        border-bottom: 1px solid #eaeaea;
        font-size: 30rem/75;
        color: #333333;
    }
}
.clear{
    p{
        border-bottom: none;
        text-align: center;
        color: #939393;
        font-size: 26rem/75;
    }
}
.results_container{
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
    padding: 36rem/75 14rem/75;
    background: #ffffff;
    img{
        width: 22rem/75;
    }
}
.my_address{
    img{
        width: 20rem/75;
        margin-left: 30rem/75;
    }
    input{
        font-size: 28rem/75;
        color: #333333;
        width: 480rem/75;
        margin-left: 26rem/75;
    }
}
.addr_line{
    border-bottom: 1px solid #e5e5e5;
    margin: 36rem/75 0;
    width: 100%;
    margin-left: 60rem/75;
    flex: 1;
}
.addr_top{
    display: flex;
    align-items: center;
    .cir{
        width: 14rem/75;
        height: 14rem/75;
        border-radius: 100%;
        background: #24d682;
    }

}
.addr_bottom{
    display: flex;
    align-items: center;
    .cir{
        width: 14rem/75;
        height: 14rem/75;
        border-radius: 100%;
        background: #f97d60;
    }

}
.my_address{
    flex: 1;
    margin-left: 60rem/75;
    display: flex;
    align-items: center;
}
.addr_con{
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}
.results_left{
    .car_jiaolian{
        font-size: 30rem/75;
        color: #333333;
    }
    .mudidi{
        font-size: 36rem/75;
        color: #333333;
        font-weight: bold;
        margin: 30rem/75 0;
    }
    .time{
        font-size: 24rem/75;
        color: #787878;
    }
}
.results_item{
    padding: 38rem/75 36rem/75;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background: #ffffff;
    margin-bottom: 10rem/75;
    img{
        width: 44rem/75;
    }
}
.results_con{
    margin-top: 20rem/75;
}
.luxian_{
    padding: 40rem/75;
    background: #ffffff;
    border-top: 1px solid #eaeaea;
    display: flex;
    align-items: center;
    justify-content: center;
    .luxian_item{
        display: flex;
        align-items: center;
        width: 49%;
        justify-content: center;
        border-right: 1px solid #eaeaea;
        p{
            font-size: 24rem/75;
            color: #333333;
        }
        img{
            width: 24rem/75;
            margin-left: 20rem/75;
        }
    }
}
.tuijian{
    border-right: none !important;
}
.luxian_con{
    margin-top: 20rem/75;
    .line_item{
        box-sizing: border-box;
        padding: 35rem/75;
        background: #ffffff;
        border-bottom: 1px solid #eaeaea;
    }
    .line_top{
        display: flex;
        align-items: center;
        p{
            font-size: 30rem/75;
            color: #333333;
        }
        img{
            height: 33rem/75;
            margin: 0 20rem/75;
        }
    }
    .weizhi{
        display: flex;
        align-items: center;
        margin-top: 28rem/75;
        p{
            font-size: 36rem/75;
            font-weight: bold;
            color: #333333;
        }
        img{
            width: 50rem/75;
            margin: 0 28rem/75;
        }
    }
    .didian{
        font-size: 24rem/75;
        color: #787878;
        margin-top: 30rem/75;
    }
    .daoda{
        display: flex;
        align-items: center;
        margin-top: 24rem/75;
        p{
            font-size: 24rem/75;
            color: #787878;
        }
        span{
            color: #24d682;
        }
        img{
            width: 16rem/75;
            margin-right: 10rem/75;
        }
    }
}
.all_weizhi{
    width: 100%;
    background: #f2f0f6;
    border-radius: 20rem/75;
    input{
        color: #333333;
        margin-left: 20rem/75;
        background: #f2f0f6;
        width: 400rem/75;
    }
    .cir{
        width: 14rem/75;
        height: 14rem/75;
        border-radius: 100%;
        background: #24d682;
    }
    .cir_{
        width: 14rem/75;
        height: 14rem/75;
        border-radius: 100%;
        background: #f97d60;
    }
    .weizhi_item{
        display: flex;
        align-items: center;
        padding: 23rem/75 26rem/75;
    }

}
.banche_weizhi{
    padding: 40rem/75 30rem/75;
    background: #ffffff;
    position: relative;
    display: flex;
    align-items: center;
    img{
        width: 20rem/75;
        position: absolute;
        right: 100rem/75;
    }
}
.bc_item{
    display: flex;
    align-items: center;
    .sj{
        width: 28rem/75;
        margin-right: 30rem/75;
    }
    .dz{
        width: 36rem/75;
        margin: 0 25rem/75;
    }
    .wz{
        font-size: 30rem/75;
        color: #787878;
    }
    .md{
        font-size: 30rem/75;
        color: #333333;
    }
}
.bc_soucuo{
    padding: 30rem/75 22rem/75;
    background: #ffffff;
    border-bottom: 1px solid #eaeaea;
    display: flex;
    align-items: center;
    p{
        padding: 0;
        border: none;
    }
    .bc_tit{
        font-size: 30rem/75;
        color: #333333;
    }
    .bc_end{
        font-size: 24rem/75;
        color: #787878;
        margin-top: 20rem/75;
    }
    img{
        width: 28rem/75;
        margin-right: 24rem/75;
    }
}
.results_container{
    position: relative;
    z-index: 999;
}
.tuijian_container{
    position: absolute;
    left: 0;
    top: 0;
    background: #ffffff;
    width: 100%;
    display: none;
    a{
        display: block;
        padding: 30rem/75 0;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #eaeaea;
    }
    transition: all .2s linear;
}
.tuijian_tanchu{
    display: block;
    top: 340rem/75;
}
.tanchu_color{
    color: #24d682 !important;
}
.chufa{
    position: relative;
    #test{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }
}
.bc_luxian_info{
    box-sizing: border-box;
    padding: 24rem/75 40rem/75 0 70rem/75;
    background: #ffffff;
    .mine_weizhi{
        font-weight: bold;
        font-size: 32rem/75;
        color: #333333;
    }
    .luian_buxing{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 50rem/75;
        p{
            font-size: 24rem/75;
            color: #878787;
        }
        img{
            height: 30rem/75;
        }
    }
    .luxian_start{
        border-left: 4rem/75 solid #f97d60;
        position: relative;
        box-sizing: border-box;
        padding-left: 42rem/75;
        padding-bottom: 24rem/75;
        .cir{
            width: 24rem/75;
            height: 24rem/75;
            border-radius: 100%;
            background: #24d682;
            position: absolute;
            left: -15rem/75;
            top: 0;
        }
    }
}
.bc_luxian_container{
    padding: 0 40rem/75 0 70rem/75;
    .zhantai_item{
        padding: 36rem/75 ;
        padding-left: 42rem/75;
        border-left: 4rem/75 solid #24d682;
        position: relative;
        display: flex;
        align-items: center;
        .cir{
            width: 16rem/75;
            height: 16rem/75;
            border-radius: 100%;
            background: #24d682;
            position: absolute;
            left: -10rem/75;
        }
        p{
            font-size: 32rem/75;
            color: #333333;
            font-weight: bold;
        }
    }
    .zhantai_con{
        padding: 36rem/75 ;
        padding-left: 42rem/75;
        border-left: 4rem/75 solid #24d682;
        position: relative; 
    }
    .zhantai_img{
        width: 590rem/75;
        position: relative;
        img{
            width: 100%;
        }
        .zhantai_info{
            width: 590rem/75;
            height: 100rem/75;
            position: absolute;
            left: 0;
            top: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }
    .itemline{
        border-right: 1px solid #eaeaea;
        height: 54rem/75;
    }
    .info_item{
        width: 40%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        .item_time{
            font-size: 36rem/75;
            color: #24d682;
            span{
                font-size: 24rem/75;
                color: #333333;
                margin-left: 10rem/75;
            }
        }
        .item_yuji{
            color: #333333;
            margin-top: 16rem/75;
        }
    }
    .dangqian_zhan{
        font-size: 24rem/75;
        color: #333333;
        margin-top: 20rem/75;
    }
}

.bc_luxian_info_{
    box-sizing: border-box;
    padding: 0 40rem/75 24rem/75 70rem/75;
    background: #ffffff;
    .mine_weizhi{
        font-weight: bold;
        font-size: 32rem/75;
        color: #333333;
        margin-top: 50rem/75;
    }
    .luian_buxing{
        display: flex;
        align-items: center;
        justify-content: space-between;
        p{
            font-size: 24rem/75;
            color: #878787;
        }
        img{
            height: 30rem/75;
        }
    }
    .luxian_end_{
        border-left: 4rem/75 solid #f97d60;
        position: relative;
        box-sizing: border-box;
        padding: 24rem/75 0;
        padding-left: 42rem/75;
        .cir{
            width: 24rem/75;
            height: 24rem/75;
            border-radius: 100%;
            background: #f97d60;
            position: absolute;
            left: -15rem/75;
            bottom: 0;
        }
    }
}
.bc_footer{
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    padding: 30rem/75 46rem/75;
    background: #ffffff;
    .bc_banci{
        display: flex;
        align-items: center;
        justify-content: space-between;
        p{
            font-size: 32rem/75;
            color: #333333;
            font-weight: bold;
        }
        img{
            height: 46rem/75;
        }
    }
    .bc_huafei{
        font-size: 24rem/75;
        color: #878787;
        margin-top: 30rem/75;
    }
}
.kuaidao{
    .item_time{
        color: #f97d60 !important;
    }
}
.yidao{
    color: #f97d60 !important;
    font-size: 36rem/75;
}
.gjc{
    padding: 13rem/75 34rem/75;
    border: 1px solid #24d682;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100rem/75;
    img{
        width: 32rem/75 !important;
        margin: 0 !important;
        margin-right: 10rem/75 !important;
    }
    p{
        font-size: 30rem/75 !important;
        color: #24d682 !important;
    }
}
.cydd_container{
    padding: 0 20rem/75;

    .cydd{
        background: #ffffff;
        border-radius: 20rem/75;
    }
    .cydd_item{
        box-sizing: border-box;
        padding: 37rem/75 31rem/75;
        display: flex;
        align-items: center;
        justify-content: space-between;
        .cydd_left{
            display: flex;
            align-items: center;
        }
        img{
            width: 30rem/75;
            margin-right: 30rem/75;
        }
        p{
            font-size: 30rem/75;
            color: #333333;
            font-weight: bold;
        }
        span{
            font-size: 24rem/75;
            color: #333333;
        }
    }
}
.gj_sousuo{
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #eaeaea;
    .gj_li{
        border-right: 1px solid #eaeaea;
        height: 35rem/75;
    }
    .sousuo_item_{
        width: 320rem/75;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 40rem/75 0;
        img{
            height: 32rem/75;
            margin-right: 30rem/75;
        }
        p{
            font-size: 28rem/75;
        }
        .check{
            color: #24d682;
        }
    }
}
.dqcz{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20rem/75;
    img{
        width: 26rem/75;
    }
}
.zt_item{
    padding: 20rem/75 ;
    padding-left: 42rem/75;
    border-left: 4rem/75 solid #24d682;
    position: relative; 
    display: flex;
    align-items: center;
    .cir{
        width: 14rem/75;
        height: 14rem/75;
        border-radius: 100%;
        background: #24d682;
        position: absolute;
        left: -9.1rem/75;
    }
}
.all_zt{
    display: none;
}
.footer_bott{
    height: 200rem/75;;
}