@charset "utf-8";

*{
	margin: 0px;
	padding: 0px;
}
html{
	font-size: 20px;
	color: white;
	font-family: "微软雅黑";
	height:100%;
}
body{
	height:100%;
	background-color:#FC5D5D;
}
.box{
	margin:0px;
	background-size:cover;
	border: none;
	width: 100%;
	height: 100%;
	
}
.second_box{
	display: none;
}
img{
	width: 100%;
}
.top_font{
	display: block;
	font-size:2.25rem;
	margin:4.05rem auto 2.7rem auto;
	text-align:center;
}
.center_font{
	font-size:0.95rem ;
	text-align:center;
	line-height: 1.45rem;
}
table{
	border:none;
	margin-top:5.1rem;
	margin-left:4.5rem;
}
.hint{
	font-size:1.85rem;
}
.input_interval{
	height:4.05rem;
}
.input{
	height: 3.5rem;
	width: 13.75rem;
	padding-top:0.25rem;
	padding-bottom:0.25rem;
	line-height: 2.5rem;
	font-size: 1.85rem;
	padding-left: 0.25rem;
	color:#FC5D5D;
	border:none;
	outline:none;      
}
.img_box{
	width:12rem;
	height:12rem;
	margin-top: 2.45rem;
	margin-left: 9.75rem;
	background-repeat:no-repeat;
	background-size:100% 100% !important;
	border-radius: 100%;
	border: none;
}
.result_box{
	margin-top: 2.5rem;
}

.initial_value{
	font-size: 1.4rem;
	line-height: 2.4rem;
	color: #FFF600;
	display: block;
	width: 100%;
    text-align: left;
}
.left1,
.left2,
.left3{
	display:block;
	float:left;
	width:48%;
	text-align:right !important;
}
.re{
	font-size: 1.1rem;
	display: block;
	width: 100%;
	margin-top: 1rem;
	text-align: center;
}
.re span{
	font-size: 1.4rem;
	color: #FFF600;
}
.left{
	width:70%;
	text-align: right;
}
.result{
	display: block;
	font-size: 1.8rem;
	width: 100%;
	margin-top: 2rem;
	text-align: center;
}
.error{
	display: block;
	font-size: 1.1rem;
	color: #FFF600;
	margin-top: 2rem;
	width: 100%;
	height: 1.1rem;
	text-align: center;
}
.button{
	display: block;
	font-size: 2.1rem;
	color: #FC5D5D;
	text-decoration: none;
	line-height: 5rem;
	width: 16.5rem;
	height: 5rem;
	text-align: center;
	border: none;
	border-radius: 2.5rem;
	background-color:white;
	margin: 3.2rem auto 3rem auto;
	box-shadow: 0px 10px 1px #FF7878;
}
.second_button{
	margin: 4.85rem auto 3rem auto;
}
/*
 * change placeholder font color and font-size
 */
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #ffb0b0;
	font-size:1.2rem;  
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #ffb0b0;
	font-size:1.2rem;  
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{
	color: #ffb0b0;
	font-size:1.2rem;  
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
	color: #ffb0b0;
	font-size:1.2rem;  
}