/*#app {*/
/*  width: 100px;*/
/*  height:100px;*/
/*  background:#000;*/
/*}*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
input,
select,
textarea {
  vertical-align: middle;
  border: none;
  resize: none;
  -webkit-user-select: auto;
  /*webkit浏览器*/
  margin: 0;
  padding: 0;
  outline: none;
  background: #f8f9fa;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
tbody,
tfoot,
thead,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
  -webkit-touch-callout: none;
  /*系统默认菜单被禁用*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  /*早期浏览器*/
  -moz-user-select: none;
  /*火狐*/
  -ms-user-select: none;
  /*IE10*/
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

/*自定义样式*/
body {
  font-size: 0.375rem;
  color: #666666;
  background: #F9F9F9;
}
html,
body,
#app {
  font-family: 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
}

a {
  color: #575757;
  text-decoration: none;
}

.clear {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.clearfix:after {
  content: '\20';
  clear: both;
  display: block;
}

p,
div,
span {
  word-break: break-word;
}

input::-webkit-input-placeholder {
  color: #999999;
}

textarea::-webkit-input-placeholder {
  color: #999999;
}
input[disabled] {
  color: #343434;
  opacity: 1;
}

@charset "UTF-8";
.headerH {
  height: 3rem; }

.van-dropdown-menu__title {
  background: #F8F9FA !important; }

.beiyong {
  margin-top: 0.53125rem;
  padding: 0.625rem 0.84375rem;
  background-color: #fff;
  border-radius: 0.625rem;
  font-size: 0.78125rem;
  line-height: 1.09375rem;
  color: #787878; }

.banner {
  width: 100%;
  height: 4.78125rem;
  border-radius: 0.625rem;
  overflow: hidden;
  padding: 0.9375rem; }
  .banner img {
    width: 100%;
    height: 100%; }
  .banner .my-swipe .van-swipe-item {
    color: #fff;
    text-align: center; }

.quan {
  background: #FFFFFF;
  border-radius: 0.625rem;
  padding: 0.625rem 0.84375rem;
  margin-top: 0.53125rem; }
  .quan .quan-top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .quan .quan-top .quan-top-left {
      display: flex;
      align-items: center; }
      .quan .quan-top .quan-top-left .quan-icon {
        flex: 1;
        width: 1.96875rem;
        margin-right: 0.4375rem; }
        .quan .quan-top .quan-top-left .quan-icon img {
          width: 100%; }
      .quan .quan-top .quan-top-left .quan-title {
        font-family: DM Sans;
        font-weight: 400;
        color: #333333;
        font-size: 0.84375rem; }
    .quan .quan-top .quan-rightArrow {
      margin-right: 0.4375rem;
      width: 0.4375rem; }
      .quan .quan-top .quan-rightArrow img {
        width: 100%; }
  .quan .quan-bottom {
    font-size: 0.6875rem;
    font-family: DM Sans;
    font-weight: 400;
    color: #FFB177;
    padding: 0.3125rem 0.6875rem;
    border-radius: 0.21875rem;
    background: #FFF9F5;
    margin-top: 0.21875rem;
    position: relative; }
  .quan .quan-bottom:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 0.4375rem solid transparent;
    border-right: 0.4375rem solid transparent;
    border-top: 0.5rem solid transparent;
    border-bottom: 0.5rem solid #FFF9F5;
    position: absolute;
    top: 0;
    right: 0.4375rem;
    transform: translateY(calc(-100% + 0.03125rem)) translateX(-50%); }

.van-popup {
  background-color: #F9F9F9; }

.van-overlay {
  background-color: rgba(0, 0, 0, 0.6); }

.repayment-title {
  display: flex;
  align-items: center;
  justify-content: center; }
  .repayment-title .left {
    display: flex;
    align-items: center; }
    .repayment-title .left .line {
      width: 3.40625rem;
      height: 0.0625rem;
      background: #E3E3E3;
      border-radius: 1Px; }
    .repayment-title .left .lingxing {
      width: 0.53125rem;
      height: 0.53125rem;
      transform: rotateZ(45deg);
      background: #E3E3E3; }
  .repayment-title .left:nth-child(1) .lingxing {
    margin-left: 0.46875rem; }
  .repayment-title .left:nth-child(2) .lingxing {
    margin-right: 0.46875rem; }
  .repayment-title .title {
    padding: 0 0.46875rem;
    text-align: center;
    font-size: 0.875rem;
    font-family: DM Sans;
    font-weight: 400;
    color: #999999;
    opacity: 0.72; }

.van-overflow-hidden {
  overflow: scroll !important; }

[v-cloak] {
  display: none; }

.van-empty__image {
  width: 7.8125rem;
  height: 7.8125rem; }

.van-empty__description {
  font-size: 0.9375rem; }

.van-popup {
  background: none; }

.van-cell__value {
  flex: 0; }

.van-dropdown-menu__item {
  justify-content: flex-start;
  margin-left: -0.625rem; }

.van-ellipsis {
  font-size: 0.875rem;
  overflow: inherit;
  white-space: inherit;
  text-align: left; }

.luckdrawscoll .van-ellipsis {
  width: 100%; }

.van-notice-bar__content.van-ellipsis {
  width: 100%; }

.van-picker__cancel,
.van-picker__confirm {
  font-size: 0.875rem; }

.van-popup {
  overflow-y: inherit; }

.tankuangdiv .van-popup {
  overflow: inherit; }

.van-dropdown-item {
  overflow: scroll;
  z-index: 11;
  height: 10.9375rem; }

.van-toast {
  width: 6.25rem;
  font-size: 0.875rem; }

.van-toast--html,
.van-toast--text {
  width: 12.5rem;
  padding: 0.5rem; }

.box {
  width: 100%;
  height: 100%;
  padding: 0 0.9375rem 3.125rem; }

.box2 {
  width: 100%;
  height: auto;
  padding: 0 0 3.125rem; }

.boxcover {
  width: 100%;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 11; }

.box-main {
  margin-top: 3rem;
  overflow: hidden; }

.box-p {
  font-weight: bold;
  font-size: 0.75rem; }

.box-mains {
  margin-top: 3.9375rem;
  overflow: hidden; }

.box-mainsxx {
  padding-bottom: 0.625rem;
  overflow: hidden; }

.boxtitle {
  font-size: 0.875rem;
  color: #333333;
  padding-top: 0.90625rem;
  font-weight: bold; }

.boxinputdiv,
.boxselectdiv {
  width: 100%;
  height: 2.78125rem;
  margin-top: 0.625rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f8f9fa;
  padding: 0 0.5rem 0 0.625rem;
  overflow: hidden;
  border-radius: 0.4375rem; }

.boxinputdiv {
  padding: 0 0.3125rem 0 0.625rem; }

.boxinputdiv input,
.boxinputdiv textarea {
  width: 100%;
  height: 2.78125rem;
  font-size: 0.875rem;
  color: #343434;
  /* padding: 0 17px; */ }

.pulic-span {
  width: 1.5rem;
  height: 1.5rem; }

.pulic-span img {
  width: 100%;
  height: 100%; }

.errtext {
  font-size: 0.875rem;
  color: red;
  margin: 0.875rem 0 0; }

.boxselectdiv {
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden; }

.boxselectdiv input,
.boxselectdiv textarea {
  width: 90%;
  height: 100%;
  font-size: 0.875rem;
  color: #323233;
  padding: 0 0.53125rem; }

.boxselectdiv textarea,
.boxinputdiv textarea {
  width: 100%;
  padding: 0.8125rem 0; }

.boxinputdiv textarea {
  width: 100%; }

.boxselectdiv-student input {
  padding: 0; }

.boxselectdiv-student .van-ellipsis {
  text-align: center !important; }

.boxtextarea textarea {
  padding: 0.78125rem 0 0; }

.boxselectdivno .van-dropdown-menu__title {
  color: #C3C8D1;
  padding: 0; }

.van-dropdown-menu__title--active {
  color: #323233; }

.van-dropdown-menu__item--disabled .van-dropdown-menu__title {
  color: #323233; }

.pulldown {
  /* width: 100px; */
  height: 100%;
  /* background: #fff; */
  display: flex;
  align-items: center;
  justify-content: center; }

.pulldownicon {
  width: 0.71875rem;
  height: 0.5625rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAOCAYAAAArMezNAAAAAXNSR0IArs4c6QAAAkxJREFUOE+V1F9IU1EcB/Dv755754KthZa2IfbHIoJeS51YE60kUNS6ha8KUbAoe+hhgQzR4agkCiIiqATrYSA9RfRQi6C39hTUQyDmLLBozTDy7p7zizuaTKbT7tt5+H3O957f+R0KhaJ6RVV2nwXa4QHPuLX0x0QiIfFfX1Tr6Pq9d0m39uhuzOkZ+YHaz1xuVJYcVsz7AfokdTEivqdeJ5NJe2N2VGvr+dagIIYYOABgWjGPUOupixFlqysA+UCQxJRiwtVq/cvL9ZObot30N+VsGgVzEGAdTItMuE+h3vAAFEVBVPsvocRGcNMUbVwblFLGAG4CSDAzQDwvDDFOR7v6A7bhvaQUDxBQWcAZlJKaFvFr6VclyU1THJN1zRbbMUA15lEwlMIvd4XxuD7gGiMHau4KBwxDG2SF/mIcoBRj5bGYpikyuZqWHIkYgQ8ByCdVjAUB9xM3BcaePx2cycNlcaYUhBbZ5iQHcET6DxNzDMDBwu8z84JLd026eHf82VR4xvGW4XI4M95pTENKgwJ4mPIohFIKli2zmz3G5M6aTfF7t+KfC0FXwGvhzLCJMM0AA9hFgOGgkjlb6fNMbPXq1x7cGZ0tvp4lcJnky3UOupSTP+vr/BOdHQ3X+7qPr0BLjqJ4xzUainyjFGcC26sene4O3Th5ojW92iCtmrhcQy0r92OLz/vwfF/3eGdncG6t6SwLO0UtvWf9OlwXWJHprHO2ndBcFbffTN38Wm7k14Wd4mDPuWodbucdgL345/3bF3fn13tH/gJ9lRjgSXkGYgAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%; }

.van-dropdown-menu,
.van-dropdown-menu__bar {
  width: 100%;
  height: 100%;
  padding: 0 0.15625rem 0 0.15625rem;
  box-shadow: none; }

.van-dropdown-menu {
  padding: 0 0.46875rem 0 0.46875rem;
  width: calc(100% - 0.40625rem); }

.van-cell::after {
  border: none; }

.van-dropdown-menu__title {
  border: none;
  width: 100%;
  height: 100%;
  background: #C3C8D1;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.van-dropdown-menu__title::after {
  content: '';
  border: none;
  width: 0.71875rem;
  height: 100%;
  background: #F8F9FA url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAOCAYAAAArMezNAAAAAXNSR0IArs4c6QAAAkxJREFUOE+V1F9IU1EcB/Dv755754KthZa2IfbHIoJeS51YE60kUNS6ha8KUbAoe+hhgQzR4agkCiIiqATrYSA9RfRQi6C39hTUQyDmLLBozTDy7p7zizuaTKbT7tt5+H3O957f+R0KhaJ6RVV2nwXa4QHPuLX0x0QiIfFfX1Tr6Pq9d0m39uhuzOkZ+YHaz1xuVJYcVsz7AfokdTEivqdeJ5NJe2N2VGvr+dagIIYYOABgWjGPUOupixFlqysA+UCQxJRiwtVq/cvL9ZObot30N+VsGgVzEGAdTItMuE+h3vAAFEVBVPsvocRGcNMUbVwblFLGAG4CSDAzQDwvDDFOR7v6A7bhvaQUDxBQWcAZlJKaFvFr6VclyU1THJN1zRbbMUA15lEwlMIvd4XxuD7gGiMHau4KBwxDG2SF/mIcoBRj5bGYpikyuZqWHIkYgQ8ByCdVjAUB9xM3BcaePx2cycNlcaYUhBbZ5iQHcET6DxNzDMDBwu8z84JLd026eHf82VR4xvGW4XI4M95pTENKgwJ4mPIohFIKli2zmz3G5M6aTfF7t+KfC0FXwGvhzLCJMM0AA9hFgOGgkjlb6fNMbPXq1x7cGZ0tvp4lcJnky3UOupSTP+vr/BOdHQ3X+7qPr0BLjqJ4xzUainyjFGcC26sene4O3Th5ojW92iCtmrhcQy0r92OLz/vwfF/3eGdncG6t6SwLO0UtvWf9OlwXWJHprHO2ndBcFbffTN38Wm7k14Wd4mDPuWodbucdgL345/3bF3fn13tH/gJ9lRjgSXkGYgAAAABJRU5ErkJggg==) no-repeat center;
  background-size: 0.71875rem 0.46875rem;
  position: absolute;
  top: 50%;
  margin-top: -1.15625rem;
  transform: rotate(0deg);
  opacity: 1; }

.boxselectdiv .van-popup {
  background: #fff; }

.boxselectdiv .van-overlay {
  background: none; }

.van-notice-bar {
  background: none;
  color: #fff;
  font-size: 0.75rem; }

.van-notice-bar i {
  display: none; }

.notice-swipe {
  height: 1.25rem;
  line-height: 1.25rem; }

.boxselectdiv .van-cell {
  background: none;
  font-size: 0.875rem;
  color: #323233;
  height: 2.5rem;
  line-height: 2.5rem;
  border-bottom: 0.03125rem solid #e3e9f9;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center; }

.boxselectdiv .van-dropdown-item__option--active {
  color: #323233 !important; }

.boxselectdiv .van-cell:last-child {
  border: none; }

.boxselectdiv .van-popup--top {
  top: 0;
  left: 50%;
  width: 83%;
  margin-left: -42%;
  border: 0.03125rem solid #e4e4e4;
  padding: 0 0.46875rem;
  border-radius: 0.3125rem; }

.boxselectdiv .van-popup--bottom {
  bottom: 0;
  left: 50%;
  width: 92%;
  margin-left: -46%;
  border: 0.03125rem solid #e4e4e4;
  padding: 0 0.46875rem; }

.buttondiv,
.buttondivgray {
  width: 70%;
  height: 2.6875rem;
  background: #037382;
  margin: 3.21875rem auto;
  text-align: center;
  font-size: 1rem;
  color: #fff;
  line-height: 2.6875rem;
  border-radius: 1.40625rem; }

.buttondivgray {
  background: #d7dbdb; }

.van-toast--html,
.van-toast__text {
  padding: 0.5rem;
  line-height: 1.09375rem; }

.boxres .van-pull-refresh {
  width: 100%;
  height: 100%; }

.van-dialog {
  width: 60%;
  font-size: 0.875rem; }

.van-button--large {
  height: 2.8125rem;
  font-size: 0.875rem; }

.van-button {
  font-size: 0.875rem; }

.van-dialog__message {
  padding: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.09375rem; }

.areabox {
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: scroll;
  position: absolute;
  top: 0;
  left: 0; }

.entry {
  width: 100%;
  height: 0.625rem;
  background: #f4f7ff;
  position: fixed;
  top: 10rem;
  z-index: 99; }

/* 手风琴样式更改 */
.payment [class*='van-hairline']::after {
  border: none; }

.payment .van-collapse-item {
  padding: 0.3125rem 0.46875rem 0.9375rem; }

.payment .van-icon-arrow::before {
  content: ' '; }

.payment .van-collapse-item__content {
  font-size: 0.75rem;
  color: #1e2327;
  padding: 0; }

.payment .van-cell {
  background: none;
  padding: 0; }

.payments .van-collapse-item__wrapper {
  overflow: inherit; }

/* 手风琴样式更改 */
.payment .van-collapse-item--border::after {
  border-top: solid 0.03125rem #e4e4e4; }

.couopn-no-div,
.message-no-div,
.bill-no-div {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-items: center;
  font-size: 1.125rem;
  color: #333;
  margin-top: 5.3125rem; }
  .couopn-no-div .coupon-no-div-img,
  .couopn-no-div .bill-no-img,
  .message-no-div .coupon-no-div-img,
  .message-no-div .bill-no-img,
  .bill-no-div .coupon-no-div-img,
  .bill-no-div .bill-no-img {
    width: 5.625rem;
    height: 5.125rem;
    margin-bottom: 1.5625rem; }
    .couopn-no-div .coupon-no-div-img img,
    .couopn-no-div .bill-no-img img,
    .message-no-div .coupon-no-div-img img,
    .message-no-div .bill-no-img img,
    .bill-no-div .coupon-no-div-img img,
    .bill-no-div .bill-no-img img {
      width: 100%;
      height: 100%; }

.message-no-div .message-no-img {
  width: 3.75rem;
  height: 3.75rem;
  margin-bottom: 1.5625rem; }
  .message-no-div .message-no-img img {
    width: 100%;
    height: 100%; }

.setup-login {
  width: 18.75rem;
  height: auto;
  background: #fff;
  padding: 1.34375rem 1.25rem 1.6875rem;
  overflow: hidden;
  color: #333;
  font-size: 1rem;
  line-height: 1.25rem;
  border-radius: 0.3125rem; }
  .setup-login .setup-login-button {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2.0625rem; }
    .setup-login .setup-login-button p {
      width: 46%;
      height: 2.6875rem;
      background: #d7dbdb;
      font-size: 1rem;
      color: #fff;
      text-align: center;
      line-height: 2.6875rem;
      border-radius: 0.3125rem; }
    .setup-login .setup-login-button .setup-login-button-cancel {
      background: #32B4F1; }

.stepinfo {
  width: 100%;
  height: auto;
  background: #04c0ad;
  padding: 0.9375rem 0; }
  .stepinfo .tu {
    display: flex;
    justify-content: space-between;
    padding: 0 2.375rem 0.25rem;
    color: #fff; }
    .stepinfo .tu .line {
      width: 5.9375rem;
      border-top: solid 0.03125rem #fff;
      margin-top: 0.375rem; }
    .stepinfo .tu .pic {
      text-align: center; }
      .stepinfo .tu .pic img {
        width: 1.25rem;
        height: 1.25rem; }
  .stepinfo .font {
    display: flex;
    justify-content: space-between;
    padding: 0 0.9375rem; }
    .stepinfo .font p {
      width: 25%;
      color: #fff;
      font-size: 0.8125rem;
      text-align: center; }

.livearea {
  padding-right: 0.625rem; }

.px-24px {
  padding-left: 0.75rem;
  padding-right: 0.75rem; }

.van-pull-refresh__head {
  font-size: 0.875rem; }

.scrolltext {
  background: #F3E8DE;
  border-radius: 0.625rem;
  padding: 0.5rem 0.59375rem;
  font-size: 0.625rem;
  font-family: Roboto;
  font-weight: 400;
  color: #E29C5D; }

.m30-right-left {
  margin: 0 0.9375rem; }

.huanhang input::-webkit-input-placeholder {
  white-space: inherit;
  position: relative;
  top: -0.4375rem; }

.huanhangdiv {
  word-break: normal; }

.van-empty__image {
  width: 6.25rem !important;
  height: 6.25rem !important; }

.shoufeixiangqing {
  top: 52%;
  width: 90%;
  overflow: visible; }
  .shoufeixiangqing img {
    width: 100%; }
  .shoufeixiangqing .dialog-wrap .header {
    height: 4.0625rem;
    line-height: 4.0625rem;
    font-size: 0.96875rem;
    font-family: DM Sans;
    font-weight: 400;
    position: relative;
    text-align: center;
    color: #FFFFFF; }
    .shoufeixiangqing .dialog-wrap .header span {
      position: relative;
      z-index: 2; }
    .shoufeixiangqing .dialog-wrap .header img {
      width: 100%;
      position: absolute;
      left: 0;
      bottom: calc(-100% + 3.75rem);
      z-index: 1; }
  .shoufeixiangqing .dialog-wrap .content {
    padding: 0.3125rem 0.84375rem;
    height: 10.3125rem;
    overflow-y: scroll; }
    .shoufeixiangqing .dialog-wrap .content .title {
      height: 2.1875rem;
      line-height: 2.1875rem;
      font-size: 0.90625rem;
      font-family: DM Sans;
      font-weight: 400;
      color: #999999; }
    .shoufeixiangqing .dialog-wrap .content .jine {
      font-size: 0.90625rem;
      font-family: DM Sans;
      font-weight: 400;
      color: #333333;
      background: #F9F9F9; }
  .shoufeixiangqing .dialog-wrap .woyaotie {
    height: 4.6875rem;
    font-size: 0.84375rem;
    font-family: DM Sans;
    font-weight: 400;
    color: #999999;
    display: flex;
    align-items: center; }
    .shoufeixiangqing .dialog-wrap .woyaotie .tieTexy {
      line-height: 1.09375rem; }
  .shoufeixiangqing .dialog-wrap .btn {
    padding: 0.625rem 0.84375rem 0.84375rem;
    display: flex;
    justify-content: space-between; }
    .shoufeixiangqing .dialog-wrap .btn > div {
      width: calc(50% - 0.28125rem);
      height: 2.9375rem;
      line-height: 2.9375rem;
      background: #20B6E8;
      border-radius: 0.3125rem;
      text-align: center;
      font-size: 0.78125rem;
      font-family: DM Sans;
      font-weight: 400;
      color: #FFFFFF; }
    .shoufeixiangqing .dialog-wrap .btn > div:nth-child(1) {
      background: #D2D7D6; }
    .shoufeixiangqing .dialog-wrap .btn .blueBg {
      background: #20B6E8 !important; }
    .shoufeixiangqing .dialog-wrap .btn .woyaotiebtn {
      width: 90%;
      margin: 0 auto; }

.d-flex {
  display: flex !important; }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-1 {
  flex: 1 !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.justify-content-around {
  justify-content: space-around !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

.align-items-center {
  align-items: center !important; }

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

.tcenter {
  text-align: center; }

.ticketList {
  width: 100%;
  min-height: 5.0625rem;
  background: #ffffff;
  border-radius: 0.625rem;
  padding: 0.625rem; }
  .ticketList .ticketTitle {
    font-size: 0.9375rem;
    font-family: Roboto;
    font-weight: bold;
    color: #031214;
    margin-bottom: 0.9375rem; }
  .ticketList .ticketLeft {
    font-size: 0.75rem;
    font-family: Roboto;
    font-weight: 400;
    color: #031214;
    padding-right: 0.3125rem; }
  .ticketList .ticketRight .rightMoney {
    height: 0.625rem;
    font-size: 0.75rem;
    font-family: Roboto;
    font-weight: 400;
    color: #ff6a4f;
    margin-top: -1.0625rem;
    margin-bottom: 0.46875rem;
    text-align: center; }
  .ticketList .ticketRight p {
    background: #59c1de;
    padding: 0 1.09375rem;
    height: 1.875rem;
    border-radius: 0.9375rem;
    text-align: center;
    line-height: 1.875rem;
    font-size: 0.75rem;
    font-family: Roboto;
    font-weight: bold;
    color: #ffffff;
    white-space: nowrap; }
  .ticketList .ticketRight .quxiaobuy {
    background: #d9e3e6 !important; }

.van-loading__spinner {
  width: 1.875rem;
  height: 1.875rem; }

.mexicorcbox .headerpulic {
  width: 100%;
  height: 3rem;
  background: #037382;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.9375rem 0 1.78125rem;
  position: relative;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  font-size: 0.9375rem;
  color: #ffffff;
  font-weight: normal; }
  .mexicorcbox .headerpulic .headerpulic-left {
    width: 0.625rem;
    height: 1rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNzJGNEQxNzhDMTFFQ0JFQThDNURBNzBFMzk4ODkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNzJGNEUxNzhDMTFFQ0JFQThDNURBNzBFMzk4ODkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU3MkY0QjE3OEMxMUVDQkVBOEM1REE3MEUzOTg4OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU3MkY0QzE3OEMxMUVDQkVBOEM1REE3MEUzOTg4OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsFINLEAAAEKSURBVHjaxJdBCsIwEEXT1mPoKXIKd10IFdy7EDxNceNesODCXQ+kl3AhOgNTkJCk6ZiZfvjQbPIfTdqZKay1hqka3NLzHtxzNlkwwxvwBVzR+gxecTYqM4T/pTJD+Bt81AAIhe/Ad2mAWHgnfQRi4SkAouFjAOLhMQCV8BCAWrgPQDXcBVAP/wWYJXwA2AT+7bi+gj9CfoDXCHDKVVgmaolVFAEKM6MQ4EDnra0nNjIIcKPL5kLgektvSMLYwPTDV9B5ICq6nI30EZg5Idw/oTqErxaoQoSqoRpErB9QgRjriMQhUnpCUYjUrlgMYspcEIOotSajEESrBRCCYIs7HSPEyxnPWfoKMADJZmwumYzDlQAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 0.9375rem;
    margin-top: -0.46875rem; }
  .mexicorcbox .headerpulic .headerpulic-title {
    margin-left: 0.3125rem; }

.mexicorcbox .box-con {
  width: 100%;
  height: calc(100% - 3rem - 3.75rem);
  position: fixed;
  top: 3rem;
  left: 0;
  padding: 0.9375rem;
  overflow-y: scroll; }
  .mexicorcbox .box-con .boxconleft {
    margin-top: 2.1875rem; }
    .mexicorcbox .box-con .boxconleft .boxconleftitem {
      display: flex;
      align-items: flex-start; }
      .mexicorcbox .box-con .boxconleft .boxconleftitem .left-img {
        width: 2.125rem;
        height: 2.125rem;
        border-radius: 50%;
        margin-top: 1rem; }
        .mexicorcbox .box-con .boxconleft .boxconleftitem .left-img img {
          width: 100%;
          height: 100%; }
      .mexicorcbox .box-con .boxconleft .boxconleftitem .boxcon-con {
        margin-left: 0.3125rem;
        width: 90%;
        max-width: 90%;
        display: flex;
        flex-direction: column;
        align-items: flex-start; }
        .mexicorcbox .box-con .boxconleft .boxconleftitem .boxcon-con .box-con-time {
          font-size: 0.625rem;
          color: #858da1;
          margin-bottom: 0.3125rem; }
        .mexicorcbox .box-con .boxconleft .boxconleftitem .boxcon-con .errordiv {
          display: flex;
          align-items: center;
          width: 100%;
          justify-content: flex-start; }
          .mexicorcbox .box-con .boxconleft .boxconleftitem .boxcon-con .errordiv .errorimg {
            width: 0.9375rem;
            height: 0.9375rem;
            margin-left: 0.3125rem; }
            .mexicorcbox .box-con .boxconleft .boxconleftitem .boxcon-con .errordiv .errorimg img {
              width: 100%;
              height: 100%; }
        .mexicorcbox .box-con .boxconleft .boxconleftitem .boxcon-con .box-con-text {
          width: auto;
          max-width: 80%;
          height: auto;
          word-break: break-word;
          line-height: 0.9375rem;
          border-radius: 0.5rem;
          padding: 0.5rem 0.5rem;
          background: #fff;
          box-shadow: 0 0.15625rem 0.65625rem 0 #e5edf9;
          font-size: 0.75rem;
          color: #2c2c2c; }
        .mexicorcbox .box-con .boxconleft .boxconleftitem .boxcon-con .box-img-div {
          padding: 0.5rem;
          background: #fff;
          border-radius: 0.5rem;
          box-shadow: 0 0.15625rem 0.65625rem 0 #e5edf9; }
  .mexicorcbox .box-con .boxconright .boxconleftitem {
    justify-content: flex-end; }
    .mexicorcbox .box-con .boxconright .boxconleftitem .boxcon-con {
      align-items: flex-end;
      margin: 0 0.3125rem 0 0; }
      .mexicorcbox .box-con .boxconright .boxconleftitem .boxcon-con .errordiv {
        justify-content: flex-end; }
        .mexicorcbox .box-con .boxconright .boxconleftitem .boxcon-con .errordiv .errorimg {
          margin: 0 0.3125rem 0 0; }
      .mexicorcbox .box-con .boxconright .boxconleftitem .boxcon-con .box-con-phone {
        margin: 0.3125rem 0 0; }
      .mexicorcbox .box-con .boxconright .boxconleftitem .boxcon-con .box-con-text {
        background: #04c0ad;
        color: #fff; }
      .mexicorcbox .box-con .boxconright .boxconleftitem .boxcon-con .box-img-div {
        background: #04c0ad; }

.mexicorcbox .box-con::-webkit-scrollbar {
  display: none; }

.mexicorcbox .box-texarea-div {
  width: 100%;
  height: 3.125rem;
  background: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 0.9375rem;
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .mexicorcbox .box-texarea-div .upload-img {
    width: 2.25rem;
    height: 2.25rem;
    background: url(../../static/img/upload-img.0b0ab77f.png) no-repeat;
    background-size: 100% 100%; }
  .mexicorcbox .box-texarea-div .upload-area {
    width: 75%;
    height: 2rem;
    background: #f2f2f2;
    font-size: 0.8125rem;
    color: #333;
    padding: 0 0.84375rem;
    margin-left: 0.4375rem;
    line-height: 2rem; }
  .mexicorcbox .box-texarea-div .uploadarea {
    width: 90%; }
  .mexicorcbox .box-texarea-div .upload-area::-webkit-scrollbar {
    display: none; }
  .mexicorcbox .box-texarea-div .upload-button {
    width: 3.5625rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #037382;
    font-size: 0.875rem;
    font-family: Roboto;
    font-weight: 400;
    color: #ffffff;
    margin-left: 0.9375rem; }

.mexicorcbox .popupdivtg .popup-button {
  background: #04c0ad; }

.headerpulic-lefts[data-v-35f223e4] {
  width: 1.5625rem;
  height: 1.5625rem;
}
.headerpulic-lefts-170px[data-v-35f223e4] {
  background: url(../../static/img/wenhaoxiao@2x.c4d9653e.png) no-repeat;
  background-size: 1rem 1rem;
  background-position: 0.28125rem 0.28125rem;
}
.headerbase[data-v-35f223e4] {
  width: 100%;
  height: 3rem;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  padding: 0 0.9375rem 0 1.5rem;
  display: flex;
  align-items: center;
}
.headerbase .headerpulic-left[data-v-35f223e4] {
    width: 1.5625rem;
    height: 1.5625rem;
    z-index: 9999;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 0.53125rem 0.9375rem;
    background-position: 0.4375rem 0.3125rem;
}
.headerbase .header-text[data-v-35f223e4] {
    flex: 1;
    font-size: 1.125rem;
    color: #3d3d3d;
}
.headerbase .headerpulic-right[data-v-35f223e4] {
    font-size: 0.75rem;
    color: #d1d1d1;
    font-weight: bold;
    position: absolute;
    right: 1.25rem;
    width: 20%;
    text-align: center;
}
.headerbasetwo[data-v-35f223e4] {
  text-align: center;
}
.headerbasetwo .headerpulic-left[data-v-35f223e4] {
    width: 1.5625rem;
    height: 1.5625rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNzJGNEQxNzhDMTFFQ0JFQThDNURBNzBFMzk4ODkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNzJGNEUxNzhDMTFFQ0JFQThDNURBNzBFMzk4ODkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU3MkY0QjE3OEMxMUVDQkVBOEM1REE3MEUzOTg4OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU3MkY0QzE3OEMxMUVDQkVBOEM1REE3MEUzOTg4OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsFINLEAAAEKSURBVHjaxJdBCsIwEEXT1mPoKXIKd10IFdy7EDxNceNesODCXQ+kl3AhOgNTkJCk6ZiZfvjQbPIfTdqZKay1hqka3NLzHtxzNlkwwxvwBVzR+gxecTYqM4T/pTJD+Bt81AAIhe/Ad2mAWHgnfQRi4SkAouFjAOLhMQCV8BCAWrgPQDXcBVAP/wWYJXwA2AT+7bi+gj9CfoDXCHDKVVgmaolVFAEKM6MQ4EDnra0nNjIIcKPL5kLgektvSMLYwPTDV9B5ICq6nI30EZg5Idw/oTqErxaoQoSqoRpErB9QgRjriMQhUnpCUYjUrlgMYspcEIOotSajEESrBRCCYIs7HSPEyxnPWfoKMADJZmwumYzDlQAAAABJRU5ErkJggg==) no-repeat;
    background-size: 1rem 1rem;
    background-position: 0.28125rem 0.28125rem;
}
.headerbasetwo .header-text[data-v-35f223e4] {
    color: #000;
    margin-left: -1rem;
}
.headebaileft[data-v-35f223e4] {
  text-align: center;
  background: #29CBEB;
}
.headebaileft .headerpulic-left[data-v-35f223e4] {
    width: 1.5625rem;
    height: 1.5625rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAUFJREFUWEfNl0EuBkEQRt9nLW5AuBR2TkAsxcqKhaUj2IiFYziERPwSNhKxQRBRUjJk5J+Znv6jq81y0tXvpbq7ulrM8JnZArABbAEGHALHkl5yp1NugJnNA+vADrDSxJ/7P0m3ufNlCbTgu8Ay4PGeARdYKyowAL8C9oBTSa9FMjAAnwD7wImkx1y4j08uQUl4UqA0fFAgAt4rEAXvFIiETwlEw38J1ID/CPTA34EL4AA4k/Q8yzlPxai5WFaBdnn1uAfgyIsMkH3JpMDAG3DvAtvAZnOxtAuTZ+AOeALmxhStEdD2kJuvG9TMvJwuFQCkfD6ASxe4BhZrClRfAu9u6m1CX6iqx/B7p1QtRDUlphqS6Ex0dkSREr0tWZTEYE8YIfG/m9KI05HMwAiJ8g+TERLln2YdEvGP05bEnz3PPwFBFPabZR0VzgAAAABJRU5ErkJggg==) no-repeat;
    background-size: 1rem 1rem;
    background-position: 0.28125rem 0.28125rem;
}
.headebaileft .header-text[data-v-35f223e4] {
    color: #fff;
    margin-left: -1rem;
}