diagnosis_app/views/patientItems/detail/index.css

.content {
  padding: 0 48upx 150upx;
  word-wrap: break-all;
  word-break: normal; }
  .content .tip {
    font-size: 28upx;
    color: #3384FF;
    background: #F0F8FF;
    border-radius: 12upx;
    padding: 24upx 12upx;
    margin: 24upx auto; }
  .content .item .item-head {
    padding: 30upx 0; }
    .content .item .item-head.between {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .content .item .item-head button {
      float: right; }
    .content .item .item-head .title {
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      .content .item .item-head .title .dot {
        width: 36upx;
        height: 36upx;
        border-radius: 50%;
        position: relative;
        background: rgba(51, 132, 255, 0.2); }
        .content .item .item-head .title .dot::after {
          width: 18upx;
          height: 18upx;
          border-radius: 50%;
          display: block;
          content: "";
          position: absolute;
          left: 50%;
          top: 50%;
          margin-top: -8upx;
          margin-left: -8upx;
          background: #3384FF; }
      .content .item .item-head .title .name {
        font-size: 30upx;
        color: #0a0a0a;
        padding-left: 15upx; }
  .content .item .desc, .content .item .aiDiagnose {
    text-align: justify;
    color: #333;
    line-height: 40upx;
    /* #ifdef H5 */
    /* #endif */ }
    .content .item .desc /deep/ image, .content .item .desc img, .content .item .aiDiagnose /deep/ image, .content .item .aiDiagnose img {
      display: block;
      width: 600upx;
      margin: 20upx auto; }
    .content .item .desc::v-deep image, .content .item .desc img, .content .item .aiDiagnose::v-deep image, .content .item .aiDiagnose img {
      display: block;
      width: 600upx;
      margin: 20upx auto; }
  .content .item .tags {
    padding-top: 16upx; }
    .content .item .tags .item {
      display: inline-block;
      color: #409eff;
      border: 1px solid #d9ecff;
      background-color: #ecf5ff;
      margin-right: 8upx;
      padding: 4upx 12upx;
      border-radius: 4upx;
      font-size: 22upx; }
  .content .item.doctor-info .user {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 18upx; }
    .content .item.doctor-info .user .avatar {
      display: block;
      width: 72upx;
      height: 72upx;
      border-radius: 50%; }
    .content .item.doctor-info .user .info {
      padding-left: 16upx; }
      .content .item.doctor-info .user .info .user-name {
        font-size: 24upx;
        color: #333; }
      .content .item.doctor-info .user .info .user-tags {
        font-size: 22upx;
        color: #666;
        padding-top: 8upx; }
  .content .item.doctor-info .hospital .hospital-name {
    font-size: 22upx;
    color: #666;
    padding-right: 12upx; }
  .content .item.doctor-info .hospital .hospital-level {
    font-size: 18upx;
    color: #3384FF;
    padding: 6upx 8upx;
    background-color: #EDF4FF; }
  .content .item.doctor-info .specialty {
    line-height: 34upx;
    padding-top: 21upx; }
    .content .item.doctor-info .specialty .specialty-head {
      color: #3384FF;
      position: relative; }
      .content .item.doctor-info .specialty .specialty-head::after {
        width: 40%;
        height: 6upx;
        display: block;
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -5upx;
        background-color: #FA6400;
        z-index: 999; }
    .content .item.doctor-info .specialty .specialty-message {
      font-size: 22upx;
      color: #999;
      padding-left: 7upx; }
  .content .item.assist-container .head-highlight {
    color: #3384ff;
    font-size: 30upx; }
  .content .item.image-container .item-cont {
    display: flex;
    justify-content: flex-start;
    flex-direction: column; }
    .content .item.image-container .item-cont .imgbox {
      width: 220upx;
      height: 220upx;
      border-radius: 6upx;
      overflow: hidden;
      margin-right: 15upx;
      border: 1px solid #eaeaea; }
      .content .item.image-container .item-cont .imgbox .image-pic {
        display: block;
        width: 220upx;
        height: 220upx; }
  .content .handle-wrap {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 10upx 0; }
  .content .submit-BT {
    width: 702upx;
    height: 100upx;
    line-height: 100upx;
    text-align: center;
    background-color: #3384FF;
    border-radius: 12upx;
    color: #fff;
    font-size: 32upx;
    margin: 0 auto; }
    .content .submit-BT.appraise {
      background-color: #FA6400; }
    .content .submit-BT.recommend {
      width: 500upx;
      margin: 20upx auto; }
  .content .appraise-wrap {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 999; }
    .content .appraise-wrap .appraise-wrap-mask {
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      display: flex;
      align-items: flex-end; }
      .content .appraise-wrap .appraise-wrap-mask .appraise-container {
        width: 100%;
        padding: 0 32upx 20upx;
        background-color: #fff;
        box-sizing: border-box; }
        .content .appraise-wrap .appraise-wrap-mask .appraise-container .appraise-title {
          height: 96upx;
          border-bottom: 1px solid #e5e5e5;
          text-align: center;
          line-height: 96upx;
          font-size: 32upx;
          color: #323233;
          position: relative; }
          .content .appraise-wrap .appraise-wrap-mask .appraise-container .appraise-title .closeBt {
            width: 100upx;
            height: 96upx;
            position: absolute;
            right: 10upx;
            top: 0; }
            .content .appraise-wrap .appraise-wrap-mask .appraise-container .appraise-title .closeBt .close {
              display: block;
              width: 50upx;
              height: 50upx;
              position: relative;
              margin: 23upx auto;
              transform: rotate(45deg); }
              .content .appraise-wrap .appraise-wrap-mask .appraise-container .appraise-title .closeBt .close::after {
                width: 4upx;
                height: 50upx;
                position: absolute;
                display: block;
                content: "";
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                background-color: #C8C9CC; }
              .content .appraise-wrap .appraise-wrap-mask .appraise-container .appraise-title .closeBt .close::before {
                width: 50upx;
                height: 4upx;
                position: absolute;
                display: block;
                content: "";
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                background-color: #C8C9CC; }
        .content .appraise-wrap .appraise-wrap-mask .appraise-container .appraise-cont {
          padding-bottom: 66upx; }
          .content .appraise-wrap .appraise-wrap-mask .appraise-container .appraise-cont .item {
            height: 88upx;
            border-bottom: 1px solid #ccc; }
            .content .appraise-wrap .appraise-wrap-mask .appraise-container .appraise-cont .item .radio {
              height: 100%;
              display: flex;
              justify-content: flex-start;
              align-items: center; }
              .content .appraise-wrap .appraise-wrap-mask .appraise-container .appraise-cont .item .radio .star {
                padding-left: 20upx; }
        .content .appraise-wrap .appraise-wrap-mask .appraise-container .submit-BT {
          width: auto; }