.LoadingPage[data-v-0f51f81a] {
  background-color: #fff;
  min-height: 100%;
  width: 10rem;
  margin: 0 auto;
}


@keyframes marqueeTransform-22f4c8db {
0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
}
100% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
}
}
@-webkit-keyframes marqueeTransform-22f4c8db {
0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
}
100% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
}
}
.navTop[data-v-22f4c8db] {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  width: 10rem;
  height: 0.48rem;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  z-index: 2;
  font-size: 0.32rem;
  background-color: transparent;
  color: #7a7777;
}
.navTop p[data-v-22f4c8db] {
  display: inline-block;
  padding-left: 100%;
  /* 从右至左开始滚动 */
  animation: marqueeTransform-22f4c8db 30s linear infinite;
  -webkit-animation: marqueeTransform-22f4c8db 30s linear infinite;
}

.TopOrderContainer[data-v-118cc2c6] {
  height: 1.33333rem;
  max-width: 10rem;
}
.TopOrderContainer .TopOrder[data-v-118cc2c6] {
  height: 1.33333rem;
  width: 100%;
  max-width: 10rem;
  background: rgba(16, 4, 3, 0.7);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  color: #fff;
  -webkit-box-pack: justify;
          justify-content: space-between;
  font-size: 0.37333rem;
  z-index: 10;
}
.TopOrderContainer .TopOrder .TopOrderCloseBox[data-v-118cc2c6] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row nowrap;
  white-space: nowrap;
}
.TopOrderContainer .TopOrder .TopOrderCloseBox .HistoryOrderIcon[data-v-118cc2c6] {
  font-size: 0.64rem;
  color: #fff;
  margin: 0 0.21333rem 0 0.13333rem;
}
.TopOrderContainer .TopOrder .top_order_close[data-v-118cc2c6] {
  width: 0.66667rem;
  height: 0.66667rem;
  cursor: pointer;
  padding: 0.13333rem 0.26667rem 0.13333rem 0.13333rem;
  box-sizing: content-box;
}
.TopOrderContainer .TopOrder .TopOrderBtn[data-v-118cc2c6] {
  width: 2.66667rem;
  height: 0.93333rem;
  padding: 0.08rem 0.10667rem 0.08rem 0.42667rem;
  cursor: pointer;
  box-sizing: content-box;
  font-weight: 700;
}
.TopOrderContainer .TopOrderFixed[data-v-118cc2c6] {
  position: fixed;
  left: 0;
  right: 0;
  margin: auto;
}

