body {
  font-family: Microsoft Yahei;
}

.menu {
  height: 0.8rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.menu-arrow {
  display: block;
  padding-left: 0.3rem;
}

.menu-arrow img {
  display: block;
  height: 0.35rem;
  width: auto;
}

.info-time {
  font-size: 0.28rem;
  color: #999;
}

.menu-title {
  font-size: 0.32rem;
  font-weight: bold;
}

.menu-arrow-right {
  width: 0.5rem;
  height: 0.1rem;
}

.info {
  padding: 0.4rem 0.5rem;
}

.form {
  font-size: 0.28rem;
  background-color: #f5f5f5;
  border-radius: 0.1rem;
  padding: 0.26rem 0.22rem;
  width: 100%;
  box-sizing: border-box;
}

.info-block {
  margin-bottom: 0.35rem;
}

.info-get {
  font-size: 0.28rem;
  color: #1c87ef;
}

.info-block-double {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.info-side {
  width: 1.9rem;
  margin-left: 0.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}

.info-text {
  height: 0.3rem;
}

.info-text-content {
  line-height: 0.3rem;
  font-size: 0.28rem;
  color: #999;
}

.info-text-content span {
  color: #Fa6400;
}

.info-btn {
  margin-top: 0.55rem;
  display: block;
  color: white;
  line-height: 0.9rem;
  text-align: center;
  font-size: 0.32rem;
  border-radius: 0.1rem;
  background-color: #ff6a21;
}

.success {
  padding: 0.5rem 0.4rem;
}

.success-title {
  display: flex;
  justify-content: center;
  align-items: center;
}

.success-title img {
  width: 0.5rem;
  display: block;
}

.success-title span {
  color: #00b51d;
  margin-left: 0.23rem;
  font-weight: bold;
  font-size: 0.36rem;
}

.success-body {
  padding-left: 0rem;
  margin-top: 0.4rem;
}

.detail-content {
  color: #333;
}

.success-number {
  font-size: 0.32rem;
  text-align: center;
  color: #333;
  margin-bottom: 0.45rem;
}

.success-alert {
  font-size: 0.30rem;
  color: #555;
  line-height: 0.5rem;
  display: flex;
}

.success-alert-label {
  flex-shrink: 0;
  color: #999;
}

.success-alert-right {
  word-break: break-all;
}

.success-alert-right span {
  color: #0078ed;
}

.success-tel {
  font-size: 0.30rem;
  color: #999;
  margin-top: 0.2rem;
}

.success-tel span {
  color: #0078ed;
}

.success-btns {
  margin-top: 0.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.success-btn {
  line-height: 0.9rem;
  text-align: center;
  color: white;
  background-color: #ff6a21;
  border: 1px solid #ff6a21;
  width: 48%;
  border-radius: 0.1rem;
  display: block;
  font-size: 0.3rem;
}

.success-btn-plain {
  background-color: white;
  color: #ff6a21;
  color: #333;
  border-color: #333;
  margin: 0 auto;
}

.detail {
  padding: 0.3rem 0.4rem 0.1rem 0.4rem;
  position: relative;
}

.detail-item {
  font-size: 0.3rem;
  margin-bottom: 0.25rem;
  display: flex;
}

.submit-block1 {
  border-bottom: 1px solid #f4f4f4;
  margin-bottom: 0.26rem;
}

.detail:after {
  height: 1px;
  background-color: #e9e9e9;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 1rem;
  content: ' ';
}

.detail-label {
  min-width: 1.2rem;
  color: #666;
  text-align: justify;
  text-align-last: justify;
  flex-shrink: 0;
  display: inline-block;
}

.detail-label-icon {
  flex-shrink: 0;
  margin-right: 0.1rem;
}

.detail-footer {
  margin-top: 0.9rem;
  font-size: 0.27rem;
  text-align: center;
  color: #666;
}

.detail-footer span {
  color: #0091ff;
}

.history {
  padding-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.history .history-img img {
  width: 3.2rem;
}

.history-empty-text {
  font-size: 0.3rem;
  margin-top: 0.3rem;
  padding-left: 0.3rem;
  color: #666;
}

.submit {
  padding: 0.2rem;
}

.submit-body {
  padding: 0.3rem;
  box-shadow: 0 0 3px 2px rgba(120, 120, 120, 0.1);
}

.submit-title {
  font-size: 0.3rem;
  display: flex;
  align-items: center;
  font-weight: bold;
  margin-bottom: 0.2rem;
}

.submit-title img {
  display: block;
  margin-right: 0.1rem;
  width: 0.45rem;
}

.submit-btns {
  padding: 0.4rem 0.1rem 0.1rem 0.1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.submit-btn {
  line-height: 0.9rem;
  font-size: 0.3rem;
  color: white;
  width: 48%;
  text-align: center;
  background-color: #ff6a21;
  display: block;
  border: 1px solid #ff6a21;
  border-radius: 0.1rem;
}

.submit-btn-plain {
  background-color: white;
  color: #ff6a21;
}

.submit-images {
  position: relative;
  height: 1.6rem;
  margin-bottom: 0.2rem;
}

.submit-img {
  position: absolute;
  display: block;
  height: 1.6rem;
  width: auto;
  top: 0;
  left: 0;
}

.detail-item-order {
  display: flex;
  justify-content: space-between;
  line-height: 1.2;
}

.detail-item-order-left {
  display: flex;
  flex-shrink: 0;
}

.detail-item-order-price {
  color: #e1251b;
  font-size: 0.32rem;
  line-height: 0.35rem;
  text-align: right;
  margin-bottom: 0.05rem;
}

.detail-item-order-price span {
  font-size: 0.26rem;
}

.detail-item-order-number {
  color: #999;
  font-size: 0.28rem;
  text-align: right;
}

.fill {
  padding: 0.2rem;
  background-color: #f6f6f6;
}

.fill-block {
  padding: 0 0.22rem 0.2rem 0.22rem;
  box-shadow: 0 0 2px 1px rgba(100, 100, 100, 0.1);
  margin-bottom: 0.24rem;
  border-radius: 0.15rem;
  background-color: white;
}

.fill-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.28rem 0;
  font-size: 0.3rem;
  border-bottom: 1px solid #e0e0e0;
}

.fill-content {
  padding-left: 0.3rem;
  flex-grow: 1;
  text-align: right;
}

.fill-select {
  border: 0;
  padding: 0.15rem 0.1rem;
  border-radius: 0.3rem;
  background-color: whitesmoke;
  font-size: 0.28rem;
}

.fill-select option {
  font-size: 0.28rem;
}

.fill-block-pay {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fill-input {
  width: 100%;
  text-align: right;
  font-size: 0.3rem;
}

.fill-input::-webkit-input-placeholder {
  color: #a5a5a5;
}

.fill-label {
  color: #666;
  font-size: 0.32rem;
}

.fill-item:last-of-type {
  border-bottom: 0;
}

.fill-title {
  padding: 0.3rem 0rem 0.3rem 0;
  font-size: 0.32rem;
  font-weight: bold;
  flex-shrink: 0;
}

.menu-long {
  height: 2rem;
  padding: 0 0.3rem;
  background: url("../image/card20.png") center center no-repeat;
  display: flex;
  background-size: 100% 100%;
  justify-content: space-between;
  align-items: center;
}

.menu-long-arrow {
  display: block;
  padding-right: 0.5rem;
}

.menu-long-arrow img {
  display: block;
  width: 0.22rem;
}

.menu-long-title {
  color: white;
  font-size: 0.34rem;
  line-height: 0.45rem;
  text-align: center;
  font-weight: bold;
}

.menu-long-right {
  display: block;
  font-weight: bold;
  color: white;
  font-size: 0.3rem;
}

.center-block1 {
  padding: 0.4rem 0.3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
}

.center-block1-1 {
  width: 0.32rem;
}

.center-block1-0 {
  display: flex;
  align-items: center;
}

.center-block1-1 {
  margin-right: 0.2rem;
}

.center-block1-2 div {
  font-size: 0.3rem;
  font-weight: bold;
}

.center-block1-2 span {
  color: #777;
  font-size: 0.26rem;
  margin-top: 0.1rem;
  display: block;
}

.center-block1-3 {
  color: #3c60d7;
  font-size: 0.32rem;
  font-weight: bold;
}

.center-block2 {
  padding: 0.25rem;
}

.center-block2-title {
  display: flex;
  align-items: center;
}

.center-block2-title img {
  width: 0.34rem;
}

.center-block2-title span {
  font-size: 0.3rem;
  font-weight: bold;
  display: block;
  margin-left: 0.18rem;
}

.center-block2-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.4rem;
}

.center-block2-main {
  display: flex;
  align-items: center;
}

.center-block2-img {
  width: 2rem;
}

.center-block2-content {
  margin-left: 0.2rem;
}

.center-block2-title {
  font-size: 0.3rem;
  font-weight: bold;
}

.center-block2-info {
  font-size: 0.24rem;
  color: #333;
  margin-top: 0.1rem;
}

.center-block2-number {
  display: flex;
  align-items: center;
  justify-content: center;
}

.center-block2-items {
  padding-top: 0.3rem;
  border-bottom: 1px solid #e0e0e0;
}

.center-block2-input {
  width: 0.8rem;
  font-size: 0.3rem;
  padding: 0.15rem 0;
  background-color: #f5f5f5;
  border-radius: 0.1rem;
  text-align: center;
  margin: 0 0.2rem;
}

.center-block2-icon {
  font-size: 0.55rem;
  width: 0.6rem;
  text-align: center;
  height: 0.6rem;
  line-height: 0.6rem;
  display: block;
  color: black;
  font-weight: bold;
}

.center-block2-icon-gray {
  color: #999;
}

.center-block3-content {
  font-size: 0.32rem;
}

.center-block3 {
  padding: 0 0.25rem 0.5rem 0.25rem;
}

.center-block3-1 {
  font-size: 0.3rem;
  line-height: .45rem;
  display: flex;
}

.center-block3-label {
  flex-shrink: 0;
  margin-right: 0.1rem;
  font-weight: bold;
}

.center-block3-2 {
  text-align: right;
  font-size: 0.32rem;
  font-weight: bold;
  margin-top: 0.2rem;
}

.center-block3-2 span {
  color: #e1251b;
}

.center-info {
  background-color: #f4f6ff;
  padding: 0.3rem 0.3rem 1.5rem 0.3rem;
}

.center-alert {
  font-size: 0.32rem;
  font-weight: bold;
  margin-bottom: 0.28rem;
}

.center-alert-items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.4rem;
}

.center-alert-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.center-alert-item img {
  width: 0.9rem;
}

.center-alert-item span {
  margin-top: 0.22rem;
  font-size: 0.26rem;
}

.center-item-title {
  font-size: 0.3rem;
  display: flex;
  align-items: center;
  font-weight: bold;
  margin: 0.2rem 0;
}

.center-item-title img {
  width: 0.32rem;
  height: auto;
  display: block;
  margin-right: 0.12rem;
}

.center-item ul {
  padding-left: 0.3rem;
}

.center-item li {
  font-size: 0.26rem;
  color: #777;
  line-height: 0.4rem;
  list-style-type: decimal;
}

.center-footer {
  position: fixed;
  bottom: 0;
  background-color: white;
  width: 100%;
  box-shadow: 0 0 3px 2px rgba(100, 100, 100, 0.1);
  display: flex;
  justify-content: space-between;
  max-width: 960px;
}

.center-footer-btn {
  line-height: 1.3rem;
  color: white;
  font-size: 0.3rem;
  display: block;
  background-color: #ff6a21;
  padding: 0 0.9rem;
}

.center-footer-left {
  padding-left: 0.4rem;
  font-size: 0.4rem;
  line-height: 1.3rem;
  font-weight: bold;
}

.center-footer-left span {
  color: #f14a46;
}

.fill-cards {
  display: flex;
  flex-wrap: wrap;
}

.fill-card {
  display: block;
  width: 2.05rem;
  margin-right: 0.1rem;
  height: 1.4rem;
  flex-shrink: 0;
  margin-bottom: 0.2rem;
}

.fill-card-title {
  font-size: 0.32rem;
  margin-bottom: 0.1rem;
}

.fill-card-info {
  color: #777;
  padding-bottom: 0.3rem;
  margin-top: 0.2rem;
  font-size: 0.28rem;
}

.fill-card-info span {
  margin-left: 0.15rem;
  color: #e32f25;
}

.fill-footer {
  padding: 0.3rem 0.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fill-footer-left {
  font-size: 0.38rem;
  font-weight: bold;
}

.fill-footer-left span {
  color: #f14a46;
}

.fill-footer-btn {
  line-height: 0.9rem;
  color: white;
  padding: 0 0.9rem;
  font-size: 0.36rem;
  border-radius: 0.1rem;
  background-color: #ff6a21;
}

.wheel-scroll.wheel-scroll-hook {
  margin: 0;
  padding: 0;
}

.picker {
  max-width: 961px;
}

.picker .picker-panel .picker-choose .cancel, .picker .picker-panel .picker-choose .confirm {
  font-size: 16px;
}

.fill-block-short {
  padding-bottom: 0;
}

.history-404-text {
  padding-left: 0;
  line-height: 0.45rem;
}
.center-info-text {
  margin-top: 0.2rem;
  padding: 0 0.3rem;
}

.center-info-block {
  text-align: center;
  padding: 0.2rem 0;
  background-color: #fffee5;
  font-size: 0.20rem;
}

.center-info-block span {
  color: red;
}
/*# sourceMappingURL=maps/order.css.map */