/* body {
  background-image: linear-gradient(0deg, rgba(207, 32, 26, 0) 50%, rgba(194, 26, 21, 1) 100%);
} */

.content {
  margin: .4rem 0;
}

.left-menu {
  width: 2.4rem;
  border-radius: .02rem;
  box-shadow: 0 .06rem .14rem 0 rgba(99, 75, 75, 0.06);
}

.title-head {
  padding: .21rem .24rem;
  background: url(/images/cmrd/bg_title.png) no-repeat;
  background-size: 100% 100%;
}

.title-head p {
  font-size: .26rem;
  line-height: .24rem;
  background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(239, 179, 177, 1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'YouSheBiaoTiHei';
}

.menu-content {
  padding: .16rem .14rem;
  background: #fff;
  height: 5.92rem;
  overflow: auto;
}

.right-info {
  padding: .26rem .3rem;
  flex: 1;
  height: 6.58rem;
  background: #fff;
  box-shadow: 0 .06rem .14rem 0 rgba(99, 75, 75, 0.06);
}

.person-info {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.17rem;
  gap: .6rem;
}

.person-info img {
  width: 2.5rem;
  height: 3.61rem;
}

.person-info .info-text {
  font-size: .2rem;
  line-height: .38rem;
  color: #555555;
  text-align: left;
  margin-bottom: .1rem;
}

.name-text {
  font-weight: 700;
  font-size: .36rem;
  line-height: .40rem;
  color: #333333;
  margin-bottom: .44rem;
}

.menu-title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: .12rem .28rem;
  border-left: .03rem solid #E7E6E6;
  font-size: .18rem;
  line-height: .28rem;
  font-weight: 500;
  color: #584E4E;
  background: rgba(245, 245, 245, 0.8);
  cursor: pointer;
  margin-bottom: .08rem;
}

.menu-title-box::before {
  position: absolute;
  left: .16rem;
  top: .24rem;
  content: '';
  width: .04rem;
  height: .04rem;
  background: #B8B5B5;
}

.menu-title-box.menu-active {
  color: #CF201A;
  border-color: #CF201A;
  background: rgba(207, 32, 26, 0.08);
}

.menu-title-box.menu-active::before {
  background: #CF201A;
}

.menu-arrow {
  width: .16rem;
  height: .16rem;
  background: url(/images/cmrd/icon_menu_arrow.png) no-repeat;
  background-size: 100% 100%;
}

.menu-active .menu-arrow {
  background: url(/images/cmrd/icon_menu_arrow_active.png) no-repeat;
  background-size: 100% 100%;
}

.personname-list {
  margin-bottom: .08rem;
}

.personname-list li {
  padding: .02rem .28rem;
  font-size: .16rem;
  line-height: .4rem;
  color: #555555;
  cursor: pointer;
}

.personname-list li.name-active {
  background: rgba(207, 32, 26, 0.08);
  color: #CF201A;
}
.dbname{
  color:#333;
}

.dbimg{
  float:left;
  margin-right: 10px;

}

.dbinfo{
  float:left;
}