@import "~@less/variables.less"; .mefical-info-wrapper { padding: 0px 15px; line-height: 20px; width: @push-width; overflow: hidden; position: relative; } .search-cont{ padding: 0px 15px; line-height: 20px; position: relative; overflow: hidden; .search-box{ position: fixed; z-index: 9; background: #fff; width: 430px; padding: 0 0 15px; } .cont{ position: relative; img{ position: absolute; width: 15px; left: 278px; top: 9px; cursor: pointer; } } .title{ font-size: 12px; color:#979797; margin-bottom: 10px; } .input{ display: inline-block; width: 300px; height: 34px; padding: 5px 25px 5px 5px; border:1px #CECECE solid; vertical-align: top } button{ display: inline-block; width: 80px; height: 34px; line-height: 34px; color: #fff; background: #2A9BD5; text-align: center; border: none; } .result{ margin-top:46px; padding: 0 5px 0 0; height: 100%; overflow: auto; box-sizing: border-box; ul{ overflow: auto; } li{ border-bottom:1px #CECECE solid; line-height: 42px; cursor: pointer; p{ color:#979797; font-size: 12px; margin-bottom: 10px; line-height: 20px; } span{ font-size: 14px; color: #000; } i{ color: #2A9BD5; font-size: 12px; } .scale-name{ display: inline-block; line-height: 22px; } button{ float: right; border:1px #2A9BD5 solid; text-align: center; width: 56px; height: 26px; line-height: 26px; color: #2A9BD5; border-radius: 3px; background: none; margin-top: 8px; outline: none; } &:hover{ border-bottom:2px solid #3B9ED0; } } } .no-data{ width: 380px; color:#979797; text-align: center; line-height: 40px; margin-top: 66px; } }