@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,table,tbody,tfoot,thead,tr,th,td,input,button,input,select,textarea {margin:0;padding:0;font-weight:inherit;font-style:inherit;font-family:inherit;}
* {-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;touch-action: pan-y;}
body,button,input,select,textarea{font-size:.24rem; line-height: 1.5; font-family: "PingFang SC","Microsoft Yahei",STHeiti,STSong,"Microsoft JhengHei",SimHei,SimSun !important; color: #333333;}
h1,h2,h3,h4,h5,h6{font-weight:bold}
body{min-height: 100vh; /* max-width:750px; */ margin:0 auto;}
ul,ol,li{list-style:none}
a{text-decoration:none;color:#333333;outline:none;background: transparent;}
a:hover{text-decoration:none;color:#333333;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline: none; text-decoration: none; background-color: transparent;}
fieldset,img{border:0}
button,input,select,textarea{outline:none; font-size: inherit;resize: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
table{border-collapse:collapse;border-spacing:0}
textarea{resize:none}
img{vertical-align:top;width:100%; line-height: 0;}
b,strong{font-weight:normal;}
.fl{float: left;}
.fr{float: right;}
.clr{ zoom:1;}
.clr:after{ height: 0; display: block; content: "\20"; clear: both;}
.psr{position: relative;}
.psa{position: absolute;}
.ovh{overflow: hidden;}

.flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;           
}

.header{
	width: 80%;
	margin: 2rem auto 0;
}

h4{
	font-size: 1.5rem;
	text-align: center;
	padding: 1em 0;
	color: #0095ff;
}
.deacription{
	font-size: 0.9375rem;
	padding-bottom: 1.5em;
}
.deacription p:not(:first-of-type){
	text-indent: 2em;
	text-align: justify;
}
.card-form{
	border: 0;
}
.card-form .card-header{
	font-size: 1rem;
	font-weight: bold;
	margin-bottom: 1.5em;
	position: relative;
}
.card-form:not(:nth-last-child(2)) .card-header::before{
	position: absolute;
	left: 0.4em;
	top: 0.5;
	display: block;
	content: "*";
	color: #ff4040;
}
.card-form .list-group-item{
	font-size: 1rem;
}
.card-form .list-group-item.ycfk{
	padding-left: 0;
	padding-right: 0;
}
.card-form .list-group-item .title{
	font-size: 1rem;
	padding-bottom: 0.625rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid rgba(0,0,0,.125);
}
.card-form.card2 .list-group-item .input-group .form-check{
	width: 3rem;
	padding-left: 0;
	text-align: center;
}
.card-form.card2 .list-group-item .input-group .form-check input{
	display: none;
}
.card-form.card2 .list-group-item .input-group .form-check .form-check-label{
	width: 1.25rem;
	height: 1.25rem;
	text-decoration: none;
	border-radius: 50%;
	color: #595959;
	border: 1px solid #a6a6a6;
	cursor: default;
	background: #fff;
	line-height: normal;
	font-size: 0.875rem;
	text-align: center;
}
.card-form.card2 .list-group-item .input-group .form-check .form-check-input:checked[type=radio] + .form-check-label{
	background-color: #0095ff;
	border: 1px solid #0095ff;
	color: #fff;
	position: relative;
}
.card-form.card2 .list-group-item .input-group .form-check:first-child .form-check-input:checked[type=radio] + .form-check-label::before{
	position: absolute;
	display: block;
	content: "";
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: #fff;
	top: 50%;
	left: 50%;
	margin-left: -0.25rem;
	margin-top: -0.25rem;
}
.card-form.card2 .list-group-item .input-group .form-check .is-invalid + .form-check-label{
	border: 1px solid #dc3545;
}
.card-form.card2 .list-group-item .input-group .form-check .is-valid + .form-check-label{
	border: 1px solid #0095ff;
}
.card-form .list-group-item .input-group span{
	display: inline-block;
	width: auto;
	margin-top: 2px;
}
.card-form .list-group + .invalid-feedback{
	display: block;
	line-height: 1.5rem;
}
.check-form .invalid-feedback{
	font-size: 1rem;
}

.form-check-input.is-valid, .was-validated .form-check-input:valid {
    border-color: #0095ff;
}
.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label {
    color: #0095ff;
}
.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
    background-color: #0095ff;
}
.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 0.25rem rgba(0,149,255,.25);
}

.btn-submit{
	text-align: center;
	margin: 1.875rem auto 5rem;
}
.btn-view{
	text-align: center;
	margin: 0 auto 5rem;
}
.btn-submit .btn,.btn-view .btn{
	width: 100%;
}

.modal-dialog .modal-content{
	font-size: 1.25rem;
	text-align: center;
	width: 65%;
	margin: 0 auto;
}
.modal-dialog .img{
	display: block;
	width: 40%;
	margin: 0 auto 0.625rem;
}