icssDService/src/css/indexHorizontal.less

@import './common.less';
 .push .recommendInfoWrapper {
    line-height: 25px;
    h4 {
        float: left;
    }
    .showTopTitle {
        float: none;
    }
}

.recommendInfoBox  {
    margin-left: 100px;
    position: relative;
}
.showTopInfo{
    margin-left: 100px;
}
.topSmallTitle {
    position: absolute;
    left: -60px;
}
.recommendWrap {
    height: 250px;
}
.labAndPacsWrapper{
    line-height: 25px;
}
.labAndPacsItemBox {
    float: left;
}
.push {
    margin-top: 10px;
    width: 52%;
    float: left;
    position: relative;
    padding-right: 2%;
    border-right: 1px solid #f0efef;
    box-sizing: border-box;
}
.infomationBox {
    margin-top: 10px;
    width: 38%;
    float: left;
    position: relative;
    margin-left: 2%;
}
.disclaimer {
    width: 5%;
    min-width: 40px;
    float: left;
    color: #9C9C9C;
    text-align: center;
    border-right: 1px solid #f4f3f3;
    box-sizing: border-box;
    display: table;
    p{
        width:14px;
        display: table-cell;
        word-break: break-all;
        vertical-align: middle;
        font-size: 12px;
    }
    .version{
        font-size: 12px;
        line-height: 15px;
        span{
            color: #267FD7;
            line-height: 14px;
        }
        &.new-icon i{
            display: inline-block;
            width: 100%;
            height: 26px;
            background: url("../images/newv.png") -3px -4px no-repeat;
        }
    }
}

.warning, .diagRecommend {
    h4 {
        color: #FF545B;
    }
}
.symptomRecommend, .physiExamRecommend, .labAndPacsRecommend {
    h4 {
        color: #157FD5;
    }
}
.conditTips {
    h4 {
        color: #E66225;
    }
}
.treatRecommend  {
    h4 {
        color: #1AB3A9;
    }
}
.treatRecommend  {
    position: relative;
}
.icon{
    display: block;
    width: 20px;
    float: left;
    position: relative;
    top: 3px;
}
.labAndPacsBox, .treatItemBox {
    position: relative;
}
.itemAllBox {
    background: #fff;
    border: 1px solid #3A73E1;
    border-radius: 4px;
    box-sizing: border-box;
}
.slideDown {
    background-color: #fff;
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 20px;
    line-height: 20px;
    box-shadow: -2px 0px 15px 0px #fff;
    cursor: pointer;

    img {
        display: inline-block;
        position: relative;
        top: 0px;
    }
}

