html {
	width: 100%;
	border: 0px;
	display: block;
}


/*body样式*/

body {
	width: 100%;
	margin: 0px;
	border: 0px;
	padding: 0px;
	display: table;
}

.InvationInfo_spinner{
	width: 100%;
	padding: 0;
	background-size: 100% 100%;
	background: white no-repeat center;
	text-align: center;
	vertical-align: middle;
}

.spinner {
	width: 60px;
	height: 60px;
	position: relative;
	margin: auto;
}

.double-bounce1,
.double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #036f9f;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: bounce 2.0s infinite ease-in-out;
	animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
	0%,
	100% {
		-webkit-transform: scale(0.0)
	}
	50% {
		-webkit-transform: scale(1.0)
	}
}

@keyframes bounce {
	0%,
	100% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	}
	50% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}


/*挑战结果table样式*/

/*字体设置 padding{top right bottom left}*/
.InvationInfo_begin {
	float: left;
	width: 90%;
	table-layout: fixed;
	margin: 20% 0px 0px 5%;
	background: #1B6FA6;
	padding: 0;
	vertical-align: middle;
	border-style: solid;
	text-align: center;
	border-radius: 15px; //圆角的大小  
}

.InvationInfo_outside_accpet{
	float: left;
	width: 100%;
	table-layout: fixed;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	text-align: center;
	background-size: 100% 100%;
}

.InvationInfo_accpet{
	float: left;
	width: 90%;
	table-layout: fixed;
	margin: 25% 0px 0px 5%;
	padding: 0;
	vertical-align: middle;
	text-align: center;
	background: url(../image/jfczts.png) no-repeat center;
	background-size: 100% 100%;
}

.InvationInfo_continue {
	float: left;
	width: 100%;
	table-layout: fixed;
	margin: 5% 0px 0px 0px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}



.InvationInfo {
	float: left;
	width: 100%;
	table-layout: fixed;
	margin: 0px 0px 0px 0px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}


.accpet {
	text-align: center;
	padding: 25% 5% 0 5%;
	font-size: 1.2em;
	color: #FFFFFF;
}

.circular--landscape--accpet {
	display: inline-block;
	position: relative;
	margin-top: -15%;
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-radius: 50%;
}

/*下面是接受挑战的样式设置*/


/*挑战开始的样式*/

.result--begin {
	text-align: center;
	padding: 5% 5% 15% 6%;
	font-size: 1.2em;
	color: #FFFFFF;
}


/*挑战开始头像样式*/

.circular--landscape--begin {
	display: inline-block;
	position: relative;
	margin-top: 2%;
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-radius: 50%;
}


/*挑战开始头像位置显示*/

.circular--landscape--begin img {
	width: auto;
	height: 100%;
	margin-left: -50%;
}


/*挑战结束按钮div样式*/

.inputbuttonDiv--begin {
	padding-top: 4%;
	padding-left: 20%;
	padding-right: 20%;
	padding-bottom: 3%;
}


/*挑战结束按钮样式*/

.inputbutton--begin {
	text-align: center;
	font-size: 1.0em;
	color: #e8f0de;
	border: 0px;
	background: url(../image/btn.png);
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	cursor: pointer;
	width: 100%;
	padding-top: 6%;
	padding-bottom: 6%;
}


/*挑战开始之等待战斗结束样式*/

.result--wait {
	text-align: center;
	padding: 20% 5% 5% 5%;
	font-size: 1.2em;
	color: #FFFFFF;
}


/*下面是挑战过程的样式设置*/


/*字体设置 padding{top right bottom left}*/

.leftNameFontStyle--continue {
	padding: 5% 0 2% 6%;
	color: #FFFFFF;
}

.rightNameFontStyle--continue {
	padding: 5% 5% 2% 0;
	color: #FFFFFF;
}

.leftActionFontStyle--continue {
	padding: 2% 0 1% 0;
	color: #87D0FF;
}

.rightActionFontStyle--continue {
	padding: 2% 4% 1% 0;
	color: #87D0FF;
}

.leftTimeFontStyle--continue {
	padding: 2% 0 1% 0;
	color: #87D0FF;
}

.rightTimeFontStyle--continue {
	padding: 2% 4% 1% 0;
	color: #87D0FF;
}

.result--continue {
	text-align: center;
	padding: 5% 5% 20% 6%;
	font-size: 1.2em;
	color: #FFFFFF;
}


