.header[data-v-d9ae3272] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.45333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #212121;
  width: 100vw;
  height: 1.49333rem;
}
.header-left[data-v-d9ae3272] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Fixed[data-v-d9ae3272] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.header-back[data-v-d9ae3272] {
  width: 0.29333rem;
  height: 0.50667rem;
  margin-right: 0.45333rem;
}
.header-title[data-v-d9ae3272] {
  font-size: 0.45333rem;
  font-family: Barlow;
  font-weight: bold;
  color: #FFFFFF;
}
.header-right[data-v-d9ae3272] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media only screen and (min-width: 750px) {
.header[data-v-d9ae3272] {
    display: none;
}
}


.NewPayOrder[data-v-2d013ac8]{
  padding-top: 1.44rem;
  min-height: 100vh;
  background: #06182F;
}
.NewPayOrder-banner[data-v-2d013ac8]{
  width: 100%;
  background-size: 100% 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.64rem 1.06667rem 0.45333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.NewPayOrder-banner-title[data-v-2d013ac8]{
  font-size: 0.45333rem;
  font-family: Barlow;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 0.53333rem;
}
.NewPayOrder-banner-time[data-v-2d013ac8]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.42667rem;
  width: 100%;
}
.NewPayOrder-banner-tips[data-v-2d013ac8]{
  font-size: 0.37333rem;
  font-family: Barlow;
  font-weight: 400;
  color: #CC97A2;
}
.NewPayOrder-banner-time-block[data-v-2d013ac8]{
  width: 1.46667rem;
  height: 0.96rem;
  background: #E7B663;
  text-align: center;
  line-height: 0.96rem;
  border-radius: 0.05333rem;
  font-size: 0.66667rem;
  font-family: Barlow;
  font-weight: 400;
  display: inline-block;
  color: #000000;
}
.NewPayOrder-banner-time-colon[data-v-2d013ac8]{
  font-size: 0.66667rem;
  font-family: Barlow;
  font-weight: 400;
  color: #FFFFFF;
  margin: 0 0.21333rem;
}
.NewPayOrder-order[data-v-2d013ac8]{
  padding: 0.08rem 0.45333rem 0.66667rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.NewPayOrder-order-th[data-v-2d013ac8]{
  padding: 0.45333rem 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 0.02667rem solid #2A3B50;
  font-size: 0.4rem;
  font-family: Barlow;
  font-weight: 400;
  color: #999999;
  width: 100%;
}
.mb15[data-v-2d013ac8]{
  margin-bottom: 0.4rem;
}
.NewPayOrder-order-th>div.account[data-v-2d013ac8]{
  font-size: 0.4rem;
  font-family: Barlow;
  font-weight: 400;
  color: #E7B663;
}
.NewPayOrder-order-th>div.phone[data-v-2d013ac8]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.NewPayOrder-order-th>div.phone>div[data-v-2d013ac8]:first-child{
  font-size: 0.4rem;
  font-family: Barlow;
  font-weight: 400;
  color: #C52442;
  margin-right: 0.21333rem;
}
.NewPayOrder-order-th>div.phone>div[data-v-2d013ac8]:last-child{
  width: 1.68rem;
  height: 0.58667rem;
  background: #E7B663;
  border-radius: 0.29333rem;
  text-align: center;
  line-height: 0.58667rem;
  font-size: 0.29333rem;
  font-family: Barlow;
  font-weight: 400;
  color: #06182F;
}
.NewPayOrder-order-tips[data-v-2d013ac8]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.58667rem;
  width: 100%;
}
.NewPayOrder-order-tips>div[data-v-2d013ac8]{
  width: 2.26667rem;
  height: 0.48rem;
  background-size: 100% 100%;
}
.NewPayOrder-order-btn[data-v-2d013ac8]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NewPayOrder-order-btn>div[data-v-2d013ac8]:first-child{
  margin-right: 0.45333rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  border-radius: 0.61333rem;
  background: #C52442;
  height: 1.22667rem;
  line-height: 1.22667rem;
  font-size: 0.50667rem;
  font-family: Barlow;
  font-weight: bold;
  color: #FFFFFF;
}
.NewPayOrder-order-btn>div[data-v-2d013ac8]:last-child{
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  border-radius: 0.61333rem;
  background: #16263B;
  height: 1.22667rem;
  line-height: 1.22667rem;
  font-size: 0.50667rem;
  font-family: Barlow;
  font-weight: bold;
  color: #797C92;
}
.NewPayOrder-tips[data-v-2d013ac8]{
  border-top: 0.02667rem solid #2A3B50;
  padding: 0.45333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.NewPayOrder-tips-title[data-v-2d013ac8]{
  font-size: 0.4rem;
  font-family: Barlow;
  font-weight: bold;
  line-height: 0.64rem;
  color: #FFFFFF;
  margin-bottom: 0.45333rem;
}
.NewPayOrder-tips-text[data-v-2d013ac8]{
  font-size: 0.34667rem;
  font-family: Barlow Medium;
  font-weight: 400;
  line-height: 0.64rem;
  color: #797C92;
  margin-bottom: 0.45333rem;
}
.ShowComplete[data-v-2d013ac8]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0.82667rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ShowComplete-body[data-v-2d013ac8]{
  background: #FFFFFF;
  border-radius: 0.34667rem;
  padding: 0.58667rem 0.45333rem 0.45333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ShowComplete-body-close[data-v-2d013ac8]{
  width: 0.53333rem;
  height: 0.53333rem;
  position: absolute;
  top: 0.29333rem;
  right: 0.29333rem;
  background-size: 100% 100%;
}
.ShowComplete-body-title[data-v-2d013ac8]{
  font-size: 0.45333rem;
  font-family: Barlow;
  font-weight: bold;
  line-height: 0.45333rem;
  color: #333333;
  margin-bottom: 0.53333rem;
}
.ShowComplete-body-input[data-v-2d013ac8]{
  width: 100%;
  padding: 0.37333rem 0.37333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #EEEEEE;
  border-radius: 0.10667rem;
  margin-bottom: 0.29333rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ShowComplete-body-input>input[data-v-2d013ac8]{
  padding: 0;
  width: 100%;
  height: 0.48rem;
  background: #EEEEEE;
  font-size: 0.37333rem!important;
  line-height: 0.4rem;
}
.ShowComplete-body-input>input[data-v-2d013ac8]::-webkit-input-placeholder { /* WebKit browsers */
  color: #72758C;
  font-size: 0.4rem;
}
.ShowComplete-body-tips[data-v-2d013ac8]{
  width: 100%;
  text-align: center;
  font-size: 0.34667rem;
  font-family: Barlow;
  font-weight: bold;
  line-height: 0.50667rem;
color: #999999;
  margin-bottom: 10%;
}
.ShowComplete-body-tips>span.re[data-v-2d013ac8]{
  color: #C52442;
}
.ShowComplete-body-tips-img[data-v-2d013ac8]{
  width: 100%;
  height: 1.22667rem;
  background-size: 100% 100%;
  margin-bottom: 0.90667rem;
}
.ShowComplete-body-btn[data-v-2d013ac8]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.ShowComplete-body-btn>div[data-v-2d013ac8]:first-child{
  margin-right: 0.45333rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: linear-gradient(252deg, #EAC586 0%, #D0A762 100%);
  height: 1.17333rem;
  line-height: 1.17333rem;
  text-align: center;
  border-radius: 0.10667rem;
  font-size: 0.37333rem;
  font-family: Barlow;
  font-weight: bold;
  color: #333333;
}
.ShowComplete-body-btn>div[data-v-2d013ac8]:last-child{
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 1.12rem;
  line-height: 1.12rem;
  text-align: center;
  border: 0.02667rem solid #E3BD7C;
  font-size: 0.37333rem;
  font-family: Barlow;
  font-weight: bold;
  color: #D0A762;
}