@charset "UTF-8";
.pagebody[data-v-578a5b12] {
  background: #ffffff;
}
.pagebody .Tipsbox[data-v-578a5b12] {
    width: 691px;
    height: 28px;
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 12px;
    color: #8a95a2;
    line-height: 14px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: 16px;
}
.pagebody .breadnav[data-v-578a5b12] {
    height: 30px;
    line-height: 30px;
    margin-top: 16px;
    font-size: 12px;
    color: #7a8599;
}
.pagebody .breadnav img[data-v-578a5b12] {
      width: 6px;
      margin: 0 10px;
}
.pagebody .drugbox[data-v-578a5b12] {
    margin-top: 8px;
    background: #fff;
    box-sizing: border-box;
    padding: 33px 24px 0px;
    display: flex;
}
.pagebody .drugbox .imglist[data-v-578a5b12] {
      margin-top: 24px;
      width: 88px;
      justify-content: center;
      height: 370px;
}
.pagebody .drugbox .imglist .imgsbox[data-v-578a5b12] {
        height: 352px;
        width: 88px;
        overflow: hidden;
}
.pagebody .drugbox .imglist .imgsbox .anyimg[data-v-578a5b12] {
          display: flex;
          align-items: center;
          transition: transform 0.3s;
}
.pagebody .drugbox .imglist .imgsbox .anyimg :first-child.oneimg[data-v-578a5b12] {
            margin-top: 10px;
}
.pagebody .drugbox .imglist .imgsbox .anyimg .oneimg[data-v-578a5b12] {
            width: 72px;
            height: 72px;
            margin-bottom: 6px;
            border: 1px solid #dde8eb;
            flex-shrink: 0;
}
.pagebody .drugbox .imglist .imgsbox .anyimg .oneimg .show_img[data-v-578a5b12] {
              width: 72px;
}
.pagebody .drugbox .imglist .imgsbox .anyimg .oneimg .videologo[data-v-578a5b12] {
              opacity: 0.8;
              width: 28px;
              z-index: 1;
              top: 14px;
              left: 26px;
}
.pagebody .drugbox .imglist .rightImgbox[data-v-578a5b12] {
        margin-top: 10px;
}
.pagebody .drugbox .left[data-v-578a5b12] {
      width: 352px;
      display: flex;
      align-items: center;
}
.pagebody .drugbox .left .cardList[data-v-578a5b12] {
        background-color: #fff;
        padding-top: 8px;
}
.pagebody .drugbox .left .cardList .img[data-v-578a5b12] {
          width: 352px;
          height: 352px;
          display: flex;
          align-items: center;
          border: 1px solid #dde8eb;
          overflow: hidden;
}
.pagebody .drugbox .left .cardList .img .zimg[data-v-578a5b12] {
            width: 352px;
}
.pagebody .drugbox .right[data-v-578a5b12] {
      margin-left: 32px;
}
.pagebody .drugbox .right .title[data-v-578a5b12] {
        margin-top: 24px;
        display: flex;
        align-items: center;
}
.pagebody .drugbox .right .title .rx[data-v-578a5b12] {
          width: 42px;
          height: 26px;
          border-radius: 50%;
          background: #0c00fd;
          color: #fff;
          font-weight: bold;
          font-size: 18px;
          text-align: center;
          line-height: 26px;
          margin-right: 8px;
}
.pagebody .drugbox .right .allname[data-v-578a5b12] {
        display: flex;
        margin-top: 32px;
}
.pagebody .drugbox .right .allname .label[data-v-578a5b12] {
          text-align: center;
          width: 88px;
          background: #f5f8fd;
          border-radius: 0px 8px 8px 8px;
          font-size: 14px;
          color: #0041a3;
          line-height: 26px;
          flex-shrink: 0;
}
.pagebody .drugbox .right .allname .label1[data-v-578a5b12] {
          text-align: left;
          height: 26px;
          width: 68px;
          background: #f5f8fd;
          border-radius: 0px 8px 8px 8px;
          font-size: 14px;
          color: #0041a3;
          line-height: 26px;
          flex-shrink: 0;
          padding: 0 10px;
}
.pagebody .drugbox .right .allname .allnamecontent[data-v-578a5b12] {
          margin-left: 10px;
          line-height: 28px;
          color: #2e343e;
}
.pagebody .drugbox .right .isnore[data-v-578a5b12] {
        background: #f5f8fb;
        margin-top: 16px;
}
.pagebody .drugbox .right .isnore .content[data-v-578a5b12] {
          margin-left: 16px;
          display: flex;
          align-items: center;
          color: #2e343e;
}
.pagebody .drugbox .right .isnore .isnorebox[data-v-578a5b12] {
          display: flex;
          margin-left: 9px;
}
.pagebody .drugbox .right .isnore .isnorebox .clon[data-v-578a5b12] {
            width: 340px;
            display: flex;
}
.pagebody .drugbox .right .isnore .isnorebox .eleis[data-v-578a5b12] {
            font-family: Microsoft YaHei, Microsoft YaHei;
            font-weight: 400;
            font-size: 14px;
            color: #0041a3;
            line-height: 34px;
            position: relative;
            text-align: right;
}
.pagebody .drugbox .right .isnore .isnorebox .eleis span[data-v-578a5b12] {
              color: #2f91fe;
}
.pagebody .drugbox .right .isnore .isnorebox .eleis1[data-v-578a5b12] {
            font-family: Microsoft YaHei, Microsoft YaHei;
            font-weight: 400;
            font-size: 14px;
            color: #0041a3;
            line-height: 34px;
            position: relative;
            text-align: right;
            width: 118px;
}
.pagebody .drugbox .right .isnore .isnorebox .eleis1 span[data-v-578a5b12] {
              color: #2f91fe;
}
.pagebody .drugbox .right .isnore .line[data-v-578a5b12] {
          width: 0;
          margin: 0 115px;
          height: 74px;
          border-radius: 0px 0px 0px 0px;
}
.pagebody .drugbox .right .tips[data-v-578a5b12] {
        margin-top: 16px;
        height: 14px;
        font-family: Microsoft YaHei, Microsoft YaHei;
        font-weight: 400;
        font-size: 12px;
        color: #db7979;
        line-height: 14px;
        font-style: normal;
        text-align: left;
        text-transform: none;
}
.pagebody .drugbox .right .tips[data-v-578a5b12] p {
          color: #293347;
          font-size: 18px;
          line-height: 32px;
          margin-top: 16px;
          margin-bottom: 16px;
          text-indent: 36px;
}
.pagebody .drugbox .right .cktips[data-v-578a5b12] {
        margin-top: 24px;
        height: 14px;
        font-family: Microsoft YaHei, Microsoft YaHei;
        font-weight: 400;
        font-size: 12px;
        color: #666;
        line-height: 14px;
        text-align: left;
        font-style: normal;
        text-transform: none;
}
.pagebody .drugbox .right .callus[data-v-578a5b12] {
        margin-top: 32px;
        display: flex;
}
.pagebody .drugbox .right .callus .zxzj[data-v-578a5b12] {
          width: 136px;
          height: 40px;
          text-align: center;
          line-height: 40px;
          color: #ffffff;
          background: #0078ff;
          border-radius: 0px 0px 0px 0px;
}
.pagebody .drugbox .right .callus .callback[data-v-578a5b12] {
          display: flex;
          margin-left: 16px;
          width: 481px;
          height: 36px;
          border-radius: 0px 0px 0px 0px;
          border: 2px solid #0078ff;
}
.pagebody .drugbox .right .callus .callback input[data-v-578a5b12] {
            width: 297px;
            height: 36px;
            padding: 0 16px;
            font-size: 18px;
            border: none;
}
.pagebody .drugbox .right .callus .callback .btn_call[data-v-578a5b12] {
            width: 184px;
            height: 36px;
            background: #0078ff;
            color: #ffffff;
            display: flex;
            align-items: center;
            justify-content: center;
}
.pagebody .drugbox .right .callus .callback .btn_call img[data-v-578a5b12] {
              width: 24px;
              margin-right: 8px;
}
.pagebody .drugbox .right .yesbox[data-v-578a5b12] {
        display: flex;
        margin-top: 24px;
}
.pagebody .drugbox .right .yesbox .yes[data-v-578a5b12] {
          margin-right: 34px;
          font-weight: 400;
          font-size: 16px;
          color: #293347;
          font-style: normal;
          text-transform: none;
          display: flex;
          align-items: center;
}
.pagebody .drugbox .right .yesbox .yes img[data-v-578a5b12] {
            width: 24px;
            margin-right: 8px;
}
.pagebody .details[data-v-578a5b12] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 94px;
    margin-top: 16px;
}
.pagebody .details .leftbox[data-v-578a5b12] {
      width: 848px;
      position: relative;
}
.pagebody .details .leftbox h1[data-v-578a5b12] {
        text-align: center;
        color: #002162;
}
.pagebody .details .leftbox .labelnewslist[data-v-578a5b12] {
        padding: 24px 0;
}
.pagebody .details .leftbox .labelnewslist li[data-v-578a5b12] {
          padding: 16px;
          background: #edfafb;
          margin-bottom: 16px;
}
.pagebody .details .leftbox .labelnewslist li .labelnewstitle[data-v-578a5b12] {
            font-family: Microsoft YaHei, Microsoft YaHei;
            font-weight: bold;
            font-size: 18px;
            color: #0041a3;
            line-height: 32px;
            text-align: left;
}
.pagebody .details .leftbox .labelnewslist li .labelnewscontent[data-v-578a5b12] {
            font-family: Microsoft YaHei, Microsoft YaHei;
            font-weight: 400;
            font-size: 16px;
            color: #333333;
            line-height: 32px;
            text-align: justified;
}
.pagebody .details .leftbox .detailsnav[data-v-578a5b12] {
        height: 58px;
        border-bottom: 1px solid #dde8eb;
        display: flex;
        align-items: center;
        padding: 0 24px;
        background: linear-gradient(180deg, rgba(229, 241, 255, 0.76) 0%, rgba(229, 241, 255, 0.05) 100%);
}
.pagebody .details .leftbox .detailsnav li[data-v-578a5b12] {
          height: 58px;
          line-height: 58px;
          margin-right: 24px;
          font-size: 18px;
          color: #293347;
          cursor: pointer;
}
.pagebody .details .leftbox .detailsnav .active[data-v-578a5b12] {
          font-weight: bold;
          color: #003399;
          border-bottom: 2px solid #003399;
}
.pagebody .details .leftbox .ypgs[data-v-578a5b12] {
        padding: 0px 24px 24px;
        box-sizing: border-box;
        background: #fff;
}
.pagebody .details .leftbox .ypgs .title[data-v-578a5b12] {
          font-weight: bold;
          font-size: 22px;
          color: #003399;
          text-align: center;
}
.pagebody .details .leftbox .ypgs .tips[data-v-578a5b12] {
          font-weight: 400;
          font-size: 18px;
          line-height: 32px;
          color: #2e343e;
          text-align: justify;
}
.pagebody .details .leftbox .ypgs .tips[data-v-578a5b12] p {
            text-align: justify;
            font-weight: 400;
            font-size: 18px;
            line-height: 32px;
            color: #2e343e;
            margin-bottom: 16px;
}
.pagebody .details .leftbox .ypgs .toptext[data-v-578a5b12] {
          margin-top: 24px;
          text-indent: 36px;
}
.pagebody .details .leftbox .ypgs .clinicaldetails[data-v-578a5b12] {
          margin-top: 16px;
          border: 1px solid #f5f8fb;
}
.pagebody .details .leftbox .ypgs .clinicaldetails .infocard[data-v-578a5b12] {
            background-color: #ffffff;
            display: flex;
            justify-content: flex-start;
            padding: 24px 16px 24px 0px;
}
.pagebody .details .leftbox .ypgs .clinicaldetails .infocard .infotitle[data-v-578a5b12] {
              flex-shrink: 0;
              width: 160px;
              border-right: 1px solid #d5e1ef;
              font-weight: 400;
              font-size: 18px;
              color: #5a6478;
              height: 32px;
              text-align: right;
              padding-right: 16px;
}
.pagebody .details .leftbox .ypgs .clinicaldetails .infocard .infocontent[data-v-578a5b12] {
              overflow: hidden;
              text-align: justify;
              font-weight: 400;
              font-size: 18px;
              color: #293347;
              line-height: 32px;
              padding-left: 16px;
              max-width: 620px;
              color: #2e343e;
}
.pagebody .details .leftbox .ypgs .clinicaldetails .infocard .infocontent[data-v-578a5b12] p {
                text-align: justify;
                font-weight: 400;
                font-size: 18px;
                color: #293347;
                line-height: 32px;
                padding-left: 16px;
                max-width: 620px;
                color: #2e343e;
}
.pagebody .details .leftbox .ypgs .clinicaldetails .infocard .infocontent[data-v-578a5b12] h2,
              .pagebody .details .leftbox .ypgs .clinicaldetails .infocard .infocontent h3[data-v-578a5b12],
              .pagebody .details .leftbox .ypgs .clinicaldetails .infocard .infocontent h4[data-v-578a5b12] {
                text-align: justify;
                font-weight: 800;
                font-size: 18px;
                color: #293347;
                line-height: 32px;
                padding-left: 16px;
                max-width: 620px;
                color: #2e343e;
}
.pagebody .details .leftbox .ypgs .clinicaldetails .infocard2[data-v-578a5b12] {
            background-color: #f5f8fb;
}
.pagebody .details .leftbox .othernavcontent[data-v-578a5b12] {
        padding: 40px 24px 24px;
        box-sizing: border-box;
        background: #fff;
}
.pagebody .details .leftbox .othernavcontent[data-v-578a5b12] h2 {
          color: #002162;
          font-weight: bold;
          margin-top: 24px;
          margin-bottom: 24px;
          text-indent: 36px;
}
.pagebody .details .leftbox .othernavcontent[data-v-578a5b12] h3 {
          color: #293347;
          font-weight: bold;
          margin-top: 16px;
          font-size: 20px;
          margin-bottom: 16px;
          text-indent: 36px;
}
.pagebody .details .leftbox .othernavcontent[data-v-578a5b12] h4 {
          color: #293347;
          font-weight: bold;
          margin-top: 16px;
          font-size: 18px;
          margin-bottom: 16px;
          text-indent: 36px;
}
.pagebody .details .leftbox .othernavcontent[data-v-578a5b12] p {
          color: #293347;
          font-size: 18px;
          line-height: 32px;
          margin-top: 16px;
          margin-bottom: 16px;
          text-indent: 36px;
}
.pagebody .details .leftbox .othernavcontent[data-v-578a5b12] p > span {
          text-wrap: warp !important;
}
.pagebody .details .leftbox .othernavcontent[data-v-578a5b12] a {
          font-size: 18px;
          color: #003399;
}
.pagebody .details .rightbox[data-v-578a5b12] {
      width: 333px;
}
.pagebody .details .drugType[data-v-578a5b12] {
      background-color: #ffffff;
      width: 824px;
      margin-top: 16px;
      box-sizing: border-box;
}
.pagebody .details .drugType .title[data-v-578a5b12] {
        border-bottom: 1px solid #dfe2e7;
        display: flex;
        justify-content: flex-start;
}
.pagebody .details .drugType .title .tilfon[data-v-578a5b12] {
          font-weight: bold;
          font-size: 18px;
          color: #0041a3;
          line-height: 60px;
          border-bottom: 4px solid #0041a3;
}
.pagebody .details .drugType .typelist[data-v-578a5b12] {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
}
.pagebody .details .drugType .typelist .contentcard[data-v-578a5b12] {
          margin-top: 16px;
          width: calc(50% - 8px);
          /* 每个 li 占 50% 宽度，减去半个间隔 */
          height: 50px;
          background: #eef6ff;
          box-sizing: border-box;
          display: flex;
          /* 水平居中 */
          align-items: center;
          padding-left: 16px;
          /* 垂直居中 */
}
.pagebody .details .drugType .typelist .contentcard .typename[data-v-578a5b12] {
            height: 18px;
            font-family: Arial, Arial;
            font-weight: bold;
            font-size: 18px;
            color: #0041a3;
            line-height: 18px;
            text-align: left;
            font-style: normal;
            text-transform: none;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            white-space: normal;
            -webkit-line-clamp: 1;
}
.pagebody .details .drugType .typelist .contentcard .content[data-v-578a5b12] {
            display: flex;
            justify-content: flex-start;
            margin-bottom: 8px;
}
.pagebody .details .drugType .typelist .contentcard .content .left[data-v-578a5b12] {
              font-weight: 400;
              font-size: 14px;
              color: #5a6478;
              line-height: 18px;
              flex-shrink: 0;
}
.pagebody .details .drugType .typelist .contentcard .content .right[data-v-578a5b12] {
              margin-left: 4px;
              font-weight: 400;
              font-size: 14px;
              color: #293347;
              line-height: 18px;
}