@charset "UTF-8";

.jyform {
  display: block;
  margin: 5rem 23.1rem 0rem 14.2rem;
}

.jyform tr th{
  font-weight: normal;
  display: inline-block;
    width: 14rem;
    text-align: right;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    color: #333333;
    margin-right: 25px;
}
.jyform tr{
  margin-top:2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.jyform tr td{
  width: calc(100% - 17rem);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.jyform tr td {
    width: 607px;
}
}

.jyform tr td input,.jyform textarea{
  width: 100%;
  border: 1px solid #BDBDBD;
  border-radius: 8px;
}
.hot {
  color: #BD1A2D;
  font-size: 2rem;
}

.jyform input[type='text'],textarea {
  padding: 12px 16px;
  gap: 8px;
  background: #FFFFFF;
  box-sizing: border-box;
}
.jyform #career {
  width:100%;
  height: 45px;
  line-height: 45px;
  border: solid 1px #d2d2d2;
  padding-left: 14px;
}
.jyform #captcha{
  width: 288px;
  padding: 10px;
}
.jyform #code {
  font-family: Arial, 宋体;
  font-style: italic;
  color: #BD1A2D;
  border: 0;
  letter-spacing: 3px;
  font-weight: bolder;
}
.jyform .comp{
  width:48rem;
  margin:5rem auto 0rem;
}
.jyform .comp a{
  display: block;
  width: 200.2px !important;
  height: 55px;
  font-size: 2.2rem;
  border-radius: 6px;
  background: #F0F0F0;
  line-height: 55px;
  text-align: center;
  border: none !important;
  cursor: pointer;
}
.jyform .comp a.cur,.jyform .comp a:hover{
  background: #BD1A2D;
  color:#fff;
}
.modal-auth {
height: 370px;
width: 820px;
border-radius: 5px;
position: absolute;
left: 50%;
top: 100px;
margin-left: -400px;
background-color: #fff;
z-index: 99999;
display: none;
padding: 40px;
box-sizing: border-box;
}
.modal-auth * {
box-sizing: border-box;
}
.modal-auth .title {
margin-bottom: 40px;
display: block;
font-size: 1.5em;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
.modal-auth .close {
font-family: mailbox;
position: absolute;
right: 20px;
top: 15px;
font-size: 22px;
color: #BDBDBD;
cursor: pointer;
}
.modal-auth .step-box {
margin-bottom: 30px;
overflow: hidden;
}
.modal-auth .step-box .step {
overflow: hidden;
}
.modal-auth .step-box .text {
float: left;
width: 727px;
height: 120px;
text-indent: 4em;
}
.modal-auth .step-box .text p {
height: 40px;
line-height: 40px;
font-size: 20px;
font-weight: bold;
float: left;
}
.modal-auth .step-box .text .status {
float: left;
width: 70px;
height: 35px;
padding: 5px;
text-align: center;
line-height: 25px;
color: #fff;
margin-left: 15px;
background: #BDBDBD;
margin-top: 2.5px;
}
.modal-auth .step-box .text .status.complete {
background: #60b775;
}
.modal-auth .step-box .btn {
float: right;
padding: 0 50px;
border-radius: 0;
height: 43px;
line-height: 43px;
font-size: 18px;
background-color: #4489ca;
color: #fff;
}
.modal-auth .step-box .btn.disabled {
background-color: #BDBDBD;
cursor: not-allowed;
}
.modal-auth .step-box .img-box {
margin-top: 20px;
height: 180px;
}
.modal-auth .step-box .img-box img {
height: 180px;
}
.modal-auth .btn-group {
text-align: center;
padding-top: 10px;
}
.modal-auth .btn-group .btn {
width: 300px;
font-size: 20px;
height: 50px;
line-height: 50px;
border-radius: 0;
}
.modal-auth .btn-group .btn.disabled {
background-color: #BDBDBD;
margin: auto;
}
.mask {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 88888;
background-color: rgba(0, 0, 0, 0.6);
display: none;
}
.read {
background: #f1f1f1 !important;
}
@media only screen and (max-width: 640px) {
.modal-auth{
width: 90vw;
    left: 5vw;
    top: 280px;
    margin-left: 0px;
}
.modal-auth .step-box .text{
width: 68vw;
}
.modal-auth .btn-group .btn{
width: 50vw;
}	
}