legend-tab {
  display: flex;
  width: 100%;
  height: 37px;
  line-height: 37px;
  margin: -10px 0 0px 0;
  max-width: 937px;
}


legend-tab tab-title {
  display: inline-block;
  width: 180px;
  height: 37px;
  color: #fff;
  position: relative;
  font-weight: 600;
  margin-top: 4px;
}

legend-tab tab-title tab-num {
  position: absolute;
  display: inline-block;
  top: -3px;
  bottom: 0;
  left: 15px;
}

legend-tab tab-title tab-name {
  letter-spacing: 1px;
  position: absolute;
  display: inline-block;
  top: -3px;
  bottom: 0;
  left: 56px;
}

legend-tab tab-title.two-size {
  background: url(../images/tab/two-size.png) no-repeat;
  width: 120px;
}

legend-tab tab-title.three-size {
  background: url(../images/tab/three-size.png) no-repeat;
  width: 140px;
}

/* legend-tab tab-title.three-size tab-name {
    left: 49px;
  } */

legend-tab tab-title.four-size {
  background: url(../images/tab/four-size.png) no-repeat;
  width: 160px;
}

legend-tab tab-title.five-size {
  background: url(../images/tab/five-size.png) no-repeat;
  width: 180px;
}

legend-tab tab-title.six-size {
  background: url(../images/tab/six-size.png) no-repeat;
  width: 200px;
  /* background-size: 100% 100%; */
}

legend-tab tab-title.seven-size {
  background: url(../images/tab/seven-size.png) no-repeat;
  width: 220px;
}

legend-tab tab-title.eight-size {
  background: url(../images/tab/eight-size.png) no-repeat;
  width: 240px;
}

legend-tab tab-title.nine-size {
  background: url(../images/tab/nine-size.png) no-repeat;
  width: 260px;
}

legend-tab tab-title.ten-size {
  background: url(../images/tab/ten-size.png) no-repeat;
  width: 280px;
}

legend-tab tab-title.one-one-size {
  background: url(../images/tab/one-one-size.png) no-repeat;
  width: 310px;
  /* margin-left: -7px; */
  /* letter-spacing: 2px; */
  position: relative;
  font-weight: 600;
}

legend-tab tab-title.one {
  background: url(../images/tab/01.png) no-repeat;
  /* background-size: 100% 100%; */
}

legend-tab tab-title.one-one {
  background: url(../images/tab/10.png) no-repeat;
  /* background-size: 100% 100%; */
}

legend-tab tab-title.two {
  background: url(../images/tab/02.png) no-repeat;
  /* background-size: 100% 100%; */
}

legend-tab tab-title.three {
  background: url(../images/tab/03.png) no-repeat;
  /* background-size: 100% 100%; */
}

legend-tab tab-title.four {
  background: url(../images/tab/04.png) no-repeat;
  /* background-size: 100% 100%; */
}


legend-tab tab-title.five {
  background: url(../images/tab/05.png) no-repeat;
  /* background-size: 100% 100%; */
}

#recrender legend-tab tab-title.five-four {
  background: url(../images/tab/05-04.png) no-repeat;
  width: 320px;
  margin-left: -10px;
  /* background-size: 100% 100%; */
}

#recrender legend-tab tab-title.five-four + tab-arrow {
  width: 33px;
}

legend-tab tab-title.six {
  background: url(../images/tab/06.png) no-repeat;
  /* background-size: 100% 100%; */
}

legend-tab tab-title.six-five {
  background: url(../images/tab/06-05.png) no-repeat;
  /* background-size: 100% 100%; */
}

legend-tab tab-title.seven {
  background: url(../images/tab/07.png) no-repeat;
  /* background-size: 100% 100%; */
}

legend-tab tab-title.seven-six {
  background: url(../images/tab/07-06.png) no-repeat;
}

legend-tab tab-title.seven-five {
  background: url(../images/tab/07-05.png) no-repeat;
  margin-left: 13px;
}

legend-tab tab-title.nine {
  background: url(../images/tab/09.png) no-repeat;
  /* background-size: 100% 100%; */
}

legend-tab tab-line {
  width: calc(100% - 30px);
  height: 1px;
  background-color: #bdbcbc;
  margin-top: 19px;
}

legend-tab tab-arrow {
  width: 22px;
  height: 22px;
  background: url(../images/tab/tab-arrow.png) no-repeat;
  margin-left: -5px;
  margin-top: 14px;
}

