/*!*****************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./css/index.css ***!
  \*****************************************************************/
  html,
  body {
	  width: 100%;
	  height: 100%;
	  touch-action: manipulation;
	  overflow: hidden;
	  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei,
		  sans-serif;
  }
  a, article, aside, b, body, br, dd, div, dl, dt, em, footer, h1, h2, h3, h4, h5, h6, header, html, i, img, input, li, nav, ol, p, section, select, span, strong, textarea, ul{
	  padding: 0;
	  margin: 0;
  }
  
  img {
	  -webkit-user-drag: none;
  }
  
  /* @font-face {
		font-family: PingFang-Regular;
		src: url(/font/PingFang-Regular.ttf);
	} */
  body {
	  margin: 0;
	  padding: 0;
	  background-color: #f5f5f7;
	  user-select: none;
	  color: #333333;
  }
  
  .chat-container {
	  padding: auto;
	  background-color: #f5f5f7;
	  touch-action: pan-y;
	  overflow: hidden;
	  -webkit-overflow-scrolling: hidden;
	  width: 100%;
  }
  
  .chat-header {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  background-color: #f5f7fa;
	  color: #fff;
	  width: 100%;
	  border-bottom: 1px solid #ccc;
	  border-top: 1px solid #ccc;
	  box-sizing: border-box;
	  padding: 0 8px;
	  gap: 4px;
	  height: 36px;
  }
  
  .chat-header .expect {
	  font-size: 14px;
	  color: black;
	  margin-left: 5px;
	  word-break: break-all;
	  text-align: center;
	  font-family: DIN;
  }
  
  .chat-header ul {
	  display: flex;
	  align-items: center;
	  padding: 0;
	  gap: 4px;
	  list-style: none;
	  margin: 0;
  }
  
  .numlineheight05 {
	  line-height: 0.5vh;
  }
  
  .numlineheight10 {
	  line-height: 0.5vh;
  }
  
  .numlineheight15 {
	  line-height: 1.5vh;
  }
  
  .numlineheight20 {
	  line-height: vh;
  }
  
  .numlineheight25 {
	  line-height: 2.5vh;
  }
  
  .chat-header ul li {
	  display: inline-block;
	  height: 22px;
	  width: 22px;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  list-style: none;
	  flex: 1;
	  background-size: 4rem auto;
	  text-align: center;
	  color: #fff;
	  background: #0092dd;
	  font-size: 14px !important;
	  box-sizing: border-box;
	  border-radius: 50%;
  }
  
  .chat-header img {
	  width: 28px;
	  height: 28px;
  }
  
  .chat-messages {
	  width: 100%;
	  padding: 10px;
	  overflow: auto;
	  box-sizing: border-box;
	  touch-action: pan-y;
	  overflow-anchor: none;
	  overflow-x: hidden;
  }
  
  .message {
	  display: flex;
	  margin-bottom: 15px;
	  touch-action: pan-y;
  }
  
  .message2 {
	  margin-bottom: 15px;
  }
  
  .avatar img {
	  width: 45px;
	  height: 45px;
	  border-radius: 5px;
  }
  
  .received-content {
	  font-size: 16px;
	  /* margin: 5px 20px 0 15px; */
	  padding: 5px 10px;
	  box-sizing: border-box;
	  border-radius: 4px;
	  background-color: #fff;
	  margin-left: 16px;
	  border: 1px solid #d1d1d1;
	  position: relative;
	  box-sizing: border-box;
	  white-space: pre-wrap;
	  /* white-space: unset; */
	  line-height: 20px;
	  word-break: break-all;
	  letter-spacing: 0.4px;
	  touch-action: pan-y;
	  max-width: 265px;
	  overflow: hidden;
	  transform: scale(1);
	  -webkit-transform: scale(1);
  }
  
  .fontsizeios {
	  font-family: Courier;
	  /* font-family: "SimSun", "STSong", "Songti SC", "Microsoft YaHei", sans-serif; */
	  font-weight: 400;
  }
  
  .fontsizeandroid {
	  font-family: monospace, monospace;
  }
  
  .received-content-isbot {
	  background: #eff0fe;
	  max-width: 265px;
  }
  
  .received-content-inblock {
	  display: inline-block;
	  background-color: #fff;
  }
  
  .received-content-isbot::after {
	  background-color: #eff0fe !important;
  }
  
  .received-content-inblock::after {
	  background-color: #fff !important;
  }
  
  .sent-content {
	  font-size: 16px;
	  margin: 5px 0;
	  position: relative;
	  padding: 5px 10px;
	  border-radius: 4px;
	  background-color: #a1e85a;
	  margin-right: 10px;
	  border: 1px solid #d1d1d1;
	  white-space: pre-wrap;
	  word-break: break-all;
  }
  
  .sent-content:after {
	  right: -5px;
	  top: 7px;
	  display: block;
	  content: "";
	  width: 10px;
	  height: 10px;
	  border-style: solid;
	  border-color: #d1d1d1;
	  border-width: 1px 1px 0px 0px;
	  font-size: 0;
	  overflow: hidden;
	  position: absolute;
	  transform: rotate(45deg);
	  background-color: #a1e85a;
  }
  
  .received-content:after {
	  left: -7px;
	  top: 7px;
	  display: block;
	  content: "";
	  width: 10px;
	  height: 10px;
	  border-style: solid;
	  border-color: #d1d1d1;
	  border-width: 0px 0px 1px 1px;
	  font-size: 0;
	  overflow: hidden;
	  position: absolute;
	  transform: rotate(45deg);
	  background-color: white;
  }
  
  .setBox:after {
	  bottom: 5px;
	  display: block;
	  content: "";
	  width: 10px;
	  height: 10px;
	  border-style: solid;
	  border-color: #d1d1d1;
	  border-width: 1px 1px 0px 0px;
	  font-size: 0;
	  overflow: hidden;
	  position: relative;
	  transform: rotate(135deg);
	  background-color: white;
	  right: -98px;
  }
  
  .received {
	  align-self: flex-start;
	  float: left;
	  width: 100%;
  }
  
  .sent {
	  align-self: flex-end;
	  float: right;
	  width: 100%;
  
	  align-self: flex-end;
	  float: right;
	  margin-right: 1px;
	  width: 100%;
	  display: flex;
	  justify-content: flex-end;
	  margin-bottom: 15px;
  }
  
  .sent .message-sent {
	  display: flex;
	  flex-direction: column;
	  align-items: flex-end;
  }
  
  .received .user-name {
	  font-size: 12px;
	  text-align: left;
	  margin-left: 10px;
	  color: red;
  }
  
  .sent .user-name {
	  font-size: 12px;
	  text-align: right;
	  margin-right: 10px;
  }
  
  .chat-input {
	  display: flex;
	  align-items: center;
	  padding: 10px;
	  padding: 2px;
	  background-color: #f0f0f0;
	  border-top: 1px solid #ccc;
	  z-index: 2;
	  flex-direction: row;
	  flex-wrap: nowrap;
  }
  
  .chat-input textarea {
	  padding: 8px 3px;
	  border: 1px solid #ccc;
	  border-radius: 5px;
	  outline: none;
	  margin-left: 5px;
	  margin-right: 5px;
	  flex: 1;
	  min-width: 100px;
	  font-size: 16px;
	  height: 32px;
	  display: block;
	  padding: 0;
	  padding-left: 8px;
	  padding-top: 6px;
	  color: #333;
	  resize: none;
	  box-sizing: border-box;
  }
  
  .chat-input button {
	  background-color: #69b076;
	  color: #fff;
	  border: none;
	  border-radius: 5px;
	  cursor: pointer;
	  font-size: 18px;
	  height: 32px;
	  font-weight: 500;
	  white-space: nowrap;
	  min-width: 70px;
  }
  
  .chat-input img {
	  width: 30px;
	  height: 30px;
	  margin-right: 5px;
	  margin-left: 5px;
  }
  
  .key {
	  font-size: 18px;
	  border: none;
	  border-radius: 20%;
	  background-color: #fff;
	  cursor: pointer;
	  padding: 3px;
	  height: 25px;
	  line-height: 25px;
	  color: black;
	  margin: 1px;
	  -webkit-user-select: none;
	  /* Chrome, Safari, Opera */
	  -moz-user-select: none;
	  /* Firefox */
	  -ms-user-select: none;
	  /* Internet Explorer/Edge */
	  user-select: none;
	  /* Non-prefixed version, currently supported by most modern browsers */
	  /* 自适应宽度 */
  }
  
  .key:active {
	  /* background: red; */
  }
  .key >span {
	  position: absolute;
	  font-size: 14px;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  white-space: nowrap;
  }
  
  .spacekey:before {
	  content: "";
	  position: absolute;
	  width: 80%;
	  height: 10px;
	  left: 10%;
	  bottom: 5px;
	  border-radius: 2px;
	  background: #7f8085;
  }
  
  .spacekey:after {
	  content: "";
	  position: absolute;
	  width: 70%;
	  height: 10px;
	  left: 15%;
	  bottom: 8px;
	  border-radius: 2px;
	  background: #fff;
  }
  
  .keyboard {
	  bottom: 10px;
	  background-color: #f0f0f0;
	  padding: 5px;
	  user-select: none;
	  font-weight: 900;
  }
  
  #custom-input:focus+#virtual-keyboard {
	  display: block;
  }
  
  #virtual-keyboard {
	  display: none;
	  flex-wrap: wrap;
	  padding: 5px;
	  border-top: 0.1px solid #ccc;
	  background-color: #d0d3dc;
  }
  
  #virtual-keyboard.show {
	  display: flex;
  }
  
  #chat-history.show {
	  display: flex;
	  flex-direction: column;
  }
  
  #movehistory.show {
	  transform: rotate(180deg);
  }
  
  #openButton.show {
	  transform: rotate(180deg);
  }
  
  #openButton2.show {
	  transform: rotate(180deg);
  }
  
  .keyboard-open {
	  transform: translateY(-180px);
	  /* 向上偏移120px */
  }
  
  #virtual-action {
	  display: none;
	  flex-wrap: wrap;
	  padding: 5px;
	  border-top: 1px solid #ccc;
	  background-color: #f0f0f0;
	  height: 123px;
  }
  
  #virtual-action.show {
	  display: flex;
  }
  
  .action {
	  margin: 10px;
	  height: 80px;
	  width: 80px;
	  background-color: white;
	  border-radius: 8px;
	  line-height: 80px;
	  text-align: center;
  }
  
  .action-text {
	  font-size: 0.8rem;
	  text-align: center;
	  margin-top: 10px;
	  color: #8a8a8a;
  }
  
  .action img {
	  width: 50px;
	  height: 50px;
	  margin-right: 15px;
	  margin-left: 15px;
	  margin-top: 15px;
  }
  
  table {
	  width: 100%;
	  text-align: center;
  }
  
  .keyboard td div {
	  background-color: #fff;
	  font-weight: bold;
	  position: relative;
  }
  .keyboard td .key_disable{
	  background-color: gray;
  }
  
  .del {
	  color: #e9546b;
	  font-size: 26px;
  }
  
  .return {
	  color: #f39800;
  }
  
  .space-open {
	  height: 180px;
  }
  
  .scroll-btn {
	  position: absolute;
	  right: 10px;
	  font-size: 12px;
	  font-weight: 700;
	  top: -30px;
	  background: #ffffff;
	  border: 1px solid #9fa0a0;
	  border-radius: 12px;
	  padding: 5px 8px 5px 25px;
	  color: #09bb07;
	  opacity: 0;
  }
  
  .scroll-btn::before {
	  content: "";
	  width: 0;
	  height: 0;
	  position: absolute;
	  top: 8px;
	  left: 4px;
	  border-style: solid;
	  border-width: 8px;
	  border-color: #09bb07 transparent transparent transparent;
  }
  
  .scroll-btn.visible {
	  opacity: 1;
	  /* Show when visible class is added */
  }
  
  #refresh-indicator {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  height: 30px;
	  color: #fff;
	  font-weight: bold;
	  position: absolute;
	  left: 0;
	  width: 100%;
	  transition: top 0.3s;
  }
  
  .loading-icon {
	  border: 2px solid #ccc;
	  border-top: 2px solid #f0f0f0;
	  border-radius: 50%;
	  width: 20px;
	  height: 20px;
	  animation: spin 1s linear infinite;
	  z-index: 999;
  }
  
  @keyframes spin {
	  0% {
		  transform: rotate(0deg);
	  }
  
	  100% {
		  transform: rotate(360deg);
	  }
  }
  
  .footer {
	  position: fixed;
	  bottom: 0;
	  left: 0;
	  width: 100%;
	  color: #fff;
	  text-align: center;
  }
  
  .chat-info {
	  display: flex;
	  align-items: center;
	  flex-wrap: wrap;
	  background-color: #f5f7fa;
	  border-top: 1px solid #ccc;
  }
  
  .header-container {
	  width: 100%;
	  position: fixed;
	  z-index: 999;
	  display: block
  }
  
  .box-container {
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  width: 100vw;
	  min-height: 25px;
	  box-sizing: border-box;
	  padding: 0 8px;
  }
  
  .box-container-info {
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  /* gap: 30px; */
  }
  .box-container-info.fannum .gametime{
	  font-size: 14px;
	  font-weight: 700;
	  color: #ff3e41;
  }
  
  .box {
	  height: 100%;
	  box-sizing: border-box;
	  display: flex;
	  align-items: center;
	  justify-content: center;
  }
  .wanluo{
	display: flex;
	align-items: end;
	justify-content: center;
	margin:0 2px ;
  }
  .network{
	  width: 4px;
	  margin: 0 1px;
	  background-color: #999;
  }
  .network1{
	  height: 5px;
  }
  .network2{
	  height: 10px;
  }
  .network3{
	  height: 15px;
  }
  .network-red{
	background-color: red;
  }
  .network-yellow{
	background-color: #f7d400;
  }
  .network-green{
	background-color: #1adb1a;
  }
  
  .separator {
	  width: 0.1px;
	  height: 100%;
	  background-color: #ccc;
	  margin: 5 10px;
	  /* Adjust the margin between boxes and separators */
  }
  
  .userhead {
	  width: 5vh;
	  height: 5vh;
	  text-align: center;
	  border-radius: 50%;
	  border: 1px solid #ccc;
	  margin: 5px;
	  background-color: #fff;
	  float: left;
  }
  
  .infobtn {
	  width: 5vh;
	  height: 3vh;
	  background-color: #0092dd;
	  color: white;
	  border-radius: 5px;
  }
  
  .gamename {
	  font-size: 2vh;
	  margin: 5px;
	  margin-bottom: 8px;
  }
  
  .username {
	  font-size: 2vh;
	  margin-bottom: 8px;
  }
  
  .gametime {
	  color: red;
	  font-size: 16px;
	  font-weight: 700;
  }
  
  .gametime span {
	  font-weight: bold;
  }
  
  .userinfo img {
	  width: 28px;
	  height: 28px;
  }
  
  .home img {
	  width: 2.5vh;
	  height: 2.5vh;
  }
  
  .sendBtn {
	  background-color: #69b076;
  }
  
  .setBox {
	  justify-content: right;
	  display: none;
	  height: 100%;
	  color: #333;
	  background: transparent;
	  position: absolute;
	  top: -188px;
	  right: 0;
  }
  
  .setBox .setting {
	  width: 100px;
	  height: 40px;
	  line-height: 40px;
	  border-bottom: 1px solid #e9e9e9;
	  font-size: 16px;
  }
  
  .setBox .set-fontsize {
	  text-align: left;
	  height: 25px;
	  line-height: 25px;
	  border: none;
  }
  
  .setting ul {
	  margin: 0px;
	  padding: 0px;
	  position: relative;
  }
  
  nav {
	  background-color: #333;
	  color: white;
	  position: fixed;
	  top: 0;
	  width: 130px;
	  /* 总宽度为130px */
  }
  
  .setBox ul {
	  list-style: none;
	  padding: 0;
	  display: flex;
	  justify-content: center;
  }
  
  .setBox li {
	  margin: 0 10px;
  }
  
  .setBox .nav-link {
	  text-decoration: none;
	  color: #00a2ed;
  }
  
  .setBox .underline {
	  height: 3px;
	  background-color: #f00;
	  /* 下划线颜色 */
	  width: 0;
	  position: absolute;
	  /* transition: width 0.3s ease; */
	  width: 18px;
	  transform: translateX(0px);
  }
  
  .keyboardIcon {
	  width: 30px;
	  height: 30px;
	  background: url(data:image/png;base64,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) no-repeat center center;
	  background-size: 100% 100%;
  }
  
  .keyboardIcon.active {
	  background-image: url(data:image/png;base64,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);
  }
  
  .side-drawer {
	  position: fixed;
	  top: 0;
	  overflow: auto;
	  right: -400px;
	  /* Initial position */
	  width: 325px;
	  max-width: 90vw;
	  height: 100%;
	  background-color: #f5f5f7;
	  padding: 10px;
	  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	  transition: right 0.3s ease-in-out;
	  z-index: 1;
	  touch-action: none;
  }
  
  .show0 {
	  display: none;
  }
  
  .moveShow {
	  display: grid;
  }
  
  .side-drawer.active {
	  right: 0;
	  /* Visible position */
  }
  
  .right-data {
	  border-radius: 5px;
	  /* margin-top: 50px; */
  }
  
  .right-data .today-data {
	  border: 1px solid #ccc;
	  border-radius: 3px;
	  margin-bottom: 15px;
	  margin-top: 5px;
	  clear: both;
  }
  
  .right-data .caption {
	  width: 100%;
	  height: 30px;
	  line-height: 30px;
	  text-align: center;
	  border-bottom: 1px solid #ccc;
	  font-size: 0.9rem;
	  background-color: #ccc;
  }
  
  .todaytable {
	  padding: 13px 0;
  }
  
  .todaytable table {
	  border-radius: 5px;
	  font-size: 0.8rem;
	  border-collapse: collapse;
	  border-spacing: 0;
  }
  
  .todaytable table td {
	  border: 1px solid #ccc;
	  padding: 5px;
	  width: 33.33%;
	  font-size: 16px;
  }
  
  .todaDetailTable {
	  max-height: 60vh;
	  overflow: auto;
	  /* padding-left: 13PX;
			  padding-right: 13PX;
			  padding-top: 10PX; */
  }
  
  .todaDetailTable table {
	  border-radius: 5px;
	  font-size: 0.8rem;
	  border: none;
	  border-collapse: collapse;
	  border-spacing: 0;
  }
  
  .todaDetailTable thead td::after {
	  content: "";
	  position: absolute;
	  bottom: -1px;
	  left: 0;
	  width: 100%;
	  border-bottom: 1px solid #ccc;
  }
  
  .todaDetailTable table td {
	  padding: 5px;
	  font-size: 14px;
  }
  
  .todaDetailTable table thead td {
	  position: sticky;
	  /* 使表头粘性定位 */
	  top: 0;
	  /* 固定在顶部 */
	  background-color: #f2f2f2;
	  /* 表头背景颜色 */
	  z-index: 1;
  }
  
  .chat-history {
	  background-color: rgb(245, 247, 250);
	  border-bottom: 1px solid #ccc;
	  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	  font-weight: bold;
	  display: none;
  }
  
  .historyData {
	  min-height: 300px;
	  overflow: auto;
	  padding: 3px;
	  /* width: 100%; */
  }
  
  .historyData table {
	  border-radius: 5px;
	  font-size: 0.7rem;
	  border: none;
	  border-collapse: collapse;
	  border-spacing: 0;
  }
  
  .historyData thead td::after {
	  content: "";
	  position: absolute;
	  bottom: -1px;
	  left: 0;
	  width: 100%;
  }
  
  .historyData table td {
	  /* padding: 3px; */
  }
  
  .historyData table thead {
	  background-color: #3a8ee6;
	  color: #fff;
  }
  
  .historyData table thead td {
	  position: sticky;
	  top: 0;
	  z-index: 1;
  }
  
  .historyData ul {
	  list-style: none;
	  display: block;
	  list-style-type: disc;
	  text-align: center;
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  padding: 0;
	  margin: 5px 0;
  }
  
  .historyData ul li {
	  list-style: none;
	  min-width: 20px;
	  min-height: 20px;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  border: 1px solid #0092dd;
	  font-size: 12px !important;
	  box-sizing: border-box;
	  border-radius: 50%;
	  -moz-border-radius: 50%;
	  -webkit-border-radius: 50%;
  }
  
  .historyData .result {
	  margin: auto;
	  height: 15px;
	  width: 15px;
	  line-height: 16px;
	  color: #fff;
	  border-radius: 1px;
  }
  
  .historyData .resultnum1 {
	  background-color: #5d96ff;
  }
  
  .historyData .resultnum2 {
	  background-color: #3ec67c;
  }
  
  .historyData .resultnum3 {
	  background-color: #f7d400;
  }
  
  .historyData .resultnum4 {
	  background-color: #ff3e41;
  }
  
  .animated-text {
	  font-size: 24px;
	  line-height: 40px;
	  /* Initial line height */
	  animation: lineHeightAnimation 2s infinite alternate;
	  /* Apply the animation */
  }
  
  @keyframes lineHeightAnimation {
	  0% {
		  line-height: 0px;
		  /* Initial line height */
	  }
  
	  100% {
		  line-height: 60px;
		  /* Final line height */
	  }
  }
  
  .lottery-number {
	  line-height: 2.5vh;
	  /* Initial line height */
	  animation: numberAnimation 2s infinite linear;
	  /* Apply the animation */
  }
  
  @keyframes numberAnimation {
	  0% {
		  transform: translateY(0);
	  }
  
	  100% {
		  transform: translateY(-100%);
	  }
  }
  
  .space15 {
	  /* height: 15vh; */
  }
  
  .space5 {
	  height: 5vh;
  }
  
  .space10 {
	  height: 5vh;
  }
  
  .setTemp {
	  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	  border-top-left-radius: 5px;
	  background-color: white;
	  padding: 13px;
  }
  
  .table-navbar {
	  display: flex;
	  align-items: center;
	  border: 1px solid #ccc;
	  justify-content: space-between;
  }
  
  .table-navbar div {
	  flex: 1;
	  text-align: center;
	  padding: 8px 0;
	  font-size: 16px;
  }
  
  .table-navbar div:first-child {
	  border-right: 1px solid #ccc;
  }
  
  .table-navbar .active {
	  background: green;
	  color: #fff;
	  transition: all 0.3s;
  }
  
  .planeBtns {
	  display: flex;
	  justify-content: flex-end;
	  align-items: center;
	  padding: 8px 8px 8px 0;
	  gap: 8px;
	  font-size: 16px;
  }
  
  .planeBtns button {
	  background: #fff;
	  border: 1px solid #ccc;
	  border-radius: 4px;
	  padding: 4px 8px;
  }
  
  /* .planeBtns button:first-child {
	  background: green;
	  color: #fff;
  } */
  
  .pagingbox {
	  padding-top: 8px;
	  padding-right: 8px;
	  padding-bottom: 8px;
	  box-sizing: border-box;
	  display: flex;
	  justify-content: flex-end;
	  width: 100%;
	  gap: 8px;
	  font-size: 16px;
  }
  
  .pagingbox button {
	  background: #ccc;
	  border: none;
	  padding: 4px 8px;
	  color: #333;
	  border-radius: 4px;
  }
  
  /* .pagingbox .lastpage {
	  display: none;
  } */
  
  .pagingbox .slastpage {
	  display: none;
  }
  
  .message-received {
	  width: 300px;
	  touch-action: pan-y;
	  transform: scale(1);
	  -webkit-transform: scale(1);
  }
  
  .message-received .text[data-v-488a1c0v] {
	  display: inline-block;
	  border-radius: 5px;
	  padding: 5px 10px;
	  margin: 5px 20px 0 15px;
	  line-height: 18px;
	  word-wrap: break-word;
	  background-color: #fff;
	  border: 1px solid #d1d1d1;
	  font-weight: 400;
	  color: #333;
	  box-sizing: border-box;
	  position: relative;
	  min-width: 265px;
	  touch-action: pan-y;
	  transform: scale(1);
	  -webkit-transform: scale(1);
  }
  
  .message-received .text[data-v-488a1c0v]::after {
	  left: -7px;
	  top: 7px;
	  display: block;
	  content: "";
	  width: 10px;
	  height: 10px;
	  border-style: solid;
	  border-color: #d1d1d1;
	  border-width: 0px 0px 1px 1px;
	  font-size: 0;
	  overflow: hidden;
	  position: absolute;
	  transform: rotate(45deg);
	  background-color: white;
  }
  
  div[data-v-6251d8e2],
  div[data-v-488a1c0e],
  div[data-v-38c7949e] {
	  touch-action: pan-y;
  }
  
  .pageMask {
	  width: 100vw;
	  height: 100vh;
	  position: fixed;
	  top: 0;
	  left: 0;
	  background: #00000080;
	  z-index: 99999;
	  display: block;
  }
  
  .pageMask .loading-icon {
	  width: 60px;
	  height: 60px;
	  border-width: 6px;
	  border-color: #9c9c9c;
	  border-top: 6px solid #f0f0f0;
	  position: absolute;
	  top: 0;
	  left: 0;
	  bottom: 0;
	  right: 0;
	  margin: auto;
  }
  
  ::-webkit-scrollbar {
	  width: 5px;
	  /* 自定义滚动条的宽度 */
	  height: 5px;
  }
  
  ::-webkit-scrollbar-thumb {
	  border-radius: 5px;
	  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	  background-color: rgba(0, 0, 0, 0.2);
  }
  
  ::-webkit-scrollbar-track {
	  border-radius: 5px;
  }
  
  .error_message {
	  width: 100%;
	  height: 40px;
	  text-align: center;
	  line-height: 40px;
	  background: red;
	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: 99999;
	  color: #fff;
	  font-size: 14px;
	  font-weight: 600;
	  display: none;
  }
  
  /*!****************************************************************!*\
	  !*** css ./node_modules/css-loader/dist/cjs.js!./css/chat.css ***!
	  \****************************************************************/
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  html {
	  line-height: 1.15;
	  -webkit-text-size-adjust: 100%;
  }
  
  body {
	  margin: 0;
  }
  
  main {
	  display: block;
  }
  
  h1 {
	  font-size: 2em;
	  margin: 0.67em 0;
  }
  
  hr {
	  box-sizing: content-box;
	  height: 0;
	  overflow: visible;
  }
  
  a {
	  background-color: transparent;
  }
  
  abbr[title] {
	  border-bottom: none;
	  text-decoration: underline;
	  text-decoration: underline dotted;
  }
  
  b,
  strong {
	  font-weight: bolder;
  }
  
  code,
  kbd,
  samp {
	  font-family: monospace, monospace;
	  font-size: 1em;
  }
  
  small {
	  font-size: 80%;
  }
  
  sub,
  sup {
	  font-size: 75%;
	  line-height: 0;
	  position: relative;
	  vertical-align: baseline;
  }
  
  sub {
	  bottom: -0.25em;
  }
  
  sup {
	  top: -0.5em;
  }
  
  img {
	  border-style: none;
  }
  
  button,
  input,
  optgroup,
  select,
  textarea {
	  font-family: inherit;
	  font-size: 100%;
	  line-height: 1.15;
	  margin: 0;
  }
  
  button,
  input {
	  overflow: visible;
  }
  
  button,
  select {
	  text-transform: none;
  }
  
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
	  -webkit-appearance: button;
  }
  
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
	  border-style: none;
	  padding: 0;
  }
  
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
	  outline: 1px dotted ButtonText;
  }
  
  fieldset {
	  padding: 0.35em 0.75em 0.625em;
  }
  
  legend {
	  box-sizing: border-box;
	  color: inherit;
	  display: table;
	  max-width: 100%;
	  padding: 0;
	  white-space: normal;
  }
  
  progress {
	  vertical-align: baseline;
  }
  
  textarea {
	  overflow: auto;
  }
  
  [type="checkbox"],
  [type="radio"] {
	  box-sizing: border-box;
	  padding: 0;
  }
  
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
	  height: auto;
  }
  
  [type="search"] {
	  -webkit-appearance: textfield;
	  outline-offset: -2px;
  }
  
  [type="search"]::-webkit-search-decoration {
	  -webkit-appearance: none;
  }
  
  ::-webkit-file-upload-button {
	  -webkit-appearance: button;
	  font: inherit;
  }
  
  details {
	  display: block;
  }
  
  summary {
	  display: list-item;
  }
  
  template {
	  display: none;
  }
  
  [hidden] {
	  display: none;
  }
  
  html {
	  -webkit-tap-highlight-color: transparent;
  }
  
  a {
	  text-decoration: none;
  }
  
  input,
  button,
  textarea {
	  color: inherit;
	  font: inherit;
  }
  
  a:focus,
  input:focus,
  button:focus,
  textarea:focus,
  [class*="van-"]:focus {
	  outline: none;
  }
  
  ol,
  ul {
	  margin: 0;
	  padding: 0;
	  list-style: none;
  }
  
  .cmd[data-v-8d08a836] {
	  margin-left: 5px;
	  background-color: #5a79ba;
	  color: #fff;
	  padding: 0 3px;
  }
  
  .rep[data-v-8d08a836] {
	  color: red;
	  margin-right: 5px;
  }
  
  @keyframes flash-8d08a836 {
	  0% {
		  opacity: 1;
	  }
  
	  50% {
		  opacity: 0.6;
	  }
  
	  to {
		  opacity: 1;
	  }
  }
  
  .loginBtn[data-v-8d08a836] {
	  font-size: 42px;
	  position: fixed;
	  right: 0;
	  top: 30%;
	  color: var(--4121f39c);
	  animation: flash-8d08a836 0.7s infinite;
  }
  
  .detail[data-v-8d08a836] {
	  width: 100%;
	  height: 100%;
	  position: fixed;
	  top: 0;
	  left: 0;
	  background-color: #fff;
	  z-index: 100;
  }
  
  .detail .close[data-v-8d08a836] {
	  position: absolute;
	  top: 10px;
	  right: 5px;
	  z-index: 101;
	  font-size: 20px;
  }
  
  .detail .data[data-v-8d08a836] {
	  height: 100%;
  }
  
  .detail .data[data-v-8d08a836] .van-tabs__content {
	  height: calc(100% - 44px);
  }
  
  .detail .data .monit[data-v-8d08a836] {
	  display: flex;
	  flex-direction: column;
	  height: 100%;
  }
  
  .detail .data .monit .members[data-v-8d08a836] {
	  flex: 1;
	  overflow: scroll;
  }
  
  .detail .data .monit .members .online[data-v-8d08a836] {
	  width: 10px;
	  height: 10px;
	  border-radius: 10px;
	  display: inline-block;
	  margin-right: 3px;
	  background-color: gray;
  }
  
  .detail .data .monit .members .online.active[data-v-8d08a836] {
	  background-color: #69b076;
  }
  
  .detail .data .monit .members .danger[data-v-8d08a836] {
	  color: red;
  }
  
  .detail .data .monit .members .info[data-v-8d08a836] {
	  font-size: 12px;
	  color: #999;
  }
  
  .detail .data .monit .toolbar[data-v-8d08a836] {
	  height: 320px;
  }
  
  .detail .data .monit .toolbar .values[data-v-8d08a836] {
	  display: flex;
	  flex-wrap: wrap;
	  font-size: 12px;
  }
  
  .detail .data .monit .toolbar .values .value[data-v-8d08a836] {
	  margin: 2px;
  }
  
  .detail .data .monit .toolbar .values .value input[data-v-8d08a836] {
	  width: 40px;
  }
  
  .detail .ips dt[data-v-8d08a836] {
	  font-size: 16px;
	  font-weight: 700;
  }
  
  .detail .ips a[data-v-8d08a836],
  .detail .ips a[data-v-8d08a836]:hover,
  .detail .ips a[data-v-8d08a836]:active {
	  color: #3cb6e7;
  }
  
  .detail-enter-from[data-v-8d08a836],
  .detail-leave-to[data-v-8d08a836] {
	  left: 100%;
  }
  
  .detail-enter-to[data-v-8d08a836],
  .detail.leave-from[data-v-8d08a836] {
	  left: 0;
  }
  
  .detail-enter-active[data-v-8d08a836],
  .detail-leave-active[data-v-8d08a836] {
	  transition: left 0.3s ease-out;
  }
  
  .van-overlay[data-v-8d08a836] {
	  display: flex;
	  justify-content: center;
	  align-items: center;
  }
  
  .van-overlay .viewport[data-v-8d08a836] {
	  width: 302px;
	  height: 269px;
	  position: relative;
  }
  
  .van-overlay .viewport .box[data-v-8d08a836] {
	  border: 1px solid red;
	  position: absolute;
	  max-width: 330px;
	  max-height: 100%;
  }
  
  .lu-box[data-v-38c7949e] {
	  width: 100%;
	  zoom: 0.76;
	  -ms-zoom: 0.76;
  
  }
  
  table.draws[data-v-38c7949e] {
	  width: 100%;
	  font-size: 12px;
	  letter-spacing: 0;
	  border-collapse: collapse;
	  text-align: center;
  }
  
  table.draws thead[data-v-38c7949e] {
	  background: #3cb6e7;
	  color: #fff;
  }
  
  table.draws th[data-v-38c7949e]:nth-child(1) {
	  width: 35px;
  }
  
  table.draws th[data-v-38c7949e]:nth-child(2) {
	  width: 60px;
  }
  
  table.draws th[data-v-38c7949e]:nth-child(4) {
	  width: 20px;
  }
  
  table.draws th[data-v-38c7949e]:nth-child(5) {
	  width: 20px;
  }
  
  table.draws th[data-v-38c7949e]:nth-child(6) {
	  width: 20px;
  }
  
  table.draws th[data-v-38c7949e],
  table.draws td[data-v-38c7949e] {
	  padding: 2px 0;
  }
  
  table.draws tbody tr[data-v-38c7949e]:nth-child(1) {
	  border: 1px solid red;
  }
  
  table.draws .grey[data-v-38c7949e] {
	  color: #666;
  }
  
  table.draws .result[data-v-38c7949e] {
	  display: flex;
	  justify-content: space-around;
	  padding: 0 5px;
  }
  
  table.draws .result .num[data-v-38c7949e] {
	  width: 18px;
	  height: 18px;
	  border-radius: 16px;
	  font-size: 0.6rem;
	  border: 1px solid red;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  white-space: nowrap;
  }
  
  table.draws .result .num.num1[data-v-38c7949e] {
	  border: 1px solid #2792c3;
  }
  
  table.draws .sum .s[data-v-38c7949e] {
	  font-size: 14px;
  }
  
  .lu[data-v-38c7949e] {
	  width: 100%;
	  text-align: center;
	  font-size: 12px;
	  border-top: 1px solid #9fa0a0;
	  border-left: 1px solid #9fa0a0;
  }
  
  .lu .head[data-v-38c7949e] {
	  height: var(--b9a5f864, 25.35px);
	  font-weight: bolder;
	  font-size: 14px;
	  color: #000;
	  flex-wrap: nowrap !important;
  }
  
  .lu .head div[data-v-38c7949e] {
	  background: #ccc;
  }
  
  .lu .body[data-v-38c7949e] {
	  height: var(--12d166f4, 133px);
	  background: #ffffff;
	  font-size: 18px;
  }
  
  .lu .head[data-v-38c7949e],
  .lu .body[data-v-38c7949e] {
	  display: flex;
	  justify-content: flex-start;
	  align-items: start;
	  flex-flow: row wrap;
  }
  
  .lu .head div[data-v-38c7949e],
  .lu .body div[data-v-38c7949e] {
	  width: var(--b9a5f864, 25.35px);
	  height: var(--b9a5f864, 25.35px);
	  border-right: 1px solid #9fa0a0;
	  border-bottom: 1px solid #9fa0a0;
	  display: flex;
	  justify-content: center;
	  align-items: center;
  }
  
  .s[data-v-38c7949e] {
	  display: inline-block;
	  width: 20px;
	  height: 20px;
	  line-height: 20px;
	  border-radius: 2px;
	  /* color: #fff; */
	  text-align: center;
	  font-style: normal;
	  font-size: 18px;
	  border: 1px solid #666;
  }
  
  .s.s1[data-v-38c7949e] {
	  background: #5d96ff;
  }
  
  .s.s2[data-v-38c7949e] {
	  background: #3ec67c;
  }
  
  .s.s3[data-v-38c7949e] {
	  background: #f7d400;
  }
  
  .s.s4[data-v-38c7949e] {
	  background: #ff3e41;
  }
  
  .result[data-v-6251d8e2] {
	  background-color: #fff;
  }
  .result {
	  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif;
  }
  .result.dandao .r3 .num {
	  font-weight: 400;
  }
  
  
  .r1[data-v-6251d8e2],
  .r2[data-v-6251d8e2],
  .r3[data-v-6251d8e2] {
	  width: 100%;
	  text-align: center;
  }
  
  .r1[data-v-6251d8e2] {
	  font-size: 16px;
	  padding-top: 10px;
	  display: flex;
	  align-items: start;
  }
  
  .r1 .t1[data-v-6251d8e2] {
	  font-size: 26px;
	  color: red;
  }
  
  .r1 .t2[data-v-6251d8e2] {
	  padding-left: 5px;
  }
  
  .r3[data-v-6251d8e2] {
	  display: flex;
	  justify-content: space-between;
	  padding: 10px 0;
  }
  
  .r3 .num[data-v-6251d8e2] {
	  width: 20px;
	  height: 20px;
	  border: 2px solid red;
	  border-radius: 17px;
	  line-height: 20px;
	  margin-right: 2px;
	  font-size: 14px;
  }
  
  .r3 .num.num1[data-v-6251d8e2] {
	  border: 2px solid #2792c3;
  }
  
  .r4[data-v-6251d8e2] {
	  display: flex;
	  align-items: center;
	  justify-content: start;
  }
  
  .r4 .time[data-v-6251d8e2] {
	  font-size: 16px;
  }
  
  .r4 .sum[data-v-6251d8e2] {
	  font-weight: 700;
	  width: 70px;
	  height: 60px;
	  background: red;
	  color: #fff;
	  line-height: 60px;
	  font-size: 36px;
	  margin-left: 5px;
  }
  
  .num[data-v-5d751e10] {
	  width: 100%;
	  height: 100%;
	  display: flex;
	  justify-content: center;
	  align-items: center;
  }
  
  .roll[data-v-5d751e10] {
	  position: relative;
	  width: var(--5d7dbf33, 100px);
	  height: var(--386b2d5a, 100px);
	  overflow: hidden;
	  font-family: monospace;
  }
  
  .hide[data-v-5d751e10] {
	  position: absolute;
	  top: 999px;
	  left: 999px;
  }
  
  ul[data-v-5d751e10] {
	  display: block;
	  width: var(--6f014591);
	  height: var(--575872bc);
	  position: absolute;
	  font-size: var(--01f78074);
	  top: var(--3b89190c);
	  left: var(--3b89190b);
	  animation: rotation-5d751e10 2s linear infinite;
	  animation-play-state: var(--652f34b2);
  }
  
  ul li[data-v-5d751e10] {
	  position: absolute;
	  color: var(--211ff04d);
  }
  
  @keyframes rotation-5d751e10 {
	  0% {
		  transform: rotate(0);
	  }
  
	  to {
		  transform: rotate(360deg);
	  }
  }
  
  .draw[data-v-488a1c0e] {
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 40px;
	  border-bottom: 1px solid #cccccc;
	  background: rgb(237, 237, 237);
	  z-index: 99;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  font-size: 14px;
  }
  
  .draw .issue[data-v-488a1c0e] {
	  padding: 0 5px;
  }
  
  .draw .result[data-v-488a1c0e] {
	  flex: 1;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
  }
  
  .draw .result .num[data-v-488a1c0e] {
	  width: 22px;
	  height: 22px;
	  background-color: #0095d9;
	  color: #fff;
	  border: 1px solid #cccccc;
	  border-radius: 22px;
	  text-align: center;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  position: relative;
  }
  
  .draw .result .num[data-v-488a1c0e]:last-child {
	  background-color: #d9333f;
  }
  
  .draw .time[data-v-488a1c0e] {
	  width: 50px;
	  text-align: center;
	  font-size: 14px;
	  color: #e83929;
  }
  
  .chat-box[data-v-488a1c0e] {
	  overscroll-behavior-y: contain;
	  height: 100%;
	  overflow: hidden;
	  display: flex;
	  flex-direction: column;
	  background: #f6f6f8;
  }
  
  .van-pull-refresh[data-v-488a1c0e] {
	  flex: 1;
  }
  
  .messages[data-v-488a1c0e] {
	  height: 100%;
	  padding: 0 10px;
	  overflow: scroll;
	  flex: 1;
	  color: #4a4a4a;
  }
  
  .messages .item[data-v-488a1c0e] {
	  width: 100%;
	  display: flex;
	  margin: 15px 0;
  }
  
  .messages .item .avatar[data-v-488a1c0e] {
	  width: 45px;
	  height: 45px;
  }
  
  .messages .item .avatar img[data-v-488a1c0e] {
	  width: 100%;
	  height: 100%;
	  border-radius: 10px;
  }
  
  .messages .item .box[data-v-488a1c0e] {
	  position: relative;
	  font-size: 12px;
	  flex: 1;
	  max-width: 300px;
  }
  
  .messages .item .box .name[data-v-488a1c0e] {
	  padding: 0 15px;
  }
  
  .messages .item .box .box[data-v-488a1c0e] {
	  position: relative;
  }
  
  .messages .item .box .box[data-v-488a1c0e]::before {
	  content: "";
	  position: absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  border: 1px solid #ccc;
	  border-radius: 5px;
  }
  
  .messages .item .box .box[data-v-488a1c0e]::after {
	  content: "";
	  position: absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  border: 1px solid #ccc;
	  border-radius: 5px;
  }
  
  .messages .item .box .text[data-v-488a1c0e] {
	  display: inline-block;
	  border-radius: 5px;
	  padding: 5px 10px;
	  margin: 5px 20px 0 15px;
	  line-height: 18px;
	  word-wrap: break-word;
	  white-space: pre-wrap;
	  min-width: 16px;
	  min-height: 16px;
	  background-color: #fff;
	  border: 1px solid #d1d1d1;
	  font-weight: 400;
	  color: #333;
  }
  
  .messages .item .box .text.fs[data-v-488a1c0e] {
	  font-size: 16px;
  }
  
  .messages .item .box .text.fm[data-v-488a1c0e] {
	  font-size: 18px;
	  line-height: 20px;
  }
  
  .messages .item .box .text.fl[data-v-488a1c0e] {
	  font-size: 20px;
	  line-height: 22px;
  }
  
  .messages .item .box .text[data-v-488a1c0e]:before {
	  content: "";
	  width: 0;
	  height: 0;
	  border-style: solid;
	  position: absolute;
	  border-width: 7px;
	  border-color: transparent #d1d1d1 transparent transparent;
  }
  
  .messages .item .box .text[data-v-488a1c0e]:after {
	  content: "";
	  width: 0;
	  height: 0;
	  border-style: solid;
	  position: absolute;
	  border-width: 7px;
	  border-color: transparent #ffffff transparent transparent;
  }
  
  .messages .item .box .text[data-v-488a1c0e] .playDesc {
	  font-size: 12px;
	  line-height: 14px;
  }
  
  .messages .item .box.left .text[data-v-488a1c0e]:before {
	  top: 27px;
	  left: 1px;
  }
  
  .messages .item .box.left .text[data-v-488a1c0e]:after {
	  top: 27px;
	  left: 3px;
  }
  
  .messages .item .box.right .text[data-v-488a1c0e]:before {
	  top: 7px;
	  right: -14px;
	  border-color: transparent transparent transparent #d1d1d1;
  }
  
  .messages .item .box.right .text[data-v-488a1c0e]:after {
	  top: 7px;
	  right: -12px;
	  border-color: transparent transparent transparent #9eea6a;
  }
  
  .messages .item.admin .name[data-v-488a1c0e] {
	  color: red;
  }
  
  .messages .item.admin .box.left .text.sys[data-v-488a1c0e]:after {
	  border-color: transparent #eff0fe transparent transparent;
  }
  
  .messages .item.admin .text.sys[data-v-488a1c0e] {
	  background: #eff0fe;
  }
  
  .messages .item.admin .text.full[data-v-488a1c0e] {
	  width: 242px;
  }
  
  .messages .item.admin .text.cancel[data-v-488a1c0e] {
	  color: #ec6d71;
  }
  
  .messages .item.owner[data-v-488a1c0e] {
	  flex-direction: row-reverse;
  }
  
  .messages .item.owner .name[data-v-488a1c0e] {
	  text-align: right;
  }
  
  .messages .item.owner .text[data-v-488a1c0e] {
	  position: relative;
	  float: right;
	  margin: 5px 15px 0 20px;
	  background: #9eea6a;
  }
  
  .input[data-v-488a1c0e] {
	  background: #d0d3dc;
	  padding: 5px 0 12px;
  }
  
  .input table[data-v-488a1c0e] {
	  width: 100%;
  }
  
  .input tr div[data-v-488a1c0e] {
	  cursor: pointer;
	  background: #fff;
	  border-radius: 5px;
	  height: 30px;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  user-select: none;
	  font-size: 18px;
	  font-weight: bolder;
	  margin: 1px;
  }
  
  .input tr div.active[data-v-488a1c0e] {
	  background-color: #00000080;
	  color: #fff;
  }
  
  .input tr div.del[data-v-488a1c0e] {
	  color: #e9546b;
	  font-size: 22px;
	  position: relative;
	  user-select: none;
  }
  
  .input tr div.del.active[data-v-488a1c0e] {
	  background-color: #e9546b;
	  color: #fff;
  }
  
  .input tr div.space[data-v-488a1c0e] {
	  position: relative;
	  padding: 0;
  }
  
  .input tr div.space[data-v-488a1c0e]:before {
	  display: inline-block;
	  content: "";
	  margin-top: 10px;
	  width: 70%;
	  height: 7px;
	  border-left: 2px solid #999;
	  border-right: 2px solid #999;
	  border-bottom: 5px solid #999;
  }
  
  .input tr div.cancel[data-v-488a1c0e] {
	  height: 65px;
  }
  
  .input tr div.return[data-v-488a1c0e] {
	  background-color: #f39800;
	  color: gray;
  }
  
  .input tr div.return.active[data-v-488a1c0e] {
	  background-color: #f8b862;
  }
  
  html,
  body,
  #app {
	  height: 100%;
	  margin: 0;
	  padding: 0;
	  background-color: #eff2f5;
	  user-select: none;
	  -webkit-touch-callout: none;
  }
  .flex{
	  display: flex;
  }
   .align-center{
	  align-items: center;
   }
   .justify-between{
	  justify-items: space-between;
   }
  
  
  /* // 对话框特殊内容css开盘结果 */
  
  .r1 {
	  font-size: 16px;
	  padding-top: 10px;
	  display: flex;
	  align-items: start;
  }
  .r1 .t1 {
	  font-size: 26px;
	  color: red;
  }
  
  .r1 .t2 {
	  padding-left: 5px;
  }
  
  .r4 {
	  display: flex;
	  align-items: center;
	  justify-content: start;
  }
  
  .r4 .time {
	  font-size: 15px;
  }
  
  .r4 .sum {
	  font-weight: 700;
	  width: 70px;
	  height: 60px;
	  background: red;
	  color: #fff;
	  line-height: 60px;
	  font-size: 36px;
	  margin-left: 5px;
  }
  
  .r3 {
	  display: flex;
	  justify-content: space-between;
	  padding: 10px 0;
  }
  
  .r3 .num.num1 {
	  border: 2px solid #2792c3;
  }
  
  .r3 .num {
	  width: 20px;
	  height: 20px;
	  border: 2px solid red;
	  border-radius: 17px;
	  line-height: 20px;
	  margin-right: 2px;
	  font-size: 14px;
	  text-align: center;
	  font-weight: 700;
  }
  
  .fannum {
	  display: flex;
	  justify-content: space-between;
  }
  
  .fannum .num {
	  width: 20px;
	  height: 20px;
	  border: 2px solid red;
	  border-radius: 17px;
	  line-height: 20px;
	  margin-right: 2px;
	  font-size: 14px;
	  text-align: center;
	  font-weight: bold;
  }
  
  .fannum .num.num1 {
	  border: 2px solid #2792c3;
  }
  
  .fannum .c1 {
	  background: #5d96ff;
  }
  
  .fannum .c2 {
	  background: #3ec67c;
  }
  
  .fannum .c3 {
	  background: #f7d400;
  }
  
  .fannum .c4 {
	  background: #ff3e41;
  }
  
  /* // 对话框特殊内容css开盘结果结束 */
  
  .lishijilu.lu-box {
	  width: 100%;
	  zoom: 0.76;
  }
  
  .lishijilu table.draws .sum .s {
	  font-size: 14px;
  }
  
  .lishijilu .s.s1 {
	  background: #5d96ff;
  }
  
  .lishijilu .s.s2 {
	  background: #3ec67c;
  }
  
  .lishijilu .s.s3 {
	  background: #f7d400;
  }
  
  .lishijilu .s.s4 {
	  background: #ff3e41;
  }
  
  .lishijilu .s {
	  display: inline-block;
	  width: 20px;
	  height: 20px;
	  line-height: 20px;
	  border-radius: 2px;
	  color: #000;
	  text-align: center;
	  font-style: normal;
	  font-size: 21px;
	  font-weight: bold;
	  border: 1px solid #666;
	  font-weight: 400;
  }
  
  .lishijilu .lu {
	  width: 100%;
	  text-align: center;
	  font-size: 12px;
	  border-top: 1px solid #9fa0a0;
	  border-left: 1px solid #9fa0a0;
  }
  
  .lishijilu .lu .head {
	  font-weight: bolder;
	  font-size: 14px;
	  color: #000;
	  flex-wrap: nowrap !important;
  }
  
  .lishijilu .lu .head,
  .lu .body {
	  display: flex;
	  justify-content: flex-start;
	  align-items: start;
	  flex-flow: row wrap;
  }
  
  .lishijilu .lu .head div {
	  background: #ccc;
  }
  
  .lishijilu .lu .head,
  .lishijilu .lu .body {
	  display: flex;
	  justify-content: flex-start;
	  align-items: start;
	  flex-flow: row wrap;
  }
  
  /* // 对话框特殊内容css历史记录 */
  .text .lu-box {
	  width: 100%;
	  zoom: 0.76;
	  letter-spacing: 0;
	  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif;
  }
  
  .text table.draws {
	  width: 100%;
	  font-size: 12px;
	  letter-spacing: 0;
	  border-collapse: collapse;
	  text-align: center;
  }
  
  .text table.draws thead {
	  background: #3cb6e7;
	  color: #fff;
	  font-weight: bold;
  }
  
  .text table.draws th:nth-child(1) {
	  width: 35px;
  }
  
  .text table.draws th:nth-child(2) {
	  width: 69px;
  }
  
  .text table.draws th:nth-child(4) {
	  width: 20px;
  }
  
  .text table.draws th:nth-child(5) {
	  width: 15px;
  }
  
  .text table.draws th:nth-child(6) {
	  width: 15px;
  }
  
  .text table.draws th,
  table.draws td {
	  padding: 2px 0;
  }
  
  .xing table.draws th {
	  font-size: 16px;
  }
  
  .text table.draws tbody tr:nth-child(1) {
	  border: 1px solid red;
  }
  
  .text table.draws .grey {
	  color: #666;
	  white-space: nowrap !important;
  }
  
  .text table.draws .result {
	  display: flex;
	  justify-content: space-around;
	  padding-right: 4px;
	  padding-left: 1px;
  
  }
  
  .text table.draws .result .num {
	  width: 18px;
	  height: 18px;
	  line-height: 17.5px;
	  border-radius: 16px;
	  font-size: 0.6rem;
	  border: 1px solid red;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  white-space: nowrap;
  }
  
  .text table.draws .result .num.num1 {
	  border: 1px solid #2792c3;
  }
  
  .text table.draws .sum .s {
	  font-size: 18px;
  }
  
  .text .s.s1 {
	  background: #5d96ff;
  }
  
  .text .s.s2 {
	  background: #3ec67c;
  }
  
  .text .s.s3 {
	  background: #f7d400;
  }
  
  .text .s.s4 {
	  background: #ff3e41;
  }
  
  .text .s {
	  /* display: inline-block;
	  width: 20px;
	  height: 20px;
	  line-height: 20px;
	  border-radius: 2px;
	  color: #fff;
	  text-align: center;
	  font-style: normal;
	  font-size: 22px;
	  border: 1px solid #666; */
  
	  display: inline-block;
		  width: 20px;
		  height: 20px;
		  line-height: 20px;
		  border-radius: 2px;
		  color: #fff;
		  text-align: center;
		  font-style: normal;
		  font-size: 18px;
		  border: 1px solid #666;
  }
  
  .text .lu {
	  width: 100%;
	  text-align: center;
	  font-size: 12px;
	  border-top: 1px solid #9fa0a0;
	  border-left: 1px solid #9fa0a0;
  }
  
  .text .lu .head {
	  height: var(--b9a5f864, 25.35px);
	  font-weight: bolder;
	  font-size: 14px;
	  color: #000;
	  flex-wrap: nowrap !important;
  }
  .lu .head div,
  .lu .body div {
	  width: var(--b9a5f864, 25.3px);
	  height: var(--b9a5f864, 25.35px);
	  border-right: 1px solid #9fa0a0;
	  border-bottom: 1px solid #9fa0a0;
	  display: flex;
	  justify-content: center;
	  align-items: center;
  }
  .text .lu .head div {
	  background: #ccc;
  }
  .text .lu .head,
  .lu .body {
	  display: flex;
	  justify-content: flex-start;
	  align-items: start;
	  flex-flow: row wrap;
  }
  
  .text .lu .body {
	  font-size: 18px;
  }
  
  .text .lu .head,
  .lu .body {
	  display: flex;
	  justify-content: flex-start;
	  align-items: start;
	  flex-flow: row wrap;
  }
  
  /* // 对话框特殊内容css历史记录结束 */
  
  /* // 新对话框特殊内容css历史记录开始 */
  .xing .lu-box {
	  width: 100%;
	  zoom: 0.76;
	  -ms-zoom: 0.76;
	  letter-spacing: 0;
	  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif;
  }
  
  .xing table.draws {
	  width: 100%;
	  font-size: 12px;
	  letter-spacing: 0;
	  border-collapse: collapse;
	  text-align: center;
  }
  
  .xing table.draws thead {
	  background: #3cb6e7;
	  /* color: #fff; */
	  color: #000;
  }
  
  .xing table.draws th:nth-child(1) {
	  width: 20px;
  }
  
  .xing table.draws th:nth-child(2) {
	  width: 69px;
  }
  
  .xing table.draws th:nth-child(4) {
	  width: 20px;
  }
  
  .xing table.draws th:nth-child(5) {
	  width: 16px;
  }
  
  .xing table.draws th:nth-child(6) {
	  width: 16px;
  }
  
  .xing table.draws th,
  .xing table.draws td {
	  padding: 2px 0;
	  font-size: 12px;
  }
  
  .xing table.draws .grey {
	  color: #666;
	  white-space: nowrap;
  }
  
  .xing table.draws .result {
	  display: flex;
	  justify-content: space-around;
	  padding-right: 4px;
	  padding-left: 1px;
  }
  
  .xing table.draws tbody tr:nth-child(1) {
	  border: 1px solid red;
  }
  
  .xing table.draws .result .num {
	  width: 18px;
	  height: 18px;
	  line-height: 17.5px;
	  border-radius: 16px;
	  font-size: 0.78rem;
	  border: 1px solid red;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  white-space: nowrap;
  }
  
  .xing table.draws .result .num.num1 {
	  border: 1px solid #2792c3;
  }
  
  .xing table.draws .sum .s {
	  font-size: 14px;
  }
  
  .xing .s.s1 {
	  background: #5d96ff;
  }
  
  .xing .s.s2 {
	  background: #3ec67c;
  }
  
  .xing .s.s3 {
	  background: #f7d400;
  }
  
  .xing .s.s4 {
	  background: #ff3e41;
  }
  
  .xing .s {
	  display: inline-block;
	  width: 20px;
	  height: 20px;
	  line-height: 20px;
	  border-radius: 2px;
	  color: #000;
	  text-align: center;
	  font-style: normal;
	  font-size: 18px;
	  border: 1px solid #666;
  }
  
  .xing .lua8 .head {
	  display: flex;
	  justify-content: flex-start;
	  /* justify-content: center; */
	  align-items: start;
	  flex-flow: row wrap;
  }
  
  .xing .lua8 .head div,
  .xing .lu .head div {
	  width: var(--b9a5f864, 34px);
	  height: var(--b9a5f864, 34px);
	  border-right: 1px solid #9fa0a0;
	  border-bottom: 1px solid #9fa0a0;
	  border-top: 1px solid #9fa0a0;
	  display: flex;
	  justify-content: center;
	  align-items: center;
  }
  
  .xing .lua8 .head div,
  .xing .lu .head div {
	  background: #ccc;
	  flex-shrink: 0;
	  text-align: center;
	  font-weight: bold;
  }
  
  .xing .lua8 .head {
	  display: flex;
	  justify-content: flex-start;
	  /* justify-content: center; */
	  align-items: start;
	  flex-flow: row wrap;
  }
  
  .xing .lua8 .head,
  .xing .lu .head {
	  height: var(--b9a5f864, 34px);
	  font-weight: bolder;
	  font-size: 14px;
	  color: #000;
	  flex-wrap: nowrap !important;
  }
  
  
  .xing .lua8 .body {
	  height: auto !important;
	  background: #ffffff;
	  font-size: 18px;
	  width: calc(36px * 8) !important;
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
  }
  
  .xing .lua8 .body div div {
	  width: var(--b9a5f864,34px);
	  height: var(--b9a5f864,34px);
	  border-right: 1px solid #9fa0a0;
	  border-bottom: 1px solid #9fa0a0;
	  display: flex;
	  align-items: center;
	  justify-content: center;
  }
  
  .xing .lua8 .body div div .s {
	  width: 30px;
	  height: 30px;
	  line-height: 30px;
	  font-size: 22px;
  }
  
  /* // 新对话框特殊内容css历史记录结束 */
  
  .overflow-unset{
	  overflow: unset;
  }
  .white-space-unset{
	  white-space: unset;
  }
  .kjbtn {
	  color: #ffffff;
	  background-color: #467c4f;
	  text-align: center;
	  border-radius: 2px;
	  height: 25px;
	  line-height: 25px;
	  width: 40px;
	  flex-shrink: 0;
	  font-size: 13px;
	  font-family: "Noto Sans SC";
	  font-weight: 700;
	  margin-right: 8px;
  }
  
  
  
  /* // 快捷开始 */
	  .kjbtn {
		  color: #ffffff;
		  background-color: #467c4f;
		  text-align: center;
		  border-radius: 2px;
		  height: 25px;
		  line-height: 25px;
		  width: 40px;
		  flex-shrink: 0;
		  font-size: 13px;
		  font-family: "Noto Sans SC";
		  font-weight: 700;
	  }
  
  
	  .kjxd {
		  position: fixed;
		  top: 64px;
		  left: 0;
		  right: 0;
		  margin: auto;
		  z-index: 1001;
		  background: #f5f5f5;
		  width: 100%;
		  height: calc(100% - 64px);
		  font-family: "Noto Sans SC";
	  }
  
	  .xiangyie {
		  top: 408px;
		  height: calc(100% - 408px);
		  /* #ifndef H5 */
		  top: 445px;
		  height: calc(100vh - 445px);
		  /* #endif */
	  }
  
	  .thuan_btn {
		  top: 64px;
		  height: calc(100% - 64px);
		  /* #ifndef H5 */
		  top: 64px;
		  height: calc(100% - 64px);
		  /* #endif */
	  }
  
	  .kjxd.btn_disable .kjxd-panel {
		  pointer-events: none;
	  }
  
	  .kjxd-panel {
		  height: calc(100% - 150px);
		  width: 100%;
		  overflow: scroll;
	  }
  
	  .kjxd-panel::-webkit-scrollbar {
		  display: none;
	  }
  
	  .kjxd-keybord {
		  width: 100%;
		  height: 150px;
		  background: #467c4f;
		  padding: 8px 16px 8px 16px;
		  box-sizing: border-box;
		  display: flex;
		  flex-direction: column;
		  justify-content: space-between;
		  position: relative;
	  }
  
	  .keybord_info {
		  font-size: 16px;
		  color: #ffffff;
		  font-family: "Noto Sans SC";
		  display: flex;
		  justify-content: space-around;
	  }
  
	  .keybord_close {
		  position: absolute;
		  top: 0;
		  right: 1px;
		  transform: translateY(-50%);
	  }
  
	  .bc_b_mny {
		  height: 20px;
		  line-height: 20px;
		  vertical-align: middle;
		  font-size: 12px;
		  padding-top: 2px;
		  padding-bottom: 2px;
		  padding-left: 0px;
		  padding-right: 0px;
		  margin: 0px;
		  color: #c55a52;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  font-weight: bold;
		  position: relative;
	  }
  
	  .bc_b_mny .jev {
		  width: 42px;
	  }
  
	  .bc_b_mny_active {
		  color: white;
		  background-color: #467c4f;
		  font-size: 12px !important;
		  height: 20px;
		  width: 100%;
		  /* max-width: 130px; */
	  }
  
	  /*隐藏金额*/
	  .bc_b_hide {
		  width: 0px;
		  height: 0px;
		  display: none;
	  }
  
	  .bc_b_cmd {
		  height: 25px;
		  line-height: 25px;
		  vertical-align: middle;
		  font-weight: bold;
		  font-size: 13px;
	  }
  
	  .zhognjiang-size {
		  font-size: 16px;
		  font-weight: bold;
	  }
  
	  .bc_b {
		  height: 66px;
		  display: flex;
		  align-items: center;
		  /*水平居中*/
		  justify-content: center;
		  /*垂直居中*/
		  flex-direction: column;
		  color: #333333;
		  background-color: ghostwhite;
		  border-color: lightgray;
		  border-width: 1px;
		  border-style: solid;
		  position: relative;
	  }
  
  
	  /*可隐藏按钮区*/
	  #extra {
		  background-color: white;
		  width: 100%;
		  text-align: center;
		  border-top-width: 0px;
		  border: 0;
		  margin-top: 5px;
	  }
  
	  #area {
		  font-size: 18px;
		  color: white;
		  position: fixed;
		  bottom: 0px;
		  left: 0px;
		  height: 120px;
		  width: 100%;
		  background-color: #07889b;
	  }
  
	  .specify_font {
		  font-family: "Noto Sans SC";
	  }
  
	  .specify_font.bottom>div {
		  display: flex;
		  align-items: center;
		  justify-content: space-between;
	  }
  
	  .specify_font.bottom .extra_btn {
		  flex: 1 0 0;
		  border-width: 1px;
		  border-bottom: 0px;
		  border-right: 1px;
		  border-top-width: 1px;
		  border-left-width: 0;
		  border-style: solid;
		  border-color: rgb(229, 229, 229);
		  color: #333333;
	  }
  
	  /*键盘区*/
	  .flexpanel {
		  background-color: lightgray;
		  flex-shrink: 0;
		  width: 100%;
		  height: 303px;
		  position: relative;
		  /* top: 3px; */
		  left: 0px;
		  display: flex;
		  padding: 0, 0, 0, 0;
		  margin: 0px 0px 0px 0px;
		  font-size: 14px;
		  border-style: solid;
		  border-top-width: 0px;
		  border-bottom-width: 1px;
		  border-left-width: 0px;
		  border-right-width: 0px;
		  border-color: lightgray;
		  overflow: hidden;
	  }
  
	  /*键盘区中心按钮区*/
	  .flexpanel .center-item {
		  flex-grow: 0;
		  flex-shrink: 0;
		  width: 240px;
		  height: 100%;
		  padding: 0, 0, 0, 0;
		  margin: 0px 0px 0px 0px;
		  background-color: #f8f8ff;
		  border-style: solid;
		  border-width: 1px;
		  border-top-width: 1px;
		  border-bottom-width: 1px;
		  border-left-width: 0px;
		  border-right-width: 0px;
		  border-color: lightgray;
	  }
  
	  /*键盘区左右按钮区*/
	  .flexpanel .left-right-item {
		  flex-grow: 1;
		  flex-shrink: 1;
		  height: 100%;
		  padding: 0, 0, 0, 0;
		  margin: 0px 0px 0px 0px;
		  background-color: #f8f8ff;
		  border-style: solid;
		  border-width: 1px;
		  border-color: lightgray;
		  display: flex;
		  flex-direction: column;
	  }
  
	  /*键盘区左右按钮区- 四个角的按钮*/
	  .flexpanel .left-right-item .cornerbtn {
		  width: 100%;
		  height: 50px;
		  padding: 0, 0, 0, 0;
		  margin: 0px 0px 0px 0px;
		  background-color: #f8f8ff;
		  border-style: solid;
		  border-width: 1px;
		  border-color: lightgray;
		  flex-shrink: 0;
	  }
  
	  /*键盘区左右按钮区- 正和念=严的位置*/
	  .flexpanel .left-right-item .centerbtn {
		  width: 100%;
		  padding: 0, 0, 0, 0;
		  margin: 0px 0px 0px 0px;
		  background-color: #f8f8ff;
		  border-style: solid;
		  border-width: 1px;
		  border-color: lightgray;
	  }
  
	  /*键盘区中间按钮区- 上下方的按钮区*/
	  .flexpanel .center-item .updownbtn {
		  width: 100%;
		  height: 50px;
		  padding: 0, 0, 0, 0;
		  margin: 0px 0px 0px 0px;
		  background-color: #f8f8ff;
		  border-width: 0px;
	  }
  
	  /*键盘区中间按钮区- 正中间的位置*/
	  .flexpanel .center-item .middlebtn {
		  width: 100%;
		  padding: 0, 0, 0, 0;
		  margin: 0px 0px 0px 0px;
		  background-color: #f8f8ff;
		  border-width: 0px;
		  overflow: hidden;
	  }
  
	  .fan1_btn {
		  height: 100%;
		  background-color: #e0e0e0;
		  border-right-width: 0px;
		  border-bottom-width: 0px;
		  border-top-width: 1px;
		  border-left-width: 0px;
	  }
  
	  .fan2_btn {
		  height: 100%;
		  background-color: #9cdac4;
		  border-right-width: 1px;
		  border-bottom-width: 0px;
		  border-top-width: 0px;
		  border-left-width: 0px;
	  }
  
	  .fan3_btn {
		  height: 100%;
		  background-color: #fee89a;
		  border-right-width: 0px;
		  border-bottom-width: 0px;
		  border-top-width: 1px;
		  border-left-width: 0px;
	  }
  
	  .fan4_btn {
		  height: 100%;
		  background-color: #fbb1a7;
		  border-right-width: 1px;
		  border-bottom-width: 0px;
		  border-top-width: 0px;
		  border-left-width: 0px;
	  }
  
	  .h_nian_btn {
		  display: table-cell;
		  width: 31%;
		  height: 100%;
		  text-align: center;
		  height: 50px;
	  }
  
	  .mny_btn {
		  display: inline-block;
		  width: 53px;
		  height: 25px;
		  background-color: darkblue;
		  line-height: 25px;
		  color: black;
		  text-align: center;
		  vertical-align: middle;
		  border-radius: 5px;
		  color: white;
	  }
  
	  .btn_a {
		  color: black !important;
	  }
  
	  .green1::before {
		  color: black !important;
	  }
  
	  .green:after {
		  color: black !important;
	  }
  
	  .disable:after {
		  background-color: gray !important;
	  }
  
	  .disable:before {
		  background-color: gray !important;
	  }
  
	  .weui-ftbg6 {
		  padding: 2px;
		  color: #ffffff;
		  position: relative;
		  background-color: #b7507f;
	  }
  
	  .weui-ftbg6:before {
		  content: "";
		  display: block;
		  width: 75px;
		  height: 50px;
		  position: absolute;
		  transform: skewX(129deg);
		  left: -50px;
		  top: 0;
		  border-width: 0px;
		  border-style: solid;
		  border-right-width: 1px;
		  border-color: lightgray;
		  background-color: #fbb1a7;
		  z-index: 1;
	  }
  
	  .weui-ftbg6:after {
		  content: "";
		  display: block;
		  width: 60px;
		  height: 105px;
		  position: absolute;
		  transform: skewX(-129deg);
		  top: 0px;
		  right: -65px;
		  border-width: 0px;
		  border-style: solid;
		  border-left-width: 1px;
		  border-color: lightgray;
		  background-color: #9cdac4;
		  z-index: 1;
	  }
  
	  .weui-ftbg3 {
		  padding: 2px;
		  color: #ffffff;
		  position: relative;
		  background-color: #b7507f;
	  }
  
	  .btn_disable .weui-ftbg3::before,
	  .btn_disable .weui-ftbg3::after,
	  .btn_disable .weui-ftbg6::after,
	  .btn_disable .weui-ftbg6::before {
		  background-color: gray !important;
	  }
  
	  .weui-ftbg3:before {
		  content: "";
		  display: block;
		  width: 70px;
		  height: 55px;
		  position: absolute;
		  transform: skewX(51deg);
		  left: -46px;
		  top: -4px;
		  border-width: 0px;
		  border-style: solid;
		  border-right-width: 1px;
		  border-color: lightgray;
		  background-color: #fbb1a7;
		  z-index: 1;
	  }
  
	  .weui-ftbg3:after {
		  content: "";
		  display: block;
		  width: 70px;
		  height: 55px;
		  position: absolute;
		  transform: skewX(-51deg);
		  top: -4px;
		  right: -46px;
		  border-width: 0px;
		  border-style: solid;
		  border-left-width: 1px;
		  border-color: lightgray;
		  background-color: #9cdac4;
		  z-index: 1;
	  }
  
	  .extra_btn {
		  /* margin-bottom: 5px; */
		  display: inline-block;
		  width: 23%;
		  height: 50px;
		  background-color: white;
		  border-width: 1px;
		  border-color: darkgray;
		  border-style: solid;
		  line-height: 50px;
		  color: black;
		  text-align: center;
		  vertical-align: middle;
	  }
  
	  .ao8_btn_class {
		  background-color: #51e3d3;
	  }
  
	  .keybord_item:not(:first-child) {
		  /* height: 40px; */
	  }
  
	  .keybord_item .exit,
	  .keybord_item .reset {
		  font-size: 16px;
		  display: inline-block;
		  min-width: 44px;
		  height: 32px;
		  /* background-color: #00AB22; */
		  background-color: #fff;
		  border-width: 1px;
		  line-height: 32px;
		  color: #000000e6;
		  text-align: center;
		  vertical-align: middle;
		  border-radius: 5px;
		  flex-shrink: 0;
		  margin-right: 4px;
	  }
  
	  .keybord_item .reset {
		  margin-right: 0;
	  }
  
	  .keybord_item input {
		  width: 100px;
		  height: 32px;
		  border-radius: 5px;
		  box-sizing: border-box;
		  text-indent: 4px;
		  margin-right: 4px;
		  flex: 1 0 0;
		  color: #ff4500;
		  background-color: #fff;
	  }
  
	  .keybord_item .FastSelectLane {
		  margin-right: 4px;
		  flex: 1 0 0;
		  height: 32px;
		  border-radius: 4px;
	  }
  
	  .keybord_item .FastheaderSelectLane .picker-display {
		  height: 32px;
		  line-height: 32px;
		  font-size: 13px;
		  border: 1px solid #999
	  }
  
  
  
	  .keybord_item .fase-deposit {
		  display: inline-block;
		  width: 80px;
		  height: 32px;
		  background-color: #9cdac4;
		  border-width: 0px;
		  line-height: 32px;
		  color: #000000e6;
		  text-align: center;
		  vertical-align: middle;
		  border-radius: 5px;
		  font-size: 16px;
		  margin-right: 4px;
	  }
  
	  .keybord_item_num {
		  display: inline-block;
		  min-width: 30px;
		  flex: 1 0 0;
		  height: 32px;
		  background-color: #FDFFFF;
		  line-height: 32px;
		  color: black;
		  text-align: center;
		  vertical-align: middle;
		  border-radius: 5px;
		  font-size: 18px;
		  font-weight: bolder;
		  box-shadow: 0px 0px 2px 1px #cccccc80;
	  }
  
	  .keybord_item_num:not(:last-child) {
		  margin-right: 4px;
	  }
  
	  .keybord_item .bsnum {
		  display: inline-block;
		  min-width: 53px;
		  height: 32px;
		  line-height: 32px;
		  color: #000000e6;
		  text-align: center;
		  vertical-align: middle;
		  border-radius: 5px;
		  flex: 1 0 0;
		  position: relative;
	  }
  
	  .bangshe {
		  background-color: #fff;
	  }
  
	  .keybord_item .quenliaoiang {
		  width: 32px;
		  height: 32px;
		  object-fit: cover;
	  }
  
	  .keybord_item .bsnum_text {
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  transform: translate(-50%, -50%);
		  width: 32px;
		  height: 32px;
		  z-index: 1;
  
	  }
  
	  .keybord_item .bsnum:not(:last-child) {
		  margin-right: 4px;
	  }
  
	  .kjbtn {
		  color: #ffffff;
		  background-color: #467c4f;
		  text-align: center;
		  border-radius: 2px;
		  height: 25px;
		  line-height: 25px;
		  width: 40px;
		  flex-shrink: 0;
		  font-size: 13px;
		  font-family: "Noto Sans SC";
		  font-weight: 700;
		  margin-right: 5px;
	  }
  
	  .btn_disable {
		  background-color: gray !important;
		  color: black !important;
	  }
  
	  .specify_font.bottom {
		  margin-bottom: 20px;
	  }
  
	  .shanchuzhege {
		  position: absolute;
		  right: 0;
		  top: 0;
		  width: 10px;
		  height: 10px;
		  background-color: red;
		  color: #fff;
		  text-align: center;
		  line-height: 10px;
		  border-radius: 50%;
		  font-size: 6px;
	  }
  
	  /* // 快捷结束 */
  
  /* 投币动画容器 */
	  /* 全局投币动画容器 */
	  .coin-animation-container {
		  position: fixed;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  pointer-events: none;
		  z-index: 9999;
	  }
  
	  /* 飞行动画硬币样式 */
	  .coin {
		  position: absolute;
		  width: 25px;
		  height: 25px;
		  border-radius: 50%;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  transform-origin: center;
	  }
  
	  .coin-inner {
		  width: 100%;
		  height: 100%;
		  border-radius: 50%;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  position: relative;
		  overflow: hidden;
	  }
  
	  .coin-text {
		  position: absolute;
		  font-size: 9px;
		  font-weight: bold;
		  color: #fff;
		  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
		  z-index: 2;
	  }
  
	  .coin-image {
		  width: 100%;
		  height: 100%;
		  border-radius: 50%;
	  }
  
	  /* 按钮内部静态硬币容器 */
	  .static-coin-container {
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  pointer-events: none;
		  z-index: 5;
	  }
  
	  .static-coin {
		  position: absolute;
		  width: 25px;
		  height: 25px;
		  border-radius: 50%;
		  display: flex;
		  align-items: center;
		  justify-content: center;
	  }
  
	  .static-coin .coin-image {
		  width: 100%;
		  height: 100%;
		  border-radius: 50%;
	  }
  
	  .coin-amount-text {
		  position: absolute;
		  font-size: 9px;
		  font-weight: bold;
		  color: #fff;
		  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
		  z-index: 2;
	  }
  
	  /* 从筹码按钮飞向目标的动画 */
	  .coin-fly-from-chip {
		  animation: coinFlyFromChip 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
	  }
  
	  @keyframes coinFlyFromChip {
		  0% {
			  transform: translate(0, 0) rotate(0deg) scale(1);
			  opacity: 1;
		  }
  
		  25% {
			  transform: translate(calc(var(--delta-x) * 0.25), calc(var(--delta-y) * 0.25)) rotate(90deg) scale(1.1);
			  opacity: 1;
		  }
  
		  50% {
			  transform: translate(calc(var(--delta-x) * 0.5), calc(var(--delta-y) * 0.5)) rotate(180deg) scale(1.2);
			  opacity: 1;
		  }
  
		  75% {
			  transform: translate(calc(var(--delta-x) * 0.75), calc(var(--delta-y) * 0.75)) rotate(270deg) scale(1.1);
			  opacity: 1;
		  }
  
		  100% {
			  transform: translate(var(--delta-x), var(--delta-y)) rotate(360deg) scale(0.8);
			  opacity: 1;
		  }
	  }
  
	  /* 硬币停留状态 - 加快停留动画 */
	  .coin-stay {
		  animation: coinStay 0.2s ease-out forwards;
	  }
  
	  @keyframes coinStay {
		  0% {
			  transform: scale(0.8);
			  opacity: 1;
		  }
  
		  50% {
			  transform: scale(1.1);
			  opacity: 1;
		  }
  
		  100% {
			  transform: scale(0.8);
			  opacity: 1;
		  }
	  }
  
	  /* 硬币消失动画 - 加快消失速度 */
	  .coin-disappear {
		  animation: coinDisappear 0.3s ease-in forwards;
	  }
  
	  @keyframes coinDisappear {
		  0% {
			  transform: scale(0.8);
			  opacity: 1;
		  }
  
		  100% {
			  transform: scale(0) rotate(180deg);
			  opacity: 0;
		  }
	  }
  
	  /* 硬币清除动画 - 加快清除速度 */
	  .coin-clear {
		  animation: coinClear 0.4s ease-in forwards;
	  }
  
	  @keyframes coinClear {
		  0% {
			  transform: scale(0.8) rotate(0deg);
			  opacity: 1;
		  }
  
		  50% {
			  transform: scale(1.2) rotate(180deg);
			  opacity: 0.8;
		  }
  
		  100% {
			  transform: scale(0) rotate(360deg);
			  opacity: 0;
		  }
	  }
  
	  /* // 硬币结束 */
	  
  .historyData ul .red-large{
	  border: 1px solid red
  }
  .planeBtns .active{
	  background: green;
	  color: rgb(255, 255, 255);
  }
  .result-win,.success { color: green; }
  .result-loss,.fail { color: red; }
  .result-draw { color: gray; }
  
  .chat-header ul li.red{
	  background: red
  }
  /* 滚动效果样式 */
  .lottery-number.rolling {
	  overflow: hidden;
	  transition: line-height 0.1s ease-in-out;
  }
  
  .ball {
	  position: relative;
	  overflow: hidden;
  }
  
  .chat-header .azxykj{
	  gap: 3px;
  }
  .chat-header .azxykj li{
	  height: 18px;
	  width: 18px;
	  border-radius: 3px;
  }
  .chat-header .azxykj .azxy01{
	  background-color: #e6de00;
  }
  .chat-header .azxykj .azxy02{
	  background-color: #0092dd;
  }
  .chat-header .azxykj .azxy03{
	  background-color: #4b4b4b;
  }
  .chat-header .azxykj .azxy04{
	  background-color: #ff7600;
  }
  .chat-header .azxykj .azxy05{
	  background-color: #17e2e5;
  }
  .chat-header .azxykj .azxy06{
	  background-color: #5234ff;
  }
  .chat-header .azxykj .azxy07{
	  background-color: #bfbfbf;
  }
  .chat-header .azxykj .azxy08{
	  background-color: #ff2600;
  }
  .chat-header .azxykj .azxy09{
	  background-color: #780b00;
  }
  .chat-header .azxykj .azxy10{
	  background-color: #07bf00;
  }
  .historyData .longhu1{
	  background-color: #ff3e41;
  }
  
  .historyData .longhu2{
	  background-color: #5d96ff;
  }
  .jgazxy .s.longhu1{
	  background-color: #ff3e41;
  }
  .jgazxy .s.longhu2{
	  background-color: #5d96ff;
  }
  .jgazxy .s.azxy1{
	  background-color: #e6de00;
  }
  .jgazxy .s.azxy2{
	  background-color: #0092dd;
  }
  .jgazxy .s.azxy3{
	  background-color: #4b4b4b;
  }
  .jgazxy .s.azxy4{
	  background-color: #ff7600;
  }
  .jgazxy .s.azxy5{
	  background-color: #17e2e5;
  }
  .jgazxy .s.azxy6{
	  background-color: #5234ff;
  }
  .jgazxy .s.azxy7{
	  background-color: #bfbfbf;
  }
  .jgazxy .s.azxy8{
	  background-color: #ff2600;
  }
  .jgazxy .s.azxy9{
	  background-color: #780b00;
  }
  .jgazxy .s.azxy10{
	  background-color: #07bf00;
  }
  .jgazxy table.draws .sum .s{
	  font-size: 0.7rem;
	  color: #000;
  }
  .jgazxy .s{
	  font-size: 0.7rem;
	  color: #000;
	  background-color: transparent!important;
  }
  .jgazxy .jgazxy-th{
	  width: 100%;
	  display: flex;
	  justify-content: space-between;
	  font-size: 16px;
	  padding: 15px 0;
  }
  .jgazxy .jgazxy-th div{
	  margin: 0 10px;
  }
  .jgazxy table.draws tbody tr:nth-child(2n){
	  background: #eee;
  }
  
  .jgazxy .jgazxy-th div:nth-child(2) {
	  margin-left: -9px;
  }
  
  .jgazxy table.draws td{
	  padding: 0;
  }
  .jgazxy table.draws .azxy-lzt{
	  display: flex;
	  justify-content: space-between;
	  line-height: 20px;
	  padding: 4px 4px;
	  font-size: 14px;
  }
  .jgazxy table.draws .azxy-lzt-left{
	  display: flex;
	  align-content: center;
  }
  .jgazxy table.draws .azxy-lzt-left .grey{
	  margin-right: 52px;
	  color: #333;
  }
  .jgazxy table.draws .azxy-lzt-right{
	  display: flex;
	  align-content: center;
  }
  .jgazxy table.draws .azxy-lzt-right>div{
	  margin-right: 3px;
  }
  .jgazxy table.draws .azxy-lzt-conten{
	  padding: 4px 4px;
  }
  .jgazxy table.draws .azxy-lzt-conten .num{
	  width: 23px;
	  height: 23px;
	  line-height: 24px;
	  font-size: 0.9rem;
  }
  
  .jgazxy table.draws .result .num{
	  border: 0px solid #2792c3;
	  border-radius: 3px;
	  color: #fff;
  }
  .jgazxy table.draws .result .num.longhu1{
	  background-color: #ff3e41;
  }
  .jgazxy table.draws .result .num.longhu2{
	  background-color: #5d96ff;
  }
  .jgazxy table.draws .result .num.azxy01{
	  background-color: #e6de00;
  }
  .jgazxy table.draws .result .num.azxy02{
	  background-color: #0092dd;
  }
  .jgazxy table.draws .result .num.azxy03{
	  background-color: #4b4b4b;
  }
  .jgazxy table.draws .result .num.azxy04{
	  background-color: #ff7600;
  }
  .jgazxy table.draws .result .num.azxy05{
	  background-color: #17e2e5;
  }
  .jgazxy table.draws .result .num.azxy06{
	  background-color: #5234ff;
  }
  .jgazxy table.draws .result .num.azxy07{
	  background-color: #bfbfbf;
  }
  .jgazxy table.draws .result .num.azxy08{
	  background-color: #ff2600;
  }
  .jgazxy table.draws .result .num.azxy09{
	  background-color: #780b00;
  }
  .jgazxy table.draws .result .num.azxy10{
	  background-color: #07bf00;
  }
  .azxykpjg .r4 .sum{
	  width: 80px;
	  font-size: 30px;
	  line-height: initial;
	  text-align: center;
	  background: transparent;
  }
  .azxykpjg .r4 .sum .shuzhi{
	  color: red;
  }	
  .azxykpjg .r4 .sum .text{
	  display: flex;
	  align-items: center;
	  justify-content: space-around;
	  font-size: 18px;
	  color: red;
  }
  .azxykpjg .r3 .num{
	  border: 0px solid #2792c3;
	  border-radius: 3px;
	  color: #fff;
  }
  .r3 .num.azxy1{
	  background-color:  #e6de00;
  }
  .r3 .num.azxy2{
	  background-color:  #0092dd;
  }
  .r3 .num.azxy3{
	  background-color:  #4b4b4b;
  }
  .r3 .num.azxy4{
	  background-color:  #ff7600;
  }
  .r3 .num.azxy5{
	  background-color:  #17e2e5;
  }
  .r3 .num.azxy6{
	  background-color:  #5234ff;
  }
  .r3 .num.azxy7{
	  background-color:  #bfbfbf;
  }
  .r3 .num.azxy8{
	  background-color:  #ff2600;
  }
  .r3 .num.azxy9{
	  background-color:  #780b00;
  }
  .r3 .num.azxy10{
	  background-color:  #07bf00;
  }
  
  .historyData .azxyjg li{
	  border: 0px solid #0092dd!important;
	  background-color: aliceblue;
	  border-radius: 3px;
	  color: #fff;
  }
  
  .historyData .azxyjg .azxy01{
	  background-color:  #e6de00;
  }
  .historyData .azxyjg .azxy02{
	  background-color:  #0092dd;
  }
  .historyData .azxyjg .azxy03{
	  background-color:  #4b4b4b;
  }
  .historyData .azxyjg .azxy04{
	  background-color:  #ff7600;
  }
  .historyData .azxyjg .azxy05{
	  background-color:  #17e2e5;
  }
  .historyData .azxyjg .azxy06{
	  background-color:  #5234ff;
  }
  .historyData .azxyjg .azxy07{
	  background-color:  #bfbfbf;
  }
  .historyData .azxyjg .azxy08{
	 background-color:  #ff2600;
  }
  .historyData .azxyjg .azxy09{
	  background-color:  #780b00;
  }
  .historyData .azxyjg .azxy10{
	  background-color:  #07bf00;
  }
  .historyData .result.heshu{
	  color: #000;
	  border: 1px solid #666;
  }
  .extra-azxy10 {
	  background-color: white;
	  width: 100%;
	  text-align: center;
	  border-top-width: 0px;
	  border: 0;
	  /* margin-top: 5px; */
  }
  .extra-azxy10-title{
	  padding:5px 10px;
	  font-weight: bold;
	  font-size: 14px;
	  color: #000;
	  background: #e6eff7;
  }
  .extra-azxy10 .bc_b_mny_active{
	  background: #0092dd;
	  color: #000;
  }
  .extra-azxy10 .bc_b_mny_active{
	  background: #0092dd;
  }
  .extra-azxy10 .btn_a{
	  background: #0092dd!important;
  }
  /* .btn_disable */
  .extra-azxy10 .btn_a .bc_b_cmd{
	  color: #000;
  }
  .kjxd-keybord10{
	  background: #2492c9;
  }
  .kjxd-keybord10 .keybord_item .fase-deposit{
	  background: #93d1f1;
  }
  .kjbtn10{
	  background: #0092dd;
  }
  .azxykpjg5 .r3 .num{
	  border: 0px solid #2792c3;
	  color: #fff;
	  background-color: #2792c3;
	  width: 30px;
	  height: 30px;
	  line-height: 30px;
  }
  .azxykpjg5 .r4 .sum .shuzhi {
	  color: red;
  }
  .azxykpjg5 .r4 .sum .text {
	  display: flex;
	  align-items: center;
	  justify-content: space-around;
	  font-size: 18px;
	  color: red;
  }
  .azxykpjg5 .r4 .sum{
	  width: 80px;
	  font-size: 30px;
	  line-height: initial;
	  text-align: center;
	  background: transparent;
  }
  
  .jgazxy5 table.draws .result .num{
	  border: 1px solid #2792c3;
	  width: 22px;
	  height: 22px;
	  line-height: 22.5px;
	  font-size: 0.7rem;
  }
  .jgazxy5 table.draws .sum .s{
	  font-size: 0.7rem;
	  color: #000;
  }
  .jgazxy5 .s{
	  font-size: 0.7rem;
	  color: #000;
	  /* background-color: transparent!important; */
  }
  .extra-azxy5 {
	  background-color: white;
	  width: 100%;
	  text-align: center;
	  border-top-width: 0px;
	  border: 0;
  }
  .extra-azxy5-title{
	  padding:5px 10px;
	  font-weight: bold;
	  font-size: 14px;
	  color: #000;
	  background: #e6eff7;
  }
  .extra-azxy5 .bc_b_mny_active{
	  background: #0092dd;
	  color: #000;
  }
  .extra-azxy5 .btn_a{
	  background: #0092dd;
  }
  .extra-azxy5 .btn_a .bc_b_cmd{
	  color: #000;
  }
  .kjxd-keybord5{
	  background: #2492c9;
  }
  .kjxd-keybord5 .keybord_item .fase-deposit{
	  background: #93d1f1;
  }
  .lhc-key{
	  width: 16%;
  }
  .lhc-kjxd-panel-aiangzhong{
	  height: calc(100%);
  }
  .lhc-kjxd-panel{
  	  height: calc(100% - 100px);
  }
  .extra-6hecai{
	  background-color: white;
	  width: 100%;
	  height: 100%;
	  border-top-width: 0px;
	  border: 0;
	  /* display: flex; */
	  /* overflow: hidden; */
  }
  
  /* 通用 */
  .gamewzxs{
	  font-size: 14px;
  }
  .bg-green{
	  background: #0eb581;
  }
  .bg-red{
	  background: #ef5250;
  }
  .bg-blue{
	  background: #2f86f6;
  }
  
  .flex-col-c-c {
	  flex-direction: column;
  }
  .flex-c-c-w, .flex-col-c-c {
	  display: flex;
	  align-items: center;
	  justify-content: center;
  }
  .flex-w-s {
	  justify-content: space-between;
  }
  .flex-c {
	  align-items: center
  }
  .flex-w-s {
	  justify-content: space-between;
  }
  .flex-c,.flex-juc {
	  display: flex
  }
  
  .flex-juc {
	  justify-content: center
  }
  
  .flex-sta {
	  align-items: flex-start
  }
  
  .flex-s,.flex-sta {
	  display: flex
  }
  
  .flex-s {
	  justify-content: space-between
  }
  
  .flex-now {
	  flex-wrap: nowrap
  }
  
  .flex-now,.flex-w {
	  display: flex
  }
  
  .flex-w {
	  flex-wrap: wrap
  }
  
  .flex-col {
	  display: flex;
	  flex-direction: column
  }
  
  .flex-c-w {
	  flex-wrap: wrap
  }
  
  .flex-c-c,.flex-c-w {
	  display: flex;
	  align-items: center
  }
  
  .flex-c-c {
	  justify-content: center
  }
  
  .flex-w-juc {
	  justify-content: center
  }
  
  .flex-w-juc,.flex-w-s {
	  display: flex;
	  flex-wrap: wrap
  }
  
  .flex-w-s {
	  justify-content: space-between
  }
  
  .flex-c-s {
	  justify-content: space-between
  }
  
  .flex-c-e,.flex-c-s {
	  display: flex;
	  align-items: center
  }
  
  .flex-c-e {
	  justify-content: flex-end
  }
  
  .flex-e-c {
	  display: flex;
	  align-items: flex-end;
	  justify-content: center
  }
  
  .flex-col-c {
	  align-items: center
  }
  
  .flex-col-c,.flex-col-jus {
	  display: flex;
	  flex-direction: column
  }
  
  .flex-col-jus {
	  justify-content: center
  }
  
  
  .flex-c-c-w,.flex-col-c-c {
	  display: flex;
	  align-items: center;
	  justify-content: center
  }
  
  .flex-col-c-c {
	  flex-direction: column
  }
  
  .flex-c, .flex-juc {
	  display: flex;
  }
  /* lhc特殊修改结束 */
  /* 快捷通用 */
  .chengchi{
	  position: relative;
	  z-index: 6;
  }
  .kjtytr{
	  width:100%;
	  height:50px
  }
  
  /* 快捷通用结束 */
  
  
  .lotto-lhc{
	  padding-bottom: 22px;
	  background-color: #fff;
  }
  .lotto-lhc .lhc-nav{
	  height: 44px;
	  box-sizing: border-box;
	  overflow-y: hidden;
	  margin-top: 10px;
	  background: #f3f5f8;
	  position: relative;
	  padding: 0 10px
  }
  
  .lotto-lhc .lhc-nav:after {
	  position: absolute;
	  box-sizing: border-box;
	  content: " ";
	  pointer-events: none;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  border-bottom: 0.5px solid #c5cad5;
	  -webkit-transform: scaleY(.5);
	  transform: scaleY(.5)
  }
  
  .lotto-lhc .lhc-nav .lhc-nav-item{
	  -webkit-box-flex: 1;
	  -webkit-flex: 1;
	  flex: 1;
	  text-align: center;
	  height: 27px;
	  line-height: 27px;
	  font-size: 13px;
	  border-radius: 12px;
	  box-sizing: border-box;
	  margin: 0 2px;
	  word-break: keep-all;
	  white-space: nowrap
  }
  
  .lotto-lhc .lhc-nav .lhc-nav-item,.lotto-lhc .lhc-nav .lhc-nav-item,.lotto-lhc .lhc-nav .lhc-nav-item{
	  color: #414654;
	  background: none;
	  box-shadow: none;
	  border: none
  }
  
  .lotto-lhc .lhc-nav .lhc-nav-item{
	  color: #666;
	  background: #f5f5f6;
	  box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
	  border: 1px solid #d6d6d6
  }
  
  .lotto-lhc .lhc-nav .lhc-nav-item.active{
	  color: #fff;
	  background: #2f86f6;
	  box-shadow: none;
	  border: none
  }
  
  .lotto-lhc .lhc-nav .lhc-nav-item.active{
	  color: #fff;
	  background: #f35e5b;
	  box-shadow: none;
	  border: none
  }
  
  .lotto-lhc .lhc-nav .lhc-nav-item.active{
	  color: #fff;
	  background: #5c9c4b;
	  box-shadow: none;
	  border: none
  }
  
  .lotto-lhc .lhc-nav .lhc-nav-item.active{
	  color: #453909;
	  background: -webkit-linear-gradient(top,#f8f1d6,#e6ddb8);
	  background: linear-gradient(180deg,#f8f1d6,#e6ddb8);
	  box-shadow: 0 2px 0 0 #c8c0a1;
	  border: 1px solid #ebe4c6
  }
  
  .lotto-lhc .bb-table{
	  display: table;
	  width: calc(100% - 20px);
	  box-sizing: border-box;
	  margin: 0 10px 0;
	  padding-bottom: 10px
  }
  
  .lotto-lhc .bb-table .bb-head{
	  display: table-row;
	  height: 30px;
	  background: #f3f5f8;
	  font-size: 13px;
	  color: #414654
  }
  
  .lotto-lhc .bb-table .bb-head .bb-th{
	  display: table-cell;
	  vertical-align: middle;
	  text-align: center;
	  border-top: 1px solid #c5cad5;
	  border-bottom: 1px solid #c5cad5;
	  border-right: 1px solid #c5cad5
  }
  
  .lotto-lhc .bb-table .bb-head .bb-th.banb{
	  width: 61px;
	  border-left: 1px solid #c5cad5
  }
  
  .lotto-lhc .bb-table .bb-head .bb-th.odd{
	  width: 56px
  }
  
  .lotto-lhc .bb-table .bb-tr{
	  display: table-row;
	  background: #fff
  }
  
  .lotto-lhc .bb-table .bb-tr,.lotto-lhc .bb-table .bb-tr,.lotto-lhc .bb-table .bb-tr{
	  border-left: 1px solid #c5cad5
  }
  
  .lotto-lhc .bb-table .bb-tr{
	  border-left: 1px solid #d6d6d6
  }
  
  .lotto-lhc .bb-table .bb-tr.bb-choose{
	  background: #2f86f6;
	  border-left: 1px solid #c5cad5;
	  color: #fff
  }
  
  .lotto-lhc .bb-table .bb-tr.bb-choose{
	  background: #f35e5b;
	  border-left: 1px solid #c5cad5;
	  color: #fff
  }
  
  .lotto-lhc .bb-table .bb-tr.bb-choose{
	  background: #5c9c4b;
	  border-left: 1px solid #c5cad5;
	  color: #fff
  }
  
  .lotto-lhc .bb-table .bb-tr.bb-choose{
	  background: -webkit-linear-gradient(top,#f8f1d6,#e6ddb8);
	  background: linear-gradient(180deg,#f8f1d6,#e6ddb8);
	  border-left: 1px solid #ebe4c6;
	  color: #362f18
  }
  
  .lotto-lhc .bb-table .bb-tr.bb-choose .bb-td.banb{
	  color: #362f18
  }
  
  .lotto-lhc .bb-table .bb-tr.bb-choose .bb-td.bb-ball span{
	  background: #fff
  }
  
  .lotto-lhc .bb-table .bb-tr.bb-choose .bb-td.bb-ball span.bg-red{
	  color: #ef5250
  }
  
  .lotto-lhc .bb-table .bb-tr.bb-choose .bb-td.bb-ball span.bg-blue{
	  color: #2f86f6
  }
  
  .lotto-lhc .bb-table .bb-tr.bb-choose .bb-td.bb-ball span.bg-green{
	  color: #0eb581
  }
  
  .lotto-lhc .bb-table .bb-tr .bb-td{
	  display: table-cell;
	  text-align: center;
	  vertical-align: middle;
	  font-size: 12px;
	  height: 32px;
	  line-height: 16px;
	  border-bottom: 1px solid #c5cad5;
	  border-right: 1px solid #c5cad5;
	  color: #000;
  }
  
  .lotto-lhc .bb-table .bb-tr .bb-td.banb{
	  border-left: 1px solid #c5cad5
  }
  
  .lotto-lhc .bb-table .bb-tr .bb-td.bb-ball{
	  text-align: left
  }
  
  .lotto-lhc .bb-table .bb-tr .bb-td.bb-ball span{
	  display: inline-block;
	  width: 20px;
	  height: 20px;
	  text-align: center;
	  line-height: 20px;
	  border-radius: 100%;
	  margin-right: 2px;
	  color: #fff;
	  font-size: 12px
  }
  
  .lotto-lhc .bb-table .bb-tr .bb-td.bb-ball span:first-child {
	  margin-left: 10px
  }
  
  .lotto-lhc .bb-table .bb-tr .bb-td.bb-ball span:last-child {
	  margin-right: 0
  }
  
  .lotto-lhc .lottery-list{
	  box-sizing: border-box;
	  padding-top: 10px;
	  background: #fff;
	  position: relative
  }
  
  .lotto-lhc .lottery-list:after {
	  position: absolute;
	  box-sizing: border-box;
	  content: " ";
	  pointer-events: none;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  border-bottom: 1px solid #c5cad5;
	  -webkit-transform: scaleY(.5);
	  transform: scaleY(.5)
  }
  
  .lotto-lhc .lottery-list h3{
	  height: 30px;
	  line-height: 30px;
	  text-align: center;
	  background: #f3f5f8;
	  font-size: 13px;
	  color: #414654;
	  position: relative;
	  margin-bottom: 10px
  }
  
  .lotto-lhc .lottery-list h3:before {
	  top: 0;
	  border-top: 0.5px solid #c5cad5
  }
  
  .lotto-lhc .lottery-list h3:after,.lotto-lhc .lottery-list h3:before {
	  position: absolute;
	  box-sizing: border-box;
	  content: " ";
	  pointer-events: none;
	  right: 0;
	  left: 0;
	  -webkit-transform: scaleY(.5);
	  transform: scaleY(.5)
  }
  
  .lotto-lhc .lottery-list h3:after {
	  bottom: 0;
	  border-bottom: 0.5px solid #c5cad5
  }
  
  .lotto-lhc .lottery-list h3 .fast-choose{
	  position: absolute;
	  right: 2px;
	  width: 60px;
	  top: 50%;
	  transform: translateY(-50%);
	  font-size: 13px;
	  color: #858b9c;
	  display: flex;
	  align-items: center;
	  justify-content: right;
  }
  
  .lotto-lhc .lottery-list h3 .fast-choose img{
	  width: 24px;
	  height: 24px
  }
  
  .lotto-lhc .lottery-list .list-round{
	  padding: 0 10px
  }
  
  .lotto-lhc .lottery-list .pad-bot-5{
	  padding-bottom: 5px
  }
  
  .lotto-lhc .lottery-list .list-item{
	  height: 40px;
	  border-radius: 16px;
	  margin-bottom: 10px
  }
  
  .lotto-lhc .lottery-list .list-item{
	  background: #f3f5f8;
	  border: 1px solid #c5cad5;
	  box-shadow: none;
	  color: #362f18
  }
  
  .lotto-lhc .lottery-list .list-item{
	  background: #f3f3f3;
	  border: 1px solid #d6d6d6;
	  box-shadow: 0 0 6px 0 rgba(0,0,0,.1);
	  color: #362f18
  }
  
  .lotto-lhc .lottery-list .list-item.is-w2{
	  flex-direction: row;
	  justify-content: start;
	  padding-left: 12px;
	  box-sizing: border-box
  }
  
  .lotto-lhc .lottery-list .list-item.is-w2 .w2-left{
	  width: 34px;
	  text-align: center
  }
  
  .lotto-lhc .lottery-list .list-item.active{
	  background: #2f86f6;
	  border: 1px solid #c5cad5;
	  box-shadow: none
  }
  
  .lotto-lhc .lottery-list .list-item.active{
	  background: #f35e5b;
	  border: 1px solid #c5cad5;
	  box-shadow: none
  }
  
  .lotto-lhc .lottery-list .list-item.active{
	  background: #5c9c4b;
	  border: 1px solid #c5cad5;
	  box-shadow: none
  }
  
  .lotto-lhc .lottery-list .list-item.active{
	  background: -webkit-linear-gradient(top,#f8f1d6,#e6ddb8);
	  background: linear-gradient(180deg,#f8f1d6,#e6ddb8);
	  border: 1px solid #ebe4c6;
	  box-shadow: 0 2px 0 0 #c8c0a1
  }
  
  .lotto-lhc .lottery-list .list-item.active p,.lotto-lhc .lottery-list .list-item.active p span,.lotto-lhc .lottery-list .list-item.active p,.lotto-lhc .lottery-list .list-item.active p span,.lotto-lhc .lottery-list .list-item.active p,.lotto-lhc .lottery-list .list-item.active p span{
	  color: #fff
  }
  
  .lotto-lhc .lottery-list .list-item.active p,.lotto-lhc .lottery-list .list-item.active p span{
	  color: #362f18
  }
  
  .lotto-lhc .lottery-list .list-item.active .num-odd,.lotto-lhc .lottery-list .list-item.active .num-odd,.lotto-lhc .lottery-list .list-item.active .num-odd{
	  color: #fff
  }
  
  .lotto-lhc .lottery-list .list-item.active .num-odd{
	  color: #d90000
  }
  
  .lotto-lhc .lottery-list .list-item p{
	  font-size: 15px;
	  line-height: 17px;
	  font-weight: 600;
	  padding-bottom: 4px
  }
  
  .lotto-lhc .lottery-list .list-item .num-odd{
	  font-size: 12px;
	  line-height: 12px
  }
  
  .lotto-lhc .lottery-list .list-item .num-odd,.lotto-lhc .lottery-list .list-item .num-odd,.lotto-lhc .lottery-list .list-item .num-odd{
	  color: #ef5250
  }
  
  .lotto-lhc .lottery-list .list-item .num-odd{
	  color: #d90000
  }
  
  .lotto-lhc .lottery-list .list-item .w2-round{
	  -webkit-box-flex: 1;
	  -webkit-flex: 1;
	  flex: 1
  }
  
  .lotto-lhc .lottery-list .list-item .w2-round span{
	  display: inline-block;
	  width: 20px;
	  height: 20px;
	  text-align: center;
	  line-height: 20px;
	  border-radius: 100%;
	  margin-right: 2px;
	  color: #fff!important;
	  font-size: 12px
  }
  
  .lotto-lhc .lottery-list .list-item .w2-round span:last-child {
	  margin-right: 0
  }
  
  .lotto-lhc .lottery-list .width-2{
	  width: 172px
  }
  
  .lotto-lhc .lottery-list .width-3{
	  width: 109px
  }
  
  .lotto-lhc .lottery-list .width-4{
	  width: 80px
  }
  
  .lotto-lhc .lottery-list .width-5{
	  width: 65px
  }
  
  .lotto-lhc .lottery-list .width-6{
	  width: 53px
  }
  
  .lotto-lhc .lottery-list .tm{
	  height: 42px;
	  width: 69px;
	  border-radius: 16px;
	  box-sizing: border-box;
	  margin-bottom: 2px
  }
  
  .lotto-lhc .lottery-list .tm,.lotto-lhc .lottery-list .tm,.lotto-lhc .lottery-list .tm{
	  background: #f3f5f8;
	  border: 1px solid #c5cad5;
	  box-shadow: none;
	  color: #362f18
  }
  
  .lotto-lhc .lottery-list .tm{
	  background: #f3f3f3;
	  border: 1px solid #d6d6d6;
	  box-shadow: 0 0 6px 0 rgba(0,0,0,.1);
	  color: #362f18
  }
  
  .lotto-lhc .lottery-list .tm p{
	  font-size: 16px;
	  line-height: 16px;
	  padding-bottom: 4px
  }
  
  .lotto-lhc .lottery-list .tm .tm-odd{
	  font-size: 12px;
	  line-height: 12px;
	  word-break: break-all;
	  text-align: center
  }
  
  .lotto-lhc .lottery-list .tm .tm-odd,.lotto-lhc .lottery-list .tm .tm-odd,.lotto-lhc .lottery-list .tm .tm-odd{
	  color: #ef5250
  }
  
  .lotto-lhc .lottery-list .tm .tm-odd{
	  color: #d90000
  }
  
  .lotto-lhc .lottery-list .tm.active{
	  background: #2f86f6;
	  border: 1px solid #c5cad5;
	  box-shadow: none
  }
  
  .lotto-lhc .lottery-list .tm.active{
	  background: #f35e5b;
	  border: 1px solid #c5cad5;
	  box-shadow: none
  }
  
  .lotto-lhc .lottery-list .tm.active{
	  background: #5c9c4b;
	  border: 1px solid #c5cad5;
	  box-shadow: none
  }
  
  .lotto-lhc .lottery-list .tm.active{
	  background: -webkit-linear-gradient(top,#f8f1d6,#e6ddb8);
	  background: linear-gradient(180deg,#f8f1d6,#e6ddb8);
	  border: 1px solid #ebe4c6;
	  box-shadow: 0 2px 0 0 #c8c0a1
  }
  
  .lotto-lhc .lottery-list .tm.active p,.lotto-lhc .lottery-list .tm.active span,.lotto-lhc .lottery-list .tm.active p,.lotto-lhc .lottery-list .tm.active span,.lotto-lhc .lottery-list .tm.active p,.lotto-lhc .lottery-list .tm.active span{
	  color: #fff
  }
  
  .lotto-lhc .lottery-list .tm.active p,.lotto-lhc .lottery-list .tm.active span{
	  color: #362f18
  }
  
  .lotto-lhc .lottery-list .tm.active .tm-odd,.lotto-lhc .lottery-list .tm.active .tm-odd,.lotto-lhc .lottery-list .tm.active .tm-odd{
	  color: #fff
  }
  
  .lotto-lhc .lottery-list .tm.active .tm-odd{
	  color: #d90000
  }
  
  .lotto-lhc .lottery-list .color-red,.lotto-lhc .lottery-list .color-red,.lotto-lhc .lottery-list .color-red,.lotto-lhc .lottery-list .color-red{
	  color: #ef5250
  }
  
  .lotto-lhc .lottery-list .color-blue,.lotto-lhc .lottery-list .color-blue,.lotto-lhc .lottery-list .color-blue,.lotto-lhc .lottery-list .color-blue{
	  color: #2f86f6
  }
  
  .lotto-lhc .lottery-list .color-green,.lotto-lhc .lottery-list .color-green,.lotto-lhc .lottery-list .color-green,.lotto-lhc .lottery-list .color-green{
	  color: #0eb581
  }
  
  .lotto-lhc .lottery-list .bg-red,.lotto-lhc .lottery-list .bg-red,.lotto-lhc .lottery-list .bg-red,.lotto-lhc .lottery-list .bg-red{
	  background: #ef5250
  }
  
  .lotto-lhc .lottery-list .bg-blue,.lotto-lhc .lottery-list .bg-blue,.lotto-lhc .lottery-list .bg-blue,.lotto-lhc .lottery-list .bg-blue{
	  background: #2f86f6
  }
  
  .lotto-lhc .lottery-list .bg-green,.lotto-lhc .lottery-list .bg-green,.lotto-lhc .lottery-list .bg-green,.lotto-lhc .lottery-list .bg-green{
	  background: #0eb581
  }
  
  .choose-round-box{
	  padding: 0px 10px 6px;
  }
  .lotto-lhc .lottery-list .choose-round{
	  border-bottom: 1px solid #c5cad5;
	  position: relative;
	  padding-top: 6px;
  }
  
  
  .lotto-lhc .lottery-list .choose-round:before {
	  position: absolute;
	  box-sizing: border-box;
	  content: " ";
	  pointer-events: none;
	  right: -10px;
	  top: 0;
	  left: -10px;
	  border-top: 0.5px solid #c5cad5;
	  -webkit-transform: scaleY(.5);
	  transform: scaleY(.5)
  }
  
  .lotto-lhc .lottery-list .choose-round .choose{
	  -webkit-box-flex: 14%;
	  -webkit-flex: 14%;
	  flex: 14%;
	  width: 50px;
	  -webkit-flex-shrink: 0;
	  flex-shrink: 0;
	  height: 28px;
	  background: #f3f5f8;
	  border-left: 1px solid #c5cad5;
	  border-top: 1px solid #c5cad5;
	  font-size: 13px;
	  color: #414654;
	  box-sizing: border-box
  }
  
  .lotto-lhc .lottery-list .choose-round .choose.ch-7{
	  border-right: 1px solid #c5cad5
  }
  
  .lotto-lhc .lhc-nav{
	  height: 44px;
	  box-sizing: border-box;
	  overflow-y: hidden;
	  margin-top: 10px;
	  background: #f3f5f8;
	  position: relative;
	  padding: 0 10px
  }
  
  .lotto-lhc .lhc-nav:after {
	  position: absolute;
	  box-sizing: border-box;
	  content: " ";
	  pointer-events: none;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  border-bottom: 0.5px solid #c5cad5;
	  -webkit-transform: scaleY(.5);
	  transform: scaleY(.5)
  }
  
  .lotto-lhc .lhc-nav .lhc-nav-item{
	  -webkit-box-flex: 1;
	  -webkit-flex: 1;
	  flex: 1;
	  text-align: center;
	  height: 27px;
	  line-height: 27px;
	  font-size: 13px;
	  border-radius: 12px;
	  box-sizing: border-box;
	  margin: 0 2px;
	  word-break: keep-all;
	  white-space: nowrap
  }
  
  .lotto-lhc .lhc-nav .lhc-nav-item,.lotto-lhc .lhc-nav .lhc-nav-item,.lotto-lhc .lhc-nav .lhc-nav-item{
	  color: #414654;
	  background: none;
	  box-shadow: none;
	  border: none
  }
  
  .lotto-lhc .lhc-nav .lhc-nav-item{
	  color: #666;
	  background: #f5f5f6;
	  box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
	  border: 1px solid #d6d6d6
  }
  
  .lotto-lhc .lhc-nav .lhc-nav-item.active{
	  color: #fff;
	  background: #2f86f6;
	  box-shadow: none;
	  border: none
  }
  
  .lotto-lhc .lhc-nav .lhc-nav-item.active{
	  color: #fff;
	  background: #f35e5b;
	  box-shadow: none;
	  border: none
  }
  
  .lotto-lhc .lhc-nav .lhc-nav-item.active{
	  color: #fff;
	  background: #5c9c4b;
	  box-shadow: none;
	  border: none
  }
  
  .lotto-lhc .lhc-nav .lhc-nav-item.active{
	  color: #453909;
	  /* background:-webkit-linear-gradient(top,#f8f1d6,#e6ddb8); */
	  background: linear-gradient(180deg,#f8f1d6,#e6ddb8);
	  box-shadow: 0 2px 0 0 #c8c0a1;
	  border: 1px solid #ebe4c6
  }
  
  .lotto-lhc .lhc-childe-nav{
	  height: 44px;
	  box-sizing: border-box;
	  overflow-y: hidden;
	  background: #f3f5f8;
	  position: relative;
	  padding: 0 7px 0 10px
  }
  
  .lotto-lhc .lhc-childe-nav .lhc-childe-nav-item{
	  text-align: center;
	  height: 27px;
	  line-height: 27px;
	  font-size: 13px;
	  border-radius: 12px;
	  margin: 0 3px;
	  box-sizing: border-box;
	  -webkit-box-flex: 20%;
	  -webkit-flex: 20%;
	  flex: 20%;
	  -webkit-box-flex: 0;
	  -webkit-flex-grow: 0;
	  flex-grow: 0
  }
  
  .lotto-lhc .lhc-childe-nav .lhc-childe-nav-item,.lotto-lhc .lhc-childe-nav .lhc-childe-nav-item,.lotto-lhc .lhc-childe-nav .lhc-childe-nav-item{
	  color: #414654;
	  background: none;
	  box-shadow: none;
	  border: none
  }
  
  .lotto-lhc .lhc-childe-nav .lhc-childe-nav-item{
	  color: #666;
	  background: #f5f5f6;
	  box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
	  border: 1px solid #d6d6d6
  }
  
  .lotto-lhc .lhc-childe-nav .lhc-childe-nav-item.active{
	  color: #fff;
	  background: #2f86f6;
	  box-shadow: none;
	  border: none
  }
  
  .lotto-lhc .lhc-childe-nav .lhc-childe-nav-item.active{
	  color: #fff;
	  background: #f35e5b;
	  box-shadow: none;
	  border: none
  }
  
  .lotto-lhc .lhc-childe-nav .lhc-childe-nav-item.active{
	  color: #fff;
	  background: #5c9c4b;
	  box-shadow: none;
	  border: none
  }
  
  .lotto-lhc .lhc-childe-nav .lhc-childe-nav-item.active{
	  color: #453909;
	  background: -webkit-linear-gradient(top,#f8f1d6,#e6ddb8);
	  background: linear-gradient(180deg,#f8f1d6,#e6ddb8);
	  box-shadow: 0 2px 0 0 #c8c0a1;
	  border: 1px solid #ebe4c6
  }
  
  .lotto-lhc .lhc-childe-nav.van-radio--horizontal {
	  margin-right: 0;
	  margin-left: 34px
  }
  
  .lotto-lhc .lottery-list{
	  box-sizing: border-box;
	  padding-top: 10px;
	  background: #fff;
	  position: relative
  }
  
  .lotto-lhc .lottery-list h3{
	  height: 30px;
	  line-height: 30px;
	  text-align: center;
	  background: #f3f5f8;
	  font-size: 13px;
	  color: #414654;
	  position: relative;
	  margin-bottom: 10px
  }
  
  .lotto-lhc .lottery-list h3:before {
	  top: 0;
	  border-top: 0.5px solid #c5cad5
  }
  
  .lotto-lhc .lottery-list h3:after,.lotto-lhc .lottery-list h3:before {
	  position: absolute;
	  box-sizing: border-box;
	  content: " ";
	  pointer-events: none;
	  right: 0;
	  left: 0;
	  -webkit-transform: scaleY(.5);
	  transform: scaleY(.5)
  }
  
  .lotto-lhc .lottery-list h3:after {
	  bottom: 0;
	  border-bottom: 0.5px solid #c5cad5
  }
  
  .lotto-lhc .lottery-list h3 .fast-choose{
	  position: absolute;
	  right: 2px;
	  width: 60px;
	  top: 50%;
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%);
	  font-size: 13px;
	  color: #858b9c
  }
  
  .lotto-lhc .lottery-list h3 .fast-choose img{
	  width: 24px;
	  height: 24px
  }
  
  .lotto-lhc .lottery-list .pad-bot-5{
	  padding-bottom: 5px
  }
  
  .lotto-lhc .lottery-list .list-item{
	  height: 40px;
	  border-radius: 16px;
	  position: relative;
	  margin-bottom: 10px
  }
  
  .lotto-lhc .lottery-list .list-item,.lotto-lhc .lottery-list .list-item,.lotto-lhc .lottery-list .list-item{
	  background: #f3f5f8;
	  border: 1px solid #c5cad5;
	  box-shadow: none;
	  color: #362f18
  }
  
  .lotto-lhc .lottery-list .list-item{
	  background: #f3f3f3;
	  border: 1px solid #d6d6d6;
	  box-shadow: 0 0 6px 0 rgba(0,0,0,.1);
	  color: #362f18
  }
  
  .lotto-lhc .lottery-list .list-item.is-w2{
	  -webkit-box-orient: horizontal;
	  -webkit-box-direction: normal;
	  -webkit-flex-direction: row;
	  flex-direction: row;
	  -webkit-box-pack: start;
	  -webkit-justify-content: start;
	  justify-content: start;
	  padding-left: 12px;
	  box-sizing: border-box
  }
  
  .lotto-lhc .lottery-list .list-item.is-w2 .w2-left{
	  width: 34px;
	  text-align: center
  }
  
  .lotto-lhc .lottery-list .list-item.active{
	  background: #2f86f6;
	  border: 1px solid #c5cad5;
	  box-shadow: none
  }
  
  .lotto-lhc .lottery-list .list-item.active{
	  background: #f35e5b;
	  border: 1px solid #c5cad5;
	  box-shadow: none
  }
  
  .lotto-lhc .lottery-list .list-item.active{
	  background: #5c9c4b;
	  border: 1px solid #c5cad5;
	  box-shadow: none
  }
  
  .lotto-lhc .lottery-list .list-item.active{
	  background: -webkit-linear-gradient(top,#f8f1d6,#e6ddb8);
	  background: linear-gradient(180deg,#f8f1d6,#e6ddb8);
	  border: 1px solid #ebe4c6;
	  box-shadow: 0 2px 0 0 #c8c0a1
  }
  
  .lotto-lhc .lottery-list .list-item.active p,.lotto-lhc .lottery-list .list-item.active span,.lotto-lhc .lottery-list .list-item.active p,.lotto-lhc .lottery-list .list-item.active span,.lotto-lhc .lottery-list .list-item.active p,.lotto-lhc .lottery-list .list-item.active span{
	  color: #fff
  }
  
  .lotto-lhc .lottery-list .list-item.active p,.lotto-lhc .lottery-list .list-item.active span{
	  color: #362f18
  }
  
  .lotto-lhc .lottery-list .list-item p{
	  font-size: 15px;
	  line-height: 17px;
	  font-weight: 600;
	  padding-bottom: 4px
  }
  
  .lotto-lhc .lottery-list .list-item .num-odd{
	  font-size: 12px;
	  line-height: 12px
  }
  
  .lotto-lhc .lottery-list .list-item .num-odd,.lotto-lhc .lottery-list .list-item .num-odd,.lotto-lhc .lottery-list .list-item .num-odd{
	  color: #ef5250
  }
  
  .lotto-lhc .lottery-list .list-item .num-odd{
	  color: #d90000
  }
  
  .lotto-lhc .lottery-list .list-item .w2-round{
	  -webkit-box-flex: 1;
	  -webkit-flex: 1;
	  flex: 1
  }
  
  .lotto-lhc .lottery-list .list-item .w2-round span{
	  display: inline-block;
	  width: 20px;
	  height: 20px;
	  text-align: center;
	  line-height: 20px;
	  border-radius: 100%;
	  margin-right: 2px;
	  color: #fff!important;
	  font-size: 12px
  }
  
  .lotto-lhc .lottery-list .list-item .w2-round span:last-child {
	  margin-right: 0
  }
  
  .lotto-lhc .lottery-list .width-2{
	  width: 172px
  }
  
  .lotto-lhc .lottery-list .width-3{
	  width: 109px
  }
  
  .lotto-lhc .lottery-list .width-4{
	  width: 80px
  }
  
  .lotto-lhc .lottery-list .width-5{
	  width: 65px
  }
  
  .lotto-lhc .lottery-list .width-6{
	  width: 53px
  }
  
  .lotto-lhc .lottery-list .tm{
	  height: 42px;
	  width: 69px;
	  border-radius: 16px;
	  box-sizing: border-box;
	  margin-bottom: 2px;
	  position: relative
  }
  
  .lotto-lhc .lottery-list .tm,.lotto-lhc .lottery-list .tm,.lotto-lhc .lottery-list .tm{
	  background: #f3f5f8;
	  border: 1px solid #c5cad5;
	  box-shadow: none;
	  color: #362f18
  }
  
  .lotto-lhc .lottery-list .tm{
	  background: #f3f3f3;
	  border: 1px solid #d6d6d6;
	  box-shadow: 0 0 6px 0 rgba(0,0,0,.1);
	  color: #362f18
  }
  
  .lotto-lhc .lottery-list .tm p{
	  font-size: 16px;
	  line-height: 16px;
	  padding-bottom: 4px
  }
  
  .lotto-lhc .lottery-list .tm .tm-odd{
	  font-size: 12px;
	  line-height: 12px;
	  word-break: break-all;
	  text-align: center
  }
  
  .lotto-lhc .lottery-list .tm .tm-odd,.lotto-lhc .lottery-list .tm .tm-odd,.lotto-lhc .lottery-list .tm .tm-odd{
	  color: #ef5250
  }
  
  .lotto-lhc .lottery-list .tm .tm-odd{
	  color: #d90000
  }
  
  .lotto-lhc .lottery-list .tm.active{
	  background: #2f86f6;
	  border: 1px solid #c5cad5;
	  box-shadow: none
  }
  
  .lotto-lhc .lottery-list .tm.active{
	  background: #f35e5b;
	  border: 1px solid #c5cad5;
	  box-shadow: none
  }
  
  .lotto-lhc .lottery-list .tm.active{
	  background: #5c9c4b;
	  border: 1px solid #c5cad5;
	  box-shadow: none
  }
  
  .lotto-lhc .lottery-list .tm.active{
	  background: -webkit-linear-gradient(top,#f8f1d6,#e6ddb8);
	  background: linear-gradient(180deg,#f8f1d6,#e6ddb8);
	  border: 1px solid #ebe4c6;
	  box-shadow: 0 2px 0 0 #c8c0a1
  }
  
  .lotto-lhc .lottery-list .tm.active p,.lotto-lhc .lottery-list .tm.active span,.lotto-lhc .lottery-list .tm.active p,.lotto-lhc .lottery-list .tm.active span,.lotto-lhc .lottery-list .tm.active p,.lotto-lhc .lottery-list .tm.active span{
	  color: #fff
  }
  
  .lotto-lhc .lottery-list .tm.active p,.lotto-lhc .lottery-list .tm.active span{
	  color: #362f18
  }
  
  .lotto-lhc .lottery-list .tm.active .tm-odd,.lotto-lhc .lottery-list .tm.active .tm-odd,.lotto-lhc .lottery-list .tm.active .tm-odd{
	  color: #fff
  }
  
  .lotto-lhc .lottery-list .tm.active .tm-odd{
	  color: #d90000
  }
  
  .lotto-lhc .lottery-list .dt-icon{
	  height: 20px;
	  width: 20px;
	  left: 0;
	  top: 0;
	  position: absolute
  }
  
  .lotto-lhc .lottery-list .color-red,.lotto-lhc .lottery-list .color-red,.lotto-lhc .lottery-list .color-red,.lotto-lhc .lottery-list .color-red{
	  color: #ef5250
  }
  
  .lotto-lhc .lottery-list .color-blue,.lotto-lhc .lottery-list .color-blue,.lotto-lhc .lottery-list .color-blue,.lotto-lhc .lottery-list .color-blue{
	  color: #2f86f6
  }
  
  .lotto-lhc .lottery-list .color-green,.lotto-lhc .lottery-list .color-green,.lotto-lhc .lottery-list .color-green,.lotto-lhc .lottery-list .color-green{
	  color: #0eb581
  }
  
  .lotto-lhc .lottery-list .bg-red,.lotto-lhc .lottery-list .bg-red,.lotto-lhc .lottery-list .bg-red,.lotto-lhc .lottery-list .bg-red{
	  background: #ef5250
  }
  
  .lotto-lhc .lottery-list .bg-blue,.lotto-lhc .lottery-list .bg-blue,.lotto-lhc .lottery-list .bg-blue,.lotto-lhc .lottery-list .bg-blue{
	  background: #2f86f6
  }
  
  .lotto-lhc .lottery-list .bg-green,.lotto-lhc .lottery-list .bg-green,.lotto-lhc .lottery-list .bg-green,.lotto-lhc .lottery-list .bg-green{
	  background: #0eb581
  }
  
  
  .van-popup {
	  position: fixed;
	  /* max-height: 100%; */
	  /* overflow-y: auto; */
	  background-color: #fff;
	  transition: -webkit-transform .3s;
	  transition: transform .3s;
	  transition: transform .3s,-webkit-transform .3s;
  }
  .lot-head{
	  position: relative;
  }
  .lot-text{
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  color: #000;
	  background: #f3f5f8;
	  height: 40px;
	  line-height: 40px;
	  position: fixed;
	  width: 100%;
	  z-index: 2;
	  border-bottom: 1px solid #ccc;
  }
  .lot-text img{
	  width: 20px;
	  height: 20px;
  }
  .log-zhanwe{
	  width: 100%;
	  height: 40px;
  }
  .head-pop-cont{
	  position: fixed;
	  z-index: 1;
  }
  .lot-head .nav-list{
	  padding: 10px 10px 0;
  }
  .lot-head .nav-list .nav-item{
	  flex: 0 0 31%;
	  box-sizing: border-box;
	  border-radius: 12px;
	  margin: 0 4px 10px;
	  height: 38px;
  }
  .lot-head .nav-list .nav-item{
	  color: #666;
	  background: #f5f5f6;
	  box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
	  border: 1px solid #d6d6d6;
  }
  
  .lot-head .nav-list .nav-item.active{
	  color: #453909;
	  background: linear-gradient(180deg, #f8f1d6, #e6ddb8);
	  box-shadow: 0 2px 0 0 #c8c0a1;
	  border: 1px solid #ebe4c6;
  }
  
  .dynamic{
	  background: #fff;
	  min-height: 50px;
	  box-sizing: border-box;
	  position: fixed;
	  bottom: 50px;
	  left: 0;
	  width: 100%;
	  border-top: 0.5px solid #c5cad5;
	  -webkit-transition: all .328s;
	  transition: all .328s;
	  z-index: 2001
  }
  .dynamic.xiangzhong{
	  min-height: 0px;
	  bottom: 0px;
  }
  
  .dynamic.bot-0{
	  bottom: 0
  }
  
  .dynamic .up-arrow{
	  width: 50px;
	  height: 22px;
	  position: absolute;
	  left: 0;
	  right: 0;
	  top: -19px;
	  margin: 0 auto;
	  box-shadow: 0 2px 4px 0 rgba(17,22,38,.1);
	  border-radius: 12px
  }
  
  .dynamic .van-number-keyboard{
	  position: relative
  }
  
  .dynamic .dynamic-cont{
	  height: 50px;
	  padding: 0 10px;
	  overflow: hidden
  }
  
  .dynamic .dynamic-cont .img-choose-bu,.dynamic .dynamic-cont .img-choose-gr,.dynamic .dynamic-cont .img-choose-or,.dynamic .dynamic-cont .img-choose-re{
	  font-size: 12px;
	  border-radius: 50%;
	  width: 34px;
	  height: 34px;
	  margin-right: 16px;
	  color: #fff;
	  cursor: pointer
  }
  
  .dynamic .dynamic-cont .dynamic-edit{
	  width: 34px;
	  height: 34px;
	  margin-right: 20px;
	  margin-left: auto
  }
  .dynamic-edit {
	  background-position: -160px -140px !important;
  }
  .dynamic .dynamic-cont .dynamic-input{
	  background: #fff;
	  border: 1px solid #c5cad5;
	  border-radius: 18px;
	  width: 94px;
	  height: 36px;
	  font-size: 15px;
	  color: #111626;
	  box-sizing: border-box;
	  text-align: center;
  }
  
  .dynamic .dynamic-cont .dynamic-input .input-pla{
	  font-size: 15px;
	  color: #c5cad5
  }
  
  .dynamic .reset-text{
	  font-size: 17px;
	  color: #858b9c;
	  padding-left: 15px
  }
  .sure-choose{
	  background: #f6f8fa;
	  height: 50px;
	  padding: 0 10px;
	  box-sizing: border-box;
	  position: fixed;
	  bottom: 0;
	  left: 0;
	  width: 100%;
	  z-index: 2001
  }
  
  .sure-choose .ischoose{
	  font-size: 15px;
	  color: #111626;
	  padding-right: 10px;
	  white-space: nowrap
  }
  
  .sure-choose .ischoose .ischoose-text{
	  font-size: 19px;
	  padding: 0 4px;
	  color: #f35e5b
  }
  
  .sure-choose .canpay{
	  font-size: 12px;
	  height: 34px;
	  color: #414654;
	  white-space: nowrap;
	  overflow: hidden
  }
  
  .sure-choose .canpay .canpay-text{
	  font-size: 12px;
	  color: #ef5250;
	  text-overflow: ellipsis;
	  overflow: hidden;
	  white-space: nowrap
  }
  
  .sure-choose .sure-delete{
	  width: 34px;
	  height: 34px;
	  margin-right: 20px;
	  margin-left: auto
  }
  
  .sure-choose .sure-btn{
	  width: 94px;
	  height: 36px;
	  font-size: 15px;
	  color: #fff;
	  border-radius: 18px;
	  background: #e6e8eb
  }
  .sure-choose .sure-btn.active{
	  color: #453909;
	  background: linear-gradient(180deg, #f8f1d6, #e6ddb8);
	  box-shadow: 0 2px 0 0 #c8c0a1;
	  border: 1px solid #ebe4c6;
  }
  .icon-bg {
	  background: url(../img/yellow-icon.1fa1bcaf.42bb0ab9.png);
	  background-repeat: no-repeat;
	  background-size: 400px 242px;
  }
  .img-choose-gr {
	  background-position: -80px -140px !important;
  }
  
  .img-choose-or {
	  background-position: -40px -140px!important
  }
  
  .img-choose-re {
	  background-position: 0 -140px!important
  }
  
  .img-choose-bu {
	  background-position: -120px -140px!important
  }
  .sure-delete {
	  background-position: -200px -140px !important;
  }
  .open-show, .up-arrow {
	  background-position: -290px -140px !important;
  }
  
  /* lhc对话框 */
  .kjxd-lhc{
  	  top: 99px;
  	  height: calc(100% - 99px);
  }
  .bet {
	  width: calc(100vw - 50px);
	  border-radius: 12px;
	  z-index: 3003!important;
  }
  
  .bet .bet-round {
	  background: #fff;
	  box-sizing: border-box;
	  height: 377px;
	  border-radius: 12px;
  }
  
  .bet .bet-round .bet-head {
	  height: 40px;
	  font-size: 17px;
	  color: #111626;
	  -webkit-flex-shrink: 0;
	  flex-shrink: 0;
	  border-bottom: 1px solid #e2e4ea
  }
  
  .bet .bet-round .choose-check {
	  padding-top: 6px;
	  padding-bottom: 6px;
	  font-size: 15px;
	  color: #414654
  }
  
  .bet .bet-round .choose-check .van-checkbox__label {
	  font-size: 15px
  }
  
  .bet .bet-round .choose-check .van-checkbox__icon--checked .van-icon {
	  border-color: #2f86f6!important;
	  background-color: #2f86f6!important
  }
  
  .bet .bet-round .choose-check .van-checkbox__icon--checked .van-icon {
	  border-color: #f35e5b!important;
	  background-color: #f35e5b!important
  }
  
  .bet .bet-round .choose-check .van-checkbox__icon--checked .van-icon {
	  border-color: #5c9c4b!important;
	  background-color: #5c9c4b!important
  }
  
  .bet .bet-round .choose-check .van-checkbox__icon--checked .van-icon {
	  border-color: #867637!important;
	  background-color: #867637!important
  }
  
  .bet .bet-round .bet-th {
	  -webkit-flex-shrink: 0;
	  flex-shrink: 0;
	  height: 40px;
	  font-size: 12px;
	  position: relative
  }
  
  .bet .bet-round .bet-th,.bet .bet-round .bet-th,.bet .bet-round .bet-th {
	  background: #f3f5f8;
	  color: #414654
  }
  
  .bet .bet-round .bet-th {
	  background: rgba(134,118,55,.1);
	  color: #333
  }
  
  .bet .bet-round .bet-th:before {
	  position: absolute;
	  box-sizing: border-box;
	  content: " ";
	  pointer-events: none;
	  right: 0;
	  top: 0;
	  left: 0;
	  -webkit-transform: scaleY(.5);
	  transform: scaleY(.5)
  }
  
  .bet .bet-round .bet-th:before,.bet .bet-round .bet-th:before,.bet .bet-round .bet-th:before {
	  border-top: 0.5px solid #c5cad5
  }
  
  .bet .bet-round .bet-th:before {
	  border-top: 0.5px solid #e5e5e5
  }
  
  .bet .bet-round .bet-th:after {
	  position: absolute;
	  box-sizing: border-box;
	  content: " ";
	  pointer-events: none;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  -webkit-transform: scaleY(.5);
	  transform: scaleY(.5)
  }
  
  .bet .bet-round .bet-th:after,.bet .bet-round .bet-th:after,.bet .bet-round .bet-th:after {
	  border-bottom: 0.5px solid #c5cad5
  }
  
  .bet .bet-round .bet-th:after {
	  border-bottom: 0.5px solid #e5e5e5
  }
  
  .bet .bet-round .bet-contain {
	  -webkit-box-flex: 1;
	  -webkit-flex: 1;
	  flex: 1;
	  overflow-x: hidden
  }
  
  .bet .bet-round .bet-contain .bet-td {
	  min-height: 34px;
	  background: #fff;
	  font-size: 13px;
	  color: #414654
  }
  
  .bet .bet-round .bet-contain .bet-td,.bet .bet-round .bet-contain .bet-td,.bet .bet-round .bet-contain .bet-td {
	  border-bottom: 1px solid #c5cad5
  }
  
  .bet .bet-round .bet-contain .bet-td {
	  border-bottom: 1px solid #e5e5e5
  }
  
  .bet .bet-round .bet-contain .bet-td.is-dup {
	  background: #f9fafb
  }
  
  .bet .bet-round .bet-contain .bet-td .odds {
	  color: #ef5250
  }
  
  .bet .bet-round .bet-contain .bet-td .odds .up-img {
	  position: relative
  }
  
  .bet .bet-round .bet-contain .bet-td .odds .up-img:after {
	  content: " ";
	  position: absolute;
	  top: 50%;
	  left: 2px;
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%);
	  height: 10px;
	  width: 10px
  }
  
  .bet .bet-round .bet-contain .bet-td .odds .down-img {
	  position: relative
  }
  
  .bet .bet-round .bet-contain .bet-td .odds .down-img:after {
	  content: " ";
	  position: absolute;
	  top: 50%;
	  left: 2px;
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%);
	  height: 10px;
	  width: 10px
  }
  
  .bet .bet-round .bet-contain .bet-td>span {
	  word-break: break-word;
	  text-align: center;
	  -webkit-flex-shrink: 0;
	  flex-shrink: 0;
	  white-space: pre-wrap
  }
  
  .bet .bet-round .all-sum {
	  -webkit-flex-shrink: 0;
	  flex-shrink: 0;
	  height: 44px;
	  box-sizing: border-box;
	  padding-left: 15px;
	  font-size: 12px
  }
  
  .bet .bet-round .all-sum,.bet .bet-round .all-sum,.bet .bet-round .all-sum {
	  color: #414654;
	  background: #f3f5f8
  }
  
  .bet .bet-round .all-sum {
	  color: #333;
	  background: rgba(134,118,55,.1)
  }
  
  .bet .bet-round .all-sum .bet-sum {
	  color: #ef5250
  }
  
  .bet .bet-round .all-sum .all-bet-num {
	  margin-right: 12px
  }
  
  .bet .bet-round .all-sum .bet-unit {
	  color: #ef5250
  }
  
  .bet .bet-round .bet-btn {
	  -webkit-flex-shrink: 0;
	  flex-shrink: 0
  }
  
  .bet .bet-round .bet-btn .bet-dia-close,.bet .bet-round .bet-btn .bet-dia-sure {
	  -webkit-box-flex: 1;
	  -webkit-flex: 1;
	  flex: 1;
	  font-size: 15px
  }
  
  .bet .bet-round .bet-btn .bet-dia-close {
	  color: #858b9c;
	  border-radius:  0 0 0 12px;
  }
  
  .bet .bet-round .bet-btn .bet-dia-sure {
	  color: #fff;
	  border-radius:  0 0 12px 0;
  }
  
  .bet .bet-round .bet-btn .bet-dia-sure {
	  background: #2f86f6;
	  border-color: #2f86f6
  }
  
  .bet .bet-round .bet-btn .bet-dia-sure {
	  background: #f35e5b;
	  border-color: #f35e5b
  }
  
  .bet .bet-round .bet-btn .bet-dia-sure {
	  background: #5c9c4b;
	  border-color: #5c9c4b
  }
  
  .bet .bet-round .bet-btn .bet-dia-sure {
	  background: -webkit-linear-gradient(right,#8a91b1,#7a89af 50%,#768bba);
	  background: linear-gradient(270deg,#8a91b1,#7a89af 50%,#768bba);
	  border-color: #768bba
  }
  
  .bet .flex-2 {
	  -webkit-box-flex: 2;
	  -webkit-flex: 2;
	  flex: 2
  }
  
  .bet .flex-3 {
	  -webkit-box-flex: 3;
	  -webkit-flex: 3;
	  flex: 3
  }
  
  .bet .flex-4 {
	  -webkit-box-flex: 4;
	  -webkit-flex: 4;
	  flex: 4;
	  padding: 0 8px
  }
  
  .bet .color-red {
	  color: #f35e5b
  }
  
  .bet .color-green {
	  color: #17bd8a
  }
  .van-popup--center {
	  top: 50%;
	  left: 50%;
	  -webkit-transform: translate3d(-50%, -50%, 0);
	  transform: translate3d(-50%, -50%, 0);
  }
  .van-button {
	  position: relative;
	  display: inline-block;
	  box-sizing: border-box;
	  height: 44px;
	  margin: 0;
	  padding: 0;
	  font-size: 16px;
	  line-height: 1.2;
	  text-align: center;
	  border-radius: 2px;
	  cursor: pointer;
	  -webkit-transition: opacity .2s;
	  transition: opacity .2s;
	  -webkit-appearance: none;
  }
  .van-button--default {
	  color: #323233;
	  background-color: #fff;
	  border: 1px solid #ebedf0;
  }
  .bet .bet-round .bet-btn .bet-dia-sure {
	  color: #fff;
  }
  
  .fast {
	  width: 245px;
	  border-radius: 12px;
	  z-index: 2003;
  }
  
  .fast .fast-choose {
	  background: #fff;
	  box-sizing: border-box;
	  height: 320px;
	  border-radius: 12px;
  }
  
  .fast .fast-choose .fast-head {
	  height: 50px;
	  position: relative;
	  border-bottom: 0.5px solid #e2e4ea
  }
  
  .fast .fast-choose .fast-head h3 {
	  font-size: 17px;
	  color: #111626;
	  font-weight: 600
  }
  
  .fast .fast-choose .fast-head .choose-dialog-close {
	  position: absolute;
	  right: 13px;
	  top: 13px;
	  height: 24px;
	  width: 24px
  }
  
  .fast .fast-choose .fast-round {
	  padding: 15px 0 20px
  }
  
  .fast .fast-choose .fast-round .fast-digit {
	  width: 165px;
	  padding: 0 10px;
	  height: 36px;
	  line-height: 34px;
	  margin: 0 auto 8px;
	  border: 1px solid #c5cad5;
	  border-radius: 6px
  }
  
  .fast .fast-choose .fast-round .fast-digit {
	  font-size: 15px;
	  color: #414654
  }
  
  .fast .fast-choose .fast-round .fast-radio {
	  width: 165px;
	  padding: 0 10px;
	  box-sizing: border-box;
	  margin: 12px auto 0
  }
  
  .fast .fast-choose .fast-round .fast-radio .radio-img {
	  width: 16px;
	  height: 16px
  }
  
  .fast .fast-choose .sure-btn {
	  height: 44px;
	  width: 165px;
	  font-size: 15px;
	  color: #fff;
	  border-radius: 22px
  }
  
  .fast .fast-choose .sure-btn {
	  background-image: -webkit-linear-gradient(top,#35a2ff,#0e76e1);
	  background-image: linear-gradient(180deg,#35a2ff,#0e76e1);
	  color: #fff
  }
  
  .fast .fast-choose .sure-btn {
	  background-image: -webkit-linear-gradient(top,#fb716e,#ef5250);
	  background-image: linear-gradient(180deg,#fb716e,#ef5250);
	  color: #fff
  }
  
  .fast .fast-choose .sure-btn {
	  background-image: -webkit-linear-gradient(top,#7ac665 1%,#2d5125 99%);
	  background-image: linear-gradient(180deg,#7ac665 1%,#2d5125 99%);
	  color: #fff
  }
  
  .fast .fast-choose .sure-btn {
	  background-image: -webkit-linear-gradient(top,#f8f1d6,#e6ddb8);
	  background-image: linear-gradient(180deg,#f8f1d6,#e6ddb8);
	  color: #453909
  }
  .choose-dialog-close {
	  background-position: -160px -60px !important;
  }
  .lhc-van-overlay {
	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: 2000;
	  width: 100%;
	  height: 100%;
	  background-color: rgba(0, 0, 0, .7);
  }
  .lotto-lhc .lottery-list .dt-icon{
	  height: 20px;
	  width: 20px;
	  left: 0;
	  top: 0;
	  position: absolute;
  }
  .dt-icon {
	  background-position: -340px -30px !important;
  }
  
  /* 头部 */
  .lottery-head{
	  position: relative;
	  background: #fff;
	  z-index: 1000;
	  border-top: 1px solid #ccc;
  }
  
  .lottery-head:after {
	  position: absolute;
	  box-sizing: border-box;
	  content: " ";
	  pointer-events: none;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  border-bottom: 0.5px solid #c5cad5;
	  -webkit-transform: scaleY(.5);
	  transform: scaleY(.5)
  }
  
  .lottery-head .head-index{
	  height: 73px;
	  box-sizing: border-box;
	  background: #f3f5f8;
	  padding-right: 10px
  }
  
  .lottery-head .left-top-round{
	  flex: 1;
	  height: 100%
  }
  
  .lottery-head .left-top-round .head-left{
	  padding-left: 10px
  }
  
  .lottery-head .left-top-round .head-left .left-top{
	  padding-bottom: 10px;
	  line-height: 20px
  }
  
  .lottery-head .left-top-round .head-left .left-top.k8-pad{
	  padding-bottom: 3px
  }
  
  .lottery-head .left-top-round .head-left .left-top.lhc-top{
	  padding-bottom: 4px
  }
  
  .lottery-head .left-top-round .head-left .left-top h3{
	  font-size: 15px;
	  line-height: 22px;
	  color: #111626;
	  padding-right: 10px;
	  font-weight: 600
  }
  
  .lottery-head .left-top-round .head-left .left-top .down-issue{
	  font-size: 13px;
	  line-height: 22px;
	  color: #858b9c;
	  position: relative
  }
  
  .lottery-head .left-top-round .head-left .left-top .down-issue:after {
	  content: "";
	  position: absolute;
	  top: 50%;
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%);
	  right: -24px;
	  width: 24px;
	  height: 24px
  }
  
  .lottery-head .left-top-round .head-left .left-top .open-state{
	  padding-left: 25px;
	  line-height: 22px;
	  color: #f82525
  }
  
  .lottery-head .head-right{
	  padding-left: 10px;
	  border-left: 0.5px solid #e2e4ea;
	  text-align: center;
	  height: 50px;
	  min-width: 100px
  }
  
  .lottery-head .head-right p{
	  line-height: 20px;
	  font-size: 13px;
	  color: #858b9c;
	  padding-bottom: 8px
  }
  
  .lottery-head .head-right .time-span{
	  font-size: 15px;
	  color: #f35e5b;
	  font-weight: 600
  }
  
  .lottery-head .head-right .time-span.green-span{
	  color: #33c58a
  }
  .hk-ball-label .num {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
	  align-items: center;
	  -webkit-flex-wrap: nowrap;
	  flex-wrap: nowrap
  }
  
  .hk-ball-label .num .hk-ball {
	  -webkit-flex-shrink: 0;
	  flex-shrink: 0
  }
  
  .hk-ball-label .num .hk-ball:last-of-type {
	  margin-right: 0
  }
  
  .hk-ball-label .num .add {
	  display: inline-block;
	  height: 16px;
	  width: 16px;
	  text-align: center;
	  line-height: 20px;
	  margin: 0 8px 0 2px
  }
  
  .hk-ball-label .zodicas {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
	  align-items: center;
	  color: #858b9c;
	  min-height: 19px
  }
  
  .hk-ball-label .zodicas .five,.hk-ball-label .zodicas .zodica {
	  display: inline-block;
	  width: 20px;
	  text-align: center;
	  font-size: 13px;
	  color: #656b7b;
	  margin-right: 9px
  }
  
  .hk-ball-label .zodicas span {
	  width: 20px;
	  text-align: center;
	  margin-left: 26px
  }
  
  .hk-ball-label .hk-ball {
	  display: inline-block;
	  width: 20px;
	  height: 20px;
	  border-radius: 50%;
	  margin-right: 9px;
	  line-height: 20px;
	  font-size: 12px;
	  color: #fff;
	  text-align: center
  }
  
  .hk-ball-label .hk-ball01,.hk-ball-label .hk-ball02,.hk-ball-label .hk-ball07,.hk-ball-label .hk-ball08,.hk-ball-label .hk-ball12,.hk-ball-label .hk-ball13,.hk-ball-label .hk-ball18,.hk-ball-label .hk-ball19,.hk-ball-label .hk-ball23,.hk-ball-label .hk-ball24,.hk-ball-label .hk-ball29,.hk-ball-label .hk-ball30,.hk-ball-label .hk-ball34,.hk-ball-label .hk-ball35,.hk-ball-label .hk-ball40,.hk-ball-label .hk-ball45,.hk-ball-label .hk-ball46 {
	  background: #f35e5b
  }
  
  .hk-ball-label .hk-ball03,.hk-ball-label .hk-ball04,.hk-ball-label .hk-ball09,.hk-ball-label .hk-ball10,.hk-ball-label .hk-ball14,.hk-ball-label .hk-ball15,.hk-ball-label .hk-ball20,.hk-ball-label .hk-ball25,.hk-ball-label .hk-ball26,.hk-ball-label .hk-ball31,.hk-ball-label .hk-ball36,.hk-ball-label .hk-ball37,.hk-ball-label .hk-ball41,.hk-ball-label .hk-ball42,.hk-ball-label .hk-ball47,.hk-ball-label .hk-ball48 {
	  background: #2f86f6
  }
  
  .hk-ball-label .hk-ball05,.hk-ball-label .hk-ball06,.hk-ball-label .hk-ball11,.hk-ball-label .hk-ball16,.hk-ball-label .hk-ball17,.hk-ball-label .hk-ball21,.hk-ball-label .hk-ball22,.hk-ball-label .hk-ball27,.hk-ball-label .hk-ball28,.hk-ball-label .hk-ball32,.hk-ball-label .hk-ball33,.hk-ball-label .hk-ball38,.hk-ball-label .hk-ball39,.hk-ball-label .hk-ball43,.hk-ball-label .hk-ball44,.hk-ball-label .hk-ball49 {
	  background: #0eb581
  }
  .plus-sign {
	  background-position: -340px 0 !important;
  }
  .down-issue:after {
	  background-position: -40px -60px !important;
  }
  .icon-after:after {
	  background: url(../img/yellow-icon.1fa1bcaf.42bb0ab9.png);
	  background-repeat: no-repeat;
	  background-size: 400px 242px;
  }
  
  /* lhc历史记录 */
  .component-his{
	/* height: calc(100% - 72px); */
	overflow: hidden;
	background-color: #fff;
	width: 100%;
	position: absolute;
}

.lot-his-bot{
	height: 72px;
	background: #fff
}

.lot-his-bot .his-bot-item{
	flex: 30%;
	height: 28px;
	line-height: 26px;
	box-sizing: border-box;
	flex-grow: 0;
	border-radius: 12px;
	margin: 0 12px
}

.lot-his-bot .his-bot-item{
	color: #000;
	background: #2f86f6;
	box-shadow: none;
	border: 1px solid #c5cad5
}

.lot-his-bot .his-bot-item{
	color: #000;
	background: #f35e5b;
	box-shadow: none;
	border: 1px solid #c5cad5
}

.lot-his-bot .his-bot-item{
	color: #000;
	background: #5c9c4b;
	box-shadow: none;
	border: 1px solid #c5cad5
}

.lot-his-bot .his-bot-item{
	color: #453909;
	background: -webkit-linear-gradient(top,#f8f1d6,#e6ddb8);
	background: linear-gradient(180deg,#f8f1d6,#e6ddb8);
	box-shadow: 0 2px 0 0 #c8c0a1;
	border: 1px solid #ebe4c6
}

.lot-his-bot .his-bot-item .his-bot-more{
	font-size: 18px
}

.lot-his-bot .his-bot-item .his-bot-back{
	width: 18px;
	height: 18px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAADJWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3RTZDQjdFOERDNUIxMUVBOUQzMEVGRkExOTJENTUzMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3RTZDQjdFOURDNUIxMUVBOUQzMEVGRkExOTJENTUzMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQzRkQ5NDg5REM1QTExRUE5RDMwRUZGQTE5MkQ1NTMzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQzRkQ5NDhBREM1QTExRUE5RDMwRUZGQTE5MkQ1NTMzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+BKLLFgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAACQUExURUdwTGpqag8PD3Z2dsjIyFBQUHV1dYyMjMHBwcnJyQkJCd/f30lJSbS0tNjY2NbW1qurqzw8PCIiIqOjowEBAaampkJCQh0dHTExMby8vDc3NzAwMFhYWAsLC4KCgjw8PGFhYV5eXpaWllRUVBUVFUVFRRwcHFxcXHJyckZGRiYmJgMDA2NjYyIiIoCAgAAAAKB3tBoAAAAvdFJOUwCQ74YnoVtkMR/7D7VDAgcwwNo++lTP4M44xdqW9G22c4hVree965OTqNX+nO127cnSGgAAAS5JREFUKM91UleWgzAMVGgOJYYACQk1ve/O/W+3ptkmvNWHkRhpZI1FJC1idhM8jyefZubsMNj7Y02hREDG+eA4zqJNWuiYCTRJ2HqcyK0NxHuJ2cBGzw3Fj5WqW06acJGe8s5d4r2c3c/EuvtmOqf7HPhyMHFuhpy+Wzze1IIhzhiR7GUJbNSgEKURKllnebBlsEFODGfJecFV6y54bdRj3WuqzA0UwOn9vQdzMs1WA38B918wvCObiFGAjorsoBRt5/JSOmEn41IXOUJGPqCe/o5Kog+URJ9OxBkzB6x+WGXHcVbWS77QNCOe+KOS/SZdJmiPVTjR8Npf2pCbIhj9lYG12ijynTfOXIVXIGddkzB5eNAHEFbfxLr+bLeFQBB87xRnTdbue/oq5Wb8AZraHqmf/7hYAAAAAElFTkSuQmCC) no-repeat 50%/contain
}

.lot-his-bot .his-bot-item .his-bot-text{
	margin-left: 4px
}

.lot-open-lhc{
	background: #fff
}

.lot-open-lhc .hist-cont{
	height: calc(100% - 44px);
	overflow-x: hidden;
	font-size: 14px;
	color: #000;
}

.lot-open-lhc .nav-history-th{
	height: 44px;
	background: #f3f5f8;
	border-bottom: 0.5px solid #c5cad5
}

.lot-open-lhc .nav-history-th span{
	display: inline-block;
	font-size: 12px;
	width: 52px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	border-radius: 12px
}

.lot-open-lhc .nav-history-th span,.lot-open-lhc .nav-history-th span,.lot-open-lhc .nav-history-th span{
	color: #414654
}

.lot-open-lhc .nav-history-th span{
	color: #666
}

.lot-open-lhc .nav-history-th .date,.lot-open-lhc .nav-history-th .issue{
	width: 64px;
	font-size: 12px;
	color: #414654
}

.lot-open-lhc .nav-history-th .num{
	margin-left: 20px
}

.lot-open-lhc .nav-history-th .hk-sum,.lot-open-lhc .nav-history-th .num{
	margin-right: 20px
}

.lot-open-lhc .nav-history-th .lot-his-choo,.lot-open-lhc .nav-history-th .lot-his-choo,.lot-open-lhc .nav-history-th .lot-his-choo{
	color: #414654;
	background: none;
	box-shadow: none;
	border: none
}

.lot-open-lhc .nav-history-th .lot-his-choo{
	color: #666;
	background: #f5f5f6;
	box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
	border: 1px solid #d6d6d6
}

.lot-open-lhc .nav-history-th .lot-his-choo.active{
	color: #453909;
	background: -webkit-linear-gradient(top,#f8f1d6,#e6ddb8);
	background: linear-gradient(180deg,#f8f1d6,#e6ddb8);
	box-shadow: 0 2px 0 0 #c8c0a1;
	border: 1px solid #ebe4c6
}

.lot-open-lhc .val-round{
	padding-left: 13px
}

.lot-open-lhc .sum-round .sun-val,.lot-open-lhc .tm-round .sun-val{
	font-size: 12px;
	width: 60px
}

.lot-open-lhc .sum-round .sun-val:first-child,.lot-open-lhc .tm-round .sun-val:first-child {
	margin-left: 3px
}

.lot-open-lhc .sum-round .color-red,.lot-open-lhc .tm-round .color-red{
	color: #ef5250
}

.lot-open-lhc .sum-round .color-bule,.lot-open-lhc .tm-round .color-bule{
	color: #2f86f6
}

.lot-open-lhc .sum-round .color-green,.lot-open-lhc .tm-round .color-green{
	color: #0eb581
}

.lot-open-lhc .tm-round .sun-val{
	width: 48px
}

.lot-open-lhc .cell-round {
	height: 50px;
	border-bottom: 0.5px solid #e2e4ea;
}

.lot-open-lhc .cell-round .date,.lot-open-lhc .cell-round .issue {
	width: 64px
}

.lot-open-lhc .cell-round .hk-ball-label .hk-ball {
	width: 24px;
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	margin-right: 6px;
	margin-bottom: 2px
}

.lot-open-lhc .cell-round .hk-ball-label .add {
	width: 16px;
	height: 16px;
	line-height: 16px;
	margin: 0 4px 0 0
}

.lot-open-lhc .cell-round .hk-ball-label .zodicas .zodica {
	width: 24px;
	font-size: 13px;
	margin-right: 6px
}

.lot-open-lhc .cell-round .hk-ball-label .zodicas .zodica,.lot-open-lhc .cell-round .hk-ball-label .zodicas .zodica,.lot-open-lhc .cell-round .hk-ball-label .zodicas .zodica {
	color: #858b9c
}

.lot-open-lhc .cell-round .hk-ball-label .zodicas .zodica {
	color: #867637
}

.lot-open-lhc .cell-round .hk-ball-label .zodicas .special-zodica,.lot-open-lhc .cell-round .hk-ball-label .zodicas .special-zodica,.lot-open-lhc .cell-round .hk-ball-label .zodicas .special-zodica {
	color: #858b9c
}

.lot-open-lhc .cell-round .hk-ball-label .zodicas .special-zodica {
	color: #867637
}

.lot-open-lhc .cell-round .hk-ball-label .zodicas span {
	width: 24px;
	margin-left: 20px
}
  /* lhc结束 */