.koi_bg_banner {
  background: url(../images/WuHan_Edu_IDcard/banner.png) no-repeat center;
  background-size: cover;
  height: 190px;
}

.koi_logo {
  height: 45px;
}

.koi_logo img {
  display: inline-block;
  height: 45px;
}

.bg_e9f8fe {
  background: #e9f8fe;
}

.koi_fff_content {
  background: #fff;
  box-sizing: border-box;
  padding: 31px 73px 65px 73px;
  border-radius: 12px;
}

.koi_fff_content.pd45_294 {
  padding: 45px 294px;
}

.koi_fff_content.pd45_155 {
  padding: 45px 155px;
}

.icon_blue {
  display: inline-block;
  width: 3px;
  height: 19px;
  background: #0085ff;
}

.koi_flex {
  display: flex;
  align-items: center;
}

.koi_flex.jsc_center {
  justify-content: center;
}

.koi_flex.jsc_spevenly {
  justify-content: space-evenly;
}

.koi_flex.jsc_spbetween {
  justify-content: space-between;
}

.koi_tit {
  font-family: PingFang SC;
  font-size: 20px;
  font-weight: 600;
  line-height: 35px;
  color: #000000;
}

.koi_text {
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #222222;
  text-align: left;
}

.mgt45 {
  margin-top: 45px;
}

.koi_link_rook {
  padding: 10px 45px;
  box-sizing: border-box;
  height: 114px;
  width: 310px;
  border-radius: 10px;
  font-family: PingFang SC;
  font-size: 24px;
  font-weight: 600;
  line-height: 114px;
  color: #222222;
}

.bg_d2eaff {
  background: #d2eaff;
  border: 1px solid white;
}

.bg_d2eaff:hover {
  background: #d2eaff;
  box-shadow: 2px 4px 4px 0px #b5dcf4;
  border: 1px solid white;
}

.bg_d2eaff img {
  display: inline-block;
  width: 75px;
  height: 90px;
}

.bg_d2eaff span {
  margin-left: 35px;
}

.bg_fed5d5 {
  background: #fed5d5;
  border: 1px solid white;
}

.bg_fed5d5:hover {
  background: #fed5d5;
  border: 1px solid white;
  box-shadow: 2px 4px 4px 0px #f3c8c8;
}

.bg_fed5d5 img {
  display: inline-block;
  width: 70px;
  height: 85px;
}

.bg_fed5d5 span {
  margin-left: 35px;
}

.mgt35 {
  margin-top: 35px;
}

footer {
  background: #fff;
  height: 130px;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  color: #888;
}

.icon_xian {
  display: inline-block;
  width: 1px;
  height: 14px;
  background: #888;
}

.icon_beian {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/WuHan_Edu_IDcard/icon_beian.png) no-repeat center;
}

.koi_btn_agree {
  display: inline-block;
  border: 0.89px solid #226dfe;
  background: #226dfe;
  height: 37.49079895019531px;
  width: 137.4662628173828px;
  border-radius: 64.26993560791016px;
  font-size: 14px;
  font-weight: 400;
  line-height: 37.49079895019531px;
  color: #ffffff;
}

.koi_btn_agree:hover {
  background: #308df8;
}

.koi_btn_agree.no_are {
  background: #fff;
  color: #226dfe;
}

.koi_btn_agree.no_are:hover {
  background: #e8f4ff;
}

.koi_zjz_box {
  width: 205px;
  height: 285px;
  border: 2px solid #72b2f9;
  box-shadow: 0px 4px 7px 4px rgba(0, 0, 0, 0.04);
  border-radius: 12px;
  box-sizing: border-box;
  margin: auto;
  position: relative;
}

.koi_zjz_box.no_tool_box {
  border: 2px solid #ef9198;
  background: #ffe9ea;
  padding: 15px;
  box-sizing: border-box;
}

.koi_zjz_box.no_tool_box .no_pass {
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  color: #fa5151;
  text-align: center;
}

.koi_zjz_box.no_tool_box .no_pass_text {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  text-align: left;
  color: #fa5151;
  margin-top: 15px;
}

.koi_zjz_box .tit {
  position: absolute;
  height: 38px;
  width: 148px;
  border-radius: 7px;
  display: inline-block;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 500;
  line-height: 38px;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.42);
  bottom: 13px;
  left: 30px;
}

.koi_zjz_box img {
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 12px;
}

.foter_xian {
  background: #f2f2f2;
  height: 1px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.icon_no_tool {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../images/WuHan_Edu_IDcard/no_tool.png) no-repeat center;
  margin-top: 84px;
}

