@charset "utf-8";
/**
 * 签到领奖页面
 */

body{
	padding:0px;
	margin:0px;
	background-color:#ffd26a;
}
.container{
	width:1440px;
	height:1972px;
	margin:0px auto;
	background:url('../images/webSign/web_bg.png') no-repeat;
}

.content_top{
	height:730px;
	width:100%;
	position:relative;
}
	.logo{
		width:310px;
		height:80px;
		padding:15px 0px 0px 25px;
	}
		.logo a{
			width:100%;
			height:100%;
			display:block;
		}

.content_middle{
	height:610px;
	width:100%;
	position:relative;
}
.box_left{
	float:left;
	margin:72px 0px 0px 260px;
}
.box_right{
	float:left;
	margin: 45px 0px 0px 81px;

}
	.sign_calendar{
		width:567px;
		height:339px;
	}
		.sign_calendar .sign_span{
			display: inline-block;
			height:111px;
			width:111px;
			margin-right:3px;
		}
			.sign_calendar .sign_span.five{
				margin-right:0px;
			}
			.sign_calendar .sign_span em{
				display: inline-block;
				width:56px;
				height:47px;
				margin: 60px 0px 0px 35px;
				background:url('../images/webSign/sign_icon.png') no-repeat center center;
			}
	.getBox_div{
		margin-top:60px;
		margin-left: 36px;
	}
		.getBox_div .coin_one{
			display:inline-block;
			font-family: '微软雅黑';
			font-size: 14px;
			color:#b45a00;
			width:120px;
			text-align: center;
			line-height: 22px;
			overflow: hidden;
			float: left;
		}
			.coin_one .this_sign_win_icon{
				display:block;
				height:20px;
				width:120px;
				background:url('../images/webSign/this_sign_win_icon.png') no-repeat center;
			}
			.coin_one .coin_icon{
				display: block;
			}
			.coin_one .coin_win{
				text-align:center;
				overflow: hidden;
			}
		.getBox_div .draw_box{
			display: inline-block;
			float: left;
			width:89px;
			height:89px;
			margin:15px 0px 0px 24px;
		}
		.getBox_div .get_btn{
			display: inline-block;
			float: left;
			text-align: center;
			margin-left:30px;
			margin-top:0px;
		}
			.get_btn .u_info{
				font-family: '宋体';
				font-size: 14px;
				height:50px;
				line-height: 50px;
			}
				.u_info b{
					display: inline-block;
					margin-left: 10px;
					height:50px;
					max-width: 125px;
					overflow: hidden;
					float: left;
				}
				.u_info .show_name{
					color:#b15f09;
				}
				.u_info .show_out,.u_info .show_out a,.u_info .show_win_rec,.u_info .show_win_rec a{
					color:#ff0126;
				}
					.u_info .show_out a:hover,.u_info .show_win_rec a:hover{
						color:#b15f09;
					}
				.u_info .show_win_rec{
					font-size:12px;
				}
			.get_btn .btn_get_login{
				display: inline-block;
				height:53px;
				width:180px;
			}
	.openGift_div{
		width:260px;
		height:545px;
	}
		.openGift_div span{
			width:112px;
			height: 40px;
			display: inline-block;
		}
		.openGift_div span.open_1{
			margin:130px 0px 0px 7px;
		}
		.openGift_div span.open_2{
			margin:130px 0px 0px 25px;
		}
		.openGift_div span.open_3{
			margin:158px 0px 0px 7px;
		}
		.openGift_div span.open_4{
			margin:158px 0px 0px 25px;
		}
		.openGift_div span.open_5{
			margin:140px 0px 0px 75px;
		}

.content_bottom{
	height:632px;
	width:100%;
	position:relative;
}
	.win_scroll_box{
		width:450px;
		height:126px;
		margin:90px 0px 0px 410px;
		padding:10px 5px;
		overflow: hidden;
	}
	.win_scroll{
		width:100%;
		height:100%;
		overflow: hidden;
	}
		.win_scroll ul{
			list-style: none;
		}
		.win_scroll ul li{
			float:left;
			width:450px;
			height:21px;
			line-height: 21px;
			overflow: hidden;
			/*margin-right:30px;*/
			font-family:'宋体';
			font-size: 14px;
			color:#891007;
		}
			.win_scroll ul li.right{
				margin-right:0px;
			}


