.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; } .treat { 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; } } .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; i { width: 20px; height: 20px; display: inline-block; position: relative; top: 0px; background: url('../images/show.png') center center no-repeat; } } .slideup { background-color: #fff; position: absolute; float: right; top: 0px; right: 0px; cursor: pointer; line-height: 10px; box-shadow: -2px 0px 15px 0px #fff; i { width: 20px; height: 2px; display: inline-block; position: relative; top: 0px; background: url('../images/collapse.png') center center no-repeat; } } .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; } .diagName { color: #040428; } .treatItemTitle { font-weight: bold; font-size: 13px; color: #7C828E; float: left; width: 60px; height: 30px; line-height: 30px; float: left; } .treat .recommendInfoBox { margin-left: 0px; } .treat .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; } .treat .treatDrugBox { margin-left: 80px; line-height: 30px; height: 90px; overflow: hidden; } .drugTreatmentInfoItemBox { .ellipse; height: 30px; } .treat .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 { cursor: pointer; }