* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.popWrap button {
  border: 0px;
  background: transparent;
  outline: none;
}

.popWrap table {
  width: 100%;
  border-collapse: collapse;
}

.popWrap {}

.p_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px;
}

.p_header .title {
    font-weight: 600;
}

.p_header>button.close {
  width: 35px;
  height: 35px;
  font-size: 22px;
}


.p_body {}

.p_body .stepArea {
  height: 170px;
  background-color: #2a2d31;
  padding: 25px 0 15px;
}

.p_body .stepArea .step_title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #fefefe;
  margin-bottom: 30px;
}

.p_body .stepArea .state_step {
  display: flex;
  width: 100%;
  padding-left: 35px;
  padding-right: 35px;
  align-items: center;
}

.p_body .stepArea .state_step [class^="step0"] {
  float: left;
  width: 45px;
  height: 45px;
  background-position: center;
  background-size: cover;
  position: relative;
  background: #717171;
  border-radius: 50px;
  display: block;
  /* flex-direction: column; */
  /* justify-content: center; */
  /* align-items: center; */
  margin-top: -5px;
  /* display: flex; */
}

.p_body .stepArea .state_step [class^="step0"]>span {
  width: 70px;
  text-align: center;
  font-size: 14px;
  letter-spacing: -0.5px;
  color: #ffffff;
  position: relative;
  top: 10px;
  left: -10px;
  opacity: 0.5;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.p_body .stepArea .state_step [class^="step0"]:before{content:'';display: flex;width: 35px;height: 35px;background-repeat: no-repeat;padding: 5px;box-sizing: border-box;justify-content: center;align-items: center;background-size: 70%;background-position: center center;filter: invert(1);margin: 5px;}

.p_body .stepArea .state_step .step01:before {background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhbCIgZGF0YS1pY29uPSJib3gtY2hlY2siIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNjQwIDUxMiIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWJveC1jaGVjayBmYS13LTIwIGZhLTd4Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik00OTIuNSAxMzMuNEw0NTguOSAzMi44QzQ1Mi40IDEzLjIgNDM0LjEgMCA0MTMuNCAwSDk4LjZjLTIwLjcgMC0zOSAxMy4yLTQ1LjUgMzIuOEwyLjUgMTg0LjZjLTEuNiA0LjktMi41IDEwLTIuNSAxNS4yVjQ2NGMwIDI2LjUgMjEuNSA0OCA0OCA0OGg0MDBjMTA2IDAgMTkyLTg2IDE5Mi0xOTIgMC05MC43LTYzLTE2Ni41LTE0Ny41LTE4Ni42ek0yNzIgMzJoMTQxLjRjNi45IDAgMTMgNC40IDE1LjIgMTAuOWwyOC41IDg1LjVjLTMtLjEtNi0uNS05LjEtLjUtNTYuOCAwLTEwNy43IDI0LjgtMTQyLjggNjRIMjcyVjMyek04My40IDQyLjlDODUuNiAzNi40IDkxLjcgMzIgOTguNiAzMkgyNDB2MTYwSDMzLjdMODMuNCA0Mi45ek00OCA0ODBjLTguOCAwLTE2LTcuMi0xNi0xNlYyMjRoMjQ5LjljLTE2LjQgMjguMy0yNS45IDYxLTI1LjkgOTYgMCA2Ni44IDM0LjIgMTI1LjYgODYgMTYwSDQ4em00MDAgMGMtODguMiAwLTE2MC03MS44LTE2MC0xNjBzNzEuOC0xNjAgMTYwLTE2MCAxNjAgNzEuOCAxNjAgMTYwLTcxLjggMTYwLTE2MCAxNjB6bTY0LjYtMjIxLjdjLTMuMS0zLjEtOC4xLTMuMS0xMS4yIDBsLTY5LjkgNjkuMy0zMC4zLTMwLjZjLTMuMS0zLjEtOC4xLTMuMS0xMS4yIDBsLTE4LjcgMTguNmMtMy4xIDMuMS0zLjEgOC4xIDAgMTEuMmw1NC40IDU0LjljMy4xIDMuMSA4LjEgMy4xIDExLjIgMGw5NC4yLTkzLjVjMy4xLTMuMSAzLjEtOC4xIDAtMTEuMmwtMTguNS0xOC43eiIgY2xhc3M9IiI+PC9wYXRoPjwvc3ZnPg==);}

