/* 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:#FFFFFF;
}

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: #575757;
	background: #F6F7F8;

}
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: #DCDEE2;
}

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

    


    /* .boxblack .xinximokuai,.boxblack .my-div .my-wrap,.boxblack .white-box,.boxblack .coupon-ul,.boxblack .question-checked,
    .boxblack .setup-div,.boxblack .xinxiwrap .kefu,.boxblack .content,.boxblack .headerbase,.boxblack .fontpopup,.boxblack .setup-login,
    .boxblack .question-textarea textarea{
        background: #363434 !important;
    } */

    .boxblack .boxtitle,.boxblack .boxworkdiv,.boxblack .my-div .my-div-item .my-div-item-left,
    .boxblack .setup-div li .setup-li-left,.boxblack .xinxiwrap .kefu,
    .boxblack .message-no-div,.boxblack .xiaoxifont,.boxblack .message-list .listwrap .listmain .listright .p1,.boxblack .listright .p2,
    .boxblack .messageinfo-con,.boxblack .clearpic,.boxblack .headerbase .header-text,.boxblack .van-dropdown-menu__title, 
    .boxblack .fontpopup,.boxblack .boxinputdiv input,.boxblack  .boxinputdiv textarea,.boxblack .yisititletwo,.boxblack .yisititle,
    .boxblack .yisicontent,.boxblack .contentthree,.boxblack .setup-login,.boxblack .coll-div .coll-div-left,.boxblack .coll-div-con,
    .boxblack .question-checked .question-select label,.boxblack .couopn-no-div,.boxblack .bill-no-div,
    .boxblack .boxselectdiv input,.boxblack .boxselectdiv textarea,.boxblack .areatop .areatopitem,.boxblack .areatop .areatop-title,
    .boxblack .banktip-title, .boxblack .banktip-con{
        color: red !important;
    }

    .boxblack .van-dropdown-menu__title::after{
        background: #2A2E31 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAThJREFUWEfN2F0KglAQhmFPBLWrbEFBSxFcULYrhejEMTHT8zM/n3rmbm6Gl+dyjL2dmsLaS5HjGPM09n4ui9f7kWNfcTxcjQvLUtHp1V35DcxR0elVbdMHZqc46LmuX2BOioPeX2A2ihO9ZWAOihO9ReDuijM9f+CeijM9b+Buih69cOAeih69YODmigG9eOCWigG9aOBmihG9dOAWihG9ZODqigk9WuCaigk9UuBqigQ9euAaigQ9ciBckajHC0QqEvVYgTBFhh4/EKHI0GMHqhWZerJAjSJTTxQoVhToyQMligI9cSBbUainC+QoCvVUgWRFhZ4+kKKo0FMHJhWVepjAmKJSDxIYVATo4QJ9igA9WOBCEaSHDZwqgvSggaOi+4rWXel2xIwfVsSx/tftAqu2QdxzNz73ag4ira7CbAAAAABJRU5ErkJggg==) no-repeat center !important;
        background-size: 97% 18% !important;
    }

    .boxblack .headerbase .headerpulic-left {
        width: 0.6875rem !important;
        height: 1.25rem !important;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAABQCAYAAABiZJe7AAACI0lEQVRoQ9XbPU7DQBAF4H2RqJKJOAvcgYYGbgA9BQcAKZFICUhIHIASDkDDHeAoSHEE5aJEJkqU2N6fmZ2xKxf27qeVd+191sAZPLz3B1VVzQBcOud+ADwNh8MHAB7WvEvsYrF49d6fb9oAXBHRsylwE3YJB/BFREdmwG3YGvxJRMcmwDX2zXt/1vSIDgaDi9Fo9KIO7hrZenSnRDRZnWtOupCRBbDGqoJTsGrgVKwKOAdbHJyLLQrmwBYDc2GLgDmx4mBurChYAisGDsROiGga+6ZlfzVLYtlHWBrLCi6BZQOXwrKAS2KzwaWxWWANbDJYC5sE1sRGg7WxUWAL2GCwFWwQ2BK2E2wN2wq2iG0EW8XuBVvG7oCtY7fAfcCuwX3BrsB9wq7AVVU9eu+vm3avAGZEdBO7u5W6HvP5/Ns5d7ivAwAfRHQi1XlKu61g59z7eDw+TWlY6p6QR+KOiG6lALHthk66rf8MsZ1wXr9KfgJXChPodVTVF/RWttYH9E4YaB29N720jG6MW62iW/Nhi+jOQNsauhNsbZ0OAltCB4OtoKPAEeikP0Qh3xzRYG10ElgTnQzWQmeBNdDZ4NJoFnBJNBu4FJoVXALNDpZGi4Al0WJgKbQoWAItDuZGFwFzoouBudBFwRzo4uBctAo4B60GTkWrglPQ6uBQtJmyiP+dclfCBMBO4UkI2lxpTxfaZPHUJnqjPO23Lk+7X5an/QHu+1x+9Wv6kAAAAABJRU5ErkJggg==) no-repeat !important;
        background-size: 100% 100% !important;
    }

    /* .boxblack .boxselectdiv .van-popup{
        background: #403F3F !important;
    }

    .boxblack .van-dropdown-menu,.boxblack .van-dropdown-menu__bar{
        background-color: #2A2E31  !important;
    }
    .boxblack .areabox,.boxblack .areatop,.boxblack .entry{
        background: #222222 !important;
        border-top:none  !important;
      }
      
    .boxblack  .areabox ul li{
        color: #F2F2F2 !important;
        border-bottom:solid 1px #999999 !important;
    } */


