@charset "UTF-8";

/*order table */
.hy_ordertw {
    background: #f4f3f5;
    /* height: 36px; */
    /* line-height: 36px; */
    border-top: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    padding: 5px 5px 5px 5px;
    font-size: 14px;
    color: #888;
}

.hy_orderlist {
    background: #fff;
}

.hy_orderlist .layui-btn{
    /*width: 50px!important;*/
    /*margin-bottom: 5px;*/
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 0px;
    height: 25px;
    line-height: 25px;
}

.hy_orderlist td.aleft {
    text-align: left;
}

.hy_orderlist > tbody > tr{
    border-left:1px solid #dee2e6 !important;
    border-right:1px solid #dee2e6 !important;
}

.hy_orderlist td, .hy_orderlist th {
    border: 1px #ededed solid;
    /*padding: 7px 5px;*/
    /*text-align: center;*/
}

.order-layui-table td {
    color:#000 !important;
}

.dd_tb1 > tbody > tr>td {
    border: 0 !important;
}

.order-layui-table > thead> tr{
    background: #f4f3f5;
}

.order-layui-table > thead> tr>th{
    font-weight: bold;
    color:#000;
    text-align: center;
}


/*order table end*/



.order-item-card-info{
    background: #ffffff;flex-grow: 1;
}
.order-item-card-info>.title{
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #e8e8e8;
    border-left: 4px solid #c9473f;
    flex:1;
}

.timeline-item {

}

.timeline-item::-webkit-scrollbar {/*滚动条整体样式*/
    width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;

}

.timeline-item::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
    background: #a9a9a9;

}

.timeline-item::-webkit-scrollbar-track {/*滚动条里面轨道*/
    border-radius: 10px;
    background: #FFF;

}


#orderProgress .el-step__title > p{
    margin-bottom: 0px !important;
}

#orderProgress .el-step__title{
    line-height:  28px !important;
}

#orderProgress .el-step__head.is-success {
    color: #ff4400;
    border-color: #ff4400;
}

#orderProgress .el-step__head {
    margin-bottom: 5px;
}



#orderProgress .el-step__title.is-success > .font_family_impact{
    font-weight: bold !important;
}

#orderProgress .el-step__head.is-success > .el-step__line{
    background-color: #ff4400 !important;
}

#orderProgress .el-step__title.is-success {
    color: #ff4400 !important;
}

#orderProgress .el-step__title.is-process {
    color: #ff4400;
}



#orderProgress  .el-step__title.is-success > p{
    color: #333 !important;
    font-weight: bold;
}



#orderProgress .el-step__description.is-success {
    color: #999;
}
#orderProgress .el-step__description.is-process {
    color: #999;
}

#orderProgress .is-process .el-step__icon:before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #ff4400;
}

#orderProgress .is-process .el-step__icon::after {
    content: '';
    display: block;
    position: absolute;
    top: -10px;
    left: -10px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: #ff4400;
    z-index: -2;
    opacity: .1;
}

#orderProgress .is-process .el-step__icon {
    border-color: #fff5d2;
    background-color: #fff;
    position: relative;
}

#orderProgress .el-step__head.is-process  .el-icon-check:before {
    content: "\e6da";
    color: #FFF;
}


.scroll-box {
    height: 210px
}

.el-scrollbar__wrap:not(.el-select-dropdown__wrap) {
    overflow-x: hidden;
    margin-bottom: 0!important
}



.order-progress-timeline {
    padding-left: 32px
}

.order-progress-timeline .el-timeline-item__node {
    background-color: #fff;
    border: 2px solid #e8e8e8
}

.order-progress-timeline .el-timeline-item:first-child .el-timeline-item__node {
    border-color: #ff4400
}

.order-progress-timeline .el-timeline-item .tag {
    font-family: Impact;
    color: #ff4400;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: -30px
}

.o-p {
    font-size: 14px;
    color: #999;
    margin-top: 4px;
    margin-bottom: 0px;
}


.express-box.el-popover {
    padding: 0!important;
    width: 500px!important
}

.express-time-line {
    /*padding-left: 20px;*/
    padding-left: 0px;
}

.express-time-line .wl-tag{
    color: #FF4400;position: absolute;left:-20px;font-family: Impact;top:10px;font-size:16px
}

.express-time-line .el-timeline-item__node--normal {
    width: 32px;
    height: 32px;
    left: 0;
    background-color: #fff;
    border: 2px solid #e8e8e8
}

.express-time-line .el-timeline-item__node--normal .iconfont {
    color: #aeaeae
}

.express-time-line .el-timeline-item:first-child .el-timeline-item__node--normal {
    border: 2px solid #fff
}

.express-time-line .el-timeline-item:first-child .el-timeline-item__node--normal .iconfont {
    color: #fff
}

.express-box .scroll-box {
    height: 360px!important
}

.express-time-line .el-timeline-item__tail {
    left: 15px
}

.express-time-line .el-timeline-item__wrapper {
    padding-left: 40px
}

.express-time-line .express-step {
    position: relative
}

.express-time-line .express-step:before {
    content: '';
    position: absolute;
    top: 5px;
    left: -29px;
    width: 10px;
    height: 10px;
    border: 2px solid #e8e8e8;
    background-color: #fff;
    border-radius: 10px
}



.express-item-wl .el-timeline-item__node--normal {
    width: 12px;
    height: 12px;
    left: 10px;
}