#c_static_001_P_63807-17368550379300 .form-control {
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
border: 1px solid #0366ff;
border-radius: .25rem !important;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
background-image: linear-gradient(180.0deg, #edf4ff 0.0, #ffffff 100.0%);
font-size: clamp(0.875rem, 0.844rem + 0.16vw, 1rem)
}
#c_static_001_P_63807-17368550379300 .form-control:placeholder {
font-size: clamp(0.875rem, 0.844rem + 0.16vw, 1rem)
}
#c_static_001_P_63807-17368550379300 .e_clueName-134 .p_phoneCode {
width: 90px;
margin-right: 10px
}
#c_static_001_P_63807-17368550379300 .alert,
.form-group {
margin-bottom: 0rem
}
#c_static_001_P_63807-17368550379300 {
background_radio: 2;
display-radio: 1;
min-height: 0px;
padding-top: 0px;
box-shadow: 0 0 0 0;
padding-bottom: 0px
}
#c_static_001_P_63807-17368550379300 .e_container-1 {
display: flex;
flex-wrap: wrap;
flex-direction: row;
background_radio: 1;
display-radio: flex;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
width: auto;
padding: 5rem 2.5rem;
position: relative
}
#c_static_001_P_63807-17368550379300 .e_container-1>.p_item {
flex: 1;
max-width: 100%;
max-height: 100%
}
#c_static_001_P_63807-17368550379300 .swiper-pagination {
position: static;
margin-top: 40px
}
#c_static_001_P_63807-17368550379300.response-animated {
animation-name: none, none;
animation-delay: 0.0s, 0.6s;
animation-duration: 0.6s, 0.6s;
animation-iteration-count: 1, 1
}
#c_static_001_P_63807-17368550379300 .e_container-71 {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: 100%;
background_radio: 2;
display-radio: flex;
overflow: hidden;
background-image: linear-gradient(0.0deg, #edf4ff 0.0, #ffffff 32.0%)
}
#c_static_001_P_63807-17368550379300 .e_container-71>.p_item {
flex: 1;
max-width: 100%;
max-height: 100%
}
#c_static_001_P_63807-17368550379300 .e_container-71 .p_item {
display-radio: 1
}
#c_static_001_P_63807-17368550379300 .e_container-134 {
display: flex;
flex-wrap: wrap;
flex-direction: row;
background_radio: 1;
display-radio: flex;
margin-left: auto;
margin-right: auto;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
justify-content: center;
padding-left: 0px;
max-width: none;
width: auto;
gap: 1rem
}
#c_static_001_P_63807-17368550379300 .e_container-134>.p_item {
flex: 1;
max-width: 100%;
max-height: 100%
}
#c_static_001_P_63807-17368550379300 .e_container-134 .p_item {
display-radio: 1
}
#c_static_001_P_63807-17368550379300 .e_container-134 .cbox-134-0 {
align-self: center;
flex: 0 0 auto
}
#c_static_001_P_63807-17368550379300 .e_container-134 .cbox-134-1 {
flex: 0 0 auto;
align-self: center
}
#c_static_001_P_63807-17368550379300 .e_container-135 {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: 100%;
background_radio: 1;
display-radio: flex;
margin-right: auto
}
#c_static_001_P_63807-17368550379300 .e_container-135>.p_item {
flex: 1;
max-width: 100%;
max-height: 100%
}
#c_static_001_P_63807-17368550379300 .e_container-135 .cbox-135-1 {
flex: 0 0 auto;
align-self: center
}
#c_static_001_P_63807-17368550379300 .e_container-135 .cbox-135-2 {
flex: 0 0 auto;
align-self: center
}
#c_static_001_P_63807-17368550379300 .e_container-135 .p_item {
display-radio: 1
}
#c_static_001_P_63807-17368550379300 .e_container-135 .cbox-135-0 {
flex: 0 0 auto;
align-self: center
}
#c_static_001_P_63807-17368550379300 .e_icon-136 {
width: 13px;
font_radio: 2;
display-radio: 1;
color: rgba(3, 102, 255, 1);
line-height: 1.8;
text-align: left;
font-size: 14px;
transform: rotate(-90deg);
height: auto;
padding-left: 0px;
padding-right: 0px;
margin-left: 30px;
margin-right: 30px
}
#c_static_001_P_63807-17368550379300 .e_icon-136 .icon {
margin: 0;
width: 100%;
height: 100%;
fill: currentColor
}
#c_static_001_P_63807-17368550379300 .e_text-137 {
font_radio: 2;
display-radio: 1;
margin-top: 0px;
margin-right: auto;
line-height: 1.2;
text-align: left;
font-size: clamp(1rem, 0.969rem + 0.16vw, 1.125rem);
color: rgba(3, 102, 255, 1);
font-weight: bold
}
#c_static_001_P_63807-17368550379300 .e_container-138 {
display: flex;
flex-wrap: wrap;
flex-direction: row;
background_radio: 2;
display-radio: flex;
width: 20px;
height: 20px;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
overflow: hidden;
margin-right: 10px;
background-color: rgba(3, 102, 255, 1)
}
#c_static_001_P_63807-17368550379300 .e_container-138>.p_item {
flex: 1;
max-width: 100%;
max-height: 100%
}
#c_static_001_P_63807-17368550379300 .e_text-139 {
line-height: normal;
font_radio: 2;
display-radio: 1;
font-size: 16px
}
#c_static_001_P_63807-17368550379300 .e_container-1 .p_item {
display-radio: 1
}
#c_static_001_P_63807-17368550379300 label {
margin-bottom: 0
}
#c_static_001_P_63807-17368550379300 .e_container-134 .cbox-134-2 {
flex: 0 0 auto
}
#c_static_001_P_63807-17368550379300 .e_form-152 {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: 100%;
display-radio: flex;
gap: 0.5rem
}
#c_static_001_P_63807-17368550379300 .e_form-152>.p_formItem {
flex: 1;
max-width: 100%;
max-height: 100%
}
#c_static_001_P_63807-17368550379300 .e_form-152 .ptishiCon {
display: none
}
#c_static_001_P_63807-17368550379300 .e_form-152 .p_formItem {
display-radio: 1
}
#c_static_001_P_63807-17368550379300 .e_form-152 .cbox-152-0 {
flex: 0 0 auto; }
#c_static_001_P_63807-17368550379300 .e_form-152 .cbox-152-1 {
flex: 0 0 auto
}
#c_static_001_P_63807-17368550379300 .e_formBtn-153 {
display: block;
position: relative;
overflow: hidden;
text-align: center;
box-sizing: border-box;
width: 100px;
padding: 8px;
background_radio: 1;
border_radio: 1;
font_radio: 1;
radius_radio: 1;
display-radio: block;
margin: 0 auto;
}
#c_static_001_P_63807-17368550379300 .e_formBtn-153 span {
display: block;
width: 100%;
position: relative;
z-index: 1;
outline: 0;
margin: 0px;
overflow: hidden
}
#c_static_001_P_63807-17368550379300 .e_formBtn-153::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
transition: all .3s;
z-index: 0;
opacity: 0;
top: 0;
left: 0px
}
#c_static_001_P_63807-17368550379300 .e_formBtn-153:hover::after {
opacity: 1
}
#c_static_001_P_63807-17368550379300 .e_code-154 {
display-radio: 1
}
#c_static_001_P_63807-17368550379300 .e_code-154 .p_imagecode {
width: 200px;
display: inline-block
}
#c_static_001_P_63807-17368550379300 .e_code-154 .p_verify {
vertical-align: top;
font-size: 16px;
width: 120px;
height: 34px;
display: none
}
#c_static_001_P_63807-17368550379300 .e_code-154 .p_code_img {
width: 120px;
height: 34px;
cursor: pointer;
vertical-align: top;
margin: 0 5px
}
#c_static_001_P_63807-17368550379300 .e_container-155 {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: 100%;
background_radio: 1;
display-radio: flex
}
#c_static_001_P_63807-17368550379300 .e_container-155>.p_item {
flex: 1;
max-width: 100%;
max-height: 100%
}
#c_static_001_P_63807-17368550379300 .e_container-155 .cbox-155-0 {
align-self: center;
flex: 0 0 auto
}
#c_static_001_P_63807-17368550379300 .e_clueMobile-156 .p_phoneCode {
position: relative;
width: 90px;
margin-right: 10px
}
#c_static_001_P_63807-17368550379300 .e_clueMobile-156 .p_phoneCode .form-control {
height: 36px
}
#c_static_001_P_63807-17368550379300 .e_clueMobile-156 .p_currentCode {
cursor: pointer
}
#c_static_001_P_63807-17368550379300 .e_clueMobile-156 .p_arrow {
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%)
}
#c_static_001_P_63807-17368550379300 .e_clueMobile-156 .p_codeList {
display: none;
position: absolute;
width: 120px;
left: 0;
top: calc(100% + 5px);
background-color: #fff;
color: #495057;
border-radius: 4px;
max-height: 192px;
overflow: auto;
z-index: 9;
border: 1px solid #ced4da
}
#c_static_001_P_63807-17368550379300 .e_clueMobile-156 .p_codeItem {
line-height: 32px;
padding: 0 15px;
overflow: hidden;
cursor: pointer
}
#c_static_001_P_63807-17368550379300 .e_clueMobile-156 .p_codeItem:hover,
.e_clueMobile-156 .p_codeItem.p_active {
background-color: #f1f5f8
}
#c_static_001_P_63807-17368550379300 .e_clueMobile-156 .p_enCode {
float: right;
color: #ccc
}
#c_static_001_P_63807-17368550379300 .e_clueMobile-156 {
display-radio: 1
}
#c_static_001_P_63807-17368550379300 .e_text-157 {
line-height: normal;
font_radio: 2;
display-radio: 1;
margin-right: 10px
}
@media screen and (max-width:768px) {
#c_static_001_P_63807-17368550379300 .swiper-pagination {
margin-top: 20px
}
#c_static_001_P_63807-17368550379300 {
background_radio: 2;
display-radio: 1;
padding-bottom: 0px;
padding-top: 0px
}
#c_static_001_P_63807-17368550379300 .e_container-1 {
background_radio: 1;
display-radio: 1;
padding-bottom: 0px;
padding-top: 0px;
padding: 2.5rem 1.25rem
}
#c_static_001_P_63807-17368550379300 .e_container-134 {
background_radio: 1;
display-radio: 1;
max-width: none;
width: auto;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px
}
#c_static_001_P_63807-17368550379300 .e_container-135 {
display: flex;
justify-content: center
}
#c_static_001_P_63807-17368550379300 .e_container-135 .cbox-135-2 {
flex: 0 0 auto
}
#c_static_001_P_63807-17368550379300 .e_container-135 .cbox-135-0 {
flex: 0 0 auto
}
#c_static_001_P_63807-17368550379300 .e_icon-136 {
display: none
}
#c_static_001_P_63807-17368550379300 .e_text-137 {
font_radio: 2;
display-radio: 1;
font-size: 18px;
font-weight: bold
}
#c_static_001_P_63807-17368550379300 .e_container-138 {
display: none
}
#c_static_001_P_63807-17368550379300 .e_container-134 .cbox-134-0 {
flex: 0 0 100%
}
#c_static_001_P_63807-17368550379300 .e_container-134 .cbox-134-1 {
flex: 0 0 100%
}
#c_static_001_P_63807-17368550379300 .e_container-134 .cbox-134-2 {
flex: 0 0 100%
}
#c_static_001_P_63807-17368550379300 .e_form-152 {
display-radio: 1
}
#c_static_001_P_63807-17368550379300 .e_form-152 .cbox-152-0 {
flex: 0 0 100%
}
#c_static_001_P_63807-17368550379300 .e_form-152 .cbox-152-1 {
flex: 0 0 100%
}
#c_static_001_P_63807-17368550379300 .e_form-152 .cbox-152-2 {
flex: 0 0 100%
}
#c_static_001_P_63807-17368550379300 .e_code-154 .p_refresh {
display: none
}
#c_static_001_P_63807-17368550379300 .e_code-154 {
display-radio: 1
}
#c_static_001_P_63807-17368550379300 .e_code-154 .p_input {
display: flex
}
#c_static_001_P_63807-17368550379300 .e_code-154 .p_input .invalid-feedback {
display: none !important;
}
#c_static_001_P_63807-17368550379300 .e_code-154 .p_imagecode {
flex: 1 1 100%
}
#c_static_001_P_63807-17368550379300 .e_code-154 .p_code_img {
margin: 0 0 0 5px;
flex: 0 auto
}
#c_static_001_P_63807-17368550379300 .e_text-157 {
display: none
}
}
@media screen and (min-width: 769px) {
#c_static_001_P_63807-17368550379300 .s_form_layout1 .invalid-feedback {
position: absolute;
top: 100%
}
}
@media screen and (max-width: 1440px) and (min-width: 769px) {
#c_static_001_P_63807-17368550379300 .e_container-134 {
background_radio: 1;
display-radio: 1;
max-width: 1200px
}
}.form-control.is-invalid {
border-color: #dc3545 !important;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
background-color: #fff5f5 !important;
}
.form-control.is-invalid:focus {
border-color: #dc3545 !important;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
} .form-control.is-valid {
border-color: #28a745 !important;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;
background-color: #f8fff9 !important;
}
.form-control.is-valid:focus {
border-color: #28a745 !important;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;
} .invalid-feedback {
display: block !important;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875rem;
color: #dc3545 !important;
font-weight: 500;
line-height: 1.4;
} .valid-feedback {
display: block !important;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875rem;
color: #28a745 !important;
font-weight: 500;
line-height: 1.4;
} .form-group {
position: relative;
margin-bottom: 1rem;
} .form-control {
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out !important;
} .form-control.is-invalid::placeholder {
color: #dc3545 !important;
opacity: 0.6;
} .form-control.is-valid::placeholder {
color: #28a745 !important;
opacity: 0.6;
} .p_input {
position: relative;
}
.p_input .form-control.is-invalid {
border-color: #dc3545 !important;
}
.p_input .form-control.is-valid {
border-color: #28a745 !important;
} .form-control.is-invalid {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath d='m5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
padding-right: calc(1.5em + 0.75rem) !important;
} .form-control.is-valid {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='m2.3 6.73.13-.02L4.03 4.8a.1.1 0 0 1 .17.07v1.8a.1.1 0 0 1-.1.1h-1.8a.1.1 0 0 1-.07-.17L2.3 6.73z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
padding-right: calc(1.5em + 0.75rem) !important;
} @media (max-width: 768px) {
.invalid-feedback {
font-size: 0.8rem;
margin-top: 0.2rem;
}
.form-control.is-invalid,
.form-control.is-valid {
background-size: calc(0.6em + 0.3rem) calc(0.6em + 0.3rem);
padding-right: calc(1.2em + 0.6rem) !important;
}
} .p_input .form-control.is-invalid,
.p_input .form-control.is-valid {
background-image: none !important;
padding-right: 0.75rem !important;
} .form-control:focus.is-invalid {
border-color: #dc3545 !important;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}
.form-control:focus.is-valid {
border-color: #28a745 !important;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;
}