* {
  box-sizing: border-box;
}

body {
  background: #f8f8f8;
}

/* 整体 */

.index_html {
  width: 100%;
  padding: 0 0 2rem 0;
  position: relative;
}
.top-content {
  position: absolute;
  top: 0.97rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.top-content > img {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  vertical-align: middle;
}
.top-content > span {
  font-size: 0.42rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #fffefe;
  margin-bottom: 0.4rem;
  vertical-align: middle;
  margin-left: 0.2rem;
}
.top-content > p {
  font-size: 0.58rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #fffefe;
  margin-top: 0.41rem;
}
/* 江苏省人民检查图片 */

.poto {
  width: 100%;
  height: 4.16rem;
}

.poto > img {
  width: 100%;
  height: 4.16rem;
}

/* 救助申请 */

a {
  text-decoration: none;
}

.application {
  position: relative;
}

.relief {
  width: 6.2rem;
  height: 2rem;
  background: #fff;
  /* border: 0.01rem solid hotpink; */
  border-radius: 0.2rem;
  box-shadow: 0 5px 5px #eaeaea;
  margin: -0.7rem auto -2rem auto;
}

/* 图片 */

.picture {
  width: 1.3rem;
  height: 1.3rem;
  /* border: 0.01rem solid sienna; */
}

.picture > img {
  width: 100%;
  height: 1.3rem;
  margin: 0.37rem 0 0 0.43rem;
}

/* 字 */

.c {
  position: relative;
}

.under {
  position: absolute;
  left: 2.2rem;
  bottom: 1rem;
  font-size: 0.38rem;
  font-weight: bold;
}

.under-box {
  width: 3.17rem;
  height: 0.54rem;
  position: relative;
  font-size: 0.2rem;
  color: #999999;
  left: 2.2rem;
  top: -0.3rem;
  line-height: 0.34rem;
}

/* 救助新闻 */

.singer {
  display: flex;
}

.actor {
  width: 3rem;
  height: 2.6rem;
  background: #fff;
  /* border: 1px solid red; */
  box-shadow: 0.1rem 0.2rem 0.2rem #eaeaea;
  border-radius: 0.2rem;
  margin: 2.3rem 0 0 0.5rem;
}

.actor1 {
  width: 3rem;
  height: 2.6rem;
  background: #fff;
  /* border: 1px solid red; */
  box-shadow: 0.1rem 0.2rem 0.2rem #eaeaea;
  border-radius: 0.2rem;
  margin: 0.5rem 0 0 0.5rem;
}

/* 图片 */

.actor > img {
  width: 1.3rem;
  height: 1.3rem;
  margin: 0.36rem 0 0 0.85rem;
}

.actor1 > img {
  width: 1.3rem;
  height: 1.3rem;
  margin: 0.36rem 0 0 0.85rem;
}

.cleaner {
  margin: 0.3rem 0 0 0.9rem;
  font-weight: bold;
}

/* 尾部 */

.tail {
  width: 100%;
  height: 0.9rem;
  background: #fff;
  border-top: 0.01rem solid #e8e8e8;
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: space-between;
}

/* 首页 */

.page {
  width: 1.5rem;
  height: 0.4rem;
  /* border: 0.01rem solid rebeccapurple; */
  margin: 0.28rem 0 0 1.24rem;
}

.page > img {
  width: 0.33rem;
  height: 0.33rem;
}

/* 我的 */

.my {
  width: 1.5rem;
  height: 0.4rem;
  /* border: 0.01rem solid greenyellow; */
  margin: 0.28rem 1.35rem 0 0;
}

.my > img {
  width: 0.33rem;
  height: 0.33rem;
}

.butter {
  font-size: 0.28rem;
  text-align: center;
  margin: -0.42rem 0 0 0.3rem;
  color: #1292ff;
}

.butter1 {
  font-size: 0.28rem;
  text-align: center;
  margin: -0.42rem 0 0 0.3rem;
}

/* 竖杠 */

.bar {
  width: 1px;
  height: 0.38rem;
  border-left: 0.01rem solid #d2d2d2;
  margin: 0.26rem auto;
}

/* 申请页面 */

* {
  margin: 0;
  padding: 0;
}

/* 申请页面 */

/* 整体 */

.whole {
  width: 7.5rem;
  /* border: 0.01rem solid hotpink; */
}

/* 头部 */

.header {
  width: 6rem;
  height: 0.5rem;
  /* border: 0.01rem solid navajowhite; */
  margin: 0.4rem auto 0 auto;
  display: flex;
  justify-content: space-between;
}

/* 1 */

.two.active {
  width: 0.4rem;
  /* height: 0.4rem; */
  background: #1795ff;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  margin: 0.1rem 0 0 0;
}

.two.active1 {
  width: 0.4rem;
  background: #1795ff;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  margin: 0.1rem 0 0 0;
}

.two {
  width: 0.4rem;
  font-size: 0.3rem;
  height: 0.4rem;
  background: #d8d8d8;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  margin: 0.1rem 0 0 0;
  line-height: 0.4rem;
}

img {
  width: 0.5rem;
  height: 0.5rem;
}

/* 头部下面的字 */

.header-text {
  width: 6.8rem;
  height: 0.23rem;
  /* border: 0.01rem solid black; */
  margin: 0.1rem auto 0 auto;
  display: flex;
  justify-content: space-between;
}

.funster {
  font-size: 0.24rem;
  color: #c9c9c9;
  margin: 0 0.2rem 0 0;
}

.funster.active {
  color: #1795ff;
}

.funster.active1 {
  color: #1795ff;
}

.content {
  display: none;
}

/* 完善信息页面tab */

#content3 {
  display: flex;
  flex-direction: column;
}

.Improve {
  width: 6.9rem;
  height: 0.55rem;
  background: #f2faff;
  margin: 0.24rem auto 0 auto;
  color: #adadad;
  font-size: 0.24rem;
  text-align: center;
  line-height: 0.55rem;
}

