* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  background: #f8f8f8;
}
body {
  font-family: 'PingFangSC-Medium', 'Microsoft YaHei', 'Arial', 'Helvetica', 'sans-serif' !important;
  color: #414655;
  background: #f8f8f8;
}
html,
#app,
body {
  min-height: 100%;
  height: 100%;
}
input,
textarea,
button {
  outline: none;
  border: 0;
  vertical-align: middle;
  background: none;
}
input::-moz-placeholder, textarea::-moz-placeholder, button::-moz-placeholder {
  color: #999;
}
input::placeholder,
textarea::placeholder,
button::placeholder {
  color: #999;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
ul,
ol,
li {
  list-style: none;
}
.container:before {
  content: '';
  display: table;
  clear: both;
}
.container:after {
  content: '';
  display: table;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
.scroll-y {
  overflow-y: auto;
}
.scroll-y::-webkit-scrollbar {
  width: 8px;
  scroll-behavior: smooth;
}
.scroll-y::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #ffffff;
}
.scroll-y::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: #f5e8c4;
}
.scroll-x {
  overflow-x: scroll;
}
.flex {
  display: flex;
}
.flex1 {
  flex: 1;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {
  clear: both;
}
.left {
  text-align: left;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.cursor {
  cursor: pointer;
}
.over-hidden {
  overflow: hidden !important;
}
.re {
  position: relative !important;
}
.ab {
  position: absolute !important;
}
.ai-c {
  align-items: center;
}
.w100 {
  width: 100%;
}
.h100 {
  height: 100%;
}
.block {
  display: block;
}
.radius50 {
  border-radius: 50%;
}
.bold {
  font-weight: 700 !important;
}
.flex-middle {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.flex-middle-only {
  display: flex;
  align-items: center;
}
.flex-between {
  display: flex;
  justify-content: space-between;
}
.flex-center {
  display: flex;
  justify-content: center;
}
.flex-around {
  display: flex;
  justify-content: space-around;
}
.flex-end {
  display: flex;
  justify-content: flex-end;
}
.flex-start {
  display: flex;
  justify-content: flex-start;
}
.flex-1 {
  flex: 1 !important;
}
.flex-column {
  flex-direction: column;
}
.ab-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ab-middle-x {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.ab-middle-y {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.hide-scroll-bar::-webkit-scrollbar {
  width: 1px;
}
textarea {
  resize: none;
}
.white {
  color: #fff !important;
}
.golden {
  color: #E6C981 !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-golden {
  background-color: #E6C981 !important;
}
.red {
  color: #DB6372 !important;
}
.black {
  color: black!important;
}
.icon {
  display: inline-block;
  vertical-align: middle;
  background-image: url(../images/sprite.png);
}
.icon-downred {
  width: 0.1rem;
  height: 0.11rem;
  background-position: 0rem 0rem;
  background-size: 3.75rem 15.41rem;
}
.icon-icon-rotate {
  width: 0.13rem;
  height: 0.12rem;
  background-position: 0rem -0.12rem;
  background-size: 3.75rem 15.41rem;
}
.icon-back {
  width: 0.21rem;
  height: 0.2rem;
  background-position: 0rem -0.25rem;
  background-size: 3.75rem 15.41rem;
}
.icon-up {
  width: 0.21rem;
  height: 0.2rem;
  background-position: 0rem -0.46rem;
  background-size: 3.75rem 15.41rem;
}
.icon-bet-record {
  width: 0.21rem;
  height: 0.21rem;
  background-position: 0rem -0.67rem;
  background-size: 3.75rem 15.41rem;
}
.icon-down {
  width: 0.2rem;
  height: 0.21rem;
  background-position: 0rem -0.89rem;
  background-size: 3.75rem 15.41rem;
}
.icon-order {
  width: 0.21rem;
  height: 0.21rem;
  background-position: 0rem -1.11rem;
  background-size: 3.75rem 15.41rem;
}
.icon-record {
  width: 0.21rem;
  height: 0.21rem;
  background-position: 0rem -1.33rem;
  background-size: 3.75rem 15.41rem;
}
.icon-ding {
  width: 0.24rem;
  height: 0.24rem;
  background-position: 0rem -1.55rem;
  background-size: 3.75rem 15.41rem;
}
.icon-ball-bg {
  width: 0.27rem;
  height: 0.3rem;
  background-position: 0rem -1.8rem;
  background-size: 3.75rem 15.41rem;
}
.icon-ball-active {
  width: 0.4rem;
  height: 0.34rem;
  background-position: 0rem -2.11rem;
  background-size: 3.75rem 15.41rem;
}
.icon-ball {
  width: 0.4rem;
  height: 0.34rem;
  background-position: 0rem -2.46rem;
  background-size: 3.75rem 15.41rem;
}
.icon-cai-active {
  width: 0.37rem;
  height: 0.37rem;
  background-position: 0rem -2.81rem;
  background-size: 3.75rem 15.41rem;
}
.icon-cai {
  width: 0.37rem;
  height: 0.37rem;
  background-position: 0rem -3.19rem;
  background-size: 3.75rem 15.41rem;
}
.icon-car {
  width: 0.47rem;
  height: 0.47rem;
  background-position: 0rem -3.57rem;
  background-size: 3.75rem 15.41rem;
}
.icon-cart-grey {
  width: 0.47rem;
  height: 0.47rem;
  background-position: 0rem -4.05rem;
  background-size: 3.75rem 15.41rem;
}
.icon-play-bg {
  width: 0.535rem;
  height: 0.49rem;
  background-position: 0rem -4.53rem;
  background-size: 3.75rem 15.41rem;
}
.icon-i-ball0 {
  width: 0.595rem;
  height: 0.605rem;
  background-position: 0rem -5.03rem;
  background-size: 3.75rem 15.41rem;
}
.icon-i-ball1 {
  width: 0.595rem;
  height: 0.605rem;
  background-position: 0rem -5.645rem;
  background-size: 3.75rem 15.41rem;
}
.icon-i-ball2 {
  width: 0.595rem;
  height: 0.605rem;
  background-position: 0rem -6.26rem;
  background-size: 3.75rem 15.41rem;
}
.icon-i-ball3 {
  width: 0.595rem;
  height: 0.605rem;
  background-position: 0rem -6.875rem;
  background-size: 3.75rem 15.41rem;
}
.icon-i-ball4 {
  width: 0.595rem;
  height: 0.605rem;
  background-position: 0rem -7.49rem;
  background-size: 3.75rem 15.41rem;
}
.icon-i-ball5 {
  width: 0.595rem;
  height: 0.605rem;
  background-position: 0rem -8.105rem;
  background-size: 3.75rem 15.41rem;
}
.icon-i-ball6 {
  width: 0.595rem;
  height: 0.605rem;
  background-position: 0rem -8.72rem;
  background-size: 3.75rem 15.41rem;
}
.icon-i-ball7 {
  width: 0.595rem;
  height: 0.605rem;
  background-position: 0rem -9.335rem;
  background-size: 3.75rem 15.41rem;
}
.icon-i-ball8 {
  width: 0.595rem;
  height: 0.605rem;
  background-position: 0rem -9.95rem;
  background-size: 3.75rem 15.41rem;
}
.icon-i-ball9 {
  width: 0.595rem;
  height: 0.605rem;
  background-position: 0rem -10.565rem;
  background-size: 3.75rem 15.41rem;
}
.icon-area-bg {
  width: 1.36rem;
  height: 0.95rem;
  background-position: 0rem -11.18rem;
  background-size: 3.75rem 15.41rem;
}
.icon-tab-active {
  width: 0.72rem;
  height: 0.95rem;
  background-position: 0rem -12.14rem;
  background-size: 3.75rem 15.41rem;
}
.icon-tab-bg {
  width: 0.72rem;
  height: 0.95rem;
  background-position: 0rem -13.1rem;
  background-size: 3.75rem 15.41rem;
}
.icon-top-bg {
  width: 3.75rem;
  height: 1.35rem;
  background-position: 0rem -14.06rem;
  background-size: 3.75rem 15.41rem;
}
.header {
  height: 1.15rem;
  background-size: 100% 100%;
}
:root {
  --van-popover-dark-background-color: red;
  --van-overlay-z-index: 2000;
}
@font-face {
  font-family: Myriad Prol;
  src: url(../fonts/MyriadPro-Light.d1846886.woff);
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: Myriad ProB;
  src: url(../fonts/MYRIADPRO-SEMIBOLD.6fd5c55d.woff);
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: Myriad Pro;
  src: url(../fonts/MYRIADPRO-REGULAR.39338481.woff);
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: Myriad ProBold;
  src: url(../fonts/Myriad-Pro-Bold.5468e8ae.ttf);
  font-style: normal;
  font-weight: normal;
}
body {
  font-size: 0.14rem;
  touch-action: manipulation;
  background-color: #1e120f;
  min-height: 100%;
}
.scroll-style::-webkit-scrollbar {
  width: 0.04rem;
  scroll-behavior: smooth;
}
.scroll-style::-webkit-scrollbar-track {
  border-radius: 0.02rem;
  background-color: #72716f;
}
.scroll-style::-webkit-scrollbar-thumb {
  border-radius: 0.03rem;
  background: #f5e8c4;
}
.fs8 {
  font-size: 0.08rem !important;
}
.fs10 {
  font-size: 0.1rem !important;
}
.fs12 {
  font-size: 0.12rem !important;
}
.fs14 {
  font-size: 0.14rem !important;
}
.fs16 {
  font-size: 0.16rem !important;
}
.fs18 {
  font-size: 0.18rem !important;
}
.fs20 {
  font-size: 0.2rem !important;
}
.fs22 {
  font-size: 0.22rem !important;
}
.fs24 {
  font-size: 0.24rem !important;
}
/**
 * 定义循环方法
 * @index--传入的循环起始值
 * @len--循环的最大值  也可使用常量  eg:(@index<4)
 */
.mg-4 {
  margin: 0.04rem !important;
}
.m-t4 {
  margin-top: 0.04rem !important;
}
.m-r4 {
  margin-right: 0.04rem !important;
}
.m-b4 {
  margin-bottom: 0.04rem !important;
}
.m-l4 {
  margin-left: 0.04rem !important;
}
.pd-4 {
  padding: 0.04rem !important;
}
.p-t4 {
  padding-top: 0.04rem !important;
}
.p-r4 {
  padding-right: 0.04rem !important;
}
.p-b4 {
  padding-bottom: 0.04rem !important;
}
.p-l4 {
  padding-left: 0.04rem !important;
}
.mg-5 {
  margin: 0.05rem !important;
}
.m-t5 {
  margin-top: 0.05rem !important;
}
.m-r5 {
  margin-right: 0.05rem !important;
}
.m-b5 {
  margin-bottom: 0.05rem !important;
}
.m-l5 {
  margin-left: 0.05rem !important;
}
.pd-5 {
  padding: 0.05rem !important;
}
.p-t5 {
  padding-top: 0.05rem !important;
}
.p-r5 {
  padding-right: 0.05rem !important;
}
.p-b5 {
  padding-bottom: 0.05rem !important;
}
.p-l5 {
  padding-left: 0.05rem !important;
}
.mg-8 {
  margin: 0.08rem !important;
}
.m-t8 {
  margin-top: 0.08rem !important;
}
.m-r8 {
  margin-right: 0.08rem !important;
}
.m-b8 {
  margin-bottom: 0.08rem !important;
}
.m-l8 {
  margin-left: 0.08rem !important;
}
.pd-8 {
  padding: 0.08rem !important;
}
.p-t8 {
  padding-top: 0.08rem !important;
}
.p-r8 {
  padding-right: 0.08rem !important;
}
.p-b8 {
  padding-bottom: 0.08rem !important;
}
.p-l8 {
  padding-left: 0.08rem !important;
}
.mg-10 {
  margin: 0.1rem !important;
}
.m-t10 {
  margin-top: 0.1rem !important;
}
.m-r10 {
  margin-right: 0.1rem !important;
}
.m-b10 {
  margin-bottom: 0.1rem !important;
}
.m-l10 {
  margin-left: 0.1rem !important;
}
.pd-10 {
  padding: 0.1rem !important;
}
.p-t10 {
  padding-top: 0.1rem !important;
}
.p-r10 {
  padding-right: 0.1rem !important;
}
.p-b10 {
  padding-bottom: 0.1rem !important;
}
.p-l10 {
  padding-left: 0.1rem !important;
}
.mg-12 {
  margin: 0.12rem !important;
}
.m-t12 {
  margin-top: 0.12rem !important;
}
.m-r12 {
  margin-right: 0.12rem !important;
}
.m-b12 {
  margin-bottom: 0.12rem !important;
}
.m-l12 {
  margin-left: 0.12rem !important;
}
.pd-12 {
  padding: 0.12rem !important;
}
.p-t12 {
  padding-top: 0.12rem !important;
}
.p-r12 {
  padding-right: 0.12rem !important;
}
.p-b12 {
  padding-bottom: 0.12rem !important;
}
.p-l12 {
  padding-left: 0.12rem !important;
}
.mg-15 {
  margin: 0.15rem !important;
}
.m-t15 {
  margin-top: 0.15rem !important;
}
.m-r15 {
  margin-right: 0.15rem !important;
}
.m-b15 {
  margin-bottom: 0.15rem !important;
}
.m-l15 {
  margin-left: 0.15rem !important;
}
.pd-15 {
  padding: 0.15rem !important;
}
.p-t15 {
  padding-top: 0.15rem !important;
}
.p-r15 {
  padding-right: 0.15rem !important;
}
.p-b15 {
  padding-bottom: 0.15rem !important;
}
.p-l15 {
  padding-left: 0.15rem !important;
}
.mg-16 {
  margin: 0.16rem !important;
}
.m-t16 {
  margin-top: 0.16rem !important;
}
.m-r16 {
  margin-right: 0.16rem !important;
}
.m-b16 {
  margin-bottom: 0.16rem !important;
}
.m-l16 {
  margin-left: 0.16rem !important;
}
.pd-16 {
  padding: 0.16rem !important;
}
.p-t16 {
  padding-top: 0.16rem !important;
}
.p-r16 {
  padding-right: 0.16rem !important;
}
.p-b16 {
  padding-bottom: 0.16rem !important;
}
.p-l16 {
  padding-left: 0.16rem !important;
}
.mg-20 {
  margin: 0.2rem !important;
}
.m-t20 {
  margin-top: 0.2rem !important;
}
.m-r20 {
  margin-right: 0.2rem !important;
}
.m-b20 {
  margin-bottom: 0.2rem !important;
}
.m-l20 {
  margin-left: 0.2rem !important;
}
.pd-20 {
  padding: 0.2rem !important;
}
.p-t20 {
  padding-top: 0.2rem !important;
}
.p-r20 {
  padding-right: 0.2rem !important;
}
.p-b20 {
  padding-bottom: 0.2rem !important;
}
.p-l20 {
  padding-left: 0.2rem !important;
}
.mg-24 {
  margin: 0.24rem !important;
}
.m-t24 {
  margin-top: 0.24rem !important;
}
.m-r24 {
  margin-right: 0.24rem !important;
}
.m-b24 {
  margin-bottom: 0.24rem !important;
}
.m-l24 {
  margin-left: 0.24rem !important;
}
.pd-24 {
  padding: 0.24rem !important;
}
.p-t24 {
  padding-top: 0.24rem !important;
}
.p-r24 {
  padding-right: 0.24rem !important;
}
.p-b24 {
  padding-bottom: 0.24rem !important;
}
.p-l24 {
  padding-left: 0.24rem !important;
}
.mg-25 {
  margin: 0.25rem !important;
}
.m-t25 {
  margin-top: 0.25rem !important;
}
.m-r25 {
  margin-right: 0.25rem !important;
}
.m-b25 {
  margin-bottom: 0.25rem !important;
}
.m-l25 {
  margin-left: 0.25rem !important;
}
.pd-25 {
  padding: 0.25rem !important;
}
.p-t25 {
  padding-top: 0.25rem !important;
}
.p-r25 {
  padding-right: 0.25rem !important;
}
.p-b25 {
  padding-bottom: 0.25rem !important;
}
.p-l25 {
  padding-left: 0.25rem !important;
}
.mg-30 {
  margin: 0.3rem !important;
}
.m-t30 {
  margin-top: 0.3rem !important;
}
.m-r30 {
  margin-right: 0.3rem !important;
}
.m-b30 {
  margin-bottom: 0.3rem !important;
}
.m-l30 {
  margin-left: 0.3rem !important;
}
.pd-30 {
  padding: 0.3rem !important;
}
.p-t30 {
  padding-top: 0.3rem !important;
}
.p-r30 {
  padding-right: 0.3rem !important;
}
.p-b30 {
  padding-bottom: 0.3rem !important;
}
.p-l30 {
  padding-left: 0.3rem !important;
}
.lh-12 {
  line-height: 0.12rem !important;
}
.lh-20 {
  line-height: 0.2rem !important;
}
.lh-24 {
  line-height: 0.24rem !important;
}
.lh-30 {
  line-height: 0.3rem !important;
}
.lh-35 {
  line-height: 0.35rem !important;
}
.lh-40 {
  line-height: 0.4rem !important;
}
.lh-45 {
  line-height: 0.45rem !important;
}
.myDialogCss {
  width: 2.86rem;
  background-color: rgba(0, 0, 0, 0.4) !important;
  border: 0.01rem solid #fcefd5;
  border-radius: 0.15rem;
  color: #fff;
  font-size: 0.12rem;
  font-family: AppleSystemUIFont Regular;
}
.myDialogCss .van-dialog__confirm,
.myDialogCss .van-dialog__cancel {
  flex: unset;
  width: 1.2rem !important;
  height: 0.38rem;
  border-radius: 0.25rem;
  margin: 0 auto 0.24rem;
}
.myDialogCss .van-button--default {
  background: transparent linear-gradient(180deg, #f5e8c4 0%, #e3bb83 100%) 0% 0% no-repeat padding-box;
  font-weight: bold;
  font-size: 0.13rem;
}
.myDialogCss .van-hairline--top:after,
.myDialogCss .van-dialog__footer:after {
  border: none;
}
.myDialogCss .van-dialog__message {
  padding: 0.39rem 0.29rem 0.2rem;
}
:root {
  --van-dialog-width: 2.5rem;
  --van-white: #fff;
  --van-blue: #1989fa;
  --van-button-primary-color: var(--van-white);
  --van-button-primary-background-color: var(--van-primary-color);
  --van-dialog-confirm-button-text-color: #493B32;
  --van-button-default-background-color: linear-gradient(to bottom, #F5E8C4, #E3BB83);
  --van-overlay-z-index: 2000;
}
.van-dialog__header {
  display: none;
}
.van-toast {
  background-color: rgba(0, 0, 0, 0.7);
}
.van-toast__text {
  word-break: break-word;
}
.my-notification {
  background: transparent linear-gradient(180deg, #FCEFD5 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
  border: 2px solid #FFFFFF;
  border-radius: 16px;
  opacity: 0.95;
  color: #493B32;
  padding: 20px;
  width: 3.45rem;
  margin: 0 auto;
  margin-bottom: 13px;
}
.notification-title {
  word-break: break-word;
}