.input-box input::-webkit-input-placeholder {
    color: #23559f;
    opacity: 0.53;
}
.input-box input:-moz-placeholder {
    color: #23559f;
    opacity: 0.53;
}
.input-box input::-moz-placeholder {
    color: #23559f;
    opacity: 0.53;
}
.input-box input:-ms-input-placeholder {
    color: #23559f;
    opacity: 0.53;
}


.look-progress{
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(255,255,255,0.32);

	width: 90%;
	max-width: 697px;
	border-radius: 4px;
}


.look-progress .title{
	color: #13499a;
	/*font-size: 30px;*/
	line-height: 96px;
	margin-bottom: 10px;
}
.look-progress .title img{
	width: 12px;
}
.look-progress .title span{
	margin: 0 16px;
}


.pro-box{
	padding: 0 13%;
}
.input-box label{
	color: #13499a;
	font-size: 20px;
	line-height: 35px;
	margin-right: 20px;
	font-weight: normal;
}
.input-box input{
	flex: 1;
	width: 100%;
	height: 35px;
	border-radius: 2px;
	background: #ffffff;
	color: #23559f;
	font-size: 14px;
	padding: 0 24px;
}




.submit-btn{
	margin: 38px 0 40px;

}
.submit-btn button{
	width: 130px;
	height: 38px;
	color: #fff;
	font-size: 16px;
	border-radius: 4px;
	background: #13499a;
}








.result{
	width: 90%;
	max-width: 695px;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;

	color: #333;
	font-size: 20px;
	padding: 20px 32px;
	line-height: 24px;
	border-radius: 4px;

	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.result .title{
	color: #0b2b5b;
}	
.result span{
	font-size: 18px;
}	









@media (max-width: 768px){
.pro-box {
    padding: 0 8%;
}

.result .title{
	width: 100%;
}
.result .gress{
	width: 100%;
	margin: 5px 0;
	font-size: 16px;
}
.result .time{
	width: 100%;
	font-size: 16px;
}
.result span{
	font-size: 14px;
}
}