@charset "UadTF-8";
body {
  background: #fff;
  position: relative;
}
.recommend_box::after, .news_alls::after, .yqlj_box::after, .news_zx_all::after, #nav::after, .sup_all::after, .advantage_right::after, .min_pic::after, .parner_all::after, .commercial_all::after, .cable::after, .town::after, .province::after, .gg_box .mid::after, .content_word::after, .wzdt::after, .resume_box::after, .employ::after, .intro::after, .new_box::after, .min_picL::after, .items::after, .fzlc::after, .ryzz::after, .footer::after, .qyjs_icon::after, .content_nav::after, .search_form::after, .header::after {
  content: '';
  display: block;
  clear: both;
  line-height: 0px;
  font-size: 0px;
}

.header {
  width: 100%;
  height: 90px;
  background: #fff;
  display: flex;
  align-items: center;
}

.mid {
  width: 1260px;
  margin: 0 auto;
}

input[type="text"], input[type="submit"], input[type="reset"] {
  -webkit-appearance: none;
}

textarea {
  -webkit-appearance: none;
}

input, button, select, textarea {
  outline: none
}

textarea {
  resize: none
}

input::-webkit-input-placeholder {
  /* placeholder颜色  */
  color: #999;
  /* placeholder字体大小  */
  font-size: 16px;
}

textarea::-webkit-input-placeholder {
  /* placeholder颜色  */
  color: #999;
  /* placeholder字体大小  */
  font-size: 16px;
}

/* 内容 */

.content {
  width: 100%;
  background: url(../banner.png)no-repeat center center;
  background-size: cover;
}

.content .mid {
  height: 700px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.login_box {
  display: block;
  width: 414px;
  padding: 0 30px;
  height: 550px;
  background: url(../bg_img.png)no-repeat center center;
  background-size: cover;
}

.login_top {
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
}

.login_title {
  font-size: 24px;
  color: #333333;
}

.login_form {
  padding: 28px 0 0;
}

.login_list {
  width: 100%;
  height: 46px;
  background: #f2f2f2;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  justify-content: space-between;
  margin-bottom: 22px;
}

.login_ipt {
  flex: 1;
  background: #f2f2f2;
  padding-left: 10px;
  font-size: 16px;
  border-left: 1px solid #dbdbdb;
}

.login_list .iconfont {
  font-size: 18px;
  color: #0c9cf9;
  margin-right: 10px;
}

.yzm_box {
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
}
.yzm_box .login_ipt{width: 100px;}

.login_list.yzm {
  width: 188px;
  margin-bottom: 0;
}

.yzm_img {
  cursor: pointer;
}
.yzm_img_icon{width: 153px;height: 47px;border: 1px solid #dbdbdb;border-radius: 8px;}
.radio_box {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 10px;
  border-left: 1px solid #dbdbdb;
}

.radio_box .radio {
  position: relative;
  font-weight: 400;
  padding-left: 30px;
  cursor: pointer;
}

.radio_box .radio input {
  position: absolute;
  left: -9999px;
}

.radio_box .radio i {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  outline: 0;
  border: 1px solid #9e9e9e;
  background: #ffffff;
  border-radius: 50%;
  transition: border-color .3s;
  -webkit-transition: border-color .3s;
}

.radio_box .radio input:checked+i {
  border: 1px solid #18a0f9;
}

.radio_box .radio input+i:after {
  position: absolute;
  content: '';
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: linear-gradient(to right, #0e9df9, #5ff1f6);
  opacity: 0;
  transition: opacity .1s;
  -webkit-transition: opacity .1s;
}

.radio_box .radio input:checked+i:after {
  opacity: 1;
}

.radio_box label {
  height: 22px;
  font-size: 16px;
  color: #9c9c9c;
  display: flex;
  align-items: center;
}

.login_radio {
  margin-right: 8px;
  width: 20px;
  height: 20px;
}

.login_btn {
  width: 100%;
  height: 52px;
  text-align: center;
  margin-bottom: 15px;
  border-radius: 8px;
  font-size: 24px;
  color: #ffffff;
  background: linear-gradient(to right, #0e9df9, #5ff1f6);
  cursor: pointer;
}

.login_btn.login_sq {
  background: linear-gradient(to right, #ed261e, #ff9faf);
}

.certificate {
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  margin-top: 14px;
}

.certificate i {
  font-size: 20px;
}

.apply_box {
  display: none;
  position: relative;
  z-index: 99999;
  width: 414px;
  padding: 0 30px;
  height: 550px;
  background: url(../bg_img.png)no-repeat center center;
  background-size: cover;
}
.close{
  position: absolute;
  right: 22px;
  top: 22px;
  font-size: 16px;
  color: #7e7e7e;
  cursor: pointer;
}
.apply_box .login_top {
  justify-content: center;
}

.login_list p {
  font-size: 16px;
  color: #666666;
  margin-right: 10px;
}

.login_list p span {
  color: #ff5e5e;
}

.apply_box_btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.apply_box_btn input {
  width: 172px;
  height: 46px;
  font-size: 24px;
  color: #ffffff;
  border-radius: 8px;
  cursor: pointer;
  background: #bcbdbd;
}

.apply_box_btn input.apply_box_submit {
  background: linear-gradient(to right, #0e9df9, #5ff1f6);
  text-align: center;
}

.mark {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.35;
  width: 100%;
  height: 100%;
  background: #000;
}

.foot {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 154px;
}

.foot_box {
  display: flex;
  align-items: center;
  height: 102px;
}

.foot_box img {
  width: 102px;
  height: 102px;
  margin-right: 30px;
}

.foot_right p {
  font-size: 18px;
  color: #666666;
  margin-bottom: 18px;
}
.foot_right p i{font-size: 20px;color: #666666;margin-right: 10px;}
.foot_right p:nth-last-of-type(1){margin-bottom: 0;}