.information {
  width: 100%;
  height: 0.8rem;
  background: #f8f9fa;
  font-size: 0.32rem;
  font-weight: bold;
  margin: 0.16rem auto 0 auto;
  line-height: 0.8rem;
}

/* 被害人姓名 */

.harm {
  width: 6.9rem;
  height: 0.8rem;
  border-bottom: 0.01rem solid #eeeeee;
  margin: 0.3rem auto 0 auto;
  display: flex;
  position: relative;
}

.harm-users {
  width: 6.9rem;
  height: 0.8rem;
  border-bottom: 0.01rem solid #eeeeee;
  margin: 0.3rem auto 0 auto;
  display: flex;
  flex-direction: column;
  position: relative;
}

.victimization-users {
  color: #333333;
  font-size: 0.28rem;
  margin: -0.6rem 0 0 0.1rem;
}

.harm .psssouter-text {
  flex: 1;
  margin-left: 0.1rem;
}

.names-users {
  color: #ff2226;
  font-size: 0.28rem;
  /* margin: 0.05rem 0 0 0; */
  position: relative;
  top: -0.17rem;
  left: -0.01rem;
}

.names {
  color: #ff2226;
  font-size: 0.28rem;
  margin: 0.15rem 0 0 0;
}

.namesiegg {
  color: #ff2226;
  font-size: 0.28rem;
  margin: 0.15rem 0 0 -0.03rem;
}

.names-xinhao {
  color: #ff2226;
  font-size: 0.28rem;
  margin: 0.06rem 0 0 0;
}

.nan-reds {
  position: relative;
}

.reds-nam {
  position: absolute;
  color: #ff2226;
  left: 0.2rem;
  top: 0.2rem;
}

.victimization {
  color: #333333;
  font-size: 0.28rem;
  margin: 0.1rem 0 0 0;
}

.victim {
  color: #333333;
  font-size: 0.28rem;
  margin: 0.1rem 0 0 -0.1rem;
}

.victimizations-s {
  color: #333333;
  font-size: 0.28rem;
  margin: 0.1rem 0 0 0.2rem;
}

.victimization-dleont {
  color: #333333;
  font-size: 0.28rem;
  margin: 0.1rem 0 0 0.2rem;
}

.victimizationsing {
  color: #333333;
  font-size: 0.28rem;
  margin: 0.1rem 0 0 -0.15rem;
}

.victimization-button {
  width: 5rem;
  color: #333333;
  font-size: 0.28rem;
  margin: 0.05rem 0 0 0;
}

.harm-sing {
  width: 6.9rem;
  height: 0.8rem;
  border-bottom: 0.01rem solid #eeeeee;
  margin: 0.56rem auto 0 auto;
  display: flex;
  flex-direction: column;
}

.victimization-sing {
  color: #333333;
  font-size: 0.28rem;
  margin: -0.2rem 0 0 0.2rem;
}

.victimization-singtuue {
  color: #333333;
  font-size: 0.28rem;
  margin: 0.15rem 0 0 0.1rem;
}

.native > input {
  /* width: 2rem; */
  height: 0.5rem;
  outline: none;
  border: none;
  margin: 0.05rem 0 0 0.1rem;
  font-size: 0.3rem;
}

.natives-s > input {
  /* width: 2rem; */
  height: 0.5rem;
  outline: none;
  border: none;
  margin: 0.05rem 0 0 0.22rem;
  font-size: 0.3rem;
}

/* 性别 */

