.drug-info-wrapper { position: fixed; overflow: hidden; width: 950px; height: 80%; left: 50%; top: 10%; margin-left: -475px; background: #fff; z-index: 303; padding: 40px 0 60px; box-shadow: 0px 0px 5px -2px #7d7c7c; } .drug-desc-wrapper { height: 100%; overflow-y: auto; padding: 0 40px; } .drug-title { position: absolute; top: 0; width: 100%; height: 40px; line-height: 40px; padding: 0 40px; border-bottom: 1px solid #979797; cursor: move; moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; } .close-drug-desc { position: absolute; right: 0; top: 0; z-index: 9999; width: 40px; } .drug-desc-item { zoom: 1; padding: 5px 0; &:after{ content: ""; display: block; height: 0; clear: both; visibility: hidden; } } .drug-desc-title { display: inline-block; font-weight: bold; font-size: 14px; // height: 100%; // float: left; // width: 190px; // text-align-last:justify; /*chrome*/ // text-justify: distribute; /*ff*/ } .drug-desc-title::before { content: '【' } .drug-desc-title::after { content: '】' } .drug-title1 { height: 60px; line-height: 60px; font-size: 32px; color: #000000; text-align: center; } .drug-desc-content { /*width: 100%;*/ margin: 0px 160px 0px 10px; } .content-menu-box { position: absolute; top: 50px; right: 20px; width: 160px; height: 80%; overflow: hidden; } .content-menu-wrapper { width: 200px; height: 100%; overflow-y: auto; } .content-menu { background: #eee; border: 1px solid #eee; width: 160px; padding: 15px 18px; } .details-content-menu-line { height: 15px; width: 0; border: 1px solid #ccc; background-color: #ccc; margin-left: 4px } .details-content-menu-name { color: #33475f; font-size: 13px; cursor: pointer; } .details-content-menu-circle { display: inline-block; width: 8px; height: 8px; border-radius: 5px; border: 1px solid #ccc; margin-top: 5px; background-color: #eee; margin-right: 10px; }