.slideup {
    position: absolute;
    float: right;
    top: 0px;
    right: 0px;
    cursor: pointer;
    line-height: 20px;
    box-shadow: -2px 0px 15px 0px #fff;
    img {
        display: inline-block;
        position: relative;
        top: 0px;
    }
}
.itemAllBox{
    position: absolute;
    width: 96%;
    height: auto;
    max-height: 230px;
    display: none;
    background: #fff;
    z-index: 2;
    left: 0;
    top: 0;
}
.ellipse{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.conditTipsbox .conditionMain {
    height: 25px;
    .mayIllness{
        float: left;
        position: relative;
        top: -2px;
    }
}
.recommendInfoItem,.diagNameBox {
    .infoMsg,
    .infoMsgOn {
        top: 2px;
    }
}
.infoMsg,
.infoMsgOn {
    top: 2px;
}
.infoMsg,
.infoMsgOn {
    position: relative;
    right: 0px;
    display: none;
    cursor: pointer;
}
.durgNameBox {
    position: relative;
    padding-right: 15px;
    display: inline-block;
}
.recommendInfoItemHasInfo:hover,
.diagNameBox:hover,
.durgNameBox:hover {
    color: #267FD7;
    padding-right: 0;
    .infoMsg {
        display: inline-block;
        width: 14px;
        height: 14px;
        background: url(/images/msg1.png) center center no-repeat;
    }

    .infoMsg:hover {
        background: url(/images/msg2.png) center center no-repeat;
    }
}

.diagNameBox {
    position: relative;
    padding-right: 15px;
}
 .more {
    display: inline-block;
    background-color: #fff;
    position: absolute;
    right: 0px;
    color: #267FD7;
    height: 20px;
    line-height: 24px;
    box-shadow: -2px 0px 15px 0px #fff;
    cursor: pointer;
}
.conditTipsbox .more {
    top: 0px;
}
.push .conditTips {
    height: 100%;
    max-height: 40px;
}
.diagName {
    color: #040428;
}
.treatItemTitle, .tipsTitle {
    // font-weight: bold;
    font-size: 14px;
    color: #000000;
    float: left;
    width: 60px;
    height: 20px;
    line-height: 20px;
    float: left;
}
.tipsTitle {
    margin-top: 10px;
}
.infomationBox .recommendInfoBox {
    margin-left: 0px;
}
.infomationBox .treatTextBox {
    margin-left: 80px;
    line-height: 20px;
    max-height: 60px;
    overflow:hidden;
    // text-overflow:ellipsis; 
    // display: -webkit-box;
    // -webkit-box-orient: vertical;
    // -webkit-line-clamp: 3;
}
.infomationBox .treatDrugBox {
    margin-left: 80px;
    line-height: 20px;
    max-height: 120px;
    overflow: hidden;
}
.tipsInfoBox {
    margin: 10px 0 0 0px;
    line-height: 20px;
    height: 211px; 
    overflow-y: auto;
    img {
        display: none;
    }
}
.diagName {
    height: 30px;
    line-height: 30px;
}
.drugTreatmentInfoItemBox {
    .ellipse;
    height: 20px;
}
.infomationBox .treatRecommend {
    margin-top: 10px;
}
.labAndPacsRecommend  .labAndPacsTitle {
    padding: 0 5px; 
    margin-right: 5px;
    background: #e2eaf2;
    border-radius: 4px;
    height: 22px;
    line-height: 22px;
    top: 1px;
}
.pacsRecommendwrapper {
    // margin-top: 10px;
}
.labAndPacsItem {
    display: inline-block;
    padding-right: 15px;
}

.treatItemBox .more{
    bottom: 0;
    height: 20px;
    line-height: 20px;
}
.itemAllBox h4{
    float: left;
    margin-right: 10px;
}
.recommendInfoItem {
    position: relative;
    display: inline-block;
}
.itemAll{
    max-height: 230px;
    overflow-y: auto;
    margin-right: 20px;
}
.recommendInfoItem {
    position: relative;
    padding-right: 18px;
}
.recommendNull {
    color: #ADADAD;
}
.disclaimer, .illnessTable {
    cursor: pointer;
}
.illnessTable {
    color: #267FD7;

}
.tipsInfoWrapper  {
    position: relative;
    margin: 10px 0 0 0;
}
.infoTab {
    margin-right: 15px;
    cursor: pointer;
}
.activeTab {
    color: #267FD7;
    border-bottom: 2px solid #267FD7;
}
.moreInfo {
    display: inline-block;
    width:42px;
    height:20px;
    border-radius:4px;
    border:1px solid #267FD7;
    line-height:20px;
    color: #267FD7;
    text-align: center;
    margin-left: 20px;
    cursor: pointer;
}
.durgNameBox {
    .medicineWaring {
        background-color: #f4c051;
        color: #000;
        font-size: 12px;
        border-radius: 4px;
        border: 1px solid #fff;
        line-height: 18px;
      }
      .medicineWaringDisMsg {
        background-color: #fff;
        color: @grayColor;
        font-size: 12px;
        border-radius: 4px;
        line-height: 18px;
        border: 1px solid @grayColor;
      }
      .medicineWaringDisMsg {
        color: @grayColor;
      }
}
.medicineWaringDis {
    color: @grayColor;
  }
.medicineWaringDis:hover {
color: @grayColor;
}

.staticWin {
    text-decoration: underline;
    cursor: pointer;
    position: relative;
    margin: 10px 0 0 0;
}
.tipsInfoItem{
    position: relative;
    // max-height: 60px;
    overflow: hidden;
}
.hasMore:after{
    content: "..."; 
    position: absolute; 
    bottom: 0; 
    right: 0; 
    padding-left: 20px;
    background: -webkit-linear-gradient(left, transparent, #fff 55%);
    background: -moz-linear-gradient(left, transparent, #fff 55%);
    background: -o-linear-gradient(left, transparent, #fff 55%);
    background: linear-gradient(to right, transparent, #fff 55%);
}
.boldFont {
    font-weight: bold;
}
.diagTitle {
    color: #3b9ed0;
    position: relative;
    margin: 0 0 10px;
    font-weight: 500;
    i {
        position: relative;
        display: inline-block;
        width: 4px;
        height: 4px;
        background: #3b9ed0;
        border-radius: 50%;
        top: -4px;
        margin-right: 6px;
    }
}
.diagDescription{
    color: #333;
    font-weight: 600;
    margin: 5px 0 10px;
}
.treatItemTitle {
    .more {
        background: #fff;
        top: 0;
        z-index: 2;
    }
}