.list-in-detail {
  width: 100%;
  height: auto;
  position: relative; }
  .list-in-detail .list-title {
    padding-top: 0.21333rem;
    font-size: 0.17067rem;
    font-family: PingFangSC-Medium;
    color: #323232;
    line-height: 0.17067rem; }
  .list-in-detail .img-and-name {
    width: 100%;
    margin-top: 0.32rem;
    display: flex;
    justify-content: space-between; }
    .list-in-detail .img-and-name .circle-box {
      width: 1.76rem;
      height: 0.704rem;
      box-shadow: 0 0.02133rem 0.08533rem 0 rgba(48, 50, 68, 0.14);
      -webkit-box-shadow: 0 0.02133rem 0.08533rem 0 rgba(48, 50, 68, 0.14); }
      .list-in-detail .img-and-name .circle-box .img-of-circle {
        float: left;
        width: 0.53333rem;
        height: 0.53333rem;
        padding: 0.08533rem 0;
        padding-left: 0.10667rem;
        margin-right: 0.16rem; }
      .list-in-detail .img-and-name .circle-box .other-info {
        float: left; }
        .list-in-detail .img-and-name .circle-box .other-info .circle-name {
          width: auto;
          max-width: 0.896rem;
          margin-top: 0.10667rem;
          font-size: 0.14933rem;
          color: #323232;
          font-family: PingFangSC-Regular; }
        .list-in-detail .img-and-name .circle-box .other-info .circle-info {
          width: auto;
          max-width: 0.896rem;
          margin-top: 0.10667rem;
          font-size: 0.128rem;
          font-family: PingFangSC-Regular;
          color: #909090; }
  .list-in-detail .only-circle-name {
    margin-top: 0.21333rem; }
    .list-in-detail .only-circle-name li {
      float: left;
      width: 33.3%;
      height: 0.128rem;
      line-height: 0.128rem;
      margin-bottom: 0.16rem;
      position: relative; }
      .list-in-detail .only-circle-name li .left-circle {
        position: absolute;
        left: 0;
        top: 50%;
        width: 0.04267rem;
        height: 0.04267rem;
        transform: translateY(-50%);
        border-radius: 50%;
        background-color: #e9e9e9; }
      .list-in-detail .only-circle-name li .right-name {
        width: 0.96rem;
        display: inline-block;
        margin-left: 0.16rem;
        font-size: 0.128rem;
        color: #909090; }
  .list-in-detail .all-templates {
    border-top: 1px solid #efefef;
    padding-top: 0.16rem;
    margin-top: 0.16rem; }
    .list-in-detail .all-templates li {
      float: left;
      width: 50%;
      margin-bottom: 0.16rem; }
      .list-in-detail .all-templates li .template-img {
        width: 1.76rem;
        height: 1.51467rem; }
      .list-in-detail .all-templates li .title-square {
        width: auto;
        max-width: 1.76rem;
        height: 0.68267rem;
        padding: 0.10667rem 0; }
        .list-in-detail .all-templates li .title-square p {
          width: auto;
          max-width: 1.76rem;
          line-height: 0.23467rem;
          font-size: 0.17067rem;
          color: #323232;
          font-family: PingFangSC-Medium;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden; }
      .list-in-detail .all-templates li .people-info {
        width: 1.76rem;
        height: auto; }
        .list-in-detail .all-templates li .people-info img {
          float: left;
          margin-right: 0.128rem;
          margin-top: 0.064rem;
          width: 0.21333rem;
          height: 0.21333rem;
          border-radius: 50%;
          -webkit-border-radius: 50%; }
        .list-in-detail .all-templates li .people-info span {
          float: left;
          display: inline;
          margin-top: 0.10667rem;
          max-width: 1.38667rem;
          color: #323232;
          font-size: 0.128rem; }
    .list-in-detail .all-templates li:nth-child(2n-1) a {
      float: left; }
    .list-in-detail .all-templates li:nth-child(2n) a {
      float: right; }