/*下面是挑战结束的样式设置*/


/*挑战结束的样式*/

.result--finish--backgroud {
	width: 100%;
	height: 145px;
	padding-top: 10%;
	margin-bottom: 3%;
	background: url(../image/jfczjs.png) no-repeat center;
	background-size: 100% 100%;
	font-size: 1.1em;
	color: #FFFFFF;
}

.result--finish--other {
	text-align: center;
	padding: 5% 5% 6% 5%;
	font-size: 1.2em;
	color: #FFFFFF;
}


/*挑战结束失败者头像样式*/

.circular--landscape--finish {
	display: inline-block;
	position: relative;
	margin-top: 40%;
	width: 70px;
	height: 70px;
	overflow: hidden;
	border-radius: 50%;
}


/*挑战结束失败者头像位置显示*/

.circular--landscape--finish img {
	width: auto;
	height: 100%;
	margin-left: -50%;
}


/*字体设置 padding{top right bottom left}*/

.leftNameFontStyle--finish {
	padding: 2% 0 2% 5%;
	color: #FFFFFF;
}

.rightNameFontStyle--finish {
	padding: 2% 5% 1% 0;
	color: #FFFFFF;
}

.leftActionFontStyle--finish {
	padding: 2% 0 1% 3%;
	color: #87D0FF;
}

.rightActionFontStyle--finish {
	padding: 2% 0 1% 3%;
	color: #87D0FF;
}

.leftTimeFontStyle--finish {
	padding: 2% 0 1% 0;
	color: #87D0FF;
}

.rightTimeFontStyle--finish {
	padding: 2% 0 1% 0;
	color: #87D0FF;
}


/*挑战结束按钮div样式*/

.inputbuttonDiv--finish {
	padding-top: 6%;
	padding-left: 20%;
	padding-right: 20%;
	padding-bottom: 2%;
}


/*挑战结束按钮样式*/

.inputtd--finish {
	background: #ACC900;
	border: 0px;
	border-style: solid;
	border-radius: 0px 0px 15px 15px;
}

.inputbutton--finish {
	text-align: center;
	font-size: 1.2em;
	color: #e8f0de;
	border: 0px;
	background: url(../image/btn.png) no-repeat center;
	background-size: 100% 100%;
	cursor: pointer;
	width: 100%;
	padding-top: 7%;
	padding-bottom: 6%;
	outline: none;
}

.inputtd--accpet {
	background: #ACC900;
	border: 0px;
	border-style: solid;
	border-radius: 0px 0px 10px 10px;
}

.inputbutton--accpet {
	text-align: center;
	font-size: 1.2em;
	color: #e8f0de;
	border: 0px;
	background: url(../image/btn.png) no-repeat center;
	background-size: 100% 100%;
	cursor: pointer;
	width: 100%;
	padding-top: 7%;
	padding-bottom: 6%;
	outline: none;
}

.win_left_finish {
	position: relative;
	width: 100px;
	height: 60px;
	margin-bottom: -23%;
}

.win_left_finish_other {
	position: relative;
	width: 100px;
	height: 60px;
	margin-bottom: -24%;
}

.win_right_finish {
	position: relative;
	width: 100px;
	height: 60px;
	margin-bottom: -23%;
}


/*下面是挑战流产的样式设置*/


/*挑战流产头像样式*/

.circular--landscape--amblosis {
	display: inline-block;
	position: relative;
	margin-bottom: 4%;
	width: 110px;
	height: 110px;
	overflow: hidden;
	border-radius: 50%;
}


/*挑战流产头像位置显示*/

.circular--landscape--amblosis img {
	width: auto;
	height: 100%;
	margin-left: -50%;
}


/*挑战流产结果样式*/

.result--amblosis {
	text-align: center;
	padding: 5%;
	font-size: 1.2em;
	color: #FFFFFF;
}


/*挑战流产按钮div样式*/

.inputbuttonDiv--amblosis {
	padding-top: 6%;
	padding-left: 20%;
	padding-right: 20%;
	padding-bottom: 2%;
}


/*挑战流产按钮样式*/

.inputbutton--amblosis {
	text-align: center;
	font-size: 1.2em;
	color: #e8f0de;
	border: 0px;
	background: url(../image/btn.png) no-repeat center;
	background-size: 100% 100%;
	cursor: pointer;
	width: 100%;
	padding-top: 6%;
	padding-bottom: 6%;
}