.icon_Be_approved {
  display: inline-block;
  background: #50b574 url(../images/WuHan_Edu_IDcard/Be_approved.png) no-repeat center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
}

.koi_approved {
  height: 44px;
  width: 204px;
  border-radius: 12px;
  background: #e6f9db;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px auto 0;
}

.koi_approved .Be_approved_text {
  font-size: 14px;
  font-weight: 500;
  line-height: 44px;
  margin-left: 8px;
}

.mgt40 {
  margin-top: 40px;
}

.koi_card_box {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}

.koi_card_box .left {
  width: 257px;
  height: 408px;
  border-radius: 15px;
  background: url(../images/WuHan_Edu_IDcard/xiaoyuanka1.png) no-repeat center;
  background-size: 120% 120%;
  margin-right: 25px;
  text-align: center;
}

.koi_card_box .left .crad_title {
  font-family: Inter;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  color: #364967;
  margin-top: 32px;
}

.koi_card_box .left .card_photo_img {
  margin-top: 22px;
}

.koi_card_box .left .card_photo_img img {
  display: inline-block;
  width: 82px;
  height: 115px;
}

.koi_card_box .left .card_rows {
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 300;
  line-height: 13px;
  color: #687fa1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: unset;
  box-sizing: border-box;
  margin-top: 5px;
}

.koi_card_box .left:first-child .card_rows {
  margin-top: 15px;
}

.koi_card_box .left .card_rows .lenth {
  display: inline-block;
  width: 50%;
  text-align: right;
  box-sizing: border-box;
  color: #687fa1;
}



.koi_card_box .left .card_rows .runy {
  display: inline-block;
  width: 50%;
  text-align: left;
  box-sizing: border-box;
  color: #000000;
}

.koi_card_box .right {
  width: 257px;
  height: 408px;
  border-radius: 15px;
  margin-left: 25px;
}

.koi_card_box .right img {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.yulan {
  font-family: PingFang SC;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #000000;
}

.koi_qr_code {
  width: 100px;
  height: 100px;
  background: #fff;
  padding: 5px;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  margin-top: 15px;
  position: relative;
}

.koi_qr_code img {
  width: 90px;
  height: 90px;
  display: inline-block;
}

.koi_ban_banner {
  height: 278px;
  display: block;
}

.Operation_guide_list {
  display: flex;
  justify-content: space-evenly;
  margin-top: 105px;
}

.Operation_guide_list li {
  width: 277px;
  height: 282px;
  background: #fff;
  box-sizing: border-box;
  border: 1px solid #e3e9ef;
  border-radius: 12px;
  display: flex;
  justify-content: center;
}

.Operation_guide_list li:hover {
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.05);
}

.init_item {
  position: relative;
}

.init_item .item_img_box {
  height: 143px;
  width: 194px;
  border-radius: 12px;
  margin-top: 40px;
}