.native-man {
  position: relative;
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

.native-man div {
  display: inline-block;
}

.httent-flex {
  position: absolute;
  left: 3.3rem;
}

.httent-flex1 {
  position: absolute;
  left: 1.6rem;
}

.httent-flex2 {
  position: absolute;
  left: 2.7rem;
}

.httent-flex3 {
  position: absolute;
  left: 0.8rem;
}

.httent-flex4 {
  position: absolute;
  left: 1.7rem;
}

.httent-flex5 {
  position: absolute;
  left: 1.9rem;
}

/* 籍贯 */

.harm-box {
  width: 6.9rem;
  height: 0.8rem;
  border-bottom: 0.01rem solid #eeeeee;
  margin: 0.3rem 0 0 0.35rem;
  display: flex;
}

.gender {
  width: 4rem;
  height: 0.6rem;
  position: relative;
  left: -0.9rem;
  top: 0.05rem;
  font-size: 0.28rem;
}

.gender-padding {
  /* width: 4rem;
    height: 0.6rem;
    position: relative;
    left: 0.2rem;
    top: 0.05rem;
    font-size: 0.28rem; */
}

.gender-border {
  width: 4rem;
  height: 0.6rem;
  position: relative;
  left: 0.2rem;
  top: 0.13rem;
  font-size: 0.28rem;
}

.gender-seit {
  width: 4rem;
  height: 0.6rem;
  position: relative;
  left: 0.2rem;
  top: 0.12rem;
  font-size: 0.26rem;
}

.gender-han {
  width: 4rem;
  height: 0.6rem;
  position: relative;
  left: 0.2rem;
  top: 0.12rem;
  font-size: 0.28rem;
}

.gender-push {
  width: 4rem;
  height: 0.6rem;
  position: relative;
  left: 0.2rem;
  flex: 1;
  /* padding-right: 3rem; */
  /* text-align: right; */
  font-size: 0.28rem;
  margin: 0.15rem 0 0 0;
}

.gender-box {
  position: absolute;
  color: #000000;
  left: 6.7rem;
  outline: none;
  border: none;
  margin: 0.1rem 0 0 0;
}

.gender-box1 {
  position: absolute;
  color: #000000;
  left: 6.7rem;
  outline: none;
  border: none;
  margin: 0.1rem 0 0 0;
  z-index: 99;
}

.gender-untter {
  position: relative;
  left: 5.2rem;
  color: #b1b1b1;
}

.gender-boxs {
  position: absolute;
  left: 6.7rem;
  outline: none;
  border: none;
  right: 0;
}

.gender-boxss {
  position: absolute;
  color: #000000;
  left: 6.7rem;
  margin: 0.1rem 0 0 0;
  outline: none;
  border: none;
}

.gendersting {
  margin: 0.1rem 0.3rem 0 0;
}

.gender-boxing {
  position: absolute;
  left: 6.6rem;
  outline: none;
  border: none;
  margin: 0.1rem 0 0 0;
}

.gender-boxings {
  position: absolute;
  color: #000000;
  left: 6.7rem;
  outline: none;
  border: none;
}

.information-if {
  width: 100%;
  height: 0.8rem;
  background: #f8f9fa;
  font-size: 0.32rem;
  font-weight: bold;
  margin: 0.3rem auto 0 auto;
  line-height: 0.8rem;
}

.information-ifs {
  width: 100%;
  height: 0.8rem;
  background: #f8f9fa;
  font-size: 0.32rem;
  font-weight: bold;
  margin: 0.3rem auto 0 auto;
  line-height: 0.8rem;
}

.harm-ths {
  display: flex;
  margin: 0.21rem 0 0 0.35rem;
}

.egg {
  font-size: 0.24rem;
  color: #999999;
  margin: 0.12rem 0 0 0.2rem;
}

.instil-text {
  position: absolute;
  left: 0.1rem;
  top: 0.5rem;
  font-size: 0.22rem;
  color: #999999;
}

.egg-egg {
  font-size: 0.24rem;
  color: #999999;
  margin: 0.12rem 0 0 0.2rem;
  font-size: 0.22rem;
}

.uint-input {
  width: 6.9rem;
  /* border: 0.01rem solid #eeeeee; */
  margin: 0 auto;
}

.facct {
  width: 6.9rem;
  height: 2.38rem;
  /* border: none; */
  outline: none;
  color: #000000;
  padding: 0.2rem 0.2rem;
  font-size: 0.3rem;
  margin: 0.2rem 0 0 0;
}

.facct1 {
  width: 6.9rem;
  height: 1.38rem;
  /* border: none; */
  outline: none;
  color: #000000;
  padding: 0.2rem 0.2rem;
  font-size: 0.3rem;
  margin: 0.1rem 0 0 0;
}

textarea::-webkit-input-placeholder {
  /* color: #666; */
  font-size: 0.24rem;
}

.victimization-index {
  width: 92%;
  /* margin: 0.69rem 0 0 0.27rem; */
  display: flex;
  flex-direction: column;
  border-bottom: 0.01rem solid #eeeeee;
  padding-bottom: 0.3rem;
  margin: 0.28rem;
}

.birth {
  width: 6rem;
  /* border: 0.01rem solid rebeccapurple;  */
  margin: 0.4rem 0 0.1rem 0;
}

.birth-box {
  height: 0.6rem;
  background: #ffffff;
  border: 1px solid #1795ff;
  border-radius: 0.3rem;
  color: #000000;
  text-align: center;
  line-height: 0.6rem;
  font-size: 0.28rem;
  padding: 0 0.15rem;
  display: inline-block;
  margin: 0.1rem 0;
}

.seattune {
  background: rgba(23, 149, 255, 1) !important;
  color: rgba(255, 255, 255, 1) !important;
}

.harm-senter {
  width: 6.9rem;
  height: 0.8rem;
  margin: 0.56rem auto 0 auto;
  display: flex;
}

.dist-box {
  display: flex;
  align-items: center;
}

.fttnuser {
  display: flex;
  flex-direction: column;
}

.fttnuser > input {
  outline: none;
  border: none;
  margin: 0.41rem 0 0 0.15rem;
}

.instoll {
  width: 6.9rem;
  height: 1px;
  border-bottom: 0.01rem solid #eeeeee;
  margin: 0.2rem auto 0 auto;
}

.rgb-usre {
  margin: 0 0 0.5rem 0;
}

/* 手机号码 */

.psssouter-text > input {
  width: 100%;
  outline: none;
  border: none;
  margin: 0.15rem 0 0 0;
}

.victimization-li {
  width: 1.63rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  color: #b5b5b6;
  font-size: 0.22rem;
  border: 1px solid #e3e3e3;
  text-align: center;
  line-height: 0.5rem;
  margin: 0.5rem 0 0.1rem 1.5rem;
}

.flexs {
  display: flex;
}

.flexs > input {
  outline: none;
  margin: 0.5rem 0 0 0.5rem;
  border: none;
}

.instoll-s {
  width: 6.9rem;
  height: 1px;
  border-bottom: 0.01rem solid #eeeeee;
  margin: 0.2rem auto 0 auto;
}

/* 主体 */

.subject {
  width: 6.9rem;
  height: 4.97rem;
  background: #fafbfc;
  border: 0.01rem solid #d1d6e3;
  margin: 0.34rem auto 0.46rem auto;
  border-radius: 0.1rem;
  position: relative;
}

.zmz {
  width: 6.9rem;
  height: 4.97rem;
  position: absolute;
  display: none;
  top: 0;
  left: 0;
}

.zmz1 {
  width: 1.6rem;
  height: 1.61rem;
  position: absolute;
  display: none;
  top: 0;
  left: 0;
}

/* 身份证图片 */

.card {
  width: 4.45rem;
  height: 3.06rem;
  /* border: 0.01rem solid darkblue; */
  margin: 0.6rem auto 0 auto;
}

.card img {
  width: 150%;
  height: 4rem;
  margin: -0.5rem 0 0 -1.1rem;
}

/* 上传 */

.upload {
  width: 100%;
  height: 0.7rem;
  border-top: 0.01rem solid #d1d6e3;
  margin: 0.6rem 0 0 0;
}

.inputfile {
  width: 0;
  height: 0;
  opacity: 0;
  display: none;
}

.deom {
  text-align: center;
  color: #445c95;
  font-size: 0.3rem;
  line-height: 0.7rem;
}

/* 尾部 */

.layout {
  width: 6.62rem;
  height: 2.89rem;
  /* border: 0.01rem solid darkgoldenrod; */
  margin: 0 auto 0.9rem auto;
}

.layout > img {
  width: 6.62rem;
  height: 2.89rem;
}

/* 底部 */

.instdou {
  width: 6.4rem;
  height: 0.9rem;
  background-color: #1795ff;
  border-radius: 0.45rem;
  margin: 0.5rem auto 0.5rem auto;
  color: #fff;
  text-align: center;
  line-height: 0.9rem;
}

/* 新闻页面 */

/* 整体 */

body {
  background-color: #fff;
}

.jounder {
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  /* border: 0.01rem solid fuchsia; */
  background: #f8f8f8;
}

/* 头部轮播图 */

.swiper-container {
  width: 6.9rem;
  height: 3.83rem;
  /* border: 0.01rem solid red; */
  margin: 0.1rem auto 0.34rem auto;
  border-radius: 0.1rem;
  position: relative;
  background: #fff;
}

.swiper-wrapper {
  width: 6.9rem;
  height: 3.83rem;
}

.swiper-slide img {
  width: 100%;
  height: 3.83rem;
  position: absolute;
  top: 0px;
  left: 0px;
}

/* 主体 */

.beobot {
  width: 6rem;
  height: 1.41rem;
  /* border: 0.01rem solid rebeccapurple; */
  margin: 0 auto 0.24rem auto;
  display: flex;
  justify-content: space-between;
}

.beobot > img {
  width: 1.4rem;
  height: 1.41rem;
}

/* 图片下面的字 */

.username {
  width: 5.5rem;
  height: 0.24rem;
  /* border: 0.01rem solid rebeccapurple; */
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.dist-text {
  font-size: 0.24rem;
  color: #333333;
}

/* 线 */

.line {
  width: 100%;
  height: 0.2rem;
  background: #f8f8f8;
  margin: 0.34rem 0 0 0;
}

/* 救助新闻 */

.help {
  width: 100%;
  height: 0.8rem;
  display: flex;
  background: #fff;
  margin: -0.5rem auto 0.3rem auto;
}

.char > img {
  width: 0.4rem;
  height: 0.4rem;
  margin: 0.2rem 0 0 0.5rem;
}

.fonder {
  height: 0.34rem;
  font-size: 0.34rem;
  font-weight: bold;
  margin: 0.18rem 0 0 0.2rem;
}

.select {
  color: #999999;
  font-size: 0.2rem;
}

/* 尾部 */

.over {
  display: flex;
  flex: 1;
  flex-direction: column;
  background: #f8f8f8;
}

.bunted {
  width: 6.9rem;
  height: 2rem;
  background: #fff;
  margin: 0.34rem auto 0 auto;
  border-radius: 0.1rem;
  position: relative;
}

/* 图 */

.xpo {
  width: 1.5rem;
  height: 1.5rem;
  /* border: 0.01rem solid darkcyan; */
  margin: 0.25rem 0 0 0.29rem;
  position: absolute;
}

.xpo > img {
  width: 1.5rem;
  height: 1.5rem;
}

/* 字 */

.ren-box {
  width: 4.58rem;
  height: 0.74rem;
  position: relative;
}

.ren {
  position: relative;
  left: 2.2rem;
  top: 0.42rem;
}

/* 时间 */

.time {
  width: 1.25rem;
  height: 0.18rem;
  position: relative;
}

.time-time {
  position: relative;
  left: 2.2rem;
  top: 0.8rem;
  color: #999999;
  font-size: 0.22rem;
}

/* 底部 */

.some {
  width: 100%;
  height: 0.8rem;
  background: #cccccc;
  color: #666666;
  text-align: center;
  line-height: 0.8rem;
  font-size: 0.2rem;
  /* position: fixed; */
  /* bottom: 0; */
  display: none;
  margin: 0.3rem 0 0 0;
}

/* 救助新闻页面2 */

.indis {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  /* border: 0.01rem solid darkcyan; */
  background: #f8f8f8;
}

/* 头部 */

.untit {
  width: 6.9rem;
  height: 2rem;
  /* border: 0.01rem solid red; */
  background: #fff;
  border-radius: 0.1rem;
  margin: 0 auto 0.28rem auto;
  display: flex;
}

/* 图片 */

.scent > img {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.05rem;
  margin: 0.25rem 0 0 0.29rem;
}

/* 字 */

.arundio {
  padding: 0.3rem 0.1rem 0 0.3rem;
}
.arundio p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* 时间 */

.setout {
  color: #999999;
  font-size: 0.22rem;
  margin: 0.2rem 0 0 0;
}

/* 救助公示页面 */

/* 整体 */

body {
  background-color: #fff;
}

.center-obg {
  width: 100%;
  min-height: 100vh;
  /* border: 0.01rem solid deeppink;/ */
  display: flex;
  flex-direction: column;
}

/* 头部图片加输入框 */

.frame > img {
  width: 100%;
  height: 2.41rem;
  position: relative;
}

.install {
  position: relative;
}

.frame-box {
  width: 6.9rem;
  height: 0.6rem;
  background: #fff;
  border-radius: 0.3rem;
  margin: -0.8rem auto;
  display: flex;
}

.frame-box > img {
  width: 0.4rem;
  height: 0.4rem;
  margin: 0.1rem 0 0 0.27rem;
}

.input {
  width: 5rem;
  background: none;
  outline: none;
  border: none;
  margin: 0 0 0 0.27rem;
}

/* 主体 */

.ehear {
  width: 6.9rem;
  height: 0.77rem;
  border-radius: 0.1rem 0.1rem 0 0;
  background-color: #1795ff;
  margin: 1.3rem auto 2rem auto;
}

.xinetst {
  margin: 0.2rem 0 0 0.25rem;
  color: #fff;
  font-size: 0.32rem;
}

.number {
  width: 6.9rem;
  height: 3.08rem;
  background: #f8f8f8;
  border: 0.01rem solid #e3e3e3;
  border-radius: 0 0 0.1rem 0.1rem;
  margin: 0.15rem auto 0 auto;
  display: flex;
}

.weach > ul > li {
  font-size: 0.26rem;
  color: #333333;
  margin: 0.2rem 0 0 0.34rem;
}

.sitter-line {
  width: 1px;
  height: 2.5rem;
  border-left: 0.01rem solid #e6e6e6;
  margin: 0.29rem 0 0 0.28rem;
}

.weach-box > ul > li {
  height: 0.35rem;
  font-size: 0.26rem;
  color: #666666;
  margin: 0.2rem 0 0 0.34rem;
}

/* 文章详情页面 */

.details {
  width: 100%;
  min-height: 100vh;
  /*border: 0.01rem solid plum;*/
  display: flex;
  flex-direction: column;
}

/* 头部 */

.article {
  width: 6.68rem;
  height: 1.2rem;
  margin: 0.38rem auto 0 auto;
  font-size: 0.38rem;
  color: #101010;
  line-height: 0.64rem;
}

/* 时间 */

.out-time {
  font-size: 0.26rem;
  color: #999999;
  margin: 0.29rem 0 0 0.43rem;
}

/* 线 */

.gloves {
  width: 6.9rem;
  height: 1px;
  background: #eeeeee;
  margin: 0.3rem auto 0 auto;
}

/* 主体 */

.followed {
  width: 6.64rem;
  height: 3.74rem;
  margin: 0.39rem auto 0 auto;
}

.followed > img {
  width: 6.64rem;
  height: 3.74rem;
}

/* 文章 */

.critical {
  width: 6.72rem;
  margin: 0.35rem auto 0 auto;
  font-size: 0.36rem;
  color: #1a1a1a;
  line-height: 0.64rem;
}

/* 救助申请开始申请 */

/* 整体 */

.thing {
  width: 100%;
  min-height: 100vh;
  background: #1795ff;
  position: absolute;
}

/* 整体内部 */

.hidden {
  width: 6.9rem;
  /* height: 13.73rem; */
  background: #fff;
  border-radius: 0.2rem 0.2rem 0 0;
  margin: 0.33rem 0 0 0.3rem;
  position: relative;
  overflow: hidden;
  padding-bottom: 0.4rem;
}

/* 头部 江苏省检察院 */

.procuratorate {
  width: 2rem;
  height: 0.35rem;
  background: #1795ff;
  border-radius: 5rem;
  margin: 0.46rem auto 0 auto;
  color: #fff;
  text-align: center;
  line-height: 0.35rem;
  font-size: 0.2rem;
}

/* 申请流程 */

.resources {
  font-size: 0.42rem;
  color: #1795ff;
  text-align: center;
  margin: 0.26rem 0 0 0;
}

/* 草图 */

.sketch {
  position: relative;
}

.mattion > img {
  width: 0.8rem;
  height: 0.75rem;
  position: absolute;
  top: -0.75rem;
  left: 1.24rem;
}

.mattion-sk > img {
  width: 0.8rem;
  height: 0.75rem;
  position: absolute;
  top: -0.75rem;
  right: 1.2rem;
}

/* 蓝色小方块 */

.square {
  width: 0.44rem;
  height: 0.1rem;
  background: #1795ff;
  margin: 0.26rem auto 0 auto;
}

/* 蓝线 */

.blue-line {
  width: 5.36rem;
  height: 1px;
  background: #1795ff;
  margin: 0 auto;
}

/* 主体 */

.transfe {
  width: 3.79rem;
  height: 0.81rem;
  background-color: #1795ff;
  margin: 0.34rem auto 0 auto;
  border-radius: 0.15rem;
  text-align: center;
  line-height: 0.81rem;
  font-size: 0.26rem;
  color: #fff;
}

/* 灰线 */

.gray-line {
  width: 1px;
  height: 0.67rem;
  background: #999999;
  margin: 0 0 0 3.45rem;
}

/* 承办检察院审查材料 */

.transfe-text {
  width: 3.79rem;
  height: 0.81rem;
  background-color: #1795ff;
  border-radius: 0.15rem;
  text-align: center;
  line-height: 0.81rem;
  font-size: 0.26rem;
  color: #fff;
  margin: 0 auto;
}

/* 灰色斜线 */

.info {
  display: flex;
}

.oblique-line {
  width: 2rem;
  height: 0.57rem;
  margin: 0.07rem 0 0 1.5rem;
  background: linear-gradient(
    -45deg,
    transparent 49.5%,
    #999999 49.5%,
    #999999 50.5%,
    transparent 50.5%
  );
}

.chicken {
  display: flex;
}

.chicken-test {
  width: 2.63rem;
  height: 0.8rem;
  background: #1896ff;
  font-size: 0.26rem;
  text-align: center;
  color: #fff;
  border-radius: 0.15rem;
  margin: 0.34rem 0 0 0.49rem;
}

/* 灰色斜线 */

.bread {
  display: flex;
}

.bread-line {
  width: 2rem;
  height: 0.57rem;
  margin: 0.07rem 0 0 1.3rem;
  background: linear-gradient(
    45deg,
    transparent 49.5%,
    #999999 49.5%,
    #999999 50.5%,
    transparent 50.5%
  );
}

.bread-line1 {
  width: 2rem;
  height: 0.57rem;
  margin: 0.07rem 0 0 0.3rem;
  background: linear-gradient(
    -45deg,
    transparent 49.5%,
    #999999 49.5%,
    #999999 50.5%,
    transparent 50.5%
  );
}

/* 承办检察官审查材料 */

.fry {
  margin: 0 auto;
  width: 3.79rem;
  height: 0.8rem;
  background: #1896ff;
  font-size: 0.26rem;
  color: #fff;
  text-align: center;
  line-height: 0.8rem;
  border-radius: 0.15rem;
}

.bread-lines {
  width: 2rem;
  height: 0.57rem;
  margin: 0.07rem 0 0 1rem;
  background: linear-gradient(
    -25deg,
    transparent 49.5%,
    #999999 49.5%,
    #999999 50.5%,
    transparent 50.5%
  );
}

.bread-lines1 {
  width: 2rem;
  height: 0.57rem;
  margin: 0.07rem 0 0 -0.8rem;
  background: linear-gradient(
    -45deg,
    transparent 49.5%,
    #999999 49.5%,
    #999999 50.5%,
    transparent 50.5%
  );
}

.bread-lines2 {
  width: 2rem;
  height: 0.57rem;
  margin: 0.07rem 0 0 -0.5rem;
  background: linear-gradient(
    30deg,
    transparent 49.5%,
    #999999 49.5%,
    #999999 50.5%,
    transparent 50.5%
  );
}

/* 符合条件 材料齐全 予以救助 */

.noodle {
  display: flex;
}

.chocolate {
  width: 1.59rem;
  height: 1.88rem;
  background-color: #76be72;
  border-radius: 0.15rem;
  margin: 0 0 0 0.31rem;
}

.hamburger {
  color: #fff;
  font-size: 0.26rem;
  text-align: center;
  margin: 0.35rem 0 0 0;
}

.chocolate1 {
  width: 2.63rem;
  /*height: 1.89rem;*/
  background-color: #f0a06a;
  border-radius: 0.15rem;
  margin: 0 0 0 0.25rem;
}

.rice {
  color: #fff;
  font-size: 0.26rem;
  padding: 0.2rem 0.13rem;
}

.bread-linebox {
  width: 2rem;
  height: 0.57rem;
  margin: 0.07rem 0 0 0.2rem;
  background: linear-gradient(
    45deg,
    transparent 49.5%,
    #999999 49.5%,
    #999999 50.5%,
    transparent 50.5%
  );
}

.bread-lineboxs {
  width: 2rem;
  height: 0.57rem;
  margin: 0.07rem 0 0 -0.2rem;
  background: linear-gradient(
    -45deg,
    transparent 49.5%,
    #999999 49.5%,
    #999999 50.5%,
    transparent 50.5%
  );
}

/* 决定救助 */

.pie {
  width: 3.4rem;
  height: 0.8rem;
  background-color: #76be71;
  color: #fff;
  font-size: 0.26rem;
  text-align: center;
  line-height: 0.8rem;
  border-radius: 0.15rem;
  margin: 0 0 0 0.3rem;
}

/* 灰色竖线 */

.cream {
  width: 2rem;
  height: 0.57rem;
  border-left: 1px solid #999999;
  margin: 0.12rem 0 0.12rem 2rem;
}

/* 向财政部门提出核拨 救助金申请 */

.aunt {
  width: 3.4rem;
  height: 1.05rem;
  background-color: #76be71;
  border-radius: 0.15rem;
  margin: 0 0 0 0.3rem;
}

.aunt-test {
  color: #fff;
  text-align: center;
  font-size: 0.26rem;
  padding: 0.15rem 0;
}

/* 审查通过 */

.approved {
  display: flex;
}

.reviewed {
  width: 2.63rem;
  height: 0.81rem;
  background: #76be71;
  border-radius: 0.15rem;
  font-size: 0.26rem;
  color: #fff;
  text-align: center;
  line-height: 0.81rem;
  margin: 0.09rem 0 0 0.54rem;
}

.failed {
  width: 2.63rem;
  height: 0.81rem;
  background: #f09f69;
  border-radius: 0.15rem;
  font-size: 0.26rem;
  color: #fff;
  text-align: center;
  line-height: 0.81rem;
  margin: 0.09rem 0 0 0.54rem;
}

/* 灰线 */

.check {
  display: flex;
}

.check-line {
  width: 1px;
  height: 0.67rem;
  background: #999999;
  margin: 0.09rem 0 0 1.86rem;
}

.check-box {
  width: 1px;
  height: 0.67rem;
  background: #999999;
  margin: 0.09rem 0 0 3.15rem;
}

/* 打勾 */

.tick {
  display: flex;
  margin: -0.2rem 0 0 0;
}

.tick > input {
  margin: 0.45rem 0 0 0.56rem;
}

.agree {
  color: #666666;
  font-size: 0.24rem;
  margin: 0.4rem 0 0 0.16rem;
}

.agree-text {
  color: #1795ff;
  font-size: 0.24rem;
  margin: 0.4rem 0 0 0;
}

/* 尾部 */

.consent {
  width: 5.86rem;
  height: 0.81rem;
  margin: 0.1rem auto 0 auto;
  background: #bcbcbc;
  color: #fff;
  font-size: 0.26rem;
  border-radius: 0.15rem;
  text-align: center;
  line-height: 0.81rem;
}

/* 点击申请须知 */

.marsk-container-bg {
  background: #ffffff;
  /* display: none; */
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
  display: none;
}

.unindo {
  width: 6.5rem;
  height: 9.97rem;
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0.3rem;
  z-index: 11;
  display: none;
}

/* 申请需知 */

.know {
  font-size: 0.32rem;
  color: #333333;
  text-align: center;
  font-weight: bold;
  margin: 0.43rem 0 0 0;
}

.know-text {
  width: 6.2rem;
  height: 7.48rem;
  overflow-y: auto;
  margin: 0.4rem auto 0 auto;
  color: #333333;
  font-size: 0.28rem;
  line-height: 0.6rem;
  padding: 0 0.35rem;
}

/* 虚线 */

.dotted {
  width: 4.88rem;
  height: 2px;
  border: 0.02rem dashed #dbdbdb;
  margin: 0.33rem auto 0 auto;
}

/*确定*/

.determine {
  color: #666666;
  font-size: 0.24rem;
  text-align: center;
  line-height: 0.8rem;
}

/* 补全材料 */

#content4 {
  display: flex;
  flex-direction: column;
}

/* input::-webkit-input-placeholder{
    font-size: 0.2rem;
} */

/* 司法救助申请书 */

.judicial {
  display: flex;
}

.danger {
  font-size: 0.28rem;
  margin: 0.25rem 0 0 0.33rem;
}

.danger1 {
  font-size: 0.2rem;
  margin: 0 0 0 0.33rem;
  color: #827e7e;
}

.a {
  width: 1.5rem;
  height: 0.4rem;
  border: 1px solid #1795ff;
  border-radius: 0.2rem;
  margin: 0.25rem 0 0 3.44rem;
  color: #1795ff;
  font-size: 0.2rem;
  text-align: center;
  line-height: 0.4rem;
}

.ason {
  width: 6.9rem;
  height: 0.79rem;
  border: 1px solid #1795ff;
  border-radius: 0.4rem;
  margin: 0.2rem auto 0 auto;
  color: #1795ff;
  font-size: 0.28rem;
  text-align: center;
  line-height: 0.79rem;
}

/* 线 */

.eait {
  width: 6.9rem;
  height: 1px;
  background: #eeeeee;
  margin: 0.39rem auto 0 auto;
}

/* 图片上传 */

.succour {
  /* display: flex; */
  /* flex-direction: column; */
  align-items: center;
  justify-content: flex-start;
}

.plus {
  /* width: 1.6rem; */
  height: 1.61rem;
  margin: 0.31rem 0.2rem 0.2rem 0.3rem;
  position: relative;
  display: flex;
  font-size: 0;
  flex-wrap: wrap;
}

.wakpoter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}

