body {
  color: #505050;
  font-size: .14rem;
  line-height: 1.5;
  font-family: "Microsoft Yahei", "PingFang SC", "SimSun", "Helvetica Neue", Helvetica, Arial, sans-serif, Tahoma;
  background: #efefef;
}
html {
  font-size: 625%;
}
@media screen and (min-width: 1440px) {
html {
      font-size: 700%;
}
}
@media (max-width: 640px) and (min-width: 0) {
html {
    font-size: 20vw;
}
}
@media screen and (max-width: 640px) and (min-width: 0) and (max-width: 320px) {
html {
      font-size: 64px;
}
}
@media screen and (max-width: 640px) and (min-width: 0) and (min-width: 640px) {
html {
      font-size: 128px;
}
}
._Order-container {
  padding: 30px 0 0;
}
._Order-container .finish-dialog {
    text-align: center;
}
._Order-container .finish-dialog .el-dialog__header {
      padding: 0;
}
._Order-container .finish-dialog h3 {
      color: #33ac37;
      font-size: 18px;
}
._Order-container .finish-dialog h3 i {
        margin-right: 5px;
}
._Order-container .finish-dialog p {
      color: #505050;
      font-size: 16px;
      margin-top: 20px;
}
._Order-container .finish-dialog p.hint {
        font-size: 14px;
}
._Order-container .finish-dialog p i {
        text-decoration: underline;
        cursor: pointer;
        color: #33ac37;
}
._Order-container .title {
    background: #f2f2f2;
    width: 100%;
    height: 48px;
    font-size: 14px;
    line-height: 48px;
    position: relative;
    padding: 0 .2rem;
}
._Order-container .title .hint i {
      color: #33ac37;
      text-decoration: underline;
      cursor: pointer;
}
._Order-container .title .back {
      cursor: pointer;
}
._Order-container .title .back::before {
        content: '<<';
}
._Order-container .title h3 {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
}
._Order-container .steps {
    text-align: center;
    padding: .2rem 0;
}
._Order-container .steps .step {
      padding: 0 25px;
      position: relative;
}
._Order-container .steps .step:before {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        top: 0.125rem;
        margin-top: -2px;
        left: 0;
        border-top: 4px solid #cacaca;
}
._Order-container .steps .step .icon {
        width: 0.25rem;
        height: 0.25rem;
        border-radius: 100%;
        background: #cacaca;
        color: #fff;
        line-height: 0.25rem;
        display: block;
        text-align: center;
        margin: 0 auto 0.1rem;
        position: relative;
}
._Order-container .steps .step .bottom {
        color: #b8b8b8;
}
._Order-container .steps .passed {
      opacity: 0.5;
}
._Order-container .steps .active:before,
    ._Order-container .steps .passed:before {
      border-top: 4px solid #33ac37;
}
._Order-container .steps .active .icon,
    ._Order-container .steps .passed .icon {
      background: #33ac37;
}
._Order-container .steps .active .bottom,
    ._Order-container .steps .passed .bottom {
      color: #33ac37;
}
._Order-container .box-card {
    padding: 0 0 .5rem;
    position: relative;
    margin-bottom: .2rem;
}
._Order-container .box-card .bill-num {
      font-size: 0.14rem;
}
._Order-container .box-card .pay-way .pay .pay-menu {
      border: 1px solid #d7d7d7;
      font-size: 0;
}
._Order-container .box-card .pay-way .pay .pay-menu li {
        display: inline-block;
        font-size: 0.14rem;
        padding: 8px 45px;
        cursor: pointer;
}
._Order-container .box-card .pay-way .pay .pay-menu li + li {
        border-left: 1px solid #d7d7d7;
}
._Order-container .box-card .pay-way .pay .pay-menu .active {
        border-bottom: 3px solid #44b549;
}
._Order-container .box-card .pay-way .pay .pay-box > div {
      margin-left: 1.5rem;
      padding-bottom: 0.3rem;
}
._Order-container .box-card .pay-way .pay .efile {
      margin-left: 1.5rem;
      margin-top: -0.4rem;
}
._Order-container .box-card .pay-way .pay .efile-title {
        margin-right: 0.2rem;
}
._Order-container .box-card .pay-way .pay .efile-icon {
        color: #cccccc;
        font-size: 44px;
}
._Order-container .box-card .pay-way .pay .efile-img {
        height: 0.8rem;
        margin-right: 0.2rem;
}
._Order-container .box-card .pay-way .pay .efile-i {
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
}
._Order-container .box-card .finish-btn {
      width: 2rem;
      padding: 0.08rem;
      font-size: 0.14rem;
      display: inline-block;
      position: relative;
      text-align: center;
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15), 0 0 4px rgba(0, 0, 0, 0.15);
      border-radius: 3px;
      outline: 0;
      font-weight: 500;
      transition: top 0.2s;
      top: 0;
}
._Order-container .box-card .finish-btn:hover {
        top: -4px;
}
._Order-container .footer {
    position: absolute;
    bottom: .1rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}