.p_body .stepArea .state_step .step02:before {background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhbCIgZGF0YS1pY29uPSJ0cnVjayIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtdHJ1Y2sgZmEtdy0yMCBmYS03eCI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNNjMyIDM4NGgtMjRWMjc1LjljMC0xNi44LTYuOC0zMy4zLTE4LjgtNDUuMmwtODMuOS04My45Yy0xMS44LTEyLTI4LjMtMTguOC00NS4yLTE4LjhINDE2Vjc4LjZjMC0yNS43LTIyLjItNDYuNi00OS40LTQ2LjZINDkuNEMyMi4yIDMyIDAgNTIuOSAwIDc4LjZ2MjkwLjhDMCAzOTUuMSAyMi4yIDQxNiA0OS40IDQxNmgxNi4yYy0xLjEgNS4yLTEuNiAxMC41LTEuNiAxNiAwIDQ0LjIgMzUuOCA4MCA4MCA4MHM4MC0zNS44IDgwLTgwYzAtNS41LS42LTEwLjgtMS42LTE2aDE5NS4yYy0xLjEgNS4yLTEuNiAxMC41LTEuNiAxNiAwIDQ0LjIgMzUuOCA4MCA4MCA4MHM4MC0zNS44IDgwLTgwYzAtNS41LS42LTEwLjgtMS42LTE2SDYzMmM0LjQgMCA4LTMuNiA4LTh2LTE2YzAtNC40LTMuNi04LTgtOHpNNDYwLjEgMTYwYzguNCAwIDE2LjcgMy40IDIyLjYgOS40bDgzLjkgODMuOWMuOC44IDEuMSAxLjkgMS44IDIuOEg0MTZ2LTk2aDQ0LjF6TTE0NCA0ODBjLTI2LjUgMC00OC0yMS41LTQ4LTQ4czIxLjUtNDggNDgtNDggNDggMjEuNSA0OCA0OC0yMS41IDQ4LTQ4IDQ4em02My42LTk2QzE5MyAzNjQuNyAxNzAgMzUyIDE0NCAzNTJzLTQ5IDEyLjctNjMuNiAzMmgtMzFjLTkuNiAwLTE3LjQtNi41LTE3LjQtMTQuNlY3OC42QzMyIDcwLjUgMzkuOCA2NCA0OS40IDY0aDMxNy4yYzkuNiAwIDE3LjQgNi41IDE3LjQgMTQuNlYzODRIMjA3LjZ6TTQ5NiA0ODBjLTI2LjUgMC00OC0yMS41LTQ4LTQ4czIxLjUtNDggNDgtNDggNDggMjEuNSA0OCA0OC0yMS41IDQ4LTQ4IDQ4em0wLTEyOGMtMjYuMSAwLTQ5IDEyLjctNjMuNiAzMkg0MTZ2LTk2aDE2MHY5NmgtMTYuNGMtMTQuNi0xOS4zLTM3LjUtMzItNjMuNi0zMnoiIGNsYXNzPSIiPjwvcGF0aD48L3N2Zz4=)}

