.msgcontent .msgtime b,
			.msgcontent .msgover b,
			.msglayer .uname,
			.msglayer *,
			.divBottom .add,
			.divBottom .send {
				-webkit-touch-callout: none;
				/*系统默认菜单被禁用*/
				-webkit-user-select: none;
				/*webkit浏览器*/
				user-select: none;
			}

			.msgcontent .msgtime,
			.msgcontent .msgover {
				width: 100%;
				text-align: center;
				margin-top: 20px;
			}

			.divBottom .vkb:before {
				content: '';
				position: absolute;
				width: 12px;
				height: 3px;
				left: 50%;
				top: 75%;
				margin-left: -6px;
				margin-top: -1px;
				border-radius: 2px;
				background: #686868;
			}

			.divBottom .vkb,
			.divBottom .add,
			.divBottom .send {
				cursor: pointer;
				/*position: absolute;*/
				right: 0px;
				bottom: 1px;
				display: block;
				vertical-align: bottom;
				margin: 0;
			}

			.divBottom .add {
				border: 1px solid #a7a7a9;
				right: 10px;
				box-sizing: border-box;
				width: 26px;
				height: 26px;
				border-radius: 50%;
				font-weight: bold;
				color: #7f8085;
			}

			.divBottom .add:before {
				content: '';
				position: absolute;
				width: 16px;
				height: 2px;
				left: 50%;
				top: 50%;
				margin-left: -8px;
				margin-top: -1px;
				background: #7f8085;
			}

			.divBottom .add:after {
				content: '';
				position: absolute;
				width: 2px;
				height: 16px;
				left: 50%;
				top: 50%;
				margin-left: -1px;
				margin-top: -8px;
				background: #7f8085;
			}

			.divBottom .send {
				/*border: 1px solid #1f8b1b;*/
				right: 8px;
				width: 80px;
				height: 32px;
				border-radius: 2px;
				text-align: center;
				line-height: 32px;
				font-weight: bold;
				color: #ffffff;
				background: #07c160;
				font-size: 14px;
				margin-right: 5px;
			}

			.divMaska {
				display: block;
				position: absolute;
				top: 0px;
				left: 2px;
				background-color: red;
				color: white;
				font-size: 12px;
				z-index: 99999999;
			}

			.divMaskb {
				display: none;
			}

			.msgcontent .msgtime b,
			.msgcontent .msgover b {
				margin: 0 auto;
				font-weight: normal;
				background: #cecece;
				color: #ffffff;
				padding: 2px 5px;
				border-radius: 4px;
				font-size: 12px;
				line-height: 12px;
			}

			.msglayer .uname.sys {
				color: red !important;
			}

			.msglayer .uname.black {
				color: #000 !important;
			}

			.msglayer:before,
			.msglayer:after {
				content: ".";
				display: block;
				height: 0;
				visibility: hidden;
			}

			.msglayer:after {
				clear: both;
			}

			.msglayer {
				zoom: 1;
				position: relative;
				margin-bottom: 8px
			}

			.msglayer .msgimg {
				position: relative;
				zoom: 1;
				text-align: center;
				display: block;
				margin: 5px auto;
			}

			.msglayer .msgimg img {
				display: inline-block;
				max-width: 95%;
				margin: 0 auto;
			}

			.msglayer.msgleft .headimg,
			.msglayer.msgright .headimg {
				width: 48px;
				height: 48px;
				position: absolute;
				top: -18px;
				overflow: hidden;
				border-radius: 4px;
			}

			.msglayer .headimg:before {
				position: absolute;
				display: block;
				width: 48px;
				height: 48px;
				right: 0px;
				top: 0px;
				background-size: contain;
				content: "";
				z-index: 1;
			}

			.msglayer.msgleft .headimg img,
			.msglayer.msgright .headimg img {
				position: relative;
				z-index: 2;
				width: 48px;
				height: 48px;
				border-radius: 4px;
			}

			.msglayer.msgleft .uname,
			.msglayer.msgright .uname {
				position: absolute;
				font-size: 14px;
				top: -20px;
			/*color: #6f6f6f;*/
				color: red;
				/*机器人字体*/
		    	font-weight: 100;
				white-space: nowrap;
				ont-weight: 500;*/
			}

			.msglayer .fpop.corr {
				background: #fff !important;
			}

			.msglayer .fpop.corr:after {
				border-color: transparent #eff0fe transparent transparent !important
			}

			.msglayer .fpop.corrgm {
				background: red !important;
				color: #ffffff;
				border: 1px solid #000000 !important;
			}

			.msglayer .fpop.corrgm:after {
				border-color: transparent red transparent transparent !important
			}

			.msglayer .fpop.corrgm:before {
				border-color: transparent #000000 transparent transparent !important
			}

			.msglayer.qun .uname:before {
				display: inline;
				background: #6b9dc8;
				color: #fff;
				font-size: 8px;
				line-height: 10px;
				text-align: center;
				padding: 0 1px;
				margin-right: 2px;
				border-radius: 2px;
				content: "群";
			}

			.msglayer.msgleft .fpop {
				float: left;
				display: inline-block;
				max-width: 73%;
				min-width: 30px;
				min-height: 30px;
				width: auto;
				margin: 25px 0 0 55px;
				padding: 0px;
				border: 1px solid #d1d1d1;
				background: #ffffff;
				border-radius: 7px;
				position: relative;
			}
				/*消息灰色*/
			.msglayer.msgleft .fpop.master {
				background: #eff0fe !important;
			}

			.msglayer.msgleft .fpop:before,
			.msglayer.msgleft .fpop:after {
				display: block;
				content: '';
				width: 0;
				height: 0;
				font-size: 0;
				overflow: hidden;
				position: absolute;
			}

			.msglayer.msgleft .fpop:before {
				border-width: 8px;
				border-style: solid dashed dashed;
				border-color: transparent #d1d1d1 transparent transparent;
				left: -16px;
				top: 7px;
			}

			.msglayer.msgleft .fpop:after {
				border-width: 10px;
				border-style: solid dashed dashed;
				border-color: transparent #ffffff transparent transparent;
				left: -16px;
				top: 5px;
			}

			.msglayer.msgleft .headimg {
				left: -50px;
			}

			.msglayer.msgleft .uname {
				left: -0px;
			}

			.msglayer.msgright .fpop {
				float: right;
				display: inline-block;
				max-width: 65%;
				min-width: 30px;
				min-height: 30px;
				margin: 25px 68px 0 0;
				padding: 0px;
				border: 1px solid #84b559;
				background: #a1e85a;
				border-radius: 7px;
				position: relative;
				color: #253f0f;
			}

			.msglayer.msgright .fpop:before,
			.msglayer.msgright .fpop:after {
				display: block;
				content: '';
				width: 0;
				height: 0;
				font-size: 0;
				overflow: hidden;
				position: absolute;
			}

			.msglayer.msgright .fpop:before {
				border-width: 8px;
				border-style: solid dashed dashed;
				border-color: transparent transparent transparent #84b559;
				right: -16px;
				top: 7px;
			}

			.msglayer.msgright .fpop:after {
				border-width: 10px;
				border-style: solid dashed dashed;
				border-color: transparent transparent transparent #a1e85a;
				right: -16px;
				top: 5px;
			}

			.msglayer.msgright .headimg {
				right: -60px;
			}

			.msglayer.msgright .uname {
				right: -0px;
			}

			.msglayer pre.msgpre {
				width:auto !important;
				position: relative;
				zoom: 1;
				margin: 6px;
				font-size: 16px;
				line-height: 20px;
				white-space: pre-wrap;
				word-wrap: break-word;
				-webkit-touch-callout: auto;
				/*系统默认菜单被禁用*/
				-webkit-user-select: text !important;
				/*webkit浏览器*/
				user-select: auto;
				/*font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif;*/
				/*font-weight: 500;*/
				color: #000;
			}

			.font_big .msglayer pre.msgpre {
				font-size: 24px !important;
				line-height: 26px !important;
			}

			.font_medium .msglayer pre.msgpre {
				font-size: 20px !important;
				line-height: 22px !important;
			}

			.font_big .msgcontent .msgtime b,
			.font_big .msgcontent .msgover b {
				font-size: 20px !important;
				line-height: 22px !important;
			}

			.font_medium .msgcontent .msgtime b,
			.font_medium .msgcontent .msgover b {
				font-size: 16px !important;
				line-height: 18px !important;
			}

			.font_big .msglayer.msgleft .uname,
			.font_big .msglayer.msgright .uname {
				font-size: 16px !important;
				line-height: 18px !important;
			}

			.font_medium .msglayer.msgleft .uname,
			.font_medium .msglayer.msgright .uname {
				font-size: 14px !important;
				line-height: 16px !important;
			}

			.font_big .divBottom #txtMsg {
				font-size: 20px !important;
				line-height: 22px !important;
			}

			.font_medium .divBottom #txtMsg {
				font-size: 18px !important;
				line-height: 20px !important;
			}

			@-moz-keyframes throbber-loader {
				0% {
					background: #dde2e7;
				}

				10% {
					background: #6b9dc8;
				}

				40% {
					background: #dde2e7;
				}
			}

			@-webkit-keyframes throbber-loader {
				0% {
					background: #dde2e7;
				}

				10% {
					background: #6b9dc8;
				}

				40% {
					background: #dde2e7;
				}
			}

			@keyframes throbber-loader {
				0% {
					background: #dde2e7;
				}

				10% {
					background: #6b9dc8;
				}

				40% {
					background: #dde2e7;
				}
			}

			.throbber-loader:not(:required) {
				-moz-animation: throbber-loader 2000ms 300ms infinite ease-out;
				-webkit-animation: throbber-loader 2000ms 300ms infinite ease-out;
				animation: throbber-loader 2000ms 300ms infinite ease-out;
				background: #dde2e7;
				display: inline-block;
				position: relative;
				text-indent: -9999px;
				width: 8px;
				height: 16px;
				margin: 0 20px;
			}

			.throbber-loader:not(:required):before,
			.throbber-loader:not(:required):after {
				background: #dde2e7;
				content: '\x200B';
				display: inline-block;
				width: 8px;
				height: 16px;
				position: absolute;
				top: 0;
			}

			.throbber-loader:not(:required):before {
				-moz-animation: throbber-loader 2000ms 150ms infinite ease-out;
				-webkit-animation: throbber-loader 2000ms 150ms infinite ease-out;
				animation: throbber-loader 2000ms 150ms infinite ease-out;
				left: -15px;
			}

			.throbber-loader:not(:required):after {
				-moz-animation: throbber-loader 2000ms 450ms infinite ease-out;
				-webkit-animation: throbber-loader 2000ms 450ms infinite ease-out;
				animation: throbber-loader 2000ms 450ms infinite ease-out;
				right: -15px;
			}

			.msglayer .msg-loader {
				position: absolute;
				top: 50%;
				margin-top: -8px;
				left: -50px;
				display: inline-block;
			}

			*,
			body {
				margin: 0px;
				padding: 0px;
			}

			.clearfix:before,
			.clearfix:after {
				content: ".";
				display: block;
				height: 0;
				visibility: hidden;
			}

			.clearfix:after {
				clear: both;
			}

			.clearfix {
				zoom: 1;
			}

			body {
				background: #f5f5f7;
				overflow-y: hidden;
				position: relative;
			}

			.aotuheight {
				background: #f5f5f7;
			}

			.msgcontent {
				-webkit-box-sizing: border-box;
				position: absolute;
				top: 0px;
				width: 100%;
				overflow: auto;
				z-index: 4;
				-webkit-overflow-scrolling: touch;
				transform: translateZ(0);
			}

			.msgcontent.hide div {
				opacity: 0;
			}

			.msgcontent.hide .msgload {
				visibility: visible !important;
				opacity: 100 !important;
			}

			.msgcontent .msgload {
				visibility: hidden;
				display: inline-block;
				position: fixed !important;
				top: 10px;
				left: 50%;
				margin-left: -8px !important;
				z-index: 5;
			}

			.msgcontent #debugout {
				display: none;
				position: fixed !important;
				top: 30px;
				left: 0;
				text-align: center;
				z-index: 5;
			}

			.divBottom {
				background: #f5f5f7;
				position: absolute;
				top: 0px;
				width: 100%;
				z-index: 5;
				-webkit-overflow-scrolling: touch;
			}

			.aaa {
				color: red;
			}
			
			.allkeyword{
				z-index:999;
			}

			.divBottom_top {
				position: relative;
				display: flex;
                align-items: center;
                justify-content: space-between;
			}

			.divBottom .btndown {
				position: absolute;
				height: 30px;
				line-height: 24px;
				right: 2px;
				border: 1px solid #e7e7e7;
				background: #1aac19;
				color: #fff;
    			display: flex;
				cursor: pointer;
				font-size:16px;
				border-radius: 4px;
				padding-left: 5px;
    			padding-right: 5px;
				align-items: center;
    			justify-content: center;
				z-index:999;
			}

			.divBottom.msgdown .btndown {
				top: -62px;
			}

			.divBottom.msgup .btndown {
				bottom: -30px;
			}

			.divBottom .btndown:before {
				position: absolute;
				content: '';
				display: block;
				width: 0;
				height: 0;
				border-width: 7px;
				border-style: solid;
				border-color: #09bb07 transparent transparent transparent;
				left: 6px;
				top: 9px;
				display:none;
			}
			
			.divBottom .btndown:after{
				width:5px;
				height:5px;
				content:"";
				border:solid 1px #fff;
				border-top-color:#1aac19;
				border-right-color:#1aac19;
				transform: rotate(-45deg) translateY(-3px);
				-webkit-transform: rotate(-45deg) translateY(-3px);
    			margin-left: 6px;
			}

			.divBottom .btndown b {
				font-weight:normal;
			}

			.divBottom #txtMsg {
				margin: 10px 10px 10px 20px;
				background: #fcfcfc;
				border: 1px solid #dcdcde;
				border-radius: 8px;
				visibility: hidden;
				resize: none;
				overflow: hidden;
				line-height: 22px;
				font-size: 16px;
				padding: 5px 8px;
				outline: none;
				display: block;
				flex:1;
				box-sizing:border-box;
				user-select: text !important;
			}

			.divBottom .inpvkb {
				position: relative;
				/*height: 160px;*/
				background: #d0d3dc;
				padding-bottom: 10px;
				display: none;
			}

			.divBottom .inpvkb ul {
				padding-top: 5px;
				width: 96%;
				height: 30px;
				margin: 0 auto;
				user-select: none;
			}

			.divBottom .inpvkb ul li {
				cursor: pointer;
				width: 8%;
				height: 30px;
				line-height: 30px;
				font-size: 18px;
				font-weight: 700;
				margin-left: 1%;
				margin-right: 1%;
				float: left;
				background: #fdffff;
				color: #000000;
				text-align: center;
				border-radius: 20%;
				user-select: none;
			}

			.divBottom .inpvkb ul li.w2 {
				width: 16%;
				margin-left: 2%;
				margin-right: 2%;
			}

			.divBottom .inpvkb ul li.del {
				color: red !important;
			}

			.divBottom .inpvkb ul li.nline {
				color: #7f8085 !important;
				background: orange !important;
			}

			.divBottom .inpvkb ul li:hover,
			.divBottom .inpvkb .bspace:hover:after {
				/*background: darkorange !important;*/
			}

			.divBottom.selekb .inpvkb {
				display: block !important;
			}

			.divBottom .inpvkb .bspace {
				position: relative;
			}

			.divBottom .inpvkb .bspace:before {
				content: '';
				position: absolute;
				width: 80%;
				height: 10px;
				left: 10%;
				bottom: 5px;
				border-radius: 2px;
				background: #7f8085;
			}

			.divBottom .inpvkb .bspace:after {
				content: '';
				position: absolute;
				width: 70%;
				height: 10px;
				left: 15%;
				bottom: 8px;
				border-radius: 2px;
				background: #fff;
			}

			.divBottom .vkb {
				cursor: pointer;
				position: relative;
				display: block;
				margin: 0;
				border: 3px solid #7d7d81;
				left: 10px;
				box-sizing: border-box;
				width: 32px;
				height: 30px;
				border-radius: 50%;
				font-weight: bold;
				color: #7f8085;
			}

			.divBottom.selekb .vkb {
				/*border: 1px solid darkorange !important;*/
			}

			.divBottom.selekb .vkb:before,
			.divBottom.selekb .vkb li,
			.divBottom.selekb .vkb li:before {
				/*background: chocolate !important;*/
			}

			.divBottom .vkb ul {
				margin-top: 6px;
				margin-left: 3px;
				width: 22px;
				height: 10px;
			}

			.divBottom .vkb ul li {
				position: relative;
				width: 4px;
				height: 4px;
				background: #686868;
				margin-right: 1px;
				float: left;
				border-radius: 2px;
			}

			.divBottom .vkb ul li:before {
				position: absolute;
				content: '';
				width: 4px;
				height: 4px;
				background: #686868;
				top: 5px;
				float: left;
				border-radius: 2px;
			}

			.divBottom .vkb ul:before,
			.divBottom .vkb ul:after {
				content: ".";
				display: block;
				height: 0;
				visibility: hidden;
			}

			.divBottom .vkb ul:after {
				clear: both;
			}

			/*.kajianhao {*/
			/*	margin-top: 28;*/
			/*	display: block;*/
			/*}*/
			/*.kajianhao ul {*/
			/*	width: 100%;*/
			/*	overflow: hidden;*/
			/*	position: absolute;*/
			/*	z-index: 99999;*/
			/*background: #f5f5f7;*/
			/*	top: 0;*/
			/*	text-align: center;*/
			/*}*/
			/*.kajianhao ul li {*/
			/*	display: inline-block;*/
			/*	margin-right: 0px;*/
			/*	width: 25px;*/
			/*height: 30px;*/
			/*	line-height: 36px;*/
			/*	font-size: 16px;*/
			/*	text-align: center;*/
			/*	color: #fff;*/
			/*border-radius: 5px;*/
			/*box-sizing: border-box;*/
			/*-webkit-box-sizing: border-box;*/
			/*-moz-box-sizing: border-box;*/
			/*position: relative*/
			/*}*/
			/*.kajianhao ul li i {*/
			/*	position: absolute;*/
			/*	left: 1px*/
			/*}*/
			/*.kajianhao ul li img {*/
			/*	width: 20px*/
			/*}*/
			/*.kajianhao ul .numblue,*/
			/*.kajianhao ul .numred {*/
			/*	margin-right: 17px;*/
			/*	height: 16px;*/
			/*	width: 16px;*/
			/*	color: #fff*/
			/*}*/
			/*.kajianhao ul .li_after {*/
			/*	margin-right: 0*/
			/*}*/
			.numblueHead {
				width: 24px !important;
				height: 24px !important;
				line-height: 20px;
				overflow: hidden;
				border: 2px solid #0092dd;
				border-radius: 50%;
				text-align: center;
				color: #fafafa;
				background-color: #0092dd;
			}

			.jiahao {
				text-align: center;
				color: #000;
				width: 24px !important;
				height: 24px !important;
				line-height: 20px;
				overflow: hidden;
				border: 2px solid #f5f5f7 !important;
			}

			.longhu,
			.zonghe {
				border-radius: 50%;
				text-align: center;
				color: #000;
				width: 24px !important;
				height: 24px !important;
				line-height: 20px;
				overflow: hidden;
				border: 2px solid #ffc400 !important;
				background-color: #ffc400 !important;
			}

			.numblueHeadActive {
				background-color: #f1010a !important;
				border: 2px solid #f1010a !important;
			}

			.divBottom .inpvkb ul {
				/*width: 100%;*/
				height: 35px;
				position: relative;
			}

			.table tbody tr:last-child td,
			.table tbody tr:last-child th {
				width: 36px;
				margin-bottom: 0;
				display: inline-block;
			}

			@media all and (min-width: 620px) {

				.msglayer .fpop.corr,
				.msglayer .fpop.corr2 {
					width: 55% !important;
					max-width: 90% !important;
				}

				.msgimg {
					width: 100% !important;
				}

				.ck {
					width: 6.8%;
				}

				td span {
					width: 32px;
					height: 32px;
					font-size: 22px;
					line-height: 28px;
					border: 2px solid #000;
					margin: 2px auto;
				}

				thead th {
					font-size: 20px;
					line-height: 15px;
				}

				.colorfan {
					width: 26px;
					height: 26px;
					line-height: 24px;
					border: 1px solid #000;
					font-size: 18px;
					margin: 1px 0;
				}

				.shijian,
				.qihao {
					font-size: 14px;
					color: #222;
					letter-spacing: 0px;
				}

				.da,
				.dan {
					margin-left: 6px;
					font-size: 15px;
					font-weight: bolder;
				}

				.kai {
					margin: 16px 0;
				}

				.kpqiu {
					border: 3px solid #128ad4;
					width: 46px;
					height: 46px;
					font-size: 24px;
					line-height: 40px;
				}

				.kpqiu.qiuhong,
				.kpqiu.hong {
					border: 3px solid red;
				}

				.kptime {
					font-size: 24px;
				}

				.kpfan {
					font-size: 60px;
					line-height: 110px;
					width: 110px;
					position: inherit;
				}

				.kaipan {
					width: 100%;
				}

				.kpone {
					font-size: 24px;
					margin-left: 16px;
				}

				.di {
					font-size: 20px;
				}

				.kptwo {
					height: 120px;
					justify-content: space-between;
					padding: 0 18px;
				}
			}

			@media all and (max-width: 620px) {

				/*.kpqiu {*/
				/*width: 16px;height: 16px;font-size: 14px;line-height: 16px;*/
				/*}*/
				/*td span {*/
				/*    width: 12px;*/
				/*    height: 14px;*/
				/*    line-height: 14px;*/
				/*}*/
				.tbhead span {
					font-size: 13px;
				}

				.msglayer pre.msgpre {
					font-size: 15px;
				}

				.di {
					font-size: 16px;
					margin-left: 10px;
				}

				.kpone {
					font-size: 20px;
				}

				.msglayer .fpop.corr,
				.msglayer .fpop.corr2 {
					width: 84% !important;
				}

				.msgimg {
					width: 100% !important;
				}

				.kpfan {
					right: 5px;
					width: 60px;
					line-height: 60px;
					/*font-size: 28px;*/
				}

				.kptime {
					font-size: 16px;
				}

				.ck {
					width: 13px;
				}
/*机器人消息对齐*/
				.msglayer.msgleft .headimg,
				.msglayer.msgright .headimg {
					width: 45px !important;
					height: 45px !important;
					/*top: -10px !important;*/
				}

				.numblueHead {
					width: 24px !important;
					height: 24px !important;
					line-height: 20px;
				}

				.table tbody tr:last-child td,
				.table tbody tr:last-child th {
					width: 26px;
				}

				.haoma span {
					width: 18px;
					height: 18px;
					font-size: 12px;
					line-height: 16px;
				}
			}

			.float-rigth {
				position: fixed;
				right: 0;
				top: 65%;
				transform: translateY(-50%);
				z-index: 100;
			}

			.float-box {
				display: flex;
				align-items: center;
				justify-content: center;
				background-color: #ccc;
				border-radius: 20px 0 0 20px;
				box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
				width: 66px;
				padding-right: 10px;
				margin-bottom: 20px;
				font-size: 12px;
				font-weight: bolder;
				color: #000;
			}

			.float-rigth img {
				width: 28px;
				height: 28px;
				border-radius: 50%;
				margin-left: 1px;
				background-color: #fff;
				padding: 5px;
				border: 2px solid #ccc;
			}

			.color-red {
				color: red
			}

			.page-session {
				display: flex;
				flex-direction: column;
				padding-bottom: env(safe-area-inset-bottom);
				box-sizing: border-box;
				height: 100%
			}

			.top_bar {
				background-color: #fffed8;
				font-size: 13px;
				z-index: 10;
				position: fixed;
				width: 100%;
				color: #000;
				top: 32px;
			}

			.top_bar .row {
				display: flex;
				justify-content: space-between;
				margin-left: 3px
			}

			.top_bar .column {
				text-align: left;
				/* 文本居中 */
				margin: 3px;
				/* 列之间的间距 */
				font-weight: 420;
				padding: 0;
			}

			.top_bar .column_k3 {
				padding: 0 20px
			}

			.top_bar .blue {
				color: #00f;
				font-weight: bolder
			}

			.zoushitu {
				border: 1px solid #7030a0;
				font-size: 13px;
				left: 0;
				/*top: 123px;*/
				width: 100%;
				background-color: #fff
			}

			.zoushitu .table_title {
				text-align: center;
				background-color: #7030a0;
				color: #fff
			}

			.zoushitu .table_title .row_title .row_item {
				width: 48px;
				text-align: center;
				border-right: 1px solid #4f81bd
			}

			.zoushitu .table_title .row_title .row_item_4 {
				width: 50px;
				text-align: center;
				border-right: 1px solid #4f81bd;
				-webkit-justify-content: space-around;
				justify-content: space-around
			}

			.zoushitu .table_title .row_title .row_item_3 {
				-webkit-box-flex: 1;
				-webkit-flex: 1;
				flex: 1;
				text-align: center;
				border-right: 1px solid #4f81bd;
				-webkit-justify-content: space-around;
				justify-content: space-around
			}

			.zoushitu .scroll_view .row_title .row_item {
				font-size: 11px;
				font-weight: 450;
				width: 48px;
				text-align: center;
				border-right: 2px solid #00f
			}

			.zoushitu .scroll_view .row_title .row_item .s_item {
				-webkit-box-flex: 1;
				-webkit-flex: 1;
				flex: 1;
				text-align: center
			}

			.zoushitu .scroll_view .row_title .row_item .background-image {
				width: 100%;
				/* 定义背景图片的宽度，例如全屏 */
				height: 25px;
				/* 定义背景图片的高度 */
				background-image: url(/static/play/ball_hk6.png);
				/* 设置背景图片的路径 */
				background-size: cover;
				/* 背景图片覆盖整个元素，保持图片的宽高比 */
				margin-top: 4px
			}

			.zoushitu .scroll_view .row_title .row_item .b01 {
				background-position: 0 0
			}

			.zoushitu .scroll_view .row_title .row_item .b02 {
				background-position: 0 -23px
			}

			.zoushitu .scroll_view .row_title .row_item .b03 {
				background-position: 0 -49px
			}

			.zoushitu .scroll_view .row_title .row_item .b04 {
				background-position: 0 -73px
			}

			.zoushitu .scroll_view .row_title .row_item .b05 {
				background-position: 0 -98px
			}

			.zoushitu .scroll_view .row_title .row_item .b06 {
				background-position: 0 -123px
			}

			.zoushitu .scroll_view .row_title .row_item .circle {
				width: 20px;
				/* 圆的宽度 */
				height: 20px;
				/* 圆的高度 */
				border-radius: 50%;
				/* 使边框成圆形 */
				border: 1px solid #000;
				/* 边框样式 */
				display: flex;
				justify-content: center;
				align-items: center
			}

			.zoushitu .scroll_view .row_title .row_item .row_item_4 {
				width: 50px;
				text-align: center;
				border-right: 1px solid #4f81bd;
				-webkit-justify-content: space-around;
				justify-content: space-around
			}

			.zoushitu .scroll_view .row_title .row_item .row_item_3 {
				-webkit-box-flex: 1;
				-webkit-flex: 1;
				flex: 1;
				text-align: center;
				border-right: 1px solid #4f81bd;
				-webkit-justify-content: space-around;
				justify-content: space-around
			}

			.zoushitu .scroll_view .row_title .row_item .border_right {
				border-right: 1px solid #ccc
			}

			.zoushitu .scroll_view .row_title .row_item .color_red {
				color: red
			}

			.zoushitu .scroll_view .row_title .row_k3 {
				min-width: 70px;
				font-size: 13px
			}

			.zoushitu .scroll_view .row_title .item_k3 {
				font-size: 13px
			}

			.zoushitu .scroll_view .flex_row {
				display: -webkit-box;
				display: -webkit-flex;
				display: flex;
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				-webkit-flex-direction: row;
				flex-direction: row;
				-webkit-box-align: center;
				-webkit-align-items: center;
				align-items: center;
				-webkit-box-pack: justify;
				-webkit-justify-content: space-between;
				justify-content: space-between
			}

			.zoushitu .scroll_view .border_bottom_2 {
				border-bottom: .5px solid #ccc
			}

			.zoushitu .scroll_view .bg_baozi {
				background-color: #d6ff2a
			}

			.zoushitu .background_1 {
				background-color: #3cf
			}

			.zoushitu .border_bottom_1 {
				border-bottom: .5px solid #4f81bd
			}

			.zoushitu .flex_row {
				display: -webkit-box;
				display: -webkit-flex;
				display: flex;
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				-webkit-flex-direction: row;
				flex-direction: row;
				-webkit-box-align: center;
				-webkit-align-items: center;
				align-items: center;
				-webkit-box-pack: justify;
				-webkit-justify-content: space-between;
				justify-content: space-between
			}

			.rule .title {
				font-size: 13px;
				text-align: center;
				background-color: #7030a0;
				color: #fff
			}

			.rule .content {
				font-size: 10px;
				background-color: #3cf;
				border-bottom: .5px solid #4f81bd
			}

			.orders {
				border: 1px solid #7030a0;
				font-size: 13px;
				left: 0;
				top: 109px;
				width: 100%;
				height: 300px;
				background-color: #fff
			}

			.orders .table_title {
				text-align: center;
				background-color: #7030a0;
				color: #fff
			}

			.orders .table_title .page {
				padding-left: 15px;
				padding-right: 15px;
				color: #0ff
			}

			.orders .row_title .row_item_1 {
				width: 40px;
				text-align: center;
				border-right: 1px solid #4f81bd;
				-webkit-justify-content: space-around;
				justify-content: space-around;
				flex: auto
			}

			.orders .row_title .row_item {
				width: 90px;
				text-align: center;
				border-right: 1px solid #4f81bd;
				flex: auto
			}

			.orders .background_1 {
				background-color: #3cf
			}

			.orders .border_bottom_1 {
				border-bottom: .5px solid #4f81bd
			}

			.orders .flex_row {
				display: -webkit-box;
				display: -webkit-flex;
				display: flex;
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				-webkit-flex-direction: row;
				flex-direction: row;
				-webkit-box-align: center;
				-webkit-align-items: center;
				align-items: center;
				-webkit-box-pack: justify;
				-webkit-justify-content: space-between;
				justify-content: space-between
			}

			.page-session .container {
				position: fixed;
				right: 0;
				top: 50%;
				/* Adjust as needed */
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
				z-index: 1000
					/* Ensure it's above other content */
			}

			.page-session .container .floating-button {
				display: flex;
				align-items: center;
				justify-content: center;
				margin-bottom: 10px;
				/* Space between buttons */
				background-color: #ccc;
				border-radius: 20px 0 0 20px;
				/* Half circle on the left side */
				box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
				/* Optional shadow */
				width: 55px;
				/* Width of the button */
				padding-right: 10px;
				/* Padding inside the button */
				margin-bottom: 20px
			}

			.page-session .container .floating-button .icon {
				width: 14px;
				/* Icon size */
				height: 14px;
				/* Icon size */
				border-radius: 50%;
				/* Make it round */
				margin-left: 1px;
				/* Half outside the button */
				background-color: #fff;
				/* Icon background */
				padding: 5px;
				border: 2px solid #ccc
			}

			.page-session .container .floating-button .text {
				flex-grow: 1;
				text-align: center;
				font-weight: bolder
			}

			.page-session .container .kefu {
				font-size: 12px
			}

			.page-session .container .clear {
				font-size: 12px
			}

			.page-session .container .kefu_k3 {
				font-size: 14px;
				width: 60px;
				padding-right: 8px
			}

			.page-session .message-list {
				flex: 1;
				overflow: hidden;
				background-color: #f7f7f7;
				position: relative
			}

			.page-session .message-list .loadmore {
				margin: 5px 0
			}

			.page-session .message-list .scroller {
				height: 100%
			}

			.page-session .message-list .cl-popup__wrapper {
				position: absolute
			}

			.page-session .opbar {
				flex-shrink: 0;
				z-index: 9;
				background-color: #fff;
				border-top: 1px solid #f7f7f7
			}

			.page-session .opbar .main {
				display: flex;
				align-items: center;
				height: 50px
			}

			.page-session .opbar .main .icon {
				height: 40px;
				width: 40px;
				line-height: 40px;
				text-align: center;
				flex-shrink: 0
			}

			.page-session .opbar .main .icon .chat-iconfont {
				font-size: 30px
			}

			.page-session .opbar .main .input {
				flex: 1;
				margin: 0 5px;
				height: 35px;
				line-height: 35px
			}

			.page-session .opbar .main .input .cl-input .cl-input__wrap .cl-input__inner {
				font-size: 20px;
				color: red
			}

			.page-session .opbar .main .input .press-btn {
				display: inline-block;
				height: 35px;
				width: 100%;
				line-height: 35px;
				color: #666;
				border: 1px solid #dcdfe6;
				font-size: 12px;
				background-color: #fff;
				margin: 0;
				border-radius: 35px;
				box-sizing: border-box
			}

			.page-session .opbar .main .input .press-btn::after {
				border: 0
			}

			.page-session .opbar .main .input .press-btn:active {
				background-color: #f7f7f7
			}

			.page-session .popup-voice {
				display: flex;
				flex-direction: column;
				align-items: center;
				padding: 10px
			}

			.page-session .popup-voice.is-cancel {
				background-color: red;
				color: #fff
			}

			.page-session .popup-voice__time {
				font-size: 14px;
				margin-bottom: 10px;
				letter-spacing: 1px
			}

			.page-session .popup-voice__desc {
				font-size: 12px
			}

			.orders,
			.rule,
			.zoushitu {
				display: none;
				position: fixed;
				top: 103px;
				z-index: 10;
				background: #fff;
			}

			.rule p {
				margin: 0 !important;
			}

			.balls .ani .list .ball,
			.blueQiu {
				height: 24px;
				width: 24px;
				line-height: 24px;
				border-radius: 50%;
				background: #0092dd;
				color: #fff;
				float: left;
				text-align: center;
				/*margin-top: 5px;*/
				margin-left: 2px;
				font-size: 12px;
				display: none;
			}

			.redQiu {
				height: 20px;
				width: 20px;
				line-height: 20px;
				border-radius: 50%;
				float: left;
				background: #ff3e41;
				color: #fff;
				text-align: center;
				/*margin-top: 5px;*/
				margin-left: 2px;
				font-size: 12px;
			}

			.historyList .blueQiu,
			.historyList .redQiu {
				height: 20px;
				width: 20px;
				line-height: 20px !important;
                font-size: 12px;
			}

			@font-face {
				font-family: 'uniicons';
				/* 定义字体名称 */
				src: url('/static/xz/fonts/uniicons.b6d3756e.ttf');
				/* IE9 Compat Modes */
				src: url('/static/xz/fonts/uniicons.b6d3756e.ttf?#iefix') format('embedded-opentype'),
					/* IE6-IE8 */
					url('/static/xz/fonts/uniicons.b6d3756e.ttf') format('woff2'),
					/* Super Modern Browsers */
					url('/static/xz/fonts/uniicons.b6d3756e.ttf') format('woff'),
					/* Pretty Modern Browsers */
					url('/static/xz/fonts/uniicons.b6d3756e.ttf') format('truetype'),
					/* Safari, Android, iOS */
					url('webfont.svg#svgFontName') format('svg');
				/* Legacy iOS */
			}

			.uni-icons {
				font-family: uniicons;
				text-decoration: none;
				text-align: center;
			}

			.uniui-color:before {
				content: "\e6cf"
			}

			.uniui-wallet:before {
				content: "\e6b1"
			}

			.uniui-settings-filled:before {
				content: "\e6ce"
			}

			.uniui-auth-filled:before {
				content: "\e6cc"
			}

			.uniui-shop-filled:before {
				content: "\e6cd"
			}

			.uniui-staff-filled:before {
				content: "\e6cb"
			}

			.uniui-vip-filled:before {
				content: "\e6c6"
			}

			.uniui-plus-filled:before {
				content: "\e6c7"
			}

			.uniui-folder-add-filled:before {
				content: "\e6c8"
			}

			.uniui-color-filled:before {
				content: "\e6c9"
			}

			.uniui-tune-filled:before {
				content: "\e6ca"
			}

			.uniui-calendar-filled:before {
				content: "\e6c0"
			}

			.uniui-notification-filled:before {
				content: "\e6c1"
			}

			.uniui-wallet-filled:before {
				content: "\e6c2"
			}

			.uniui-medal-filled:before {
				content: "\e6c3"
			}

			.uniui-gift-filled:before {
				content: "\e6c4"
			}

			.uniui-fire-filled:before {
				content: "\e6c5"
			}

			.uniui-refreshempty:before {
				content: "\e6bf"
			}

			.uniui-location-filled:before {
				content: "\e6af"
			}

			.uniui-person-filled:before {
				content: "\e69d"
			}

			.uniui-personadd-filled:before {
				content: "\e698"
			}

			.uniui-back:before {
				content: "\e6b9"
			}

			.uniui-forward:before {
				content: "\e6ba"
			}

			.uniui-arrow-right:before {
				content: "\e6bb"
			}

			.uniui-arrowthinright:before {
				content: "\e6bb"
			}

			.uniui-arrow-left:before {
				content: "\e6bc"
			}

			.uniui-arrowthinleft:before {
				content: "\e6bc"
			}

			.uniui-arrow-up:before {
				content: "\e6bd"
			}

			.uniui-arrowthinup:before {
				content: "\e6bd"
			}

			.uniui-arrow-down:before {
				content: "\e6be"
			}

			.uniui-arrowthindown:before {
				content: "\e6be"
			}

			.uniui-bottom:before {
				content: "\e6b8"
			}

			.uniui-arrowdown:before {
				content: "\e6b8"
			}

			.uniui-right:before {
				content: "\e6b5"
			}

			.uniui-arrowright:before {
				content: "\e6b5"
			}

			.uniui-top:before {
				content: "\e6b6"
			}

			.uniui-arrowup:before {
				content: "\e6b6"
			}

			.uniui-left:before {
				content: "\e6b7"
			}

			.uniui-arrowleft:before {
				content: "\e6b7"
			}

			.uniui-eye:before {
				content: "\e651"
			}

			.uniui-eye-filled:before {
				content: "\e66a"
			}

			.uniui-eye-slash:before {
				content: "\e6b3"
			}

			.uniui-eye-slash-filled:before {
				content: "\e6b4"
			}

			.uniui-info-filled:before {
				content: "\e649"
			}

			.uniui-reload:before {
				content: "\e6b2"
			}

			.uniui-micoff-filled:before {
				content: "\e6b0"
			}

			.uniui-map-pin-ellipse:before {
				content: "\e6ac"
			}

			.uniui-map-pin:before {
				content: "\e6ad"
			}

			.uniui-location:before {
				content: "\e6ae"
			}

			.uniui-starhalf:before {
				content: "\e683"
			}

			.uniui-star:before {
				content: "\e688"
			}

			.uniui-star-filled:before {
				content: "\e68f"
			}

			.uniui-calendar:before {
				content: "\e6a0"
			}

			.uniui-fire:before {
				content: "\e6a1"
			}

			.uniui-medal:before {
				content: "\e6a2"
			}

			.uniui-font:before {
				content: "\e6a3"
			}

			.uniui-gift:before {
				content: "\e6a4"
			}

			.uniui-link:before {
				content: "\e6a5"
			}

			.uniui-notification:before {
				content: "\e6a6"
			}

			.uniui-staff:before {
				content: "\e6a7"
			}

			.uniui-vip:before {
				content: "\e6a8"
			}

			.uniui-folder-add:before {
				content: "\e6a9"
			}

			.uniui-tune:before {
				content: "\e6aa"
			}

			.uniui-auth:before {
				content: "\e6ab"
			}

			.uniui-person:before {
				content: "\e699"
			}

			.uniui-email-filled:before {
				content: "\e69a"
			}

			.uniui-phone-filled:before {
				content: "\e69b"
			}

			.uniui-phone:before {
				content: "\e69c"
			}

			.uniui-email:before {
				content: "\e69e"
			}

			.uniui-personadd:before {
				content: "\e69f"
			}

			.uniui-chatboxes-filled:before {
				content: "\e692"
			}

			.uniui-contact:before {
				content: "\e693"
			}

			.uniui-chatbubble-filled:before {
				content: "\e694"
			}

			.uniui-contact-filled:before {
				content: "\e695"
			}

			.uniui-chatboxes:before {
				content: "\e696"
			}

			.uniui-chatbubble:before {
				content: "\e697"
			}

			.uniui-upload-filled:before {
				content: "\e68e"
			}

			.uniui-upload:before {
				content: "\e690"
			}

			.uniui-weixin:before {
				content: "\e691"
			}

			.uniui-compose:before {
				content: "\e67f"
			}

			.uniui-qq:before {
				content: "\e680"
			}

			.uniui-download-filled:before {
				content: "\e681"
			}

			.uniui-pyq:before {
				content: "\e682"
			}

			.uniui-sound:before {
				content: "\e684"
			}

			.uniui-trash-filled:before {
				content: "\e685"
			}

			.uniui-sound-filled:before {
				content: "\e686"
			}

			.uniui-trash:before {
				content: "\e687"
			}

			.uniui-videocam-filled:before {
				content: "\e689"
			}

			.uniui-spinner-cycle:before {
				content: "\e68a"
			}

			.uniui-weibo:before {
				content: "\e68b"
			}

			.uniui-videocam:before {
				content: "\e68c"
			}

			.uniui-download:before {
				content: "\e68d"
			}

			.uniui-help:before {
				content: "\e679"
			}

			.uniui-navigate-filled:before {
				content: "\e67a"
			}

			.uniui-plusempty:before {
				content: "\e67b"
			}

			.uniui-smallcircle:before {
				content: "\e67c"
			}

			.uniui-minus-filled:before {
				content: "\e67d"
			}

			.uniui-micoff:before {
				content: "\e67e"
			}

			.uniui-closeempty:before {
				content: "\e66c"
			}

			.uniui-clear:before {
				content: "\e66d"
			}

			.uniui-navigate:before {
				content: "\e66e"
			}

			.uniui-minus:before {
				content: "\e66f"
			}

			.uniui-image:before {
				content: "\e670"
			}

			.uniui-mic:before {
				content: "\e671"
			}

			.uniui-paperplane:before {
				content: "\e672"
			}

			.uniui-close:before {
				content: "\e673"
			}

			.uniui-help-filled:before {
				content: "\e674"
			}

			.uniui-paperplane-filled:before {
				content: "\e675"
			}

			.uniui-plus:before {
				content: "\e676"
			}

			.uniui-mic-filled:before {
				content: "\e677"
			}

			.uniui-image-filled:before {
				content: "\e678"
			}

			.uniui-locked-filled:before {
				content: "\e668"
			}

			.uniui-info:before {
				content: "\e669"
			}

			.uniui-locked:before {
				content: "\e66b"
			}

			.uniui-camera-filled:before {
				content: "\e658"
			}

			.uniui-chat-filled:before {
				content: "\e659"
			}

			.uniui-camera:before {
				content: "\e65a"
			}

			.uniui-circle:before {
				content: "\e65b"
			}

			.uniui-checkmarkempty:before {
				content: "\e65c"
			}

			.uniui-chat:before {
				content: "\e65d"
			}

			.uniui-circle-filled:before {
				content: "\e65e"
			}

			.uniui-flag:before {
				content: "\e65f"
			}

			.uniui-flag-filled:before {
				content: "\e660"
			}

			.uniui-gear-filled:before {
				content: "\e661"
			}

			.uniui-home:before {
				content: "\e662"
			}

			.uniui-home-filled:before {
				content: "\e663"
			}

			.uniui-gear:before {
				content: "\e664"
			}

			.uniui-smallcircle-filled:before {
				content: "\e665"
			}

			.uniui-map-filled:before {
				content: "\e666"
			}

			.uniui-map:before {
				content: "\e667"
			}

			.uniui-refresh-filled:before {
				content: "\e656"
			}

			.uniui-refresh:before {
				content: "\e657"
			}

			.uniui-cloud-upload:before {
				content: "\e645"
			}

			.uniui-cloud-download-filled:before {
				content: "\e646"
			}

			.uniui-cloud-download:before {
				content: "\e647"
			}

			.uniui-cloud-upload-filled:before {
				content: "\e648"
			}

			.uniui-redo:before {
				content: "\e64a"
			}

			.uniui-images-filled:before {
				content: "\e64b"
			}

			.uniui-undo-filled:before {
				content: "\e64c"
			}

			.uniui-more:before {
				content: "\e64d"
			}

			.uniui-more-filled:before {
				content: "\e64e"
			}

			.uniui-undo:before {
				content: "\e64f"
			}

			.uniui-images:before {
				content: "\e650"
			}

			.uniui-paperclip:before {
				content: "\e652"
			}

			.uniui-settings:before {
				content: "\e653"
			}

			.uniui-search:before {
				content: "\e654"
			}

			.uniui-redo-filled:before {
				content: "\e655"
			}

			.uniui-list:before {
				content: "\e644"
			}

			.uniui-mail-open-filled:before {
				content: "\e63a"
			}

			.uniui-hand-down-filled:before {
				content: "\e63c"
			}

			.uniui-hand-down:before {
				content: "\e63d"
			}

			.uniui-hand-up-filled:before {
				content: "\e63e"
			}

			.uniui-hand-up:before {
				content: "\e63f"
			}

			.uniui-heart-filled:before {
				content: "\e641"
			}

			.uniui-mail-open:before {
				content: "\e643"
			}

			.uniui-heart:before {
				content: "\e639"
			}

			.uniui-loop:before {
				content: "\e633"
			}

			.uniui-pulldown:before {
				content: "\e632"
			}

			.uniui-scan:before {
				content: "\e62a"
			}

			.uniui-bars:before {
				content: "\e627"
			}

			.uniui-cart-filled:before {
				content: "\e629"
			}

			.uniui-checkbox:before {
				content: "\e62b"
			}

			.uniui-checkbox-filled:before {
				content: "\e62c"
			}

			.uniui-shop:before {
				content: "\e62f"
			}

			.uniui-headphones:before {
				content: "\e630"
			}

			.numberStyle {
				flex: 1;
				background-color: #fff;
				height: 32px;
				border-radius: 5px;
				line-height: 32px;
				margin-right: 4px;
			}

			.grid.svelte-1oro30q.svelte-1oro30q {
				display: flex;
				flex-wrap: wrap;
				justify-items: end
			}

			.titles.svelte-1oro30q.svelte-1oro30q {
				display: flex;
				width: 100%
			}

			.titles.svelte-1oro30q>div.svelte-1oro30q {
				line-height: 9vw;
				height: 9vw;
				font-size: 3.6vw;
				background-color: #a5a6a9;
				flex: 1 1 0%;
				overflow: hidden;
				border-right-width: 1px;
				border-style: solid;
				--tw-border-opacity: 1;
				border-color: rgb(255 255 255/var(--tw-border-opacity));
				text-align: center;
				--tw-text-opacity: 1;
				color: rgb(255 255 255/var(--tw-text-opacity))
			}

			.item.svelte-1oro30q.svelte-1oro30q {
				border-color: #ececec;
				cursor: pointer;
				overflow-x: hidden;
				border-width: 1px;
				border-top-width: 0;
				border-left-width: 0;
				border-style: solid;
				text-align: center;
				flex: 1
			}

			.panel.svelte-5yecfq.svelte-5yecfq {
				width: 75vw;
				right: 0;
				overflow: hidden;
				z-index: 40000;
				background-color: #f6f7f8;
				position: fixed;
				top: 0;
				bottom: 0;
				display: flex;
				flex-direction: column;
				transition-property: all;
				transition-duration: .3s;
				transition-timing-function: cubic-bezier(.4, 0, .2, 1)
			}

			.button-grid.svelte-5yecfq.svelte-5yecfq {
				position: relative;
				flex: 1 1 0%;
				overflow: auto
			}

			.menu-item.svelte-5yecfq.svelte-5yecfq {
				padding-bottom: .25rem;
				padding: 3vw
			}

			.menu-item.svelte-5yecfq>h4.svelte-5yecfq {
				font-size: 3.5vw
			}

			.menu-item.svelte-5yecfq svg {
				margin-bottom: .5rem;
				height: 1.75rem;
				width: 1.75rem
			}

			.menu-item.idx0.svelte-5yecfq svg {
				fill: #f39741
			}

			.menu-item.idx1.svelte-5yecfq svg {
				fill: #65c15c
			}

			.menu-item.idx2.svelte-5yecfq svg {
				fill: #b484d8
			}

			.menu-item.idx3.svelte-5yecfq svg {
				fill: #5594e6
			}

			.menu-item.idx4.svelte-5yecfq svg {
				fill: #3bcee9
			}

			.menu-item.idx5.svelte-5yecfq svg {
				fill: #ef6548
			}

			.menu-item.gray.svelte-5yecfq svg {
				fill: #9ca3af
			}

			.menu-item.gray.svelte-5yecfq h4.svelte-5yecfq {
				--tw-text-opacity: 1;
				color: rgb(107 114 128/var(--tw-text-opacity))
			}

			.overlay.svelte-5yecfq.svelte-5yecfq {
				z-index: 39999;
				position: fixed;
				top: 0;
				left: 0;
				bottom: 0;
				width: 100vw;
				background-color: rgb(0 0 0/var(--tw-bg-opacity));
				--tw-bg-opacity: .3
			}

			.userinfo.svelte-5yecfq.svelte-5yecfq {
				color: #fff;
				font-size: 16px;
				background: linear-gradient(180deg, #39a090, #1f9683);
				display: flex;
				padding-top: 1rem;
				padding-bottom: 1rem
			}

			.userinfo.svelte-5yecfq .avatar.svelte-5yecfq {
				padding-left: 1.5rem;
				padding-right: 1.5rem
			}

			.userinfo.svelte-5yecfq .avatar img.svelte-5yecfq {
				width: 5rem;
				border-radius: 9999px
			}

			.userinfo.svelte-5yecfq .info.svelte-5yecfq {
				padding-top: .5rem;
				padding-bottom: .5rem;
				line-height: 2rem
			}

			.userinfo.svelte-5yecfq .info em.svelte-5yecfq {
				font-style: normal
			}

			.logoutbtn.svelte-5yecfq.svelte-5yecfq {
				background-color: #f6f7f8;
				padding: .5rem;
				text-align: center
			}

			.logoutbtn.svelte-5yecfq uni-button.svelte-5yecfq {
				border-radius: .5rem;
				padding-top: .5rem;
				padding-bottom: .5rem;
				--tw-text-opacity: 1;
				color: rgb(255 255 255/var(--tw-text-opacity));
				font-size: 3.5vw;
				background-image: linear-gradient(180deg, #3bd3ad, #1f9683);
				width: 100%
			}

			.bets-table.svelte-1ryw1kp {
				width: 100%
			}

			.bet-button.svelte-yefhbi.svelte-yefhbi {
				height: 12.5vw;
				align-items: center;
				padding-top: 3px;
				overflow: hidden;
				background-color: #fff
			}

			.value.svelte-yefhbi.svelte-yefhbi {
				position: relative;
				display: flex;
				flex: 1 1 0%;
				justify-content: center;
				overflow: hidden;
				text-align: center
			}

			.value.svelte-yefhbi .circle.svelte-yefhbi,
			.value.svelte-yefhbi .square.svelte-yefhbi {
				width: 6.6vw;
				height: 6.6vw;
				line-height: 6.6vw;
				font-size: 4vw;
				background: #6a68ef;
				display: inline-block;
				border-radius: 9999px;
				text-align: center;
				font-weight: 700;
				--tw-text-opacity: 1;
				color: rgb(255 255 255/var(--tw-text-opacity))
			}

			.value.svelte-yefhbi .color-square.svelte-yefhbi {
				background: unset
			}

			.value.svelte-yefhbi .square.svelte-yefhbi {
				border-radius: 4px
			}

			.value.svelte-yefhbi .text.svelte-yefhbi {
				font-size: 3.5vw;
				line-height: 6vw;
				color: #333;
				display: inline-block;
				font-weight: 700
			}

			.odds.svelte-yefhbi.svelte-yefhbi {
				font-size: 3.2vw;
				line-height: 6vw;
				flex: 1 1 0%;
				align-self: center;
				text-align: center;
				font-weight: 700;
				--tw-text-opacity: 1;
				color: #c55a52
			}

			.sc.svelte-yefhbi.svelte-yefhbi {
				width: 7.2vw;
				height: 7.2vw;
				line-height: 7.2vw;
				font-size: 4vw;
				background: linear-gradient(180deg, #3273f9, #325cb5);
				display: inline-block;
				border-radius: 9999px;
				text-align: center;
				font-weight: 700;
				--tw-text-opacity: 1;
				color: rgb(255 255 255/var(--tw-text-opacity))
			}

			.sc-1.svelte-yefhbi.svelte-yefhbi,
			.sc-2.svelte-yefhbi.svelte-yefhbi,
			.sc-7.svelte-yefhbi.svelte-yefhbi,
			.sc-8.svelte-yefhbi.svelte-yefhbi,
			.sc-12.svelte-yefhbi.svelte-yefhbi,
			.sc-13.svelte-yefhbi.svelte-yefhbi,
			.sc-18.svelte-yefhbi.svelte-yefhbi,
			.sc-19.svelte-yefhbi.svelte-yefhbi,
			.sc-23.svelte-yefhbi.svelte-yefhbi,
			.sc-24.svelte-yefhbi.svelte-yefhbi,
			.sc-29.svelte-yefhbi.svelte-yefhbi,
			.sc-30.svelte-yefhbi.svelte-yefhbi,
			.sc-34.svelte-yefhbi.svelte-yefhbi,
			.sc-35.svelte-yefhbi.svelte-yefhbi,
			.sc-40.svelte-yefhbi.svelte-yefhbi,
			.sc-45.svelte-yefhbi.svelte-yefhbi,
			.sc-46.svelte-yefhbi.svelte-yefhbi {
				background: #d83547
			}

			.sc-3.svelte-yefhbi.svelte-yefhbi,
			.sc-4.svelte-yefhbi.svelte-yefhbi,
			.sc-9.svelte-yefhbi.svelte-yefhbi,
			.sc-10.svelte-yefhbi.svelte-yefhbi,
			.sc-14.svelte-yefhbi.svelte-yefhbi,
			.sc-15.svelte-yefhbi.svelte-yefhbi,
			.sc-20.svelte-yefhbi.svelte-yefhbi,
			.sc-25.svelte-yefhbi.svelte-yefhbi,
			.sc-26.svelte-yefhbi.svelte-yefhbi,
			.sc-31.svelte-yefhbi.svelte-yefhbi,
			.sc-36.svelte-yefhbi.svelte-yefhbi,
			.sc-37.svelte-yefhbi.svelte-yefhbi,
			.sc-41.svelte-yefhbi.svelte-yefhbi,
			.sc-42.svelte-yefhbi.svelte-yefhbi,
			.sc-47.svelte-yefhbi.svelte-yefhbi,
			.sc-48.svelte-yefhbi.svelte-yefhbi {
				background: #2264a4
			}

			.sc-5.svelte-yefhbi.svelte-yefhbi,
			.sc-6.svelte-yefhbi.svelte-yefhbi,
			.sc-11.svelte-yefhbi.svelte-yefhbi,
			.sc-16.svelte-yefhbi.svelte-yefhbi,
			.sc-17.svelte-yefhbi.svelte-yefhbi,
			.sc-21.svelte-yefhbi.svelte-yefhbi,
			.sc-22.svelte-yefhbi.svelte-yefhbi,
			.sc-27.svelte-yefhbi.svelte-yefhbi,
			.sc-28.svelte-yefhbi.svelte-yefhbi,
			.sc-32.svelte-yefhbi.svelte-yefhbi,
			.sc-33.svelte-yefhbi.svelte-yefhbi,
			.sc-38.svelte-yefhbi.svelte-yefhbi,
			.sc-39.svelte-yefhbi.svelte-yefhbi,
			.sc-43.svelte-yefhbi.svelte-yefhbi,
			.sc-44.svelte-yefhbi.svelte-yefhbi,
			.sc-49.svelte-yefhbi.svelte-yefhbi {
				background: #318100
			}

			.bet-panel.svelte-43ckvo.svelte-43ckvo {
				display: flex;
				height: 100%;
				width: 100%
			}

			.nav.svelte-43ckvo.svelte-43ckvo {
				height: 100%;
				overflow-y: auto;
				--tw-bg-opacity: 1;
				background-color: rgb(209 213 219/var(--tw-bg-opacity))
			}

			.nav.svelte-43ckvo>div.svelte-43ckvo {
				width: 20vw;
				height: 10vw;
				line-height: 10vw;
				border-color: #d1d2d6;
				cursor: pointer;
				border-bottom-width: 1px;
				--tw-border-opacity: 1;
				border-color: rgb(255 255 255/var(--tw-border-opacity));
				text-align: center;
				--tw-text-opacity: 1;
				color: rgb(107 114 128/var(--tw-text-opacity))
			}

			.nav.svelte-43ckvo>div.active.svelte-43ckvo {
				background-color: var(--blue);
				color: #fff
			}

			.body.svelte-43ckvo.svelte-43ckvo {
				height: 100%;
				flex: 1 1 0%;
				overflow-y: auto
			}

			.body.svelte-43ckvo .section.svelte-43ckvo {
				display: flex
			}

			.left-button.svelte-43ckvo.svelte-43ckvo {
				height: 12.5vw;
				--tw-text-opacity: 1;
				color: rgb(55 65 81/var(--tw-text-opacity))
			}

			.left-button.svelte-43ckvo i.svelte-43ckvo {
				width: 7.5vw;
				height: 7.5vw;
				line-height: 7.5vw;
				margin-top: .5rem;
				display: inline-block;
				border-radius: .25rem;
				--tw-bg-opacity: 1;
				background-color: rgb(156 163 175/var(--tw-bg-opacity));
				font-weight: 700;
				font-style: normal;
				--tw-text-opacity: 1;
				color: rgb(255 255 255/var(--tw-text-opacity))
			}

			.left-button-1.svelte-43ckvo i.svelte-43ckvo {
				background-color: #ffbe00
			}

			.left-button-2.svelte-43ckvo i.svelte-43ckvo {
				background-color: #0089ff
			}

			.left-button-3.svelte-43ckvo i.svelte-43ckvo {
				background-color: #4d4d4d
			}

			.left-button-4.svelte-43ckvo i.svelte-43ckvo {
				background-color: #ff7300
			}

			.left-button-5.svelte-43ckvo i.svelte-43ckvo {
				background-color: #2bcccc
			}

			.left-button-6.svelte-43ckvo i.svelte-43ckvo {
				background-color: #7f52de
			}

			.left-button-7.svelte-43ckvo i.svelte-43ckvo {
				background-color: #9a9999
			}

			.left-button-8.svelte-43ckvo i.svelte-43ckvo {
				background-color: #ec4949
			}

			.left-button-9.svelte-43ckvo i.svelte-43ckvo {
				background-color: #ad5353
			}

			.left-button-10.svelte-43ckvo i.svelte-43ckvo {
				background-color: #35ad2b
			}

			.game-ssc .left-button.svelte-43ckvo i.svelte-43ckvo {
				text-shadow: 0 1px 0 rgba(0, 0, 0, .53);
				background: linear-gradient(180deg, #3273f9, #325cb5);
				border-radius: 9999px
			}

			.bet-head.svelte-cguzh3.svelte-cguzh3 {
				background-color: var(--primary-color);
				position: relative;
				height: 2.75rem;
				padding-top: .125rem;
				padding-bottom: .125rem;
				line-height: 2.5rem;
				--tw-text-opacity: 1;
				color: rgb(255 255 255/var(--tw-text-opacity))
			}

			.left.svelte-cguzh3.svelte-cguzh3 {
				position: absolute;
				left: 1rem;
				top: 0;
				display: flex;
				cursor: pointer
			}

			.left.svelte-cguzh3 i.svelte-cguzh3 {
				padding-left: .5rem;
				font-size: 1.125rem;
				line-height: 2.5rem
			}

			.right.svelte-cguzh3.svelte-cguzh3 {
				position: absolute;
				right: .5rem;
				top: 0;
				display: flex
			}

			.center.svelte-cguzh3.svelte-cguzh3 {
				text-align: center;
				font-size: 1.125rem;
				font-weight: 700;
				line-height: 2.5rem
			}

			.menus.svelte-cguzh3.svelte-cguzh3 {
				position: absolute;
				top: 2.75rem;
				left: 0;
				width: 100%;
				overflow: auto;
				--tw-bg-opacity: 1;
				background-color: rgb(255 255 255/var(--tw-bg-opacity));
				line-height: 1;
				height: 60vh;
				z-index: 20000
			}

			.parent-menu.svelte-cguzh3.svelte-cguzh3 {
				padding: 0 0 0 5%;
				font-size: 22px;
				margin: 24px 0
			}

			.menus.svelte-cguzh3 .title.svelte-cguzh3 {
				margin-bottom: 12px
			}

			.menus.svelte-cguzh3 .menu.svelte-cguzh3 {
				display: inline-block;
				width: 30%;
				border: 1px #eaeaea solid;
				text-align: center;
				color: #777d83;
				border-radius: 4px;
				margin-bottom: 9px;
				margin-right: 3%;
				font-size: 18px;
				height: 48px;
				line-height: 36px;
				padding: 6px 3px;
				box-sizing: border-box;
				overflow: hidden;
				cursor: pointer
			}

			.menus.svelte-cguzh3 .menu.svelte-cguzh3:hover {
				background-color: hsla(0, 0%, 87.1%, .30196078431372547)
			}

			.overlay.svelte-cguzh3.svelte-cguzh3 {
				position: fixed;
				top: 2.75rem;
				left: 0;
				bottom: 0;
				z-index: 30;
				width: 100vw;
				background-color: rgb(0 0 0/var(--tw-bg-opacity));
				--tw-bg-opacity: .3
			}

			.right.svelte-cguzh3 svg {
				fill: currentColor;
				margin-left: .5rem
			}

			.bet-amount.svelte-16uv0rx.svelte-16uv0rx {
				z-index: 300;
				touch-action: manipulation;
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%
			}

			.info.svelte-16uv0rx.svelte-16uv0rx {
				width: 280px;
				-webkit-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				background-color: #999;
				position: absolute;
				left: 50%;
				z-index: 20;
				height: 2rem;
				border-radius: 1rem;
				text-align: center;
				font-size: .875rem;
				line-height: 2rem;
				--tw-text-opacity: 1;
				color: rgb(255 255 255/var(--tw-text-opacity))
			}

			.info.svelte-16uv0rx em.svelte-16uv0rx {
				font-style: normal
			}

			.quick-amounts.svelte-16uv0rx.svelte-16uv0rx {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding-top: 0;
				padding-bottom: 0;
				padding-left: .5rem;
				padding-right: .5rem;
				padding-top: .75rem;
				height: 66px;
				box-shadow: 0 -.26vw .53vw rgba(0, 0, 0, .25098039215686274);
				background-color: #f1f1f1
			}

			.quick-amounts.svelte-16uv0rx>i.svelte-16uv0rx {
				cursor: pointer;
				font-size: 2.25rem;
				line-height: 2.5rem
			}

			.quick-amounts.svelte-16uv0rx span.svelte-16uv0rx {
				font-size: 3.2vw;
				padding: 0 2vw;
				height: 6.5vw;
				width: 6.5vw;
				line-height: 6.5vw
			}

			.bottom.svelte-16uv0rx.svelte-16uv0rx {
				height: 56px;
				background-color: #000;
				padding-left: 1vw;
				padding-right: 1vw;
				position: relative;
				z-index: 10;
				display: flex;
				flex-direction: row;
				align-items: center;
				padding-top: 0;
				padding-bottom: 0;
				--tw-text-opacity: 1;
				color: rgb(255 255 255/var(--tw-text-opacity))
			}

			.bottom.svelte-16uv0rx span.svelte-16uv0rx {
				position: relative;
				display: inline-block;
				cursor: pointer;
				overflow: hidden;
				border-radius: .375rem;
				padding-top: 0;
				padding-bottom: 0;
				padding-left: .25rem;
				padding-right: .25rem;
				text-align: center;
				font-size: 1rem;
				line-height: 1.5rem;
				width: 24vw;
				height: 50px;
				line-height: 50px;
				background-color: #1f9683;
				highlight-color: transparent
			}

			.bottom.svelte-16uv0rx .input.svelte-16uv0rx {
				flex: 1 1 0%;
				overflow: hidden;
				text-align: center
			}

			.bottom.svelte-16uv0rx uni-input.svelte-16uv0rx {
				text-fill-color: currentcolor;
				line-height: 50px;
				height: 50px;
				border: 1px solid #ab3f3e;
				max-width: 48vw;
				font-size: 22px;
				color: #ddd;
				background: transparent;
				width: 100%;
				border-radius: .25rem;
				text-align: center;
				outline: 2px solid transparent;
				outline-offset: 2px
			}

			quick-form.svelte-16uv0rx.svelte-16uv0rx {
				margin-left: 4rem;
				margin-right: 4rem;
				display: block
			}

			qinput.svelte-16uv0rx.svelte-16uv0rx {
				margin-bottom: 1rem;
				display: block
			}

			qinput.svelte-16uv0rx uni-input.svelte-16uv0rx {
				width: 150px;
				border: 1px solid #a9a9a9;
				text-align: center;
				height: 28px;
				color: red;
				outline: none
			}

			quick-form.svelte-16uv0rx uni-button.svelte-16uv0rx {
				width: 60px;
				line-height: 31px;
				border-radius: 3px;
				font-weight: 700;
				margin: 5px;
				text-align: center;
				border: 1px solid #dcdfe6;
				border-color: #999;
				color: #606266;
				font-size: 14px
			}

			quick-form.svelte-16uv0rx uni-button.svelte-16uv0rx:hover {
				color: #1f9683;
				border-color: #1f9683
			}

			quick-form.svelte-16uv0rx uni-button.primary.svelte-16uv0rx {
				color: #fff;
				border-color: #1f9683;
				background-color: #1f9683
			}

			quick-form.svelte-16uv0rx uni-button.primary.svelte-16uv0rx:hover {
				background-color: #1f9683
			}

			.game.svelte-iw28lx.svelte-iw28lx {
				height: 100vh;
				display: flex;
				flex-direction: column
			}

			.hd.svelte-iw28lx.svelte-iw28lx {
				height: 120px
			}

			.bd.svelte-iw28lx.svelte-iw28lx {
				border-top: 1px #ededed solid;
				flex: 1 1 0%;
				overflow-y: auto
			}

			.link-my-bets.svelte-iw28lx.svelte-iw28lx {
				cursor: pointer
			}

			.bet-records.svelte-iw28lx .bd.svelte-iw28lx {
				width: 95%;
				height: 80vh;
				left: 2.5%;
				top: 10vh;
				position: absolute;
				z-index: 40;
				--tw-bg-opacity: 1;
				background-color: rgb(255 255 255/var(--tw-bg-opacity))
			}

			.bet-records.svelte-iw28lx .overlay.svelte-iw28lx {
				position: fixed;
				top: 0;
				left: 0;
				bottom: 0;
				z-index: 30;
				width: 100vw;
				background-color: rgb(0 0 0/var(--tw-bg-opacity));
				--tw-bg-opacity: .3
			}

			.bearing-grid.svelte-1b3n0cj.svelte-1b3n0cj {
				background: #dfdfdf;
				width: 100%;
				height: 85vw;
				position: relative;
				display: flex;
				border-top: 1px solid #aaa
			}

			.item-container.svelte-1b3n0cj.svelte-1b3n0cj {
				position: absolute;
				width: 20%;
				height: 17vw;
				border-bottom: 1px solid #aaa;
				border-right: 1px solid #aaa;
				background: #fff;
				text-align: center;
				box-sizing: border-box
			}

			.item-container.checked.svelte-1b3n0cj.svelte-1b3n0cj {
				background: #f9cfcf
			}

			.bet-button.svelte-yefhbi.svelte-yefhbi.checked {
				background-color: #f9cfcf !important
			}

			.item-container.svelte-1b3n0cj.svelte-1b3n0cj:nth-child(2) {
				left: 20%
			}

			.item-container.svelte-1b3n0cj.svelte-1b3n0cj:nth-child(3) {
				left: 40%
			}

			.item-container.svelte-1b3n0cj.svelte-1b3n0cj:nth-child(4) {
				left: 60%
			}

			.item-container.svelte-1b3n0cj.svelte-1b3n0cj:nth-child(5) {
				left: 80%
			}

			.item-container.svelte-1b3n0cj.svelte-1b3n0cj:nth-child(6) {
				left: 80%;
				top: 17vw
			}

			.item-container.svelte-1b3n0cj.svelte-1b3n0cj:nth-child(7) {
				left: 80%;
				top: 34vw
			}

			.item-container.svelte-1b3n0cj.svelte-1b3n0cj:nth-child(8) {
				left: 80%;
				top: 51vw
			}

			.item-container.svelte-1b3n0cj.svelte-1b3n0cj:nth-child(9) {
				left: 80%;
				top: 68vw
			}

			.item-container.svelte-1b3n0cj.svelte-1b3n0cj:nth-child(10) {
				left: 60%;
				top: 68vw
			}

			.item-container.svelte-1b3n0cj.svelte-1b3n0cj:nth-child(11) {
				left: 40%;
				top: 68vw
			}

			.item-container.svelte-1b3n0cj.svelte-1b3n0cj:nth-child(12) {
				left: 20%;
				top: 68vw
			}

			.item-container.svelte-1b3n0cj.svelte-1b3n0cj:nth-child(13) {
				top: 68vw
			}

			.item-container.svelte-1b3n0cj.svelte-1b3n0cj:nth-child(14) {
				top: 51vw
			}

			.item-container.svelte-1b3n0cj.svelte-1b3n0cj:nth-child(15) {
				top: 34vw
			}

			.item-container.svelte-1b3n0cj.svelte-1b3n0cj:nth-child(16) {
				top: 17vw
			}

			.item-container.svelte-1b3n0cj>.item.svelte-1b3n0cj {
				height: 17vw;
				cursor: pointer;
				padding-top: 15px;
				box-sizing: border-box
			}

			.center.svelte-1b3n0cj.svelte-1b3n0cj {
				width: 60%;
				height: 51vw;
				position: absolute;
				left: 20%;
				top: 17vw;
				overflow: hidden;
				box-sizing: border-box;
				border-bottom: 1px solid #aaa;
				border-right: 1px solid #aaa
			}

			.center.svelte-1b3n0cj .item-container.svelte-1b3n0cj {
				position: absolute;
				text-align: center;
				height: 17vw;
				background: #f1f1f1
			}

			.center.svelte-1b3n0cj .item-container.svelte-1b3n0cj:nth-child(1) {
				width: 50%;
				height: 17vw;
				bottom: 0;
				left: 50%;
				-webkit-transform: translate(-50%);
				transform: translate(-50%);
				background: #e3e3e3;
				border: none !important
			}

			.center.svelte-1b3n0cj .item-container.svelte-1b3n0cj:nth-child(1):before {
				display: block;
				width: 30vw;
				height: 17vw;
				content: "";
				position: absolute;
				top: 0;
				right: -30vw;
				-webkit-transform: rotate(48deg);
				transform: rotate(48deg);
				-webkit-transform-origin: left top;
				transform-origin: left top;
				background: #e3e3e3;
				border-top: 1px solid #aaa
			}

			.center.svelte-1b3n0cj .item-container.svelte-1b3n0cj:nth-child(1):after {
				display: block;
				width: 30vw;
				height: 17vw;
				content: "";
				position: absolute;
				top: 0;
				left: -30vw;
				-webkit-transform: rotate(-48deg);
				transform: rotate(-48deg);
				-webkit-transform-origin: right top;
				transform-origin: right top;
				background: #e3e3e3;
				border-top: 1px solid #aaa
			}

			.center.svelte-1b3n0cj .item-container.svelte-1b3n0cj:nth-child(2) {
				width: 25%;
				border: none !important;
				height: 17vw;
				top: 17vw;
				left: 75%;
				background: #9cdac4
			}

			.center.svelte-1b3n0cj .item-container.svelte-1b3n0cj:nth-child(2):before {
				display: block;
				width: 30vw;
				height: 17vw;
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				-webkit-transform: rotate(48deg);
				transform: rotate(48deg);
				-webkit-transform-origin: left bottom;
				transform-origin: left bottom;
				background: #9cdac4;
				border-bottom: 1px solid #aaa
			}

			.center.svelte-1b3n0cj .item-container.svelte-1b3n0cj:nth-child(2):after {
				display: block;
				width: 30vw;
				height: 17vw;
				content: "";
				position: absolute;
				bottom: 0;
				left: 0;
				-webkit-transform: rotate(-48deg);
				transform: rotate(-48deg);
				-webkit-transform-origin: left top;
				transform-origin: left top;
				background: #9cdac4
			}

			.center.svelte-1b3n0cj .item-container.svelte-1b3n0cj:nth-child(3) {
				width: 50%;
				height: 17vw;
				top: 0;
				left: 50%;
				-webkit-transform: translate(-50%);
				transform: translate(-50%);
				margin: 0;
				background: #ffe693;
				border: none !important;
				z-index: 20
			}

			.center.svelte-1b3n0cj .item-container.svelte-1b3n0cj:nth-child(3):before {
				display: block;
				width: 30vw;
				height: 17vw;
				content: "";
				position: absolute;
				bottom: 0;
				right: -30vw;
				-webkit-transform: rotate(-48deg);
				transform: rotate(-48deg);
				-webkit-transform-origin: left bottom;
				transform-origin: left bottom;
				background: #ffe693;
				border-bottom: 1px solid #aaa
			}

			.center.svelte-1b3n0cj .item-container.svelte-1b3n0cj:nth-child(3):after {
				display: block;
				width: 30vw;
				height: 17vw;
				content: "";
				position: absolute;
				bottom: 0;
				left: -30vw;
				-webkit-transform: rotate(48deg);
				transform: rotate(48deg);
				-webkit-transform-origin: right bottom;
				transform-origin: right bottom;
				background: #ffe693;
				border-bottom: 1px solid #aaa
			}

			.center.svelte-1b3n0cj .item-container.svelte-1b3n0cj:nth-child(4) {
				width: 25%;
				height: 17vw;
				top: 17vw;
				left: 0;
				background: #fbb1a7;
				border: none !important
			}

			.center.svelte-1b3n0cj .item-container.svelte-1b3n0cj:nth-child(4):before {
				display: block;
				width: 30vw;
				height: 17vw;
				content: "";
				position: absolute;
				top: 0;
				right: 0;
				-webkit-transform: rotate(48deg);
				transform: rotate(48deg);
				-webkit-transform-origin: right top;
				transform-origin: right top;
				background: #fbb1a7
			}

			.center.svelte-1b3n0cj .item-container.close:before {
				background: #9f9d9d !important
			}

			.center.svelte-1b3n0cj .item-container.close:after {
				background: #9f9d9d !important
			}

			.center.svelte-1b3n0cj .item-container.svelte-1b3n0cj:nth-child(4):after {
				display: block;
				width: 30vw;
				height: 17vw;
				content: "";
				position: absolute;
				bottom: 0;
				right: 0;
				-webkit-transform: rotate(-48deg);
				transform: rotate(-48deg);
				-webkit-transform-origin: right bottom;
				transform-origin: right bottom;
				background: #fbb1a7;
				border-bottom: 1px solid #aaa
			}

			.center.svelte-1b3n0cj .item-container.svelte-1b3n0cj:nth-child(5) {
				display: inline-block;
				width: 25%;
				left: 25%;
				top: 17vw;
				height: 17vw;
				border: 1px solid #aaa;
				border-right: none;
				box-sizing: border-box
			}

			.center.svelte-1b3n0cj .item-container.svelte-1b3n0cj:nth-child(6) {
				display: inline-block;
				width: 25%;
				height: 17vw;
				left: 50%;
				top: 17vw;
				border: 1px solid #aaa;
				box-sizing: border-box
			}

			.center.svelte-1b3n0cj .item-container.checked.svelte-1b3n0cj {
				background: #f9cfcf
			}

			.center.svelte-1b3n0cj .item-container.checked.svelte-1b3n0cj:before {
				background: #f9cfcf
			}

			.center.svelte-1b3n0cj .item-container.checked.svelte-1b3n0cj:after {
				background: #f9cfcf
			}

			.center.svelte-1b3n0cj .item.svelte-1b3n0cj {
				position: relative;
				z-index: 20;
				height: 17vw;
				cursor: pointer;
				box-sizing: border-box;
				padding-top: 2.5vw
			}

			.bet-amount.svelte-m21d8b.svelte-m21d8b {
				z-index: 10;
				touch-action: manipulation;
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%
			}

			.info.svelte-m21d8b.svelte-m21d8b {
				width: 280px;
				-webkit-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				background-color: #999;
				position: absolute;
				left: 50%;
				z-index: 20;
				height: 32px;
				border-radius: 1rem;
				text-align: center;
				font-size: 14px;
				line-height: 30px;
				--tw-text-opacity: 1;
				color: rgb(255 255 255/var(--tw-text-opacity))
			}

			.info.svelte-m21d8b em.svelte-m21d8b {
				font-style: normal
			}

			.quick-amounts.svelte-m21d8b.svelte-m21d8b {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding-top: 0;
				padding-bottom: 0;
				padding-left: 5px;
				padding-right: 5px;
				padding-top: 10px;
				height: 66px;
				box-shadow: 0 -.26vw .53vw rgba(0, 0, 0, .25098039215686274);
				background-color: #f1f1f1
			}

			.quick-amounts.svelte-m21d8b>i.svelte-m21d8b {
				cursor: pointer;
				font-size: 2.25rem;
				line-height: 2.5rem
			}

			.quick-amounts.svelte-m21d8b span.svelte-m21d8b {
				font-size: 3.2vw;
				padding: 0 2vw;
				height: 6.5vw;
				width: 6.5vw;
				line-height: 6.5vw
			}

			.quick-amounts.svelte-m21d8b span.currp.svelte-m21d8b {
				border-radius: 9999px;
				box-shadow: 0 0 6px 4px #adff2f
			}

			.bottom.svelte-m21d8b.svelte-m21d8b {
				height: 56px;
				background-color: #000;
				padding-left: 1vw;
				padding-right: 1vw;
				position: relative;
				z-index: 10;
				display: flex;
				flex-direction: row;
				align-items: center;
				padding-top: 0;
				padding-bottom: 0;
				--tw-text-opacity: 1;
				color: rgb(255 255 255/var(--tw-text-opacity))
			}

			.bottom.svelte-m21d8b span.svelte-m21d8b {
				position: relative;
				display: inline-block;
				cursor: pointer;
				overflow: hidden;
				border-radius: .375rem;
				padding-top: 0;
				padding-bottom: 0;
				padding-left: .25rem;
				padding-right: .25rem;
				text-align: center;
				font-size: 14px;
				line-height: 1.5rem;
				width: 24vw;
				height: 50px;
				line-height: 50px;
				background-color: #1f9683;
				highlight-color: transparent
			}

			.bottom.svelte-m21d8b .input.svelte-m21d8b {
				flex: 1 1 0%;
				overflow: hidden;
				text-align: center
			}

			.btnClass[data-v-30d8da26] {
				flex: 1;
				height: 33px;
				line-height: 33px;
				background: #c3c3c3;
				color: #467c4f
			}

			.btnClassActive[data-v-30d8da26] {
				background: #467c4f;
				color: #fff
			}

			.trcss[data-v-30d8da26] {
				border-top: 1px solid #e2e5e8;
				display: flex;
				height: 43px;
				line-height: 43px
			}

			.tdcss[data-v-30d8da26] {
				font-size: 14px;
				color: #37474f;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis
			}

			div {
				display: block;
			}
			.qiubox{
				display:flex;
				justify-content:space-around;
				padding:5px;
				background:#fff;
			}
			.qiubox span{
				border-radius:3px;
				padding:3px;
				line-height:1;
			}
			.qiubox span.selected{
				color:#fff;
				background:#03a9f4;
			}
			.balls .result,
			.balls .ani,
			.balls{
				flex:1;
				display:flex;
				/*justify-content: flex-start;*/
				/*gap: 3px;*/
				justify-content: space-around;
    			align-items: center;
				overflow:hidden;
			}
			.balls .hide{
				display:none;
			}
			.balls .ani .anibox{
				width:24px;
				height:24px;
				overflow:hidden;
				position:relative;
				background:#0092dd;
				border-radius:100%;
			}
			.balls .ani .list{
				animation-duration: 2s;
				animation-fill-mode: both;
				animation-iteration-count: infinite;
				animation-timing-function: linear;
				animation-name: slide;
				position:absolute;
				bottom:0;
				left:0;
			}
			.balls .ani .list .ball{
				display:block;
				margin-left:0;
				background:none;
			}
			@keyframes slide{
				0%{
					transform:translateY(0);
					-webkit-transform:translateY(0);
				}
				100%{
					transform:translateY(100%);
					-webkit-transform:translateY(100%);
				}
			}
			
			@-webkit-keyframes slide{
				0%{
					transform:translateY(0);
					-webkit-transform:translateY(0);
				}
				100%{
					transform:translateY(100%);
					-webkit-transform:translateY(100%);
				}
			}
			#header{ padding:0 5px !important; box-sizing:border-box;}
			}
			.historyList .ballwrap{
				padding:5px;
			}
			.historyList .ball-group{
				border-left: 1px solid #9fa0a0;
				border-top: 1px solid #9fa0a0;
				background:#ffffff;
				display:grid;
				grid-template-columns:repeat(12,1fr);
			}
			.historyList .ball-group br{
				display:none;
			}
			.historyList .ball-group .ck{
				width:21px;
				height:21px;
				display:flex;
				align-items:center;
				justify-content:center;
				position:relative;
			    border-right: 1px solid #9fa0a0;
			    border-bottom: 1px solid #9fa0a0;
				z-index:0;
				color:#000;
			}
			
			.historyList .ball-group .ck:after{
				content:"";
				top:1px;
				bottom:1px;
				left:1px;
				right:1px;
				margin:auto;
				border-radius: 2px;
				position:absolute;
				border: 1px solid #666;
				z-index:-1;
			}
			.historyList .ball-group .ck.h:after{
				display:none;
			}
			.historyList .ball-group .l1:after{
				background:#5d96ff;
			}
			.historyList .ball-group .l2:after{
				background:#3ec67c;
			}
			.historyList .ball-group .l3:after{
				background:#f7d400;
			}
			.historyList .ball-group .l4:after{
				background:#ff3e41;
			}