html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0;
}

.date {
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	/* text-shadow: 1px 1px 2px rgba(0,0,0,0.3); */
	color: #666;
}

.date strong {
	padding: 0 0px;
	display: inline-block;
	height: 50px;
}

.record_font {
	font-family: Arial, Helvetica,sans-serif;
	font-size: 2em;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}


/*Ö÷´°¿Ú*/
.win_main {
	width: 100%;
	/*height: 100%;*/
	/* background-color: #f2fef9; */
	background-color: #fff; 
	

}

/*¶¥²¿ÐÅÏ¢*/
.win_top {
	width: 100%;
	background-color: #e6e6e6;
	height: 7%;
	float: left;

}

.win_date {
	float: left;
	margin-left: 20px;
}

.win_sjd {
	float: left;
	margin-left: 20px;
}

.win_sjd span {
	font-family: Arial, Helvetica,sans-serif;
	font-size: 18px;
	/* text-shadow: 1px 1px 2px rgba(0,0,0,0.3); */
	line-height: 50px;
	color: #666;
	font-weight: bold;
	display: inline-block;
}

.win_ReserveMeal {
	float: right;
	margin-right: 20px;
	text-align: right;
}

.win_ReserveMeal span {
	font-family: Arial, Helvetica,sans-serif;
	font-size: 18px;
	/* text-shadow: 1px 1px 2px rgba(0,0,0,0.3); */
	line-height: 50px;
	color: #666;
	display: inline-block;
}

/*ÇëÇó¼Ç¼ÏÔʾ*/
.record_list {
	width: 100%;
	height: 80%;
	float: left;
	overflow: hidden;
}

.record_main {
	width: 100%;
	height: 13em;
	border: solid 1px #cbb9ab;
	border-top: 0px;
	background-color: #ffffff;
}

.record_img {
	width: 7%;
	height: 100%;
	float: left;
	display: table;
	text-align: center;
	margin-left: 2em;
}

.record_img div {
	display: table-cell;
	vertical-align: middle;
}

.record_img div img {
	width: 7em;
	height: 9em;
	border-radius: 1em;
}

.record_name {
	width: 15%;
	height: 100%;
	float: left;
	text-align: center;
	display: table;
}

.record_name div {
	display: table-cell;
	vertical-align: middle;
}

.record_right {
	width: 70%;
	height: 100%;
	float: left;
	margin: 0 1em;
}

.record_detail {
	width: 100%;
	height: 70%;
	display: table;
	border-bottom: solid 1px #f3f3f3;
}

.record_detail div {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial, Helvetica,sans-serif;
	font-size: 1.5em;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.record_balance {
	width: 70%;
	height: 30%;
	display: table;
	float: left;
}

.record_balance div {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial, Helvetica,sans-serif;
	font-size: 1.5em;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.record_time {
	width: 30%;
	height: 30%;
	display: table;
	float: left;
}

.record_time div {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial, Helvetica,sans-serif;
	font-size: 1.2em;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	color: #565656
}

.numColor {
	color: #f37b1d;
}

/*一体机界面样式*/
.clean{
	display: block;
	width: 100%;
	clear: both;
}
.tv-left{
	height: 100%;
	border-top: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	
}
.left_record_display{
	display: none;
}
.tv-left-bg{
	background:url(../../images/tv/left_bg.jpg) no-repeat 0px 0px;
}
.tv-left div{
	margin: 0 auto;
}
.tv-left .user-tx{
	text-align: center;
	padding-top: 20px;
}
.tv-left .user-tx img{
	height: 200px;
	border-radius: 10px;
}
.tv-left .user-xm{
	text-align: center;
	line-height: 50px;
	font-weight: bold;
	font-size: 30px;
	padding-bottom: 10px;
	color: #666;

}
.tv-left .detail{
	margin-top: 5px;
	line-height: 25px;
}
.tv-left .left-user-item{
	line-height: 36px;
	width: 80%;
	font-size: 20px;
	color: #666;
}
.tv-left .left-user-item .hd{
	height: 100%;
	float: left;
	width: 35%;

}
.tv-left .left-user-item .hd_s{
	height: 100%;
	float: left;
	width: 30%;
	font-size: 14px;
}
.tv-left .left-user-item .bd{
	float: left;
	height: 100%;
	width: 65%;
	overflow: hidden;
}
.tv-left .left-user-item .bd_s{
	float: left;
	height: 100%;
	width: 70%;
	overflow: hidden;
	font-size: 14px;
}
.tv-left .je{
	color: #f37b1d;
}
.dt_time{
	font-size: 30px;
	color: #f37b1d;
}
.tv-right{
	height: 100%;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	/*background:url(../../images/tv/left_bg_r.jpg) no-repeat 0px 0px;*/
	background-color: #f5f5f5;
}
.right-record-item{
	height: 155px;
	border-bottom: 1px solid #e8e8e8;
}
.right-record-item:last-of-type{
	border-bottom: none;
}
.right-record-item .r-left{
	width: 170px;
	height: 100%;
	text-align: center;
	float: left;
}
.right-record-item .r-left .user-tx img{
	margin-top: 10px;
	height: 100px;
	border-radius: 8px;
}
.right-record-item .r-left .user-xm{
	text-align: center;
	line-height: 40px;
	font-weight: bold;
	font-size: 20px;
	color: #666;
}
.right-record-item .r-right{
	width: 380px;
	height: 100%;
	float: left;
}
.right-record-item .r-right .user-detail{
	margin-top: 10px;
	font-size: 18px;
	color: #666;

}
.right-record-item .r-right .user-detail .hd{
	height: 110px;
	float: left;
	width: 25%;

}
.right-record-item .r-right .user-detail .bd{
	float: left;
	height: 110px;
	width: 70%;
	overflow: hidden;
}
.right-record-item .r-right .user-date {
	text-align: right;
	width: 100%;
}
.right-record-item .r-right .user-date .hd{
	width: 80px;
	float: left;
}
.right-record-item .r-right .user-date .bd{
	float: right;
	width: 140px;
	margin-right: 10px;
	color: #999;
}