.wrapper[data-v-34fe514e] {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  height: 100%;
}
.CheckOrder[data-v-34fe514e] {
  margin-bottom: 2rem;
  position: relative;
  border-radius: 0.26667rem;
  width: 90%;
  max-width: 9.06667rem;
  background-color: #fff;
}
.CheckOrder .CheckPayHeader[data-v-34fe514e] {
  border-bottom: 0.02667rem solid #eee;
  font-weight: bold;
}
.CheckOrder .CheckPayHeader > div[data-v-34fe514e] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  height: 1.54667rem;
  letter-spacing: 0.02667rem;
  font-size: 0.48rem;
}
.CheckOrder .CheckPayHeader > div .close[data-v-34fe514e] {
  position: absolute;
  top: 0.53333rem;
  right: 0.53333rem;
  color: #ccc;
  font-size: 0.48rem;
  font-weight: normal;
}
.CheckOrder .CheckPayContent[data-v-34fe514e] {
  padding: 0.26667rem 0;
  font-size: 0.42667rem;
  letter-spacing: 0.04rem;
}
.CheckOrder .CheckPayContent p[data-v-34fe514e] {
  margin: 0.05333rem 0;
}
.CheckOrder .CheckPayContent .PayTip[data-v-34fe514e] {
  margin-top: 0.66667rem;
  margin-bottom: 0.93333rem;
  line-height: 0.64rem;
}
.CheckOrder .CheckPayContent .PayTip span[data-v-34fe514e] {
  color: #d73f03;
}
.CheckOrder .CheckPayContent .CheckPayButton[data-v-34fe514e] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  margin-top: 0.53333rem;
  margin-bottom: 0.4rem;
  font-size: 0.42667rem;
}
.CheckOrder .CheckPayContent .CheckPayButton div + div[data-v-34fe514e] {
  margin-left: 0.32rem;
}
.CheckOrder .CheckPayContent .CheckPayButton > div[data-v-34fe514e] {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 3.84rem;
  height: 1.22667rem;
  border: 0.02667rem solid #D73F03;
  border-radius: 0.61333rem;
}
.CheckOrder .CheckPayContent .CheckPayButton > div[data-v-34fe514e]:first-child {
  color: #D73F03;
}
.CheckOrder .CheckPayContent .CheckPayButton > div[data-v-34fe514e]:last-child {
  background: -webkit-linear-gradient(bottom, #BF0101, #EB5D25);
  background: linear-gradient(0deg, #BF0101, #EB5D25);
  color: #fff;
}
.van-overlay[data-v-34fe514e] {
  background-color: rgba(0, 0, 0, 0.5);
}

@-webkit-keyframes textShake {
0% {
    -webkit-transform: translate(-0.10667rem);
            transform: translate(-0.10667rem);
}
50% {
    -webkit-transform: translate(0.13333rem);
            transform: translate(0.13333rem);
}
100% {
    -webkit-transform: translate(-0.10667rem);
            transform: translate(-0.10667rem);
}
}
@keyframes textShake {
0% {
    -webkit-transform: translate(-0.10667rem);
            transform: translate(-0.10667rem);
}
50% {
    -webkit-transform: translate(0.13333rem);
            transform: translate(0.13333rem);
}
100% {
    -webkit-transform: translate(-0.10667rem);
            transform: translate(-0.10667rem);
}
}
.Agreement {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  margin-top: 0.32rem;
  position: relative;
}
.Agreement .Tick {
  margin-right: 0.08rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.Agreement .Tick i {
  font-size: 0.48rem;
}
.Agreement .Agree {
  font-size: 0.32rem;
}
.Agreement .Agree span {
  color: #efc15d;
}
.Agreement .ShakeAnimation {
  -webkit-animation: textShake 0.2s linear;
          animation: textShake 0.2s linear;
  -webkit-animation-iteration-count: 2;
          animation-iteration-count: 2;
}
.Agreement .van-popover__content {
  border-radius: 0.08rem;
}
.Agreement .van-popover__content .van-popover__action {
  font-size: 0.32rem;
  width: 100%;
  height: 0.53333rem;
  padding: 0.10667rem;
  line-height: 0.53333rem;
}
.Agreement .agree-text {
  font-size: 0.26667rem;
  margin-top: 0.8rem;
  color: #696b6b;
}

.order[data-v-43d38eda] {
  font-size: 0.34667rem;
  margin-top: 0.53333rem;
  text-decoration: underline;
  position: relative;
}

.copyright[data-v-02af556c] {
  padding-top: 0.4rem;
  padding-bottom: 0.53333rem;
  color: #c77475;
  font-size: 0.32rem;
}
.copyright p[data-v-02af556c] {
  margin-bottom: 0.32rem;
}
.copyright .TextDescription[data-v-02af556c] {
  font-size: 0.32rem;
  margin-bottom: 0.53333rem;
}
.copyright .serve[data-v-02af556c] {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  margin-top: 0.53333rem;
  font-size: 0.34667rem;
}
.copyright .serve img[data-v-02af556c] {
  width: 0.4rem;
  margin: 0.13333rem 0.13333rem 0;
  margin-bottom: 0.13333rem;
}
.copyright .serve .help[data-v-02af556c] {
  color: #333;
}
.copyright .CopyrightIcon[data-v-02af556c] {
  font-size: 0.34667rem;
  margin: 0.10667rem;
}

.index[data-v-71f53e4f] {
  min-height: 100vh;
  width: 10rem;
  overflow: hidden;
}
[data-v-71f53e4f] .order {
  font-weight: bold;
}

@-webkit-keyframes opacityShow {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes opacityShow {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@-webkit-keyframes bubbleBounce {
0%,
  50%,
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
25% {
    -webkit-transform: translateY(-0.13333rem);
            transform: translateY(-0.13333rem);
}
75% {
    -webkit-transform: translateY(0.13333rem);
            transform: translateY(0.13333rem);
}
}
@keyframes bubbleBounce {
0%,
  50%,
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
25% {
    -webkit-transform: translateY(-0.13333rem);
            transform: translateY(-0.13333rem);
}
75% {
    -webkit-transform: translateY(0.13333rem);
            transform: translateY(0.13333rem);
}
}
@-webkit-keyframes flower1 {
from {
    left: 10rem;
    bottom: 6.66667rem;
}
to {
    left: -12.66667rem;
    bottom: -5.33333rem;
}
}
@keyframes flower1 {
from {
    left: 10rem;
    bottom: 6.66667rem;
}
to {
    left: -12.66667rem;
    bottom: -5.33333rem;
}
}
@-webkit-keyframes manMove {
0% {
    left: -10.13333rem;
}
100% {
    left: -4.53333rem;
}
}
@keyframes manMove {
0% {
    left: -10.13333rem;
}
100% {
    left: -4.53333rem;
}
}
@-webkit-keyframes womanMove {
0% {
    right: -7.38667rem;
}
100% {
    right: -1.6rem;
}
}
@keyframes womanMove {
0% {
    right: -7.38667rem;
}
100% {
    right: -1.6rem;
}
}
@-webkit-keyframes hide {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
@keyframes hide {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
@-webkit-keyframes show {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes show {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.HeaderComponent {
  position: relative;
  width: 100%;
  height: 9.33333rem;
  background: top / contain no-repeat;
  background-size: 100%;
}
.HeaderComponent .banner-bg img {
  width: 100%;
}
.HeaderComponent .FlowerBg {
  background: url(https://cos.qipinshangji.com/tthycsd/img/HomeHeader_bg2.2cb3658b.png) no-repeat;
  background-size: cover;
  -webkit-animation: 13s flower1 infinite linear;
          animation: 13s flower1 infinite linear;
  width: 10rem;
  height: 11.01333rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
.HeaderComponent .move-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 11.46667rem;
  overflow: hidden;
}
.HeaderComponent .BottomBg {
  background: url(https://cos.qipinshangji.com/tthycsd/img/Home_bg_bottom.7eb0f67d.png) no-repeat;
  background-size: cover;
  width: 10rem;
  height: 2.24rem;
  position: absolute;
  top: 9.28rem;
  left: 0;
}
.HeaderComponent.moving .ManBeforeOpen {
  -webkit-animation: 0s ease-in-out 0s show forwards, 2s ease-in-out 0s manMove, 2.5s ease-in-out 2s hide forwards;
          animation: 0s ease-in-out 0s show forwards, 2s ease-in-out 0s manMove, 2.5s ease-in-out 2s hide forwards;
}
.HeaderComponent.moving .WomanBeforeOpen {
  -webkit-animation: 0s ease-in-out 0s show forwards, 2s ease-in-out 0s womanMove, 2.5s ease-in-out 2s hide forwards;
          animation: 0s ease-in-out 0s show forwards, 2s ease-in-out 0s womanMove, 2.5s ease-in-out 2s hide forwards;
}
.HeaderComponent.moving .ManBeforeClose,
.HeaderComponent.moving .WomanBeforeClose {
  -webkit-animation: 1s ease-in-out 2s show forwards, 1s ease-in-out 3s hide forwards;
          animation: 1s ease-in-out 2s show forwards, 1s ease-in-out 3s hide forwards;
}
.HeaderComponent.moving .ManAfterClose,
.HeaderComponent.moving .WomanAfterClose {
  -webkit-animation: 1.5s linear 3s show forwards, 1s ease-in-out 4.5s hide forwards;
          animation: 1.5s linear 3s show forwards, 1s ease-in-out 4.5s hide forwards;
}
.HeaderComponent.moving .ManAfterOpen,
.HeaderComponent.moving .WomanAfterOpen {
  -webkit-animation: 1s linear 4s show forwards;
          animation: 1s linear 4s show forwards;
}
.HeaderComponent .ManBeforeOpen {
  opacity: 0;
  position: absolute;
  top: 2.13333rem;
  left: -4.53333rem;
  height: 9.2rem;
}
.HeaderComponent .ManBeforeClose {
  opacity: 0;
  position: absolute;
  top: 2.13333rem;
  left: -4.53333rem;
  height: 9.2rem;
}
.HeaderComponent .ManAfterClose {
  opacity: 0;
  position: absolute;
  top: 2.13333rem;
  left: -4.53333rem;
  height: 9.2rem;
}
.HeaderComponent .ManAfterOpen {
  opacity: 0;
  position: absolute;
  top: 2.13333rem;
  left: -4.53333rem;
  height: 9.2rem;
}
.HeaderComponent .WomanBeforeOpen {
  opacity: 0;
  position: absolute;
  top: 3.86667rem;
  right: -1.6rem;
  height: 7.6rem;
}
.HeaderComponent .WomanBeforeClose {
  opacity: 0;
  position: absolute;
  top: 3.86667rem;
  right: -1.6rem;
  height: 7.6rem;
}
.HeaderComponent .WomanAfterClose {
  opacity: 0;
  position: absolute;
  top: 3.53333rem;
  right: -2.2rem;
  height: 7.8rem;
}
.HeaderComponent .WomanAfterOpen {
  opacity: 0;
  position: absolute;
  top: 3.53333rem;
  right: -2.2rem;
  height: 7.8rem;
}

.form-container .BottomImg[data-v-3ffc83d4]{position:absolute;bottom:0.32rem;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:5rem}
.formFrame[data-v-5b4fd960] {
  position: relative;
  height: 8.61333rem;
  margin: 1.36rem 0.21333rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAArIAAAAyBAMAAABSeCVCAAAAG1BMVEXxanL////xanLmZ2z+9vb83N740tTtlJfncHUtIisIAAAAAXRSTlPDQotLbAAAAJFJREFUeNrt0DGRQlEARbG18Lot4WtACRZQgP+G5kqA4swkEvJ3Xfdz/h+Hb3m9z3leN7NmM8yO2QyzYzbD7JjNMDtmM8yO2QyzYzbD7JjNMDtmM8yO2QyzYzbD7JjNMDtmM8yO2QyzYzbD7JjNMDtmM8yO2QyzYzbD7JjNMDtmM8yO2QyzYzbD7JjNMDu/mv0A6eXBbfg6TOUAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
}
.formFrame .BannerTop[data-v-5b4fd960] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  width: 100%;
  position: absolute;
  top: -0.61333rem;
  left: 0;
}
.formFrame .annetTitle[data-v-5b4fd960] {
  position: absolute;
  top: -1.41333rem;
  left: -0.21333rem;
  width: 10rem;
}
.formFrame .annetTitle img[data-v-5b4fd960] {
  width: 100%;
}
.formFrame .BannerBottom[data-v-5b4fd960] {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -0.61333rem;
}
.formFrame .from[data-v-5b4fd960] {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  line-height: 1.06667rem;
  font-size: 0.4rem;
  padding: 0 0.4rem 0;
  width: 90.1%;
  height: 1.06667rem;
  background: #fff4f5;
  border-radius: 1.33333rem;
  box-sizing: border-box;
  border: 0.02667rem solid #f77885;
  margin: 0.8rem auto;
}
.formFrame .from.FormName[data-v-5b4fd960] {
  position: absolute;
  top: -0.10667rem;
  left: 0.45333rem;
}
.formFrame .from.FormSex[data-v-5b4fd960] {
  position: absolute;
  top: 1.38667rem;
  left: 0.45333rem;
}
.formFrame .from.FormDate[data-v-5b4fd960] {
  position: absolute;
  top: 2.85333rem;
  left: 0.45333rem;
}
.formFrame .from .FormTitle[data-v-5b4fd960] {
  font-size: 0.4rem;
  font-weight: 700;
  white-space: nowrap;
  margin-right: 0.4rem;
}
.formFrame .from .FormBody[data-v-5b4fd960] {
  position: relative;
}
.formFrame .from .FormBody .date[data-v-5b4fd960] {
  display: block;
  width: 6.21333rem;
  text-align: left;
}
.formFrame .from .FormBody .selectAfter[data-v-5b4fd960] {
  color: #303133;
}
.formFrame .from .FormBody .selectBefore[data-v-5b4fd960] {
  color: #999;
  font-size: 0.37333rem;
}
.formFrame .from .gender[data-v-5b4fd960] {
  border: 0.02667rem solid #de5d68;
  box-sizing: border-box;
  border-radius: 50%;
  width: 0.8rem;
  height: 0.8rem;
  line-height: 0.8rem;
  color: #666;
  background-color: #fff;
  font-size: 0.37333rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.formFrame .from .gender.CurrentGender[data-v-5b4fd960] {
  width: 0.8rem;
  height: 0.8rem;
  background: #de5d68;
  color: #fff !important;
}
.formFrame .from .gender.male[data-v-5b4fd960] {
  margin-right: 0.58667rem;
}
.formFrame .from input[data-v-5b4fd960] {
  background: transparent;
  font-size: 0.4rem;
  width: 5.89333rem;
}
.formFrame .from input[data-v-5b4fd960]::-webkit-input-placeholder {
  color: #999;
  opacity: 1;
  font-size: 0.37333rem;
}
.formFrame .from input[data-v-5b4fd960]::placeholder {
  color: #999;
  opacity: 1;
  font-size: 0.37333rem;
}
.formFrame .from input.addIpX[data-v-5b4fd960] {
  top: -0.05333rem;
}

@-webkit-keyframes btnMove-52d0429e {
0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
}
100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
}
@keyframes btnMove-52d0429e {
0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
}
100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
}
.sole-btn[data-v-52d0429e] {
  width: 90%;
  -webkit-animation: btnMove-52d0429e 2s linear infinite;
          animation: btnMove-52d0429e 2s linear infinite;
  margin: 0.26667rem auto;
}
.sole-btn img[data-v-52d0429e] {
  width: 90%;
}

.index-page .sole-btn {
  margin-top: -4.93333rem;
}
.index-page .sole-btn img {
  width: 80% !important;
}
.copyright {
  margin-top: 1.06667rem;
}
.copyright .serve {
  margin-bottom: 0.53333rem;
}
.main-page .order {
  margin-top: 0.4rem;
}
.main-page .Agreement {
  margin-top: 0.53333rem;
}