.p-0 {
  padding: 0px;
}

.p-5 {
  padding: 5px;
}

.p-10 {
  padding: 10px;
}

.p-15 {
  padding: 15px;
}

.p-20 {
  padding: 20px;
}

.p-25 {
  padding: 25px;
}

.p-30 {
  padding: 30px;
}

.p-35 {
  padding: 35px;
}

.p-40 {
  padding: 40px;
}

.p-45 {
  padding: 45px;
}

.p-50 {
  padding: 50px;
}

.p-t-0 {
  padding-top: 0px !important;
}

.p-t-5 {
  padding-top: 5px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.p-t-25 {
  padding-top: 25px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.p-t-35 {
  padding-top: 35px !important;
}

.p-t-40 {
  padding-top: 40px !important;
}

.p-t-45 {
  padding-top: 45px !important;
}

.p-t-50 {
  padding-top: 50px !important;
}

.p-b-0 {
  padding-bottom: 0px !important;
}

.p-b-5 {
  padding-bottom: 5px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.p-b-25 {
  padding-bottom: 25px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.p-b-35 {
  padding-bottom: 35px !important;
}

.p-b-40 {
  padding-bottom: 40px !important;
}

.p-b-45 {
  padding-bottom: 45px !important;
}

.p-b-50 {
  padding-bottom: 50px !important;
}

.p-b-70 {
  padding-bottom: 70px !important;
}

.p-b-75 {
  padding-bottom: 75px !important;
}

.p-b-80 {
  padding-bottom: 80px !important;
}

.p-b-85 {
  padding-bottom: 85px !important;
}

.p-b-90 {
  padding-bottom: 90px !important;
}

.p-l-0 {
  padding-left: 0px;
}

.p-l-5 {
  padding-left: 5px;
}

.p-l-10 {
  padding-left: 10px;
}

.p-l-15 {
  padding-left: 15px;
}

.p-l-20 {
  padding-left: 20px;
}

.p-l-25 {
  padding-left: 25px;
}

.p-l-30 {
  padding-left: 30px;
}

.p-l-35 {
  padding-left: 35px;
}

.p-l-40 {
  padding-left: 40px;
}

.p-l-45 {
  padding-left: 45px;
}

.p-l-50 {
  padding-left: 50px;
}

.p-r-0 {
  padding-right: 0px;
}

.p-r-5 {
  padding-right: 5px;
}

.p-r-10 {
  padding-right: 10px;
}

.p-r-15 {
  padding-right: 15px;
}

.p-r-20 {
  padding-right: 20px;
}

.p-r-25 {
  padding-right: 25px;
}

.p-r-30 {
  padding-right: 30px;
}

.p-r-35 {
  padding-right: 35px;
}

.p-r-40 {
  padding-right: 40px;
}

.p-r-45 {
  padding-right: 45px;
}

.p-r-50 {
  padding-right: 50px;
}

.m-0 {
  margin: 0px;
}

.m-5 {
  margin: 5px;
}

.m-10 {
  margin: 10px;
}

.m-15 {
  margin: 15px;
}

.m-20 {
  margin: 20px;
}

.m-25 {
  margin: 25px;
}

.m-30 {
  margin: 30px;
}

.m-35 {
  margin: 35px;
}

.m-40 {
  margin: 40px;
}

.m-45 {
  margin: 45px;
}

.m-50 {
  margin: 50px;
}

.m-t-0 {
  margin-top: 0px;
}

.m-t-5 {
  margin-top: 5px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-t-15 {
  margin-top: 15px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-t-25 {
  margin-top: 25px;
}

.m-t-30 {
  margin-top: 30px;
}

.m-t-35 {
  margin-top: 35px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-t-45 {
  margin-top: 45px;
}

.m-t-50 {
  margin-top: 50px;
}

.m-t-60 {
  margin-top: 60px;
}

.m-t-70 {
  margin-top: 70px;
}

.m-t-80 {
  margin-top: 80px;
}

.m-b-0 {
  margin-bottom: 0px;
}

.m-b-5 {
  margin-bottom: 5px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-b-15 {
  margin-bottom: 15px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-b-25 {
  margin-bottom: 25px;
}

.m-b-30 {
  margin-bottom: 30px;
}

.m-b-35 {
  margin-bottom: 35px;
}

.m-b-40 {
  margin-bottom: 40px;
}

.m-b-45 {
  margin-bottom: 45px;
}

.m-b-50 {
  margin-bottom: 50px;
}

.m-b-60 {
  margin-left: 60px;
}

.m-b-70 {
  margin-left: 70px;
}

.m-b-80 {
  margin-left: 80px;
}

.m-b-90 {
  margin-left: 90px;
}

.m-b-100 {
  margin-left: 100px;
}

.m-l-0 {
  margin-left: 0px;
}

.m-l-5 {
  margin-left: 5px;
}

.m-l-10 {
  margin-left: 10px;
}

.m-l-15 {
  margin-left: 15px;
}

.m-l-20 {
  margin-left: 20px;
}

.m-l-25 {
  margin-left: 25px;
}

.m-l-30 {
  margin-left: 30px;
}

.m-l-35 {
  margin-left: 35px;
}

.m-l-40 {
  margin-left: 40px;
}

.m-l-45 {
  margin-left: 45px;
}

.m-l-50 {
  margin-left: 50px;
}

.m-l-60 {
  margin-left: 60px;
}

.m-l-70 {
  margin-left: 70px;
}

.m-l-80 {
  margin-left: 80px;
}

.m-l-90 {
  margin-left: 90px;
}

.m-l-100 {
  margin-left: 100px;
}

.m-r-0 {
  margin-right: 0px;
}

.m-r-5 {
  margin-right: 5px;
}

.m-r-10 {
  margin-right: 10px;
}

.m-r-15 {
  margin-right: 15px;
}

.m-r-20 {
  margin-right: 20px;
}

.m-r-25 {
  margin-right: 25px;
}

.m-r-30 {
  margin-right: 30px;
}

.m-r-35 {
  margin-right: 35px;
}

.m-r-40 {
  margin-right: 40px;
}

.m-r-45 {
  margin-right: 45px;
}

.m-r-50 {
  margin-right: 50px;
}

.m-r-60 {
  margin-left: 60px;
}

.m-r-70 {
  margin-left: 70px;
}

.m-r-80 {
  margin-left: 80px;
}

.m-r-90 {
  margin-left: 90px;
}

.m-r-100 {
  margin-left: 100px;
}

.ht-10 {
  height: 10px;
}

.ht-20 {
  height: 20px;
}

.ht-30 {
  height: 30px;
}

.ht-40 {
  height: 40px;
}

.ht-50 {
  height: 50px;
}

.w-10 {
  width: 10%;
}

.w-20 {
  width: 20%;
}

.w-40 {
  width: 40%;
}

.w-80 {
  width: 80%;
}

.w-95 {
  width: 95%;
}

.text-c-center {
  text-align: center;
}

.bg-c-dark {
  background-color: #1b1c1b;
}

.bg-c-gray {
  background-color: #f5f3f2;
}

.bg-c-gray2 {
  background-color: #f8F9fa;
}

.text-c-dark {
  color: #1b1c1b;
}

.text-c-white {
  color: #fff;
}

.text-b {
  font-weight: bold;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.radius-img {
  height: 100px;
  /*can be anything*/
  width: 100px;
  /*can be anything*/
  position: relative;
  object-fit: cover;
  border-radius: 50%;
  background: url(../img/2022_vip/no_photo.svg) center center no-repeat;
  background-size: cover;
}

.card-icon img {
  max-height: 100px;
  max-width: 100px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border: solid 3px #fff;
}

.square-img {
  width: 10vw;
  height: 10vw;
  border-radius: 20%;
}

.rounded-square {
  width: 60px;
  height: 60px;
  border-radius: 20%;
}

.btn-cardstyle button,
.btn-cardstyle a {
  margin-left: 10px;
}

@media (max-width: 768px) {

  /* .btn-cardstyle {
    text-align: center;
  } */
  .btn-cardstyle button,
  .btn-cardstyle a {
    margin-top: 10px;
  }
}

.p-m {
  margin: 0;
  font-size: 0.8em;
}

.f-s14 {
  font-size: 0.8rem;
}

.f-s12 {
  font-size: 0.95rem;
}

.f-s11 {
  font-size: 0.9rem;
}

.form-common {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.aui-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 15px;
  position: relative;
}

.aui-flex-box,
.aui-flex-box01 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  min-width: 0;
  font-size: 14px;
  color: #333;
}

/* 必要布局样式css */
.aui-flexView {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.aui-scrollView {
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  position: relative;
}

.aui-navBar {
  height: 44px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 1002;
  background: #f8f8f8;
}

.aui-navBar-item {
  height: 44px;
  min-width: 25%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  padding: 0 0.9rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.7rem;
  white-space: nowrap;
  overflow: hidden;
  color: #808080;
  position: relative;
}

.aui-navBar-item:first-child {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-right: -25%;
  font-size: 0.9rem;
  font-weight: bold;
}

.aui-navBar-item:last-child {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.aui-center {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 44px;
  width: 50%;
  margin-left: 25%;
}

.aui-center-title {
  text-align: center;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  font-size: 0.95rem;
  color: #333;
}

.icon {
  width: 20px;
  height: 20px;
  display: block;
  border: none;
  float: left;
  background-size: 20px;
  background-repeat: no-repeat;
}

.aui-head-fare {
  width: 100%;
  height: auto;
  position: relative;
}

.aui-head-fare img {
  width: 100%;
  height: auto;
  display: block;
  border: none;
}

.aui-head-fare button {
  background: #febc42;
  padding: 0.3rem 0.7rem;
  color: #fff;
  position: absolute;
  right: 0;
  top: 15px;
  border-radius: 20px 0 0 20px;
  font-size: 0.8rem;
  border: none;
}

.aui-head-box {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  background: #55bfb9;
  padding-bottom: 20px;
}

.coupon-head-box {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  background: linear-gradient(to top, #b3183b, #de0022);
  padding-bottom: 20px;
}

.aui-head-body {
  width: 95%;
  height: auto;
  background: #fff;
  margin: 0.5rem auto 0;
  z-index: 100;
  position: relative;
  border-radius: 10px;
}

.coupon-head-body {
  width: 95%;
  height: auto;
  background: #fff;
  margin: 0.5rem auto 0;
  z-index: 100;
  position: relative;
  border-radius: 10px;
}

.aui-palace {
  padding: 0.9rem 0;
  position: relative;
  overflow: hidden;
}

.aui-palace-grid {
  position: relative;
  float: left;
  padding: 1px;
  width: 33.333%;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.aui-palace-grid-icon {
  width: 40px;
  height: 40px;
  margin: 0 auto;
}

.aui-palace-grid-icon img {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}

.aui-palace-grid-text {
  display: block;
  text-align: center;
  color: #333;
  font-size: 0.85rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-top: 0.5rem;
}

.coupon-palace-grid-text {
  display: block;
  text-align: center;
  color: #333;
  font-size: 0.85rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-top: 0.5rem;
}

.aui-palace-grid-text h2 {
  font-size: 0.9rem;
  font-weight: normal;
  padding-bottom: 0.3rem;
}

.aui-palace-grid-text h3 {
  font-size: 1rem;
  color: #2954ba;
  font-weight: 900;
}

.coupon-palace-grid-text h2 {
  font-size: 0.9rem;
  font-weight: normal;
  padding-bottom: 0.3rem;
  color: #fff;
}

.coupon-palace-grid-text h3 {
  font-size: 1rem;
  color: #eeeeee;
  font-weight: 900;
}

.aui-button-fare .coupon-button-fare03-box,
.aui-button-fare button {
  width: 310px;
  margin: 1.2rem auto 0;
  display: block;
  z-index: 100;
  position: relative;
  border: none;
  padding-top: 10px;
  border-radius: 10px;
  background: #dde4e8;
}

.aui-button-fare01 button {
  width: 310px;
  margin: -1.2rem auto 0;
  display: block;
  z-index: 100;
  position: relative;
  border: none;
  padding-top: 10px;
  border-radius: 10px;
  background: #3a637e;
}

.aui-button-fare01-1 button {
  width: 310px;
  margin: -1.2rem auto 0;
  display: block;
  z-index: 100;
  position: relative;
  border: none;
  padding-top: 10px;
  border-radius: 10px;
  background: #ff5722;
}

.aui-button-fare03 button {
  width: 310px;
  margin: -1.2rem auto 0;
  display: block;
  z-index: 100;
  position: relative;
  border: none;
  padding-top: 10px;
  border-radius: 10px;
  background: #efe3b9;
}

.box-flex {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.fd-row {
  flex-direction: row;
}

.coupon-button-fare03 .coupon-button-fare03-box,
.coupon-button-fare03 button {
  width: 310px;
  margin: -1.2rem auto 0;
  display: block;
  z-index: 100;
  position: relative;
  border: none;
  padding-top: 10px;
  border-radius: 10px;
  background: #ffffff;
}

.aui-button-fare02 button {
  width: 250px;
  margin: -1.2rem auto 0.5rem;
  display: block;
  z-index: 120;
  position: relative;
  border: none;
  padding-top: 10px;
  border-radius: 50px;
  background: #1b525d;
}

.aui-button-fare04 button {
  width: 250px;
  margin: -1.2rem auto 0.5rem;
  display: block;
  z-index: 120;
  position: relative;
  border: none;
  padding-top: 10px;
  border-radius: 50px;
  background: #ff1e1e;
}

.aui-button-fare button img {
  width: 220px;
  margin: 0 auto;
  display: block;
  border: none;
}

.aui-flex-box01 h1 {
  color: #1a1a1a;
  font-size: 1.2rem;
}

.aui-logo-tag {
  width: 55px;
  height: 55px;
  margin-right: 0.8rem;
}

.aui-logo-tag img {
  width: 60px;
  height: 60px;
  display: block;
  border: none;
}

.aui-logo-bg {
  border: 2px solid #fff;
  border-radius: 5px;
}

.aui-logo-bg1 {
  background: #ec610e;
}

.aui-logo-bg2 {
  background: #3e332e;
}

.aui-flex-box01 h2 em {
  color: #fff;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  font-weight: 800;
  padding: 0 1rem 0 1.2rem;
}

.aui-flex-box01 h3 {
  color: #1a1a1a;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
  font-weight: 800;
}

.aui-flex-box01 p {
  color: #787474;
  font-size: 0.95rem;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  word-wrap: break-word;
  word-break: break-all;
}

.aui-flex-box01 h3 em {
  font-style: normal;
  border-radius: 20px;
  color: #fff;
  font-size: 0.8rem;
  position: relative;
  text-align: right;
  font-weight: normal;
}

/*未完成狀態*/
.aui-button-go em {
  font-style: normal;
  background: #787c7e;
  border-radius: 10px;
  color: #fff;
  font-size: 1rem;
  position: relative;
  padding: 0.2rem 0.5rem;
  text-align: right;
  font-weight: normal;
  font-size: 13px;
}

/*已完成狀態*/
.aui-button-up em {
  font-style: normal;
  background: #fd9800;
  border-radius: 10px;
  color: #fff;
  font-size: 1rem;
  position: relative;
  padding: 0.2rem 0.5rem;
  text-align: right;
  font-weight: normal;
  font-size: 13px;
}

.coupon-button-up em {
  font-style: normal;
  background: #ff1453;
  border-radius: 10px;
  color: #fff;
  font-size: 1rem;
  position: relative;
  padding: 0.2rem 0.5rem;
  text-align: right;
  font-weight: normal;
  font-size: 13px;
}

/*pv未完成狀態*/
.aui-button-pv-go em {
  font-style: normal;
  background: #3a637e;
  border-radius: 10px;
  color: #fff;
  font-size: 1rem;
  position: relative;
  padding: 0.2rem 0.5rem 0.2rem 1.3rem;
  text-align: right;
  font-weight: normal;
  font-size: 13px;
}

.aui-button-pv-go-b em {
  font-style: normal;
  color: #fff;
  position: relative;
  padding-left: 1.5rem;
  text-align: right;
  font-weight: bold;
  font-size: 1.8rem;
  letter-spacing: 1px;
}

/*pv已完成狀態*/
.aui-button-pv-up em {
  font-style: normal;
  background: #ff5722;
  border-radius: 10px;
  color: #fff;
  font-size: 1rem;
  position: relative;
  padding: 0.2rem 0.5rem 0.2rem 1.3rem;
  text-align: right;
  font-weight: normal;
  font-size: 13px;
}

.coupon-button-task {
  display: flex;
  justify-content: center;
  /* 垂直置中 */
  align-items: center;
}

.coupon-button-bg {
  background: #ff1453;
  padding: 0.2rem 0.5rem;
  border-radius: 10px;
  color: white;
  font-size: 13px;
  width: auto;
  line-height: 20px;
}

.coupon-button-bg img {
  width: 20px;
  height: 20px;
}

.coupon-button-bg .txt {
  margin-left: 22px;
}

.coupon-button-pv-up em {
  font-style: normal;
  background: #ff1453;
  border-radius: 10px;
  color: #fff;
  font-size: 1rem;
  position: relative;
  padding: 0.2rem 0.5rem 0.2rem 1.3rem;
  text-align: right;
  font-weight: normal;
  font-size: 13px;
}

.icon-tags {
  background-image: url('../img/order2.png');
  position: absolute;
  width: 30px;
  left: 0px;
  top: 0px;
}

.icon-tagss {
  background-image: url('../img/order2_2.png');
  position: absolute;
  width: 30px;
  left: 0;
  top: 0px;
}

.aui-button-go button,
.aui-button-up button,
.aui-button-pv-go button,
.aui-button-pv-up button {
  background: none;
  border: none;
  color: #fff;
  font-size: 0.85rem;
}

.aui-tabBar-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #979797;
}

.aui-tabBar-item-text {
  display: inline-block;
  font-size: 0.65rem;
  color: #3b4048;
  padding-top: 2px;
}

.aui-tabBar-item-active .aui-tabBar-item-text {
  color: #ff942c;
}

.icon-loan {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAIAAAD+THXTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjgzQTNCRUYwQ0VCMTFFOUEwMzhDQTAzQkIzRjE0NjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjgzQTNCRjAwQ0VCMTFFOUEwMzhDQTAzQkIzRjE0NjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQjBFOTUzMDBDRUIxMUU5QTAzOENBMDNCQjNGMTQ2MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCODNBM0JFRTBDRUIxMUU5QTAzOENBMDNCQjNGMTQ2MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkAQ6esAAAe2SURBVHja7JvnaxRrFMaTdaPGhg1bNBrUKFFEFDVqUC6IBU0kYvlg/x/8f0RjbxjFDt58UMFrVLDF/sGuiL3ErCb3l33k5GVmZ7JZN9kg834YZqe8c573nPOcMrP5LS0teX/XiOX9dSNrkJqbm22b8hTDLMJjGtm1lOxAQqZYrHUqbYVBgrJvB/Pz83W97XTGyM/KCjEJUrpbQ8L49OnTgQMHnj59WlxcvHbt2n79+tkSdF9Irv14NPDixYuamprPnz+DAZzg2bx588iRIz3I3SXoLloyMK6ubt++ffjw4V+/fvFTQrMTj8fXrFlTVlama+wWLuvRo0c30pJfoAsXLpw7d475OcVPzrYkh4AtW7Zs3rx5hqo7akmaka6Q7/jx41evXhVPcERWp30zudmzZ1dVVfl9r1swngnK+PHjx65du+rr610ahBi2bdtWUlIi2LqYa7Zv3/7z58/sskWGWnIdxj3y7t27PXv2vH792pTGmDFjxsqVKxEa6dHetWvXOFVQUNDU1MRlUMX69esHDhyYcmb3EZ0CyU/W7lloev/+/R8/frQ5gbFo0aL58+dLCboLHzt79iyWhneJFfr3779hw4aioiIPhqAHZV9LdotLU3fv3iX4JBIJcRrH2VZXV0+bNs2zIuzcunULJkRpNo9ocPLkyX4MnQsp5ewcvHTp0unTp1EFkBCOI4WFhSw8LpTSRKXS3bt3f//+XcSg7dKlS8vLy/8wUnVYSy5BaVtbWytyY59TrP3w4cOJpwMGDHCZw48Nx9u5c+f79++5RYrlLFaKrfbs2dPyw44Cy9DwJBbktnfv3sePHxtODo4fP56sp2/fvq5MLhJdJkHJKg4dOsQMul2YMb/Vq1f36tUrs2wwQy2xJXPDcsh3JI0iKeRWWVnJkvtDcBBJigbRs0CK0IcOHWp67gp6YDx//pzg8+XLFzc0/ZMcfqFT8pgnjaqrqzt//rxlRqAiG9y4ceOoUaOypqUgAkUhDx482LdvH6tr1oIeMJWpU6e2yyVBFwCjoaHhyJEjGLOlTngUNjxp0iQ/AYZMnhqSnwPMTSG3kydP8lRzCYx+06ZNLKdd1lFTMeU8e/YM55Ty7RHQIJzhmnE4qkAt+amG6U6cOHHlyhXzHGYcNGjQli1biP2ehUzTs20JjBuJ1Dt27IAMLdnFHMgGcVFXng5ryb8kzIvzPHz4UL4uqxs3bhy5DCHItYc0E7agleYItgfxQINuzjFhwgRicZ8+fdo16TDDs5+EDmVuJjGQ5s6dS4Fg5JZSuJAHuyThWQUdOXbsmMKdEnmOjBgxAsKABv/I8Ni+evUKPMrcOILqmAgwQLLwkmaeEW7bntjFqX+Twz2FluS3mRie7rl3757IzXyDJykZkwV6+CAlWYeryON1nqLwxo0b0CD78gK22DkClJaWBll4mC9dvHjxzJkzpi6exCLhPGPGjAmn0XRU1O7ttoUGceNv376xL7Zgu2TJEqPBFJD8mS9DEd3YnFkgt61bt1IIeGg6g5KmowNnrqmpwZnNNHjirFmzli9fbt0BE+N3rHTzrsbGxoMHDxJPzdZZGAgH/VC3pcmkWR/k7BRjSGV5OmAmTpxILCYimxG2urpreAoLECiUYIbOlvVYsWKFKjbXrbsSknpMKoqFR3nTsGHDIAzRoNwy3+2JkoOCB1SiadBzG6n+ggULQsrmLgDm0kldciCwHIQoQtaPBako/u1LIpM7d+5QaTY1NbnktmrVKpWl/mSiK1XkSTVu3ryJqJZGcYqkDAuEBtt8CSY4evSoMQFboK9bt66kpMRPzZ3d1A7RkqGiKIYGv379GksOFZFVVVUzZ86M6dJTp06ZU4kqQExx6qd4dbY66aVDeFPN2pr8HDx4cFlZGTDckEU+zc94G/clb7Mk8vr164Q5QipZwtixY4N6UV2mLnvQkydPLl++TCWSSCTUh1FCI+FbmwXyJayztrZWXULL6jULB0ePHl1eXk7Fmqu3YFpBvIPS5s2bNx7tyRoJMNAyQraROOGZe+rr69++fSu4zcmB53GKbXV19fTp03OFCu6Wtyt7cJvVQ4YMofqAxkgDWg3P8h2SnYrkIJyh2fv376tcgQNhcy549OhRriABAHsTkxlPYHIkAHPmzFG+Zywdt5rEtqXJ8eHDh/+SA0jW0MqViqQcMRv2wk9CJeRGjua+ShWwmKtBl8EoVBcvXmxvgbL18ifjiKTCTGnrlClTSADAY0mcq5KY2w1236l4GsWaK1eQVKfZG24jMH9bWwbV9m7Yzco9VWfX5wp+25Pxy/zcVMaFF/O0MtzrDIDZW84hiYHFxq5mPDVo3BMx/XL7v1rIYWjy6MQvdqsa8/66EUGKIEWQIkgRpAhSBCmCFEGKIEWQcjHi7ZYoKg2pUhobG1++fJmrYomnq8eYSCTcjxbSheSW5bbTkBw5LGmtQ6RCPah3EAtXkb0a6LzPutOEZPZircmgxkEsZAp2CgsLCwoK9JVDDgt1e/+ttk/v3r1DGiGBr/i1U1FRUVRUBCr37wVdP+yrong8XlxcvHDhwryA/3fkhX/KYe3ILH7x/IftlHS+gQk0J397NYetvJSPDlro9j+46Q4q8ovkeXOXlpai7CGCFEHq0PhfgAEAfYQIy8tQffcAAAAASUVORK5CYII=');
}

.icon-credit {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAIAAAD+THXTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjgzQTNCRjMwQ0VCMTFFOUEwMzhDQTAzQkIzRjE0NjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjgzQTNCRjQwQ0VCMTFFOUEwMzhDQTAzQkIzRjE0NjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCODNBM0JGMTBDRUIxMUU5QTAzOENBMDNCQjNGMTQ2MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCODNBM0JGMjBDRUIxMUU5QTAzOENBMDNCQjNGMTQ2MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ptn9YQEAAATfSURBVHja7FvLSiNBFDWxfZCNrQYUUcGNgjsD2bh0I6iLgGu37vwCf8Df8AMCorgU/AARXLgR3AkqiKKiEl+ZQw5zuNOdhzHVyYxTtWgq6XTdOnUffe6tSqpcLnf9rJbu+nHNQ/pHIZUrDZ2Pj4/4rQ7O1Upnv+p8/oAEDPhRKpViv7u7W8+ww1udwhOXXnU+qTjQ09PT/f39x8fHdDr9/v6OKx/uuIoEAJ1MJlMoFGZmZuKo/tDS5+cnrnt7e8Tz+vqarjSCwd0Oagkmw+kR3tPT087OTmNfwuzx2MvLCw2vp6eHHX5v7bD9jdOw6sK6V13iqJakEzRaHR/jQJ21PUyGHs6pcsXjLYh7Gw0MLQiClZWViYkJqgjDddDwuKzX19fFYpF2GA/INSFp3hgim82Ojo7+Pe+cUqkkq/HswUPykDwkD+l/goTATwJSh9u3OaH4Ygtq3cAbTa9nsiE00Iibmxt8FIOsRfudMO7e3t6hoSExNQeQ2JRZPDw8bG9vE5IEu8Uj0VqykZGRtbW1MAzdGF6ERB0fH4NiKRe0mJ3jgU7A4nC9urqCXDe+FJku+hSjNN52nDsPUCEPQL+n0poSURMS+bjmjZbP58fHx5Vu1ALfOiQsHFcQ17GxsVwu19T4Qf0sUlEBApAbr6+vI9W1OJOrSXDMvr6+Zj02qJ9F0k1tOoko1M4yg4KtG1+KrE3b8r8WhXpC5CF5SB6Sh/RzITWkc8klTlaiG44nWmTf3/GyoPP3r91SUH3XDXsQeRUA5TCJFsc5e1Iwlr+blRU0JMUq/EPYwcHB2dmZpa1JQNKWAq7T09MLCwtumDhHB+/Wyh0dHR0eHla1E+fmx40FDHtxcYFcfW5uzgETp4qoerbb21spJ4l81mqJhsc9LqTSbnwpCIK3tze73TQ7OwsBzMzKv5vzoEfvVTqDDlRkqzff1xLyZABQbosrUtqNjY3z83MsXlMyvp0yIf+bmpoKw/Dr5aEGFSIb4tgZqjTPHjwkD8lD8pA8pLZA0paECIGqk5YlxDvJ5Uvx3KmrUfE1HXm9MkshD0KfnIio7EEre8wtCWAaXKItPY8U6+uxBz6gajg+3t/fX15einR9Vho5slI08gxXLBaCsI7crdCZQJ34ubu7s7tBVbfSgqokSDPe3d2lAKoFXFbLw+HwM7BBfu9KP2TM3LywJx25yvjIU3X8QePwIG10/d68AB6an04i6a5NBJw5d+Vco6ZrzZ5GVCqVuJ3xJV/iw/39/Vgn2hi/5EepUcfHqDHcrXXo6nvJhYzKmoxCF6QDM74fGBioKjcdV9Hq6momk+E6ycw4EAeV51AYvreZYotN9QYe2IzUJAgSdwcHBxcXF6vKjRZG4g6nULO1tfX8/MzRC4VCLpfTj51vqp+cnBSLRQ4Lq9nc3IxMzwbAL/mS1sMqRCUoDZQQHmtmkZeEplenGJau46Z2SSKeauOETRad1B44uFzIFgtaJUSqadBh5Lg6YGorBA61pHpoHetqqTRJAQhrSNH51kNYHx4e5g8I2CGB4Oyz2awiUxiGzrSk5admlpaWEGeAJ5/PT05OKhImcX4c48/Pz2MdEamXl5ebGr/BAstN7aA2lCdUzbPG1tQBosZa0pEK+06oRa4cEnAbcpoNDyn/LzMPyUNy0n4JMADBTvVJHLcOCgAAAABJRU5ErkJggg==');
}

.icon-ions {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAIAAAD+THXTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjgzQTNCRjcwQ0VCMTFFOUEwMzhDQTAzQkIzRjE0NjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjgzQTNCRjgwQ0VCMTFFOUEwMzhDQTAzQkIzRjE0NjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCODNBM0JGNTBDRUIxMUU5QTAzOENBMDNCQjNGMTQ2MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCODNBM0JGNjBDRUIxMUU5QTAzOENBMDNCQjNGMTQ2MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjbJhwQAAAobSURBVHja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');
}

.icon-me {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAIAAAD+THXTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9ixZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDAxNjU3NzIwQ0VCMTFFOUEwMzhDQTAzQkIzRjE0NjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDAxNjU3NzMwQ0VCMTFFOUEwMzhDQTAzQkIzRjE0NjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEMDE2NTc3MDBDRUIxMUU5QTAzOENBMDNCQjNGMTQ2MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEMDE2NTc3MTBDRUIxMUU5QTAzOENBMDNCQjNGMTQ2MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlLb8LoAAAnZSURBVHj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');
}

/*好友*/
.aui-flexView {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.aui-scrollView {
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  position: relative;
}

.aui-navBar {
  height: 44px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 1002;
  background: #fff;
}

.aui-navBar-item {
  height: 44px;
  min-width: 25%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  padding: 0 0.9rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.7rem;
  white-space: nowrap;
  overflow: hidden;
  color: #808080;
  position: relative;
}

.aui-navBar-item:first-child {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-right: -25%;
  font-size: 0.9rem;
  font-weight: bold;
}

.aui-navBar-item:last-child {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.aui-center {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 44px;
  width: 50%;
  margin-left: 25%;
}

.aui-center-title {
  text-align: center;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  font-size: 0.95rem;
  color: #333;
}

.icon {
  width: 25px;
  height: 25px;
  display: block;
  border: none;
  float: left;
  background-size: 20px;
  background-repeat: no-repeat;
}

.icon-return {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAACWklEQVRoQ+3bT0tVQRjH8a8QihCJ4kJ6AwVtQmgjihJGhdDGjb2K3ouvwhYtRNCEEqNw48I2LdrUOigSEZEikB+cE8PhHBVnnpnnXL2bC/feGeZz5pln/pxzh7hmr6Fr5uUG7LDH7wFTwCfgX2z7vPfwMrAG3KreXw4y+AXwpsLK+RcYHlRwEyvna2BlEMFt2G1An/8ZNLApVhfLU9Iyx3oCZ8F6AWfDegC3YXeA5ykSVFuCKzmGu7BLwGlsNu4qXwpcBFsqpIthS4CfARvBclFt0Jg1DeMwvHOGtLDrjfVwVmzOHnaBzQV2g80BdoW1BrdhdWrxxHKevWj+tkpaXdinwMlFjbL83gLsFmsR0q6xqcHusSnBvcCmAvcGmwL8GNhqLBc19RTPxlbbw1/ARFC5a2yKHj4ExgLwXtW7x5ZzaUzdsfOwVk3a7o0EjdgHFOou0bFgOReAt31BpwD3Cp0KfB56ETiKGXcpy6YE1+hNYDRo5Gdg3gs6NVjOGeCdV7QF2DXaCuwWbQmu0bq3e7sxpjVP/06ZjC5blzVY7XhUnT2H6C/AXAl0DrArdC6wG3ROcI3WlHUnGHMKby1Pf152HMb8LjdYbX0IfGigvwKzOdAlwEXRpcDF0CXBNVp3EMeDcWka3qXBcj4APragteH4EZOg2sp6AHehv1UbkaRoL+BsaE/gGr0LTAbhmLSnvYHl1APhOu41QXsEd6EPgOnYJOYV3IbWo8PhcfCV7J7BAt0H3gN3gVfA6pWUQSHvYDVVB4L6k8f3WKzK9wGcwvm/jhtw0svpsLIzwzyZPQ8HYYoAAAAASUVORK5CYII=');
}

.m-slider {
  overflow-x: hidden;
  width: 100%;
  position: relative;
}

.slider-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  position: relative;
  z-index: 1;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.slider-item {
  width: 100%;
  height: 100%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #f6f6f6;
}

.slider-item img {
  width: 100%;
  height: auto;
  display: block;
  border: none;
}

.slider-pagination {
  text-align: right;
  position: absolute;
  width: 100%;
  z-index: 2;
  right: 0;
  bottom: 10px;
  pointer-events: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.slider-pagination>.slider-pagination-item {
  margin: 0 0.25rem;
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.4);
}

.slider-pagination>.slider-pagination-item.slider-pagination-item-active {
  background-color: #fff;
  border-radius: 100%;
}

.tab-nav01 {
  height: 40px;
  line-height: 40px;
  display: block;
  position: relative;
  background: #8b8585;
  z-index: 1;
  width: 100%;
  margin: 0 auto;
  box-shadow: 0 3px 3px #e2e2e2;
}

.tab-nav-item01 {
  height: 40px;
  line-height: 40px;
  position: relative;
  text-align: center;
  color: #585858;
  font-size: 1.1rem;
  display: block;
  float: left;
  width: 20%;
}

@media (max-width: 767px) {
  .tab-nav-item01 {
    font-size: 1.1rem;
    width: 33.333%;
    text-align: center;
  }
}

.tab-nav-item01.tab-active {
  /* background-color: #51bd03; */
}

.tab-nav-item01.tab-active a {
  color: #000000;
  font-size: 0.8rem;
  font-weight: bold;
}

.tab-nav-item01 a {
  display: inherit;
  color: #fff;
}

.tab-nav-item01 a:hover {
  display: inherit;
  color: #fff;
  background: #4e3c37;
}

.tab-panel {
  position: relative;
  overflow: hidden;
}

.tab-panel .tab-panel-item {
  width: 100%;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.tab-panel .tab-panel-item.tab-active~.tab-panel-item {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.tab-panel .tab-panel-item.tab-active {
  position: relative;
  -webkit-transition: -webkit-transform 0.15s;
  transition: -webkit-transform 0.15s;
  transition: transform 0.15s;
  transition: transform 0.15s, -webkit-transform 0.15s;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

@media (max-width: 767px) {
  .tab-content>.tab-panel {
    padding: 0;
  }
}

.aui-car-img {
  width: 60px;
  max-height: 60px;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  /* margin-right: 0.8rem; */
}

.name-row {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.name-row h2 {
  max-width: 130px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.aui-car-release {
  position: absolute;

  top: -2px;
  background: #091a52;
  color: #fff;
  padding: 0.05rem 0.2rem;
  font-size: 0.5rem;
  transform: scale(0.8);
}

.aui-icon-play {
  position: absolute;
  right: 5px;
  bottom: 5px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 20px;
  padding: 0.25rem 0.5rem;
}

.aui-icon-img {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 20px;
  padding: 0.15rem 0.5rem;
}

.icon-play {
  margin: 0 auto;
  display: block;
  float: initial;
  width: 8px;
  height: 8px;
  background-size: 8px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAC/UlEQVRoQ+WbuYsUQRSHv99/YbRibiLmCpoYuYGBJoIoi0aerCjei6C464WBR+KxHpkIRmqgoIIXHmisKEaeCJ6BljzshsWd7uma7pnurqp0Xr1+X9dUvX5HiS7DObcU2A7MTkS/AOeASUkPu81v2u/KM8g5dxRYmyNzD9gs6XbTwLLsyQR2zg0DVwqCnAE2SvpcUL42sTzg18CQh2XvgfWSLnrMGbhoR2Dn3FzgUY/WXANWS7IX1riRBbwGOF7C2p920Ek6WEJHX6ZmAe8BdlbwxKfAckkvKtBViYos4APAaCVP+KfEVnqHpB8V6uxJVRbwBLCpJ43Zk2xPr5B0q2K9XuoGCZwaNgmsq8uF1QFs4B+ADZLOey1PBcJ1Aaem30z+5m8qYCmkom5gM/I7sAs4JOlPIatLCDUBODXfXJgdas9K8HSd2iRgM/Y3cKSfLqxpwOkKmQsbkXSj65J5CjQVOMW4kAQkdqpXMpoObJAf7SNI0tkqiNsAPNWFrZL0qgx4m4CN077FLbCZkGQHnPdoG3AK+DyJwrxdWFuBUxd2LIm7vxVd6jYDp4xvgZVFXVgIwCn4ySQK+5W32iEBG6ft6QWSPmVBhwZsnHeA+VmBSIjABm3ppL2dVjlUYCsIDEn6+j90qMDGuVjS1ZiAreY1HhPwVkn7YwJeIulyLMB2WM2QNO2TM9RDa7cki6qmjRCB7wLzYvnweAIszKtqhLTCJ5L8V/DBQzThoVUpLAGwrdNpHFq0FE2Kx5J4Y8B4DEk8qzRGkaaNKhFvPV/WLRB8qSWaYlpU5dJoCuJRtTxE09QSVduSddNbm3EtvdWDDA8b3XpYdXOpZQ/Hmtxcaq3DHXNCReuwiVxr2odHgFOecFPFzdVYg/jhEjr6MjVrD88BHvf4xOtJj9XA+id97My75PESmOWh7F1y+l7ymDNw0TzgZUBR408nvVS1uBqft5YJbEqcc1uAfTkK79tVgSAuaqWQzrlFticBu9ozE7BVtJZAu4r3wOftNkH2L42IbEyFwjgiAAAAAElFTkSuQmCC');
}

.icon-img {
  margin: 0 auto;
  display: block;
  float: initial;
  width: 12px;
  height: 12px;
  background-size: 12px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAACwUlEQVRoQ+2bjXHUQAyF9SoAOoAKQiqA6wAqACogVECoAFIBSQWECshVkFABlJAOHvPCesYYr/9udbLvvDOeTOZya3162l1JdmBmRvKVmX00s+f6/QDHjZl9AnADki/N7McBQrYhbQR8e8DKNqG3AuaRqPuAuQI31L4wMy34+4VEwWMz0wb8Jmdvl8KnAO4WAvqPmenU+dZmew74AsDZEmErm0letimdA34N4HrhwBLsc5MhB7zRIb1w4Nb8YjIwSW0QJ2amiX+b2RaAfs5i5BKqScAklYYqZARdH4qKD3PY7IoBk9Tup60/N3SEaQ8IXRJFgEmepyKjL2wF/QxA2Pm9M3Bas79awjgHr9D+0ucZr89LAI+tqrSJ6TshowTw0HCuAO8BPAmh/Vvj73YskXxrZl9HAPwEENZQKAEs41U7Dx1XAOSkkLEzsKwmqaPmxUCC0GytFLBUFvSjHuhQdZM4u63hCjB5ToVFDjoctihwmkwppdanMi6prhxatfNldIbVEOa/5uSkXHrgGi76ZyTlWO0fClU5XNfoU2DWwCm7e5+i6WkJD84SOIGqeC9+rM0OOPWjlOA0S88SAmfbtCFnKEmBFle17qlZKOwZws2wmAtwX1OhSDhrkvCu5T7CeEhI69GiykHXQbK1lep505zCdwBOPW88odwsYk7Xoxa3ZnzKmpT2uRw9XZ7pAnZpxEXCdm1alZNUELwr1WdOYawMau/KVkBDng9L6TMAV1MX0T7P2T4bhwDX1Vbb9fvQfnMt+W97StFnm8vnY4DrBqjroUsh32y2q6rRVdXKLoZPnXQq8NT7hX9vBQ6XwNmAVWFnB4dPvyocLoGzAavCzg4On35VOFwCZwNWhZ0dHD79qnC4BM4GrAo7Ozh8+qNUWG0avQZ8DOPh33jGvlK4ZMdsIOsTtDqSh6r01szO9cLNH51C6GhMYZY8AAAAAElFTkSuQmCC');
}


.aui-car-img img {
  display: block;
  border: none;
  max-width: 60px;
  height: 60px;
  width: 100%;
  background: url(../img/2022_vip/no_photo.svg) center center;
  background-size: 60px;
  object-fit: cover;
  border-radius: 50px;
}

.aui-flex-box h2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  text-overflow: ellipsis;
  color: #505050;
  font-size: 1.3rem;
  text-align: justify;
  font-weight: normal;
  margin-bottom: 0.2rem;
  font-weight: 800;
}

.aui-flex-box span {
  border: 1px solid #198754;
  font-size: 0.9rem;
  border-radius: 3px;
  margin-bottom: 0.2rem;
  display: block;
  width: 100px;
  text-align: center;
  transform: scale(0.8);
  color: #198754;
  font-weight: 800;
}

.aui-flex-box p {
  color: #999999;
  font-size: 0.8rem;
  margin-bottom: 5px;
}

.aui-content-list {
  display: block;
  border-bottom: 5px solid #f0f0f0 !important;
}

.aui-content-list .b-line:after {
  left: 15px;
  width: 92%;
}

.aui-flex-box em {
  font-style: normal;
  color: #676767;
  font-size: 0.85rem;
  width: 100%;
  position: relative;
  display: block;
  text-align: center;
}

.aui-flex-box em:before {
  content: '';
  position: absolute;
  z-index: 0;
  top: 3px;
  right: 10px;
  height: 80%;
  border-right: 2px solid #d9d9d9;
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

@media (max-width: 768px) {
  .aui-flex-box em {
    font-size: 0.85rem;
    border: 2px solid #fff;
    border-radius: 5px;
    /* background: #05b58b; */
    background: #510e6d;
    color: #fff;
    padding: 3px 0;
  }

  .aui-flex-box em:before {
    border: none;
  }
}

@media (max-width: 768px) {
  .friend-aui-flex-box em {
    background: #107167 !important;
    color: #fff;
  }
}

.aui-flex-box em .icon {
  width: 18px;
  height: 18px;
  background-size: 18px;
}

.aui-flex-box .aui-clear-line:before {
  border-right: 0;
}

/*1220-下方解任務用*/
.bg-lightyellow {
  background: #ebfaff;
}

.bg-lightblue_pv {
  background: #4f8ca4 !important;
}

.bg-lightorange_pv {
  background: #2bb529 !important;
}

.bg-red-coupon {
  background: #fd9800 !important;
}

#timeline .timeline-item:after,
#timeline .timeline-item:before {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}

#timeline {
  width: 92%;
  margin: 30px auto;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

#timeline:before {
  content: '';
  width: 3px;
  height: 100%;
  background: #7d7d7d;
  left: 50%;
  top: 0;
  position: absolute;
}

#timeline:after {
  content: '';
  clear: both;
  display: table;
  width: 100%;
}

#timeline .timeline-item {
  margin-bottom: 20px;
  position: relative;
}

#timeline .timeline-item .timeline-icon {
  background: #b3b3b3;
  width: 51px;
  height: 51px;
  position: absolute;
  top: 0;
  left: 50%;
  overflow: hidden;
  margin-left: -23px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

#timeline .timeline-item .timeline-icon svg {
  position: relative;
  top: -0.18em;
  color: #fff;
  width: 25px;
  height: 25px;
}

#timeline .timeline-item .timeline-content {
  width: 45%;
  background: #f5f5f5;
  padding: 20px 20px 0 20px;
  -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#timeline .timeline-item .timeline-content_ok {
  width: 45%;
  background: #ebfaff;
  padding: 20px 20px 0 20px;
  -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#timeline .timeline-item .timeline-content_ok1 {
  width: 45%;
  background: #f9fff6;
  padding: 20px 20px 0 20px;
  -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#timeline .timeline-item .timeline-content h2 {
  padding: 15px 10px;
  font-size: 1rem;
  letter-spacing: 0.02rem;
  background: #b3b3b3;
  color: #fff;
  margin: -20px -20px 0 -20px;
  font-weight: 700;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

#timeline .timeline-item .timeline-content:before {
  content: '';
  position: absolute;
  left: 45%;
  top: 20px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #7d7d7d;
}

#timeline .timeline-item .timeline-content_ok:before {
  content: '';
  position: absolute;
  left: 45%;
  top: 20px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #4f8ca4;
}

.coupontask #timeline .timeline-item .timeline-content_ok:before {
  border-left: 7px solid #fd9800;
}

#timeline .timeline-item .timeline-content.right,
#timeline .timeline-item .timeline-content_ok.right {
  float: right;
}

#timeline .timeline-item .timeline-content.right:before {
  content: '';
  right: 45%;
  left: inherit;
  border-left: 0;
  border-right: 7px solid #7d7d7d;
}

#timeline .timeline-item .timeline-content_ok.right:before {
  content: '';
  right: 45%;
  left: inherit;
  border-left: 0;
  border-right: 7px solid #4f8ca4;
}

@media screen and (max-width: 768px) {
  #timeline {
    margin: 30px;
    padding: 0;
  }

  #timeline:before {
    left: 0;
  }

  #timeline .timeline-item .timeline-content {
    width: 90%;
    float: right;
  }

  #timeline .timeline-item .timeline-content:before,
  #timeline .timeline-item .timeline-content.right:before {
    left: 10%;
    margin-left: -6px;
    border-left: 0;
    border-right: 7px solid #7d7d7d;
  }

  #timeline .timeline-item .timeline-content_ok:before,
  #timeline .timeline-item .timeline-content_ok.right:before {
    left: 10%;
    margin-left: -6px;
    border-left: 0;
    border-right: 7px solid #4f8ca4;
  }

  .coupontask #timeline .timeline-item .timeline-content_ok:before {
    left: 10%;
    margin-left: -6px;
    border-left: 0;
    border-right: 7px solid #fd9800;
  }

  #timeline .timeline-item .timeline-icon {
    left: 0;
  }
}