.top-body{
  border-top: .0625rem solid #e6e6e6;
  line-height: 1.5;
  padding: 0 1.25rem 1.25rem;
  align-items: center;
  box-sizing: border-box;
  background: #fff;
  margin: 1rem 0;
}
.table-interface{
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 4rem);
}

.top-body .top-con{
  font-weight: bold;
}

.top{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 400px;
  margin: 1rem 0;
}
.top-left{
  width: calc(100% - 390px - 1rem);
  margin-right: 1rem;
  position: relative;
}

.tl-top{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 180px;
}

.tl-bottom{
  height: calc(400px - 1rem - 180px);
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 1.5em;
  box-sizing: border-box;;
  display: flex;
  justify-content: space-around;
}
.i-card{
  width: calc((100% - 1rem) / 2);
}

.top-right{
  color: #fff;
  width: 390px;
  flex: auto;
  flex-shrink: 0;
  height: 100%;
  padding: 1.5em;
}
.nlt{
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 40px;
}
.n-i{
  width: 30%;
}

.top-right p:first-of-type{
  font-weight: bold;
}

.top-right .select{
  float: right;
}

.plate02{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 400px;
  margin: 1rem 0;
}

.plate02 .p2-left{
  width: calc(100% - 390px - 1rem);
  margin-right: 1rem;
  position: relative;
}

.plate02 .p2-right{
  color: #fff;
  width: 390px;
  flex: auto;
  flex-shrink: 0;
  height: 100%;
}

.plate03{
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 550px;
  margin: 1rem 0;
}

.pla3{
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 1.5rem;
}

.p3-left{
  width: 32%!important;
  height: 220px;
}

.p3-right{
  width: calc(100% - 32% - 2%);
  display: flex;
  justify-content: space-between;
}

.pr-l,.pr-c,.pr-r{
  width: 31%;
}

.v-line{
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.05);
  margin: 0 10px;
}

.p3-right ul{
  width: 100%;
}

.p3-right ul li{
  justify-content: space-between;
  display: flex;
  width: 100%;
  margin: 25px 0;
  font-size: 14px;
}

.p3-right p{
  font-weight: bold;
}

.p3-right ul li img{
  width: 28px;
  vertical-align: middle;
  border-radius: 3px;
}


.p3-txt{
  font-weight: bold;
}

#wwlb{
  width: 100%;
  height: 200px;
}

.plate04{
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 300px;
  margin: 1rem 0;
}

.pl4-i{
  width: 24%;
  width: calc((100% - 3rem) / 4);
  padding: 1.5rem;
}