.Content-register {
  width: 65%;
  margin: auto;
  transition: width 300ms;
}
.register-serve {
  margin-top: 5.56rem;
}
.register-serve h3 {
  text-align: center;
  margin-bottom: 3.06rem;
  font-size: 1.75rem;
}
.disColumn {
  display: flex;
  flex-direction: column;
  /* margin-right: 8.4%; */
  margin: auto;
}
.piece1 {
  /* width: 28.4%; */
  /* height: 14.5rem; */
  /* border: 0.1rem solid #000; */
  width: 21.38rem;
  min-height: 14.5rem;
  padding: 2rem;
  /* margin-right: 9%; */
  border-radius: 0.5rem;
  background: #f6f6f6;
  /* margin-bottom: 1rem; */
}
.piece1 img {
  width: 1.88rem;
  height: 1.88rem;
  border-radius: 0.25rem;
  padding: 0.2rem;
}
.piece1 .img-background1 {
  background: #1740b5;
}
.piece1 .img-background2 {
  background: #23bf80;
}
.piece1 .img-background3 {
  background: #ff7830;
}
.piece1 .span1 {
  color: #1740b5;
  margin-left: 0.94rem;
  font-size: 1.06rem;
}
.piece1 .span2 {
  color: #23bf80;
  margin-left: 0.94rem;
  font-size: 1.06rem;
}
.piece1 .span3 {
  color: #ff7830;
  margin-left: 0.94rem;
  font-size: 1.06rem;
}
.piece1 .div {
  margin-top: 1.5rem;
  font-size: 0.94rem;
  /* min-height: 7.5rem; */
}
.borderLeft {
  border-left: 2px dashed #1740b5;
  height: 1.6rem;
  margin-left: -0.03rem;
}
.index {
  width: 1.8rem;
  height: 1.85rem;
  border: 0.24rem solid #1740b5;
  border-radius: 25px;
  text-align: center;
  background-color: #ffffff;
  position: relative;
  left: -0.83rem;
  font-size: 1rem;
  color: #1740b5;
}
.qwe {
  width: 0;
  height: 0;
  /* margin: auto; */
  position: relative;
  bottom: -1rem;
  left: 50%;
  transform: translate(-50%, -40%);
  border: 1.5rem solid transparent;
  border-top-color: #f6f6f6;
}
.divdd {
  width: 100%;
  height: 8px;
  background-color: #1740b5;
  background: linear-gradient(-90deg, #1740b5, #ffffff);
  margin-bottom: 8rem;
  margin-top: 0.6rem;
}
.divdd::after {
  content: "";
  display: block;
  float: right;
  margin-top: -6px;
  border-top: 10px solid transparent; /* 箭头高低 */
  border-bottom: 10px solid transparent; /* 箭头高低 */
  border-left: 20px solid #1740b5; /* 箭头长度*/
  background-color: #ffffff;
}
.records {
  width: 100%;
  background-image: url("../imgs/city/balcsmbg.png");
  background-repeat: no-repeat;
  background-color: #354251;
}
.records h3 {
  text-align: center;
  margin-bottom: 3.44rem;
  font-size: 1.75rem;
  color: #ffffff;
  padding-top: 4.69rem;
}
.container-inner {
  background-color: #ffffff;
  padding: 0 20px;
  /* padding-right: 2rem; */
  border-radius: 0.5rem 0.5rem 0 0;
}
.menu-l {
  width: 15.5rem;
  /* background: #F7F9FA; */
  margin-right: 2rem;
  padding-right: 16rem;
  border-right: 1px solid #d8d8d8;
}

.menu-l .li-label {
  height: 100%;
  padding: 2rem 0;
  font-size: 1.06rem;

  /* background: #F1F4F7; */
}

.menu-l .li-label li {
  width: 15.5rem;
  height: 3rem;
  line-height: 3rem;
  /* color: #000000; */
  cursor: pointer;
  position: relative;
  padding-left: 2.5rem;
  transition: all 200ms;
  border-radius: 5px;
  margin: 0.6rem 0;
}

.menu-l .li-label li:hover {
  background: #1740b5;
  color: #ffffff;
}
.menu-l .li-label li:hover .records-recordflow {
  /* background: #1740B5 ; */
  color: #ffffff;
}
.menu-l .li-label .records-recordflow {
  color: #1740b5;
}
.records-gengduo {
  width: 0.38rem;
  height: 0.75rem;
  float: right;
  margin-right: 1.4rem;
  opacity: 0.6;
}
.records-xiazai {
  float: right;
  margin-right: 0.5rem;
}
.records-recordflow {
  margin-right: 20px;
  /* color: #1740B5; */
}

.container-inner .register {
  width: 98%;
  height: 3rem;
  margin-top: 1.4rem;
  margin-right: 2.2rem;
  background-color: #dae9ff;
  border-radius: 0.5rem;
}
.container-inner .register .text {
  position: relative;
  top: 0.6rem;
  left: 1.25rem;
  width: 7.69rem;
  height: 1.31rem;
  font-size: 1.25rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #1740b5;
  display: inline;
}
.container-inner .register .imgTitle {
  width: 10rem;
  height: 3rem;
  float: right;
}
.container-inner .conner {
  margin-top: 1rem;
  margin-right: 2rem;
  padding-bottom: 2.75rem;
  font-size: 0.9rem;
  border-bottom: 0.1rem solid #d8d8d8;
  word-break: break-all;
}
.container-inner .color {
  /* background-color: #FF7830 ; */
  background-color: rgba(247, 192, 163, 0.5);
}
.container-inner .register .colors {
  color: #ff7830;
}
.container-inner .conners {
  margin-top: 1rem;
  margin-right: 2rem;
  padding-bottom: 2.75rem;
  font-size: 0.9rem;
  word-break: break-all;
  /* border-bottom: 0.1rem solid #D8D8D8; */
}
.li-label .actives {
  background-color: #1740b5;
  color: #ffffff;
}
.actives i {
  color: #ffffff;
}
.menu-l .li-label .actives .records-recordflow {
  color: #ffffff;
}
.attachment {
  width: 100%;
  background-color: #dedede;
  padding: 0.8rem;
  margin: 0.5rem;
  font-size: 0.94rem;
  cursor: pointer;
}
.attachment:hover {
  background-color: #1740b5;
  color: #ffffff;
}
.displayRow {
  display: flex;
  flex-direction: column;
}
.displayRow a {
  color: #000;
}