.mainbox{
		margin:10px;
		padding:10px;
		font-family: "Microsoft YaHei";
		color:#000;
		background-color:#FFF;

}

.msgbox{
		width:100%;
		height:160px;
		margin-bottom:20px;
		border:1px solid #CDCDCD;
		overflow:hidden;
		border-radius:8px;
}

.boxbgshadow{
		float:right;
		margin-top:-20px;
}

#viewbox:hover{
		border:1px solid #77C12E;
		background-color:#ECFFF6;
}

#zhutibox:hover{
		border:1px solid #FF6600;
		background-color:#FFFDE6;
}

#huitiebox:hover{
		border:1px solid #006699;
		background-color:#ECFFF6;
}

#viewreward{
		color:#77C12E;
}

#zhutireward{
		color:#FF6600;
}

#huifureward{
		color:#006699;
}

.titlebox{
		float:left;
		padding-top:40px;
		width:120px;
		height:120px;
		line-height:30px;
		font-size:20px;
		font-weight:700;
		letter-spacing:3px;
		color:#969696;
		border-right:1px dashed #CDCDCD;
		text-align:center;
}

.detailbox{
		float:left;
		height:120px;
		width:406px;
		text-align:center;
		margin:40px auto;
}

.detailbox span{
		font-size:20px;
		font-weight:700;
		letter-spacing:3px;
}

.actbox{
		float:right;
		width:160px;
		height:160px;
		line-height:160px;
		text-align:center;
		border-left:1px dashed #CDCDCD;

}

.actbox a, .actbox div{
		border-radius:10px;
}

.ranklist{
		margin-top:10px;
		padding:5px;
}

.ranklistbox dl:hover{
		background-color:#F2F2F2;
}

.avt{
		float:left;
		margin-right:20px;
		font-weight:700;
}

.ranknum{
		float:left;
		width:30px;
		margin:0 5px 0 5px;
		padding-top:15px;
}



.big{
		font-size:16px;
		font-weight:700;
}

.bigred{
		font-size:16px;
		color:darkred;
}

.bigorange{
		font-size:16px;
		color:darkorange;
}


.unfinish{
		margin-top:60px;
		display:inline-block;
		width:100px;
		height:40px;
		line-height:40px;
		font-size:16px;
		color:#808080;
		background-color:#CFCFCF;
		border-left:1px solid #DDDDDD;
		border-top:1px solid #DDDDDD;
		border-right:1px solid #969696;
		border-bottom:1px solid #969696;
		cursor: pointer;
		cursor: hand;
}


.finished{
		margin-top:60px;
		display:inline-block;
		width:100px;
		height:40px;
		line-height:40px;
		font-size:16px;
		color:#FFF;
		background-color:#006600;
		border-left:1px solid #CCFFCC;
		border-top:1px solid #CCFFCC;
		border-right:1px solid #003300;
		border-bottom:1px solid #003300;
		cursor: pointer;
		cursor: hand;
}


.unfinish:hover{
		background-color:#DDDDDD;
		text-decoration: none;
}

.finished:hover{
		background-color:#007700;
		text-decoration: none;
}


.finishmark{
		position:relative;
		right:100px;
		top:-105px;
}

.progressbar{
		height:16px;
		width:305px;
		border:1px solid #CDCDCD;
		margin:0 auto;
		overflow:hidden;
		border-radius:8px;
}

.progressspan{
		background-color:#CDCDCD;
		height:16px;
		overflow:hidden;
		float:left;
}

.ban_msg{
		height:100px;
		line-height:100px;
		padding:10px;
		border:1px dashed #CDCDCD;
		text-align:center;
		font-weight:700;
		font-size:16px;

}

.tips{
		padding:10px;
		border:1px dashed #CDCDCD;
		margin-top:5px;
		margin-bottom:5px;
		background:url(../images/huifu_act.gif);
		background-repeat:no-repeat;
		background-position: 96% 80%;
		background-color:#F7FAFF;
		list-style-type:none;
		overflow:auto;
		zoom:1;
}

.float_l{
		float:left;
}

.float_r{
		float:right;
}

.margin{
		margin-left:20px;
}

.float_l h3{
		display:block;
		line-height:20px;
		height:20px;
        margin-bottom:10px;
}


.float_l p{
		margin-top:10px;
		margin-left:3px;
}

.float_l a{
		text-decoration:none;
}

.float_l span{
		margin-left:20px;
		padding:3px 5px 3px 5px;
		background-color:green;
		color:white;
}


.ftnav{
		height:50px;
		line-height:50px;
		width:100%;
		border-top:2px solid #CFCFCF;
		background-color:#FFFFFF;
		position:fixed;
		bottom:0px;
		left:0px;
		text-align:center;
}

.ftnav li{
		display:block;
		float:left;
		width:25%;
}

.ftnav a{
		height:50px;
		line-height:50px;
		padding:8px 12px;
		background-color: orange;
		border: 1px solid #dedede;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;

}

.now{
	font-weight: 700;
}

.now a{
	color: #0954A6;
}

.mbox_touch{
	height: auto !important;
}


.titlebox_touch, .detailbox_touch, .actbox_touch{
	padding-top:10px !important;
	width: 100% !important;
	height: auto !important;
	margin: 0px auto !important;
}

.actbox_touch{
	line-height:80px !important;
}

.unfinish_touch, .finished_touch{
	margin-top: 20px !important;
	width: 200px !important;
}

.actbox_touch a{
	color:#FFFFFF;
}

.viewhongbao{
	width:260px;
	height:340px;
	background:url(../images/hongbaobg.png);
	background-size:100%;
	color:#FFFFFF !important;
	position:fixed;
	margin:auto;
	left:0; 
	right:0; 
	top:0; 
	bottom:0;
	z-index:999;
	border-radius:5px;
	box-shadow: 3px 3px 2px #888888;
	font-size:16px;
}
.viewhongbao a{
	text-decoration:none;
	color:#FFFFFF !important;
}

.tip1{
	width:90%;
	height:160px;
	margin: auto;
	padding-top:80px;
	text-align:center;
}

.tip2{
	width:90%;
	height:70px;
	text-align:center;
	margin: auto;
	padding-top:40px;
}