.p_body .stepArea .state_step .step03:before {background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhbCIgZGF0YS1pY29uPSJmbGFnIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1mbGFnIGZhLXctMTYgZmEtN3giPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTM0NC4zNDggNzQuNjY3QzI4Ny43NDIgNzQuNjY3IDI0Mi40NDYgNDAgMTcyLjUyMiA0MGMtMjguNDg3IDAtNTMuNjc1IDUuMzIyLTc2Ljk2NSAxNC40NDlDOTkuNTUzIDI0LjcxMyA3NS44MDgtMS4xMjcgNDYuMDcxLjAzOCAyMS41MzIuOTk5IDEuNDMzIDIwLjc1LjA3NiA0NS4yNzEtMS4xNDYgNjcuMzQgMTIuNTUzIDg2LjM4MiAzMiA5My4yNThWNTAwYzAgNi42MjcgNS4zNzMgMTIgMTIgMTJoOGM2LjYyNyAwIDEyLTUuMzczIDEyLTEyVjM3OC4zOThjMzEuNDIzLTE0LjUzOSA3Mi4wNjYtMjkuMDY0IDEzNS42NTItMjkuMDY0IDU2LjYwNiAwIDEwMS45MDIgMzQuNjY3IDE3MS44MjYgMzQuNjY3IDUxLjMxIDAgOTEuOTMzLTE3LjIzOCAxMzAuMDA4LTQyLjk1MyA2LjU4OS00LjQ1IDEwLjUxNC0xMS45MDkgMTAuNTE0LTE5Ljg2VjU5LjUyMWMwLTE3LjU0OS0xOC4yMDYtMjkuMTUyLTM0LjEyMi0yMS43Ni0zNi43OCAxNy4wODQtODYuMjYzIDM2LjkwNi0xMzMuNTMgMzYuOTA2ek00OCAyOGMxMS4wMjggMCAyMCA4Ljk3MiAyMCAyMHMtOC45NzIgMjAtMjAgMjAtMjAtOC45NzItMjAtMjAgOC45NzItMjAgMjAtMjB6bTQzMiAyODkuMzMzQzQ1Ni44ODMgMzM0LjAzIDQxNS40NTIgMzUyIDM3MS40NzggMzUyYy02My42MTUgMC0xMDguMjQ3LTM0LjY2Ny0xNzEuODI2LTM0LjY2Ny00Ni4wMTYgMC0xMDIuMjc5IDEwLjE4Ni0xMzUuNjUyIDI2VjEwNi42NjdDODcuMTE3IDg5Ljk3MSAxMjguNTQ4IDcyIDE3Mi41MjIgNzJjNjMuNjE1IDAgMTA4LjI0NyAzNC42NjcgMTcxLjgyNiAzNC42NjcgNDUuOTIgMCAxMDIuMjE3LTE4LjgxMyAxMzUuNjUyLTM0LjY2N3YyNDUuMzMzeiIgY2xhc3M9IiI+PC9wYXRoPjwvc3ZnPg==)}
.p_body .stepArea .state_step .step03:before{width:28px;height:28px;margin: 8px auto 0;}
.p_body .stepArea .state_step .step03 > span{top:20px;}

