|
@@ -0,0 +1,407 @@
|
|
|
+@import './common.less';
|
|
|
+
|
|
|
+.iframeWrap {
|
|
|
+ margin: 10px auto 50px;
|
|
|
+ padding: 20px;
|
|
|
+ min-width: 340px;
|
|
|
+}
|
|
|
+
|
|
|
+.recommendInfoWrapper {
|
|
|
+ border: 1px solid #F2F2F2;
|
|
|
+ margin-bottom: 15px;
|
|
|
+
|
|
|
+ h4 {
|
|
|
+ color: #000;
|
|
|
+ // height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ background-color: #FAEBEC;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.recommendInfoWrapper h4 i {
|
|
|
+ content: '';
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ float: left;
|
|
|
+ position: relative;
|
|
|
+ top: 3px;
|
|
|
+ margin: 0 12px;
|
|
|
+}
|
|
|
+
|
|
|
+.symptomRecommend,
|
|
|
+.physiExamRecommend,
|
|
|
+.labAndPacsRecommend {
|
|
|
+ h4 {
|
|
|
+ background-color: #ECF4FC;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.treatRecommend,.knowledgeInfo,.scaleInfo {
|
|
|
+ h4 {
|
|
|
+ background-color: #E3FEFE;
|
|
|
+ }
|
|
|
+}
|
|
|
+.tipsInfo {
|
|
|
+ h4 {
|
|
|
+ background-color: #E3FEFE;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+.conditTips {
|
|
|
+ h4 {
|
|
|
+ background-color: #FDF4EE;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.recommendInfoBox {
|
|
|
+ padding: 4px 17px;
|
|
|
+}
|
|
|
+
|
|
|
+.treatRecommend h4 i,.knowledgeInfo h4 i,.scaleInfo h4 i {
|
|
|
+ background: url(/images/zhiliao.png) center center no-repeat;
|
|
|
+}
|
|
|
+.tipsInfo h4 i {
|
|
|
+ background: url(/images/zhiliao.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.conditTips h4 i {
|
|
|
+ background: url(/images/tips.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.symptomRecommend h4 i {
|
|
|
+ background: url(/images/inquire.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.physiExamRecommend h4 i {
|
|
|
+ background: url(/images/tgjc.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.labAndPacsRecommend h4 i {
|
|
|
+ background: url(/images/inspect.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.warning h4 i {
|
|
|
+ background: url(/images/warings.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.diagRecommend h4 i {
|
|
|
+ background: url(/images/yszd.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.recommendInfoItem {
|
|
|
+ padding-right: 15px;
|
|
|
+ float: left;
|
|
|
+ line-height: 21px;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.infoMsg,
|
|
|
+.infoMsgOn {
|
|
|
+ position: absolute;
|
|
|
+ top: 6px;
|
|
|
+ right: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.infoMsg,
|
|
|
+.infoMsgOn {
|
|
|
+ display: none;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.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:hover {
|
|
|
+// color: #267FD7;
|
|
|
+// .infoMsg {
|
|
|
+// display: inline-block;
|
|
|
+// width: 16px;
|
|
|
+// height: 16px;
|
|
|
+// background: url(/images/msg1.png) center center no-repeat;
|
|
|
+// }
|
|
|
+// .infoMsg:hover {
|
|
|
+// background: url(/images/msg2.png) center center no-repeat;
|
|
|
+// }
|
|
|
+// }
|
|
|
+.diagNameBox,
|
|
|
+.durgNameBox {
|
|
|
+ position: relative;
|
|
|
+ padding-right: 15px;
|
|
|
+ display: inline-block;
|
|
|
+ .infoMsg, .infoMsgOn {
|
|
|
+ top: 6px;
|
|
|
+ }
|
|
|
+}
|
|
|
+.durgName, .diagName{
|
|
|
+ border-bottom: 1px solid #1E1E1E;
|
|
|
+}
|
|
|
+.sriticalinfo {
|
|
|
+ height:30px;
|
|
|
+ background:#F5F5F5;
|
|
|
+ line-height: 30px;
|
|
|
+ margin: 10px 0;
|
|
|
+}
|
|
|
+.recommendInfoBox p {
|
|
|
+ line-height: 21px;
|
|
|
+}
|
|
|
+
|
|
|
+.commonTreatmentbox {
|
|
|
+ padding-bottom: 10px;
|
|
|
+ border-bottom: 1px solid #D1D1D1;
|
|
|
+}
|
|
|
+
|
|
|
+.drugTreatmentbox {
|
|
|
+ padding-top: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.illnessTable {
|
|
|
+ color: #267FD7;
|
|
|
+ line-height: 21px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.labAndPacsBox {
|
|
|
+ position: relative;
|
|
|
+ line-height: 21px;
|
|
|
+}
|
|
|
+
|
|
|
+.alertModal {
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .mayResult {
|
|
|
+ color: #838383;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .mayResultSelect {
|
|
|
+ line-height: 21px;
|
|
|
+
|
|
|
+ .makesureResult {
|
|
|
+ cursor: pointer;
|
|
|
+ color: @colorBlue;
|
|
|
+ }
|
|
|
+
|
|
|
+ .sanjiao {
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ display: inline-block;
|
|
|
+ position: relative;
|
|
|
+ top: 3px;
|
|
|
+ background: url('../images/select.png') center center no-repeat;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.recommendInfoItemBox {
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.recommendInfoItemBoxLimit {
|
|
|
+ height: 21px;
|
|
|
+ overflow: hidden;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.commonTreatmentInfoLimit {
|
|
|
+ height: 75px;
|
|
|
+ overflow: hidden;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.slideDown {
|
|
|
+ background-color: #fff;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0px;
|
|
|
+ right: 0px;
|
|
|
+ color: @colorBlue;
|
|
|
+ height: 21px;
|
|
|
+ line-height: 21px;
|
|
|
+ box-shadow: -2px 0px 15px 0px #fff;
|
|
|
+ cursor: pointer;
|
|
|
+
|
|
|
+ i {
|
|
|
+ width: 10px;
|
|
|
+ height: 7px;
|
|
|
+ display: inline-block;
|
|
|
+ position: relative;
|
|
|
+ // top: -2px;
|
|
|
+ background: url('../images/down.png') center center no-repeat;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.slideup {
|
|
|
+ background-color: #fff;
|
|
|
+ position: relative;
|
|
|
+ float: right;
|
|
|
+ bottom: 0px;
|
|
|
+ right: 0px;
|
|
|
+ color: @colorBlue;
|
|
|
+ cursor: pointer;
|
|
|
+ height: 21px;
|
|
|
+ line-height: 21px;
|
|
|
+ box-shadow: -2px 0px 15px 0px #fff;
|
|
|
+
|
|
|
+ i {
|
|
|
+ width: 10px;
|
|
|
+ height: 7px;
|
|
|
+ display: inline-block;
|
|
|
+ position: relative;
|
|
|
+ // top: -2px;
|
|
|
+ background: url('../images/up.png') center center no-repeat;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.responsibility {
|
|
|
+ text-align: center;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #979797;
|
|
|
+ padding-top: 15px;
|
|
|
+}
|
|
|
+.disclaimer {
|
|
|
+ height: 40px;
|
|
|
+ width: 100%;
|
|
|
+ line-height: 40px;
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0;
|
|
|
+ background-color: #ececec;
|
|
|
+ left: 0;
|
|
|
+ z-index: 98;
|
|
|
+ .version-tip{
|
|
|
+ margin-left: 20px;
|
|
|
+ font-size: 12px;
|
|
|
+ padding-right: 34px;
|
|
|
+ cursor: pointer;
|
|
|
+ &.new-icon{
|
|
|
+ background: url(../images/new.png) 100% 0px no-repeat;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .logo {
|
|
|
+ float: left;
|
|
|
+ font-size: 12px;
|
|
|
+ margin-left: 15px;
|
|
|
+ }
|
|
|
+ .disclaimerInfo {
|
|
|
+ float: right;
|
|
|
+ font-size: 12px;
|
|
|
+ margin-right: 15px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.labAndPacsTitle {
|
|
|
+ border-right: 2px solid #ADADAD;
|
|
|
+ padding-right:5px;
|
|
|
+ margin-right: 5px;
|
|
|
+}
|
|
|
+.labAndPacsItem {
|
|
|
+ display: inline-block;
|
|
|
+ padding-right: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+.recommendNull,.TipsInfoNull {
|
|
|
+ color: #ADADAD;
|
|
|
+}
|
|
|
+.treatItemTitle {
|
|
|
+ font-weight: bold;
|
|
|
+ padding-bottom: 5px;
|
|
|
+}
|
|
|
+.disclaimerInfo {
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.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;
|
|
|
+ .durgName{
|
|
|
+ border-bottom: 1px solid @grayColor;
|
|
|
+ }
|
|
|
+ }
|
|
|
+.medicineWaringDis:hover {
|
|
|
+ color: @grayColor;
|
|
|
+}
|
|
|
+
|
|
|
+.staticWin {
|
|
|
+ color: #040428;
|
|
|
+ text-decoration: underline;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.line {
|
|
|
+ width: 100%;
|
|
|
+ height: 1px;
|
|
|
+ background: #D1D1D1;
|
|
|
+}
|
|
|
+.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 {
|
|
|
+ position: relative;
|
|
|
+ .slideDown {
|
|
|
+ font-weight: normal;
|
|
|
+ bottom: 5px;
|
|
|
+ }
|
|
|
+}
|