.plus-int {
  width: 1.6rem;
  height: 1.6rem;
  font-size: 1rem;
  color: #c9c8c8;
  background: #ebebeb;
  text-align: center;
  line-height: 1.5rem;
}

.uploadfile {
  display: flex;
}

.uploadfile > img {
  width: 1.7rem;
  height: 1.8rem;
  padding: 0.1rem 0.1rem;
  margin: -0.1rem 0 0 0;
}

.sunttor-set {
  display: inline-block;
  vertical-align: middle;
}

.that-poto {
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.3rem;
  display: inline-block;
  vertical-align: middle;
  /* position: relative; */
  /* text-align: center; */
  /* padding-left: 0.5rem; */
}

.that-poto > img {
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
}

.unbbd {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0.3rem;
  z-index: 999;
  display: none;
}

.unbbd > img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: calc(100vh - 2rem);
  -webkit-touch-callout: default;
}

/* 申请身份证人面像 */

.judicial-sel {
  display: flex;
  flex-direction: column;
}

/* 身份关系证明 */

.oriented {
  font-size: 0.2rem;
  color: #827e7e;
  text-align: center;
}

.oriented-tex {
  font-size: 0.2rem;
  color: #827e7e;
  margin: 0 0 0 0.34rem;
}

.input-box .item #select-box1 {
  display: flex;
  justify-content: space-between;
  padding-top: 0.5rem;
}

