/*公用样式*/

/*按钮样式*/
.button{
	height: 48px;
	width: 42%;
	background: rgb(89,164,255);
	color: white;
	line-height: 2;
	text-align: center;
	
}
.btn.focus, .btn:focus, .btn:hover{
	color:white;	
}

/*答题按钮*/
.btn-index{
	height: 35px;
    width: 70px;
}

/*武侠风黄色按钮样式 */
.btns .btn{
	width: 32%;
    height: 35px;
    color: white;
    font-weight: bold;
    border: 0px solid transparent;
    line-height: 1.5;
}
.btns .btn-adopt{
	background: linear-gradient(rgb(254,218,67), rgb(228,138,29));
}

/*验证提示框样式*/
.tips{
	width: 100%;
	position: fixed;
	top:0;
	z-index: 9999;
	
}
.tips-frame{
	height: 50px;
	background: rgb(88,100,101);
	/* margin: 0 5% 0 5%; */
	/* border-radius:5px; */
	line-height: 50px;
	font-size: 15px;
	padding-left: 12px;
}
.tips-frame font{
	color: rgb(218,222,222);
}
.massage-span{
	position: relative;
	bottom: 2px;
	right: 0px;
	padding-right: 3px;
}