icssDService/src/css/indexHorizontal.less

 .push .recommendInfoWrapper {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    margin-top: 10px;
    h4 {
        float: left;
    }
}
.push .labAndPacsRecommend {
    height: 50px;
}
.recommendInfoBox  {
    margin-left: 100px;
    position: relative;
}
.recommendWrap {
    height: 250px;
}
.labAndPacsWrapper{
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}
.push {
    margin-top: 10px;
    width: 53%;
    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%;
    float: left;
    color: #d7d7d7;
    text-align: center;
    border-right: 1px solid #f4f3f3;
    box-sizing: border-box;
}

.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;
}
.labAndPacsBox, .treatItemBox {
    position: relative;
}
.itemAllBox {
    padding-right: 40px;
    background: #fff;
    border: 1px solid #3A73E1;
    border-radius: 4px;
    box-sizing: border-box;
}
.slideDown {
    background-color: #fff;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 20px;
    line-height: 20px;
    box-shadow: -2px 0px 15px 0px #fff;
    cursor: pointer;

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

.slideup {
    background-color: #fff;
    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: 2px;
    }
}
.itemAllBox{
    position: absolute;
    width: 96%;
    height: auto;
    max-height: 230px;
    display: none;
    background: #fff;
    z-index: 2;
    left: 0;
    top: 0;
    margin: 10px 0;
}
.ellipse{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.conditTipsbox .conditionMain {
    height: 20px;
    .mayIllness{
        float: left;
    }
}
.infoMsg,
.infoMsgOn {
    position: absolute;
    top: 2px;
    right: 0px;
}
.infoMsg,
.infoMsgOn {
    display: none;
    cursor: pointer;
}
.durgNameBox {
    position: relative;
    padding-right: 15px;
}
.recommendInfoItemHasInfo:hover,
.diagNameBox:hover,
.durgNameBox:hover {
    color: #267FD7;

    .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: 20px;
    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: 30px;
    line-height: 30px;
    float: left;
}
.tipsTitle {
    margin-top: 10px;
}
.infomationBox .recommendInfoBox {
    margin-left: 0px;
}
.infomationBox .treatTextBox {
    margin-left: 80px;
    line-height: 30px;
    height: 90px;
    overflow:hidden;
    // text-overflow:ellipsis; 
    // display: -webkit-box;
    // -webkit-box-orient: vertical;
    // -webkit-line-clamp: 3;
}
.infomationBox .treatDrugBox {
    margin-left: 80px;
    line-height: 30px;
    height: 90px;
    overflow: hidden;
}
.tipsInfoBox {
    margin: 10px 0 0 80px;
    line-height: 30px;
    height: 180px;
    overflow-y: auto;
    img {
        display: none;
    }
}
.drugTreatmentInfoItemBox {
    .ellipse;
    height: 30px;
}
.infomationBox .treatRecommend {
    margin-top: 10px;
}
.labAndPacsRecommend  .labAndPacsTitle {
    padding:5px; 
    margin-right: 5px;
    background: #e2eaf2;
    border-radius: 4px;
}
.pacsRecommendwrapper {
    margin-top: 10px;
}
.labAndPacsItem {
    display: inline-block;
    padding-right: 15px;
}
.treatRecommendbox {
    margin-top: 10px;
}
.treatItemBox .more{
    bottom: 0;
    height: 30px;
    line-height: 30px;
}
.itemAllBox h4{
    float: left;
    margin-right: 10px;
}
.recommendInfoItem {
    position: relative;
    display: inline-block;
}
.itemAll{
    max-height: 230px;
    overflow-y: auto
}
.recommendInfoItem {
    position: relative;
    padding-right: 15px;
}
.recommendNull {
    color: #ADADAD;
}
.disclaimer, .illnessTable {
    cursor: pointer;
}
.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;
}