.input-box .item #select-box1 img {
  width: 0.3rem;
  height: 0.3rem;
}

.input-box .item #select-box1 > span {
  flex: 1;
  text-align: left;
  color: #333333;
  font-size: 0.28rem;
}

.input-box .item #select-box1 > select {
  border: none;
  appearance: none;
  background: #fff;
  -moz-appearance: none;
  -webkit-appearance: none;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(153, 153, 153, 1);
  flex: 1;
  font-size: 0.26rem;
}

.input-box .item > span {
  font-size: 0.24rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(102, 102, 102, 1);
  margin-bottom: 0.4rem;
  text-align: left;
}

#popup-box1 {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(51, 51, 51, 0.8);
  top: 0;
  z-index: 99;
}

#popup-box1 .pop-container {
  border-radius: 0.02rem;
  width: 90%;
  height: 7rem;
  background: rgb(255, 255, 255);
  position: absolute;
  z-index: 22;
  top: 50%;
  right: 0;
  left: 0;
  margin: auto;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}

#popup-box1 .pop-container .popup-title {
  height: 0.8rem;
  width: 100%;
  border-bottom: 0.01rem solid #e3e3e3;
  margin-bottom: 0.3rem;
  margin-bottom: 0.3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#popup-box1 .pop-container .popup-title :nth-child(1) {
  margin-left: 0.3rem;
  color: #333333;
  font-size: 0.3rem;
}

