body,
input,
select,
textarea {
	font-family: "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;
}
body {
	font-size: 17px;
	position: relative;
	position: relative;
	margin: 0 auto;
	margin-bottom: 0;
	max-width: 800px;
	background-attachment: fixed;
	font-family: "Open Sans";
	line-height: 28px;
	-webkit-text-size-adjust: none;
	font-size: 1.7rem;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-focus: none;
	-moz-user-select: none;
	-ms-content-zooming: none;
}

html {
	font-size: 62.5% !important;
	font-family: "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;
	color: #555;
}

.main {
	max-width: 800px;
	margin: 0 auto;
	/* background: rgba(255,255,255,10); */
	background: #fff;
	overflow: hidden;
	word-wrap: break-word;
	word-wrap: break-word;
}

header {
	position: relative;
	overflow: hidden;
	height: 50px;
	background: #ff6000;
	color: #fff;
	display: flex;
	text-align: center;
}

header div {
	-ms-flex: 1 1;
	flex: 1 1;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	color: #FFFFFF;
	display: flex;
}

header a {
	color: #FFFFFF;
	text-decoration: none;
}

a {
	cursor: pointer;
}

.name {
	font-size: 18px;
	align-items: center;
	justify-content: center;
}

.login2 {
	padding-left: 10px;
}

.login1 {
	justify-content: flex-end;
	padding-right: 10px;
}

/**用户信息与服�/
.userinfo {
	background: #fef9f2;
	border-bottom: #feab43 1px solid;
	font-size: 1.7rem;
}

.userinfo div {
	height: 35px;
	display: flex;
	align-items: center;
	flex: 1 1;
	padding: 0 0.625rem;
}

.usersevive {
	display: flex;
	border-top: 1px solid #feab43;
	border-bottom: #feab43 0px solid;
	height: 3.575rem !important;
}

.usersevive>div {
	display: -ms-flexbox;
	display: flex;
	font-size: 1.7rem;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 10px 0;
	-ms-flex: 1 1;
	flex: 1 1;
}

a {
	color: #004299;
	text-decoration: none;
}

.usersevive div a {
	text-decoration: none;
	color: rgb(239, 142, 17);
}

.Recharge {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.gameinfo {
	background: #FFFFFF;
	/* border-bottom: #feab43 1px solid; */
	padding: .4rem .625rem;
	font-size: 1.7rem;
	/* 	display: flex;
	height:7rem;
	align-items: center;
	justify-content: space-between; */
}

.gameinfo>div {
	/* text-align: center; */
	height: 3.5rem;
	line-height: 3.5rem;
}

.info1 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.info1:first-child {
	border-bottom: 1px solid #CCCCCC;
}

.infotitle {
	width: 33.333%;
	display: flex;
	border-right: 1px solid #CCCCCC;
}

.number {
	display: flex;
	line-height: 3.5rem;
	align-items: center;
}