/* 新的 */
    /* 背景色 */

    .boxblack .headerbase{
        background: #1F2121 !important;
    }

    .boxblack .my-title,
    .boxblack .my-div .my-wrap,
    .boxblack .xinximokuai1,
    .boxblack .xinximokuai2,
    .boxblack .xinximokuai3,
    .boxblack .wentidiv,
    .boxblack .mimawrap
    /* .boxblack .question-textarea */
    {
        background: #232628 !important;
    }
    .boxblack .headport,
    .boxblack .my-div,
    .boxblack .box-main,
    .boxblack .box-mains,
    .boxblack .explain,
    .boxblack .wrap .main{
        background: #2F3231 !important;
    }
    .boxblack .boxinputdiv,.boxblack .boxselectdiv,.boxblack .payment .van-collapse-item,.boxblack .payment .van-collapse-item__content,
    .boxblack input,.boxblack select,.boxblack textarea,.boxblack .boxselectdivno .van-dropdown-menu__title,
    .boxblack .van-dropdown-menu__title,.boxblack .question-checked .question-select,.boxblack .photo ul,.boxblack .question-textarea{
        background:#2A2E31 !important;
        border: 0 !important;
    }

    /* 字体颜色 */

    .boxblack .my-title p,
    .boxblack .headerbase .header-text,
    .boxblack .couopn-no-div,
    .boxblack .my-div .my-div-item .my-div-item-left,
    .boxblack .bill-no-div,
    .boxblack .setup-div li .setup-li-left,
    .boxblack .question-checked-title,
    .boxblack .mimawrap p{
        color: #FFFFFF !important;
    }

    .boxblack .boxselectdivno .van-ellipsis,
    .boxblack .boxselectdiv .van-cell,
    .boxblack .boxselectdiv .van-dropdown-item__option--active,
    .boxblack input::-webkit-input-placeholder ,
    .boxblack textarea::-webkit-input-placeholder,
    .boxblack .question-checked .question-select label{
        color: #676A6C !important;
    }
    .boxblack .boxinputdiv input,.boxblack .boxinputdiv textarea,
    .boxblack .van-dropdown-menu__title,.boxblack .boxtitle,.boxblack .boxselectdiv input,
    .boxblack .bankfont{
        color: #F2F7F6 !important;
    }
    .boxblack .yinsiwrap{
        color: #CFD4D6 !important;
    }
    .boxblack .question-select-check {
        color: #36BE3F !important;
    }
@charset "UTF-8";
.van-overflow-hidden {
  overflow: scroll !important; }

.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: 15.625rem; }

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

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

.box {
  width: 100%;
  height: auto; }

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