#popup-box1 .pop-container .popup-title :nth-child(2) {
  margin-right: 0.3rem;
  width: 0.3rem;
  height: 0.3rem;
}

#popup-box1 .pop-container .pup-content {
  display: flex;
  flex-direction: column;
  width: 80%;
}

#popup-box1 .pop-container .pup-content > select {
  height: 0.8rem;
  margin-bottom: 0.3rem;
}

#popup-box1 .pop-container .bottom {
  height: 0.8rem;
  width: 80%;
  background: linear-gradient(
    270deg,
    rgba(16, 106, 255, 1),
    rgba(42, 101, 213, 1)
  );
  position: absolute;
  bottom: 0.3rem;
  border-radius: 0.05rem;
  color: white;
  line-height: 0.8rem;
  text-align: center;
}

.input-box .item #select-box2 {
  display: flex;
  justify-content: space-between;
  padding-top: 0.5rem;
}

.input-box .item #select-box2 img {
  width: 0.3rem;
  height: 0.3rem;
}

.input-box .item #select-box2 > span {
  flex: 1;
  text-align: left;
  color: #333333;
  font-size: 0.28rem;
}

.input-box .item #select-box2 > select {
  border: none;
  appearance: none;
  background: #fff;
  -moz-appearance: none;
  -webkit-appearance: none;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(153, 153, 153, 1);
  flex: 1;
  font-size: 0.26rem;
}

