@charset "utf-8";

.box{
	width: 100%;
	height: 100%;
	background: #f8f8f8;
	position: relative;
	color: #333;
	font-size: 0.36rem;
	overflow: hidden;
}
.game-title{
	width: 100%;
	padding: 4% 0;
	text-align: center;
	background: #fff;
	color: #333;
	font-weight: bold;
}
ul.pour-title{
	display: table;
	width: 100%;
	height: 8%;
	margin-bottom: 1%;
	border-top: 2px solid #54ad54;
}
ul.pour-title li{
	background: #fff;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	font-size: 0.4rem;
}
ul.pour-title li .layui-icon{
	color: #54ad54;
	font-weight: bold;
}
.menu-left{
	background-color: #f8f8f8;
	width: 43%;
	padding-bottom: 5%;
	float: left;
	height: 67%;
	text-align: center;
	overflow: auto;
}
.menu-left li{
	border-left:4px solid #f8f8f8;
	height: 50px;
	line-height: 50px;
}
.menu-left .on{
	color: #54ad54;
	font-weight: bold;
	background-color: #fff;
	border-left:4px solid #54ad54;
}
.menu-left .check{
	color: #54ad54;
}
.menu-right{
	background-color: #fff;
	width: 53%;
	height: 67%;
	padding: 2%;
	padding-bottom: 5%;
	float: left;
	overflow: auto;
}
.menu-right li, .group-container li{
	border-bottom: 1px solid #eee;
	padding: 15px;
}
.menu-right li.on, .group-container li.on{
	color: #5eb95e;
	font-weight: bold;
}
.menu-right li.on .checkico .layui-icon, .group-container li.on .checkico .layui-icon{
	display: block;
}
.group-container{
	width: 56%;
	margin-right: -57%;
	height: 98.8%;
	background: #fff;
	position: absolute;
	right: 0;
	top: 0;
	overflow: auto;
	z-index: 99;
	border-left: 1px solid #5eb95e;
	border-bottom: 1px solid #5eb95e;
}
.group-btn{
	text-align: right;
	padding: 3%;
	position: fixed;
	bottom: 8%;
	width: 50%;
	background: #fff;
}
.bottom{
	display: table;
	width: 100%;
	height: 7%;
	position: absolute;
	bottom: 0;
}
.bottom ul{
	display: table;
	width: 100%;
	height: 100%;
}
.bottom ul li{
	background: #eee;
	border-top: 1px solid #ccc;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
}
.bottom ul li.on, .bottom ul li.on a{
	background: #fff;
	border: none;
	color: #54ad54;
}
.checkico{
	color: #5eb95e;
	font-weight: normal;
}
.checkico .layui-icon{
	display: none;
	font-size: 20px;
}
.count-container{
	width: 100%;
	height: 8%;
	background: #fff;
	position: absolute;
	bottom: 0%;
	border-top: 1px solid #ccc;
}
.count-container ul{
	display: table;
	width: 100%;
	height: 100%;
}
.count-container ul li{
	width: 33.3333%;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.count-container .sumprice{
	color: red;
}
.count-container #sumprice{
	font-size: .55rem;
	margin-left: 4px;
}
.count-container .layui-btn{
	background-color: #5eb95e;
}
.confirm-order{
	width: 100%;
	height: 93%;
	background: #fff;
	overflow: auto;
}
.confirm-order .title{
	width: 95%;
	padding: 3% 2%;
	border-left: 3px solid #5eb95e;
	border-bottom: 1px solid #eee;
}
ul.confirm-bottom{
	width: 90.2%;
	padding: 3% 5%;
	position: fixed;
	bottom: 6.9%;
	border-top: 1px solid #5eb95e;
	display: table;
	background: #fff;
}
ul.confirm-bottom li{
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
}
ul.confirm-bottom li.status{
	color: #5eb95e;
}
.order-detail{
	width: 100%;
	overflow: auto;
}
.order-detail .layui-icon{
	color: #5eb95e;
}
ul.count{
	display: table;
	width: 94%;
	line-height:.7rem;
	padding: .45rem 3%;
}
ul.count li{
	font-size: .42rem;
	color: #5eb95e;
}
ul.count li.sumprices{
	text-align: right;
	font-size: .5rem;
	color: red;
	font-weight: bold;
}
.down{
	position:absolute;
	right:12px;
	top:12px;
	font-size: .38rem;
}
.down .layui-icon{
	color: #5eb95e;
	font-weight: bold;
}
.container{
	display: none;
}
#img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: -100%;
	left: 0;
	background:#fff;
	z-index: 100;
}
#img .img{
	width: 100%;
	height: auto;
	margin-top: 40%;
	
}
.pour{
	position:relative;
	width: 100%;
	height: 93.1%;
}
.member{
	width: 100%;
	height: 93%;
	position: absolute;
	background:#fbfbfb;
	z-index: 100;
	top: 0%;
	overflow: auto;
}
.member .sumprice{
	color: #333;
	padding: 3% 0;
	text-align: center;
	font-size: .46rem;
	border-bottom: 2px solid #54ad54;
}
.member .sumprice span{
	color: red;
	font-weight: bold;
}
.info{
	background: #16b1c5;
	color: #fff;
	border-top: 2px solid #54ad54;
	padding: 2%;
}
.welcome{
	margin-bottom: 2%;
	font-weight: bold;
	font-size: .45rem;
}
.pigeon-count{
	margin-bottom: 2%;
}
th{
	background:#16b1c5;
	color:#fff;
}
.tableTitleLine th{
	background:#fff;
	color:#333;
	font-weight:bold;
}
.layui-table th, .layui-table td{
	text-align:center;
}
.now-game{
	text-align: center;
	padding: 3% 0;
	border-bottom: 1px solid #ccc;
	font-size: .4rem;
}
.now-game span{
	font-size: .32rem;
	color: #54ad54;
}
.bobname{
	width: 80%;
	text-align: center;
	padding: 3% 0;
	color: #fff;
	font-size: .48rem;
	border-bottom: 1px solid #fff;
	margin-left: 10%;
}
.form-container{
	padding: 6%;
}
.captcha-btn{
	width: 100%;
}
.form-container .layui-btn{
	background:#54ad54;
}
.layui-btn-sm{
	padding: 0 5px;
}
.order-imgcontroll{
	position: absolute;
    top: -93%;
    width: 100%;
    height: 93%;
    background: #fff;
	overflow:auto;
}
#orderTablecontroll{
	position: absolute;
	top: 0;
	z-index: -1;
	background: #fff;
}