.p_body .stepArea .state_step .step04:before {background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhbCIgZGF0YS1pY29uPSJzaGlwcGluZy1mYXN0IiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDY0MCA1MTIiIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1zaGlwcGluZy1mYXN0IGZhLXctMjAgZmEtN3giPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTI4MCAxOTJjNC40IDAgOC0zLjYgOC04di0xNmMwLTQuNC0zLjYtOC04LThINDBjLTQuNCAwLTggMy42LTggOHYxNmMwIDQuNCAzLjYgOCA4IDhoMjQwem0zNTIgMTkyaC0yNFYyNzUuOWMwLTE2LjgtNi44LTMzLjMtMTguOC00NS4ybC04My45LTgzLjljLTExLjgtMTItMjguMy0xOC44LTQ1LjItMTguOEg0MTZWNzguNmMwLTI1LjctMjIuMi00Ni42LTQ5LjQtNDYuNkgxMTMuNEM4Ni4yIDMyIDY0IDUyLjkgNjQgNzguNlY5Nkg4Yy00LjQgMC04IDMuNi04IDh2MTZjMCA0LjQgMy42IDggOCA4aDI0MGM0LjQgMCA4LTMuNiA4LTh2LTE2YzAtNC40LTMuNi04LTgtOEg5NlY3OC42YzAtOC4xIDcuOC0xNC42IDE3LjQtMTQuNmgyNTMuMmM5LjYgMCAxNy40IDYuNSAxNy40IDE0LjZWMzg0SDIwNy42QzE5MyAzNjQuNyAxNzAgMzUyIDE0NCAzNTJjLTE4LjEgMC0zNC42IDYuMi00OCAxNi40VjI4OEg2NHYxNDRjMCA0NC4yIDM1LjggODAgODAgODBzODAtMzUuOCA4MC04MGMwLTUuNS0uNi0xMC44LTEuNi0xNmgxOTUuMmMtMS4xIDUuMi0xLjYgMTAuNS0xLjYgMTYgMCA0NC4yIDM1LjggODAgODAgODBzODAtMzUuOCA4MC04MGMwLTUuNS0uNi0xMC44LTEuNi0xNkg2MzJjNC40IDAgOC0zLjYgOC04di0xNmMwLTQuNC0zLjYtOC04LTh6bS00ODggOTZjLTI2LjUgMC00OC0yMS41LTQ4LTQ4czIxLjUtNDggNDgtNDggNDggMjEuNSA0OCA0OC0yMS41IDQ4LTQ4IDQ4em0yNzItMzIwaDQ0LjFjOC40IDAgMTYuNyAzLjQgMjIuNiA5LjRsODMuOSA4My45Yy44LjggMS4xIDEuOSAxLjggMi44SDQxNlYxNjB6bTgwIDMyMGMtMjYuNSAwLTQ4LTIxLjUtNDgtNDhzMjEuNS00OCA0OC00OCA0OCAyMS41IDQ4IDQ4LTIxLjUgNDgtNDggNDh6bTgwLTk2aC0xNi40QzU0NSAzNjQuNyA1MjIgMzUyIDQ5NiAzNTJzLTQ5IDEyLjctNjMuNiAzMkg0MTZ2LTk2aDE2MHY5NnpNMjU2IDI0OHYtMTZjMC00LjQtMy42LTgtOC04SDhjLTQuNCAwLTggMy42LTggOHYxNmMwIDQuNCAzLjYgOCA4IDhoMjQwYzQuNCAwIDgtMy42IDgtOHoiIGNsYXNzPSIiPjwvcGF0aD48L3N2Zz4=)}

.p_body .stepArea .state_step .step05:before {background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhbCIgZGF0YS1pY29uPSJmbGFnIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1mbGFnIGZhLXctMTYgZmEtN3giPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTM0NC4zNDggNzQuNjY3QzI4Ny43NDIgNzQuNjY3IDI0Mi40NDYgNDAgMTcyLjUyMiA0MGMtMjguNDg3IDAtNTMuNjc1IDUuMzIyLTc2Ljk2NSAxNC40NDlDOTkuNTUzIDI0LjcxMyA3NS44MDgtMS4xMjcgNDYuMDcxLjAzOCAyMS41MzIuOTk5IDEuNDMzIDIwLjc1LjA3NiA0NS4yNzEtMS4xNDYgNjcuMzQgMTIuNTUzIDg2LjM4MiAzMiA5My4yNThWNTAwYzAgNi42MjcgNS4zNzMgMTIgMTIgMTJoOGM2LjYyNyAwIDEyLTUuMzczIDEyLTEyVjM3OC4zOThjMzEuNDIzLTE0LjUzOSA3Mi4wNjYtMjkuMDY0IDEzNS42NTItMjkuMDY0IDU2LjYwNiAwIDEwMS45MDIgMzQuNjY3IDE3MS44MjYgMzQuNjY3IDUxLjMxIDAgOTEuOTMzLTE3LjIzOCAxMzAuMDA4LTQyLjk1MyA2LjU4OS00LjQ1IDEwLjUxNC0xMS45MDkgMTAuNTE0LTE5Ljg2VjU5LjUyMWMwLTE3LjU0OS0xOC4yMDYtMjkuMTUyLTM0LjEyMi0yMS43Ni0zNi43OCAxNy4wODQtODYuMjYzIDM2LjkwNi0xMzMuNTMgMzYuOTA2ek00OCAyOGMxMS4wMjggMCAyMCA4Ljk3MiAyMCAyMHMtOC45NzIgMjAtMjAgMjAtMjAtOC45NzItMjAtMjAgOC45NzItMjAgMjAtMjB6bTQzMiAyODkuMzMzQzQ1Ni44ODMgMzM0LjAzIDQxNS40NTIgMzUyIDM3MS40NzggMzUyYy02My42MTUgMC0xMDguMjQ3LTM0LjY2Ny0xNzEuODI2LTM0LjY2Ny00Ni4wMTYgMC0xMDIuMjc5IDEwLjE4Ni0xMzUuNjUyIDI2VjEwNi42NjdDODcuMTE3IDg5Ljk3MSAxMjguNTQ4IDcyIDE3Mi41MjIgNzJjNjMuNjE1IDAgMTA4LjI0NyAzNC42NjcgMTcxLjgyNiAzNC42NjcgNDUuOTIgMCAxMDIuMjE3LTE4LjgxMyAxMzUuNjUyLTM0LjY2N3YyNDUuMzMzeiIgY2xhc3M9IiI+PC9wYXRoPjwvc3ZnPg==)}
.p_body .stepArea .state_step .step05:before{width:28px;height:28px;margin: 8px auto 0;}
.p_body .stepArea .state_step .step05 > span{top:20px;}