.box-main {
  margin-top: 3rem;
  overflow: hidden;
  padding: 1rem 0.9375rem 0;
  border-radius: 1.5625rem 1.5625rem 0 0;
  background: #fff; }

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

.box-mains {
  margin-top: -2.5rem;
  overflow: hidden;
  padding: 1rem 0.9375rem 0.75rem; }

.boxtitle {
  font-size: 1.0625rem;
  color: #33404f;
  font-weight: bold; }

.boxinputdiv,
.boxselectdiv {
  width: 100%;
  height: 2.5rem;
  margin-top: 0.625rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  padding: 0 0.5rem 0 0.625rem;
  overflow: hidden;
  border-bottom: solid 0.0625rem #eeeeee; }

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

.boxinputdiv input,
.boxinputdiv textarea {
  width: 100%;
  height: 100%;
  font-size: 0.78125rem;
  color: #333333;
  /* 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: #333333; }

.boxselectdiv textarea,
.boxinputdiv textarea {
  width: 90%;
  padding: 0.71875rem 0; }

.boxinputdiv textarea {
  width: 100%; }

.boxselectdiv-student input {
  padding: 0; }

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

.boxselectdivno .van-dropdown-menu__title {
  padding: 0;
  background: #ffffff; }

.boxselectdivno .van-ellipsis {
  color: #dcdee2; }

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

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

.pulldownicon {
  width: 0.9375rem;
  height: 0.625rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAThJREFUWEfN2F0KglAQhmFPBLWrbEFBSxFcULYrhejEMTHT8zM/n3rmbm6Gl+dyjL2dmsLaS5HjGPM09n4ui9f7kWNfcTxcjQvLUtHp1V35DcxR0elVbdMHZqc46LmuX2BOioPeX2A2ihO9ZWAOihO9ReDuijM9f+CeijM9b+Buih69cOAeih69YODmigG9eOCWigG9aOBmihG9dOAWihG9ZODqigk9WuCaigk9UuBqigQ9euAaigQ9ciBckajHC0QqEvVYgTBFhh4/EKHI0GMHqhWZerJAjSJTTxQoVhToyQMligI9cSBbUainC+QoCvVUgWRFhZ4+kKKo0FMHJhWVepjAmKJSDxIYVATo4QJ9igA9WOBCEaSHDZwqgvSggaOi+4rWXel2xIwfVsSx/tftAqu2QdxzNz73ag4ira7CbAAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%; }

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

.van-dropdown-menu {
  padding: 0 0 0 0.46875rem;
  width: 90%; }

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

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

.van-dropdown-menu__title::after {
  content: '';
  border: none;
  width: 0.9375rem;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAThJREFUWEfN2F0KglAQhmFPBLWrbEFBSxFcULYrhejEMTHT8zM/n3rmbm6Gl+dyjL2dmsLaS5HjGPM09n4ui9f7kWNfcTxcjQvLUtHp1V35DcxR0elVbdMHZqc46LmuX2BOioPeX2A2ihO9ZWAOihO9ReDuijM9f+CeijM9b+Buih69cOAeih69YODmigG9eOCWigG9aOBmihG9dOAWihG9ZODqigk9WuCaigk9UuBqigQ9euAaigQ9ciBckajHC0QqEvVYgTBFhh4/EKHI0GMHqhWZerJAjSJTTxQoVhToyQMligI9cSBbUainC+QoCvVUgWRFhZ4+kKKo0FMHJhWVepjAmKJSDxIYVATo4QJ9igA9WOBCEaSHDZwqgvSggaOi+4rWXel2xIwfVsSx/tftAqu2QdxzNz73ag4ira7CbAAAAABJRU5ErkJggg==) no-repeat center;
  background-size: 97% 30%;
  position: absolute;
  top: 50%;
  right: -1.875rem;
  margin-top: -1.15625rem;
  transform: rotate(0deg);
  opacity: 1; }

.van-dropdown-menu__title--down::after {
  transform: rotate(180deg); }

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

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

.van-picker__toolbar {
  height: 2.1875rem !important; }

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

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

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

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

.greendiv {
  width: 100%;
  height: 6.6875rem;
  background: #ff6c06; }

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

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

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

.boxselectdiv .van-popup--top {
  top: 0;
  left: 50%;
  width: 83%;
  margin-left: -41%;
  border: 0.0625rem solid #eeeeee;
  box-shadow: 0 0.1875rem 0.125rem 0 rgba(170, 165, 165, 0.23); }

.btnList {
  width: 100%;
  height: 2.6875rem;
  font-size: 1rem;
  font-family: Arial-BoldMT, Arial;
  font-weight: normal;
  color: #ffffff;
  line-height: 2.6875rem;
  background: #ff6c06;
  border-radius: 1.34375rem;
  text-align: center; }

.buttondiv,
.buttondivgray {
  width: 100%;
  height: 2.6875rem;
  line-height: 2.6875rem;
  background: #ff6c06;
  margin: 0.625rem auto 3.4375rem;
  text-align: center;
  font-size: 1.125rem;
  color: #fff;
  font-weight: bold;
  border-radius: 1.34375rem; }

.buttondivgray {
  background: #bcc3c8;
  box-shadow: 0 0.25rem 0.90625rem 0.0625rem rgba(179, 186, 180, 0.52); }

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

.van-toast {
  width: auto; }

.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: #ffffff;
  position: fixed;
  top: 11.9375rem;
  z-index: 99; }

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

.payment .van-collapse-item {
  background: #ffffff;
  border-radius: 0.75rem;
  margin-bottom: 0.75rem; }

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

.payment .van-collapse-item__content {
  font-size: 0.8125rem;
  color: #333333;
  padding: 0.75rem 0.5rem;
  background: #ffffff;
  border-radius: 0 0 0.75rem 0.75rem; }

.payment .van-collapse-item--border::after {
  border-top: none; }

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

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

/* 手风琴样式更改 */
.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: 0.875rem;
  color: #666666;
  padding-top: 16.25rem; }
  .couopn-no-div .coupon-no-div-img,
  .message-no-div .coupon-no-div-img,
  .bill-no-div .coupon-no-div-img {
    width: 4.59375rem;
    height: 4.21875rem; }
    .couopn-no-div .coupon-no-div-img img,
    .message-no-div .coupon-no-div-img img,
    .bill-no-div .coupon-no-div-img img {
      width: 100%;
      height: 100%; }
  .couopn-no-div .bill-no-img,
  .message-no-div .bill-no-img,
  .bill-no-div .bill-no-img {
    width: 4.25rem;
    height: 3.59375rem; }
    .couopn-no-div .bill-no-img img,
    .message-no-div .bill-no-img img,
    .bill-no-div .bill-no-img img {
      width: 100%;
      height: 100%; }

.message-no-div .message-no-img {
  width: 3.6875rem;
  height: 3.8125rem;
  margin-bottom: 0.5rem; }
  .message-no-div .message-no-img img {
    width: 100%;
    height: 100%; }

.fontpopup {
  width: 21rem;
  height: 17.1875rem;
  background: #fff;
  border-radius: 0.9375rem;
  color: #81899e;
  font-size: 0.8125rem; }
  .fontpopup img {
    width: 100%;
    height: 7.09375rem; }

.box2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0.75rem;
  color: #fff; }

.box2 p {
  width: 50%;
  height: 2.6875rem;
  font-size: 1rem;
  text-align: center;
  line-height: 2.6875rem;
  border-radius: 0 0 0.9375rem 0.9375rem; }

.fontp {
  margin: 0.75rem;
  color: #666666;
  font-size: 0.8125rem; }

.btn2 {
  background: #ff6c06; }

.xinximokuai {
  background: #ffffff;
  margin-top: 0.625rem;
  padding: 0.625rem 0.46875rem;
  border-radius: 1.5625rem 1.5625rem 0 0; }

.wentidiv {
  background: #ffffff;
  margin-bottom: 0.75rem;
  border-radius: 1rem;
  padding: 0.75rem 0.5rem; }

.subbtn {
  height: 2.6875rem;
  line-height: 2.6875rem;
  color: #ffffff;
  font-size: 1rem;
  text-align: center;
  margin-top: 1.25rem;
  margin-bottom: 8.125rem; }

.jibenone {
  width: 100%;
  height: 6.8125rem;
  margin-bottom: 0.75rem; }
  .jibenone img {
    width: 100%;
    height: 100%; }

.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; }

.bg-none {
  background: transparent !important; }

.ticketList {
  width: 100%;
  height: 5.8125rem;
  padding: 0 0.875rem 0 0.625rem;
  background-image: url(../../static/img/repaid_juan.4a279e1c.png);
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .ticketList .ticketLeft .ticketTitle {
    font-size: 0.875rem;
    font-family: Arial-BoldMT, Arial;
    font-weight: bold;
    color: #ffffff;
    line-height: 1rem;
    margin-bottom: 0.5625rem;
    padding-top: 0.46875rem; }
  .ticketList .ticketLeft .ticketCont {
    width: 11.71875rem;
    font-size: 0.75rem;
    font-family: ArialMT;
    color: #5DD984; }
  .ticketList .ticketLeft .ticketmoney {
    padding-top: 0.3125rem;
    font-size: 0.9375rem;
    font-family: Arial-BoldMT, Arial;
    font-weight: bold;
    color: #5DD984;
    line-height: 1.0625rem; }
  .ticketList .ticketRight span {
    width: 6.25rem;
    font-size: 0.8125rem;
    font-family: Arial-BoldMT, Arial;
    font-weight: bold;
    color: #333333;
    margin-right: 0.3125rem; }
  .ticketList .ticketRight img {
    width: 1.25rem;
    height: 1.25rem; }

.ticketList1 {
  background-image: url(../../static/img/repaid_juan.4a279e1c.png);
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.dialogtitleone {
  text-align: center;
  font-size: 1.3125rem;
  font-weight: bold;
  color: #2C2C2C;
  line-height: 1.5rem;
  font-family: Arial-BoldMT, Arial;
  margin: 0.625rem 0 1.5625rem 0; }
  .dialogtitleone .shuoming {
    font-size: 0.8125rem;
    font-family: ArialMT;
    color: #999999;
    line-height: 0.96875rem;
    text-align: right;
    padding-top: 0.46875rem; }
    .dialogtitleone .shuoming span {
      padding-bottom: 0.125rem; }

.userticketList .dialogTitle {
  width: 100%;
  height: 9.125rem;
  background: #ffffff;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  font-size: 1.3125rem;
  font-family: Arial-BoldMT, Arial;
  font-weight: normal;
  color: #2C2C2C;
  line-height: 1.5rem;
  text-align: center;
  padding: 5.40625rem 0.9375rem 0 0.9375rem; }
  .userticketList .dialogTitle .shuoming {
    font-size: 0.8125rem;
    font-family: ArialMT;
    color: #999999;
    line-height: 0.96875rem;
    text-align: right;
    padding-top: 0.46875rem; }
    .userticketList .dialogTitle .shuoming span {
      border-bottom: 0.03125rem solid #ffffff;
      padding-bottom: 0.125rem; }

.userticketList .he-scoll {
  height: 17.8125rem;
  overflow-y: scroll; }

.userticketList .allTicket {
  padding: 0 0.40625rem; }
  .userticketList .allTicket .allTicketList {
    padding: 0.6875rem 0.625rem;
    width: 100%;
    height: auto;
    background: #ffffff;
    border-radius: 1rem; }
    .userticketList .allTicket .allTicketList .ticket {
      height: 14.6875rem;
      overflow-y: scroll; }
      .userticketList .allTicket .allTicketList .ticket ul {
        width: 100%;
        height: auto;
        margin-bottom: 0.5rem;
        background-image: url(../../static/img/dialog_quan.1b82807e.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding: 0.8125rem 0.625rem; }
        .userticketList .allTicket .allTicketList .ticket ul .ticketLeft {
          width: 14.9375rem; }
          .userticketList .allTicket .allTicketList .ticket ul .ticketLeft .ticketLeft_one {
            font-size: 0.75rem;
            font-family: Arial-BoldMT, Arial;
            font-weight: bold;
            color: #333333;
            padding-bottom: 0.4375rem;
            border-bottom: 0.0625rem solid #eeeeee; }
          .userticketList .allTicket .allTicketList .ticket ul .ticketLeft .ticketLeft_two {
            font-size: 0.875rem;
            font-family: Arial-BoldMT, Arial;
            font-weight: bold;
            color: #FF6C06;
            line-height: 1.15625rem;
            padding: 0.3125rem 0 0.25rem 0; }
          .userticketList .allTicket .allTicketList .ticket ul .ticketLeft .ticketLeft_three {
            font-size: 0.8125rem;
            font-family: ArialMT;
            color: #999999;
            line-height: 0.96875rem; }
        .userticketList .allTicket .allTicketList .ticket ul .ticketRight img {
          width: 1.25rem;
          height: 1.25rem;
          margin-right: 0.25rem; }
      .userticketList .allTicket .allTicketList .ticket .ulStyle {
        padding: 1.40625rem 0.625rem; }
  .userticketList .allTicket .allTicketList1 {
    padding: 0.75rem !important;
    font-size: 0.8125rem !important;
    font-family: ArialMT !important;
    color: #666666 !important;
    line-height: 0.96875rem !important; }
    .userticketList .allTicket .allTicketList1 .explaintitle {
      margin-bottom: 0.375rem; }
    .userticketList .allTicket .allTicketList1 .explain {
      margin-bottom: 0.9375rem; }

.mb-24px {
  margin-bottom: 0.75rem; }

.headerpulic-lefts[data-v-35f223e4] {
  width: 0.75rem;
  height: 1.3125rem;
}
.headerbase[data-v-35f223e4] {
  width: 100%;
  height: 4.5rem;
  background: #ff6c06;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  padding: 1.5rem 1.25rem 0 1.5rem;
  display: flex;
  align-items: center;
}
.headerbase .headerpulic-left[data-v-35f223e4] {
    width: 0.59375rem;
    height: 1.03125rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAABCCAYAAAA7WKTiAAABpklEQVRoQ83azUkEQRAF4PdA8GoyXozAvSimYAoeNAU9mYAxeNRNQMMRvAlCLy07y6y7M9M/9TcBDB81Xc3UowjHJ6V0AuAOwDWAbwDPJN8ziV6ulNIpgFcAq3+GVca5wGZQ2bgmeWkOW0Bl2CfJC1NYASrD7kk+mcEKUW8Arkj+msAqUDckf0y6sgWlDmtFqcJ6UGqwXpQKTAIlDpNCicIkUWIwaZQITAPVDdNCdcE0Uc0wbVQTzAJVDbNCVcEsUcUwa1QRzAO1CPNCzcI8UZMwb9RRWATUASwKag8WCbWDbVOXDwDnMyFLHkZ3c592GPM38KaUXgDcRkGNK/YF4GwCts751TAha1dqeP9QsbCwsJ8yR47xDv+2Aaaix/GxMuvMvRgq0l12kI9FwR0N7iLgJhNFb9xs1OmJW8xgvXCLMK+rpAjmgSuGWeOqYJa4apgVrglmgWuGaeO6YJq4bpgWTgSmgRODSeNEYZI4cZgUTgUmgVOD9eJUYT04dVgrzgRWibNbbxgm5sLf9AeSj2YVq8DZr9AU4nyWjgpwfmtaI9zkYtsG5AWEUkBB/l0AAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
}
.headerbase .header-text[data-v-35f223e4] {
    flex: 1;
    text-align: left;
    font-size: 0.9375rem;
    margin-left: 0.625rem;
    color: #ffffff;
}
.headerbase .header-text .span2[data-v-35f223e4] {
      margin-left: 7.3125rem;
      color: #ffffff;
      font-size: 0.75rem;
}
.headerbase .header-text .span2 img[data-v-35f223e4] {
        width: 0.78125rem;
        height: 0.75rem;
        margin-right: 0.25rem;
}
.headerbase .headerpulic-right[data-v-35f223e4] {
    font-size: 0.75rem;
    color: #ffffff;
    font-weight: bold;
    position: absolute;
    right: 1.25rem;
    width: 20%;
    text-align: center;
}
.headerbase .headerpulic-rightset img[data-v-35f223e4] {
    width: 1rem;
    height: 1rem;
}