certificate-admin/ruoyi-ui/src/views/certInquire/index.vue

<template>
    <div class="main">
        <div>
            <router-view></router-view>
        </div>
    </div>
</template>
<script>
</script>
<style lang="scss">
.main {
  text-align: left;
  height: 100%;
  width: 100%;
  // margin: 100px auto;
  // width: 500px;
  // position: absolute;
  // left: 50%;
  // top: 50%;
  // transform: translate(-50%, -50%);
}
.main-content{
  width: 500px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.img-box {
  width: 360px;
  height: 80px;
//   background-color: brown;
  text-align: center;
  img{
    height: 100%;
    transform: scale(1.5);
  }
}
.main-title {
  width: 360px;
  text-align: center;
}
.label-box {
  display: flex;
  align-items: center;
  margin: 10px 0;
}
.label-title {
  width: 150px;
  line-height: 22px;
  flex: 0 0 auto;
  text-align: center;
}
.label-input {
  line-height: 30px;
  width: 210px;
  border: 1px solid #50ac55;
  padding-left: 10px;
  box-sizing: border-box;
  height: 45px;
  line-height: 45px;
}
.label-must {
  color: red;
}
.btn-box {
  text-align: right;
}
.btn-box button {
  width: 140px;
  height: 40px;
  margin: 10px;
}
.btn-reset {
  background-color: #f1f2f3;
  border: none;
}
.btn-search {
  background-color: rgb(176,11,17);
  color: white;
    border: none;
}
.captcha-img {
  width: 120px;
  background: antiquewhite;
  margin: auto;
  height: 50px;
}
.activeSpan{
    color: #50ac55;
}

.zs-title-img{
  display: block;
    margin: auto;
    height: 75px;
    transform: scale(1.7);
}


::v-deep .el-dialog__body {
  padding: 0px;
  display: flex;
  justify-content: center;
}
#pdfDom {
  /* 要想pdf周边留白，要在这里设置 */
  /* padding: 20px; */
  width: 750px;
  margin: auto;
}
.proBox {
  /* background: url("../assets/Appointment_page-0001.jpg") no-repeat; */
  background-size: cover;
  width: 750px;
  height: 525px;
  /* padding: 90px 94px; */
  padding: 40px 60px;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
  color: #000;
  font-family: 楷体;
  font-size: 16px;
}
.tit {
  color: #000;
  /* color: #892f27; */
  /* font-size: 36px; */
  font-size: 22px;
  font-weight: 700;
  position: relative;
  top: -6px;
  left: 8px;
  letter-spacing: 2px;
  font-family: STHeiti;
  margin: 10px 0;
  text-align: center;
}
.proid {
  text-align: right;
  margin: 0;
  font-weight: 500;
  /* margin-right: 5px; */
}
.con {
  font-size: 20px;
  /* font-weight: 700; */
  text-align: left;
  margin: 10px 0;
  line-height: 32px;
  text-indent: 2em;
  position: absolute;
    /* top: 129px; */
    bottom: 265px;
}
.con-name {
  font-family:黑体 ;
  margin-right: 10px;
  font-size: 24px;
}
.con-unit {
  font-size: 20px;
  font-weight: 700;
  position: absolute;
  right: 45px;
  bottom: 100px;
  z-index: 10;
  text-align: center;
  /* letter-spacing: 2px; */
}
.con-unit p {
  margin: 5px 0;
}
.con-footer {
  position: absolute;
  right: 0;
  right: 45px;
  bottom: 65px;
  font-size: 10px;
  z-index: 10;
}
.con-footer p{
  margin: 0;
}
.chapter {
  border-radius: 50%;
  position: absolute;
  bottom: 45px;
  right: 40px;
}
.cert-msg{
  font-size: 20px;
  font-size: 15px;
  position: absolute;
  bottom: 50px;
  left: 90px;
}
.foot-term{
  position: absolute;
  bottom: 124px;
  left: 175px;
}
.foot-cert{
  position: absolute;
  bottom: 94px;
  left: 175px;
}
.foot-date{
  position: absolute;
  bottom: 64px;
  left: 175px;
}
</style>