.input-box .item > span {
  font-size: 0.24rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(102, 102, 102, 1);
  margin-bottom: 0.4rem;
  text-align: left;
}

#popup-box2 {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(51, 51, 51, 0.8);
  top: 0;
  z-index: 99;
}

#popup-box2 .pop-container {
  border-radius: 0.02rem;
  width: 90%;
  height: 7rem;
  background: rgb(255, 255, 255);
  position: absolute;
  z-index: 22;
  top: 50%;
  right: 0;
  left: 0;
  margin: auto;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}

#popup-box2 .pop-container .popup-title {
  height: 0.8rem;
  width: 100%;
  border-bottom: 0.01rem solid #e3e3e3;
  margin-bottom: 0.3rem;
  margin-bottom: 0.3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#popup-box2 .pop-container .popup-title :nth-child(1) {
  margin-left: 0.3rem;
  color: #333333;
  font-size: 0.3rem;
}

#popup-box2 .pop-container .popup-title :nth-child(2) {
  margin-right: 0.3rem;
  width: 0.3rem;
  height: 0.3rem;
}

#popup-box2 .pop-container .pup-content {
  display: flex;
  flex-direction: column;
  width: 80%;
}

#popup-box2 .pop-container .pup-content > select {
  height: 0.8rem;
  margin-bottom: 0.3rem;
}