.stoptime {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.stoptime span {
	font-size: 1.7rem;
	color: #ff6000;
}

.number div {
	color: #fff;
	width: 2.5rem;
	margin-left: .2rem;
	margin-right: .2rem;
	border-radius: 50%;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	font-size: 1.6rem;
	background: #f11717;
}

.time {
	color: #c00;
	font-size: 2.8rem;
	/* font-size:3.5rem; */
	font-family: tonjay !important;
}

.Refresh {
	width: 50px;
	height: 27px;
	border-radius: 6px;
	color: #0894ec;
	border: 1px solid #0894ec;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	/* user-select: none; */
	outline: 0;
	background: #fff;
	margin-left: 10px;
	cursor: pointer;
	font-size: 1.7rem;
}

.main {
	max-width: 800px;
	margin: 0 auto;
	/* background: rgba(255,255,255,10); */
	background: #fff;
	overflow: hidden;
	word-wrap: break-word;
	word-wrap: break-word;
}

.header {
	position: relative;
	overflow: hidden;
	height: 46px;
	background: rgba(94, 14, 160, 100);
	color: #fff;
	display: flex;
	text-align: center;
}

.header div {
	-ms-flex: 1 1;
	flex: 1 1;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	color: #FFFFFF;
	display: flex;
}

.header a {
	color: #FFFFFF;
	text-decoration: none;
}

.name {
	font-size: 20px;
	align-items: center;
	justify-content: center;
}

.login2 {
	padding-left: 10px;
}

.login1 {
	justify-content: flex-end;
	padding-right: 10px;
}
.gameContainer{
	background: #f6f6f6;
	padding-bottom: 0.625rem;
}
.sectionLabel {
	height: 2rem;
	line-height: 2rem;
	font-size: 1.5rem;
	text-align: center;
	padding-right: 1rem;
	min-width: 3.2rem;
	background: url(/NewStyle/img/bg_place.png) 50% no-repeat;
	background-size: 100%;
	color: #676767;
}
.selectnumber {
	-ms-flex: 1 1;
	flex: 1 1;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	padding: 0 0 .5rem 0;
	display: flex;
	background: #f6f6f6;
}
.selectItemRight {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.selectNumBody {
    -ms-flex: 1 1;
    flex: 1 1;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0rem 0rem .9rem .2rem;
    display: flex;
}
.selectMark {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 1.2rem;
}
.selectItem ,.selectone{
	min-width: 5rem;
	height: 4rem;
	font-size: 1.75rem;
	line-height: 4rem;
	text-align: center;
	border-radius: 0.3125rem;
	margin: .6rem 0;
	background: #fff;
	border: 1px solid #d4d4d4;
	color: #f4492d;
	cursor: pointer;
	padding: 0px .5rem;
}
.selectMarkbs{
	width: 100%;
	margin: 5px 20px;
    text-align: center;
    color: #fff;
}
.selectonebs{
	width: 100%;
	background: #FFFFFF;
	border-radius: 5px;
	margin-bottom: 5px;
}
.selectonebs.state0 div{
    color: #d03919;
}
.selectonebs.state1 div{
   color: #5891db;
}
.selectonebs.state2 div {
    color: #1d9118;
}
.state0.active {
    color: #fff;
    background: #d03919;
}
.selectonebs.active div{
	color: #fff;
}
.state1.active {
    color: #fff;
    background: #5891db;
}
.state2.active {
    color: #fff;
    background: #1d9118;
}
.colorName___1wuHo {
    padding: 5px 0;
}
.info___2v4gC {
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5px 15px;
    text-align: start;
    font-size: 1.4rem;
    opacity: .4;
}
.numInfoItem___3CjXV {
    white-space: normal;
    padding-right: 8px;
}
.numtitle {
    height: 30px;
    padding-top: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f6f6f6;
    padding: .625rem;
    font-size: 1.75rem;
}
.numtitle div {
    display: flex;
    align-content: center;
    justify-content: center;
    padding: 0 .5rem;
}
.btnContainer {
    -ms-flex: 1 1;
    flex: 1 1;
    height: 4.2rem;
    line-height: 4.2rem;
    font-size: 1.6rem;
    border-radius: 20px;
    margin-right: 1rem;
    margin-left: 1rem;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    display: flex;
}
.btnItem:first-child {
    border-top-left-radius: 1.125rem;
    border-bottom-left-radius: 1.125rem;
}
.odd {
    color: #a0a0a0;
    font-size: 1.5rem;
    margin-top: -0.3125rem;
}
.btnItem {
    font-weight: initial;
    color: #838383;
    height: 3.25rem;
    width: 15%;
    padding: 0;
    position: relative;
    text-align: center;
    border-radius: 1.125rem;
    margin-right: .3rem;
    margin-bottom: .5rem;
    box-shadow: 0 0px 0px 0;
    line-height: 3.25rem;
    border: 1px solid #ddd;
    border-radius: 0;
    font-size: 1.85rem;
    background: #fff;
	cursor: pointer;
}
.btnItem:nth-of-type(7) {
    border-top-right-radius: 1.125rem;
    border-bottom-right-radius: 1.125rem;
}
.btnItemsx{
    padding: 0 .5rem;
}
.btnItemActive {
    color: #d91d37;
}
.fastParentContainer {
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    margin: 0rem 1rem 0 1rem;
    border-radius: 4px;
	display: flex;
}
.fastContainer:first-child {
    border-bottom: 1px solid #f5f5f5;
}

.fastContainer {
    color: #333;
    height: 3.2rem;
    line-height: 3.2rem;
    font-size: 1.8rem;
    -ms-flex-pack: distribute;
    justify-content: space-around;
	display: flex;
}
.selectNumItem {
	width: 50px;
    height: 50px;
	box-sizing: border-box;
    font-size: 2.2rem;
    text-align: center;
    border-radius: 50%;
    margin: .6rem 0;
    border: 1px solid #d4d4d4;
    background: #fff;
    color: #e7381b;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.odds span {
    color: rgb(204, 0, 0);
    margin-left: -0.3125rem;
}
.odds {
    border-radius: 0.625rem;
    padding: 0px 0.1rem;
    border: 1px solid #CCCCCC;
    margin-right: 0.625rem;
    font-size: 1.5rem;
    color: #838383;
}
.red {
	border-color: #b94f53;
	color: #b94f53;
}

.selectNumItem.blue {
	border-color: #3a7fcd;
	color: #3a7fcd;
	padding: 0rem !important;
}
.green {
	border-color: #6c9972;
	color: #6c9972;
}

.active.red {
	background: #b94f53;
	color: #fff;
}

.active.blue {
	background: #3a7fcd;
	color: #fff;
}

.active.green {
	background: #6c9972;
	color: #fff;
}
.lhc01, .lhc02, .lhc07, .lhc08, .lhc12, .lhc13, .lhc18, .lhc19, .lhc23, .lhc24, .lhc29, .lhc30, .lhc34, .lhc35, .lhc40, .lhc45, .lhc46 {
    background: #fa3345!important;
}
.lhc03, .lhc04, .lhc09, .lhc10, .lhc14, .lhc15, .lhc20, .lhc25, .lhc26, .lhc31, .lhc36, .lhc37, .lhc41, .lhc42, .lhc47, .lhc48 {
    background: #2eaae3!important;
}
.lhc05, .lhc06, .lhc11, .lhc16, .lhc17, .lhc21, .lhc22, .lhc27, .lhc28, .lhc32, .lhc33, .lhc38, .lhc39, .lhc43, .lhc44, .lhc49 {
    background: #4fca66!important;
}
.active {
    background: #f4492d;
    color: #fff ;
    border: 1px solod #f4492d;
}
.Explain {
	height: 40px;
	padding: 0 .5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.Explain div {
	display: flex;
	align-content: center;
	justify-content: center;
	padding: 0 .5rem;
}

.sj {
	cursor: pointer;
	color: #0894ec;
	cursor: pointer;
}
.write{
	padding: 0 .6rem;
}
.write input {
	width: 85%;
	height: 35px;
	border: 1px solid #ddd;
	line-height: 35px;
	padding-left:10px ;
	font-size: 1.875rem;
	outline: 0;
}

.clear {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 35px;
	border-radius: 6px;
	color: #47ccff;
    border: 1px solid #47ccff;
    border-radius: 4px;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    /* user-select: none; */
    outline: 0;
    background: #fff;
	margin-left: 10px;
	cursor: pointer;
}

.writeselect {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.writename{
	margin-top: 5px;
}
.quickmoney {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0.9375rem;
    flex-wrap:wrap;
}

.quickItem {
    background: #eee;
    padding: .3rem .6rem;
    margin-bottom: 1rem;
    text-align: center;
    border-radius: 3px;
    margin-left: .5rem;
}

.quickItemactive{
	background: red;
	color: #FFFFFF;
}
.submit{
	display: block;
    outline: 0 none;
    -webkit-appearance: none;
    box-sizing: border-box;
    padding: 0;
    text-align: center;
    font-size: 18px;
    height: 47px;
    line-height: 47px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: nowrap;
    border-radius: 5px;
    opacity: 1;
    transition: opacity .3s;
    width: 100%;
    border: 0;
	color: #fff;
    background: #ff7803;
	margin-top: 15px;
	padding: 0 .6rem !important;
}
.sub{
	padding: 0 .6rem;
}
.to{
	height: 40px;
	display: flex;
	align-items: center;
	padding: 0 .6rem;
	padding: 0 .6rem;
}
.to a{
	text-decoration: none;
}
.pl{
	padding: 0.5rem .6rem;
	margin-top: .5rem;
	border-bottom:1px solid #D4D4D4;
}
.foot {
	background: #ff7803;
	font-size: 1.875rem;
	color: #FFFFFF;
	padding: .5rem 0;
}

.foot a {
	color: #FFFFFF;
}

.footer {
	text-align: center;
	background: #FFF3DF;
	font-size: 1.75rem;
}
.tsmessage {
	position: fixed;
	overflow: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	z-index: 999;
	-webkit-overflow-scrolling: touch;
	outline: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	transform: translateZ(1px);
	animation: enter .4s
}
.am-modal-wrap{
	position: fixed;
	overflow: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	z-index: 999;
	-webkit-overflow-scrolling: touch;
	outline: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	transform: translateZ(1px);
}
.am-modal-wrap{
	align-items: flex-start !important;
}
@keyframes enter {
	0% {
		transform: scale(0.5)
	}

	50% {
		transform: scale(1.05)
	}

	100% {
		transform: scale(1)
	}
}
.tsmessage div {
	padding: .5rem;
	background-color: rgba(0, 0, 0, .7);
	color: #fff;
	border-radius: 5px;
	max-width: 45%;
	text-align: center;
	font-size: 1.4rem
}
.am-modal-mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    z-index: 999;
    background-color: rgba(0,0,0,.4);
}
.am-modal-wrap {
	background: #FFFFFF;
}
.inner-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    max-height: 100%;
    width: 100%;
    position: absolute;
    z-index: 2;
    overflow: hidden;
}
.inner-containerbody {
    background: #fff;
    overflow: auto;
}	
.menuBody___2PhYY ,.sub-menu{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
   justify-content: flex-start;
	background-color: #f7f7f7;
	padding: 0.3125rem 0;
}
.sub-menu{
	background: #FFFFFF !important;
}
.menuItem {
    background: #fff;
    width: 30%;
    font-size: 1.4rem;
    border-radius: 4px;
    color: #000;
    border: 1px solid #d8d8d8;
    margin: 1.2%;
    padding: 3px 0;
}
.parentTitle___1fCnq{
	height: 50px;
	background-color: #c00;
    color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 0rem 1.25rem;
}
.parentTitle___1fCnq div{
	flex: 1 1;
}
.close{
	display: flex;
	justify-content: flex-end;
}
.close img {
	width: 25px;
	height:25px;
}
.menutitle{
	text-align: left;
	padding-left: 0.625rem;
	margin: 0.3125rem 0;
}
.mactive{
	border: 1px solid #c00;
}
.sub-menu a{
	display: flex;
	justify-content: center;
	color: #000;
}
.openmenus{
	position: fixed;
	width: 50px;
	height:50px;
	top:60px;
	left:300px;
}
.openmenus img{
	width: 50px;
	height: 50px;
}
.gamemenu{
    background: #fff;
	-webkit-touch-callout: none;
	display: flex;
	flex-wrap:wrap;
	-webkit-box-shadow: 0 17px 10px -12px hsla(0,0%,68%,.64) inset;
    box-shadow: 0 17px 10px -12px hsla(0,0%,68%,.64) inset;
}
.gamemenu div{
	display: inline-block;
    text-align: center;
	min-width: 20%;
    border-bottom: 2px solid #f5f5f5;
    transition: all .1s linear;
	padding: 10px 0px;
}
.gamemenu div a{
	color: #555;
}
.gameItem.gactive {
    color: #ff0b0b;
    border-bottom-color: #ff0b0b;
}
.gactive>a{
	color: #ff0b0b !important;
}
.games-nav {
    position: relative;
    height: 4.2rem;
    font-size: 1.5rem;
    font-weight: 500;
    color: #999;
    text-transform: uppercase;
    transition: all .1s linear;
    line-height: 4rem;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: flex;
    width: 100%;
}
.all-games {
    width: 80px;
    min-width: 80px;
    text-align: center;
    border-bottom: 2px solid #f5f5f5;
}
@media (max-width: 400px) {
	.number div {
		width: 2rem;
		height: 2rem;
		line-height: 2rem;
		margin: 0px .1rem;
		font-weight: 700;
	}
}

.lhcnumber {
    display: flex;
    align-items: center;
}

.lhcnumber>div>span:first-child {
    color: #fff;
    width: 2.2rem;
    margin-left: .2rem;
    margin-right: .2rem;
    border-radius: 50%;
    height: 2.2rem;
    line-height: 2.2rem;
    text-align: center;
    font-size: 1.3rem;
    background: #f11717;
    display: block;
}

.lhcnumber>div {
    text-align: center;
    display: flex;
    flex-direction: column;
    line-height: 2.2rem;
    margin: 0 2px;
    position: relative
}

.lhcnumbers {
    display: flex;
    height: 5rem !important;
    align-items: center;
}

.lhcnumbers .sx {
    font-size: 1rem;
}

.lhcnumber>div>font {
    position: relative;
    margin-top: -20px;
}
.blackhash{display:flex;justify-content:space-between;align-items:center}
.nunne{display:flex;flex-wrap:wrap;flex:1 1}
.nunne span{font-size:12px;height:18px}
.black{color:red;font-weight:bold}
.lhcs .a0{color:#f00}
.lhcs .a1{color:#ff7f00}
.lhcs .a2{color:#c4c407}
.lhcs .a3{color:#0f0}
.lhcs .a4{color:#00f}
.lhcs .a5{color:#3f007f}
.lhcs .a6{color:#7f00ff}