.p_body .stepArea .state_step .step_progressBar {
  float: left;
  width: calc(100% - 140px);
}

.p_body .stepArea .state_step .step_progressBar .line-bar {
  display: inline-block;
  width: 80px;
  width: 100%;);
  height: 4px;
  background-color: #717171;
  text-align: center;
}
.p_body .stepArea .state_step [class^="step0"]._active{background-color: #fc791b;}
.p_body .stepArea .state_step [class^="step0"]._active>span {
  font-weight: bold;
  color: #ffffff;
  opacity: 1;
}

.p_body .stepArea .state_step [class^="step0"]._active+.step_progressBar {}
/* .p_body .stepArea .state_step [class^="step0"]._active+.step_progressBar .line-bar{background-color: #34b865;} */
.p_body .stepArea .state_step .step_progressBar:has(+ [class^="step0"]._active) .line-bar{background-color: #fc791b;}


.tracking_detail {}

.tracking_detail>table {
    margin-bottom: 20px;
}

.tracking_detail>table thead tr th {
  font-weight: bold;
  color: #666666;
  padding-top: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #bfbfbf;
  width: calc(100%/3);
  font-weight: 500;
  font-size: 13px;
  }
.tracking_detail>table thead tr th.status{width:110px;}


.tracking_detail>table tbody tr td {
    text-align: center;
    padding-top: 10px;
    word-break: break-all;
    font-size: 13px;
}
.tracking_detail>table thead tr td:nth-child(3){width:110px;}
.tracking_detail>table tbody tr._on td {
  font-weight: 600;
}

.recipient {font-size: 14px;
  color: #222222;
  border-top: 10px solid #efefef;
  border-bottom: 10px solid #efefef;
  padding: 20px 30px;}

.recipient .name {display:inline-block;width: 100%;height: 30px;}

.recipient .name>b {
  font-weight: 600
}

.recipient .address {
    width: 100%;
}

.courier {
    padding: 20px 30px;
    padding-bottom: 15px;
}

.courier > table {
  font-size: 14px;
  color: #222222;
}

.courier>table tbody {}

.courier>table th {
    width: 80px;
    text-align: left;
}

.courier>table td {height: 35px;]}


.p_footer{
    padding: 30px;
    padding-top: 15px;
}
.p_footer > button{
    width: 100%;
    padding: 17px;
    border-radius: 4px;
    font-size: 16px;
    background-color: #fc791b;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    }