legend-tab tab-arrow.five,
legend-tab tab-arrow.five-four {
  width: 30px;
}
.sty-change-order-right #cxname legend-tab {
  width: 100%;
}
.sty-change-order-right #entrender legend-tab {
  width: 99%;
}

#cxtype {
  margin-top: 0px;
}

.order_fieldset {
  position: relative;
  display: block;
  width: 100%;
}

.order_fieldset legend {
  margin-left: 38px;
  position: relative;
  color: #fff;
  z-index: 3;
  letter-spacing: 2px;
}

.order_fieldset .tixing,
.tixing1 {
  height: 0;
  width: 40px;
  border-top: 25px solid #f68b4a;
  border-left: 0px solid transparent;
  border-right: 15px solid transparent;
  position: absolute;
  top: -22px;
  left: 10px;
}

.order_fieldset .sjx {
  width: 0px;
  height: 0px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #f68b4a;
  position: absolute;
  top: -16px;
  right: 15px;
}

.order_fieldset .sjx::after {
  content: '';
  width: 0px;
  height: 0px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #3963c5;
  position: absolute;
  top: -8px;
  right: -16px;
}

.order_fieldset .sjx1 {
  width: 0px;
  height: 0px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #f68b4a;
  position: absolute;
  top: -16px;
  right: 80px;
}

.order_fieldset .sjx1::after {
  content: '';
  width: 0px;
  height: 0px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #3963c5;
  position: absolute;
  top: -8px;
  right: -16px;
}

.order_fieldset .tixing span,
.tixing1 span {
  position: absolute;
  top: -19px;
  left: 6px;
  color: #fff;
  font-weight: 700;
}

.order_fieldset {
  border: none;
}

/* .order_fieldset::before {
    content: '';
    position: absolute;
    left: 143px;
    top: -9px;
    width: 765px;
    height: 2px;
    background-color: #f68b4a;
  } */

/* .order_fieldset .tixing::after {
    content: '';
    display: inline-block;
    width: 100px;
    height: 25px;
    background-color:  #3963c5;
    transform: skewX(-15deg);
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    top: -25px;
    left: 28px;
  } */

/* #cxname::before {
    left: 165px;
    width: 734px;
  }
  
  #cxname .tixing::after {
    width: 120px;
  }
  #entrender.order_fieldset::before {
    left: 170px;
    width: 734px;
  }
  #entrender .tixing::after {
    width: 125px;
  } */

.order_fieldset .tixing1::after {
  content: '';
  display: inline-block;
  width: 210px;
  height: 25px;
  background-color: #3963c5;
  transform: skewX(-15deg);
  margin-right: 10px;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  top: -25px;
  left: 28px;
}

.order_fieldset .tixing::before,
.tixing1::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 25px;
  background-color: #f68b4a;
  position: absolute;
  top: -25px;
  left: -8px;
}

tab_content.admin-xqxi {
  box-shadow: 0px 2px 8px #caced7;
  width: 100%;
  background: #fff;
  margin-top: 20px;
  padding: 10px;
}

tab_content.admin-xqxi tab-content-xqxi {
  border: none;
}

tab_content.admin-xqxi field-item.style-field-item-inline {
  display: inline-block;
  width: auto;
  min-width: 316px;
}

tab_content.admin-xqxi .order_fieldset attach_print_receive {
  margin-left: 0px;
}

tab_content.admin-xqxi .order_fieldset attach_print_receive field-item2 {
  min-width: 396px;
  width: auto;
  margin-left: 40px;
}

/* 押金支付提示 */
.deposit_hint_sty_show.hint--bottom:after, .deposit_hint_sty_show.hint--bottom:before{
  opacity: 1;
  visibility: visible;    
  top: 140%;
  left: 50%;
}
.deposit_hint_sty_show:after,.deposit_hint_sty_show:before{
  opacity: 1;
  visibility: visible;
}
.deposit_hint_sty_hide:after,.deposit_hint_sty_hide:before{
  opacity: 0;
  visibility: hidden;
}
.deposit_hint_sty_hide.hint--bottom:after,.deposit_hint_sty_hide.hint--bottom:before{
  opacity: 0;
  visibility: hidden;
}
.order_fieldset .deposit_hint.sty_hint::after {
  background-color: #ff6e77;
  color: #fff;
}