#popup-box2 .pop-container .bottom {
  height: 0.8rem;
  width: 80%;
  background: linear-gradient(
    270deg,
    rgba(16, 106, 255, 1),
    rgba(42, 101, 213, 1)
  );
  position: absolute;
  bottom: 0.3rem;
  border-radius: 0.05rem;
  color: white;
  line-height: 0.8rem;
  text-align: center;
}

.abst {
  width: 80%;
  height: 0.5rem;
  margin: 0.2rem 0 0 0.5rem;
  outline: none;
  border: none;
  font-size: 0.28rem;
}

#victim_name {
  text-align: right;
  padding: 0 0.2rem 0 0;
}

#victim_idcard {
  text-align: right;
}

#picker0 {
  text-align: right;
  margin: 0.05rem 0 0 0;
}

#address {
  text-align: right;
  margin: 0 0 0 0.35rem;
}

#contact {
  text-align: right;
}

#applicant_name {
  text-align: right;
}

#applicant_birth {
  text-align: right;
  margin: 0 0 0 1.5rem;
}

#applicant_nation {
  text-align: right;
  padding: 0 0.2rem 0 0;
}

#applicant_idcard {
  text-align: right;
  margin: 0.07rem 0 0 0.3rem;
}

#applicant_openbank {
  text-align: right;
}

#applicant_bankcardnum {
  text-align: right;
}

#picker2 {
  text-align: right;
  padding: 0 0.8rem 0 0;
}

#agent_name {
  text-align: right;
  padding: 0 0.3rem 0 0;
}

#agent_company {
  text-align: right;
  padding: 0 0.3rem 0 0;
}

#agent_contact {
  text-align: right;
  padding: 0 0.3rem 0 0;
}

#picker3 {
  text-align: right;
  padding: 0 0.1rem 0 0;
}

#picker1 {
  text-align: right;
}

#picker4 {
  text-align: right;
  padding: 0 0.3rem 0 0;
}

#picker5 {
  text-align: right;
  padding: 0 0.3rem 0 0;
}

#pay_money {
  text-align: right;
  padding: 0 0 0 0.3rem;
}

.black-marsk {
  background: #ffffff;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 80;
  display: none;
}

.delete {
  width: 0.5rem !important;
  height: 0.5rem !important;
  position: absolute;
  top: -0.12rem;
  right: -0.12rem;
}

.apply_img {
  width: 1.6rem;
  height: 1.6rem;
}

.uploadfile > div {
  margin-left: 0.2rem;
}

.img_show {
  width: 1.6rem;
  height: 1.6rem;
  margin: 0 0 0 -0.1rem;
}

/* 三角型 */

.trigonometry {
  z-index: 20;
  width: 1rem !important;
  height: 1rem !important;
}

#prtscn {
  display: none;
}

.checkbox_box {
  width: 6.9rem;
  border-bottom: 1px solid #eeeeee;
  padding: 0.2rem 0;
  margin: auto;
}

#checkbox_box {
  display: none;
}

.checkbox_box .item {
  display: inline-block;
  position: relative;
  margin: 0.1rem 0.1rem 0.1rem 0;
  padding-left: 0.4rem;
  height: 0.4rem;
  line-height: 0.4rem;
}

.checkbox_box input[type="checkbox"],
.checkbox_box input[type="radio"] {
  width: 0;
  height: 0;
  opacity: 0;
}

.checkbox_box input[type="checkbox"] + label:before,
.checkbox_box input[type="radio"] + label:before {
  width: 0.3rem;
  height: 0.3rem;
  background-image: url(../../images/png_29.png);
  background-size: 100% 100%;
  position: absolute;
  left: 0.1rem;
  top: 0.05rem;
  content: "";
}

.checkbox_box input[type="checkbox"]:checked + label:before,
.checkbox_box input[type="radio"]:checked + label:before {
  background-image: url(../../images/png_28.png);
}

.shade {
  background: #ffffff;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.6);
  z-index: 80;
  display: none;
}

.gif-png {
  width: 6rem;
  height: 3rem;
  margin: 0 auto;
  background-color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 0.1rem;
}

.gif-png > img {
  width: 2.1rem;
  height: 0.7rem;
  display: block;
  margin-bottom: 0.15rem;
}

.gif-png .text {
  color: #333;
  font-size: 0.32rem;
  font-weight: bold;
}