.init_item .item_img_box img {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.init_item .item_text {
  padding-top: 15px;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
  color: #000;
}

.init_item .item_btn_download {
  padding-top: 15px;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  text-align: center;
  color: #0085ff;
}

.icon_bg_blue {
  background: linear-gradient(101.34deg,
      #488bf0 10.1%,
      rgba(74, 154, 248, 0.59) 95.02%);
  height: 28px;
  width: 71px;
  border-radius: 0 12px 0 12px;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  position: absolute;
  right: -41px;
  top: 0;
  color: #fff;
}

.icon_bg_blue.yellow {
  background: linear-gradient(101.34deg,
      #f59d36 10.1%,
      rgba(255, 184, 100, 0.69) 95.02%);
}

.icon_bg_blue.green {
  background: linear-gradient(101.34deg, #00B8C3 10.1%, rgba(0, 210, 172, 0.77) 95.02%);
}

/* 照片上次成功sq */
.sq_box {
  height: 100%;
  width: 204px;
  margin-top: 83px;
}

.sq_pos {
  position: relative;
}

.sq_name {
  position: absolute;
  display: inline-block;
  text-align: center;
  width: 205px;
  top: -46px;
  font-weight: 600;
  font-size: 20px;
}

.sq_flex {
  display: flex;
  justify-content: space-between;
}

.sq_last {
  justify-content: center;
}

.sq_btn {
  display: inline-block;
  width: 96px;
  height: 37px;
  line-height: 37px;
  color: #226dfe;
  font-size: 14px;
  border: 0.892638px solid #226dfe;
  border-radius: 64.2699px;
  text-align: center;
}

.koi_approved {
  color: #057a2b;
}

.koi_btn_agree {
  text-align: center;
}

.sq_flex2 {
  display: flex;
  justify-content: space-evenly;
}

.sq_text {
  position: absolute;
  left: 32px;
  top: 235px;
  display: inline-block;
  width: 148px;
  height: 38px;
  background: rgba(0, 0, 0, 0.42);
  border-radius: 7px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  line-height: 38px;
  text-align: center;
}

.d-mask {
  background: rgba(0, 0, 0, 0.2);
}

.d-title {
  font-size: 18px;
  border: none;
  margin-bottom: -35px;
}

.d-state-focus .d-inner {
  background: #FFFFFF;
  border-radius: 8px;
  border: none;
}

a.d-close {
  transform: scale(0.8);
}

.koi_card_box .left .card_rows .runy {
  font-weight: 500;
  font-size: 15px;

}

.koi_text.koi_gdt {
  overflow-y: auto;
  height: 500px;
}

.koi_text.koi_gdt::-webkit-scrollbar {
  width: 6px
}

.koi_text.koi_gdt::-webkit-scrollbar-thumb {
  background-color: #e8e8e8;
  height: 36px;
  border-radius: 3px
}

.c_FA5151 {
  color: #FA5151;
}

.mgt80 {
  margin-top: 80px;
}

.koi_login_content {
  background: #fff;
  display: flex;
  margin-top: 30px;
  margin-bottom: 30px;
  border-radius: 10px;
}

.koi_login_content .left {
  height: 566px;
  width: 567px;
  background: url(../images/WuHan_Edu_IDcard/left_login.png) no-repeat center;
}

.koi_login_content .right {
  width: 633px;
}

.koi_login_content .right .title {
  color: rgba(0, 0, 0, 1);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
}

.koi_login_content .right .user_tit {
  color: rgba(136, 136, 136, 1);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  margin-left: 135px;
}



.koi_inp {
  border: 1px solid#d4dfef;
  height: 39px;
  width: 370px;
  border-radius: 4px;
  margin-left: 127px;
  padding: 7px 10px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  text-indent: 44px;
}

.koi_inp.name {
  background: #f2f7fe url(../images/WuHan_Edu_IDcard/icon_user_name.png) no-repeat center left 12px;

}

.koi_inp.pwd {
  background: #f2f7fe url(../images/WuHan_Edu_IDcard/icon_user_pwd.png) no-repeat center left 12px;

}

.koi_inp:focus {
  border: 1px solid rgba(29, 129, 223, 1);
  background: #fff url(../images/WuHan_Edu_IDcard/icon_user_name.png) no-repeat center left 12px;
  content: '';
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: rgba(0, 0, 0, 1);
}

.koi_inp.name:focus {
  background: #fff url(../images/WuHan_Edu_IDcard/icon_user_name.png) no-repeat center left 12px;

}

.koi_inp.pwd:focus {
  background: #fff url(../images/WuHan_Edu_IDcard/icon_user_pwd.png) no-repeat center left 12px;

}



.koi_inp:focus::placeholder {
  opacity: 0;
}

.icon_user {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.icon_user.name {
  background: url(../images/WuHan_Edu_IDcard/icon_user_name.png) no-repeat center;

}

.icon_user.pwd {
  background: url(../images/WuHan_Edu_IDcard/icon_user_pwd.png) no-repeat center;
}

.koi_danxuan_box {
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left;
  margin-left: 130px;
  margin-top: 15px;
}

.koi_btn_login_ok {
  background: rgba(0, 133, 255, 1);
  height: 40px;
  width: 154px;
  border-radius: 4px;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  text-align: center;
  color: #fff;

}

.koi_tips_box {
  width: 500px;
  height: 116px;
  background: rgba(244, 248, 251, 1);
  border-radius: 8px;
  padding: 20px 47px 20px 30px;
  box-sizing: border-box;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: rgba(64, 102, 126, 1);
  margin-left: 63px;
  margin-top: 40px;
}

.koi_approved.await {
  background: rgba(255, 238, 229, 1);
  color: rgba(255, 133, 65, 1);

}

.icon_await {
  display: inline-block;
  background: url(../images/WuHan_Edu_IDcard/icon_await.png) no-repeat center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
}

.koi_approved.Lose {
  background: rgba(255, 233, 233, 1);
  color: rgba(250, 81, 81, 1);

}

.icon_Lose {
  display: inline-block;
  background: url(../images/WuHan_Edu_IDcard/icon_Lose.png) no-repeat center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
}

.koi_qr_code_Mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .7);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  left: 0;
  top: 0;
}

.mask {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  z-index: 100
}

.koi_card_box .left .card_rows span.lenth:nth-child(n) {
  letter-spacing: 10px;
}

.koi_card_box .left .card_rows .lenth.pill {
  padding-right: 8px;
  letter-spacing: 0px !important;

}

.koi_venue_services_content {
  padding: 25px;
  border-radius: 12px;
  background: #FFF;
  margin-bottom: 20px;
}

.koi_ven_ser_wrap {
  display: flex;
  align-items: center;
  color: #333;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid #d7e0f1;
  padding-bottom: 20px;
}

.koi_ven_ser_tab {
  display: flex;
  align-items: center;

}

.koi_ven_ser_tab li {
  padding: 6px 12px;
  box-sizing: border-box;
  background: transparent;
  border-radius: 22px;
  cursor: pointer;
  margin-left: 15px;
}

.koi_ven_ser_tab li.active {
  background: #0076ff;
  color: #fff;
}

.koi_ven_ser_list .item {
  display: flex;
  padding: 24px 0;
}

.koi_ven_ser_list .left {
  width: 192px;
  height: 119px;

}

.koi_ven_ser_list .left img {
  border-radius: 10px;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.koi_ven_ser_list .right {
  width: 930px;
  margin-left: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #d7e0f1;

}

.koi_ven_ser_list .right .center {
  color: #555;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding-bottom: 24px;
}

.koi_ven_ser_list .right .center .title {
  color: #0A0A0A;
  font-family: PingFang SC;
  font-size: 22px;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.koi_ven_ser_list .right .center .title .icon_text {
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  margin-left: 10px;
}

.icon_blue2 {
  border-radius: 6px;
  background: #E7F2FF;
  color: #226DFE;
  padding: 4px 8px;
  margin-left: 8px;
}

.icon_green2 {
  border-radius: 6px;
  background: #DDFCEC;
  color: #01B65A;
  padding: 4px 8px;
  margin-left: 8px;

}

.icon_orange2 {
  border-radius: 6px;
  background: rgba(255, 133, 65, 0.10);
  color: #FF8541;
  padding: 4px 8px;
  margin-left: 8px;

}

.c_FA5151 {
  color: #FA5151;
}

.koi_venue_services_crumbs {
  color: #555;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  padding: 13px 0;
}

.koi_venue_services_crumbs .c_b2b2b2 {
  color: #b2b2b2;
}

.icon_rik {
  display: inline-block;
  background: url(../images/WuHan_Edu_IDcard/icon_rik.png) no-repeat center;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.koi_venue_services_content.koi_details {
  padding: 40px 100px;
}

.koi_wrap_titile {
  display: flex;
  align-items: center;
  color: #0A0A0A;
  font-size: 28px;
  font-weight: 600;
  border-bottom: 1px solid #d7e0f1;
  padding-bottom: 24px;
}

.icon_tit1 {
  background: url(../images/WuHan_Edu_IDcard/icon_tit1.png) no-repeat center;
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon_tit2 {
  background: url(../images/WuHan_Edu_IDcard/icon_tit2.png) no-repeat center;
  display: inline-block;
  width: 30px;
  height: 30px;
}

.koi_venue_details .item {
  display: flex;
  align-items: center;
  margin-top: 30px;
}

.koi_venue_details .item .left {
  width: 325px;
  height: 202px;
  border-radius: 12px;
}

.koi_venue_details .item .left .swi_per_banner {
  display: inline-block;
  width: 325px;
  height: 202px;
  border-radius: 12px;
}

.koi_venue_details .item .right {
  margin-left: 30px;
  color: #222;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.koi_venue_details .item .right .title {
  display: flex;
}

.koi_venue_details .item .right .title .tit {
  color: #0A0A0A;
  font-family: PingFang SC;
  font-size: 22px;
  font-weight: 600;
}

.Article_summary {
  color: #222;
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding: 32px 0;
}

.Article_summary p.tex_ind {
  text-indent: 2em;
}

.koi_digitization_content {
  text-align: center;
  background: #fff;
  border-radius: 12px;
  padding: 40px 150px 64px 150px;
}

.koi_digitization_content .title {
  color: #0A0A0A;
  font-family: PingFang SC;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.koi_digitization_content .banner_img {
  margin-top: 35px;
}

.koi_digitization_content .banner_img img {
  display: inline-block;
  height: 160px;
}

.koi_digitization_content .text {
  color: #222;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}

.mgt65 {
  margin-top: 65px;
}

.koi_digitization_content .text.c_0085ff {
  color: #0085ff;
}

.mgt50 {
  margin-top: 50px;
}

.Campus_card_text_box {
  display: flex;
  align-items: center;

}

.Campus_card_text_box .left {
  color: #0085FF;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  width: 95px;
  text-align: left;
}


.Campus_card_text_box .right {
  color: #222;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  margin-left: 10px;
}