@charset "utf-8";
.mymyimg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.mymyimg img {
  width: 45% !important;
}
.detail {
  padding-top: 216px;
  padding-bottom: 67px;
}
.detail .top {
  width: 100%;
  height: 74px;
  /*background: #1f6e78;*/
  position: relative;
}
.detail .top::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 1px;
  left: 0;
  bottom: 0;
  /*background: #ccc;*/
}
.detail .top .container {
  position: relative;
  height: 100%;
  font-size: 14px;
  color: #000000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.detail .top .container::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background: #ccc;
}
.detail .info .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.detail .info .container .lt {
  width: 100%;
}
.detail .info .container .lt .tit {
  border-bottom: 1px solid #d0d7e1;
  padding-bottom: 20px;
}
.detail .info .container .lt .tit .mytit {
  font-size: 28px;
  /*font-weight: 700;*/
  text-align: center;
  color: #333;
  line-height: 44px;
  padding: 20px 0 20px;
}
.detail .info .container .lt .tit .date {
  font-size: 14px;
  font-weight: 400;
  color: #999;
}
.detail .info .container .lt .nr {
  padding-top: 30px;
}
.detail .info .container .lt .nr .nrinfo {
  font-size: 16px;
  font-weight: 400;
  color: #333;
  line-height: 28px;
}
.detail .info .container .lt .nr .nrinfo img {
  width: 80%;
  margin: 20px auto;
  display: block;
}
.detail .info .container .lt .nr .nrinfo .tpimg {
  display: block;
  width: 620px;
  height: auto;
  margin: 20px auto;
}
.detail .info .container .lt .nr .nrinfo video {
  width: 90%;
  height: auto;
  margin: 20px auto;
  display: block;
}
.detail .info .container .lt .nr .bj {
  padding-top: 40px;
  text-align: right;
}
@media screen and (max-width: 800px) {
  .mymyimg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .mymyimg img {
    width: 90% !important;
  }
  .detail {
    padding: 0;
  }
  .detail .info .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    padding: 0 0.5333333333rem;
  }
  .detail .info .container .lt {
    width: 100%;
  }
  .detail .info .container .lt .tit {
    border-bottom: 1px solid #d0d7e1;
    padding-bottom: 0.2666666667rem;
  }
  .detail .info .container .lt .tit .mytit {
    font-size: 0.5333333333rem;
    font-weight: 700;
    color: #333;
    line-height: 0.8rem;
    padding: 0.6266666667rem 0 0.5333333333rem;
  }
  .detail .info .container .lt .tit .date {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.32rem;
    font-weight: 400;
    color: #999;
  }
  .detail .info .container .lt .tit .date .bj {
    margin-left: 1.3333333333rem;
  }
  .detail .info .container .lt .nr {
    padding-top: 0.4rem;
  }
  .detail .info .container .lt .nr .nrinfo {
    font-size: 0.3733333333rem;
    font-weight: 400;
    color: #333;
    line-height: 0.56rem;
    padding-bottom: 1.3333333333rem;
  }
  .detail .info .container .lt .nr .nrinfo .tpimg {
    display: block;
    width: 90%;
    margin: 0.6666666667rem auto;
  }
  .detail .info .container .lt .nr .nrinfo video {
    width: 90%;
    height: auto;
    margin: 0.6666666667rem auto;
    display: block;
  }
}