.login_form{
	display: none;
	margin:0px auto;
	font-family: '微软雅黑';
	color:#b45a00;
}
.login_form ul{
	list-style:none;
}
.login_form ul li{
	margin:10px 0px;
}
	.login_form ul li img{
		cursor: pointer;
	}
.login_form .label,.login_form .text_div{
	display: block;
	float:left;
}
.login_form .label{
	display: inline-block;
	width:100px;
	height:40px;
	line-height: 40px;
	text-align: right;
	font-size:18px;
}
.login_form .text_login{
	width:340px;
	height:30px;
	padding:4px;
	border:1px solid rgb(221,221,221);
	line-height: 30px;
	font-size: 16px;
}
	.login_form .text_login.error,.login_form .text_login.error:hover,.login_form .text_login.error:focus{
		border-color:red;
		color:red;
	}
	.login_form .text_verify{
		width:145px;
	}
	.login_form .text_login:hover,.login_form .text_login:focus{
		border-color:#9bfbef;
	}
	.login_form .text_login.readonly{
		cursor: not-allowed;
		background-color: #e5e5e5;
		border-color: rgb(221,221,221);
	}
	.c_sub{
		width:100px;
		height:40px;
		line-height: 40px;
		font-size: 18px;
		margin-left: 100px;
		padding:5px 15px;
		background-color: rgb(90, 152, 222);
		border: 1px solid rgb(10, 105, 153);
		border-radius: 5px;
		color:rgb(255,255,255);
		cursor: pointer;
	}
		.c_sub:hover{
			background-color: rgb(10, 105, 153);
			border: 1px solid rgb(90, 152, 222);
		}

.login_sub{
	width:180px;
	height:53px;
	background:url('../images/webSign/login_btn.png') no-repeat center;
	border:none;
	margin-left: 100px;
	cursor: pointer;
}

.win_rec_list{
	display: none;
	padding:20px 40px;
	margin: 0px auto;
}
	.win_rec_list ul{
		list-style: none;
		font-size:14px;
		font-family: '宋体';
		color: #b45a00;
	}
	.win_rec_list ul li{
		margin: 0px 40px;
		height:29px;
		line-height: 30px;
		border-bottom: 1px dotted rgb(90, 152, 222);
		text-align: left;
	}
		.win_rec_list ul li span{
			display: inline-block;
			margin-right: 15px;
		}
		.win_rec_list ul li.last_li{
			/*height: 30px;
			border-bottom: none;*/
		}
		.win_rec_list li.none_box{
			text-align: center;
			border-bottom: none;
		}
	.win_rec_list .win_desc{
		font-weight: 500;
		width: 270px;
	}
	.win_rec_list .win_date{
		width:140px;
		text-align: center;
	}
	.win_rec_list .win_status{
		width:60px;
		text-align: center;
		margin-right: 0px;
	}
		.win_rec_list .win_status a{
			color:#ff0126;
		}
		.win_rec_list .win_status a:hover{
			color:#b45a00;
		}

.share_box{
	display: none;
	padding: 0px 5px;
}
	.share_box ul{
		list-style: none;
		width: 385px;
	}
	.share_box ul li{
		width: 57px;
		height: 55px;
		padding: 10px;
		float: left;
	}
		.share_box ul li a,.share_box ul li img,.share_box ul li span{
			display: inline-block;
			line-height: 18px;
			text-align: center;
			color: #b45a00;
			margin: 0px auto;
		}
		.share_box ul li a{
			width: 57px;
		}
		.share_box ul li img{
			margin: 5px 9px 0px 9px;
		}
		.share_box ul li span{
			width: 57px;
			height: 18px;
			/*margin-bottom: 9px;*/
		}
		.share_box ul li a:hover{
			background-color: #e5e5e5;
		}