#jv-form-container  {
	margin: 20px auto;
}
#jvResultNum  {
	margin-top: 20px;
}
.jv-center  {
	text-align: center;
}
.jv-circle  {
	display: inline-block;
	width: 57px;
	height: 57px;
	line-height: 57px;
	font-size: 35px;
	color: #2c3e50;
	font-weight: 600;
	background: #f1c40f;
	border-radius: 50%;
	text-align: center;
}

.btn-danger  {
	background-color: #dc3545;
	color: #fff;
	border: 1px solid #dc3545;
	padding: 8px 16px;
	border-radius: 3px;
	cursor: pointer;
	transition: background-color 0.2s ease-in-out, border-color 0.2s;
}
.btn-danger:hover  {
	background-color: #c82333;
	border-color: #bd2130;
}
.btn-primary  {
	background-color: #0073aa;
	color: #fff;
	border: 1px solid #0073aa;
	padding: 8px 16px;
	border-radius: 3px;
	cursor: pointer;
	transition: background-color 0.2s ease-in-out, border-color 0.2s;
}
.btn-primary:hover  {
	background-color: #005b8c;
	border-color: #004e7a;
}
        @media (max-width:768px) {
	.jv-form-group input,.jv-form-group select {
	max-width:100%
}
.btn-primary,.btn-danger {
	width:100%;
	text-align:center;
	margin-top:10px;
	padding: 5px 10px;
	font-size:15px
}
.jv-circle {
	width:48px;
	height:48px;
	line-height:48px;
	font-size:28px;
	margin-bottom:10px
}
#jv-form-container {
	padding:0 10px
}
}
@media (max-width:480px) {
	.btn-primary,.btn-danger {
	font-size:14px;
	padding: 5px 10px;
}
input,select {
	font-size:14px;
	padding:8px 10px
}
.jv-circle {
	width:42px;
	height:42px;
	line-height:42px;
	font-size:24px
}
}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}