/*证书首页*/
.bs-callout-warning {border-left-color: #aa6708;}
.bs-callout {
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
/* ----- Statistics ----- */
.statistics-box {
  display: flex;
  padding: 30px 10px;
  margin-top: -30px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(52, 52, 52, 0.15);
  box-shadow: 0px 0px 30px 0px rgba(52, 52, 52, 0.15);
}
.statistics-box .statistics-item {
  text-align: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 10px 0;
}
.statistics-box .statistics-item .value {
  display: block;
  font-weight: 700;
  line-height: 1em;
  color: #343434;
  font-size: 16px;
  letter-spacing: 0.04em;
  margin: 0 0 12.5px;
}
.statistics-box .statistics-item .title {
  margin: 0;
  font-size: 14px;
  color: #717171;
  line-height: 1em;
}
.statistics-box .statistics-item:not(:last-of-type) {
  border-right: 1px solid #d4d4d4;
}

.font-20 {
    font-size: 26px;
    color: #01A185;
    text-align: center;
}
.font-10 {
    font-size: 26px;
    color: red;
    text-align: center;
}
.mt-3 {margin-top: 30px !important;}

@media (max-width: 768px) {
  .statistics-box {
    flex-direction: column;
  }
  .statistics-box .statistics-item:not(:last-of-type) {
    border: 0;
    margin-bottom: 15px;
    padding-bottom: 15px;
    min-width: 80%;
    border-bottom: 1px solid #d4d4d4;
  }
  .font-20 {
      font-size: 18px;
      color: #01A185;
      text-align: center;
  }
  .font-10 {
      font-size: 18px;
      color: red;
      text-align: center;
  }
  .mt-3 {margin-top: 30px !important;}
}
/*证书样式*/
/*移动端适配开始*/
/*手机端适配  常规尺寸*/
@media (max-width:768px) {
    .container-fluid {margin-right: auto;margin-left: auto;padding-left: 1px;padding-right: 1px;}
    .awecawe span {}
    .pic-11 {position:absolute;top:28.5%;left:8%;width:45px;height:55px}
    .ewm-11 {position:absolute;top:58.5%;left:8%;width:40px;height:40px} 
    .smcx-11 {position:absolute;top:73.5%;left:8%;font-size:0.5em;}
    .uname-11 {position:absolute;top:29%;left:40%;font-size:0.5em;}
    .sex-11 {position:absolute;top:29%;left:77%;font-size:0.5em;}
    .sfzh-11 {position:absolute;top:33.5%;left:40%;font-size:0.5em;}
    .gwmc-11 {position:absolute;top:37.5%;left:41%;font-size:0.5em;}
    .zsbh-11 {position:absolute;top:41.5%;left:41%;font-size:0.5em;}
    .time-11 {position:absolute;top:85%;left:66%;font-size:0.5em;}
}
/*iphone X 适配*/
@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
    .container-fluid {margin-right: auto;margin-left: auto;padding-left: 1px;padding-right: 1px;}
    .awecawe span {}
    .pic-11 {position:absolute;top:28.5%;left:8%;width:40px;height:50px}
    .ewm-11 {position:absolute;top:58.5%;left:8%;width:40px;height:40px} 
    .smcx-11 {position:absolute;top:73.5%;left:8%;font-size:0.5em;}
    .uname-11 {position:absolute;top:28.5%;left:40%;font-size:0.5em;}
    .sex-11 {position:absolute;top:28.5%;left:77%;font-size:0.5em;}
    .sfzh-11 {position:absolute;top:33%;left:40%;font-size:0.5em;}
    .gwmc-11 {position:absolute;top:37%;left:41%;font-size:0.5em;}
    .zsbh-11 {position:absolute;top:41%;left:41%;font-size:0.5em;}
    .time-11 {position:absolute;top:85%;left:66%;font-size:0.5em;}
}
/*iphone 6/7/8 适配*/
@media only screen and (device-width:375px) and (device-height:667px) {
    .container-fluid {margin-right: auto;margin-left: auto;padding-left: 1px;padding-right: 1px;}
    .awecawe span {}
    .pic-11 {position:absolute;top:28.5%;left:8%;width:40px;height:50px}
    .ewm-11 {position:absolute;top:58.5%;left:8%;width:40px;height:40px} 
    .smcx-11 {position:absolute;top:73.5%;left:8%;font-size:0.5em;}
    .uname-11 {position:absolute;top:28.5%;left:40%;font-size:0.5em;}
    .sex-11 {position:absolute;top:28.5%;left:77%;font-size:0.5em;}
    .sfzh-11 {position:absolute;top:33%;left:40%;font-size:0.5em;}
    .gwmc-11 {position:absolute;top:37%;left:41%;font-size:0.5em;}
    .zsbh-11 {position:absolute;top:41%;left:41%;font-size:0.5em;}
    .time-11 {position:absolute;top:85%;left:66%;font-size:0.5em;}   
}
/*iPhone 5/SE适配*/
@media only screen and (device-width:320px) and (device-height:568px) {
    .container-fluid {margin-right: auto;margin-left: auto;padding-left: 1px;padding-right: 1px;}
    .awecawe span {}
    .pic-11 {position:absolute;top:28.5%;left:8%;width:30px;height:40px}
    .ewm-11 {position:absolute;top:58.5%;left:8%;width:30px;height:30px} 
    .smcx-11 {position:absolute;top:72%;left:8%;font-size:0.5em;}
    .uname-11 {position:absolute;top:28%;left:40%;font-size:0.5em;}
    .sex-11 {position:absolute;top:28%;left:77%;font-size:0.5em;}
    .sfzh-11 {position:absolute;top:32.5%;left:40%;font-size:0.5em;}
    .gwmc-11 {position:absolute;top:36.5%;left:41%;font-size:0.5em;}
    .zsbh-11 {position:absolute;top:40.5%;left:41%;font-size:0.5em;}
    .time-11 {position:absolute;top:85%;left:66%;font-size:0.5em;}
}
/*移动端适配结束*/
@media (min-width: 1200px) {
  /*pc*/
  .awecawe span {}
  .tbzs-11 {position:absolute;top:6%;left:15%;width:86%;text-indent:2em;text-align:left;line-height:2em;font-weight: 600;letter-spacing: 1px;font-size: 2.2em;}
  .tbzsx-11 {position:absolute;top:17%;left:18%;width:86%;text-indent:2em;text-align:left;line-height:2em;font-weight: 600;letter-spacing: 1px;font-size: 1.2em;}
  .hjzs-11 {position:absolute;top:12%;left:38%;letter-spacing: 5px; font-size:2.6em;color: #9C1F24;font-weight: bold;}
  .hjzs-12 {position:absolute;top:17%;left:35%;font-size:1.2em;}
  .pic-11 {position:absolute;top:22%;left:43%;} 
  .top-11 {position:absolute;top:28%;left:24.3%;font-size:1.2em;} 
  .top-12 {position:absolute;top:12%;left:28%;} 
  .top-13 {position:absolute;top:18%;left:19%;} 
  .top-14 {position:absolute;top:31%;left:24.5%;font-size:0.9em;} 
  .zz-11 {position:absolute;top:39%;left:41%;font-size:2.2em;letter-spacing: 5px;font-weight: bold;}
  .ewm-11 {position:absolute;top:36%;left:65%;} 
  .smcx-11 {position:absolute;top:45%;left:65.5%;font-size:0.8em;}
  .uname-11 {position:absolute;top:46%;left:22%;font-size:1.2em;}
  .zsbh-11 {position:absolute;top:50%;left:22%;font-size:1.2em;}
  .edu-11 {position:absolute;top:54%;left:22%;font-size:1.2em;}
  .team-11 {position:absolute;top:58%;left:22%;font-size:1.2em;}
  .member-11 {position:absolute;top:62%;left:22%;font-size:1.2em;}
  .teacher-11 {position:absolute;top:66%;left:22%;font-size:1.2em;}
  .zddw-n {position:absolute;top:70%;left:22%;font-size:0.9em;}
  .zddw-x {position:absolute;top:80%;left:44%;font-size:1.0em;}
  .zddw-x1 {position:absolute;top:83%;left:28%;font-size:1.0em;}
  .zddw-x2 {position:absolute;top:86%;left:41%;font-size:1.0em;}
  .zddw-11 {position:absolute;top:73%;left:25%;font-size:1.0em;}
  .zddw-12 {position:absolute;top:77%;left:18%;font-size:1.0em;}
  .zddw-13 {position:absolute;top:81%;left:18%;font-size:1.0em;}
  .zbdw-11 {position:absolute;top:73%;left:64%;font-size:1.0em;}
  .zbdw-12 {position:absolute;top:77%;left:58%;font-size:1.0em;}
  .zbdw-13 {position:absolute;top:81%;left:58%;font-size:1.0em;letter-spacing:2px;}
  .stime-11 {position:absolute;top:85%;left:63.5%;font-size:1.0em;}
  .font-20{font-size: 26px;color: #01A185;text-align: center;}
  .font-10{font-size: 26px;color: red;text-align: center;}

  .container-fluid {
      margin-right: auto;
      margin-left: auto;
       padding-left: 0px; 
       padding-right: 0px; 
  }
  .cert_detail_btn{text-align: center;}
  .cert_detail_btn>a{
      display: inline-block;
      width:309px;
      /*height:166px;*/
      line-height:38px;
      text-align: center;
      /*margin:0 19px;*/
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      border:0px solid;
  }

  /*pc end*/
}
/*pc端开始*/
@media (min-width: 980px){
  .awecawe span {}
  .pic-11 {position:absolute;top:28.5%;left:8%;} 
  .smcx-11 {position:absolute;top:74%;left:8%;font-size:0.8em;}
  .ewm-11 {position:absolute;top:60%;left:8%;} 
  .uname-11 {position:absolute;top:29%;left:40%;font-size:0.9em;}
  .sex-11 {position:absolute;top:29%;left:77%;font-size:0.9em;}
  .sfzh-11 {position:absolute;top:33.5%;left:40%;font-size:0.9em;}
  .gwmc-11 {position:absolute;top:37.5%;left:41%;font-size:0.9em;}
  .zsbh-11 {position:absolute;top:41.5%;left:41%;font-size:0.9em;}
  .time-11 {position:absolute;top:85%;left:70%;font-size:0.9em;}
  .tbzsx-11 {position:absolute;top:17%;left:18%;width:86%;text-indent:2em;text-align:left;line-height:2em;font-weight: 600;letter-spacing: 1px;font-size: 1.2em;}
  .font-20{font-size: 26px;color: #01A185;text-align: center;}

  .container-fluid {
      margin-right: auto;
      margin-left: auto;
       padding-left: 0px; 
       padding-right: 0px; 
  }
  .cert_detail_btn{text-align: center;}
  .cert_detail_btn>a{
      display: inline-block;
      width:309px;
      /*height:166px;*/
      line-height:38px;
      text-align: center;
      /*margin:0 19px;*/
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      border:0px solid;
  }
  /*pc end*/
}